﻿@viewport{
zoom: 1.0;
width: extend-to-zoom;
}
@-ms-viewport{
zoom: 1.0;
width: extend-to-zoom;
}

@media screen and (max-width:768px) {
  .userd {
    font-size: 24px;
    background: #f12909;
    display: inline-block;
    color: white;
    padding: 9px;
    font-family: ver;
    font-weight: 600;
    /* border-bottom: 2px solid #2178cc; */
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
}
.cus_level {
    margin:0px!important;
}
}
.cus_level {
    margin:63px;
}

body{background-color: rgb(240, 240, 240) !important;}
hr{margin:0px !important}
#mainnav .nav>li>a{padding: 15px 13px !important;}
#logo{height: 53px;margin-top: -17px;    border-bottom: 3px solid #e2490efc;}
.navbar{border-radius:0px !important}
.navbar-default {background-color: rgb(95, 161, 224) !important;border-color: rgb(95, 161, 224) !important;margin-bottom: 0px !important;}
.navbar-default .navbar-nav>li>a {color: rgb(240, 240, 240) !important;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: #7FB6EC !important;}
@media (max-width: 768px)
{
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff !important;}
    .filter-header{display:block;}
    .filter-header-block{display:none;}
    .filter-body{display:none;}
    #basemenu > ul li:last-child.pull-right { float:left !important;width: 100%;  }
    .paging {text-align:center;}
    .btnalign{text-align:left;}
}
@media (min-width: 768px)
{
    .format-body{overflow:hidden;float: left !important;width: 87% !important;}
    .basemenu-toggle {display: none !important;}
    #basemenu{display:block;}
    .pills li{display: inline-block !important;}
    .filter-header{display:none}
    .filter-header-block{display:block}
    .filter-body{display:block !important;height:auto !important;}
    #search div{width:23%;}
    #search div:last-child{width:8%;}
    #adj1{width:6.5%;}
    #adj2{width:6.5%;} 
    .paging {text-align:right;}
    .btnalign{text-align:left;}
}
@media (min-width: 992px)
{
    #search div{width:23%;}
    #search div:last-child{width:8%;}
    #adj1{width:7.5%;}
    #adj2{width:6.5%;}
    .paging {text-align:right;}
    .btnalign{text-align:right;}
    .tbloverflow{overflow-x:hidden !important;}
}

@media (min-width: 1200px)
{
    #search div{width:23%;}
    #search div:last-child{width:8%;}
    .paging {text-align:right;}
}
.disabled {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}



.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff !important;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #7FB6EC !important;}
#header-search{background-image:url("../images/bgpic.png");background-position:center;background-repeat:no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;width:100%;margin-bottom: 16px;background-color: rgb(240, 240, 240);}
#header-search-cont{height:inherit}
#header-search-row div{padding-right:0px !important}
#search div{padding: 0px 6px 6px 0px;}
.search div{padding-bottom: 6px;}
#footer{width:100%;background-color:#494848;margin-top: 20px;color:#fff}
#footer h4{text-align: center;font-size: 16px;background: rgba(0,0,0,.5);padding: 4px;border-radius: 3px;color:#DDDCDC;}
#footer a:hover{color: #BBBEC2;}
#declaration-div{padding: 2px 0 1px 0;background-color:rgba(0,0,0,0.1);color:#C3BDBD;text-align:center;}
.socialIcon {display:block;font-size:20px;margin-top:10px;}
.socialIcon a {color:#fff;text-decoration:none !important;padding-right:5px;}
#declaration{width:100%;display:block;margin-top:10px;font-size: 10px;}
.list{list-style: none;margin: 0px;padding: 0px;}
.list li {background: url(../images/arrow.png) no-repeat left center;display: block;line-height: 32px;box-shadow: 0 1px 0 0 #fdfdfd;padding: 0 9px;font-size: 12px;text-align: center;}
.list li:first-child{border-top: 1px solid #CCCCCC;}
.list a{color:#fff}
.list.in a {color:#337ab7;}
.list.in li {border: none;text-align: left;background: none;box-shadow: none;}
.tab-content>.tab-pane {border: 1px solid #ddd;border-top-color: transparent;padding: 16px;margin-top: -2px;}
.panel-title>a{display:block}
.well{background-color: #fff !important;}
.padder{width: 100%;padding: 2px;}
.format{background: #FAF7F7;padding: 6px;margin-bottom: 5px;border-bottom: 2px solid #5bc0de;}
.format-heading{font-size: 15px;color: #337ab7;}
.format-heading > div {vertical-align:top;}
.format-heading > div img {height: 110px;width: 110px;margin-right: 10px;float: left;margin-bottom: 10px;}
/*.format-heading > div p {display: block;width: 82%;overflow: hidden;float: left;}*/
.format-heading-posted{color: #777;font-size: 12px;display:inline-block;padding-right: 20px;}
.format-main{width:85px;padding-right: 8px;color: #777;font-size: 12px;}
.format-body{overflow:hidden;float:none;width:100%}
.format-apply{text-align:right;}
.format-footer{text-align:right;background: #EDEDED;color: #8B8989;padding:5px 7px 4px 4px;margin: 3px -6px -6px;}
.nav-tabs>li>a{color: #434a54 !important;margin-right:0px !important;}
.nav-tabs>li:first-child.active,.nav-tabs>li:first-child.active>a{border-radius:0px !important;}
.nav-tabs>li{background: #E6E9ED !important;}
.nav-tabs>li.active>a{border-radius:0px;}
/**** Base Menu Navigation ****/
#basemenu-header{background-color: #595858; width: 100%; opacity: 0.65;}
#toggle-container{color:#fff;}
#toggle-container:before,#toggle-container:after,#basemenu:before,#basemenu:after{display: table;  content: " ";}
#toggle-container:after{clear:both;}
#basemenu.in{overflow-y:auto;}
.basemenu-toggle {float: right;padding: 12px 13px;cursor:pointer}
#basemenu{height:auto !important;font-size: 13px;padding:0px}
#basemenu>ul.nav.navbar-nav{margin:0px}
#basemenu li{padding: 6px;}
#basemenu li:hover,#basemenu li:focus{background:#fff}
#basemenu li:hover>a{color: #000;},#basemenu li:focus>a{color: #000;}
#basemenu a{padding: 0px;color:#fff}
#basemenu a:hover,#basemenu a:focus{background:none;}
.pills{list-style:none;padding:0px 15px 0px 15px;text-align: center;margin-bottom: 2px;}
.pills li{display:block}
.pills li>a{color: #fff;display: block;margin:0px 5px 5px 5px;text-align:center;font-size: 13px;padding: 7px;border-radius: 3px;background-color: #8E8E8E;text-decoration: none;}
.filter-item {border-bottom: 1px solid #DDD9D9;padding: 10px 0px 10px 0px;}
.filter-header .filter-labels,.filter-header-block .filter-labels{color: #777;cursor:pointer;}
.filter-header-block .filter-labels{cursor:auto !important;}
.filter-labels {font-size: 13px;font-weight: 200;display:block;}
.filter-item:first-child{border-top: 1px solid #DDD9D9;margin-top:10px}
.filter-item:last-child {border-bottom: transparent;}
.ham{color:#777;display:none !important;}
.filter-labels.pointer{cursor:pointer;}
.filter-labels.pointer:hover > .ham,.filter-labels.pointer:focus > .ham {display:block !important;}
.checkbox{margin:0px !important;}
span.select2{width:100% !important}
#jobarea{min-height:500px}
#spinner{display:none;background-image:url("../images/loading-bar.gif");background-repeat: no-repeat;background-position: center;background-color: rgb(240, 240, 240);height: 500px;}
.scrollbar{max-height:200px !important;}
.slider-img-list{list-style:none;padding: 0px;margin:0px;}
.slider-img-list li{display:inline-block;padding-right:10px;}
.slider-img-list li:last-child{padding:0px;}
.slider-img-list img{height: 80px;width: 97px;display:block;}
.modal-titlep {text-align:center;border-bottom:1px solid #dad9d9;margin-bottom:5px;}
.modal-titles {font-size: 15px;text-decoration:underline;}
.modal-titles.p {font-size: 13px;text-decoration:none;}
.modal-header,.modal-footer {border:none !important;}
.modal-header h4{color:#337ab7;}
.modal-header p {margin:5px 0px 0px;}
.modal-header .close {margin-top:-27px !important;}
.modal-header .img-thumbnail {float:left;margin:5px 5px 0px 0px;height:80px;}
.modal-body,.modal-footer {padding-top:0px !important;}
.panel-group {margin-bottom:0px !important;}
.alert-auto {display: inline-block;padding-top: 10px !important;padding-bottom: 10px !important;z-index: 1;margin-top: 4px;}
#scroll {height:500px;}
#slider img{height:70px;}
.slick-slider{ margin-bottom:0px !important;}
.slick-prev:before, .slick-next:before {color:rgb(142,142,142)!important;}
.jobdesc{display: -webkit-box;max-width: 100%;height: 65px;margin: 0 auto;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.tab-pane .clearboth:last-child {clear: both;}
.gridHeaders {
border-color:#dbdbde;
color: #515967;
background-color: #f3f3f4;
text-align:center;
/* new style */
position:relative ;   
top:expression(this.offsetParent.scrollTop);  
z-index: 10;  
}
.gridHeaders th {text-align:center;}
.navtabs li{background-color: #ccc;color: #fff;}
.navtabs li.active{background-color: #fff;}
.tabcontent .tab-pane {
display:none;
}
.tabcontent > .active{
display:block;
}
.tabs > li {
border-right: 1px solid #dddddd;
}
.tabs > li.active {
border-color: transparent;
}
.tabs > li.active > a{
   color: #555555;
background-color: #ffffff;
border: 1px solid #dddddd;
border-right-color: transparent;
cursor: default;
/*border-radius: 5px 0px 0px 5px;*/
}
.panel-theme {
  border-color: rgb(95, 161, 224) !important;
}
.panel-theme > .panel-heading {
  color: #fff;
  background-color: rgb(95, 161, 224) !important;
  border-color: rgb(95, 161, 224) !important;
}
.panel-theme > .panel-heading > h4 {margin:0px; }
.panel-theme > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(95, 161, 224) !important;
}
.panel-theme > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-theme > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(95, 161, 224) !important;
} 

.list-group-item-theme{color: #fff; background-color: rgb(95, 161, 224) !important;border: 1px solid rgb(95, 161, 224) !important;}
.list-group-item-theme a{color: #fff;}
.editicon {padding-right: 10px;padding-left: 5px;}
.grid tr:last-child > td > table td {width:14px;}
.form-table {
width:60%;
border: 1px solid transparent;
border-color: #ddd;
}

.form-table100 {
width:100%;
border: 1px solid transparent;
border-color: #ddd;
}

.form-table> tbody> tr> td,.form-table100> tbody> tr> td{
width:18%;
}
.form-table td > label,.form-table100 td > label
{
 
    font-weight:100;
}

.form-table> tbody> tr:first-child> td:nth-child(1),.form-table100> tbody> tr:first-child> td:nth-child(1)
{
    border-top: 1px solid #ddd !important;
}

/*.form-table100> tbody> tr:nth-child(2)> td:nth-child(1) {
  border-top: 1px solid #ddd !important;
}*/

.form-table> tbody> tr>td:nth-child(1),.form-table100> tbody> tr> td:nth-child(1)
{
    background-color: #fff; 
    border-right: 1px solid transparent;
    border-color: #ddd;
    border-top: 1px solid #fff;
}

.form-table> tbody> tr> td:nth-child(2),.form-table100> tbody> tr> td:nth-child(2)
{
    border: none !important;
    width:65% !important;
}

.ajax__calendar_container TABLE {
  font-size: 11px;
  margin: 0px !important;
  padding: 0;
  width: 97%;
}

#rbtnPaidService td,.rbtn td {padding-right:10px;}
.rbtn label,.checkbox label {
display:inline;padding-left:4px !important;vertical-align: text-bottom; cursor:pointer;
}
.checkbox input[type=checkbox] {
position:inherit;margin-left:0px !important;
}
.card{border: 1px solid #e3e3e3;border-radius: 4px;}
.card > h3{width: 35%;margin: 0px;text-align: center;background-color: rgb(95, 161, 224);font-size:14px;color: #fff;padding: 5px;  border-top-left-radius: inherit;}
.card > h3 > img{width:22%}
#recdashboard td{width:33.3%}
.unordlist {list-style:none;}
.unordlist label {font-weight:400;}
.unordlist input {margin-right:5px !important;}
.dashboardimgdiv{display:inline-block;padding:0px 11px}
.dashboardimgdiv > a{cursor:pointer}
.dashboardimgdiv img{height:50px}
.dashboardtable{width:100%}
.dashboardtable td{width:50%}
.dashboardtable > tbody >tr:first-child label{font-weight:600;}
.dashboardtable label{font-weight:400;}

.Mailformat{background: #FAF7F7;padding: 6px;margin-bottom: 5px;border-bottom: 2px solid #5bc0de;}
.Mailformat > .Mailmain {color: #777;font-size: 12px;}

.tblattachments td {border: 1px solid #ddd;}
.tblattachments p {margin:0px;}
.loader
{
    position:fixed;
    padding:0;
    margin:0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-image:url("../images/loader.gif");background-repeat: no-repeat;background-position: center;
    background-color: #fff;
    z-index: 110;
    opacity: 0.7;
}
.tblnoborder > tbody>tr{padding-bottom:10px;}
.tblnoborder > tbody>tr>td { border-left: 2px solid #A2C9ED;background-color: #FAF7F7;}
.tblnoborder> tbody>tr:hover> td{border-left: 2px solid #5FA1E0;background-color: #EDEDED;}

.badge-success {background-color:#5cb85c !important;}
.panel-totalprojects, .panel-bids{color:#fff;}
.panel-totalprojects {background-color: #08A13E !important; border:1px solid #05A03C !important;}
.panel-bids {background-color: #1998D0 !important;border:1px solid #0E92CD !important;}
.panel-approvedprojects {background-color: #ECF049 !important; border: 1px solid #E8E819 !important;}
.panel-inprogressprojects {background-color: #c5bfe3 !important; border: 1px solid #BAB3DB !important;}
.lblDashboard {display:block;}
.tdimg {padding:0px !important;}
.media {  padding: 5px;margin-top:0px!important;}
