@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Light.eot');
	src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Light.woff2') format('woff2'),
		url('../fonts/Roboto-Light.woff') format('woff'),
		url('../fonts/Roboto-Light.ttf') format('truetype'),
		url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}
select {appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important;}
@font-face {
	font-family: 'roboto-medium';
	src: url('../fonts/roboto-medium.eot');
	src: local('☺'), url('../fonts/roboto-medium.woff') format('woff'), url('../fonts/roboto-medium.ttf') format('truetype'), url('../fonts/roboto-medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto-regular';
	src: url('../fonts/roboto-regular.eot');
	src: local('☺'), url('../fonts/roboto-regular.woff') format('woff'), url('../fonts/roboto-regular.ttf') format('truetype'), url('../fonts/roboto-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'RobotoBold_1';
    src: url('../fonts/RobotoBold_1.eot');
    src: url('../fonts/RobotoBold_1.eot') format('embedded-opentype'),
         url('../fonts/RobotoBold_1.woff2') format('woff2'),
         url('../fonts/RobotoBold_1.woff') format('woff'),
         url('../fonts/RobotoBold_1.ttf') format('truetype'),
         url('../fonts/RobotoBold_1.svg#RobotoBold_1') format('svg');
}
select{ appearance: none;-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;}
body { padding:0; font-family: 'roboto-regular'!important; }
.custome-login-wrapper { background: #fff;}
header { font-size: 30px; text-align: center; line-height: 50px; color: #125781; font-weight:bold; position:absolute; left:0; right:0; width:100%; z-index:9; }
.custom-login-header { box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.38); }
.custom-login-footer { height: 60px; background: #000; position: fixed; bottom: 0; width: 100%; text-align:center; color: #fff;}
.custom-login-content { padding:0 15px; }
#login-page .form-group input { border-width:0 0 1px 0; border-color:#d6d6d6; border-style:solid; box-shadow:none; border-radius:0; padding:0; color:#000; font-size:16px;}
#login-page .form-group input:focus { border-color:#125781;}
.login-sap { padding:2% 0; text-align:center; color:#125781; font-size:20px; font-weight:bold; text-transform:uppercase; }
.new-ac-box { text-align:center; color:#125781; font-size:20px; padding:3% 0;}
.new-ac-box a { color:#125781; text-decoration:none;}
.new-ac-box a:hover { color:#676767; text-decoration:none;}
.term-text { color:#676767; font-size:12px; padding:10px 15px;}
.btn-login { border:0; padding:15px; border-radius:0; background:#125781; font-family: 'RobotoBold_1'; font-size:20px; color:#fff;}
/*.fb-btn-box ul.auth-clients { margin:0; padding:0; display:none;}*/
.fb-btn-box ul li a span { display:none!important; }
.fb-btn-box ul li a {  background:#3b5998 url("../img/f-icon.png") no-repeat 15px 10px; font-family: 'roboto-medium'; font-size:20px; color:#fff; padding:12px; border-radius:7px; text-align:center; }
.fb-btn-box ul li a:hover, .fb-btn-box ul li a:focus { text-decoration:none;}
.fb-btn-box ul li a::before {    content: "Log in to Facebook";}
.fb-btn-box ul li .auth-link {width:100%!important; display:block;}
.fb-btn-box ul li.auth-client { margin:0; float:none !important; width:100%;}
.container-block { width:100%; position:relative;}
.top-padding { padding-top:70px; padding-bottom:70px;}
.btm-view-btn {bottom:-75px; left: 0; position: absolute; right: 0; width: 100%;}
.login-info-box {}
.btn-blue { background:#125781!important; font-family: 'RobotoBold_1'; border-radius:0!important; font-size:24px!important; color:#fff; font-weight:normal!important; width:100%!important; }
.btn-blue:hover { color:#fff!important;}
.auth-clients li{width:100%;}
.custom-login-header h1 {
    color: #125781;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
}
@media (max-width: 767px) { 
.btn-login { padding:10px; font-size:17px;}
.custom-login-header { font-size:25px; }
}



/*Login Register Screen CSS*/
.user_login_register {width:100%; height:auto; margin:0px; padding:0px; background:#f5f5f5 !important}
.register_block {width:95%; height:auto; margin:0px; padding:0px; float:left; position:relative;}
.register_block .form-group {width:100%; height:auto; margin:0px 0px 0px; padding:0px;}
.login_register {width: 100%; height:auto; margin:61px 0px 0px 0px; padding: 0px; float:left;}
.login_register .acess_block {width: 100%; height:auto; margin:30px 0px 0px; padding:50px; background: #fff;}
.login_register .acess_block h2 {margin:0px 0px 38px 0px; padding:0px; font-size:24px; color:#125781; float:left; position:relative; width:100%;}
.login_register .acess_block h2:after {position:absolute; left:0px; bottom:-12px; content:""; background:#125781; height:2px; width:23%;}
.login_register .acess_block .control-label {font-size:16px; font-weight:400; text-align:left; color:#bbbbbb; line-height:16px; margin:0px; padding:0px 0px 10px 0}
.login_register .acess_block .form-control {border:none; border-bottom:1px solid #c4c4c4 !important; box-shadow:none; font-size:18px; color:#404040; padding:0px 0 10px; margin:0px; border-radius:0}
.login_register .acess_block .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-size:18px; color:#404040;
}
.login_register .acess_block .form-control::-moz-placeholder { /* Firefox 19+ */
font-size:18px; color:#404040;
}
.login_register .acess_block .form-control:-ms-input-placeholder { /* IE 10+ */
font-size:18px; color:#404040;
}
.login_register .acess_block .form-control:-moz-placeholder { /* Firefox 18- */
font-size:18px; color:#404040;
}
.acess_button {width:100%; height:auto; margin:0px; padding:0px; float:left;}
.acess_button .term-text {margin:0px; padding:0px; float:left; font-size:12px; text-align:left; color:#bbbbbb;}
.acess_button .btn-blue  {width:100%; height:auto; margin:44px 0px 0px 0px; padding:0px; float:left; padding:6px 0px; border-radius:8px !important; -webkit-border-radius:8px !important; -moz-border-radius:8px !important; -ms-border-radius:8px !important; -o-border-radius:8px !important}
.ttl_forgot {margin:0px; padding:0px; width:100%; float:left;}
.ttl_forgot a {margin:0px; padding:0px; font-size:14px; text-align:left; color:#125781; text-decoration:underline;}
.spareter_block {width:100%; height:auto; margin:0px; padding:0px; text-align:center;}
.spareter { margin:0px; padding:0px; background:url(../images/login_bg.png) no-repeat center center; width:5px; min-height:400px; display:inline-block; text-align:center;}
.fb-btn-box {width:100%; height:auto; margin:26px 0px 0px; padding:0px; float:left;}
.login_access .btn-blue {margin-top:10px !important;}
.btn-blue:hover, .btn-blue:focus {color:#fff !important; outline:none !important; }

@media (max-width:767px) {
.mobile_hide {display:none;}
.login_block {margin-top:50px;}
.login_register .acess_block {padding:20px;}
.custom-login-header h1 {
    font-size: 18px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 130px;
    color: #125781;
    display: inline-block;
     font-weight: bold;
 
    margin: 0;
    padding: 0;
    text-align: center;
}
}