﻿
@font-face {
  font-family: 'MyriadPro-Light';
  src: url('fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/MyriadPro-Light.otf')  format('opentype'),
	     url('fonts/MyriadPro-Light.woff') format('woff'), url('fonts/MyriadPro-Light.ttf')  format('truetype'), url('fonts/MyriadPro-Light.svg#MyriadPro-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*bootstrap css*/
.form-group { margin-bottom: 10px;}
body,.form-control,.btn{font-size: 12px;}

#myAlert {
    padding: 3px;
    background-color: #a0c7ff;
    border-radius: 3px;
    margin-top: 20px;
}
#infBody{margin:0;}

.LG_bg{background-color:#fff;}
.LG_background img{display:block;position:absolute;left:0;right:0;top:100px;bottom:0;margin:auto}
.LG_wrapper{width:320px;height:420px;margin:auto;position:absolute;top:-50px;left:0;bottom:0;right:0;}
.LoginBox{color:#fff;padding:10px;background-color:#2879ce;}
.LG_header,.LG_subheader{font-family:"MyriadPro-Light";font-size:26px;}
.LG_subheader{font-size:16px !important;margin-top:-13px;}
.LG_wrapper form{margin:25px 0;}
.LG_wrapper form input[type=text],.LG_wrapper form input[type=password]{height:38px;border-radius:0;color:#1884c6;border:1px solid #0b94d0;padding-left:32px;}
.LG_wrapper form input[type=text]{background:url(../images/username_back.jpg) no-repeat left center #fff;}
.LG_wrapper form input[type=password]{background:url(../images/password_back.jpg) no-repeat left center #fff;}

.form-group a{color:#fff!important;text-decoration:none;}
.LG_footer{margin-top:10px;} 
.LG_footer span{font-size:11px;}
.LG_wrapper form input[type=text]::-webkit-input-placeholder,.LG_wrapper form input[type=password]::-webkit-input-placeholder { /* Chrome */
  color: #1884c6 !important;
}
.LG_wrapper form input[type=text]:-ms-input-placeholder,.LG_wrapper form input[type=password]:-ms-input-placeholder { /* IE 10+ */
  color: #1884c6;
}
.LG_wrapper form input[type=text]::-moz-placeholder,.LG_wrapper form input[type=password]::-moz-placeholder { /* Firefox 19+ */
  color: #1884c6;
  opacity: 1;
}
.LG_wrapper form input[type=text]:-moz-placeholder,.LG_wrapper form input[type=password]:-moz-placeholder { /* Firefox 4 - 18 */
  color: #1884c6;
  opacity: 1;
}
.btn-jk {
    color: #fff;
    background-color: #94c83d;
    border-color: #86bb2d;
}
.btn-jk:hover{
    color: #fff;
    background-color: #94c83d;
    border-color: #86bb2d;
}
.mycal{top:calc((100vh - 400px)/2);}
.LG_wrappercal{top:calc((100vh - 580px)/2);}


@media screen 
  and (device-width: 640px) 
 
 {
.LG_wrapper{top:150px;}

}
/* ----------- iPhone 5 and 5S ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  .LG_wrapper{top:150px;}

}
