/* YOUR CUSTOM STYLES */

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,200&display=swap');

body,table,tr,th,td,a,button,input,h1,h2,h3,h4,h5,h6 {
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important;
	font-weight: 400;
}

h1,h2,h3,h4,h5,h6 {
	color: #000000;
}

.light {
	font-weight: 300 !important;
}
.heavy {
	font-weight: 700 !important;
}

.text-center {
	text-align: center;
}

/*
.double-nav {
	padding-left: 0px;
}

@media only screen and (max-width: 992px) {
	.double-nav {
		padding-bottom: 6px;
	}
}

@media only screen and (max-width: 544px) {
	.navbar-brand {
		float: none;
	}
}
*/
@media only screen and (max-width: 470px) {
	
	.reduce-for-mobile {
		font-size: 14px;
		height: 64px;
	}
	
}

.left-menu-button-collapse {
	font-size:24px;
	padding: 6px;
}

.btn {
	text-transform: none !important;
	box-shadow: none !important;
}

.btn-sm {
	font-size: .72rem !important;
}

.btn-success {
	background-color: #ffffff !important;
	color: #292929 !important;
	box-shadow: none !important;
	border: 1px solid #eceeea !important;
	border-radius: 8px !important;
}
.btn-success:hover {
    background-color: #292929 !important;
	color: #eceeea !important;
}
.btn-success:active {
    background-color: #292929 !important;
	color: #eceeea !important;
}

.btn-success:not([disabled]):not(.disabled):active {
	background-color: #292929 !important;
	color: #eceeea !important;
}
.btn-info {
	background-color: #b1aaa8 !important;
	color: #ffffff !important;
	box-shadow: none !important;
	border: 1px solid #eceeea !important;
	border-radius: 8px !important;
}
.btn-info:hover {
    background-color: #292929 !important;
	color: #eceeea !important;
}
.btn-info:active {
    background-color: #292929 !important;
	color: #eceeea !important;
}

.btn-info:not([disabled]):not(.disabled):active {
	background-color: #292929 !important;
	color: #eceeea !important;
}

a {
    /*color: #9e342e;*/
	color:#128cbc;

}

input.btn, a.btn, button.btn {
	font-weight: bold;
}

.btn {
	font-size: 0.9rem !important;
}

.btn-sm {
	font-size: 0.84rem !important;
}

.btn-lg {
	font-size: 1.1rem !important;
}

.pagination .page-item.active .page-link {
    background-color: #292929 !important;
    color: #eceeea !important;
}

.pagination .page-item .page-link {
    color: #292929 !important;
}

.pagination .page-item.active .page-link-inverse {
    background-color: #292929 !important;
    color: #eceeea !important;
}

.pagination .page-item .page-link-inverse {
	background-color: #fff !important;
    color: #292929 !important;
	border: 1px solid #292929 !important;
	min-height: 36px !important;
}

.pagination .page-item.disabled .page-link {
    color: #868e96 !important;
}

.btn-success-inverse {
	background-color: #292929 !important;
	color: #eceeea !important;
	box-shadow: none !important;
	border: 1px solid #292929 !important;
	border-radius: 8px !important;
}
.btn-success-inverse:hover {
    background-color: #eceeea !important;
	color: #292929 !important;
}
.btn-success-inverse:active {
    background-color: #eceeea !important;
	color: #292929 !important;
}

.btn-success-inverse:not([disabled]):not(.disabled):active {
	background-color: #eceeea !important;
	color: #292929 !important;
}

.input-group {
	border:1px solid #292929 !important;
	border-radius: 5px !important;
}

.input-group-text {
	color: #292929 !important;
	border:1px solid #292929 !important;
}

.form-control {
	background:#FFF !important;
	border-radius: 3px !important;
	padding-left: 6px !important;
}

.md-form .prefix~input, .md-form .prefix~textarea {
    width: calc(100% - 3.5rem) !important;
}

.md-form .form-control {
    padding: .45rem .55rem !important;
	width: calc(100% - 1.5rem) !important;
}
.md-form label {
    top: 0.5rem !important;
	margin-left: 0.5rem !important;
	color: #000 !important;
}

.md-form .prefix~label {
    margin-left: 2.8rem !important;
}

.md-form label.prefix.active {
    margin-left: 2.5rem !important;
}

.md-form label.active {
	margin-left: 0rem !important;
}

body {
	background-color: #eceeea !important;
}

.alert-orange {
    color: #292929;
    background-color: #fff;
    border-color: #292929;
}

tr.black-border td {
	border-top: 1px solid #000!important;
	border-bottom: 1px solid #000!important;
}

tr.black-border th {
	border-bottom: 1px solid #000!important;
}

.input-default-wrapper .input-default-js+label {
    background-color: #fff !important;
}

.bg-orange {
	background-color: #292929 !important;
}

.btn-moderate {
	width:80px !important;
	height: 60px !important;
	word-break:keep-all!important;
}

.btn-crop {
	height: 40px!important;
}

.range-field input[type=range]+.thumb {
	background-color: #292929!important;
}

input[type=range]::-webkit-slider-thumb {
  background: #292929!important;
}

.red.lighten-5 {
    background-color: #DE0F41 !important;
    color: white !important;
}

.btn-zip {
	width: 200px !important;
	height: 80px !important;
	word-break:keep-all!important;
}

.moderate-photo {
	border-radius: 4px !important;
}

.moderate-photo-td {
	font-size:11px !important; 
}

@media only screen and (min-width: 576px) {
	
	.moderate-photo {
		min-width:130px !important;
	}
	
	.moderate-photo-td {
		width:200px!important;
	}
	
}

.thumbnail-view-mobile {
	 max-height: 90px !important; 
	 display: inline-block !important;
}

.thumbnail-select-mobile {
	 max-height: 90px !important; 
	 display: inline-block !important;
}


@media (max-width: 576px) {
	.align-sm-center {
		text-align: center!important;
	}
	
	.div-features {
		width:100%!important;
		display:inline-block!important;
	}	
	
	.thumbnail-view-mobile {
		width:50% !important;
		vertical-align: top !important;  
		max-height: none!important;
	}
	
	.d-none-td {
		display:none !important;	
	}
}