/*
@font-face{
    font-family:'Droid Arabic Kufi';
    font-style:normal;
    font-weight:400;
    src:url(fonts/DroidKufi-Regular.eot?);
    src:url(fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),url(fonts/DroidKufi-Regular.woff) format('woff'),url(fonts/DroidKufi-Regular.ttf) format('truetype')
}
@font-face{
    font-family:'Droid Arabic Kufi';
    font-style:normal;
    font-weight:700;
    src:url(fonts/DroidKufi-Bold.eot?);
    src:url(fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),url(fonts/DroidKufi-Bold.woff) format('woff'),url(fonts/DroidKufi-Bold.ttf) format('truetype')
}
@font-face{
    font-family:'Droid Sans';
    font-style:normal;
    font-weight:400;
    src:local('Droid Sans'),local('DroidSans'),url(fonts/Droid-Sans-reqular.woff) format('woff')
}
@font-face{
    font-family:'Droid Sans';
    font-style:normal;
    font-weight:700;
    src:local('Droid Sans Bold'),local('DroidSans-Bold'),url(fonts/Droid-Sans-bold.woff) format('woff')
}
html,body{
    background-color:#eaf1fc
}
html,body,select,textarea,input,select,option,optgroup{
    font-family:'Droid Arabic Kufi','Droid Sans' !important
}
a.navbar-brand{
    text-align:center;
    word-break:break-all;
    font-size:25px;
    font-weight:bold;
    color:#fff;
    display:inline-block;
    width:175px;
    white-space:nowrap
}
a.navbar-brand:hover{
    color:#fff
}
html{
    font-size:14px
}
@media(min-width:768px){
    html{
        font-size:15px
    }
}
.border-top{
    border-top:1px solid #e5e5e5
}
.border-bottom{
    border-bottom:1px solid #e5e5e5
}
.box-shadow{
    box-shadow:0 .25rem .75rem rgba(0,0,0,.05)
}
button.accept-policy{
    font-size:1rem;
    line-height:inherit
}
textarea{
    min-height:150px
}
table th,.table td,.table>thead>tr>th{
    padding:8px
}
.table-striped tbody tr:nth-of-type(2n+1),.record:nth-of-type(2n+1),.multi-records-record:nth-of-type(2n+1),.vacancy:nth-of-type(2n+1),.notification-box:nth-of-type(2n+1){
    background-color:#fafbfc
}
.table{
    color:#656565
}
.text-primary{
    color:#215ba9 !important
}
.dropdown-item.active,.dropdown-item:active,.dropdown-item:focus,.dropdown-item:hover{
    background-color:#215ba9 !important;
    color:#fff !important
}
html{
    position:relative;
    min-height:100%
}
.footer{
    position:absolute;
    bottom:0;
    background:#fff;
    width:100%;
    height:60px;
    padding-top:15px;
    border-radius:0 0 25px 25px
}
.footer-height{
    width:100%;
    display:block;
    height:45px
}
@-webkit-keyframes typing{
    0%{
        background-color:#fff;
        box-shadow:12px 0 0 0 rgba(255,255,255,.2),24px 0 0 0 rgba(255,255,255,.2)
    }
    25%{
        background-color:rgba(255,255,255,.4);
        box-shadow:12px 0 0 0 #fff,24px 0 0 0 rgba(255,255,255,.2)
    }
    75%{
        background-color:rgba(255,255,255,.4);
        box-shadow:12px 0 0 0 rgba(255,255,255,.2),24px 0 0 0 #fff
    }
}
@-moz-keyframes typing{
    0%{
        background-color:#fff;
        box-shadow:12px 0 0 0 rgba(255,255,255,.2),24px 0 0 0 rgba(255,255,255,.2)
    }
    25%{
        background-color:rgba(255,255,255,.4);
        box-shadow:12px 0 0 0 #fff,24px 0 0 0 rgba(255,255,255,.2)
    }
    75%{
        background-color:rgba(255,255,255,.4);
        box-shadow:12px 0 0 0 rgba(255,255,255,.2),24px 0 0 0 #fff
    }
}
@keyframes typing{
    0%{
        background-color:#fff;
        box-shadow:12px 0 0 0 rgba(255,255,255,.2),24px 0 0 0 rgba(255,255,255,.2)
    }
    25%{
        background-color:rgba(255,255,255,.4);
        box-shadow:12px 0 0 0 #fff,24px 0 0 0 rgba(255,255,255,.2)
    }
    75%{
        background-color:rgba(255,255,255,.4);
        box-shadow:12px 0 0 0 rgba(255,255,255,.2),24px 0 0 0 #fff
    }
}
.loading-container{
    z-index:5000;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#215ba9
}
.loading-container.loading-inactive{
    display:none
}
.loading-container.loading-inactive .loader{
    display:none
}
.loading-container .loading{
    position:relative;
    font-weight:bold;
    color:#fff;
    display:inline-block;
    white-space:nowrap;
    bottom:36px;
    text-align:justify;
    text-justify:inter-word;
    width:130px
}
.loading-container .loader{
    width:6px;
    height:6px;
    border-radius:50%;
    -webkit-animation:typing 1s linear infinite alternate;
    -moz-animation:Typing 1s linear infinite alternate;
    animation:typing 1s linear infinite alternate;
    margin:50vh auto;
    position:relative
}
a.down,a.up{
    color:#fff !important
}
.btn:not(:disabled):not(.disabled){
    cursor:pointer
}
.field-validation-error{
    width:100%;
    margin-top:.25rem;
    font-size:90%;
    color:#dc3545
}
.form-control.input-validation-error{
    border-color:#dc3545;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-size:calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.input-validation-error:focus{
    border-color:#dc3545;
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-select.input-validation-error{
    border-color:#dc3545
}
.custom-select.input-validation-error:focus{
    border-color:#dc3545;
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.form-check-input.input-validation-error~.form-check-label{
    color:#dc3545
}
.custom-control-input.input-validation-error~.custom-control-label{
    color:#dc3545
}
.custom-control-input.input-validation-error~.custom-control-label::before{
    border-color:#dc3545
}
.custom-control-input.input-validation-error:checked~.custom-control-label::before{
    border-color:#e4606d;
    background-color:#e4606d
}
.custom-control-input.input-validation-error:focus~.custom-control-label::before{
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-control-input.input-validation-error:focus:not(:checked)~.custom-control-label::before{
    border-color:#dc3545
}
.custom-file-input.input-validation-error~.custom-file-label{
    border-color:#dc3545
}
.custom-file-input.input-validation-error:focus~.custom-file-label{
    border-color:#dc3545;
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.form-control.valid{
    border-color:#28a745;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-size:calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.valid:focus{
    border-color:#28a745;
    box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-select.valid{
    border-color:#28a745;
    padding-right:calc((1em + .75rem)*3/4 + 1.75rem);
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}
.custom-select.valid:focus{
    border-color:#28a745;
    box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.form-check-input.valid~.form-check-label{
    color:#28a745
}
.custom-control-input.valid~.custom-control-label{
    color:#28a745
}
.custom-control-input.valid~.custom-control-label::before{
    border-color:#28a745
}
.custom-control-input.valid:checked~.custom-control-label::before{
    border-color:#34ce57;
    background-color:#34ce57
}
.custom-control-input.valid:focus~.custom-control-label::before{
    box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-control-input.valid:focus:not(:checked)~.custom-control-label::before{
    border-color:#28a745
}
.custom-file-input.valid~.custom-file-label{
    border-color:#28a745
}
.custom-file-input.valid:focus~.custom-file-label{
    border-color:#28a745;
    box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.validation-summary-errors ul{
    margin:0;
    list-style:none;
    padding:0
}
.validation-summary-errors ul li:before{
    content:"";
    font-family:'Font Awesome 5 Free';
    display:inline-block;
    font-weight:900;
    width:1em
}
.custom-file-label{
    overflow:hidden
}
.custom-control-input:checked~.custom-control-label:before{
    border-color:#215ba9;
    background-color:#215ba9
}
.btn-primary,btn-primary.disabled,.btn-primary:disabled{
    background-color:#215ba9;
    border-color:#215ba9
}
.btn-primary.focus,.btn-primary:focus{
    box-shadow:0 0 0 #00000000;
    background-color:#215ba9;
    border-color:#215ba9
}
.btn-primary:hover{
    background-color:#169ad4;
    border-color:#169ad4
}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{
    background-color:#215ba9;
    border-color:#158eb3
}
.btn-info,btn-info.disabled,.btn-info:disabled{
    background-color:#27aae3;
    border-color:#27aae3
}
.btn-info.focus,.btn-info:focus,.btn-info.active,.btn-info:active{
    box-shadow:0 0 0 #00000000;
    background-color:#51c8fc;
    border-color:#51c8fc
}
.btn-info:hover{
    background-color:#51c8fc;
    border-color:#51c8fc
}
.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{
    background-color:#51c8fc;
    border-color:#51c8fc
}
.btn-outline-info,btn-outline-info.disabled,.btn-outline-info:disabled{
    background-color:#fff;
    border-color:#0b407a;
    color:#0b407a
}
.btn-outline-info:hover{
    background-color:#0b407a;
    border-color:#0c4787;
    color:#fff
}
.navbar{
    background-color:#215ba9;
    background-repeat:repeat-x
}
a,.btn-link,a.page-link{
    display:inline-block;
    color:#215ba9
}
a:hover,.btn-link:hover{
    color:#215ba9
}
.dropdown-item.active,.dropdown-item:active{
    color:#fff !important
}
.navbar-dark a.navbar-brand:focus,.navbar-dark a.navbar-brand:hover{
    color:#fff
}
.form-control:focus{
    border-color:#215ba9;
    box-shadow:0 0 0 .2rem rgba(35,183,229,.25)
}
h1,h2,h3,h4,h5,h6{
    color:#215ba9
}
label{
    color:#656565;
    font-weight:bold
}
.table thead>tr>th{
    border-bottom:3px solid #215ba9
}
table.dataTable thead .sorting:after,.page-item.active a.page-link{
    color:#fff
}
.page-item.active .page-link{
    background-color:#215ba9;
    border-color:#215ba9
}
.modal-message .modal-dialog{
    width:300px
}
.modal-message .modal-body,.modal-message .modal-footer,.modal-message .modal-header,.modal-message .modal-title{
    background:0 0;
    border:none;
    margin:0;
    padding:0 20px;
    text-align:center !important
}
.modal-message .modal-header{
    color:#fff;
    margin-bottom:10px;
    padding:15px 0 8px
}
.modal-message .modal-header .fa,.modal-message .modal-header .glyphicon,.modal-message .modal-header .typcn,.modal-message .modal-header .wi{
    font-size:30px
}
.modal-message .modal-title{
    font-size:17px;
    color:#737373;
    margin-bottom:3px
}
.modal-message .modal-body{
    color:#737373
}
.modal-message .modal-footer{
    margin:25px 0 20px;
    padding-bottom:10px
}
.modal-message.modal-info .modal-header{
    color:#57b5e3;
    border-bottom:3px solid #57b5e3
}
.modal-message.modal-danger .modal-header{
    color:#d73d32;
    border-bottom:3px solid #e46f61
}
.modal-message.modal-warning .modal-header{
    color:#f4b400;
    border-bottom:3px solid #ffce55
}
.modal-message.modal-success .modal-header{
    color:#53a93f;
    border-bottom:3px solid #a0d468
}
.modal-blue .modal-header{
    border-bottom:3px solid #5db2ff
}
.modal-danger .modal-header{
    border-bottom:3px solid #d73d32
}
.modal-success .modal-header{
    border-bottom:3px solid #53a93f
}
.modal-warning .modal-header{
    border-bottom:3px solid #f4b400
}
.modal-silver .modal-header{
    border-bottom:3px solid #777
}
.modal-inverse .modal-header{
    border-bottom:3px solid #444
}
.modal-blueberry .modal-header{
    border-bottom:3px solid #6f85bf
}
.modal-palegreen .modal-header{
    border-bottom:3px solid #a0d468
}
.modal-orange .modal-header{
    border-bottom:3px solid #fb6e52
}
.modal-darkorange .modal-header{
    border-bottom:3px solid #ed4e2a
}
.modal-magenta .modal-header{
    border-bottom:3px solid #bc5679
}
.modal-purple .modal-header{
    border-bottom:3px solid #7e3794
}
.modal-maroon .modal-header{
    border-bottom:3px solid #981b48
}
.modal-primary .modal-header{
    border-bottom:3px solid #4374e0
}
.modal-content{
    -webkit-border-radius:0;
    -webkit-background-clip:padding-box;
    -moz-border-radius:0;
    -moz-background-clip:padding;
    border-radius:0;
    background-clip:padding-box;
    -webkit-box-shadow:0 0 40px rgba(0,0,0,.5);
    -moz-box-shadow:0 0 40px rgba(0,0,0,.5);
    box-shadow:0 0 40px rgba(0,0,0,.5);
    color:#00000000;
    background-color:#fff;
    border:rgba(0,0,0,0)
}
.modal-content .close{
    font-size:26px
}
.modal-footer{
    padding-top:12px;
    padding-bottom:14px;
    border-top:0;
    background-color:#f5f5f5
}
.modal-header{
    padding:10px 15px 10px 20px;
    background-color:#f5f5f5
}
.modal-header .close{
    font-size:26px
}
.modal-backdrop{
    background-color:#fff
}
.modal-backdrop.in{
    zoom:1;
    filter:alpha(opacity=75);
    -webkit-opacity:.75;
    -moz-opacity:.75;
    opacity:.75
}
.modal-message .modal-dialog{
    width:300px
}
.modal-message .modal-body,.modal-message .modal-footer,.modal-message .modal-header,.modal-message .modal-title{
    background:0 0;
    border:none;
    margin:0;
    padding:0 20px;
    text-align:center !important
}
.modal-message .modal-header{
    color:#fff;
    margin-bottom:10px;
    padding:15px 0 8px
}
.modal-message .modal-header .fa,.modal-message .modal-header .fas,.modal-message .modal-header .glyphicon,.modal-message .modal-header .typcn,.modal-message .modal-header .wi{
    font-size:30px
}
.modal-message .modal-title{
    font-size:17px;
    color:#737373;
    margin-bottom:3px
}
.modal-message .modal-body{
    color:#737373
}
.modal-message .modal-footer{
    margin:25px 0 20px;
    padding-bottom:10px
}
.modal-message.modal-info .modal-header{
    color:#57b5e3;
    border-bottom:3px solid #57b5e3
}
.modal-message.modal-danger .modal-header{
    color:#d73d32;
    border-bottom:3px solid #e46f61
}
.modal-message.modal-warning .modal-header{
    color:#f4b400;
    border-bottom:3px solid #ffce55
}
.modal-message.modal-success .modal-header{
    color:#53a93f;
    border-bottom:3px solid #a0d468
}
.counter{
    background-color:rgba(0,0,0,.03);
    padding:20px 0;
    border-radius:50%;
    width:178px;
    height:178px;
    border:1px solid rgba(0,0,0,.125);
    margin:auto
}
.counter sub{
    color:#656565;
    font-size:60%
}
.counter sub small{
    font-size:50%
}
.count-title{
    font-size:40px;
    font-weight:normal;
    margin-top:10px;
    margin-bottom:0;
    text-align:center
}
.count-text{
    font-weight:bold;
    margin-top:10px;
    margin-bottom:0;
    text-align:center
}
@media(max-width:410px){
    .counter{
        width:150px;
        height:150px
    }
    .fa-3x{
        font-size:2.3em
    }
    .count-title{
        font-size:35px
    }
}
.fa-3x{
    margin:0 auto;
    float:none;
    display:table;
    color:#4ad1e5
}
.dashboard .card-body{
    padding:0
}
.dashboard table.dataTable{
    margin:0 !important;
    border:0 !important
}
.dashboard table.dataTable th{
    border-top:0 !important
}
.nav-custom{
    padding:0 15px
}
.nav-custom .fas{
    font-size:20px
}
.nav-custom sub .fas{
    font-size:inherit
}
.navbar-custom>li{
    height:78px;
    padding:0;
    line-height:78px
}
.navbar-custom>li li{
    line-height:1.5
}
.navbar-custom>li>a{
    display:block;
    text-align:center;
    height:100%;
    width:auto;
    min-width:50px;
    padding:0 8px
}
.navbar-custom>li>a:hover{
    color:#fff;
    background-color:#215ba9
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
    background-color:#215ba9
}
.notification-loading{
    display:inline-block;
    width:100%;
    text-align:center;
    min-height:60px;
    line-height:60px;
    color:#215ba9;
    font-weight:bold
}
.notifications{
    width:300px;
    box-shadow:0 5px 7px -1px #c1c1c1;
    padding-bottom:0;
    padding:0
}
.notifications .notification-box.unread{
    background-color:#d9d9d9
}
.notifications li.notification-box:hover{
    background-color:#f2f3f4 !important
}
.notification-box a:hover,.notification-box a{
    text-decoration:none;
    color:#212529 !important;
    font-size:14px
}
.navbar .dropdown-menu:before{
    content:"";
    position:absolute;
    top:-20px;
    border:10px solid #343a40;
    border-color:transparent transparent #215ba9 transparent
}
.noti-head,.noti-footer{
    padding:5px 15px;
    background-color:#215ba9
}
.notification-box{
    padding:5px 0
}
.notification-box sub{
    bottom:0;
    top:-.25em
}
.badge-important{
    background-color:#d15b47
}
.icon-animated-bell{
    display:inline-block;
    -moz-animation:ringing 2s 5 ease 1s;
    -webkit-animation:ringing 2s 5 ease 1s;
    -o-animation:ringing 2s 5 ease 1s;
    -ms-animation:ringing 2s 5 ease 1s;
    animation:ringing 2s 5 ease 1s;
    -moz-transform-origin:50% 0%;
    -webkit-transform-origin:50% 0%;
    -o-transform-origin:50% 0%;
    -ms-transform-origin:50% 0%;
    transform-origin:50% 0%
}
@-moz-keyframes ringing{
    0%{
        -moz-transform:rotate(-15deg)
    }
    2%{
        -moz-transform:rotate(15deg)
    }
    4%{
        -moz-transform:rotate(-18deg)
    }
    6%{
        -moz-transform:rotate(18deg)
    }
    8%{
        -moz-transform:rotate(-22deg)
    }
    10%{
        -moz-transform:rotate(22deg)
    }
    12%{
        -moz-transform:rotate(-18deg)
    }
    14%{
        -moz-transform:rotate(18deg)
    }
    16%{
        -moz-transform:rotate(-12deg)
    }
    18%{
        -moz-transform:rotate(12deg)
    }
    20%{
        -moz-transform:rotate(0deg)
    }
}
@-webkit-keyframes ringing{
    0%{
        -webkit-transform:rotate(-15deg)
    }
    2%{
        -webkit-transform:rotate(15deg)
    }
    4%{
        -webkit-transform:rotate(-18deg)
    }
    6%{
        -webkit-transform:rotate(18deg)
    }
    8%{
        -webkit-transform:rotate(-22deg)
    }
    10%{
        -webkit-transform:rotate(22deg)
    }
    12%{
        -webkit-transform:rotate(-18deg)
    }
    14%{
        -webkit-transform:rotate(18deg)
    }
    16%{
        -webkit-transform:rotate(-12deg)
    }
    18%{
        -webkit-transform:rotate(12deg)
    }
    20%{
        -webkit-transform:rotate(0deg)
    }
}
@-ms-keyframes ringing{
    0%{
        -ms-transform:rotate(-15deg)
    }
    2%{
        -ms-transform:rotate(15deg)
    }
    4%{
        -ms-transform:rotate(-18deg)
    }
    6%{
        -ms-transform:rotate(18deg)
    }
    8%{
        -ms-transform:rotate(-22deg)
    }
    10%{
        -ms-transform:rotate(22deg)
    }
    12%{
        -ms-transform:rotate(-18deg)
    }
    14%{
        -ms-transform:rotate(18deg)
    }
    16%{
        -ms-transform:rotate(-12deg)
    }
    18%{
        -ms-transform:rotate(12deg)
    }
    20%{
        -ms-transform:rotate(0deg)
    }
}
@keyframes ringing{
    0%{
        transform:rotate(-15deg)
    }
    2%{
        transform:rotate(15deg)
    }
    4%{
        transform:rotate(-18deg)
    }
    6%{
        transform:rotate(18deg)
    }
    8%{
        transform:rotate(-22deg)
    }
    10%{
        transform:rotate(22deg)
    }
    12%{
        transform:rotate(-18deg)
    }
    14%{
        transform:rotate(18deg)
    }
    16%{
        transform:rotate(-12deg)
    }
    18%{
        transform:rotate(12deg)
    }
    20%{
        transform:rotate(0deg)
    }
}
.nav-user-photo{
    border-radius:100%;
    border:1px solid #215ba9;
    max-width:40px
}
.user-info small{
    display:block
}
.user-info small.type{
    color:#656565
}
.nav-link:hover small.type,.nav-link:hover .nav-user-photo{
    border-color:#fff;
    color:#dadcdd
}
.user-info{
    max-width:140px;
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:top;
    line-height:20px;
    position:relative;
    top:10px
}
.form-title{
    display:block;
    padding:8px 0;
    border-bottom:1px dashed #eee;
    font-size:15px;
    font-weight:300;
    margin-bottom:15px;
    font-weight:700;
    color:#215ba9
}
#firstHeading{
    color:#0000000008b
}
#content{
    padding:.5rem
}
table.fancytree-ext-table{
    font:inherit
}
.filter-action{
    display:flex;
    justify-content:space-between;
    background-color:#fff;
    padding:5px 10px;
    margin-bottom:10px;
    border:1px solid rgba(0,0,0,.125);
    border-radius:.25rem
}
.title{
    margin-top:79px;
    background-color:#f4f8fd;
    padding:20px 15px 15px
}
.wrapper{
    padding:15px
}
main {
    background-color: #f4f4f4;
    border-radius: 15px;
    padding: 25px;
    min-height: calc(100vh - 180px)
}
.sidebar{
    position:fixed;
    top:0;
    bottom:0;
    z-index:100;
    padding:70px 0 0;
    box-shadow:inset -1px 0 0 rgba(0,0,0,.1);
    background-color:#225baa;
    display:block
}
.sidebar-sticky{
    position:relative;
    top:0;
    height:calc(100vh - 173px);
    padding-top:.5rem;
    overflow-x:hidden;
    overflow-y:auto
}
@supports ((position:-webkit-sticky) or (position:sticky)){
    .sidebar-sticky{
        position:-webkit-sticky;
        position:sticky
    }
}
.menu-footer{
    display:block;
    position:relative;
    bottom:0;
    border-top:solid 1px #4f7cb7;
    text-align:center;
    width:100%;
    padding:25px
}
.sidebar .nav-link{
    font-weight:500;
    color:#fff
}
.sidebar .nav-link .feather{
    margin-right:4px;
    color:#fff
}
.sidebar li.active{
    border-color:#159ad3;
    border-style:solid
}
.sidebar li.active .nav-link{
    background-color:#1b4988;
    border-radius:5px
}
.sidebar .nav-link:hover .feather,.sidebar .nav-link.active .feather{
    color:inherit
}
.sidebar-heading{
    font-size:.75rem;
    text-transform:uppercase
}
.bold-label,label.bold-label{
    font-weight:700
}
.navbar-toggler{
    font-weight:400;
    color:#215ba9;
    text-decoration:none;
    width:40px;
    height:40px;
    background-color:#eaecf4;
    border-radius:50% !important
}
.navbar-toggler:hover{
    background-color:#eaecf4
}
@media(max-width:385px){
    .nav-link .fa-caret-down{
        display:none
    }
}
.nav-sapn{
    display:inline-block;
    white-space:nowrap
}
.title-actions{
    display:inline-block;
    white-space:nowrap
}
.chart-area{
    position:relative;
    height:10rem;
    width:100%
}
@media(min-width:768px){
    .chart-area{
        height:20rem
    }
}
.chart-bar{
    position:relative;
    height:10rem;
    width:100%
}
@media(min-width:768px){
    .chart-bar{
        height:20rem
    }
}
.chart-pie{
    position:relative;
    height:15rem;
    width:100%
}
@media(min-width:768px){
    .chart-pie{
        height:calc(20rem - 58px) !important
    }
}
.text-gray-800{
    color:#5a5c69 !important
}
.text-gray-600{
    color:#858796 !important
}
.progress-sm{
    height:.5rem
}
.has-table{
    min-height:320px
}
.has-table,.has-table table.dataTable{
    padding:0 !important;
    margin:0 !important
}
.has-table table.dataTable{
    border-radius:.25rem
}
.bg-gray-300{
    background-color:#dddfeb !important
}
.login-box{
    border:1px solid #ced4da;
    border-radius:1rem;
    padding:.75rem 1.25rem
}
@media(max-width:767px){
    .fix-margin{
        margin-top:25px
    }
}
#days-tab{
    overflow-x:auto;
    overflow-y:hidden;
    flex-wrap:nowrap;
    -webkit-overflow-scrolling:touch;
    z-index:101
}
#days-tab::-webkit-scrollbar{
    display:none
}
.custom-tab .nav-link{
    border-radius:.25rem .25rem 0 0;
    text-align:center;
    width:94px;
    white-space:nowrap;
    color:#495057
}
.custom-tab .nav-link.active{
    background-color:#eaf1fc;
    border-bottom:4px solid #43699e;
    color:#43699e;
    border-right-width:0;
    border-left-width:0
}
.btn-outline-primary {
    background-color: #90dee1;
    border-color: #ced4da;
    color: #495057
}
.btn-outline-primary:hover{
    background-color:#fff;
    color:#43699e;
    border-color:#43699e
}
.nav-logo{
    max-width:171px
}
.menu-log{
    max-width:163px
}
.list-unstyled{
    padding-left:0
}
.service-name{
    display:inline-block;
    min-width:350px
}
.glowing-text{
    -webkit-animation:glowing 1.5s infinite;
    -moz-animation:glowing 1.5s infinite;
    -o-animation:glowing 1.5s infinite;
    animation:glowing 1.5s infinite
}
@-webkit-keyframes glowing{
    0%,100%{
        -webkit-box-shadow:0 0 3px #dc3545
    }
    50%{
        -webkit-box-shadow:0 0 15px #a71d2a
    }
}
@-moz-keyframes glowing{
    0%,100%{
        -moz-box-shadow:0 0 3px #dc3545
    }
    50%{
        -moz-box-shadow:0 0 15px #a71d2a
    }
}
@-o-keyframes glowing{
    0%,100%{
        box-shadow:0 0 3px #dc3545
    }
    50%{
        box-shadow:0 0 15px #a71d2a
    }
}
@keyframes glowing{
    0%,100%{
        box-shadow:0 0 3px #dc3545
    }
    50%{
        box-shadow:0 0 15px #a71d2a
    }
}
.glowing{
    -webkit-animation:glowing 1.5s infinite;
    -moz-animation:glowing 1.5s infinite;
    -o-animation:glowing 1.5s infinite;
    animation:glowing 1.5s infinite
}
.soft-launch{
    min-width:500px;
    display:inline-block;
    margin:auto
}
@media(max-width:600px){
    .soft-launch{
        min-width:100%
    }
    .access-denied{
        max-width:120px
    }
}
.video{
    max-height:425px;
    text-align:center
}
.rating{
    border:none;
    direction:ltr
}
.rating>input{
    display:none
}
.rating>label{
    color:#ddd
}
.rating>input:checked~label,.rating:not(:checked)>label:hover,.rating:not(:checked)>label:hover~label{
    color:#ffd700
}
.rating>input:checked+label:hover,.rating>input:checked~label:hover,.rating>label:hover~input:checked~label,.rating>input:checked~label:hover~label{
    color:#ffed85
}
.card-info{
    max-width:365px;
    margin:auto
}
.card-info .card-footer{
    min-height:90px
}
.card-info-icon{
    max-height:100px
}
.card-info .card-footer{
    border-top:none !important
}
.badge-primary{
    background-color:#215ba9
}
.soon{
    font-size:1rem !important;
    padding:.5rem .75rem;
    border-radius:1rem;
    position:absolute
}
html,body{
    direction:rtl
}
.loading-container .loader{
    right:-12px
}
.en{
    direction:ltr;
    text-align:left
}
.form-control.input-validation-error{
    padding-left:calc(1.5em + .75rem);
    background-position:center left calc(.375em + .1875rem)
}
textarea.form-control.input-validation-error{
    padding-left:calc(1.5em + .75rem)
}
.form-control.valid{
    padding-left:calc(1.5em + .75rem);
    background-position:center left calc(.375em + .1875rem)
}
textarea.form-control.valid{
    padding-left:calc(1.5em + .75rem);
    background-position:top calc(.375em + .1875rem) left calc(.375em + .1875rem)
}
textarea.form-control.input-validation-error{
    background-position:top calc(.375em + .1875rem) left calc(.375em + .1875rem)
}
.custom-select.input-validation-error{
    padding-left:calc((1em + .75rem)*3/4 + 1.75rem)
}
.custom-select.input-validation-error{
    border-color:#dc3545;
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center left 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}
.navbar{
    background-color:#fff
}
.vacancy .vacancy-avatar{
    float:right
}
.vacancy .vacancy-body{
    margin-right:140px
}
@media(max-width:768px){
    .vacancy .vacancy-body{
        margin-right:60px
    }
}
.number{
    direction:ltr;
    text-align:right;
    display:inline-block
}
.navbar-custom>li{
    border-right:1px solid #e1e1e1
}
.navbar-custom>li:first-child{
    border-right:0
}
.notifications{
    left:0;
    right:unset
}
dropdown-menu:before{
    left:12px
}
.noti-head{
    border-radius:3px 0 3px
}
.noti-footer{
    border-radius:0 3px 3px 0
}
.notification-box img{
    margin-right:8px
}
.dropdown-menu:before{
    left:12px
}
.nav-user-photo{
    margin:-4px 0 8px
}
.user-info{
    text-align:right
}
.validation-summary-errors ul li:before{
    margin-left:5px
}
.sidebar{
    right:0
}
.sidebar li.active{
    border-width:0 5px 0 0;
    padding-left:5px
}
.sidebar li .nav-link{
    margin:5px 15px 5px 10px
}
.title-actions{
    float:left
}
.filter-button{
    padding-right:7px
}
.noti-padding{
    padding:0 20px
}
.border-counter-primary{
    border-right:.25rem solid #4e73df !important
}
.border-counter-success{
    border-right:.25rem solid #1cc88a !important
}
.border-counter-info{
    border-right:.25rem solid #36b9cc !important
}
.border-counter-warning{
    border-right:.25rem solid #f6c23e !important
}
.border-counter-default{
    border-right:.25rem solid #858796 !important
}
.footer-container{
    padding-left:30px
}
.footer{
    padding-right:15px
}
@media(max-width:523px){
    .footer{
        padding-top:5px
    }
}
.loading-container .loading{
    left:65px
}
.rating{
    direction:ltr
}
.soon{
    left:10px
}
@media(max-width:1291px){
    .card-info .card-footer{
        min-height:112px
    }
}
@media(max-width:1008px){
    .card-info .card-footer{
        min-height:135px
    }
}
*/