/**
 *
 * Apply Here your Custom CSS
 *
*/
:root{
    --theme-sidepanel-hf-bg: #00355a;
    --theme-sidepanel-nav: #bfccdb;
    --theme-sidepanel-nav-active: #052f4d;
    --theme-sidepanel-nav-bg: #0d4871;
    --theme-sidepanel-nav-hover: #07283e;
    --theme-sidepanel-nav-li-active: #1876b8;
}



.app-sidepanel .sidepanel-inner,
.footer-menu li{
    background-color: var(--theme-sidepanel-hf-bg) !important;
}
.app-nav, .app-nav a,
.footer-menu a,
.app-nav.app-nav-main ul,
.app-nav.app-nav-main .nav-item a{
     color: var(--theme-sidepanel-nav) !important;
}
.app-nav.app-nav-main ul,
.app-nav.app-nav-main .nav-item a{
    background-color: var(--theme-sidepanel-nav-bg);   
}

.app-menu .nav-item.active > a{
    background-color: var(--theme-sidepanel-nav-active) !important;   
}

.app-menu li:hover,
.app-menu a:hover{
    background-color: var(--theme-sidepanel-nav-hover) !important; 
}

.submenu-list li.active,
.submenu-list li.active a{
     background-color: var(--theme-sidepanel-nav-li-active) !important;
}
.app-sidepanel-footer, .app-nav-footer{
    background-color: var(--theme-sidepanel-hf-bg) ;
    color: var(--theme-sidepanel-nav);
    border-top:1px solid var(--theme-sidepanel-nav-active); 
}


    *,
    *:before,
    *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    html {      
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    body {
      font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, Arial, sans-serif;
      font-size: 13px;
      line-height: 1.42857143;
      color: #949494;
      background-color: #ffffff;
      -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
    }
    input,
    button,
    select,
    textarea {
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
    }
    a {
      color: #373e4a;
      text-decoration: none;
    }
    a:hover,
    a:focus {
      color: #818da2;
    }
    a:focus {
      outline: thin dotted #333;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
    img {
      vertical-align: middle;
    }
    .img-responsive {
      display: block;
      max-width: 100%;
      height: auto;
    }
    .img-rounded {
      border-radius: 3px;
    }
    .img-thumbnail {
      padding: 2px;
      line-height: 1.42857143;
      background-color: #ffffff;
      border: 1px solid #ededf0;
      border-radius: 3px;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      display: inline-block;
      max-width: 100%;
      height: auto;
    }
    .img-circle {
      border-radius: 50%;
    }
    hr {
      margin-top: 17px;
      margin-bottom: 17px;
      border: 0;
      border-top: 1px solid #eeeeee;
    }

    h1, .h1{font-size: 32px;}
    h2, .h2{font-size: 28px;}
    h3, .h3{font-size: 22px;}
    h4, .h4{font-size: 17px;}
    h5, .h5{font-size: 13px;}
    h6, .h6{font-size: 10px;}
    h2,h3,h4,h5,h6, .h2,.h3,.h4,.h5,.h6{color:#252930; font-weight: 400}
    hr{background:#adb4c0}.text-muted{color:#9fa7b5 !important}.table-dark{background:#252930;color:#fff}.table-bordered th,.table-bordered td{border-color:#e7e9ed}
    .tab-content{
      border:1px solid #dee2e6;
      border-top: none;
      padding: 0px 10px;
  }
  .hr-form .btn{
    position: relative;
    top: 24px;
}
  .table-bordered tr:first-child,
  .table-bordered tr:last-child{
       border: none;
  }.table-bordered tr:first-child th{
      border-bottom: 1px solid;
  }
  table td{padding: 5px;}
    table th{padding: 5px 0px;}
    .table-striped tbody tr:nth-of-type(odd){background-color:#f5f5f5}
    .table-dark th,.table-dark td,.table-dark thead th{border-color:#515a6a}
    .table-hover>tbody>tr:hover{background-color:#fff}.popover{border-color:#dee1fc}
    .bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^=left]>.arrow::before{border-left-color:#dee1fc}
    .bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^=right]>.arrow::before{border-right-color:#dee1fc}
    .bs-popover-top>.arrow::before,.bs-popover-auto[data-popper-placement^=top]>.arrow::before,.bs-popover-auto[x-placement^=top]>.arrow::before{border-top-color:#dee1fc}
    .bs-popover-bottom>.arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.arrow::before,.bs-popover-auto[x-placement^=bottom]>.arrow::before{border-bottom-color:#dee1fc}
    a.app-link{color:#252930;text-decoration:underline;text-decoration-color:rgba(37,41,48,.3)}
    a.app-link:hover{color:#15a362;text-decoration-color:rgba(21,163,98,.8)}
    button.close:focus{outline:none;box-shadow:none}.app-btn-primary{background:#15a362;color:#fff;border-color:#15a362}
    .app-btn-primary:hover,.app-btn-primary:active{color:#fff;background:#18ba70;border-color:#18ba70}.app-btn-secondary{background:#fff;color:#5d6778;border:1px solid #bcc1cb}
    .app-btn-secondary:hover{color:#15a362;border:1px solid #15a362;background:#fff}.btn-light{background:#f5f6fe;color:#15a362}.btn-light:hover{background:#f5f6fe;color:#15a362}
   
    .submenu-toggle[aria-expanded="false"] .submenu-arrow .fa{
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);  
  }
  .submenu-toggle[aria-expanded="true"] .submenu-arrow .fa{
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      
  }
.submenu-toggle .submenu-arrow .fa{
    color:#828d9f;
       transition: transform 0.3s ease;
}
    .form-check-input:checked{background-color:#15a362;border-color:#15a362}
    .dropdown-toggle.no-toggle-arrow:after{display:none !important}
    .app-header{box-shadow:0 1px 4px 0 rgba(0,0,0,.1);border-bottom:1px solid #e7e9ed;height:56px;background:#fff}.app-header-inner{position:relative}.app-search-form{position:relative;max-width:600px}.app-search-form .search-input{font-size:.875rem;border-radius:.25rem;padding-right:3rem;padding-left:1rem}.app-search-form .search-input:focus{border-color:#e7e9ed}.app-search-form .search-btn{color:#828d9f;background:none;border:none;position:absolute;right:0;top:0;margin-right:0;padding:.5rem 1rem}.app-search-form .search-btn:active,.app-search-form .search-btn:focus,.app-search-form .search-btn:hover{outline:none !important;color:#15a362;box-shadow:none}.app-utility-item{display:inline-block;margin-right:1.25rem}.app-utility-item:last-child{margin-right:0}.app-utility-item>a{color:#5d6778}.app-utility-item>a:hover{color:#252930}.app-utility-item .dropdown-toggle{position:relative}.app-utility-item .icon{font-size:1.25rem;width:24px;height:24px}.app-utility-item .icon-badge{display:inline-block;border-radius:50%;position:absolute;right:-0.45rem;top:-0.3rem;width:20px;height:20px;font-size:.6rem;font-weight:bold;padding-top:1px;color:#fff;text-align:center}.app-utility-item .icon-badge.icon-badge{background:#ec776c;border:2px solid #fff}.app-notifications-dropdown .app-icon-holder.icon-holder-mono{background:#f5f6fe;color:#828d9f}.app-notifications-dropdown .app-icon-holder svg{width:20px;height:20px}.app-user-dropdown{display:inline-block}.app-user-dropdown img{width:36px;height:36px}@media(min-width: 576px){.app-notifications-dropdown .dropdown-menu{width:400px}}@media(min-width: 1200px){.app-header-inner{margin-left:250px}}@media(max-width: 575.98px){.search-mobile-trigger{cursor:pointer;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.search-mobile-trigger:hover{color:#15a362;-webkit-opacity:1;-moz-opacity:1;opacity:1}.app-search-box{display:none;position:absolute;left:0;top:56px;padding:0;height:100vh;background:rgba(0,0,0,.5);transition:all .4s ease-in-out}}@media(max-width: 575.98px)and (prefers-reduced-motion: reduce){.app-search-box{transition:none}}@media(max-width: 575.98px){.app-search-box .app-search-form .search-input{border-radius:0;padding-top:1.5rem;padding-bottom:1.5rem}.app-search-box .app-search-form .search-btn{top:7px}.app-search-box.is-visible{display:block}}.app-sidepanel{position:fixed;min-height:100vh;height:100%;left:0;top:0;font-size:.875rem;border-right:1px solid #e7e9ed}.app-sidepanel .panel-drop{display:none}.app-sidepanel .sidepanel-inner{position:relative;z-index:10;box-shadow:rgba(0,0,0,.05) 0px 8px 15px;width:250px;height:100%}.app-sidepanel .sidepanel-close{display:none;position:absolute;z-index:20;right:-2rem;top:0;color:#fff;font-size:2rem}.app-sidepanel.sidepanel-hidden{left:-400px}.app-sidepanel.sidepanel-visible{left:0}.app-sidepanel .app-nav-main{overflow-y:auto;scrollbar-color:rgba(0,0,0,.1) #e7e9ed;scrollbar-width:thin}.app-sidepanel .app-nav-main::-webkit-scrollbar{width:6px;background-color:#e7e9ed}.app-sidepanel .app-nav-main::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);border-radius:.5rem}.app-branding{height:60px;padding-top:1rem;padding-left:1rem;margin-bottom:1rem}
    
    .app-branding .logo-icon{    width: 100%;
      padding: 10px;
      position: relative;
      top: -20px;
      left: -10px;}
    
    .app-branding .logo-text{color:#252930;font-size:1.25rem;font-weight:600;vertical-align:middle}.app-nav{color:#5d6778;display:block;padding:0;width:100%}.app-nav .app-menu{margin-bottom:0}.app-nav .nav-item{display:block;color:#5d6778;background:#fff}.app-nav .nav-link{display:block;padding:.875rem 1rem;color:#252930;position:relative;display:block;padding-left:3rem;}.app-nav .nav-link.active{font-weight:500}.app-nav .nav-link.submenu-toggle.active{background:none;}.app-nav .nav-link:hover{color:#15a362}.app-nav .nav-icon{position:absolute;left:1rem;top:.7rem}.app-nav .nav-icon .bi{width:1.25rem;height:1.25rem}.app-nav .submenu-arrow{position:absolute;right:1rem;top:.7rem;color:#828d9f}
    .app-nav .submenu-arrow svg{width:14px;height:14px}
    .app-nav .submenu-toggle{transition:all .4s ease-in-out}
    @media(prefers-reduced-motion: reduce){.app-nav .submenu-toggle{transition:none}}
    .app-nav .submenu-toggle[aria-expanded=true] .submenu-arrow{color:#252930}
    .app-nav .submenu-toggle[aria-expanded=true] 
    .submenu-arrow svg{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg);-webkit-transform:rotate(180deg)}.app-nav .submenu-item{margin-bottom:0}.app-nav .submenu-link, .app-nav .submenu-item .submenu-item  a{color:#5d6778;font-size:.875rem;margin-left:1rem;padding:.5rem 1rem;padding-left:1rem;position:relative;display:block;margin-bottom:0}.app-nav .submenu-link:before{background-color:#0b3857;content:" ";display:inline-block;height:inherit;left:0;position:absolute;width:2px;height:100%;margin-top:-0.5rem}.app-nav .submenu-link:hover{color:#252930}.app-nav .submenu-link.active{color:#15a362}.app-nav .submenu-link.active:before{background-color:#15a362}.app-sidepanel-footer{width:100%;bottom:0;left:0;}.app-sidepanel-footer .app-nav-footer{margin-bottom:0}@media(max-width: 1199.98px){.app-sidepanel{transition:all .4s ease-in-out;left:-400px}}@media(max-width: 1199.98px)and (prefers-reduced-motion: reduce){.app-sidepanel{transition:none}}@media(max-width: 1199.98px){.app-sidepanel.sidepanel-visible{display:block}.sidepanel-visible .sidepanel-close{display:inline-block}.sidepanel-visible .sidepanel-drop{position:fixed;display:block;min-height:100vh;height:100%;width:100%;min-width:100vw;left:0;top:0;background:rgba(0,0,0,.35)}}@media(min-width: 1200px){.app-wrapper{margin-left:250px}}.app{min-height:100vh;height:100%;width:100%;background:#f5f6fe;padding-top:56px;overflow-x:hidden}.app-footer .copyright{font-size:.8125rem}.app-wrapper{transition:all .4s ease-in-out}@media(prefers-reduced-motion: reduce){.app-wrapper{transition:none}}.app-page-title{font-size:1.5rem;font-weight:bolder;margin-bottom:1.5rem}.app-card{position:relative;background:#fff;border-radius:.25rem}.app-card.border-left-decoration{border-left:3px solid #15a362}.app-card .app-card-link-mask{position:absolute;width:100%;height:100%;display:block;left:0;top:0}.app-card .app-card-header{border-bottom:1px solid #e7e9ed}.app-card .app-card-title{font-size:1.125rem;margin-bottom:0}.app-card .card-header-action{font-size:.875rem}.app-card .card-header-action a:hover{text-decoration:underline}.app-card .form-select-holder{display:inline-block}.app-card .btn-close{padding:1rem}.app-card .btn-close:focus{box-shadow:none}.app-card-stat{text-align:center}.app-card-stat .stats-type{font-size:.875rem;color:#828d9f;text-transform:uppercase}.app-card-stat .stats-figure{font-size:2rem;color:#252930}.app-card-stat .stats-meta{font-size:.875rem;color:#828d9f}.app-card-progress-list .item{position:relative;border-bottom:1px solid #e7e9ed}.app-card-progress-list .item:hover .title{color:#252930}.app-card-progress-list .item:last-child{border:none}.app-card-progress-list .item .title{font-size:.875rem;font-weight:500}.app-card-progress-list .item .meta{font-size:.875rem;color:#828d9f}.app-card-progress-list .item-link-mask{position:absolute;width:100%;height:100%;display:block;left:0;top:0}.app-card-progress-list .progress{height:.5rem}.app-card-stats-table .table{font-size:.875rem}.app-card-stats-table .meta{color:#828d9f;font-weight:500;font-size:.875rem}.app-card-stats-table .stat-cell{text-align:right}.app-card-basic{height:100%}.app-card-basic .title{font-size:1rem}.app-card .app-icon-holder{display:inline-block;background:#edfdf6;color:#15a362;width:50px;height:50px;padding-top:10px;font-size:1rem;text-align:center;border-radius:50%}.app-card .app-icon-holder.icon-holder-mono{background:#f5f6fe;color:#828d9f}.app-card .app-icon-holder svg{width:24px;height:24px}.app-card .app-card-body.has-card-actions{position:relative;padding-right:1rem !important}.app-card .app-card-body .app-card-actions{display:inline-block;width:30px;height:30px;text-align:center;border-radius:50%;position:absolute;z-index:10;right:.75rem;top:.75rem}.app-card .app-card-body .app-card-actions:hover{background:#f5f6fe}.app-card .app-card-body .app-card-actions .dropdown-menu{font-size:.8125rem}.app-card-doc:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important}.app-card-doc .app-card-thumb-holder{background:#e9eaf1;text-align:center;position:relative;height:112px}.app-card-doc .app-card-thumb-holder .app-card-thumb{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;background:#000}.app-card-doc .app-card-thumb-holder .thumb-image{-webkit-opacity:.7;-moz-opacity:.7;opacity:.7;width:100%;height:auto}.app-card-doc .app-card-thumb-holder:hover{background:#fafbff}.app-card-doc .app-card-thumb-holder:hover .thumb-image{-webkit-opacity:1;-moz-opacity:1;opacity:1}.app-card-doc .app-card-thumb-holder .badge{position:absolute;right:.5rem;top:.5rem}.app-card-doc .app-card-thumb-holder .icon-holder{font-size:40px;display:inline-block;margin:0 auto;width:80px;height:80px;border-radius:50%;background:#fff;padding-top:10px}.app-card-doc .app-card-thumb-holder .icon-holder .pdf-file{color:#da2d27}.app-card-doc .app-card-thumb-holder .icon-holder .text-file{color:#66a0fd}.app-card-doc .app-card-thumb-holder .icon-holder .excel-file{color:#0da95f}.app-card-doc .app-card-thumb-holder .icon-holder .ppt-file{color:#f4b400}.app-card-doc .app-card-thumb-holder .icon-holder .video-file{color:#935dc1}.app-card-doc .app-card-thumb-holder .icon-holder .zip-file{color:#252930}.app-card-doc .app-doc-title{font-size:.875rem}.app-card-doc .app-doc-title a{color:#252930}.app-card-doc .app-doc-title.truncate{max-width:calc(100% - 30px);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-card-doc .app-doc-meta{font-size:.75rem}.table-search-form .form-control{height:2rem;min-width:auto}.app-dropdown-menu{font-size:.875rem}.app-card-orders-table .table{font-size:.875rem}.app-card-orders-table .table .cell{border-color:#e7e9ed;color:#5d6778;vertical-align:middle}.app-card-orders-table .cell span{display:inline-block}.app-card-orders-table .cell .note{display:block;color:#828d9f;font-size:.75rem}.app-card-orders-table .btn-sm,.app-card-orders-table .btn-group-sm>.btn{padding:.125rem .5rem;font-size:.75rem}.app-card-orders-table .truncate{max-width:250px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav-tabs{background:#fff;padding:0}.app-nav-tabs .nav-link{color:#5d6778;font-size:.875rem;font-weight:bold}.app-nav-tabs .nav-link.active{color:#15a362;}.app-nav-tabs .nav-link.active:hover{background:none}.app-nav-tabs .nav-link:hover{background:#edfdf6;color:#15a362}.app-pagination .pagination{font-size:.875rem}.app-pagination .pagination .page-link{color:#5d6778;padding:.25rem .5rem}.app-pagination .pagination .page-item.active .page-link{background:#747f94;color:#fff;border-color:#747f94}.app-pagination .pagination .page-item.disabled .page-link{color:#9fa7b5}.app-card-accordion .app-card-title{font-size:1.125rem}.app-card-accordion .faq-accordion .accordion-item{border-radius:0;border:none;border-bottom:1px solid #e7e9ed}.app-card-accordion .faq-accordion .accordion-item:last-child{border-bottom:none}.app-card-accordion .faq-accordion .accordion-header{border:none}.app-card-accordion .faq-accordion .accordion-button{padding:1rem;border-radius:0;border:none;box-shadow:none;background:none;padding-left:0;font-size:1rem;text-decoration:none;color:#15a362}.app-card-accordion .faq-accordion .accordion-button:after{display:none}.app-card-accordion .faq-accordion .accordion-body{padding-left:0;padding-right:0;padding-top:0;font-size:1rem}.app-card-account{height:100%}.app-card-account .item{font-size:.875rem}.app-card-account .item .profile-image{width:60px;height:60px}.app-card-account .item .btn-sm,.app-card-account .item .btn-group-sm>.btn{padding:.125rem .5rem;font-size:.75rem}.settings-section .section-title{font-size:1.25rem}.settings-section .section-intro{font-size:.875rem}.app-card-settings{font-size:1rem}.app-card-settings .form-label{font-weight:bold}.app-card-settings .form-control{font-size:1rem}.app-404-page{padding-top:2rem}.app-404-page .page-title{font-size:3rem;line-height:.8;font-weight:bold}.app-404-page .page-title span{font-size:1.5rem}.chart-container{position:relative}.app-table-hover>tbody>tr:hover{background-color:#fafbff}.app-card-notification .notification-type .badge{font-size:.65rem;text-transform:uppercase}.app-card-notification .profile-image{width:60px;height:60px}.app-card-notification .notification-title{font-size:1.125rem}.app-card-notification .notification-content{font-size:.875rem}.app-card-notification .notification-meta{font-size:.75rem;color:#828d9f}.app-card-notification .action-link{font-size:.875rem}.app-card-notification .app-card-footer{background:#fafbff}@media(min-width: 1200px){.table-search-form .form-control{min-width:300px}}@media(max-width: 575.98px){.app-card-stat .stats-figure{font-size:1.125rem}.app-card-stat .stats-type{font-size:.75rem}}.app-login .auth-background-holder{background:url("../images/background/background-1.jpg") no-repeat center center;background-size:cover;height:100vh;min-height:100%}.app-signup .auth-background-holder{background:url("../images/background/background-2.jpg") no-repeat center center;background-size:cover;height:100vh;min-height:100%}.app-reset-password .auth-background-holder{background:url("../images/background/background-3.jpg") no-repeat center center;background-size:cover;height:100vh;min-height:100%}.auth-main-col,.auth-background-col{position:relative}.auth-background-mask{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;background:rgba(0,0,0,.1)}.auth-background-overlay{position:absolute;width:100%;height:100%;left:0;top:0;z-index:11}.auth-background-overlay .overlay-title{color:#fff;font-size:1rem;font-weight:bold}.auth-background-overlay .overlay-content{background:rgba(37,41,48,.6);color:#fff}.auth-background-overlay .overlay-content a{text-decoration:underline;color:#fff}.app-auth-footer{position:absolute;bottom:0;left:0;width:100%}.app-auth-wrapper{background:#fff;height:100vh}.app-auth-wrapper .app-auth-body{width:360px}.app-auth-wrapper .app-logo .logo-icon{width:60px;height:60px}.app-auth-wrapper .auth-heading{font-size:1.5rem}.app-auth-wrapper .form-control::-webkit-input-placeholder{color:#828d9f}.app-auth-wrapper .form-control:-moz-placeholder{color:#828d9f}.app-auth-wrapper .form-control::-moz-placeholder{color:#828d9f}.app-auth-wrapper .form-control:-ms-input-placeholder{color:#828d9f}.app-auth-wrapper .legal-note{font-size:.875rem}.app-auth-wrapper .extra{font-size:.75rem}.app-auth-wrapper .extra a{text-decoration:underline;color:#828d9f}.app-auth-wrapper .extra a:hover{color:#5d6778}.app-auth-wrapper .auth-heading-desc{font-weight:500;font-size:1.125rem}.app-auth-wrapper .legal-note{font-size:.75rem}.app-auth-wrapper .auth-option{font-size:.875rem}.app-auth-footer .copyright{font-size:.75rem}@media(max-width: 767.98px){.auth-background-col{display:none}.app-auth-wrapper .app-auth-body{width:100%}}
    .validate-has-error {
        border-color: #cc2424;
          color: #cc2424;
      }
      .validate-has-error:focus {
        border-color: #cc2424;
      }
      .validate-has-error + span.validate-has-error,
      .validate-has-error > span.validate-has-error,
      .input-group + .validate-has-error {
        color: #cc2424;
        display: inline-block;
        margin-top: 5px;
      }
      .validate-has-error .validate-has-error {
        color: #cc2424;
        display: inline-block;
        margin-top: 5px;
      }
      .make-switch + .validate-has-error {
        margin-left: 10px;
      }
      .validate-has-error .form-control {
        border-color: #cc2424;
      }.form-control {   
         
          padding: 6px 12px;
          font-size: 12px;
          line-height: 1.42857143;    
          background-color: #ffffff;
          background-image: none;
          border: 1px solid #949494;
      }
.bg-red{background-color: #f45740;}
.bg-orange{background-color: #ffa812;}
.bg-green{background-color: #00a65a;}
.bg-sky{background-color: #00c0ef;}
.bg-blue{background-color: #0073b7;}
.bg-grey{background-color: #303641;}
.txt-white, .txt-white a{color:#fff;}


.btn-blue {
    color: #ffffff;
    background-color: #0072bc;
    border-color: #0072bc;
  }
  .btn-blue:hover,
  .btn-blue:focus,
  .btn-blue:active,
  .btn-blue.active,
  .open .dropdown-toggle.btn-blue {
    color: #ffffff;
    background-color: #005993;
    border-color: #004d7f;
  }
  .btn-blue:active,
  .btn-blue.active,
  .open .dropdown-toggle.btn-blue {
    background-image: none;
  }
  .btn-blue.disabled,
  .btn-blue[disabled],
  fieldset[disabled] .btn-blue,
  .btn-blue.disabled:hover,
  .btn-blue[disabled]:hover,
  fieldset[disabled] .btn-blue:hover,
  .btn-blue.disabled:focus,
  .btn-blue[disabled]:focus,
  fieldset[disabled] .btn-blue:focus,
  .btn-blue.disabled:active,
  .btn-blue[disabled]:active,
  fieldset[disabled] .btn-blue:active,
  .btn-blue.disabled.active,
  .btn-blue[disabled].active,
  fieldset[disabled] .btn-blue.active {
    background-color: #0072bc;
    border-color: #0072bc;
  }
  .btn-blue .badge {
    color: #0072bc;
    background-color: #ffffff;
  }
  .btn-blue > .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff !important;
  }
  .btn-blue.dropdown-toggle {
    border-left-color: #005c98;
  }
  .btn-blue.btn-icon {
    position: relative;
    padding-right: 39px;
    border: none;
  }
  .btn-blue.btn-icon i {
    background-color: #005993;
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
  }
  .btn-blue.btn-icon.icon-left {
    padding-right: 12px;
    padding-left: 39px;
  }
  .btn-blue.btn-icon.icon-left i {
    float: left;
    right: auto;
    left: 0;
    -webkit-border-radius: 3px 0 0 3px !important;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px !important;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px !important;
    background-clip: padding-box;
  }
  .btn-blue.btn-icon.btn-lg {
    padding-right: 55px;
  }
  .btn-blue.btn-icon.btn-lg.icon-left {
    padding-right: 16px;
    padding-left: 55px;
  }
  .btn-blue.btn-icon.btn-lg i {
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 3px;
  }
  .btn-blue.btn-icon.btn-sm {
    padding-right: 36px;
  }
  .btn-blue.btn-icon.btn-sm.icon-left {
    padding-right: 10px;
    padding-left: 36px;
  }
  .btn-blue.btn-icon.btn-sm i {
    padding: 5px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
  }
  .btn-blue.btn-icon.btn-xs {
    padding-right: 32px;
  }
  .btn-blue.btn-icon.btn-xs.icon-left {
    padding-right: 10px;
    padding-left: 32px;
  }
  .btn-blue.btn-icon.btn-xs i {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px;
  }
  .btn-red {
    color: #ffffff;
    background-color: #d42020;
    border-color: #d42020;
  }
  .btn-red:hover,
  .btn-red:focus,
  .btn-red:active,
  .btn-red.active,
  .open .dropdown-toggle.btn-red {
    color: #ffffff;
    background-color: #b11b1b;
    border-color: #9f1818;
  }
  .btn-red:active,
  .btn-red.active,
  .open .dropdown-toggle.btn-red {
    background-image: none;
  }
  .btn-red.disabled,
  .btn-red[disabled],
  fieldset[disabled] .btn-red,
  .btn-red.disabled:hover,
  .btn-red[disabled]:hover,
  fieldset[disabled] .btn-red:hover,
  .btn-red.disabled:focus,
  .btn-red[disabled]:focus,
  fieldset[disabled] .btn-red:focus,
  .btn-red.disabled:active,
  .btn-red[disabled]:active,
  fieldset[disabled] .btn-red:active,
  .btn-red.disabled.active,
  .btn-red[disabled].active,
  fieldset[disabled] .btn-red.active {
    background-color: #d42020;
    border-color: #d42020;
  }
  .btn-red .badge {
    color: #d42020;
    background-color: #ffffff;
  }
  .btn-red > .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff !important;
  }
  .btn-red.dropdown-toggle {
    border-left-color: #b51b1b;
  }
  .btn-red.btn-icon {
    position: relative;
    padding-right: 39px;
    border: none;
  }
  .btn-red.btn-icon i {
    background-color: #b11b1b;
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
  }
  .btn-red.btn-icon.icon-left {
    padding-right: 12px;
    padding-left: 39px;
  }
  .btn-red.btn-icon.icon-left i {
    float: left;
    right: auto;
    left: 0;
    -webkit-border-radius: 3px 0 0 3px !important;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px !important;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px !important;
    background-clip: padding-box;
  }
  .btn-red.btn-icon.btn-lg {
    padding-right: 55px;
  }
  .btn-red.btn-icon.btn-lg.icon-left {
    padding-right: 16px;
    padding-left: 55px;
  }
  .btn-red.btn-icon.btn-lg i {
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 3px;
  }
  .btn-red.btn-icon.btn-sm {
    padding-right: 36px;
  }
  .btn-red.btn-icon.btn-sm.icon-left {
    padding-right: 10px;
    padding-left: 36px;
  }
  .btn-red.btn-icon.btn-sm i {
    padding: 5px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
  }
  .btn-red.btn-icon.btn-xs {
    padding-right: 32px;
  }
  .btn-red.btn-icon.btn-xs.icon-left {
    padding-right: 10px;
    padding-left: 32px;
  }
  .btn-red.btn-icon.btn-xs i {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px;
  }
  .btn-orange {
    color: #ffffff;
    background-color: #ff9600;
    border-color: #ff9600;
  }
  .btn-orange:hover,
  .btn-orange:focus,
  .btn-orange:active,
  .btn-orange.active,
  .open .dropdown-toggle.btn-orange {
    color: #ffffff;
    background-color: #d67e00;
    border-color: #c27200;
  }
  .btn-orange:active,
  .btn-orange.active,
  .open .dropdown-toggle.btn-orange {
    background-image: none;
  }
  .btn-orange.disabled,
  .btn-orange[disabled],
  fieldset[disabled] .btn-orange,
  .btn-orange.disabled:hover,
  .btn-orange[disabled]:hover,
  fieldset[disabled] .btn-orange:hover,
  .btn-orange.disabled:focus,
  .btn-orange[disabled]:focus,
  fieldset[disabled] .btn-orange:focus,
  .btn-orange.disabled:active,
  .btn-orange[disabled]:active,
  fieldset[disabled] .btn-orange:active,
  .btn-orange.disabled.active,
  .btn-orange[disabled].active,
  fieldset[disabled] .btn-orange.active {
    background-color: #ff9600;
    border-color: #ff9600;
  }
  .btn-orange .badge {
    color: #ff9600;
    background-color: #ffffff;
  }
  .btn-orange > .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff !important;
  }
  .btn-orange.dropdown-toggle {
    border-left-color: #db8100;
  }
  .btn-orange.btn-icon {
    position: relative;
    padding-right: 39px;
    border: none;
  }
  .btn-orange.btn-icon i {
    background-color: #d67e00;
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
  }
  .btn-orange.btn-icon.icon-left {
    padding-right: 12px;
    padding-left: 39px;
  }
  .btn-orange.btn-icon.icon-left i {
    float: left;
    right: auto;
    left: 0;
    -webkit-border-radius: 3px 0 0 3px !important;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px !important;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px !important;
    background-clip: padding-box;
  }
  .btn-orange.btn-icon.btn-lg {
    padding-right: 55px;
  }
  .btn-orange.btn-icon.btn-lg.icon-left {
    padding-right: 16px;
    padding-left: 55px;
  }
  .btn-orange.btn-icon.btn-lg i {
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 3px;
  }
  .btn-orange.btn-icon.btn-sm {
    padding-right: 36px;
  }
  .btn-orange.btn-icon.btn-sm.icon-left {
    padding-right: 10px;
    padding-left: 36px;
  }
  .btn-orange.btn-icon.btn-sm i {
    padding: 5px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
  }
  .btn-orange.btn-icon.btn-xs {
    padding-right: 32px;
  }
  .btn-orange.btn-icon.btn-xs.icon-left {
    padding-right: 10px;
    padding-left: 32px;
  }
  .btn-orange.btn-icon.btn-xs i {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px;
  }
  .btn-gold {
    color: #846e20;
    background-color: #fcd036;
    border-color: #fcd036;
  }
  .btn-gold:hover,
  .btn-gold:focus,
  .btn-gold:active,
  .btn-gold.active,
  .open .dropdown-toggle.btn-gold {
    color: #846e20;
    background-color: #fbc70e;
    border-color: #f1bc04;
  }
  .btn-gold:active,
  .btn-gold.active,
  .open .dropdown-toggle.btn-gold {
    background-image: none;
  }
  .btn-gold.disabled,
  .btn-gold[disabled],
  fieldset[disabled] .btn-gold,
  .btn-gold.disabled:hover,
  .btn-gold[disabled]:hover,
  fieldset[disabled] .btn-gold:hover,
  .btn-gold.disabled:focus,
  .btn-gold[disabled]:focus,
  fieldset[disabled] .btn-gold:focus,
  .btn-gold.disabled:active,
  .btn-gold[disabled]:active,
  fieldset[disabled] .btn-gold:active,
  .btn-gold.disabled.active,
  .btn-gold[disabled].active,
  fieldset[disabled] .btn-gold.active {
    background-color: #fcd036;
    border-color: #fcd036;
  }
  .btn-gold .badge {
    color: #fcd036;
    background-color: #846e20;
  }
  .btn-gold > .caret {
    border-top-color: #846e20;
    border-bottom-color: #846e20 !important;
  }
  .btn-gold.dropdown-toggle {
    border-left-color: #fbc813;
  }
  .btn-gold.btn-icon {
    position: relative;
    padding-right: 39px;
    border: none;
  }
  .btn-gold.btn-icon i {
    background-color: #fbc70e;
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
  }
  .btn-gold.btn-icon.icon-left {
    padding-right: 12px;
    padding-left: 39px;
  }
  .btn-gold.btn-icon.icon-left i {
    float: left;
    right: auto;
    left: 0;
    -webkit-border-radius: 3px 0 0 3px !important;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px !important;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px !important;
    background-clip: padding-box;
  }
  .btn-gold.btn-icon.btn-lg {
    padding-right: 55px;
  }
  .btn-gold.btn-icon.btn-lg.icon-left {
    padding-right: 16px;
    padding-left: 55px;
  }
  .btn-gold.btn-icon.btn-lg i {
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 3px;
  }
  .btn-gold.btn-icon.btn-sm {
    padding-right: 36px;
  }
  .btn-gold.btn-icon.btn-sm.icon-left {
    padding-right: 10px;
    padding-left: 36px;
  }
  .btn-gold.btn-icon.btn-sm i {
    padding: 5px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
  }
  .btn-gold.btn-icon.btn-xs {
    padding-right: 32px;
  }
  .btn-gold.btn-icon.btn-xs.icon-left {
    padding-right: 10px;
    padding-left: 32px;
  }
  .btn-gold.btn-icon.btn-xs i {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px;
  }
  .btn-black {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
  }
  .btn-black:hover,
  .btn-black:focus,
  .btn-black:active,
  .btn-black.active,
  .open .dropdown-toggle.btn-black {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
  }
  .btn-black:active,
  .btn-black.active,
  .open .dropdown-toggle.btn-black {
    background-image: none;
  }
  .btn-black.disabled,
  .btn-black[disabled],
  fieldset[disabled] .btn-black,
  .btn-black.disabled:hover,
  .btn-black[disabled]:hover,
  fieldset[disabled] .btn-black:hover,
  .btn-black.disabled:focus,
  .btn-black[disabled]:focus,
  fieldset[disabled] .btn-black:focus,
  .btn-black.disabled:active,
  .btn-black[disabled]:active,
  fieldset[disabled] .btn-black:active,
  .btn-black.disabled.active,
  .btn-black[disabled].active,
  fieldset[disabled] .btn-black.active {
    background-color: #000000;
    border-color: #000000;
  }
  .btn-black .badge {
    color: #000000;
    background-color: #ffffff;
  }
  .btn-black > .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff !important;
  }
  .btn-black.dropdown-toggle {
    border-left-color: #000000;
  }
  .btn-black.btn-icon {
    position: relative;
    padding-right: 39px;
    border: none;
  }
  .btn-black.btn-icon i {
    background-color: #000000;
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
  }
  .btn-black.btn-icon.icon-left {
    padding-right: 12px;
    padding-left: 39px;
  }
  .btn-black.btn-icon.icon-left i {
    float: left;
    right: auto;
    left: 0;
    -webkit-border-radius: 3px 0 0 3px !important;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px !important;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px !important;
    background-clip: padding-box;
  }
  .btn-black.btn-icon.btn-lg {
    padding-right: 55px;
  }
  .btn-black.btn-icon.btn-lg.icon-left {
    padding-right: 16px;
    padding-left: 55px;
  }
  .btn-black.btn-icon.btn-lg i {
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 3px;
  }
  .btn-black.btn-icon.btn-sm {
    padding-right: 36px;
  }
  .btn-black.btn-icon.btn-sm.icon-left {
    padding-right: 10px;
    padding-left: 36px;
  }
  .btn-black.btn-icon.btn-sm i {
    padding: 5px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
  }
  .btn-black.btn-icon.btn-xs {
    padding-right: 32px;
  }
  .btn-black.btn-icon.btn-xs.icon-left {
    padding-right: 10px;
    padding-left: 32px;
  }
  .btn-black.btn-icon.btn-xs i {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px;
  }
  .btn-white {
    color: #303641;
    background-color: #ffffff;
    border-color: #ffffff;
    border-color: #ebebeb;
  }
  .btn-white:hover,
  .btn-white:focus,
  .btn-white:active,
  .btn-white.active,
  .open .dropdown-toggle.btn-white {
    color: #303641;
    background-color: #ebebeb;
    border-color: #e0e0e0;
  }
  .btn-white:active,
  .btn-white.active,
  .open .dropdown-toggle.btn-white {
    background-image: none;
  }
  .btn-white.disabled,
  .btn-white[disabled],
  fieldset[disabled] .btn-white,
  .btn-white.disabled:hover,
  .btn-white[disabled]:hover,
  fieldset[disabled] .btn-white:hover,
  .btn-white.disabled:focus,
  .btn-white[disabled]:focus,
  fieldset[disabled] .btn-white:focus,
  .btn-white.disabled:active,
  .btn-white[disabled]:active,
  fieldset[disabled] .btn-white:active,
  .btn-white.disabled.active,
  .btn-white[disabled].active,
  fieldset[disabled] .btn-white.active {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .btn-white .badge {
    color: #ffffff;
    background-color: #303641;
  }
  .btn-white > .caret {
    border-top-color: #303641;
    border-bottom-color: #303641 !important;
  }
  .btn-white.dropdown-toggle {
    border-left-color: #ededed;
  }
  .btn-white.btn-icon {
    position: relative;
    padding-right: 39px;
    border: none;
  }
  .btn-white.btn-icon i {
    background-color: #ebebeb;
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
  }
  .btn-white.btn-icon.icon-left {
    padding-right: 12px;
    padding-left: 39px;
  }
  .btn-white.btn-icon.icon-left i {
    float: left;
    right: auto;
    left: 0;
    -webkit-border-radius: 3px 0 0 3px !important;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px !important;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px !important;
    background-clip: padding-box;
  }
  .btn-white.btn-icon.btn-lg {
    padding-right: 55px;
  }
  .btn-white.btn-icon.btn-lg.icon-left {
    padding-right: 16px;
    padding-left: 55px;
  }
  .btn-white.btn-icon.btn-lg i {
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 3px;
  }
  .btn-white.btn-icon.btn-sm {
    padding-right: 36px;
  }
  .btn-white.btn-icon.btn-sm.icon-left {
    padding-right: 10px;
    padding-left: 36px;
  }
  .btn-white.btn-icon.btn-sm i {
    padding: 5px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
  }
  .btn-white.btn-icon.btn-xs {
    padding-right: 32px;
  }
  .btn-white.btn-icon.btn-xs.icon-left {
    padding-right: 10px;
    padding-left: 32px;
  }
  .btn-white.btn-icon.btn-xs i {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px;
  }
  .modal.show {
    display: block;
}
.modal .btn-close.float-end {
    position: absolute;
    right: 6px;
    top: 1px;
    z-index: 1;
    padding: 10px;
    font-size: 25px;
   
}
.modal-content{
  position: relative;
}
.btn-close{
  position: absolute;
  right: 5px;
  top:5px;
  z-index: 1;
  font-size: 22px;
  background-color: #ccc;
}
.card{
  position: relative;     
  display: block;
  overflow: hidden;
}
.card .icon {
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0px;
    bottom: 20px; 
    margin-right: -5px 
  }
  .card .icon i { 
    font-size: 100px;
    line-height: 0;
    margin: 0;
    padding: 0px 0px 40px 0px ;
    vertical-align: top;
  }
  .card .icon i:before {
    margin: 0px;
    padding: 0px;
    line-height: 0;
  }


.dropdown-menu li a {
  font-size: 13px;
}

svg.bi.bi-chevron-down,
.submenu-arrow .fa{
    transition: transform 0.3s ease;
}
.dt-length label{
    padding: 0px 10px;
}

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
  }
  .btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
  }

  .datepicker{
    font-size: 13px;
  }
  

  .fileinput {
    margin-bottom: 9px;
    display: inline-block;
  }
  .fileinput .uneditable-input {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
    cursor: text;
  }
  .fileinput i + .fileinput-filename,
  .fileinput .btn + .fileinput-filename {
    padding-left: 5px;
  }
  .fileinput.fileinput-exists .close {
    opacity: 1;
    color: #dee0e4;
    position: relative;
    top: 3px;
    margin-left: 5px;
  }
  .fileinput .thumbnail {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
  }
  .fileinput .thumbnail[data-trigger="fileinput"] {
    cursor: pointer;
  }
  .fileinput .thumbnail:before,
  .fileinput .thumbnail:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .fileinput .thumbnail:after {
    clear: both;
  }
  .fileinput .thumbnail > img {
    max-height: 100%;
    display: block;
  }
  .fileinput .btn {
    vertical-align: middle;
  }
  .fileinput-exists .fileinput-new,
  .fileinput-new .fileinput-exists {
    display: none;
  }
  .fileinput-inline .fileinput-controls {
    display: inline;
  }
  .fileinput .uneditable-input {
    white-space: normal;
  }
  .fileinput-new .input-group .btn-file {
    border-radius: 0 3px 3px 0;
  }
  .fileinput-new .input-group .btn-file.btn-xs,
  .fileinput-new .input-group .btn-file.btn-sm {
    border-radius: 0 2px 2px 0;
  }
  .fileinput-new .input-group .btn-file.btn-lg {
    border-radius: 0 3px 3px 0;
  }
  .clock-line{
    text-align: center;
    margin:0px auto;   
}.clock-line li{
    display:inline-block;
    padding:0px;
    width: 3.8%;   
}
.clock-line  li:nth-child(n+12):nth-child(-n+23){
      outline: 1px solid #f77e7e;    
}
.clock-line  li:nth-child(n+1):nth-child(-n+11),
.clock-line  li:nth-child(n+24) {
     outline: 1px solid #63f163;
}
.clock-line  li:nth-child(n+12):nth-child(-n+23) span::before{
      content: ' \263d';
}
.clock-line  li:nth-child(n+1):nth-child(-n+11) span::before,
.clock-line  li:nth-child(n+24) span::before{
    content: ' \2699';
}
.input-group.clockpicker{
 width: auto;   
}
.input-group.clockpicker input {
  width: 80px;   
    flex: none;
}
.input-group.clockpicker .class_subject{     
    text-align: center;
    background-color: #ccc;
    color: #000; 
    font-size: 10px;    
}
.glightbox-container .gslider {
  align-items: flex-start;
}



  .tabs-vertical .nav{  
    background: #f5f5f6;  
    border: 1px solid #ebebeb;
    list-style: none !important;
  }
  .tabs-vertical .nav li{
    border-bottom: 1px solid #ebebeb;
      position: relative;
      padding: 10px;
      list-style: none !important;
  }
  
  .tabs-vertical li:hover  {
    background-color: rgba(255, 255, 255, 0.3);
    color: #586376;
  }
  .tabs-vertical li.active  {
    display: block;
    position: relative;
    background-color: #ffffff;
    color: #373e4a;
  }
  .tabs-vertical li.active > a:before {
    content: '';
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0 20px 13px;
    border-color: transparent transparent transparent #ebebeb;
    top: 0;
    right: -1px;
    margin-right: -12px;
    margin-top: -1px;
  }
  .tabs-vertical li.active > a:after {
    content: '';
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 18px 0 18px 12px;
    border-color: transparent transparent transparent #fff;
    top: 2px;
    right: 0;
    margin-right: -12px;
    margin-top: -1px;
  }
  .tabs-vertical + .tab-content {
    
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  
  .tabs-vertical > li.active > a:before,
  .tabs-vertical > li.active > a:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: auto;
  }
  .tabs-vertical  > li.active > a:before {
    left: -13px;
  }
  .tabs-vertical  > li.active > a:after {
    left: -12px;
  }
  .tabs-vertical + .tab-content {
    padding-right: 25px;
    padding-left: 0;
  }
  

.erp-tab.nav-tabs .nav-item.show .nav-link,.erp-tab.nav-tabs .nav-link.active {
    color: #ccc;
    background-color: #0d4871;
    border-color: #06314f;
}
.erp-tab.nav-tabs {   
    border-bottom: var(--bs-nav-tabs-border-width) solid #06314f;
}
.erp-tab .nav-link {   
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: #cae7fb;
    margin: 0.5px;
    position: relative;
    border-color: #7ac3f5;   
}.erp-tab.nav-tabs .nav-link:focus, .erp-tab.nav-tabs .nav-link:hover {  
    background-color: #1876b8;
    color: #ccc;
}
    .table.dataTable,
.table-responsive{
    width: 100% !important;
}
table.datatable th,
table.datatable td{
    color: #6c757d;
    
}



.pull-right{
  float: right;
    margin: -10px 0px 0px 0px;
}


.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;

}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  color: #ffffff;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
#toast-container .toast-success.black,
#toast-container .toast-error.black,
#toast-container .toast-info.black,
#toast-container .toast-warning.black {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #00a651;
}
.toast-error {
  background-color: #cc2424;
}
.toast-info {
  background-color: #21a9e1;
}
.toast-warning {
  background-color: #f89406;
}



.attendance th, .attendance td.month{
  font-size: 12px;
  font-weight: bold;
}.attendance th.years{ 
  text-align: center !important;
}

.attendance td {padding: 5px;position: relative;
border: 1px solid #ccc;
  padding: 5px;
}

.attendance td.present {
  background-color: rgba(44, 252, 48, 0.329);
}
.attendance td.absent  {
  background-color: rgba(255, 2, 2, 0.395);
}.attendance td.holiday {
  background-color: rgba(2, 69, 255, 0.368);
}.attendance td.leave {
  background-color: rgba(255, 221, 2, 0.425);
}
.attendance td.present::before { 
  content: "✓";  
}


.attendance td.absent::before { 
  content: "✘";    
  color: rgb(251,3,3);    
}
.attendance td.present::before, .attendance td.absent::before {    
  display: block;
  position:absolute;    
  left:50%; 
   
  top:20px;
  line-height:0px;
  font-size: 1rem;
  color: rgba(2,89,255,0.80);
}

.attendance td.countall b:first-child{
 color: rgb(16,100,251);
}.attendance td.countall b:last-child{
 color: rgb(251,3,3); 
}
.attendance td.countYearall{
  text-align: right;
  font-weight: bold;   
}   
form .row label{
  text-align: right;
 
}
.floatRightHide{
  
  position: absolute !important;
  top: 78px !important;
  right:20px !important;
}

label[for*="dt-length-"]{
  font-size: 0px;
}label[for*="dt-length-"]:after{
 content: "per page"; 
      font-size: 15px;    
}.dt-layout-cell.dt-end {
  padding-left: 10px;
}
.dt-container .dt-search {
  display:flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 0px;
}
.dt-search label{
  font-size: 0px;
  background-color: #ccc;
  padding: 4px 5px;
  margin: 0px -3px 0px 0px;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  position: relative;
  top:0px;
  
}.dt-search label:after {
  content: "\f002"; 
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  left: 0px;
  top: 5;    
  font-size: 15px;
   
}
.dt-search input{
  border-top-left-radius:0px !important;  
  border-bottom-left-radius:0px !important;
  margin:0px 0px 0px 0px;
}

div.dt-container div.dt-layout-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 0;
}

.navbtn-right{display:flex}
.input-group-text{
  font-size: 0.7rem;
}
.hide{display: none;}
.show{display: block;}
/* Default styles (applies to all screen sizes) */
.hide-mob {
  display: none; /* Hide by default */
}

.show-mob {
  display: inline-block; /* Show by default */
}
.input-group span.select2{
  width: unset !important;
}.small, small{
  font-size: 12px !important;
}   


.class_routine tbody .card{
  margin: 3px;
}.class_routine tbody .card-header{
  padding: 5px 2px;
}
.class_routine tbody .card-body{    
 padding: 3px 2px;
}
.class_routine tbody .card-header,
.class_routine tbody .input-group-text,
.class_routine tbody input{
  font-size: 10px !important;

}
.class_routine tbody .card .fa{
padding-right: 5px  
}


.app-nav .submenu-link:before {
  background-color:unset;   
}

.app-nav li.nav-item{
  border: 1px solid #10517c
  
}

.nav-item.has-submenu.active  .submenu-item.active,
.nav-item.has-submenu.active  .submenu-item.active a.submenu-link.submenu-toggle{
  background-color:  #00355a !important
}
.nav-item.has-submenu.active .submenu-item.active .submenu-item,
.nav-item.has-submenu.active .submenu-item.active .submenu-item a{
  background-color:  #0d4871 !important
}
.nav-item.has-submenu.active .submenu-item.active .submenu-item.active,
.nav-item.has-submenu.active .submenu-item.active .submenu-item.active a{
  background-color:  #1876b8 !important
}

.np-currency::after {
  content: "रु"; 
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #333;     
  pointer-events: none;
  background-color: #f8f9fa;    
  text-align: center;
  line-height: 30px;
  z-index: 12;
  padding: 0px 12px;
  border: 1px solid #dee2e6;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.np-currency {
  position: relative;
  padding-right: 30px;
  box-sizing: border-box;  
 
}
#error-message{
  position: fixed;
  right: 10px;
  top:20px;
  z-index:9999;
}
.toggle.btn[data-toggle="toggle"]{
  min-width: 100px !important;
     min-height: 36px !important;
 }
 .preloader { 
  position: relative;
  width: 100%;   
  padding: 30px;
}
.preloader span{
text-align: center;  
display: block; 
align-items: center; 
position: absolute;  
top: 0;
left: 45%;
z-index: 2; 
  padding: 5px;
}
.preloader i {  
  display: block;
}
/* Media query for larger screens (desktop and tablets) */
@media (min-width: 768px) {
  .hide-mob {
      display: inline-block; /* Show on larger screens */
  }

  .show-mob {
      display: none; /* Hide on larger screens */
  }
}


@media screen and (max-width: 576px) {
label[for*="dt-length-"]{
  display: none;
}   
 
.navbtn-right{
  position: relative;
  right: 10px;
  top: 36px;
  z-index: 1;
  }
  
}
     
@media (max-width:992px){
  .btn-group.printthis label{font-size: 0px}
 .btn-group.printthis .fa{font-size: 12px;} 
}