html, body
{
	height: 100%;
	color: #888;
	font-family: "Roboto", sans-serif;
}
::-webkit-scrollbar {
width: 5px !important;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #ccc !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #ccc !important;
}
.h1
{
	font-size: 18px !important;
	font-weight: bold !important;
}
textarea
{
	max-height: 200px;
	max-width: 100%;
}
.nopadl { padding-left: 0 !important; }
form .col-md-12.collapse { padding: 0px !important; }
.wrap
{
	min-height: 100%;
	height: auto;
	margin: 0 auto -60px;
	padding: 0 0 60px;
}
.wrap > .container { padding: 70px 15px 20px; }
/* disabled by Rajat Jain on 2017-01-06 due to new themen implementation
.footer { height: 60px; background-color: #f5f5f5; border-top: 1px solid #ddd; padding-top: 20px; }*/
.jumbotron
{
	text-align: center;
	background-color: transparent;
}
.jumbotron .btn
{
	font-size: 21px;
	padding: 14px 24px;
}
.not-set
{
	color: #c55;
	font-style: italic;
}
a.asc:after, a.desc:after
{
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding-left: 5px;
}
a.asc:after { content: /*"\e113"*/ "\e151"; }
a.desc:after { content: /*"\e114"*/ "\e152"; }
.sort-numerical a.asc:after { content: "\e153"; }
.sort-numerical a.desc:after { content: "\e154"; }
.sort-ordinal a.asc:after { content: "\e155"; }
.sort-ordinal a.desc:after { content: "\e156"; }
.grid-view th { white-space: nowrap; }
.hint-block
{
	display: block;
	margin-top: 5px;
	color: #999;
}
.error-summary
{
	color: #a94442;
	background: #fdf7f7;
	border-left: 3px solid #eed3d7;
	padding: 10px 20px;
	margin: 0 0 15px 0;
}
.after-login-logo
{
	height: 0px !important;
	width: 1000px !important;
	text-align: left;
}
.no-mrg
{
	margin: 0px;
	padding: 0px !important;
}
.checkbox .public { color: #00a65a; }
.heading-info
{
	border-top: solid 1px #f4f4f4;
	margin: 0;
}
.itemHeading
{
	padding: 10px 0;
	border-bottom: solid 1px #ccc;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-weight: bold;
}
.itemDesp
{
	padding: 10px 0;
	border-bottom: solid 1px #ccc;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-weight: normal;
}
.itemDesp .glyphicon
{
	display: inline-block;
	vertical-align: top;
	padding: 0px 4px;
}
.itemInput
{
	padding: 10px 0;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-weight: bold;
}
.discountInfo span { vertical-align: middle; }
.discountInfo
{
	background: #eeeeee;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 20px 0 0 !important;
	border: 1px solid #ddd;
}
.discountInfo input[type="checkbox"] { margin-top: 12px; }
.totalBlock span { padding: 0; /*display:inline-block;*/ }
.totalAmount span
{
	padding: 0;
	display: inline-block;
}
.total-footer
{
	padding: 0;
	display: inline-block;
	font-size: 18px;
}
.total-footer div { margin-bottom: 10px; }
.totalBlock .total-footer
{
	border-top: solid 1px #82AD4E;
	padding: 10px 0px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin-top: 10px;
}
.f-right
{
	float: right !important;
	text-align: right;
}
.total-price
{
	padding-left: 10px !important;
	color: #000;
	font-weight: bold;
	width: 130px;
}
.totalrfPrice
{
	display: inline-block;
	margin-top: 10px;
}
.itemBlock .item-table textarea.form-control { height: 34px; }
.itemBlock .item-table { margin-bottom: 0; }
.itemBlock .item-table #itemDiv tr td:nth-child(n) { width: 16%; }
.itemBlock .item-table #itemDiv tr td:nth-child(2n) { width: 16%; }
.itemBlock .item-table #itemDiv tr td:nth-child(3n) { width: 12%; }
.itemBlock .item-table #itemDiv tr td:nth-child(4n) { width: 14%; }
.itemBlock .item-table #itemDiv tr td:nth-child(5n) { width: 16%; }
.itemBlock .item-table #itemDiv tr td:nth-child(6n) { width: 12%; }
.itemBlock .item-table #itemDiv tr td:nth-child(7n) { width: 15%; }
.itemBlock
{
	border-bottom: solid 1px #f4f4f4;
	margin-bottom: 20px;
}
.mar10 { margin-right: 10px; }
.refrenceBlock .form-group
{
	float: left;
	width: 100%;
}
.refrenceBlock .form-group
{
	width: 110px;
	margin-right: 5px;
}
.selectBlock .select2-container--default .select2-selection--single
{
	border: solid 1px #d2d6de;
	background: #fff;
	height: 34px;
	border-radius: 3px;
	padding: 6px 4px;
}
.selectBlock .select2-container--default .select2-selection--single .select2-selection__arrow
{
	top: 4px;
	right: 4px;
}
.form-group.btnBlock
{
	float: right;
	width: auto;
}
.heading-info .box-header { padding: 10px 0px; }
.settings-legend
{
	font-size: 18px !important;
	margin-top: 20px;
}
.navbar-form .searchBtn
{
	background: none;
	border: none;
	position: absolute;
	top: 8px;
	right: 4px;
	color: #dd4b39;
}
.navbar-form .form-group { position: relative; }
.navbar-brand { padding: 0px 15px !important; }
.navbar-brand span
{
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 5px;
}
.navbar-brand img { display: inline-block!important; }
.main-header .navbar-form #navbar-search-input.form-control { padding: 6px 28px 6px 12px; }
.main-header
{
	position: fixed !important;
	left: 0;
	right: 0;
	width: 100%;
}
.content-wrapper { margin-top: 50px; padding-bottom:15px; }
.glyphicon.glyphicon-pencil { padding: 0px 3px; }
.glyphicon.glyphicon-trash { padding: 0px 3px; }
.glyphicon.glyphicon-eye-open { padding: 0px 3px; }
.totalAmount .total-price
{
	font-weight: bold;
	color: #000;
}
.discountInfo .totalAmount span { padding-top: 0; }
.totalAmount { margin-bottom: 15px; }
.navbar-static-top .dropdown-menu { padding: 0; }
.navbar-static-top #navbar-collapse .dropdown-menu li:last-child a:hover { border-radius: 0px 0 4px 4px; }
.navbar-static-top #navbar-collapse .dropdown-menu li.active:last-child a { border-radius: 0px 0 4px 4px; }
.navbar-static-top .dropdown-menu > .active > a, .navbar-static-top .dropdown-menu > .active > a:focus, .navbar-static-top .dropdown-menu > .active > a:hover
{
	background-color: #e1e3e9;
	color: #777;
}
.item-table thead tr th { background: #efefef; }
.item-table thead tr th label { margin-bottom: 0; }
.item-table > tbody + tbody { border-top: none!important; }
.addItem .addbtn
{
	color: #333;
	font-size: 14px;
}
.addItem .addbtn .glyphicon-plus-sign
{
	font-size: 18px;
	vertical-align: text-top;
	margin-right: 2px;
}
.addItem .addbtn:hover { color: #00a65a; }
#search-form form { margin: 5px 0; }
#search-form .summary { margin-bottom: 7px; }
#search-form .btn
{
	width: 100%;
	white-space: inherit;
}
.form-group
{
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.box-header .box-title { color: #dd4b39; }
.inputBorder { border: solid 1px #ccc; }
.createForm .btn-login { margin-right: 5px; }
.itemForm .btn-login { margin-right: 5px; }
.addField
{
	padding: 0px 15px 0px 135px;
	margin-bottom: 20px;
}
.addField .adv-btn
{
	color: #00a65a;
	font-size: 14px;
	font-weight: 700;
	background: #dd4b39;
	color: #fff;
}
.addField .adv-btn:hover, .addField .adv-btn:focus
{
	color: #fff;
	background: #f55845;
}
.form-input .control-label { padding: 5px 14px 0px 0px; /*text-align:right;*/ }
.form-input .form-control
{
	width: 100%;
	float: left;
}
.form-input textarea.form-control { width: 100% !important }
.form-textarea .control-label
{
	width: 120px;
	float: left;
	padding: 5px 15px 0px 0px; /*text-align:right;*/
}
.form-textarea textarea.form-control
{
	width: 88.3%;
	float: left;
}
.form-input .uploadMaster
{
	width: 76%;
	float: left;
}
.file-thumbnail-footer .file-caption-name { width: 100%!important; }
.kv-file-zoom { display: none !important; }
.form-input .help-block
{
	display: block;
	width: 100%;
	margin-bottom: 0;
}
.form-textarea textarea.form-control { height: 90px; }
.itemForm { padding-left: 120px; }
.pagination { float: right !important; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover
{
	background-color: #82ad4e !important;
	border-color: #82ad4e !important;
}
.btn.drop-sm-btn
{
	padding: 2px 2px;
	background: none;
	border: none;
	line-height: 10px;
}
.btn.drop-sm-btn .glyphicon.glyphicon-cog { top: 0; }
.btn.drop-sm-btn:hover, .btn.drop-sm-btn:focus
{
	background: none !important;
	border: none !important;
}
.drop-icon.open .btn.drop-sm-btn
{
	background: none !important;
	border: none !important;
}
.drop-icon { padding: 0px 3px; }
.drop-icon .dropdown-menu
{
	left: -80px;
	padding: 0;
}
.drop-icon .dropdown-menu > li > a { color: #333; }
.drop-icon .dropdown-menu > li > a:hover
{
	background-color: #82AD4E;
	color: #fff;
}
.drop-icon .dropdown-menu > li:last-child a:hover { border-radius: 0 0 4px 4px; }
.form-check { margin-left: 120px; }
.f-right { float: right !important; }
.invoice-left
{
	float: left;
	width: 40%;
}
.invoice-right
{
	float: right;
	width: 40%;
}
.color-green { color: #0C0 }
.pdf-border { border: solid 1px #cccccc; }
.table tr th { border: none; }
.table tr td { border: none; }
#company-company_logo-fileupload { padding-left: 120px; }
#company-company_logo-fileupload .table { margin-bottom: 0; }
#company-company_logo-fileupload .progress { margin-bottom: 15px; }
.edit-upload { padding-left: 120px; }
form div.required label.control-label:after
{
	content: " * ";
	color: red;
}
.discountInfo span.padT0 { padding-top: 0; }
.addMoreBlock .addSection { position: relative; }
.addMoreBlock .addSection .remove
{
	position: absolute;
	right: 7px;
	top: 0px;
}
.addMoreBlock .addSection
{
	float: left;
	width: 100%;
	border-bottom: solid 1px #ccc;
	margin-bottom: 15px;
}
.addMoreBlock .addSection .input-add .form-control { width: 90%; }
.addMoreBlock
{
	margin-bottom: 15px;
	margin-top: 15px;
}
.backbg
{
	background: #efefef;
	display: inline-block;
	width: 100%;
	padding-top: 15px;
}
.backbg .addSection:last-child { margin-bottom: 0; }
.form-input #user-company_logo-fileupload
{
	width: 76%;
	float: left;
}
.form-input #user-authorised_sign-fileupload
{
	width: 76%;
	float: left;
}
#user-authorised_sign-fileupload .btn
{
	padding: 6px 2px;
	margin-bottom: 5px;
}
#user-company_logo-fileupload .btn
{
	padding: 6px 2px;
	margin-bottom: 5px;
}
#user-authorised_sign-fileupload .table tr td p { word-break: break-all; }
#user-company_logo-fileupload .table tr td p { word-break: break-all; }
.form-control { border-radius: 3px!important; }
.form-input #client-company_logo-fileupload
{
	width: 76%;
	float: left;
}
.form-input #client-authorised_sign-fileupload
{
	width: 76%;
	float: left;
}
#client-company_logo-fileupload .btn
{
	padding: 6px 2px;
	margin-bottom: 5px;
}
#client-authorised_sign-fileupload .btn
{
	padding: 6px 2px;
	margin-bottom: 5px;
}
.content-wrapper, .right-side { background-color: #fff !important; }
.box
{
	border: none!important;
	box-shadow: none !important;
}
.skin-red-light .main-header .navbar
{
	background-color: #232733 !important;
	border-bottom: solid 1px #ddd;
}
.skin-red-light .main-header .navbar .nav
{
	position: relative;
	top: 2px;
}
.skin-red-light .main-header .navbar .nav > li { margin: 6px 0px 0px; }
.user-menu a.dropdown-toggle { padding-bottom: 5px !important; }
.skin-red-light .main-header .navbar .nav > li > a
{
	color: #fafafa !important;
	font-weight: bold;
	border: solid 1px transparent;
	border-bottom: 0;
	padding-top: 10px;
	padding-bottom: 12px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.skin-red-light .main-header .navbar .nav > li > a:active, .skin-red-light .main-header .navbar .nav .open > a, .skin-red-light .main-header .navbar .nav .open > a:hover, .skin-red-light .main-header .navbar .nav .open > a:focus, .skin-red-light .main-header .navbar .nav > .active > a
{
	background-color: #fff !important;
	color: #555 !important;
}
.skin-red-light .main-header .navbar .nav > li > a:hover
{
	color: #82ad4e!important;
	background: none !important;
}
.skin-red-light .main-header .navbar .nav > .active > a:hover
{
	color: #555 !important;
	background: #fff !important;
}
.skin-red-light .main-header .navbar .nav > .active > a
{
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: #ddd;
	border-radius: 3px 3px 0px 0px;
}
.skin-red-light .main-header #navbar-collapse .nav > .open > a
{
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: #ddd;
	border-radius: 3px 3px 0px 0px;
}
.main-header .navbar-brand
{
	color: #555 !important;
	font-weight: bold;
}
.skin-red-light .main-header .navbar-custom-menu .nav > li > a
{
	color: #fafafa !important;
	font-weight: normal;
}
.navbar-custom-menu > .nav > li.open > a.dropdown-toggle
{
	border-style: solid;
	border-width: 1px 1px 0px;
	border-color: #ddd;
	border-radius: 3px 3px 0px 0px;
}
.box-header .box-title { color: #555 !important; }
.main-header #navbar-search-input.form-control
{
	background: #fff !important;
	border-color: #ddd !important;
}
.navbar-form .searchBtn { color: #888 !important; }
.navbar-static-top .dropdown-menu > .active > a, .navbar-static-top .dropdown-menu > .active > a:focus, .navbar-static-top .dropdown-menu > .active > a:hover { background-color: #fafafa !important; }
.item-table > thead > tr > th { /*border-bottom:solid 2px #ddd !important; background:#fff !important;*/ }
.skin-red-light .main-header li.user-header { background-color: #fff !important; }
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p { color: #555 !important; }
.table > thead > tr > th
{ /*background:url(../images/table_header_bg.png) repeat-x 0px -1px #5f5f5f !important;*/
	background: #5f5f5f;
	color: #fff;
	font-size: 13px;
	padding: 6px 8px !important;
	border-bottom: none !important;
	border-top: none !important;
}
.table thead th a { color: #fff; }
#navbar-collapse .navbar-nav li .dropdown-menu
{
	margin-top: -1px;
	opacity: 0;
	border-bottom: none;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu
{
	margin-top: 0px;
	width: 100%;
	padding: 0;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu li:last-child a:hover { border-radius: 0px 0 4px 4px; }
.skin-red-light .main-header .navbar-custom-menu .nav
{
	position: relative;
	top: 0px;
}
#search-form .box-tools .btn { width: auto; }
#search-form form { margin: 0 !important; }
.srchRefBlock
{
	right: 0;
	padding-top: 0px;
	float: left;
	margin-left: 15px;
}
.srchRefBlock .icons
{
	border: none;
	background: none;
	color: #888;
	float: left;
	padding: 6px 10px;
	line-height: 1.42857;
	top: 0;
}
.srchRefBlock .icons:hover { color: #82ad4e; }
.srchRefBlock .srchicon
{
	margin-right: 4px;
	background: #82ad4e;
	border: solid 1px #82ad4e;
	border-radius: 3px;
	color: #fff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.srchRefBlock .srchicon:hover
{
	background: #6F9342;
	border: solid 1px #6F9342;
	color: #fff;
}
.exportAdd
{
	float: left;
	width: 30%;
}
.formBody
{
	float: left;
	width: 600px;
}
.formHeader.reportFormHeader .formBody
{
	width: 86%;
	margin-bottom: 10px;
}
.srchReport .formBody { width: 87%; }
.srchReport .exportAdd
{
	width: auto;
	margin-top: 25px;
}
.srchReport .exportAdd .btn { padding: 5px 10px; }
.formHeader { float: right; }
.formHeader.srchReport
{
	margin-top: 0px;
	float: left;
	margin-bottom: 0px;
	width: 100%;
}
.srchReport .srchRefBlock
{
	margin-left: 4px;
	margin-top: 25px;
}
.box-header { padding: 10px 0 !important; }
.box-body
{
	padding: 0px 0 !important;
	position: relative;
}
#search-form
{
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.formHeader .inputBlock .help-block-error { display: none; }
.formHeader .inputBlock .form-group { margin-bottom: 0; }
.table > tbody > tr.fade > td { padding: 8px 4px; }
.table > tbody > tr.fade > td > p { word-break: break-all; }
#modalHeader.modal-header { display: none; }
.modal-content .modal-body .box { margin-bottom: 0; }
.modal-content .modal-body .box .box-body { padding: 10px !important; }
.modal-content .modal-body .box .box-header { padding-top: 0 !important; }
.modal-content { border-radius: 3px!important; }
.modal-content .modal-body .box .box-header button.close { margin-top: -2px; }
.modal-sm { width: 400px !important; }
.table-responsive { overflow-x: auto!important; }
.ui-autocomplete-input
{
	border: 1px solid #d2d6de;
	border-radius: 4px;
	box-shadow: none;
	padding: 6px 12px;
	width: 100%;
}
.ui-autocomplete-input:focus
{
	border-color: #82AD4E;
	box-shadow: 0 0 5px rgba(130, 173, 78, 0.4);
}
.has-error .ui-autocomplete-input
{
	border-color: #a94442;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.skin-red-light .main-header .navbar .invoice-dropdown > .invoice-menu { margin-top: 5px; }
.skin-red-light .main-header .navbar .invoice-dropdown > .invoice-menu:hover .dropdown-menu
{
	display: block;
	margin-left: -1px;
	opacity: 1 !important;
}
.skin-red-light .main-header .navbar .invoice-dropdown > .invoice-menu.active:hover .dropdown-menu
{
	margin-left: 0px;
	opacity: 1 !important;
}
.skin-red-light .main-header .navbar .invoice-dropdown > .invoice-menu:hover
{
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: #ddd;
	border-radius: 3px 3px 0px 0px;
	background: #fff !important;
}
.skin-red-light .main-header .navbar .invoice-dropdown > .invoice-menu.active:hover
{
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: transparent;
	border-radius: 3px 3px 0px 0px;
	background: #fff !important;
}
.skin-red-light .main-header .navbar .invoice-dropdown > .invoice-menu
{
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: transparent;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.skin-red-light .main-header .invoice-dropdown > li > a:focus { background: none !important; }
.navbar-custom-menu > .navbar-nav > li.user-menu:hover .dropdown-menu
{
	display: block;
	left: 0!important;
	margin-left: -1px;
	min-width: 161px;
}
.navbar-custom-menu > .navbar-nav > li.user-menu.open .dropdown-menu
{
	left: auto !important;
	margin-left: 0px;
}
.navbar-custom-menu > .navbar-nav > li.user-menu a:focus { background: #82AD4E !important; }
.navbar-custom-menu > .navbar-nav > li.user-menu
{
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: transparent;
	border-radius: 3px 3px 0px 0px;
}
.navbar-custom-menu > .navbar-nav > li.user-menu:hover
{
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: #ddd;
	border-radius: 3px 3px 0px 0px;
	background: #fff !important;
}
.navbar-custom-menu > .navbar-nav > li.user-menu.open:hover
{
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: transparent;
	border-radius: 3px 3px 0px 0px;
	background: #fff !important;
}
.ui-tooltip.ui-widget { display: none !important; }
.alert { padding: 8px 10px !important; }
.f-fight
{
	float: right !important;
	margin-top: 40px;
}
.marginBottom { margin-bottom: 20px; }
.red-star { color: red; }
.red { color: #E40001; }
.green { color: #7eb40c; }
.itemcol1 { width: 16% !important; }
.itemcol1a { width: 13% !important; }
.itemcol2 { width: 21% !important; }
.itemcol3 { width: 12% !important; }
.itemcol3a { width: 10% !important; }
.saveicon i
{
	font-size: 17px;
	padding: 6px;
}
.viewthcol1 th { width: auto !important; }
#chartjs-tooltip
{
	opacity: 0;
	position: absolute;
	background: rgba(0, 0, 0, .7);
	color: white;
	padding: 3px;
	border-radius: 3px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	pointer-events: none;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 60%;
	text-align: center;
}
#chartjs-tooltip.below
{
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#chartjs-tooltip.below:before
{
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(0, 0, 0, .8) transparent;
	border-width: 0 8px 8px 8px;
	bottom: 1em;
	content: "";
	display: block;
	left: 50%;
	position: absolute;
	z-index: 99;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}
#chartjs-tooltip.above
{
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}
#chartjs-tooltip.above:before
{
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(0, 0, 0, .8) transparent;
	border-width: 8px 8px 0 8px;
	bottom: 1em;
	content: "";
	display: block;
	left: 50%;
	top: 100%;
	position: absolute;
	z-index: 99;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#barchartjs-tooltip
{
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	border-radius: 3px;
	color: white;
	opacity: 0;
	padding: 5px 0 5px 15px;
	pointer-events: none;
	position: absolute;
	text-align: left;
	transform: translate(-50%, 0px);
	transition: all 0.1s ease 0s;
	width: 21%;
}
#barchartjs-tooltip.below
{
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#barchartjs-tooltip.below:before
{
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(0, 0, 0, .8) transparent;
	border-width: 0 8px 8px 8px;
	bottom: 1em;
	content: "";
	display: block;
	left: 50%;
	position: absolute;
	z-index: 99;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}
#barchartjs-tooltip.above
{
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}
#barchartjs-tooltip.above:before
{
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(0, 0, 0, .8) transparent;
	border-width: 8px 8px 0 8px;
	bottom: 1em;
	content: "";
	display: block;
	left: 50%;
	top: 100%;
	position: absolute;
	z-index: 99;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.bar-box-purchase { color: #59A93A; }
.bar-box-sale { color: #F67800 }
#add-client-form .form-group { margin-bottom: 0px; }
#register-form .form-group { margin-bottom: 0px; }
.file-preview-image
{
	height: auto;
	max-height: 85px;
	width: auto;
}
#totalInvoiceAmountBeforeDisc.fa { font-size: 12px; }
#totalInvoiceAmountAfterDisc .fa { font-size: 12px; }
#totalTax .fa { font-size: 12px; }
#totalInvoiceAmount .fa { font-size: 14px; }
.fileinput-remove { display: none }
.uploadMaster .file-preview
{
	margin-bottom: 0px;
	border-radius: 0px;
}
.uploadMaster .input-group { border-radius: 0px; }
.small-box > .inner .fa { font-size: 14px; }
.tbinvoice-id { width: 10%; }
.tbinvoice-date { width: 15%; }
.tbinvoice-client { width: 30%; }
.tbinvoice-amt { width: 10%; }
.tbinvoice-po { width: 10%; }
.tbinvoice-status { width: 10%; }
.tbinvoice-action { width: 15%; }
.tbinvoice-amt .fa { font-size: 11px; }
.tb-item-sr { width: 5%; }
.tb-item-name { width: 15%; }
.tb-item-desc { width: 50%; }
.tb-item-type { width: 8%; }
.tb-item-price { width: 5%; }
.tb-item-status { width: 7%; }
.tb-item-action { width: 10%; }
.tb-item-status a { color: #82AD4E; }
.tb-item-status a:hover { color: #414140; }
.tb-item-action a { color: #82AD4E; }
.tb-item-action a:hover { color: #414140; }
.main-footer a { color: #b5d556; }
.tb-client-sr { width: 5%; }
.tb-client-name { width: 30%; }
.tb-client-mobile { width: 12%; }
.tb-client-add { width: 28%; }
.tb-client-status { width: 10%; }
.tb-client-action { width: 15%; }
.tb-client-status a { color: #82ad4e; }
.tb-client-status a:hover { color: #414140; }
.tb-client-action a { color: #82ad4e; }
.tb-client-action a:hover { color: #414140; }
.tb-tax-sr { width: 5%; }
.tb-tax-name { width: 15%; }
.tb-tax-display { width: 20%; }
.tb-tax-depent { width: 20%; }
.tb-tax-rate { width: 15%; }
.tb-tax-status { width: 10%; }
.tb-tax-action { width: 15%; }
.tb-tax-status a { color: #82ad4e; }
.tb-tax-status a:hover { color: #414140; }
.tb-tax-action a { color: #82ad4e; }
.tb-tax-action a:hover { color: #414140; }
.tb-report-type { width: 10%; }
.tb-report-id { width: 15%; }
.tb-report-date { width: 15%; }
.tb-report-client { width: 30%; }
.tb-report-amt { width: 15%; }
.tb-report-total { width: 15%; }
.tbinvoice-action a
{
	color: #82AD4E;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.tbinvoice-action a:hover { color: #414140; }
.drop-icon .btn span
{
	color: #82AD4E;
	background: none;
	vertical-align: super;
}
.drop-icon .btn:hover
{
	color: #414140 !important;
	background: none;
	vertical-align: super;
}
.border-btm { border-bottom: 1px solid #82AD4E; }
.btn-success:focus, .btn-success.focus
{
	background-color: #82AD4E !important;
	border-color: #82AD4E !important;
	color: #fff;
}
.my-form
{
	padding: 20px 10px;
	border: 1px solid #cccccc;
	min-height: 270px !important;
}
.invoicesales-status:hover { background: #82AD4E !important; }
.margin-btm-20 { margin-bottom: 20px; }
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus
{
	background-color: #82AD4E !important;
	border-color: #82AD4E !important;
	color: #fff;
}
#totalInvoiceAmountBeforeDisc .fa { font-size: 11px; }
.bg-form { background-color: #F4F4F4; }
.btn-cancle
{
	background-color: #fd5858;
	border-color: #fd5858;
	color: #fff;
}
.btn-cancle:hover
{
	background-color: #FF2626;
	border-color: #FF2626;
	color: #fff !important;
}
.padT0 .fa { font-size: 12px; }
.padding-rgt-10 { padding-right: 10px; }
.margin-rgt-5 { margin-right: 5px; }
.glyphicon-remove-circle { color: #e40001; }
.total-border
{
	width: 100%;
	border: 1px solid grey;
}
.user-image { border-radius: 0px !important; }
.table th
{
	font-size: 16px !important;
	font-weight: 400;
}
.table td { font-size: 15px; }
.salesDetails.table thead th:nth-child(1), .salesDetails.table tbody td:nth-child(1) { width: 9%; }
.salesDetails.table thead th:nth-child(2), .salesDetails.table tbody td:nth-child(2) { width: 9%; }
.salesDetails.table thead th:nth-child(3), .salesDetails.table tbody td:nth-child(3) { width: 18%; }
.salesDetails.table thead th:nth-child(4), .salesDetails.table tbody td:nth-child(4) { width: 10%; }
.salesDetails.table thead th:nth-child(5), .salesDetails.table tbody td:nth-child(5) { width: 8%; }
.salesDetails.table thead th:nth-child(6), .salesDetails.table tbody td:nth-child(6) { width: 5%; }
.salesDetails.table thead th:nth-child(7), .salesDetails.table tbody td:nth-child(7) { width: 4% !important; }
.salesDetails.table thead th:last-child, .salesDetails.table tbody td:last-child { width: 16%; }
.purchaseDetails.table thead th:nth-child(1), .purchaseDetails.table tbody td:nth-child(1) { width: 7%; }
.purchaseDetails.table thead th:nth-child(2), .purchaseDetails.table tbody td:nth-child(2) { width: 9%; }
.purchaseDetails.table thead th:nth-child(3), .purchaseDetails.table tbody td:nth-child(3) { width: 9%; }
.purchaseDetails.table thead th:nth-child(4), .purchaseDetails.table tbody td:nth-child(4) { width: 16%; }
.purchaseDetails.table thead th:nth-child(5), .purchaseDetails.table tbody td:nth-child(5) { width: 8%; }
.purchaseDetails.table thead th:nth-child(6), .purchaseDetails.table tbody td:nth-child(6) { width: 8%; }
.purchaseDetails.table thead th:nth-child(7), .purchaseDetails.table tbody td:nth-child(7) { width: 5%; }
.purchaseDetails.table thead th:nth-child(8), .purchaseDetails.table tbody td:nth-child(8) { width: 3%; }
.purchaseDetails.table thead th:nth-child(9), .purchaseDetails.table tbody td:nth-child(9) { width: 5%; }
.purchaseDetails.table thead th:last-child, .purchaseDetails.table tbody td:last-child { width: 25%; }
.purchaseInvoice.table thead th:first-child, .purchaseInvoice.table tbody td:first-child { width: 8%; }
.purchaseInvoice.table thead th:nth-child(2), .purchaseInvoice.table tbody td:nth-child(2) { }
.purchaseInvoice.table thead th:nth-child(3), .purchaseInvoice.table tbody td:nth-child(3) { width: 8%; }
.purchaseInvoice.table thead th:nth-child(4), .purchaseInvoice.table tbody td:nth-child(4) { width: 8%; }
.purchaseInvoice.table thead th:nth-child(5), .purchaseInvoice.table tbody td:nth-child(5) { width: 8%; }
.purchaseInvoiceItems.table thead th:first-child, .purchaseInvoiceItems.table tbody td:first-child { width: 40%; }
.purchaseInvoiceItems.table thead th:nth-child(2), .purchaseInvoiceItems.table tbody td:nth-child(2) { width: 45%; }
.purchaseInvoiceItems.table thead th:nth-child(3), .purchaseInvoiceItems.table tbody td:nth-child(3) { width: 8%; }
.purchaseInvoiceItems.table thead th:nth-child(4), .purchaseInvoiceItems.table tbody td:nth-child(4) { width: 8%; }
.purchaseInvoiceItems.table thead th:nth-child(5), .purchaseInvoiceItems.table tbody td:nth-child(5) { width: 8%; }
/*.updateInvoice.table thead th:nth-child(1), .updateInvoice.table tbody td:nth-child(1) { width: 200px; }
.updateInvoice.table thead th:nth-child(2), .updateInvoice.table tbody td:nth-child(2) { width:80px; }
.updateInvoice.table thead th:nth-child(3), .updateInvoice.table tbody td:nth-child(3) { width: 350px; }
.updateInvoice.table thead th:nth-child(4), .updateInvoice.table tbody td:nth-child(4) { width: 80px !important; }
.updateInvoice.table thead th:nth-child(5), .updateInvoice.table tbody td:nth-child(5) { width: 80px !important; }
.updateInvoice.table thead th:nth-child(6), .updateInvoice.table tbody td:nth-child(6) { width: 150px; }
.updateInvoice.table thead th:nth-child(7), .updateInvoice.table tbody td:nth-child(7) { width: 40px; }*/

.managePayment.table thead th:nth-child(1), .managePayment.table tbody td:nth-child(1) { width: 10%; }
.managePayment.table thead th:nth-child(2), .managePayment.table tbody td:nth-child(2) { width: 8%; }
.managePayment.table thead th:nth-child(3), .managePayment.table tbody td:nth-child(3) { width: 10%; }
.managePayment.table thead th:nth-child(4), .managePayment.table tbody td:nth-child(4) { }
.managePayment.table thead th:nth-child(5), .managePayment.table tbody td:nth-child(5) { width: 8%; }
.managePayment.table thead th:nth-child(6), .managePayment.table tbody td:nth-child(6) { width: 8%; }
.aryaInvoiceItems.table thead th:nth-child(1), .aryaInvoiceItems.table tbody td:nth-child(1) { width: 5%; }
.aryaInvoiceItems.table thead th:nth-child(2), .aryaInvoiceItems.table tbody td:nth-child(2) { width: 20%; }
.aryaInvoiceItems.table thead th:nth-child(3), .aryaInvoiceItems.table tbody td:nth-child(3) { width: 30%; }
.aryaInvoiceItems.table thead th:nth-child(4), .aryaInvoiceItems.table tbody td:nth-child(4) { }
.aryaInvoiceItems.table thead th:nth-child(5), .aryaInvoiceItems.table tbody td:nth-child(5) { width: 8%; }
.aryaInvoiceItems.table thead th:nth-child(6), .aryaInvoiceItems.table tbody td:nth-child(6) { width: 5%; }
.aryaInvoiceItems.table thead th:nth-child(7), .aryaInvoiceItems.table tbody td:nth-child(7) { width: 5%; }
.aryaClients.table thead th:nth-child(1), .aryaClients.table tbody td:nth-child(1) { width: 5%; }
.aryaClients.table thead th:nth-child(2), .aryaClients.table tbody td:nth-child(2) { width: 15%; }
.aryaClients.table thead th:nth-child(3), .aryaClients.table tbody td:nth-child(3) { width: 20%; }
.aryaClients.table thead th:nth-child(4), .aryaClients.table tbody td:nth-child(4) { width: 30%; }
.aryaClients.table thead th:nth-child(5), .aryaClients.table tbody td:nth-child(5) { width: 10%; }
.aryaClients.table thead th:nth-child(6), .aryaClients.table tbody td:nth-child(6) { width: 5%; }
.aryaTaxes.table thead th:nth-child(1), .aryaTaxes.table tbody td:nth-child(1) { width: 5%; }
.aryaTaxes.table thead th:nth-child(2), .aryaTaxes.table tbody td:nth-child(2) { width: 10%; }
.aryaTaxes.table thead th:nth-child(3), .aryaTaxes.table tbody td:nth-child(3) { width: 15%; }
.aryaTaxes.table thead th:nth-child(4), .aryaTaxes.table tbody td:nth-child(4) { width: 10%; }
.aryaTaxes.table thead th:nth-child(5), .aryaTaxes.table tbody td:nth-child(5) { width: 10%; }
.aryaTaxes.table thead th:nth-child(6), .aryaTaxes.table tbody td:nth-child(6) { width: 5%; }
.aryaTaxes.table thead th:nth-child(7), .aryaTaxes.table tbody td:nth-child(7) { width: 5%; }
.aryaTaxGroup.table thead th:nth-child(1), .aryaTaxGroup.table tbody td:nth-child(1) { width: 5%; }
.aryaTaxGroup.table thead th:nth-child(2), .aryaTaxGroup.table tbody td:nth-child(2) { width: 75%; }
.aryaTaxGroup.table thead th:nth-child(3), .aryaTaxGroup.table tbody td:nth-child(3) { width: 10%; }
.aryaInvoiceReport.table thead th:nth-child(1), .aryaInvoiceReport.table tbody td:nth-child(1) { width: 10%; }
.aryaInvoiceReport.table thead th:nth-child(2), .aryaInvoiceReport.table tbody td:nth-child(2) { width: 8%; }
.aryaInvoiceReport.table thead th:nth-child(3), .aryaInvoiceReport.table tbody td:nth-child(3) { width: 10%; }
.aryaInvoiceReport.table thead th:nth-child(4), .aryaInvoiceReport.table tbody td:nth-child(4) { width: 50%; }
.aryaInvoiceReport.table thead th:nth-child(5), .aryaInvoiceReport.table tbody td:nth-child(5) { width: 8%; }
.aryaInvoiceReport.table thead th:nth-child(6), .aryaInvoiceReport.table tbody td:nth-child(6) { width: 15%; }
.box-tools a { font-size: 14px; }
#loader
{
	background: #000 none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0.6 !important;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
#loaderImgDiv
{
	opacity: 1 !important;
	overflow: auto;
	position: fixed;
	top: 0%;
	z-index: 10002;
	padding: 0px;
	background: transparent none repeat scroll 0 0;
	box-shadow: none;
	text-align: center;
}
#paymentModal .modal-header { border-bottom: none; }
#paymentModal .modal-body { padding-bottom: 0; }
.no-padding { padding: 0px !important; }
.left-right-pad-5
{
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.left-right-mrg-5 { margin: 0 5px !important; }
.daterangepicker .ranges li
{
	color: #82ad4e !important;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover
{
	background: #82ad4e !important;
	border: 1px solid #82ad4e !important;
	color: #fff !important;
}
.daterangepicker .input-mini.active { border: 1px solid #82ad4e !important; }
.daterangepicker td.active, .daterangepicker td.active:hover { background: #82AD4E !important; }
::selection
{
	background: #82ad4e;
	color: #fff;
}
::-moz-selection {
background: #82ad4e;
color:#fff;
}
.frmInvoice { padding-left: 10px; }
.frmInvoice .form-control:focus
{
	border: 1px solid #82ad4e !important;
	box-shadow: 0 0 5px rgba(130, 173, 78, 0.4) !important;
}
.invoice-menu .dropdown-menu > li > a
{
	padding: 10px 20px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.main-footer { border-top: 1px solid #B5D556; }
.dropdown-menu > li > a
{
	border-bottom: 1px solid #eee;
	padding: 10px 8px !important;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
#create-form .form-control:focus
{
	border: 1px solid #82ad4e !important;
	box-shadow: 0 0 5px rgba(130, 173, 78, 0.4) !important;
}
.box-tools button { font-size: 14px; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover
{
	background-color: #eee;
	border-color: #ddd;
	color: #6f9342 !important;
	z-index: 3;
}
.search-field:focus, .aryaTaxGroup .form-control:focus, #login-form .form-control:focus
{
	border: 1px solid #82ad4e !important;
	box-shadow: 0 0 5px rgba(130, 173, 78, 0.4) !important;
}
.inputBlock select option { padding: 5px 15px; }
.daterangepicker td.in-range
{
	background: #ecffd6 !important;
	border-radius: 0;
}
.daterangepicker td.active, .daterangepicker td.active:hover { color: #fff !important; }
.weekend.active.start-date.available, .active.end-date.in-range.available
{
	background-color: #82ad4e !important;
	color: #fff;
}
.weekend.active.start-date.available { background-color: #82ad4e !important; }
.today.active.end-date.in-range.available { background-color: #6f9342 !important; }
.select2-results__option
{
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]
{
	background-color: #82ad4e !important;
	color: white;
}
#create-form select option { padding: 5px 15px; }
.file-preview-thumbnails
{
	height: auto;
	width: 100%;
}
.file-preview-frame { width: auto; }
.page-effect {
    border: 1px solid #eee;
    box-shadow: 0 0 7px rgba(152, 152, 152, 0.5);
    padding: 10px 0;
    background-color: #fafafa;
    margin-bottom: 20px;
}
.page-effect .box { background-color: #fafafa; }
#totalDiscount
{
	background-color: #fff;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}
#invoicepurchase-discount, #invoicesales-discount
{
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}
#manualTaxValue
{
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}
.table-hover > tbody > tr
{
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.table-hover > tbody > tr:hover, .datepicker table tr td span:hover { background-color: #ecffd6 !important; }
#create-payment-form .form-control:focus
{
	border: 1px solid #82ad4e !important;
	box-shadow: 0 0 5px rgba(130, 173, 78, 0.4) !important;
}
.buttonIcon { padding: 4px 6px !important; }
.buttonIcon i { font-size: 20px; }
.btnIcon i
{
	font-size: 14px;
	margin-right: 5px;
}
.btnIcons
{
	font-size: 15px;
	text-transform: uppercase;
}
.btnIcons i
{
	font-size: 14px;
	margin-right: 5px;
}
.selectSize76 .select2.select2-container.select2-container--default { width: 100% !important; }
.close { text-decoration: none !important; }
.datepicker .datepicker-days th, .datepicker .datepicker-months th, .datepicker .datepicker-years th
{
	background-color: transparent !important;
	background-image: none !important;
	color: #333;
	font-family: "Roboto", sans-serif;
	font-size: 14px !important;
	font-weight: 500;
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused
{
	background: #ecffd6 !important;
	border-color: #82ad4e !important;
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover
{
	background: #82ad4e !important;
	border-color: #6f9342 !important;
	color: #ffffff;
}
#create-payment-form .btn-cancle { margin-right: 10px; }
#create-payment-form .form-control { width: 100% !important; }
#paymentForm .form-group.has-error label
{
	color: #dd4b39;
	display: block;
	width: 100%;
}
#paymentForm .form-input .help-block
{
	display: block;
	margin-bottom: 0;
	padding-left: 0px;
	width: 100%;
}
/********09/01/2017*********/
.skin-red-light .main-header .navbar .nav > li:hover > a { color: #82ad4e !important; }
.modal .modal-content { background-color: #fafafa; }
.box-header .btn.btn-success.btn-sm { margin-right: 0px; }
.help-block { margin-bottom: 0 !important; }
.table-nonresponsive .table-responsive, .table-nonresponsive1 .table-responsive
{
	overflow-x: visible !important;
	overflow-y: visible !important;
}
/*********28/07/2017*********/
.create-header
{
	padding-top: 0 !important;
	margin-bottom: 10px;
	position: relative;
}
.create-header .box-tools
{
	position: absolute !important;
	right: 0 !important;
	top: -11px !important;
}
.float-panel.fixed {
    background-color: #fafafa;
    padding-top: 20px;
    width: 1142px;
    z-index: 10;
}
.float-panel.fixed .create-header { margin-bottom: 0; }

.account-summary-box h3 {
    line-height: 34px !important;
    display: block;
}

.create-header h3.box-title {
    line-height: 33px;
}
.create-purchase-buttons {
    float: right;
}
.sales-invoice-table input{margin-bottom:5px; width:auto;}

.clientBlock label,.refrenceBlock label{ width:100%;}
.status-select-box span.select2-selection.select2-selection--single{height:34px; border-color:#d2d6de;}

.signature-checkbox{margin-top:20px;}
.payment-top-button {
    margin-bottom: 10px;
}

.items-right-form{ float:right;}
.item-input-blog {
    float: left;
    width: 400px;
}

.btn {
    line-height: 34px !important;
    height: 34px !important;
    padding: 0 10px !important;
}

.edit-title h3,h3.box-title {
    line-height: 34px !important;
}
.col-md-12.col-lg-12.col-sm-12.col-sm-offset-0.col-xs-10.col-xs-offset-1.my-form.bg-form,.col-md-6.col-md-offset-3.col-lg-6.col-lg-offset-3.col-sm-12.col-sm-offset-0.col-xs-12.col-xs-offset-0.my-form.bg-form,.col-md-8.col-md-offset-2.col-lg-8.col-lg-offset-2.col-sm-12.col-sm-offset-0.col-xs-12.col-xs-offset-0.my-form.bg-form {
    padding: 5px 15px;
}

.exporttocsv{ margin-top:25px;}
.manage-setting-listing{ margin-top:10px;}

button.kv-file-remove.btn.btn-kv.btn-default.btn-outline-secondary {
    display: block !important;
    padding: 0 !important;
}
.show-checkbox{ margin-top:20px;}
.table-action-btn{
    width: 15% !important;
}
.cogicon button {
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 16px;
    background: no-repeat;
    border: 0;
    color: #82AD4E;
}


/**____________ Responsive ___________________**/

@media screen and (max-width:1199px) {
.content-wrapper {
    margin-top: 20px;	
    padding-top: 30px;
}
.selectSize76 .select2.select2-container.select2-container--default { width: 100% !important; }
.formHeader.reportFormHeader .formBody { width: 100%; }

.nav>li>a {
    padding: 11px 7px !important;
}
.float-panel.fixed {
    width: 940px;
}
}

@media screen and (min-width:1024px) and (max-width:1199px) {
.form-input .form-control { width: 100%; }
.form-input textarea.form-control { width: 100% !important; }
.form-textarea textarea.form-control { width: 85.4% !important; }
.form-input #user-company_logo-fileupload { width: 70%; }
.form-input #user-authorised_sign-fileupload { width: 70%; }
.form-input #client-company_logo-fileupload { width: 70%; }
.form-input #client-authorised_sign-fileupload { width: 70%; }
.navbar-custom-menu .nav .user-menu .hidden-xs
{
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
}
.formBody { right: 10px; }
.srchReport .formBody { width: 94%; }
.srchReport { margin-top: 0; }
.form-input .uploadMaster { width: 70%; }
.file-preview-frame
{
	width: auto;
	height: auto;
	display: block;
	margin: 8px 0px;
}
.file-preview-image
{
	height: auto !important;
	max-width: 100%;
}

}

@media screen and (max-width:1082px) {
.ResSize100 { width: 100% !important; }
.selectSize76.ResSize100 .select2.select2-container.select2-container--default { width: 100% !important; }
textarea.form-control.ResSize100 { width: 100% !important; }
}

@media screen and (max-width:1023px) {
.navbar-custom-menu { margin-top: 0; }
.content-wrapper { margin-top: 50px; }
.navbar-custom-menu .nav .user-menu .hidden-xs { width: 115px !important; }
}

@media screen and (min-width:768px) and (max-width:1023px) {

.refrenceBlock input[type="text"] { padding: 6px; }
.form-group.field-invoicepurchase-issue_date input[type="text"] { padding: 6px; }
.navbar-brand span
{
	font-size: 14px;
	padding-left: 0;
}
.navbar-collapse .nav > li > a
{
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.form-input .form-control { width: 100%; }
.form-input textarea.form-control { width: 100% !important; }
textarea.form-control.ResSize100 { width: 100% !important; }
.form-textarea textarea.form-control { width: 81% !important; }
.form-input .uploadMaster { width: 60%; }
.file-preview-frame
{
	width: auto;
	height: auto;
	display: block;
	margin: 8px 0px;
}
.file-preview-image
{
	height: auto !important;
	max-width: 100%;
}
.addItem { margin-bottom: 10px; }

.itemBlock .item-table #itemDiv tr td:nth-child(3n) { width: 10%; }
.itemBlock .item-table #itemDiv tr td:nth-child(7n) { width: 10%; }
.form-input #user-company_logo-fileupload { width: 60%; }
.form-input #user-authorised_sign-fileupload { width: 60%; }
.form-input #client-company_logo-fileupload { width: 60%; }
.form-input #client-authorised_sign-fileupload { width: 60%; }
.srchReport .frmInvoice { margin-right: 0px; }
.srchReport .formBody { width: 94%; }
.srchReport { margin-top: 0; }
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { right: -13px !important; }
.table > tbody > tr.fade > td .name { display: none; }
.table > tbody > tr.fade > td .size { display: none; }
.navbar-custom-menu .nav .user-menu .hidden-xs
{
	width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 5px !important; }

}
@media screen and (max-width:1025px){
	
.page-effect.row {
    margin-top: 10px;
}
}




@media screen and (max-width:991px) {
.navbar-custom-menu { margin-top: 49px; }
.content-wrapper { margin-top: 60px; }
.clientBlock .showModalButton
{
	margin-left: 15px;
	width: 110px;
}
.exportAdd
{
	float: none !important;
	margin-bottom: 10px;
	width: 100%;
}
.srchReport .exportAdd .btn { margin-top: 10px; }
.table-nonresponsive1 .table-responsive
{
	overflow-x: auto !important;
	overflow-y: auto !important;
}
.padl15 { padding-left: 15px !important; }
.refrenceBlock .form-group { width: 84px; }
.clientBlock .showModalButton { width: 45px; }
.formHeader { margin-top: -15px; }
.float-panel.fixed {
    width: 725px;
}
.table-nonresponsive.table-mobile-responsive .kv-grid-container {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}
.form-group.left-margin-none button {
    margin: 0 !important;
}
.supply-location-box .form-group.field-invoicesales-supply_location {
    width: auto;
}
.search-btn-margin{ margin:0;}
.item-input-blog {
    width: 290px;
}
.show-checkbox,.page-effect.row {
    margin-top: 0;
}
.table td,.cogicon button {
    font-size: 14px;
}

}

@media screen and (max-width:767px) {
.navbar-custom-menu { margin-top: 0; }
.navbar-custom-menu > .navbar-nav > li.user-menu > .dropdown-menu { width: 180px !important; }
.srchRefBlock { margin-bottom: 20px; }
.clientBlock .showModalButton { margin-left: 0; }
.selectSize76 .select2.select2-container.select2-container--default { width: 100% !important; }
.content-wrapper { margin-top: 20px; }
.refrenceBlock .form-group
{
	width: 100%;
	margin-right: 0;
	margin-bottom: 6px;
}
.smmarB10 { margin-bottom: 10px !important; }
#search-form form { margin: 0px 0px 10px; }
.form-group { margin-bottom: 10px !important; }
.invodate .no-mrg
{
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.totalBlock span { font-size: 14px; }
.form-group.field-invoicepurchase-discount_type { margin-bottom: 0 !important; }
.main-header .navbar-custom-menu
{
	position: absolute;
	top: 0;
	right: 40px;
}
.navbar-custom-menu .navbar-nav > li.user-menu > a
{
	line-height: normal;
	padding-bottom: 5px;
	padding-top: 5px;
}
.navbar-custom-menu .navbar-nav > li.user-menu > .dropdown-menu > li > a { color: #777 !important; }
.navbar-custom-menu > .navbar-nav > li.user-menu > .dropdown-menu { right: 0; }
.no-mrg.sm-pad
{
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.totalAmount { margin-bottom: 0; }
.discountInfo .totalAmount span { padding-bottom: 2px; }
.discountInfo span
{
	padding-bottom: 4px;
	padding-top: 0;
}
.discountInfo input[type="checkbox"] { margin-top: 0; }
.form-input .form-control { width: 100%; }
.form-input textarea.form-control { width: 100% !important; }
.form-input .control-label
{
	width: 100%;
	float: left;
	padding: 0px;
	text-align: left;
}
.form-textarea textarea.form-control { width: 100% !important; }
.form-textarea .control-label
{
	width: 100%;
	float: left;
	padding: 0px;
	text-align: left;
}
.form-input .uploadMaster { width: 100%; }
.file-preview-frame
{
	width: auto;
	;
	height: auto;
	display: block;
	margin: 8px 0px;
}
.file-preview-image
{
	height: auto !important;
	max-width: 100%;
}
.createForm { padding-left: 0px; }
.clientForm { padding-left: 0px; }
.itemForm { padding-left: 0px; }
.form-input .help-block { padding-left: 0; }
.addField { padding: 0 15px; }
.itemBlock { margin-bottom: 10px; }
.addItem { margin-bottom: 10px; }
.totalAmount { margin-bottom: 10px; }
#company-company_logo-fileupload { padding-left: 0px; }
.edit-upload { padding-left: 0px; }
.discountInfo span.padT0
{
	padding-top: 0;
	padding-bottom: 0;
}
.itemBlock .item-table #itemDiv tr td:nth-child(n) { width: auto; }
.itemBlock .item-table #itemDiv tr td:nth-child(2n) { width: auto; }
.itemBlock .item-table #itemDiv tr td:nth-child(3n) { width: auto; }
.itemBlock .item-table #itemDiv tr td:nth-child(4n) { width: auto; }
.itemBlock .item-table #itemDiv tr td:nth-child(5n) { width: auto; }
.itemBlock .item-table #itemDiv tr td:nth-child(6n) { width: auto; }
.itemBlock .item-table #itemDiv tr td:nth-child(7n) { width: auto; }
.addMoreBlock .addSection .input-add .form-control { width: 100%; }
#taxDev .taxClass { margin-bottom: 10px; }
.addMoreBlock .addSection .remove { top: 0; }
.addMoreBlock
{
	margin-bottom: 10px;
	margin-top: 10px;
}
.form-input #user-company_logo-fileupload { width: 100%; }
.form-input #user-authorised_sign-fileupload { width: 100%; }
.form-input #client-company_logo-fileupload { width: 100%; }
.form-input #client-authorised_sign-fileupload { width: 100%; }
/*top menu*/
.navbar-toggle
{
	color: #82ad4e !important;
	font-size: 21px;
}
#navbar-collapse.navbar-collapse.pull-right { float: none !important; }
.skin-red-light .main-header .navbar #navbar-collapse.navbar-collapse .nav > li { margin: 0; }
.skin-red-light .main-header .navbar .nav > .active > a { background-color: #f2f2f2 !important; }
.skin-red-light .main-header .navbar #navbar-collapse.navbar-collapse .nav > li> a:hover
{
	background-color: #f2f2f2 !important;
	color: #555 !important;
}
.skin-red-light .main-header .navbar .dropdown-menu li a { color: #777 !important; }
.skin-red-light .main-header .navbar .nav > .active > a { border: none; }
.skin-red-light .main-header #navbar-collapse .nav > .open > a { border: none; }
.exportAdd { width: 100%; }
.formBody
{
	float: left;
	width: 100%;
}
.content { padding: 0 !important; }
.formHeader
{
	margin-top: 0;
	float: left;
	width: 100%;
}

.srchRefBlock .srchicon { margin-right: 0; }
.srchRefBlock .glyphicon-search:before { content: "Search"; }
.srchRefBlock .glyphicon-refresh { top: 0px; }
.formHeader .inputBlock .form-group { margin-bottom: 10px; }
.table > tbody > tr.fade > td .name { display: none; }
.table > tbody > tr.fade > td .size { display: none; }
.form-check { margin-left: 0px; }
.form-group.btnBlock { float: left; }
.modal-sm { width: auto !important; }
.table-responsive { overflow: auto !important; }
#navbar-collapse .navbar-nav li .dropdown-menu
{
	margin: 0px;
	width: 100%;
	position: relative;
	border-radius: 0px;
}
.reportSearch { top: -36px; }
.navbar-custom-menu > .navbar-nav > li.user-menu:hover .dropdown-menu
{
	left: auto !important;
	margin-left: 0;
	margin-top: -1px;
}
.skin-red-light .main-header .navbar .invoice-dropdown > .invoice-menu:hover .dropdown-menu { margin-left: 4px; }
.reportFormHeader .srchRefBlock
{
	top: -34px;
	margin: 0 0 5px 0;
}
.box-header .box-title { font-size: 16px !important; }
.usruploadPanel
{
	display: inline-block;
	width: 100%;
}
.formHeader.reportFormHeader .formBody { width: 100%; }
.refrenceBlock { overflow: hidden; }
.clientBlock { overflow: hidden; }
.f-fight { float: none !important; }
.white-space-pre-line { white-space: pre-line; }
.table-nonresponsive .table-responsive
{
	overflow-x: auto !important;
	overflow-y: auto !important;
}
.nopadl15 { padding-left: 0 !important; }
.itemSearch.pull-right { float: none !important; }
.account-summary-box a{ margin-bottom:5px;}
.skin-red-light .main-header .navbar .nav {
    padding: 0 10px;
}
.skin-red-light .main-header .navbar .nav > .active > a {
    border-radius: 3px;
}
.page-effect {
    width: 100%;
    margin: auto auto 20px auto !important;
}
.float-panel.fixed {
    width: 695px;
}
.float-panel.fixed {
    width: 93%;
}
.supply-location-box .form-group.field-invoicesales-supply_location {
    width: 100%;
}
.signature-checkbox {
    margin-top: 0;
}
.frmInvoice {
    padding-left: 0;
}
.left-right-pad-5 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
a.btn.btn-success.btn-sm.left-right-mrg-5.btnIcon {
    margin-right: 5px !important;
    margin-left: 5px !important;
}
.srchRefBlock {
    margin-left: 0;
    width: auto;
    float: right;
    display: block;
}
.item-input-blog {
    width: 82%;
    padding-right: 4px;
}
.items-right-form {
    width: 100%;
    margin-top: 5px;
}
.exporttocsv {
    margin-top: 0;
}
.box-tools button {
    font-size: 12px;
}
}

@media screen and (max-width:599px) {
.btnIcons
{
	display: block !important;
	float: none !important;
	margin: 10px 0 !important;
	width: 100%;
}
.account-summary-box a {
    margin: 0 0 7px 0 !important;
}

.float-panel.fixed {
    width: 90%;
}
.item-input-blog {
    width: 77%;
    padding-right: 4px;
}
.item-left-buttons a{margin-bottom:5px;}
.inputBlock.item-input-blog .form-group {
    margin-bottom: 0 !important;
}
.content-wrapper {
    margin-top: 20px;
}
.content-wrapper {
    margin-top: 22px;
}
}

@media screen and (max-width:480px) {
.salesDetails.table thead th:nth-child(7), .salesDetails.table tbody td:nth-child(7) { width: 100% !important; }
.float-panel.fixed {
    width: 88%;
}
.payment-top-button a,.payment-top-button button{ margin-bottom:4px;}
.account-summary-box h3.box-title {
    line-height: 0 !important;
    margin: 0 0 18px 0 !important;
}
.updateInvoice .selectBlock select {
    width: 100px !important;
}
}

@media screen and (min-width:320px) and (max-width:767px) {
#chartjs-tooltip
{
	opacity: 0;
	position: absolute;
	background: rgba(0, 0, 0, .7);
	color: white;
	padding: 3px;
	border-radius: 3px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	pointer-events: none;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 40% !important;
}
#barchartjs-tooltip
{
	opacity: 0;
	position: absolute;
	background: rgba(0, 0, 0, .7);
	color: white;
	padding: 3px;
	border-radius: 3px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	pointer-events: none;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 40% !important;
}
.item-input-blog {
    width: 69%;
    padding-right: 2px;
}
}
@media screen and (max-width:380px){
.float-panel.fixed {
    width: 85%;
}

.create-header h3.box-title  ,.create-purchase-buttons {
    float: none;
    margin: auto; display:block;
    text-align: center;
}
.discountInfo span.padT0,.total-pay-rate,.totalBlock span,.round-checkbox {
    font-size: 11px;
}
.item-input-blog {
    width: 100%;
    padding-right:0px;
}
.view-right-icons a{ margin-bottom:5px;}
.box-header .box-title {
    text-align: center;
    margin: auto !important;
    display: block !important;
}
.table td, .cogicon button {
    font-size: 16px;
}
.item-left-buttons a {
   width: 100%;
}
.edit-item-heading h3{ text-align:left !important;}
}

@media screen and (max-width:280px) {
.btnIcon.pull-right { float: none !important; }
.btnIcon
{
	display: block !important;
	float: none !important;
	margin-bottom: 10px !important;
}
h3.box-title
{
	display: block !important;
	text-align: center;
}
}
.main-footer { background-color: #222739 !important; }
#descriptionMain { max-width: 400px; }
.krajee-default.file-preview-frame .kv-file-content { height: 125px !important; }
.krajee-default .file-upload-indicator { display: none; }
.krajee-default.file-preview-frame .file-thumbnail-footer { height: auto !important; }
.krajee-default .file-footer-caption { display: none !important; }
#loggedInUserName
{
	white-space: nowrap;
	width: 12em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block; /*text-align:center;*/
}
#itemDiv span
{
	display: block;
	max-width: 300px;
	overflow: hidden;
	overflow-wrap: break-word;
	text-overflow: ellipsis;
}
#itemDiv a span
{
	display: inline;
	width: auto;
}
.updateInvoice .selectBlock select { width: 88px; }
#submitDraftButton { margin-right: 3px; }
.has-error .select2-selection { border-color: rgb(185, 74, 72) !important; }
.tab-content { padding-top: 15px; }
.signature { padding-top: 40px; }
.table { margin-bottom: 0 !important; }
.no-border { border: none !important; }
