/* here you can put your own css to customize and override the theme */
/************ Seven Equal Columns CSS *******/
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
 
}

@media (max-width:991px){
.ars_div{width:25%; float:left;}
  .ars_div1{width:50%; float:left;}
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
  
}


@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}
/******** END **** Seven Equal Columns CSS *******/
.ars_div{margin-top:17px;}
.input-group-addon {
	padding:4px;
}
#ajax_loader {
	background-image:url(../img/loading-spinner-grey.gif);
	background-repeat:no-repeat;
	background-position:center;
	box-shadow:0px 0px 5px #666;
	width:22px;
	height:22px;
	padding:20px;
	background-color:#FFF;
	-webkit-border-radius: 4px !important ;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
	position:fixed;
	z-index:6666;
	top:50%;
	right:50%;
	display:none;
}
.form-control.validate-error {
	border: 1px solid #ed2f2f;
}
div.validate-error {
	color:#ed2f2f;
}

.mrg-bottom-5px  { margin-bottom:5px; }
.mrg-bottom-10px { margin-bottom:10px; }
.mrg-bottom-15px { margin-bottom:15px; }
.mrg-bottom-20px { margin-bottom:20px; }
.mrg-bottom-25px { margin-bottom:25px; }
.mrg-bottom-30px { margin-bottom:30px; }

.mrg-top-5px  { margin-top:5px; }
.mrg-top-10px { margin-top:10px; }
.mrg-top-15px { margin-top:15px; }
.mrg-top-20px { margin-top:20px; }
.mrg-top-25px { margin-top:25px; }
.mrg-top-30px { margin-top:30px; }

.padding-left-medium { padding-left:50px; }

.c-cell-clickable{ cursor:pointer !important;}

.mrg-bottom-10px {
	margin-bottom:10px;
}

#filter_margin_1 {
	margin-top:60px;
	margin-bottom:0px;
}
#filter_margin_2 {
	margin-top:60px;
}
.form-wizard li a.step .desc i {
	display:none;
}
.form-wizard li.done a.step .desc i {
	display:inline-block;
}

@media (max-width: 768px){
	#filter_margin_1 { margin-top:0px; margin-bottom:10px; }
	#filter_margin_2 { margin-top:0px; }
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
	color: #fff;
}
label {
    font-size: 13px;
    font-weight: 400;
}
h5 {
	font-size: 13px;
}
.navbar{
	height: 194px !important;
}

.page-header.navbar .hor-menu .navbar-nav > li > a {
	font-size: 14px;
	font-weight: 400;
	padding: 13px 7px;
	color: #fff !important;
}
.page-header.navbar .hor-menu {
	display: inline-block;
}
.page-header.navbar .top-menu {
	display: inline-block;
}
.table thead tr th {
    font-size: 13px;
    font-weight: 600;
}

*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
table.table-bordered tbody th, table.table-bordered tbody td {
    border-bottom-width: 0;
    border-left-width: 0;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  border-top: 1px solid #ddd !important;
  line-height: 1.42857;
  padding: 8px;
  vertical-align: middle !important;
}
div, input, select, textarea, span, img, table, label, td, th, p, a, button, ul, code, pre, li {
    border-radius: 0 !important;
}
td, th {
    padding: 0;
}
* {
    box-sizing: border-box;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    color: black;
    direction: ltr;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
	
}

.btn {
    font-size: 13px;
}

.date .btn {
    font-size: 13px;
}

.portlet > .portlet-title > .caption {
    font-size: 15px;
 }
#projectlist_dropdown{
	height: 46px;
	width: 200px;
}
.text-left {
    text-align: left !important;
}

.input-group{
    position: static !important;
}
.delayicon{font-size: 22px !important;}

p.headding {
  font-family: sans-serif !important;
  font-size: 20px !important;
  font-weight: bold !important;
  letter-spacing: 0 !important;
  line-height: 25px !important;
  color: #000000 !important;
}
p.subheadding {
  font-family: sans-serif !important;
  font-size: 16px !important;
  font-weight: 200 !important;
  margin-top: 11px !important;
}
.singleborder{
	border-top: 1px solid #ddd;
}
#viewButton {
  min-width: 100px;
}
table.no-border > tbody > tr > td, table.no-border > tbody > th > td{border:0px solid #ccc !important;}
table.table-bordered th:last-child, table.table-bordered td:last-child {
  border-right-width: 1px !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 4px;
    vertical-align: middle;
    /*font-size:12px;*/
}
table.report-heading {
	font-size: 13px !important; 
}
.nav-tabs > li > a, .nav-pills > li > a {
	font-size: 13px;
}
#package_list_content .portlet > .portlet-title > .tools > a {
	font-size: 14px;
	height: auto;
}
#package_list_content .portlet > .portlet-title > .tools {
	line-height: 2.5em;
}
.page-title {
	font-size: 23px;
	color: #333;
	
}
.form-control {
	font-size: 13px;
	
}
.listYearUl > li {
	font-size: 14px !important;
	
}
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a {
	font-size: 14px;
}
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
	font-size: 14px;

}
.annual_report{
/*overflow-x: scroll !important;*/
}

button.back_button {
	border: 1px solid #aaa8a8;
	background: #ccc;
	margin-top: 10px;
	padding: 5px 13px;
	color: red;
	border-radius: 5px !important;
}

.radio input[type="radio"]{
    position: relative !important;
    margin-left: 0px !important;
}
.table-bordered {
	border: 2px solid #1e1c1c !important;
	
	
}

/*
.table-bordered {
	border-top: 2px solid #1e1c1c !important;
	border-left: 2px solid #1e1c1c !important;
	
}

#viewButton{
	border-top: 2px solid #eee !important;
	border-bottom: 2px solid #eee !important;
	border-left: 2px solid #1e1c1c !important;
}

tfoot tr:nth-last-child(1){
	border: 2px solid #eee !important;
   
    border-top: 2px solid #333 !important;
}
*/

ul.report_batch_type li{
	float:left;
	list-style:none;
}

.modal-header {
	min-height: 16.43px;
	padding: 0px;
}
.modal-title, #contractor h4 {
	margin:0px 0px 10px 0px !important;
	line-height: 2em;
	padding: 7px;
	background: #578ebe;
	color: #fff;
}
.modal .modal-header .close {
	margin: 18px 10px !important;
	color: #fff !important;
}

#addCounterModal .modal-body {
	padding: 10px;
}
.modal-body {
	padding: 10px;
}
.modal-header button.btn-default {
	border: none;
	background: unset;
	color: #fff;
	margin-top: 10px;
}
.modal-header button.btn-default:focus{
	border: none;
	background: unset;
	color: #ccc;
	margin-top: 10px;
}
#counterRemarkForm{
	padding: 7px;
}

#contractor{
	margin-top: 0px;
}
#contractor h4{
	margin:0px 0px 10px 0px !important;
	
}