html,body { overflow: auto;}

/* admin */
.editor { width:100%; max-width:500px; }
/* datepicker style */
.ui-datepicker { background:#eee; border:1px solid rgba(255,255,255,0.1); min-width:210px; border-radius:3px; padding:7px; color:#333;box-shadow: 5px 5px 5px rgba(0,0,0,0.5); display:none; z-index:2000 !important;}
.ui-datepicker>.ui-datepicker-header{ position:relative; padding:0; margin-bottom:10px;}
.ui-datepicker>.ui-datepicker-header>.ui-datepicker-prev { float:left; padding:3px 7px;}
.ui-datepicker>.ui-datepicker-header>.ui-datepicker-next { float:right; padding:3px 7px;}
.ui-datepicker>.ui-datepicker-header>a { display:block; color:#333;}
.ui-datepicker>.ui-datepicker-header>a:hover { text-decoration:none; background:rgba(250,250,0,0.3);}
.ui-datepicker>.ui-datepicker-header>.ui-datepicker-title { text-align:center; }
.ui-datepicker-title>.ui-datepicker-month { padding:3px 0; font-weight:bold; font-size:110%;}
.ui-datepicker-title>.ui-datepicker-year { padding:3px 0; font-weight:bold; font-size:110%;}
.ui-datepicker>.ui-datepicker-calendar { width:100%;}
.ui-datepicker-calendar th { text-align:center; border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.ui-datepicker-calendar td a { position:relative; display:block; text-align:center; width:30px; height:30px; color:#333; line-height:30px; }
.ui-datepicker-calendar th:first-of-type>span,.ui-datepicker-calendar td:first-of-type>a { color:#ac0000;}
.ui-datepicker-current-day {background:rgba(250,250,0,0.3); }
.ui-datepicker-today>a:before {content:'.'; color:#009984; position:absolute;display:block; width:100%; text-align:center;top:-16px; font-size:200%; font-weight:bold;}
.ui-datepicker-calendar td:not(.ui-state-disabled) { border:1px solid rgba(200,200,200,0.1);}
.ui-datepicker-calendar td a:hover { text-decoration:none; background:rgba(250,250,0,0.3);}

/* timepicker style */
div.ui-timepicker {background:#eee; border:1px solid rgba(255,255,255,0.1); min-width:230px; border-radius:3px; padding:7px; color:#333;box-shadow: 5px 5px 5px rgba(0,0,0,0.5); display:none;}
.ui-timepicker-table { width:100%;}
.ui-timepicker-table th { padding:5px;}
.ui-timepicker-title { text-align:center; font-weight:bold; }
.ui-timepicker-hours { border-right:1px solid #ccc !important;}
.ui-timepicker td>span {display:block; text-align:center; width:30px; line-height:30px; color:#ccc;}
.ui-timepicker-hour-cell,.ui-timepicker-minute-cell {}
.ui-timepicker-hour-cell>a,.ui-timepicker-minute-cell>a
.ui-timepicker-hour-cell>a,.ui-timepicker-minute-cell>a {position:relative; display:block; text-align:center; width:30px; height:30px; color:#333; line-height:30px;}
.ui-timepicker-table td { border:1px solid rgba(200,200,200,0.1);}
.ui-timepicker-table td a:hover { text-decoration:none; background:rgba(250,250,0,0.3);}
.ui-state-active:after {content:'  '; color:#009984; position:absolute;display:block; width:26px;height:26px;top:2px; left:2px; font-weight:bold; border:2px solid rgba(172,0,0,1); border-radius:30px;}


/* loggeddiv */
/* center div */
.cenDiv {display:table;width:100%; height:100vh;}
.cenDiv>div { display:table-cell; text-align:center; vertical-align:middle; background-color:#5560a3;}
/* loginform */
.loginform { color:#fff; letter-spacing:2px;}
.loginform .d1 { max-width:700px; margin:0 auto; padding:15px 30px; }
.loginform .d2 { max-width:400px; margin:0 auto; padding:15px 30px;}
.loginform .d1>* { margin:0 auto;}
.loginform .logo { width:120px; height:160px; background-color:#fff;}
.loginform .corp {  font-size:200%; margin-top:10px; text-shadow: 2px 2px 2px rgba(0,0,0,0.4);}
.loginform .system { font-size:150%; text-shadow: 2px 2px 2px rgba(0,0,0,0.4); }
.loginform label { position:relative; display:block; background-color:#fff; margin-bottom:30px; border:1px solid #ccc; border-radius:1px; box-shadow: 4px 4px 4px rgba(0,0,0,0.5); }
.loginform input { width:100%;padding-left:60px;font-size:120%;line-height:40px;background:transparent;border:0;outline:0; }
.loginform select { width:100%;}
.loginform label>.fa { position:absolute; left:0px;font-size:150%; margin:0 20px; line-height:40px;}
.loginform input,.loginform input +.fa { color:#666;}
.loginform input:hover,.loginform input:focus,.loginform input:hover+.fa,.loginform input:focus+.fa {color:#333;}
.loginform button { width:100%; line-height:30px; font-size:140%; font-weight:bold;  box-shadow: 4px 4px 4px rgba(0,0,0,0.5); border-radius:1px;}
.loginform .select2-container--default .select2-selection--single {border:0;}

.loggeddiv { height:100vh; }
.loggeddiv .navbar { background-color:#5560a3; color:#fff;} 
.loggeddiv .navbar .navbar-toggle { position:fixed; right:0; top:0; margin:5px;  color:#fff; font-size:25px;}
.loggeddiv .navbar-brand { font-weight:bold; }
.loggeddiv .navbar-nav>li>a { color:#fff; }
.loggeddiv .navbar-nav>li>a:hover { background-color:rgba(255,255,255,0.2); }