@font-face {
    font-family: 'Inter';
    src: url('font/Inter/InterVariable.ttf');
  
}
@font-face {
    font-family: 'Inter';
    src: url('font/Inter/InterVariable.ttf');
    font-weight:700;
  
}





body{
    font-family:'Inter',Segoe UI, Arial, sans-serif;
}
a.header {
    text-decoration: none;
    background-color: transparent;
    color: #3955A5 !important;
}

a.header_black {
    color: #3c4b64 !important;
    transition: all 0.1s ease !important;
}

a.header_black:hover{
    color: #3955A5 !important;
}


.ck-editor__editable,
textarea {
    min-height: 150px;
}

.datatable {
    width: 100% !important;
}

thead th, thead td{
    color: #4f5d73 !important;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
    margin-bottom: 0.2em;
    margin-top: 0.6rem;
}

.dataTables_filter {
    margin-right: .2rem;
}

.dt-buttons .btn {
    margin-left: 0.333em;
    border-radius: 0;
}

.table.datatable {
    box-sizing: border-box;
    border-collapse: collapse;
}

table.dataTable thead th {
    border-bottom: 2px solid #c8ced3;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #c8ced3;
}

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

.select2-selection__rendered {
    padding-bottom: 0px !important;
}
.select2 option{
    margin-left:10px;
}
.has-error .invalid-feedback {
    display: block !important;
}

.btn-info,
.badge-info {
    color: white;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

.sidebar .nav-item {
    cursor: pointer;
}

.btn-default {
    color: #23282c;
    background-color: #f0f3f5;
    border-color: #f0f3f5;
}


.btn-default.focus,
.btn-default:focus {
    box-shadow: 0 0 0 .2rem rgba(209, 213, 215, .5);
}

.btn-default:hover {
    color: #23282c;
    background-color: #d9e1e6;
    border-color: #d1dbe1;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.searchable-title {
    font-weight: bold;
}
.searchable-fields {
    padding-left:5px;
}
.searchable-link {
    padding:0 5px 0 5px;
}
.searchable-link:hover   {
    cursor: pointer;
    background: #eaeaea;
}
.select2-results__option {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group .required::after {
    content: " *";
    color: red;
}

.form-check.is-invalid ~ .invalid-feedback {
    display: block;
}

.c-sidebar-brand .c-sidebar-brand-full:hover {
    color: inherit;
}

.c-header .row{
    width:100%;
}

.c-header-nav{
    min-height:0px !important;
}

.dropzone{
	border: 2px dashed rgba(0,0,0,0.3) !important;
}

.c-main > .container-fluid, .c-main > .container-lg, .c-main > .container-md, .c-main > .container-sm, .c-main > .container-xl{
    padding-right:15px !important;
    padding-left:15px !important;
}
.c-main {
    padding-top: 1rem;
}
.card img{
    border-radius:5px;
}
.card-header{
    font-size:24px;
    letter-spacing:0px;
}

.card-header a, .card-header button, .card-header .text-right{
    font-size:16px;
    letter-spacing:-0.2px;
}

.card-header .form-group{
    text-align:left;
}

table.datatable{
    font-size:12px !important;
}

.list .dt-buttons{
    display:none;
}

.clr {
    background-color: #00cccc;
    color: white !important;
}
div.dt-buttons {
    padding-left: 20px;
    float: right;
}
table tr { /* FOR PRINTING */
    display: table-row; /* Here*/
}

table thead tr { /* Override for the above - need to fix */
    display: table-row; /* Here*/
}

.card .card{
    border:none;
}

table.doc td{
    border-color:#FFF !important;
}
.print-only {
    display:none;
}
table.dataTable > tbody > tr.child ul.dtr-details  {

    width: 100%;
    float: left;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom: 1px solid #efefef;
    padding: 0px 0;
    width: 100%;
    float: left;
}


input.search{
    width:80px;
}

input.search.lg{
    width:200px !important;
}

table.dataTable > tbody > tr.child span.dtr-title {
    display: inline-block;
    font-weight: bold;
    min-width: 150px;
  }



@media only screen and (max-width: 480px) {
    .dt-buttons{
      display:none;
    }
    .card-header .btn-warning{
        display:none;
    }
    .card-header{
        font-size:18px;
        font-weight:bold
    }
    .card-header .col-md-6{ 
        width:50%! important; 
    }

    table.dataTable > tbody > tr.child ul.dtr-details > li {
        width: 100%;
        float: left;
    }
   
}

@media only screen and (max-width: 768px) {
    .nav-tabs-boxed.nav-tabs-boxed-left, .nav-tabs-boxed.nav-tabs-boxed-right {
        display: block !important;
    }

    table.dataTable > tbody > tr.child ul.dtr-details > li {
        width: 50%;
        float: left;
    }

}

@page { size: auto;  margin: 0mm; }
.datatable.table-small {
    font-size: 11px !important;
}
.table-small h1,.table-small h2,.table-small h3{
    font-size:20px !important;
    text-align: center;
}

@media only print{
    *{
        letter-spacing: 0px;
        font-family:Arial;
        text-decoration:none;
    }
    .dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate  {
      display:none;
    }
    .card{
        border:none !important;
    }
    h1,h2,h3{
        font-size:20px !important;
        text-align: center;
    }
    .c-sidebar{
        display:none;
    }
    .c-wrapper{
        margin-left:0px !important;
    }
    .text-center{
        text-align:center !important;
    }
    .btn {
        display:none;
    }
    .print-only {
        display:block;
    }
    th,td{
        display:table-cell;
    }
    footer {page-break-after: always;}
    .dt-print-view{
        padding:0pt 12pt !important;
    }
    .datatable.table-small td:first-child
    {
        width: 100px;
    }

    .datatable.table-small td:nth-child(8){
        width: 60px;
    }

    .datatable.table-small td{
        text-align:right;
    }

    .datatable.table-small td.text-left{
        text-align:left;
    }

    table tfoot {
        display: table-row-group;
        text-align:right;
    }


    .datatable.table-small {
        font-size: 9px !important;
        line-height: 16px !important;
        width:99.9% !important;
    }
    tbody th, table.datatable.table-small tbody td {
        padding: 2px 6px !important;
    }
    table.dataTable thead th, table.datatable.table-small thead td {
        padding: 6px 6px !important;
    }
}


embed.pdfobject{
    min-height:750px;
}

a.btn-success{
    color:#FFF !important;
}

#pdf-viewer .info{
    padding:50px;
    text-align:center;
    color:#bbc1c8;
    background:#eff3f7;
}

#pdf-viewer i{
    font-size:48px;
}


#clock {
    width: 100%;
    background-color:none;
    margin-bottom:10px;
    color: #303C54;
    text-align: right;
}
#clock p {
    font-size:12px;
    margin:0px 0 5px 0;
 }

#clock h2 {
   font-size:14px;
   margin:0px;
}
#clock h3 {
    font-size:16px;
    font-weight:bold;
    margin:-20px 0px;
 }

 .nav-tabs-boxed .tab-content {
    color: #3C4B64;
}

.nav-tabs-boxed-left ul li{
    width:100%;
     
}
.b-none{
    border:none !important;
}

.bl-2{
    border-left: 1px solid #CCC;
}

.nav-tabs-boxed-left .nav {
    display: table !important;

}

a h2{
    color:#0D86FF !important;
    text-decoration:none;
}
a{
    text-decoration:none !important;
}
table.mid p{
    font-size:16px;
    margin-bottom:0;
}

.mid{
    line-height: 2.0 !important;
}
 
.text-value{
    font-size:1.25rem;
}

.nav-tabs .nav-link {
    background: rgba(255,255,255,0.2);
}

h2 span.sub{
    color:#CCC;
}
.h2, h2 {
    font-size: 1.5rem;
}
.card-header .btn, .card-footer .btn {

    padding: .375rem 1.75rem;
    border-radius: 10.25rem;
}

.btn-warning{
    background:#EEE;
    border:1px solid #EEE;
}

.btn-warning:hover,.btn-warning:active,.btn-warning:focus,.btn-warning.focus{
    background:#DDD;
    border:1px solid #DDD;
    box-shadow: 0 0 0 0.2rem rgba(224, 224, 224, 0.5);
}

.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
    background:#CCC;
    border:1px solid #CCC;
    box-shadow: 0 0 0 0.2rem rgba(224, 224, 224, 0.5);
}

div.dataTables_wrapper div.dataTables_processing {

    z-index: 999;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 470px !important;
    overflow-y: auto;
}

table.table-form{
    border-radius:10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}



.table tr{
    border-top:1px solid #d8dbe0;
}

.table td{
    vertical-align:middle;
}

.c-sidebar {

    background:#0F1724;
}

.c-sidebar-nav-dropdown-items .c-sidebar-nav-dropdown-toggle, html:not([dir="rtl"]) .c-sidebar-nav-dropdown-items .c-sidebar-nav-link {
    padding-left: 85px;
  }


.progress-bar {
    min-width:2% !important;
    transition: width 3s ease !important;

}

@media (min-width:1600px) {
    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

table.dataTable  thead th,
table.dataTable  thead td {
  padding: 5px 9px;
  
  font-size:14px !important;
}
table.dataTable  tfoot th,
table.dataTable  tfoot td {
  padding: 5px 9px 3px 9px;
  
  font-size:14px !important;
}
table.dataTable  tbody th,
table.dataTable  tbody td {
  padding: 4px 5px;
  font-size:14px !important;
}


.dataTables_wrapper .dataTables_scroll {
    clear: both;
    min-height: 500px;
  }



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {

    font-size: 16px;
    min-width: 110px;
    text-align: center;
  
  }
.min-w-150{
    min-width:150px;
}
.min-w-120{
    min-width:120px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    font-weight: bold;
    font-size: 16px;
    color:#000!important;
  }

  .dropdown-menu.show{
    min-width: 220px !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
    margin-left: -30px;
  }

  .card-header .form-group .-mt-15{
     margin-top:-15px;
     margin-bottom:-20px;
  }

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

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

  .mb-05{
    margin-bottom: 5px;
  }

  select{
      color:#000 !important;
  }



  .text-lg{
    font-size:20px  !important;
    }
  
  .text-md{
    font-size:16px  !important;
    line-height:16px ;
  }

  .text-sm{
    font-size:14px  !important;
    line-height:16px;
  }

  .lh-24{
      line-height:24px;
  }

#clock h2{
    color: #000 !important;
}

.help-block{
    color:#999;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #DDD !important;
  }

  table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 5px 6px 18px;
    border-top: 1px solid #DDD !important;
    font-weight: bold !important;
  }

  .dataTables_scrollHeadInner{
      width:100% !important
  }

.font-bold{
      font-weight:bold;
  }


  .card-header {
    padding: 0.3rem 1.25rem !important;
    line-height: 3rem ;
  }

  .card-header p{
    margin-bottom: 0.7rem !important;
  }

  .compact {
    line-height: 2rem !important;
  }

 .pt-0{
      padding-top:0px !important;
  }

  .py-8{
      padding:60px;
  }


  .d-none-soft{
    display: none;
  }

  .invoice{
    color: #000;
    font-weight: bold;
    font-size: 18px;
  }

  .-mt-4{
      margin-top:-30px;
  }

  .-ml-4{
    margin-left:-30px;
  }

  .mr-4{
    margin-right:30px;
  }

  .mb-0{
    margin-bottom:0px !important;
  }

  .mb-4{
      margin-bottom: 30px;
  }


  .z-10{
      position:relative;
      z-index:100;
  }

  .product_select.form-control {
        display:none;
  }

  .font-normal{
      font-weight:normal !important;
  }

  .product_select:last-of-type {
        display:block;
  }

  .lh-35{
    line-height: 35px !important;
  }

  table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #DEF !important
  }

  .pdfViewer .page {
    background: #DDD !important;
  }

  #outerContainer {
    background: #DDD !important;
  }

  .modal-lg, .modal-xl {
    max-width: 1055px !important;
  }


  .rounded-full{
      border-radius:50px !important;
      padding:0.5rem 2rem;
  }

  .table-remove-btn{
        cursor:pointer;
        font-size: 26px;
        line-height: 26px;
        color:#999;
  }


  /*---READ MORE---*/
  
.read-more-state {
    display: none;
  }
  
  .read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .25s ease;
  }
  
  .read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
  }
  
  .read-more-state ~ .read-more-trigger:before {
    content: 'Show more';
  }
  
  .read-more-state:checked ~ .read-more-trigger:before {
    content: 'Show less';
  }
  
  .read-more-trigger {
    cursor: pointer;
    display: inline-block;
    padding: 0 .5em;
    color: #666;
    font-size: .9em;
    line-height: 2;
    border: 1px solid #ddd;
    border-radius: .25em;
  }

  label{
    position:relative;
    margin-bottom:0px;
}

.red{
    color:red;
    font-weight:bold;
}

.orange{
    color:chocolate;
    font-weight:bold;
}

.blue{
    color:blue;
    font-weight:bold;
}

.green{
    color:green;
    font-weight:bold;
}

.black{
    color:#000;
    font-weight:bold;
}

.bold {
    font-weight:bold;
    color:#000;
  }
  

.fc-event {
    position: relative !important;
    margin-right:0 !important;
    z-index: 1;
    inset: 0 !important;
    margin-top:5px!important;
    background-color: green !important;
    border: none !important;
    padding:3px !important
  }

  .bg-grey{
      background:#e0e2e5 !important;

  }

  .bg-grey .table-small{
    background:#FFF !important;
    
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.3em !important;
    display: block;
    opacity: 0.3;
}

.alert-dismissible .btn-close {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}

.btn-close {
    --cui-btn-close-color: #080a0c;
    --cui-btn-close-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23080a0c'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e);
    --cui-btn-close-opacity: 0.5;
    --cui-btn-close-hover-opacity: 0.75;
    --cui-btn-close-focus-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
    --cui-btn-close-focus-opacity: 1;
    --cui-btn-close-disabled-opacity: 0.25;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--cui-btn-close-color);
    background: transparent var(--cui-btn-close-bg) center / 1em auto no-repeat;
    filter: var(--cui-btn-close-filter);
    border: 0;
    border-radius: .375rem;
    opacity: var(--cui-btn-close-opacity);
}