/* H10 BLUE COLOR */

.custom-theme-ocean-signature .overlay {
    background: transparent linear-gradient(180deg, rgba(21, 57, 157, 0) 0%, #3C4D84 100%) 0% 0% no-repeat padding-box;
    background: transparent -moz-linear-gradient(-90deg, rgba(21, 57, 157, 0) 0%, #3C4D84 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(-90deg, rgba(21, 57, 157, 0) 0%, #3C4D84 100%) 0% 0% no-repeat padding-box;
}

.blue-theme-bg,
.custom-theme-ocean-signature .bg-template {
    background: #3C4D84;
    background: -moz-linear-gradient(top, #3C4D84 1%, #3C4D84 100%);
    background: -webkit-linear-gradient(top, #3C4D84 1%, #3C4D84 100%);
    background: linear-gradient(to bottom, #3C4D84 1%, #3C4D84 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3C4D84', endColorstr='#3C4D84', GradientType=0);
}

.custom-theme-ocean-signature .text-template {
    color: #3C4D84;
}

.custom-theme-ocean-signature .splash-footer-integration {
  display: none !important;
}


.custom-theme-ocean-signature .btn-outline-light:focus,
.custom-theme-ocean-signature .btn-outline-light:active:focus,
.custom-theme-ocean-signature .btn-outline-light:hover,
.custom-theme-ocean-signature .btn-outline-light.active,
.custom-theme-ocean-signature .dot-notification,
.custom-theme-ocean-signature .header.active,
.custom-theme-ocean-signature .footer a.btn.active span.icon-text,
.custom-theme-ocean-signature .btn-default,
.custom-theme-ocean-signature .btn-outline-light:not(:disabled):not(.disabled):active {
    background-color: #3C4D84;
}

.custom-theme-ocean-signature .loader-screen {
    background-color: #3C4D84;
    background: #3C4D84;
    background: -moz-linear-gradient(top, #3C4D84 1%, #3C4D84 100%);
    background: -webkit-linear-gradient(top, #3C4D84 1%, #3C4D84 100%);
    background: linear-gradient(to bottom, #3C4D84 1%, #3C4D84 100%);
    opacity: 0.9;
}

.custom-theme-ocean-signature body {
    background-color: #3C4D84;
    background: #3C4D84;
    background: -moz-linear-gradient(top, #3C4D84 1%, #3C4D84 100%);
    background: -webkit-linear-gradient(top, #3C4D84 1%, #3C4D84 100%);
    background: linear-gradient(to bottom, #3C4D84 1%, #3C4D84 100%);
    /* font-family: 'Larken', sans-serif; */
}

.custom-theme-ocean-signature .footer a.btn:hover span.icon-text,
.custom-theme-ocean-signature .float-label .form-control:focus {
    border-color: #3C4D84;
}

.custom-theme-ocean-signature .header.active,
.custom-theme-ocean-signature .search,
.custom-theme-ocean-signature .dropdown-menu {
    box-shadow: 0px 3px 7px rgba(0, 49, 103, 0.20);
    -webkit-box-shadow: 0px 3px 7px rgba(0, 49, 103, 0.20);
    -moz-box-shadow: 0px 3px 7px rgba(0, 49, 103, 0.20);
    -ms-box-shadow: 0px 3px 7px rgba(0, 49, 103, 0.20);
}

.custom-theme-ocean-signature .btn-default {
    box-shadow: 0px 5px 15px rgba(0, 49, 103, 0.50);
    -webkit-box-shadow: 0px 5px 15px rgba(0, 49, 103, 0.50);
    -moz-box-shadow: 0px 5px 15px rgba(0, 49, 103, 0.50);
    -ms-box-shadow: 0px 5px 15px rgba(0, 49, 103, 0.50);
}

.custom-theme-ocean-signature .btn-outline-light,
.custom-theme-ocean-signature .footer a.btn:hover span.text-name,
.custom-theme-ocean-signature .footer a.btn.active span.text-name,
.custom-theme-ocean-signature .form-control:focus,
.custom-theme-ocean-signature .btn-light {
    color: #3C4D84;
}

.custom-theme-ocean-signature a,
.custom-theme-ocean-signature .wrapper,
.custom-theme-ocean-signature .form-control,
.custom-theme-ocean-signature body.header-dark,
.custom-theme-ocean-signature .header-dark .header,
.custom-theme-ocean-signature .header-dark .header a,
.custom-theme-ocean-signature .header-dark .header .btn-link {
    color: #000000;
}

.custom-theme-ocean-signature .chat-list .left-chat .chat-block,
.custom-theme-ocean-signature .sidebar,
.custom-theme-ocean-signature .btn-outline-light:focus,
.custom-theme-ocean-signature .btn-outline-light:active:focus,
.custom-theme-ocean-signature .btn-outline-light:hover,
.custom-theme-ocean-signature .btn-outline-light.active,
.custom-theme-ocean-signature .footer a.btn.active span.icon-text,
.custom-theme-ocean-signature .bg-template,
.custom-theme-ocean-signature .btn-default,
.custom-theme-ocean-signature body,
.custom-theme-ocean-signature .header,
.custom-theme-ocean-signature .header a,
.custom-theme-ocean-signature .header .btn-link,
.custom-theme-ocean-signature .sidebar .main-menu .list-group-item i,
.custom-theme-ocean-signature .sidebar .main-menu .list-group-item.active i,
.custom-theme-ocean-signature .sidebar .main-menu .list-group-item.active,
.custom-theme-ocean-signature .nav-tabs .nav-item .nav-link,
.custom-theme-ocean-signature .bg-template a:not(.btn-light) {
    color: #000000;
}

.custom-theme-ocean-signature .header.active a {
    color: white;
}

.custom-theme-ocean-signature .splash-footer {
    color: white !important;
}

.custom-theme-ocean-signature .header,
.custom-theme-ocean-signature .footer,
.custom-theme-ocean-signature .footer a.btn span.icon-text,
.custom-theme-ocean-signature .wrapper {
    background-color: #f9f9f9;
}

.custom-theme-ocean-signature .bg-template .bg-light {
    background-color: rgba(255, 255, 255, 0.1)
}

.custom-theme-ocean-signature .sidebar .main-menu .list-group-item {
    color: #F5FAFA
}

.custom-theme-ocean-signature .footer a.btn-link-default {
    color: #3C4D84
}

.custom-theme-ocean-signature .chat-list .left-chat .chat-block,
.custom-theme-ocean-signature .sidebar .main-menu .list-group-item.active i,
.custom-theme-ocean-signature .footer a.btn:hover span.text-name:after,
.custom-theme-ocean-signature .footer a.btn.active span.text-name:after {
    background-color: #02b4ff
}

.custom-theme-ocean-signature .nav-tabs .nav-item .nav-link.active {
    border-color: #02b4ff
}

.custom-theme-ocean-signature .chat-list .left-chat .chat-block:before {
    border-top-color: #02b4ff;
    border-left-color: #02b4ff
}

.custom-theme-ocean-signature .btn-template {
    background-color: #3C4D84;
    color: #ffffff;
}

.custom-theme-ocean-signature .btn-template:hover {
    color: #ffffff;
    background-color: #3C4D84;
    border-color: #3C4D84;
}

.custom-theme-ocean-signature .btn-template.focus,
.custom-theme-ocean-signature .btn-template:focus {
    color: #ffffff;
    background-color: #3C4D84;
    border-color: #3C4D84;
    box-shadow: 0 0 0 0.2rem rgb(130 138 145 / 50%);
}

.custom-theme-ocean-signature #container-foto,
.custom-theme-ocean-signature #container-salario {
    display: none;
}
.custom-theme-ocean-signature .menu-product-description {
    color: #000000 !important;
    opacity: 80%;
    font-family: 'Larken', sans-serif;
}

.custom-theme-ocean-signature .menu-product-nombre {
    font-family: 'Larken', sans-serif;
    font-weight: 500;
    font-size: 16px;
}
.custom-theme-ocean-signature .h1,
.custom-theme-ocean-signature .h2,
.custom-theme-ocean-signature .h3,
.custom-theme-ocean-signature .h4,
.custom-theme-ocean-signature .h5,
.custom-theme-ocean-signature .h6,
.custom-theme-ocean-signature h1,
.custom-theme-ocean-signature h2,
.custom-theme-ocean-signature h3,
.custom-theme-ocean-signature h4,
.custom-theme-ocean-signature h5,
.custom-theme-ocean-signature h6,
{
font-family: 'Larken', sans-serif !important;
font-weight: 500 !important;
}

.custom-theme-ocean-signature .heading-1 {
  color: #303232;
  font-family: 'Larken', sans-serif;
  font-weight: 500;
}

.custom-theme-ocean-signature .menu-product-description {
  color: #000000 !important;
  opacity: 80%;
  font-family: 'Larken', sans-serif;
}

.custom-theme-signature .offer-title {
  font-family: 'Larken', sans-serif;
  font-weight: 500;
}

.custom-theme-signature .small,
.custom-theme-signature .item-title,
.custom-theme-signature small,
.custom-theme-signature .item-title {
  font-weight: 500 !important;
}

.copyright {
    display: block;
    opacity: 0.5;
}
/* div#column-text-content * {
  font-family: 'Larken', sans-serif !important;
} */

.custom-theme-ocean-signature .main-dashboard {
    background-color: #3C4D84d1;
}

.custom-theme-ocean-signature .dashboard-cattitles {
    background-color: #ffffff;
    color: #3C4D84;
    border-bottom: 1px solid #3C4D84;
}

.custom-theme-ocean-signature .dashboard-titles {
    background-color: #ffffff;
    color: #3C4D84;
    border-bottom: 1px solid #3C4D84;
}

.custom-theme-ocean-signature .dashboard-offertitle {
    background-color: #3C4D84a3;
    color: #ffffff;
}
.custom-theme-ocean-signature .dashboard_offers {
    background-color: #ffffffa6;
}

.dashboard-featuredtitle {
    background-color: #ffffff;
    color: #3C4D84;
}

.custom-theme-ocean-signature .dashboard-eventdate {
    background-color: #ffffffab;

}

.custom-theme-ocean-signature #header {
    filter: sepia() saturate(4) hue-rotate(179deg) brightness(100%) opacity(5);
}
.custom-theme-ocean-signature .heading-1 {
  font-family: 'Larken';
  font-size: 0.9em;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
}
.custom-theme-ocean-signature.alert-secondary hr {
  border-top-color: #ececec;
}
.custom-theme-ocean-signature .alert-secondary {
  background-color: #F5FAFA;
  border-color: #ececec;
}

.custom-theme-ocean-signature #download_app {
  display: none !important;
}
/* FUENTES */

/* Larken Thin */
@font-face {
  font-family: 'Larken';
  src: url('webfonts/Larken/Larken-Thin.woff2') format('woff2'),
    url('webfonts/Larken/Larken-Thin.woff') format('woff'),
    url('webfonts/Larken/Larken-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

/* Larken Light */
@font-face {
  font-family: 'Larken';
  src: url('webfonts/Larken/Larken-Light.woff2') format('woff2'),
    url('webfonts/Larken/Larken-Light.woff') format('woff'),
    url('webfonts/Larken/Larken-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* Larken Regular */
@font-face {
  font-family: 'Larken';
  src: url('webfonts/Larken/Larken-Regular.woff2') format('woff2'),
    url('webfonts/Larken/Larken-Regular.woff') format('woff'),
    url('webfonts/Larken/Larken-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* Larken Medium */
@font-face {
  font-family: 'Larken';
  src: url('webfonts/Larken/Larken-Medium.woff2') format('woff2'),
    url('webfonts/Larken/Larken-Medium.woff') format('woff'),
    url('webfonts/Larken/Larken-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* Larken Bold */
@font-face {
  font-family: 'Larken';
  src: url('webfonts/Larken/Larken-Bold.woff2') format('woff2'),
    url('webfonts/Larken/Larken-Bold.woff') format('woff'),
    url('webfonts/Larken/Larken-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* Larken ExtraBold */
@font-face {
  font-family: 'Larken';
  src: url('webfonts/Larken/Larken-ExtraBold.woff2') format('woff2'),
    url('webfonts/Larken/Larken-ExtraBold.woff') format('woff'),
    url('webfonts/Larken/Larken-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

/* Larken Black */
@font-face {
  font-family: 'Larken';
  src: url('webfonts/Larken/Larken-Black.woff2') format('woff2'),
    url('webfonts/Larken/Larken-Black.woff') format('woff'),
    url('webfonts/Larken/Larken-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

/* Larken Variable */
@font-face {
  font-family: 'Larken Variable';
  src: url('webfonts/Larken/LarkenVariable.woff2') format('woff2'),
    url('webfonts/Larken/LarkenVariable.woff') format('woff'),
    url('webfonts/Larken/LarkenVariable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* FS Siena Thin */
@font-face {
  font-family: 'Siena';
  src: url('webfonts/FSSiena/FSSiena-Thin.woff2') format('woff2'),
    url('webfonts/FSSiena/FSSiena-Thin.woff') format('woff'),
    url('webfonts/FSSiena/FSSiena-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

/* FS Siena ExtraLight */
@font-face {
  font-family: 'Siena';
  src: url('webfonts/FSSiena/FSSiena-ExtraLight.woff2') format('woff2'),
    url('webfonts/FSSiena/FSSiena-ExtraLight.woff') format('woff'),
    url('webfonts/FSSiena/FSSiena-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

/* FS Siena Light */
@font-face {
  font-family: 'Siena';
  src: url('webfonts/FSSiena/FSSiena-Light.woff2') format('woff2'),
    url('webfonts/FSSiena/FSSiena-Light.woff') format('woff'),
    url('webfonts/FSSiena/FSSiena-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* FS Siena Regular */
@font-face {
  font-family: 'Siena';
  src: url('webfonts/FSSiena/FSSiena-Regular.woff2') format('woff2'),
    url('webfonts/FSSiena/FSSiena-Regular.woff') format('woff'),
    url('webfonts/FSSiena/FSSiena-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* FS Siena Medium */
@font-face {
  font-family: 'Siena';
  src: url('webfonts/FSSiena/FSSiena-Medium.woff2') format('woff2'),
    url('webfonts/FSSiena/FSSiena-Medium.woff') format('woff'),
    url('webfonts/FSSiena/FSSiena-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* FS Siena SemiBold */
@font-face {
  font-family: 'Siena';
  src: url('webfonts/FSSiena/FSSiena-SemiBold.woff2') format('woff2'),
    url('webfonts/FSSiena/FSSiena-SemiBold.woff') format('woff'),
    url('webfonts/FSSiena/FSSiena-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* FS Siena Bold */
@font-face {
  font-family: 'Siena';
  src: url('webfonts/FSSiena/FSSiena-Bold.woff2') format('woff2'),
    url('webfonts/FSSiena/FSSiena-Bold.woff') format('woff'),
    url('webfonts/FSSiena/FSSiena-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}