#modal_change_password .modal-dialog {width: 410px;margin-top: 100px;}
#modal_change_password .modal-dialog .modal-content {background-color:#fff;}
#modal_change_password .modal-dialog .modal-content .modal-body {background-color:#fff;}
#modal_change_password .modal-dialog .modal-content .modal-header h3 {margin-top:0;}
#modal_change_password .modal-dialog .modal-content .modal-body .form-control {border-radius: 0;}
#modal_change_password .modal-body .btn {margin: 10px 0;order: 0;padding: 10px 80px;}

.login-profile {width: 100%;margin: auto;}
.login-profile #btn-display-change-password {color:var(--ch-color_primary); font-size:14px}
.login-profile #btn-display-change-password:hover {text-decoration: underline;}
.login-profile h1{font-size:2.25em;}
.login-profile h2{margin-bottom: 20px;}
.login-profile .form-group{margin-bottom: 10px;}
.login-profile .form-group .control-label{width: 185px;}
.login-profile .form-group .form-control{border-radius: 0;}
.login-profile .form-inline.border{border-bottom: solid 1px #e1e1e1;margin-bottom: 10px;}

.login-landing h2{font-size: 1.675em;line-height:1.3em;max-width:680px;margin:20px auto 0 auto;text-align: center;}
.login-landing h2 b{font-family: 'Roboto Black','Roboto';font-weight: normal;}
.login-landing p.text-center{font-size:1.125rem;line-height: 2em;clear: both;padding: 10px;}
.login-landing p.border{border-bottom: solid 1px #e1e1e1;border-top: solid 1px #e1e1e1;}
.login-landing .row{margin:40px 0 auto;text-align: center;display: flex;flex-direction: row;justify-content: center;}
.login-landing .row .col-xs-6.col-md-4{border: solid 2px #d7d7d799;padding: 0 0 10px;margin:0 20px 20px;background-color:#f8f8f8; }
.login-landing .row .col-xs-6.col-md-4 h2{padding:10px 0;margin:10px 0px;font-weight: bold; ;color: #000;font-size: 1.9em;}
.login-landing .row .col-xs-6.col-md-4 ul{min-height: 105px;text-align: left;padding: 0 30px 0 20px;list-style: none;margin-bottom: 10px;}
.login-landing .row .col-xs-6.col-md-4 ul li{margin:20px 0; font-size: 1rem;}
.login-landing .row .col-xs-6.col-md-4 ul li.text-info{color:#0817a6;font-weight: bold;font-size: 1.1em; }
.login-landing .row .col-xs-6.col-md-4 ul li i.fa{padding-right: 5px;color: #000;float: left; font-size: 1em;}

.login-landing .digital-basico,
.login-landing .digital-premium {
    display: flex;
	flex-direction: column;
    max-width: 325px;
}

.login-landing .icon {
    margin-top: 5px;
}

.login-landing .subscription-monthly,
.login-landing .subscription-yearly {
    margin-top: auto;
}

.login-landing .digital-basico .subscription-monthly{
	margin-top: 48px;
}
.login-landing .btn-request-subscription{
    display: block;
	background: #000;
	padding: 2px;
	border-radius: 0;
    width: 90%;
	margin: 0 auto 10px;
	background-color:#f8f8f8;
	margin: 6px auto;
	color:#000;
	font-weight: bold;
}
.header-digital-premium{
    text-align: left;
    margin-left: 20px;
}
.login-landing .digital-basico .subscription-monthly{
	margin-top: 48px;
}

.login-landing .subscription-monthly{ border: 3px solid #000; }
.login-landing .subscription-monthly .dolar-symbol{
	font-weight: 400;
    font-size: 27px;
    vertical-align: middle; }
.login-landing .subscription-monthly .price{
	font-size: 34px;
    vertical-align: middle;
    letter-spacing: -4px;
     }
.login-landing .subscription-monthly .divisor{
	font-size: 34px;
    padding: 0px 8px;
    vertical-align: middle;
    font-weight: 400;
}
.login-landing .subscription-monthly .frequency{
	font-size: 15px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
}

.login-landing .subscription-yearly{
	line-height: 20px;
	padding: 7px;
    padding-bottom: 0
}

.login-landing .subscription-yearly .price{
	font-size: 25px;
    vertical-align: middle;
 }

.login-landing .subscription-yearly .frequency{
	font-size: 20px;
    padding-left: 4px;
    font-weight: 400;
    vertical-align: middle;
}

.login-landing .subscription-yearly .description{
	font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}

.login-landing .row .col-xs-6.col-md-4 p.description-yearly{
	float: right;
    font-size: 0.76em;
    margin: 0px 10px
}
.login-landing .row hr {
	border-top: 1px solid #777;
    text-align: center;
    margin: 30px 40px;
}
.login-landing .row hr:after {
	content: '\6F';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #333;
	font-size: 18px;
}

.login-landing .title-digital-premium{
	color:#fff;
	background:var(--ch-color_primary);
	margin-bottom:0;
	text-transform:uppercase;
	font-size:12px;
	padding:4px 10px;
    position: absolute;
	top: -21px;
	left: -4px;
}
.login-landing .row .digital-premium{
	border:4px solid var(--ch-color_primary) !important
}
.login-landing .row .col-xs-6.col-md-4 .subscription-yearly{
	color:#fff;
	border:2px solid var(--ch-color_primary);
	background-color:var(--ch-color_primary)
}


@media screen and (max-width: 600px){
	.login-landing .digital-basico .subscription-monthly{
		margin-top: 0px;
	}
}

@media screen and (max-width: 640px) {
	.login-profile .form-group .control-label {
        width: 100%
    }
    .login-profile .form-inline {
        position: relative
    }
    .login-profile .form-group.pull-right {
        position: absolute;
        right: 14px;
        top: 33px
    }
    .login-landing h2 {
        font-size: 1.3em
    }
    .login-landing .row {
        flex-direction: column;
        margin: 40px 0 0;
        padding: 0;
        align-items: center;
    }
    .login-landing .row .col-xs-6.col-md-4 {
        width: auto;
        margin-bottom: 20px;
    }
    .login-landing{
        margin-top: -40px;
    }
    .login-landing .row .col-xs-6.col-md-4 ul {
        margin-bottom: 0;
    }
}