body, body *  {overflow-x:hidden;}
#content * {overflow:visible;} 
body {font-family: 'Roboto', sans-serif;}
.beneficio .container {background:#fff;}
h1, h2, h3 {font-family: 'Raleway', sans-serif;}
h1, h2, h3 {font-family: 'Raleway', sans-serif;} 
#sidebar .custom-menu .btn.btn-primary {background:#8b1115;}
a {color:#f50109;}
a:hover {color:#b10c12;}
.content {padding:20px;background:#ffffff;}
a.book-volver {float:right;margin-top:30px;margin-bottom:60px;background:#f50109;color:#ffffff;padding:5px 15px;border-radius:3px;}
.btn.btn-primary {background:#f50109;border:0px;}
.main .btn.btn-primary {background:#f50109;border:0px;}
.btn.btn-primary:hover, .btn.btn-primary:focus  {background:#d30e15!important;border:0px;}
.main .btn.btn-primary:hover, .btn.btn-primary:focus  {background:#d30e15!important;border:0px;}
.alert-danger {color: #721c24;
background-color: #ffe8e9;
border-color: #f5c6cb;}
#container-autocomplete {top:70px!important;height:auto!important;}
#sidebar .custom-menu .btn.btn-primary:hover, #sidebar .custom-menu .btn.btn-primary:focus {background:#8b1115!important;}
#sidebar {background: rgb(245,1,9);
background: linear-gradient(190deg, rgba(245,1,9,1) 0%, rgba(139,17,21,1) 100%);} 
.card-body .badge.bg-primary {background:#f50109!important;}
h1.title {letter-spacing:4px;text-transform:uppercase;color:#666666;margin-bottom:20px;font-size:22px;}
#content {background:url('/sites/all/themes/custom/2021_demo/bgr.png');} 
.status-group * {overflow:hidden;}
.login-main-text h2 {color:#ffffff;}
.breadcrumb li, .breadcrumb li * {overflow:visible!important;}
.card-transaccion, .card-transaccion * {overflow:visible;scroll:none;}
.card-transaccion h5.card-title {font-size:14px;color:#ffffff;}
#carouseltransacciones {margin-bottom:0px;}
#carouseltransacciones .carousel-inner {padding-bottom:30px;color:#f50109;}
#carouseltransacciones .carousel-indicators {color:red!important;}
#carouseltransacciones .card-img-overlay {padding:7px;}
#carouseltransacciones li {background:#f50109;border-radius:30px;width:20px;height:5px;max-height:0px;padding:0px;}
#carouseltransacciones .badge.bg-primary {background:#f50109!important;padding:3px;font-size:16px;}
#carouseltransacciones .card-img {min-height:120px;}
div#edit-fecha-wrapper .form-item {width:90px;}
div#edit-fecha-wrapper .form-item select {width:90px;}
.modal-body * {text-align:left;}
.modal-body ol, .modal-body ol li {list-style-type:decimal;}
.modal-body ol li {margin:10px 0px 10px 0px;overflow:visible;}
.modal-body .terminos-y-condiciones {font-size:11px;}


.carousel-indicators li {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #666666;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .1;
    -webkit-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease; }
    @media (prefers-reduced-motion: reduce) {
      .carousel-indicators li {
        -webkit-transition: none;
        -o-transition: none;
        transition: none; } }
  .carousel-indicators .active {
    opacity: 1; }

@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;
}
.img-fluid.beneficio-imagen {margin-left:-15px;}
#more-info .modal-body * {text-align:left;}
.beneficiointerno .card-title {font-weight:bold;}
#movi {background:#fff;}
#movi td, .historial-solicitudes td {padding:2px;font-size:12px;}
div[class*=status-] {background-color:#ffff00;}
div.status-aprobado {background-color:#00cc66;}
td.aprobado::before {background-color: #00cc66!important;}
#movi div[class*=status-] {border-radius:90px;}
td.cargo {text-align:center;}
td.abono {text-align:center;}
a.logo {position:relative;height:120px;display:block;}
#logo-first {position:absolute;top:0px;left:0px;}
#logo-second {position:absolute;top:0px;left:0px;opacity:0;}

#logo-movil-right {position:relative;height:100px;overflow:hidden;}
#logo-right-first {position:absolute;top:0px;left:0px;}
#logo-right-second {position:absolute;top:5px;left:0px;opacity:0;}
#logo-right-second  {width:90%;height:inherit;}

.listado-benficios-seleccion {min-height:800px;}
.card.beneflex-seccion h6 {color:#000000;font-weight:600;} 
.card.beneflex-seccion {height:140px;}
.card.beneflex-seccion img {padding:0px;}
.card.beneflex-seccion {cursor:pointer;}
.saldos-flex div {max-width:100%;}

#beneflex-menu-seccion .card-img-overlay {padding:1em;}
.card.beneflex-seccion .card {border-bottom:4px solid #f50109;}
.card.beneflex-seccion .card-img {height:220px;}
.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;}

#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:#fafafa;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;}
.alert ul {padding:0px;margin:0px;}
#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:1.6rem;text-align:center;color:#aaaaaa;color:#707372;font-weight:600;font-family:Arial;}
#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;}

#cuentas-usage-form #edit-info-fecha {position:relative!important;margin-top:35px!important;}

#seccion-saludo {background:#ffffff;padding:15px;margin-bottom:15px;}

#carousel-jumbotron {border-bottom:4px solid #c0c0c0;}
#seccion-superior .card {border-bottom:4px solid #f50109;}
#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 {margin-top: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:#f50109;}
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:#f50109!important;border-color:#f50109!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:#f50109;color:#f50109;}
.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:#f50109;
  content: counter(item) ".";
}
.archivos-adjuntos {background:#ffffff;padding:12px;}
.card.beneficio-flexible .badge.bg-primary {background:#f50109!important;padding:5px;font-size:13px;color:#ffffff;}
.card.beneficio-flexible .card-title {font-size:14px;}

#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:205px;}
.card-group {margin-bottom:20px;}
.saldos-flex {max-width:100%;}
#taxonomy-term .card {height:300px;margin-bottom:20px;}
#taxonomy-term .card * {overflow:hidden;}

.card.hotel p {font-size:14px;}
.card.hotel .list-group-item {padding:2px;font-size:12px;border:1px solid #fafafa;}
.card.hotel .badge {font-size:12px;padding:4px;background:#ffffff;color:#000000;padding:0px;overflow:visible;}
#accordionEx .card-header {width:100%;}
#accordionEx .card-header .fa {float:right;}

.card.hotel:hover {opacity: 1;background:#fafafa;margin-top:0px;margin-bottom:0px;}
.card.hotel .table {font-size:12px;}
.card.hotel .table td {padding:2px;}
.card.hotel .table th {border-top:0px;padding:2px;padding-top:10px;}

hr {border:0px;background:#f50109;}

.bflex-image-interior {float:right;width:220px;height:inherit;margin:0px 0px 10px 10px;}
h1 span.badge.bg-secondary {color:#ffffff;background:#f50109;}
.card.beneflex-seccion {overflow:hidden;}
.login-form {margin-top:120px;}
#edit-nacimiento-wrapper .form-item {display:inline;}

#logo-movil-right {display:none;}
@media (max-width: 767.98px) { 
	#logo-movil-right {display:block;}
	#taxonomy-term .card {height:auto;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 {}
	#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  {display:none;}
	#anonimo #edit-submit {background:#f50109;font-size:1.2rem;}
	.messages {padding:15px;background:#f1f1f1;}
	#anonimo .login-main-text {padding:0px 10px 0px 10px;}
	#anonimo .sidenav {padding-top:0px;}
	#anonimo .login-form {margin-top:0px;}
	
	#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;text-align:center;}
	#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:#f50109;padding-bottom:15px;color:#fff;}
	#seccion-saludo .col-saludo-listado-2 .list-group-item {background:#f50109;}
	#seccion-saludo .col-saludo-listado-2 .list-group-item a {color:#fff;}
	#seccion-superior {margin-top:10px;}
	#seccion-superior .card {border-bottom:0px solid #f50109;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.hotel {flex-direction:column;}
    .card.hotel img {max-width:100%;padding:0px;}	
	.card.hotel .card-body {width:100%;}
	.card.hotel .card-title {font-size:22px;}

    .card.faq {flex-direction:column;}
	.card.faq .card-body {width:100%}

	.card.beneficio-flexible {flex-direction: column;}
	.card.beneficio-flexible .card-img {width: 100%;padding:0px;max-width:100%;}
	.card.beneficio-flexible .card-body {
	    position: absolute;
		bottom: 0px;
		background: #fff;
		width: 100%;
		opacity:0.8;
	}

	
	.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; }
}