#layout_no_glutters_1,
#layout_no_glutters_2{
	height: 100%;
}
#layout_lang_container{
	position: absolute;
	top:0;
	right:0;
	padding-right:5%;
	height:70px;
}
#layout_main{
	padding: 15px;
}
#fragments_header{
	height: 70px;
}
#fragments_header nav{
	padding-left: 2.5%;
	height: 70px;
	
	box-shadow: 0 1px 10px #6a6a6a;
}
#fragments_header nav{
	padding-left: 2.5%;
	height: 70px;
	box-shadow: 0 0 15px #00000026 !important;
	background-color:#121613 !important;
}
#fragments_header_logo_link{
	padding:0;
	padding-bottom: 6px;
	margin:0;
}
#fragments_header_logo_link img{
	max-height: 46px;
}
#fragments_header_logo_wt_link{
	padding:0;
	padding-bottom: 6px;
	margin:0
}
#fragments_header_logo_wt_link img{
	max-height: 46px;
}
/* ---------------------------------------------------------------- */
/* for fragments\loginform.html                                     */
/* ---------------------------------------------------------------- */
.login .card{
	max-width: 550px;
	padding: 30px;
	margin: 0 auto;
	background-color: white;
	border: 8px solid white;
	border-radius: 0;
	font-size: 14px;
	font-family: Open Sans;
	box-shadow: 0 2px 10px #ababab1a;
}
.login .card .logo{
	max-height: 60px;
	vertical-align: middle;
	border: 0;
	width: auto;
	margin: auto;
}
.login .card .form-control,
.login .card .btn {
	border-radius: 0;
}
.login .card .btn {
	background-color: #309036;
}
.login .login-title{
}
#fragments_loginform_span_please{
	font-size: 16px;
}
/* ---------------------------------------------------------------- */
/* for sdk-mfa\inputOTPView.html                                    */
/* ---------------------------------------------------------------- */
#btnResendOTPToEmail,
#btnResendOTPToSms{
	color: #257bb2;
	padding: 0;
	padding-right: 5px;
	font-size: 14px;
	font-style: italic;
	
	border:0;
	background-color: transparent !important;
}
#btnResendOTPToEmail:hover,
#btnResendOTPToSms:hover{
	text-decoration: underline;
	color: #a0b757;
}
#login .card{
	max-width: 550px;
	padding: 30px;
	margin: 0 auto;
	background-color: white;
	border: 8px solid white;
	border-radius: 0;
	font-size: 14px;
	font-family: Open Sans;
}
#login .card .logo{
	max-height: 60px;
	vertical-align: middle;
	border: 0;
	width: auto;
	margin: auto;
}
#login .card .form-control,
#login .card .btn {
	border-radius: 0;
}
#login .card .btn {
	background-color: #5183f3;
	/*border-color: #00acd6;*/
}
#login .card .btn.btn-gray {
	background-color: #9ca3a8;
	color: #fff;
}
#login .login-title{
}
/* ---------------------------------------------------------------- */
/* for fragments\footer.html                                        */
/* ---------------------------------------------------------------- */
body{
	margin-bottom: 0;
	background-color: #eee;
}
main{
	min-height: 600px;
	padding-top: 140px;
}
footer{
	/*position: relative;*/
	height: auto;
}
#vcloud {
    background-color: #121613;
    color: white;
    padding-top: 30px;
    font-family: 'Open Sans';
    font-weight: 400;
 			line-height: 1.5;
    flex: 0 0 auto;
				-webkit-flex: 0 0 auto;
}
#vcloud ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
}
#vcloud a {
    color: #d2d1d1;
    text-decoration: none;
}

#vcloud a:hover,
#vcloud a:focus {
    text-decoration: none;
    color: white;
}
#vcloud .logo {
    background: url("./images/logo_vngcloud_white_bt.png") no-repeat;
    width: 100%;
    background-size: 200px;
    height: 105px;
}
#vcloud .logo a{
	line-height: 55px;
    padding: 22px 92px;
}
/* portlet --------------------------------------------------- */
.width-100p{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.width-95p{
    width: 95%;
    max-width: 95%;
    margin: 0 auto;
}
.width-90p{
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
}
.width-85p{
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
}
.width-80p{
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
}
.width-75p{
    width: 75%;
    max-width: 75%;
    margin: 0 auto;
}
.width-70p{
    width: 70%;
    max-width: 70%;
    margin: 0 auto;
}
#vcloud_footer_row1_col1 p{
	margin:0;
	margin-bottom:5px;
	font-size:12px
}
#vcloud_footer_row1_col1{
	padding-bottom:20px;
}
#bt_logo{
	padding-bottom: 10px;
}
#bt_logo img{
	width: 90%;
	max-width: 260px;
}
/* Continue with Google --------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Google+Sans&display=swap');
.btn-oauth-google {
    border: 1px solid #d2d6de;
    padding: 7px 0;
    white-space: nowrap;
    letter-spacing: 0.25px;
    color: #5c6c75 !important;
    font-weight: normal;
    font-size: 14px;
}
.btn-oauth-google:hover{
	box-shadow: rgb(232, 236, 235) 0px 0px 0px 3px;
    color: #5c6c75 !important;
    background-color: rgb(255, 255, 255);
    border-color: rgb(136, 147, 151);
}
.oauth-sep{
	display: flex;
  		-webkit-box-align: center;
  		align-items: center;
  		margin: 20px 0px;
 		    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    color: rgb(92, 108, 117);
    text-align: center;
}
.oauth-sep:before,.oauth-sep:after{
	content: "";
    flex: 1 1 10%;
    border-bottom: 1px solid rgb(193, 199, 198);
    margin: 0px 10px;
    transform: translateY(-50%);
}
.icon_cert {
	height: 40px;
	margin: 0 5px 0 0;
}
.icon_cert:last-child {
	margin: 0;
}