:root{
    --ct-table-border-color: #d3d3d3 !important;
    --ct-link-color:#0c18b0;
}
body[data-layout-color=dark] {
    --ct-body-color: #FFF !important;
    --ct-table-color: #FFF !important;
    --ct-link-color:#17c6f9 !important;
    --ct-table-accent-bg:red !important;
}
body[data-layout-color=light] table.table-striped.DatalistTable tbody tr:nth-of-type(odd) > *{
    --ct-table-accent-bg : #fdf7f1;
    --ct-body-bg : #f1f3fa;
}
body[data-layout-color=light] table.table-striped.DatalistTable tbody tr.tr-selected:nth-of-type(odd) > *{
    --ct-table-accent-bg : #343a40;
    --ct-body-bg : #f1f3fa;
    color: #fff;
}
body[data-layout-color=light] #add-modal .modal-body{
    background: #eee;
}

body[data-layout-color=light] {
    --ct-body-color: rgba(0, 0, 0, .87) !important;
    --ct-table-color: rgba(0, 0, 0, .90) !important;
    --ct-table-accent-bg:red !important;
}
.mb-20{
	margin-bottom:20px;
}
.mt-20{
    margin-top:20px;
}
.error{
	color: #fa5c7c;
}
.tag.label-info{
	background: #727cf5;
    border-radius: 10px;
    border-radius: 3px;
    padding: 0px 7px 0px 7px;
}
.bootstrap-tagsinput{
	float: left;
    width: 100%;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    padding: 0.45rem 0.9rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.form-wrap.form-builder .stage-wrap{
    min-height: 528px !important;
}
.action-column{
    min-width: 200px !important;
}
.pt-3{
    padding-top: 15px;
}
.pd-10{
    padding: 10px;
}
.cursor-pointer{
    cursor: pointer;
}

@media(max-width:360px){
    .hide-table-td-mobile{
        display: none;
    }
}

@media(max-width:767px){
    .hide-table-td-mobile{
        display: none;
    }
}
.hidden{
    display: none;
}

.value-wrap,.name-wrap,.description-wrap,.className-wrap,.access-wrap,.subtype-wrap,.maxlength-wrap{
    display: none !important;
}
.expand-arrow{
    float: right;
}
.notification-dropdown{
    width: 520px;
}
@media (max-width: 600px){
    .notification-dropdown{
        width: 320px;
    }
}
.notification-dropdown .text-muted.time{
    float: right;
    margin-right: 15px;
}
.ml-25{
    margin-left: 25px;
}
.ml-5{
    margin-left: 5px;
}
.notification-dropdown .notify-item{
    margin: 5px;
}
.user-notification-list .dropdown-item{
    width: 98%;
}

.gradient-border-bottom{
    border-bottom: 5px solid;
    border-image: linear-gradient(to right, #8f75da, #727cf5) 1;
}
.opecity_0{
    opacity: 0;
}
.cpointer{
    cursor: pointer;
}
.inbox-widget{
    cursor: pointer;
    margin-top: 10px;
}
.inbox-widget .inbox-item{
    background-color: #eee;
    padding-left: 10px;
}
.inbox-widget .inbox-item.active{
    background-color: #cdcdcd;
}
table.dt-rowReorder-float{position:absolute !important;opacity:.8;table-layout:fixed;outline:2px solid #888;outline-offset:-2px;z-index:2001}tr.dt-rowReorder-moving{outline:2px solid #555;outline-offset:-2px}body.dt-rowReorder-noOverflow{overflow-x:hidden}table.dataTable td.reorder{text-align:center;cursor:move}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}

.highcharts-credits{
    display: none !important;
}

@media (min-width: 1000px){
    .button-menu-mobile-custom{
/*        display: none;*/
    }
}

.card-body-custom{
    padding: 0 !important;
}
.card-body-custom .dropdown,
.card-body-custom a div.custom-padding-class{
    padding: 1.5rem 1.5rem;
}
.border-dashed a{
    width: 100%;
}
.button-menu-mobile-custom {
    border: none;
    color: #313a46;
    height: 70px;
    line-height: 70px;
    width: 60px;
    background-color: transparent;
    font-size: 24px;
    cursor: pointer;
    float: left;
    z-index: 1;
    position: relative;
    margin-left: -24px;
}
@media (max-width: 767.98px)
{
.button-menu-mobile-custom {
    margin: 0 !important;
}
}

table.DatalistTable{
    width: 99.99% !important;
}
.text-right{
    text-align: right;
}
.service-page .card,
.card iframe{
    background: #FFF;
}
.logo {
    z-index: 1000;
}

table.DatalistTable tr th,
table.DatalistTable tr td {
    font-size: 13.3px !important;
/*    padding: 0.35rem 0.35rem;*/
}
table tbody tr th,
table tr td{
    padding: 4px !important;
}
.auth-fluid {
    background: url(../images/p1.jpg);
    background-size: cover !important;
}
form .mb-2{
    margin-bottom: 0rem !important;
}
table.DatalistTable thead tr:first th, table.DatalistTable thead td {
  padding: 7px 10px !important;
  font-size: 14px !important;
}
.row > *{
    margin-top:0.25 rem !important;
}


.push {
    margin-bottom: 15px !important;
}

.themed-background-info {
    background-color: #5cafde !important;
}
.text-light-op, .text-light-op:hover, a.text-light-op, a.text-light-op:hover, a.text-light-op:focus {
    color: rgba(255, 255, 255, .8) !important;
}
.text-light, .text-light:hover, a.text-light, a.text-light:hover, a.text-light:focus {
    color: #ffffff !important;
}
body[data-layout-color=dark] .text-light {
    color: #FFF !important;
}
body[data-layout-color=dark] .jselect2-search__field,
body[data-layout-color=dark] .form-control:focus{
    border-color: rgba(255,188,0,0.50) !important;
    background: rgba(255,188,0,0.50) !important;
    color: #000;
    font-weight: bold;
}

body[data-layout-color=light] .jselect2-search__field,
body[data-layout-color=light] .ts-wrapper.focus .ts-control,
body[data-layout-color=light] .form-control:focus{
    border-color: rgba(255,188,0,0.50) !important;
    background: rgba(255,188,0,0.50) !important;
    color: #000 !important;
    font-weight: bold;
}


.menubox-content {
    padding: 10px;
}
.menubox-content strong{
    font-size: 18px;
}

b, strong {
    font-weight: 600;
}
a.menubox:hover, a.menubox:focus, a.menubox-content:hover, a.menubox-content:focus {
    text-decoration: none;
    -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 5%);
    box-shadow: 0 3px 5px rgb(0 0 0 / 5%);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.field-status .form-check-input:disabled{
    opacity: 1;
}
.form-check-input:focus{
    border-color: #464f5b !important;
}

.jselect2.jselect2-container {
  width: 100% !important;
}

.jselect2.jselect2-container .jselect2-selection {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 34px;
  margin-bottom: 10px;
  outline: none !important;
  transition: all .15s ease-in-out;
}

.jselect2.jselect2-container .jselect2-selection .jselect2-selection__rendered {
  color: #333;
  line-height: 32px;
  padding-right: 33px;
}

.jselect2.jselect2-container .jselect2-selection .jselect2-selection__arrow {
  background: #f8f8f8;
  border-left: 1px solid #ccc;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  height: 32px;
  width: 33px;
}

.jselect2.jselect2-container.jselect2-container--open .jselect2-selection.jselect2-selection--single {
  background: #f8f8f8;
}

.jselect2.jselect2-container.jselect2-container--open .jselect2-selection.jselect2-selection--single .jselect2-selection__arrow {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}

.jselect2.jselect2-container.jselect2-container--open .jselect2-selection.jselect2-selection--multiple {
  border: 1px solid #34495e;
}

.jselect2.jselect2-container .jselect2-selection--multiple {
  height: auto;
  min-height: 34px;
}

.jselect2.jselect2-container .jselect2-selection--multiple .jselect2-search--inline .jselect2-search__field {
  margin-top: 0;
  height: 32px;
}

.jselect2.jselect2-container .jselect2-selection--multiple .jselect2-selection__rendered {
  display: block;
  padding: 0 4px;
  line-height: 29px;
}

.jselect2.jselect2-container .jselect2-selection--multiple .jselect2-selection__choice {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 4px 4px 0 0;
  padding: 0 6px 0 22px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  position: relative;
}

.jselect2.jselect2-container .jselect2-selection--multiple .jselect2-selection__choice .jselect2-selection__choice__remove {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #e74c3c;
  font-weight: bold;
  font-size: 16px;
}

.jselect2-container .jselect2-dropdown {
  background: transparent;
  border: none;
  margin-top: -5px;
}

.jselect2-container .jselect2-dropdown .jselect2-search {
  padding: 0;
}

.jselect2-container .jselect2-dropdown .jselect2-search input {
  outline: none !important;
  border: 1px solid #34495e !important;
  border-bottom: none !important;
  padding: 4px 6px !important;
}

.jselect2-container .jselect2-dropdown .jselect2-results {
  padding: 0;
}

.jselect2-container .jselect2-dropdown .jselect2-results ul {
  background: #fff;
  border: 1px solid #34495e;
}

.jselect2-container .jselect2-dropdown .jselect2-results ul .jselect2-results__option--highlighted[aria-selected] {
  background-color: #3498db;
}

.font-monospace{
    font-family: 'monospace';
}
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) {
     min-height: unset !important;
}
#menu-modal .card{
    margin-bottom:0px;
    -webkit-box-shadow:unset;
    box-shadow:unset;
}
@media (min-width: 992px)
{
   .modal-lg.modal-more-width{
     max-width: 850px;
    }
}
.capital-input{
    text-transform: uppercase;
}
.lowercase-input{
    text-transform: lowercase;
}

.width80percent{
    width: 80%;
}
.tax-section .add-row{
    float: right;
}
.tax-section .remove-row{
    float: right;
}
.inward-table tbody td{
    padding: 0;
}
.inward-table tbody td input.form-check-input{
    margin-left: -9px;
}
.inward-table tbody td input{
    padding: 0.28rem 0.5rem;
}
.row-select:hover,
.row-select{
  background-color: #aab8c5 !important;
}
@media (min-width: 768px)
{
    .menu-tab .col-md-1{
        width: 10%;
    }
}

.input-error .form-control {
    border-color: #fa5c7c !important;
    padding-right: calc(1.5em + 0.9rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23fa5c7c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fa5c7c' stroke='none'/%3e%3c/svg%3e) !important;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.225rem) center !important;
    background-size: calc(0.75em + 0.45rem) calc(0.75em + 0.45rem) !important;
}
.ts-dropdown, .ts-control, .ts-control input{
    font-size: 14px !important;
}
input.form-control-sm,
.ts-dropdown, .ts-control, .ts-control input,
.typeahead__field .typeahead__hint, .typeahead__field [contenteditable], .typeahead__field input.form-control-sm, .typeahead__field textarea.form-control-sm{
    font-size: 14px;
    font-weight: 400;
    min-height: unset !important;
    padding:0.38rem 0.8rem !important;
}

body[data-layout-color=light] input.form-control-sm,
body[data-layout-color=light] .ts-dropdown,
body[data-layout-color=light] .ts-control,
body[data-layout-color=light] .ts-control input,
body[data-layout-color=light] .typeahead__field .typeahead__hint,
body[data-layout-color=light] .typeahead__field [contenteditable],
body[data-layout-color=light] .typeahead__field input.form-control-sm,
body[data-layout-color=light] .typeahead__field textarea.form-control-sm{
    color: #000;

}


.typeahead__field input{
    border: 1px solid var(--ct-input-border-color) !important;
    border-radius: 0.25rem !important;
}
.btn-less-padding{
    padding: 1px 14px;
}
.upload-file-icon{
    cursor: pointer;
}
.upload-result{
    display: inline-block;
}
.delete-upload-file{
    cursor: pointer;
    color: #d54e69;
}

.class-issue td{
    background: #f7c6c6 !important;
    color: #313a46 !important;
}
.class-receipt td{
    background: #bae1c2 !important;
    color: #313a46 !important;
}
.ledger-entry-table tr td{
    padding: 1px !important;
}
.twitter-typeahead{
    display: inline-block !important;
    width: 82% !important;
}
.search-customer{
    width: 100% !important;
}
.number-decimal-negetive,
.number-no-decimal,
.number-decimal{
    text-align: right;
}
.text-bold{
    font-weight: bold;
}
@media print {
  .print-hide,
  .btn {
    display: none;
  }
  body{
    background: #000 !important;
  }
  .card{
    box-shadow: none !important;
  }
}
.ledger-table tbody td{
    padding : 3px !important;
    vertical-align: unset;

}
.table.table-colored thead tr:first-child:active,
.table.table-colored thead tr:first-child:hover,
.table.table-colored thead tr:first-child{
    background: #39afd1 !important;
    color: #FFF !important;
}

.table.table-colored-yellow thead tr:first-child:active,
.table.table-colored-yellow thead tr:first-child:hover,
.table.table-colored-yellow thead tr:first-child{
    background: #ffbc00 !important;
    color: #FFF !important;
}

.table.table-colored-red thead tr:first-child:active,
.table.table-colored-red thead tr:first-child:hover,
.table.table-colored-red thead tr:first-child{
    background: #fa5c7c !important;
    color: #FFF !important;
}

.table.table-colored-blue thead tr:first-child:active,
.table.table-colored-blue thead tr:first-child:hover,
.table.table-colored-blue thead tr:first-child{
    background: #3071E6 !important;
    color: #FFF !important;
}

.table.table-colored-gray thead tr:first-child:active,
.table.table-colored-gray thead tr:first-child:hover,
.table.table-colored-gray thead tr:first-child{
    background: #f0f0f0 !important;
    color: #b14547 !important;
}

.table.table-colored-green thead tr:first-child:active,
.table.table-colored-green thead tr:first-child:hover,
.table.table-colored-green thead tr:first-child{
    background: #2D804B !important;
    color: #FFF !important;
}

.table.table-colored-purple thead tr:first-child:active,
.table.table-colored-purple thead tr:first-child:hover,
.table.table-colored-purple thead tr:first-child{
    background: #4D2C6D !important;
    color: #FFF !important;
}

.table.table-colored-green2 thead tr:first-child:active,
.table.table-colored-green2 thead tr:first-child:hover,
.table.table-colored-green2 thead tr:first-child{
    background: #2c6d68 !important;
    color: #FFF !important;
}

.table.table-colored-green3 thead tr:first-child:active,
.table.table-colored-green3 thead tr:first-child:hover,
.table.table-colored-green3 thead tr:first-child{
    background: #6FD7C6 !important;
    color: #FFF !important;
}

.golde-avi, .golde-bmp, .golde-css, .golde-doc, .golde-docx,
.golde-eml, .golde-eps, .golde-file, .golde-fla, .golde-gif,
.golde-html, .golde-ind, .golde-ini, .golde-jpeg, .golde-jsf,
.golde-midi, .golde-mov, .golde-mp3, .golde-mpeg, .golde-pdf
{ max-width: 100%; background-size: 100%; background-image: url('/../images/g1.png'); }

.golde-avi { background-position: 0 0%; background-size: 100%; }
.golde-bmp { background-position: 0 5.263158%; background-size: 100%; }
.golde-css { background-position: 0 10.526316%; background-size: 100%; }
.golde-doc { background-position: 0 15.789474%; background-size: 100%; }
.golde-docx { background-position: 0 21.052632%; background-size: 100%; }
.golde-eml { background-position: 0 26.315789%; background-size: 100%; }
.golde-eps { background-position: 0 31.578947%; background-size: 100%; }
.golde-file { background-position: 0 36.842105%; background-size: 100%; }
.golde-fla { background-position: 0 42.105263%; background-size: 100%; }
.golde-gif { background-position: 0 47.368421%; background-size: 100%; }
.golde-html { background-position: 0 52.631579%; background-size: 100%; }
.golde-ind { background-position: 0 57.894737%; background-size: 100%; }
.golde-ini { background-position: 0 63.157895%; background-size: 100%; }
.golde-jpeg { background-position: 0 68.421053%; background-size: 100%; }
.golde-jsf { background-position: 0 73.684211%; background-size: 100%; }
.golde-midi { background-position: 0 78.947368%; background-size: 100%; }
.golde-mov { background-position: 0 84.210526%; background-size: 100%; }
.golde-mp3 { background-position: 0 89.473684%; background-size: 100%; }
.golde-mpeg { background-position: 0 94.736842%; background-size: 100%; }
.golde-pdf { background-position: 0 100%; background-size: 100%; }


.golde-png, .golde-pptx, .golde-proj, .golde-psd, .golde-pst,
.golde-pub, .golde-rar, .golde-settings, .golde-tiff, .golde-txt,
.golde-url, .golde-vsd, .golde-wav, .golde-wma, .golde-wmv,
.golde-xlsx, .golde-zip
{ max-width: 100%; background-size: 100%; background-image: url('/../images/g2.png'); }

.golde-png { background-position: 0 0%; background-size: 100%; }
.golde-pptx { background-position: 0 6.25%; background-size: 100%; }
.golde-proj { background-position: 0 12.5%; background-size: 100%; }
.golde-psd { background-position: 0 18.75%; background-size: 100%; }
.golde-pst { background-position: 0 25%; background-size: 100%; }
.golde-pub { background-position: 0 31.25%; background-size: 100%; }
.golde-rar { background-position: 0 37.5%; background-size: 100%; }
.golde-settings { background-position: 0 43.75%; background-size: 100%; }
.golde-tiff { background-position: 0 50%; background-size: 100%; }
.golde-txt { background-position: 0 56.25%; background-size: 100%; }
.golde-url { background-position: 0 62.5%; background-size: 100%; }
.golde-vsd { background-position: 0 68.75%; background-size: 100%; }
.golde-wav { background-position: 0 75%; background-size: 100%; }
.golde-wma { background-position: 0 81.25%; background-size: 100%; }
.golde-wmv { background-position: 0 87.5%; background-size: 100%; }
.golde-xlsx { background-position: 0 93.75%; background-size: 100%; }
.golde-zip { background-position: 0 100%; background-size: 100%; }

.file-card .delete-file{
    position: relative;
    right: 5px;
    top: 0;
}

.ml-1{
    margin-left: 5px;
}
.ml-2{
    margin-left: 10px;
}
.ml-3{
    margin-left: 15px;
}

.mr-1{
    margin-right: 5px;
}
.mr-2{
    margin-right: 10px;
}
.mr-3{
    margin-right: 15px;
}
.content-page{
    padding: 70px 12px 10px;
}
.text-center .form-check-input{
    float:none;
}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.ifram .content-page{
    padding: 2px 2px 2px !important;
}
ifram .content-page {
    padding: 10px 10px 10px;
}
.mdi-24px.mdi-set, .mdi-24px.mdi:before {
    line-height: 24px;
}
.mdi-28px.mdi-set, .mdi-28px.mdi:before {
    line-height: 28px;
    font-size: 28px;
}
.back-link a{
    color : red !important;
}
.back-link a .noti-icon{
    font-size: 28px !important;
}

@media (min-width: 992px) {
    .auth-brand {
        position: unset;
    }
}
.fs-15{
    font-size: 15px;
}
.fs-13{
    font-size: 13px;
}
.opened-tab li{
    padding-top: 15px;
    padding-right: 5px;
}
body[data-layout=full].hide-menu .content-page .navbar-custom {
/*    left: 27px !important;*/
}
.leftside-menu{
    padding-top: 120px;
}

@media (min-width: 992px) {
    .col-lg-2-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
    }
    .custom-col-10{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 10%;
    }
    .custom-col-8{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
    }
}


.form-horizontal .form_input_div{
    margin-bottom: 5px;
}
.width30percent{
    max-width: 30% !important;
}
.width50percent{
    max-width: 50% !important;
}
.width60percent{
    max-width: 60% !important;
}
.width70percent{
    max-width: 70% !important;
}
.width80percent{
    max-width: 80% !important;
}
.width90percent{
    max-width: 90% !important;
}
.width95percent{
    max-width: 95% !important;
}
.modal-header{
    padding: 0.5rem 1rem !important;
}
.ts-wrapper{
    padding: 0 !important;
    border: none;
}
.account-model-custom .fixheight{
    height: 325px !important;
}
.account-model-custom .less-margin{
    margin-top: -25px;
}
.account-model-custom .card-header{
    padding: 0.30rem 1.5rem !important;
    background-color: #edcfa3  !important;
}
#add-account-modal label{
    max-width: 110px !important;
}


.uploaded-files .icon-div{
    float: left;
    width: 45px;
}

/* Force-hide seconds column from Bootstrap timepicker UI */
.bootstrap-timepicker-widget table td:nth-child(4),
.bootstrap-timepicker-widget table td:nth-child(4) span {
    display: none !important;
}

/* Optional: hide colon between minute and second */
.bootstrap-timepicker-widget table td.separator:nth-child(4) {
    display: none !important;
}

.lable-and-button{
    padding: 0.5rem 1.5rem !important;
}

/* Limit autocomplete dropdown height and add scroll */
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ccc;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

#detail-modal .ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.table-voucher thead tr th,
.table-voucher tfoot tr th {
    padding: 8px 10px;
}

.btn-xs {
    padding: 0.10rem 0.6rem;
    font-size: 0.875rem;
    border-radius: 0.15rem;
}
table.font20 thead th,
table.font20 tr td,
table.font20 td input{
    font-size: 22px !important;
}

.voucher-section .card-body.custom_card_body {
    height: 450px;
    overflow-y: auto;
}

.voucher-section.hidden-account .card-body.custom_card_body {
    min-height: 450px;
    height: auto;
    overflow-y: auto;
}

.voucher-section .card-body table thead.custom_thead {
    position: sticky;
    top: -25px;
    z-index: 99;
    background-color: #fff;
}

.custom_fixed_table{
    padding: 0.5rem 1.5rem !important;
}
.ts-dropdown{
    z-index: 999 !important;
}
.pl10{
    padding-left: 10px !important;
}
.column-selected{
    background-color: #2a617d !important;
    color: #ffffff !important;
}
.ui-timepicker-wrapper {
    max-height: 200px;
    width: 250px;
    font-size: 18px;
}
.sub-bg {
    background-color: #e8e8e8;
}
.required:after {
    content:" *" !important;
    color: red !important;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after{
    content: none !important;
    display: none !important;
}

table.DatalistTable thead th:has(input) {
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

.width400{
    width: 400px !important;
}
.width50{
    width: 50px !important;
    min-width: 50 !important;
    max-width: 50 !important;
}
.width80{
    width: 80px !important;
}
.width100{
    width: 100px !important;
    min-width: 100 !important;
    max-width: 100 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.width130{
    width: 130px !important;
    min-width: 130 !important;
    max-width: 130 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.width150{
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.width280{
    width: 280px !important;
}
.width300{
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.file-icon-label {
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
}
.file-icon-label i {
    font-size: 20px;
    color: #555;
}
.file-input {
    display: none;
}
body[data-layout-color=light] table.table-striped.DatalistTable tbody tr.table_row_danger > td{
    --ct-table-accent-bg: transparent !important;
    --ct-body-bg: transparent !important;
}
table.dataTable.table-striped > tbody > tr.table_row_danger,
.table_row_danger{
    background: #fda9a9 !important;
    color: black;
}
#preloader {
    background-color: #f1f3fa3b !important;
}
#global-search-table  span.highlight
{
    background-color: #fff372 !important;
    font-weight: bold;
}
tfoot .bg-success{
    background: #0acf97 !important;
}

table.table-voucher th,
table.table-voucher td {
  border: 1px solid #ccc;
  padding: 0;
}
table.table-voucher input:not([type="checkbox"]) {
  width: 100%;
  height: 100%;
  border: none;
  padding: 8px;
  box-sizing: border-box;
  font-size: 14px;
  font-family: inherit;
  background-color: transparent;
}
table.table-voucher input:focus {
  outline: 2px solid #4a90e2;
  background-color: #e6f0ff;
}
table.table-voucher th {
  background-color: #f0f0f0;
  font-weight: bold;
}

.ts-wrapper.is-invalid .ts-control {
    border: 1px solid #dc3545;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
table.table-striped.DatalistTable tfoot tr th{
    font-size: 15px !important;
}
.sub-item-row {
    background-color: #f1f1f1 !important; /* Light grey background */
}
.dataTables_scrollBody{
    min-height: 600px !important;
}

.row-bg-red {
    background-color: #ffc3cf !important;
}
.row-bg-green {
    background-color: #b0efdd !important;
}
.row-bg-yellow {
    background-color: #fbe4a5 !important;
}
.row-bg-blue {
    background-color: #abafe7 !important;
}
.row-bg-grey {
    background-color: #dbd3d3 !important;
}

#comments-list {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid gray;
    padding: 5px;
    border-radius: 5px;
}

.suggestion-box {
  position: absolute;
  background: #fff;
  width: 90%;
  border: 1px solid #ccc;
  z-index: 9999;
  display: none;
  max-height: 180px;
  overflow-y: auto;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}
.suggestion-box .suggest-item {
  padding: 6px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.suggestion-box .suggest-item:hover {
  background: #f2f2f2;
}