/* Modify by: pyan.n */
html, body {
    width: 100vw;
    overflow: hidden;
}

@media (min-width: 576px) {
    html {
        font-size: 14px !important;
    }
}

@media screen and (min-width: 577px) {
    html body {
        background: url(../../app-assets/images/bg/auth-bg2.jpg) no-repeat top center;
        background-size: contain;
        overflow-x: scroll;
        overflow: hidden;
    }
}

@media screen and (max-width: 576px) {
    html body.bg-login {
        background: url(../../app-assets/images/bg/bg-mobile.png) top right no-repeat;
        background-attachment: fixed;
        background-size: 100% 225px;
        min-width: 100%;
    }
}

.choice-circle {
    display: inline-block;
    background: #F4F7F8;
    border: 2px solid #718499;
    border-radius: 32px;
}

.dropdown-language i {
    border-radius: 10px;
}

.chioce-box {
    align-content: center;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    border-radius: 5px;
}

.card-login-outside {
    min-width: 462px;
    box-shadow: 0px 4px 50px rgba(84, 84, 84, 0.15);
    border-radius: 26px !important;
}

.card-login-inside {
    margin-top: 0px;
    margin-bottom: 0px;
    position: absolute;
    width: 100%;
    top: 17px;
    left: 0px;
    background: #FFFFFF;
    border-radius: 26px !important;
}

.bg-light-blue {
    background: #F4F7F8;
}

.bg-light-gray {
    background: #F4F4F4;
}

.card-login-footer {
    position: absolute;
    bottom: 0px;
}

.bg-login-left {
    background-color: #7589a1;
}

.bg-login-right {
    background-color: #e6f2ffe0;
}

.block-login {
    background-color: #e6f2ff;
}

.is-hide {
    display: none
}

.block-headle {
    background-color: #dae2ec;
    padding: 1rem 1.3rem;
    margin-bottom: 1rem;
}

.contain-body-filx {
    position: fixed;
}

.right-box {
    box-shadow: -7px 0px 2px #f7f8f9;
}

div.fileinputs {
    position: relative;
}

input.file {
    position: relative;
    text-align: right;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    width: 36px;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}


.auto-width {
    width: 100% !important;
}

.block-add-location {
    padding: 1.3rem;
    background-color: #f3f7f5;
}

.row-center {
    justify-content: center;
}

.icon-map {
    text-align: center;
    font-size: 2rem;
    color: #2c8c0d;
}

.icon-default {
    color: #0b9e16;
    position: relative;
    top: -10px;
    left: -6px;
}

.controll-row {
    display: flex;
}

.mark-sub {
    color: red;
    margin-left: 0.1rem !important;
}

.table-icon-check {
    font-size: 1.5em !important;
    cursor: pointer;
    color: springgreen;
}

.dropdown .dropdown-toggle::after, .dropup .dropdown-toggle::after, .dropright .dropdown-toggle::after, .dropleft .dropdown-toggle::after {
    left: 0rem;
}

.dropdown-menu.dropdown-menu-right::before {
    right: 1.3rem;
    left: auto;
}

/*persanal form */
.required_star:after {
    content: " *";
    color: red;
    vertical-align: middle;
}

.bg-image {
    position: absolute;
}

.block-inputfile {
    border: 1px solid #F0F0F0;
    align-items: center;
    padding: 1rem;
    border-radius: 10px;
    margin-bottom: 0.5rem;
}

.inputfil-area {
    display: flex;
    border: 2px dashed #E6E6E6;
    opacity: 0.86;
    box-sizing: border-box;
    border-radius: 10px;
    min-height: 60px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.text-upload {
    color: #B7B7B7 !important;
}

.badge-white {
    background-color: #ffffff;
    color: #9EACBA !important;
    border: 2px solid #9EACBA;
}

.hr-bold {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: -4.3%;
    margin-right: -4.5%;
    border: 0;
    border-top: 10px solid #F0F0F0;
}