@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

.text-typography-500 {
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 18px !important;
}

.text-typography-400 {
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.text-typography-700 {
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}

.text-typography-600 {
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.text-typography-not-line-500 {
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
}

.text-typography-not-line-700 {
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 700;
}

.text-typography-not-line-600 {
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 600;
}

.text-size-10 {
    font-size: 10px !important;
}

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

.text-size-15 {
    font-size: 14px;
}

.text-size-16 {
    font-size: 16px;
}

.text-size-18 {
    font-size: 18px;
}

.text-size-20 {
    font-size: 20px;
}

.text-size-22 {
    font-size: 22px;
}

.text-size-24 {
    font-size: 24px;
}

.text-size-26 {
    font-size: 26px;
}

.text-size-30 {
    font-size: 30px;
}

.text-color-blue {
    color: #1E9AD7 !important;
}

.text-color-green {
    color: #6CC04E !important;
}

.text-color-white {
    color: #FFFFFF !important;
}

.text-color-dark {
    color: #3D3D3D !important;
}

.text-color-dark-blue {
    color: #134485 !important;
}

.text-color-gray {
    color: #ECECEC;
}

.text-color-gray-2 {
    color: #B0B0B0;
}

.border-bottom-gray {
    border-bottom: 1px solid #E6E6E6;
}

.text-color-danger {
    color: #FF4444 !important;
}

.text-color-danger:hover {
    color: #FF4444;
}

.color-asterisk {
    color: #E51E1E;
}

.logo-pasarex {
    height: 100%;
    padding: 30px;
    width: 100%;
}

.icon-menu {
    height: 30px;
    margin-left: 10px;
    width: 30px;
}

.border-menu-main {
    border-color: #1E9AD7 !important;
}

.btn-menu {
    background-color: #3CB7F3 !important;
}

.btn-menu-xl {
    display: block !important;
}

.btn-menu-sm {
    display: none !important;
}

.btn-bars {
    background-color: #1E9AD7;
    display: none;
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: transparent !important;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link {
    color: #3D3D3D !important;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link{
    background-color: #134485 !important;
    border-radius: 0 !important;
    color: #ffffff !important;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link>.img2, [class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link>.img2{
    display: none;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link>.img2, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link>.img2{
    display: block;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link>.img1, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link>.img1{
    display: none;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link>.text-color-dark:hover, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link>.text-color-dark:hover{
    color: #FFFFFF !important;
}

.nav-sidebar .nav-link>.right, .nav-sidebar .nav-link>p>.right {
    color: #1E9AD7;
    top: 1.1rem !important;
}

.nav-sidebar .menu-is-opening>.nav-link i.right, .nav-sidebar .menu-is-opening>.nav-link svg.right, .nav-sidebar .menu-open>.nav-link i.right, .nav-sidebar .menu-open>.nav-link svg.right {
    color: #ffffff;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:hover{
    background-color: #DCF0FA !important;
}

.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #134485 !important;
    color: #FFFFFF !important;
}

.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.bg-blue-submenu.active {
     background-color: #DCF0FA !important;
     color: #3D3D3D !important;
     box-shadow: none;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link.bg-blue-submenu, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link.bg-blue-submenu{
    background-color: #DCF0FA !important;
    border-radius: 0 !important;
    color: #3D3D3D !important;
}

.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active > .img1 {
    display: none;
}

.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active > .img2 {
    display: block;
}

.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active>p>.right {
    color: #FFFFFF;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active {
    background-color: #DCF0FA !important;
}

#sidebar-overlay {
    background-color: transparent  !important;
}

 .bg-blue-submenu.active .edge-of-state .customer-state-of-edge {
    background: #134485;
    border-radius: 0 3px 3px 0;
    height: 25px;
    left: 0;
    position: absolute;
    top: 11px;
    width: 5px;
}


.edge-of-state .customer-state-of-edge {
    background: white;
    border-radius: 0 3px 3px 0;
    height: 25px;
    left: 0;
    position: absolute;
    top: 11px;
    width: 5px;
}

.card-border-blue {
    background: #ffffff;
    border: solid 1px #1E9AD7;
    box-shadow: 2px 2px 10px rgba(183, 183, 183, 0.25);
    border-radius: 5px;
    height: 100%;
    transition: 0.2s;
    text-align: center;
    padding: 20px;
    width: 100%;
}

.card-border-blue:hover {
    box-shadow: 2px 2px 10px rgba(183, 183, 183, 0.25);
    transition: 0.2s;
}

.card-border-gray {
    border: 1.5px solid #B0B0B0 !important;
}

.border-blue {
    border: 1px solid #1E9AD7 !important;
}

.border-top-blue {
    border-top: 3px solid #1E9AD7 !important;
}

.border-top-red {
    border-top: 3px solid #d52f2f !important;
}

.border-red {
    border: 1px solid #FF4444 !important;
}

.card {
    box-shadow: 2px 2px 10px rgba(183, 183, 183, 0.25) !important;
    border-radius: 5px !important;
    margin-bottom: 0 !important;
}

.card-white-title {
    display: flex;
    align-items: center;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 600;
    color: #134485;
}

.card-fond-blue {
    background: #1E9AD7;
    border-radius: 5px 5px 0 0;
}

.btn-main {
    background: #1E9AD7;
    color: #ffffff;
    border: 2px solid #1E9AD7;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.btn-main:hover {
    border: 2px solid #134485;
    color: #ffffff !important;
}

.btn-main:disabled {
    background-color: #ccc;
    border-color: #ccc;
    color: #000000;
    cursor: not-allowed;
}

.btn-main:disabled:hover {
    color: #000000 !important;
}

.btn-main-sm {
    background: #1E9AD7;
    color: #ffffff;
    border: 2px solid #1E9AD7;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-main-sm:hover {
    border: 2px solid #134485;
    color: #ffffff !important;
}

.btn-main-icon {
    background: #1E9AD7;
    color: #ffffff;
    border: 2px solid #1E9AD7;
    border-radius: 5px;
    font-size: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-main-icon:hover {
    border: 2px solid #134485;
    color: #ffffff !important;
}

.btn-secondary {
    background: #134485 !important;
    border: 2px solid #134485 !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.btn-secondary:hover {
    border: 2px solid #1E9AD7 !important;
}

.btn-secondary-sm {
    background: #134485;
    border: 2px solid #134485;
    border-radius: 5px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-secondary-sm:hover {
    border: 2px solid #1E9AD7 !important;
}

.btn-secondary-white-sm {
    background: #FFFFFF !important;
    border: 2px solid #134485 !important;
    border-radius: 5px !important;
    color: #134485 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-secondary-white-sm:hover {
    border: 2px solid #1E9AD7 !important;
}

.btn-secondary-icon {
    background: #134485 !important;
    border: 2px solid #134485 !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-secondary-icon:hover {
    border: 2px solid #1E9AD7 !important;
}

.btn-purple {
    background: #3773C2 !important;
    border: 2px solid #3773C2 !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.btn-purple:hover {
    border: 2px solid #1E9AD7 !important;
}

.btn-purple-sm {
    background: #3773C2 !important;
    border: 2px solid #3773C2 !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.btn-purple-sm:hover {
    border: 2px solid #1E9AD7 !important;
}

.btn-border-purple {
    background: #FFFFFF !important;
    border: 2px solid #3773C2 !important;
    border-radius: 5px !important;
    color: #3773C2 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.btn-border-purple:hover {
    border: 2px solid #2e61a4 !important;
}


.btn-services {
    background: #FFFFFF;
    border: 1.5px solid #FFFFFF;
    border-radius: 5px;
    box-sizing: border-box;
    color: #1E9AD7;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 7px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.btn-services:hover {
    border: 2px solid #1E9AD7;
    background: #DCF0FA;
}

.btn-white {
    background: #FFFFFF;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    color: #1E9AD7;
    border: 1px solid #1E9AD7;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.btn-white:hover {
    color: #1E9AD7;
    border: 1px solid #1E9AD7;
}

.btn-white-icon {
    background: #FFFFFF;
    color: #1E9AD7;
    border: 1px solid #1E9AD7;
    border-radius: 5px;
    font-size: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-white-icon:hover {
    border: 1px solid #1E9AD7;
    color: #ffffff !important;
}

.btn-white-sm {
    background: #FFFFFF;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 10px;
    color: #1E9AD7;
    border: 1px solid #1E9AD7;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-white-sm:hover {
    color: #1E9AD7;
    border: 1px solid #1E9AD7;
}

.btn-rounded-white {
    background: #FFFFFF;
    border-radius: 60px;
    border: solid 1px #FFFFFF;
    height: 40px;
    width: 40px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-rounded-white:hover {
    border: solid 1px #134485;
}

.btn-gray {
    background: #F1F1F1;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    box-sizing: border-box;
    color: #124380;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.btn-border-gray {
    background: #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    box-sizing: border-box;
    color: #3D3D3D;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.btn-rounded-gray {
    background: #ECECEC;
    border-radius: 60px;
    border: solid 1px #ECECEC;
    height: 40px;
    width: 40px;
    color: #B0B0B0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-rounded-gray:hover {
    color: #FF4444;
}

.btn-delete {
    background: #FF4444;
    border: 1.5px solid #FF4444;
    border-radius: 5px;
    box-sizing: border-box;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.btn-delete:hover {
    border: 2px solid #FF4444;
    color: #FFFFFF;
}

.btn-delete-sm {
    background: #FF4444;
    border: 2px solid #FF4444;
    border-radius: 5px;
    box-sizing: border-box;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-delete-sm:hover {
    border: 2px solid #e71c1c;
    color: #FFFFFF;
}

.btn-delete-icon {
    background: #FF4444;
    color: #ffffff;
    border: 2px solid #FF4444;
    border-radius: 5px;
    font-size: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-delete-icon:hover {
    border: 2px solid #FF4444;
    color: #ffffff !important;
}

.btn-border-delete {
    background: #FFFFFF !important;
    border: 1px solid #FF4444 !important;
    border-radius: 5px !important;
    color: #FF4444 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.btn-border-delete:hover {
    border: 1px solid #ee0909 !important;
    color:  #ee0909 !important;
}


.btn-green {
    background: #FFFFFF;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    color: #6CC04E;
    border: 1px solid #6CC04E;
    transition: all .2s;  display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.btn-green:hover {
    color: #6CC04E;
    border: 1px solid #6CC04E;
}

.btn-green-sm {
    background: #FFFFFF !important;
    border: 1px solid #6CC04E !important;
    border-radius: 5px !important;
    color: #6CC04E !important;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-green-sm:hover {
    border: 1px solid #6CC04E !important;
}

/* Contenedor */
.container-check {
    display: block !important;
    position: relative !important;
    padding-left: 37px !important;
    margin-bottom: 24px !important;
    cursor: pointer !important;
}

/* escondemos el default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* creamos un custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #AAAAAA;
    background: transparent;
    border-radius: 5px;
}

/* creamos el marcador (escondido al no seleccionar) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* mostramos el marcador al seleccionar */
.container-check input:checked ~ .checkmark:after {
    display: block;
}

/* estilo del marcador */
.container-check .checkmark:after {
    left: 9px;
    top: 2px;
    width: 5px;
    height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#c1 input:checked ~ .checkmark {
    border: 1px solid #1E9AD7;
    border-radius: 5px;
    background-color: #1E9AD7;
}

.card-session li {
    padding: 5px;
}

.card-session li a:hover {
    background-color: #DCF0FA;
}

.logXs {
    display: none;
}

.container-fluid {
    padding-left: 30px !important;
}

.main-sidebar {
    width: 270px !important;
}

.container-trm {
    display: none;
}

.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
    margin-left: -800px !important;
}

.input_div {
    position: relative;
    width: 100%;
}

.input_div_date {
    height: 50px;
    position: relative;
    width: 100%;
}

.input_form {
    border: 1.5px solid #B0B0B0;
    border-radius: 5px;
    background: none;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    height: 50px;
    left: 0;
    outline: none;
    padding-left: 17px;
    padding-top: 6px;
    top: 0;
    width: 100%;
    z-index: 1;
}

.input_form:focus {
    border: 1.5px solid #5cbeee;
}

.input_form:focus + .text_label{
    color: #5cbeee;
}

.select-form {
    height: 50px;
    position: relative;
    left: 1px;
    border-right: 1.5px solid;
    border-color: #AAAAAA;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #FFFFFF;
    padding: 6px
}

.select-input {
    border: 1px solid #B3B3B3;
    background: #FFFFFF;
    padding-right: 10px;
    padding-left: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #3D3D3D;
}

.input-select {
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input_form_danger {
    border: 1.5px solid #FF4444 !important;
}

.input_form_danger + .text_label{
    color: #FF4444 !important;
}


.input_form_success {
    border: 1.5px solid #6CC04E !important;
}

.input_form_success + .text_label{
    color: #6CC04E !important;
}

.input_form_default {
    border: 1.5px solid #B0B0B0 !important;
}

.input_form_default + .text_label{
    color: #B0B0B0 !important;
}

.text_label {
    background-color: #FFFFFF;
    color: #787878;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 12px;
    left: 1rem;
    margin-top: -8px;
    padding-left: 2px;
    position: absolute;
    z-index: 10;
}

.text_label_danger {
    background-color: #FFFFFF;
    color: #FF4444 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 12px;
    left: 1rem;
    position: absolute;
    padding-left: 2px;
    margin-top: -8px;
    z-index: 10;
}

.text_label_center {
    padding-left: 10px !important;
}

.input-icon {
    left:1.1rem;
    position:absolute;
    top: 2.6rem;
    color: #B0B0B0;
}

input::placeholder {
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #B0B0B0;
}

input[type=text] {
    color: #3D3D3D;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
}


.datepicker[type=text] {
    padding-left: 16px;
    padding-top: 8px;
}

.input_form_2 {
    border: 1.5px solid #B0B0B0;
    border-radius: 5px;
    background: none;
    height: 50px;
    left: 0;
    outline: none;
    position: absolute;
    padding-left: 40px;
    padding-top: 6px;
    top: 0;
    width: 100%;
    z-index: 1;
}

.input_form_2_danger {
    border: 1.5px solid #FF4444;
    border-radius: 5px;
    background: none;
    height: 50px;
    left: 0;
    outline: none;
    position: absolute;
    padding-left: 40px;
    top: 0;
    width: 100%;
    z-index: 1;
}

.input_form_2:focus {
    border: 1.5px solid #5cbeee;
}

.input_form_2:focus + .text_label{
    color: #5cbeee;
}

.text_label_date {
    background-color: #FFFFFF;
    color: #787878;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 12px;
    left: 1rem;
    position: absolute;
    padding-left: 2px;
    padding-right: 2px;
    top: -0.5rem;
    transition: .3s;
    z-index: 10;
}

.text_label_date_danger {
    background-color: #FFFFFF;
    color: #FF4444;
    font-weight: 500 !important;
    font-size: 12px;
    left: 1rem;
    position: absolute;
    padding-left: 2px;
    padding-right: 2px;
    top: -0.5rem;
    transition: .3s;
    z-index: 10;
}

.input_form_2:focus + .text_label_date{
    color: #5cbeee;
}

.icon_date {
    border-left: 1.5px solid #B0B0B0 !important;
    height: 50px;
    margin-left: 80%;
    position: absolute;
    width: 20%;
}

.input_form_2:focus + .text_label_date + .icon_date{
    border-left: 1.5px solid #5cbeee !important;
    color: #5cbeee;
}

.input-group-personalize {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    border: 1px  solid #ced4da;
    background: #FFFFFF;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.input-group-width {
    width: 92% !important;
}

.icon_date_danger {
    color: #FF4444;
    border-left: 1.5px solid #FF4444 !important;
    height: 50px;
    margin-left: 80%;
    position: absolute;
    width: 20%;
}

.div-select {
    height: 50px;
    position: relative;
}

.div-select .input-icon-select {
    position:absolute;
    padding-left: 1rem;
    padding-top: 19px;
    color: #B0B0B0;
    z-index: 12;
}

.div-select .input-icon-select-danger {
    position: absolute;
    padding-left: 1rem;
    padding-top: 19px;
    color: #FF4444 !important;
    z-index: 12;
}


.select2-container--default .select2-selection--single {
    height: 50px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 5px !important;
    margin-left: 18px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #B0B0B0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-top: 10px;
    margin-right: 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{
    background-color: #DCF0FA !important;
    color: #3D3D3D !important;
}

 .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #1E9AD7 !important;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background: #1E9AD7;
    border-radius: 3px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    background-color: #ECECEC;
    height: 8px;
    width: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #3D3D3D !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: 1px !important;
}

.form-controls {
    border: 1.5px solid #B0B0B0 !important;
    border-radius: 5px !important;
    background: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    left: 0 !important;
    outline: none !important;
    position: absolute !important;
    padding: 1rem !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 1 !important;
}

.div-select .subtitle {
    background-color: #FFFFFF !important;
    color: #787878;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    left: 1rem !important;
    position: absolute !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    top: -0.5rem !important;
    transition: .3s !important;
    z-index: 10 !important;
}

.div-select .subtitle_danger {
    background-color: #FFFFFF !important;
    color: #FF4444 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    left: 1rem !important;
    position: absolute !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    top: -0.5rem !important;
    transition: .3s !important;
    z-index: 10 !important;
}

.go_up {
    background: #124380;
    border-radius: 5px;
    box-shadow: 0 0 2px #124380;
    bottom: 10px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 18px;
    height: 40px;
    position: fixed;
    right: 10px;
    width: 40px;
}

.go_up .icon {
    margin-left: 12px;
    margin-top: 8px
}

.card .nav.flex-column:not(.nav-sidebar)>li {
    border-bottom: none !important;
}

.bs-stepper-circle {
    background-color: #E6E6E6 !important;
    width: 38px !important; !important;
    height: 38px !important; !important;
    border-radius: 50% !important; !important;
}

.padding-dynamic-bs-stepper {
    padding: 2.5rem !important;
}

.bs-stepper-circle .icon-white {
    display: none;
}

.bs-stepper-circle .icon-blue {
    display: block;
}

.active .bs-stepper-circle {
    background-color: #1E9AD7 !important;
}

.active .bs-stepper-circle .icon-white {
    display: block;
}

.active .bs-stepper-circle .icon-blue {
    display: none;
}

.active .bs-stepper-circle + .bs-stepper-label {
    color: #1E9AD7 !important;
}

.bs-stepper .step-trigger {
    padding: 0 !important;
    flex-direction: column !important;
    color: #3D3D3D !important;
    white-space: normal !important;
}

.bs-stepper .step-trigger:focus + {
    color: #1E9AD7 !important;
}

.bs-stepper .step-trigger:hover {
    background-color: transparent !important;
}

.bs-stepper .line, .bs-stepper-line {
    background-color: #1E9AD7 !important;
}

.bs-stepper-header {
    bottom: 10px !important;
}

.bs-stepper .content.active:not(.fade), .bs-stepper-pane.active:not(.fade) {
    background: #FFFFFF !important;
}

.bs-stepper .step-trigger:not(:disabled):not(.disabled) {
    background-color: #FFFFFF !important;
}

.bs-stepper-pane.active:not(.fade) {
    background: transparent !important;
}

.card-services {
    height: 170px !important;
    overflow: hidden !important;
}

.card-services p {
    color: #3D3D3D !important;
}

.label-card-services {
    height: 170px;
    width: 100%;
    display: inline-block;
    position: relative;
    bottom: 130px;
    cursor: pointer;
    background-color: transparent;
    z-index: 1
}

.checkbox-service {
    display: none;
}

.card-services .img-service-color {
    display: block;
}

.card-services .img-service-white {
    display: none;
}

.card-services .img-service-circle {
    display: block;
}

.card-services .img-service-hover {
    display: none;
}

.card-services .img-service-activo {
    display: none;
}

.card-services:hover {
    background-color: #DCF0FA !important;
}

.card-services:hover .img-service-circle {
    display: none;
}

.card-services:hover .img-service-hover {
    display: block;
}

.card-services:hover .img-service-activo {
    display: none;
}

.card-services:hover {
    background-color: #DCF0FA !important;
}

.card-services-selected {
    background-color: #1199D6 !important;
    height: 170px !important;
    overflow: hidden !important;
}

.card-services-selected p {
    color: #FFFFFF !important;
}

.card-services-selected .img-service-color {
    display: none;
}

.card-services-selected .img-service-white {
    display: block;
}

.card-services-selected .img-service-circle {
    display: none;
}

.card-services-selected .img-service-hover {
    display: none;
}

.card-services-selected .img-service-activo {
    display: block;
}

.text-card-services {
    position: relative;
    top: -1.1rem;
    height: 80% !important;
}

.table-search {
    height: 415px !important;
    overflow-y: auto !important;
    margin-top: 3px !important;
    border: 1.5px solid #B0B0B0 !important;
}

.table-search::-webkit-scrollbar {
    -webkit-appearance: none !important;
}

.table-search::-webkit-scrollbar {
    width: 12px !important;
    height: 5px !important;
}

.table-search::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ECECEC !important;
    border-radius: 3px !important;
}

.table-search::-webkit-scrollbar-thumb {
    background: #134485 !important;
    border-radius: 3px !important;
}

.nav-pills .default-pill.active {
    color: #fff !important;
    border: 1px solid #1E9AD7 !important;
    background-color: #1E9AD7 !important;
    height: 70px !important;
    cursor: pointer !important;
}

.nav-pills .default-pill {
    color: #3D3D3D !important;
    border: 1px solid #1E9AD7 !important;
    background-color: #FFFFFF !important;
    height: 70px !important;
    cursor: pointer !important;
}

.nav-pills .default-pill .icon-blue {
    display: block !important;
}

.nav-pills .default-pill .icon-white {
    display: none !important;
}

.nav-pills .default-pill.active  .icon-blue {
    display: none !important;
}

.nav-pills  .default-pill.active  .icon-white {
    display: block !important;
}

.nav-pills .default-sub-pill.active {
    color: #fff !important;
    border: 1px solid #1E9AD7 !important;
    background-color: #1E9AD7 !important;
    height: 50px !important;
    cursor: pointer !important;
}

.nav-pills .default-sub-pill.active .icon-blue {
    display: block !important;
}

.nav-pills .nav-link:not(.active):hover {
    color: #3D3D3D !important;
}

.tooltip .tooltip-inner {
    background: #2F6EC2 !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    padding: .8rem;
}

.tooltip .arrow::before {
    border-right-color: #2F6EC2 !important;
}

.select-blue-black .selected {
    border: 1px solid #124380 !important;
    background: #124380 !important;
    border-radius: 5px !important;
    padding: 5px !important;
    color: #FFFFFF !important;
}

.select-blue-black .selected option {
    background-color: #FFFFFF !important;
    color: #3D3D3D !important;
}

.color-asterisk {
    color: #E51E1E;
}

.mini-trm {
    background: linear-gradient(90deg, #1E9AD7 6.55%, #66CFFF 93.45%);
    border-radius: 5px;
    height: 29px;
    width: 185px;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mt-5 {
    margin-top: 2rem !important;
}

.mb-5 {
    margin-bottom: 2rem !important;
}

.my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.py-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.mt-6 {
    margin-top: 3rem !important;
}

.mr-6 {
    margin-right: 3rem !important;
}

.mb-6 {
    margin-bottom: 3rem !important;
}

.ml-6 {
    margin-left: 3rem !important;
}

.mx-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.mt-8 {
    margin-top: 4rem !important;
}

.mr-8 {
    margin-right: 4rem !important;
}

.mb-8 {
    margin-bottom: 4rem !important;
}

.ml-8 {
    margin-left: 4rem !important;
}

.mx-8 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
}

.my-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.mt-10 {
    margin-top: 5rem !important;
}

.mr-10 {
    margin-right: 5rem !important;
}

.mb-10 {
    margin-bottom: 5rem !important;
}

.ml-10 {
    margin-left: 5rem !important;
}

.mx-10 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
}

.my-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

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

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

#modalFilter .modal-dialog {
    max-width: 50% !important;
}

.modal-header .close {
    padding: 0 1rem 0 !important;
    margin: -0.5rem -1rem -1rem auto !important;
    z-index: 2;
}

.size-radio {
    width: 25px;
    height: 25px;
}

.content-wrapper {
    min-height: 100vh !important;
}

/* Para navegadores basados en WebKit (Chrome, Safari, Edge) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Para Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

@media screen and (max-width: 1861px) {
    .input-group-width {
        width: 91% !important;
    }
}

@media screen and (max-width: 1689px) {
    .input-group-width {
        width: 90% !important;
    }
}

@media screen and (max-width: 1551px) {
    .input-group-width {
        width: 89% !important;
    }
}

@media screen and (max-width: 1488px) {
    .input-group-width {
        width: 88% !important;
    }
}

@media screen and (max-width: 1345px) {
    .input-group-width {
        width: 87% !important;
    }
}

@media screen and (max-width: 1265px) {
    .input-group-width {
        width: 85% !important;
    }

}

@media screen and (max-width: 1139px) {
    .input-group-width {
        width: 84% !important;
    }
}

@media screen and (max-width: 1087px) {
    .input-group-width {
        width: 81% !important;
    }
}

@media screen and (max-width: 992px){
    .input-group-width {
        width: 82% !important;
    }

    #modalFilter .modal-dialog {
        max-width: 70% !important;
    }

    .logXs {
        display: block;
    }

    .btn-bars {
        display: block;
    }

    .btn-menu-sm {
        display: block !important;
    }

    .btn-menu-xl {
        display: none !important;
    }

    .layout-fixed .main-sidebar {
        bottom: unset !important;
        top: unset !important;
    }

    .logo-none {
        display: none !important;
    }

    .main-sidebar {
        margin-top: 43px !important;
    }

    .container-fluid {
        padding-left: 7.5px !important;
    }
}

@media screen and (max-width: 767px) {
    .main-sidebar {
        height: 100vh;
        overflow-y: hidden;
        z-index: 1038 !important;
    }

    .main-sidebar, .main-sidebar::before {
        transition: margin-left .3s ease-in-out,width .3s ease-in-out;
        width: 100% !important;
    }

    .container-trm {
        background: linear-gradient(180deg, #134485 0%, #3980DD 100%);
        display: block;
        height: 200px;
        margin-left: -1.3em;
        margin-right: -1.3em;
        position: relative;
        width: 120vh;
    }

    .card-trm {
        display: none !important;
    }

    .bs-stepper .step-trigger {
        width: 100px;
    }

    .bs-stepper-header {
        overflow-x: scroll;
    }

    .padding-dynamic-bs-stepper {
        padding: 2.5rem 1rem !important;
    }

    .text-card-services {
        position: relative;
        top: -0.5rem;
    }

    .bs-stepper-header {
        overflow-x: scroll;
    }

    .modal-directory {
        max-width: 95% !important;
    }

    .modal-create {
        max-width: 95% !important;
    }

    #modalFilter .modal-dialog {
        max-width: 95% !important;
    }

    .input-group-width {
        width: 100% !important;
    }
}