:root {
    --azul1: #00b8c9;
    --azul2: #00494a;
    --azul3: #007c93;

}

#divInfo2 {
    display: none !important;
}
/* FONT COLOR - MAIN COLOR */
/*======================================*/
@media (min-width: 1920px) {
    .container {
        width: 1410px;
    }
}

@media (min-width: 1440px) {
    .container {
        width: 1370px;
    }
}

@media (min-width: 1152px) {
    .container {
        width: 1370px;
    }
}

/*Imagenes responsivas en diferentes tamanos*/

.img-responsiva {
    height: 46em;
    width: 46em; /* Tamaño predeterminado */
}

@media (max-width: 768px) {
        #divInfo2 {
        display: block !important;
    }
            #divInfo {
        display: none !important;
    }
    .img-responsiva {
        height: 20em;
        width: 20em; /* Tamaño más grande para pantallas más pequeñas */
    }
}

@media (max-width: 480px) {
        #divInfo2 {
        display: block !important;
    }
            #divInfo {
        display: none !important;
    }
    .img-responsiva {
        height: 20em;
        width: 20em; /* Tamaño aún más grande para pantallas muy pequeñas */
    }
}

.img-responsivaxs {
    height: 22.63em;
    width: 22.63em; /* Tamaño predeterminado */
}

@media (max-width: 768px) {
        #divInfo {
        display: none !important;
    }
        #divInfo2 {
        display: block !important;
    }
    .img-responsivaxs {
        height: 20em;
        width: 20em; /* Tamaño más grande para pantallas más pequeñas */
    }
}

@media (max-width: 480px) {
    .img-responsivaxs {
        height: 20em;
        width: 20em; /* Tamaño aún más grande para pantallas muy pequeñas */
    }
}

/*Importar fuentes nuevas de Ticson*/

@font-face {
    font-family: 'Fallinlove';
    src: url('../../../fonts/Fall in love.ttf') format('truetype');
}

@font-face {
    font-family: 'GOTHICB';
    src: url('../../../fonts/GOTHIC/GOTHICB.TTF') format('truetype');
}

@font-face {
    font-family: 'Archivo-Regular';
    src: url('../../../fonts/Archivo/Archivo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Archivo_SemiExpanded-Regular';
    src: url('../../../fonts/Archivo/Archivo_SemiExpanded-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Archivo_Expanded-BoldItalic';
    src: url('../../../fonts/Archivo/Archivo_Expanded-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Archivo_SemiExpanded-Regular';
    src: url('../../../fonts/Archivo/Archivo_SemiExpanded-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Ticsonv3icons';
    src: url('../../../fonts/Ticsonv3icons.otf') format('truetype');
}

/*Iconos nuevos de Ticson*/

/*.ticsonicontext {
    font-size: 2em !important;
}*/

@media (max-width: 768px) {
    .ticsonicontext {
        font-size: 1em !important;
    }
}

@media (max-width: 480px) {
    .ticsonicontext {
        font-size: 1em !important;
    }
}

.ticsonicon {
    padding-right: 25px;
    font-style: normal;
}

@media (max-width: 768px) {
    .ticsonicon {
        font-size: 2em;
        padding-right: 1em;
        font-style: normal;
    }
}

@media (max-width: 480px) {
    .ticsonicon {
        font-size: 2em;
        padding-right: 1em;
        font-style: normal;
    }
}

.ticson-aire {
    font-family: 'Ticsonv3icons';
    content: "A";
}

    .ticson-aire:before {
        content: "A";
    }

.ticson-alberca {
    font-family: 'Ticsonv3icons';
    content: "B";
}

    .ticson-alberca:before {
        content: "B";
    }

.ticson-parrilla {
    font-family: 'Ticsonv3icons';
    content: "C";
}

    .ticson-parrilla:before {
        content: "C";
    }

.ticson-aguacaliente {
    font-family: 'Ticsonv3icons';
    content: "D";
}

    .ticson-aguacaliente:before {
        content: "D";
    }

.ticson-bano {
    font-family: 'Ticsonv3icons';
    content: "E";
}

    .ticson-bano:before {
        content: "E";
    }

.ticson-cocina {
    font-family: 'Ticsonv3icons';
    content: "F";
}

    .ticson-cocina:before {
        content: "F";
    }

.ticson-estacionamiento {
    font-family: 'Ticsonv3icons';
    content: "G";
}

    .ticson-estacionamiento:before {
        content: "G";
    }

.ticson-camaindividual {
    font-family: 'Ticsonv3icons';
    content: "H";
}

    .ticson-camaindividual:before {
        content: "H";
    }

.ticson-camaking {
    font-family: 'Ticsonv3icons';
    content: "I";
}

    .ticson-camaking:before {
        content: "I";
    }

.ticson-lavanderia {
    font-family: 'Ticsonv3icons';
    content: "J";
}

    .ticson-lavanderia:before {
        content: "J";
    }

.ticson-camadoble {
    font-family: 'Ticsonv3icons';
    content: "K";
}

    .ticson-camadoble:before {
        content: "K";
    }

.ticson-nomascotas {
    font-family: 'Ticsonv3icons';
    content: "L";
}

    .ticson-nomascotas:before {
        content: "L";
    }

.ticson-personas {
    font-family: 'Ticsonv3icons';
    content: "M";
}

    .ticson-personas:before {
        content: "M";
    }

.ticson-playa {
    font-family: 'Ticsonv3icons';
    content: "N";
}

    .ticson-playa:before {
        content: "N";
    }

.ticson-camaqueen {
    font-family: 'Ticsonv3icons';
    content: "O";
}

    .ticson-camaqueen:before {
        content: "O";
    }

.ticson-recamara {
    font-family: 'Ticsonv3icons';
    content: "P";
}

    .ticson-recamara:before {
        content: "P";
    }

.ticson-sofa {
    font-family: 'Ticsonv3icons';
    content: "Q";
}

    .ticson-sofa:before {
        content: "Q";
    }

.ticson-tv {
    font-family: 'Ticsonv3icons';
    content: "R";
}

    .ticson-tv:before {
        content: "R";
    }

.ticson-vistamar {
    font-family: 'Ticsonv3icons';
    content: "S";
}

    .ticson-vistamar:before {
        content: "S";
    }

.ticson-wifi {
    font-family: 'Ticsonv3icons';
    content: "T";
}

    .ticson-wifi:before {
        content: "T";
    }

/*Colores de fuentes*/

.azul1 {
    color: #00b8c9;
}

.azul2 {
    color: #00494a;
}

.azul3 {
    color: #007c93;
}
.azul4 {
    color: #007275!important;
}

.azul5 {
    color: #001ea2;

}
.rosa1 {
    color: #8f49a6;
}

.gris1 {
    color: #727272;
}



/*Tamanos de fuentes*/

.fz-xs {
    font-size: 0.8em !important;
}

.fz-sm {
    font-size: 1em !important;
}
.fz-lsm {
    font-size: 1.3em !important;
}
.fz-md {
    font-size: 1.5em !important;
}

.fz-lg {
    font-size: 2em !important;
}

.fz-xl {
    font-size: 2.5em !important;
}

.fz-xxl {
    font-size: 3em !important;
}

.fz-xxxl {
    font-size: 3.5em !important;
}

.fz-extralarge {
    font-size: 5em !important;
}

/*Tipos del letras*/

.tachado {
    text-decoration: line-through
}

.italica {
    font-style: italic
}

.Archivo-Regular {
    font-family: 'Archivo-Regular' !important;
}

@media (max-width: 768px) {
    .Archivo-Regular {
        font-size: 1.1em;
    }
}

@media (max-width: 480px) {
    .Archivo-Regular {
        font-size: 1.1em;
    }
}

/* FONT FAMILIES */

.Fallinlove {
    font-family: 'Fallinlove';
}

.Archivo_SemiExpanded {
    font-family: 'Archivo_SemiExpanded';
}

@media (max-width: 768px) {
    .Archivo_SemiExpanded {
        font-size: 2em;
    }
}

@media (max-width: 480px) {
    .Archivo_SemiExpanded {
        font-size: 2em;
    }
}

.Archivo_SemiExpanded-Regular {
    font-family: 'Archivo_SemiExpanded-Regular';
}

@media (max-width: 768px) {
    .Archivo_SemiExpanded-Regular {
        font-size: 1em;
    }
}

@media (max-width: 480px) {
    .Archivo_SemiExpanded-Regular {
        font-size: 1em;
    }
}

.Archivo_Expanded-BoldItalic {
    font-family: 'Archivo_Expanded-BoldItalic';
}

@media (max-width: 768px) {
    .Archivo_Expanded-BoldItalic {
        font-size: 0.8em;
    }
        .lbl-alojamiento {
        width: 100%;
        text-align: left;
    }
}

@media (max-width: 480px) {
    .Archivo_Expanded-BoldItalic {
        font-size: 0.8em;
    }
        .lbl-alojamiento {
        width: 100%;
        text-align: left;
    }
}

.GOTHICB {
    font-family: 'GOTHICB';
}


/*Pagina Principal Divs*/
.div-Restaurantes {
    background-image: url(../../../../IncluirNuevo/img/FotosSanCarlos/Fondo-restaurantes.jpg);
    min-height: 500px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.div-lugaresturisticos {
    background-image: url(../../../../IncluirNuevo/img/FotosSanCarlos/Fondo-azul-playa.jpg);
    min-height: 500px;
    padding-top: 60px;
    padding-bottom: 100px;
}

.div-lugaresturisticos-title {
    padding-top: 20px;
}


.div-Departamentos-Detalles {
    margin-top: 70px;
}

.btn-departamento {
    background-color: #999999;
    color: white;
    width: 100%;
}

.btn-departamento-active {
    background-color: #008994;
    color: white;
    width: 100%;
}


.p-title {
    font-family: 'Fallinlove';
    color: #007c93;
    text-align: center;
    font-size: 5em;
    margin-bottom: 0px;
}

.card-lugar-sc {
    margin: 0px;
    padding: 10px;
    background-color: white;
    transition: background-color 0.3s ease;
 
}

.card-lugar {
    margin: 5px;
    padding: 10px;
    background-color: white;
    transition: background-color 0.3s ease;
    border-radius: 20px;
}

    .card-lugar:hover {
        background-color: #f2f9ff; /* Cambia el color de fondo cuando se pasa el ratón por encima */
    }

.card-lugar-image {
    border-radius: 20px;
    width: 336px;
    height: 336px;
}

.card-lugar-info {
    position: absolute;
    border-radius: 10px;
    left: 327px;
    right: 30px;
    top: 62px;
    height: 255px;
    background-color: gray;
    border: 3px solid white;
    color: black;
    background-color: white;
    -webkit-box-shadow: 0px 1px 5px 10px rgba(0, 0, 0, 0.02);
}

.card-lugar-info-title {
}

.card-lugar-info-descripction {
    font-size: 11px;
    text-align: justify;
}


.label-title {
    font-family: 'Fallinlove';
    color: #007c93;
}

.label-subtitle {
    font-family: 'GOTHICB';
    color: #007275;
}

.input-group-addon {
    font-size: 13px;
    border: 1px solid white;
    background-color: #fff;
    color: #7a878e;
}

.label-title3 {
    font-family: 'Archivo_SemiExpanded-Regular';
}

.label-title4 {
    font-family: 'Archivo_Expanded-BoldItalic';
}

@font-face {
    font-family: 'Archivo_SemiExpanded-Regular';
    src: url('../../../fonts/Archivo/Archivo_SemiExpanded-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Ticsonv3icons';
    src: url('../../../fonts/Ticsonv3icons.otf') format('opentype');
}

.ticson-icons {
    font-family: 'Ticsonv3icons';
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
#page-title {
    color: #4d627b;
}
/* FONT COLOR - BODY COLOR */
/*======================================*/
body,
#content-container {
    color: #7a878e;
    background-color: white;
}
/* BACKGROUND COLOR - STATE ACTIVE  */
/*======================================*/
.searchbox .custom-search-form .input-group-btn:before,
.pace .pace-activity {
    background-color: #005baa;
}
/* BACKGROUND COLOR - BODY BACKGROUND */
/*======================================*/
body,
#content-container,
#navbar {
    background-color: white;
}
/* TEXT SELECTION */
/*======================================*/
::selection {
    background-color: var(--azul2);
    color: #fff;
}

::-moz-selection {
    background-color: #005baa;
    color: #fff;
}
/* INPUT PLACEHOLDER */
/*======================================*/
::placeholder {
    color: #cdd2d4 !important;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #cdd2d4 !important;
}

:-ms-input-placeholder {
    color: #cdd2d4 !important;
}

::-ms-input-placeholder {
    color: #cdd2d4 !important;
}
/* CONTAINER */
/*======================================*/
#container.boxed-layout {
    background-color: #dfe5ee;
}
/* CLEAN ZONE (LOGIN, REGISTER, AND ERROR PAGES CONTAINER) */
/*======================================*/
.cls-container {
    background-color: #ecf0f5;
}

    .cls-container,
    .cls-container a:not(.btn),
    .cls-container a:hover:not(.btn),
    .cls-container a:focus:not(.btn) {
        color: #69757b;
    }

#container.cls-container .cls-brand .brand-icon,
#container.cls-container .cls-brand .brand-title {
    color: #4d627b;
}
/* BOXED LAYOUT */
/*======================================*/
@media (min-width: 1024px) {
    #container.boxed-layout,
    #container.boxed-layout.navbar-fixed #navbar {
        background-color: #8c979b;
    }
}
/* SCROLLBAR */
/*======================================*/
.nano > .nano-pane > .nano-slider,
.pace .pace-progress {
    background-color: #005baa;
}

.pace .pace-progress-inner {
    box-shadow: 0 0 10px #005baa, 0 0 5px #005baa;
}
/* NAVBAR
    /*====================================*/
@media (min-width: 768px) {
    #navbar {
        background-color: transparent;
        box-shadow: 10px 4px 5px #efefef;
    }
}

.navbar-content {
    background-color: white;
}

.navbar-aside-icon > i:before {
    background-color: #fff !important;
    box-shadow: 0 0.45em 0 #fff, 0 0.9em 0 #fff !important;
}
/* NAVBAR ICON & BUTTON */
/*======================================*/
.navbar-icon-color,
.navbar-top-links > li > a:focus:not(.mainnav-toggle) > i,
.navbar-top-links > li > a:hover:not(.mainnav-toggle) > i {
    color: #d9d9d9;
}

.navbar-top-links > li > a {
    color: #fff;
}

#navbar .nav-item > .nav-link.active {
    color: white;
}

.navbar-top-links > li > a:not(.mainnav-toggle) > i {
    color: #fff;
}

.navbar-top-links > li > a:hover {
    background-color: white;
    color: black;
}

.navbar-top-links > .open > a,
.navbar-top-links > .open > a:focus {
    background-color: white !important;
    color: black;
}

.navbar-top-links .tgl-menu-btn > a,
.navbar-top-links .tgl-menu-btn > a:hover,
.navbar-top-links .tgl-menu-btn > a:focus {
    color: #fff;
}

.navbar-top-links .head-list li a i {
    color: #4d627b;
}

.navbar-top-links .head-list li a:hover {
    color: #7a878e;
}
/* NAVBAR RESPONSIVE */
/*======================================*/
@media (min-width: 768px) {
    .navbar-header:before {
        background-color: white;
    }

    #navbar-container {
        box-shadow: 10px 4px 5px #efefef;
        background-color: white;
        box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.30);
        -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.30);
        -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.30);
    }

    #container.mainnav-in .brand-title,
    #container.mainnav-sm .brand-title,
    #container.mainnav-lg .brand-title {
        color: #fff;
    }
}
/* SEARCHBOX */
/*======================================*/
.navbar-content .custom-search-form i {
    color: #fff;
}

@media (min-width: 768px) {
    .navbar-content .custom-search-form input {
        color: #fff;
    }

        .navbar-content .custom-search-form input::placeholder {
            color: rgba(255, 255, 255, 0.4) !important;
            opacity: 1;
        }

        .navbar-content .custom-search-form input::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.4) !important;
        }

        .navbar-content .custom-search-form input:-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.4) !important;
        }

        .navbar-content .custom-search-form input::-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.4) !important;
        }
}
/* NAVIGATION */
/*======================================*/
#mainnav {
    background-color: #fff;
    color: #6b737c;
}

    #mainnav .list-header {
        color: #3c4045;
    }
/* PROFILE WIDGET */
/*======================================*/
.mainnav-profile,
.mainnav-profile .mnp-name,
.mainnav-profile .dropdown-caret,
.mainnav-profile .mnp-desc {
    color: #4d627b;
}

    .mainnav-profile .profile-wrap {
        background-color: #fff;
    }

#mainnav .mainnav-profile .list-group {
    background-color: #fafafa;
}

#mainnav .mainnav-profile .list-group-item {
    color: #4d627b;
}

    #mainnav .mainnav-profile .list-group-item:hover {
        color: #303d4c;
    }
/* NAVIGATION MENU */
/*======================================*/
#mainnav-menu > li > a:hover,
#mainnav-menu > li > a:active {
    color: #005baa;
}

#mainnav-menu > li > a.hover {
    color: #005baa;
    background-color: #ffffff;
}

#mainnav-menu > .active-link > a,
#mainnav-menu > .active-link > a:hover {
    color: #fff;
    background-color: #005baa;
}

    #mainnav-menu > .active-link > a i,
    #mainnav-menu > .active-link > a:hover i {
        color: #fff;
    }

#mainnav-menu > .active-sub > a,
#mainnav-menu > .active-sub > a:hover {
    color: #fff;
    background-color: #005baa;
}

#mainnav-menu > .active-sub .active-sub > a,
#mainnav-menu > .active-sub .active-sub > a:hover {
    color: #005baa;
}

#mainnav-menu .active:not(.active-sub) > a {
    color: #005baa;
}

#mainnav-menu > .active {
    background-color: #fafafa;
}

    #mainnav-menu > .active .active {
        background-color: #f5f5f5;
    }

#mainnav-menu ul a:hover,
.menu-popover .sub-menu ul a:hover,
#mainnav-menu ul ul a:hover,
.menu-popover .sub-menu ul ul a:hover,
#mainnav-menu ul .active-link a,
.menu-popover .sub-menu ul .active-link a {
    color: #005baa;
}

#container.mainnav-sm #mainnav-menu > .active-link > a,
#container.mainnav-sm #mainnav-menu > .active-sub > a,
#container.mainnav-sm #mainnav-menu > .active-link a:hover,
#container.mainnav-sm #mainnav-menu > .active-sub a:hover {
    background-color: #005baa;
    box-shadow: none;
}
/* NAVIGATION - SHORTCUT BUTTONS */
/*======================================*/
#mainnav-shortcut .shortcut-grid {
    color: #6b737c;
}

#mainnav-shortcut .shortcut-wrap .shortcut-grid:hover > .icon-wrap {
    background-color: #005baa;
    color: #fff;
}
/* NAVIGATION - WIDGET */
/*======================================*/
.mainnav-widget {
    color: #6b737c;
}
/* NAVIGATION - COLLAPSING  */
/*======================================*/
@media (min-width: 768px) {
    #container.mainnav-sm ul:not(.shortcut-wrap) .shortcut-grid:hover,
    #container.mainnav-sm .popover.mainnav-shortcut {
        background-color: #ffffff;
        color: #005baa;
    }

    #container.mainnav-sm #mainnav-menu .active-link > a,
    #container.mainnav-sm #mainnav-menu .active-sub > a {
        color: #fff;
    }

    #container.mainnav-sm #mainnav {
        position: relative;
    }

        #container.mainnav-sm #mainnav .mainnav-widget > .show-small a {
            color: #6b737c;
        }

            #container.mainnav-sm #mainnav .mainnav-widget > .show-small a:hover {
                color: #005baa;
            }

        #container.mainnav-sm #mainnav .mainnav-widget .hover {
            color: #005baa;
            background-color: #ffffff;
        }

    .menu-popover .sub-menu ul {
        background-color: #f7f7f7;
    }

        .menu-popover .sub-menu ul ul {
            background-color: #f2f2f2;
        }

            .menu-popover .sub-menu ul ul > li > a:hover {
                color: #005baa;
            }

        .menu-popover .sub-menu ul a:hover {
            color: #005baa;
        }

        .menu-popover .sub-menu ul li > a {
            color: #6b737c;
        }

    .menu-popover .single-content {
        color: #005baa;
        background-color: #ffffff;
    }

    .menu-popover.popover {
        background-color: #fafafa;
        color: #005baa;
    }

    .menu-popover > .popover-title {
        background-color: #ffffff;
        color: #005baa;
    }

    .menu-popover .mainnav-widget-content {
        background-color: #ffffff;
    }
}

.mainnav-sm .popover.mainnav-shortcut {
    background-color: #fafafa;
    color: #005baa;
}
/* NAVIGATION - OFFCANVAS */
/*======================================*/
@media (min-width: 768px) {
    #container.mainnav-in.easeInBack:not(.boxed-layout) #mainnav-container {
        box-shadow: -20px 0 0 0 #fff;
    }

    #container.mainnav-out .brand-title {
        color: #fff;
    }
}
/* ASIDE */
/* ===================================== */
#container #aside .list-link li a:not(.btn) {
    color: #d1d1d1;
}

    #container #aside .list-link li a:not(.btn):hover {
        color: #fff;
    }

#container #aside .badge-stat {
    color: #344146;
}

#container #aside .text-main {
    color: #fff;
}

#aside {
    background-color: #344146;
    color: #fff;
}

    #aside .btn-link {
        color: #fff;
    }

    #aside .text-muted {
        color: #879da6;
    }
/* ASIDE WITH TABS */
/* ===================================== */
#aside-container #aside .nav-tabs li {
    border-bottom: 1px solid #293337;
}

    #aside-container #aside .nav-tabs li > a {
        background-color: #344146;
    }

        #aside-container #aside .nav-tabs li > a:before {
            background: #005baa;
        }

#aside-container #aside .nav-tabs .active a:before {
    background: #005baa;
}

#container.aside-bright #aside .nav-tabs li {
    border-bottom: 1px solid #f9f9f9;
}

    #container.aside-bright #aside .nav-tabs li > a {
        background-color: #fff;
    }
/* ASIDE : BRIGHT COLOR THEMES */
/* ===================================== */
#container.aside-bright #aside {
    background-color: #fff;
    color: #7a878e;
}

    #container.aside-bright #aside .badge-stat {
        color: #fff;
    }

    #container.aside-bright #aside .text-main {
        color: #4d627b;
    }

    #container.aside-bright #aside .text-light {
        color: #7a878e;
    }

    #container.aside-bright #aside .text-muted {
        color: #b1b9bd;
    }

    #container.aside-bright #aside .progress {
        background-color: #e6e6e6;
    }

    #container.aside-bright #aside .list-link li a:not(.btn) {
        color: #88939a;
    }

        #container.aside-bright #aside .list-link li a:not(.btn):hover {
            color: #7a878e;
        }

    #container.aside-bright #aside a:not(.btn) {
        color: #7a878e;
    }

        #container.aside-bright #aside a:not(.btn):hover,
        #container.aside-bright #aside a:not(.btn):focus {
            color: #626d73;
        }

    #container.aside-bright #aside .btn-link {
        color: #7a878e;
    }
/* FOOTER */
/*======================================*/
#footer {
    background-color: #f6f8fa;
    color: white;
}
/* BOOTSTRAP'S COMPONENTS */
/*======================================*/
.jumbotron {
    background-color: #dbe3ec;
}
/* MEGAMENU */
/*======================================*/
.open.mega-dropdown > .mega-dropdown-toggle:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.07);
}

.open.mega-dropdown > .mega-dropdown-toggle:after {
    border-bottom: 7px solid #fff;
}
/* TIMELINE */
/*======================================*/
.timeline {
    background-color: #ecf0f5;
    color: #7a878e;
}

    .timeline:before,
    .timeline:after {
        background-color: #bfc5c9;
    }

    .timeline:after {
        border: 1px solid #bfc5c9;
        background-color: #ecf0f5;
    }

.timeline-time {
    background-color: #ecf0f5;
    color: #7a878e;
}

.timeline-icon:not([class*="bg-"]) {
    background-color: #ecf0f5;
}

.timeline-icon:empty {
    border: 2px solid #bfc5c9;
}

.timeline-label {
    background-color: #ffffff;
}

    .timeline-label:after {
        border-right: 9px solid #ffffff;
    }

.panel .timeline,
.panel .timeline:after,
.panel .timeline-time,
.panel .timeline-label,
.panel .timeline-icon:not([class^="bg-"]):not([class*=" bg-"]) {
    background-color: #fff;
}

.panel .timeline-label {
    background-color: #f3f5f9;
}

    .panel .timeline-label:after {
        border-right-color: #f3f5f9;
    }

@media (min-width: 768px) {
    .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:after {
        border-left: 9px solid #ffffff;
    }
}
/* TAGS */
/*======================================*/
.tag:not(.label) {
    background-color: #fff;
    border: 1px solid #d4dee0;
}
/* EMAIL */
/*======================================*/
.mail-time {
    color: #b1b9bd;
}

.mail-list > li:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.01);
}

.mail-list > li:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.mail-list > li.highlight {
    background-color: #f2f0c2;
}

.mail-list a,
.mail-list a:focus {
    display: inline-block;
    color: #7a878e;
}

.mail-star > a,
.mail-star > a:focus {
    color: #d3d7da;
}

.mail-starred .mail-star > a {
    color: #ffa100;
}

.mail-list .mail-star > a:hover {
    color: #ffbd4d;
}

.mail-attach-list > li .mail-file-img,
.mail-attach-list > li .mail-file-icon {
    background-color: #f8f9fa;
}
/* FORM WIZARD */
/*======================================*/
.wz-icon-bw li.active ~ li > a .icon-wrap {
    color: #7a878e;
}

.wz-icon-bw li:not(.active) > a p {
    color: #7a878e !important;
}
/* NIFTY NOTIFICATIONS */
/*======================================*/
.alert-primary .alert-icon {
    color: #fff;
}

.alert-info .alert-icon {
    color: #fff;
}

.alert-success .alert-icon {
    color: #fff;
}

.alert-warning .alert-icon {
    color: #fff;
}

.alert-danger .alert-icon {
    color: #fff;
}

.alert-mint .alert-icon {
    color: #fff;
}

.alert-purple .alert-icon {
    color: #fff;
}

.alert-pink .alert-icon {
    color: #fff;
}

.alert-dark .alert-icon {
    color: #fff;
}
/* NIFTY PURE CSS SELECT COMPONENT */
/*======================================*/
.select:before {
    border-top-color: #b1b9bd;
}

.select select:focus {
    border-color: #005baa;
}

.pci-hor-dots:before,
.pci-ver-dots:before {
    background-color: #7a878e;
    box-shadow: 0 0.45em 0 #7a878e, 0 0.9em 0 #7a878e;
}
/* BREADCRUMB */
/*======================================*/
.breadcrumb li,
.breadcrumb li a {
    color: #626d73;
}
/* FORM CONTROL  */
/*======================================*/
.form-control:focus {
    border-color: #005baa;
}
/* LIST GROUP */
/*======================================*/
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #005baa !important;
    border-color: #005baa;
    color: #fff;
}

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text {
        color: #fff;
    }
/* DROPDOWN */
/*======================================*/
.dropdown-menu:not(.head-list) > li > a:hover {
    background-color: #005baa;
    color: #fff;
}
/* POPOVER */
/*======================================*/
.popover {
    border: 1px solid #e9edf3;
}
/* WELLS */
/*======================================*/
.well {
    background-color: #e9edf3;
    border-color: #e2e8f0;
}
/* PAGER */
/*======================================*/
.pager li > a:active {
    background-color: #005baa !important;
    color: #fff !important;
}

.pager li > a:hover,
.pager li > a:focus {
    background-color: #fff;
    border-color: #005baa;
    color: #005baa;
    box-shadow: inset 0 0 1px #005baa, 0 3px 15px rgba(0, 0, 0, 0.25);
    z-index: 2;
}
/* PAGINATION */
/*======================================*/
.pagination > li a:hover,
.pagination > li a:focus {
    border-color: #005baa;
    color: #005baa;
    box-shadow: inset 0 0 1px #005baa;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #005baa;
    border-color: #005baa;
}
/* TABS */
/*======================================*/
.tab-base .tab-content {
    background-color: #fff;
}

    .tab-base .tab-content .tab-footer {
        background-color: #f6f8fa;
        color: #7a878e;
        border-color: #eff3f7;
    }

.nav-tabs li a {
    color: #7a878e;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #4d627b;
}
/* BUTTONS */
/*======================================*/

.btn-search {
    color: #fff;
    background-color: #02696a;
    border-color: #00494a;
}

    .btn-search:focus,
    .btn-search.focus {
        color: #02696a;
        background-color: #ffffff;
        border-color: #02696a;
    }

    .btn-search:hover {
        color: #fff;
        background-color: #058a8b;
        border-color: #02696a;
    }

    .btn-search:active,
    .btn-search.active,
    .open > .dropdown-toggle.btn-search {
        color: #fff;
        background-color: #058a8b;
        border-color: #058a8b;
    }

        .btn-search:active:hover,
        .btn-search.active:hover,
        .open > .dropdown-toggle.btn-search:hover,
        .btn-search:active:focus,
        .btn-search.active:focus,
        .open > .dropdown-toggle.btn-search:focus,
        .btn-search:active.focus,
        .btn-search.active.focus,
        .open > .dropdown-toggle.btn-search.focus {
            color: #fff;
            background-color: #058a8b;
            border-color: #058a8b;
        }

    .btn-search:active,
    .btn-search.active,
    .open > .dropdown-toggle.btn-search {
        background-image: none;
    }

    .btn-search.disabled,
    .btn-search[disabled],
    fieldset[disabled] .btn-search,
    .btn-search.disabled:hover,
    .btn-search[disabled]:hover,
    fieldset[disabled] .btn-search:hover,
    .btn-search.disabled:focus,
    .btn-search[disabled]:focus,
    fieldset[disabled] .btn-search:focus,
    .btn-search.disabled.focus,
    .btn-search[disabled].focus,
    fieldset[disabled] .btn-search.focus,
    .btn-search.disabled:active,
    .btn-search[disabled]:active,
    fieldset[disabled] .btn-search:active,
    .btn-search.disabled.active,
    .btn-search[disabled].active,
    fieldset[disabled] .btn-search.active {
        background-color: #001ea2;
        border-color: #001ea2;
    }

    .btn-search .badge {
        color: #001ea2;
        background-color: #001ea2;
    }

/*.btn-primary {
    background-color: var(--azul1);
    border-color: White !important;
    color: #fff;
}*/

    .btn-primary:focus {
        background-color: var(--azul2) !important;
        border-color: transparent !important;
        color: white;
    }

    .btn-primary:hover {
        background-color: var(--azul2) !important;
        border-color: transparent !important;
        color: white;
    }

    .btn-primary:active,
    .btn-primary.active,
    .btn-primary:disabled,
    .btn-primary.disabled,
    .btn-primary:not([class*="btn-active-"]) + .dropdown-menu > li > a:hover,
    .btn-primary:not([class*="btn-active-"]) + .dropdown-menu > li > a:focus,
    .btn-primary:not([class*="btn-active-"]) + .dropdown-menu > .active > a,
    .btn-primary + .dropdown-menu:not(.head-list) > li > a.active,
    .open > .dropdown-toggle.btn-primary,
    .btn-hover-primary:hover,
    .btn-hover-primary:active,
    .btn-hover-primary.active,
    .btn-active-primary.btn:active,
    .btn-active-primary.btn.active,
    .btn-active-primary + .dropdown-menu > li > a:hover,
    .btn-active-primary + .dropdown-menu > li > a:focus,
    .btn-active-primary + .dropdown-menu > .active > a,
    .open .dropdown-toggle.btn.btn-active-primary,
    .btn-group.open .dropdown-toggle.btn.btn-active-primary {
        background-color: white !important;
        border-color: transparent !important;
        color: white !important;
    }

.btn-secondary:hover {
    background-color: var(--azul2);
    color: #fff !important;
    border-color: transparent !important;
}

/* PANELS */
/*======================================*/
.panel-primary .panel-heading,
.panel-primary .panel-footer,
.panel-primary.panel-colorful {
    background-color: #005baa;
    border-color: #005baa;
    color: #fff;
}

.panel-primary.panel-colorful {
    box-shadow: 0 1px 1px #005baa;
}

.panel-footer {
    background-color: #fdfdfe;
    color: #7a878e;
}
/* MAGIC CHECK */
/*======================================*/
.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {
    border-color: #005baa;
}

.magic-checkbox:checked + label:before {
    background: #005baa;
    border-color: #005baa;
}

.magic-radio + label:after {
    background: #005baa;
}

.magic-radio:checked + label:before {
    border-color: #005baa;
}

.magic-radio:checked:focus + label:before,
.magic-checkbox:checked:focus + label:before {
    box-shadow: 0 0 0 10px rgba(254, 109, 51, 0.17), inset 0 0 0 10px rgba(22, 119, 179, 0.17);
}
/* MIX COMPONENTS */
/*======================================*/
.alert-primary,
.btn-primary {
    font-family: 'Archivo_SemiExpanded-Regular';
    border-color: White;
}

.p-t-10 {
    padding-top: 10px !important;
}

.btn-primary,
.label-primary,
.badge-primary,
.progress-bar-primary,
.alert-primary,
.bg-primary {
    background-color: var(--azul2);
    color: #fff;
    border-color: white;
}

.btn-secondary,
.label-secondary,
.badge-secondary,
.progress-bar-secondary,
.alert-secondary,
.bg-secondary {
    background-color: white;
    color: var(--azul2) !important;
    font-weight: bold;
}


/* SCROLL TO TOP BUTTON */
/*======================================*/
.scroll-top.in {
    background-color: #005baa;
    color: #fff;
}

body .chosen-container-multi .chosen-choices li.search-choice,
body .chosen-container .chosen-results li.highlighted {
    background-color: #005baa;
    color: #fff;
}

body .select2-container--default .select2-results__option[aria-selected="true"]:hover,
body .select2-container--default .select2-selection--multiple .select2-selection__choice,
body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #005baa;
    color: #fff;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-color: #005baa;
}

body .datepicker table thead {
    color: #4d627b;
}

body .datepicker-switch {
    color: #005baa;
}

body .datepicker table tr td span.active.active,
body .datepicker table tr td span.active.disabled.active,
body .datepicker table tr td span.active.disabled:active,
body .datepicker table tr td span.active.disabled.active:hover,
body .datepicker table tr td span.active.disabled:hover:active,
body .datepicker table tr td span.active:active,
body .datepicker table tr td span.active.active:hover,
body .datepicker table tr td span.active:hover:active,
body .datepicker table tr td.active.active,
body .datepicker table tr td.active.highlighted.active,
body .datepicker table tr td.active.highlighted:active,
body .datepicker table tr td.active:active,
body .datepicker table tr td.selected,
body .datepicker table tr td.selected.highlighted {
    background-color: #005baa;
    border-color: #005baa;
    color: #fff;
}

    body .datepicker table tr td.active.active:hover {
        background-color: #003f76;
    }

body .datepicker table tr td.range {
    background-color: #ffdacb;
}

body .bootstrap-timepicker-widget table td a {
    color: #4d627b;
}

body .noUi-connect {
    background: #005baa;
}

body .noUi-handle {
    background: #005baa;
}

body .noUi-marker-large,
body .noUi-marker {
    background: rgba(255, 255, 255, 0.2);
}

body .fixed-table-container tbody .selected td,
body #container .table.dataTable tbody tr.selected {
    background-color: #005baa;
    color: #fff;
}

    body .fixed-table-container tbody .selected td .text-muted,
    body #container .table.dataTable tbody tr.selected .text-muted,
    body .fixed-table-container tbody .selected td .btn-link,
    body #container .table.dataTable tbody tr.selected .btn-link {
        color: #fff;
    }

body .jstree-default .jstree-clicked {
    background-color: #005baa !important;
    color: #fff;
}

body .dd-dragel {
    color: #4d627b;
}

    body .dd-dragel .dd-handle-btn:before {
        background-color: #fff;
        color: #fff;
    }

    body .dd-dragel .dd-content,
    body .dd-dragel > .dd-item .dd-handle {
        background-color: #005baa;
        color: #fff;
        box-shadow: none;
    }

body .dd-outline:hover,
body .dd-dashed:hover {
    border-color: #005baa;
}

@keyframes dd-update {
    1% {
        color: #fff;
        background-color: #005baa;
    }

    100% {
        background-color: #fff;
    }
}

@keyframes dd-dragging {
    1% {
        background-color: #fff;
        box-shadow: none;
    }

    100% {
        background-color: #005baa;
        color: #fff;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
    }
}

body .note-editable.panel-body {
    border: 1px solid rgba(0, 0, 0, 0.07);
}

#content-container:before {
    content: '';
    display: none;
}

#page-head,
#page-content {
    position: static;
}

.page-header {
    color: #4d627b;
}

#page-head,
#page-head h1,
#page-head h2,
#page-head h3,
#page-head h4,
#page-head h5,
#page-head h6,
#page-head .text-main,
#page-head .breadcrumb li,
#page-head .breadcrumb li a,
#page-head .breadcrumb .active {
    color: #4d627b;
}

    #page-head .breadcrumb > li + li:before {
        border-color: #4d627b;
    }

.select select {
    color: #7a878e;
}

.panel .fixed-fluid [class*="fixed-"] {
    background-color: transparent;
}

.fixed-fluid [class*="fixed-"] {
    background-color: #ecf0f5;
    border-radius: 3px;
}
/*#content-container:before {
  content: '';
  display: block;
  height: 30px;
  width: 100%;
  position: absolute;
  background-color: #005baa;
  z-index: 0;
}*/
#page-head,
#page-content {
    position: relative;
}

    .ph-extend,
    .page-header,
    #page-head,
    #page-head h1,
    #page-head h2,
    #page-head h3,
    #page-head h4,
    #page-head h5,
    #page-head h6,
    #page-head .text-main,
    #page-head .breadcrumb li,
    #page-head .breadcrumb li a,
    #page-head .breadcrumb .active {
        color: #fff;
    }

        #page-head .breadcrumb > li + li:before {
            border-color: #fff;
        }

        #page-head .select select {
            color: #7a878e;
        }

.panel .fixed-fluid [class*="fixed-"] {
    background-color: transparent;
}

.fixed-fluid [class*="fixed-"] {
    background-color: #ecf0f5;
    border-radius: 3px;
}