/* Built-In Classes from OneUI. We override here */
@media only screen and (max-width: 768px) {
	.col-4 {
		width: 100%!important;
	}
	.col-5 {
		width: 100%!important;
	}
}
body{

	background-color: transparent!important;
}

a.link-fx::before {
	background-color: #006330!important;
}

a.link{
	color: #006330!important;
}
a.link-fx{
	color: #000000!important;
}
.form-check-input:checked{
	background-color: #006330!important;
	border-color: #006330!important;
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
		padding: 5px;
		border-radius: 5px;
		width:300px!important;
}

.active > .page-link, .page-link.active {
	color:#006330!important;
	border-color: #006330!important;
}

.btn-alt-secondary:hover{
	background-color: #006330!important;
	color:#000000!important;
}

.swal2-styled.swal2-confirm {
	color:#000000!important;
}


.form-block .form-check-label::before {
	background-color: #006330!important;
}

.button:focus{
	border-color: #006330!important;
}
.form-control:focus {
	border-color: #006330!important;
	box-shadow: 0 0 0 .2rem #006330!important;
}

.form-check{
	margin-bottom: .5rem!important;
}

.form-select:focus {
	border-color: #006330!important;
	box-shadow: 0 0 0 .2rem #006330!important;
}
.form-check-input:focus {
	border-color: #006330!important;
	box-shadow: 0 0 0 .2rem #006330!important;
}
.form-block .form-check-input:checked ~ .form-check-label {
	border-color: #006330!important;
	border-width: 3px;
}
.input:focus{
	border-color: #006330!important;
}
.swal2-styled.swal2-default-outline:focus {
	border-color: #006330!important;
	box-shadow: 0 0 0 .2rem #006330!important;
}


.swal2-styled.swal2-confirm {
	background-color: #006330!important;
	border-color: #006330!important;
	box-shadow: 0 0 0 .2rem #006330!important;
}


.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
	background: #006330!important;
	border: #006330!important;

}


.dataTables_empty{
	text-align: center!important;
	font-weight: bold!important;
}


.sidebar-dark #sidebar .nav-main-link.active{
	color: #FFD100!important;

}

.sidebar-dark #sidebar .nav-main-item.open > .nav-main-link-submenu > .nav-main-link-icon{
	color: #FFD100!important;
}

.sidebar-dark #sidebar .nav-main-item.open > .nav-main-link-submenu, .sidebar-dark #sidebar .nav-main-item.open > .nav-main-link-submenu > .nav-main-link-icon {
	color: #FFD100!important;
}


.sidebar-dark #sidebar .nav-main-link.active > .nav-main-link-icon {
	color: #FFD100!important;
}

.table-hover > tbody > tr:hover > * {
	background-color: yellow;
}

div.dts{display:block !important}div.dts tbody th,div.dts tbody td{white-space:nowrap}div.dts div.dts_loading{z-index:1}div.dts div.dts_label{position:absolute;right:20px;background:rgba(0, 0, 0, 0.8);color:white;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);text-align:right;border-radius:3px;padding:.4em;z-index:2;display:none}div.dts div.dt-scroll-body,div.dts div.dataTables_scrollBody{background:repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.025), rgba(0, 0, 0, 0.025) 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 20px)}div.dts div.dt-scroll-body table,div.dts div.dataTables_scrollBody table{background-color:white;z-index:2}div.dts div.dt-length,div.dts div.dt-paging,div.dts div.dataTables_paginate,div.dts div.dataTables_length{display:none}html.dark div.dts div.dts_label{background:rgba(255, 255, 255, 0.8);color:black}html.dark div.dts div.dt-scroll-body,html.dark div.dts div.dataTables_scrollBody{background:repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.025) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px)}html.dark div.dts div.dt-scroll-body table,html.dark div.dts div.dataTables_scrollBody table{background-color:var(--dt-html-background);z-index:2}



div.block.block-rounded{
    border-style: solid;
    border-width: 2px;
    border-color: #006330;
}


/* End Built-In Classes */

@media only screen and (max-width: 767px) {
    .crary-non-mobile {
        display: none !important;
    }
}
.crary-inline-block{
	display: inline-block !important;
}

.w-300{
	margin: auto;
}
.divider{
	color: #006330!important;
	border-top: 3px solid!important;
	opacity: 1!important;
}

.para{
	display:block;
}

.row_pad{
	padding: 10px;
}

.row_pad_bot{
	padding-bottom: 20px;
}
.fs-8{
	font-size: .75rem;
}

.h-100px{
	height:130px;
	text-align: justify;
	text-justify: auto;
}

.h-250px{
	height:250px;
}

.h-400px{
	height:400px;
}

.oneEm{
	font-size:1em!important;
}

.center_div{
	margin: auto;
	width: fit-content;
}

.div_right{
	text-align: right;
}
.lbl {
 font-weight: 700;
}
.crary_color{
	color:#006330!important;
}
.crary_color a{
	color:#006330!important;
}
.crary_color a:link{
	color:#006330!important;
}

.black_text{
	color: #000000!important;
}
.crary_background{
	background-color: #006330!important;
	color:#000000!important;
	padding: 7px!important;

}

.crary_grey_background{
	background-color: #6C757D!important;
}

.crary_light_grey_background{
	background-color: #c9c9c97e!important;
}

.crary_black_background{
	background-color: #000000;
}
.contained {
	height: 80vh;
	overflow: auto;
}
.center{
	text-align: center!important;
	justify-content: center!important;
}
.center_justify{
	justify-content: center!important;
}

.center_span{
	display: table;
	margin: 0 auto;
}

.margin_auto{
	margin:auto!important;
}

.center_text{
	text-align: center!important;
}
.butGo {
 background-color: #006330!important;
 border: none;
 padding: 5px;
 margin-top: 5px;
}
.butGo:hover {
 cursor: hand;
 cursor: pointer;
 color: #ffffff!important;
}

.butGo_Right {
 background-color: #006330;
 border: none;
 padding: 5px;
 float:right;
 display: inline!important;
}
.butGo_Right_Small {
	background-color: #006330;
	border: none;
	padding: 5px;
	float:right;
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
   }
.butGo_Right_Small:focus {
	border-color: #006330!important;
}

.ass {
    border-style: solid;
    border-width: 2px;
    border-color: #006330!important;    
    background: #ffffff!important;
    margin-bottom: 1.25rem;
    color: #000000!important;
    font-weight:500!important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.60);
    width:100%!important;
}

.ass:hover{
    background-color: #006330!important;	
    color: #ffffff!important;
}

.error{
	padding-top:30px!important;
	color: red!important;
}
.single-space{
	padding-bottom: 0!important;
	margin-bottom: 0!important;
}

.btn_featured:hover{
	background-color: #006330!important;
	color: #ffffff!important;
}

.btn_featured{
	background-color: #fff1ad!important;
	color: #000000!important;
	border-style: solid;
	border-color:  #006330!important;
}
#add_dealer{
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;	
}

#dealer_list{
	display: none;
}

#parts_list{
	/* table-layout: fixed; */
	display: none;
}

#orders_list{
	display:none;
}

.data-list{
	display:none;
}

.return_but{
	display: flex;
	justify-content: center;
}
.right {
	overflow:auto;
	margin-right: 0;
	margin-left:auto;
	display:block;
}


.headerdesc{
	font-weight: 700;
	line-height: normal;
	text-align: center;
}
.labeldesc{
	font-weight: 600;
	text-align: justify;
	font-size: 14px!important;
}
.sticky {
	text-align: center;
	position: -webkit-sticky;
	position: sticky;
	top:0;
	background-color: #ffffff;
}

.sticky-header{
	position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0;
    padding: 10px;
	border-radius: 20px;
	background-color: #6c757d !important;;
    z-index: 1000; /* Ensure the sticky div is above other content */

}
.crary_header{
	background-color: #1F2937!important;
}
.crary_justify{
	text-align: justify!important;
}
.crary_link{
	color:#006330!important;
}

.crary_ref_link a{ 
	color:#006330!important;
}
.crary_link:hover{
	color:#ffffff!important;
}
.crary_link_dark_hover{
	color:#006330!important;
}
.crary_link_dark_hover:hover{
	color:#000000!important;
}

.crary_link_black{
	color:#000000!important;
}
.crary_link_black:hover{
	font-weight: 900!important;
	background-color:#006330!important;
	padding:5px;
	border-radius: 0.25rem;
	color: #000000!important;
}

.dropdown-item:hover{
	font-weight: 900!important;
	background-color:#006330!important;
}

.crary_dealer_text{
	background-color: #006330;
	color: #000000;
	text-align: center;
	border-radius: 5px;
}
.h200{
	height: 200px!important;
}
.pad5{
	padding-top:5px!important;
}

.margin5bot{
	margin-bottom: 5px;
}
.margin20bot{
	margin-bottom: 20px;
}

.margin0bot{
	margin-bottom: 0!important;
}
.bolder:hover{
	color:#ffffff!important;
	font-weight: 900!important;
}

#txtLocationName{
	font-weight: 900;
}
#main-container{
	background-color: transparent!important;
}

.modal-body{
	height: 90vh;
	overflow-y: auto;
  }


.pac-container { z-index: 100000; }

.add-button-div{
	margin: auto;
	margin-bottom: 10px;
	width: fit-content;
}

.cart_div{
	border:3px #006330;
}

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

.f11{
	font-size: 11px!important;
}

.msrp{
	text-align: right;
}

.price{
	text-align: right;
}

.sticky-box{
	z-index: 99;
	border-block-style: solid;
	border-color: #006330;
}

.p-nospace{
	margin: 0!important;
}

/*
*Password Strength Box CSS
*/
#pr-box {
    font: 13px/16px sans-serif;
	position: absolute; 
	z-index:1000;
	display:none;
	width:300px;
	max-width:100%;
}
#pr-box i { 
    width: 0; 
	height: 0; 
	margin-left: 20px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #006330;
}

#pr-box-inner {
	margin-top: 5px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#pr-box p {
	padding:5px;
	padding-left: 10px;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}
#pr-box ul {
	padding:7px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
	margin-top: -30px;
}
#pr-box ul li {
	list-style: none;
	padding:7px;
}
#pr-box ul li span {
	width:10px;
	height:10px;
	display:block;
	float:left;
	border-radius:100%;
	margin-right:15px;
}
#pr-box.light {
	color:#2d2f31;
}
#pr-box.light p {
	background-color:#006330;
	color:#000000;
}
#pr-box.light ul {
	background-color:#000000;
	color:#fff;
}
#pr-box.light ul li span {
	background-color:#000000;
	border:3px solid #006330;
}
#pr-box.light ul li span.pr-ok {
	background-color:#006330;
	border:3px solid #006330;
}
#pr-box.dark {
	color:#f1f1f1;
}
#pr-box.dark p {
	background-color:#23a86d;
}
#pr-box.dark ul {
	background-color:#2d2f31;
}
#pr-box.dark ul li span {
	background-color:#2d2f31;
	border:3px solid #23a86d;
}
#pr-box.dark ul li span.pr-ok {
	background-color:#23a86d;
	border:3px solid #23a86d;
}

.no-sort::after {
	display: none!important;
	content: none!important;
}

.no-sort {
	pointer-events: none!important; 
	cursor: default!important;
	content: none!important;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.print-table{
	table-layout: auto;
	width: 100%!important;
	box-sizing:unset!important;
}

.read-only{
	background-color: #ccc!important;
}

.user-icon{
	width: 21px;
}

.no-wrap{
	white-space: nowrap;
}

.h400{
	max-height: 400px;
}

.social-iframe{
	height: 80vh;
}

.black-bk{
	background-color: #000000!important;
}

.small-button{
	font-size:smaller;
}



@media (max-width: 400px) {
	.hidden-mobile {
	  display: none;
	}

	.dash-logo{
		width: 50%;
	}

	.user-icon{
		width: 15px;
	}

  }


  @media (max-width: 930px) {
	.hidden-mobile {
		display: none;
	  }
  
	.dash-logo{
		width: 50%;
	}
  }