html,body{height:100%; overflow-x:hidden}
body{padding:0; margin:0; background:#DFDFDF;}
.login-holder{font-family: "Lato",sans-serif; font-weight:300; color:#616161; font-size:14px; background: #e9e9e6;background: -moz-linear-gradient(top, #e9e9e6 0%, #e9e9e6 100%);background: -webkit-linear-gradient(top, #e9e9e6 0%,#e9e9e6 100%);background: linear-gradient(to bottom, #e9e9e6 0%,#e9e9e6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e6', endColorstr='#e9e9e6',GradientType=0 );height:100%; width:100%; overflow-y:auto;}
.login-holder .upper-box{max-width:400px; margin:auto;}
.login-holder .upper-box .gradiant-box{background: #fafafa;background: -moz-linear-gradient(top, #fafafa 0%, #f5f5f3 100%);background: -webkit-linear-gradient(top, #fafafa 0%,#f5f5f3 100%);background: linear-gradient(to bottom, #fafafa 0%,#f5f5f3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f5f5f3',GradientType=0 ); padding:10px 35px 53px 35px; margin:30px 0; box-sizing:border-box; position:relative;}
.login-holder .upper-box .login-logo{height:166px;}
.login-holder .upper-box .gradiant-box .login-white-box{padding:20px; z-index:1; box-sizing:border-box; position:relative; float:left; box-shadow:0 2px 11px 0 rgba(0, 0, 0, 0.14); margin-top:50px;}
.login-holder .upper-box .gradiant-box .whitespace{background:#FFF; height:10px; position:absolute; left:10px; right:10px; bottom:44px; box-shadow:0 2px 11px 0 rgba(0, 0, 0, 0.14); left:45px; right:45px;}
.login-holder .upper-box .gradiant-box .login-white-box:before{-webkit-transform: skew(0deg, -11deg);
    -moz-transform: skew(0deg, -11deg);
    -o-transform: skew(0deg, -11deg);
    -ms-transform: skew(0deg, -11deg);
    transform: skew(0deg, -11deg); background:#FFF; content:''; height:141px; left:0; right:0; position:absolute; top:-33px; box-shadow:0 -4px 3px 0 rgba(0, 0, 0, 0.1);}
.login-holder .upper-box .gradiant-box .login-white-box .input-field{ margin-top:2rem;}
.login-holder .upper-box .gradiant-box .login-tringle{/*border-bottom:77px solid white;border-left:330px solid transparent;border-right:0 solid transparent;*/float: left;margin-bottom: -6px;margin-left: -11px;position: relative;z-index: 2;}
.input-field .prefix ~ input, .input-field .prefix ~ textarea{margin-left:0; padding-left:3rem;}
.input-field label{color:#616161; font-size:18px;}
.input-field label.active{color:#909090; font-size:13px;}
.input-field input[type=text], .input-field input[type=password], .input-field input[type=date]{border-bottom: 1px solid #E9E9E9; font-size:18px; color:#0D153C;}
.input-field input[type=text]:focus + label, .input-field input[type=password]:focus + label, .input-field input[type=date]:focus + label{color:#0D153C; font-size:13px;}
.input-field input[type=text]:focus, .input-field input[type=password]:focus, .input-field input[type=date]:focus {border-bottom: 1px solid #ACACAC;box-shadow:none;}
.input-field input[type=text].valid, .input-field input[type=password].valid, .input-field input[type=date].valid {border-bottom: 1px solid #E2E2E2;box-shadow:none;}
.input-field input[type=text].invalid, .input-field input[type=password].invalid, .input-field input[type=date].invalid{border-bottom: 1px solid #000;box-shadow:none;}
.input-field .prefix.active{color:#B4B4B4;}
.input-field .prefix{ font-size:24px; color:#E0E0E0; top:12px;}
.login-btn{background:#0D153C; font-size:20px; color:#fff; height:50px; border-radius:50px; width:180px; font-weight:900; position:absolute; bottom:-25px; left:0; right:0; margin:auto; z-index:2;}
.login-btn:hover , .login-btn:focus{ background:#1F3392}
.relative{position:relative;}
        
.login-holder .upper-box .gradiant-box .login-white-box .input-field input:-webkit-autofill,
.login-holder .upper-box .gradiant-box .login-white-box .input-field input:-webkit-autofill:hover,
.login-holder .upper-box .gradiant-box .login-white-box .input-field input:-webkit-autofill:focus,
.login-holder .upper-box .gradiant-box .login-white-box .input-field input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-box-shadow: 0 0 0px 1000px #fff inset !important; -webkit-text-fill-color: #616161;}

.search-box .input-field .prefix{ right:0;}
.search-box .input-field input[type=text], .input-field input[type=password], .input-field input[type=date]{border-bottom: 1px solid #E9E9E9; font-size:14px; color:#737373;}
.search-box .input-field .prefix ~ input, .input-field .prefix ~ textarea{ padding-left:0; padding-right:3rem;}
.search-box .input-field .prefix ~ label{padding-left:0;}
.search-box .input-field label.active{margin-left:0;}
.search-box .input-field label{color:#616161; font-size:14px; margin-left:0;}

.green-search, .reset-btn{width:60px; height:50px; line-height:50px; text-align:center; box-shadow:none;  padding:0;}
.green-search i, .reset-btn i{font-size:36px;}
.reset-btn i{font-size:36px; color:#747474;}
.green-search, .green-search:hover, .green-search:focus{background:#66BB6A;}
.reset-btn, .reset-btn:hover, .reset-btn:focus{background:#E0E0E0;}		
.search-box{padding-top:20px; padding-bottom:10px; width:100%; float:left;}
.collection .collection-item{padding:15px 20px}
.collection a.collection-item:hover:not(.active){background:#F0F0FF; color:#000}
.collection .collection-item.active{ background:#F4F4F4}
.collection a.collection-item{ color:#616161}
.collection a.collection-item.active{color:#333333}
.back-btn{ position:absolute; top:0; width:80px; right:0; top:18px;}
.table thead tr, .table tbody tr{ border-bottom:#E1E1E1 solid 1px;}
.table thead tr th{ color:#5F5F5F; background:#E8E8E8}
.table tbody tr td{ font-size:14px;}
.table thead tr th, .table tbody tr td{ padding:15px; vertical-align:top; border: 1px solid #e9e9e9;}
.footable-row-detail-cell{ background:#F4F4F4}
.dropdown-content li > a, .dropdown-content li > span{ color:#616161}

.footer{height:25px; line-height:25px;}
.footer span{position: relative;right: 10px; top: -8px;}
.w100{width:100%;}
header, section{ display:block; width:100%;}
header{background:#132059; min-height:140px;}
header .header-logo{padding-top:14px; padding-bottom:6px;}
.power-btn{ position:absolute; right:0; top:0; height:83px; width:83px; line-height:95px;}
.page-title{background:#1B2D81; font-family: "Lato",sans-serif;}
.page-title h1{font-size:20px; font-weight:700; line-height:60px; margin:0; padding:0;}
.middle-content{height:calc(100% - 230px); display:table;}
.border-radius{ border-radius:5px;}
.m-b-10{ margin-bottom:10px;}
.m-b-20{ margin-bottom:20px;}
.m-t-o{ margin-top:0;}
.m-b-o{ margin-bottom:0;}

.picker__weekday-display{background-color:#132059;}
.picker__date-display{background-color:#1B2D81;}
.picker__box{ border-color:#1B2D81 #1B2D81 #1B2D81;}
.picker__close, .picker__today{ color:#132059;}
.picker__day.picker__day--today{ color:#132059}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected{ background-color:#303F9F;}
button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus{ background-color:#D3D8F1}