/********************* Global Style  *********************/
*{
	font-weight: normal !important;
	margin: 0px;
	padding: 0px;
}

body{
	font-family: 'Roboto', sans-serif;
	font-weight: normal !important;
	font-size: 13px!important;
    overflow-x: hidden; 
    margin-right: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6{
	margin: 0px;
	padding: 0px;
	font-weight: normal !important;
}
h1{
	font-size: 20px;
}
h2{
	font-size: 18px;
}
h3{
	font-size: 16px;
}
h4{
	font-size: 14px;
}
h5{
	font-size: 12px;
}
h6{
	font-size: 10px;
}
p{
	padding:10px;
}
select{
	font-weight: normal!important;
}
.whole-bg{
	background-color: #ffffff;
	padding: 0px;
	position: relative;
}
.section-wrapper{
	padding: 0px 30px;
}
.lpz{
	padding-left: 0px; 
}
.rpz{
	padding-right: 0px; 
}
.lpz-3{
	padding-left: 3px; 
}
.rpz-3{
	padding-right: 3px; 
}
.pz{
	padding: 0px;
}
.pz-1{
	padding-top: 0px;
	padding-bottom: 0px;
}
.pz-2{
	padding-left: 0px;
	padding-right: 0px;
}
.width-full{
    width: 100%;
}
.fs-15{
	font-size: 15px;
}
hr{
	border-top: 1px solid #828282;
	margin: 0px;
}
.form-control::-moz-placeholder {
   color: #cccaca;
}
.form-control::-webkit-input-placeholder{
	color: #cccaca;
}
.form-control{
	font-size: 13px;
	font-weight: normal;
	border-radius: 0px;
	box-shadow: none;
	font-weight: normal;
}
.form-control:focus{
	box-shadow: none;
	border: 1px solid #737373;
}
.form-control::-moz-placeholder {
   color: #e7e5e5;
}
.form-control::-webkit-input-placeholder{
	color: #e7e5e5;
}
td.has-error input {
 border:1px solid #ff5353 !important;
}
.has-error-2  {
 border:1px solid #ff5353 !important;
}
input.dis-none{
	display: none !important;
}
a.no-outline{
	outline: 0 !important;
}
#spinner {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
opacity: 1;
background: url("../../images/loading.gif") 50% 50% no-repeat #fff;
}
.fa.wll-inactive{
	opacity: 0.4;
}
.wll-inactive{
	opacity: 0.4;
}
/********************* Navbars Style  *********************/

.navbar {
	margin-bottom: 0px;
	background-color: #ff5353;
	border-bottom: 2px solid #d9d9d9;
	box-shadow: 0px 1px #e3e3e3;
}
.navbar-brand{
	color: #ffffff!important;
	text-transform: uppercase;
	font-size: 20px;
}
.navbar-nav >li {
	margin-right: 1px;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav >li{
 	background-color: #eaeaea;
 	color: #ff5353;
 }
.navbar-default .navbar-nav > li > a {
	color: #333333;
	font-size: 12px;
    padding: 13px 25px;
    text-transform: uppercase;
}
.navbar-nav > li > a:hover{
	color: #ff5353!important;
}
.navbar-right{
	background-color: #ff5353;
}
.navbar-right a> i{
	color: #ffffff;
	font-size: 22px;
	line-height: 46px;
	padding: 0px 15px;
}
.navbar-toggle .icon-bar{
	background-color: #ffffff!important;
}
.navbar-toggle .icon-bar:hover{
	background-color: #ff5353!important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color: transparent;
}
.open > .dropdown-menu{
    background: #eaeaea;
}
.dropdown-menu > li > a{
    padding: 8px 20px;   
}
.buttons-set{
    margin-top: 35px; 
}
.buttons-set a {
    color: #ffffff;
}
.buttons-set button {
    background: #ff5353 none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none !important;
    margin: 1px;
    padding: 10px;
    width: 300px;
}
.text-info{
    width: 300px;
    padding: 10px;
    margin: auto;
}
/********************* Page Heading   *********************/

.pre-info{
	min-height: 74px;
}
.pre-info h4{
	line-height: 74px;
	text-align: center;
}
.page-heading{
	position: relative;
}
.page-heading h2{
	color: #808080;
	text-transform: uppercase;
	text-align: center;
	line-height: 54px;
}

.pre-info select{
	margin-top: 20px;
}
/********************* Pre Info  *********************/

.pre-info h3{
text-align: center;
line-height: 54px;
}
.pre-info select{
	display: inline;

}
.date-col{
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.date-col button{
	color: #ffffff;
	display: inline-block;
	background-color: #ff5353;
	padding: 2px 15px;
	font-size: 14px;
	text-decoration: none;
	border: none;
}

/************ Biling Info Section ***********/

.bill-to {
	padding-right: 15px;
	position: relative;
}
.bill-to-info {
	border-right: 1px solid #d9d9d9;
}
.bill-to h3,
.bill-from h3{
	border-bottom: 1px solid #ff5353;
	margin-top: 40px;
	margin-bottom: 30px;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.billing-info .form-control{
	border-radius: 0px;
	border: none;
	border-bottom: 1px solid #333333;
	box-shadow: none;
	margin-top: 5px;
	padding: 0px;
}
.select2-container .select2-choice{
	width: 220px!important;

}
.select2-drop-active{
	border: 1px solid #aaa;
}
.select2-results .select2-highlighted{
	background-color: #ff5353;
}
.bill_from_search{
	float: left;
	display: inline-block;
}
.reset-btn{
	cursor: pointer;
}
.reset-btn a{
	display: inline;
	float: right;
	color: #ffffff;
	background-color: #ff5353;
	padding: 5px 15px;
	margin-top: -26px;
	text-decoration: none;
}
.logo-settings{
	margin-top: 10px;
}
.logo-settings-2{
	margin-top: 10px;
}
.logo-settings-2 input[type="button"]{
	padding-bottom: 4px!important;
}
.logo-upload  input {
	border: 1px solid #c0c0c0;	
}
.logo-upload input[type="button"]{
	background-color: #c0c0c0; 
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 13px;
}
.logo-upload input[type="text"]{
	padding: 4px 20px;
	margin-right: -5px;
	width: 61%;
	font-style: italic;
}
.logo-upload b{
	padding-right: 12px;
}
.logo-view {
	margin-top: 10px;
	border: 1px solid #c0c0c0;
	width:88.5%;
    height:210px;
    text-align: center;
    font: 0/0 a;
    margin-left: 7.5%;
    overflow: hidden;
}
.logo-view:before{
 	content: ' ';
    display: inline-block;
    vertical-align: middle; 
    height: 100%;
}
.uploaded-logo{
	 display: inline-block;
    vertical-align: middle;
    padding: 5px;
}
.logo-view img{
	max-width: 220px;
	margin:auto;
	/*height: 220px;*/
}
.files img{
	margin-top: 6px;
}
#files canvas{
	width: 220px;
	margin-top: -220px;
	background-color: #ffffff;
}

#files button{
	display: none;
}
#files p{
	margin: 0;
	padding: 0;
}
.signature-view{
	 border: 1px solid #c0c0c0;
    font: 0px/0 a;
    height: 54px;
    margin-top: 10px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.signature-view::before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.signature-view img {
    margin: auto;
    height: 44px;
}
.signature-view-front img{
	height: 44px;
    margin-bottom: -15px;
    padding-left: 30px;
    text-align: center;
}
.row.payment-info2{
	margin-top: 0;
}
/********** Biling date ***********/
.billing-date{
	 margin:20px 0px;
}
.billing-date .form-group label{
	line-height: 34px;
	font-size: 14px;
}
.billing-date .form-control{
	box-shadow: none;
	border-radius: 0px;
	padding-left: 10px;
}
.billing-date .form-group span{
    cursor: pointer;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 2px;
    top: 2px;
}
.add-on{
    cursor: pointer;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 2px;
    top: 2px;
}
.add-on-2{
    right: 15px!important;
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover, 
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active.active:hover,
.datepicker td.active.disabled,
.datepicker td.active.disabled:hover, 
.datepicker td.active[disabled], 
.datepicker td.active[disabled]:hover{
	background-color: #ff5353;
}
.datepicker td.active,
 .datepicker td.active:hover{
 	background-image: none;
 }
 .billing-date .checkbox{
	text-align: center;
	margin-bottom: -5px;
	margin-top: 10px;
	padding-right: 7.5%;
 }
 /********** Product table ***********/
 .product-table {
 	position: relative;
 }

table{
	border-collapse: collapse;
}
.product-table .table{
	width: 99%;
	text-align: center;
	vertical-align:middle;
	margin-left: 5px;
	margin-bottom: 2px;
}
th.price-xs{
	padding-left: 72px!important;
}
th.price-q{
	padding-left: 35px!important;
	padding-right: 35px!important;
}
.tar-xs .form-control{
	padding-left: 0px;
}
.product-table .table >tbody > tr> td> span{
	position: absolute;
	right: 9px;
	
}
.product-table select.sel-method{
	height: 26px;
	width: 110px;
}
.product-table .table >tbody > tr> td.color-trnc{
	background-color: #ffffff;
	padding: 0px;
}
.product-table .table >tbody > tr> td> span >a{
	color: #ffffff;
	padding: 4px 8px;
	background-color: #ff5353;
	text-decoration: none;
}
.product-table .table >tbody > tr{
	height: 46px;
}
.modal-body .row{
	margin-left: 0;
	margin-right: 0;
}
th.product-dsc{
	width: 450px;
}
th.price-total{
	width: 130px;
}
.product-table .table th{
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
}
.product-table .table tbody tr{
	background-color: #e9e9e9;
	font-weight: bold;
	font-size: 12px;
}
.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border: 2px solid #ffffff;

}

tr.head-tr{
	border-top: 2px solid #ffffff;
}
td{
	vertical-align:middle !important;
}
tr.pruduct-input> td{
	padding: 2px !important;
}
tr.pruduct-input> td.tar{
	padding-right: 12px !important;
}
tr.pruduct-input .form-control{
	height: 40px;
	border-radius: 0px;
	box-shadow:none;
	border: none;
	font-size: 12px;
	font-weight: bold;
}
tr.pruduct-input .form-control:focus{
	border: none;
}
.table >tbody > tr> td.fa-btn{
	padding-left: 0px!important;
}
.color-trnc-load-1 a{
	background-color: #ff5353;
	padding: 3px 8px;
	color: #ffffff;
	text-decoration: none;
	margin-bottom: 5px;
}
.color-trnc-load-2 a{
	background-color: #ff5353;
	padding: 3px 8px;
	color: #ffffff;
	text-decoration: none;
}
.color-trnc-load-3 a{
	padding: 3px 8px;
	color: #ffffff;
	text-decoration: none;
	background-image: url('../../images/loading_2.gif') ;
	background-repeat: no-repeat;
}
td.color-trnc-load-4 input{
    background-image: url("../../images/loading_2.gif");
    background-repeat: no-repeat;
    text-decoration: none;
    background-position: center;
}
.color-trnc-load-4 i{
	color: transparent!important;
}
.massage-area {
	float: left;
	margin-left: 10px;
	width: 80%;
}
.massage-area p{
	display: block;
	padding-bottom: 0px;
	margin-bottom: 3px;
}
.massage-area textarea{
	padding: 10px;
}
.portlet-body .tabbable-custom .nav-tabs{
	border: none;
}
.tabbable-custom .form-control{
	box-shadow: none;
	border-radius: 0px;
	font-weight: normal;
}
.tabbable-custom .form-control:focus{
	border: 1px solid #ccc;
}
.tabbable-custom .nav-tabs > li.active > a,
.tabbable-custom .nav-tabs > li.active > a:hover,
.tabbable-custom  .nav-tabs > li.active > a:focus{
	border: none;
	color: #ffffff;
	background-color: #ff5353;
	border-radius: 0px;
}
.tabbable-custom  .nav-tabs > li > a{
	border: none;
	color: #ccc;
	outline: 0 none;
}
.tabbable-custom  .nav-tabs > li > a:hover,
.tabbable-custom  .nav-tabs > li > a:focus{
	background-color: transparent;
}
li.a{
	background-color: red!important;
}
.form-control[readonly]{
	background-color: #e9e9e9;
	border: none;
}
.billing-date .form-control[readonly]{
	border: 1px solid #ccc;
	background-color: #ffffff;
}

.lower-items{
	width: 280px;
}
.total-count .form-control[readonly]{
border: none;
background-color: #ff5353;
color: #ffffff;
font-size: 14px;
font-weight: bold;
}
.total-count {
	background-color: #ff5353!important;
	margin-top: 2px !important;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
}
.total-count, 
.total-pay{
	font-size: 15px;
}
#vat_category{
	width: 90px;
	height: 30px;
}
#shipping {
	width: 90px;
	height: 25px;
	margin-top:7px;
}
.signature{
	margin-top: 20px;
	text-align: left;
	padding-left: 27px
}
.create {
    float: left;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.create button{
	color: #ffffff;
	display: inline-block;
	background-color: #ff5353;
	padding: 10px 30px;
	font-size: 16px;
	text-decoration: none;
	margin: 70px 0px;
	border: none;
}
.hidden-xs{
	border: none!important;
}

/************** Settings page ***************/
.logo-settings input[type="text"]{
	width: 56%;
}
.company-info{
	margin-bottom: 15px;
}

.company-info .form-control{
	border-radius: 0px;
	border: none;
	border-bottom: 1px solid #333333;
	box-shadow: none;
	margin-top: 0px;
	padding: 0px;
}
.section-head h3{
	border-bottom: 3px solid #ff5353;
	margin-top: 40px;
	margin-bottom: 30px;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.section-contets{
	margin-top: -15px;
	border: 1px solid #d9d9d9;
	overflow: hidden;
	padding: 10px;
}
.section-contets h4{
	text-align: center;
	margin-top: 16px;
	margin-bottom: 15px;
}
.section-contets-2{
	margin-top: -15px;
	border: 1px solid #d9d9d9;
	overflow: hidden;
	padding: 10px;
}
.section-contets-2 h4{
	text-align: center;
	margin-top: 24px;
	margin-bottom: 3px;
}
.section-contets-2 .active:before{
	content: url('../../images/check-1.png');
	padding: 3px 0px 1px 10px;
	display: inline-block;
}
.color-box {
	width: 20%;
	float: left;
	margin-top: 15px;
}
.solid-color {
	height:36px;
	width: 44px;
	margin: auto;
	cursor: pointer;
}
.color-box .clr-1{
	background-color: #ff5353;
}
.color-box .clr-2{
	background-color: #993366;
}
.color-box .clr-3{
	background-color: #737373;
}
.color-box .clr-4{
	background-color: #cc99ff;
}
.color-box .clr-5{
	background-color: #333333;
}
.color-box .clr-6{
	background-color: #666699;
}
.color-box .clr-7{
	background-color: #339966;
}
.color-box .clr-8{
	background-color: #ff9900;
}
.color-box .clr-9{
	background-color: #3366ff;
}
.color-box .clr-10{
	background-color: #99CC00;
}
.settings-method{
	margin-bottom: 30px;
}
.section-head-6 h3{
	margin-top: 12px!important;
}
.section-head-6 table > tbody > tr > td{
	line-height: 30px;
	
}
.section-head-6 .act-btn{
	margin-bottom: 8px!important;
}
.section-head-6 .act-btn i{
	padding-left: 3px;
	padding-right: 3px;
}
.section-head-6 .table > thead > tr > th.act-head-action{
	width: 60px;
}
.section-head-6 .table > thead > tr > th{
	padding: 5px;
}

.section-head-6 .table{
	overflow: hidden;
}
.section-head-6  i.color-trnc-load-4{
	color: transparent;
	text-decoration: none;
	background-image: url('../../images/loading_2.gif') ;
	background-repeat: no-repeat;
}

.section-contets-3{
	-webkit-padding-before: 0px;
	-webkit-padding-after: 0px;
}
.section-contets-3 .form-control{
	height: 32px;
}
.section-contets-3 select{
	text-align: center!important;
	font-size: 13px!important;
}
.section-contets-3 h4{
	margin-top: 0px;
	margin-bottom: 0px;
}
.section-contets-3 .form-control{
	text-align: center;
	height: 32px;
}

td.sp-border{
	border: 6px solid #ffffff!important;
}
.text-input {
    background-color: #eee;
    height: 32px;
    margin-top: -10px;
    text-align: center;
}
.section-contets-3 .table > tbody > tr > td{
	padding: 0px;
}
/************** Invoice & Tax ***************/
.contets-head h6{
	margin-top: 3px;
	margin-bottom: 20px;
}
.section-contets label{
	font-weight: normal;
	line-height: 32px;
}
.inv-tax .form-control{
	height: 32px;
}
.inv-tax select{
	text-align: center!important;
	font-size: 13px!important;
}
.section-contets span{
	line-height: 32px;

}
.tax-head h4{
	margin-top: 0px;
	margin-bottom: 10px;
}
.tax-head .form-control{
	text-align: center;
	margin-bottom: 10px;
}
.tax-head .form-control[readonly]{
	border: none;
}
.settings-act{
	text-align: center;
	
}
.act-btn{
	background-color: #eee;
	height: 32px;
	margin-top: -10px;
	text-align: center;
}
.act-btn a{
	font-size: 18px;
	line-height: 30px;
	display: inline-block;
	padding: 0px 2px;
	color: #ff5353;
	outline: 0px none;
	cursor: pointer;
}
.act-btn a:hover{
	color: #808080;
}
.section-contets .table > thead > tr > th,
.section-contets .table > tbody > tr > td{
	border: none;
}
.section-contets .table > tbody > tr > td{
	padding-top:2px;
	padding-bottom:0px;
}
.section-contets .table > thead > tr > th> h4.act-head{
	padding: 0px 16px;
}
.tar{
	text-align: right;
}
.tar .form-control{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	color: #000000;

}
.tal{
	text-align: left;
}
.mb{
	margin-bottom: 10px;
	overflow: hidden;
}
.mbl{
	margin-bottom: 4px;
	overflow: hidden;
}
.no-color{
	background-color: transparent;
}
.section-contets .table{
	margin-bottom: 2px;
}
.table-responsive {
	overflow-x:auto!important;
}
.massage-area-2 {
	float: left;
	margin-left: 28px;
	width: 95%;
	margin-top: -15px;
}
.table > thead > tr.table-head > td{

	padding: 0;
}

 table.clean-table > tfoot > tr > td{
 	background-color: #dbdbdb;
 	height: 20px;
 	padding: 0;
 }
 table.clean-table{
 	margin-bottom: 0!important;
 }
tr.table-head{
	padding: 0!important;
}
/**************** History Page *****************/
table.dataTable thead .sorting{
	background: url("../../images/arrows.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	padding-right: 5px;
}
table.dataTable thead .sorting_asc{
	background: url("../../images/arrow-up.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
table.dataTable thead .sorting_desc{
	background: url("../../images/arrow-down.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}

.dataTables_wrapper{
	margin-bottom: 20px;
}
.dataTables_info{
	margin-left: 20px;
	font-weight: bold;
}
.dataTables_wrapper .dataTables_paginate{
	padding-top: 1em;
	margin-right: 20px!important;
}
.dataTables_paginate a{
	padding: 2px 8px!important;
	outline: 0 none;
}
.act-btn-2{
	text-align: center;
}
.act-btn-2 a{
	color:#ff5353;
	display: inline-block;
	font-size:16px;
	line-height: 16px;
	padding-bottom: 0px;
	margin-top: 4px;
	padding: 0px 1px;
	outline: 0px none;
	cursor: pointer;
}
.act-btn-2 a:hover{
	color: #808080;
}
.dataTables_length{
	padding-left: 20px;
}
.dataTables_filter{
	padding-right: 20px;
}

.custom-search{
	margin-top: 7px;
	margin-bottom: 15px;
}
.custom-search label{
	font-size: 14px;
	line-height: 34px;
	text-align: center !important;
}
.custom-search button{
	margin-top: 1px;
	background-color: #ff5353;
    border: medium none;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    padding: 5px 15px;
    text-decoration: none;
}
.form-group label.starting-date{
	padding-left: 8px;
}
.history-modal .modal-header{
	border-bottom: 2px solid #ff5353 !important;
}
.history-modal .modal-footer{
	border: none;
}
.history-modal .btn{
	background-color: #ff5353;
	color: #ffffff;
	margin-top: 15px;
}
.history-modal label{
	line-height: 34px;

}
.history-modal .checkbox label{
	line-height:21px;
}
.history-modal input, .history-modal select, .history-modal textarea{
	margin-bottom: 7px;
}
.history-modal button.default{
	margin-right: 14px;
}
body.modal-open{
	margin-right: 0px;
}
.modal-date .form-group span {
    cursor: pointer;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 15px;
    top: 4px;
}
.datepicker {
	z-index: 99999!important;
}
.modal-date .row{
	padding: 0px;
	margin: 0px;
}
/************* Profile page ***************/

.section-profile{
	margin-top: 30px;
	text-align: right;
}
.profile-data{
	margin-top: 10px;
}
.profile-data span{
	line-height: 34px;
	text-align: right;
}


/********************* Signup Form ***************/


.signup-form-section{
	background-color: #ffffff;
	margin: 0px;
}
.top-bar{
	background-color: #ff5353;
	padding: 10px 0px;
}
.signup-form{
	margin-top: 7em;
	margin-bottom: 7em;
	border: 1px solid #cccccc;
	padding: 30px 50px;
}
.signup-form h1{
	color: #ffffff;
	text-align: center;
	background-color: #ff5353;
	padding: 7px 0px;
	margin-bottom: 40px;
}
.signup-form .form-horizontal .form-group {
    margin-left: 0px !important;
    margin-right: 0px !important;
    text-align: left;
}
.signup-form .form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
}
.forgot-label{
	text-align: left !important;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #c0c0c0;
	padding: 1px 0px !important;
	text-align: center;
}
.forgot-label a{
	color: #333333;
	text-decoration: none;
	display: block;
	text-align: center;
	outline: 0px none;
}
.signup-form-group{
	background-color:#e4e4e4;
}
.signup-form-group .control-label{
	font-weight: normal;
	line-height: 34px;
}
.signup-form-group .input-field{
	padding-left: 0px !important;
	padding-right: 5px !important;
}
.signup-form-group .input-field input{
	border-radius: 0px;
	height: 38px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 0px;
	box-shadow: 0px !important;
}
.signup-form .form-control:focus{
	box-shadow: none !important;
	outline: 0 none !important;
}
.signup-form button{
	border: none;
	background-color: #ff5353;
	color: #ffffff;
	padding: 5px 36px ;
	font-size: 16px;
	text-decoration: none;
}
.signup-form .login-button{
	padding-right: 0px !important;
}
.signup-form-group input{
	border-left: 3px solid #e4e4e4 !important;
	margin-left: 1px;
}
/*************** Forgot Password   ****************/

.signup-form p{
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
}
.signup-form span{
	color: #ff0000;
	position: absolute;
	right: 10px;
	top: 46px;
	font-size: 12px;
}
.signup-form .help-block{
	margin: 0px;
}
.signup-form  .form-group{
	margin-bottom: 20px;
}

/*************** Front page   ****************/
.download-bar {
	text-align: right;
	height:40px;
	background-color: #ff5353;
}
.download-bar a{
	color: #ffffff;
}
.download-bar a > i{
	font-size: 20px;
	line-height: 40px;
	padding: 0px 3px;
	cursor: pointer;
}
.return-home{
	float: left;
	width: 30px;
}
.inv-logo{
	width:100%;
    height:160px;
    font: 0/0 a;
}
.inv-logo:before{
 	content: ' ';
    display: inline-block;
    vertical-align: middle; 
    height: 100%;
}
.logo-image{
	display: inline-block;
    vertical-align: middle;
}
.inv-logo img{
	max-width: 220px;	
}
.inv-head {
	margin-top: 25px;
	margin-bottom: 20px;
}
.inv-top-heading{
	text-align: right;
}
.inv-head label{
	font-size: 36px;
	text-transform: uppercase;
}
.inv-head span{
	text-transform: uppercase;
	font-size: 13px;
	display: block;
}
.this-clr{
	color: #ff5353;
}
.inv-info {
	margin-bottom: 2px;
}
.billing-info-2{
	padding-bottom: 15px;
}
.billing-info-2 .custom-pad-1 h3{
	margin: 0px;
}
.billing-info-2 .custom-pad-2 h3{
	margin: 0px;
}
.billing-info-2 h3{
	margin-bottom: 10px;
}
.billing-info-2 label{
	font-size: 16px;
	display: block;
}
.billing-info-2 span{
	display: block;
}
.billing-info .form-control[readonly] {
    background-color: #ffffff;
    border-bottom: 1px solid #333333;
}
.inv-table .table > thead >tr > th{
	text-align: center;
	text-transform: uppercase;
}
.product-table-2 {
	border: 0px;
}
.product-table-2 table > thead > tr> th  {
	padding: 2px 8px;
}

.table-bordered-2 > thead > tr > th{
	border: none;
	border-bottom:1px solid #969696;

}
.table-bordered-2 > tbody > tr > th, 
.table-bordered-2 > tfoot > tr > th, 
.table-bordered-2 > thead > tr > td,
.table-bordered-2 > tbody > tr > td, 
.table-bordered-2 > tfoot > tr > td{
	border: 1px solid #ffffff;
}
.head-tr-2{
	border-top:1px solid #ff5353 !important;
}
.product-table-2{
	position: relative;
}
.product-table-2 .table >tbody > tr{
	height: 16px;
}
.product-table-top {
	border-top: 2px solid #ff5353;
}
.net-due-pay{
	font-size: 14px;
	background-color: #c7c7c7;
	border-right: none;
}
.amount-inword{
	text-align: left;
}
.amount-inword span{
	text-transform: uppercase;
	color: #ff5353;
}
.amount-inword h4{
	text-transform: capitalize;
	
}
.payment-info{
	margin-top: 80px;
	margin-bottom: 10px;
}
.note-border-1 h3{
	border-bottom: 1px solid #ff5353;
	padding-bottom: 5px;
	margin-bottom: 3px;
	text-transform: uppercase;
}
.note-border-2 h3{
	border-top: 1px solid #ff5353;
	padding-top: 5px;
	margin-top: 23px;
	text-transform: uppercase;
}
.foot-note{
	padding-bottom: 5px;
	text-align: center;
	margin-top: 30px;
}
.blank-row{
	border: none!important;
}
/**************** Dashboard ***************/
.section-title{
	margin-top: 30px;
}
.section-title h3{
	text-align: center;
	color: #ffffff;
	background-color: #ff5353;
	text-transform: uppercase;
	padding: 10px 0px;
	margin-bottom: 20px;
}
.overview-details {
	border: 1px solid #dbdbdb;
	margin-bottom: 20px;
}
.overview-details h3{
	text-transform: uppercase;
	text-align: center;
	background-color: #dbdbdb;
	padding: 10px 0px;
	margin-bottom: 20px;
}
.overview-details{
	overflow: hidden;
}
.overview-box{
	color: #ffffff;
	text-align: center;
	margin-bottom: 20px;
}
.overview-box h3{
	text-transform: capitalize;
	background-color: transparent;
	text-align: center;
	margin-bottom: 0px;
	padding: 15px 40px 5px;
}
.overview-box h1{
	padding: 10px 0px 15px;
	font-size: 28px;
}
.box-clr-1{
	background-color: #0088aa;
}
.box-clr-2{
	background-color: #9122ff;
}
.box-clr-3{
	background-color: #339966;
}
.box-clr-4{
	background-color: #993366;
}
.overview-footer a{
	color: #ffffff;
	line-height: 25px;
	display: block;

}
.overview-box-2 i{
	font-size: 80px;
	
}
.overview-box-2{
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	min-height: 97px;
}
.overview-box-2 h4{
	text-transform: capitalize;
	margin-top: 10px;

}
.overview-box-2 h1{
	font-size: 22px;
	padding: 5px 0px;
}
.ov-icon{
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
}
.ov-footer{
	height: 25px;
	
	text-align: right;
	padding-right: 5px;
	margin-bottom: 20px;
}
.ov-footer a{
	color: #ffffff;
	display: block;
}
.ov-footer i{
	color: #ffffff;
	font-size: 14px;
	line-height: 25px;
}
.dashboard-heading h2{
	margin-top: 30px;
	font-size: 24px;
}

.box-clr-1-sub{
	background-color: #006E8A;
}
.box-clr-2-sub{
	background-color: #7D2DCC;
}
.box-clr-3-sub{
	background-color: #2E8A5C;
}
.box-clr-4-sub{
	background-color: #8A2E5C;
}

.box-clr-1-i{
	color: #006E8A;
}
.box-clr-2-i{
	color: #7D2DCC;
}
.box-clr-3-i{
	color: #2E8A5C;
}
.box-clr-4-i{
	color: #8A2E5C;
}

.page-404{
	text-align: center;
	margin: 90px 0px;
}
.page-404 .fa{
	font-size: 70px;
	color: #e9e9e9;
	margin-bottom: 5px;
}
.page-404 h1{
	color: #c7c7c7;
	text-transform: capitalize;	
}
/************* Footer section **************/

.footer{
	background-color: #ff5353;
	color: #ffffff;
	text-align: center;
}
.footer p{
	font-size: 13px;
	padding: 10px 0px;
	margin-bottom: 0px;
}
.footer a{
	color: #ffffff;
}
.foot-note{
	background-color: #ffffff;
}

.printableArea{
	background-color: #ffffff !important;
}

.dis-label{
	position: relative;
}
.dis-input{
	position: absolute;
	right: -15px;
	top: -1px;
}

.download-bar-2 a{
	color: #ff0000;
	text-decoration: none;
}
.download-bar-2 a > i{
	cursor: pointer;
    font-size: 24px;
    margin-top: 20px;
    padding: 2px  5px 0px 5px;
}
.excel-io {
	color:#339966!important; 
}
#portlet-config-2 textarea.form-control{
	margin-bottom: 8px;
}
.paid{
	position: absolute;
	bottom: 230px;
	left: 33%;

}
.table >tbody > tr  td.payment-bg{
	font-size: 11px!important;
	background-color: #f7f7f7;
}

.demo-msg{
 text-align: center;
 font-size: 14px;
}

/* Client Page */

.sl-th{
	width: 25px;
}
.sl-td{
	text-align: center;
}
.create-new{
	background-color: #ff5353;
	border: none;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	width:160px;
}
.modal-dsc{
	margin-bottom: 7px;
}

#section-wrapper .form-control{
	border: none;
	height: 22px;
}
a .create-new{
	color: #ffffff;
	padding: 5px 0;
	outline: none!important;
}
.color-trnc a.fa-pencil-square-o{
	padding: 2px 5px;
	font-size: 14px;
}
/* Client Transaction page*/

.billing-info-3{
	margin-top: 15px;
}
.pre-information{
	padding-left: 10px;
}
th.action-2{
	width: 125px;
	text-align: center;
}
/* Recurring page*/
.page-heading-2{
	text-align: center;
}
.page-heading-2 a{
	text-decoration: none;
}
.page-heading-2 h2{
	display: inline;
	text-align: center;
	padding: 5px 15px;	
	cursor: pointer;
}
h2.tab-style{
	background-color: #ff5353;
	color: #ffffff;
}
.auto-email{
	text-align: center;
}
.recuring-control{
	margin-top: 10px;
}
.product-tax{
	margin-bottom:5px;
}
.page-heading-3{
	text-align: left;
}
.page-heading-3 h2{
	font-size: 16px;
}
.valid-row{
	margin-left: 0;
	margin-right: 0;
}

/*dashboard*/
.page-heading hr{
	margin-bottom: 20px;
}
.pie-chart{
	margin-left: 30%;
	margin-bottom: 10px;
	
}
.bar-graph{
	width: 70%;
	margin:auto;
}
.canvas-holder{
	overflow: scroll!important;
}
.overview-details h4{
	line-height: 18px;
}

.clr-bar{
	margin-bottom: 15px;
}
.clr-bar h4{
	position: relative;
	padding-left: 10px;
}
.clr-bar h4:before{
	content:"" ;
	height: 11px;
	width:13px;
	position: absolute;
	left: -7px;
	top:4px;
}
.clr-bar h4.bar-clr-1:before{
	background-color:#46bfbd;
}
.clr-bar h4.bar-clr-2:before{
	background-color: #ffff00;
}
.clr-bar h4.bar-clr-3:before{
	background-color: #4caf50;
}
.clr-bar h4.bar-clr-4:before{
	background-color: #ff0000;
}
.clr-bar-box{
	left: 2%;
}
.overview-details h3 span{
	font-size: 12px;
	text-transform: none;
}
table.clean-table > thead > tr > th,
table.clean-table > tbody > tr > th,
table.clean-table > tfoot > tr > th,
table.clean-table > thead > tr > td, 
table.clean-table > tbody > tr > td,
table.clean-table > tfoot > tr > td{
	border: none;
	text-align: center;
}
.overview-foot{
	width: 100%;
	height: 22px;
	background-color: #dbdbdb;
}

.overview-foot h4 a{
	color:#999999;
	display: block;
	line-height: 22px;
	letter-spacing: 2px;
	text-decoration: none; 
	text-align: center;
}
.customer-name-db{
	text-align: left!important;
}
.company-list{
	width: 200px;
	position: absolute;
	right: 15px;
	top: 10px;
	margin: auto;
}
.company-list .form-control{
	height: 28px;
	line-height: 28px;
	padding: 0 12px;
}



/*company page*/
.data-list a {
    text-decoration: none;
}
.list-head {
    margin-bottom: 10px;
    text-align: center;
}
.list-head h2 {
    display: inline-block;
    padding: 5px 12px;
}
a .add-new {
    color: #ffffff;
    outline: medium none !important;
    padding: 2px 0;
}
.add-new {
    background-color: #ff5353;
    border: medium none;
    margin: 15px auto 0 0;
    width: 63px;
}
.data-head h3 {
    background-color: #cc9966;
    color: #000000;
    margin-top: 5px;
    padding: 10px;
}
.data-head-ann h3:hover {
    letter-spacing: 2px;
}
.data-action {
    margin-top: 15px;
}
.data-action a {
    background-color: #cc9966;
    color: #000000;
    padding: 10px 15px;
}
.data-list img {
    border: 1px solid #e3e3e3;
    height: 36px;
    margin-top: 5px;
}
.hold-row-disable h3, .hold-row-disable a {
    background-color: #e6e6b8;
    color: rgba(0, 0, 0, 0.6);
    cursor: not-allowed;
    text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.1);
}
.hold-row-disable a {
}
a.disable-link {
    color: #ffffff;
}
a.enable-link {
    background-color: #cc9966;
    color: green;
    cursor: pointer;
    padding: 10px 17px;
}
a.delete-link {
    color: #ff0000;
}
.list-logo {
    float: right;
}
.hold-row {
    margin-left: 5px;
    margin-right: 5px;
}
.default-company-info {
	margin-top: 5px;
}
.default-company-info h4{
	margin: 3px 0;
}
.default-company-info span{
	color: green;
}
.default-company label{
	text-align: right;
	vertical-align: center;
}
.star{
	color: red!important;
}
.add-row{
	color: #ff5353;
	cursor: pointer;
	font-size: 15px;
}
a.add-row{
	text-decoration: none;
}
a.add-row:hover{
	color: #ff5353;
}

.pruduct-input select{
	min-width: 220px;
	height: 26px;
	
}
.pruduct-input select option{
	padding-left: 5px;
}
.color-trnc a{
	cursor: pointer;
}
.edit-inv-bill h3{
	margin-top: 20px;
}
.no-border{
	border:0!important;
}
.dataTables_wrapper{
	float: left!important;
	width: 100%;
}
/*Money Receipt*/
.money-rcpt{
	border:1px solid #828282;
	border-top:7px solid #ff5353;
	border-bottom:7px solid #ff5353;
	min-height: 400px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	overflow: hidden;
	width: 890px;
	margin-left: auto;
	margin-right: auto;

}
.money-rcpt-head{
	margin-top: 38px;
}
.logo-money-rcpt img{
	max-height: 82px;
	padding: 5px;
}
.money-rcpt-address{
	width: 160px;
	margin-top: 10px;
	font-size: 12px;
}
.info-money-rcpt{
	height: 82px;
}
.info-money-rcpt,
.money-rcpt-info{
	margin-left: 17px;
}
.info-money-rcpt h1{
	font-size: 26px;
	line-height: 82px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.money-rcpt-info span{
	display: block;
	font-size: 12px;
	text-transform: capitalize;
}
.money-rcpt-body{
	float: left;
	width: 100%;
	padding: 15px;
	margin-top: 20px;
}
.money-rcpt-body p{
	padding: 0px;
	margin-bottom: 5px;
}
.money-rcpt-ln1{
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.money-rcpt-ln1-left{
	float: left;
	width: 13%;
	font-size: 14px;
}
.money-rcpt-ln1-right{
	float: left;
	width: 87%;
	font-size: 14px;
	border-bottom: 1px solid #909090;
}
.money-rcpt-ln1-right span{
	color: #909090;
	font-size: 13px;
}
.money-rcpt-ln2{
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.money-rcpt-ln2-left{
	float: left;
	width: 30%;
	font-size: 14px;
}
.money-rcpt-ln2-right{
	float: left;
	width: 70%;
	font-size: 14px;
}
.money-rcpt-ln2-left span,
.money-rcpt-ln2-right span{
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
	margin-right: 5px;
	border-bottom: 1px solid #909090;
}
.amount-n-signature{
	float: left;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 50px;
}
.rcpt-amount-info{
	float: left;
	width: 50%;
}
.rcpt-amount-info span{
	display: block;
	margin: 3px 0;
}
.rcpt-signatory{
 	float: left;
    margin-top: 25px;
    text-align: center;
    width: 50%;
}
.rcpt-signatory p{
	border-bottom: 1px solid #909090;
	padding-bottom: 5px;
}
.rcpt-inquery{
	color: #909090;
	font-style: italic;
	text-align: center;
	margin-bottom: 10px;
}
.color-fade{
	color: #909090;
}
/*User Access*/
.has-error .no-error{
	border: 1px solid #ccc;
	box-shadow: none;
}
.modal-sub{
	border-bottom: 1px dashed #cccccc;
	margin-bottom: 5px;
}
.user-cb{
	position: relative;
}
.user-cb input[type="checkbox"]{
	position: absolute;
	top: -1px;
}
.user-cb label{
	display: block;
	line-height: 18px;
}
.user-cb span{
	padding-left: 20px;
}
.footer-btn button.btn{
	margin-top: 0!important;
}
.signature-view-rcpt{
	border-bottom:1px solid #909090;
}
.signature-view-rcpt img {

    height: 44px;
    margin-bottom: 5px;
    padding-left: 30px;
    text-align: center;
}