@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');


body{
    font-family: 'Open Sans' !important;
   }

:root{
    --main-color:#F27E21;
  	--white-color:#fff;
    --secondary-color:#302f37;
}


body:not(.layout-fixed) .main-sidebar{
    overflow-x: hidden;
}

body{
    font-size: 14px;
}


.main-header .navbar-nav .img-circle.elevation-2{
    border-radius: 0 !important;
}

.navbar-light .navbar-nav .nav-link{
    display: flex;
    gap: 10px;
    align-items: center;
}

.nav-sidebar .nav-link p{
    font-size: 12px;
    color: var(--secondary-color) !important;
}

.sidebar-mini.app-hr .img-circle.elevation-2{
    width: auto !important;
    border: 3px solid white;
}

.select2-container .select2-selection--single {
    min-height: 35px;
    padding-top: 5px;
    margin-bottom: 20px;
    font-size: 14px;
}

#changelist-search .select2-container--default .select2-selection--single{
    margin-bottom: 0px;
}

#changelist-search{
    gap: 10px;
}

.form-control { 
    border: 1px solid #aaa;
}

.nav-flat .nav-item>.nav-link>.nav-icon{
    font-size: 12px;
}

.nav-flat.nav-sidebar>.nav-item .nav-treeview .nav-item>.nav-link, .nav-flat.nav-sidebar>.nav-item>.nav-treeview .nav-item>.nav-link{
    align-items: center;
}

.top__info h6{
    font-weight: 600;
}

.top__info .vac__bal{
    font-size: 12px;
}

.main-sidebar::-webkit-scrollbar {
    width: 5px; 
}


.card-primary:not(.card-outline)>.card-header,
.fc .fc-button-primary,
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
.select2-results__option.select2-results__option--selectable.select2-results__option--selected.select2-results__option--highlighted
{
  background-color: var(--main-color) ;
}

[class*="sidebar-dark-"]{
    background-color: var(--white-color) ;
}

.jazzmin-login-page {
  background: var(--main-color);
}
.accent-primary .btn-link, .accent-primary .nav-tabs .nav-link, .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.fc .fc-toolbar-title,
.card,
.main-footer,
.navbar-light .navbar-nav .nav-link,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.table td, .table th
{
 color: var(--secondary-color);
}
.btn-outline-primary,
.btn-outline-secondary,
.btn-secondary{
  background: var(--main-color);
  color:var(--white-color);
  border-color:var(--main-color)
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active{
  background: var(--white-color);
  color:var(--main-color);
  border-color:var(--main-color)
}
.card-primary.card-outline,
.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single,
.accent-primary .custom-control-input:focus:not(:checked)~.custom-control-label::before, .accent-primary .custom-file-input:focus~.custom-file-label, .accent-primary .custom-select:focus, .accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){
border-color:var(--main-color)
}

.vTextField,
.vLargeTextField,
.vURLField,
.vIntegerField,
.vBigIntegerField,
.vForeignKeyRawIdAdminField,
.vDateField,
.vTimeField,
.field-float input[type="number"],
.field-decimal input[type="number"],
.field-time input[type="text"],
.field-duration input[type="text"],
.field-identifier input[type="text"],
.field-generic_ip_address input[type="text"],
.field-null_boolean select,
.field-file_path select{
color:var(--main-color)
}
.accent-primary .page-item .page-link {
color:var(--main-color)
}
.accent-primary .page-item.active .page-link,
.accent-primary .page-item.active a {
background-color: var(--main-color);
border-color: var(--main-color);
}

.main-sidebar .nav-sidebar .nav-link.active p,  [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover p , .nav-sidebar .nav-link.active p, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover, .breadcrumb-item.active , .table thead th .text span, .table thead th .text a {
    color: var(--main-color) !important;
}

.main-header{
    background: var(--white-color) !important;
}


.fc-button-group .fc-button-primary {
    background: rgba(0, 0, 0, .01) !important;
}

.btn.btn-primary, .btn.btn-secondary{
    background:  var(--main-color) !important;
    border: 1px solid var(--main-color) !important;
}

.object-tools .btn.btn-secondary, #payroll-info-tab .btn.btn-sm.btn-default.float-right, .page-actions .btn.btn-success { 
    background: rgb(215 215 215 / 40%) !important;
    color:  var(--main-color) !important; 
    border: 1px solid  var(--main-color) !important;
}

#personal-info-tab .ui-tabs .ui-tabs-nav li.ui-tabs-active a, #personal-info-tab .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #legal-info-tab .ui-tabs .ui-tabs-nav li.ui-tabs-active a, #legal-info-tab .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background:  var(--main-color) !important;
}

.nav-tabs .nav-item .nav-link.active {
    color:var(--main-color) !important;
    border-color: var(--main-color) !important;
}

.form-group label:not(.form-check-label):not(.custom-file-label) {
    color:var(--secondary-color) !important;
}

body { 
    background-color: var(--secondary-color) !important;
}

.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn){
    text-decoration: underline;
}

.dataTables_info .btn-success { 
    background:  var(--main-color) !important;
    border: 1px solid  var(--main-color) !important;
}

.page-actions .btn.btn-success:not(:disabled):not(.disabled):hover {
    background: var(--main-color)  !important;
    border-color: var(--main-color)  !important;
    color: #fff;
}


table .btn.btn-outline-secondary{
    color: var(--secondary-color)  ;
    border: 1px solid  var(--secondary-color) ;
}

[class*=sidebar-dark-].main-sidebar .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    color: var(--main-color)  !important;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover p {
    color: var(--main-color)  !important;
}

.main-sidebar::-webkit-scrollbar-track {
    background-color:#c2c7d0; 
  }
  .main-sidebar::-webkit-scrollbar-thumb { 
    background: var(--main-color)  !important; 
  }

  .table-striped tbody tr:nth-of-type(odd) {
    background-color: #ebebec;
}

#jazzy-actions .object-tools .btn.btn-secondary {
    max-width: 150px;
}

.main-header.text-sm .nav-link>.fa {
    margin-top: 5px !important;
}

.table.table-striped .field-get_avatar_img img{
    min-width: 75px;
    min-height: 75px;
}
/*@font-face {
    font-family: 'Comfortaa';
    src: url('https://hr-vc2.mykuwaitnet.net/static/fonts/Comfortaa-Regular.woff2') format('woff2'),
        url('https://hr-vc2.mykuwaitnet.net/static/fonts/Comfortaa-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
 font-family: 'Comfortaa' !important;
}*/

.sidebar-mini .navbar-light .navbar-nav .dropdown .nav-link{
    color: var(--secondary-color) !important;
}

.sidebar-mini  .navbar-light .navbar-nav .dropdown .nav-link:hover, .sidebar-mini  .navbar-light .navbar-nav .dropdown .nav-link:focus  {
    color: var(--main-color) !important;
}

.sidebar-mini .navbar-light .navbar-nav .dropdown .nav-link svg{
    fill: var(--secondary-color) !important;
}

h2{
    color: var(--main-color) !important;
}
button.btn.btn-primary {
    outline: 0;
    border: 1px solid transparent;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px;
    outline: 0 !important;
    background-color: var(--primary);
    position: relative;
    transition: all .4s;
    display: inline-flex;
}
button.btn.btn-primary:hover {
    color:#f77d1a;
    border: 1px solid #f77d1a;
    background: #fff !important
}
.accent-primary .btn-link:hover, .accent-primary .nav-tabs .nav-link:hover, .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover{
 color: var(--blue-color);
}
a {
     transition: .5s all ease;
}
.nav-sidebar .nav-link p{
    transition: .5s all ease;
}
.headingstyleone {
    color: #302f37 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}
a.export_link.btn:hover {
    background: #f77d1a !important;
    color: #FFF !important;
}

:root{
    --blue-color:#0a82be;
}

#changelist-search .select2-container--default .select2-selection--single,
.select2-container .select2-selection--single,
.form-inline .form-control,
.change-list-actions .actions select,
select.form-select,
input[type=date].form-control,
textarea,
.input-group.dbdp input {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
}
#changelist-search .select2-container--default .select2-selection--single{
    width: 200px;
}
.nav-sidebar .menu-is-opening.menu-open .nav-link p {
    width: 0;
}

.main-sidebar:hover .nav-sidebar .nav-link p {
    width: 100%
}

.fc .fc-button:not(:disabled) {
    background: #f77d1a !important;
    color: #FFF !important;
    border: none !important
}

.fc .fc-button .fc-icon:before {
    filter: brightness(1000)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #302f37 !important
}

.card-header .card-title {
    color: #FFF !important;
}

.main_chart .aside_members .card_member.active {
    background-color: #f77d1a2f !important;
    border-color: #f77d1a !important;
}

.main_chart .aside_members .card_member.active .text_position {
    color: #f77d1a !important;
}

.selector-chosen h2 {
    background: #FFF !important;
    box-shadow: 0 0 5px;
}

.add-row .btn.btn-sm.btn-default {
    background-color: #f77d1a !important;
    border-color: #f77d1a !important;
}

.add-row .btn.btn-sm.btn-default:hover {
    background-color: #FFF !important;
}

table .btn.btn-outline-secondary {
    color: #f77d1a !important;
    border-color: #f77d1a !important;
}

table .btn.btn-outline-secondary:hover {
    color: #FFF !important;
    background: #f77d1a !important
}

.progress-bar {
    background: #f77d1a !important;
}

.nav-flat .nav-item>.nav-link>.nav-icon {
    filter: brightness(0) grayscale(100);
}

.nav-flat .nav-item>.nav-link.active>.nav-icon {
    filter: invert(54%) sepia(88%) saturate(1899%) hue-rotate(349deg) brightness(99%) contrast(96%) !important;
    -webkit-filter: invert(54%) sepia(88%) saturate(1899%) hue-rotate(349deg) brightness(99%) contrast(96%) !important;
}
.vacations .departments ul li span{
    color: black;
}
.brand-link{
    padding-block: 2.75rem;
}
.field-get_avatar_img img{
    min-height: 60px !important;
    min-width: 60px !important;
    height: 70px !important;
    width: 70px !important;
}
.selector-available h2, .selector-chosen h2{
    border-radius: 10px;
}
.nav-tabs .nav-item{
    flex: 1 1 !important;
}
.btn.btn-success.form-control{
    background: #f77d1a;
}
.btn.btn-success:not(:disabled):not(.disabled){
    background: #f77d1a;
    border-color: #f77d1a;
}
.btn.btn-success:not(:disabled):not(.disabled):hover{
    background: #9b4e0f !important;
    border-color:#9b4e0f !important;
}

.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn){
    border-color: var(--blue-color);
    text-decoration: none !important;
}
.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) img{
    filter:brightness(0.2)
}
.evaluation-form-admin .form-group label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 500;
}
.eval-form .form-group label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 500;
} 
.dept-text {
    color: #302f37 !important;
}
.object-tools .form-group {
    flex: 1 1 100% !important;
}
#jazzy-actions .object-tools .btn.btn-secondary{
    max-width:none !important;
    flex :1 1 100%
}
.eval-form h1,
.eval-form .card-title{
    font-size:36px;
}


.object-tools .btn.btn-danger.form-control, #jazzy-actions .object-tools .btn.btn-secondary, .btn.btn-success.form-control,.btn.btn-info.form-control {
    max-width: 300px !important;
}

.requestWithdrawalBtn{
    border-radius: 10px; 
    font-size: 16px;
    font-weight: 700;
    padding: 5px 21px;
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    max-width: 300px;
    margin-left: 10px;
    margin-bottom: 20px;
    min-width: 300px;
}


body .dept-text {
    color: #302f37 !important;
  }

 .content-wrapper h2 {
    color:#302f37 !important
}

.progress-bar {
    background: var(--blue-color) !important;
}

.content-wrapper .table thead th .text span,.content-wrapper  .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.table thead th .text a {
    color: var(--blue-color) !important;
}

.bg-well-performing{
    background: var(--blue-color);
    color: #FFF;
    padding: 4px !IMPORTANT; 
    font-size: 11px;
    height: 25px;
}
.bg-performing{
    background: var(--blue-color);
    color: #FFF;
    padding: 4px !IMPORTANT; 
    font-size: 11px;height: 25px;
}
.bg-below-performing{
    background: var(--blue-color);
    color: #FFF;
    padding: 4px !IMPORTANT; 
    font-size: 11px;height: 25px;
}

.table tr>td .progress{
    height: 25px;
}

h2 .bg-well-performing{
    height: 31px;
    font-size: 16px; 
    display: flex;   
    justify-content: center;
    align-items: center;
}

.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) img {
    filter: none !important;
}