body, body *  {overflow-x:hidden;}
body {font-family: 'Raleway', sans-serif;}
h1, h2, h3 {}
h1, h2, h3 {}
a, a:hover  {color:#113885;}
/* .main .btn.btn-primary {background:#ffd81b;border-color:#ffd81b;color:#113885;} */
.btn.btn-primary {background:#0d2f73;border-color:#0d2f73;}
.btn.btn-primary:hover, .btn.btn-primary:focus {background: #0d2f73 !important;border-color: #0d2f73 !important;}
.main .btn.btn-primary:hover, .btn.btn-primary:focus {background:#0d2f73!important;border-color:#0d2f73!important;}
.btn.btn-primary {
  background: #0d2f73;
  border-color: #0d2f73; }
  .btn.btn-primary:hover, .btn.btn-primary:focus {
    background: #113885 !important;
    border-color: #113885 !important; }
.bflex-image-interior {max-width:200px;float:right;margin:5px 0px 7px 10px;}
h1 .bflex-monto.badge.bg-secondary {color:#fff;}
 .main .btn.btn-primary {
  background: #113885;
  border-color: #113885; }
	
 .main .btn.btn-primary:hover, .btn.btn-primary:focus {
    background: #0d2f73 !important;
    border-color: #0d2f73 !important; }	

ul.nav.nav-tabs li {padding:2px;overflow:hidden;}
ul.nav.nav-tabs li a {background:#ffffff;padding:10px;border-radius:3px;}
ul.nav.nav-tabs li.active a {background:#bec8dc;border-radius:3px;color:#113885;}

#movi .table {background:#ffffff;}
#movi .table th, #movi .table td {padding:6px;font-size:12px;}
#movi .status-aprobado, #movi .status-rechazado, #mobi div[class*=status-] {overflow: hidden;}
.historial-solicitudes .table {background:#ffffff;}
.historial-solicitudes .table td, .historial-solicitudes .table th {padding:5px;}
.gestion-jefatura .table {background:#ffffff;} 
.gestion-jefatura .table td, .historial-solicitudes .table th {padding:5px;}
	
#sidebar .custom-menu .btn.btn-primary {background:#0d2f73;border-color:#0d2f73;}
#sidebar {background:#113885;}
h1.title {letter-spacing:4px;text-transform:uppercase;color:#666666;margin-bottom:20px;font-size:22px;}
#content {background:#f3f3f2;} 

.login-main-text h2 {color:#ffffff;}
@media (max-width: 767.98px) {
	.login-main-text {padding:15px;margin-top:10px;}
	.login-main-text p {font-size:12px;}
	#urlaccess-login-por-rut-y-password-form .btn {width:100%;}
}
.card-body {
    padding: 0.6rem;
}

#cuentas-usage-form #edit-info-fecha {position:relative!important;margin-top:35px!important;left:160px!important;}

.card-link + .card-link {margin-left:4px;}
.listado-benficios-seleccion {min-height:800px;}
.card.beneflex-seccion h6 {color:#000000;font-weight:600;} 
.card.beneflex-seccion {height:120px;}
.card.beneflex-seccion img {padding:0px;}

.card.beneflex-seccion .card {border-bottom:4px solid #113885;}
.card.beneflex-seccion .card-img {height:200px;}

.card.beneflex-seccion .card-title a {color:#333333;}
.card.beneflex-seccion .card-text {color:#333333;}
.card.beneflex-seccion .card-img-overlay {background-color: rgba(255, 255, 255, 0.7);margin:30px 0px 0px 0px;}
.card.beneficio-flexible h5.card-title {font-size:1rem;}
.card.beneficio-flexible .badge {display:inline;font-weight:normal;}
.card.beneficio-flexible .card.beneficio-flexible * {font-size:13px!important;}

#beneflex-menu-seccion {margin-bottom:80px;}
.flex-list {justify-content: flex-start;}
.tb_button {display:none!important;}
html.js .resizable-textarea textarea {height:400px!important;}
#bottom-nav {background:#FF7E2E;border-top:1px solid #FF7E2E;color:#ffffff;position:fixed!important;bottom:0;left:0px;width:100%;z-index:999999;}
#bottom-nav h5 {color:#ffffff;}
.logo {margin-bottom:15px;}
.card {transition: 0.3s;margin-bottom:6px;}
.card .btn {padding:3px 5px;}
.card:hover {opacity: 1;background:#dde7fa;margin-top:-5px;margin-bottom:5px;}
.card-img-top {transition:0.3s;opacity:0.9;}
.card-img-top:hover {opacity:1;}
.beneficio .card-title {font-size: 14px;}
.card-text {font-size:11px;padding-bottom:0px;margin-bottom:0px;}
.card-img-overlay {background-color: rgba(0, 0, 0, 0.4);}


.listado-beneficios-info .title-saldos {font-size:12px;line-height:1.4;}
.listado-beneficios-info .container-saldos {padding:15px;}
.listado-beneficios-info .container-saldos {background:#fafafa;}
.listado-beneficios-info .container-saldos .saldos-flex p.saldo {font-size:2rem;}
.listado-beneficios-info {background:#ffffff;padding:15px;}
.listado-beneficios-info p {font-size:12px;line-height:1.4;}
.cuentas-toggle-movimientos {font-size:12px;color:#999999;margin-top:10px;text-align:right;}
.sinpadding {padding:0px;}

#notify-button-container {position:fixed;bottom:10px;right:10px;}

#seccion-saludo .list-group-item {padding:4px;}
#seccion-saludo .milestone-counter {background:#fafafa;border-radius:3px;border:1px solid #f1f1f1;padding:15px;}
#seccion-saludo .stat-count.highlight {font-size:2.2rem;text-align:center;color:#aaaaaa;color:#707372;font-weight:800;}
#seccion-saludo .milestone-container {text-align:center;}
#seccion-saludo .milestone-details {text-align:center;}
#seccion-saludo .list-group-item {font-size:12px;}
#seccion-saludo .list-group-item a {color:#666666;font-size:12px;}
#seccion-saludo .list-group-item:hover {background:#f1f1f1;}
#seccion-saludo .saludo-listado strong {color:#000000;}


#seccion-saludo {background:#ffffff;padding:15px;margin-bottom:15px;}

#carousel-jumbotron {border-bottom:4px solid #c0c0c0;}
#seccion-superior .card {border-bottom:4px solid #113885;}
#seccion-superior .card-img {height:200px;}
#seccion-superior .card-title a {color:#333333;}
#seccion-superior .card-text {color:#333333;}
#seccion-superior .card-img-overlay {background-color: rgba(255, 255, 255, 0.7);margin:30px 0px 0px 0px;}
.card.seccion .card-img-overlay {padding:10px;}
.card.seccion .badge-light {position:absolute;bottom:10px;right:10px;}
.card-img-overlay h3 {color:#ffffff;font-size:1.2rem;font-weight:400;padding:0px;margin:0px;}
.card-img-overlay .card-text,.card-img-overlay .card-text a {color:#ffffff;}
.seccion-badge badge {display:block;position:relative;right:10px;bottom:10px;}
.beneficiointerno .card-body {background:#ffffff;}
	
.beneficiointerno .card-text a {color:#666666;}

#seccion-superior {padding-bottom:30px;color:#000000;}
#seccion-superior .card:hover {background:#ffffff;margin-top:-5px;margin-bottom:5px;color:#ffffff!important;}
#seccion-superior .card:hover .card-img-overlay {background-color: rgba(255, 255, 255, 0.9);color:#ffffff;}
#seccion-superior .card:hover a {color:#000000!important;}
#seccion-superior .card:hover .btn-outline-secondary {background:#fafafa!important;color:#ffffff;}

#anonimo .sidenav {background:#113885;}
div#edit-fecha-wrapper {
    display: block;
	position:relative;
}
#edit-fecha-wrapper.date-picker-x-container {position:absolute;}
#cuentas-usage-form #edit-submit, #cuentas-usage-form .btn.btn-primary {margin-top:120px;background-color:#ffd81b!important;border-color:#ffd81b!important;}
.beneficio-tag {font-size: 0.8rem;}
.node-beneficio-body {margin-top:20px;}

#cuentas-usage-form {background:#ffffff;padding:15px;}
#cuentas-usage-form * {overflow:visible;}
.beneficio-title {margin-top:20px;font-weight:600;}
.beneficio {margin-bottom:20px;}
.beneficio .node-beneficio-legales {font-size:12px;line-height:1.4;}
.btn-outline-primary {border-color:#ffd81b;color:#ffd81b;}
.breadcrumb.center-items{
    display:inline-block;
    margin:0 auto;
}
.breadcrumb{
    display: inline-block;
    padding: 0;
    margin: 0 0px 20px 0px;
    background: transparent;
    overflow: hidden;
}
.breadcrumb li{
    float: left;
    padding: 8px 15px 8px 50px;
    background: #f2f2f2;
    font-size: 12px;
    font-weight: 100;
    color: #777;
    position: relative;
}
.breadcrumb li:first-child{ background: #f1f1f1; }
.breadcrumb li:last-child{
    background: #e6e6e6;
    margin-right: 18px;
}
.breadcrumb li:before{ display: none; }
.breadcrumb li:after{
    content: "";
    display: block;
    border-left: 18px solid #f2f2f2;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    position: absolute;
    top: 0;
    right: -18px;
    z-index: 1;
}
.breadcrumb li:first-child:after{ border-left-color: #f1f1f1; }
.breadcrumb li:last-child:after{ border-left-color: #e6e6e6; }
.breadcrumb li a{
    font-size: 12px;
    font-weight: 100;
    color: #777;
}

ol.beneficio-pasos {
  margin: 0 0 1.5em;
  padding: 0;
  counter-reset: item;
}

ol.beneficio-pasos > li {
  margin: 0;
  padding: 0 0 0 2em;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item;
}

ol.beneficio-pasos > li:before {
  display: inline-block;
  width: 2em;
	font-size:22px;
  padding-right: 0.8em;
  font-weight: bold;
  text-align: right;
  color:#113885;
  content: counter(item) ".";
}
.archivos-adjuntos {background:#ffffff;padding:12px;}
.card.beneficio-flexible {min-height:320px;}
.card.beneficio-flexible .badge.bg-primary {background:#113885!important;padding:5px;font-size:13px;color:#ffffff;}

#urlaccess-login-por-rut-y-password-form #edit-submit {width:100%;}
#boton-recuperar {margin-top:15px;width:100%;color:grey;}
#boton-recuperar:hover {background:#f1f1f1;}
.beneficio.card {max-width:200px;}
.card-group {margin-bottom:20px;}
.saldos-flex {max-width:100%;}
#taxonomy-term .card {height:300px;margin-bottom:20px;}
#taxonomy-term .card * {overflow:hidden;}
@media (max-width: 767.98px) { 
.card.beneficio-flexible {min-height:auto;}
.flex-list .col-bflex {padding:0px;margin:0px;}
	#taxonomy-term .card {min-height:auto;}
	#beneflex-menu-seccion {margin-bottom:30px;}
	#cuentas-usage-form .container-saldos {display:none;}
	.listado-beneficios-info .container-saldos {margin-top:40px;}
	.beneficio.card {max-width:100%;}
	h1, .h1 {font-size:1.6rem;letter-spacing:0px;}
	h2, .h2 {font-size:1.4rem;letter-spacing:0px;}
	h3, .h3 {font-size:1.2rem;letter-spacing:0px;}
	h4, .h4 {font-size:1.1rem;letter-spacing:0px;}
	h5, .h5 {font-size:1rem;}
	#content {padding:40px 10px 20px 10px!important;background:#fafafa;}
	
	#anonimo .login-main-text {text-align:center;}
	.form-control {font-size:1.2rem;padding:15px;color:grey;}
	.description {font-size:12px;}
	#edit-rut-wrapper .description {display:none;}
	#edit-password-wrapper .description {display:none;}
	#anonimo .login-form a {text-align:center;}
	#anonimo .login-form label {font-size:1.2rem;font-weight:bold;margin-bottom:0.2rem;}
	#anonimo .login-main-text h3, #anonimo .login-main-text p  {display:none;}
	#anonimo #edit-submit {background:#113885;font-size:1.2rem;}
	.messages {padding:15px;background:#f1f1f1;}
	
	#seccion-saludo p {font-size:12px;line-height:1.4;}
	#seccion-saludo .milestone-counter {background:#fafafa;border-radius:3px;border:1px solid #f1f1f1;padding:7px;}
	#seccion-saludo .stat-count.highlight {font-size:1.4rem;text-align:center;color:#aaaaaa;color:#707372;font-weight:800;}
	#seccion-saludo .milestone-container {text-align:center;}
	#seccion-saludo .milestone-details {text-align:center;}	
	#seccion-saludo .stretched-link {font-size:12px;}
	#seccion-saludo .milestone-counter {margin-top:40px;}
	#seccion-saludo .saludo-listado {margin-top:20px;}
	#seccion-saludo .saludo-listado .list-group.list-group-flush {margin-top:10px;}
	#seccion-saludo .col-saludo-listado-1 {background:#f1f1f1;padding-bottom:15px;}
	#seccion-saludo .col-saludo-listado-1 .list-group-item {background:#f1f1f1;}
	#seccion-saludo .col-saludo-listado-2 strong {color:#ffffff;}
	#seccion-saludo .col-saludo-listado-2 {background:#113885;padding-bottom:15px;color:#fff;}
	#seccion-saludo .col-saludo-listado-2 .list-group-item {background:#113885;}
	#seccion-saludo .col-saludo-listado-2 .list-group-item a {color:#fff;}
	
	#seccion-superior {margin-top:20px;}
	#seccion-superior .card {border-bottom:0px solid #113885;margin-bottom:5px;}
	#seccion-superior h6.card-title {font-size: 14px;font-weight: 800;margin-top: 6px;}
	#seccion-superior .card-img {height:50px;max-width:100%;padding:0px!important;}
	#seccion-superior .btn.btn-outline-secondary.btn-sm {display:none;}
	#seccion-superior .card-title {text-align:center;}
	#seccion-superior .card-title a {color:#333333;}
	#seccion-superior .card-text {color:#333333;display:none;}
	#seccion-superior .card-img-overlay {background-color: rgba(255, 255, 255, 0.6);margin:0px 0px 0px 0px;}
	
	.node-beneficio-container {padding:0px;}
	.node-beneficio-container h5.card-title {margin-top:0px;padding-top:0px;}
	.node-beneficio-container .card-text {line-height:1.4;}


	.card.beneficio-flexible {flex-direction: row;}
	.card.beneficio-flexible .card-img {width: 100%;max-width:180px;padding:0.6rem;}
	
	.card {flex-direction: row;}
	.card img {width: 100%;max-width:180px;padding:0.6rem;}
	
	.card-img-overlay {padding:10px;}
	.card-img-overlay h3 {color:#ffffff;font-size:1rem;}
	.card.seccion img {padding:0px;}
	.card.seccion {flex-direction: column;}
	
	
	.card-img-top {width:auto;}
	.card .card-body {width:60%;}
	.card .card-title {font-size:14px;margin:5px 0px;}
	.card .card-title a {color:#666666;font-weight:600;}
	.card .card-text {font-size:12px;}
	h1.title {letter-spacing:0px;font-weight:600;font-size:1.4rem;}
   .card.beneflex-seccion  img {padding:0px;}
}
@media only screen and (max-width: 479px){
	.beneficio.card {max-width:100%;}
    .breadcrumb li{ padding: 8px 15px 8px 30px; }
}
