/**************************************************************/
/** BEGIN XL VIEW  ********************************************/
/**************************************************************/
@media (min-width: 1200px) {

	
	/*** BEGIN MARGIN RIGHT *********************************/	
	html body .mr-xl-0 {
		margin-right: 0px; }
	
	
	/*** BEGIN MARGIN BOTTOM *********************************/	
	html body .mb-xl-0 {
		margin-bottom: 0px !important; }
	
	html body .mb-xl-10 {
		margin-bottom: 10px !important; }
	
	html body .mb-xl-20 {
		margin-bottom: 20px !important; }


	/*** BEGIN WIDTH ***************************************/
	html body .wp-xl-600 {
		width: 600px !important; }
	
	html body .wp-xl-400 {
		width: 400px !important; }
	
	html body .wp-xl-300 {
		width: 300px !important; }
	
	html body .wp-xl-200 {
		width: 200px !important; }
	
	html body .wp-xl-100 {
		width: 100px !important; }
	
	html body .wp-xl-90 {
		width: 90px !important; }
	
	html body .wp-xl-80 {
		width: 80px !important; }
	
	html body .wp-xl-70 {
		width: 70px !important; }


	/*** BEGIN PADDING RIGHT *******************************/
	html body .pr-xl-70 {
		padding-right: 70%; }
	
	
	/* BEGIN DATATABLE UPLOAD BAR *****************************/	
	.dataTables_wrapper {
		padding-top: 10px; }
		
	.dt-buttons {
		display: inline-block !important;
		float: right !important;
		font-size: 11px;
		font-weight: 500;
		padding-top: 5px;
		margin-bottom: 20px; }

	.dt-buttons .dt-button {
		padding: 5px 15px;
		border-radius: 0.05rem;
		background: #2DB14A;
		color: #fff;
		text-transform: uppercase !important;
		margin-right: 3px; }

	.dt-buttons .dt-button:hover {
		background: #343a40; }

	/* BEGIN DATATABLE SEARCH BAR *****************************/
	.dataTables_filter {
		float: left !important;
		text-transform: uppercase;
		font-weight: 500;
		margin-top: 10px; }

	.dataTables_filter input {
		border: 0;
		background-image: linear-gradient(#2DB14A, #2DB14A), linear-gradient(#1F1F1D, #1F1F1D); /* #e9ecef */
		background-size: 0 5px, 100% 1px;
		background-repeat: no-repeat;
		background-position: center bottom, center calc(100% - 1px);
		background-color: transparent;
		transition: background 0s ease-out;
		float: none;
		box-shadow: none;
		border-radius: 0;
		margin-left: 0px; }

	.dataTables_filter input:focus {
		outline: none;
		background-image: linear-gradient(#2DB14A, #2DB14A), linear-gradient(#1F1F1D, #1F1F1D); /* #e9ecef */
		background-size: 100% 2px, 100% 1px;
		box-shadow: none;
		transition-duration: 0.3s; }
	
}



/**************************************************************/
/** BEGIN LG VIEW  ********************************************/
/**************************************************************/
@media (min-width: 1024px) {

	
	/*** BEGIN MARGIN RIGHT *********************************/
	html body .mr-lg-0 {
		margin-right: 0px; }
	
	
	/*** BEGIN MARGIN BOTTOM *********************************/	
	html body .mb-lg-0 {
		margin-bottom: 0px !important; }
	
	html body .mb-lg-10 {
		margin-bottom: 10px !important; }
	
	html body .mb-lg-20 {
		margin-bottom: 20px !important; }
	

	/*** BEGIN WIDTH ***************************************/
	html body .wp-lg-600 {
		width: 600px !important; }
	
	html body .wp-lg-400 {
		width: 400px !important; }
	
	html body .wp-lg-300 {
		width: 300px !important; }
	
	html body .wp-lg-100 {
		width: 100px !important; }
	
	html body .wp-lg-90 {
		width: 90px !important; }
	
	html body .wp-lg-80 {
		width: 80px !important; }
	
	html body .wp-lg-70 {
		width: 70px !important; }
	

	/*** BEGIN PADDING RIGHT *******************************/
	html body .pr-lg-70 {
		padding-right: 70%; }
	
	
	/* BEGIN DATATABLE UPLOAD BAR *****************************/	
	.dataTables_wrapper {
		padding-top: 10px; }
		
	.dt-buttons {
		display: inline-block !important;
		float: right !important;
		font-size: 11px;
		font-weight: 500;
		padding-top: 5px;
		margin-bottom: 20px; }

	.dt-buttons .dt-button {
		padding: 5px 15px;
		border-radius: 0.05rem;
		background: #2DB14A;
		color: #fff;
		text-transform: uppercase !important;
		margin-right: 3px; }

	.dt-buttons .dt-button:hover {
		background: #343a40; }

	/* BEGIN DATATABLE SEARCH BAR *****************************/
	.dataTables_filter {
		float: left !important;
		text-transform: uppercase;
		font-weight: 500;
		margin-top: 10px; }

	.dataTables_filter input {
		border: 0;
		background-image: linear-gradient(#2DB14A, #2DB14A), linear-gradient(#1F1F1D, #1F1F1D); /* #e9ecef */
		background-size: 0 5px, 100% 1px;
		background-repeat: no-repeat;
		background-position: center bottom, center calc(100% - 1px);
		background-color: transparent;
		transition: background 0s ease-out;
		float: none;
		box-shadow: none;
		border-radius: 0;
		margin-left: 0px; }

	.dataTables_filter input:focus {
		outline: none;
		background-image: linear-gradient(#2DB14A, #2DB14A), linear-gradient(#1F1F1D, #1F1F1D); /* #e9ecef */
		background-size: 100% 2px, 100% 1px;
		box-shadow: none;
		transition-duration: 0.3s; }

}


/**************************************************************/
/** BEGIN MD VIEW  ********************************************/
/**************************************************************/
@media (min-width: 768px) and (max-width: 1023.98px) {

	
	/*** BEGIN MARGIN RIGHT *********************************/
	html body .mr-md-0 {
		margin-right: 0px; }
	
	
	/*** BEGIN MARGIN BOTTOM *********************************/	
	html body .mb-md-0 {
		margin-bottom: 0px !important; }
	
	html body .mb-md-10 {
		margin-bottom: 10px !important; }
	
	html body .mb-md-20 {
		margin-bottom: 20px !important; }
	

	/*** BEGIN WIDTH ***************************************/
	html body .wp-md-600 {
		width: 600px !important; }
	
	html body .wp-md-400 {
		width: 400px !important; }
	
	html body .wp-md-300 {
		width: 300px !important; }
	
	html body .wp-md-100 {
		width: 100px !important; }
	
	html body .wp-md-90 {
		width: 90px !important; }
	
	html body .wp-md-80 {
		width: 80px !important; }
	
	html body .wp-md-70 {
		width: 70px !important; }
	

	/*** BEGIN PADDING RIGHT *******************************/
	html body .pr-md-60 {
		padding-right: 60%; }
	
	
	/* BEGIN DATATABLE UPLOAD BAR *****************************/	
	.dataTables_wrapper {
		padding-top: 10px; }
		
	.dt-buttons {
		display: none!important;
		float: right !important;
		font-size: 11px;
		font-weight: 500;
		padding-top: 5px;
		margin-bottom: 20px; }

	.dt-buttons .dt-button {
		padding: 5px 15px;
		border-radius: 0.05rem;
		background: #2DB14A;
		color: #fff;
		text-transform: uppercase !important;
		margin-right: 3px; }

	.dt-buttons .dt-button:hover {
		background: #343a40; }

	/* BEGIN DATATABLE SEARCH BAR *****************************/
	.dataTables_filter {
		float: left !important;
		text-transform: uppercase;
		font-weight: 500;
		margin-top: 5px; }

	.dataTables_filter input {
		border: 0;
		background-image: linear-gradient(#2DB14A, #2DB14A), linear-gradient(#1F1F1D, #1F1F1D); /* #e9ecef */
		background-size: 0 5px, 100% 1px;
		background-repeat: no-repeat;
		background-position: center bottom, center calc(100% - 1px);
		background-color: transparent;
		transition: background 0s ease-out;
		float: none;
		box-shadow: none;
		border-radius: 0;
		margin-left: 0px; }

	.dataTables_filter input:focus {
		outline: none;
		background-image: linear-gradient(#2DB14A, #2DB14A), linear-gradient(#1F1F1D, #1F1F1D); /* #e9ecef */
		background-size: 100% 2px, 100% 1px;
		box-shadow: none;
		transition-duration: 0.3s; }

}


/**************************************************************/
/** BEGIN SM VIEW  ********************************************/
/**************************************************************/
@media (min-width: 576px) and (max-width: 767.98px) {
	
	
	/*** BEGIN MARGIN RIGHT *********************************/
	html body .mr-sm-0 {
		margin-right: 0px; }
	
	
	/*** BEGIN MARGIN BOTTOM *********************************/	
	html body .mb-sm-0 {
		margin-bottom: 0px !important; }
	
	html body .mb-sm-10 {
		margin-bottom: 10px !important; }
	
	html body .mb-sm-20 {
		margin-bottom: 20px !important; }
	
	
	/*** BEGIN MARGIN TOP ***********************************/
	html body .mt-sm-20 {
		margin-top: 20px; }

	html body .mt-sm-n60 {
		margin-top: -60px; }

	html body .mt-sm-n70 {
		margin-top: -70px; }
	

	/*** BEGIN WIDTH ***************************************/
	html body .wp-sm-600 {
		width: 600px !important; }
	
	html body .wp-sm-400 {
		width: 400px !important; }
	
	html body .wp-sm-300 {
		width: 300px !important; }
	
	html body .wp-sm-100 {
		width: 100px !important; }
	
	html body .wp-sm-90 {
		width: 90px !important; }
	
	html body .wp-sm-80 {
		width: 80px !important; }
	
	html body .wp-sm-70 {
		width: 70px !important; }

	
	/*** BEGIN PADDING RIGHT **********************************/
	html body .pr-sm-60 {
		padding-right: 60%; }
	
	
	/* BEGIN DATATABLE UPLOAD BAR *****************************/	
	.dataTables_wrapper {
		padding-top: 10px; }
		
	.dt-buttons {
		display: none!important;
		float: right !important;
		font-size: 11px;
		font-weight: 500;
		padding-top: 5px;
		margin-bottom: 20px; }

	.dt-buttons .dt-button {
		padding: 5px 15px;
		border-radius: 0.05rem;
		background: #2DB14A;
		color: #fff;
		text-transform: uppercase !important;
		margin-right: 3px; }

	.dt-buttons .dt-button:hover {
		background: #343a40; }

	/* BEGIN DATATABLE SEARCH BAR *****************************/
	.dataTables_filter {
		float: left !important;
		text-transform: uppercase;
		font-weight: 500;
		margin-top: 5px; }

	.dataTables_filter input {
		border: 0;
		background-image: linear-gradient(#2DB14A, #2DB14A), linear-gradient(#1F1F1D, #1F1F1D); /* #e9ecef */
		background-size: 0 5px, 100% 1px;
		background-repeat: no-repeat;
		background-position: center bottom, center calc(100% - 1px);
		background-color: transparent;
		transition: background 0s ease-out;
		float: none;
		box-shadow: none;
		border-radius: 0;
		margin-left: 0px; }

	.dataTables_filter input:focus {
		outline: none;
		background-image: linear-gradient(#2DB14A, #2DB14A), linear-gradient(#1F1F1D, #1F1F1D); /* #e9ecef */
		background-size: 100% 2px, 100% 1px;
		box-shadow: none;
		transition-duration: 0.3s; }

}

	
/**************************************************************/
/** BEGIN XS VIEW  ********************************************/
/**************************************************************/
@media (max-width: 575.98px) {
	
	
	/*** BEGIN MARGIN RIGHT *********************************/
	html body .mr-xs-0 {
		margin-right: 0px; }
	
	
	/*** BEGIN MARGIN LEFT **********************************/
	html body .ml-xs-0 {
		margin-left: 0px; }
	
	
	/*** BEGIN MARGIN BOTTOM ********************************/
	html body .mb-xs-0 {
		margin-bottom: 0px !important; }
	
	html body .mb-xs-10 {
		margin-bottom: 10px !important; }
	
	html body .mb-xs-20 {
		margin-bottom: 20px !important; }
	
	html body .mb-xs-30 {
		margin-bottom: 30px !important; } 
	
	
	/*** BEGIN MARGIN TOP **********************************/
	html body .mt-xs-20 {
		margin-top: 20px; } 
	
	
	/*** BEGIN WIDTH ***************************************/
	html body .wp-xs-600 {
		width: 600px !important; }
	
	html body .wp-xs-400 {
		width: 400px !important; }
	
	html body .wp-xs-300 {
		width: 300px !important; }
	
	html body .wp-xs-100 {
  		width: 100px !important; }
	
	html body .wp-xs-90 {
		width: 90px !important; }
	
	html body .wp-xs-80 {
		width: 80px !important; }
	
	html body .wp-xs-70 {
		width: 70px !important; }
	
	
	html body .xs-w-100 {
		width: 100% !important; }
	
	
	/*** BEGIN PADDING RIGHT *******************************/
	html body .pr-xs-25 {
		padding-right: 25%; }
	
	
	/*** BEGIN TEXT TRANSFORM *******************************/
	.text-xs-left {
		text-align: left !important; }
	
	.text-xs-center {
  		text-align: center !important; }
	

	/*** BEGIN DATATABLE UPLOAD BAR *****************************/	
	.dataTables_wrapper {
		padding-top: 10px; }
		
	.dt-buttons {
		display: none!important;
		float: right !important;
		font-size: 11px;
		font-weight: 500;
		padding-top: 5px;
		margin-bottom: 20px; }

	.dt-buttons .dt-button {
		padding: 5px 15px;
		border-radius: 0.05rem;
		background: #2DB14A;
		color: #fff;
		text-transform: uppercase !important;
		margin-right: 3px; }

	.dt-buttons .dt-button:hover {
		background: #343a40; }

	/*** BEGIN DATATABLE SEARCH BAR *****************************/
	.dataTables_filter {
		float: left !important;
		text-transform: uppercase;
		font-weight: 500;
		margin-top: 5px; }

	.dataTables_filter input {
		border: 0;
		background-image: linear-gradient(#2DB14A, #2DB14A), linear-gradient(#1F1F1D, #1F1F1D); /* #e9ecef */
		background-size: 0 5px, 100% 1px;
		background-repeat: no-repeat;
		background-position: center bottom, center calc(100% - 1px);
		background-color: transparent;
		transition: background 0s ease-out;
		float: none;
		box-shadow: none;
		border-radius: 0;
		margin-left: 0px; }

	.dataTables_filter input:focus {
		outline: none;
		background-image: linear-gradient(#2DB14A, #2DB14A), linear-gradient(#1F1F1D, #1F1F1D); /* #e9ecef */
		background-size: 100% 2px, 100% 1px;
		box-shadow: none;
		transition-duration: 0.3s; }	

}



/**************************************************************/
/** BEGIN ALL VIEW  *******************************************/
/**************************************************************/
	
	/*** BEGIN MARGIN BOTTOM *******************************/
	html body .m-b-n10 {
	  margin-bottom: -10px; }

	html body .m-b-n15 {
	  margin-bottom: -15px; }

	html body .m-b-n20 {
	  margin-bottom: -20px; }

	html body .m-b-n30 {
	  margin-bottom: -30px; }


	/*** BEGIN MARGIN TOP **********************************/
	html body .m-t-n10 {
	  margin-top: -10px; }

	html body .m-t-n15 {
	  margin-top: -15px; }

	html body .m-t-n20 {
	  margin-top: -20px; }

	html body .m-t-n30 {
	  margin-top: -30px; }

	html body .m-t-n40 {
	  margin-top: -40px; }

	html body .m-t-n50 {
	  margin-top: -50px; }

	html body .m-t-n60 {
	  margin-top: -60px; }


	/*** BEGIN PADDING *************************************/
	.p-01 {
	  padding: 1px !important; }

	.p-02 {
	  padding: 2px !important; }

	.p-03 {
	  padding: 3px !important; }
	
	.p-04 {
	  padding: 4px !important; }

	.p-05 {
	  padding: 5px !important; }

	.p-10 {
	  padding: 10px !important; }

	.p-l-35 {
		padding-left: 35px !important; }


	/*** BEGIN HEIGHT *************************************/
	.mh-0 {
	  min-height: 0px !important; }

	.mh-600 {
	  min-height: 600pt !important; }


	/*** BEGIN DATATABLE GENERAL SETTING *****************************/

	.dataTables_info,
	.dataTables_length {
		display: inline-block; 
		font-size: 12px; 
		font-weight: 400; }

	.dataTables_length {
		 float: right; }

	.dataTables_length select {
		border: 0;
		background-image: linear-gradient(#2DB14A, #2DB14A), linear-gradient(#e9ecef, #e9ecef);
		background-size: 0 2px, 100% 1px;
		background-repeat: no-repeat;
		background-position: center bottom, center calc(100% - 1px);
		background-color: transparent;
		transition: background 0s ease-out;
		padding-bottom: 5px; }

	.dataTables_length select:focus {
		outline: none;
		background-image: linear-gradient(#2DB14A, #2DB14A), linear-gradient(#e9ecef, #e9ecef);
		background-size: 100% 2px, 100% 1px;
		box-shadow: none;
		transition-duration: 0.3s; }

	table.dataTable thead .sorting,
	table.dataTable thead .sorting_asc,
	table.dataTable thead .sorting_desc,
	table.dataTable thead .sorting_asc_disabled,
	table.dataTable thead .sorting_desc_disabled {
		background: transparent; }

	table.dataTable thead .sorting_asc:after {
		content: "\f0de";
		margin-left: 10px;
		font-family: fontawesome;
		cursor: pointer; }

	table.dataTable thead .sorting_desc:after {
		content: "\f0dd";
		margin-left: 10px;
		font-family: fontawesome;
		cursor: pointer; }

	table.dataTable thead .sorting:after {
		content: "\f0dc";
		margin-left: 10px;
		font-family: fontawesome !important;
		cursor: pointer;
		color: rgba(50, 50, 50, 0.5); }

	.dataTables_wrapper .dataTables_paginate {
		float: right;
		text-align: right;
		padding-top: 0.25em; 
		font-size: 10px; }

	.dataTables_wrapper .dataTables_paginate .paginate_button {
		box-sizing: border-box;
		display: inline-block;
		min-width: 1.5em;
		padding: 0.5em 1em;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		cursor: hand;
		color: #212529;
		border: 1px solid #ddd; }

	.dataTables_wrapper .dataTables_paginate .paginate_button.current,
	.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
		color: #fff !important;
		border: 1px solid #2DB14A;
		background-color: #2DB14A; }

	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
		cursor: default;
		color: #212529;
		border: 1px solid #e9ecef;
		background: transparent;
		box-shadow: none; }

	.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
		color: white;
		border: 1px solid #2DB14A;
		background-color: #2DB14A; }

	.dataTables_wrapper .dataTables_paginate .paginate_button:active {
		outline: none;
		background-color: #212529; }

	.dataTables_wrapper .dataTables_paginate .ellipsis {
		padding: 0 1em; }


/*  ***************************************  Color  ***************************************  */


/* skin-default 			#4F5467			=				#1F1F1D */ /* (Logo color) */
/* Primary : 				#fb9678			=				#2DB14A	*/ /* (Logo color) */ 
/* Info : 					#03a9f3			=				#76C3F9 */	
/* Danger : 				#e46a76			=				#ED6E79 */
/* Success : 				#00c292			=				#71DF96	*/




/*** BEGIN BACKGROUND COLOR SETTING *****************************/
.bg-main {
	background-color: #1F1F1D !important; }

.bg-wallpaper {
	background-color: #EDF1F5 !important; }

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

.bg-stockin {
	background-color: #d4ffdc !important; }

.bg-stockout {
	background-color: #ffd5d5 !important; }

.bg-canceled {
	background-color: #ffd5d5 !important; }

.bg-valided {
	background-color: #d4ffdc !important; }

.bg-progress {
	background-color: #b4c6e7 !important; }

.bg-total {
	background-color: #ffe699 !important; }

.bg-white {
	background-color: #FFFFFF !important; } 

.bg-black {
	background-color: #1F1F1D !important; }

.bg-success {
	background-color: #71DF96 !important; }

.bg-danger {
	background-color: #ED6E79 !important; }

.bg-alert {
	background-color: #E43054 !important; }


/*** BEGIN TEXT COLOR SETTING *****************************/
.text-stockin {
	color: #006153 !important; }

.text-stockout {
	color: #9c0006 !important; }

.text-canceled {
	color: #9c0006 !important;
	font-weight: 400 !important;}

.text-valided {
	color: #006153 !important;
	font-weight: 400 !important; }

.text-waiting {
	color: #3054a4 !important;
	font-weight: 400 !important; }

.text-total {
	color: #854a02 !important;
	font-weight: 400 !important; }

.text-dark-link {
	color: #343A40 !important; }

a.text-dark-link:hover, a.text-dark:focus {
	color: #2DB14A !important; }

.text-muted-link {
	color: #6C757D !important; }

a.text-muted-link:hover, a.text-muted:focus {
	color: #2DB14A !important; }

.text-white {
	color: #C7C7C7 !important; }

.text-black {
	color: #1F1F1D !important; }


/*** BEGIN TEXT WEIGHT SETTING *****************************/
.font-weight-500 {
	font-weight: 500 !important; }

.font-weight-400 {
	font-weight: 400 !important; }

.font-weight-300 {
	font-weight: 300 !important; }


/*** BEGIN BTN COLOR SETTING *****************************/
.btn-main {
	border-color: #EDF1F5 !important; }

.btn-main {
	color: rgba(255, 255, 255, 0.75);
	background-color: #1F1F1D;
	border-color: #1F1F1D; }

.btn-main:hover {
	color: #1F1F1D;
    background-color: #2DB14A;
    border-color: #2DB14A; }

.btn-main:focus, .btn-main.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.75); }

.btn-main.disabled, .btn-main:disabled {
	color: #FFF;
    background-color: #2DB14A;
    border-color: #2DB14A; }

.btn-main:not(:disabled):not(.disabled):active, .btn-main:not(:disabled):not(.disabled).active,
.show > .btn-main.dropdown-toggle {
	color: #FFF;
    background-color: #000000;
    border-color: #000000; }

.btn-main:not(:disabled):not(.disabled):active:focus, .btn-main:not(:disabled):not(.disabled).active:focus,
.show > .btn-main.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.75); }


/*** BEGIN CART STATUS TEXT COLOR SETTING *****************************/
.cart-open {
	color: #FFF;
	font-weight: 500;
	background-color: #6A6A6A; }

.bg-open {
	background-color: #6A6A6A !important; }


.cart-close {
	color: #FFF;
	font-weight: 500;
	background-color: #9F0008; }

.bg-close {
	background-color: #9F0008 !important; }


.cart-waiting {
	color: #FFF;
	font-weight: 500;
	background-color: #1892FF; }

.bg-waiting {
	background-color: #1892FF !important; }



.cart-saleOn {
	color: #FFF;
	font-weight: 500;
	background-color: #0E4993; }

.bg-saleOn {
	background-color: #0E4993 !important; }



.cart-saleOff {
	color: #FFF;
	font-weight: 500;
	background-color: #2A2A2A; }

.bg-saleOff {
	background-color: #2A2A2A !important; }



.cart-delivery {
	color: #FFF;
	font-weight: 500;
	background-color: #00A436; }

.bg-delivery {
	background-color: #00A436 !important; }

.cart-noStatus {
	color: #212529;
	font-weight: 500;
	background-color: #FEC107; }

.bg-noStatus {
	background-color: #FEC107 !important; }





/*** LANGUAGES MAILBOX SETTING *****************************/
.topbar .top-navbar .mailbox-languages {
	width: auto; }

.topbar .top-navbar .mailbox-languages ul {
	padding: 0px; }

.topbar .top-navbar .mailbox-languages ul li {
	list-style: none; }

html body .navbar-dark .mailbox-languages ul li .drop-title {
	font-weight: 500;
	padding: 11px 20px 15px;
	border-bottom: 1px solid #e9ecef; }

html body .navbar-dark .mailbox-languages ul li h5 {
	color: #212529; }

html body .navbar-dark .mailbox-languages ul li .nav-link {
	border-top: 1px solid #e9ecef;
	padding-top: 15px;
	color: #212529; }

html body .navbar-dark .mailbox-languages ul li .nav-link:hover {
	color: #2DB14A; }

html body .navbar-dark .mailbox-languages .message-center {
	height: auto; min-height: 100px; /* Alert */
	overflow: auto;
	position: relative; }

html body .navbar-dark .mailbox-languages .message-center a {
	border-bottom: 1px solid #e9ecef;
	display: block;
	text-decoration: none;
	padding: 9px 15px; }

html body .navbar-dark .mailbox-languages .message-center a:hover {
	background: #e9ecef; }

html body .navbar-dark .mailbox-languages .message-center a div {
	white-space: normal; }

html body .navbar-dark .mailbox-languages .message-center a .user-img {
	width: 40px;
	position: relative;
	display: inline-block;
	margin: 0 10px 15px 0; }

html body .navbar-dark .mailbox-languages .message-center a .user-img img {
	width: 100%; }

html body .navbar-dark .mailbox-languages .message-center a .user-img .profile-status {
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	left: 30px;
	position: absolute;
	top: 1px;
	width: 10px; }

html body .navbar-dark .mailbox-languages .message-center a .user-img .online {
	background: #71DF96; }

html body .navbar-dark .mailbox-languages .message-center a .user-img .busy {
	background: #ED6E79; }

html body .navbar-dark .mailbox-languages .message-center a .user-img .away {
	background: #fec107; }

html body .navbar-dark .mailbox-languages .message-center a .user-img .offline {
	background: #fec107; }

html body .navbar-dark .mailbox-languages .message-center a .mail-contnet {
	display: inline-block;
	width: 75%;
	padding-left: 10px;
	vertical-align: middle; }

html body .navbar-dark .mailbox-languages .message-center a .mail-contnet h5 {
	margin: 5px 0px 0; }

html body .navbar-dark .mailbox-languages .message-center a .mail-contnet .mail-desc,

html body .navbar-dark .mailbox-languages .message-center a .mail-contnet .time {
	font-size: 12px;
	display: block;
	margin: 1px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #212529;
	white-space: nowrap; }




/*** LANGUAGES CONNECTION SETTING *****************************/
.topbar-languages .top-navbar .connection-languages {
	width: auto; }

.topbar-languages .top-navbar .connection-languages ul {
	padding: 0px; }

.topbar-languages .top-navbar .connection-languages ul li {
	list-style: none; }

html body .navbar-dark .connection-languages ul li .drop-title {
	font-weight: 500;
	padding: 11px 20px 15px;
	border-bottom: 1px solid #e9ecef; }

html body .navbar-dark .connection-languages ul li .nav-link {
	border-top: 1px solid #e9ecef;
	padding-top: 15px;
	color: #212529; }

html body .navbar-dark .connection-languages ul li .nav-link:hover {
	color: #2DB14A; }

html body .navbar-dark .connection-languages .message-center {
	height: auto; min-height: 100px; /* Alert */
	overflow: auto;
	position: relative; }

html body .navbar-dark .connection-languages .message-center a {
	border-bottom: 1px solid #e9ecef;
	display: block;
	text-decoration: none;
	padding: 9px 15px; }

html body .navbar-dark .connection-languages .message-center a:hover {
	background: #e9ecef; }

html body .navbar-dark .connection-languages .message-center a div {
	white-space: normal; }

html body .navbar-dark .connection-languages .message-center a .user-img {
	width: 40px;
	position: relative;
	display: inline-block;
	margin: 0 10px 15px 0; }

html body .navbar-dark .connection-languages .message-center a .user-img img {
	width: 100%; }

html body .navbar-dark .connection-languages .message-center a .user-img .profile-status {
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	left: 30px;
	position: absolute;
	top: 1px;
	width: 10px; }

html body .navbar-dark .connection-languages .message-center a .user-img .online {
	background: #71DF96; }

html body .navbar-dark .connection-languages .message-center a .user-img .busy {
	background: #ED6E79; }

html body .navbar-dark .connection-languages .message-center a .user-img .away {
	background: #fec107; }

html body .navbar-dark .connection-languages .message-center a .user-img .offline {
	background: #fec107; }

html body .navbar-dark .connection-languages .message-center a .mail-contnet {
	display: inline-block;
	width: 75%;
	padding-left: 10px;
	vertical-align: middle; }

html body .navbar-dark .connection-languages .message-center a .mail-contnet h5 {
	margin: 5px 0px 0; }

html body .navbar-dark .connection-languages .message-center a .mail-contnet .mail-desc,

html body .navbar-dark .connection-languages .message-center a .mail-contnet .time {
	font-size: 12px;
	display: block;
	margin: 1px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #212529;
	white-space: nowrap; }


html body .h-10 {
		min-height: 10% !important; }

html body .font-10 {
		font-size: 10px !important; }


.border-delete {
	border-color: #9c0006  !important; }

.categorySubDisplay {
  display: none;
}


/*** INVOICE CSS *****************************/
.btn-invoice {

	display: inline-block;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.btn-dynamic {
	color: #000;
	background-color: #C7C7C7;
	border-color: #C7C7C7; }

.btn-orange {
	color: #000;
	background-color: #2DB14A;
	border-color: #2DB14A; }


.p-l-140 {
	padding-left: 145px !important; }

.p-l-150 {
	padding-left: 150px !important; }

.p-rl-60 {
	padding-left: 60px !important;
	padding-right: 60px !important; }

.p-rl-0 {
	padding-left: 0px !important;
	padding-right: 0px !important; }

.p-rl-10 {
	padding-left: 10px !important;
	padding-right: 10px !important; }

.p-rl-15 {
	padding-left: 15px !important;
	padding-right: 15px !important; }

.p-rl-20 {
	padding-left: 20px !important;
	padding-right: 20px !important; }

.p-rl-25 {
	padding-left: 25px !important;
	padding-right: 25px !important; }

.p-tb-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important; }

.p-tb-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important; }

.p-tb-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important; }

.p-tb-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important; }

.p-tb-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important; }


html body .font-arial {
	font-family: "Arial", sans-serif !important; }

.border-bottom-white-1 {
	border-bottom: 1px solid #fff !important; }

.border-right-white-1 {
	border-right: 1px solid #fff !important; }

.border-left-white-1 {
	border-left: 1px solid #fff !important; }

.font-12 {
	font-size: 12px !important; }

.table-tr-primary, .table-tr-primary > th, .table-tr-primary > td {
	background-color: rgba(45, 177, 74, .5); }

@media print {
	
	.footer {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 300px;
		width: 100%;
		overflow: hidden; }
}

::-moz-selection {
	color: #fff;
	background-color: #2DB14A; }

::selection {
	color: #fff;
	background-color: #2DB14A; }