div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/*a{text-decoration:none; color:#fff!important}**************************************************/
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}


/*body{background-color:#fff;color:#;font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:16px;line-height:1.75rem;margin:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:-webkit-optimize-contrast;-webkit-tap-highlight-color:transparent}*/
body{ font-family:'Roboto';font-size:16px;font-weight:300;font-style: normal; text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:-webkit-optimize-contrast;-webkit-tap-highlight-color:transparent}


/*body {
 /*background-color:#8bc34a!important;
 background:rgba(1,69,44,1);
 font-family: 'Rajdhani';
 font-style: normal;
 font-weight: 500;
 font-size:16px;*/
 /*background: rgba(1,69,44,.05) url(../images/bg_texture.png) repeat center top;*/
 /*line-height:1.75rem;
 margin:0;*/
 /*text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:-webkit-optimize-contrast;-webkit-tap-highlight-color:transparent;*/
 
   /*background: url(../images/bg-01.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
/*}*/
.body_background{
	position:fixed;
	height:100vh;
	width:100vw;
	background: url(../bgTTTT.jpg) no-repeat center center fixed; 
	background-color:#F5F9FB;
	/*-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
	opacity:.08;*/
	z-index:-1;
	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.wrap_outer{
	display: flex;
	/*justify-content: center;*/
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	/*display:table-cell;
	text-align: center;*/
	/*****vertical-align: middle;*/
	/*vertical-align: top;*/
	border-bottom:0px solid rgba(255,255,255,.5);
	/*background: rgba(0,0,0,.1);*/
	height:100vh;
	width:100vw;
}
.login_bg{
	background-image: url("../images/login_bgTTTT.png");
	background-repeat:no-repeat;
	background-position:center center;
	/*background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;*/
	background-color:#f5f9fb!important;
}
.blured_1{
	position: absolute;
    top: calc(100vh - 50%);
    left: 100px;
	width:200px;
	height:200px;
	border-radius:100px;
	background-color:#b7dcee;
	-webkit-filter: blur(50px);
	-moz-filter: blur(50px);
	-o-filter: blur(50px);
	-ms-filter: blur(50px);
	filter: blur(50px);
	opacity:.8;
	z-index:0;
}
.login-top-bar{
	text-align:center;
	width: 100%;
	padding:20px;
	height:44px;
	line-height:0px;
	font-size: 14px;
	letter-spacing:.056em;
	font-style: normal;
	font-weight:300;
	color: #838484;
	border-top:1px solid rgba(0,0,0,.05);	
}
.head {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;

	/*display:inline-block;
   width: 90%;*/
	/*width:700px;
    margin-left:auto;  margin-right:auto;*/
	/*opacity: 0.85; filter: Alpha(opacity=85);*/
	/*background-color:transparent;*/
    /*border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;*/
	width: 100%;
	/*width: 100%;*/
	/****background-color:rgba(3,127,81,1);*/
	/*background: url(../images/facility_reg_form.png) repeat ;*/
	/****border-bottom:1px solid rgba(0,0,0,.8);
	-moz-box-shadow: inset 0px 0px 2px rgba(255,255,255,.5);
	-webkit-box-shadow: inset 0px 0px 2px rgba(255,255,255,.5);
	box-shadow: inset 0px 0px 2px rgba(255,255,255,.5);***/
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
}
.head a:hover,.head a:focus {color:#000;background-color:#;}

.logo {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	
	/*padding:20px 0px 0px 0px;*/
	height:auto;
   /*padding: 7% 0;*/
    width: 100%;
}
.logo-top{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;	
	width:78px;
	height:80px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
	/*height: 50%;
   background-image:url(../images/logo.png); background-position:center center; background-repeat:no-repeat;
	background:url(../images/logo.png) no-repeat bottom center;*/
	background:url(../images/bibwa_md.png) no-repeat center center;
	border:1px solid #ccc;
}
.logo-bottom {
    margin-top: 20px;
	text-align: center;
	/*height: 50%;*/
	padding:10px;
	/*font-family: 'sansationbold'; */
	font-size:1.3125rem;
	font-weight: 400;
	color:#494949;
}

.login {
max-width:328px;
margin-left:auto;
margin-right:auto;
width: 100%;
}
.login_input_wrap {
    display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height:88px;	
}
.username_wrap{
	display: flex;
	justify-content: right;
	align-items: center;
	flex-direction: row;
	width:100%;
}
.username_arrow{
	width: 26px!important;
	height: 26px!important;
	position:absolute;
	margin-right:12px;
}
.password_wrap{
	display: flex;
	justify-content: right;
	align-items: center;
	flex-direction: row;
	width:100%;
}
.password_arrow{
	width: 26px!important;
	height: 26px!important;
	position:absolute;
	margin-right:12px;
}


.login_message_box_wrap{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width:90%;
	margin-top:2px;
	
}
.login_message_box_wrap .login_message_box_arrow{
	width: 15px;
	height: 15px;
	overflow: hidden;
	position: relative;
	transform: rotate(40deg) skew(-10deg);
	z-index:2;
	background-color:rgba(250,233,163,1);
	border:1px solid rgba(210,192,117,1);
	border-right:1px solid transparent;
	border-bottom:1px solid transparent;
	margin-bottom:-8px;
}
.login_message_box_wrap .login_message_box{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width:100%;
	height:auto;
	padding:20px;
	background-color:rgba(250,233,163,1);
	/*border:1px solid rgba(210,192,117,1);*/
	/*background-color:rgba(255,255,204,1);*/
	/*background-color:rgba(255,243,205,1);*/
	border:1px solid rgba(210,192,117,1);		
	z-index:1;	
	margin-top: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(153, 153, 153, 0.19), 0 6px 10px 0 rgba(153, 153, 153, 0.19);
}

.login_bottom_1{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	width:300px;
	height:62px;
	border-bottom: 1px solid;
	border-image: radial-gradient(rgb(214,214,214,1), rgb(214,214,214,0)) 1 0%;
	/*box-shadow: 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1);*/
	

}
.keep_signed_in{

	font-weight:400;
}
.login_bottom_2{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	width:100%;
	height:58px;
	border-bottom: 0px solid #cccccc;
	background-color:;
	/*border-image: radial-gradient(rgb(214,214,214,1), rgb(214,214,214,0)) 1 0%;
	box-shadow: 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1);*/
}
.btn-login{
  color: #fff;
  background-color: #d0a92c;
  border-color:#ff3d00;
  height: 44px;
  /*padding-top: 8px!important;
  padding-bottom: 4px!important;*/
}
.btn-login:focus,
.btn-login.focus {
  color: #fff;
  background-color: #;
  border-color: #ff3d00;
}
.btn-login:hover {
  color: #fff!important;
  background-color: #;
  border-color: #ff3d00;
}
.btn-login:active,
.btn-login.active {
  color: #fff;
  background-color: #;
  background-image: none;
  border-color: #ff3d00;
}
.btn-login:active:hover,
.btn-login.active:hover
.btn-login:active:focus,
.btn-login.active:focus
.btn-login:active.focus,
.btn-login.active.focus {
  color: #fff;
  background-color:#f5f5f5;
  border-color: #ff3d00;
}
/*
.btn_add_on{
  border-color: #ff3d00!important;
  border-left-color: #ff3d00!important;
}
*/
.login-top_text {
	/*font-family: sans-serif;*/
	font-size: 1rem;
	padding: 0px 0px 0px 0px;
	height: 85px;
	text-align:center;
}
.login-top_username_text {
	display: flex;
	/*font-family: sans-serif;**************************/
	font-size: 1.5rem;
	font-style: normal;
	font-weight:700;
	padding: 0px 0px 10px 0px;
	justify-content: center;
	align-items: flex-end;
	height: 85px;
	color:#ffffff;	
}

.submit{
	float:left;
}

.login-bottom {
    margin-top: 0px;
}
.login__bottom__links{
	/*display:block;
    width:700px;
	height:76px;*/
	margin-left: auto; margin-right: auto;	
	/*margin-top:0px;
	padding: 0px 0px;
	background-color:;*/
	
	padding: 18px 0px 0px 0px;
	height:110px;
	width:100%;
	border-bottom: 0px solid black;
	background-color:rgba(1,69,44,0);
	border-top:0px solid rgba(0,0,0,.6);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,1);
	margin-top:-8px;		
}
.login_bottom_bar {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;	
	width: 100%;
	padding:0px 20px;
	height:48px;
	line-height:0px;
	font-size: .6875rem;
	letter-spacing:.056em;
	font-style: normal;
	font-weight:400;
	/*text-shadow: 0px 1px 0px rgba(255, 255, 255,.8);*/
	color: #838484;
	/*background-color:#000000;*/
	/*background-color:#e1e1e1;
	background-color:rgba(1,69,44,1);*/
	border-top:0px solid rgba(0,0,0,.05);/*
	box-shadow: inset 0px 1px 0px rgba(255,255,255,.5);*/	
}
.xsmall_text{
	line-height:0px;
	font-size: .6875rem!important;
	letter-spacing:.056em;
	font-style: normal;
	font-weight:400;
}
.login-bottom_text_right {
    /*width: 60%;*/
    float: right;
    /*font-family: sans-serif;**************************
	font-size: .875rem;*/
	padding:0px 0px 0px 0px;
	
	
	/*height:76px;
	line-height:76px;*/
	color:#ffffff;
	
	
	
	width: 90%;
	font-size: 16px;
	float: none;
	max-width:400px;
	margin-left:auto;  margin-right:auto;
	text-align:center;
	padding:0;
	height:90px;
	line-height:40px;
	background-color:transparent;
	
}
/*.restade_pc{display:block}
.restade_mob{display:none}*/
.login__bottom__matangazo{
	display:block;
    width: 100%;    
	background-color:#1c5339;
	padding:20px;
	margin-left: auto; margin-right: auto;
	margin-top:0px;

	
		border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
}

.text_btn_blue {
  display: inline-block;
  margin-bottom: 0;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  /******background-image: none;*/
  /*border: 1px solid transparent;*/
  color:rgba(0,112,201,1);
  font-size: .875rem;
  font-weight:400;
  /*padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/
}
.text_btn_blue:focus,
.text_btn_blue:active:focus,
.text_btn_blue.active:focus,
.text_btn_blue.focus,
.text_btn_blue:active.focus,
.text_btn_blue.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.text_btn_blue:hover,
.text_btn_blue:focus,
.text_btn_blue.focus {
  color:rgba(1,82,144,1);
  text-decoration: none;
}
/*
.text_btn_blue:active,
.text_btn_blue.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
*/
.text_btn_blue.disabled,
.text_btn_blue[disabled],
fieldset[disabled] .text_btn_blue {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.text_btn_blue.disabled,
fieldset[disabled] a.text_btn_blue {
  pointer-events: none;
}

