.flags{
	margin-top: -11px !important;
	margin-bottom: -8px !important;
}
.task-bar{
	width: 0px !important;
}
.box-width{
	width: 700px !important;
}

.loader {
     position: absolute;
	  left: 50%;
	  top: 50%;
	  z-index: 1;
	  width: 150px;
	  height: 150px;
	  margin: -75px 0 0 -75px;
	  border: 16px solid #f3f3f3;
	  border-radius: 50%;
	  border-top: 16px solid #3498db;
	  width: 120px;
	  height: 120px;
	  -webkit-animation: spin 2s linear infinite;
	  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 }
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
  from{ bottom:-100px; opacity:0 }
  to{ bottom:0; opacity:1 }
}

.img{
    height: 22px;
    width: 22px;
}
.menua{
	list-style-type: none;
}

.menua li:last-child{
	margin-bottom: 10px;
}

.tbl_header_color{
	background-color: #ECF0F5;
	color: #2d2f30;
}

.control-label.require:after {
  content:"*";
  color:#ff4d4d;
}
.input-file-field{
	padding: 0px;
}
.box{
	border-top: none;
	border-radius: 0px;
}
.custom-btn{
	padding: 2px 10px;
}
/* .left-side{
	background-color:#626c78 !important;
}
.treeview-menu>li.active{
	background-color:#ECF0F5 !important;
} */
.disabledTab {
    pointer-events: none;
}
label.error{
	font-size: 11px;
	color:red;
}
.nav-tabs-custom > .nav-tabs > li.active:first-of-type > a{
	color:#3C8DBC;
}
.form-group .select2 {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;
}
/* .nav-tabs-custom > .nav-tabs > li.active > a {
color:#3C8DBC;
} */

.nav-tabs.cus {
    border-bottom: 0px !important;
}
@media only screen and (min-width: 768px) {
 /* .table-responsive {
    overflow-x: hidden;
  }*/
}
.insufficient{
	background-color: #FBD7CF;
	color:#000;
}
.invoice-navbar{
	background-color: #ECF0F5;
	border-color :#ECF0F5;
	border-radius :2px;
	min-height:40px !important;	
}
.invoice-navbar-nav > li > a{
    padding-bottom: 10px;
    padding-top: 10px;
    color:#3C8DBC !important;
}
.invoice-navbar-nav > li > a:hover{
    color:#000094 !important;

}
.deleteBtn{
	display: none;
}
.custom-dl dt{
	width:50px;
}
.custom-dl dd{
	margin-left:70px;
}
#sale { 
	width: 15px; 
	height: 15px;
	background: #a13839;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	 border-radius: 15px; 
	}
#cost { 
	width: 15px; 
	height: 15px;
	background: #F56954;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	 border-radius: 15px; 
	}
#profit { 
	width: 15px; 
	height: 15px;
	background: #2FB628;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	 border-radius: 15px; 
	}
.scp{
	font-weight: bold;
	line-height: 15px;
	padding-left: -5px;
}
.skin-blue .main-header .navbar,.skin-blue .main-header .logo{
	background-color: #a13839;
}
.btn-border-orange{
	border: 1px solid #E08E0B;
	color: #E08E0B;
}

.btn-border-purple{
	border: 1px solid #504C8C;
	color: #504C8C;
}

.btn-border-info{
	border: 1px solid #00ACD6;
	color: #00ACD6;
}

.top-bar-title{
	font-weight: bold;
	padding-top: 9px;
}
.left-padding-col4{
	padding-left: 5px;
}
.right-padding-col8{
	padding-right: 5px;
}
.btn-block-left-padding{
  padding-left: 5px;
  padding-right: 5px;
}
.btn-block-right-padding{
  padding-left: 5px;
  padding-right: 5px;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{
	 background-color: #6c7888;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a{
	background-color: #E9EBEF;
	border-left-color: #E9EBEF;
	color: #323a45;
}
.skin-blue .sidebar-menu > li > .treeview-menu{
	background-color: #FFF;
	margin:0px;
}
.skin-blue .treeview-menu > li > a{
color: #323a45;	
}
.skin-blue .sidebar a{
	color:#323a45;
}

.skin-blue .treeview-menu > li > .active > a{
color: red;	
}

.skin-blue .treeview-menu > li.active > a{
    background-color: #a13839;
    border-left: 0 none !important;
    border-radius: 50px;
    color: #fff !important;
    display: inline-block;
    margin: 8px 0 8px 20px;
    padding: 5px 15px;
}
.skin-blue .treeview-menu > li > a:hover{
color: #367FA9;
}
.box{
	margin-bottom: 10px;
}
.padding-bottom{
	padding-bottom: 9px;
}
.top-left-btn{
	padding-right: 5px;
}
.top-right-btn{
	padding-left: 5px;
}
.delete-btn{
	border: 1px solid #FF0000;
	color: #FF0000;	
}
.success-btn{
	border: 1px solid #7AA93C;
	color: #7AA93C;		
}
.partial-color{
	border: 1px solid #FF6F00;
	color: #FF6F00;	
	cursor: default;		
}

.partial-color:hover{
	border: 1px solid #FF6F00;
	color: #FF6F00;
	cursor: default;	
}

.success-btn-status{
	border: 1px solid #7AA93C;
	color: #7AA93C;	
	cursor: default;	
}

.success-btn-status:hover{
	border: 1px solid #7AA93C;
	color: #7AA93C;
	cursor: default;		
}

.delete-btn-status{
	border: 1px solid #FF0000;
	color: #FF0000;	
	cursor: default;
}
.delete-btn-status:hover{
	border: 1px solid #FF0000;
	color: #FF0000;	
	cursor: default;
}

.btn-unpaid{
    border: 1px solid #FF0000 !important;
    color: #FF0000 !important;
    display: inline-block;
    margin: 8px 0 8px 0px;
    padding: 5px 15px;
    border-radius: 2px;		
}

.btn-paid{
    border: 1px solid #7AA93C !important;
    color: #7AA93C !important;
    display: inline-block;
    margin: 8px 0 8px 0px;
    padding: 5px 15px;	
    border-radius: 2px;	
}
.btn-paid-partial{
    border: 1px solid #D36E16 !important;
    color: #D36E16 !important;
    display: inline-block;
    margin: 8px 0 8px 0px;
    padding: 5px 15px;
    border-radius: 2px;		
}
.page-break {
    page-break-after: always;
}

.barcode {
    border: 1px solid #ccc;
    display: block;
    height: 10.3in;
    margin: 10px auto;
    padding-top: 0.1in;
    page-break-after: always;
    width: 8.45in;
}

.barcode .style30:nth-child(3n+1) {
    margin-left: 0.1in;
}
.barcode .style30 {
    height: 1in;
    margin: 0 0.07in;
    padding-top: 0.05in;
    width: 2.625in;
}


.barcode .style20 {
    height: 1in;
    margin: 0 0.1in;
    padding-top: 0.05in;
    width: 4in;
}

.barcode .item {
    border: 1px dotted #ccc;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
}

.barcode .barcode_site, .barcode .barcode_name {
    font-size: 14px;
}
.barcode .barcode_site {
    font-weight: bold;
}
.barcode .barcode_site, .barcode .barcode_name, .barcode .barcode_image, .barcode .variants {
    display: block;
}
.treeview-menu {
    height:auto;
    overflow: auto;
}
/*new_edit*/
.main-header .sidebar-toggle:focus, .main-header .sidebar-toggle:hover{background-color: transparent !important;}
.top-cusTom-btn{
	padding-right: 0px;
}

@media only screen and (max-width: 767px) {
.skin-blue .main-header .navbar,.skin-blue .main-header .logo{
	background-color: transparent;
}
.navbar-static-top {
    position: relative;
    top: -46px;
}
.main-header .sidebar-toggle:focus, .main-header .sidebar-toggle:hover{background-color: transparent !important;}
.top_BTN{ margin-top:8px;}
.top-cusTom-btn{
	padding-right: 15px;
}

}
@media only screen and (max-width: 559px) {

}

/* css for company  logo  delete start */

.thumb {
       width: 70px;
       height: 70px;
       margin: 0.2em -0.7em 0 0;
   }
   .remove_img_preview {
	position: relative;
	top: -77px;
	right: -59px;
	background: black;
	color: white;
	border-radius: 50px;
	font-size: 0.9em;
	padding: 0 0.3em 0;
	text-align: center;
	cursor: pointer;
}
   .remove_img_preview:before {
       content:"×";
   }
   /* css for company  logo end */
 /*CSS for Purchase Menu */ 

.disable {
    cursor: not-allowed;
    opacity: .65;
    pointer-events: none;
}
.display_element,table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after {
	display: none;
}
.table-header-width {
	min-width: 90px !important;
}
.invoiceAmount {
	padding-left: 20px;
}
.shipmentInvoice {
	display: none;
}
.advancePaymentPopup {
	padding-top: 7px;
	margin-bottom: 0;
}
.btn_padding_list {
	padding-top: 15px;
}
.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 {
	vertical-align: middle;
}
.font-color{
	color: red;
}
.im-over{
	cursor: pointer;
}
.outstand{
	text-align: center;
	padding: 20px 0px;
}
.inventory_on_hand_div {
	display: flex;
	position: relative;
}
.inventory_on_hand_div_inner{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
    margin-right: -55%;
	transform: translate(-50%, -50%);
}

a.forget_pwd {
    color: #a13839;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #fff !important;
    padding: 10px !important;
}
.skin-blue .main-header .logo:hover {
     background-color: #a13839; 
}
.fa, .login_img {
    color: #a13839!important;
}
.skin-blue .main-sidebar {
    background-color: #FFF;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    text-align: center;
}
.btn-default, .btn-default:active, .btn-default:active:hover, .btn-default:focus {
	background-color: #fff;
	color: #444;
	border-color: #a13839;
	box-shadow: none!important;
}
.btn-sm {
	border-radius : 20px;
}
.btn-default:hover {
 	background-color: #a13839;
 	color: #fff;
 }
.btn-border-orange,.btn-border-purple {
	border: 1px solid #a13839;
	color: #a13839;
	background-color: #fff;
	box-shadow: none;
	border-radius: 20px!important;
}
.btn-border-orange:hover,.btn-border-purple:hover {
    background-color: #a13839!important;
    border-color: #a13839!important;
    color: #fff!important;
}
.btn-border-orange:hover .fa , .btn-border-purple:hover .fa, .btn:hover .fa{
    color: #fff !important;
}
li.user-header {
    height: 0px !important;
    padding: 0px !important;
}
button.btn-primary, button.btn-info, .btn-block-left-padding a.btn {
    background-color: #fff;
    border-color: #a13839;
    color: #a13839;
    border-radius: 20px!important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #a13839;
    border-color: #a13839;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #a13839;
    border-color: #a13839;
}
td span.glyphicon {
    color: #a13839;
}
td a.btn {
    border-radius: 4px !important;
}

a.btn-primary, a.btn-info {
    background-color: #fff;
    border-color: #a13839;
    color: #a13839;
    border-radius: 20px!important;
}
td form button.btn .fa, td form button.btn:hover .fa, td form button.btn:active .fa, td a.btn:hover span.fa, td a.btn:active span.fa, td a.btn:active:hover span.fa, td a.btn:focus span.fa {
    color: #fff !important;
}
.btn-info {
    color: #fff;
    background-color: none; 
    border-color: none; 
}
.btn-info:hover {
    color: #fff;
    background-color: #a13839;
    border-color: #a13839;
}
a.btn-primary:hover, a.btn-info:hover, a.btn-info:active:hover, a.btn-primary:active:hover, a.btn-info:active, a.btn-primary:active, a.btn-info:focus, a.btn-primary:active:focus, a.btn-info:active:focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover {
    background-color: #a13839;
    border-color: #a13839;
    color: #fff;
}
.skin-blue .treeview-menu > li > a:hover {
    color: #a13839;
}
td a {
    color: #a13839;
}
td a:hover {
    color: #a13839;
}
.text-info, td a, ul.nav-tabs li a {
    color: #a13839!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #fff;
    background-color: #fff;
    background: #fff;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, btn-primary:active:visited {
    color: #fff;
    background-color: #a13839;
    border-color: #a13839;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #a13839;
    border-color: #a13839;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #a13839;
    border-color: #a13839;
}
button.btn-info, .btn-block-left-padding a.btn:hover {
    background-color: #a13839;
    border-color: #a13839;
    color: #fff;
    border-radius: 20px!important;
}
button.btn.btn-default.btn-flat:hover {
    background-color: #a13839;
    border-color: #a13839;
    color: #fff;
}
a.btn.btn-default.btn-flat:hover {
    background-color: #a13839;
    border-color: #a13839;
    color: #fff;
}
.delete-btn {
    border: 1px solid #d73925 !important;
    color: #fff !important;
    background-color: #dd4b39 !important;
}
.bg-light-blue, .label-primary, .modal-primary .modal-body {
    background-color: #a13839 !important;
}
a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
    color: #a13839;
}
a {
    color: #a13839;
}
.skin-blue .sidebar-mini .box-header .text-info b {
    color: #a13839;
}
body.skin-blue.sidebar-mini.wysihtml5-supported .text-info b {
    color: #444;
}
.select2-dropdown .select2-search__field:focus{
	border: 1px solid #a13839;
}
.btn-primary, button.btn-info, .btn-block-left-padding a.btn {
    background-color: #fff;
    border-color: #a13839;
    color: #a13839;
    border-radius: 20px!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color: #a13839;
}
.select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option[aria-selected="true"]:hover{
	color: #fff;
}
.logo {
    background-color: white !important;
}
.btn-box-tool:hover i.fa, .btn-box-tool i.fa:hover {
    color: #a13839!important;
}
/* sign In page start */
.signin_btn {
    background-color: #a13839 !important;
    color: #fff !important;
    border-color: #a13839 !important;
    border-radius: 20px !important;
}
.login-page {
    background: #fff !important;
}
button.btn.btn-primary.btn-block.btn-flat.signin_btn:hover {
    background-color: #a13839;
    border-color: #a13839;
}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {
    color: #a13839;
}
.forgt_pwd{
padding-top:10px;
}
a.forget_pwd {
    color: #a13839;
    text-decoration: underline;
}
a.forget_pwd:hover {text-decoration: none;}
.btn-primary:hover, .btn-primary:active, .btn-primary:hover, .btn-primary:focus {
    background-color: #a13839 !important;
    border-color: #a13839 !important;
    color:#fff !important;
}
button.btn.btn-primary.btn-block.btn-flat.reset_pwd {
    background-color: #fff;
    border-color: #a13839;
    color: #a13839;
    border-radius: 20px!important;
}
.login_href{
    color: #a13839;
    text-decoration: underline;
}
.login_href:hover {text-decoration: none;color: #a13839;}
.border {
    border-color: #a13839 !important;
}
/* sign In page end */
.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #a13839 !important;
}
.login-logo {
    margin-bottom: 0px !important;
}
.nav-stacked>li.active>a, .nav-stacked>li.active>a:hover {
    border-left-color: #a13839 !important;
}
.form-control:focus{
   border-color: #a13839 !important;
}
.btn-info.focus, .btn-info:focus, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
   color: #fff;
   background-color: #a13839;
   border-color: #a13839;
}
h3.revenue {
    word-wrap: break-word;
}