::-webkit-scrollbar {
  /*width: 0px;*/
}

::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

::-webkit-scrollbar-thumb {
  background: #888; 
}

::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

ul.list-group.list-group-flush.scrollbar {
	overflow-y: scroll !important;
	height: 280px !important;
}

li.main_menu {
    font-weight: 600!important;
}

a.nav-link.nav-menu-main.menu-toggle.hidden-xs {
	/*color: #ffffff!important;*/
}

i.icon-ei-gear.big {
    font-size: 27px!important;
	color: #373a3c!important;
}

td.middle, td, th {
	vertical-align: middle!important;
}

.table thead th {
    font-size: 12px !important;
    font-weight: 500 !important;
}

td.middle.name {
	width:21%!important;
}

span.tag.tag-default.tag-success.status_modules,
span.tag.tag-default.tag-success.etat_module_cs {
	font-size: 22%!important;
}

span.tag.tag-default.tag-success.status {
	font-size: 0%!important;
	pointer-events: none!important;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline;
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}


element.style {
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
}

.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.card-block {
    padding: 10px!important;
	min-height: 89px;
}

table.table-striped {
	/*text-transform: capitalize!important;*/
}

span.selected-language {
    color: #55595c!important;
}

span.float-xs-left.large {
	width: 75%!important;
}

span.float-xs-left.sort {
	margin-left:60px!important;
	
}

span.float-xs-left.sort a {
	color: #55595c!important;
}

span.float-xs-right.add, span.float-xs-right.add a {
	margin-top: 10px!important;
	color: #55595c!important;
}

.content-body {
	min-height: 620px;
}

span.float-xs-left.filter {
    float: left !important;
    width: 13.7% !important;
    margin-right: 5px !important;
}

.row.add {
	margin-bottom: 7px !important;
	margin-top: 7px !important;
}

h6.text-bold-400.c:first-letter {
	text-transform: capitalize !important;
}

h1.text-bold-200.c:first-letter {
	text-transform: capitalize !important;
}

li.nav-item:first-letter {
	text-transform: capitalize !important;
} 

.row.add.small {
	margin-bottom: 10px !important;
}

.col-md-5.small {
	font-size: 12px !important;
}

.col-md-2.small {
	width: 11% !important;
}

.photo_top {
	/*padding: 0px 0px 0px 140px !important;*/
}


span.info {
   /* background-color: #F3F3F3 !important;*/
    padding: 1px 4px 1px 4px !important;
	background-color: #1D2B36 !important;
	color: #ffffff !important;
	filter: alpha(opacity=50) !important;
    -moz-opacity: 0.50 !important;
    opacity: 0.50 !important;
	font-size: 10px !important;
}

a#submit_login.btn.btn-primary.btn-lg.btn-block {
	color: #ffffff !important;
}

h6.card-subtitle.text-muted.text-xs-center.font-small-3.pt-2.error {
	color: red!important;
	font-size: 13px!important;
	height: 20px!important;
	padding-top: 7px !important;
}

.filed_required {
	display: block;
	color: #ffffff!important;
	font-size: 12px!important;
}

.filed_required.clicked {
	display: block;
	color: #f55139!important;
	font-size: 12px!important;
}

.error__modal {
	display: none;
    position: fixed !important;
	top: 10px !important;
	right: 10px !important;
	z-index: 100000 !important;
	max-height: 270px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    text-align: center !important;
    min-width: 350px !important;
    width: auto !important;
    max-width: 1024px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    word-wrap: break-word !important;
	background-color: #1D2B36 !important;
	color: #ffffff !important;
	text-align: left !important;
	padding: 10px !important;
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;
}

.success__modal {
    position: fixed !important;
	top: 10px !important;
	right: 10px !important;
	z-index: 100000 !important;
	max-height: 270px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    text-align: center !important;
    min-width: 350px !important;
    width: auto !important;
    max-width: 1024px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    word-wrap: break-word !important;
	background-color: #ffffff !important;
	color: #373a3c !important;
	text-align: left !important;
	padding: 10px !important;
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;
}

.error__modal .x__right {
	text-align: right !important;
	font-weight: 500 !important;
	cursor: pointer !important;
    margin-bottom: 1rem;
    border-bottom: 1px solid #fff;
}

.success__modal .x__right {
	text-align: right !important;
	font-weight: 500 !important;
	cursor: pointer !important;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tag-validated {
    background-color: #37BC9B;
	color: #fff;
}

.tag-draft {
    background-color: #F6BB42;
}

.col-xs-6.right {
	text-align: right !important;
}

.tab-content.px-1.pt-1 {
	padding-right: 0 !important;
    padding-left: 0 !important;
}

.row.form-actions {
    border-top: 1px solid #dadada !important;
    padding: 20px 0 0 0 !important;
    margin: 20px -10px 20px -10px !important;
}

button.btn.btn-success.upgrade-to-pro.square a {
	color: #ffffff !important;
}

.btn-success {
    width: 190px !important;
}

.btn-success.add_line {
    /*width: 80px !important;*/
}

.col-md-1 {
	padding-left: 2px !important;
	padding-right: 2px !important;
}

input#logo.logo_edit{
    margin: 10px 10px 0px -134px;
}

span.edit_success {
    border-color: #fff !important;
    background-color: #fff !important;
    color: #237964 !important;
}

.card-header {
    padding: 1rem 1rem !important;
}	

h6.card-title.large {
	height: 25px;
}

.col-md-2 {
	text-transform: capitalize !important;
}

img.brand-logo {
	margin: 4px 0 8px 30px;
}

td.middle.large, th.middle.large {
	width: 67%;
}

.col-md-2.filter, .col-md-3.filter {
    /*
	padding: 0 0px 0px 13px !important;
    float: left !important;
    width: 16% !important;
	*/
}

.add_photo {
	/*background: url(/../erp/public/modules/customers-suppliers/img/add_photo.png) !important;*/
	width: 64px !important;
    height: 64px !important;
	/*float: right !important;*/
   /* margin-right: 40px !important;*/
}

.file_photo {
	filter: alpha(opacity=0) !important;
    -moz-opacity: 0.0 !important;
    opacity: 0.0 !important;
	width: 64px !important;
    height: 64px !important;
	cursor: pointer !important;
}

.form-control.square.lg {
	height: 37px !important;
	width: 100% !important;
}

input.form-control.square.lg, select.form-control.square.lg {
	height: 39px;
}

.table th, .table td {
    padding: 0.75rem 0.75rem !important;
}

#action_delete.row {
	display: none;
}

#action_confirm {
	display: none;
}
	
select#action.form-control.square.action {
	border-color: #48CFAD;
    background-color: #48CFAD;
    color: #FFF !important;
	margin: 0px 0 0 0;
	height: 33px;
}

button.form-control.square.confirm {
	border-color: #48CFAD;
    background-color: #48CFAD;
    color: #FFF !important;
	margin: 10px 0 0 0;
	text-align: center;
	height: 33px;
}

.fonticon-wrap {
    float: left;
    height: 60px;
    line-height: 7.4rem;
    text-align: center;
    margin-right: 1rem;
    margin-bottom: 1.5rem;
}

.fonticon-wrap > i {
    font-size: 2.28rem;
}

a.file.green {
	color: green;
}

label.gras, gras {
    font-weight: bold;
}

input.inselect {
	pointer-events:none;
}

.heading-elements.left {
    background-color: inherit;
    position: absolute;
    top: 0px;
    left: 145px;
    margin: auto;
    padding: 5px;
	color: #fff;
}

span.all.small a {
	font-size: 13px;
}


h6.text-bold-200.code {
    margin: 0 0 0 37px;
}

.container.invoice {
	margin: 0 0 0 0;
}

.row.col-md-2.right {
    text-align: right;
	float: left;
    width: 24.66667%;
}

i.icon-square-plus.add {
	font-size: 23px;
}

.row.add.grey-row {
	background-color: #9E9E9E;
	padding: 10px 0px 5px;
	color: #fff;
}

.col-md-9.right {
	text-align: right;
}

.container.invoice.second {
	margin: 20px 0 0 0;
}

ul.dropdown-menu.inner li {
	padding: 5px 10px 0px 10px;
}

select#vat {
	display: none;
}

select#vat_p_s {
	display: none;
}

.inv_left {
	display: block;
	float: left;
	width: 50%;
}

.inv_right {
	display: block;
	float: right;
	width: 50%;
	text-align: right;
}

i.icon-ei-pencil.bill, i.icon-ei-trash.bill{
	font-size:1.6rem;
}

.col-md-6.grey-row {
    background-color: #9E9E9E;
    padding: 10px 0px 5px 15px;
    color: #fff;
}

.col-md-6.grey-row.right {
    margin-left: 10px;
    width: 47.7%;
}

.row.paddingtop {
	margin-top: 10px;
}

label.white {
	color: white;
}

button.btn.dropdown-toggle.btn-default {
	height: 34px;
}

.col-md-2.filter.last {
	margin-left: 62px;
}

#submit_login {
	background-color: #1D2B36;
}

#submit_login:hover {
	opacity: 0.7;
}

table#table_list.table.table-striped {
    width: 100%;
}

.nav-item.company-menu {
	width: 250px;
    padding: 15px 0 0 50px;
}

.bg-deep-blue {
    background-color: blue !important;
}

.bg-deep-green {
    background-color: green !important;
}

.bg-deep-pink {
    background-color: pink !important;
}

.bg-deep-grey  {
    background-color: grey !important;
}

.progress-deep-grey  {
    background-color: grey !important;
}

h5.deep-blue {
	color: blue !important;
}

h5.deep-grey {
	color: grey !important;
}

.progress.progress-sm.progress-deep-grey.mt-1.mb-0 {
    background-color: grey !important;
}

button.close.remove {
	opacity: 1 !important;
	color: red !important;
}


button.close {
	opacity: 1 !important;
	color: red !important;
}

h4.alert-heading {
    font-size: 1rem !important;
}

.resultEmpty {
	padding-top: 20px !important;
    font-size: 13px !important;
}

.white {
	margin-top:33px !important;
}

label.required.blanc {
	color: white !important;
}

span.tag.tag-default.tag-danger {
    color: #fff;
    background-color: #dc3545;
}
span.tag.tag-default.tag-success {
    color: #fff;
}

.print {
    background: #1D2B36 !important;
    color: white !important;
}

input.form-control {
	height: 33px !important;
}

select.selectpicker.form-control.square {
	height: 33px !important;
}

.row.dasch {
    background-color: #fff !important;
    padding: 10px 0 10px 0 !important;
    margin: 0 0px 0 0px !important;
}

a.disable {
  pointer-events: none;
  cursor: default;
}

#save_db {
	cursor: pointer;
}

.bg-deep-grey.charts {
    padding: 5px 5px 5px 10px;
    color: #fff;
    font-weight: 600;
}

.nav-item.year-menu {
    width: 165px;
    padding: 15px 0 0 50px;
}

.red.date.contrat {
    color: #F44336 !important;
    padding-left: 18.5% !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    float: left !important;
    display: block !important;
}

.form-control.square.discount_all {
	/*width: 60px;*/
}


.badge.ska {
	position: absolute !important;
    top: 10px !important;
    right: -15px !important;
    background-color: #DA4453 !important;
    font-weight: 600!important;
    color: #FFF !important;
    display: inline-block !important;
    text-align: center !important;
    vertical-align: baseline !important;
    padding: 0.5em !important;
    /* padding-left: 0.6em !important; */
    border-radius: 2rem !important;
    width: 28px;
}

.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header {
    border-bottom: 1px solid #E6E6E6;
	z-index: 1000;
    color: #000;
}

.navbar-dark .navbar-nav li, .navbar-light .navbar-nav li, .navbar-semi-dark .navbar-nav li, .navbar-semi-light .navbar-nav li {
    line-height: 1;
}

.dropdown .dropdown-menu .dropdown-header {
    padding: 10px 20px;
    margin-top: 10px;
    text-transform: uppercase;
    color: #818A91;
}

.m-0 {
    margin: 0!important;
}

.grey.darken-2 {
    color: #616161!important;
}

.dropdown-notification .notification-tag {
    position: relative;
    top: -28px;
    right: 20px;
}

.header-navbar .navbar-container .dropdown-menu-media .media-list .media {
    padding: 1rem;
    border: none;
    border-bottom: 1px solid #E6E6E6;
}

.media-list .media {
    padding: 1.25rem;
    margin-top: 0;
}

.media {
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-list .media .media-left {
    padding-right: 1rem;
    float: left;
}

.align-self-center {
    -webkit-align-self: center!important;
    -ms-flex-item-align: center!important;
    align-self: center!important;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.dropdown-notification .notification-text {
    margin-bottom: 0.5rem;
}

.font-small-3 {
    font-size: .9rem!important;
}

.text-body, .text-muted {
    color: #55595C!important;
}

.small, small {
    font-size: 80%;
}

.display-1, .display-2, .display-3, .display-4, .lead, .small, small {
    font-weight: 400;
}

.text-body, .text-muted {
    color: #55595C!important;
	font-size: 12px;
}

.bg-yellow.bg-darken-3 {
    background-color: #F9A825 !important;
}

i.icon-bell {
	font-size: 21px !important;
	font-weight: bold !important;
}

span.tag.tag-default.tag-warning.buy {
	background-color: #E53935 !important;
	color: #FFF !important;
}

span.tag.tag-default.tag-warning.sell {
	background-color: #1E88E5 !important;
	color: #FFF !important;
}

ul.dropdown-menu.dropdown-menu-media.dropdown-menu-right {
    overflow: auto !important;
	min-height: 307px !important;
    max-height: 560px !important;
	z-index: 1000 !important;
}

.blue.darken-1 {
    color: #1E88E5 !important;
}

img.brand-logo.small {
    margin: 0px;
    width: 162%;
    margin-top: 16px;
}

img.brand-logo.normal {
    margin: 4px 0 8px 30px;
    width: 100%;
    
}

.red.one {
    color: #FFF !important;
    BACKGROUND: #F44336 !important;
    padding: 5px !important;
}

.badge-success {
    background-color: #37BC9B;
    /* margin-left: 0.5rem; */
    /* margin-top: 0.15rem; */
    border-radius: 6px;
    padding: 3px 6px 3px 6px;
    font-weight: 400;
    color: #FFF;
}

.red.date.contrat {
    color: #F44336 !important;
    padding-left: 18.5% !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    float: left !important;
    display: block !important;
}

.empty {
    height: 145px;
}

.card-body.premium {
	opacity: 0.2 !important;
	cursor:none !important;
}

ul.dropdown-menu.inner li {
    padding: 5px 10px 5px 10px;
    border-bottom: 1px dotted #333;
}

ul.dropdown-menu.inner.article {
	min-width: 370px !important;
}
a.disabled {
  pointer-events: none;
  cursor: default;
  color: #666;
}

#customizer {
    position: absolute;
    top: 15%;
    width: 161px;
    height: 50px;
    right: 0px;
    text-align: center;
    line-height: 56px;
    cursor: pointer;
	z-index: 1000;
}

#customizer a.customizer-toggle {
    background: #FFF;
    color: #fff;
    display: block;
}

#customizer_content {
    position: absolute;
    top: 10%;
    width: 400px;
    height: 200px;
    right: -400px;
    text-align: left;
	z-index: 1000;
	background: #FFF;
    color: #333;
	font-size: 12px;
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.15);
}

i.icon-arrow-up, i.icon-arrow-down {
	color: #999;
}

.font-medium-2 {
    font-size: 2.2rem !important;
}

i.icon-truck.blue.font-medium-2.float-xs-right.right {
	margin-right: 2px !important;
}

li#empty {
	margin-right: 55px !important;
}

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


@media (min-width: 769px) and (max-width: 1023px) {
  
	img.brand-logo {
		width: 200% !important;
		margin-left: 11px !important;
		margin-top: 17px !important;
	}
	
	
	ul.nav.navbar-nav.float-xs-right {
		margin-top: -26px;
	}
}


@media (min-width: 844px) and (max-width: 1023px) {
	
	ul.nav.navbar-nav.float-xs-right {
		margin-top: 0px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 2400px) {
    
}

i.icon-warning {
    font-size: 19px;
    color: red;
}

.header-navbar .nav-item + .nav-item {
    margin-left: 5px !important;
}

.icon-truck.font-medium-2.float-xs-left {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
}

#deposit_vendeur_dash_stock {
    width: 300px;
    display: block;
    float: left;
}

#go_check_stock {
    width: 100px !important;
    display: block;
    float: left;
    margin-left: 5px;
}

.red.strong {
	background-color: red !important; 
	color: white !important; 
	font-weight: bold;
}


.btn.btn-light.upgrade-to-pro.square.correction {
	background-color: yellow;
	color: black !important; 
	width: 100px !important; 
	height: 30px !important; 
}

i.icon-warning {
    font-size: 21px !important;
    font-weight: bold !important;
	margin-left: 20px !important;
}

.green.strong {
    background-color: green !important;
    color: white !important;
    font-weight: bold;
}

.yellow_bloquer {
	background-color: yellow !important;
    color: black !important;
    font-weight: bold;
	cursor: pointer;
}