html {
    height: 100%;
}

body {
    position: relative;
    height: auto !important;
    min-height: 100% !important;
    font-family: "Roboto", sans-serif !important;
    background: linear-gradient(270deg, #000606, #188484);
    background-size: 300% 400%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Roboto", sans-serif !important;
}

main {
    padding-bottom: 40px !important;
}

main > .container-fluid {
    opacity: 0;
}

main.print {
    padding-top: 0 !important;
}

/* General */

.invalid-feedback {
    height: 0 !important;
}

.hide {
    display: none !important;
}

table.table th,
table.table td {
    padding: 0.5rem !important;
    vertical-align: middle;
}

table tr td div.disabled{
    cursor: not-allowed !important;
}

table tr.disabled_row {
    cursor: not-allowed !important;
}

.selected_color_showed {
    width: 100px;
    height: 25px;
    display: inline-block;
    cursor: pointer;
    margin-top: 8px;
}

.fas,
.fab,
.far,
.fal{
    vertical-align: middle;
}

.disabled_popover {
    opacity : 0.5;
    cursor: no-drop !important;
    
}

.popover-header {
    border: none !important;
}

.popover .popover_header_close {
    display: flex;
    justify-content: space-between;
}

.popover .popover_header_close .popover_close_button {
    margin-left: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.popover .popover_header_close .popover_close_button:hover {
    color: #F39C12;
}

.popover .popover-body:empty {
    display: none;
}

.popover_extraction .extraction_container {

}

.popover_extraction .popover_actions {
    max-height: 80vh;
    overflow: auto;
    padding: 7px;
}

.popover_extraction .popover_actions th {
    font-weight: 700;
}

.popover_extraction .popover_actions tbody tr {
    border-bottom: 1px solid #e6e6e6;
}
.popover_extraction .popover_actions tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

    .popover_extraction .popover_actions tfoot tr {
        border-top: 2px solid #d8d8d8;
    }
.popover_extraction .btn-floating.btn-sm {
    width: 30px !important;
    height: 30px !important;
    border-radius: .2rem !important;
}

.popover_extraction .btn-floating.btn-sm span {
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    right: 0;
}

/* FIX input file popover*/
.file-field input {
    overflow: hidden;
    height: 30px;
}

div.ps__scrollbar-y {
    right: 0 !important;
}

ul.md_list li {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 12px 0;
}

ul.md_list li:before {
    content: "\f111";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 4pt;
    margin-right: 10px;
    color: #f39c12c7;
}

.card-header {
    background-color: #009999 !important;
    color: #FFFFFF;
}

.navbar {
    z-index: 1040;
    box-shadow: none !important;
}

@media (min-width: 1200px) {
    #sidenav-overlay {
        display: none !important;
    }
}

header .navbar {
    background: #009999 !important;
    background: -moz-linear-gradient(left, #009999 0%, #057575 100%) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, #009999), color-stop(100%, #057575)) !important;
    background: -webkit-linear-gradient(left, #009999 0%, #057575 100%) !important;
    background: -o-linear-gradient(left, #009999 0%, #057575 100%) !important;
    background: -ms-linear-gradient(left, #009999 0%, #057575 100%) !important;
    background: linear-gradient(to right, #009999 0%, #057575 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009999', endColorstr='#057575', GradientType=1 );
}

.preloader_container {
    height: 100%;
    align-items: center;
    transition: all 0.1s linear;
}
.preloader-wrapper .spinner-blue,
.preloader-wrapper .spinner-blue-only {
    border-color: #F39C12;
}

.preloader-wrapper.big {
    width: 5rem !important;
    height: 5rem !important;
}

.container-fluid {
    background: #FFFFFF !important;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-top: 3px solid #00897b;
    padding: 0 !important;
    height: 100%;
    display: inline-block;
}

.container-fluid>* {
    margin-left:3rem !important;
    margin-right:3rem !important;
}

.container-fluid > :first-child {
    margin-top: 3rem !important;
}
.container-fluid > :last-child {
    margin-bottom: 3rem !important;
}

.container-fluid form {
    margin-top: 0px;
    margin-bottom: 0px;
}

.container-fluid form button{
    margin-bottom: 0 !important;
}

.btn-outline-info {
    border: 2px solid #F39C12 !important;
    color: #F39C12 !important;
    border-color: #F39C12 !important;
}

.btn.btn-outline-info:hover,
.btn.btn-outline-info:focus,
.btn.btn-outline-info:active,
.btn.btn-outline-info:active:focus,
.btn.btn-outline-info.active,
.btn.btn-outline-info:not([disabled]):not(.disabled):active {
    border: 2px solid #F39C12 !important;
    color: white !important;
    background-color: #F39C12 !important;
    border-color: #F39C12 !important;
}

.disabled_button_with_tooltip {
    opacity: 0.8;
    cursor: no-drop !important;
}


.form-check-input[type="checkbox"]:not(.changed):indeterminate + label:before,
label.btn input[type="checkbox"]:not(.changed):indeterminate + label:before {
    border-right: 2px solid #f0b247 !important;
}

.form-check-input.changed + label:before {
    background: rgba(255, 187, 51, 0.8);
    border: 2px white solid !important;
    outline: 2px solid #8a8a8a;
    width: 15px !important;
    height: 15px !important;
    transform: none !important;
    left: 2px !important;
    top: 2px !important;
}

/* ToDo: Comprobar para que sirve */
/*.row [class*='col'] label {
    left: 15px !important;
}*/
form .file-field {
    align-items: flex-end;
}

textarea.md-textarea{
    overflow-y: auto !important;
}

.indeterminate.form-check-input[type="checkbox"]:disabled:not(:checked) + label:before{
    background-color: unset !important;
}


/* ToDo: Buscar otra solución para campos requeridos */
/*
form .row .select-dropdown {
    margin: 0 0 32px 0 !important;
}
select.mdb-select {
    display: block !important;
    visibility: unset;
    height: 0;
    margin: 0 0 -10px 0;
    opacity: 0;
    top: 38px !important;
    width: 100% !important;
}*/
.select-wrapper + label {
    z-index: auto !important;
    pointer-events: none !important;
}

.select-wrapper + label.active {
    font-size: 0.8rem;
    -webkit-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    transform: translateY(-110%);
}

.select_header{
    align-items: center;
}

.select_header input {
    font-size: 1.5rem !important;
    font-weight: 400;
}

.select_header .select_header_label {
    font-size: 1.5rem !important;
    flex-grow: 0;
    margin-bottom: 1px;
    white-space: nowrap;
    font-weight: 300;
}

.select_header .select_header_value {
    font-size: 1.5rem !important;
    flex-grow: 0;
    margin-bottom: 1px;
    white-space: nowrap;
    font-weight: 400;
}

.select_header .mdb-main-label.active {
    top: unset;
}

.select_label_bottom .mdb-main-label.active {
    top: unset;
}

ul.dropdown-content li.default_option span {
    color: rgba(0, 0, 0, 0.5) !important;
}

ul.dropdown-content.select-dropdown li.default_option:hover {
    cursor: no-allowed !Important;
}

ul.multiple-select-dropdown li:first-of-type.disabled span label {
    display: none;
}


.container-fluid > .selection_plan {
    margin-top: 2rem !important;
}


.adbp_main .agrowheader > .agtlights > .agtlight {
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.agtlights {
    width: 14px;
    height: 38px;
    background-color: #4c4c4c;
    padding: 2px;
    margin-top: 2px;
    border-radius: 7px;
    display: inline-block;
    cursor: help;
}

.agtlights > .agtlight {
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.agtlights > .agtlight:not(:last-child) {
    margin-bottom: 2px;
}

.agtlights > .agtlight.red {
    background-color: red;
}

.agtlights > .agtlight.amber {
    background-color: #ffb900;
}

.agtlights > .agtlight.green {
    background-color: #59ff00;
}

.agtlights > .agtlight.off {
    background-color: #272727 !important;
}

.table_document > thead > tr > th {
    border: none !important;
    font-weight: bold;
}

.table_document > tbody > tr > td {
    border: none !important;
    font-size: 1rem !important;
}

.table_document tr td:first-child {
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table_document a {
    color: #007bff !important;
}

.table_document i {
    font-size: 1.25rem;
}

.table_list > tbody > tr:nth-child( odd ) {
    background-color: #f9f9f9;
}

.table_list > tbody > tr > td {
    border-top: 1px solid #ddd !important;
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: rgb(221, 221, 221) !important;
}

.percent_input input {
}

.percent_input .percent {
    position:absolute;
    top: 10px;
    right: 17px;
}

/* Bootstrap extensions and overrides */
.cursor-hand {
    cursor: default;
}

.cursor-hand {
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-no-drop {
    cursor: no-drop;
}

.cursor-help {
    cursor: help;
}

/* AdminLTE overrides */
.box-header > .box-tools {
    top: 0;
}

.bg-green {
    background-color: #00a68d !important;
}

.bg-dark-green {
    background-color: #177e7e !important;
}

.bg-yellow {
    background-color: #f3be63 !important;
}

.bg-red {
    background-color: #c73d2c !important;
}

.bg-aqua {
    background-color: #16c3c1 !important;
}

.bg-gray {
    background-color: #96a5a5 !important;
}

.bg-dark-gray {
    background-color: #606869 !important;
}

.bg-light-gray {
    background-color: #dde6e6 !important;
}

.bg-gold {
    background-color: #ffb900 !important;
}

.color-green {
    color: #00a68d !important;
}

.color-amber {
    color: #f3be63 !important;
}

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

.small-box .icon {
    color: rgba(0, 0, 0, 0.08);
}

.progress-bar-red, .progress-bar-danger {
    background-color: #c73d2c;
}

.progress-bar-yellow, .progress-bar-warning {
    background-color: #f3be63;
}

.progress-bar-green, .progress-bar-success {
    background-color: #00a68d;
}

/* Custom BOOTSTRAP */
.fs-q {
    font-size: .25rem !important;
}

.fs-h {
    font-size: .5rem !important;
}

.fs-3q {
    font-size: .75rem !important;
}

.fs-n {
    font-size: 1rem !important;
}

.fs-qm {
    font-size: 1.25rem !important;
}

.fs-hm {
    font-size: 1.5rem !important;
}

.fs-3qm {
    font-size: 1.75rem !important;
}

.fs-d {
    font-size: 2rem !important;
}

.text-shadow-sm {
    text-shadow: .075rem .075rem .075rem rgba(0,0,0,1) !important
}

.text-shadow {
    text-shadow: .05rem .05rem .1rem rgba(0,0,0,.5) !important
}

.text-shadow-lg {
    text-shadow: .05rem .05rem .1rem rgba(0,0,0,.5) !important
}

.text-shadow-none {
    text-shadow: none !important
}

.text-white-70 {
    color:rgba(255,255,255,.7)  !important
}

/* MDBOOTSTRAP */
.box-tools > .btn-box-tool:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mdb-select label {
    margin-right: 4px !important;
}

div.mdb-select-color {
    width: 27px;
    height: 27px;
    border-radius: 100%;
    margin-right: 10px;
}

li.mdb-select-color-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.file-path {
    border: none !important;
    border-bottom: 1px solid #ced4da !important;
}
.file-path:focus {
    border: none !important;
    border-bottom: 1px solid #f0b247 !important;
    outline: none !important;
}

.select-wrapper.md-form > ul li.disabled span{
    color: rgba(0, 0, 0, 0.6) !important;
}

.sidenav-bg.mask-strong::after {
    padding: 0 !important;
    margin: 0 !important;
}

.minibadge-container {
    width: 56px;
    height: 12px;
    text-align: center;
    font-size: 10px;
    line-height: 12px;
}

    .minibadge-container:not(:last-child) {
        margin-bottom: 1px;
    }

    .minibadge-container > .minibadge {
        cursor: help;
        width: 26px;
        display: inline-block;
        border-radius: 4px;
        color: white;
        text-shadow: 1px 1px 2px #000000;
    }

        .minibadge-container > .minibadge:only-child {
            width: 54px;
        }

        .minibadge-container > .minibadge:not(:first-child) {
            margin-left: 1px;
        }


/* Table dinamic component */
.table_dinamic td.remove {
    width: 50px;
    text-align: center;
}

.table_dinamic tbody td.remove i {
    color: #ff3547;
    cursor: pointer;
}

.table_dinamic .table_dinamic_add_container input {
    padding-left: 0 !important;
    margin-right: 10px !important;
}

/* form clear */
.form-clear {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #cecece;
    border-radius: 50%;
    bottom: 8px;
    color: rgba(0, 0, 0, .54);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    width: 24px;
    z-index: 10;
}

    .form-clear.form-clear-select {
        bottom: 32px;
        right: 30px;
    }

    .form-text ~ .form-clear {
        bottom: calc(1rem + 18px);
    }

.form-clear .material-icons {
    font-size: 16px;
    font-weight: 500;
}

/* Datepicker */
.datepicker[select_years] + div.picker .picker__year {
    display: none !important;
}

/* Side nav */
.side-nav {
    top: 40px;
}

    .side-nav .sidenav-bg.mask-strong:after {
        background: #f6f6f6 !important;
        background: -moz-linear-gradient(top, #f6f6f6 0%, #cccccc 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #cccccc)) !important;
        background: -webkit-linear-gradient(top, #f6f6f6 0%, #cccccc 100%) !important;
        background: -o-linear-gradient(top, #f6f6f6 0%, #cccccc 100%) !important;
        background: -ms-linear-gradient(top, #f6f6f6 0%, #cccccc 100%) !important;
        background: linear-gradient(to bottom, #f6f6f6 0%, #cccccc 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#cccccc', GradientType=0 );
    }

.side-nav .logo-wrapper {
    margin-top: 15px;
    margin-bottom: 0px;
}

.side-nav .logo-wrapper img {
    padding-left: 30px;
    padding-right: 30px;
}

    .side-nav ul.social li {
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
    }


    .side-nav .collapsible li .collapsible-header {
        color: #000000 !important;
        transition: all 0.1s linear !important;
        font-weight: 500;
    }

.side-nav .fas,
.side-nav .fab,
.side-nav .far,
.side-nav .fal {
    color: #009999 !important;
}

.side-nav .collapsible .fas,
.side-nav .collapsible .fab,
.side-nav .collapsible .far,
.side-nav .collapsible .fal {
    font-size: 11pt !important;
    display: inline-flex;
    justify-content: center;
    width: 15px;
}

.side-nav .search-form input::placeholder {
    color: rgba(0,0,0,0.3) !important;
}

.side-nav form.search-form div.form-group input.form-control {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    color: #000000 !important;
}

.side-nav .collapsible .collapsible {
    margin-top: 0 !important;
}

.side-nav .collapsible-body .collapsible-body a {
    padding-left: 74px !important
}

.side-nav .collapsible li .collapsible-header:hover {
    background-color: #009999 !important;
}

.side-nav .collapsible li .collapsible li .collapsible-header:hover {
    background-color: #4db6ac !important;
}

.side-nav .collapsible li .collapsible-header.active {
    background-color: #009999 !important;
}

.side-nav .collapsible li .collapsible li .collapsible-header.active {
    background: #4db6ac !important;
}

.side-nav .collapsible li .collapsible-header:hover,
.side-nav .collapsible li .collapsible-header:hover .fas,
.side-nav .collapsible li .collapsible-header:hover .fab,
.side-nav .collapsible li .collapsible-header:hover .far,
.side-nav .collapsible li .collapsible-header:hover .fal {
    color: #F3F3F3 !important;
}

.side-nav .collapsible li .collapsible-header.active,
.side-nav .collapsible li .collapsible-header.active .fas,
.side-nav .collapsible li .collapsible-header.active .fab,
.side-nav .collapsible li .collapsible-header.active .far,
.side-nav .collapsible li .collapsible-header.active .fal {
    color: #F3F3F3 !important;
}

.side-nav .collapsible li .collapsible li .collapsible-body a.collapsible-header:hover,
.side-nav .collapsible li .collapsible li .collapsible-body a.collapsible-header.active,
.side-nav .collapsible li .collapsible li .collapsible-body a.collapsible-header:active {
    color: #FFF !important;
}

.side-nav .collapsible li .collapsible-body a:hover,
.side-nav .collapsible li .collapsible-body a.active,
.side-nav .collapsible li .collapsible-body a:active {
    color: #009999 !important;
}

.side-nav .collapsible li .collapsible li a.collapsible-header:hover,
.side-nav .collapsible li .collapsible li a.collapsible-header.active,
.side-nav .collapsible li .collapsible li a.collapsible-header:active {
    color: #FFF !important;
}

.side-nav .collapsible-body a {
    background-color: #E3E3E3 !important;
    color: #000000 !important;
}

.side-nav .social a.icons-sm:hover .fas,
.side-nav .social a.icons-sm:hover .fab,
.side-nav .social a.icons-sm:hover .far,
.side-nav .social a.icons-sm:hover .fal {
    color: #F39C12 !important;
}

.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
    background-color: unset !important;
}

.side-nav .social i.fas,
.side-nav .social i.fab,
.side-nav .social i.far,
.side-nav .social i.fal {
    font-size: 18pt !important;
    transition: 0.1s !important;
}

.side-nav .collapsible .fal {
    margin-right: 13px;
}

.fixed-sn main {
    padding-top: 8rem;
}

/* Navbar */
.fixed-sn .navbar {
    padding-left: 0px;
}

    .fixed-sn .navbar .apptitle {
        color:rgba(255, 255, 255, 0.75) ;
    }

    .navbar .user_data img.icon_small {
        width: 25px;
        height: 25px;
        border-radius: 100%;
        border: 1px solid rgba(255,255,255,0.2);
        object-fit: cover;
    }

.navbar .user_data .nav-link {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.navbar .user_data .user_name {
    display: inline-block;
    margin-left: 10px;
}

.navbar .user_data #user_data_dropdown  .user_name {
    margin: 15px 0px 0px 0px;
    color: #FFFFFF;
}

.navbar .user_data #user_data_dropdown .user_roles {
    width: 100%;
    white-space: nowrap;
    color: white;
    font-size: 14pt;
    margin-bottom: 5px;
    text-align: center;
}


.navbar .user_data #user_data_dropdown {
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #009999;
    min-width: 210px;
}

.navbar .user_data .dropdown-menu {
    padding: 0 !important;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}


.navbar .user_data .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
}

.navbar .user_data .dropdown-menu .dropdown-item i {
    width: 10px;
    display: flex;
    justify-content: center;
    margin-right: 15px;
}

.navbar .user_data img.icon_big {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 3px solid rgba(255,255,255,0.2);
    object-fit: cover;
}

@media (min-width: 1200px) {
    .double-nav .button-collapse {
        display: none;
    }
}

/* Breadcrumb */
main nav {
    position: fixed;
    top: 40px;
    right: 0;
    left: 0;
    z-index: 1030;
    padding: 12px 16px 12px 18rem;
    background: linear-gradient(to right, #009999 0%, #057575 100%) !important;
}

main nav .breadcrumb_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

main nav ol.breadcrumb {
    background-color: transparent !important;
    position: relative;
    margin-bottom: 0 !important;
    flex: 1;
    justify-content: flex-end;
}

.breadcrumb_content .breadcrumb-title {
    color: #FFFFFF;
    font-weight: 300;
}

.breadcrumb_content h4.breadcrumb-title {
    font-size: 1.5rem;
    margin-bottom: .3rem;
}

.breadcrumb_content .breadcrumb_button {
    border-radius: 100%;
    color: #FFFFFF;
    background-color: #4db6ac !important;
    display: block !important;
    margin-left: 5px;
    font-size: 24px;
}

    .breadcrumb_content .breadcrumb_button > a {
        color: #FFFFFF;
        display: flex;
        align-items: center;
        width: 50px;
        height: 48px;
        justify-content: center;
    }

    .breadcrumb_content .breadcrumb_button div.dropdown {
        display: flex;
        align-items: center;
    }

    .breadcrumb_content .breadcrumb_button .dropdown > a {
        display: flex;
        align-items: center;
        width: 50px;
        height: 48px;
        justify-content: center;
    }

.breadcrumb_content .breadcrumb_button .dropdown .dropdown-menu a {
    color: #000000;
}

.breadcrumb_content .breadcrumb_button .dropdown .dropdown-menu i {
    margin-right: 15px !important;
}

@media (min-width: 1300px) {
    .fixed-sn main {
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
}

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


.breadcrumb-item a {
    font-weight: 300;
}

.breadcrumb-item,
.breadcrumb-item::before,
.breadcrumb-item a {
    color: #FFFFFF;
}

    .breadcrumb-item.active,
    .breadcrumb-item.active::before,
    .breadcrumb-item.active a {
        color: #FFFFFF;
    }

    .breadcrumb-item a:hover {
        color: #fff3e0 !important;
    }

/* User access */

#fos_content {
    flex-direction: column;
    display: flex;
    align-items: center;
    min-height: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
}

#fos_content #content_modal {
    min-width: 450px;
    max-width: 600px;
    margin-top: 50px;
}

#fos_content #content_modal .card {
    padding: 0rem !important;
}

.g-recaptcha {
    display: flex;
    justify-content: center;
    margin: 25px auto;
}

form.login {
    margin-top: 35px;
}

.card {
    padding: 3rem !important;
}

.card .alert {
    margin: 15px 20px;
}

div.invalid-feedback {
    display: block !important;
    text-align: left !important;
}

div.invalid-feedback ul{
    padding-left: 1em !important;
}

/* Modal */

.modal-backdrop {
    width:100%;
    height: 100%;
}

/* Edit Action */
#timing_range .form-group {
    display: inline-block;
    margin-right: 25px;
}

.table_list_milestone .file-field {
    display: flex;
    align-items: center;
    white-space: nowrap;
    
}

.table_list_subaction .file-field {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.sub_action_table_list_milestone .file-field {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.table_list_milestone .show_modal {
    color: #007bff;
}

.table_list_subaction .show_modal {
    color: #007bff;
}

/* Show action */
#table_actions .mandatory{
    color: #ff0000;
}

#timing_number {
    display: none;
}


/* Preloader */

div.preloader_container {
    width: 100%;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    background: rgba(0,10,20, 0.15);
}

div.preloader_content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Datatable */

.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:active,
.dropup .dropdown-menu .dropdown-item:hover,
.dropup .dropdown-menu .dropdown-item:active,
.dropleft .dropdown-menu .dropdown-item:hover,
.dropleft .dropdown-menu .dropdown-item:active,
.dropright .dropdown-menu .dropdown-item:hover,
.dropright .dropdown-menu .dropdown-item:active {
    background-color: #F39C12;
}


.table_list .options .btn-floating.btn-sm,
.dataTable .options .btn-floating.btn-sm {
    background-color: #009999 !important;
    border-radius: .2rem !important;
}

.dropdown-content li:not(.disabled) span {
    color: #F39C12 !important;
}


.dataTable .md-form input {
    font-size: 10pt;
}

.dataTables_filter {
    margin-top: 0px;
    margin-bottom: 0.7rem !important;
    font-size: 11pt;
}


.dataTables_length {
    align-items: center;
    margin-top: -11px;
    font-size: 11pt;
}

.dataTables_length {
    align-items: center;
    margin-top: -11px;
    font-size: 11pt;
}
.dataTables_length input {
    font-size: 11pt;
}

.dataTables_length label {
    margin-right: 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white;
    background: lightgrey;
    border: none;
}

table.dataTable {
    border: none !important;
    margin-bottom: 10px !important;
}

table.dataTable tbody tr:hover {
    background-color: #e6e6e6 !important;
}

table.dataTable > tr > th,
table.dataTable > tr > td,
table.dataTable > thead > tr > th,
table.dataTable > tbody > tr > td {
    /*min-width: 80px;*/
    /*white-space: nowrap;
    padding-left: 10px !important;*/
}

table.dataTable > thead > th {
    padding-bottom: 0 !important;
    background-position-y: bottom !important;
}

table.dataTable > tbody > td {
    padding: 5px 18px 5px 18px;
    font-weight: 400 !important;
    /* width: auto !important; */
}


table.dataTable tbody td div.list {
    white-space: normal;
}

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

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border: none !important;
    min-height: 370px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border: none !important;
    background: #009999 !important;
    color: #ffffff !important;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.18) !important;
}

.dataTable thead th {
    border: none !important;
}


.dataTable a.options,
.table_list a.options {
    text-align: center;
    margin: 0;
    display: flex;
    float: right;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.18) !important;
}

.table_list a.options span,
.dataTable a.options span {
    position: relative;
    top: 1px;
    left: 1px;
}

.dataTable .options .btn-floating.btn-sm,
.table_list .options .btn-floating.btn-sm {
    width: 30px !important;
    height: 30px !important;
}

table.clickable {
    cursor: pointer;
}


.dataTable .options,
.table_list .options {
    text-align: right;
}

.dataTable .options .dropdown-item,
.table_list .options .dropdown-item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row-reverse;
}

.dataTable .options .dropdown-item i,
.table_list .options .dropdown-item i {
    width: 10px;
    display: flex;
    justify-content: center;
    margin-right: 15px;
}

.dataTables_wrapper .dt-buttons {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 10px;
    float: left;
}

/* Gantt*/
.adbp_rowheader:empty {
    height: auto !important;
}

.show_modal_evaluat,
.show_modal_delete_evaluation {
    font-size: 11pt;
}

/* Table matrix */
.matrixtable {
    margin: 50px auto;
    width: unset !important;
}

.matrixtable.info {
    margin: 0px auto;
}

.matrixtable thead th {
    border: none !important;
}

.matrixtable div.cont {
    display: flex;
    padding: 0;
}

.matrixtable div.cont input,
.matrixtable div.cont div {
    display: flex;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 40px;
    justify-content: center;
    border: none !important;
    font-size: 11pt !important;
}

.matrixtable tr td div.cont:first-child input {
    position: relative;
    left: 10px;
}

.matrixtable div.cont input {
    cursor: pointer;
}

.matrixtable div.cont div {
    cursor: help;
}

.matrixtable div.cont input:focus {
    box-shadow: none !important;
}

.matrixtable hr {
    margin: 0;
    transform: rotate(-30deg);
    width: 110px;
    color: lightgrey;
    position: absolute;
    left: 3%;
}


    .matrixtable tr th:first-child {
        text-align: right;
        border: none;
    }

    .matrixtable tr th:nth-last-child(-n+2) {
        border: none;
    }


.matrixtable tr th {
    font-weight: bold;
}

.matrixtable tbody tr th:first-child,
.matrixtable tbody tr th:last-child {
    *column-width: 100px;
    width: 200px;
}

.matrixtable td {
    border: 1px solid lightgrey;
    position: relative;
    padding: 10px !important;
    vertical-align: middle;
    text-align: center;
}


/* Table edit plan actions*/


#table_plan_actions td {
    border: 1px solid lightgrey;
    position: relative;
    width: 110px;
    min-width: 110px;
    max-width: 110px;
    padding: 10px 0px 10px 5px !important;
}

    #table_plan_actions td.innertitle {
        padding: 0 !important;
    }

    #table_plan_actions div.cont.mandatory:nth-child(3),
    #table_plan_actions div.cont.addons:nth-child(3) {
        justify-content: flex-end;
    }

#table_plan_actions .vertical-separator {
    padding: 0 !important;
    width: 10px;
    height: 0px;
    padding: 10px 0 10px 15px !important;
}

    #table_plan_actions .vertical-separator > * {
        border-radius: 12px;
        border: 5px solid #bfe0e0;
        width: 10px;
        height: 100%;
    }

#table_plan_actions .horizontal-separator {
    height: 10px;
    padding: 0px 0 0px 5px !important;
    width: 0px;
}

    #table_plan_actions .horizontal-separator > * {
        border-radius: 12px;
        border: 5px solid #bfe0e0;
        width: 100%;
        height: 5px;
    }

/* Table user permits */
#table_user_permits {
}

#table_user_permits td {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    cursor: pointer;
}

#table_user_permits .form-check {
    padding-left: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

#table_user_permits td label {
    margin: 0 !important;
    top: 0 !important;
    padding: 0 !important;
}

#table_user_permits td label:before,
#table_user_permits td label:after {
    left: -9px !important;
    top: -10px !important;
}

#table_user_permits td input[type=checkbox]:checked + label:before,
#table_user_permits td input[type=checkbox]:checked + label:after {
    left: -14px !important;
    top: -14px !important;
}

#permits_tab .fade:not(.show) {
    display: none;
}


/*Dashboard*/

#dashboard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: -10px;
    margin-right: -10px;
}

.dashboard_left {
    flex: 63% !important;
}

.dashboard_right {
    flex: 30%;
}

.dashboard_bottom {
    width: 100% !important;
    margin-right: 10px;
    margin-left: 10px;
}

.dashboard_left,
.dashboard_right {
    display: inline-block !important;
    width: 0 !important;
    margin-right: .65rem !important;
    margin-left: .65rem !important;
}

#dashboard .timeline {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

    #dashboard .timeline.tl4c {
        -webkit-columns: 4;
        -moz-columns: 4;
        columns: 4;
    }

    #dashboard .timeline.tl3c {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }

    #dashboard .timeline.tl1c {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    #dashboard .timeline:before {
        top: 1rem;
        width: 50%;
        background: #c73d2c;
        left: 4rem;
        height: 0.2rem;
    }

    #dashboard .timeline.tl4c:before {
        width: 75%;
    }

    #dashboard .timeline.tl3c:before {
        width: 67%;
    }

    #dashboard .timeline.tl1c:before {
        width: 0;
    }
    
    #dashboard .timeline > li.time-label {
        margin-bottom: 4px;
    }

    #dashboard .timeline > li > .timeline-item {
        margin-left: 45px;
        margin-right: 0px;
        min-height: 210px;
    }

    #dashboard .timeline > li > .fa, #dashboard .timeline > li > .far, #dashboard .timeline > li > .glyphicon, #dashboard .timeline > li > .ion {
        position: absolute;
        width: 52px;
        height: 52px;
        font-size: 28px;
        line-height: 52px;
        background-color: #174242 !important;
        left: 0px;
        top: 10px;
        border-radius: 50%;
        text-align: center;
    }

    #dashboard .timeline > li.time-label > span {
        position: relative;
        height: 2.1rem;
        width: 10rem;
        padding-left: 0.5rem;
        line-height: 1.6rem;
    }

        #dashboard .timeline > li.time-label > span:after {
            content: "";
            position: absolute;
            right: -1.45rem;
            top: 1px;
            border-top: 1rem solid transparent;
            border-left: 24px solid #c73d2c;
            border-bottom: 1rem solid transparent;
            margin-left: 0px;
        }

#current_plan_selected .plan_documents:hover {
    opacity: 0.8;
}
.timeline-body div {
    font-size: 11pt !important;
    margin-bottom: 4px;
    margin-left: 1.6em;
}

.timeline-body > div.done {
    text-decoration: line-through;
    margin-left: 0;
}

.timeline-body > div.done > i {
    margin-right: 5px;
    color: #00a65a;
}

.timeline-body > div.undone {
    margin-left: 0;
}

.timeline-body > div.undone > i {
    margin-right: 5px;
    color: #C73D2C;
}

.timeline-header h3 {
    font-size: 24px !important;
    font-weight: 300;
}

.timeline-timing {
    display: flex;
    justify-content: space-between;
    font-size: 10pt;
}

.info-box div.done {
    text-decoration: line-through;
}

.info-box div.done > i {
    margin-right: 5px;
    color: #00a65a;
}

.info-box div.undone > i {
    margin-right: 5px;
    color: #C73D2C;
}

#dashboard_content {
    font-size: 14pt !important;
}

.label {
    padding: 3px 7px;
    font-size: 9pt;
}

.label.department {
    color: #FFFFFF;
    font-size: 9pt;
    display: inline-block;
    margin:2px;
}

.label.department:empty {
    padding: 0.5em;
}

ul.nav.nav-pills.nav-stacked {
    flex-direction: column;
}

ul.nav.nav-pills.nav-stacked li {
    padding: 5px 5px 5px 10px;
    font-size: 10pt;
}

ul.nav.nav-pills.nav-stacked li i {
    margin: 0 5px;
}

#recently_added_actions .info-box-icon {
    height: 50px;
    width: 50px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#recently_added_actions .info-box-icon i {
    font-size: 24pt
}

#recently_added_actions .label.mandatory {
    float: right;
    padding: 0px 5px;
    font-size: 10pt;
}

#latest_actions ul {
    display: flex;
    flex-wrap: wrap;
}

#latest_actions .info-box-icon {
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#latest_actions .info-box-icon i {
    font-size: 32pt;
}

#recent_plans_approved .info-box-icon {
    height: 50px;
    width: 50px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#recent_plans_approved .info-box-icon i {
    font-size: 24pt
}

.box .box-title {
    max-width: 75%;
    line-height: 1.3 !important;
}

#dashboardmap #dashboardmapinfo > .box-pane-right {
    height: 100%;
    min-height: 280px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

    #dashboardmap #dashboardmapinfo > .box-pane-right #market-territories {
        list-style-type: none;
        display: grid;
        grid-template-columns: auto;
    }

    #dashboardmap #dashboardmapinfo > .box-pane-right #market-territories.twocolumns {
        grid-template-columns: auto auto !important;
    }

        #dashboardmap #dashboardmapinfo > .box-pane-right #no-market-territories {
            display: none;
        }

        #dashboardmap #dashboardmapinfo > .box-pane-right #market-territories > * {
            text-align: center;
            padding-bottom: 0;
            font-size: 15px;
            margin: 0;
        }

    #dashboardmap #dashboardmapinfo > .box-pane-right #territory-partners > * {
        text-align: center;
        padding-bottom: 0;
        font-size: 15px;
        margin: 0;
    }

#dashboardmap #dashboardmapinfo .description-block:not(.secondary-description-block) > .description-header {
    font-size: 24px;
    margin-bottom: 15px;
}

    .markets_actions .icon i {
        font-size: 160px;
        margin-top: 30px;
    }

#dashboardmap .market-territory {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
}

#dashboardmap .territory-partner {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
}

.markets_actions .icon i {
    font-size: 160px;
    margin-top: 30px;
    transition: 0.5s;
}

.markets_actions:hover .icon i {
    font-size: 180px;
    margin-top: 30px;
}

.current_plan h3,
.current_plan h4 {
    display: inline-block;
    margin-right: 10px !important;
}

#dashboard .btn:hover{ 
    box-shadow:unset !important;
}

#table_territories tbody tr{
    cursor: pointer;
}

#efficiency_map .popover {
    border-radius: 2px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,.1);
}

#efficiency_map .popover .popover-header {
    background: none;
    border: none;
}

#efficiency_map .popover .popover-body {
    padding: 0 .75rem .5rem .75rem;
}


/* Edit user */
.container_change_password {
    margin: auto 0 auto auto;
}

#bt_change_password i {
    margin-right: 5px;
}

.edit_user_image_container {
    margin-bottom: 5px;
    text-align: center;
    padding: 0 35px;
}


/* Show plan */
#plan_times_tab h5 {
    font-weight: bold !important;
}

#plan_times_tab [class^='col'] {
    padding-left: 50px !important;
}

#plan_times_tab .md_list {
    padding-left: 10px !important;
}


    .plan_execution_container .plan_execution_info {
        display: flex;
        flex-direction: column;
        background: #15535d;
        color: white;
        padding: 15px 15px 3px 15px;
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    }

        /*#plan_execution_container .plan_execution_info.bg-green {
            background-color: #00a68d !important;
        }

        #plan_execution_container .plan_execution_info.bg-yellow {
            background-color: #f3be63 !important;
        }

        #plan_execution_container .plan_execution_info.bg-red {
            background-color: #c73d2c !important;
        }

        #plan_execution_container .plan_execution_info.bg-aqua {
            background-color: #16c3c1 !important;
        }*/



        .plan_execution_container .plan_execution_info .title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
            font-weight: bold;
            font-size: 11pt;
        }

        .plan_execution_container .plan_execution_info .title2 {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .plan_execution_container .plan_execution_info .info {
            font-size: 1.4rem;
            font-weight: bold;
        }

        .plan_execution_container .plan_execution_info .small-info {
            font-size: 1.8rem;
            font-weight: bold;
        }

        .plan_execution_container .plan_execution_info .xsmall-info {
            font-size: 1.5rem;
            font-weight: bold;
            line-height: 1.5rem;
        }

.plan_execution_container .plan_execution_info .icon {
    font-size: 75px !Important;
    top: -5px !important;
}

.plan_execution_container .plan_execution_info:hover .icon {
    font-size: 85px !Important;
}

#table_plan_ejecution_list .checked {
    visibility:hidden;
}


/* Plan actions execution list */

#table_plan_ejecution_list .select-dropdown {
    border-bottom: 0 !important;
}

/* Plan actions validate */

#table_plan_ejecution_list td.show_milestones,
#table_plan_ejecution_list td.showed_milestone {
    color: #007bff;
}

.modal .milestones_list_without_form {
    height: 100%;
    max-height: 70vh;
    overflow: auto;
}

.modal .milestones_list{
    height: 300px;
    max-height: 30vh;
    overflow: auto;
}

.modal .milestones_list_without_form th,
.modal .milestones_list_without_form td,
.modal .milestones_list th,
.modal .milestones_list td {
    font-size: 10pt;
}

.modal .milestones_list tr td:first-child{
    width: 33%;
}

.modal .milestones_list tr td:last-child {
    width: 8%;
}


.modal .modal-content:not(.full-height) {
    max-height: calc(100vh - 60px);
    overflow: auto;
}

.modal ul.dropdown-content.select-dropdown {
    position: relative !important;
}

#plan_status_info .done .fa-check {
    color: #00a65a;
}

#plan_status_info .undone .fa-times {
    color: #C73D2C;
}


/* Show departments*/
#table_departments .label.department {
    width: 5em;
    text-align: center;
}



@media (min-width: 1200px) and (max-width: 1440px) {
    .fixed-sn main, main .preloader_container {
        padding-left: 15rem;
    }
}

@media (max-height: 992px) {
    .side-nav .logo-wrapper {
        height: 100px;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .fixed-sn main,
    .preloader_container {
        margin-left: 3% !important;
        margin-right: 3% !important;
    }
}

@media (min-width: 1200px) {
    .side-nav {
        top: 46px;
    }
}

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

.mdb-manual-label {
    font-size: 0.8rem;
    -webkit-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    z-index: auto !important;
    pointer-events: none !important;
    position: absolute;
    top: 2.125rem;
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    color: #757575;
    z-index: -1;
}

/* Remove chrome autofil background color */
@-webkit-keyframes autofill {
    to {
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.md-form > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
.md-form > input[type=date]:not(.browser-default) + label,
.md-form > input[type=time]:not(.browser-default) + label {
    -webkit-transform: translateY(-12px) scale(0.8);
    -ms-transform: translateY(-12px) scale(0.8);
    transform: translateY(-12px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    font-size: 1rem;
}

.ellipsable-table td:not(.options) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    max-width: 100px;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}


#files {
    overflow-y: scroll !important;
    min-height: 320px;
}

@media (min-width: 768px) {
    #files {
        min-height: 0;
    }
}

#debug {
    overflow-y: scroll !important;
    height: 180px;
}


/* These are for the single examle */
.preview-img {
    width: 64px;
    height: 64px;
}



.dm-uploader {
    border: 0.25rem dashed #A5A5C7;
}

    .dm-uploader.active {
        border-color: red;
        border-style: solid;
    }


.modal-info .modal-body {
    background-color: #fff !important;
    color: #616161 !important;
}

.list-hint-element {
    cursor: pointer;
}

.highlight {
    background-color: #fff34d;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
    padding: 1px 4px;
    margin: 0 -4px;
}


/* Actions translations */

textarea[data-type='locale'] {
    min-height: calc((1.5em + 0.75rem) + 2px);
}

.scales_unit {
    cursor: pointer;
}

.modal-dialog.modal-notify.modal-info .modal-header {
    background-color: #00a8a9 !important;
}

.modal-dialog.modal-notify.modal-info .fas, .modal-dialog.modal-notify.modal-info .fab, .modal-dialog.modal-notify.modal-info .far {
    color: #00a8a9 !important;
}

.modal-dialog.modal-notify.modal-info .modal-footer {
    background-color: unset !important;
}

.btn-info {
    background-color: #00a8a9 !important;
    color: #fff;
}

.user_data .dropdown-header {
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 700;
    margin-top: 5px;
    padding-bottom: 0px;
}

.user_data .dropdown-header:first-child {
    padding-top: 10px;
}

.user_data .dropdown-item:last-child {
    margin-bottom: 5px !important;
}

.select-dropdown li.optgroup > span {
    font-weight: 700;
    color: #6c757d !important;
}

.label_title {
    font-size: 14px;
    font-weight: 300;
    color: #757575;
    display: block;
}

.action_badge {
    font-size: 100% !important;
    font-weight: 300 !important;
}

.department.validated, .partner-contract.validated {
    position: relative;
}

    .department.validated:before, .partner-contract.validated:before {
        position: absolute;
        font-family: 'Font Awesome 5 Pro';
        content: "\f00c";
        color: white !important;
        left: 0;
        right: 0;
        top: 0;
        font-size: 18px;
        font-weight: 700;
        text-shadow: 1px 1px 3px #0000004d;
    }

.department.rejected:before, .partner-contract.rejected:before {
    position: absolute;
    font-family: 'Font Awesome 5 Pro';
    content: "\f00d";
    color: #dc3545 !important;
    top: 0;
    left: 0;
    right: 0;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 1px 1px 3px #0000004d;
}

.custom_btn {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 0.84rem 2.14rem;
    font-size: 0.81rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    margin: 0.375rem;
    border: 0;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: inherit;
}

.block-separator {
    height: 7px;
    width: 10px;
    background-color: transparent;
    vertical-align: middle;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

    .block-separator:hover {
        background-color: #f6f6f6;
    }

.opacity-0 {
    opacity: 0;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-90 {
    opacity: 0.9;
}

.opacity-100 {
    opacity: 1;
}

.picker__box .picker__header .picker__nav--prev:before, .picker__box .picker__header .picker__nav--next:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    display: block;
}

.select2-selection__choice {
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    background-color: #73dad0;
    color: black;
    border: 1px solid #04a68d;
}



.select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: black;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px;
}

.select2-selection__choice__display {
    cursor: default;
    padding-right: 5px;
    padding-left: 0.3em;
}

.select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0;
    line-height: 1.7em;
    margin-bottom: 0;
}

.tooltip > .tooltip-inner {
    max-width:350px;
    font-size: 0.85em;
}

/*#table_plan_ejecution_list_wrapper > .dataTables_scroll > .dataTables_scrollBody > .datatable_custom > tbody > tr > td {
    padding-left: 10px !important;

}
*/
.cdt-ellipsis {
    width: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.datatable_custom.dataTable thead th {
    padding: 8px 10px;
}
.datatable_custom.dataTable tbody td {
    padding: 3px 6px;
}


/*table.display.datatable_custom.dataTable.no-footer th {
    border: 1px solid black !important;
}

.datatable_custom td {
    border: 1px solid black !important;
}*/