
@import url(http://fonts.googleapis.com/css?family=Raleway:100);
/*activity css start*/
.ainput{
	width: 100%;
	text-align: center;
	font-size: 12px;
	border: none;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	vertical-align:middle;
	padding: 0px 3px;
}
input{
	letter-spacing: 0.5px;
}
.loading{
	display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.loading-symbol{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20%;
	width: 150px;
	height: 150px;
	text-align: center;
	color: #fff;
	background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.6);
    line-height: 150px;
    border-radius: 10px;
}
.loading-symbol img{
	width: 100%;
}
.table-select{
	background-color:transparent;
	border:none;
	width:100%;
}
.table-select:focus{
	outline:none;
}
.form-control:focus {
    border: 1px solid #2ac2c7;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.atd{
	padding: 0;
	border: 1px solid #c3c3c3;
}
/*for child tables start*/
.lable-block{
	display:block;
}
.table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 0px;
    line-height: 0.8cm;
    vertical-align: middle;
}
.table input{
	padding: 0px 5px;
	line-height: 0.8cm;
	font-size: 13px;
}
.table-bordered {
     border: none; 
}

.table>thead>tr>td, .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th {
    padding: 6px 5px;
    line-height: 19.5px;
    vertical-align: middle;
    background: #fff;
    border: none;
    font-weight: 500;
    color: #515e6d;
    font-size: 13px;
    letter-spacing: 0.26px;
}
/*for child tables end*/
.atable>tbody>tr>td {
    padding: 0px;
    line-height: 1;
    vertical-align: middle;
    border-collapse: collapse;
    /*border-top: 1px solid #ddd;*/
}
.ath{
	font-size: 12px;
	font-weight: 400;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: transparent;
	color: #333;
	border: 1px solid #c3c3c3;
}
.heading{
	padding: 0px 10px 0px 10px;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: transparent;
    border: none;
}
.panel-default {
   border:none;
}
.line1{
	height: 0.92;
	margin: 0px;
}
.line2{
	height: 0.46cm;
	vertical-align:middle;
}
textarea{
	resize: none;
	border: none;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	vertical-align:middle;

}
.comments{
    text-align: left;
    overflow-x: visible;
    position: absolute;
    margin-top: -17px;
    height: 0.92cm;
}
.totalcost{
	background-color: #d2000b;
	color: #fff;
	font-weight: bold;
}
.totalincome{
	background-color: #1000c9;
	color: #fff;
	font-weight: bold;
}
.totalgp{
	color: #0b540f;
	font-weight: bold;
}
.cost{
	color: #d2000b;
	background-color: #fff;
}
.income{
	color: #1000c9;
	background-color: #fff;
}
.gp{
	color: #0b540f;
	background-color: #fff;
}
.black{
	background-color: #333;
	color: #fff;
}
.white{
	background-color: #fff;
}
@media (min-width: 992px){
.acont {
    width: 36cm;
}
}
@media (min-width: 1200px){
.acont {
    width: 36cm;
}
}
/*activity css end*/

/*general css start*/
html, body {
    font-family: "Roboto",Arial,sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    height:100%;
    max-width:100%;
    margin:0;
    padding:0;
    letter-spacing: 0.5px;
}
.h1, .h2, .h3, .h5, h1, h2, h3, h5 {
    margin-top: 24px;
    margin-bottom: 0px;
}
.hideMe {
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}


a:focus {
    outline: none;
}
a[disabled="disabled"] {
    pointer-events: none;
}
li a{
	color: #6C6E7A;
}
label .error{
    font-size: 13px;
    color: #ce5858;
    font-weight: 400;
}
.main-container{
	min-height:100vh;
	margin-bottom:40px;
}
.modules-wrapper{
	width:1200px;
	margin:0 auto;
}
.modules-box{
	height:150px;
	width:150px;
	 /*margin-left:40px;*/
	 /*margin-right:40px;*/
	 text-align: center;
}
.modules-images{
	width: auto;
	height: 120px;
    margin-top: 15px;
}
.modules{
	float:left;
	margin-bottom: 40px;
	margin-left: 40px;
	margin-right: 40px;
}
.modules p{
	text-align:center;
	font-size:18px;
	color:#137b77;
}
.modules:hover{
	color:#1a0b96;
	text-decoration:underline;
}
td span{
	color:#137b77;
}
td span:hover{
	color:#065858;
}
.mytable{
	margin-top:20px;
}
.table-bordered td, .table-bordered th{
    border-color: #ECECEC;
}

/*thead{*/
	/*background-color: #F5F5F5;*/
/*	color: #515e6d;*/
/*}*/
.stores_panel .panel-heading{
	font-size:18px;
}
td a{
	color: #137b77;
}
.recipe td input, .recipe td textarea {
    width: 100%;
    background-color: transparent;
    border: 0px solid;
}
.recipe td input textarea:focus, input:focus{
    outline: none;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
    
}

.select{
	margin-top:20px;
	width:67%;
	display:inline-block;
}
.select-input{
	display:inline-block;
	width:200px;
	
}

/*general css end*/

/*nav header start*/
.gradient{
	height: 3px;
    background: purple; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #065f5f, #21c6ce); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #065f5f, #21c6ce); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #065f5f, #21c6ce); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #065f5f, #21c6ce); /* Standard syntax (must be last) */
}

.navbar-brand.brand{
	font-size: 27px;
  	font-weight: bold;
  	padding-left: 0;
}	
.navbar-brand, .navbar-brand:hover{
	/*background: linear-gradient(330deg, #0b5865 0%, #0e545a 25%, #26969a 50%, #044856 75%);*/
	background: #063963;
	/*background:linear-gradient(330deg, #391a86 0%, #391088 25%, #7b5dd4 50%, #1d075f 75%);*/
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.navbar-header .sub_brand{
    float: left;
    height: 50px;
    padding: 0px 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-header.left{
	float: left;
	
}
.navbar-header.right{
	float: right;
}

.nav.sub-nav{
	margin-left: 30px;
}
.nav .open>.dp, .nav .open>.dp:focus, .nav .open>.dp:hover {
    background-color: #fff;
    border-color: #337ab7;
}
.border{
    position:relative;
}
.border:hover::after{
    content:'';
    position:absolute;
    width: 100%;
    height: 0;    
    left:0;
    bottom:0px; /*Change this to increase/decrease distance*/
    border-bottom: 2px solid #2ac2c7;  
}
.navbar.nav-border{
	border-bottom: 1px solid #ccc;
}
.nav.sub-nav>li>a:hover{
	background-color: #fff;
	color: #000;
}
.nav.open>a,.nav .open>a:focus, .nav .open>a:hover {
	background-color: #fff;
}
.tog .navbar-toggle {
    background-color: #CB1382;
}
.tog .navbar-toggle .icon-bar {
    background-color: #fff;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
/*nav header end*/

/*page header start*/
.page-head {
	text-align: left;
	font-size:	24px;
	display: inline-block;
	color: #2E3E4B;
	font-weight: 500;
	font-family: sans-serif;
}

/*page header end*/

/*application footer start*/

.foot-border{
	border-top: 1px solid #ccc;
	margin-bottom:0px;
}
.foot-nav li a{
	text-decoration:none;
	font-size:12px;
	color:#6C6E7A;
}
.foot-row{
	background-color: #2D3C4F;
}

.foot-row p{
	font-size: 11px;
	color: #818B97;
	margin:5px 0 5px 0;
}
.nav.foot-nav>li>a:hover {
    background-color: transparent;
    color: #000;
    text-decoration:underline;
}
.nav.foot-nav>li>a:focus {
    text-decoration: underline;
     background-color: transparent; 
}
.foot-left{
	float: left;
}
.foot-right{
	float: right;
}

/*application footer end*/

/*buttons start*/
.btn{
	font-size: 13px;
	height: 30px;
	padding: 5px 16px;
	font-weight: 400;
	line-height: 1.5;
}
.btn-div{
	float: right;
	display: inline-block;
	margin-top: 20px;
}
.btn-tsc{
	background-color: #1fbec5;
    border-color: #1bb0b6;
    color:#fff;
}
.btn-tsc:hover, .btn-tsc:active, .btn-tsc:focus{
	background-color: #19a8ad;
    border-color: #18a4a9;
    color:#fff;
}
.auth-btn-div{
	float: right;
    display: inline-block;
    clear:both;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
}
.panel-button{
	float: right;
	margin-top:-4px;
}
.orders_btn .btn-default.focus, .orders_btn .btn-default:focus, .orders_btn .btn-default.active, .orders_btn .btn-default:active {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.orders_btn .active .btn-success{
	background-color:#449d44;
	border-color:#398439;
}
.stock-btn{
	float:right;
}
.ht .btn-success {
    background-color: #5fa52c;
    border-color: #47831c;
    color: #fff;
}
.ht .btn-success:hover {
    background-color: #4b8b41;
    border-color: #4b8b41;
    color:#fff;
}
.ht .btn-success:focus{
 	background-color: #4b8b41;
    border-color: #4b8b41;
    color:#fff;
 }

/*buttons end*/

/*parent-child view start*/
.tr td a{
	padding: 10px 0 10px 0;
}
td a:hover, td a:focus{
	color: #065858;
	cursor:pointer;
}
.panel-button{
	float: right;
	margin-top:-4px;
}
.deliv{
	float:right;
}

/*parent-child view end*/

/*invoice view start*/
.invoice_container{
	height:22.5cm;
	margin:0 auto;
}
.invoice-th{
	background-color: #D5DBDB;
}
.invoice-group{
	border-bottom: 1px solid #ececec;
}
.invoice-textarea{
	margin-top:100px;
}
.invoice-details{
	border:1px solid #ECECEC;
	border-top:none !important;
	/*background-color:rgba(242, 242, 242, 0.37);*/
	padding:14px;
	/*height:250px;*/
	margin-top:-20px;
}

.invoice-dt{
	text-align:right;
}
.invoice-details input {
    border: none;
    background: transparent;
    box-shadow: none;
}

.invoice-details .form-control:focus {
   	border: none;
    background: transparent;
    box-shadow: none;
}
.left-head{
	float:left;
}
.right-head{
	float:right;
}
.invoice-table thead{
	background-color:transparent;
}



/*.invoice_print tr{*/
/*	height:41vh;*/
/*}*/


.invoice_head{
	height:180px;
}
.invoice_foot{
	height:220px;
	border-top:none;
}
.enter-prise{
	font-weight:bold;
	float:right;
	
}
.enter-prise span{
	font-weight:normal;
}
.recv-sign{
	font-weight:bold;
}
.quotation{
	background-color:#000;
	color:#fff;
	width:15%;
	margin-bottom:50px;
}
.invoice-quot p{
	font-weight:bold;
}
.quot-table thead{
	background-color:transparent;
	
}
.terms{
	text-decoration:underline;
}
.invoice-quot ol>li{
	font-weight:bold;
}
.invoice-quot .pdt span{
	font-weight:normal;
}


.authorised{
	margin-top:20px;
}
.authorised-sign{
	margin-top:40px;
}
.proforma_invoice{
	border:1px solid #000;
	font-weight:bold;
}
.proforma-head{
	font-weight:bold;
}
.proforma-div{
	border-right:1px solid #000;
}
.proforma-details p{
	margin-bottom:0;
}
.sub-row{
	border-bottom:1px solid #000;
}
.proforma-table td, .proforma-table th {
    border-color: #272222 !important;
}
.proforma-table thead{
	background-color:transparent;
}
.quot-table {
    border: 1px solid #272222;
	
}
.quot-table td, .quot-table th {
    border-color: #272222 !important;
}
.declaration-auth{
	margin-right:0;
	margin-left:0;
	padding-left:5px;
	padding-right:0;
}
.declaration-auth P, .declaration-auth span{
	font-weight:bold;
}
.proforma-enterprise{
	border-top: 1px solid;
    border-left: 1px solid;
    padding:10px;
}
.vat{
	margin-top:40px;
	margin-bottom:40px;
	height:100px;
	font-weight:bold;
}
.p1{
	float:left;
}
.p2{
	float:right;
}
.p2 span{
	border-top:3px double #000;
}
.round{
	padding-left:0;
	padding-right:0;
}
.bold span{
	font-weight:bolder;
}
   

/*invoice view end*/

/*search start*/
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
	color:#6C6E7A;
  	margin-top: 18px;
  	margin-bottom: 12px;
}
.dataTables_length label{
    color: #6C6E7A;
}
.dataTables_filter label{
	 color: #6C6E7A;
}
.dataTables_wrapper .dataTables_filter input {
    border-radius: 5px;
}


/*search end*/


/*list view start*/
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px;
    border-bottom: 3px solid #dcdfe1;
    border-top: none;
    line-height: 1.5;
    font-size: 13px;
    font-weight: 400;
    color: #515e6d;
}
table.dataTable tfoot th{
	padding: 10px 10px;
    border-bottom: 2px solid #dcdfe1;
    line-height: 1.5;
    font-size: 13px;
    font-weight: bold;
    color: #515e6d;
}
table.dataTable thead th {
    font-weight: 500;
}
table.dataTable.no-footer {
    border-bottom: 2px solid #dcdfe1;
}

/*list view end*/

/*single form view start*/
.pn .panel-title{
	font-size:16px;
	font-weight: 400;
	line-height: 1.25;
	color: #2e3e4f;
}
label {
    font-weight: normal;
    color: #515e6d;
}

.form-control {
    font-size: 13px;
}
/*single form view end*/
.days{
	padding-left:0;
	padding-right:0;
}
/*popup form view start*/

#textboxes-1{
	display:none;
}
.status-radio{
	padding-top:7px;
}
.status-radio span{
	margin-right:7px;
}
.status-radio span input{
	margin-right:5px;
}

/*popup form view end*/

/*home view start*/
.ht{
	position:absolute;
	top:84px;
	margin:0 auto;
	left:0;
	right:0;
	margin-right:0 !important;
	margin-left:0 !important;
	
}
.ht .reset{
	text-align:center;
	font-size:36px;
	font-weight:bold;
	padding-bottom:15px;
	color:#137b77;
}
.ht h3{
	text-align:center;
	color:#fff;
	font-size:36px;
	font-weight:bold;
	padding-bottom:15px;
}

.log{
	padding-right:0;
	padding-left:0;
}
/*.ht .auth{*/
/*	border:1px solid #ddd;*/
/*}*/
.auth-form{
	border: 1px solid #ddd;
    padding: 24px;
    border-radius: 5px;
}
.ht .auth .pan{
	background-color:transparent;
}
.ht .auth .panel-body{
	padding:0;
}
.ht .auth{
    border:none;
}

.ht .panel {
     border-radius: 4px; 
}
.ht .panel-body {
    padding: 24px;
}
.ht .form-control:focus {
    border-color: #5fa52c;
}

.checkbox a{
	color:#1816ab;
}
.checkbox a:hover, .top-buffer a:hover{
    color: #080752;
    text-decoration: underline;
}
.cont-adm{
	color:#1816ab;
}
.pan{
	background-color:#fff;
}
.pan .form-group input{
	color:#a59d9d;
}
.form-group{
	margin-right:10px;
}
.n-reg{
	color:#a59d9d;
	margin-top:24px;
}
.checkbox{
	color:#a59d9d;
	margin-top:0;
}
.ht .col-md-offset-6 {
    margin-left: 25%;
}
.login_form .form-control{
	height:40px;
}
.login_form .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.login_form #password-input-group .input-group-btn .btn {
    background-color: #fff;
    border-color: #c5c9ce;
    border-left: 0;
    font-size: 12px;
    height: 40px;
    /*width: 48px;*/
}
.login_form #password-input-group .input-group-btn .btn:active, .login_form #password-input-group .input-group-btn .btn:focus, .login #password-input-group .input-group-btn .btn.active, .login_form #password-input-group .input-group-btn .btn.focus {
    box-shadow: none;
}
.login_form label{
	color: #687480;
    font-size: 14px;
    font-weight: 400;
}
.form-actions{
	margin-bottom:15px;
}

/*home view end*/
.success_msg{
	color:#5cb85c;
	display:inline-block;
	width:55%;
	text-align:center;
}
.panel-title .activitySubmit {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.emp-detail{
	border:1px solid #ddd;
	border-radius:5px;
	padding:10px;
}
/* group certification start */
.group-certificate{
			border:1px solid #f2f2f2;
			margin:0 auto;
			width:807px;
			padding:10px 0;
		}	
		center h3{
			font-weight:bold;
		}
		center p{
			font-weight:bold;
			font-size:14px;
			line-height:2.5em;
		}
		.pay-head{
			font-weight:bold;
		}
		.left{
			float:left;
		}
		.right{
			float:right;
		}
	
		.payments{
			margin-top:20px;
		}
	
		
		.payee-details p{
			line-height:0.8em;
		}
	
		.form-date1{
			border:2px solid #444;
			padding:10px;
		}
		.col-div{
			/*padding-right:0;*/
			padding-left:0;
		}
	
		.details-area{
			height:350px;
			border-bottom:2px solid #444;
		}
	
		.authorised{
			border:2px solid #444;
			padding:10px;
		}
		.payee-total{
			font-weight:bold;
			display:inline-block;
		    text-transform: uppercase;
		}
		.span-details{
			margin-left:16px;
		}
		.date-for{
			margin-top:-12px;
			font-size:8px;
			text-align:center;
		}
		.date-for span{
			font-size:13px;
		}
		.borderless>tbody>tr>td, .borderless>tbody>tr>th, .borderless>tfoot>tr>td, .borderless>tfoot>tr>th, .borderless>thead>tr>td, .borderless>thead>tr>th {
		    padding: 5px;
		    line-height: 1.42857143;
		    vertical-align: top;
		    border-top: none; 
		}
		.form-date1 input{
			height:39px;
			padding-right:5px;
		}
		.highlite{
			font-weight:bold;
		}
		
	/* group certification end */	
