.fontSize{
    font-size:11px;
}

.table tbody tr:last-child td{
    border-bottom:1px solid #c7bebe !important;
}
.btn.btn-primary, .btn-check:checked + .btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary {
  color: #ddb360;
  border-color: #ddb360;
  background-color: #40302d !important;
}
.card{
	background-color: #d9a053!important;
}
.container-fluid{
	padding: 0px 10px!important;
}

.menu-state-bg .menu-item .menu-link:hover:not(.disabled):not(.active), .menu-state-bg .menu-item.hover>.menu-link:not(.disabled):not(.active) {
    transition: color .2s ease, background-color .2s ease;
    background-color: #fcf8ed !important;
}
.menu-state-bg .menu-item.here>.menu-link, .menu-state-bg .menu-item.show>.menu-link {
    transition: color .2s ease, background-color .2s ease;
    background-color: #fcf8ed !important;
}
.btn.btn-primary, .btn-check:checked + .btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary {
  color: #ddb360;
  border-color: #ddb360;
  background-color: #40302d !important;
}
.aside-enabled.aside-fixed.header-fixed .header{
	left:0px!important;
}
.aside-enabled.aside-fixed.toolbar-fixed .toolbar{
	left:0px!important;
}
.menu-column {
	flex-direction: row!important;
}
.menu-state-title-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title, .menu-state-title-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title {
  color: #ddb360;
}
.menu-state-title-primary .menu-item.here > .menu-link, .menu-state-title-primary .menu-item.show > .menu-link {
  transition: color .2s ease,background-color .2s ease;
  color: #ddb360;
}
.menu-state-title-primary .menu-item .menu-link:hover:not(.disabled):not(.active), .menu-state-title-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) {
  transition: color .2s ease,background-color .2s ease;
  color: #ddb360;
}
.menu-state-title-primary .menu-item.here > .menu-link .menu-title, .menu-state-title-primary .menu-item.show > .menu-link .menu-title {
  color: #ddb360;
}
.menu-sub-lg-dropdown {
    border-radius: 0.475rem;
    background-color: #fff;
    box-shadow: 0 0 50px 0 rgba(82,63,105,.15);
	z-index: 105;
    position: fixed;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(10px, 29px);
}
.header-fixed .header {
    height: 30px!important;
	background-color: #fff!important;
}
.header-fixed.toolbar-fixed .toolbar {
	top: 30px!important;
}
.aside-enabled.aside-fixed .wrapper {
    padding-left: 0px!important;
}
.btn-check:active+.btn.btn-active-light-primary, .btn-check:checked+.btn.btn-active-light-primary, .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .show>.btn.btn-active-light-primary {
    color: #ddb360!important;
    border-color: #fcf8ed;
    background-color: #fcf8ed !important;
}
.btn-check:active+.btn.btn-active-light-primary i, .btn-check:checked+.btn.btn-active-light-primary i, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.show i, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) i, .show>.btn.btn-active-light-primary i {
    color: #ddb360;
}
.toolbar-fixed .toolbar {
    height: 42px;
}
.menu-item .menu-link {
    padding: 0.3rem 0.7rem;
}
.form-control,.btn{
	border-radius: 0px;
}
.input-group-text,.badge{
	border-radius: 0px;
}
.nav-link{
	font-weight: bolder;
}
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #ddb360!important;
}
.odd{
	background-color: #ffffff;
}
.even{
	background-color: #ffdb96;
}
.toolbar{
	background-color: #e6cda1;
}
.font-weight-bold{
	font-weight: bold;
}
.border-left{
	font-size: 26px;
	/* border-left: 1px solid #333!important; */
}

/*----------------------------------------------- SignIn ----------------------------------------------*/

.bg-body-card{
	background-color: #ddb360!important;
}

.bg-body-signin .bg-img-signin{
	background-color: #40302d;
    background: url(/public/media/admin/other/signin_bg.png);
    background-size:cover;
    background-position: center 0px;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
}


/*----------------------------------------------- Dashboard ----------------------------------------------*/

.bg_body_home{
	background: url(https://static.vecteezy.com/system/resources/previews/002/528/322/non_2x/abstract-black-gold-background-poster-with-dynamic-design-vector.jpg);
	background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
} 


/*----------------------------------------------- Sales ----------------------------------------------*/

.bg_body_sales{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 100%;
    margin: 0;
    overflow: hidden;
    background-color: #f7efdf;
}


.bg_body_sales label{
	font-weight: bold!important;
}    

.bg_body_sales .footer{
    position: fixed;
    height: 180px;
    bottom: 0;
    width: 100%;
    background-color: #f7efdf;
}
.footer_right_section{
	font-size: 10px;
}

.bg_body_sales .second_row{
    margin-top: 12px;
    height: 140px;
    padding: 10px;
    font-size: 10px;
}
.bg_body_sales .second_row .left-section{
    border: 1px solid black;
}

.bg_body_sales .StickyContent .content-myTabContent {
	overflow: auto;
	 border: 1px solid #333 !important;
     border-radius: 0rem !important; 
     background: #ffffff;
     min-height: 100px;
     height: auto!important;
     height: 210px!important;
}

.mobile-address{
	display: none;
}	
.desktop-address{
	display: block;
}



@media (max-width:850px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	.bg_body_sales .second_row {
		margin-top: 0px;
		height: 470px;
	}
	.mobile-address{
		display: block;
	}	
	.desktop-address{
		display: none;
	}
	.content{
		padding-bottom: 0px!important;
	}

	.bg_body_sales{
		display: flex;
		flex-direction: column;
		min-height: 100vh;
		min-width: 100%;
		margin: 0;
		overflow: auto;
		background-color: #f7efdf;
	}

	.bg_body_sales .footer{
		position: relative;
		height: 190px;
		bottom: 0;
		width: 100%;
		background-color: #f7efdf;
	}
	.bg_body_sales .StickyContent .content-myTabContent {
		/* height: 210px!important; */
		height: 470px!important;
   }
}

@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	.bg_body_sales .StickyContent .content-myTabContent {
	     /* height: 210px!important; */
		 height: 490px!important;
	}
	.bg_body_sales .footer{
    	height: 190px;
	}
	.footer-table-container{
		height: 140px!important;
	}
	.modal-table-container{
		height: 150px!important;
	}
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
	.bg_body_sales .StickyContent .content-myTabContent {
	     height: 300px!important;
	}
	.bg_body_sales .footer{
    	height: 190px;
	}
	.footer-table-container{
		height: 140px!important;
	}
	.modal-table-container{
		height: 150px!important;
	}
}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 
	.bg_body_sales .StickyContent .content-myTabContent {
	     height: 300px!important;
	}
	.bg_body_sales .footer{
    	height: 190px;
	}
	.footer-table-container{
		height: 140px!important;
	}
	.modal-table-container{
		height: 150px!important;
	}
}
@media (min-width:1450px) { /* hi-res laptops and desktops */ 
	.bg_body_sales .StickyContent .content-myTabContent {
	     /* height: 210px!important; */
		 min-height: 440px!important;
	}
	.bg_body_sales .footer{
    	height: 190px;
	}
	.footer-table-container{
		height: 140px!important;
	}
	.modal-table-container{
		height: 150px!important;
	}
}
@media (min-width:1500px) { /* hi-res laptops and desktops */ 
	.bg_body_sales .StickyContent .content-myTabContent {
	     /*min-height: 590px;*/
	     min-height: 460px;
	}
	.bg_body_sales .footer{
    	height: 250px;
	}
	.footer-table-container{
		height: 200px!important;
	}
	.modal-table-container{
		height: 300px!important;
	}
}

.p-10px{
    padding: 10px 20px!important;
}
.w-15{
    width: 20% !important;
}
.w-17{
    width: 16.5%;
}
.w-48{
    width: 48%;
}
.w-5{
    width: 5%;
}
.justify-content-space-between{
    justify-content: space-between;
}
#address{
    height: 77px;
}
textarea {
  resize: none;
}

.footer-table-container, .modal-table-container{
	border: 1px solid #333!important;
	overflow: auto;
}

/* .myTabContent table{
	width: 90%;
} */
.footer-table-container table{
	width: 90%;
}
table { border-collapse: separate!important; border-spacing: 0!important;text-align: center;width: 80%; }
th {
	border: solid 1px #c7bebe!important;
	border-style: none solid solid none!important;
	padding: 1px!important;
	background-color: lightgray;
	vertical-align: middle !important;
	font-weight: 700!important;
}
td {
	border: solid 1px #c7bebe!important;
	border-style: none solid solid none!important;
	padding: 0px!important;
	vertical-align: middle !important;
}
.border-right-none{
	border-right: 0px!important;
}
.content-table>:not(caption)>*>* {padding: 2px!important;}
.footer-table>:not(caption)>*>* {padding: 2px!important;}

    nav{display: flex;align-items: center;background: #AB47BC;height: 60px;position: relative;border-bottom: 1px solid #495057}
    .icon{cursor: pointer;line-height: 40px}
    .icon span{background: #f00;padding: 7px;border-radius: 50%;color: #fff;vertical-align: top;margin-left: -25px}
    .icon img{display: inline-block;width: 26px;margin-top: 4px}
    .icon:hover{opacity: .7}
    .logo{flex: 1;margin-left: 50px;color: #eee;font-size: 20px;font-family: monospace}
    .notifications{width: 300px;height: 0px;opacity: 0;position: absolute;top: 35px;right: -160px;border-radius: 5px 5px 5px 5px;background-color: #fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
    .notifications h2{font-size: 14px;padding: 10px;border-bottom: 1px solid #eee;color: #999;text-align:left;}
    .notifications h2 span{color: #f00}
    .notifications-item{display: flex;border-bottom: 1px solid #eee;padding: 3px 9px;margin-bottom: 0px;cursor: pointer}
    .notifications-item:hover{background-color: #eee}
    .notifications-item img{display: block;width: 50px;height: 50px;margin-right: 9px;border-radius: 50%;margin-top: 2px}
    .notifications-item .text h5{color: #777;font-size: 13px;margin-top: 1px;text-align:left;margin-bottom: 0px;}
    .notifications-item .text p{text-align:left;color: #aaa;font-size: 12px;margin-bottom: 0px;}
    div#box.notifications{
        margin-right: 1067px;
    }