@font-face {
  font-family: Montserrat Regular;
  src: url(../../fonts/Montserrat-Regular.ttf);
}
@font-face {
  font-family: Montserrat Bold;
  src: url(../../fonts/Montserrat-Bold.ttf);
}
@font-face {
  font-family: Montserrat Medium;
  src: url(../../fonts/Montserrat-Medium.ttf);
}
@font-face {
  font-family: Montserrat Light;
  src: url(../../fonts/Montserrat-Light.ttf);
}
@font-face {
  font-family: Din Regular;
  src: url(../../fonts/DINBlackRegular.otf);
}
@font-face {
  font-family: Din Medium;
  src: url(../../fonts/DINMedium.ttf);
}
@font-face {
  font-family: Din Light;
  src: url(../../fonts/DINLight.ttf);
}
body{
	overflow-x: hidden;
}

.modal-dialog {
    max-width: 70%!important;
    margin: 1.75rem auto;
}
.modal-footer{
    display: block;
}
/************ PAGINA DE INICIO ****************/
.bgr_img{
	background-image: url(../../images/img_02.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    height: 755px;
    background-position: center;
}
.bgr_img_cuenta{
    background-image: url(../../images/prueba1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 755px;
    background-position: center;
}
.title_01{
    font-size: 38px;
    margin: 0px;
    font-family: Din Light;
}
.title_02{
	font-family: Din Regular;
    color: #00a58b;
    font-size: 53px;
}
.btn_mgl{
	font-family: Din Light;
	background-color: #00856c;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 190px;
    border-radius: 35px;
    font-size: 18px;
    border-bottom: 8px solid #ccd1d3!important;
    border: 0px;  
}
.btn_mgl:hover{
	color: #fff;
	text-decoration: none;
	background-color: #00a58b;
}
.linh_lg{
	line-height: 30px;
}
.btn_mgl a{
    color: #fff;
    text-decoration: none;
}
.btn_mgl a:hover{
    color: #fff;
    text-decoration: none;
}
/************ LOGIN ****************/
.pt-log{
	padding-top: 125px;
}
.ico_user_circulo{
	width: 100px;
}
.ico-user{
	width: 20px;
}
.input_lg{
	background-color: #e6e7e8;
    border: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Din Medium;
    font-weight: 600;
    font-size: 14px;
    color: #58595b;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #a7a9ac;
    border-color: #808285;
    background-color: #a7a9ac;
}
.custom-control-label::before {
    border: #808285 solid 2px;
}
.text-lbl{
	font-family: Din Light;
	color: #939598;
	font-size: 14px;
    padding-top: 2px;
}
.btn_mgl_ingre{
	border:0px;
	background-color: #00856c;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 60px;
    padding-right: 60px;
    border-radius: 25px;
    font-family: Din Light;
}
.btn_mgl_ingre:hover{
	color: #fff;
	text-decoration: none;
	background-color: #00a58b;
}
.text-mbro{
	margin: 0px;
	color: #58595b;
    font-family: Din Medium;
    font-size: 14px;
}
.text-insbt{
	color: #00856c;
    font-family: Din Regular;
    font-size: 20px;
}
.text-insbt a{
    color: #00856c;
}
.ico_place{
    text-align:right;
    position:relative;
    left: -40px;
}
.text_ctr{
    color: #00856c;
    font-family: Din Regular;
    text-decoration: none;
}
.text_ctr:hover{
    color: #00856c;
}
#mdl_popup .modal-header {
    background-color: #00856c;
}
/************ INSCRIPCION DEPENDIENTES ****************/
.title_incp {
    color: #006c56;
    font-size: 17px;
    font-family: Montserrat Bold;
}
.brg_vrd{
	background-color: #deece9;
}
.title_form{
	color: #006c56;
    font-size: 21px;
    font-family: Din Medium;
}
.text_label{
	color: #006c56;
    font-size: 17px;
    font-family: Din Medium;
}
#ins_dependientes::-webkit-input-placeholder { /* Edge */
  color: #fff;
}
#ins_dependientes:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}
#ins_dependientes::placeholder {
  color: #fff;
}
.input_insp{
	font-family: Din Light;
    text-align: left;
    font-size: 16px;
    background-color: #006c56;
    color: #fff;
    border: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 0px;
}
.text_ck_label{
	font-size: 13px;
}
.select_bgr{
	/*font-family: Din Light;*/
    text-align: center;
    font-size: 16px;
    background-color: #006c56;
    color: #fff;
    border: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 0px;
}
.select_bgr_aux {
    font-family: Din Light;
    text-align: center;
    font-size: 16px;
    background-color: #006c56;
    color: #fff;
    border: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 0px;
}

.select_bgr option{
	background-color: #fff;
    color: #000;
}

.custom-radios input[type="radio"]#color-1 + label span {
    background-color: #2ecc71;
}
.colorDP {
    color: #006c56;
    font-size: 15px;
}
.custom-radios input[type="radio"] {
    display: none;
}
.custom-radios input[type="radio"] + label {
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.custom-radios input[type="radio"] + label span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: -1px 4px 0 4px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 44px;
}
.custom-radios div {
    display: inline-block;
}
.custom-radios input[type="radio"] + label span {
    display: inline-block;
    background-color: #18a68e;
    width: 30px;
    height: 30px;
    margin: -1px 4px 0 4px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 44px;
}
.custom-radios input[type="radio"]:checked + label span {
    background-color: #2ecc71;
    opacity: 1;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg);
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
}
.custom-radios input[type="radio"] {
    display: none;
}
.custom-checkbox input[type="checkbox"] {
    display: none;
}
.custom-checkbox input[type="checkbox"] + label {
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.custom-checkbox input[type="checkbox"] + label span {
    background-color: #18a68e;
}
.custom-checkbox input[type="checkbox"]:checked + label span {
    background-color: #2ecc71;
    opacity: 1;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg);
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
}
.custom-checkbox input[type="checkbox"] + label span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: -1px 4px 0 4px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 44px;
}
.leyenda{
	font-size: 12px;
    line-height: 14px;
    margin: 0px;
}
.text_terminos{
	color: #006c56;
    font-family: Din Light;
    font-size: 18px;
    font-weight: 700;
    margin: 0px;
}
.text_link{
	font-family: Din Regular;
}
.text_terminos a{
	color: #006c56;
}
.btn_mgl_enviar{
font-family: Din Light;
	background-color: #00856c;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 232px;
    border-radius: 35px;
    font-size: 16px;
    border-bottom: 8px solid #ccd1d3!important;
    border: 0px;  
}
.btn_mgl_enviar:hover{
	color: #fff;
	text-decoration: none;
	background-color: #00a58b;
}
/************ TU CUENTA ****************/
.table .thead-dark th {
    color: #fff;
    background-color: #00856c;
    border-color: #00856c;
    border: 0px!important;
}
.table th, .table td {
    border-top: 1px solid #00856c!important;
}
.border_t{
    background-color: #ecf3f2;
    font-family: Din Light;
}
.thead-dark{
    font-family: Din Light;
}
.btn_mgl_cnt{
	border:0px;
    background-color: #00856c;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 25px;
    font-family: Din Light;
}
.btn_mgl_cnt:hover{
    color: #fff;
    text-decoration: none;
    background-color: #00a58b;
}
.btn_mgl_close{
    border:0px;
    background-color: #9b9b9b;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 60px;
    padding-right: 60px;
    border-radius: 25px;
    font-family: Din Light;
}
.btn_mgl_close:hover{
    color: #000;
    text-decoration: none;
    background-color: #e9ecef;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #9b9b9b;
    opacity: 1;
}
.input_puntos {
    font-family: Din Light;
    text-align: left;
    font-size: 16px;
    background-color: #006c56;
    color: #fff;
    border: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
    border-radius: 30px;
    height: 28px;
}
.btn_style {
    background-color: #00856c !important;
    color: #fff !important;
}
/************ TERMINOS Y CONDICIONES ****************/
.text_termn {
    color: #006c56;
    font-size: 15px;
    font-family: Din Medium;
}
/************ ESTADO DE CUENTA ****************/
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #deece9;
}
.cbez_std{
    background-color: #00856c;
    color: #fff;
    font-family: Din Light;
}
table.dataTable {
    border-collapse: collapse !important;
}
.style_text_std{
    font-family: Din Light;
    font-weight: 600;
    font-size: 15px;
}
.text_mobile_table{
    display: none;
}
/************ MEDIA QUERYS ****************/
@media (max-width:1920px){
	.bgr_img {
    height: 892px;
	}
	.btn_mgl{
	width: 247px;
	}
}
@media (max-width:1440px){
	.bgr_img {
    height: 755px;
	}
	.btn_mgl{
	width: 190px;
	}
}
@media (max-width:1024px){
	.title_02 {
    font-size: 45px;
	}
	.btn_mgl {
    width: 148px;
	}
	.bgr_img {
    height: 583px;
	}
	.pt-log {
    padding-top: 52px;
	}
	.text-lbl {
    font-size: 12px;
	}
	.input_lg {
    font-size: 13px;
	}
    .text_label {
    font-size: 14px;
    }
    .colorDP {
    font-size: 11px;
    }
}
@media (max-width:768px){
	.bgr_img {
    height: 487px;
	}
	.title_02 {
    font-size: 39px;
	}
    .btn_mgl_cnt {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 12px;
    }
}
@media (max-width:480px){
    .bgr_img {
    background-position: left;
    height: 656px;
    }
    .btn_mgl {
    width: 190px;
    }
    .ico_place{
    text-align: right;
    position: absolute;
    left: 0;
    right: 38px;
    top: 29px;
    bottom: 0;
    }
    .text_mob{
        font-size: 15px;
    }
    .text_mobile_table{
        display: block;
        color: #00856c;
        font-size: 20px;
        font-family: Din Medium;
    }
}