body,html {margin:0;padding:0;}
ul,li {margin:0;padding:0;list-style:none;}
body {background-color:#eeeeee;font-family: 'Poppins', sans-serif;}
input {font-family: 'Poppins', sans-serif;outline: none;}
table,tr,td {padding:0;border:none;border-collapse: collapse;}
div {box-sizing:border-box;}
a {text-decoration: none !important;color:inherit;}
 /* ----- <Global> ------ */
 html,body {height:100%;min-height:100%;}
#site {min-height:calc(100% - 30px);}
#container {padding-top:70px;}
#header {background-color:#fff !important;}

#footer {text-align: center;font-size:14px;color:#888;}
	#Ensferium {font-weight: bold;}

.clear::after {content:'';display:block;clear:both;}
.panel {background-color:#ffffff;box-shadow: 0 2px 5px #cccccc;border-radius:3px;padding:10px;}

.table {padding:5px 0 0 0;}
.table > .table-header {padding:15px;}
.table > .table-header > h1 { font-size:24px;margin:0;padding: 0;font-weight: 500;display:inline-block; }
.table > .table-header > ul.toolbox {float:right;margin-right:15px;display: block;padding: 5px;}
.table > .table-header > ul.toolbox > li {display: inline-block;font-size:18px;color:#777777;}
.table > .table-header > ul.toolbox > li:hover {color:#000000;cursor: pointer;}
.table > .table-header > ul.toolbox > li > a {color:#777777;outline: none;text-decoration: none;}
.table > .table-header > ul.toolbox > li > a:hover {color:#000;}
.table > .table-cont {}
.table > .table-cont table {width:100%;}
.table > .table-cont table > thead > tr > th {font-size:10px 15px;color:#757575;font-weight:500;padding:10px;text-align:left;border-bottom: 1px solid #e0e0e0;}
.table > .table-cont table > thead > tr > th:first-child {padding-left:25px;}
.table > .table-cont table > thead > tr > th:last-child {padding-right: 25px;}
.table > .table-cont table > tbody > tr.filter td {padding:10px 5px;}
.table > .table-cont table > tbody > tr.blue > td {background-color:#CEE7F7;border-bottom-color:#9CC6EF;}
.table > .table-cont table > tbody > tr.green > td {background-color:#D6EFD6;border-bottom-color:#B5D6A5;}
.table > .table-cont table > tbody > tr.yellow > td {background-color:#FFEFC6;border-bottom-color:#FFE79C;}
.table > .table-cont table > tbody > tr.red > td {background-color:#ffc1c0;border-bottom-color:#d49d9c;}
.table > .table-cont table > tbody > tr.red > td {background-color:#ffc1c0;border-bottom-color:#d49d9c;}
.table > .table-cont table > tbody > tr.dark-yellow {background-color: #ffc562;border-bottom-color: #a8aa24;}
.table > .table-cont table > tbody > tr > td {padding:15px;border-bottom: 1px solid #e0e0e0;color: #212121;}
.table > .table-cont table > tbody > tr > td:first-child {padding-left:25px;}
.table > .table-cont table > tbody > tr > td:last-child {padding-right:25px;white-space:nowrap;}
.table > .table-cont table > tbody > tr > td:last-child > label.customcheckbox {display:inline-block;margin-top:-30px;vertical-align: middle;}
.table > .table-cont table > tbody > tr.unread > td {background-color:#f3f3f3;}
.table > .table-bottom {}
.table > .table-bottom ul.pagination {margin:5px 0 0 10px;}
.table > .table-bottom .total {padding:10px;}
.table > .table-bottom .item {padding:15px;height:44px;margin-right:15px;float:right;font-size:14px;color:#777777;font-weight: 500;}
.table > .table-bottom .item.nomargin {margin-right:0;}
.table > .table-bottom .item.fullbtn {padding:0;}
.table > .table-bottom .item:first-child {margin-right:0;}
.table > .table-bottom .item.hover {transition:background-color ease-in-out 300ms;}
.table > .table-bottom .item.hover:hover {background-color:#f5f5f5;color:#000;}
.table > .table-bottom .item > a {display: block;height:44px;padding:14px;text-decoration:none;}

.form {padding:15px 15px 0 15px;}
.form > .row {margin-bottom:10px;}
#turnBack {padding:15px;background-color:#3498db;border:1px solid #2980b9;position:fixed;z-index: 100;left:10px;bottom:10px;display: block;font-weight: bold;color:#fff;border-radius: 3px;box-shadow: 0 3px 5px rgba(0,0,0,0.25);}

 /* ----- </Global> ------ */



/* ----- <LoginPage> ----- */
#login-panel {width:90%;max-width:300px;height:400px;position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;padding:15px 10px;}
	#login-icon {font-size:100px;color:#333333;text-align: center;line-height: 100px;}
#login-panel > h1 { margin:5px 0 0 0;padding:0;font-size:18px;font-weight: 700;text-align: center; }
#login-panel-inputs { margin-top:15px; }
#login-panel-inputs > .item {margin-bottom: 10px;position:relative;}
#login-panel-inputs > .item > input {padding:10px;background-color:#fff;border:none;height:44px;box-sizing:border-box;width:100%;color:#353535;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:all ease-in-out 300ms;}
#login-panel-inputs > .item > input:focus {box-shadow: 0 1px 3px rgba(0,0,0,0.3)}
#login-panel-inputs > .item > i { position:absolute;right:10px;top:5px;font-size:22px;line-height:18px;top:14px;color:#353535;}
#login-panel-inputs> input[type="submit"] {width:100%;display:block;padding:12px;text-align:center;font-weight: bold;background-color:#353535;color:#fff;border:none;cursor: pointer;transition:background-color ease-in-out 200ms;}
#login-panel-inputs> input[type="submit"]:hover {background-color:#454545;}
#login-panel-inputs> input[type="submit"]:active {background-color:#000;transition:none;}
#login-messages {margin-top:5px;}
#login-messages > .item {padding:7px 10px;font-size:14px;}
#login-messages > .item.error {background-color:#EB3E2C;color:#FFD1CC;}
#login-messages > .item.error strong {color:#fff;}
/* ----- </LoginPage> ----- */


/* ----- <WorkDetail> ----- */
#pnlWorkDetail h2 { margin-bottom:10px; }
#pnlWorkDetail .workTitle {width:calc(100% - 20px);margin:10px auto;border-bottom:1px solid #ddd;padding-bottom: 10px;}
#pnlWorkDetail .workDate {text-align: right;}
.comment {padding:15px;margin-bottom: 15px;}
.comment > .row {padding-bottom:5px;border-bottom:1px solid #ddd;}
.comment .commentDate {color:#777;text-align: right;}

.notify-drop {overflow:auto;max-height: : 300px;}
.notification-cont {padding:0;}
.notification-cont .notify-empty {padding: 10px;text-align: center;}
.notification-item {padding:5px 15px;border-bottom:1px solid #DDD;}
.notification-item.readed {background-color:#F3F3F3;}
.notification-item > hr {margin:0;}
.notification-item > .title {font-size:12px;font-weight: bold;}
.notification-item > .cont {font-size:14px;}
.notification-item > .title > .time {font-size:10px;color:#CCC;text-align: right;}
/* ----- </WorkDetail> ----- */

.vcenter {display: inline-block;vertical-align: middle;float: none;}
@media (max-width: 767px) {
	.table > .table-bottom .paging {text-align: center;padding-top:7px;}
	.table > .table-bottom .pagenav .item:last-child {float:left;}
	#pnlWorkDetail > .workTitle > .workDate {text-align: left;}
	.table > .table-cont {overflow-x:auto;overflow-y:show;}
}

.select2w100 > .btn-group.bootstrap-select.select2 {width:100% !important;}

.table-responsive {min-height:500px;}