@charset "utf-8";
/* CSS Document */
body { font-size:13px;font-family:'Poppins',Arial, Helvetica, sans-serif; }
.top-bar-cont {overflow: hidden;
    margin-left: 268px;
    background-color: #FFF;
    /* width: 100%; */
    padding: 25px; border-bottom: solid 1px #dee2e6; }
ul.top_menu { padding:0px;margin-top:25px; position:relative; float:right;padding-right:55px; }
ul.top_menu li { list-style:none; display:inline-block;  }
ul.top_menu li a { font-size:16px; color:#FFF;padding:5px 10px;-moz-transition:all  0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease-out; transition: all  0.3s ease; text-decoration:none; }
ul.top_menu li a:hover { color:#fca61b; text-decoration:none;}
.bgcolor { background-color:#f4f6f9;}
.alignleft { float:left; padding-left:50px; }
.logo { padding:10px 0px 0px 0px; border-bottom:solid 1px #4f5962; }
.alignright { float:right;  } 
.logged_greeting { float:left;padding:20px 0px;margin-right:0px; color:#FFF; width:100%;border-bottom:solid 1px #4f5962; color:#c2c7d0;font-size:16px;}
.looged-in-icon { font-size:30px; display:inline-block; margin-right:15px;}
a.logout { margin-left:20px; color:#FFF;text-decoration:underline; }
.parallax { background-image:url(../images/intro-bg.jpg);height: 100%;background-attachment: fixed;background-position: center;
    background-repeat: no-repeat; background-size: cover;background-color:#EFEFEF;}
.parallax-2 { background-image:url(../images/intro-bg-2.jpg);height: 100%;background-attachment: fixed;background-position: center;
    background-repeat: no-repeat; background-size: cover;background-color:#EFEFEF;}
.pt15 {padding-top:15px;}
.pl0 { padding-left:0px;}
.pr0 { padding-right:0px;}
.mr0 { margin-right:0px !important;}
.ml0 {margin-left:0px !important;}
.pb15 {padding-bottom:15px;}
.gap { height:15px; }
.p0 { padding:0px !important;}
.m0 { margin:0px !important;}
/* LOGIN */	
.login-form {padding:30px 30px;margin:80px auto; width:410px; border:solid 1px #CCC;border-radius:10px;}

/* HOME */
.home-contents { position:relative; }
.content-box { float: left;font-size: 18px;margin-top: 120px;line-height: 30px;width: 100%;display: inline-block;border: 1px solid #CCC;
    background-color: rgba(255,255,255,0.5);color: #000 !important;letter-spacing: 0.2em; padding:20px; margin-bottom:55px;  }
.content-box-2 { float: left;font-size: 18px;margin-top: 120px;line-height: 30px;width: 100%;display: inline-block;
   color: #000 !important;letter-spacing: 0.2em; padding:20px; margin-bottom:55px;background-color: rgba(255,255,255,0.5);  }
.content-box-2 p { font-size:16px;text-transform:uppercase;font-weight:bold; letter-spacing:0px; }
.content-box:hover {color: #fff !important;border-color: #004e98;background-color: rgba(71, 59, 89, 0.7);}
.content-box span {display:block;padding:5px 0px 30px;font-size:45px;font-weight:700; }
.css_button { background-color:#004e98;padding:5px 12px; color:#FFF;text-decoration:none; font-size:14px;;-moz-transition:all  0.8s ease; -o-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -ms-transition: all 0.8s ease-out; transition: all  0.3s ease;  }	
.css_button:hover { text-decoration:none; background-color:#e6991c; color:#FFF; }
/* content pages */
.left-menu-container { background-color:#092b59;height:100%;border-right:3px solid #fca61b; min-height:1000px; padding-left:20px; width:100%; max-width:235px; margin-top:-70px; }
.pl0 { padding-left:0px !important;}
ul.left-menu { margin:0px;padding:0px; padding-top:25px; clear:both  }
ul.left-menu li { list-style:none;border-bottom: solid 1px #16519f; padding:2px 0px; }
ul.left-menu li a { padding:10px 15px 10px 15px;font-size:14px; text-decoration:none; display:block; color:#c2c7d0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; font-weight:300; }
ul.left-menu li a span { padding-right:5px; min-width:20px;}
ul.left-menu li a:hover { background-color:rgba(255,255,255,0.1);}
ul.left-menu li ul { padding-left:15px; }
ul.left-menu li ul li { border-bottom:none !important;}
ul.left-menu li ul li a span{ font-size: 9px;}
li.active_p { background-color:#16519f;
border-radius:8px;
margin:10px 0px;
}
li.active_p ul {
    display: block;
}
ul.left-menu li ul li a {font-size:12px !important; padding:4px 10px;}
h3.subpage_title { padding:0px;font-size:17px;font-weight:normal;color:#004e98; }
.content-section { padding:40px 40px 40px 45px; margin:15px 30px;background-color:#cfdcfc;/*border:solid 1px #DDD;*/-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;  }
.form-container { margin-top:35px;}
.form-container label { display:inline; font-size:15px; text-align:left !important; color:#AAAAAA; float:left; padding-bottom:10px; font-weight:300;  }
.form-group .input-box {box-shadow: none;font-size: 14px;border:solid 1px #ced4da; height:36px;}
.task-desc {
      padding: 4px 10px;
    height: 30px;
    border-radius: 0;
    margin-top: 8px;
    font-size: 12px;
    border: solid 1px #EAEAEA;
    box-shadow: none;
}
.estimate_desc td{ vertical-align:middle !important;}
.qnty_box,.unitprice_box, .totalprice_box,.sub_totalprice_box,.vat_box,.grant_total_box { height:25px; width:90px; border:solid 1px #EAEAEA;}
.bold-text { font-weight:bold;}
.req-man { color:#fa1212; }
.table-bordered>tbody>tr>td { border:solid 1px #EAEAEA; }
.estimate_head { font-size:18px; color:#FFF;  }
.company_name {    font-weight: 700; padding: 9px 10px;}
.company_address{    font-size: 13px;    padding: 4px 10px 9px 10px;}
.descriptions { color:#FFF; font-size:13px;font-weight:600; }
.estimte-cat_head { font-weight:bold; font-size:1.1em; }
tr.estimate_disc_head td { background-color:#EAEAEA !important;}
.company_logo {
    height: 70px;
}
div.msg {
    margin: 10px 0px 20px;
    padding: 10px;
    background-color: #8ac7fd;
    color: #FFF;	
}
.subbtn { border:0px;background-color:#1b0d59;color:#FFF; padding:8px 25px;  }
.view_table { margin-top:10px; }
.view_table.table-bordered>tbody>tr>td { border-left:0px !important;border-bottom:0px !important; }
.view_table tbody td {padding:10px !important; font-weight:300 !important; color:#333333 !important;border-top: 1px solid #f2f2f2 !important;}
.view_table tbody tr.even { background-color:#EAEAEA; }
.view_table thead {  background-color: #7784f0; color:#FFF;}
.view_table thead tr th {     border-bottom: solid 1px #7784f0 !important; }
.dataTables_length label {  font-weight: 500; margin-bottom: 15px; color:#999 !important;}
.dataTables_length label select { padding:0px 5px; margin:0px 5px; }
.dataTables_filter label {  font-weight: 500; margin-bottom: 15px;color:#999 !important;}
.dataTables_wrapper .dataTables_info { color:#999 !important;}
.dataTables_filter label input { border:solid 1px #EAEAEA; }
a.paginate_button.current {
    background: #EAEAEA !important;
    border: 0px !important;
    padding: 4px 8px !important;
}
a.active  { color:#6d7ae0 !important;}
.alert { padding:0px !important; border:0px !important; background-color:transparent;}
.job_cat_title { background-color:#EAEAEA !important; }
div.view_section {padding: 10px 20px;background-color: #eAEAEA;}
div.view_section .form-group  {margin:8px 0px !important;}
div.view_section .form-group label { padding-bottom:0px !important; padding-top:0px !important;  }
.action-btn-containers { float:right; }
.action-btn-containers a { padding:3px 5px;border:solid 1px #CCC; background-color:#FFF; }
.dashboard-box {padding: 20px; border: solid 1px #EAEAEA;text-align: center; margin-top: 25px;color:#FFF; width:32%; margin-right:1%;  border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px; }
.total-jobs { background-color:#424841; }
.dashboard-box .caption {font-size: 19px; font-weight: 100;  padding: 10px;}
.dashboard-box-icon { font-size:40px; color:#EEE;}
.dashboard-box .value {	font-size: 41px; font-weight: 600; padding: 10px; line-height:30px;}
.table-bordered { margin-bottom:10px !important;}
.same_input_style {border-radius: 0px;box-shadow: none;font-size: 13px;border:solid 1px #eceeef; }
.subsection-title { font-weight:bold;color:#503d98; padding:8px 0px 15px 0px;font-size:15px;}

/* Add service*/
.bgYello { background-color:#CCCCCC; width:40%; vertical-align:middle !important; color:#666666;}
.bgWhite { background-color:#FFFFFF; color:#0b3155;vertical-align:middle !important;}
.bgWarning  { background-color:#75cac5; color:#FFF;vertical-align:middle !important;}
.bgSuccess { background-color:#26d495; color:#FFF;vertical-align:middle !important;}
.warningColor {color:#fb611e; }
table.form_table { border:solid 1px #CCC; }
table.personal-details { border:solid 1px #CCC; }
table.personal-details td { padding:5px 15px !important; font-size:14px; } 
.customer-details  { padding:5px 0px; clear:both;}

.container-login100::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(93,84,240,.5);
    background: -webkit-linear-gradient(left,rgba(0,168,255,0.5),rgba(185,0,255,0.5));
    background: -o-linear-gradient(left,rgba(0,168,255,0.5),rgba(185,0,255,0.5));
    background: -moz-linear-gradient(left,rgba(0,168,255,0.5),rgba(185,0,255,0.5));
    background: linear-gradient(left,rgba(0,168,255,0.5),rgba(185,0,255,0.5));
    pointer-events: none;
}
.sign-in-icon-box { padding:10px 0px;text-align:center;}
.sign-in-icon-box i { font-size: 28px;    padding: 18px 20px;    background-color: rgba(255,255,255,.5);    border-radius: 50%;}
td.Cancelled {color:#6a6462;}
td.Completed { color:#167f08;}
td.Assigned { color:#e14313;}
td.Not.Assigned { color: #c30d16;}
.highlight { color:#2328ed; display:block;}
.highlight.danger { color:#f92125;}
.form-horizontal {padding: 15px 30px 15px 30px;border: solid 1px #CCC;background-color: #EAEAEA;width: 100%;}
.form-horizontal .form-group { margin-bottom:0px;}
.menu-toggle { display:none;}
.overview_title h5 {padding: 10px 10px;background-color: #78c5dc; color: #333333;}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control:before
{
	height:20px !important;
	width:30px !important;
	}
.mobile-footer-menu { background-color:#9cc1d8; padding:13px 0px 10px 0px;; text-align:center; border-top-left-radius:0px;border-top-right-radius:0px; position:fixed; bottom:0px; width:100%; margin-top:15px;z-index:999999;}
.mobile-footer-menu ul { padding:0px;margin:0px;list-style:none; text-align:center;}
.mobile-footer-menu ul li { padding:0px 8px; text-align:center; display:inline-block;}
.mobile-footer-menu ul li a { color:#333333; font-size:12px;}
.mobile-footer-menu ul li a i { color:#333333; font-size:18px; text-align:center;}
.action-button {float:right;}
.action-button a {    padding: 7px 15px;
    border: solid 2px #ddd;
    font-size: 14px;background-color: #092b59;color:#fff}
.file-document-container {
	
	padding: 15px 30px 15px 30px;
    border: solid 1px #CCC;
    background-color: #EAEAEA;
    width: 100%;
	float: left;
}
.single-file-box 
{
	padding: 10px 25px; background-color: #82F3B9;width: 31%;margin-right: 2%; float:left; border-radius: 8px; margin-bottom: 15px;
}
.file-details {
    font-size: 11px;
}
.dashboard-more {
	    position: absolute;
    top: 25px;    right: 20px;
    padding: 4px  15px;
    background-color: #72deb9;
	border-radius: 5px;
	text-decoration: none;
}
.frmPrintQuotation { padding: 20px;background-color: #fff;float:left; width: 100%;}
.quote-title {text-align: center;
    background-color: #25acbe;
    padding: 13px;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    border-bottom: solid 6px #0e6c78;
    margin-bottom: 5px;
}
.quote-sub-title {text-align: center; background-color: #25acbe; border-bottom: solid 6px #0e6c78;padding:10px;font-size: 15px;font-weight:500; color:#fff; margin-bottom: 15px; }
.contract-sub-title {background-color: #38a89e; border-bottom:solid 6px #0e8478; color: #fff; margin-bottom: 20px;}
.quote-add-table {border: solid 0px #232323;}
.quote-add-table tr td {adding: 4px 15px !important;
   /* background-color: #a8cbdf; */
	background-color: #d3eef2;
    border: solid 1px #fff !important;
 }
.contract-add-table tr td {border: 0px !important; font-size: 12px;background-color: #7dd1c9; border: solid 1px #fff !important;}
.quote-tc tr td {padding:4px 15px !important; }
.contract-tc tr td {padding:6px 0px !important; }
button#pdf_generate {margin-top: 8px;}
.quote-input {width: 100%;    border-radius: 0px;border: solid 1px #666 !important;    padding: 4px; color: #000;}
img.picture {width: 35px;}
.quote-response { padding: 15px 20px; display: inline-block;}
a.view-quotation {font-size: 14px;
    font-weight: 700;
    /* text-decoration: underline; */
    text-transform: uppercase;}
   
.notfilled { border: solid 1px #f8503e !important;}
.action-button-quote { margin-top: 15px; display: none}
input#amountinwords {
    text-transform: uppercase;
}
.contract-title {background-color: #38a89e; border-bottom:solid 6px #0e8478; color: #fff;}

.contract-subject {font-size: 14px; padding: 8px 0px 15px 0px;}
.contract-footer {background-color: #c5cfd6;padding: 10px 20px; text-align: center;}
.gap-for-sign { height: 45px; clear:both;}
li.active_p a.submenuhead {background-color: #5081c1;}
.seconditemincolumn {color: #d13e1c; font-size: 12px;}
.current_selected_service { background-color: #a2b898;}
.small-gap { height: 10px; clear: both;}
td.col-highlight {
    background-color: #b1ebf9;
}
.alert.highlighted-box{text-align: center;
    margin-top: 20px;
    padding: 12px !important;
    background-color: #f6e9aa;}

#nextpage1 {
  page-break-before: always;
}
.quote-add-table tr td.nomargin {border:0px !important;}
td.vatamt span {font-size:13px;}
td.amttotla span {font-size:16px;}
.contract-add-table tr td.nomargin {border:0px !important;}
.break-page {break-after: page;}
.amc_action_btn_edit {
    background-color: #0b6a0b;
    color: #fff;
}
.amc_action_btn_change {
    background-color: #8e562e;
    color: #fff;
}
.amc_action_btn_delete {
    background-color: #44216c;
    color: #fff;
}
a.act_btn {
    padding: 3px 6px;
    margin-bottom: 5px;
    font-size: 12px;
}
a.act_btn:hover {
   color:#fff !important;
}
span.info_span {
    display: inline-block;
    padding: 3px 15px;
    margin-top: 5px;
    font-size: 11px;
    color: #fff;
    border: solid 1px #CCC;
    border-radius: 10px;
}
.bg-success { background-color: #1f4f29;}
.bg-danger { background-color: #783024;}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color: #d8f4ef;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { }
tr.odd td {    background-color: #fdfdfd !important;}
tr.even td { background-color: #ededed !important;}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
	background-color: #36aacc !important;
}
.row_highligh { background-color: #379612;}
tr.row_highligh.even td { background-color: #8f8d8d  !important; color: #FFF !important;}
tr.row_highligh.odd td { background-color: #8f8d8d  !important;color: #FFF !important;}
@media print {

.print_button { display:none;}
	.print_hide {display: none;}	


}


@media only screen and (max-width: 480px) {
	.top-bar-cont {
   		margin: auto;
	}
	.left-menu-container { display:none;}
   .content-section { margin:20px 0px !important;padding: 10px 15px 40px !important;}
   h3.subpage_title {
    padding: 0px;
    font-size: 14px !important;
    font-weight: normal;
    color: #004e98;
    margin: 15px 5px !important;
}
   .login-form { width:100% !important;}
   .dashboard-box { width:100%;}
   .menu-toggle { font-size:30px; color:#7fa3fc;cursor:pointer; display:block !important; float:right !important;}
   .developed { float:left !important;}
   .gap { display:none !important;}
   .left-menu-container { /*min-height: 420px;*/
    max-width: 240px;
    position: absolute;
    z-index: 999; }
	.subbtn { margin-top:14px;}
	.dt-responsive { width:100% !important;}
	.single-file-box {width:100% !important;margin-bottom: 10px;}
}