img{
    max-width:100%
}
body {
    font-family: "Cairo", sans-serif;
}
/* login page */
.login-page .row .col-md-6{
    padding-left:0;
    padding-right:0
}
.login-owl-content
{
    position:absolute;
    top:132px;
    text-align:center;
    padding-left:30px;
    padding-right:30px
}
.login-owl-title {
    font-weight: 200;
    font-size: 54px;
    line-height: 54px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom:40px;
}
.login-owl-text {
  
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 1px;
    text-align: center;
    color: #FFFFFFE0;
}
#owl-login .owl-dots .owl-dot span {
    width: 75.5px;
    height: 2px;
    border-radius: 17px;
    background: #FFFFFF3D;
}
#owl-login .owl-dots .owl-dot.active span, #owl-login .owl-dots .owl-dot:hover span
{
    background:#fff;
}
#owl-login .owl-nav.disabled + .owl-dots {
    right: 0;
    margin-top: 0px;
    position: absolute;
    bottom: 90px;
    left: 0;
}
.login-page .form-control::placeholder {
    color: #AABBC6;
    font-weight: 300;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: 0.25px;
    vertical-align: middle;
}

.login-page .custom-checkbox label {
    margin-bottom: 0;
    padding-left: 5px;
    font-size:14px;
}
.login-page .custom-checkbox
{
    display:flex;

}
.form-group > label {
    
}
.login-page .form-group p {
    color: #43474B;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.7px;
    text-align: center;
    vertical-align: middle;
}
    .login-page .form-group p a {
        font-weight: 500;
        color: #43474B;
    }
.new-account p {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #43474B;
    text-align: center;
    vertical-align: middle;
}
    .new-account p a {
      
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
      color:#43474B;
        text-align: center;
        vertical-align: middle;
    }
.social-icons ul{
    text-align:center;
    padding-left:0;
   
}
.social-icons ul li
{
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
}
.v-copyright {
    color: #43474b;
    
    font-weight: 400;
    font-size: 15px;
    line-height: 120%;
    
    text-align: center;
    vertical-align: middle;
    margin-top: 30px;
}
.login-page .dz-demo-panel .dz-demo-trigger
{
    display:none !important
}
.login-page .sidebar-right .sidebar-right-trigger {
    display: none !important
}
/* dashboard page */
.brand-logo img{
    max-width:60px;
    margin-left:auto;
    margin-right:auto
}

[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.menu-active > a img {
    filter: brightness(0) invert(1);
}
.menu-shape {
    position: absolute;
    left: 0;
    display: none;
    background: var(--primary) ;
    width: 12px;
    height: 56px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
.menu-active .menu-shape {
    display:block
}

.metismenu > li
{
    margin-top:5px;
}
.metismenu .menu-active > a {
    background: var(--primary) ;
  
    font-weight: 700;
    color: #fff !important;
}
.mm-active > a img {
    filter: brightness(0) invert(1);
}
li.menu-active:after {
    border-color: #fff !important
}
li.mm-active:after {
    border-color: #fff !important
}
.menu-left-select .dropdown-toggle {
    width: 211px;
    height: 38px;
    background: #E8E8E8;
    border-radius: 16px;
    
    font-weight: 500;
    font-size: 11px;
    line-height: 100%;
    color: var(--primary) ;
    text-align: center;
    padding:0;
    line-height:38px;
}
.menu-left-select
{
    text-align:center
}
    .menu-left-select .filter-option {
        text-align: center;
     
    }
    .menu-left-select .dropdown-toggle {
        background: #E8E8E8 !important;
    }
    .menu-left-select .bootstrap-select > .dropdown-toggle:after {
        margin-right: 15px;
    }
    .menu-left-select .filter-option-inner-inner {
        text-align: center;
        color: var(--primary) ;
    }
    .menu-left-select .dropdown-toggle::after {
        margin-left: 0;
        vertical-align: middle;
        border-top: 0.5em solid;
        border-right: 0.5em solid transparent;
        border-left: 0.5em solid transparent;
    }
.menu-left-select bootstrap-select > .dropdown-toggle:after {
    margin-top: 0;
}
body .search-area .form-control {
    width: 300px;
    height: 48px;
    background: #FFFFFF !important;
    gap: 12px;
    border-radius: 8px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 54px;
}
    .search-area .form-control::placeholder {
       
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
     
        text-align: left;
        color: #AEB6CF;
    }
.search-area
{
    margin-left:40px;
}
    .search-area i {
        font-size: 24px;
        color: #bdc3d8;
    }
    .search-area button {
        position: absolute;
        left: 20px;
        top: 6px;
        background:transparent;
        border:0;
    }
.ess-title {
    color: #FF0000;
    
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
   padding-left:10px;
}
.ess {
    min-width: 136px;
    height: 49px;
    background: #FFECEC;
    border-radius: 8px;
}
#main-wrapper.show.menu-toggle .menu-left-select .dropdown-toggle {
    display: none !important
}
#main-wrapper.show.menu-toggle .menu-shape {
    display: none !important
}
.v-logo
{
    display:none
}
#main-wrapper.show.menu-toggle .f-logo
{
    display:none !important
}
#main-wrapper.show.menu-toggle .v-logo {
    display: block !important;
    max-width:45px;
}
.body-dashboard {
    background: radial-gradient(at top left, #dce8fe 0%, transparent 50%), radial-gradient(at top right, #ecf0fc 0%, transparent 50%), radial-gradient(at bottom left, #ebf1ff 0%, transparent 50%), radial-gradient(at bottom right, #dfe7fe 0%, transparent 50%), radial-gradient(at center, #edf1fd 0%, transparent 50%);
    background-color: #edf1fd; /* fallback base */
    background-blend-mode: lighten;
}
.mm-collapse li {
    border-bottom: 0.5px solid #ABABAB;
    
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
   
}
.mm-collapse li:last-child{
    border-bottom:0
}
.metismenu ul li{
    border-bottom:0 !important
}

.ess i {
    padding-left: 2.5px;
    color: #FF0000;
    font-size: 34px;
}

.dashboard_bar span {
    position: absolute;
    left: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    bottom: -10px;
    color: #707EAE;
}
.menu-toggle .menu-left-select
{
    display:none !important
}
.menu-toggle .metismenu {
    display: flex;
    flex-direction: column;
    padding-top: 0;
}
.dz-demo-panel.show .dz-demo-trigger {
    border-radius: 0;
    padding: 0;
    background: transparent;
    margin-right: -49px;
    box-shadow: none;
}
.module-item {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 16px;
    padding: 25px 0 0;
    text-align: center
}
.module-content {
    background: var(--primary) ;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    color: #FFFFFF;
    text-align: center;
    padding:14px;
}
.module-item >img{
    padding-bottom:25px;
}
.favorite-item {
  
    border-radius: 16px;
}
    .favorite-item > img {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        max-width:100%;
    }
.favorite-content {
    width: 100%;
    height: auto;
    line-height:57px;
    background: #E2F5FF;
    border: 1px solid var(--primary) ;
    border-radius: 28.5px;
    border-width: 1px;
    
    font-weight: 600;
    font-size: 20px;
   

    text-align: center;
    vertical-align: middle;
    color: var(--primary) ;
}
.favorites
{
    padding:30px;
}
.favorite-item
{
    margin-bottom:30px;
}
.sidebar-right.show .sidebar-right-trigger {
 
    padding:0;
    background:transparent;
    border-radius: 0;
    box-shadow: none;
    margin-right:-49px;
}
.myaccount-wrapper {
    position: fixed;
    bottom: -113px;
    transition: bottom 0.4s ease;
    z-index: 100;
    width: 100%;
   
}

.myaccount-content {
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    margin-left: 40px;
    margin-right: 40px;
}

.content-inner {
    padding: 20px;
}
.myaccount-fixed .content-inner {
    padding: 35px 20px;
}
.myaccount {
    background: var(--primary) ;
    width: 130px;
    height: 50px;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    margin: auto;
    cursor: pointer;
    text-align: center;
}

.myaccount-title {
    
    font-weight: 500;
    font-size: 16px;
  
    color: #FFFFFF;
    display: block;
}

.myaccount > img{
    padding-top:5px;
}
.main-title {
    
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
 
    text-align: center;
    color: var(--primary) ;
}
.m-t-60
{
    margin-top:60px;
}
.m-i-style1 ul{
    padding-bottom:20px;
}
.m-i-styles1 .col-md-20
{
    margin-bottom:30px;
}
.col-md-20 {
    flex: 0 0 auto;
    width: 20%;
}
.m-i-styles2 .col-md-20 {
    margin-bottom: 30px;
}
.m-i-style2 .module-content img{
    padding-right:5px;
}
.content-inner > ul
{
   
    overflow-x:auto;
    text-align:center
}
    .content-inner > ul > li {
        display: inline-block;
        padding-left:2.5px;
        padding-right: 2.5px;
        margin-bottom: 20px;
    }

.content-inner >  ul >  li > div > a {
    background: var(--primary) ;
    border-radius: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    gap: 10px;
    display: inline-block;
}
    .content-inner > ul > li > div a i{
        margin-bottom:7.5px;
        color:#fff;
        font-size:19px;
    }
        .content-inner ul li a p {
            margin-bottom: 0;
            padding-left: 21px;
            padding-right: 21px;
        }
        .content-inner ul li a p {
            
            font-weight: 500;
            font-size: 12px;
            line-height: 100%;
            color: #fff;
            text-align: center;
            white-space: nowrap;
          
            text-overflow: ellipsis; /* optional: adds "..." if text overflows */
        }
.content-inner > ul {
    height: 350px;
}
    .content-inner > ul > li > div > a
    {
        position:relative
    }
    .content-inner > ul > li > div > a.dropdown-toggle::after {
        right: 7.5px;
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        position: absolute;
        top: 30px;
        color: #fff;
    }
.myaccount-fixed .myaccount {
    width: auto;
    margin-left: 40px;
    margin-right: 40px;
}
.hidden
{
    display:none !important
}
.myaccount-fixed .myaccount-title {
    padding-top: 2.5px;
}
.dash-item {
    background: #FFFFFF;
    box-shadow: 6px 6px 54px 0px #0000000D;
    border-radius: 14px;
    padding:30px 20px;
}
.tob-tab-title {
   
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #43474B;
    margin-bottom: 15px;
    min-height: 32px;
}
.tob-tab-number {
    
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 1px;
    color: #43474B;
}
.tob-tab-footer ul {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
}
.tob-tab-footer ul li{
    display:inline-block;

}
    .tob-tab-footer ul li:first-child
    {
        padding-right:5px;
    }
    .tob-tab-footer ul li:last-child {
        color: #606060;
        font-weight: 600;
        font-size: 15px;
        line-height: 100%;
        letter-spacing: 0px;
    }
        .tob-tab-footer ul li:last-child span {
           padding-right:5px;
            font-weight: 600;
            font-size: 15px;
            line-height: 100%;
            letter-spacing: 0px;
        }
        .tob-tab-footer ul li:last-child span.num-down {
            color: #FF0000;
        }
            .tob-tab-footer ul li:last-child span.num-up {
                color: #00B69B;
            }
.top-tabs ul li::after {
    content: "|";
    padding-left: 10px;
  
}
.top-tabs ul li:last-child::after {
    content: "";
    padding: 0;
}
.top-tabs ul li{
    padding-right:10px;
}
.top-tabs ul li:last-child{
    padding-right:0
}
.top-tabs ul li {
  
    text-align: center;
    display:inline-block
}
    .top-tabs ul li a {
        
       
        font-size: 15px;
        line-height: 100%;
        color: #43474B;
       
        text-align: center;
    }

    
.top-tabs ul
{
    text-align:left;
    padding-left:0;
    list-style:none
}
.dash
{
    padding-top:60px;
}
.dash .col-md-3{
    margin-bottom:30px;
}


.tree, .tree ul {
    list-style-type: none;
    position: relative;
    padding-left: 1rem;
}

    .tree li {
        margin: 0;
        padding: 0 0 0 1.5rem;
        position: relative;
    }

        /* Vertical line */
        .tree li::before {
            content: '';
            position: absolute;
            top: 10px;
            left: 0.3rem;
            border-left: 1px solid #ccc;
            height: 100%;
        }

      

        .tree li:last-child::before {
            height: 1rem;
        }

/* Node style */
.tree-item .tree-button {
    position: relative;
    padding: 0.3rem 0.5rem;
    background: #f8f9fa;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 15px;
    cursor: pointer;
}

.toggle-icon {
    float: left;
    font-weight: bold;
    margin-right: 10px;
    color: #007bff;
}

/* Hide children by default */
.tree ul {
    display: none;
}
.tree-item[data-level="1"] .tree-button {
    width: 227px;
    height: 37px;
    background: #FFFFFF;
    border-radius: 8px;
    
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--primary) ;
    text-align: center;
}
.structure
{
    padding-top:60px;
}
.tree > li::before
{
    display:none !important
}
.tree > li > ul > li::before {
    border-left: 1px solid #000;
}
.tree > li > ul > li > ul > li::before {
    border-left: 1px solid var(--primary) 
}
.tree > li > ul > li > ul > li > ul > li::before {
    border-left: 1px solid #96B54B
}
.tree > li > ul > li > ul > li > ul > li::after {
    content: '';
    position: absolute;
    top: 1rem;
    left: 6px;
    width: 1rem;
    border-top: 1px solid #96B54B
}
.tree-item[data-level="2-1"] .tree-button {
    width: 210px;
    height: 43px;
    
    font-weight: 600;
    font-size: 15px;
    line-height: 43px;
    color: var(--primary) ;
    background: #FFFFFF;
    text-align: center;
    border-radius: 8px;
    padding-top: 0;
}

.tree-item .tree-button {
    margin-bottom: 20px;
}
.tree-item[data-level="3-2-1"] .tree-button {
    min-width: 210px;
    height: 35px;
    
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: var(--primary) ;
    text-align: center;
    border-radius: 8px;
    background: #FFFFFF;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tree-item[data-level="4-3-2-1"] .tree-button {
    width: 151px;
    height: 29px;
    
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: var(--primary) ;
    text-align: center;
    border-radius: 8px;
    background: #F9FFEB;
}
.tree-minus {
    line-height: 37px;
    text-align: center;
    background: #fff;
    width: 40px;
    height: 37px;
    top: 202px;
    left: 568px;
    border-radius: 8px;

}
.tree-plus {
    line-height: 37px;
    text-align: center;
    background: #fff;
    width: 40px;
    height: 37px;
    top: 202px;
    left: 568px;
    border-radius: 8px;
}
.tree-item > div{
    display:inline-block;
    margin-right:10px;
}
.main-filter {
    padding-right: 25px;
    background: #F9F9FB;
    border-width: 0.6px;
    border-radius: 14px;
    border: 0.6px solid #D5D5D5;
    min-height: 70px;
    display: flex;
    align-items: center !important;
    width:100%
}
    .main-filter > ul > li {
        padding-left: 15px;
        padding-right: 15px;
      
       min-height:38px;
        display: flex;
        align-items: center !important;
        min-height:62px;
    }
    .main-filter > ul > li:first-child {
        padding-left: 25px;
        padding-right: 25px;
   
    }
.filter-date label {
    color: #226A90;
   display:block;
   
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.filter-date input {
    padding: 0;
    border: 0;
    background: transparent;
    margin: 0;
    width: 90px;
  
   
 
    cursor: pointer;
    
  
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
}

.img-input {
    margin-top: 5px;
}
.img-input img{
    padding-right:5px;
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: var(--primary) ;
   
}
.dtp div.dtp-date, .dtp div.dtp-time {
    background: var(--primary) ;
}
.dtp table.dtp-picker-days tr > td > a.selected {
    background: var(--primary) ;
}
.dtp .p10 > a {
    color: #fff;
  
}
.main-filter ol{
    list-style:none;
    padding-left:0
}


.form-check-label {
    
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
   
    color: #43474B;
}

.main-filter .default-select.style-2
{
    background:transparent
}
    .main-filter .default-select.style-2 .btn {
        width: auto;
        background: transparent;
        padding: 0;
    }
.main-filter  .default-select.style-2 {
    width: 210px !important;
   
    margin-right: 0;
}
.main-filter ul > li:nth-last-child(2) {
   border-right:0
}
.main-filter ul > li:last-child {
    border-right: 0
}
.main-filter .filter-option-inner-inner {
    color: #226A90;
    
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
}
.main-filter .input-rounded {
    border-radius: 8px;
    background: #F4F4F4;
    border: 0;
    height: 38px;
   
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #808191;
    width:231px
}
.btn-reset {
    color: #EA0234;
    border: 0.6px solid #EA0234;
    background: #F9F9FB;
    width: 166px;
    height: 70px;
    top: 154px;
    left: 1237px;
    border-width: 0.6px;
    border-radius: 14px;
    
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    margin-left: 10px;
}


.table tbody tr td {
   
    border-bottom-width: 0;
}

.tbody-primary td {
   
    text-align:center
}
.table.primary-table-bordered {
    border: 0px solid #f0f1f5;
    background: #fff;
    border-radius: 14px;
   
  
}
.table > :not(:first-child) {
    border-top: 0px solid currentColor;
}
.table .thead-primary th {
    
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
}
.tbody-primary tr td:last-child {
    border-right: 0 !important
}
.thead-primary tr th:first-child {
    border-top-left-radius: 14px;
  
}
.thead-primary tr th:last-child {
    border-top-right-radius: 14px;
}
table input[type="radio"] {
    float: none !important;
    margin-left: 0 !important;
}

.tbody-primary tr:last-child td{
    padding-bottom:60px;
}
.badge {
    
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4.5px;
}
.filter-search
{
    position:relative;

}
    .filter-search button {
        box-shadow: none;
        border: 0;
        height: 0;
        bottom: 0;
        display: grid;
        top: 10px;
        right: 10px;
        position:absolute;

    }

    .filter-search a {
        box-shadow: none;
        border: 0;
        height: 0;
        bottom: 0;
        display: grid;
        top: 15px;
        right: 11px;
        position: absolute;
    }

.add-item
{
    display:block;
    margin-top:30px;
    margin-bottom:30px;
}
    .add-item a {
        width: 135px;
        height: 44px;
        background: #409137;
        border-radius: 12px;
        padding-top: 17px;
        padding-right: 16px;
        padding-bottom: 17px;
        padding-left: 16px;
        gap: 10px;
        background: #409137;
        
        font-weight: 400;
        font-size: 15px;
        line-height: 100%;
        
        text-align: center;
        vertical-align: middle;
        color: #FFFFFF;
    }
table tr td {
    line-height: 100%;
    letter-spacing: 0px;
}
table.datatable tr td {
    text-align: center;
}
.main-title-1 {
   
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #020202;
    vertical-align: middle;
}
.switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 18.5px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    margin-bottom:0
}
    .switch .inputdemo {
        opacity: 0;
        height: 0;
        width: 0;
    }
.sliderswitch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #DCDCDC;
    -webkit-transition: .4s;
    transition: .4s;
}
    .sliderswitch.round {
        border-radius: 34px;
    }
    .sliderswitch.round:before {
        border-radius: 50%;
    }
    .sliderswitch:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 15px;
        left: 0px;
        bottom: 1.0px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }
.inputdemo:checked + .sliderswitch:before {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
    transform: translateX(18px);
}
.inputdemo:checked + .sliderswitch {
    background: var(--primary) ;
}
.label-settings {
    
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
   margin-bottom:0;
    color: #43474B;
    padding-left:10px;
}
.card-settings .col-md-6{
    margin-bottom:25px;
}
.sliderswitch.round:before
{
    left:1px;
}
.label-settings-2 {
    
  
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -0.05px;
    color: #43474B;
}
.maxDelay {
    text-align: center;
    border: 0.6px solid #D5D5D5;
    background: #F9F9FB;
    height: 36px;
    
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    color:#43474B;
}
.maxNumber {
    background: #F9F9FB;
    border: 0.6px solid #D5D5D5;
    
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    color:#43474B;
    text-align:center;
    height:36px;
}
.select-style-1 .bootstrap-select .btn {
    padding: 10px 1.5rem;
    border: 0.6px solid #D5D5D5 !important;
    background: #F9F9FB;
}
.select-style-1 .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: var(--primary);
    
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
}
.color-code-input {
    width: 163px;
    height: 36px;
    border-width: 0.6px;
    border-radius: 8px;
    background: #F9F9FB;
    border: 0.6px solid #D5D5D5;
    
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color:#43474B
}
.color-picker {
    border: 0.6px solid #D5D5D5;
    background: #D3D3D3;
    width: 44px;
    height: 36px;
    border-width: 0.6px;
    border-radius: 8px;
}
input[type="color"] {
    border: none;
    outline: none;
    box-shadow: none;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    cursor: pointer;
}
.color-code-input
{
    margin-right:10px;
}
.bg-color-item
{
    margin-bottom:30px;
}
.main-filter ul > li.no-border {
    border-right: 0
}
.main-filter ul > li.no-pad-right {
    padding-right:0
}
.label-onoff {
    padding-left: 10px;
    max-width: 100px;
    
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    color: #43474B;
    margin-bottom:0
}
.filter-select label {
    color: #43474B;
    
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
   
    margin-bottom: 2.5px;

}
textarea.form-control {
    width: 100%;
    height: 67px;
    border-radius: 8px;
    border-width: 1px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #808191;
    padding-left: 15px;
    padding-top: 7.5px;
}
.input-style-1 input {
    background: #F9F9FB;
    width: 100%;
    height: 36px;
   padding-left:15px;
    border-radius: 8px;
    border-width: 0.6px;
    border: 0.6px solid #D5D5D5;
}
.upload-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 65px;
    background: #EAEAEA;
    border: 0.5px solid #797979;
    border-radius: 8px;
    cursor: pointer;
    
    font-size: 15px;
    color: #43474B;
}

    .upload-btn img {
        width: 24px; /* Adjust icon size as needed */
        height: 24px;
        margin-bottom: 4px;
    }

    .upload-btn input[type="file"] {
        display: none;
    }
    .upload-btn span {
        
        font-weight: 700;
        font-size: 15px;
        line-height: 100%;
        letter-spacing: -0.05px;
        color: #797979;
    }
.form-buttons ul{
    list-style:none;
    text-align:right;
}
.form-buttons ul li{
    display:inline-block;
    padding-left:10px;
}
    .form-buttons ul li button {
        width: 165px;
        height: 48px;
        border-radius: 12px;
     background:#fff;
        gap: 10px;
        
        font-weight: 400;
        font-size: 20px;
        line-height: 100%;
      
        text-align: center;
        vertical-align: middle;
        color:#fff;
    }
    .form-buttons ul li:first-child button {
        border: 2px solid #D62E2E;
        color: #D62E2E;
    }
    .form-buttons ul li:last-child button {
        background: #409137;
        color: #fff
    }
.table-style-2 .table .thead-primary th {
    background: var(--primary) ;
}
.table-style-2 .table tbody tr td {
    border-bottom: 0.4px solid #9797974f;
    border-right: 0.4px solid #9797974f;
}
    .table-style-2 .table tbody tr td:first-child {
        border-left: 0;
       
    }
    .table-style-2 .table tbody tr:last-child td{
        border-bottom: 0
    }
.table-style-2 .table tbody tr td {
    color: #43474B;
  
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1.2
}
.add-item label {
    
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -0.05px;
    color: #43474B;
    margin-right: 50px;
    white-space: nowrap;
    margin-bottom: 0
}

.add-item .select-style-1
{
    width:100%;
}
.form-add-control {
    border: 1px solid var(--primary);
    height: 36px;
    border-radius: 8px;
   
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #808191;
    border-width: 1px;
    width: 100%;
    padding-left: 15px;
}
.add-item ul{
    display:flex;
    
}
.flex-1 {
    flex: 1;
}
.add-item ul li label{
    padding-left:10px;
}
.add-item textarea {
    width: 100%;
    height: 62px;
    border: 1px solid var(--primary);
    border-radius: 8px;
    border-width: 1px;
    padding-left: 15px;
    padding-top: 7.5px;
   
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    
    color: #808191;
}
.form-buttons ul li:last-child button
{
    border:0
}
.label-filter-check {
    
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #226A90;
    margin-bottom:0;
    padding-left:10px;
}

.w-full {
    width: 100%
}
.main-filter .btn-success {
    border: 0.6px solid #409137;
    background: #409137;
    width: 110px;
    height: 48px;
    border-radius: 14px;
    border-width: 0.6px;
    
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #FFFFFF;
    gap: 8px;
}
.main-filter .btn-success img {
    vertical-align: top;
}
.main-filter .btn-danger {
    border: 0.6px solid #EA0234;
    background: #fff;
    width: 120px;
    height: 48px;
    border-radius: 14px;
    border-width: 0.6px;
    
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #EA0234;
    gap: 8px;
}
    .main-filter .btn-danger img {
        vertical-align: top;
        max-width:16px;
    }
.c-img {
    position: relative;
    width: 99px;
    height: 99px;
  line-height:99px;
    background: #97B4D1;
    text-align:center;
    border-radius:100%;
    margin-left:auto;
    margin-right:auto
}
    .c-img span {
        
        font-weight: 700;
        font-size: 44px;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        color: #226A90;
    }
.c-title {
    
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
  
    color: #226A90;
  
    text-align:center
}
.c-ul li{
  display:inline-block;
  padding-left:5px;
  padding-right:5px;
}
.c-ul li span{
    width:93px;
    height:27px;
}
.c-name {
    
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: #226A90;
    margin-top:10px;
    margin-bottom:20px;
}
.c-hr {
    background: #212121;
    width: 100%;
    height: 1.25px;
   margin-top:15px;
   margin-bottom:15px;
    opacity: 0.1;
}
.c-main-ul li
{
    display:flex;
    margin-bottom:20px;
    width:100%;
}
.c-main-ul li i{
    padding-right:15px;
    font-size:14px;
    vertical-align:middle
}
.c-main-ul span {
    
   
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #43474B;
}
    .c-main-ul span b {
        color: #43474B;
    }
.c-buttons li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
.c-buttons
{
   display:flex;
}
    .c-buttons li:first-child a {
        background: var(--primary) ;
        min-height: 44px;
        border-radius: 8px;
        
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 0px;
        color: #fff;
        display: flex;
        align-items: center !important;
        padding-left: 5px;
        padding-right: 5px;
        min-width: 100px;
        flex-wrap: wrap;
        justify-content: center !important;
    }
    .c-buttons li:last-child a {
        background: var(--primary);
        min-height: 44px;
        color: #FFFFFF;
        border-radius: 8px;
        display: flex;
        
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 0px;
        align-items: center !important;
       
        padding-left: 5px;
        padding-right: 5px;
        flex-wrap: wrap;
       
        justify-content: center !important;
    }
.pattern
{
    position:absolute;
    left:0
}
.main-filter-report .default-select.style-2 .btn {
    width: 145px;

}
.show-report {
    background: var(--primary) ;
    border: 0.6px solid var(--primary) ;
    width: 166px;
    height: 70px;
    
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color:#fff;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    border-width: 0.6px;
}
.main-filter-report
{
    padding-right:0
}
.main-filter-report li:last-child{
    padding-right:0
}
.inbox .card {
    background: transparent;
    box-shadow: none;
}
.inbox .col-lg-3 > .generic-width {
    height: 100%;
    background: #fff;
    box-shadow: 6px 6px 54px 0px #0000000D;
    padding: 25px !important;
 
    border-radius: 14px;
 
}
.inbox .right-box-padding {
    background: #fff;
    box-shadow: 6px 6px 54px 0px #0000000D;
    padding: 25px !important;
    border-radius: 14px;
}
.inbox-top-name {
    
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #43474B;
    padding-left: 15px;
    padding-right: 15px;
}
.inbox-top-type {
    width: 60px;
    height: 22px;
    line-height:22px;
    border-radius: 3px;
    background: #f6ddff;
    
    font-weight: 600;
    font-size: 12px;
   
    letter-spacing: 0px;
    text-align: center;
    color: #D456FD;
}
.inbox-right-buttons {
   
    height: 40px;
   
    border-radius: 12px;
    border-width: 0.6px;
    border: 0.6px solid #D5D5D5;
    background: #FAFBFD;
}
    .inbox-right-buttons li {
        width: 32.5px;
        text-align: center;
        border-right: 0.4px solid #979797
    }
        .inbox-right-buttons li:last-child {
            border-right:0
        }
.inbox .right-box-padding
{
    height:100%
}
.card-msg {
    padding: 22px;
    background: #F5F5F5;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    margin-left:60px;
    position:relative
}
.card-msg-title {
    
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.1px;
    color: #43474B;
}
.inbox-msg
{
    position:absolute;
    bottom:0;
    left:-50px;
}
.card-msg-tools li:first-child {
    
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: right;
    color: #757575;
    padding-right:10px;
}
.custom-dropdown
{
    margin-bottom:0
}
body .card-msg-tools .btn.tp-btn.btn-primary {
    color: #757575;
    outline: 0;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    line-height: 1;
    min-height: inherit;
    border:0 !important
}
    body .card-msg-tools .btn.tp-btn.btn-primary:hover {
        background: transparent;
        border:0;
        box-shadow:none;
       

    }
.card-msg-1 {
    background: var(--primary) ;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 15px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
}
.card-msg
{
    margin-bottom:40px;
}
.card-msg-1 .card-msg-title
{
    color:#fff;
}
.card-msg-1 .card-msg-tools li:first-child
{
    color:#fff;
}
.card-msg-1 .card-msg-tools li:last-child img {
    filter: brightness(0) invert(1);
}
.chat-input {
    display: flex;
    align-items: center;
    padding: 10px;
    border-top: 1px solid #ccc;
    background: #fff;
    position: sticky;
    bottom: 0;
    width: 100%;
    gap: 10px;
}

.left-icons i {
    font-size: 20px;
    color: #555;
    cursor: pointer;
}

.message-input {
    flex: 1;
    padding: 8px 12px;
    border: 0px solid #ddd;
    
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.2px;
    text-align: left;
    color: #9D9D9D;
    outline: none;
}

.right-icons {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .right-icons i {
        font-size: 20px;
        color: #555;
        cursor: pointer;
    }

.chat-btn {
    width: 96px;
    height: 34px;
    
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: #FFFFFF;
    background: var(--primary) ;
    border:0;
    border-radius: 6px;
}
.right-icons img{
    padding-right:10px;
}
.chat-btn img{
    padding-right:0;
    padding-left:5px;
}
.cost-card {
    width: 100%;
    border: 0.6px solid #D5D5D5;
    border-radius: 14px;
    border-width: 0.6px;
    background: #F9F9FB;
    padding-top: 9.5px;
    padding-bottom: 9.5px;
    min-height: 70px;
}
  
    .chart-label {
        
        font-weight: 700;
        font-size: 15px;
        line-height: 100%;
        letter-spacing: 0px;
        margin-bottom: 5px;
        color: #43474B;
    }
.cost-card-1 > li {
    padding-left: 25px;
    padding-right: 25px;
    height: 100%;
    display: flex
}
.select-style-2 .default-select.style-2 {
    background: transparent;
}
.select-style-2 .default-select.style-2 {
    width: auto !important;
    height: auto !important;
    margin-right: 0;
}
.select-style-2 .default-select.style-2 {
    background: transparent;
}
.select-style-2 .default-select.style-2 {
    width: auto !important;
    height: auto !important;
    margin-right: 0;
}
    .select-style-2 .default-select.style-2 .btn {
        width: auto;
        background: transparent;
        padding: 0;
    }
.select-style-2 .filter-option-inner-inner {
    color: #226A90;
    
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
}
.cost-card-1
{
    height:100%;
}
    .cost-card-1 > li:first-child {
        border-right: 0.6px solid #D5D5D5;
    }

.cost-card .label-settings {
    white-space: nowrap;
}
.chart-checkboxes li
{
    padding-right:10px;
}
.ul-cost-radios
{
    height:100%;
    padding-left:25px;
    padding-right:25px;
    width:100%;
}
    .ul-cost-radios .form-check-label {
        white-space:nowrap
    }
.ul-cost-radios li{
   padding-right:25px;
}
.card-right {
    border: 0.6px solid #D5D5D5;
    background: #F9F9FB;
    padding:30px 30px;
    opacity: 0.69;
    border-width: 0.3px;
 
    border-radius: 14px;
  
}
    .card-right .select-style-2 .default-select.style-2 .btn
    {
        width:100% !important;
    }
.card-right .select-style-2 .default-select.style-2 {
    width: 100% !important;
}
.card-right-search button {
    position: absolute;
    left: 15px;
    top: 8.5px;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}
.card-right-search input {
    background: #FFFFFF;
    border:0;
    width: 100%;
    height: 42px;
    text-align: center;
    border-radius: 8px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    gap: 5px;
    
    font-weight: 400;
    font-size: 15px;
    line-height: 42px;
    color: #AEB6CF;
    text-align: center;
}
.card-right-search
{
    position:relative
}
.card-right-labels li {
    color: #43474B;
    line-height:1.2;
    font-weight: 700;
    font-size: 12px;
   
}
.card-right-input input {
    width: 100%;
    height: 42px;
    background: #FFFFFF;
    padding-left: 30px;
    border-radius: 8px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    gap: 5px;
    color: #AEB6CF;
    
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
  
    border:0;
    text-align: center;
}
.card-right-buttons
{
    margin-top:40px;
}
.c-r-refresh {
    width: 100%;
    height: 34px;
    
    font-weight: 400;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: 0.25px;
    text-align: center;
    vertical-align: middle;
    border-radius: 6px;
    background: #B3D55D;
    color: #FBFBFB;
    border:0
}
.c-r-print {
    background: var(--primary) ;
    width: 100%;
    height: 34px;
    
    font-weight: 400;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: 0.25px;
    text-align: center;
  border:0;
    vertical-align: middle;
    border-radius: 6px;
    color: #FBFBFB;
}
.card-right-buttons button:first-child
{
    margin-bottom:20px;
}
.card-right hr {
    margin: 0.75em 0;
}
.e-cost .card {
    height: calc(100%);
}
.e-cost
{
    padding-bottom:60px;
}
#maximizeAll {
    background: transparent;
    border: 0;
    outline: 0;
    
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    color: #96B54B;
    vertical-align: middle;
   
}
#maximizeAll span{
    padding-left:10px;
}
#minimizeAll {
    background: transparent;
    border: 0;
    outline: 0;
    
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    vertical-align: middle;
    color: var(--primary) ;
}

    #minimizeAll span {
        padding-left: 10px;
    }
.header.scrolled
{
    background:#fff;
}
.m-i-styles3 .m-i-style3 {
    margin-bottom:30px;
}
.m-i-style3 ul{
    padding-bottom:25px;
}
.main-subtitle {
    
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: var(--primary) ;
    text-align: center;
}
.module-sub {
    padding: 32px 25px;
    background: #fff;
    border-radius: 16px;
}
.module-sub ul li:first-child{
    padding-right:15px;
}
.m-i-styles1 .row > div{
    margin-bottom:30px;
}
.non-active .module-content {
    background: #A7A7A7;
}
.non-active img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.profile-tabs > ul
{
    list-style:none;
   
    display:flex
}
.profile-tabs > ul > li{
    padding-right:5px;
    margin-bottom:10px;
}
    .profile-tabs ul li:last-child
    {
        padding-right:0
    }
    .profile-tabs > ul > li > div > a {
        background: var(--primary) ;
        text-align: center;
        border-radius: 8px;
        padding-top: 6px;
        padding-right: 21px;
        padding-bottom: 6px;
        padding-left: 21px;
        gap: 10px;
        display: inline-block;
    }
    
        .profile-tabs ul li a span {
            
            font-weight: 500;
            font-size: 12px;
            line-height: 100%;
          display:block;
            text-align: center;
            color:#fff;
            margin-top:10px;
        }
.employee-retrieve ul li
{
  padding-right:30px;
}
.employee-retrieve ul li:last-child {
    padding-right: 0px;
}
.employee-retrieve label {
    
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    
    vertical-align: middle;
    color: #43474B;
}
.employee-retrieve input {
    min-width: 301px;
    height: 36px;
    line-height: 36px;
    border-radius: 8px;
    border-width: 0.6px;
    color: #F9F9FB;
    border: 0.6px solid #D5D5D5;
    background: #F9F9FB;
    text-align:center
}
.employee-retrieve button {
    width: 246px;
    height: 36px;
    background: #00B69B;
    border-radius: 12px;
  
    gap: 10px;
    
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    border:0;
}
.profile-box {
    padding: 27.5px 10px;
    border: 1px solid var(--primary) ;
  
    border-radius: 10px;
}
.image-profile {
    position: relative;
    display: inline-block;
 
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
    .image-profile img
    {
        max-width:375px;
       margin-left:auto;
       margin-right:auto;
    }


.icon-wrapper {
    position: relative;
margin-top:10px;
}

.icon-button {
    background:transparent;
    border: none;
  
}

.profile-ID {
    margin-top: 30px;
    
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    
    text-align: center;
    color: var(--primary) ;
}
.ps-input
{
    position:relative
}
    .ps-input input {
        width: 100%;
        height: 48px;
        line-height: 48px;
        border-radius: 8px;
        border: 0;
        padding-right: 50px;
        gap: 12px;
        padding-left:20px;
        background: #E7F0FD;
    }
    .ps-input img {
        position: absolute;
        right: 20px;
        top: 12px;
    }
.profile-search label {
    color: #5E6366;
    
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
   text-align:center;
   display:block;
    text-align: center;
}
.profile-search ul li {
    
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    
    text-align: center;
    color: #43474B;
    margin-bottom:10px
}
.pcs-input label {
    margin-bottom: 10px;
    
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
   display:block;
    color: #5E6366;
}
.pcs-input input {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border-radius: 8px;
    background: #EFF1F999;
    padding-right: 16px;
    border: 0;
    padding-left: 16px;
    gap: 10px;
    background: #EFF1F999;
}
.bgs-white {
   
   padding:30px;
    border-radius: 12px;
    background: #FFFFFF;
}
.pcs-input
{
    margin-bottom:20px;
}
.rtl
{
    direction:rtl
}
.pcs-check-buttons li label {
    
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
 
    vertical-align: middle;
    color: #43474B;
    margin-bottom:0;
    padding-left:20px;

}
.pcs-check-buttons li:first-child
{
    padding-right:50px;
}
.pcs-select .select-style-1 .bootstrap-select .btn {
    width: 100%;
    height: 36px;
    border-radius: 8px;
    border-width: 0.6px;
    border: 0.6px solid #D5D5D5 !important;
    background-color: #F9F9FB !important;
 
}

.pcs-select .select-style-1 .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: var(--primary) ;
}
.pcs-numinput input {
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: #F9F9FB;
    text-align: center;
    border-radius: 8px;
    border-width: 0.6px;
    border: 0.6px solid #D5D5D5;
    
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #43474B;
}
.pcs-status .badge {
    width: 203px;
    height: 36px;
    line-height: 36px;
    border-radius: 8px;
  
    
    font-weight: 500;
    font-size: 15px;
 padding:0;

    text-align: center;
    color: #00B69B;
}
.pcs-status .badge-success {
    background: #00B69B40;
    color: #00B69B;
}
.pcs-status .badge-info {
    background: #D6F1FF;
    color: #4EA2D0;
}
.user-profile .accordion-header:not(.collapsed) .accordion-header-indicator::before {
    font-family: "bootstrap-icons";
    content: "\f282"; /* bi-chevron-down */
}
.user-profile .accordion-header.collapsed .accordion-header-indicator::before {
    font-family: "bootstrap-icons";
    content: "\f286"; /* bi-chevron-down */
}
.user-profile .accordion-primary .accordion-header.collapsed {
    background: var(--primary) ;
    border:0 !important;
        color:#fff;
}
.user-profile .accordion-primary .accordion-item:nth-child(2) .accordion-header {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}
.dz-demo-close1
{
    position:absolute;
    left:30px;
    top:30px;
}
.fav-btn
{
    text-align:center
}
    .fav-btn a {
        background: var(--primary) ;
        width: 124.4549789428711px;
        height: 33.2701416015625px;
     display:inline-block;
        border-radius: 16px;
        margin-left:auto;
        margin-right:auto
    }
        .fav-btn a span {
            
            font-weight: 500;
            font-size: 18px;
            line-height: 100%;
            
            text-align: center;
            color: #FFFFFF;
            padding-left:7.5px;
        }
.sidebar-right-close {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 1;
}
.tree-minus
{
    cursor:pointer
}
.tree-plus {
    cursor: pointer
}
.sub .acc-item span {
   
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
  
    vertical-align: text-top;
    color: #43474B;
}
.sub .acc-item {
    display: flex;
    align-items: center !important;
}
.acc-item span{
    padding-left:10px;
}
.accordion-body .row{
    line-height:1
}
body .notaccordion-item .acc-sub-ul {
    background:#fff;
}
#mainAccordion .notaccordion-item input[type="checkbox"] {
    border: 2px solid var(--primary) 
}
.acc-item span {
    color: var(--primary) ;
   
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0%;
    vertical-align: middle;
}
.mf-search input {
    width: 231px;
    height: 28px;
    line-height: 28px;
    border-radius: 8px;
   
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
   padding-right:30px;
   padding-left:15px;
    color: #808191;
}
.mf-search
{
    position:relative
}
.mf-search img{
    position:absolute;
    right:15px;
    top:8.5px;
}

.main-filter .code-select .filter-option-inner-inner {
    color: #43474B;
    
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
}
.main-filter .default-select.style-2 .btn
{
    width:210px;
}
.btn-filter {
    width: 118px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    border-width: 0.6px;
 
    display: flex;
}
    .btn-filter span {
        
        font-weight: 600;
        font-size: 15px;
        line-height: 100%;
        letter-spacing: 0px;
      
        padding-left: 5px;
    }
.bf-reset {
    border: 0.6px solid #EA0234;
}
    .bf-reset span {
        color: #EA0234;
    }
.bf-add {
    border: 0.6px solid #409137;
    background: #409137;
}

    .bf-add span {
     color:#fff;
    }
.bf-delete {
    border: 0.6px solid #EA0234
}

    .bf-delete span {
        color: #EA0234;
    }
.tb-lr.table-style-2 .table tbody tr td {
    border-left: 0.4px solid #9797974f;
    border-bottom: 0 !important;
}
.main-filter ul > li.ms-auto {
    padding-left: 0px;
    padding-right: 0px;
}
.card-body > div{
  /*  position:relative;*/
    z-index:1
}
.main-filter.c-r .default-select.style-2 .btn {
    width: 150px;
}
.main-filter.c-r .default-select.style-2 {
    width: 150px;
}
.bf-print {
    border: 0.6px solid rgba(0, 0, 0, 1);
    color: rgba(0, 0, 0, 1);
}
.main-filter.c-r > ul > li:first-child{
    padding-left:80px;
}
.main-filter.c-r .code-select .filter-option-inner-inner {
    color: var(--primary) ;
}
.main-filter .code-select {
    border: 0.6px solid rgba(213, 213, 213, 1);
    padding: 10px 30px;
    border-radius: 8px;
    width: 210px;
}
.main-filter.c-r .default-select.style-2
{
    width:0 !important
}

.form-check-label {
   
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: #43474B;
}
.label-row
{
    padding-right:10px;margin-bottom:0
}
body .select2-container .select2-selection--single .select2-selection__rendered {
  
    padding-right: 0px;
  
}

.btn-filter-48 {
    height: 48px;
    line-height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0px;
}

.UserPrivilegest .accordion-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.UserPrivilegest .accordion-item {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 0px;
}





.UserPrivilegest .btn-sm {
    padding: 5px 10px;
    font-size: 15px;
}

.UserPrivilegest .checkbox-group input[type="checkbox"] {
    margin-right: 10px;
}


.UserPrivilegest .accordion-body {
    padding: 0
}

@media (max-width: 767px) {
  

    .UserPrivilegest .accordion-item .col-md-3 {
        margin-top: 15px;
    }
}


.UserPrivilegest .accordion-item {
    border: 0 !important;
    background: transparent !important;
}

.UserPrivilegest .accordion-header {
    padding: 0;
    border: 0;
    font-weight: 400;
    border-radius: 0;
}

.UserPrivilegest #mainAccordion {
    padding-top: 50px;
}

.UserPrivilegest .u-p-r-ul {
    text-align: center;
    background: var(--primary) ;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .UserPrivilegest .u-p-r-ul li {
       
        font-weight: 700;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
        vertical-align: middle;
        color: #FFFFFF;
        padding: 12px;
    }

        .UserPrivilegest .u-p-r-ul li:last-child {
            color: #C90000;
        }

.UserPrivilegest .u-p-l-ul {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: var(--primary) ;
    padding: 8px 30px;
}

.UserPrivilegest .acc-title span {
   
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    vertical-align: middle;
    color: #fff;
    padding-left: 10px;
}

.UserPrivilegest #heading1 > .row > .col-md-9, .UserPrivilegest #heading1 > .row > .col-md-3 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.UserPrivilegest #heading1 .btn-outline-primary {
    background: #fff;
    width: 40px;
    height: 28px;
}

.UserPrivilegest .btn-outline-primary img:last-child {
    display: none
}

.UserPrivilegest .btn-outline-primary.collapsed img:last-child {
    display: block
}

.UserPrivilegest .btn-outline-primary.collapsed img:first-child {
    display: none
}

.UserPrivilegest .btn-outline-primary.collapsed img {
    margin-left: auto;
    margin-right: auto
}

.UserPrivilegest .btn-outline-primary {
    box-shadow: none !important;
    outline: none !important
}

.UserPrivilegest .acc-item {
    margin-left: -7.5px;
    background: #fff;
    margin-right: -5.5px;
    padding: 15px 40px 15px 15px;
}

.UserPrivilegest #collapse1 .btn-outline-primary {
    background: var(--primary) ;
    width: 40px;
    height: 28px;
    line-height: 1;
    border: 0
}

.UserPrivilegest .acc-sub-ul {
    margin-left: -7.5px;
    background: #fff;
    margin-right: -5.5px;
    padding: 0px 12px 0px 15px;
}

    .UserPrivilegest .acc-sub-ul li {
        padding-top: 15px;
        padding-bottom: 15px;
        border: 0.5px solid #979797;
        border-bottom: 0;
    }

    .UserPrivilegest .acc-sub-ul ul li:first-child {
        border-right: 0
    }

    .UserPrivilegest .acc-sub-ul ul li:last-child {
        border-left: 0
    }

.UserPrivilegest .accordion-item .acc-sub-ul {
    background: #F1F1F1;
}

.UserPrivilegest .sub .acc-sub-ul {
    background: #fff;
}

.UserPrivilegest .sub .acc-item {
    background: #EFF9FF;
    padding-left: 50px;
    border-bottom: 0.5px solid #979797;
}

.UserPrivilegest .sub .accordion-body .row:last-child .acc-item {
    border-bottom: 0
}



   

.UserPrivilegest .acc-item {
    border-bottom: 0.5px solid #979797
}

.UserPrivilegest .accordion-body > .accordion-item:last-child .acc-item {
    border-bottom: 0
}

.UserPrivilegest .btn-acc-main {
    background: var(--primary) !important;
}

    .UserPrivilegest .btn-acc-main.collapsed {
        background: var(--primary)  !important;
    }



.UserPrivilegest .info-label {
    display: flex;
    align-items: center !important;
}

    .UserPrivilegest .info-label span {
        
        font-weight: 500;
        font-size: 11px;
        line-height: 150%;
        color: #43474B;
        max-width: 450px;
        padding-left: 10px;
    }


    body .select-style-2 .select2-container .select2-selection--single .select2-selection__rendered {
        color: #226A90;
        
        font-weight: 700;
        font-size: 15px;
        line-height: 100%;
        letter-spacing: 0px;
    }
body .select-style-2 .select2-container {
    min-width: 120px;
    max-width: 100% !important;
    width:100%;
}
body .select-style-2 .select2-container--default .select2-selection--single {

    height: 14px;
   
}
    body .select-style-2 .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 14px;
        
        min-height: 14px;
    }
    body .select-style-2 .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 14px;
       
        top: -2.5px;
        right: 5px;
       
    }
        body .select-style-2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
          
        
            margin-left: 0;
            margin-top: 0;
           
        }
.c-r .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0;
}
body .c-r .select2-container {
    min-width: 200px;
    max-width: 100% !important;
    border: 0.6px solid rgba(213, 213, 213, 1);
    padding-left: 10px;
    border-radius: 8px;
}
body .c-r .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--primary) ;
    
    font-weight: 700;
    font-size: 15px;
  
    letter-spacing: 0px;
}
.full-height {

    height: 100vh;
}
.info-label span {
    
    font-weight: 500;
    font-size: 11px;
    line-height: 150%;
    color: #43474B;
    max-width: 450px;
    padding-left: 10px;
}
.main-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #43474B;
    font-size: 15px;
}
.select-style-1 .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 5px;
   
}
body .select-style-1 .select2-container {
    min-width: 160px;
    padding-left: 15px;
    border: 0.6px solid rgba(213, 213, 213, 1);
    border-radius: 8px;
}
body .select-style-1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #43474B;
}
body .select-style-1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
  
    min-height: 36px;
}
body .select-style-1 .select2-container--default .select2-selection--single {
   
    height: 36px;
  
}


body .select-style-1.w-100 .select2-container {
    
    max-width: 100% !important;
}
.header-right .notification_dropdown .nav-link .badge {
    background-color: rgba(242, 57, 133, 1) !important;
}
.header-right .notification_dropdown .nav-link img {
    width: 20px;
    height: 20px;
}
.header-right .header-profile > a.nav-link {
    width: 79px;
    height: 48px;
    border-radius: 8px;
    border-width: 1px;
    border: 1px solid var(--primary) ;
}
    .header-right .header-profile > a.nav-link img.profile-img {
        max-width: 48px;
    }
    .header-right .header-profile > a.nav-link i.profile-arrow {
       font-size:15px;
        width: auto;
        height: auto;
        float: right;
        margin-left: auto;
        margin-right: 3px;
    }
.header-color a {
    width: 79px;
    height: 48px;
    border-radius: 8px;
    border-width: 1px;
    border: 1px solid var(--primary) ;
}
    .header-color a .color-img {
        font-size: 34px;
        color: var(--primary) ;
        margin-right: auto;
        margin-left: 10px;
    }
.header-right .header-color > a.nav-link i.color-arrow {
    font-size: 15px;
    width: auto;
    height: auto;
    color: var(--primary) ;
    float: right;
    margin-left: auto;
    margin-right: 10px;
}
.header-right .header-color > a.nav-link {
    padding: 0 0 0 0;
    display: flex;
    align-items: center;
    border-radius: 0.625rem 28px 28px 0.625rem;
}





#colorPanel {
    position: fixed;
    top: 0;
    right: -650px; /* Hidden initially */
    width: 650px;
   /* height: 100vh;*/
    background-color: #fff;
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: 99999;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);

}

    #colorPanel.open {
        right: 0; /* Slide in */
    }
.close-color {
    position: absolute;
    top: 10px;
    left: 10px;
   
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 4px;
    z-index: 1;
}
#colorPanel.open #coloroverlay {
    position: fixed;
    width: 100%;
    cursor: pointer;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
}
.colorPanel-inner {
    position: relative;
    height: 100%;
    padding: 30px;
    background: #fff;
}
    .colorPanel-inner > h4 {
        padding: 10px 20px 0;
        justify-content: space-between;
        align-items: center;
        
        font-weight: 600;
        font-size: 40px;
        line-height: 100%;
        color: var(--primary) ;
        text-align: center;
        background: #fff;
        margin: 0px 0px 20px 0px;
        text-align: center;
    }
.colors {
    padding: 30px;
}
#colorPanel .admin-settings {
    padding-top:60px;
}
.primary-color {
    color: var(--primary) ;
}
@media (max-width:1499px)
{
    body .search-area .form-control
    {
        max-width:175px;
    }
    .search-area {
        width: 200px;
    }
  
    .main-filter .input-rounded {
        max-width: 150px;
      
    }
    .main-filter > ul > li {
        padding-left: 10px;
        padding-right: 10px;
      
    }
    .content-body > .container-fluid > .d-flex
    {
        display:block !important
    }
        .content-body > .container-fluid > .d-flex > button {
            margin-top: 30px;
            height: 45px;
            line-height: 45px;
            margin-left: auto;
            margin-right: 0;
            display: block;
        }
    .module-item ul li:last-child div{
        font-size:14px
    }
    .module-content {
       
        font-size: 12px;
       
        padding: 14px 5px;
    }
    .dash-item .col-md-4 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .tob-tab-title {
      
        font-size: 15px;
       
       
        min-height: 65px;
    }
    .module-sub {
        padding: 32px 10px;
        
    }
        .module-sub ul li:first-child {
            padding-right: 10px;
        }
    .main-subtitle {
       
        font-size: 18px;
     
    }
    .main-filter
    {
        padding-right:5px;
    }
    .card-md .col-md-6{
        width:100%
    }
    .card-md  .col-md-6:first-child{
        margin-bottom:10px;
    }
    .card-right-buttons button {
        font-size: 14px !important;
    }
    .dash-item {
      
        padding: 30px 10px;
    }
    .tob-tab-footer ul li:last-child {
     
        font-size: 13px;
       
    }
    .dash-item img{
        max-width:100%
    }
    .cards .col-md-3 {
        width: 33.33333%;
    }
    .social-icons ul li {
      
        padding-left: 5px;
        padding-right: 5px;
    }
    .login-page .custom-checkbox label {
     
        font-size: 12px;
    }
    .profile-search ul li {
     
        font-size: 13px;
        line-height: 20px;
       
        margin-bottom: 5px;
    }
    .profile-content .col-md-6{
        width:100%
    }
    .relief-md .col-md-4
    {
        width:50%
    }
     .btn-reset {
        height: 45px;
display:block;
margin-left:auto
    }
    .filter-reset .btn-reset {
        height: 45px;
        display: block;
        margin-left: auto;
        margin-top:15px;
    }
    .filter-reset .main-filter
    {
        width:100%
    }
}
.text-right
{
    text-align:right !important
}
.flex-wrap {
    flex-wrap: wrap;
}
.main-filter .info-label {
    display: flex;
    max-width: 370px;
}
.dz-demo-trigger img {
    max-width: inherit;
}
.sidebar-right .sidebar-right-trigger img {
    max-width: inherit;
}
@media (max-width:1199px)
{
    .nav-header .brand-logo .f-logo
    {
        display:none !important
    }
    .nav-header .brand-logo .v-logo {
        display: block !important;
        max-width: 55px;
        filter: brightness(0) invert(1);
    }
   
    .metismenu > li > a {
        background: transparent;
        border-radius: 0px;
    }
    .nav-header .brand-logo {
      
        background: var(--primary) ;
    }
    .deznav .metismenu > li a > img {
        filter: brightness(0) invert(1);
    }
    .ess-title
    {
        display:none
    }
    .ess img {
        padding-left: 2.5px;
        padding-right: 3.5px;
    }
    .main-filter li{
        border:0 !important
    }
    .ess {
        width: auto;
        min-width: inherit;
    }
    .main-filter > ul > li {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 10px;
        padding-bottom: 10px;
        min-height:auto;
      
    }
    .main-filter ol li{
        margin-bottom:5px;
    }
    .label-settings {
        margin-bottom: 5px;
    }
    .cost-card li{
        margin-bottom:10px;
    }
    body .main-filter {
        padding-right: 10px;
        padding-left: 10px;
    }
    .m-i-styles1 .col-md-3{
        width:50%
    }
    .dz-demo-panel .dz-demo-content .col-3 {
        width: 50%
    }
    .myaccount-title
    {
        display:none
    }
    .myaccount {
       
        height: 35px;
       
    }
    .main-title {
     
        font-size: 24px;
     
    }
    .menu-left-select
    {
        display:none
    }
   
    [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.has-menu:after
    {
        border-color:#fff
    }
    .dash .col-md-3{
        width:50%;
    }
    .col-sm-12
    {
        width:100%
    }
    .mmt-30 {
        margin-top: 30px;
    }
    .cards .col-md-3 {
        width:50%;
    }
    .authincation .row .col-md-6:first-child{
        display:none
    }
    .authincation .row .col-md-6
    {
        width:100%
    }
    .authincation-content .form-row {
        display: block !important;
    }
}
@media(max-width:767px)
{
    .m-i-styles1 .col-md-3 {
        width: 100%
    }
    .dz-demo-panel .dz-demo-content .col-3 {
        width: 100%
    }
    .dash .col-md-3 {
        width: 100%;
    }
    .cards .col-md-3 {
        width: 100%;
    }
    .tree-item[data-level="3-2-1"] .tree-button {
        min-width: inherit;
        white-space: normal;
        text-overflow: ellipsis;
        max-width: 160px;
        height: inherit;
    }
    .toggle-icon {
      
        margin-right: 10px;
   
        margin-left: 5px;
    }
    .tree-item[data-level="1"] .tree-button {
        height: inherit;
        margin-bottom: 0;
        width: inherit;
        
    }
    .tree-item {
        display: flex;
        align-items: center !important;
        margin-bottom:10px;
    }
    .tree, .tree ul {
        list-style-type: none;
        position: relative;
       
    }
    .tree-item[data-level="2-1"] .tree-button {
        width: inherit;
        height: auto;
        margin-bottom: 0;
        line-height: inherit;
    }
    .tree-item[data-level="3-2-1"] .tree-button {
      
        max-width: inherit;
       
    }
    .tree-item[data-level="3-2-1"] .tree-button {
        width: inherit;
        height: auto;
        margin-bottom: 0;
    }
    .tree-item .tree-button {
        margin-bottom: 0;
    }
    .tree-item .tree-button {
       
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .col-md-20
    {
        width:100%
    }
    .employee-retrieve ul{
        display:block !important
    }
        .employee-retrieve ul li:last-child
        {
            margin-top:15px
        }
    .flex-wrap .flex-1
    {
        display:block
    }
    .m-d-b
    {
        display:block !important
    }
    .add-item .flex-1
    {
        margin-bottom:15px;
    }
    @media (max-width: 1499px) {
        .relief-md .col-md-4 {
            width: 100%;
        }
    }
    .add-item
    {
        display:block !important
    }
    .add-item {
      
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .form-buttons ul li button
    {
        width:auto;
        padding:10px;
    }
  
    .us-md .col-md-9 {
        width: 50%;
    }
    .us-md .col-md-3 {
        width: 50%;
    }
    .u-p-r-ul .col-md-4 {
        width: 33.3333%;
    }
    .acc-sub-ul .col-md-4 {
        width: 33.3333%;
    }
    .UserPrivilegest .sub .acc-item {
      
        padding-left: 15px;
        
    }
    .UserPrivilegest #mainAccordion input[type="checkbox"]
    {
        min-width:18px;
    }
    .UserPrivilegest .acc-item {
      
        padding: 15px 15px 15px 15px;
    }
    .u-p-r-ul .row .col-md-4 {
        padding-right: 5px;
        padding-left: 5px;
        font-size: 13px;
    }
    .UserPrivilegest .accordion-item .col-md-3
    {
        margin-top:0
    }
    .UserPrivilegest .acc-title span
    {
        display:none
    }
}
@media (min-width:768px) and (max-width:1029px)
{
    .deznav .metismenu > li > a {
        padding-left: 0 !important;
        text-align: center;
        padding-right: 0 !important;
        background: transparent !important;
    }
    [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > ul {
        margin-left: -7.5px;
    }
}
.tree li
{
    padding-left:0
}
.deznav .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--primary) transparent transparent transparent;
}
body .deznav .select2-container {
    background: rgba(232, 232, 232, 1);
    border-radius: 16px;
}
.deznav .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 10px;
}
.deznav .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--primary);
}
.home-back ul {
    list-style: none;
    padding-left: 0;
    display: flex;
}
    .home-back ul li a {
        background: var(--primary);
        height: 27px;
        padding: 0;
        line-height: 27px;
        
        font-weight: 500;
        font-size: 11px;
        color: #fff;
        display: flex;
        text-align: center;
        border-radius: 16px;
        width: 100px;
        align-items: center !important;
        justify-content: center !important;
    }
    .home-back ul li a i {
        padding-right: 10px;
        font-size:19px;
    }
.home-back 
{
    padding-top:15px;
}
    .home-back ul li
    {
        padding-left:5px;
        padding-right:5px;
    }
    .saved{
        position:absolute;
        right:10px;
        top:12px;
        display:none;
        cursor:pointer
    }
.show.menu-toggle .home-back {
    display:none !important
}
.metismenu ul li:hover > .saved{
    display:block
}
.saved {
    color: var(--primary)
}

@media(min-width:1200px)
{
    .myaccount-wrapper {
        padding-left: 18.563rem;
    }
}
.mm-active .menu-shape {
    display:block
}
.show .deznav .has-menu > ul > li {
    padding-left: 0px;
    margin-bottom:5px;
}
   
    .show .deznav .has-menu > ul > li > ul > li {
        padding-left: 0px;
        margin-top: 5px;
    }
        .show .deznav .has-menu > ul > li > ul > li:first-child{
            margin-top:0
        }
       

.show.menu-toggle .deznav .has-menu > ul > li > a
{
    background:transparent
}
.show.menu-toggle .deznav .has-menu > ul > li > ul > li > a {
    background: transparent
}
.c-r-refresh img{
    padding-right:10px;
}
.c-r-print img {
    padding-right: 10px;
}
.auth-form .btn-block i{
    font-size:24px;
    margin-right:10px;
    color:#fff;
}
.btn-retrieve img {
    max-width: 20px;
    margin-right: 5px;
}
.form-buttons img {
    margin-right: 10px;
}
.show .deznav .has-menu > ul > li:last-child {
    margin-bottom: 0px;
}
#main-wrapper
{
    padding-bottom:85px;
}
@media (min-width:1600px)
{
    .dz-demo-panel .col-md-3{
        width:20%;
    }
}
@media(max-width:1599px)
{
    .myaccount-fixed .myaccount {
      
        margin-left: 15px;
        margin-right: 15px;
    }
    .myaccount-content {
        margin-left: 15px;
        margin-right: 15px;
    }
}
@media(min-width:1600px)
{
    .dz-demo-content .col-3 {
        width: 20%;
    }
   
}
@media(min-width:1850px)
{
    .m-i-styles1 .col-md-3 {
        width: 20%;
    }
    .m-i-styles3 .col-md-3 {
        width: 20%;
    }
}
.myaccount-content .dropdown-menu.show {
   
    max-height: 250px;
    overflow-y: auto;
}
.profile-tabs .dropdown-toggle::after {
    position: absolute;
    top: 28px;
    right: 14px;
    color: #fff;
}
.profile-tabs .dropdown-menu.show {
    max-height: 250px;
    overflow-y: auto;
}

.table-style-2 tr:nth-child(even) {
    background-color: #f2f2f2; /* Light gray */
}
.table-style-2 tr:hover {
    background-color: #f2f2f2;
}
.action-btns {
    display: flex;
    gap: 15px;
    justify-content: end;
    margin: 10px 0;
}

    .action-btns a {
        width: 45px;
        height: 45px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 15px;
        text-decoration: none;
        background: white;
        font-size: 24px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.15);
        transition: transform 0.2s, box-shadow 0.2s;
    }

        .action-btns a:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.25);
        }

.btn-newadd {
    background-color: #28a745 !important;
    color: #fff
}
/* green */
.btn-newreset {
    background-color: #17a2b8 !important;
    color: #fff
}
/* blue */
.btn-newexit {
    background-color: #ffc107 !important;
    color: #fff
}
/* yellow */
.btn-newdelete {
    background-color: #dc3545 !important;
    color: #fff
}
.btn-newprint {
    background-color: #43474B !important;
    color: #fff
}
.btn-newprint:hover {
    background-color: #43474B !important;
    color: #fff
}
.btn-newignore {
    background-color: #dc3545 !important;
    color: #fff
}
/* red */
.text-left
{
    text-align:left !important
}
.new-btns a {
    display: block;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin-bottom: 3px;
    font-size: 10px;
    border-radius: 8px;
}
    .new-btns a:last-child{
        margin-bottom:0
    }
.accept {
    background: #84bd3d;
}
.reject {
    background: #ff0000
}
.show .deznav .metismenu > li a > i {
    padding-right: 0px;
    color: #43474b;
    vertical-align: bottom;
}
.fav-btn a i{
    font-size:19px;
    color:#fff;
}
.sidebar-right-close i {
    font-size: 32px;
    color: #949494;
}
.dz-demo-close1 i {
    font-size: 32px;
    color: #949494;
}
.social-icons a i {
    font-size: 34px;
}
.bi-linkedin {
    color: #1ea1f1;
}
.social-icons ul{
    display:flex
}
.bi-facebook {
    color: #3c5997
}
.bi-instagram {
    color: #e12f6d;
}
.bi-twitter {
    color: #43474B;
}
.bi-youtube {
    color: #de473b
}
.main-title
{
    font-size:24px;
    line-height:32px;
}
.fullscreen {
    height: 100vh;
}
@media (min-width:1200px)
{
    .authincation
    {
        overflow-y:hidden
    }
}
.authincation .custom-control-label
{
    margin-bottom:0
}
.icon-normal i
{
    font-size:24px;
    color:#43474B
}
.icon-delete {
    font-size: 24px;
    color: #d62e2e;
}
.icon-edit {
    color: #56b3e5;
    font-size:24px;
}

.form-check-label
{
    margin-bottom:0;
    padding-bottom:0
}
.form-control:hover, .form-control:focus, .form-control.active {
   
    background: transparent;
   
}
@media (max-width:1799px)
{
    .cards .col-md-20 {
        width: 25%;
    }
}
@media (max-width:1499px) {
    .cards .col-md-20 {
        width: 33.333334%;
    }
}
@media (max-width:1199px) {
    .cards .col-md-20 {
        width: 50%;
    }
}
@media (max-width:767px) {
    .cards .col-md-20 {
        width: 100%;
    }
}
.tree-minus i {
    font-size: 24px;
    color: #ff0000;
    vertical-align: sub;
}
.tree-plus i {
    font-size: 24px;
    color: #00b69b;
    vertical-align: sub;
}
.toggle-icon i {
    color: #56b3e5;
    font-size: 24px;
    vertical-align: sub;
}
.nav-item .nav-link i {
    padding-right: 5px;
    vertical-align: middle;
}
.nav-item .dropdown-toggle::after {
    vertical-align: .20em;
}
.navbar-nav li{
    margin-right:5px;
}
.navbar-light .navbar-nav .nav-link {
    color: var(--primary);
    font-size: 15px;
    font-weight: bold;
}
@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}
@media (max-width:1199px)
{
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }
}

@media (max-width:1799px) and (min-width:1200px)
{
    .navbar-light .navbar-nav .nav-link {
        margin-right: 2.5px;
        font-size: 15px;
    }
   
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
}
@media (max-width:1399px) and (min-width:1200px) {
    .navbar-light .navbar-nav .nav-link {
        margin-right: 0px;
        font-size: 13px;
    }

   

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.2rem;
        padding-left: 0.2rem;
    }
}

.btn-newretrieve {
    background-color: #00B69B !important;
    color: #fff;
}
.custom-mobile-menu
{
    width:100%
}
@media (max-width: 1599px) {
    .custom-mobile-menu {
        flex-direction: column !important;
        gap: 1rem;
       
    }

        .custom-mobile-menu .nav-item .dropdown-menu {
            position: static !important;
            float: none;
            width: 100%;
            margin-top: 0;
            box-shadow: none;
            transform: translate(0px, 0px) !important;
        }

        .custom-mobile-menu .dropdown-toggle::after {
            float: right;
            margin-top: 8px;
        }
    .content-inner {
      
        height: 450px;
        overflow-y: auto;
    }
    .myaccount-wrapper {
      
        bottom: -450px;
      
    }
}
.btn-newcancel, .btn-newcancel:hover {
    background: #d62e2e !important;
    color: #fff !important
}
.btn-newsave, .btn-newsave:hover {
    background: #409137 !important;
    color: #fff !important
}
#maximizeAll i {
    color: #96B54B;
    font-size: 24px;
    vertical-align: middle;
}
#minimizeAll i {
    color: var(--primary);
    font-size: 24px;
    vertical-align: middle;
}
.info-label i {
    color: #43474b;
    font-size:31px;
    vertical-align:middle
}
.card-body.profile-bx {
    padding: 25px 30px;
}

.prof .card-body {
    padding: 25px 30px;
}
.prof .card-header:first-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
body .prof .select2-container {
    width: 100% !important;
    max-width: 100% !important
}
.prof .profile-card .form-group label {
    font-weight: bold;
    font-size: 15px;
}
.language-change {
    border-radius: 8px;
    border-width: 1px;
    border: 1px solid var(--primary) ;
    line-height: 48px;
    height: 48px;
    width: 70px;
    color:var(--primary);
    text-align: center;
    cursor:pointer;
}




.deznav .metismenu ul.mm-show
{

}
[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.has-menu:after
{
    display:none
}
.show .deznav .metismenu > li a > i
{
    display:block
}
[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li {
    border-bottom: 1px solid #ddd;
}
.header-logo img{
    max-width:60px;
}
.metismenu > li > ul.mm-show {
    position: fixed;
    left: 120px;
    z-index: 89;
    width: 220px;
    padding: 0.75rem 0;
    transition: all 0.24s ease-in-out;
    background: #fff;
    height: 100%;
    top: 80px;
    overflow-y:auto;
    padding-bottom:120px;
}
   
    .metismenu > li > ul.mm-show a {
        padding: 12px 24px;
        text-align:left
    }
        .metismenu > li > ul.mm-show a:hover {
            background: #eee;
        }
        @media (max-width:767px)
        {
            .header
            {
                padding-left:15px;
            }
            .nav-control {
              
                padding-left: 15px;
            }
            .header-left
            {
                display:none
            }
            .header-color
            { 
                display:none !important
            }
        }
.menu-li {
    outline-width: 0;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    padding: 16px 0px;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    color: #43474b;
    line-height: 22px;
    text-align: center;
    cursor:pointer
}
    .menu-li i {
        padding-right: 0px;
        color: #43474b;
        vertical-align: bottom;
        display: block;
        padding: 0 0rem 0 0;
        font-size: 24px;
        position: relative;
        top: 0;
        line-height: 1;
    }
@media(max-width:767px)
{
    .header-logo img {
        max-width: 40px;
        margin-left: 22.5px;
    }
    .metismenu > li > ul.mm-show {
     
        width: 170px;
      
    }
    .sidebar-right {
        right: -350px;
       
        width: 350px;
     
    }
}
.dashboard_bar > img {
    max-width: 18px;
    vertical-align: baseline;
}
#primary_color_99 {
    display: inline-block;
    width: 139px;
    height: 100px;
    cursor: pointer;
    transition: all .1s ease;
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: 0;
    margin-top: 0px;
  
}
.color-tools {
    position: relative;
    float: right;
    display:inline-block
}
    .color-tools i {
        position: absolute;
        left: -5px;
        right: 0;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        top: 50%;
        font-size: 20px;
        color: #fff;
        transform: translateY(-50%);
        pointer-events: none;
        transition: opacity 0.3s ease;
    }
.authincation-content .language-change {
   
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 20px;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
    min-height: 42px;
    color: #43474B;
    font-size: 15px;
}
body  .select2-container--default .select2-selection--single {
    height: 42px;
}
body .select2-container {
 
    padding-left: 15px;
    border: 0.6px solid rgba(213, 213, 213, 1);
    border-radius: 8px;
}
body > .select2-container--open {
    border: 0 !important;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
}
.form-control::placeholder {
    color: #43474B;
}
.auth-form img{
    max-width:175px;
}
.menu-li.active {
    background: var(--primary);
    color: #fff;
}
    .menu-li.active i {
        color: #fff;
    }
#autocompleteResults {
    z-index: 1000;
    top: 100%;
    left: 0px;
    display: block;
    background: #fff;
}
@media (min-width:1921px)
{
    .col-md-20 {
        flex: 0 0 auto;
        width: 16.66666666666667%;
    }
}
@media (min-width:2561px) {
    .col-md-20 {
        flex: 0 0 auto;
        width: 14.28571428571429%;
    }
}
body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: var(--bs-body-color);
}
input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    cursor: pointer;
    border: 2px solid var(--primary);
    border-radius: 50%;
    background-color: white;
    vertical-align: middle;
}
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    cursor: pointer;
    border: 2px solid var(--primary);
   
    background-color: white;
    vertical-align: middle;
}
input[type="radio"]::before {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%) scale(0);
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    background-color: var(--primary);
    border-radius: 50%;
    transform: scale(0);
    transition: 0.2s ease-in-out;
}
input[type="checkbox"]::before {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%) scale(0);
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    background-color: var(--primary);
    transform: scale(0);
    transition: 0.2s ease-in-out;
}
input[type="radio"]:checked::before, input[type="checkbox"]:checked::before {
    transform: translate(-50%, -50%) scale(1);
}
.btn-newinfo {
    background: rgba(86, 179, 229, 1) !important;
}
.btn-newchart {
    background: rgba(144, 169, 83, 1) !important;
}
.main-filter > ul{
    width:100%
}
.prof .col-md-20, .prof .col-xl-6, .prof .col-md-6 {
    margin-bottom: 20px;
}
.tree-item
{
    padding-left:25px;
}
.id-num {
    font-family: Poppins;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    
    text-align: center;
    color: var(--primary);
}
.prof .filter-search button
{
    top:20px;
}
.profile-ul ul {
    list-style: none;
    text-align: center;
    font-family: Poppins;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    
    text-align: center;
    
}
@media(max-width:767px) {
  

    .custom-tab-1 .nav {
        display: block
    }

    .prof .nav-tabs {
        border-bottom: 0
    }
    .align-items-mobile-block
    {
        display:block !important
    }
    label
    {
        margin-bottom:5px;
    }
}
.deznav .metismenu ul.mm-show {
    overflow-y: auto
}
.prof .col {
    margin-bottom: 20px;
}
@media (max-width:767px)
{
    .prof .col {
        width: 100%;
        flex: inherit;
    }
}
@media(max-width:1199px) and (min-width:768px)
{
    .myaccount-wrapper
    {
        max-width:500px;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto
    }
}
@media (max-height:759px) {
    body .authincation {
        overflow-y: auto;
    }
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle + .footer {
    padding-left: 0
}

.metismenu ul li:hover > .saved,
.saved.pinned {
    display: block;
}