.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.inline-input-150 input{
    width: 150px !important;
}
.inline-input-150 .mx-datepicker {
    width: 150px !important;
}
.mx-input {
    height: calc(1.5em + 0.75rem - 1.47px);
    border: 1px solid #ced4da;
}
.border-danger .mx-input {
    border: 1px solid rgba(230,107,93,1) !important;
}
.mx-datepicker-sm .mx-input {
    height: calc(1.5em + 0.75rem - 2px);
}
.mx-datepicker {
    width: 100%;
}
.mx-datepicker-sm .mx-input::placeholder{
    font-size: 0.9em;
}
.mx-input:disabled, .mx-input.disabled {
    background-color: #e9ecef !important;
    color: #555 !important;
}
.table td, .table th {
    padding: 0.5rem !important;
}
.table td.td-input{
    padding-left: 0rem !important;
}
.main-prog {
    background-color: #ffffff !important;
    box-shadow: rgb(0 0 0 / 8%) 0px 3px 3px 0px;
    border-radius: 20px;
    min-height: 96vh;
}
.btn-group-xs .btn, .btn-xs {
    padding: 0.25em 0.5em !important;
    font-size: .775em !important;
    line-height: 1.3 !important;
    border-radius: 0.2em !important;
}
.btn-xs-icon {
    min-width: 10px !important;
    min-height: 14px !important;
}
.type-payment {
    max-width: 90px;
    height: 20px;
    align-content: start;
    padding: 3px;
    background-color: rgb(0, 184, 203);
    background-blend-mode: auto;
    border-radius: 16px;
    font-size: .675em
}
.type-received {
    max-width: 90px;
    height: 20px;
    align-content: start;
    padding: 3px;
    background-color: rgb(230, 107, 93);
    background-blend-mode: auto;
    border-radius: 16px;
    font-size: .675em
}
.col-header {
    border-radius: 20px 20px 0 0;
}
.text-header {
    font-size: 1.6em !important;
}
.font-size-10 {
    font-size: 10px !important;
}
.font-size-12 {
    font-size: 12px !important;
}
.font-size-14 {
    font-size: 14px !important;
}
.font-size-16 {
    font-size: 16px !important;
}
.font-size-20 {
    font-size: 20px !important;
}
.z-1000 {
    z-index: 1000;
}
.hover {
    background-color: #007bff !important;
    color: #fff !important;
}
.input-border-danger {
    border: 1px solid rgba(230,107,93,1) !important;
}
.form-control-custom {
    height: calc(1.9rem) !important;
}
.fade-enter-active, .fade-leave-active {
    transition: opacity .5s !important;
}
.fade-enter, .fade-leave-to{  
    opacity: 0 !important;
}

.page-link {
    color: rgb(0, 184, 203) !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: rgb(0, 184, 203) !important;
    border-color: rgb(0, 184, 203) !important;
}

#sidebar a, #sidebar a:hover, #sidebar a:focus {
    color: inherit !important;
    text-decoration: none !important;
    transition: all 0.3s !important;
}

#sidebar {
    background-color: rgb(0, 184, 203) !important;
    box-shadow: rgba(221, 198, 198, 0.08) 0px 3px 3px 0px !important;
    border-radius: 20px !important;
    min-height: 96vh !important;
    min-width: 180px !important;
    max-width: 180px !important;
    color: #fff !important;
    transition: all 0.1s !important;
    padding: 10px !important;
}

#sidebar .sidebar-header {
    padding: 10px !important;
    background: rgb(0, 184, 203) !important;
    border-bottom: 1px solid #fff !important;
}

#sidebar .sidebar-header2 {
    padding: 10px !important;
    background: rgb(0, 184, 203) !important;
    border-bottom: 1px solid #fff !important;
}

#sidebar .sidebar-header2 ul ul a {
    font-size: 0.9em  !important;
    padding-left: 30px  !important;
    background: #fff !important;
}

#sidebar ul.components {
    padding: 10px 0 !important;
    border-bottom: 1px solid #fff !important;
}

#sidebar ul p {
    color: #fff !important;
    padding: 10px !important;
}

#sidebar ul li a {
    padding: 5px 10px !important;
    font-size: 1.1em !important;
    display: block !important;
}

#sidebar ul li a:hover {
    color: rgb(0, 184, 203) !important;
    background: #fff !important;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff !important;
    background: rgb(0, 184, 203) !important;
}
#sidebar ul ul a {
    font-size: 0.9em  !important;
    padding-left: 30px  !important;
    background: rgb(0, 184, 203) !important;
}

#sidebar.active {
    min-width: 80px  !important;
    max-width: 80px  !important;
    text-align: center  !important;
}

#sidebar.active .sidebar-header {
    font-size: 3rem !important;
}

#sidebar ul li a {
    text-align: left  !important;
}

#sidebar.active ul li a {
    text-align: center  !important;
    font-size: 0.85em  !important;
}

#sidebar.active ul li span {
    display: none  !important;
}

#sidebar.active ul li a i {
    margin-right:  0  !important;
    display: block  !important;
    font-size: 1.8em  !important;
    margin-bottom: 5px  !important;
}

#sidebar.active ul ul a {
    padding: 10px  !important;
}

#sidebar .dropdown-toggle::after {
    top: auto  !important;
    bottom: 10px  !important;
    right: 50%  !important;
    -webkit-transform: translateX(50%)  !important;
    -ms-transform: translateX(50%)  !important;
    transform: translateX(50%)  !important;
}

#sidebar.active .dropdown-toggle::after {
    display: none  !important;
}

.icon-flag {
    width: 25px;
}
.table-active, .table-active td, .table-active th {
    background-color: #bee5eb !important;
}
.ul-nobullet li{
    list-style-type: none;
}
.vs__dropdown-toggle {
    border: 1px solid #ced4da !important;
}
.vs__search-sm {
    height: calc(1.5em + 0.5rem - 8px) !important;
    padding: 0.25rem 0.5rem !important;
    font-size: .875rem !important;
}
.vs__selected-options {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.modal-body {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
.w-datepicker{
    max-width:130px !important;
    min-width:130px !important;
}
.w-exrate{
    max-width:130px !important;
    min-width:130px !important;
}
.w-amount{
    max-width:160px !important;
    min-width:160px !important;
    width:160px !important;
}
.w-vat{
    max-width:140px !important;
    min-width:140px !important;
}
.w-percent{
    max-width:130px !important;
    min-width:120px !important;
}
.w-partner{
    max-width:365px !important;
    min-width:365px !important;
}
.w-currency{
    max-width:100px !important;
    min-width:100px !important;
    width:100px !important;
}
.w-btngroups{
    max-width:110px !important;
    min-width:110px !important;
}
.w-class-percent{
    max-width:40px !important;
    min-width:40px !important;
}
.w-taxtype{
    max-width:120px !important;
    min-width:120px !important;
}
.w-claimtype{
    max-width:120px !important;
    min-width:120px !important;
}
.w-day{
    max-width:60px !important;
    min-width:60px !important;
}
.select2 {
    max-width:100% !important;
    min-width:100% !important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    line-height: calc(1.5em) !important;
    color:#CCD1D1 !important;
}
.select2-md .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + 1rem);
}
.select2-md .select2-container--bootstrap4 .select2-selection--single {
    height: calc(1.5em + 0.75rem + 6px) !important;
}
.select2-md .select2-container--bootstrap4 .select2-selection__clear {
    color: #212529 !important;
    margin-right: 1.5em !important;
    line-height: 1em !important;
}
.select2-sm .select2-container--bootstrap4 .select2-selection--single {
    height: calc(1.5em + 0.75rem - 2px) !important;
}
.select2-sm .select2-container--bootstrap4 .select2-selection__rendered {
    font-size: 14px !important;
    padding-left: 0.75rem !important;
    line-height: calc(1.5em + .4rem) !important;
    color: #495057 !important;
}
.select2-sm .select2-container--bootstrap4 .select2-selection__clear {
    color: #212529 !important;
    margin-right: 1.5em !important;
    line-height: .1em !important;
}
.select2-xs .select2-container--bootstrap4 .select2-selection--single {
    height: calc(1.5em + 0.75rem - 4px) !important;
}
.select2-xs .select2-container--bootstrap4 .select2-selection__rendered {
    font-size: 12px !important;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
    line-height: calc(1.5em + .4rem) !important;
    color: #495057 !important;
}
.select2-xs .select2-container--bootstrap4 .select2-selection__clear {
    color: #212529 !important;
    margin-right: 1.5em !important;
    line-height: .1em !important;
}
.select2-container--default .select2-selection{
    border: 1px solid #ced4da !important;
}
.select2-container--default .select2-search textarea::-webkit-input-placeholder {
    color: #212529 !important;
}
.select2-offscreen, .select2-offscreen:focus {
    left: auto !important;
    top: auto !important;
}
.select2-dropdown {z-index: 1061 !important;}
.select2-results__option {
    font-size: 14px !important;
}
.select2-results__group {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.input-group .select2 {
    position: relative !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
    margin-bottom: 0 !important;
}
.input-group-sm .select2-container--bootstrap .select2-selection--single{
    font-size: 14px !important;
}
.opacity-0 {
    opacity: 0;
}
.table-edit{
    border: 3px solid black !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: rgba(0,184,203,1) !important;
}
.b-table th{
    padding-right: 1.2rem;
}
.b-table th.th-checkbox{
    padding-right: 0.5rem !important;
}
.table .thead-light th {
    color: #495057 !important;
    background-color: #c2c3c4 !important;
    border-color: #c2c3c4 !important;
}
.thead-light.table-bordered td, .thead-light.table-bordered th {
    border: 1px solid #fff !important;
}
table .table-secondary>td, .table-secondary>th{
    background-color: #e2e2e2 !important;
}
tr.border-0 td, tr.border-0 th{
    border: 0!important;
}
.handle {cursor: move;}
.pointer {cursor: pointer;}
.modal-open {padding: 0 !important;}
.btn-outline-info-bg-white {
    color: rgba(0,184,203,1) !important;
    border-color: rgba(0,184,203,1) !important;
    background-color: #fff !important;
    border: 1px solid !important;
    font-weight: bolder !important;
}
.custom-tbl-table {
    font-size: 14px !important;
}
.custom-tbl-thead tr th {
    text-align: center!important;
    vertical-align: middle!important;
    white-space: nowrap!important;
}
.fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}
.popover{
    font-family: Helvetica !important;
}
.popover-header{
    font-family: Helvetica !important;
}
.popover-body{
    font-family: Helvetica !important;
}
.td-truncate {
    white-space: nowrap; 
    text-overflow:ellipsis; 
    overflow: hidden; 
    max-width:1px;
}
.sClass {
    max-height: 35vh;
    overflow-x: hidden;
    overflow-y: auto;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: rgba(0,184,203,1) !important;
    background-color: rgba(0,184,203,1) !important;
}
.select2-container--bootstrap4 .select2-results__option--disabled {
    color: black;
    background-color: #dddddd;
}
.vh70 {
    min-height: 70vh !important;
    max-height: 70vh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.text-shadow-1{
    -webkit-text-stroke: 1px black;
}
.border-danger .select2-selection{
    border-color: rgba(230,107,93,1)!important;
}
.modal-xxl {
    min-width: 90vw !important;
    max-width: 90vw !important;
}