/* CUSTOM STYLES */
 
 /* login-page */
 html{ background:none !important;}
.bg-red{ background:#ececec;}

#login-holder{ width:100%; height:100%;}
#login-form-wrapper{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:600px; background:none repeat scroll 0 0 #fff; box-shadow:2px 2px #ccc; border-top:10px solid #0e488a;}
.login-wrapper{ padding:70px !important; text-align:center;}
.login-form header{ border-bottom:0 !important; margin-bottom:20px !important;}
.login-form header img{ max-width:100%;}
.login-form header h2{ font-size:18px; margin-top:5px;}
.login-form fieldset, .login-form header{ padding:0 !important; background:none !important;}
.login-form section{ margin:30px 0;}		
.btn-login{ color:#fff; background-color:#0e648a; margin-bottom:20px !important; text-transform:uppercase; font-size:20px; padding:15px 0 !important; margin-top:15px !important;}
.btn-login:hover{ color:#fff; background-color:#24822b;}		
.login-form .note{ font-size:16px !important; color:#666 !important;}
.login-form .note a{ font-size:16px !important; color:#333 !important;}
.login-form .note a:hover{ text-decoration:none; color:#e52325 !important;}
.login-form .invalid{ text-align:left;}				
.login-form .input input{ -moz-appearance:none; background:none repeat scroll 0 0 #fff; border-radius:2px ; border-style:solid; border-width:1px; box-sizing:border-box; color:#404040; display:block; font:16px/18px 'Open Sans',Helvetica,Arial,sans-serif !important; height:50px !important; outline:0 none; padding:8px 10px; width:100%;}		
.login-form .icon-prepend{ border-right:none !important; left:10px !important; padding-right:3px; font-size:16px !important; height:22px; line-height:22px; position:absolute; text-align:center; top:15px !important; width:22px; color:#444;}
.login-form form{ display:none;}
.login-form form.active{ display:block;}
.login-wrapper .alert{ border:0 !important; border-radius:2px !important;}

@media (max-width:610px){#login-form-wrapper{ width:100% !important;}}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }