@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:600,700,400);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import 'https://fonts.googleapis.com/css?family=Black+Ops+One|Bungee+Shade|Cookie|Great+Vibes|Kavoon|Niconne|Original+Surfer|Playball|Rye';

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src: url('../fonts/codropsicons/codropsicons.eot');
	src: url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), url('../fonts/codropsicons/codropsicons.woff') format('woff'), url('../fonts/codropsicons/codropsicons.ttf') format('truetype'), url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'jokerman';
	src: url('../fonts/jokerman.TTF');
}

/* font-family: 'Roboto', sans-serif; */
body {
	padding-top: 0px;
	background-color: #2E3D52;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height:16px!important;
}
p{font-family: 'Roboto', sans-serif;font-weight: 400;}
.sidebar-nav {
	padding: 0px 0 10px 0;
}

hr.grey{height:1px;background-color:#ccc;border:none}
footer {background-color:#1D2734;padding: 12px 12px 6px 12px}
footer p{color:#fff;font-family: 'Roboto', sans-serif;margin: 0;padding:0}
footer p a{color:#fab55d}
footer p a:hover{color:#f88d0c;text-decoration:underline}
footer .copyright{text-align:left;float:left;padding-top:20px}
footer .animonbranding{text-align:right;float:right}
footer .animonbranding img{background-color:#fff;padding:4px 6px;display:inline-block}
footer .animonbranding img:hover{opacity:0.9}
.margin-bottom10{margin-bottom:10px}
.bold{font-weight:600}

.header{
	padding: 10px;
	background-color:#405473;
	/*border-bottom:10px solid #2E3D52;*/
}
.container-fluid{padding-left:0px;padding-right:0px}
.panel-left{width:14%;float: left}
.panel-right{width: 86%;float: left}
.panel-right > div.span10:first-child{width: 100%}
.welcomeuser{font-family: 'Raleway', sans-serif;font-weight: 400;display: inline-block;vertical-align: top;font-size: 22px;margin-left: 12px;margin-top: 16px;margin-bottom:16px; color: #BBDDFF;line-height: 1.1} /*margin-top: 26px*/
.welcomeuser span{font-family: 'Roboto', sans-serif;font-size:13px;font-weight: 400;display: inline-block;margin-top: 0px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;line-height: 1.3}
h1, h2, h3, h4, h5, h6{font-family: 'Raleway', sans-serif;font-weight: 600;}
.btn-inline{display: inline-block}
.valigntop{vertical-align: top}
input:focus{box-shadow: none;outline: none}
.table{font-size: 12px}

.table thead th{vertical-align: middle;color: #bbddff!important;font-weight: 400;}
.table thead th a{color: #bbddff!important}
.table thead tr:first-child{background-color: #405473;}
.table.purple thead tr:first-child{background-color: #8D4D60;}
.table td:first-child{text-align:center!important}
.table.purple tfoot tr{background-color: #8D4D60;}

.table-bordered.purple{border:1px solid #8D4D60;}
.table.purple thead th{color:#fff!important}
.table.purple thead th a{color:#fff!important}

.table.skyblue thead tr:first-child{background-color: #3BC9D7;}
.table-bordered.skyblue{border:1px solid #3BC9D7;}
.table.skyblue thead th{color:#fff!important}
.table.skyblue thead th a{color:#fff!important}

.table.lightgreen thead tr:first-child{background-color: #26A59A;}
.table-bordered.lightgreen{border:1px solid #26A59A;}
.table.lightgreen thead th{color:#fff!important}
.table.lightgreen thead th a{color:#fff!important}

.table.pink thead tr:first-child{background-color: #F5707A;}
.table-bordered.pink{border:1px solid #F5707A;}
.table.pink thead th{color:#fff!important}
.table.pink thead th a{color:#fff!important}


.table.voilet thead tr:first-child{background-color: #9B59B6;}
.table-bordered.voilet{border:1px solid #9B59B6;}
.table.voilet thead th{color:#fff!important}
.table.voilet thead th a{color:#fff!important}

.align_cr{text-align: right}
.align_cl{text-align: left}
.align_lr{text-align: right}
.align_rl{text-align: left}

.totalrecordfound{font-size: 14px;color: #405473;line-height: 1.5;list-style: none;margin: 0;}
.totalrecordfound li{display: inline-block;margin-bottom: 10px}
.totalrecordfound li:after{content: "|";margin-right: 8px;margin-left: 10px;color: #FF9128}
.totalrecordfound li:last-child:after{content: ""}
.totalrecordfound li span{color: #fff;background-color: #5bb75b;padding: 2px 8px;font-size: 12px;line-height: 14px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.totalrecordfound li span.amount{color: #fff;background-color: #337533;padding: 2px 8px;font-size: 12px;line-height: 14px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.leadidstyle{font-size: 18px;color: #405473;line-height: 1.5;list-style: none;margin: 0;font-weight:600}
.leadidstyle li{display: inline-block;margin-bottom: 10px}
.leadidstyle li:after{content: "|";margin-right: 8px;margin-left: 10px;color: #FF9128}
.leadidstyle li:last-child:after{content: ""}
.leadidstyle li span{color: #fff;background-color: #5bb75b;padding: 2px 8px;font-size: 16px;line-height: 14px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.pagination{height: auto;margin: 0 0 15px 0}
.pagination a{line-height: 24px;padding: 0 10px}

input[type=checkbox] {
  font-size: 16px;
  position: relative;
  border: 1px solid #ccc;
  display: inline-block;
  line-height: 1em;
  margin: 0;
  padding: 0;
  width: 14px;
  height: 14px;
  outline:none;
  vertical-align: text-top;
  background: -webkit-linear-gradient(
    top, rgba(255,255,255,0.4), rgba(255,255,255,0.1)
  );
  -webkit-appearance: none;
  -webkit-box-shadow: 0 0 1px 0px #B8E1ED inset;
  -webkit-border-radius: 0;
}
input[type=checkbox]:focus{outline: none}
input[type=checkbox]:active {
  background: -webkit-linear-gradient(
    top, rgba(255,255,255,0.05), rgba(255,255,255,0.2)
  );
}
input[type=checkbox]:checked{border: 1px solid #1D2734}
input[type=checkbox]:checked::after {
  position: absolute;
  content: '';
  left: 10%;
  top: -16%;
  height: 40%;
  width: 100%;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-box-shadow: -1px 2px 0 #1D2734;
  -webkit-transform: rotate(-45deg);
}

@media (max-width: 980px)
{
	.navbar-fixed-top{margin-bottom:0}
	.navbar .nav > li > a, .navbar .dropdown-menu a{font-weight: 400}
}
.navbar .brand{color: #fff}
.navbar .nav > li > a{text-shadow: none}
.navbar .nav-collapse > .nav li > a{color: #fff}
.formsearch{list-style: none;margin:0;text-align: right}
.formsearch form{margin: 0;margin-bottom: 6px}
.formsearch li{display: inline-block;margin-right: 6px;vertical-align: top}
.formsearch li:last-child{margin-right: 0}
.btn-block{display: block;width: 100%!important}
.hrhalf{width: 50%;height: 1px;margin: 0 auto;border-top:1px solid #D3394C}
.norecordfound{text-align: center;background-color: #efefef;padding: 10px;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;margin: 20px 0}
.searchfor{background-color: #5BB75B;display: inline-block;padding: 10px 24px;color: #fff}
.margin-bottom20{margin-bottom: 19px}
.info_first{margin: 0;width: 31.623931624%;float: left}
.info_second{float: left; width:65.81196581200001%; margin-left: 2.564102564%}
.info_half_first{width: 47.7%;float: left;margin-right: 2.564102564%}
.info_half_last{width: 49.7%;float: left;}
.info_second_left{float: left;margin: 0;width: 48.717948718%}
.info_second_right{float: left;margin-left: 2.564102564%;width: 48.717948718%}
.leadinfo, .info_remark, .info_half33{list-style: none;margin: 0}
.leadinfo li span, .info_remark li span, .info_half33 li span{font-weight: 600}
.leadinfo li{width: 49%;display: inline-block;padding: 6px 2px;box-sizing: border-box;min-height: 31px;vertical-align: top;word-wrap: break-word;overflow-wrap: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.info_remark li, .info_half33 li{padding: 6px 2px;box-sizing: border-box;min-height: 31px;vertical-align: top}
.info_remark li:nth-child(odd){width: 15.5%;display: inline-block}
.info_remark li:nth-child(even){width: 84%;display: inline-block}

.info_half33 li:nth-child(odd){width: 31.5%;display: inline-block}
.info_half33 li:nth-child(even){width: 68.5%;display: inline-block}
.info_half33 li:nth-child(odd):after{content: ":";font-weight: bold;float:right;margin-right: 12px}
.info_half33 li:nth-child(even){border-bottom:1px dotted #ccc;}


.leadinfo li:nth-child(odd):after{content: ":";font-weight: bold;float:right;margin-right: 12px}
.leadinfo li:nth-child(even){border-bottom:1px dotted #ccc;}

.info_remark li:nth-child(odd):after{content: ":";font-weight: bold;float:right;margin-right: 12px}
.info_remark li:nth-child(even){border-bottom:1px dotted #ccc;}

.leadinfoadd{list-style: none;margin: 0}
.leadinfoadd li span{font-weight: 600}
.leadinfoadd li{display: inline-block;padding: 6px 2px;box-sizing: border-box;min-height: 31px;vertical-align: top}
.leadinfoadd li:nth-child(odd):after{content: ":";font-weight: bold;float:right;margin-right: 12px}
.leadinfoadd li:nth-child(even){border-bottom:1px dotted #ccc;width: 75%}
.leadinfoadd li:nth-child(odd){width: 24%}

.leadremark{
	background-color: #F8F8F8;
    padding: 12px 7px;
    border: 1px solid #999;
    border-radius: 3px;
    display: block;
    margin: 0
}
.leadremark span{font-weight: 600;color: #71C254}
.reportview li:nth-child(5){margin-left: 0}
.reportview li:nth-child(9){margin-left: 0}
.reportview li:nth-child(13){margin-left: 0}
.reportview li:nth-child(17){margin-left: 0}
.reportview li:nth-child(19){margin-left: 0}

@media only screen and (max-width: 980px)
{
.info_half_first{margin: 0;width: 100%;float: none}
.info_half_last{margin: 0;width: 100%;float: none}
.info_first{margin: 0;width: 100%;float: none}
.info_second{float: left; width:100%; float: none;margin-left: 0}
.info_second_left{width: 100%; float: none}
.info_second_right{width: 100%; float: none; margin-left: 0}

.leadinfoadd li:nth-child(even){border-bottom:1px dotted #ccc;width: 49%}
.leadinfoadd li:nth-child(odd){width: 49%}
}
@media (max-width: 600px)
{
footer {padding: 12px 12px 6px 12px}
footer .copyright{text-align:center;float:none;padding:0}
footer .animonbranding{text-align:center;float:none;margin-top:8px}
footer .animonbranding img{padding:4px 6px;display:inline-block}
}

.leadnotification{background-color:#E8A509;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius: 100px;clear: both;border:1px solid #C68204;display: table;width: 100%}
.leadnotification .notiicon, .leadnotification .notitext{padding: 20px 16px}
.leadnotification .notiicon{display: table-cell;width: 50px;border-right: 2px solid #C68204;font-size: 40px;vertical-align: middle;text-align: center;}
.leadnotification .notiicon i{color: #fff}
.leadnotification .notitext{vertical-align: middle;}
.notilink{color: #fff;cursor: pointer;border-top-right-radius: 100px; -webkit-border-top-right-radius: 100px; -moz-border-top-right-radius: 100px; border-bottom-right-radius: 100px; -webkit-border-bottom-right-radius: 100px; -moz-border-bottom-right-radius: 100px; margin: 0;padding: 0;padding-top:2px;display: table-cell;}
.notilink:hover{text-decoration: none; transition: background-color 0.5s ease;background-color: #F8C247;color: #000;transition: 0.5 ease-in-out;}
.notilink .notitext p span:hover{transition: background-color 0.5s ease; background-color: #286C3D}
.leadnotification .notitext p{margin: 0;}
.leadnotification .notitext p span{background-color:#3FAB60;border:1px solid #286C3D; color: #fff;display: inline-block;padding: 2px 8px;font-weight: 600;border-radius: 20px}
.leadnotification .notitext .notitext1{font-weight: 600;font-size: 16px;margin-bottom: 6px}

.noresultfoundwithimg p{text-align: center;font-size: 20px;color: red;line-height: 1.3}
.noresultfoundwithimg p img{width: 200px}

.tableoverflow{
  /*overflow-x: auto;*/
  overflow-x: auto; overflow-y:auto;
  display: block;
}


.tablehorizontaloverflow{
  /*overflow-x: auto;*/
  overflow-x: auto; overflow-y:hidden;
  display: block;
}
.tableverticaloverflow{
  /*overflow-y: auto;*/
  overflow-y:auto; overflow-x: hidden; 
  display: block;
}


::-webkit-scrollbar {
    width: 12px;
	height:12px;
}
 
::-webkit-scrollbar-track {
	background: rgba(210, 210, 210, 0.2); 
}
 
::-webkit-scrollbar-thumb { 
	background: rgba(193, 193, 193, 0.8); 
}

::-webkit-input-placeholder{
	color:#ddd
}
:-moz-placeholder{
	color:#ddd
}
::-moz-placeholder{
	color:#ddd
}
::-ms-input-placeholder{
	color:#ddd
}

.redcolor{color:#F00}


.navbar-inner{padding:0}
.navbar{background-color:#2E3D52}
.leads{margin-bottom:14px;border-bottom:1px solid #eee;padding-bottom: 2px}
.leads p{margin: 0}
.leads h2{padding-bottom:6px;margin:0;line-height:1.2;}
.leads h2.heading1{padding-bottom:0px;margin:0;line-height:1.2;margin-top:24px}

.lead_button{margin: 0;list-style: none;text-align: right}
.lead_button li{margin-right: 6px;display: inline-block}
.lead_button li:last-child{margin-right: 0}
.lead_button.addnew1{margin-top:21px}
.searchform{text-align:center;margin-top:10px}

.content{
	background-color: #fff;
	padding: 15px;
	min-height: 530px;
}

.sort-asc:after{
	content: "▲";
}

.sort-desc:after{
	content: "▼";
}
.margin_top{margin-top:-65px;}
.margin_left{margin-left:10px !important;}
.legend{padding-bottom:10px !important;}
.excel{ float:left; margin-left:-130px;}
.lightblue{color:cornflowerblue}

/*------------------login form------------*/
.redtext{color:#F03}
.halfline{width:160px;height:1px;background-color:#B0D1F2;border:none;margin-top:8px}

body.login_form{
background-image:url("../img/solar-background.jpg");
background-repeat:repeat;
background-size:auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#213556+0,335286+100 */
background-color: #213556; /* Old browsers */
background-color: -moz-linear-gradient(top,  #213556 0%, #335286 100%); /* FF3.6+ */
background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#213556), color-stop(100%,#335286)); /* Chrome,Safari4+ */
background-color: -webkit-linear-gradient(top,  #213556 0%,#335286 100%); /* Chrome10+,Safari5.1+ */
background-color: -o-linear-gradient(top,  #213556 0%,#335286 100%); /* Opera 11.10+ */
background-color: -ms-linear-gradient(top,  #213556 0%,#335286 100%); /* IE10+ */
background-color: linear-gradient(to bottom,  #213556 0%,#335286 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213556', endColorstr='#335286',GradientType=0 ); /* IE6-9 */


}

/*#login img{
  margin: 10px 0;
}*/
.logowidth{width:180px}

#login .center {
  text-align: center;
}

#login .login {
    width: 360px;
    margin: 0px auto;
	margin-top:90px;
    padding: 30px;
    position: relative;
    background: #ffffff;
    border-radius: 0px;
    color: #7e7975;
	box-shadow:0px 0px 1px 4px #fff
}


#login .login-form{
  padding:0px;
  margin:20px 0 0 0;
}

#login  .login-form .input-prepend .add-on{padding:9px}

#login  .login-form input[type="text"],#login  .login-form input[type="password"]{width:324px}

.maindashboardarea{padding:20px;background-color:#fff;min-height:400px;}
@media (max-width: 980px){
	.maindashboardarea{padding:20px;background-color:#fff;min-height:200px;}
	.content{
		min-height: auto;
	}
}

.dashboardheadig{border-bottom:1px solid #eee;margin-bottom:27px;padding-bottom:6px}

.login-form input[type="text"], .login-form input[type="password"], .login-form input[type="email"]{
	      height:38px;
	}
/*.logo{background-color:#fff;display:inline-block;padding:10px 43px}*/
.logo{display: inline-block;line-height:0}
.logo a {
	display: inline-block;
    background-color: #fff;
    height: auto;
    width: auto;
    padding: 4px;
}
.logo img{display:block;width:100%;padding-top:0px}
.logo img:hover{opacity:0.8}

.login-form input[type="submit"]{
	display: inline-block;
	width:100%;
    position: relative;
	box-shadow: inset 0 1px rgba(255,255,255,0.3);
	height:38px;
	line-height:14px;
    /* Styles */
    background: #fbd568; /* Fallback */
    background: -moz-linear-gradient(#fbd568, #ffb347);
    background: -ms-linear-gradient(#fbd568, #ffb347);
    background: -o-linear-gradient(#fbd568, #ffb347);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fbd568), to(#ffb347));
    background: -webkit-linear-gradient(#fbd568, #ffb347);
    background: linear-gradient(#fbd568, #ffb347);
    border: 1px solid #f4ab4c;
    color: #996319;
    text-shadow: 0 1px rgba(255,255,255,0.3);
    border-radius: 3px;
    cursor: pointer;
	font-size:20px;
	
}

.login-form input[type="submit"]:hover {
    box-shadow: 
        inset 0 1px rgba(255,255,255,0.3), 
        inset 0 20px 40px rgba(255,255,255,0.15);
}

.logout{
text-align:right;
padding-top:30px;

}

.logout > a{font-size:14px}
.logout-btndiv {display: inline-block;vertical-align: top}

a{
text-decoration:none;
color: cornflowerblue;
}

/*i{
color: cornflowerblue;
}*/

/*.nav-list > li{border-bottom:1px solid rgba(255,255,255,0.3)}*/
.nav-list > li > a{padding:8px 18px;color:#fff;text-shadow:none;}
.nav-list [class^="icon-"]{margin-top: 2px}
.nav-list .active > a, .nav-list .active > a:hover{background-color: #1D2734}
/*.nav-list > li > a > i{background-color:#fff}*/
.nav > li > a:hover{background-color:#1D2734}
.nav-list .nav-header{display:none}

.nav-list > li > .dropdown > a{padding:8px 18px;color:#fff;text-shadow:none;margin-left:-15px;margin-right:-15px;display:inline-block}
/*.nav-list > li > .dropdown > a > i{background-color:#fff}*/
.nav-list > li > .dropdown .caret{margin-top:16px;color:#fff}


.error_msg{
color:red;
text-align:center;
}

.error_msg p{
font-size: 14px;
}

.success_msg{
color:green;
font-size: 14px;
text-align:center;
margin-bottom:10px;
}

.message{
font-size: 12;
color: red;
text-align: center;
}
.poweredby img{border: 1px solid #fff;padding:2px 6px;width:140px}
.poweredby img:hover{border: 1px solid #ccc}

@media (max-width:480px){
#login .login{width:90%;box-sizing:border-box;margin-top:10%}
#login .login-form .input-prepend .add-on{display:none}
#login  .login-form input[type="text"],#login  .login-form input[type="password"]{width:100%}
.logowidth{width:150px}
.poweredby img{padding:2px 6px;width:100px}
}

/*------------------ End login form------------*/









.second_date{ /*position:absolute; top:0; right:0;*/ margin:-42px 0px 0px 0;}

.text_red{color:#fca42f!important; font-weight:normal;}

.lead_border{width:100%; margin-top:10px; background:#fff; border:0px #CCC solid; padding:5px 10px 5px 10px; line-height:25px;box-sizing:border-box}

.leadwrap{width:100%}
.leadheading{width:100%}
.leadaddress{width:100%}

.permissiondetail{height:153px;border:1px solid #ccc;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);overflow-x:hidden;margin-bottom:10px}
.permissiondetail ul{list-style:none;background-color:#eee;margin:0;padding:12px;}

.permissiondetail1{border:1px solid #7E94B8;width:100%;box-sizing:border-box; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);overflow-x:hidden;margin-bottom:10px}
.permissiondetail1 ul{list-style:none;background-color:#F5F5F5;margin:0;padding:12px;}

@media only screen and (min-width: 600px)
{
.leadheading{width:30%;float:left}
.leadaddress{width:70%;float:left}
}
@media only screen and (min-width: 1024px)
{
.leadheading{width:15%;}
.leadaddress{width:85%;}
}

.clearfix:before, .row:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.venderfield input[type="text"]{width:135px}
.venderfield3 input[type="text"]{width:135px}
.venderfield textarea{width:172px;}
.venderfield1 textarea{width:172px;}
.venderfield select{width:172px}
.venderfield3 select{width:172px}
.venderform .venderfield{width:100%;}
.venderform .venderfield1{width:100%;}

@media only screen and (min-width: 700px)
{
.venderform{width:100%}
.venderform .venderfield{width:15%; float:left;}
.venderform .venderfield1{width:75%; float:left}
.venderform .venderfield3{width:35%; float:left}
.venderform .venderfield100{width:100%}
.venderfield input[type="text"]{width:82%}
.venderfield textarea{width:82%;}
.venderfield1 textarea{width:86%;}
.venderfield select{width:82%}
}

@media only screen and (max-width: 980px)
{
.content{min-width: auto}
.logo{text-align:center;display: block}
.logout{text-align:center;padding-top:10px;}
.phoneblock{display:none}
.welcomeuser{display: block;text-align: center;margin: 6px}
.leads h2{font-size:20px}
.leads h2.heading1{padding-bottom:0px;margin:0;line-height:1.2;margin-top:0px;margin-bottom:10px;padding-bottom:10px}
.leads{border-bottom:1px solid #eee;}
.lead_button.addnew1{margin-top:10px}
.panel-left{display: none;float: none}
.panel-right{width: 100%;float: none}
.btn{margin-bottom: 6px}
.align_cr{text-align: center}
.align_cl{text-align: center}
.align_lr{text-align: left}
.align_rl{text-align: right}
.lead_button{text-align: left}
.leads h2{border-bottom:1px solid #eee;margin-bottom: 10px}
.formsearch{text-align: left}
.tablehorizontaloverflow{margin-bottom: 10px; border:1px solid #71C254; border-radius: 6px}
.table{margin-bottom: 0;font-size: 11px}
.hrhalf{width: 80%;}
}


@media only screen and (min-width: 981px)
{
.desktopblock{display:none}
.phoneblock{display:block}
.header{
	padding: 8px 18px;
}
.leads{text-align:left}
.searchform{text-align:right;margin-top:0}

}

.dollersign{display:inline-block;margin-top:6px;color:#999;vertical-align:top}
.commontable th{background-color:#575757; color:#fff}
.commontable th, .commontable td{padding:8px 4px}
.greybackground{background-color:#E6E6E6}




.box111{
    display:block;
    padding: 10px;
    border: 1px solid #ddd;
    width: 98%;
}

#role{
    border: 1px solid #ddd;
}

.someform
{position:relative
}
#generatedpw1, #generatedpw2, #generatedpw3, #generatedpw4, #generatedpw5 {
  color: #093;
}

#output1, #output2, #output3, #output4, #output5 {
  position: absolute;
  padding: 5px 10px;
  color: #fff;
  right:0%;
  top:0;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.25);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.gnrtpassbox{position: relative}
.generatebtn{background-color:#666;color:#fff;padding:7px 12px;display:inline-block;position:absolute;top:0;right: 0;border-radius: 0px 3px 3px 0px;z-index: 10}
.generatebtn:hover{background-color:#333;color:#fff}
.passstrength{position: relative}

.notificationbox{background-color:#D9F1FD;display:block;vertical-align:middle;width:100%;box-shadow:1px 3px 1px #eee}
.notificationicon{font-size:36px;display:inline-block;;padding:14px 10px;float:left}
.notificationtext{float:left;padding:22px 10px 10px 0}
.notificationnumber{float:right;width:60px;padding-top:24px;font-size:36px;text-align:center;color:#FC9B18}

.colorblue{color:cornflowerblue}
input.borderblue{border:1px solid #74A4D3;background-color:#DAE7F3}
label.borderblue{border:1px solid #74A4D3;background-color:#DAE7F3}
span.borderblue{border:1px solid #74A4D3!important;background-color:#DAE7F3!important}
input.borderblue::-webkit-input-placeholder {
   color: #fff;
}

input.borderblue:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

input.borderblue::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

input.borderblue:-ms-input-placeholder {  
   color: #fff;  
}

.advancesearchformdiv, .advancesearchformdiv1, .advancesearchformdiv2, .advancesearchformdiv3, .advancesearchformdiv4, .advancesearchformdiv5, .advancesearchformdiv6, .advancesearchformdiv7{border:1px solid #ddd;padding:16px 16px 0 16px;margin-top: 10px;box-sizing: border-box;background-color: #EDF1F8;border-top:3px solid #89A8D1;margin-bottom: 16px}

.calendar{
	font-family:Arial;
	font-size:12px,
	}
	table.calendar{
	margin:auto; border-collapse:collapse;
	}
	.calendar .days td{
	width:60px; height:60px;
	border:1px solid #ccc;
	text-align:right;
	vertical-align:top;
	}
	.calendar .days .highlight{font-weight:300;font-size:17px;color:#444;}
	
	.calendar .days td:hover{
	background-color:#FCF8E3;
	}
	.calendardesign{
		vertical-align:middle;
		font-family: 'Cabin', sans-serif;
	}
	.calendardesign .calendarheader{
		background-color:#7DA8CA;height:50px;color:#fff;border:1px solid #ccc;border-radius:10px
		
	}
	.calendarheader .cheading{
		font-size:20px;
	}
	.calendarheader .carrowleft a, .calendarheader .carrowright a{
		color:#fff;font-size:16px
	}
	.calendarheader .carrowleft a:hover, .calendarheader .carrowright a:hover{
		text-decoration:none;
		color:#FDC67B;
	}
	.calendarweek{
		background-color:#ECF0F1;
		text-align:center;
		height:40px;
		border:1px solid #ccc
	}
	.chighlightdate{color:#EF8B03;padding:2px;height:60px;	width:60px}
	.chilight{background-color:#FAF2D1;height:60px;width:60px;padding:2px}
	.leadslink{font-size:11px;text-align:left;padding: 0px 2px;background-color:#efefef;margin-top: 14px}
	.leadslink a{color:#888;text-decoration: none;}
	.leadslink a:hover{color:#444}
	
	
	@media (max-width:600px) {
		.chilight{background-color:#FAF2D1;height:auto;width:auto;padding:8px}
		.chighlightdate{color:#EF8B03;padding:8px;height:auto;	width:auto}
		{
		width:auto; height:auto;
		border:1px solid #ccc;
		text-align:right;
		vertical-align:top;
		}
	}
	
	 .boxnone{
        display: none;
    }
    table.tablecal{margin-bottom: 0;font-size: 12px}
    table.tablecal th, table.tablecal td{padding: 4px;vertical-align: middle;color:#666;}
    table.tablecal th:nth-child(1){width:28%}
    table.tablecal th:nth-child(2){width:28%}
    table.tablecal th:nth-child(3){width:44%}
    
    .event_detail{min-height: 392px;background-color: #F8FAFC;padding: 10px}
    .event_detail h2{border-bottom:1px solid #ccc;margin-bottom: 14px;text-align: center;padding-bottom: 6px;color: #5A91BC}









#evencal{
	width:900px;
	margin: 0 auto;
}

#evencal div.calendar{
	float:left;
	width:400px;
}

#evencal div.event_detail{
	float:left;
	width:500px;
}

select{
	min-width: 50px;
}

table.date {
	border: 1px solid #999;
	border-collapse: collapse;
	font-family: Georgia, Times, serif;
}
.date th {
	border: 1px solid #000;
	text-transform: uppercase;
	background-color: #9E3DFF;
	font-size: 80%;
	color:#F2FFFF;
	height: 2.5em;
}
.date td {
	border: 1px solid #999;
	height: 3em;
	width: 3em;
	vertical-align: top;
}
caption {
	font-size: 200%;
	font-style: italic;
	margin-bottom:5px;
}

a{
	text-decoration:none;
}

a.prev_date, a.next_date{
	font-size:50%;
}

div.active_date_event, div.date_event,
div.active_no_event, div.no_event{
	width:inherit;
	height:inherit;
	cursor:pointer;
}

div.active_date_event:hover, div.date_event:hover,
div.active_no_event:hover, div.no_event:hover{
	background-color: #F5F3AD;
}

div.active_date_event{
	background-color: #BCE0DD;
}

div.active_no_event{
	background-color: #BCE0DD;
}

span.date{
	font-family: 'Times New Roman';
	font-size: 13px;
	font-weight:bold;
	margin-left:3px;
	height: 1em;
	display:block;
}
span.event{
	font-family: Arial;
	font-size: 22px;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	display:block;
	color:blue;
}

.weekend_sat {
	background-color: #F3F3F3;
}
.weekend_sun {
	background-color: #FFE5E5;
}

.require{
	color: red;
}

.error_require{
	background-color: #ffd2d4;
}

.spacer{
	clear:both;
	color:red;
	text-align:center;
	font-size:12px;
	padding: 3px;
}

.add_event {
	font-family: Arial, Helvetica, sans-serif;
	cursor:pointer;
	font-size: 14px;
	color: #ffffff;
	padding: 3px 8px 3px 25px;
	background: #01b9ec url('images/add.png') no-repeat 5px center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #01b9ec;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
	margin: 10px 0 0 22px;
}

/* from : http://www.paulund.co.uk/ */
.info1,.info2,.message{margin:5px 20px 5px 20px; padding:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-box-shadow: 4px 4px #dfe1d8;-webkit-box-shadow: 4px 4px #dfe1d8;box-shadow: 4px 4px #dfe1d8;}


h4 img.edit, h4 img.delete{float:right; padding: 2px 5px 0 5px; cursor:pointer;}
/*p { font-size:12px; color:#000;margin: 0 }*/

.info1{border:1px solid #9d9c49;color:#9d9c49;background:#fdfdcb url('images/warning.png') no-repeat; background-position:10px center;}
.info2{border:1px solid #0e7fad;color:#0e7fad;background:#c0e9fa url('images/info.png') no-repeat; background-position:10px center;}
.message{border:1px solid #000;color:#000;background:#efefef url('images/message.png') no-repeat; background-position:10px center;}

.date_event .eventlink{display: block;color: #C56F05;text-align: center;padding: 3px}
.date_event .eventlink:hover{text-decoration: underline;cursor: pointer}
.date_event .eventlink a{text-decoration: none;color: #fff;cursor: pointer;height: 30px;width: 30px;border-radius: 50%;display: inline-block;background-color: #98B4D8}
.date_event .eventlink a span{display: inline-block;padding-top: 6px}
.detail .date{padding: 4px 8px;display: inline-block}

.active_date_event .eventlink{display: block;color: #C56F05;text-align: center;padding: 3px}
.active_date_event .eventlink:hover{text-decoration: underline;cursor: pointer}
.active_date_event .eventlink a{text-decoration: none;color: #fff;cursor: pointer;height: 30px;width: 30px;border-radius: 50%;display: inline-block;background-color: #98B4D8}
.active_date_event .eventlink a span{display: inline-block;padding-top: 6px}

.help-inline {padding: 0;margin: 0;display: block;position: relative}
.help-inline p{margin: 0;padding: 0;font-size: 11px;color: #cc0000;position: absolute;left: 0;top: -8px}

.help-inline-n {padding: 0;margin: 0;display: block;position: relative;top: -8px}
.help-inline-n p{margin: 0;padding: 0;font-size: 11px;color: #cc0000;left: 0;}

.colorwhite{color: #fff}
.tablechildwidth th:nth-child(2){width: 105px}
.tablechildwidth th:nth-child(2){width: 95px}
.tablechildwidth th:nth-child(5){width: 220px}
.tablechildwidth th:nth-child(9){width: 70px}
.tablechildwidth th:nth-child(10){width: 70px}
.tablechildwidth th:nth-child(7){width: 70px}


.btn-custom{width: 100%;padding: 70px 4px;font-size: 18px;background-color: #78A7D6;color: #fff;border:none;box-shadow: 0px 2px 0 #333;display: block;text-align: center}
.btn-custom:hover{background-color: #5691CB;box-shadow: 0px 2px 0 #333}




/*=======================================================
      PORTFOLIO
========================================================*/
.portfolio {
}
.portfolio ul{list-style: none}
.portfolio article{
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
}
.portfolio article img{
	width:100%;
	display: block;
}
.portfolio article .portfolioheading{width: 100%;display: table;background-color: #405473;height: 180px;font-size: 16px;color: #fff}
.portfolio article .portfolioheading:hover{color:rgba(0,0,0,0)}
.portfolio article .portfolioinner{display: table-cell;width: 100%;vertical-align: middle;text-align: center}

.portfolio article span{
	color:#fff;
	font-size: 14px;
}
.portfolio article .file{
	position:absolute;
	color:#000000;
	top:0px;
	right:0px;
	height:60px;
	width:60px;
	font-size:18px;
	text-align:center;
	line-height:50px;
	z-index:9;
	padding-left:10px;
	right:-120px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.portfolio article .file:before{
	position:absolute;
	content:"";
    height: 120px;
    width: 120px;
    z-index: -1;
    right: -60px;
    top: -60px;
	background:#fff;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg); /* Standard syntax */
}
.portfolio article .zoom{
	position:absolute;
	color:#000000;
	bottom:0px;
	left:0px;
	height:60px;
	width:60px;
	font-size:18px;
	text-align:center;
	line-height:75px;
	z-index:9;
	padding-right:10px;
	left:-120px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.portfolio article .zoom:before{
	position:absolute;
	content:"";
    height: 120px;
    width: 120px;
    z-index: -1;
    left: -60px;
    bottom: -60px;
	background:#fff;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg); /* Standard syntax */
   
}
.portfolio article h6{
	color:#fff;
	font-size: 16px;
	margin-bottom: 5px;
	padding-bottom: 6px;
	border-bottom: 1px solid #efefef;
	text-transform: capitalize;
}
.portfolio .position-center-center{
	width:100%;
	padding: 0 30px;
	text-align:center;
	box-sizing: border-box;
	word-wrap: break-word;
	-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.portfolio .hover{
	background:#C34040;
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.portfolio article:hover .hover{
	opacity:1;
}
.portfolio article:hover .zoom{
	left:0px;
}
.portfolio article:hover .file{
	right:0px;
}

/*=======================================================
      CONTENT
========================================================*/
.position-center-center {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.button-summary{display: inline-block;background-color: #ccc;padding: 10px 20px}
.button-summary:hover{background-color: #ddd}

.recordfound p{margin-left:0;font-size: 16px;padding-bottom: 6px;color: #00AE57}
.recordfound .rheading{width:160px;display: inline-block;color: #78A7D6}

.thwidth .thwidthinner th:nth-child(3){width:70px}

.tablewidthsort1 td:last-child{width: 130px}
.tablewidthsort1 td:nth-child(8){width: 150px}
.tablewidthsort1 td:nth-child(9){text-align: center}
.tablewidthsort1 td:nth-child(10){text-align: center}
.orstyle{background-color: #FBD355;height: 60px; width: 60px;border-radius: 60px;-webkit-border-radius: 60px;vertical-align: middle;display: table-cell;font-size: 18px;text-align: center;margin-top: 30px }

.top0 .pagination{margin-top: 0}

input, select, .uneditable-input{border:1px solid #7E94B8;width: 100%;box-sizing: border-box;height: 32px;line-height: 32px}
textarea{resize: none;border:1px solid #7E94B8;width: 100%;box-sizing: border-box;}
input:focus, textarea:focus, select:focus, .uneditable-input:focus{outline: none}
input[readonly]{border:1px solid #969696;background-color: #efefef}

.input-prepend .add-on, .input-append .add-on{height: 18px;line-height: 18px;padding: 6px 5px}
.formsearch .input-append input{line-height: 18px;height: 31px}
.formsearch .input-append input[type="text"]{height: 31px;width: 160px}
form{margin: 0}
.date_newstyle{position: relative}
.date_newstyle input{width: 100%;padding-left: 40px;border-radius: 3px!important;-webkit-border-radius: 3px!important;}
.date_newstyle span{position: absolute; width: 22px!important;z-index: 99}
.date_newstyle span i{margin-left: 4px}
.time_newstyle{position: relative;width: 100%;}
.time_newstyle input#timepicker, .time_newstyle input#timepicker_sales{width: 100%;padding-left: 40px;margin-bottom: 9px!important}
.time_newstyle input#timepicker_appointment{width: 100%;padding-left: 40px;margin-bottom: 9px!important}
.time_newstyle label.input-group-addon{position: absolute;z-index: 10;margin: 0;width: 22px!important;padding: 7px 5px;border-radius: 3px 0 0 3px!important;-webkit-border-radius: 3px 0 0 3px!important;left:0}
.input-group-addon{background-color: #f5f5f5}
.form-actions{margin: 0}
input[type="file"]:focus{outline: none;box-shadow: none;-webkit-box-shadow: none}
.uploadmsg{text-align: center;margin-top: 14px;color: red;font-size: 16px;margin-bottom: 14px}
.errorbox{padding:80px 20px;text-align: center}
.errorbox h1{color: #D3394C;font-size: 38px;line-height: 1.5}
.errorbox p{font-size: 16px;margin-bottom: 14px}
.errorbox p img{max-width: 100%;display: inline-block;}


.hideinphone{display:block}
.hideindesktop{display:block}
.addgroup{position:relative}
.addgroup .add_button1, .addgroup .add_button2, .addgroup .add_button3, .addgroup .add_button4, .addgroup .add_button5{position:absolute;top:4px}
.addgroup .remove_button1, .addgroup .remove_button2, .addgroup .remove_button3, .addgroup .remove_button4, .addgroup .remove_button5{position:absolute;right:1px;top:22px}
.commonhrline{height:1px;width:100%;margin:0;margin-bottom:14px;border:0; border-top:1px dashed #ccc}
.margin0{margin:0!important}
.brnone{display:none}
@media (max-width: 980px){
	.brnone{display:inline-block}
	.hideinphone{display:none}
	.addgroup .add_button1, .addgroup .add_button2, .addgroup .add_button3, .addgroup .add_button4, .addgroup .add_button5{position:absolute;right:4px;top:-30px}
	.addgroup .remove_button1, .addgroup .remove_button2, .addgroup .remove_button3, .addgroup .remove_button4, .addgroup .remove_button5{position:absolute;right:5px;top:-10px}
}
@media (min-width: 981px){
	.hideindesktop{display:none}
}
.sitedetaillist{width:100%; list-style:none;margin:0}
.sitedetaillist li{width:32.5%;display:inline-block;vertical-align:top}
.sitedetaillist li label{width:100%}
@media (max-width: 980px){
.sitedetaillist li{width:49%;display:inline-block;vertical-align:top}
.sitedetaillist li:last-child{width:100%}
}
#angleboxopen, #storiesotheropen, #roofotheropen{position:relative}
#angleboxopen input, #storiesotheropen input, #roofotheropen input{display:inline-block;width:100px;border:none;border-bottom:1px solid #bbb;box-shadow:none;vertical-align:top; line-height:23px;height:23px;margin-bottom:0;text-align:right;direction:ltr;}
#angleboxopen span, #storiesotheropen span, #roofotheropen span{font-size:19px;margin-top:4px;position:absolute;bottom:-7px;right:-5px}
.controls .doller{position:absolute;left:4px;top:7px;color:#A2320C; font-weight:600}
.controls .dollerjs{position:absolute;left:4px;top:23px;color:#A2320C; font-weight:600}
.unit{position: absolute;top: 7px;right: 6px;color: #A2320C}
.headingcheck{font-size: 12px}
@media (max-width: 980px){
	.headingcheck{font-size: 12px;display: block;line-height: 1.4}
}
.agreebackwrap{background-color: #F7FAFD;padding: 10px;box-sizing: border-box;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border:1px solid #ddd}
.agreebackwrap1{padding: 10px;box-sizing: border-box;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border:1px solid #29639C;background-color:#fff}

.chatbox{position:relative; width: 100%;background-color: #efefef;height: 130px;border:1px solid #7E94B8;overflow-y: auto;box-sizing: border-box}
.chatbox .chatinput{position: absolute;bottom:0;width: 100%;border-top:1px solid #7E94B8 }
.chatbox .chatinput input{margin-bottom: 0!important;border: none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;height: 33px;line-height: 33px}
.chatbox .chatbtn{position: absolute;bottom: 1px;right: 1px}
.chatinput{position: relative}
.chatinput input{border-radius: 0!important;-webkit-border-radius: 0!important;-moz-border-radius: 0!important}
.chatinput .chatbtn{position: absolute;right: 0;top: 1px}
.commentcontent{list-style: square;list-style-type: square;}
.commentcontent .name{font-weight: bold;color: #38C065}
.commentcontent .name:after{content: "|";margin-left: 10px;margin-right: 10px}
.commentcontent .commentdate{font-style: italic;}
.commentcontent .usercomment{color:#B9891A;}
.yellowbtnactive1, .yellowbtnactive2, .yellowbtnactive3, .yellowbtnactive4, .yellowbtnactive5, .yellowbtnactive6{background-color: #F59B03!important; background-image: -webkit-linear-gradient(top, #FBCF37, #F59B03);background-image: -moz-linear-gradient(top, #FBCF37, #F59B03);background-image: linear-gradient(top, #FBCF37, #F59B03);outline: none!important}
.e_notification{list-style: none;list-style-type: none;width: 100%;margin: 0;padding: 0;}
.e_notification{clear: both;display: table;content: ''}
.e_notification li{float: left;width: 20%;margin-bottom: 10px}
.hovernone tr{background-color:beige}
.hovernone tr:hover{background-color: none!important;color: #333}
.dividerline{border-top:1px solid rgba(101, 186, 226, 0.8);margin:0px 0 9px 0;width:100%;}

.line{width: 50px;height: 4px;border-top: 5px solid #29639C;display: inline-block}
.headingbold{font-weight: bold;text-transform: uppercase;color: #3073B6}
.totalsysize{background-color:#62B246;color: #fff;display: inline-block;padding: 4px 9px;border-radius:30px;font-size: 12px;font-weight: 600}
.datewrap{background-color: #FBFCFD;border:1px solid #aaa;box-sizing: border-box;padding: 12px 10px 0px 10px;border-radius:4px}
.createdatediffer .control-label{color:#254F8D}
.createdatediffer .controls .add-on{border: 1px solid #254F8D}
.createdatediffer .controls input{border:1px solid #254F8D;background-color: #FFFCF9}
.createdatediffer .controls select{border:1px solid #254F8D;background-color: #FFFCF9}
.createdatediffer .controls input:focus{background-color: #fff}

.apptdatediffer .control-label{color:#449238}
.apptdatediffer .controls .add-on{border: 1px solid #449238}
.apptdatediffer .controls input{border:1px solid #449238;background-color: #F5FAF5}
.apptdatediffer .controls input:focus{background-color: #fff}
.control-group .control-label{font-weight:600}
.margintop23{margin-top: 23px}
.attacheddoc {list-style: none;list-style-type: none}
.attacheddoc:after{content: ''; display:table-cell; clear: both}
.attacheddoc li{list-style: none;list-style-type: none;float: left;}
.attacheddoc li:nth-child(odd){width:10%;}
.attacheddoc li:nth-child(even){width:23.33%}
.attacheddoc li img{width:50px;max-width:100%;}

.commonul{list-style: none;list-style-type: none;margin: 0;padding: 0}
.commonul li{list-style: none;list-style-type: none;margin-bottom: 10px}
.commonul li a{word-wrap: break-word;overflow-wrap: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.newmenu{position: relative;top: 0}
.newmenu .arrow{display: inline-block;position: absolute;left: 79px;top: -14px;}
.newmenu .arrow img{width: 35px}

.hovermanual .table tbody tr:hover td, .table tbody tr:hover th{background-color:#4BA061;color:#fff}
.hovermanual .table tbody tr:hover td a{color:#fff;text-decoration: underline}

.table tbody tr:hover td, .table tbody tr:hover th{background-color:#A0C8E4;}
/*.table tbody tr:hover td a{color:#fff}*/









@media (max-width: 980px){
.menuwithdropdown{margin:0;padding:0;list-style:none;list-style-type:none;padding-left:14px;padding-right: 14px}
.menuwithdropdown ul{list-style:none;list-style-type:none}
.menuwithdropdown a{padding:6px 4px;display:block;text-decoration:none;color: #fff}
.menuwithdropdown a:hover{text-decoration: none;color: #4183c4}
.menuwithdropdown a i{color:#fff}
}
@media (min-width: 981px){

/* General menu styling */
.menuwithdropdown {
position: relative;
margin: 0;
padding: 0;
padding-left:14px;
padding-right:14px;
}
/* The main navigation link containers */
.menuwithdropdown>li {
display: block;
margin: 0;
padding: 0;
}
/* The main navigation links */
.menuwithdropdown>li>a {
/* Layout */
display: block;
position: relative;
color:#fff;
text-decoration:none;
padding:8px 18px;
margin-left:-15px;
margin-right:-14px;
/*
padding: 10px 20px;
font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
color: #fff;
font-size: 22px;
text-decoration: none;
/* Background
background: black; /* For older browsers 
background: rgba(0, 0, 0, .6); /* Transparent background for modern browsers */
/* Making the color to change on hover with a transition */
-webkit-transition: color .3s ease-in;
-moz-transition: color .3s ease-in;
-o-transition: color .3s ease-in;
-ms-transition: color .3s ease-in;
}
.menuwithdropdown>li>a i{color:#fff}
/* Changing the color on hover */
.menuwithdropdown>li>a:hover, .menuwithdropdown>li:hover>a {
color: #fff;
background-color:rgba(36, 48, 64, 0.8);
}
/* The links which contain dropdowns menu are wider, because they have a little arrow 
.menuwithdropdown>.menufirstdropdown>a {
padding: 10px 30px 10px 20px;
}
/* The arrow indicating the dropdown */
.menufirstdropdown>a::after {
content: "";
position: absolute;
top: 10px;
right: 20px;
width: 7px;
height: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
/* Changing the color of the arrow on hover */	
.menufirstdropdown>a:hover::after, .menufirstdropdown:hover>a::after {
border-color: #0fd0f9;
}
/* The submenus */
.menuwithdropdown ul {
position: absolute;
margin: 0;
padding: 0;
list-style: none;
display: block;
left:0;
right:0;
width:100%;
z-index:10;
}
/* General layout settings for the link containers of the submenus */
.menuwithdropdown ul li {
position: absolute;
top: -9999px; /* Hiding them */
height: 0px;
display: block;
margin: 0;
padding: 0;
/* Making them to expand their height with a transition, for a slide effect */
-webkit-transition: height .2s ease-in;
-moz-transition: height .2s ease-in;
-o-transition: height .2s ease-in;
-ms-transition: height .2s ease-in;
}
/* Displays the submenu links, by expading their containers (with a transition, previously defined) and by repositioning them */
.menufirstdropdown:hover>ul>li {
/*height: 30px;*/
height:auto;
position: relative;
top: auto;
}
/* The submenu links */
.menuwithdropdown ul li a {
/* Layout */
padding: 8px 20px;
width:100%;
/*width: 120px;*/
display: block;
position: relative;
/* Text 
font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif; */
color: #fff;
text-decoration: none;
/* Background & effects */
background: black;
-webkit-transition: color .3s ease-in, background .3s ease-in;
-moz-transition: color .3s ease-in, background .3s ease-in;
-o-transition: color .3s ease-in, background .3s ease-in;
-ms-transition: color .3s ease-in, background .3s ease-in;
box-sizing:border-box;
}
.menuwithdropdown ul li a{background: #617EA7;}
.menuwithdropdown ul li ul li a{background: #5897A5;}
/* Changing the link's color and background on hover */
.menuwithdropdown ul li:hover>a, .menuwithdropdown ul li a:hover {
color: #0fd0f9;
background: rgba(0, 0, 0, .75);
}
/* Making the level 2 (or higher) submenus to appear at the right of their parent */
.menuwithdropdown ul .menufirstdropdown:hover ul {
left: 100%;
top: 0px;
background-color:#53B8D6;
z-index: 99;
}
/* The submenu links have a different arrow which indicates another dropdown submenu */
.menuwithdropdown ul .menufirstdropdown a::after {
width: 6px;
height: 6px;
border-bottom: 0;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
top: 14px;
}
/* Changing the color of the arrow on hover */
.menuwithdropdown ul .menufirstdropdown:hover>a::after, .menuwithdropdown ul .menufirstdropdown>a:hover::after {
border-right: 1px solid #0fd0f9;
border-top: 1px solid #0fd0f9;
}
}

.totalrecordfoundtable{display:table;width:100%;text-align:center;border:1px solid #000;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#f1f1f1;font-size:11px;box-sizing:border-box;-moz-box-sizing:border-box;-webkitbox-sizing:border-box}
.totalrecordfoundrow{display:table-row}
.totalrecordfoundrow:first-child .totalrecordfoundcolh{border-top:0}
.totalrecordfoundrow .totalrecordfoundcol:first-child{border-left:0}
.totalrecordfoundrow .totalrecordfoundcolh{padding: 0 5px}
.totalrecordfoundrow .totalrecordfoundcol{padding:0px;background-color:#fff} 
.totalrecordfoundrow .totalrecordfoundcolh{background-color:#405473;color:#BBDDFF}
.totalrecordfoundrow .totalrecordfoundcolh:first-child{border-left:0}
.totalrecordfoundcol{display:table-cell;border-left:1px solid #000;border-top:1px solid #000}
.totalrecordfoundcol span{color: #000;background-color: #fff;padding: 0px 8px;line-height: 14px;/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/ width:100%;display:inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.totalrecordfoundcolh{display:table-cell;font-weight:500;border-left:1px solid #000;border-top:1px solid #000}
.whitetext{color:white!important}
.yellowtext{color:yellow!important}
.lightgreentext{color:lightgreen!important}
.redtext{color:red!important}



.boxone{display:block;width:100%;border:1px solid #ccc;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin-bottom:20px}
.box-header{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#394866+0,7e8db5+100 */
background: #394866; /* Old browsers */
background: -moz-linear-gradient(top,  #394866 0%, #7e8db5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #394866 0%,#7e8db5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #394866 0%,#7e8db5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#394866', endColorstr='#7e8db5',GradientType=0 ); /* IE6-9 */
padding:8px 10px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}
.box-header h4{color:#fff}
.box-content{padding:8px 10px;}
.greencolor{color:#047B39}
.redcolor{color:#BB0000}

.time_newstyle input#timepicker_callbacktime{width: 100%;padding-left: 40px;margin-bottom: 9px!important} /*added 19 April 2016 */


/* Left Navigation
		-----------------------------------------------*/
		.mainNav {
			/*background: #222;*/
			width: 100%;
		}
		.mainNav ul ul{display:none}
			/* First Level */
			.mainNav ul {
				margin: 0;
				padding: 0;
				list-style: none;
				/*border-bottom: 1px solid #444*/
			}
			/*.mainNav ul li {
				border-top: 1px solid #444;
			}*/
			.mainNav ul li a {
				color: #FFFFFF;
				display: block;
				font-size: 14px;
				line-height: normal;
				padding:8px 18px;
				text-decoration:none;
				margin-right:0!important
			}
			.mainNav ul li a:hover {
				background: #1D2734;
				text-decoration: none;
			}
				/* Second Level */
				.mainNav ul ul {
					border-bottom: none;
					background-color:#465E7D;
				}
				.mainNav ul ul li {
					border-top: 1px solid #222;
					/*background: #111;*/
				}
				.mainNav ul ul li a {
					color: #FFFFFF;
					display: block;
					font-size: 14px;
					line-height: normal;
					padding: 0.5em 1em 0.5em 2.5em;
				}
				/*.mainNav ul ul li a:hover {
					background: #333;
				}*/
						/* Third Level */
				.mainNav ul ul ul {
					border-top:1px solid #222;
				}
				.mainNav ul ul ul li {
					border:none;
				}
				.mainNav ul ul ul li a {
					padding-left:42px; 
					padding-top:8px; 
					padding-bottom:8px;
					border-bottom:1px solid #222
				}
			/* Accordion Button */
			ul li.has-subnav .accordion-btn {
				color:#fff; 
				/*background:rgba(255,255,255, 0.15); font-size:12px;*/
			}
		
		/*@media screen and (max-width: 1024px) {
			.mainNav {width: 40%;}
		}
		@media screen and (max-width: 700px) {
			.mainNav {width: 100%;}
		}*/
		
		.block{width:100%}

/*--------------left accordian menu begin--------------- */
.dcjq-count {float: right;position:absolute;right:6px}
.grey .accordion{border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;list-style:none}
.grey .accordion ul{list-style:none;padding:0;margin:0;}
.grey .accordion ul, .grey .accordion ul ul{display:none}

.grey .accordion ul li a {background-color:#6683AA}
.grey .accordion ul ul{list-style:none;padding:0;margin:0}
.grey .accordion ul ul ul{list-style:none;padding:0;margin:0}
.grey .accordion, .grey .accordion li {margin: 0; padding: 0; border: none;}
.grey .accordion a {padding: 10px 25px 10px 33px; background: #2E3D52; text-decoration:none; display: block; color: #fff; /*border-bottom: 1px solid #ccc; border-top: 1px solid #fff;*/ position: relative;}
.grey .accordion ul li a{padding: 10px 25px 10px 44px;}
.grey .accordion ul li ul li a{padding: 10px 25px 10px 52px;}
/*.grey .accordion a.dcjq-parent, .grey .accordion a.dcjq-parent:hover {background: #1D2734}*/
.grey .accordion a.dcjq-parent:hover {background: #1D2734}
/*.grey .accordion a.dcjq-parent.active {background-color:#1D2734}*/
.grey .accordion .dcjq-parent-li a.active {background-color:#1D2734}
.grey .accordion .dcjq-parent-li ul li a.active {background-color:#506B8F}
.grey .accordion a .dcjq-icon {position: absolute; top: 50%; left: 17px; width: 34px; margin-top: -17px; height: 34px; background: url(images/plus.png) no-repeat 0 center;}

.grey .accordion ul li a .dcjq-icon {left: 28px;}

.grey .accordion a.dcjq-parent.active .dcjq-icon{background: url(images/minus.png) no-repeat 0 center;}
.grey .accordion a:hover {color: #fff;background-color:#1D2734}
.grey .accordion a:active{}
/*--------------left accordian menu end -------------*/


/*--------- Dashboard CSS ----------*/
.small-box{border-radius:2px;position:relative;display:block;margin-bottom:20px;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.small-box>.inner{padding:10px}
.small-box .inner p{margin:0}
.small-box>.small-box-footer{position:relative;text-align:center;padding:6px 0;color:#fff;color:rgba(255,255,255,0.8);display:block;z-index:10;background:rgba(0,0,0,0.1);text-decoration:none}
.small-box>.small-box-footer i{color:#fff}
.small-box>.small-box-footer:hover{color:#fff;background:rgba(0,0,0,0.15)}
.small-box h3{font-size:32px;font-weight:bold;margin:0 0 20px 0;white-space:nowrap;padding:0;color:#fff;line-height:32px}
.small-box p{font-size:15px;color:#fff}
.small-box p>small{display:block;color:#f9f9f9;font-size:13px;margin-top:5px}
.small-box h3,.small-box p{z-index:5}
.small-box .icon{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:absolute;top:0px;right:10px;z-index:0;font-size:70px;color:rgba(0,0,0,0.15)!important}
.small-box .icon i{color:rgba(0,0,0,0.15)!important}
.small-box:hover{text-decoration:none;color:#f9f9f9}
.small-box:hover .icon{font-size:80px}
@media (max-width:767px){
.small-box{text-align:center}
.small-box .icon{display:none}
.small-box p{font-size:12px}
}

.bg-gray{color:#000;background-color:#d2d6de !important}
.bg-gray-light{background-color:#f7f7f7}
.bg-black{background-color:#111 !important}
.bg-red{background-color:#dd4b39 !important}
.bg-yellow{background-color:#f39c12 !important}
.bg-aqua{background-color:#00c0ef !important}
.bg-blue{background-color:#0073b7 !important}
.bg-green{background-color:#00a65a !important}

.table_d{font-size: 12px;width:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-collapse:separate;border:1px solid #4472C4}
.table_d th, .table_d td{padding:4px 6px;border-bottom:0.5px solid #4472C4;border-left:1px solid #4472C4}

.table_d thead:first-child tr:first-child th:first-child, .table_d tbody:first-child tr:first-child td:first-child{border-radius:4px 0 0 0}
.table_d tr td:last-child{border-right:1px solid #4472C4}


.table_d_spacing{font-size: 12px;width:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-collapse:separate;border:2px solid #4472C4/*border:2px solid #4472C4*/}
.table_d_spacing th, .table_d_spacing td{padding:10px 6px;border-right:1px solid #4472C4;border-bottom:1px solid #4472C4}/*border-bottom:1px solid #4472C4;border-left:1px solid #4472C4}
.table_d_spacing th:first-child, .table_d_spacing td:first-child{border-bottom:0;border-left:0}*/

.table_d_spacing tbody td:last-child{border-right:0}
.table_d_spacing tbody tr:last-child td{border-bottom:0}

.table_d_spacing thead:first-child tr:first-child th:first-child, .table_d tbody:first-child tr:first-child td:first-child{border-radius:4px 0 0 0}
/*.table_d_spacing tr td:last-child{border-right:1px solid #4472C4}*/



/*.table_d td:first-child{border-right:4px double #EE3531}*/

.table_d_spacing thead th{vertical-align: middle;color: #fff!important;font-weight: 400;}
/*.table_d_spacing thead th{border-right:1px solid #eee;}*/
.table_d_spacing thead th:last-child{border-right:0;}
.table_d_spacing tbody tr:nth-child(even){background-color:#D9E1F2}
.table_d_spacing thead th a{color: #fff!important}
.table_d_spacing thead tr:first-child{background-color: #4472C4;}
.table_d_spacing td:first-child{text-align:center!important}
.borderroundedtop{border-top:3px solid #3C8DBC;border-top-left-radius:4px;border-top-right-radius:4px;background-color:#F4F8F9}
.paddingwrap{padding:10px}
.d_heading{color:#933E0B}

.tablefixwrap{}
.fixed{
  top:0;
  position:fixed;
  width:auto;
  display:none;
  border:none;
}

/*.floatThead-table{border-width:0!important}*/
.floatThead-col{height:50px}
.canvasvisible{visibility:visible;height:auto}
.canvashidden{visibility:hidden;height:0}
.tdaligncenter td{text-align:center}




.time_newstyle input#timepickerblank{width: 100%;padding-left: 40px;margin-bottom: 9px!important}  /*5-May-2016*/
.time_newstyle input.timepickerblank{width: 100%;padding-left: 40px;margin-bottom: 9px!important}
@media(min-width:981px){
	.calbackmargin{margin-top:49px}
}

.question{border-bottom:1px dotted #008000;padding-bottom:10px;padding-top:10px}
.question:hover{background-color:#F1F8FE}



.optsubmenu{margin:0;list-style:none;list-style-type:none;background-color:#ccc;}
.optsubmenu a{padding:4px 10px}
.optsubmenu {display: none; transition:display 0.1s ease-in-out}
.optsubmenuclick{padding:3px 15px;position:relative;}
.optsubmenuclick .caret{position:absolute;right:13px;top:9px}
    
.optsubmenuclick:hover .optsubmenu {display: block;transition:all 0.1s ease-in-out}

.vback{background-color:#77D5C5;padding:16px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin-bottom:20px}
.vback table{background-color:#fff;margin-bottom:0}
.vbackhead{color:#503701;text-align:center;font-size:22px;line-height:1.2;margin-bottom:16px}
.vbackhead:after{content:'';display: block;height: 4px; background-color: #503701;width: 50px;margin: 0 auto;margin-top: 10px;}
@media(max-width:980px){
.vback table{margin-bottom:14px}
}

.salary_menu{margin:0;padding:0;list-style-type:none;list-style:none;width:100%}
.salary_menu li{width:100%;margin-bottom:2%}
.salary_menu li:last-child{margin-bottom:0;text-align:center}
.salary_menu:after{display:table;content:"";clear:both}
.salary_menu li a{color:#fff;background-color:#D16161;padding:10px;width:100%;text-align:center;display:block;box-sizing:border-box}
.salary_menu li a:hover{background-color:#C73D3D;text-decoration:none}
.salary_menu li.salary_active a{background-color:#C73D3D;}

.followupdetail{margin:0;padding:0;width:100%;display:block;list-style:none;list-style-type:none}
.followupdetail:after{clear:both;display:table;content:""}
.followupdetail li{width:23.5%;margin-right:2%;float:left;position:relative;padding:5px 0}
.followupdetail li span{font-weight:bold}
.followupdetail li.colon:after{display:table;content:":";position:absolute;right:-6px;top:5px}
.followupdetail li:nth-child(4n+4){margin-right:0}

@media (max-width:480px){
.followupdetail li{width:48%;margin-right:4%;}
.followupdetail li:nth-child(2n+2){margin-right:0}
}
.totd{color:yellow;font-size:21px;margin-top:4px;font-family: 'Playball', cursive, sans-serif;line-height:1.7}
.bs-default{text-shadow:1px 1px 1px yellow;color:#fff;font-family:'Kavoon', sans-serif;font-size:20px; margin-top:6px;line-height:1.7}
.bs1{color:#FF00EA; font-size:20px; margin-top:6px; font-family:'Original Surfer', cursive, sans-serif;line-height:1.7}
.bs2{color:orange; font-size:20px; margin-top:6px; font-family:'Bungee Shade', cursive, sans-serif;line-height:1.7}
.bs3{color:#80FF00; font-size:20px; margin-top:6px; font-family:'Black Ops One', cursive, sans-serif;line-height:1.7}
.bs4{color:yellow; font-size:20px; margin-top:6px; font-family:'Kavoon', cursive, sans-serif;line-height:1.7}
.bs5{color:#fff; text-shadow:2px 2px 1px yellow; font-size:20px; margin-top:6px; font-family:'Playball', cursive, sans-serif;line-height:1.7}
.bs6{text-shadow:2px 2px 1px #fff;color:antiquewhite;font-family:'Great Vibes', cursive, sans-serif;font-size:20px; margin-top:6px;line-height:1.7}
.bs7{color:#E7F3F5; font-size:20px; margin-top:6px; font-family:'Cookie', cursive, sans-serif;line-height:1.7}
.bs8{color:red; text-shadow:1px 1px 0px #fff; font-size:20px; margin-top:6px; font-family:'Niconne', cursive, sans-serif;line-height:1.7}
.bs9{color:#D7FFFF; font-size:20px; margin-top:6px; font-family:'Rye', cursive, sans-serif;line-height:1.7}

.bir_style{list-style-type:none;list-style:none;margin:0;padding:0;width:100%;display:block}
.bir_style li{float:left;width:33.33%;padding:4px;text-align:center;box-sizing:border-box}
.bir_style li p{margin:0;margin-top:4px}
.bir_style:after{display:table;content:"";clear:both}

#expensewrap, .expense-item{position:relative}
@media (min-width:981px){
#expensewrap .add-more img{position:absolute;right:10%;top:-47px}
#expensewrap .remove-item img{position:absolute;right:10%;top:26px}
}
#expensewrap .add-more1 img{position:absolute;right:10%;top:26px;display:none}
.desktopnone{display:none}


@media (max-width:980px){
	.desktopnone{display:block}
	.phonenone{display:none}
}

.table_dollar{position:relative}
.table_dollar .doller{position:absolute;left:4px;top:4px;color:#A2320C; font-weight:600}
.table_dollar1{position:relative;padding:4px 5px 4px 14px!important;text-align:right!important}
.table_dollar1 .doller{position:absolute;left:4px;top:4px;color:#A2320C; font-weight:600}
.agreebackwrap4{background-color: #EBF2DB;padding: 10px 10px 0px 10px;box-sizing: border-box;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border:1px solid #ddd}

.agreebackwrap12{background-color: #EBF2DB;padding: 10px;box-sizing: border-box;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border:1px solid #ddd}

.heightfix55{height:55px;vertical-align:bottom;display:table-cell}
.hr_style1{margin: 8px 0;
border: 0;
border-bottom: 1px solid #830509;}

@media (max-width:980px){
	.hr_style1{display:none}
	.heightfix55{height:auto;vertical-align:top;display:block}
}
.agreebackwrap2{background-color: #FBFBF4;padding: 10px;box-sizing: border-box;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border:1px solid #ddd}



/*----------
-----Salary Slip ------- */

/*.salaryslip{border:1px solid #bbb; padding:10px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}*/
.salaryul{margin:0;padding:0;list-style:none}

.salaryul:after{display:table;content:"";clear:both;}
.salaryul li{margin-bottom:4px;float:left;margin-right:3%;position:relative}
.salaryul li:nth-child(odd){width:33%;font-weight:600}
.salaryul li:nth-child(even){width:64%}
.salaryul li:last-child{margin-right:0}
.salaryul li:nth-child(odd):after{content:":"; position:absolute;right:0;top:0}

page[size="A4"] {  
  width: 21cm;
  height: 29.7cm; 
}

page[size="A4NOT"] {  
  width: 21cm;
  height: auto;
}
.pageinside{
    padding: 0.5cm;
    border: 5px #405473 double;
    height: 274mm;
}

.doller_td{position:relative;text-align:right!important}
.doller_td .doller{position:absolute;left:4px;color: #A2320C;font-weight: 600;}


.mainNav {
  background: #D16161;
  width: 100%;
}

/* First Level */

.mainNav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}


.mainNav ul li a {
  color: #FFFFFF;
  display: block;
  font-size: 1.1em;
  line-height: normal;
  padding: 8px 14px;
  text-decoration: none;
}

.mainNav ul li a:hover {
  background: #C73D3D;
  text-decoration: none;
}

/* Second Level */

.mainNav ul ul { border-bottom: none }

.mainNav ul ul li {
	border-top:0;
  background: #e27171;
}
.mainNav ul ul li:last-child {
  border-bottom:0
}

.mainNav ul ul li a {
  color: #FFFFFF;
  display: block;
  font-size: 1em;
  line-height: normal;
  padding: 10px 10px 10px 27px;
}

.mainNav ul ul li a:hover { background: #C73D3D; }

/* Third Level */

.mainNav ul ul ul { border-top: 1px solid #46CFB0; }

.mainNav ul ul ul li { border: none; }

.mainNav ul ul ul li a {
  padding-left: 3.5em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

/* Accordion Button */

ul li.has-subnav .accordion-btn {
  color: #fff;
  background: rgba(255,255,255, 0.15);
  font-size: 16px;
}

.accordion-btn-wrap{line-height: 37px;
    height: 35px;}
.mainNav li{border-bottom:1px solid #C73D3D;}
.mainNav li:last-child{border-bottom:0}
.accordion-btn-wrap{top:-1px!important}
.mainNav li.selected{background: #C73D3D;}

.modal-footer .btn{float:none}


.editbox
{
display:none
}

/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #F5FBFC;
  padding: 0 !important;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.175);
  box-shadow: 0 3px 6px rgba(0,0,0,.175);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
  background-color: #F5FBFC;
  cursor:pointer;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #5A55A3;
  background-image: #5A55A3;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color:#F3C5D1;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border-top: 1px solid #ddd;
}

.list-group-item.border-none{border-top: none;}

.text-center {
    text-align: center;
}
.border-bottom{border-bottom: 1px solid #ddd;}
@media (min-width:980px){
.modal{width:700px;margin:-250px 0 0 -350px}
}

.popover-inner{border:1px solid #333!important}


.imagelist{list-style:none;margin:0;margin-top:10px}
.imagelist:after{display:table;clear:both;content:"";}
.imagelist li{float:left;width:15.67%;margin-bottom:2%;margin-right:2%}
.imagelist li:nth-child(4n+4){margin-right:0}
.imagelist li .uploaddocheight{height:120px; margin:0; padding:0;overflow:hidden;width:100%;display:block}
.imagelist li img{width:100%;display:block}
.imagelist li .img_no{margin:0;background-color:#eee;color:#000;text-align:center;padding:4px;font-size:16px}
.imagelist li .imageback{border:1px solid #aaa;position:relative}
.imagelist li .imageback a{text-decoration:none;display:block}
.imagelist li .imageback a:hover{opacity:.7;}
.color-red{color:red}
.color-white{color:#fff}



.img_del{position: absolute;
	margin:0;
    top: 0;
    right: 0;
    width: 26px;
    height: 26px;
    line-height: 26px;
	background-color:red;
	font-size:16px;
	text-align:center;
}
.img_del:hover{background-color:maroon}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    /*background-color: black;*/
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
    /*background-color: red;*/
}

.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}

.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
	pointer-events: none;
}


/*------------------ Horizontal menu--------------------*/
/*===== nav style ======*/
#fdw nav select {
	display:none; /* this is just for the mobile display */
}
#fdw nav ul {
	display:block;
	z-index:999999;
	padding:0;
	margin:0;
	margin-bottom:20px
}
#fdw nav ul li {
	display:inline-block;
	position:relative;
}
/*#fdw nav ul li.border {border:1px solid #ccc}*/
#fdw nav ul li a{padding:10px 20px;display:block;background-color:#3398B9;color:#fff}
#fdw nav ul li a:link, #fdw nav ul li a:visited {
	color:#444;
	text-transform:uppercase;
	display:inline-block;
	position:relative;
}
#fdw nav ul li a:hover, #fdw nav ul li a:active {
	color:#EAF505;
	text-decoration:none;
}
#fdw nav ul li span {
	position:absolute;
	right:10px;
	bottom:6px;
	width:7px;
	height:8px;
	margin:0 0 0 3px;
	float:right;
	display:block;
	background:url('../img/nav_arrow.png') no-repeat left -8px;
	top:15px;
}
#fdw nav ul li.current {
	border-bottom:1px solid #e25d29;
}
#fdw nav ul li.current a {
	color:#EAF505;
	cursor: default;
}
#fdw nav ul li.current a span {
	background:url('../img/nav_arrow.png') no-repeat left 0;
}
#fdw nav ul li.current ul li a {
	cursor:pointer;
}

/*===== sub_menu Style =======*/
#fdw nav ul li ul.sub_menu {
	position:absolute;
	top:100%;
	left:0;
	margin:0;
	padding:0;
	background-color:#fff;
	/*border:1px solid #ececec;*/
	border-top:2px solid #EAF505;
	display:none;
	z-index:999999;
    -moz-box-shadow: 0px 4px 3px #ccc;
    -webkit-box-shadow: 0px 4px 3px #ccc;
    box-shadow: 0px 4px 3px #ccc;
}
#fdw nav ul li ul.sub_menu li.arrow_top {
	position:absolute;
	top:-12px;
	left:12px;
	width:13px;
	height:8px;
	display:block;
	border:none;
	background:url('../img/arrow_top.png') no-repeat left top;
}
#fdw nav ul li ul.sub_menu li {
	float:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #ececec;
}
#fdw nav ul li ul.sub_menu li.current a {color:#EAF505;!important}
#fdw nav ul li ul.sub_menu li a {
	white-space: nowrap;
	width: 150px;
	padding:8px;
	text-transform:capitalize;
	color:#fff;
	background-color:#13B9F0;
}
#fdw nav ul li ul.sub_menu li a:hover {
	background:#f9f9f9;
	color:#333;
}
#fdw nav ul li ul.sub_menu li a.subCurrent {
	color:#e25d29;
	cursor:default;
}
#fdw nav ul li ul.sub_menu li a.subCurrent:hover {
	background:none;
}
#fdw nav ul li ul.sub_menu li ul.sub_menu_right a{background-color:#A0B9F3}
/*===================== end Header style ======================*/


@media only screen and (min-width: 768px) and (max-width: 959px) {
		/* nav */
		#fdw nav ul li{
			margin-left:12px;
		}
}

	/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

		/* nav menu ul & select */
		#fdw nav ul {
			display:none;
		}
		#fdw nav select {
			width:100%;
			display:block;
			margin-bottom:30px;
			cursor:pointer;
			padding:6px;
			background:#f9f9f9;
			border:1px solid #e3e3e3;
			color:#777;
		}
}

.sub_menu_right{display:none;position:absolute;left:100%;top:0;background-color:#fff;-moz-box-shadow: 0px 4px 3px #ccc;
    -webkit-box-shadow: 0px 4px 3px #ccc;
    box-shadow: 0px 4px 3px #ccc;}

.icon_right{position:absolute;right:10px;top:10px}
.border-top-blue{border-top: 1px solid #ccc;padding-top: 10px;}
.border-top-blue1{border-top: 1px solid #eee;padding-top: 4px;}

.acc_relative{position:relative}
.acc_btn{position:absolute;top:33px;right:0}
.acc_btn1{position:absolute;top:24px;right:10px}

@media (max-width:980px) {
.acc_btn{position:static;margin-top:10px}
}

a{cursor:pointer}

.amount_right span.doller + input{text-align:right;}
.dolleramt{position:relative}
.dolleramt .doller{
position: absolute;
left: 4px;
top: 4px;
color: #A2320C;
font-weight: 600;
}



page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.3cm rgba(0,0,0,0.2);
  box-sizing:border-box;
  padding:0.5cm;
  position:relative;
}

.striptop{position:absolute;top:-20px;left:-20px;width:234px}
.striptop img{display:block}
.stripbottom{position:absolute;bottom:-23px;right:-20px;width:234px}
.stripbottom img{display:block}

.pageinside-invoice{
    padding: 0.5cm 0.5cm 2cm 0.5cm;
    border: 1px #ddd solid;
    height: auto
}
.pageinside-invoice1{
    padding: 0.5cm 0.5cm 2cm 0.5cm;
    border: 1px #ddd solid;
    height: 26.1cm;
}

.invoiceheader{margin:20px 0;}
.inv_detail_wrap{background-color:#f1f1f1}
.inv_heading{background-color:#F3A133;color:#fff;margin:0;padding:7px 20px;text-transform:uppercase;font-size:28px}
.inv_heading span{font-size:16px;line-height:1}
.inv_cus_add{padding:7px 20px;}
.inv_cus_add table{width:100%;text-align:left;vertical-align:top}
.inv_cus_add table th{width:100px;vertical-align:top;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.inv_cus_add table td{border-bottom:1px solid #ccc}
.inv_cus_add table tr:last-child th, .inv_cus_add table tr:last-child td{border-bottom:0}
.inv_cus_add table th, .inv_cus_add table td{padding:4px}
.inv_com_detail{text-align:right;float:right;width:160px;max-width:100%}
.inv_com_detail:after{content:"";display:table;clear:both}
.inv_com_detail img{width:110px;}
.com_abn{background-color:#304D7B;color:#fff;padding:2px 15px;text-align:center;display:inline-block;margin:0;margin-top:5px;font-weight:600;width:100%}
hr.dottedline{border:2px dashed #ddd;margin:0}

.inv_cus_det_table {text-align:left;width:100%}
.inv_cus_det_table th, .inv_cus_det_table td{padding:2px 4px}
.inv_cus_det_table th{vertical-align:top}
.inv_cus_det_table td{vertical-align:top}
.inv_sub_heading{margin:0;padding:0;color:#304D7B;margin-bottom:10px;}
.inv_sub_heading:after{width:100px;height:2px;background-color:#304D7B;display:table;content:""}
.inv_detail_table{width:100%}
.inv_detail_table th, .inv_detail_table td{padding:6px 10px }
.inv_detail_table th{border-bottom:2px solid #304D7B;border-top:2px solid #304D7B;text-align:left;border-right:1px solid #ccc}
.inv_detail_table th:last-child{border-right:0}

.inv_detail_table td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;position:relative;vertical-align: top;}
.inv_detail_table tr td:last-child{border-right:0}
.inv_detail_table tr:last-child td{border-bottom:0}
.inv_detail_table tr th:nth-child(2), .inv_detail_table tr th:nth-child(3){text-align:center}
.inv_detail_table tr td:nth-child(2), .inv_detail_table tr td:nth-child(3){text-align:right}
.inv_detail_table td span:first-child{position:absolute;left:15px;top:8px;color:#9F0004}
.table-last-row tr:last-child{border-top:2px solid #304D7B;font-weight:600;border-bottom:2px solid #304D7B;}
.inv_table_border_top tr:first-child{border-top:2px solid #008844;}

.addressbottom{
    position: relative;
}
.address{position: absolute;bottom: 20px;width: 90%;text-align: left;color: #95B3D7;border-top: 1px solid #95B3D7;  padding-top: 6px;font-weight: 300;font-size:14px;right:0;left:0;margin:0 auto}
.inv_input{border:0;border-radius:0;height:auto;line-height:1;margin:0;padding:2px 6px 2px 20px;text-align:right;border-bottom:1px dotted #eee}
.inv_input1{border:0;border-radius:0;height:auto;line-height:1.5;margin:0;padding:2px 6px;text-align:left;border-bottom:1px dotted #aaa;background-color:transparent}
.inv_input_left{border:0;border-radius:0;height:auto;line-height:1;margin:0;padding:2px 10px;text-align:left;border-bottom:1px dotted #eee;width:auto}
.inv_select{border:0;border-radius:0;height:auto;line-height:1;margin:0;padding:0px;width:auto}
.invoice_status{position: absolute;right: -20px; top: -20px;width:90px}
.loader-wrap{position:relative;min-height:110px}
.loader-img,.installer-loader-img{position:absolute;height:110px;left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
display: block;background-color:#fff;text-align:center}

.removemargin label, .removemargin input, .removemargin select, .removemargin textarea, .removemargin .control-group {margin-bottom:4px}

.removemargin input, .removemargin select, .removemargin button{height:28px;line-height:1.5}
.removemargin .input-prepend .add-on, .removemargin .input-append .add-on{height:14px}
.removemargin .input-prepend .add-on i, .removemargin .input-append .add-on i{line-height:10px}

.supplierAddExtra, .installerAddExtra{background-color:#B4DFA2;}
.supplierAddExtraInvDiv, .installerAddExtraInvDiv{padding:10px;}
.supplierInvAdd, .installerInvAdd{background-color:#C0CBA0;padding:10px;}

.table.table-lightgreen tbody tr{background-color:#E4FFB7}
.table.table-lightgreen tbody tr:hover td, .table.table-lightgreen tbody tr:hover th{background-color:#DBFF9D}
.table-lightgreen tbody tr{background-color:#E4FFB7}
.table-lightgreen tbody tr:hover td, .table-lightgreen tbody tr:hover th{background-color:#DBFF9D}

.table.table-lightyellow tbody tr{background-color:#FFFFCD}
.table.table-lightyellow tbody tr:hover td, .table.table-lightyellow tbody tr:hover th{background-color:#FFFFB7}
.table-lightyellow tbody tr{background-color:#FFFFCD}
.table-lightyellow tbody tr:hover td, .table-lightyellow tbody tr:hover th{background-color:#FFFFB7}
.viewcomment_inv{height:115px;overflow-y:auto;border:1px solid #7E94B8;background-color:#FFFFF2;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}

.viewcomment_inv ul{list-style:none;padding:0;margin:0;width:100%;display:block;}
.viewcomment_inv ul li{border-bottom:1px solid #01B562;padding-bottom:10px;margin-bottom:10px}
.viewcomment_inv ul li:last-child{border-bottom:0;margin-bottom:0px}
.viewcomment_inv .name{font-weight:500; color:#01B562;text-transform:uppercase;margin-bottom:4px}
.viewcomment_inv .name span{font-weight:400;font-style:italic;font-size:10px;color:#CB5A5A}
.viewcomment_inv .des{margin:0}

.comm_input{position:relative}
.comm_input textarea{padding-right:40px}
.combtn{position:absolute;bottom:9px;right:0;background-color:#01B562;height:30px;width:30px;line-height:30px;text-align:center;font-size: 20px;color: #fff;border-bottom-right-radius:3px;border-top-left-radius:3px;cursor:pointer}
.combtn:hover{background-color:#019C56}

.table-condensed1 th, .table-condensed1 td {
    padding: 0px 5px;
}
.dataTables_paginate .pagination a{float:none;padding: 2px 10px;display: inline-block;}

.dataTables_wrapper .dataTables_filter input{height:auto;line-height:1.5}
.datatable_back{border:1px solid #ddd;padding:10px}
.back_blue_alternate tr:nth-child(odd){background-color:#ECF5FF}
div.dataTables_wrapper div.dataTables_processing{background-color: rgba(251,240,198,0.9);border-radius: 4px;border: 1px solid #ccc;}
.dataTables_length{text-align:left}
.custom_drop{margin-bottom:15px;margin-top:-15px;margin-right:-15px;margin-left:-15px}
.custom_drop ul{list-style:none;display:block;width:100%;padding:0;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.custom_drop ul:after{display:table;content:"";clear:both}
.custom_drop ul a{transition:all 0.2s ease-in-out;text-decoration:none}
.custom_drop ul i{color:#000}
.custom_drop ul.first_menu ul{display:none}
.custom_drop ul.first_menu{z-index:2;box-shadow:0 0 4px #666;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffddd+0,ede390+100 */
background: #fffddd; /* Old browsers */
background: -moz-linear-gradient(top, #fffddd 0%, #ede390 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fffddd 0%,#ede390 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fffddd 0%,#ede390 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffddd', endColorstr='#ede390',GradientType=0 ); /* IE6-9 */
}
.custom_drop ul.first_menu > li{float:left;border-right:1px solid #EDE391;}
.custom_drop ul li{position:relative}
.custom_drop ul li a{color:#000;padding:10px 20px;display:block;}
.custom_drop ul li:hover{background-color:#EDE391}
.custom_drop ul.first_menu ul{position:absolute;width:190px;background-color:#FBF8CE;z-index:999;border:1px solid #EDE391}
.custom_drop ul.first_menu ul li{border-bottom:1px solid #EDE391;}
.custom_drop ul.first_menu li:last-child{border-bottom:0}
.custom_drop ul.first_menu .menu_level_1 li a:hover, .custom_drop ul.first_menu .menu_level_2 li a:hover{margin-left:8px}
.custom_drop ul.menu_level_1{top:100%;margin-top:1px}
.custom_drop ul.menu_level_2{top:0;left:100%;margin-left:1px}
.custom_drop ul.first_menu ul i{float:right;margin-top:3px;margin-right: -12px;}

#userList{position:relative}
.sugg_list{display:block;width:180px;margin:0;padding:0;list-style:none;border:1px solid rgba(82, 168, 236, 0.8);background-color:#f4f4f4;margin-top:-10px;min-height:20px;max-height: 200px;overflow: hidden;overflow-y: auto;position:absolute;border-radius:4px}
.sugg_list li{display:block;padding:6px 10px;border-bottom:1px solid #ddd}
.sugg_list li:last-child{border-bottom:0}
.sugg_list li:hover{background-color:#fff;cursor:pointer}
.inv_error{background-color:red;color:#fff;line-height:1.5;padding:0 10px;display: inline-block;}

.background20{background-color:#eee;border:1px solid #ddd;padding:10px;border-radius:4px}
.background20 .control-group{margin:0;}
.background20 .control-group input, .background20 .control-group select{margin:0}
.background20 label{margin-top:7px}
.background20 .input-prepend, .background20 .input-append{margin-bottom:0}

.purple-alternate tr:nth-child(even){background-color:beige}
.purple-alternate tr:nth-child(odd){background-color:#ECECBD}
.table.purple-alternate tbody tr:hover td, .table.purple-alternate tbody tr:hover th{background-color: #f7f7f7;}
.table.purple-alternate tbody tr:last-child:hover td, .table.purple-alternate tbody tr:last-child:hover th{background-color: inherit;}

.rev_exp_amt{background-color:green;color:#fff;border:1px solid transparent;font-size:16px;text-align:right;padding:2px 10px 2px 15px;display:block;position:relative}
.rev_exp_amt span{position:absolute;left:10px}
.display-none{display:none}
.texttoinput p{margin:0;display:inline-block}
.texttoinput .controls, .texttoinput .controls select{margin-bottom:0}
.texttoinput input{margin-bottom:0}
.dollerdiv{position:relative;padding:0px 14px;text-align:right}
.dollerdiv .doller{position:absolute;left:4px;top:1px;color:#A2320C;display:inline-block}

.adv_detail_table{width:100%}
.adv_detail_table th, .adv_detail_table td{padding:6px 10px }
.adv_detail_table th{border-bottom:2px solid #304D7B;border-top:2px solid #304D7B;text-align:left;border-right:1px solid #ccc}
.adv_detail_table th:last-child{border-right:0}

.adv_detail_table td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;position:relative}
.adv_detail_table tr td:last-child{border-right:0}
.adv_detail_table tr:last-child td{border-bottom:0}
.adv_detail_table tr th:nth-child(2), .adv_detail_table tr th:nth-child(3){text-align:center}
.adv_detail_table tr td:nth-child(2), .adv_detail_table tr td:nth-child(3){text-align:right}
.adv_detail_table td span:first-child{position:absolute;left:15px;top:8px;color:#9F0004}
.adv_table_border_top tr:first-child{border-top:2px solid #E100CB;}
.table-lightpink tbody tr {background-color: #FFEAFD;}
.table.table-lightpink tbody tr {background-color: #FFEAFD;}
.adv_input{border:0;border-radius:0;height:auto;line-height:1;margin:0;padding:2px 6px 2px 20px;text-align:right;border-bottom:1px dotted #eee}

.small-font{font-size:11px}
.small-font label{font-size:11px}
.kwyearwise{display:block;content:"";width:100; list-style-type:none;list-style:none}
.kwyearwise:after{content:"";display:table;clear:both}
.kwyearwise li{width:32%;float:left;margin-right:2%}
.kwyearwise li:nth-child(3){margin-right:0}

.com_address{display:table;width:100%;}
.com_address .addleft{display:table-cell;width:50%;vertical-align:top}
.com_address .addright{display:table-cell;width:50%;vertical-align:top}

.inv_com_detail1{text-align:right}
.inv_com_detail1 img{width:120px;}

.client_det{display:table;width:100%;}
.client_det .client_det_left{display:table-cell;width:50%;vertical-align:top}
.client_det .client_det_right{display:table-cell;width:50%;vertical-align:top}
.client_det .client_det_full{display:table-cell;width:100%;vertical-align:top}

.client_det1{display:table;width:100%;}
.client_det1 .client_det_left1{display:table-cell;width:80%;vertical-align:top}
.client_det1 .client_det_right1{display:table-cell;width:20%;vertical-align:top}

.client_det_left p{margin-bottom:0}
.inv_heading1{text-align:left;color:#304D7B;padding:4px 20px;text-transform:uppercase;display:block;font-size:28px;margin-bottom:0px;line-height:1.1;font-weight:bold;margin-top:50px;padding-left:280px}
.inv_input2{border:0;border-radius:0;height:auto;line-height:1.5;margin:0;padding:2px 0px;text-align:left;border-bottom:0;background-color:transparent;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;display:inline-block;width:auto;font-style:italic}
.inv_input3{border:0;border-radius:0;height:auto;line-height:1.5;margin:0;padding:2px 0px;text-align:right;border-bottom:0;background-color:transparent;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;display:inline-block;width:58px;max-width:100%;}
.inv_input4{border:0;border-radius:0;height:auto;line-height:1.5;margin:0;padding:0 0 6px 0;text-align:left;border-bottom:1px dotted #aaa;background-color:transparent;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.allnoneinput input{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;text-align:left;border-bottom:0;background-color:transparent;padding:2px 0px;}
.clientname input{font-size:16px;font-weight:bold;color:#304D7B}
.clientname{margin:0}
.align-center{text-align:center}
.inv_no{font-size:16px;margin-bottom:0;color:#444;text-align:right}
.inv_no input{font-size:16px;color:#F3A133;font-weight:bold}
.inv_d{font-size:13px;color:#444;text-align:right}
.bordernonetd td{border:none}
.invoicetop{display:table;width:100%}
.inv_top_left{display:table-cell;width:20%;vertical-align:top}
.inv_top_right{display:table-cell;width:80%;vertical-align:top}
.invaddwrap{margin-top:12px}

.battery_h{margin-bottom:12px;color:#af0f0f}
.batterylist_h{margin-bottom:10px;color:#af0f0f;text-decoration:underline}
.battery_h:after{width:50px;height:4px;content:"";display:table;background-color:#af0f0f}
.batterybg-2{background-color:#C7E0C8;padding:10px;border:1px solid #76B879;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
.batterybg-1{background-color:#D8EAEB;padding:10px;border:1px solid #76B5B8;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th{background-color: #f9f9f9;}


.checklist_logo{text-align:center}
.checklist_logo img{width:90px}
.checklist_h{text-align:center;}
.checklist_h h2{font-size:20px;font-weight:700;border-bottom:4px double #000;display:inline-block;}
.table-checklist{width: 100%;max-width: 100%;border-spacing: 0;border-collapse: collapse;display:table;margin:15px 0}
.table-checklist p{margin:0;}
.table-checklist textarea{margin:0}
.table-checklist>tbody>tr>td, .table-checklist>tbody>tr>th{padding:3px 8px}
.table-checklist>tbody>tr>td:last-child{border-right:0}
.table-checklist>tbody>tr>td{border:1px solid #ccc}
.table-checklist>tbody>tr>th{border:1px solid #ccc;text-align:right;border-left:0;color:#2F4B77;width:270px}
.table-checklist>tbody>tr:last-child>th{border-bottom:0}
.table-checklist>tbody>tr:first-child>th{border-top:0}
.table-checklist>tbody>tr:last-child>td{border-bottom:0}
.table-checklist>tbody>tr:first-child>td{border-top:0}
.table-checklist>tbody>tr:nth-child(even)>td{background-color:#E7ECFA}
.table-checklist>tbody>tr>td.ver-text{padding:0;border-bottom:0;position:relative;width:30px}
.ver-text span{width:100%;display: block;position: absolute;transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);font-size:18px;font-weight:700;text-transform:uppercase}
.tableseparator{height:1px;background-color:#F89418;padding:0;}
.striptopcheck{position:absolute;top:0px;left:0px;width:234px}
.striptopcheck img{display:block}
.stripbottomcheck{position:absolute;bottom:0px;right:0px;width:234px}
.stripbottomcheck img{display:block}
.logowatermark{background-image:url("../img/logowatermark.png");background-position:center center;background-repeat:no-repeat;background-size:40%;position:relative}
.leadidtopright{position:absolute;right:10px;top:10px;}
.leadidtopright p{font-size:24px;font-weight:600}
.leadidtopright p span{display:inline-block;padding:6px 10px;background-color:#5BB75B;color:#fff}



.stcfrom_input{border:0;border-radius:0;height:auto;line-height:1;margin:0;padding:2px 6px 2px 20px;text-align:right;border-bottom:1px dotted #eee}
.stcfrom_input1{border:0;border-radius:0;height:auto;line-height:1.5;margin:0;padding:2px 6px;text-align:left;border-bottom:1px dotted #aaa;background-color:transparent}
.stcfrom_input_left{border:0;border-radius:0;height:auto;line-height:1;margin:0;padding:2px 10px;text-align:left;border-bottom:1px dotted #eee;width:auto}
.stcfrom_select{border:0;border-radius:0;height:auto;line-height:1;margin:0;padding:0px;width:auto}
/*.stcpageheight{height:26.1cm}*/

.table-stc small{font-size:9px}
.table-stc {border-collapse: collapse;width:100%;}
.table-stc, .table-stc th, .table-stc td {border: 1px solid #999;}
.tablepadding1 th, .tablepadding1 td{padding:1px 2px}
.tablepadding2 th, .tablepadding2 td{padding:8px}
.tabletextbold strong{font-weight:600}
.stc-cname{font-size:15px;font-weight:600;text-align:center;}
.stc-cname1{font-size:13px;font-weight:600;}
.stc-clogo{width:130px;margin:0 auto;display:block}
.valign-middle td{vertical-align:middle;line-height:1}
.valign-top td{vertical-align:top;line-height:1}
.stc-margin0 p, .stc-margin0 small{margin:0;line-height:1}
.stc-subheading{text-transform:uppercase;text-align:center;background-color:#bbb;margin-left:-2px!important;margin-right:-2px!important;font-weight:600}
.stc-textblack{color:#000}
.uppercase{text-transform:uppercase}

.table-stc td.stc-nesttable {padding: 0px;}
.table-stc td.stc-nesttable table{width:100%;}
.table-stc td.stc-nesttable table td {border-width: 1px;}
.table-stc td.stc-nesttable table td:first-child {border-left: none;}
.table-stc td.stc-nesttable table td:last-child {border-right: none;border-bottom:none}
.table-stc td.stc-nesttable table tr:first-child td {border-top: none;}
.table-stc td.stc-nesttable table tr:last-child td {border-bottom: none;}
.font11{font-size:11px}
.font12{font-size:12px}
.font10{font-size:10px}
.font9{font-size:9px}
.aligncenter{text-align:center}
page{border:1px solid #efefef}
.inputfieldsstyle input, .inputfieldsstyle select,.inputfieldsstyle textarea{width: 100%;box-sizing: border-box;height: auto;line-height: 1;padding:2px;margin:0;font-size:11px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;vertical-align:middle;background-color:#F9E6BF;color:#000}
.inputfieldsstyle input, .inputfieldsstyle select, .inputfieldsstyle textarea{font-family:'Roboto', sans-serif}
.inputfieldsstyle select{-webkit-appearance:none;appearance:none;-moz-appearance:none;}
.stcfont{font-size:11px}
.btn-group .dropdown-toggle{height:21px}