.modal-h {
    max-width: 50% !important;
}

.modal-h1 {
    max-width: 60% !important;
}

.modal-xl {
    max-width: 70% !important;
}

.color-green {
    color: #468c00 !important;
}

.color-default {
    color: #333333 !important;
}

.color-red {
    color: #d93600 !important;
}

.color-yellow {
    color: #FFC107 !important;
}

.color-orange {
    color: #FFB74D !important;
}

.color-orange-dark {
    color: #EF6C00 !important;
}

.color-blue-2 {
    color: #337ab7 !important;
}

.color-blue {
    color: #337ab7 !important;
    font-weight: bold !important;
}

.color-black {
    color: #000000 !important;
    font-weight: bold !important;
}

.color-white {
    color: #ffffff !important;
    font-weight: bold !important;
}

.color-white-2 {
    color: #ffffff !important;
}

div.txta-code {
    background-color: #282a36 !important;
    color: #bed0de !important;
    width: 100% !important;
    max-height: 400px !important;
    overflow-y: auto !important;
    text-align: left !important;
    padding: 17px 20px 0 20px !important;
    font-family: 'Source Code Pro', monospace !important;
}

.modal-xxl {
    max-width: 90% !important;
}

.div-bottom-10 {
    margin-bottom: 10px !important;
}

#txta-copy-clipboard {
    width: 3px !important;
    height: 3px !important;
    margin-left: 0 !important;
}

#txta-copy-clipboard-modal {
    width: 3px !important;
    height: 3px !important;
    margin-left: 0 !important;
}

#alert-space {
    width: 94% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 15px !important;
}

div.div-copy-text {
    cursor: pointer !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

/** DATATABLE **/
body div.dataTables_filter > label > input[type=search] {
    height: 33px !important;
}

body div.dataTables_length > label > select {
    height: 33px !important;
}

body table.dataTable > thead > tr > th {
    background-color: #0097A7 !important;
    color: white !important;
    font-size: 13px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    font-weight: bold !important;
}

body table.dataTable > tbody > tr > td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 13px !important;
    vertical-align: middle !important;
}

body table.dataTable > tbody > tr:hover {
    background: #ffff99 !important;
}

body table.dataTable > tbody > tr.dblclick-sel > td {
    background: #FFF176 !important;
}

body table.table > thead > tr > th {
    background-color: #0097A7 !important;
    color: white !important;
    font-size: 13px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    border: 1px solid #dee2e6;
    font-weight: bold !important;
}

div.label-important {
    color: #F44336 !important;
    width: 20px !important;
    text-align: right !important;
    height: 15px !important;
    padding-top: 0 !important;
    font-size: 17px !important;
}

/** DATATABLE **/
div.tooltip_templates {
    display: none;
}

span.tooltip_href {
    text-decoration: underline !important;
    font-weight: bold !important;
    cursor: pointer !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.overflow-custom {
    overflow-x: auto !important;
    overflow-y: auto !important;
    width: 98% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.des-hab-tag {
    opacity: 0.8 !important;
    cursor: none !important;
    pointer-events: none !important;
}

.div-loading-button {
    width: 35px !important;
    height: 35px !important;
    vertical-align: center !important;
    text-align: center !important;
    margin: 0 5px 5px 5px !important;
}

.des-hab-tag-opac {
    opacity: 0.8 !important;
    cursor: none !important;
    pointer-events: none !important;
    color: #999999 !important;
}

.align2-right {
    text-align: right !important;
    vertical-align: center !important;
}

.align2-left {
    text-align: left !important;
    vertical-align: center !important;
}

.align2-center {
    text-align: center !important;
    vertical-align: center !important;
}

/********** LOADING ***************/
div#div-loading-spin {
    display: none;
    padding-top: calc(25% - 50px);
    background-color: rgba(44, 62, 80, 0.3);
    position: fixed;
    width: 100%;
    z-index: 2000;
    height: 100% !important;
    text-align: center !important;
}

div#div-loading-spin > .spinner {
    width: 40px;
    height: 40px;

    position: relative;
    display: inline-block;
}

div#div-loading-spin > .div-loading-spin-txt {
    background-color: transparent !important;
    color: #ffffff;
    font-size: 14px !important;
    font-weight: bold !important;
    height: 20px !important;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

div#div-loading-spin > .spinner > .double-bounce1, div#div-loading-spin > .spinner > .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #FFFFFF;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

div#div-loading-spin > .spinner > .double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/********** LOADING ***************/

.clear-both-5 {
    width: 100% !important;
    height: 5px !important;
    clear: both !important;
}

.clear-both-10 {
    width: 100% !important;
    height: 10px !important;
    clear: both !important;
}

.clear-both-15 {
    width: 100% !important;
    height: 15px !important;
    clear: both !important;
}

.clear-both-20 {
    width: 100% !important;
    height: 15px !important;
    clear: both !important;
}