.body{margin:0;padding:0; font-size:16px}
.header{background:#66c;color:#fff;padding:0px;text-align:center;}
.header a{color:#fff;text-decoration:none;}
.header li{display:inline-block;}
.login{width:80%;margin:20% auto;background:#fff;border-radius:10px;padding:10px;border-style:solid;border-color:#ccc;}
.input-group{margin:2%;}
input.account{margin-bottom:2%;margin-top:2%;width:100%}
select {
	font-size:16px;
	height:26px
}
select.account{margin-bottom:2%;margin-top:2%;width:100%}
.panel-body {
    padding: 10px 0;
}
a {cursor:pointer}
input[type="file"] {display: none;}
.attach-doc {cursor: pointer;}
.editor{margin-bottom:0;margin-top:0}
.input-group.athead{margin:1%;}
.input-group.vproject{margin:1%;width:50%}
.form-group{margin:1%;width:90%}
.msg{text-align:center;color:#f00;z-index:901;font-size:20px;}
.msgb{text-align:center;color:blue;z-index:901;font-size:20px;}
.pop{background:rgba(155,155,155,0.8);position:absolute;top:15%;left:5%;width:90%;z-index:900;border-radius:5px;color:#333;}
.center {text-align:center}
.pop .close{color:#fff;}
.pop h3{text-align:center;}
.plan, .custform {padding:10px;}
.glyphicon{position:relative;top:-5;}
.btn-block{width:96%;margin:2%;}
.modal-header{background:#5bc0de;}
td.red {color:red}
td.blue {color:blue}
td.green {color:#00FF00}
td.green1 {color:#1E9E1E}
table.cost{width:50%}
table tfoot td{text-align:right}
/*table thead th{background:#CAE0E2;font-weight:bold;text-align:center;}
table thead td{background:#bce8f1;font-weight:bold;text-align:center;border:1px;border-style:solid;}*/
table.tb1{border:2px;border-style:solid;margin-top:15px}
table.tb1 thead {background:#bce8f1;font-weight:bold;text-align:center;}
table.tb1 thead td{background:#bce8f1;font-weight:bold;text-align:center;border:1px;border-style:solid;}
table.tb1 tbody td{border:1px;border-style:solid;}
table.tb1 tbody tr:hover{background:#faa;}
table.tb1 td{overflow:hidden;white-space:no-wrap !important;text-overflow:ellipsis;padding:2px;vertical-align:top;}
table.datatable{border:2px;border-style:solid;width:auto;}
/*table.datatable thead {background:##bce8f1;font-weight:bold;text-align:center;}
table.datatable thead td{background:#bce8f1;font-weight:bold;text-align:center;border:1px;border-style:solid;}*/
table.datatable tbody td{border:1px;border-style:solid;}
table.datatable tbody tr:hover{background:#faa;}
table.datatable td{overflow:hidden;white-space:no-wrap !important;text-overflow:ellipsis;padding:2px;}
.m1 {width:160px;height:160px;display:inline;padding:5px;}
.m1 img {margin-left:2%;margin-top:2%;width:16%;}
.menu a{font-family:tahoma;font-size:16px;background:#bce8f1;border:1px solid #000;padding:5px 15px;margin:5px;text-decoration:none;border-radius:5px;color:#000;}
h2{margin:0;text-transform:uppercase;}
h3{font-size:20px;text-align:left;margin-left:2%;color:#555fff;}
.dataTables_length,.dataTables_filter,.dataTables_info, .dataTables_paginate{width:48%;}
.dataTables_length,.dataTables_info {float:left;text-align:left;}
.dataTables_filter,.dataTables_paginate{float:right;text-align:right;}
.col-xs-12{padding:0}
.container-fluid{padding:0}
table tbody td.logs{font-size:10px}
table tbody td.int{text-align:right; padding-right:5px}
table tbody td.left{padding-left:10px}
tr.highlight { 
    background-color: #CAE0E2;
}
input.int{text-align:right;}
tr.sunday{background:#f66;}
.rpt table{width:100%;}
table.rpt {border-collapse:collapse;}
table.rpt td{font-size:10pt !important;vertical-align:top;border:1px solid #aaa;padding:2px;}
table.rpt thead{font-weight:bold;text-align:center;}
table.rpt tfoot{font-weight:bold;text-align:right;}
table.rpt td.sum{font-weight:bold;text-align:right;}
.rpt .date{white-space:nowrap;}
.monthyear{width:80px;}
input.date{width:80px;}
	p {margin:5px}
.panel-default {
    border-color: #ccc;
}
.panel-heading {
    padding: 5px 15px;
}
.panel-heading-menu{
    padding: 5px 15px;
	border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-default>.panel-heading-menu {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-body {
   background-color:#FBFBEF;
}
.panel-footer {
    padding: 5px 15px;
}
.panel-orange {
  border-color: #f39c12;
}
.panel-orange > .panel-heading {
  color: #fff;
  background-color: #f39c12;
  border-color: #e08e0b;
}
.panel-orange > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e08e0b;
}
.panel-orange > .panel-heading .badge {
  color: #982dff;
  background-color: #fff;
}
.panel-orange > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e08e0b;
}
.panel-purple {
  border-color: #982dff;
}
.panel-purple > .panel-heading {
  color: #fff;
  background-color: #982dff;
  border-color: #982dff;
}
.panel-purple > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #982dff;
}
.panel-purple > .panel-heading .badge {
  color: #982dff;
  background-color: #fff;
}
.panel-purple > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #982dff;
}

.hideonce{display:none}
.dropdown-menu{min-width:120px}
.fa-spin-custom, .glyphicon-spin {
  -webkit-animation: spin 3000ms infinite linear;
  animation: spin 3000ms infinite linear;
}
@media print {
	input{border: 0px}
	table.lydtddtb {width:100% !important;}
  * { margin: 0 !important; padding: 0 !important;}
  #controls, .footer, .footerarea{ display: none; }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}