/**
 *
 * Apply Here your Custom CSS
 *
*/


.ui-rangeSlider .ui-rangeSlider-container .ui-rangeSlider-bar {
  background: #ec5956;
  height: 10px;
}
.ui-rangeSlider .ui-rangeSlider-container .ui-rangeSlider-handle {
  position: relative;
  background: #ec5956;
  width: 10px;
  height: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #FFF;
  padding: 10px;
  margin-top: -7px;
}
.ui-rangeSlider .ui-rangeSlider-container .ui-rangeSlider-handle.ui-rangeSlider-leftHandle {
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  -o-transform: translateX(-100px);
  transform: translateX(-100px);
}
.ui-rangeSlider .ui-rangeSlider-label {
  visibility: hidden;
}
.slider {
  height: 10px;
  margin-bottom: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ebebeb;
}
.slider .ui-slider-handle {
  background: #ec5956;
  top: 0;
  border: 2px solid #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-top: -5px;
  outline: none;
  cursor: pointer;
}
.slider .ui-slider-handle .ui-label {
  position: absolute;
  left: -50%;
  top: 20px;
  color: #bcbcbc;
  margin-left: 5px;
  white-space: nowrap;
}
.slider .ui-slider-range {
  background: #ec5956;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.slider.ui-slider-vertical {
  height: 250px;
}
.slider.ui-slider-vertical .ui-slider-handle {
  top: auto;
  margin-left: -1px;
}
.slider.ui-slider-vertical .ui-slider-handle .ui-label {
  top: 1px;
  left: 15px;
}
.slider .ui-slider-handle {
  background: #ec5956;
  border: 2px solid #fff;
}
.slider .ui-slider-range,
.slider .ui-fill {
  background: #ec5956;
}
.slider.slider-green,
.slider.slider-success {
  background: #ebebeb;
}
.slider.slider-green .ui-slider-handle,
.slider.slider-success .ui-slider-handle {
  background: #0fbd71;
  border: 2px solid #fff;
}
.slider.slider-green .ui-slider-range,
.slider.slider-success .ui-slider-range,
.slider.slider-green .ui-fill,
.slider.slider-success .ui-fill {
  background: #0fbd71;
}
.slider.slider-blue,
.slider.slider-info {
  background: #ebebeb;
}
.slider.slider-blue .ui-slider-handle,
.slider.slider-info .ui-slider-handle {
  background: #21a9e1;
  border: 2px solid #fff;
}
.slider.slider-blue .ui-slider-range,
.slider.slider-info .ui-slider-range,
.slider.slider-blue .ui-fill,
.slider.slider-info .ui-fill {
  background: #21a9e1;
}
.slider.slider-gold,
.slider.slider-warning {
  background: #ebebeb;
}
.slider.slider-gold .ui-slider-handle,
.slider.slider-warning .ui-slider-handle {
  background: #f7d227;
  border: 2px solid #fff;
}
.slider.slider-gold .ui-slider-range,
.slider.slider-warning .ui-slider-range,
.slider.slider-gold .ui-fill,
.slider.slider-warning .ui-fill {
  background: #f7d227;
}


body {
	font-size: 13px;
	-webkit-text-size-adjust: 100%;
	background-color: rgb(241, 241, 241);
}

.main-content {
    background-color: rgb(241, 241, 241);
}

.panel {
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    margin: 10px;
    padding: 10px;
}

.panel h3 {
    margin-top: 5px;
}

.popover {
    font-family: inherit !important;
}

.ship-to i:hover{
    cursor: pointer;
}

.ship-to > .popover {
    min-width: 300px;
    max-width: 500px;
}

table.dataTable tbody tr td div.popover {
    min-width:350px;
    max-width:400px;
}

.btn-group {
    display:flex;
}

.about {
    font-size: 13px;
    line-height: 20px;
}

p.info-blurb {
    font-size: 13px;
    line-height: 20px;
}

div.bx-wrapper {
    margin-top: 20px;
}

.btn {
    font-size:13px;
}

.share-button {
    margin-left: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.copy-button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-top: -1px;
}

.btn-blue a{
    color: #fff;
}

.page-container .sidebar-menu {
    width:230px;
}

.page-container .sidebar-menu #main-menu li {
    font-size: 13px;
}

.panel > .panel-heading .panel-title {
    font-size: 13px;
}
.filter-body {
    padding-left:40px;
    padding-right:40px;
}

.slider .ui-slider-handle .ui-label {
    left: -30%;
    color: #969696;
}

.slider.slider-blue .ui-slider-range, .slider.slider-info .ui-slider-range, .slider.slider-blue .ui-fill, .slider.slider-info .ui-fill {
    background-color: #0072bc;
}

.slider.slider-blue .ui-slider-handle, .slider.slider-info .ui-slider-handle {
    background: #0072bc;

}

table.dataTable {
    border-spacing: 0;
    border-collapse: collapse !important;

}

.footer-row {
    margin-bottom: 60px !important;
}

table {

}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px !important;
}

.slider {
    margin-top: 10px;
}

.highlight { background-color: #f5f5f6; }

.good_deal{
    background-color: #a0e7a0;
}

.bad_deal{
    background-color: #ff6961;
}

.fair_deal{
    background-color: #FCF4A3;
}

.great_deal{
    background-color: #63d863;
}

.outclick{
    background-color: #aececf !important;
}

.previewclick{
    color: #aececf !important;
}

.spec-filters {
    display:block;
    padding:5px !important;
}

.slider-container {
    padding-right:20px;
}

.tooltip {
    white-space: normal;
}

.photo-preview:hover {
    cursor:pointer;
}




footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #efefef;
  text-align: center;
}

.bx-wrapper{
    margin-top: 5px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 12px;
}

.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td{
    border-top: 2px solid rgb(240, 240, 240) !important;
    border-right: 0px;
    border-left: 0px;
}

.table-bordered > thead > tr > th {
    border-bottom: 2px solid #222 !important;
}

table.dataTable tbody tr td i.fa-photo {
    font-size: 15px;
    line-height: 15px;
    margin-left: 3px;
}

table.dataTable {
    font-size: 15px;
}
table.dataTable thead tr th.clear-header {
    border-bottom:1px solid #fff !important;
}

table.dataTable thead tr th.clear-header:hover {
    background-color: #fff;
}

table.dataTable thead tr th.span-header {
    text-align:center;
    border-bottom: 1px solid #cdcdcd !important;
    border-right: 10px solid #fff !important
}

table.dataTable thead tr th.span-header:hover {
    background-color: #fff;
}

.table-bordered > tbody > tr > td {

}
.table-bordered {
  border: 0px !important;
}

.dataTables_wrapper {
  border: 0px !important;
}

table.dataTable thead tr th {
    background-color: white;
    font-weight: 500;
    color: black;
    border: 0px;
    font-size: 12px;
}

table.dataTable thead tr th:hover {
    background-color: #f0f0f0;
}

th.sorting_desc, th.sorting_asc {
    background-color: #5b5e5f  !important;
    color: #fff  !important;
}

.btn-outlink {
    font-weight: 500;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
    padding: 0.2em 0 0.2em 0 !important;
}

table.dataTable>tbody>tr.child td {
    border-top-color: #fff !important;
}

table.dtr-collapsed {
    font-size: 11px !important;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.table-bordered > thead > tr.filler-header th {
    border: 0px !important;
    line-height: 0px !important;
    padding:0px !important;
}

.tooltip {
    font-family: inherit !important;
}


#show_count {
    font-weight: 400;
}

.pagination>li>a, .pagination>li>span {
    color: #222222;
}

.dataTables_wrapper .dataTables_paginate {
    border: none;
}

.btn {
    outline: 0!important;
}

.btn-default {
    color: #303641;
    background-color: #f0f0f1;
    border-color: #f0f0f1;
    opacity: 0.65;
}

.btn-blue {
    color: #FFF;
    background-color: #0072bc;
    border-color: #0072bc;
}

.dataTables_wrapper > div input[type="text"], .dataTables_wrapper > div input[type="search"], .dataTables_wrapper > div input[type="numbeer"] {
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 6px 10px;
    outline: 0;
}

.value-container {
    position:relative;
    margin: 10px 0 0 0;
    padding-bottom:25px;
    line-height:18px;
    clear: both;
    width: 100%;  // or relative width
}

.value-container span {
    color: #969696;
}

table.dataTable thead tr th {
    background-color: white;
    font-weight: 500;
    color: black;
    border: 0px;
    font-size: 12px;
}

.dropdown-menu {
    font-size: 13px;
}

html {
  height: 100%;
}

body {
  position: relative;
  margin: 0;
  min-height: 99%;
  padding: 0;
}

.menu_section_heading {
    text-transform: uppercase;
    font-weight:300;
    font-size: 14px;
    font-family: Poppins;
    letter-spacing:0.5px;
}

.btn:hover {
    background-color: #005a95 !important;
    color: white !important;;
}