/* Importando variantes necesarias de la fuente "Poppins" */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap');

.bold-text {
    font-weight: bold;
}

.btn-small-for-views {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.m2-customable {
    margin-left: .8rem !important
}

.modal__buttons__item,
button.modal__buttons__item,
a.modal__buttons__item {
    display: inline-block;
    background-color: #008AD8;
    color: #ffffff;
    /* font-size: 20px; */
    font-weight: 600;
    text-align: center;
    /* line-height: 50px; */
    width: 186px;
    /* Utilizado actualmente */
    /* height: 50px;  */
    /* Utilizado actualmente */
    /* width: 280px; Utilizado en el diseño */
    /* height: 70px; Utilizado en el diseño */
    border-radius: 4px;
    margin-top: 10px;

    min-height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.supervisor-text-color {
    color: #719B57;
    font-weight: bold;
}

/*** Inicio Login ***/
div.bodyLogin {
    background-color: #ffffff;
}

.login__container {
    /* background-color: pink; */
    min-height: 100vh
}

.login {
    /* background-color: tomato; */
    max-width: 300px;
    padding-right: 12px;
    padding-left: 12px;
}

.background-color-green-overassigned {
    background-color: #80FF80;
}

.background-color-orange-underassigned {
    background-color: #FF8080;
    color: #000000;
}

.background-color-yellow-for-today {
    background-color: rgba(255, 230, 51, 0.8)
}

.background-color-blue {
    background-color: #B1DCF0;
}

.background-color-orange-underassigned .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #504444;
}

.background-color-orange-underassigned a {
    color: #000000 !important;
}

.login__logo {
    /* background-color: orange; */
    width: 155px;
    padding-top: 95px;
    /* Número mágico */
    padding-bottom: 50px;
}

.login__input {
    /* background-color: violet; */
    position: relative;
}

.login__input__label {
    /* background-color: purple; */
    color: #404040;
    width: auto !important;
    /* Override a selector de Materialize. Validar dicha regla al momento de refactorizar el CSS */
    font-size: 14px;
    line-height: 1;
}

input.login__input__field {
    /* background-color: teal !important; Override a selector de Materialize. Validar dicha regla al momento de refactorizar el CSS */
    border-bottom: 1px solid #9e9e9e !important;
    /* Override a selector del archivo "override.css". Validar dicha regla al momento de refactorizar el CSS */
}

.login__input.first {
    margin-bottom: 24px;
}

.login__input__icon {
    /* background-color: turquoise; */
    width: 20px;
    margin-right: 5px;
}

.login__input__eye {
    position: absolute;
    width: 17px;
    height: 11px;
    top: calc(50% + 25px);
    transform: translateY(calc(50% - 25px));
    right: 5px;
}

.login__input__eye.align {
    height: 12px;
    top: calc(50% + 24px);
}

.login__input__eye:hover {
    cursor: pointer;
}

.forgot-password,
.forgot-password:hover {
    /* background-color: yellow; */
    color: #404040 !important;
    /* Override al v-application a */
    font-weight: 600;
    margin-top: 5px;

}

button[type*="submit"].login__submit {
    color: #ffffff;
    font-size: 16px;
    margin-top: 65px;
    text-transform: capitalize;
    border: none;
}

.or-login {
    font-size: 12px;
    text-align: center;
    margin: 24px auto;
}

.login__rrss {
    margin-bottom: 0;
    width: 100%;
}

.login__rrss__item:first-child {
    margin-bottom: 24px;
}

.button--3.login__rrss__item {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #7a797b;
    border: 1px dotted #7a797b;
    background-color: transparent;
    font-size: 14px;
    text-transform: capitalize;
}

.button--3.login__rrss__item:hover {
    cursor: pointer;
    color: #ffffff;
}

.login__rrss__item img {
    width: 20px;
    margin-right: 15px;
}

/*** Fin Login ***/

/*** Inicio Dashboard ***/
.dashboard,
.view {
    background-color: #ffffff;
    margin-top: 10px;
    padding: 16px;
    overflow-x: hidden;
    /* Para que la tabla de Bootstrap pueda aplicar el scroll correspondiente */
}

/* .dashboard__overview {
    background-color: orange;
} */

.dashboard__overview .cardModuleM::before {
    content: '';
    position: absolute;
    bottom: 17px;
    /* Número mágico */
    left: 4px;
    /* Número mágico */
    width: calc(100% - 100px);
    height: 1px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    /* background-color: #f5f5f5; */
    /* background-color: 1px solid rgba(0,0,0,.1); */
}

.dashboard__overview .cardModuleM:hover,
.dashboard__overview .cardModuleM:hover .subtitle--1,
.dashboard__overview .cardModuleM:hover .card-action__link,
.dashboard__overview .cardModuleM:hover .iconCardMM {
    color: #ffffff;
    background-color: #0085DC;
    stroke: #ffffff;
    /* For SVG */
    transition: ease-out .3s;
    /* border: 1px solid #cdced1 !important; */
}

.dashboard__title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.dashboard__title .title--1 {
    margin-bottom: 15px;
}

/* .dashboard__summary {
    background-color: tomato;
}

.dashboard__notes {
    background-color: seagreen;
} */

.dashboard__links {
    /* background-color: pink; */
    line-height: 1;
}

.dashboard__links span {
    margin-right: 10px;
}

.dashboard__links a {
    color: #404040;
}

.overview__text {
    margin-bottom: 0;
}

.dashboard .card-action__link {
    color: #404040;
    font-weight: 300;
    width: auto;
}

/*** Fin Dashboard ***/

/** body-digital **/

.body-digital,
.bodyLogin {
    background-color: #F5F5F5;
    color: #404040 !important;
    font-family: 'Poppins', sans-serif;
    font-size: 13px !important;
}

.content {
    display: flex;
    padding-top: 56px;
    /* Altura del "header" (móvil)  */
}

.sidebar {
    background-color: #0085DC;
    color: #fff;
}

.view__title.title--1,
.modal-title>.title--1 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.table
{
    width: 100%;
    margin-bottom: 1rem;
    color: #000000;
}

.view__description__text,
.card-content__text,
.modal__description__text,
.rotation__text,
.view__section__text {
    color: #535358;
    font-size: 14px;
    margin-bottom: 0;
    /* Override Bootstrap */
}

/* .vacantbed__list {
    background-color: steelblue;
}

.vacantbed__list__description {
    background-color: darkmagenta;
}

.vacantbed__list__table {
    background-color: darkseagreen;
} */

.view__section {
    /* background-color: lightblue; */
    padding-top: 32px;
}

/* .view__section__location {
    background-color: pink;
}

.view__section__upload {
    background-color: turquoise;
}

.view__section__left {
    background-color: orange;
} */

.view__section__right {
    /* background-color: tomato; */
    padding-top: 12px !important;
    /* Override a clase Bootstrap ".no-gutters" */
    border-top: 1px solid #cdced1;
}

.navigation {
    /* background-color: lightcoral; */
    margin-top: -10px;
}

/* .navigation__item,
.navigation__item:hover,
.navigation__separator {
    color: #0085DC;
    font-size: 15px;
} */

/* .navigation__separator {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 20px;
    position: relative;
    bottom: -3px;
} */

.navigation__item svg {
    margin-right: 11px;
    width: 8px;
}

.navigation__item:last-child svg {
    transform: rotate(180deg);
    margin-right: 0;
    margin-left: 10px;
}

.random-title {
    color: gray;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    margin-left: 10px;
}

/* .inspection {
    background-color: deeppink;
}

.inspection .view__title.title--1 {
    background-color: grey;
} */

.inspection__status {
    /* background-color: forestgreen; */
    color: #E1331A;
    font-size: 14px;
    text-decoration: underline;
    position: relative;
    margin-left: 15px;
    padding-left: 20px;
}

.inspection__status:hover {
    color: #0085DC;
    text-decoration: none;
}

.inspection__status::before {
    content: '';
    background-color: #E1331A;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 12.5px;
    height: 12.5px;
    border-radius: 50%;
}

.inspection__status_success {
    /* background-color: forestgreen; */
    color: #28a745;
    font-size: 14px;
    text-decoration: underline;
    position: relative;
    margin-left: 15px;
    padding-left: 20px;
}

.inspection__status_success::before {
    content: '';
    background-color: #28a745;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 12.5px;
    height: 12.5px;
    border-radius: 50%;
}

.assignments__statics__text {
    height: 30px;
}

.assignments .duties td .formdynamic__item__field {
    background-color: #ffffff;
}

/* .assignments .duties .table thead {
    background-color: pink;
} */

.assignments .duties td .formdynamic__item__field ::before {
    display: block;
    width: 10.3px;
    height: 12px;
}

.assignments .duties td .formdynamic__item__field input {
    border-radius: 5px;
    height: 25px;
    width: 50px;
    border: 1px solid #000000 !important;
    padding-left: 5px;
}

.assignments .duties td {
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.assignments .duties tfoot {
    background-color: #f1f1f1;
    font-weight: bolder;
    /* font-size: 14px; */
    position: relative;
}

.assignments .duties tfoot::before {
    content: '';
    display: block;
    width: 98%;
    /* Validar por qué se desborda al utilizar 100% */
    height: 65px;
    /* Número mágico */
    background-color: #f1f1f1;
    position: absolute;
    z-index: 5;
}

.assignments .duties tfoot td:nth-child(3),
.assignments .duties tfoot td:nth-child(5),
.assignments .duties tfoot td:nth-child(6),
.assignments .duties tfoot td:nth-child(7),
.assignments .duties tfoot td:nth-child(8),
.assignments .duties tfoot td:nth-child(9),
.assignments .duties tfoot td:nth-child(10),
.assignments .duties tfoot td:nth-child(11),
.assignments .duties tfoot td:nth-child(12),
.assignments .duties tfoot td:nth-child(13),
.assignments .duties tfoot td:nth-child(14) {
    position: relative;
    z-index: 10;
}

.assignments .duties tfoot td:nth-child(3) {
    position: absolute;
}

.assignments .duties tfoot td {
    padding: 0 .75rem;
    /* Override al selector .table td (Bootstrap) */
    border-top: none;
    /* Override al selector .table td (Bootstrap) */
    vertical-align: middle;
    /* Override al selector .table td (Bootstrap) */
}

.assignments .duties tfoot tr:first-of-type td {
    padding-top: 10px;
    padding-bottom: 5px;
}

.assignments .duties .tfoot-p1 tr td {
    padding-top: 5px !important;
    padding-bottom: 2.5px !important;
}

.duties-p2
{
    padding-top: 5px !important;
    padding-bottom: 2.5px !important;
}

.assignments .duties tfoot td>.modal__buttons__item {
    display: none;
}

.assignments .duties tr th:first-child,
.assignments .duties tr[id*="room"] td:first-child {
    /* padding-right: 40px; */
}

/* .assignments .duties tr[id*="room"] {
    height: 40px;
    background-image: url('../img/svg/hamburger.svg');
    background-position: 50px center;
} */

.assignments .duties tr[id*="room"]:hover {
    cursor: pointer;
}

.assignments .duties .ghost {
    background-color: lightseagreen !important;
}

.operator>input.input__operator {
    margin-left: 40px;
    max-width: 50px;
}

button.button__operator {
    /* Oberride por especificidad a Vuetify */
    background-color: #008AD8;
    color: #ffffff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.button__operator:nth-child(2) {
    left: 104px
}

.assignments__form,
.room__collapse {
    margin-top: -30px;
    /* Número mágico */
}

.nav-link.cards__advanced {
    width: auto;
    padding-left: 30px !important;
    /* Elliminar !important. Especificidad de nivel 3 */
}

.nav-link.cards__advanced .iconInput,
.nav-link.cards__advanced.active .iconInput {
    left: 78px;
}

.room__collapse .room__collapse__header {
    background-color: #008ad8;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.room__collapse .room__collapse__header:hover {
    background-color: #005CB3;
}

.room__collapse .arrow__collapsible {
    top: 17px;
    /* Númeor mágico */
    right: 15px;
    width: auto;
}

.room__collapse__header[aria-expanded="true"] .arrow__collapsible {
    top: 16px;
    /* Númeor mágico */
}

.room__grid .modal__buttons__item,
.room__table__top .modal__buttons__item {
    width: 250px;
}

.room__grid__form {
    padding-top: 10px;
}

.templates__grid__tabs {
    /* background-color: pink; */
    width: 100%;
    max-width: 320px;
}

.templates__grid__tabs__item {
    /* background-color: lightblue; */
    color: #0085DC;
    padding-left: 10px;
    width: 50%;
    height: 50px;
    line-height: 50px;
    /* text-transform: uppercase;
    font-weight: bold; */
}

.templates__grid__tabs__item[class*="active"] {
    background-color: #0085DC;
    color: #ffffff;
    text-decoration: none;
}

/* .templates__grid {
    background-color: greenyellow;
}

.templates__grid__item {
    background-color: hotpink;
}

.templates__table {
    background-color: lightcoral;
} */

.templates__table .full {
    background-color: #008AD8;
    color: #ffffff;
}

.templates__table .over {
    background-color: #444444;
    color: #ffffff;
}

.templates__legend {
    width: 333px;
    margin-left: 10px;
    /* margin-top: 50px; */
    /* margin-bottom: 50px; */
}

.templates__legend:last-child {
    margin-bottom: 0;
    /* background-color: gainsboro; */
}

.templates__legend__item {
    position: relative;
    margin-left: 30px;
}

.templates__legend__item:first-child::before,
.templates__legend__item:nth-child(2)::after,
.templates__legend__item:nth-child(3)::after,
.templates__legend__item:last-child::after {
    content: '';
    width: 30px;
    height: 20px;
    background-color: rgb(128, 255, 128);
    position: absolute;
    top: -2px;
    /* Número mágico */
    left: -35px;
}

.templates__legend__item:nth-child(2)::after {
    background-color: rgb(255, 128, 128);
}

.templates__legend__item:nth-child(3)::after {
    background-color: rgba(255, 230, 51, 0.8);
}

.templates__legend__item:last-child::after {
    background-color: #B1DCF0;
}

.templates_legion_item {
    position: relative;
    margin-left: 30px;
}

.templates_legion_item:first-child::before,
.templates_legion_item:last-child::after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: rgb(255, 255, 128);
    position: absolute;
    top: -2px;
    /* Número mágico */
    left: -30px;
}

.templates_legion_item:last-child::after {
    background-color: rgb(255, 128, 128);
}

.inspection-score-form .vue-daterange-picker .form-control {
    height: auto !important;
}

.inspection-score-form .vue-daterange-picker .reportrange-text {
    padding: 0 !important;
    padding-top: 2px;
}

.inspection__table,
.defaultproject__table,
.templates__table {
    /* background-color: lightseagreen; */
    margin-top: 30px;
}

.room__table__top {
    /* background-color: mediumaquamarine; */
    margin-bottom: 20px;
}

/* .room__table__top__defaults {
    background-color: olive;
}

.room__table__top__name {
    background-color: orange;
}

.room__table__top__button {
    background-color: palevioletred;
} */

.inspection__table thead,
.defaultproject__table thead,
.room__table thead,
.templates__table thead,
.assignments .duties thead {
    background-color: transparent;
    font-weight: normal;
}

.inspection__table thead th,
.defaultproject__table thead th,
.room__table thead th,
.templates__table thead th {
    border-top: none;
    border-bottom: none;
    font-weight: normal;
    font-size: 14px;
}

/* .templates__table thead th {
    font-size: 12px;
} */

.inspection__table .inspection__table__radiobuttons {
    display: flex;
    justify-content: space-between;
}

.inspection__table .inspection__table__radiobuttons .radiobutton__text {
    margin-left: 40px;
}

.inspection__table .table td,
.inspection__table .table th,
.defaultproject__table .table td,
.defaultproject__table .table th,
.room__table .table td,
.room__table .table th,
.templates__table .table td,
.templates__table .table th {
    vertical-align: middle;
}

.inspection__table tbody tr td,
.defaultproject__table tbody tr td,
.room__table tbody tr td,
.templates__table tbody tr td {
    font-weight: bold;
}

.inspection__table thead tr th:nth-child(3),
.inspection__table thead tr th:nth-child(6),
.inspection__table tbody tr td:nth-child(3),
.inspection__table tbody tr td:nth-child(6) {
    text-align: center;
}

/* .room__table__link {
    
} */

.inspection__cards {
    margin-top: 15px;
}

.discharges {
    /* background-color: lightblue; */
}

.discharges__content {
    margin-top: 15px;
}

.discharges__center {
    /* background-color: sienna; */
}

.discharges__right {
    /* background-color: purple; */
}

/* .discharges__center,
.discharges__right {
    display: flex;
}

.discharges__center .discharges__item {
    width: calc(50% - 20pxy);
    background-color: #FF7879;
} */

.discharges__center .formdynamic__item,
.discharges__right .formdynamic__item {
    margin-right: 10px;
}

.discharges__center .formdynamic__item:last-child,
.discharges__right .formdynamic__item:last-child {
    margin-right: 0;
}

.discharges__right .discharges__item>label {
    width: 180px;
}

.discharges__item {
    /* background-color: mediumorchid; */
    margin-bottom: 20px;
}

.discharges__item:last-child {
    margin-bottom: 0;
}

.discharges__item:nth-child(even) {
    /* background-color: tomato; */
}

.discharges__item>label {
    /* background-color: slateblue; */
    width: 130px;
    /* Número mágico */
}

.discharges .formdynamic__item {
    margin-top: 0;
    position: relative;
}

.discharges .formdynamic__item input {
    margin-top: 0;
    max-width: 100px;
    height: auto;
}

.discharges__left {
    /* background-color: indianred; */
}

/* .detail__content__notes {
    background-color: seagreen;
} */

.report {
    /* background-color: lightblue; */
    padding: 10px;
    border: 1px solid #75757E;
}

.report__left {
    /* background-color: pink; */
    text-align: center;
}

.report__logo {
    /* background-color: lightseagreen; */
    width: 125px;
    height: 125px;
    border-radius: 50%;
    display: flex;
    border: 1px solid #75757E;
    padding-right: 5px;
    padding-left: 5px;
}

.report__logo__image {
    /* background-color: darkorange; */
    margin: auto;
}

.report__type {
    background-color: #008AD8;
    color: #ffffff;
    display: inline-block;
    width: 65px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.report__right {
    /* background-color: lightgreen; */
}

.report__date {
    /* background-color: mediumvioletred; */
    display: inline-block;
}

.report__header {
    /* background-color: orangered; */
    width: 100%;
}

.title--1.report__header__title {
    /* Especificidad por la clases ".title--1" */
    background-color: #008AD8;
    color: #ffffff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 34px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 10px;
}

.report__header__content {
    /* background-color: orchid; */
    font-weight: 600;
}

.report__header__content__day {
    /* background-color: peru; */
    font-size: 16px;
    line-height: 1.25;
    /* Número mágico */
    /* height: 26px; */
}

.report__header__subtitle {
    /* background-color: seagreen; */
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin: 0 161.5px 0 0;
    /* Ancho del report__header__content__day */
}

.report__header__table {
    /* background-color: cornflowerblue; */
    margin-top: 10px;
}

.report__header__footer {
    /* background-color: chartreuse; */
    padding-top: 10px;
    padding-bottom: 10px;
}

.report__header__footer__item {
    /* background-color: deeppink; */
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 14px;
}

.report__header__footer__item:nth-child(even) {
    /* background-color: cadetblue; */
}

.report__table {
    /* background-color: sienna; */
    width: 100%;
    font-size: 15px;
}

.report__table__header,
.report__table__footer {
    /* background-color: slateblue; */
    border-bottom: 1px solid #000000;
    /* font-size: 18px; */
    font-weight: 600;
}

.report__table__header__column,
.report__table__header__column--1 {
    /* background-color: olive; */
}

.report__table__header__column:first-child,
.report__table__header__column--1:first-child,
.report__table__header .report__table__header__column--1:nth-child(3),
.report__table__header .report__table__header__column--1:nth-child(4),
.report__table__header__column--1:nth-child(3),
.report__table__header__column--1:nth-child(4) {
    flex: 0 0 80px;
    text-align: center;
}

.report__table__header__column:nth-child(even),
.report__table__header__column--1:nth-child(even) {
    /* background-color: hotpink; */
    /* flex: 1 1 calc(100% / 5); */
    flex: 0 0 500px;
    /* padding-left: 20px; */
}

.report__table__header__column--1:nth-child(even) {
    flex: 0 0 350px;
    /* Para evitar desbordamiento cuando el texto en mu largo en el último elemento de la fital (Cleaning Steps) */
}

.report__table__header__column:last-child,
.report__table__header__column--1:last-child {
    flex: 1 0 100vw;
}

.report__table__content__item .report__table__header__column--1:nth-child(2),
.report__table__content__item .report__table__header__column:nth-child(2),
.report__table__header__column--1:last-child {
    /* background-color: tomato; */
    padding-left: 20px;
}

.report__table__header__column p {
    margin-bottom: 0;
}

.report__table__footer__list {
    margin-top: 10px;
    padding-left: 10px !important;
    /* Override a Materialize */
}

.report__table__footer__list__item {
    font-weight: 600;
}

.report__table__content__total {
    /* background-color: lightcoral; */
    width: 570px;
    padding-left: 100px;
}

.report__table__content__total__description,
.report__table__content__value {
    /* background-color: lightpink; */
    margin-bottom: 0;
    padding-top: 5px;
    border-top: 1px solid #000000;
    font-weight: 600;
}

.report__table__footer__notes {
    /* background-color: darkgoldenrod; */
    padding-left: 150px;
}

.report__values {
    /* background-color: teal; */
    display: flex;
}

.report__values__item {
    /* background-color: indianred; */
    width: 30px;
    margin-right: 15px;
    text-align: center;
}

.report__values__item:nth-child(even) {
    /* background-color: lightsalmon; */
}

.report__table__sub-header {
    /* background-color: lightsalmon; */
}

.report__table__content {
    /* background-color: chocolate; */
}

.report__hour,
.report__hour--1 {
    background-color: #008AD8;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;

}

.report__hour--1 {
    background-color: #f5f5f5;
    color: #000000;
}

.report__hour__item {
    display: inline-block;
}

.report__hour__item:first-child {
    /* width: 62.7px; Ancho del campo de la columna correpsondiente (Start time) */
    width: 80px;
    /* Lo que mide el nombre de la columna */
    text-transform: uppercase;
    text-align: center;
}

.report__hour__item:nth-child(even) {
    padding-left: 20px;
}

.report__table__content__item {
    /* background-color: crimson; */
    /* width: calc(100% - 82.7px); Ancho de la primera columna + separación lateral izquiera de la segunda columna */
}

.report__table__content__item:nth-child(even) {
    /* background-color: turquoise; */
}

.detail__content__notes .cardModule {
    margin-bottom: 30px;
}

.detail__content__notes .cardModule:last-child {
    margin-bottom: 0;
}

.detail__content__notes {
    max-height: 28rem;
    overflow-y: auto;
}

.detail__content+.modal__buttons>.modal__buttons__item.cancel {
    width: 70px;
    background-image: url('../img/svg/arrow-back.svg');
}

.view .modal__buttons__item:hover,
.detail .modal__buttons__item:hover {
    cursor: pointer;
    color: #ffffff;
}

.containerAll {
    background-color: #ffffff;
    margin: 10px;
    height: auto;
    min-height: 90vh;
}

.containerObjects {
    margin: 0 2% 20px;
}

.containerObjects .breadcrumb {
    /* A eliminar */
    margin-top: 10px;
    margin-bottom: 20px;
}

.cardModuleSelected {
    background: #0085DC !important;
    border: 1px solid #cdced1 !important;
    color: #fff !important;
}

.cardModuleM {
    min-height: 160px;
    margin: 0;
}


/* .textTitleSection {
	color: #000000;
	font-size: 21px;
	font-weight: 600;
} */

.textTitleCard {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}

.textTitleCard:hover {
    color: #000000;
}

.listColection {
    border: none !important;
}

.listColectionItem {
    color: #000 !important;
    border-bottom: none !important;
    padding: 5px 10px !important;
}

.listColectionItem:hover {
    background: #FF7879 !important;
    color: #fff !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
}

.listColectionItem:hover .badge {
    color: #ffffff;
}

.listColectionItem .badge:hover {
    background: #FF7879 !important;
    color: #fff !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
}

.horizontal-scroll-reports {
    overflow: auto;
    white-space: nowrap;
}

.list-colection-item {
    color: #000 !important;
    border-bottom: none !important;
    padding: 5px 10px !important;
}

.list-colection-item:hover {
    background: #0085DC !important;
    color: #fff !important;
    /* -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important; */
    /* border-radius: 20px !important; */
}

.list-colection-item-selected {
    background: #0085DC !important;
    color: #fff !important;
    /* -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important; */
    /* border-radius: 20px !important; */
}

.list-colection-item:hover .badge {
    color: #ffffff;
}

.list-colection-item .badge:hover {
    background: #FF7879 !important;
    color: #fff !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
}

.badgeSelected {
    color: #fff !important;
}

.verticalLine {
    display: flex;
    align-items: center;
}

.centerT {
    margin-left: auto;
    margin-right: auto;
}

.lineVModulDas {
    position: relative;
    top: -1.7rem;
    background: red;
}

/* .viewTe {
    position: absolute;
    bottom: 0 !important;
    right: 0 !important;
    margin-bottom: 14px;
    margin-right: 12px;
} */

/* .lineTe {
    position: absolute;
    width: 40%;
    bottom: 0;
    margin-bottom: 22px !important;
} */


/** Facilities **/

.facilities {
    background: #F5F5F5;
    color: #404040 !important;
    font-family: 'Poppins', sans-serif;
    font-size: 12px !important;
}

.containerObjects .nav.nav-tabs {
    position: relative;
    left: -3px;
}

.tab-content>.tab-pane.fade:first-child {
    position: relative;
    top: -12px;
    /* Se le resta el valor de padding por defecto para alinear en vista móvil */
}

/* .tabs__custom {
    background-color: lightblue;
}

.tabs__custom .nav-tabs .nav-link.active {
    background-color: pink;
} */

.tabs__custom.nav-tabs .nav-link {
    width: auto;
    height: 50px;
    padding-left: 10px !important;
    /* Override al selectoren la línea 343 de /navbar/style.css. Validar que nada se rompa en otros elementos. */
    background-color: transparent;
    /* Override al selectoren la línea 343 de /navbar/style.css. Validar que nada se rompa en otros elementos. */
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}

.tabs__custom.nav-tabs .tabs__custom__link {
    padding-left: 0 !important;
    /* Override al selector anterior */
    border: 1px solid #008AD8;
    border-right: none;
}

.tabs__custom .tabs__custom__item:last-child .tabs__custom__link {
    border-right: 1px solid #008AD8;
}

.tabs__custom.nav-tabs .tabs__custom__link.active {
    background-color: #008AD8;
    color: #ffffff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .25);
}

.tabs__custom__link.active .listation__custom .nav-link.active {
    color: #ffffff;
    ;
}

.listation__custom .nav-tabs .nav-link {
    color: #75767E;
}

.listation__custom {
    position: absolute;
    opacity: 0;
}

.tabs__custom__link.active .listation__custom {
    position: relative;
    opacity: 1;
    transition: all 1s;
}

/* .inputDiv {
    background-color: #F5F5F5;
    height: 2rem !important;
} */

.iconInput {
    position: absolute;
    top: 0 !important;
    font-size: 1.7rem !important;
    margin-left: 10px;
    margin-top: 3px;
}

.inputSearch {
    background: #F5F5F5 !important;
    border-bottom: 0 !important;
    box-shadow: 0 1px 0 0 #F5F5F5 !important;
    -webkit-box-shadow: 0 !important;
    font-size: 13px !important;
    height: 2rem !important;
    padding-left: 48px !important;
    margin-left: 0 !important;
    /* Override Materialize */
}

input.inputSearch::-webkit-input-placeholder,
input.inputSeN::-webkit-input-placeholder,
input.inputSearch::placeholder,
input.inputSeN::placeholder {
    color: #444444 !important;
    opacity: 1;
    /* Firefox */
}

.inputSearchNoIcon {
    background: #e7e6e6 !important;
    border-bottom: 0 !important;
    box-shadow: 0 1px 0 0 #e7e6e6 !important;
    -webkit-box-shadow: 0 !important;
    font-size: 13px !important;
    height: 2rem !important;
    padding-left: 8px !important;
    margin-left: 0 !important;
    /* Override Materialize */
}

input.inputSearchNoIcon::-webkit-input-placeholder,
input.inputSearchNoIcon::placeholder {
    color: #444444 !important;
    opacity: 1;
    /* Firefox */
}

.cardList,
.cardModule,
.cardModuleM {
    box-shadow: 0 0 #000000;
    margin: 0;
    border-radius: 8px;
    border-color: #C6C6C6;
    position: relative;
}

.list {
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
    /* Override Bootstrap */
}

.list__item {
    font-size: 13px;
    color: #75757E;
    line-height: 1.25;
    padding-bottom: .25rem;
}

.list__item:last-child {
    padding-bottom: 0;
}

.card-action__link {
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 71px;
    height: 19px;
}

.iconCard {
    /* A eliminar */
    position: absolute;
    right: 1rem;
    top: 1.7rem;
    background: transparent;
}

.view .iconCard,
.view .iconCardHistory {
    width: 20px;
    position: relative;
    top: -5px;
    right: -5px;
}

.view .iconCardHistory {
    /* background-color: orange; */
    position: absolute;
    /*top: 2.7px; /* Número mágico */
    top: -2.5px;
    right: 17px;
    /* Número mágico */
}

.view .iconCardHistory:hover {
    cursor: pointer;
}

.cardListL {
    /* A eliminar */
    cursor: pointer;
    font-weight: 700 !important;
    color: #0085dc !important;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 10px !important;
    margin-right: 10px !important;
}

.textInputC {
    font-size: 12px !important;
    height: 2.3rem !important;
}

.btnAddM {
    background: #0085DC !important;
    color: #fff !important;
    text-transform: none !important;
    font-size: 13px !important;
    border-radius: 8px 8px 8px 8px !important;
    -moz-border-radius: 8px 8px 8px 8px !important;
    -webkit-border-radius: 8px 8px 8px 8px !important;
    border: 1px solid #cdced1 !important;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0) !important;
    height: 3rem;
    width: 12rem;
}

.iconHelpM {
    top: 0 !important;
    right: 0 !important;
    font-size: 1.7rem !important;
    margin-right: -1.3rem;
}

.textSizeP {
    font-size: 12px !important;
}

.maps {
    background-color: #008ad8;
    height: 300px;
    color: #ffffff;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 30px;
}

/** View facilities **/

.viewFacilities {
    background: #F5F5F5;
    color: #404040 !important;
    font-family: 'Poppins', sans-serif;
    font-size: 12px !important;
}

.textNameF {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #000 !important;
}

.btnTransparentF {
    background: transparent !important;
    color: #000 !important;
    margin-right: 10px;
    text-transform: none !important;
    font-size: 13px !important;
    border-radius: 8px 8px 8px 8px !important;
    -moz-border-radius: 8px 8px 8px 8px !important;
    -webkit-border-radius: 8px 8px 8px 8px !important;
    border: 0 !important;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0) !important;
    height: 3rem;
    width: 12rem;
}

.breadcrumb {
    line-height: 1;
}

.breadcrumb>a,
.modal-content .breadcrumb {
    color: #0085DC;
    font-size: 15px;
}

.slash {
    color: #CDCDCD;
    display: inline-block;
    margin-right: 5px;
    /* Número mágico */
    margin-left: 5px;
    /* Número mágico */
}

.slash-medium {
    color: #CDCDCD;
    display: inline-block;
}

/* p.titleSegment {
    margin-top: -30px;
    margin-bottom: 0px;
} */

.iconCardMM {
    width: 25px;
    margin-top: -10px;
    /* Número mágico */
    stroke: #404040;
    fill: none !important;
    /* Override a selector de Vuetify "svg:not([fill])" */
}

/* INPUT FORM STYLES */

select.form-control {
    font-size: 13px;
    border: none;
    border-bottom: 1px solid #9e9e9e8c;
    border-radius: 0px;
    padding-bottom: 1px;
}

select.form-control.linea-form {
    padding: 0px;
    height: 2rem;
}

form button.btn.blue {
    /* padding: 4px 30px; */
    min-width: 280px;
    min-height: 70px;
    padding: 0px;
    font-size: 13px;
}

/*style de modales */
.modal {
    /* Bootstrap */
    padding-right: 0 !important;
    /* Override al padding agregado por el script de Bootstrap */
    transform: translateX(-50%);
}

.modal .close {
    /* Bootstrap */
    background-color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    opacity: 1;
}

/* .modal-content {
    background-color: lightblue;
}

.modal-header {
    background-color: pink;
}

.modal-title {
    background-color: orange;
} */

.modal-title>.title--1 {
    margin-top: 28px;
}

/* .modal__descrption {
    background-color: tomato;
}

.modal-description__text {
    background-color: turquoise;
}

.modal-body {
    background-color: blueviolet;
} */

.waitingmodal {
    /* Overrido a Boostrap */
    /* background-color: lightblue; */
    transform: translateX(0);
    min-width: 100%;
    top: 0;
    left: 0;
}

.waitingmodal .modal-dialog-centered {
    /* Overrido a Boostrap */
    /* background-color: pink; */
    min-height: 100%;
}

.waitingmodal.fade .modal-dialog {
    /* Bootstrap: .modal.fade .modal-dialog */
    transform: translate(0, 0);
}

.waitingmodal .modal-dialog {
    /* Overrido a Boostrap */
    max-width: 100%;
    margin: 0;
}

.formdynamic {
    /* background-color: maroon; */
    /* padding-top: 13px; */
    /* Calculado */
    padding-top: 20px;
    /* Ojo% */
}

.formdynamic__item {
    /* background-color: hotpink; */
    /* margin-top: 19px; */
    /* Calculado */
    margin-top: 25px;
    /* Ojo% */
}

.detail__content__formdynamic .formdynamic__item:first-child {
    margin-top: 0;
}

.formdynamic__item__field {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* flex-direction: column; */
}

/* .formdynamic__item:nth-child(even) {
    background-color: darkblue;
} */

.formdynamic__item__field input,
.formdynamic__item__field select,
.vacantbed__list input {
    /* background-color: teal !important; */
    color: #495057;
    border-bottom: 1px solid #9e9e9e8c !important;
    /* Override a selector de Materialize */
    display: block;
    /* Evitar solapamientos con los label */
}

.modal-lg-dhk .formdynamic__item[class*="col-md-4"] .formdynamic__item__field input,
.modal-lg-dhk .formdynamic__item[class*="col-md-4"] .formdynamic__item__field select {
    max-width: 100%;

}

.formdynamic__item__field textarea {
    color: #495057;
    border-bottom: 1px solid #9e9e9e8c !important;
    /* Override a selector de Materialize */
}

.formdynamic__item__field input:focus,
.formdynamic__item__field select:focus,
.formdynamic__item__field textarea:focus {
    -webkit-box-shadow: 0 1px 0 0 #26a69a !important;
    box-shadow: 0 1px 0 0 #26a69a !important;
}

/* Firefox Any version (Gecko) */
@-moz-document url-prefix() {
    input[type*="date"] {
        background: transparent url("../img/svg/calendar2.svg") no-repeat right 0 center/17.266px 19.25px;
    }

    input[type="time"] {
        background: transparent url("../img/svg/watch.svg") no-repeat right 0 center/15px 15px;
    }
}


/* Chrome & Safari Any version (Webkit) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type*="date"] {
        background: transparent url("../img/svg/calendar2.svg") no-repeat right 0 center 17.266px 19.25px;
    }

    input[type="time"] {
        background: transparent url("../img/svg/watch.svg") no-repeat right 0 center 15px 15px;
    }
}

/* Firefox */
input[type*="number"] {
    /* background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; */
    -moz-appearance: textfield;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.close-modal {
    font-size: 1.2rem !important;
}

.modal-label {
    line-height: 1;
    font-size: 15px;
    color: #515364;
    font-weight: bold !important;
    margin-bottom: 0;
    /* Override Bootstrap */
}

.modal-imput {
    font-size: 12px !important;
}

.modal__buttons {
    margin-top: 30px;
}

.modal__buttons__item.min-width,
button.modal__buttons__item.min-width,
a.modal__buttons__item.min-width {
    min-width: 240px;
    /* núero mágico. Aplica a los botones de Staffing Scenarios */
}

.modal__buttons__item:hover,
button.modal__buttons__item:hover,
.button__operator:hover {
    background-color: #005CB3;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14),
        0 1px 7px 0 rgba(0, 0, 0, 0.12),
        0 3px 1px -1px rgba(0, 0, 0, 0.2);
    transition: background-color .2s ease-out;
}

/* .modal__buttons__item.cancel {
    background-color: transparent;
    color: #515364;
    font-weight: 300;
    display: block;
    width: auto;
    height: auto;
    line-height: 1;
    margin: 0 auto;
    text-align: right;
} */

.modal__buttons__item.cancel {
border: 1px solid #008AD8;
    display: inline-block;
    background-color: #ffffff;
    color: #008AD8;
    font-weight: 600;
    text-align: center;
    width: 75px;
    border-radius: 4px;
    margin-top: 10px;
    height: 30px;
    line-height: 27px;
    font-size: 12px;
    margin-right: 0.3rem
}

.modal__buttons__item.cancel:hover {
    background-color: transparent;
    /* Override al selector "button.modal__buttons__item:hover" (Línea 1202) */
    color: #008AD8;
    box-shadow: none;
    text-decoration: none;
}

.select-form-control-modal {
    padding-top: 16px !important;
    margin-top: -17px !important;
}

.linea-form {
    border-bottom: 1px solid #9e9e9e8c !important;
    width: 87% !important;
}

.button-modal-submit {
    min-width: 186px !important;
    min-height: 50px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    margin-right: 35px !important;
}

.button-modal-submit:hover,
.btn.blue.button-modal-submit:hover,
.btn.blue:hover {
    color: #ffffff !important;
    background: #005CB3 !important;
}

.space-button {
    margin-top: 50px !important;
    margin-bottom: 39px !important;
}

.space-button-2 {
    margin-top: 154px !important;
    margin-bottom: -52px !important;
}

.button-cancel-grey {
    /**
    background-color: #cdced1 !important;
    */
    background-color: #fff !important;
    color: #515364 !important;
    font-size: 20px !important;
    font-weight: 300;
    border-radius: 3px !important;
    margin-right: 13px !important;
    min-width: 186px !important;
    min-height: 50px !important;
}

.button-cancel-grey:hover {
    color: #0086DC !important;
}

.space-top {
    margin-bottom: 23px !important;
}

.breadcrumbb-modal-space {
    display: block;
    width: 100%;
    height: 0px;
}

.modal-header {
    flex-wrap: wrap;
}

.txtButtons {
    font-size: 14px !important;
}

.blueDHSK,
.btn.blue.button-modal-submit,
.btn.blue {
    font-weight: 600 !important;
    font-size: 20px !important;
    background: #0085DC;
}

tbody td {
    font-size: 13px !important;
}

/*************** Inicio de nuevas clases *****************/

/* Inicio vistas principales */
.button__modal {
    color: #404040;
    display: block;
    height: 32px;
    line-height: 32px;
}

.button__modal>a {
    color: #404040;
}

/* Fin vistas principales */

/* Inicio loader */
.custom-loader {
    padding: 10px !important;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50%;
}

/* Fin loader */


/* Inicio parráfos */
.containerAll .breadcrumb+p:nth-of-type(1)+p {
    color: #75767E;
    font-size: 13px;
}

/* Fin parráfos */

/* Inicio Modales */
.modal {
    overflow-y: scroll;
    /* Fix (generado por Fer) al problema de la pérdida del scroll luego de guardar y crear un nuevo. */
}

.modal-content {
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
}

select.custom-select {
    font-size: 14px;
}

select option,
select.form-control[multiple],
select.form-control[size] {
    color: #515364;
    font-size: 13px !important;
}

/* Fin Modales */

.forecaster__radiobuttons {
    padding-top: 10px;
}

.forecaster__select,
.rotation__select {
    padding-top: 35px;
}

.forecaster__select__item,
.rotation__select__item {
    margin-bottom: 35px;
}

.radiobutton__text {
    font-size: 16px;
    font-weight: 600;
    color: #404040;
    margin-left: 10px;
}

.radiobutton__text::before,
.radiobutton__text::after {
    top: 4px;
}

.table__custom.table-hover td,
.table__custom.table-hover th {
    /* Selector Bootstrap (.table td, .table th) */
    vertical-align: middle;
}

.table__custom.table-hover tbody tr input {
    background-color: #f5f5f5;
    color: #404040;
    height: auto;
    border: 1px dotted #008AD8;
    padding: 5px;
}

.table__custom.table-hover tbody tr:hover {
    /* Selector Bootstrap (.table-hover tbody tr:hover) */
    color: #ffffff;
    background-color: #008AD8;
}

.table__container--1 {
    height: 105px;
    /* Número mágico */
    overflow-y: auto;
    margin-top: 35px;
    margin-bottom: 35px;
}

.table__container--2 {
    overflow: auto;
}

/* Inicio Títulos & Subtítulos */
[class*="title--"],
[class*="subtitle--"] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #404040;
}

[class*="title--1"],
[class*="subtitle--1"] {
    font-size: 21px;
    color: #000000;
}

[class*="subtitle--1"] {
    font-size: 18px;
}

[class*="button--"] {
    width: 128px;
    height: 48px;
    background-color: #F5F5F5;
    font-weight: 600;
    color: #404040;
    display: flex;
    align-items: center;
    justify-content: center;
}

[class*="button--"]:hover,
[class*="button--"]:focus {
    background-color: #008AD8;
    color: #ffffff;
    transition: all .5s;
}

[class*="button--"].reset {
    background-color: transparent;
    color: #000000;
    font-weight: 300;
    border-radius: 0;
    width: auto;
    margin-right: 50px;
}
.button--1
{
    width: 280px;
    
    /* Definido en la guía de estilos */
    background-color: #008AD8;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
}

.button--2 {
    font-size: 14px;
}

.button--3 {
    width: 280px;
    /* Definido en la guía de estilos */
    height: 70px;
    /* Definido en la guía de estilos */
    background-color: #008AD8;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
}

.button--4 {
    background-color: #008AD8;
    color: #ffffff !important;
    /* Override al estilo aplicado por Vuetify */
}

.button--4:hover {
    background-color: #F5F5F5;
    color: #75767E !important;
    /* Override al selector correspondiente (Motivado a Vuetify) */
}

.button__arrow {
    transform: rotate(90deg);
    margin-right: 10px;
    width: 15px;
}

/* Fin Títulos & Subtítulos */

/*.custom-checkbox { */
/* Fix para alinear no importa el ancho del label respectivo */
/* position: absolute;
	right: 5%; */
/* } */

/*************** Fin de nuevas clases *****************/

.counter {
    /* background-color: lightskyblue; */
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.counter::before {
    content: 'Items';
}

.counter__number {
    background-color: #f5f5f5;
    display: inline-block;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    font-size: 14px;
}

[class*="overflow-y--"] {
    overflow-y: auto;
}

.overflow-y--1,
.overflow-y--3 {
    /* Muestra las cinco primeras filas */
    height: 285px;
    /* Altura de cada row * cantidad de filas a mostrar */
}

.overflow-y--2 {
    height: 500px;
    /* Se asume el valor por defecto (altura) de cada fila (15) */
}

.historymodal .modal-content {
    height: 750px;
}

.historymodal .fieldsmodal__modal-content .modal-content {
    height: 285px;
    position: absolute;
    top: 140px;
}

.modal.show .modal-dialog.fieldsmodal {
    /* Especificidad necesaria para poder aplicar el override */
    height: auto;
}

.button__disabled.disabled,
/* Validar ¿Por qué no funciona el disabled? */
.button__disabled.disabled:hover {
    background-color: #6c757d;
    opacity: .65;
    position: relative;
    cursor: default;
}

.modal__buttons__item:disabled
{
    opacity: .65;
    position: relative;
    cursor: default;
}

.modal__buttons__item:disabled:hover
{
    opacity: .65;
    position: relative;
    cursor: default;
}

.button__disabled.disabled:hover {
    box-shadow: none;
}

.disabled_button{
    background-color: #6c757d;
    opacity: .65;
    position: relative;
    cursor: default;
}

.disabled_button:hover{
    background-color: #6c757d;
    opacity: .65;
    position: relative;
    cursor: default;
}

.header-blu {
    color: #0099E5;
}

.header-orange {
    color: darkOrange;
}

.background-color-yellow-overdue {
    background-color: rgb(255, 255, 128);
}

.background-color-orange-overdue {
    background-color: rgb(255, 128, 128);
}

.panel-scroll {
    max-height: 35rem;
    overflow-y: auto;
}

.iconHistory {
    width: 20px;
    cursor: pointer;
}

.table-fix-head {
    overflow: auto;
}

.table-fix-head thead {
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
}

.header-item {
    border-top: none !important;
    cursor: pointer
}

.header-item-manual {
    border-top: none !important;
    font-weight: bold !important;
    color: #212529 !important
}

.assignment-row td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    vertical-align: middle !important;
}

.table-without-border thead tr,
.table-without-border thead tr th,
.table-without-border tbody tr,
.table-without-border tbody tr td {
    border: none !important;
    vertical-align: middle;
}

.notes-text-area,
.notes-text-area:focus {
    border: 1px solid #9e9e9e8c !important;
    padding: 5px;
}

input::placeholder {
    color: white;
    font-size: 12px;
    /* font-style: italic; */
    font-weight: normal;
}

#staffing__discharges--input:disabled {
    background: #EBEBE4 !important;
}

.btn-first-password {
    background-color: #008AD8;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
}

.btn-first-password:hover {
    background-color: #002d5e;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
}

.icon-pass-warning,
.icon-pass-warning:hover,
.icon-pass-warning:active {
    background-color: #f1c945 !important;
    color: #ffffff;
    font-size: 19px;
    font-weight: 600;
    border-radius: 8px;
}

.icon-pass-success,
.icon-pass-success:hover,
.icon-pass-success:active {
    background-color: #76f145 !important;
    color: #ffffff;
    font-size: 19px;
    font-weight: 600;
    border-radius: 8px;
}

.icon-pass-neutro,
.icon-pass-neutro:hover,
.icon-pass-neutro:active {
    background-color: #ebeeea !important;
    color: #ffffff;
    font-size: 19px;
    font-weight: 600;
    border-radius: 8px;
}

.p-auth {
    line-height: 1.4;
    color: #75767E;
    font-size: 13px;
}

.input-date-template {
    text-align: right;
    clear: both;
    float: left;
    margin-right: 15px;
    margin-top: 10px;
    font-weight: bold;
}

.action-report {
    color: #0085DC !important;
}

.action-report:hover {
    text-decoration: underline !important;
}

.active-route {
    background-color: #0063B0 !important;
}

#inbox-list {
    height: 160px !important;
    width: 100%;
}

#inbox-list {
    overflow: hidden;
    overflow-y: scroll;
}

.img-report {
    max-width: 95%;
    margin-top: 18px;
}

.p-guide {
    font-size: 17px;
    line-height: 1.4;
}

#add:hover {
    color: #FFF;
    background-color: #3F5DCA;
    border-color: #3F5DCA;
}

#delete:hover {
    color: #FFF;
    background-color: #ed6b75;
    border-color: #ed6b75;
}

#edit:hover {
    color: #FFF;
    background-color: #337ab7;
    border-color: #337ab7;
}

#file:hover {
    color: red;
    background-color: #fff;
    border-color: red;
}

/* 
  .theme--light.v-input, .theme--light.v-input input, .theme--light.v-input textarea {
    color: #1867c0;
  } */
.list-boxes {
    border-top-right-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
    box-shadow: 0px 3px 6px #404040;
    min-height: 215px;
    max-height: 215px;
    border: 1px solid gray;
    padding-bottom: 0px;
    padding-top: 5px;
}

thead {
    background-color: #f1f1f1;
}

a,
a label {
    cursor: pointer;
}




#multiselect__schedule
.multiselect,
#multiselect__schedule
.multiselect__input,
#multiselect__schedule
.multiselect__single {
    font-family: inherit;
    font-size: 13px !important;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}



.formdynamic__item__field textarea:focus-visible {
    outline-color: #26a69a;
}

.formdynamic__item__field textarea {
    padding: .4rem;
}





#multiselect__schedule .multiselect .multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 12px !important;
}


#multiselect__schedule .multiselect .multiselect__option:after {
    top: 0;
    right: 0;
    position: absolute;
    line-height: 40px;
    padding-right: 12px;
    padding-left: 20px;
    font-size: 12px !important
}

#multiselect__schedule .multiselect .multiselect__option--highlight, #multiselect__filter .multiselect__option--highlight {
    background: #0085DC  !important;
    outline: none;
    color: #fff
}

#multiselect__schedule .multiselect .multiselect__option--highlight:after, #multiselect__filter .multiselect__option--highlight:after {
    content: attr(data-select);
    background: #0085DC !important;
    color: #fff
}


#multiselect__schedule  .multiselect__option--selected.multiselect__option--highlight, #multiselect__filter .multiselect__option--selected.multiselect__option--highlight{
    background: #002d5e !important;
    color: #fff
}

#multiselect__schedule .multiselect__option--selected.multiselect__option--highlight:after, #multiselect__filter .multiselect__option--selected.multiselect__option--highlight:after {
    background: #002d5e !important;
    content: attr(data-deselect);
    color: #fff
}

/* .custom-radio:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
} */


.custom-radio:checked:after {
    width: 14px;
    height: 14px;
    border-radius: 15px;
    top: 1px;
    left: 1px;
    position: relative;
    background-color:   #2084e2  ;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid white;
    box-shadow: 0 0 0 .7px black;
}

.custom-radio-list:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -1.9px;
    left: 1px;
    position: relative;
    background-color:   #2084e2  ;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid white;
    box-shadow: 0 0 0 .7px black;
}

.calendar-picker {
    display: inline !important;
    border:rgba(0, 0, 0, .1)
}

.wrapperClass {
    display:inline-block;
}

.vdp-datepicker__calendar .cell.highlighted {
    background: #0085DC !important;
    color: #fff !important;
}

.vdp-datepicker__calendar .cell.selected, .vdp-datepicker__calendar .cell.selected.highlighted {
    background: #0b2a3f !important;
    color: #fff !important;
}

.datepicker__input-class::placeholder
{
    color: rgb(52, 73, 94);
    font-weight: 300;
    font-size: 13px;
}

.cancel:hover{
    /* background-color: #6c757d !important;
    color: #fff !important;
    border-color: #fff !important; */
    transform: scale(1.05);

}

.table-without-border thead .border-header-column
{
    /* border-bottom: 1px solid black !important; */
    color: #515364;  
    font-size: 1rem; 
    background-color: #fff !important;
}

.table-without-border thead .border-header-column:after
{
    content:'';
    position:absolute;
    left: 0;
    bottom: 0;
    width:74%;
    
    border-bottom: 1px solid black !important; 
    color: #515364; 
    font-size: 1rem; 
    background-color: #fff !important;
}

.form-control:disabled {
    color: #6c757d;
    background-color: #e9ecef !important;
}

/* This will apply to any element with overflow:auto */
/* You can also target a specific element by using its ID or class */
/* For example, if your container has an ID of "myContainer" */

/* For vertical scrollbar */
.show-hide__list::-webkit-scrollbar {
    width: 8px; /* Width of the vertical scrollbar */
    border-radius: 6px;
}

.show-hide__list::-webkit-scrollbar-thumb {
    background-color: #888; /* Color of the thumb (the draggable part) */
    border-radius: 6px;
}

/* For horizontal scrollbar */
.show-hide__list::-webkit-scrollbar:horizontal {
    height: 10px; /* Height of the horizontal scrollbar */
}

.show-hide__list::-webkit-scrollbar-thumb:horizontal {
    background-color: #888; /* Color of the thumb (the draggable part) for horizontal scrollbar */
}

/* Optional: You can style the track (the non-draggable part) as well */


/* Optional: You can also style the corner (the intersection of horizontal and vertical scrollbars) */
.show-hide__list::-webkit-scrollbar-corner {
    background-color: #f1f1f1; /* Color of the scrollbar corner */
}

#hours_work_week::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(172, 168, 168) !important;
    opacity: 1; /* Firefox */
  }