@charset "utf-8";

/* CSS Document */

body {

	font-family: 'Lato', sans-serif;
	padding:0px !important;
	height:100vh;
	min-height:100vh;

}
.login-bg{
	height:100vh;
	min-height:100vh;
	
	background: url(../images/login-bg.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
}


.navbar-inverse{

	background-color: #7dcdf4;

	min-height:103px;

	border-color: #ffffff;

	margin-top:-1px;

}

.navigation{

	margin-top:5px;

}

/*.navbar-nav li .active a , .navbar-nav li a:hover{  



	background-color: #e8f3f8 !important;

    color: #49616d !important;

	

}*/

.navbar-nav{

	float:right;	

}

.navbar-nav li.active a, .navbar-nav li a:hover{ 

	background-color: #e8f3f8 !important;

    color: #fff !important;


	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.navbar-nav li a:hover{

	/*padding-right:10px !important;*/

}	

.navbar-nav > li{

	margin-right:5px;

}

.navbar-nav li:last-child a, .navbar-nav li:last-child{

	margin-right:0px;

	/*padding-right:0px;*/

}



.navbar-nav > li > a {

    padding-bottom: 5px;

    padding-top: 5px;
    padding: 8px 8px 8px 4px;

	display:inline-block;

	

}

.navbar-nav > li > a{

	color:#fff !important;

}

.footer{

	background: url("../images/footer.png") repeat-x;

    padding: 27px 0;

}

.copyright{

	text-align:center;

	color:#7b7e80;

	font-size:12px;

}

.middle{

	min-height:414px;

}

.login{

	margin-top:40px;

}

.form-signin{
	border:3px solid #000;
}

.login .form-signin{

	padding:35px;

	max-width: 450px;

	position:relative;

	background:rgba(0, 0, 0, 0.3);

}

.login-logo{
	 max-width: 450px;
	 text-align:center;
	 margin-bottom:20px;	
}

.login .form-signin-heading{

	/*position:absolute;

	left: 25%;

    padding: 11px 85px 17px;

	top:-44px;

	background:#7ecdf4;

	font-size:20px;*/
	margin-bottom:30px;
	margin-top:0px;

	color:#fff;

	text-transform:uppercase;

	text-align:center;

		

}

.form-signin .form-control{
	border-radius: 0px;
	border: 0 solid #ccc;
	background:rgba(255, 255, 255, 0.9);
	height:43px;

}

.form-signin .left-inner-addon{
	margin-bottom:10px;
}
 
.btn-login ,.btn-login:hover{

	/*border-radius: 0px;*/

	background:url(../images/button-bg.png) scroll 0% 0% repeat-x;

	border:1px solid #222222;

}



.left-inner-addon {

    position: relative;

}

.left-inner-addon input {

    padding-left: 30px;    

}

.left-inner-addon i {

    position: absolute;

    padding: 15px 10px;

    pointer-events: none;

}

.content{

	width:100%;

	float:left;

}

.heading-info{

	text-align:center;

	color:#707070;

	font-family: 'Lato', sans-serif;

	font-size:17px;

	line-height:25px;

	font-weight:300;

	

}

.heading-title h1{

	position:relative;

	text-align:center;

	color:#000;

	margin:45px 0px;

		

}

.heading-title h1 span{

	background:#fff;

	padding:10px;

	position:relative;

	font-family: 'Lato', sans-serif;

	font-weight:300;

	

		

}

.heading-title h1:before{

	height:1px;

	background:#ccc ;

	content:"";

	position:absolute;

	left:0px;

	top:60%;

	width:100%;

}

.inputtext{

	padding:9px;

	border:1px solid #b7ced9;

	background:#e8f3f8;

	font-weight:normal;

}

.inputlbl{

	color: #707070;

    font-size: 16px;

    font-weight: 300;

    padding-top: 10px;

}



/*input[type=checkbox],input[type=radio]{opacity:1;position:absolute;z-index:12;width:18px;height:18px;}*/

input[type=checkbox]:checked,input[type=radio]:checked,input[type=checkbox]:focus,input[type=radio]:focus{outline:none !important;}

input[type=checkbox]+.lbl,input[type=radio]+.lbl{position:relative;z-index:11;display:inline-block;margin:0;line-height:20px;min-height:14px;min-width:14px;font-weight:normal;}

input[type=checkbox]+.lbl.padding-16::before,input[type=radio]+.lbl.padding-16::before{margin-right:16px;}

input[type=checkbox]+.lbl.padding-12::before,input[type=radio]+.lbl.padding-12::before{margin-right:12px;}

input[type=checkbox]+.lbl.padding-8::before,input[type=radio]+.lbl.padding-8::before{margin-right:8px;}

input[type=checkbox]+.lbl.padding-4::before,input[type=radio]+.lbl.padding-4::before{margin-right:4px;}

input[type=checkbox]+.lbl.padding-0::before,input[type=radio]+.lbl.padding-0::before{margin-right:0px;}

input[type=checkbox]+.lbl::before,input[type=radio]+.lbl::before{font-family:fontAwesome;font-weight:normal;font-size:11px;color:#2091cf;content:"\a0";background-color:#FAFAFA;border:1px solid #CCC;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);border-radius:27px;display:inline-block;text-align:center;vertical-align:middle;height:15px;line-height:13px;min-width:15px;margin-right:1px;}

input[type=checkbox]:checked+.lbl::before,input[type=radio]:checked+.lbl::before{display:inline-block;content:'\f00c';background-color:#F5F8FC;border-color:#adb8c0;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05),inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05),inset 15px 10px -12px rgba(255, 255, 255, 0.1);}

input[type=checkbox]:hover+.lbl::before,input[type=radio]:hover+.lbl::before,input[type=checkbox]+.lbl:hover::before,input[type=radio]+.lbl:hover::before{border-color:#1c7aad;}

input[type=checkbox]:active+.lbl::before,input[type=radio]:active+.lbl::before,input[type=checkbox]:checked:active+.lbl::before,input[type=radio]:checked:active+.lbl::before{box-shadow:0 1px 2px rgba(0, 0, 0, 0.05),inset 0px 1px 3px rgba(0, 0, 0, 0.1);}

input[type=checkbox]:disabled+.lbl::before,input[type=radio]:disabled+.lbl::before,input[type=checkbox][disabled]+.lbl::before,input[type=radio][disabled]+.lbl::before,input[type=checkbox].disabled+.lbl::before,input[type=radio].disabled+.lbl::before{background-color:#DDD !important;border-color:#CCC !important;box-shadow:none !important;color:#BBB;}

input[type=radio]+.lbl::before{border-radius:32px;font-family:Arial,Helvetica,sans-serif;font-size:36px;}

input[type=radio]:checked+.lbl::before{content:"\2022";}





.radio-inline{

	 padding:10px 0px 0px 0px;

}

.form-button{

	text-align:center;

	margin-bottom:30px;

}

.active-one{

	width:10px;

	height:10px;

	display:inline-block;

	background:url(../images/active-inactive.icon.png) scroll 0% 0% no-repeat;

	cursor:pointer;

}

.inactive-one{

	width:10px;

	height:10px;

	display:inline-block;

	background:url(../images/active-inactive.icon.png) scroll 0% 100% no-repeat;

		cursor:pointer;

}



/* Extra small devices (phones, less than 768px) */

/* No media query since this is the default in Bootstrap */



/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {

	.navigation ul li+ li::before{

		content: " | ";

	}
	
	
	.collapse{
		margin-top:30px;		
	}

	

	

}



/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {

}



/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {

	.container {

    	width: 990px;

	}

	.navbar-collapse{

		float:right;

	}

	

	

}

@media (max-width: 768px) {

	#navbar{

		padding:0px;	

	}

	.navbar-nav{

		width:100%;

		margin:0px;

		padding:0px;	

	}

	.navbar-nav > li > a{

		display:block;	

	}	

	

	.form_date2{

		margin-bottom:25px !important;	

	}

}

@media (max-width: 480px) {

	.heading-title h1{

		font-size:25px !important;	

	}	

	.login .form-signin-heading{

		padding-left:40px;

		padding-right:40px;	

	}

	.search-typ1{

		/*width:90%;	*/

	}

}

@media (min-width: 768px) and (max-width: 990px){

	.navbar-nav > li > a{

		padding:10px 5px !important;	

	}

	.search-typ1{

		/*width:94%;	*/

	}

	

}

@media (min-width: 320px) and (max-width: 480px){

}

/*@media (width: 768px)

{

}

@media (min-width: 477px) and (max-width: 680px){}



@media (min-width : 320px) and (max-width : 480px)  {}*/





.button-typ1{

	background:#000 !important;

	color:#fff !important;

	/*min-height:40px;*/

	vertical-align:middle;	

	line-height:26px;
	border:1px solid #000 !important;

}

.button-typ1:hover{

	color:#fff !important;	

}

.inner-table{

	width:100%;

	text-align:center;	

}

.inner-table td{

	padding:8px;	

}

.day{

	text-transform:uppercase !important;

}

.timeframe{

	border:1px solid #dbe6ec;

	padding-top:15px;

}











.sub-label{

	padding:10px 6px;

	font-size:12px;

	float:left;

		

}



.input-group-addon{

	background: rgba(0, 0, 0, 0) url("../images/button-bg.png") repeat-x scroll 0 0;
    border: 1px solid #222222;

	border-left:none !important;
	color:#fff;

}

.labeltext{

	padding: 9px 9px 9px 0;

	font-weight:normal;

}

.required{

	color:#F00;

}

@media (min-width: 1200px) {

	.search-typ1{

		width:98%;

	}

}

.btn {

	line-height: 26px;	

}



.search-typ1{

	height:40px !important;

	float:left;

	

	margin-bottom:20px;	

}
.times .input-group-addon{
	font-size:12px !important;
	padding:6px 7px !important;
}

.total1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #d9d9d9;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    clear: both;
    display: block;
    float: right;
    text-align: right;
}

.total1 .col1 {
    border-right: 1px solid #d9d9d9;
    display: block;
    float: left;
    height: 48px;
    padding: 12px 8px 8px 8px;
    width: 131px;
}
.total1 .col2 {
    display: block;
    float: left;
    height: 48px;
	
    padding: 12px 8px 8px 8px;
    width: 145px;
}
.mrg0{
	margin-bottom:0px;	
}

.inner_header {
    background: rgba(0, 0, 0, 0) url("../images/inner_bg.png") no-repeat fixed center top !important;
  /*  min-height: 407px;
    padding-top: 80px;*/
	margin-bottom:20px;
}
.navbar-default {
    background-color: rgba(45, 42, 43, 0.7) !important;
    border: medium none !important;
    padding-bottom: 0px;
    z-index: 9999;
	margin-bottom:0px !important;
}

.navbar-brand{
	height:auto !important;	
}

.f-background {
    background-color: rgba(146, 147, 147, 0.5);
	display:flex;
	text-align:center;
}
.f-background h1{
	color:#fff;
	text-transform:uppercase;	
}

.nav li:hover a, .nav li.active a {
    background-color: rgba(45, 42, 43, 0.7) !important;
}





.radio-button{
	display:inline;	
}
.payment-typ{
	margin-top:25px;	
}

.cust-info [type="radio"] {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}

/* One radio button per line */
.cust-info label.label-typ2 {
  cursor: pointer;
  line-height: 2.5;
  font-size: 1em;
  margin-right:20px;  
}

.cust-info [type="radio"] + span {
  display: block;
}

/* the basic, unchecked style */
.cust-info [type="radio"] + span:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  border-radius: 1em;
  border: 0.125em solid #fff;
  box-shadow: 0 0 0 0.15em #000;
  margin-right: 0.75em;
  transition: 0.5s ease all;
}

/* the checked style using the :checked pseudo class */
.cust-info [type="radio"]:checked + span:before {
  background: #008000;
  box-shadow: 0 0 0 0.25em #000;
}

/* never forget focus styling */
.cust-info [type="radio"]:focus + span:after {
 /* content: '\0020\2190';*/
  font-size: 1.5em;
  line-height: 1;
  vertical-align: -0.125em;
}










input[type=checkbox] {
        opacity: 0;
        position: absolute;
        z-index: 12;
        width: 18px;
        height: 18px;
}

input[type=checkbox]:checked,
input[type=checkbox]:focus,
{
        outline: none !important;
}

input[type=checkbox]+.lbl{
        position: relative;
        z-index: 11;
        display: inline-block;
        margin: 0;
        line-height: 20px;
        min-height: 14px;
        min-width: 14px;
        font-weight: normal;
}

input[type=checkbox]+.lbl::before{
        font-family: fontAwesome;
        font-weight: normal;
        font-size: 14px;
        color: #000;
        content: "\a0";
        background-color: #FAFAFA;
        border: 1px solid #CCC;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        border-radius: 0;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        height: 20px;
        line-height: 20px;
        min-width: 20px;
        margin-right: 1px;
        margin-top: -5px;
}

input[type=checkbox]:checked+.lbl::before,
{
        display: inline-block;
        content: '\f00c';
        background-color: #F5F8FC;
        border-color: #adb8c0;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

input[type=checkbox]:hover+.lbl::before,
input[type=checkbox]+.lbl:hover::before{
        border-color: #1c7aad;
}

input[type=checkbox]:active+.lbl::before,
input[type=checkbox]:checked:active+.lbl::before{
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

input[type=checkbox]:disabled+.lbl::before,
input[type=checkbox][disabled]+.lbl::before,
input[type=checkbox].disabled+.lbl::before{
        background-color: #DDD !important;
        border-color: #CCC !important;
        box-shadow: none !important;
        color: #BBB;
}

.title-typ1{
	font-size:22px;
	margin-bottom:20px;	
}
.pd0{
	padding:0px !important;	
}
.pd0-L{
	padding-left:0px;	
}
.pd0-R{
	padding-right:0px;	
}
.pd2{
	padding:2px !important;	
}
.mrg10-B{
	margin-bottom:10px !important;	
}
.table  th a{
	color:#000;	
}
.table  th a:after{
	content:"\f0d7";
	font-family:"FontAwesome";
	font-size:15px;
	position:relative;
	top:2px;
	
}
.input-dollar {
    background: rgba(0, 0, 0, 0) url("../images/invoice_dollar.png") no-repeat scroll 5px center;
    padding-left: 13px !important;
}
.label-typ3{
	font-weight:normal;
}
.dropdown-menu
{
	padding:0px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
	background-color: rgba(45, 42, 43, 0.7) !important;	
}
.dropdown-menu li a{
	color:#ccc;
}
.header .dropdown-menu,
.header .dropdown-menu li a:hover{
	background-color: rgba(45, 42, 43, 0.7) !important;	
		
}

.pd5{
	padding:5px !important;	
}

.panel-default > .panel-heading {
    background-color:#3F3D3E !important;
    border-color:#000 !important;
    color: #fff;
	font-size:18px;
	text-transform:uppercase;
}

.pagination > li > a{
	color:#000;	
}
.pagination > li > a, .pagination > li > span {
	 background-color: #ffffff;
    border: 1px solid #3F3D3E;	
}
.pagination > li.status a{
	background:#3F3D3E;
	color:#fff;		
}

.pagination > li > a:focus, .pagination > li > a:hover,
.pagination > li > span:focus, .pagination > li > span:hover{
	background:#3F3D3E;
	color:#fff;	
	border: 1px solid #000;	
}

.forgot-password-links{
	color:#fff;
	float:right;
	margin-top:15px;
	margin-bottom:20px !important;	
}

.pd15{
	padding:15px;	
}
.select-option {
		position:relative;	
		font-weight:normal;
		display:block !important;
		margin-bottom:0px;
}
.select-option select{
	 -moz-appearance: none;
	 -web-ket-appearance: none;
	 appearance: none;
}
.select-option:after{
	 content:'<>';
    font:16px "Consolas", monospace;
    color:#3f3d3e ;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:10px; 
	top:7px;
    padding:0 0 2px;
    border-bottom:1px solid #3f3d3e ;
    position:absolute;
    pointer-events:none;
}

.bg-info-bg{
	background-color: #d9edf7;
}

.overview  td{
	padding:15px 8px !important;	
}

.link-modal-body {
    padding: 15px;
    position: relative;
}
.select2-result-label span{
	color:#000 !important;
}
.dashbord.table td a{
	color: #333 !important;
	text-decoration:none !important;
}
.btn-disabled{
	background-color: #e6e6e6 !important;
    border-color: #adadad !important;
    color: #333 !important;
	cursor:no-drop !important;
}

.dates-selection .form_date2{padding-right:20px;}
.report-form-top .search-typ1{width:100%;}
.modal
{
	position:fixed !important;
}


.void-invoice{
	position:relative;
		
}
.void-invoice:after{
	content: "Void";
    text-transform: uppercase;
    position: absolute;
    top: 40%;
    /* width: auto; */
    /* height: auto; */
    left: 30%;
    /* right: 0px; */
    text-align: center;
    font-size: 95px;
    color: #F00;
    opacity: 0.2;
    transform: rotate(-45deg);
	font-weight:bold;
    /* margin: 0 auto; */
    display: inline-block;
    padding: 10px 50px;
    border: 10px double;
}