@font-face {
    font-family: '';
    src: url('../font//.eot'); 
    src: url('../font//.eot?#iefix') format('embedded-opentype'), 
         url('../font//.woff') format('woff'), 
         url('../font//.ttf') format('truetype'), 
         url('../font//.svg#') format('svg'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body {
	
	font-size:  calc(0.9rem + 0rem)!important;
	background-color: #E1E1E1 !important;
}

.enlaces {
	color: #001BF3 !important;
}

.fondo-head {
	background-color: #0C4D87 !important;
}

.color-fondo-general {
	color: #0C4D87 !important;
}

/*****************/
/***** RADIO *****/
/*****************/
.radio-gap [type="radio"]:checked+label:after {
    border-color: #0C4D87 !important;
    background-color: #0C4D87 !important;
}

/*Gap*/
.radio-gap [type="radio"].with-gap:checked+label:before {
    border-color: #0C4D87 !important;
}

.radio-gap [type="radio"]:checked+label:after {
    border-color: #0C4D87 !important;
    background-color: #0C4D87 !important;
}

.form-check-input[type=radio].with-gap:checked+label:before, label.btn input[type=radio].with-gap:checked+label:before {
	border-color: #0C4D87 !important;
}

.form-check-input[type=radio]:checked+label:after, label.btn input[type=radio]:checked+label:after {
 	border-color: #0C4D87 !important;
    background-color: #0C4D87 !important;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #0C4D87 !important;
}

.custom-control-input:checked~.custom-control-label::before {
	color: #FFFFFF !important;
	background-color: #0C4D87 !important;
}

/********************/
/***** CHECKBOX *****/
/********************/
.checkbox-primary-filled [type="checkbox"][class*='filled-in']:checked+label:after {
    border-color: #0C4D87 !important;
    background-color: #0C4D87 !important;
}

/*******************/
/***** BOTONES *****/
/*******************/
.btn-primary {
	background-color: #0C4D87 !important;
	color: #FFFFFF !important;
}

.btn {
	font-size: calc(0.81rem + 0rem);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
   	background-color: rgba(12, 77, 135, 0.8) !important;
}

.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background-color: #0C4D87 !important;
}

.btn-outline-primary:not([disabled]):not(.disabled).active, .btn-outline-primary:not([disabled]):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
	background-color: #0C4D87 !important;
}

.btn-outline-primary:not([disabled]):not(.disabled).active, .btn-outline-primary:not([disabled]):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
	background-color: #0C4D87 !important;
	color: #FFFFFF !important;
}

.btn-outline-primary {
	border: 1px solid #0C4D87 !important;
	color: #0C4D87 !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active {
    border-color: #0C4D87 !important;
	color: #0C4D87 !important;
}

.btn-outline-primary:active, .btn-outline-primary.active {
    background: #0C4D87 !important;
}

/********************/
/***** DROPDOWN *****/
/********************/
.btn-primary.dropdown-toggle {
	background-color: #0C4D87 !important;
}

.btn-primary.dropdown-toggle:focus, .btn-primary.dropdown-toggle:hover {
	background-color: #0C4D87 !important;
}

.dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover {
	background-color: #0C4D87 !important;
}

.dropdown .dropdown-menu .dropdown-item {
	font-size: calc(0.9rem + 0rem);
}

/****************/
/***** MODAL ****/
/****************/
.modalGeneral {
	color: #FFFFFF !important;
	background-color: #0C4D87 !important;
}

.modal-dialog.cascading-modal .modal-header .title {
	font-size: calc(1.25rem + 0rem);
}

.bloque-principal {
	background-color: rgba(12, 77, 135, 0.1) !important; 
	border: 1px solid rgba(12, 77, 135, 0.2) !important;
}

/******************/
/***** NAVBAR *****/
/******************/
.fondo-cabecera {
	background-color: #0C4D87 !important;
}

.texto-cabecera {
	color: #FFFFFF !important;
}

.nav-tabs {
	background-color: #0C4D87 !important;
}

.navbar-brand {
	font-size: calc(1.25rem + 0rem);
}

/***************/
/***** PIE *****/
/***************/
.pie {
	background-color: #0C4D87 !important;
}

footer.page-footer a {
	color: #FFFFFF !important;
}

/*****************/
/***** INPUT *****/
/*****************/
.md-form input[type=date]:focus:not([readonly]), 
.md-form input[type=datetime-local]:focus:not([readonly]), 
.md-form input[type=email]:focus:not([readonly]), 
.md-form input[type=number]:focus:not([readonly]), 
.md-form input[type=password]:focus:not([readonly]), 
.md-form input[type=search-md]:focus:not([readonly]), 
.md-form input[type=search]:focus:not([readonly]), 
.md-form input[type=tel]:focus:not([readonly]), 
.md-form input[type=text]:focus:not([readonly]), 
.md-form input[type=time]:focus:not([readonly]), 
.md-form input[type=url]:focus:not([readonly]), 
.md-form textarea.md-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #0C4D87 !important;
    -webkit-box-shadow: 0 1px 0 0 #0C4D87 !important;
    box-shadow: 0 1px 0 0 #0C4D87 !important;
}

input[type=date]:focus:not([readonly])+label, 
input[type=datetime-local]:focus:not([readonly])+label, 
input[type=email]:focus:not([readonly])+label, 
input[type=number]:focus:not([readonly])+label, 
input[type=password]:focus:not([readonly])+label, 
input[type=search-md]:focus:not([readonly])+label, 
input[type=search]:focus:not([readonly])+label, 
input[type=tel]:focus:not([readonly])+label, 
input[type=text]:focus:not([readonly])+label, 
input[type=time]:focus:not([readonly])+label, 
input[type=url]:focus:not([readonly])+label, 
textarea.md-textarea:focus:not([readonly])+label {
	color: #0C4D87 !important;
}

.md-form .prefix.active {
	color: #0C4D87 !important;
}

.form-control:focus {
    border-color: #0C4D87;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(12, 77, 135, 0.25);
}

/******************/
/***** LOADER *****/
/******************/
#cover-spin::after {
	content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:50px;height:50px;
    border-style:solid;
    border-color: #0C4D87;
    border-top-color:transparent;
    border-width: 8px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

/****************/
/***** TABS *****/
/****************/
.tabs-general {
	background-color: #0C4D87 !important;
}

/****************/
/** Paginacion **/
/****************/
.page-item.active .page-link {
    color: #FFFFFF !important;
    background-color: #0C4D87 !important;
    border-color: #0C4D87 !important;
}

.btn-floating-principal {
	color: #FFFFFF !important;
	background-color: #0C4D87 !important;
}

.btn-floating-principal, .btn-floating-principal i {
	color: #FFFFFF !important;
}

/***********/
/** Badge **/
/***********/
.badge-general {
	color: #0C4D87 !important;
	background-color: #FFFFFF !important;
}

/***********************/
/** Linea de division **/
/***********************/
.divider-new-general:after, .divider-new-general:before {
	background: #0C4D87 !important;
}

/************/
/** Listas **/
/************/
.list-group-item:hover {
	background-color: rgba(12, 77, 135, 0.1) !important;
}

.card .card-footer .right a:hover {
	color: #0C4D87 !important;
}

.card-header-general {
	background: #0C4D87 !important;
    color: #FFFFFF !important;
}

.list-group-item.active {
	color: #0C4D87 !important;
	background-color: rgba(12, 77, 135, 0.1) !important;
	border-color: #0C4D87 !important;
}

.circle-icon-2x,.circle-icon-3x,.circle-icon-4x,.circle-icon-opc-2x {
	background: #0C4D87;
    color: #FFFFFF;
}

.bloque-carpeta-on {
	background-color: #0C4D87;
	color: #FFFFFF;
}

a.bloque-carpeta-img-on {
	background-color: #0C4D87;
	color: #FFFFFF;
}

.dropdown-carpeta .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover {
	background-color: #0C4D87 !important;
	color: #FFFFFF !important;
	font-size: calc(0.9rem + 0rem);
}

.txt-bienvenida {
	background-color: #0C4D87 !important;
	color: #FFFFFF !important;
}

.txt-principal {
	color: #FFFFFF !important;
}

/***********/
/** Alert **/
/***********/
.alert-info {
    background-color: rgba(12, 77, 135, 0.1) !important;
    border-color: rgba(12, 77, 135, 0.2) !important;
}

/*************/
/** Widgets **/
/*************/

.titulo-widget-negrita {
	color: #0C4D87 !important; border-bottom: 2px solid #0C4D87; font-weight: 500;
}
.titulo-widget-normal {
	color: #0C4D87 !important; border-bottom: 1px solid #0C4D87; font-weight: 400;
}

.enlace-widget {
	color: #0C4D87 !important;
}

.border-widget {
	border: 2px solid #0C4D87 !important;
}

.bloque-widget {
	background-color: #0C4D87 !important;
	color: #FFFFFF !important;
}

.titulo-pie-negrita {
	color: #FFFFFF !important; font-weight: 500;
}
.titulo-pie-normal {
	color: #FFFFFF !important; font-weight: 400;
}

.bq-general {
    border-left: 3px solid #0C4D87 !important;
}

.bq-general .bq-title {
    color: #0C4D87 !important;
}

.fondo-general-transparente {
   	background-color: rgba(12, 77, 135, 0.1) !important;
}

.spinner-yellow-only {
	border-color: #0C4D87 !important;
}

.accordion-border {
	color: #0C4D87 !important;
	border-bottom: 2px solid #0C4D87 !important;
}

.accordion-border > a {
	color: #0C4D87 !important;
	text-transform: uppercase !important;
}

ul.stepper li.active a .circle, ul.stepper li.completed a .circle {
	background-color: #0C4D87 !important;
}

/****************/
/** DatePicker **/
/****************/
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
	color: #FFFFFF !important;
	border-color: #0C4D87 !important;
    background-color: #0C4D87 !important;
}


select.browser-default {
	
	font-size: calc(.87rem + 0rem);
}


/****************/
/**cambio del tamano de letra**/
/****************/
.fa-1_5x {
    font-size: calc(1.5em + 0em);
}

.fa-1_2x {
    font-size: calc(1.2em + 0em);
}

.fa-2_5x {
    font-size: calc(2.5em + 0em);
}

.fa-3_5x {
    font-size: calc(3.5em + 0em);
}

.font-8 {
	font-size: calc(0.8rem + 0rem) !important;
}

.font-9 {
	font-size: calc(0.9rem + 0rem) !important;
}

.font-8-em {
	font-size: calc(0.8em + 0em) !important;
}

.font-9-em {
	font-size: calc(0.9em + 0em) !important;
}

.font-10 {
	font-size: calc(1em + 0em) !important;
}

.font-11 {
	font-size: calc(1.1em + 0em) !important;
}

.font-12 {
	font-size: calc(1.2em + 0em) !important;
}

.font-13 {
	font-size: calc(1.3em + 0em) !important;
}

.font-14 {
	font-size: calc(1.4em + 0em) !important;
}

.font-15 {
	font-size: calc(1.5em + 0em) !important;
}

.font-16 {
	font-size: calc(1.6em + 0em) !important;
}

.font-17 {
	font-size: calc(1.7em + 0rem) !important;
}

.font-18 {
	font-size: calc(1.8em + 0rem) !important;
}

.enlaceLogin {
	font-size: calc(0.8rem + 0rem);
}

.alert {
	font-size: calc(0.9rem + 0rem);;
}

.card, .card .card-body h3, .card .card-body h4, .card .card-text {
	font-size: calc(1.2rem + 0rem) !important;
}

.card, .card .card-body div.h3, .card .card-body div.h4, .card .card-text {
	font-size: calc(1.2rem + 0rem) !important;
}

.collapsed-fuente {
	font-size: calc(1rem + 0rem) !important;
}

.btn.btn-sm-2 {
	font-size: calc(.8rem + 0rem) !important;
}

.condiciones{
	font-size: calc(0.8rem + 0rem);
}

.select-wrapper input.select-dropdown {
	
 	font-size: calc(.85rem + 0rem);
 }
 
.select-wrapper .search-wrap .md-form input {
 	font-size: calc(.85rem + 0rem) !important;
 }
 
.form-label {
	font-size: calc(.85rem + 0rem);
}

.form-input {
	
	font-size: calc(.85rem + 0rem);
}

.accordion .card h5 {
	font-size: calc(1.5rem + 0rem) !important;
}

.dataTables_info {
	font-size: calc(0.85rem + 0rem) !important;
}

.trigger {
	font-size: calc(12px + 0px);
}

.btn-floating.btn-xs i {
	font-size: calc(.8rem + 0rem) !important;
}

.table td, .table th {
	font-size: calc(.85rem + 0rem) !important;
}

.accordion .card h6 {
	font-size: calc(1.2rem + 0rem) !important;
}

.fa-1x {
	font-size: calc(1.2rem + 0rem) !important;
}

.btn.btn-sm .fa, .btn.wishlist .fa {
	font-size: calc(.8rem + 0rem) !important;
}

.opcCatalogo {
	font-size: calc(0.9rem + 0rem);
}

.opcCatalogo2 {
	font-size: calc(0.9rem + 0rem);
}

.bloque-carpeta {
	font-size: calc(1.5rem + 0rem); 
}

a.bloque-carpeta-img {
	font-size: calc(1.5rem + 0rem);
}

.popover-header {
    font-size: calc(0.9rem + 0rem) !important;
}

[type=checkbox]+label, [type=radio]+label {
	font-size: calc(0.9rem + 0rem) !important;
}

.form-control-sm2 {
	font-size: calc(.87rem + 0rem) !important;
}

.itemServicio {
	/*height: 2.6rem;*/
	font-size: calc(0.9rem + 0rem);
}

.md-form.form-sm label {
	font-size: calc(.875rem + 0rem);
}

.form-control {
	font-size: calc(1rem + 0rem);
}