@import url("fonts.css");

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

body {
    font-family: var(--copy-font)
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font)
}

.swal2-popup {
    font-size: 10px !important;
}

.wd-100-pr {
    width: 100% !important;
}

.view-pager {
    margin-left: auto !important;
    margin-right: auto !important;
}

.error {
    color: red;
}

.role-ck {
    right: 44px !important;
    top: 4px !important;
}

.mt-10-px {
    margin-top: 10px;
}

.mb-10-px {
    margin-bottom: 10px;
}

.pagination li {
    border: solid 1px #f1f3f5;
    padding: 5px;
    height: 30px;
    top: 0px;
    background-color: white;
}

    .pagination li a {
        color: #5ec293 !important;
    }

.dataTable .even, .dataTable .odd {
    background: #f1f3f5;
}

.security-add {
    display: none !important;
}

.spinner-border {
    vertical-align: unset !important
}

.hidden {
    display: none
}


.required-empty {
    border-color: #ff000066 !important;
}

.user-cb {
    margin-top: 10px !important;
    margin-left: 10px;
}

.menu-item {
    cursor: pointer;
}

.active-row {
    background: #c7c7c7 !important;
}

.pagination .active {
    background-color: #7b7979;
}

    .pagination .active a {
        color: white !important;
    }

.wd-17 {
    width: 17%;
}

.wd-16 {
    width: 16.60%;
}

/*modified*/

.login-active {
    color: #fff;
    background-color: var(--green);
    border-color: var(--green) !important;
}

.login-not-active {
    color: #9a9898 !important;
    background-color: #dde0df !important;
    border-color: #dde0df !important;
}

.btn-disabled {
    color: #291d1d !important;
    background: #c3bfbf !important;
    border-color: #c3bfbf !important;
}

.btn-White {
    color: #fff !important;
}

.required-star {
    color: red;
    font-size: 13px;
}

#dt_filter input {
    width: 166px !important;
}

.process-step .btn:focus {
    outline: none
}

.process {
    display: table;
    width: 100%;
    position: relative
}

.process-row {
    display: table-row
}

.process-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important
}

.process-row:before {
    top: 18px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0
}

.process-step {
    width: 15%;
    display: table-cell;
    text-align: center;
    position: relative
}

    .process-step p {
        margin-top: 4px
    }

.btn-circle {
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%
}

.btn-current-step {
    color: #fff;
    background-color: #5ec293;
    /*border-color: #5ec293;*/
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #696666;
}

.navbar-brand h3 {
    font-size: .9em;
}

thead {
    cursor: pointer;
}

@media (min-width: 768px) {
    .Custom {
        /*font-size: 10px;*/
        max-height: 70px;
    }
}

.control-invalid-bottom {
    border-bottom: 1px solid red !important;
}

.control-invalid-all {
    border: 1px solid red !important;
}

.icon-light-blue {
    background-color: #b9cfe8;
    padding: 14px;
    border-radius: 8px;
    color: #2b3aec;
    cursor: pointer;
}

.icon-dark-blue {
    background-color: #cce4ff;
    padding: 14px;
    border-radius: 8px;
    color: #2b3aec;
    cursor: pointer;
}

.icon-light-grey {
    background-color: #e0e0e0;
    padding: 14px;
    border-radius: 8px;
    color: #8f928f;
    cursor: pointer;
}

.icon-light-red {
    background-color: #efb7b7;
    padding: 14px;
    border-radius: 8px;
    color: #e41313;
    cursor: pointer;
}

.icon-light-green {
    background-color: #d4efce;
    padding: 14px;
    border-radius: 8px;
    color: #10e80d;
    cursor: pointer;
}



.ck-all .form-check-label {
    margin-right: 25px
}

.ck-all {
    padding-right: 10px !important;
    padding-top: 10px !important;
}

.permission-row {
    display: flex;
}

.cb-permissions {
    width: 12%
}

    .cb-permissions .form-check-label {
        margin-right: 17px
    }

button[type=button] {
    margin-right: 5px;
    margin-left: 5px;
}

    button[type=button].multi-select-arrow {
        margin-right: unset;
        margin-left: unset;
    }

input[type=date] {
    text-align: right !important;
}


#sidebarnav i {
    font-size: 20px
}

.registrationTitle {
    text-align: right !important;
    margin-top: 0.5rem !important;
    margin-right: 1.5rem !important;
}

.reset-pass-hint {
    text-align: right !important;
}

.nav-item .active {
    color: #01853b !important;
    font-weight: bold;
    border-bottom: 1px solid #01853b;
    background-color: unset !important;
}

.div-not-allowed {
    pointer-events: none;
    opacity: 0.4;
}

.sidebar-nav li.main-page-link.has-children > a::after {
    visibility: hidden;
}

.fc-event-time, .fc-event-title-container {
    text-align: left;
}

.validator-success {
    color: #3e853c !important;
}

.account-exists {
    color: #ff0202 !important;
    text-align: right !important;
}

#user-notification {
    margin-left: 20px !important
}

.bell-shake {
    animation: shake 0.3s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.notification-item {
    border-bottom: 1px solid #9a9a9a;
    white-space: unset !important
}

.not-break {
    word-wrap: break-word;
}

#dd-notifications .dropdown-menu {
    width: 250px !important
}


.blur {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    pointer-events: none;
}

#overlay {
    position: fixed;
    display: none;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(255,255,255,.8);
    z-index: 99999;
}

#popup {
    position: absolute;
    width: 400px;
    height: 200px;
    background: rgb(255,255,255);
    border: 5px solid rgb(90,90,90);
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.icon-dark-green {
    background-color: #3e853c;
    padding: 14px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    margin-top: -11px;
}

.multi-select-arrow:after {
    left: 5px !important;
    right: unset !important;
}

.select2 select2-container select2-container--default select2-container--focus {
    width: 100% !important;
}

.select2-container {
    width: 100% !important;
}

.custom-multi-select {
    width: 30% !important
}


#txtEnglish .icon-flag, #txtArabic .icon-flag {
    color: white;
}

.form-control {
    height: 41px !important;
}

.formula-operaters {
    border: 1px solid #eaeaea;
    display: flex;
    flex-direction: column
}

    .formula-operaters a {
        margin: 3px;
        padding: 3px;
        border: 1px solid;
    }

.indicator-category {
    background: #e5dbdb;
    padding: 10px;
    margin-bottom: 28px;
    color: #44673f;
}

.select2-results__group {
    border-bottom: 1px dashed;
    margin-bottom: 15px;
    border-top: 1px dashed;
    background-color: #44673f;
    color: white;
}

.btn-add-formula {
    margin: 3px;
    padding: 3px;
    border: 1px solid;
}

.has-children.active:not(.main-page-link):not(.sub-menu-container) {
    background: #17361e;
    padding-top: 18px;
    padding-bottom: 5px;
}

.last-level-menu {
    /*border-bottom: 1px solid #ccd1b5;*/
}


.row-filter th {
    background-color: white !important
}

.row-filter input {
    width: 100% !important
}

.dataTables_filter {
    display: none
}
.selected-row2 {
    background-color: #9bafc3 !important;
}

.row-design {
    border: 1px solid #e5e5e5;
    width: 97%;
    margin-right: 5px;
    margin-bottom: 1px !important;
    clear: both;
}
.reportLabel {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
    text-align: center;
    border-right: 1px solid #e5e5e5;

}

.leftCheckboxdiv {
    padding: 7px;
    float: right;

}

.ml-a {
    margin-left: auto!important;
}

.mr-a {
    margin-right: auto!important;
}