th {
    white-space: pre-wrap;
    font-weight: 900;
}

    th.header-center {
        text-align: center;
        white-space: pre-wrap;
        justify-content:center;
    }

    th.header-left {
        text-align: left;
        white-space: pre-wrap;
        justify-content:start;
    }

    th.header-right {
        text-align: right;
        white-space: pre-wrap;
        justify-content: end;
    }


td.column-center {
    text-align: center;
    justify-content: center;
}

td.column-left {
    text-align: left;
    justify-content: start;
}

td.column-right {
    text-align: right;
    justify-content: end;
}

.text-adjust {
    white-space: normal;
}

.text-align-left {
   text-align: left;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.bar-bottom-fixed {
    width: 100%;
    height: 70px;
    position: fixed;
    padding: 8px;
    bottom: 0px;
    padding-right: 60px !important;
    background-color: #f8f9fa;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: lightgray;
}

.bar-bottom-fixed button {
    margin: 8px;
}

.no-scrollable {
    overflow: hidden;
}

.custom-table tr, td {
    height: 20px !important;
    max-height: 20px !important;
    background-color: white;
    padding: 0 !important;
    margin: 0 !important;
    padding-left: 0.8em !important;
}

.padding-cell td {
    padding: 10px !important;
}

.frame-container {
    overflow: auto;
    min-height: 700px;
    height: 100%;
    width: 100%;
    border: 0 none;
}

.datepicker {
    z-index: 2000 !important;
}

.header-top-img {
    top: 8px; 
    position:absolute; 
    left:20px;
}

.header-top-text {
    top: 5px;
    position:absolute; 
    left:4px;
    padding-top: 3px;
}

.no-space {
    padding: 0;
    margin: 0;
}


.table-scroll {
    display: block;
    height: 400px;
    overflow: auto;
}

@media(max-width: 700px) {

    .no-scrollable {
        overflow: auto;
    }
}

.custom-file-label::after {
    content: "Buscar";
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Buscar";
}

.table-danger {
    color: red;
    font-weight: 900;
    font-style: italic;
}

.table-border-header tr th {
    border: 1px solid #fff;
}

.circle {
    width: 16px;
    height: 16px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid black;
    justify-content: center;
    align-items: center;
}

    .circle.red {
        background: red;
    }

    .circle.green {
        background: green;
    }

    .circle.yellow {
        background: yellow;
    }

.b-1 {
    border: 1px #4f844e solid;
}


.b-2 {
    border: 1px lightgray solid;
}

.list-style-none {
  list-style: none;
}

.bg-color {
  background-color:  #f8f8fa;
}

.container-sections {
    max-height: 500px;
    height: 500px;
    overflow: auto;
}

.control-readonly {
    pointer-events: none;
    cursor: not-allowed;
}

*:disabled {
    pointer-events: none;
    cursor: not-allowed;
}

*:enabled {
    pointer-events: all;
    cursor: default;
}

.bg-disable:disabled {
    background-color: #eeeeed !important;
}

.bg-enable:enabled {
    background-color: white !important;
}

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

.w-100 {
    width: 100% !important;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.max-zindex {
    z-index: 2000;
}

.w-xxs {
    width: 40px;
    max-width: 40px;
    white-space: pre-line;
    word-wrap: normal;
}

.w-xsm {
    max-width: 5em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.w-sm {
    max-width: 10em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.w-md {
    max-width: 25em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.w-lg {
    max-width: 40em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.w-xl {
    max-width: 55em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.hide-scroll {
    overflow: hidden;
}

div.dataTables_wrapper {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.filter-width {
    width: 600px;
    padding: 15px
}

.mh-600 {
    min-height: 650px;
}

.vty-0 {
    visibility: hidden;
}

.pull-right {
    float: right !important;
}

.flex-1 { width: 1% !important; }
.flex-2 { width: 2% !important; }
.flex-3 { width: 3% !important; }
.flex-4 { width: 4% !important; }
.flex-5 { width: 5% !important; }
.flex-6 { width: 6% !important; }
.flex-7 { width: 7% !important; }
.flex-8 { width: 8% !important; }
.flex-9 { width: 9% !important; }
.flex-10 { width: 10% !important; }
.flex-11 { width: 11% !important; }
.flex-12 { width: 12% !important; }
.flex-13 { width: 13% !important; }
.flex-14 { width: 14% !important; }
.flex-15 { width: 15% !important; }
.flex-16 { width: 16% !important; }
.flex-17 { width: 17% !important; }
.flex-18 { width: 18% !important; }
.flex-19 { width: 19% !important; }
.flex-20 { width: 20% !important; }
.flex-21 { width: 21% !important; }
.flex-22 { width: 22% !important; }
.flex-23 { width: 23% !important; }
.flex-24 { width: 24% !important; }
.flex-25 { width: 25% !important; }
.flex-26 { width: 26% !important; }
.flex-27 { width: 27% !important; }
.flex-28 { width: 28% !important; }
.flex-29 { width: 29% !important; }
.flex-30 { width: 30% !important; }
.flex-31 { width: 31% !important; }
.flex-32 { width: 32% !important; }
.flex-33 { width: 33% !important; }
.flex-34 { width: 34% !important; }
.flex-35 { width: 35% !important; }
.flex-36 { width: 36% !important; }
.flex-37 { width: 37% !important; }
.flex-38 { width: 38% !important; }
.flex-39 { width: 39% !important; }
.flex-40 { width: 40% !important; }
.flex-41 { width: 41% !important; }
.flex-42 { width: 42% !important; }
.flex-43 { width: 43% !important; }
.flex-44 { width: 44% !important; }
.flex-45 { width: 45% !important; }
.flex-46 { width: 46% !important; }
.flex-47 { width: 47% !important; }
.flex-48 { width: 48% !important; }
.flex-49 { width: 49% !important; }
.flex-50 { width: 50% !important; }
.flex-51 { width: 51% !important; }
.flex-52 { width: 52% !important; }
.flex-53 { width: 53% !important; }
.flex-54 { width: 54% !important; }
.flex-55 { width: 55% !important; }
.flex-56 { width: 56% !important; }
.flex-57 { width: 57% !important; }
.flex-58 { width: 58% !important; }
.flex-59 { width: 59% !important; }
.flex-60 { width: 60% !important; }
.flex-61 { width: 61% !important; }
.flex-62 { width: 62% !important; }
.flex-63 { width: 63% !important; }
.flex-64 { width: 64% !important; }
.flex-65 { width: 65% !important; }
.flex-66 { width: 65% !important; }
.flex-67 { width: 65% !important; }
.flex-68 { width: 68% !important; }
.flex-69 { width: 69% !important; }
.flex-70 { width: 70% !important; }
.flex-71 { width: 71% !important; }
.flex-72 { width: 72% !important; }
.flex-73 { width: 73% !important; }
.flex-74 { width: 74% !important; }
.flex-75 { width: 75% !important; }
.flex-76 { width: 76% !important; }
.flex-77 { width: 77% !important; }
.flex-78 { width: 78% !important; }
.flex-79 { width: 79% !important; }
.flex-80 { width: 80% !important; }
.flex-81 { width: 81% !important; }
.flex-82 { width: 82% !important; }
.flex-83 { width: 83% !important; }
.flex-84 { width: 84% !important; }
.flex-85 { width: 85% !important; }
.flex-86 { width: 86% !important; }
.flex-87 { width: 87% !important; }
.flex-88 { width: 88% !important; }
.flex-89 { width: 89% !important; }
.flex-90 { width: 90% !important; }
.flex-91 { width: 91% !important; }
.flex-92 { width: 92% !important; }
.flex-93 { width: 93% !important; }
.flex-94 { width: 94% !important; }
.flex-95 { width: 95% !important; }
.flex-96 { width: 96% !important; }
.flex-97 { width: 97% !important;}
.flex-98 { width: 98% !important; }
.flex-99 { width: 99% !important; }
.flex-100 { width: 100% !important; }

.show-flex {
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    width: 100%;
}

.v-center {
    vertical-align: middle !important;
    justify-content: center !important;
    align-content: center !important;
}

.v-bottom {
    vertical-align: bottom !important;
    justify-content: end !important;
    align-content: end !important;
}

.link {
    color: #556ee6;
    cursor: pointer;
    text-decoration: none;
}

    .link:hover {
        color: rgba(85, 110, 230, 0.7) ;
    }

.readonly-custom {
    pointer-events: none !important;
    background-color: #eeeeed !important;
}


textarea[disabled] {
    background-color: #ced4da !important;
}


button:disabled {
    background-color: #eeeeed !important;
    color: gray !important;
}

button.primary:enabled {
    background-color: #6eaa40 !important;
    color: white !important;
}

button.danger:enabled {
    background-color: #f46a6c !important;
    color: white !important;
}

button.secondary:enabled {
    background-color: #72798d !important;
    color: white !important;
}
.dz-progress {
    display: none;
}

body.mceContentBody {
    background-color: yellow;
    color: #000;
}

.hs-row {
    height: 35px !important;
}

.capitalize {
    text-transform: capitalize;
}

.cell-header {
    border: 1px solid white !important;
}
    .cell-header.secondary {
        background-color: rgba(110, 170, 63, 0.7) !important;
        text-shadow: 1px 1px 2px black !important;
    }

.cell {
    border: 1px solid #eff2f7 !important;
}

tr.bg-danger {
    background-color: red !important;
    color: white !important;
}

    tr.bg-danger > td {
        background-color: red !important;
        color: white !important;
    }

/*----------------------------------------------------------------------------------*/
.input-group {
    flex-wrap: nowrap !important;
}

.select2, li.select2-results__option {    
    width: 100% !important;
    flex: 1 1 auto !important;
    min-width: 100% !important;
}

.input-group > .select2-container--bootstrap {
    width: 100% !important;
    flex: 1 1 auto !important;
}

.form-group > .select2-container .select2-selection--multiple {      
    height: auto !important;
    max-height: 200px !important;
    overflow: hidden;
    overflow-y: auto;    
}

.select2-dropdown--below,
.select2-dropdown--above {
    z-index: 10000000000;
    background-color: white;
}

/*--------------------------------Tabs--------------------------------*/

.nav-pills .nav-link-tab {
    color: #fff;
    background-color: #74788d;
}

    .nav-pills .nav-link-tab.active, .nav-pills-tab .show > .nav-link-tab {
        color: #fff;
        background-color: #6eaa3f;
    }

/*--------------------------- Form Controls --------------------------*/

.form-control-plaintext-custom {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: .47rem .47rem;
}

.form-check-input:disabled ~ .custom-control-label, .form-check-input[disabled] ~ .custom-control-label,
.form-check-input:disabled ~ .custom-control-label-b, .form-check-input[disabled] ~ .custom-control-label-b {
    color: #495057;
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label-b::before,
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label.custom-control-label-b::before {
    color: #fff;
    border-color: #6eaa3f;
    background-color: #6eaa3f;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(110,170,63,.5);
}