/* - -------------------------------------------------------- */
/* - TYPOGRAPHY --------------------------------------------- */
/* - -------------------------------------------------------- */

body {
  font-family: 'Open Sans', sans-serif;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
	color: #616161;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto Slab', serif;
	font-weight: 600;
}
a {
	color: #ffcd00;
}
a:hover {
  color: #1b365d;
}
b, strong {
	font-weight: 700;
}
img {
	max-width: 100%;
	height: auto;
}

/* - -------------------------------------------------------- */
/* - BOOTSTRAP OVERRIDES ------------------------------------ */
/* - -------------------------------------------------------- */

.card {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	margin-bottom: 1rem;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-width: 0;
}
.card-primary.card-outline {
	border-color: #1b365d;
}

.callout {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	box-shadow: none;
	border-left-width: 3px;
}
.callout.callout-warning {
	border-left-color: #ffcd00;
}

/* - alerts
------------------------------------------------------------- */
.alert {
	border-width: 2px;
	color: #4a4a49;
	font-size: 14px;
}
.alert > *:last-child, .alert ul {
	margin-bottom: 0;
}
.alert-success {
	background-color: transparent;
	border-color: #7dd736;
}
.alert-info {
	background-color: transparent;
	border-color: #31d1ff;
}
.alert-warning {
	background-color: transparent;
	border-color: #f6a200;
}
.alert-danger {
	background-color: transparent;
	border-color: #e63833;
}

/* - forms
------------------------------------------------------------- */
select.form-control:not([size]):not([multiple]) {
	height: 60px;
}
select.form-control:not([size]):not([multiple]) {
	height: 60px;
}
.form-control {
  height: calc(50px + 4px);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	border: 2px solid #dddddd;
	background-color: #ffffff;
	color: #666666;
	padding: .375rem .55rem;
}
.form-control:focus {
	outline: none;
	background-color: #ffffff;
	border-color: #1b365d;
	color: #4a4a49;
}
.form-control:disabled, .form-control[readonly] {
	border-color: #dddddd;
	background-color: #ededed;
	color: #a0a0a0;
	cursor: not-allowed;
	opacity: 1;
}

.input-group-text {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
  -o-border-radius: 0;
  font-size: 0.825rem;
	border: 2px solid #dddddd;
  background-color: #ffffff;
  color: #1b365d;
}
.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text, .register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
	border-color: #1b365d;
}

label:not(.form-check-label):not(.custom-file-label) {
	font-weight: 700;
  font-size: 0.75rem;
  margin-bottom:  0.25rem;;
	color: #202020;
}

.custom-file {
	height: calc(50px + 4px);
}
.custom-file-input {
	height: calc(50px + 4px);
}
.custom-file-label {
	height: calc(50px + 4px);
  line-height: 2.4rem;
	background-color: #fff;
	border: 2px solid #dddddd;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}
.custom-file-label::after {
  height: 50px;
  line-height: 2.4rem;
	content: "Seleccionar Archivo";
	border-left: inherit;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Seleccionar Archivo";
}

/* - btn
------------------------------------------------------------- */
.btn {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	font-size: 13px;
	background-image: none !important;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.05rem;
	padding: 15px 20px;
	line-height: 1;
	border: 2px solid transparent;
}
.btn:focus, .btn:hover {
	border-width: 2px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.btn-default {
	background-color: #ffcd00;
	border-color: #ffcd00;
	color: #ffffff;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus,
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle,
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus,
.btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
	background-color: #1b365d;
	border-color: #1b365d;
	color: #ffffff;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default:disabled:hover,
.btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default:disabled:focus, .btn-default:disabled.focus {
	background-color: #ffcd00;
	border-color: #ffcd00;
	color: #ffffff;
}

.btn-primary {
	border-color: #1b365d;
	background-color: #1b365d;
	color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus,
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle,
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus,
.btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
	border-color: #ffcd00;
	background-color: #ffcd00;
	color: #ffffff;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary:disabled:hover,
.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
	border-color: #1b365d;
	background-color: #1b365d;
	color: #ffffff;
}

.btn-outline-primary {
	border-color: #1b365d;
	background-color: transparent;
	color: #1b365d;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus,
.btn-outline-primary:active, .btn-outline-primary.active, .open > .btn-outline-primary.dropdown-toggle,
.btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus,
.btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus,
.open > .btn-outline-primary.dropdown-toggle:hover, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle.focus {
	border-color: #1b365d;
	background-color: #1b365d;
	color: #ffffff;
}
.btn-outline-primary.disabled, .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover,
.btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus {
	border-color: #1b365d;
	background-color: transparent;
	color: #1b365d;
}


.btn-info {
	border-color: #31d1ff;
	background-color: #31d1ff;
	color: #fff;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus,
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle,
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
	border-color: #00a2d1;
	background-color: #00a2d1;
	color: #fff;
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info:disabled:hover,
.btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
	border-color: #31d1ff;
	background-color: #31d1ff;
	color: #fff;
}

.btn-success {
	border-color: #00a3ad;
	background-color: #00a3ad;
	color: #fff;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus,
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle,
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus,
.btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
	border-color: #00828a;
	background-color: #00828a;
	color: #fff;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success:disabled:hover,
.btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
	border-color: #00a3ad;
	background-color: #00a3ad;
	color: #fff;
}

.btn-warning {
	border-color: #f6a200;
	background-color: #f6a200;
	color: #fff;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus,
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle,
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus,
.btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
	border-color: #eb5300;
	background-color: #eb5300;
	color: #fff;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning:disabled:hover,
.btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
	border-color: #f6a200;
	background-color: #f6a200;
	color: #fff;
}

.btn-danger {
	border-color: #e63833;
	background-color: #e63833;
	color: #fff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus,
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle,
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus,
.btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
	border-color: #d42118;
	background-color: #d42118;
	color: #fff;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger:disabled:hover,
.btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
	border-color: #e63833;
	background-color: #e63833;
	color: #fff;
}

/* - sizes & disabled - */
.btn.btn-flat {
	border-width: 2px;
}

.btn-group-lg > .btn, .btn-lg {
	padding: 20px 35px;
}
.btn-group-sm > .btn, .btn-sm {
	font-size: 12px;
	padding: 10px 20px;
}
.btn-xs, .btn-group-xs > .btn {
	padding: 5px 8px;
	font-size: 10px;
	letter-spacing: 0;
}

.btn.disabled, .btn:disabled {
	cursor: not-allowed;
	opacity: 0.35;
}

/* - -------------------------------------------------------- */
/* - THEME OVERRIDES ---------------------------------------- */
/* - -------------------------------------------------------- */
.content-wrapper {
    background: #efefef;
}

/* - elements
------------------------------------------------------------- */

/* - swal2-popup - */
.swal2-actions .swal2-styled {
	font-weight: 700;
	font-size: 14px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	padding: 10px 15px;
	min-width: 200px;
}
.swal2-actions .swal2-styled.swal2-confirm {
	border: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	background-color: #00828a;
}

/* - page-overlay - */
#page-overlay {
	-ms-flex-align: center;
	align-items: center;
	background: rgba(255,255,255,.7);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 50;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* - small-box - */
.small-box {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	box-shadow: none;
}
.small-box .icon {
	color: rgba(0,0,0,.1);
	z-index: 0;
}
.small-box .icon > i.fa, .small-box .icon > i.fab, .small-box .icon > i.far, .small-box .icon > i.fas, .small-box .icon > i.glyphicon, .small-box .icon > i.ion {
	font-size: 50px;
}
.small-box:hover .icon > i.fa, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.glyphicon, .small-box:hover .icon > i.ion {
	font-size: 55px;
}

/* - header
------------------------------------------------------------- */
.main-header {
	border-bottom-width: 0;
	font-size: 0.825rem;
}

/* - brand - */
.layout-top-nav .wrapper .main-header .brand-link {
	padding: .125rem .5rem;
}
.layout-top-nav .wrapper .main-header .brand-image {
	margin-top: 0;
}

/* - navbar-nav - */
.navbar-light .navbar-nav .nav-link {
  color: #616161;
  font-weight: 600;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	color: #1b365d;
}

/* - user-menu - */
.navbar-nav > .user-menu .user-image {
	margin-right: .5rem;
	margin-top: -5px;
}
.navbar-nav > .user-menu > .dropdown-menu {
	border-radius: 0;
	padding: 0;
	width: 280px;
	box-shadow: 0 .125rem .125rem rgba(0,0,0,.125);
	border-width: 0;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
	color: #ffffff;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
	background-color: #1b365d;
}

/* - footer
------------------------------------------------------------- */
.main-footer {
	border-top-width: 0;
	font-size: 0.825rem;
	color: #858585;
}

/* - -------------------------------------------------------- */
/* - PAGES -------------------------------------------------- */
/* - -------------------------------------------------------- */

/* - login-page
------------------------------------------------------------- */
.login-page, .register-page {
	background: #efefef;
}

@media (min-width: 577px) {
  .login-box, .register-box {
    width: 420px;
  }
}

.login-logo, .register-logo {
  margin: 15px 0;
  padding: 15px;
}
.login-box-msg, .register-box-msg {
	padding: 0 15px 15px;
	font-size: 13px;
	font-weight: 600;
}

.login-card-body .alert h5 {
	margin-bottom: 0;
}
.login-card-body .alert h5 + div {
	margin-top: .5rem;
}
.login-card-body .input-group .input-group-text, .register-card-body .input-group .input-group-text {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
  -o-border-radius: 0;
  font-size: 0.75rem;
  color: #1b365d;
}

/* - home_view
------------------------------------------------------------- */
#content-home_view .small-box > .inner {
	padding: 25px 20px 15px;
}

#content-home_view .small-box .h4 {
	margin-bottom: 0;
	font-size: 1.6rem;
}
#content-home_view .small-box .icon {
    color: rgba(255,255,255,.25);
}
#content-home_view .small-box:hover .icon {
    color: rgba(255,255,255,.4);
}
#content-home_view .small-box .icon > i.fas {
	top: 25px;
  right: 20px;
}
#content-home_view .small-box > .small-box-footer {
  transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
	padding: 5px 0;
	background: rgba(255,255,255,.25);
	color: inherit;
}
#content-home_view .small-box:hover > .small-box-footer {
  background: rgba(255,255,255,.4);
}