@charset "utf-8";
/* CSS Document */



.submit {
    color: #fff!important;
    /*padding: 12px 60px;*/
	width: 26%;
	height: 42px;
    text-decoration: none!important;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 1em!important;
    font-weight: 400!important;
    background-color: #000;
    margin-top: 7px;
    text-shadow: none!important;
    text-decoration: none!important;
     float:left;
	 margin-left: 13px;
    margin-right: 13px;
	border:0;
	border-radius:0!important;
	-webkit-appearance: none;
     
}
.submit:hover {
    color: #fff!important;
	background-color:#66635C;
	text-decoration:underline!important;
    
}
.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px1px1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}
.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}
.btn-block+.btn-block {
    margin-top: 5px
}
input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
    width: 100%
}

#username {
	display: block;
	float: left;
	/*width: 98%;*/
	height: 24px;
  margin: 7px 0;
	background-color: #ffffff;
	border: none;
	box-shadow: inset 0px 3px 3px #666;
	outline: none;
	border-left: 1px solid #ddd;
	color: #000;
	background: #fff;
	line-height: 32px;
	text-align: center!important;
	font-size: 1.05em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
	padding-top:9px;
	padding-bottom:9px;
	-webkit-appearance: none;
	border-radius:0!important;
}
#username:active, #username:focus {
	background: #eef2f6;
	box-shadow: inset 0px 3px 3px #666;
}



a.enrollButton{
	color: #fff!important;
    /*padding: 12px 60px;*/
	width: 26%;
	height: 30px;
    text-decoration: none!important;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 1em!important;
    font-weight: 400!important;
    background-color: #000;
    margin-top: 7px;
    text-shadow: none!important;
    text-decoration: none!important;
     float:left;
    margin-right: 10px;
	-webkit-appearance: none;
	border-radius:0!important;
	text-align:center;
	padding-top: 12px;
}
a.enrollButton:hover{
	color: #fff!important;
	background-color:#66635C;
	text-decoration:underline!important;
}



/* =================== Responsive ============================ */
/*  iPad Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
a.enrollButton{width: 22%;}
.submit {width: 22%;}

}
/*  ------end iPad Portrait */

/*  smartphone */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px)  { 

.submit {width: 100%;margin-left:0px;margin-right:0px;margin-bottom:8px;}
.enrollButton {width: 100%!important;}
#username {width: 100%;}

}
/*  ------end Smartphone Portrait and Landscape */





/*  samsung tab S6 */
@media only screen 
  and (min-device-width: 576px) 
  and (max-device-width: 767px)  { 
#username {width: 150px;}
.loginWrapper {height: 160px!important;}


}
/*  ------end samsung tab S6 */