@font-face {
	font-family:Caviar Dreams;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url('../fonts/caviar/CaviarDreams.eot') format("eot"),url('../fonts/caviar/CaviarDreams.woff2') format("woff2"),url('../fonts/caviar/CaviarDreams.woff') format("woff");
}

@font-face {
	font-family:Caviar Dreams;
  	font-style:normal;
	font-weight:bold;
	font-display:swap;
	src:url('../fonts/caviar/CaviarDreamsBold.eot') format("eot"),url('../fonts/caviar/CaviarDreamsBold.woff2') format("woff2"),url('../fonts/caviar/CaviarDreamsBold.woff') format("woff");
}

@font-face {
	font-family:Caviar Dreams;
  	font-style:italic;
	font-weight:400;
	font-display:swap;
	src:url('../fonts/caviar/CaviarDreamsItalic.eot') format("eot"),url('../fonts/caviar/CaviarDreamsItalic.woff2') format("woff2"),url('../fonts/caviar/CaviarDreamsItalic.woff') format("woff");
}

@font-face {
	font-family:Caviar Dreams;
  	font-style:italic;
	font-weight:bold;
	font-display:swap;
	src:url('../fonts/caviar/CaviarDreamsBoldItalic.eot') format("eot"),url('../fonts/caviar/CaviarDreamsBoldItalic.woff2') format("woff2"),url('../fonts/caviar/CaviarDreamsBoldItalic.woff') format("woff");
}


body {
  margin: 0px;
  font-family: Caviar Dreams,sans-serif;
  background-color: #f8f9fc;
}

/* ohCore */

.ohCore-body-content {
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  min-height: fit-content; /*new*/
}

.ohCore-body-center {
  text-align: center;
}

.ohCore-body-font {
  color: #fff !important;
  font-weight: 600;
}

.ohCore-body-img {
  background-image: url('../img/loading2.svg');
  display: inline-block;
  font-weight: 300;
  width: 100px;
  height: 100px;
  background-size: contain;
}

/* custom */

@media screen and (max-width: 576px) {

	.vistaA {
	    display: inline-block!important;
	}
	.vistaAInline {
	    display: inline-block!important;
	}
	.vistaACell {
	    display: table-cell!important;
	}
	.vistaB {
	    display: none!important;
	}
	.vistaC {
	    display: none!important;
	}
	.vistaBC {
	    display: none!important;
	}
	.vistaAB {
	    display: inline-block!important;
	}
	
}

@media screen and (min-width: 576px) and (max-width: 768px) { 

	.vistaA {
	    display: none!important;
	}
	.vistaAInline {
	    display: none!important;
	}
	.vistaACell {
	    display: none!important;
	}
	.vistaB {
	    display: inline-block!important;
	}
	.vistaC {
	    display: none!important;
	}
	.vistaBC {
	    display: inline-block!important;
	}
	.vistaAB {
	    display: inline-block!important;
	}
	
}

@media screen and (min-width: 768px) {

	.vistaA {
	    display: none!important;
	}
	.vistaAInline {
	    display: none!important;
	}
	.vistaACell {
	    display: none!important;
	}
	.vistaB {
	    display: none!important;
	}
	.vistaC {
	    display: inline-block!important;
	}
	.vistaBC {
	    display: inline-block!important;
	}
	.vistaAB {
	    display: none!important;
	}

}

.ind-body-maxContent:before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.25;
  position: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 4s ease-in-out;
}

.ind-body-maxContent {
  top: 0px;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: auto;
}

/* For texts */

.text-size-15 {
	font-size: 1.5rem;
}

.text-size-15i {
	font-size: 1.5rem !important;
}

.text-size-10 {
	font-size: 1.0rem;
}

.text-size-8 {
	font-size: 0.8rem;
}

.text-GrayBlue {
	color : #acc6d1;
}

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

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

.alert-form {
    padding: 0.0rem 0.5rem;
    margin-bottom: 0rem;
    color: #dc3545;
    font-size: 0.8rem;
}

.alert-form ul {
	padding-left: 1rem;
	margin-bottom: 0;
}

.mb-8 {
	margin-bottom: 8rem;
}

/* BOOSTRAP CUSTOM */

.form-control {
	border-radius: .15rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.08), 0 2px 10px 0 rgba(0,0,0,0.06);
    border: 1px solid #dacece;
}

.custom-file-label {
    border-radius: .15rem;
}

.custom-file-label::after {
    border-radius: 0 .15rem .15rem 0;
}

.input-group-text {
	cursor: pointer;
}

.btn-outline-info:not([disabled]):not(.disabled).active, .btn-outline-info:not([disabled]):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {
    color: white;
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 0rem;
	list-style: none;
	background-color: inherit;
}

@media (max-width: 991px) { 
    .breadcrumb {
        font-size: 14px;
    }
}

@media (max-width: 576px) { 
    .breadcrumb {
        font-size: 13px;
    }
}

.navbar {
    padding: .5rem 0.5rem;
}

.breadcrumb-item.active {
    color: #FF6303;
}

/* Tables */

.table {
    border: 1px solid #e5e5e5;
    font-size: 13px;
}

.table thead {
    color: #004165;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: middle;
    border-top: 1px solid #eceeef;
}

.table tbody {
	color: #4d5254;
    font-weight: 300;
    letter-spacing: .4px;
}
.table-hover tbody tr:hover {
	background-color: #dbf1f5;
}

.tabs-contenido .tab-content {
    background-color: white;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.020);
}

/* ---- */

.page-link:hover {
    color: #821906;
}

.page-link {
    color: #FF6303;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #ff2700;
    border-color: #821906;
}

.modal {
    z-index: 1050;
}

/* Badges */
.badge-pill {
    padding: 0.3rem 0.4rem;
    font-weight: 600;
    border: 1px solid;
}

/* Font Size */
table, p {
	font-size: 0.87rem;
}

label {
	font-size: 0.87rem;
}

.btn {
	font-size: 0.87rem;
}

.form-control, .custom-select {
	font-size: 0.87rem;
	height: calc(2rem + 2px);
}

ngb-alert {
    font-size: 0.9rem;
	padding-bottom: 0px !important;
}

table .switch {
    transform: scale(0.8);
}

.col-form-label {
	font-size: 0.87rem !important;
}

.input-group-text {
	font-size: 0.86rem !important; 
}

ngb-datepicker {
	font-size: 0.87rem !important;
}

.page-item.active .page-link {
    background-color: #FF6303;
    border-color: #FF6303;
}

span.oh_link_text {
	font-size: 1rem !important;
}

.btn-info {
    color: #fff;
    background-color: #3cb5cd;
    border-color: #3cb5cd;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-info {
    color: #3cb5cd;
    background-color: transparent;
    background-image: none;
    border-color: #3cb5cd;
}

.btn-outline-info:hover {
    color: #ffffff;
    background-color: #3cb5cd;
    background-image: none;
    border-color: #3cb5cd;
}



.modal-content {
    animation-name: example;
	animation-duration: 0.45s;
	border-radius: .125rem;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    border: 0;
}

.modal-dialog .modal-content .modal-header {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
}

.btn:not(.btn-link) {
	border-radius: .125rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

@media print {
    .modal-dialog {
        max-width: 900px;
    }
    .modal-content {
        border: transparent
    }
    .modal-body {
        padding-top: 40px;
    }
}

.modal-content form {
	display: contents;
}

.form-enable .ng-valid[required]:not([formTinymce]), .form-enable .ng-valid.required:not([formTinymce]), .inp-valid {
    border-color: #28a745!important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.475em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.40em + 0.375rem);
}

.form-enable .ng-valid[required] div[role='application'] {
    border-color: #28a745!important;
}

.form-enable .ng-invalid:not(form):not([formTinymce]), .inp-invalid {
    border-color: #dc3545!important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.475em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.40em + 0.375rem);
}

.form-enable .ng-invalid:not(form) div[role='application'] {
    border-color: #dc3545!important;
}

.sidebar .nav-item .collapse {
    position: absolute;
    left: calc(6.5rem);
    z-index: 1;
    top: 2px;
}

@media (min-width: 576px) { 
    .sidebar .nav-item .collapse {
        position: relative;
        left: 0;
        z-index: 1;
        top: 0;
        -webkit-animation: none;
        animation: none;
    }
}

.list-group-item {
    margin-bottom: 0px;
}

.form-list-filter {
	color: #004165;
    border-bottom: 1px solid #004165;
    border-left: none;
    border-right: none;
    border-top: none;
    font-size: 0.87rem;
    height: calc(2rem + 2px);
    border-radius: .25rem;
    font-weight: bold;
    line-height: 1.5;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
}

.form-list-filter::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1c79ad;
  opacity: 1; /* Firefox */
}

.form-list-filter:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1c79ad;
}

.form-list-filter::-ms-input-placeholder { /* Microsoft Edge */
  color: #1c79ad;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.cardLoginTransparent {
    background-color: #ffffffb5;
}