/* ITF custom classes */

/* testing */

/* .card-content {
	display: none;
} */


:root {
  /* --widget-color: #bbdefb; */
  /* --widget-color: rgb(33, 150, 243); */
  --widget-color: #01579b; /* light-blue darken-4 */
  --accent-background:  #424242 ; /* grey darken-3 */
  /* --accent-background: #bbdefb; */
  --accent-background-2: #f5f5f5  ;
}

/* html { font-family: GillSans, Calibri, Trebuchet, sans-serif; } */

body    {overflow-y:scroll;}

#Header {
	margin-bottom: 0px;
}

.container {
	padding-left: 100px;
}

.no-margin-bottom {
	margin-bottom: 0px;
}

.no-margin-no-padding {
	margin: 0 !important;
	padding: 0 !important;
}

.flex-left{
	justify-content: flex-start;
}

.flex-right{
	justify-content: flex-end;
}

.widget-color {
	background-color: var(--widget-color) !important;
}

.accent-color {
	background-color: var(--accent-background) !important;
}

.accent-color-2 {
	background-color: var(--accent-background-2) !important;
}

@media only screen and (max-width : 992px) {
      .container {
        padding-left: 0;
      }
    }

/* The sticky class is added to the button bar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

#ButtonBar {
	background-color: #ffffff;	
	margin-bottom: 0px;
	padding: 1em 0 1em 0;
	z-index: 1000;
}

#PaginationBar {
	margin-bottom: 0px;
}

#PreloaderCircle {
	width: 100%;
	text-align: center;
}

.loader {
	display: inline-block;
	margin: 0 auto;
	margin-top: 30px;
} 

.sticky + #IceForSale {
	padding-top: 5.25em;
}

#ItemCountDisplay{
	/* padding-left: 1em; */
}

.filtered-row-count{
	font-weight: bold;
}

.mon-day-icon {
	border: 2px solid var(--accent-background);
	/* border: 1px solid rgba(128,128,128,.5); */
	border-radius: 3px;
	/* box-shadow: 1px 1px 2px rgba(128,128,128,.3); */ 
	padding: 0px !important;
	text-transform: uppercase;
	width: 5em;
}

.mon-day-icon > span {
	display: block;
	text-align: center;
}

.mon-icon {
	background-color: var(--accent-background);
	color: rgb(255,255,255);
	/* font-size: 110%; */
	font-weight: bold;
	padding-bottom: .20em;
}

.day-icon {
	color: rgb(0,0,0);
	/*font-size: 110%;*/ 
	font-weight: bold;
}

.mon-label {
	padding-top: .2em;
}

.day-num-label {
	font-size: 150%;
}

.time-location-title {
	font-weight: bold;
}

.widget-title {
	font-style: italic;
	margin-top: 0px;
}

.request{
	background-color: var(--widget-color);
}

.ice-time-desc {
	font-weight: normal;
}

/* materialize overrides */
.checkbox-blue[type="checkbox"].filled-in:checked + span:not(.lever):after{
    border: 2px solid var(--widget-color);
    background-color: var(--widget-color);
}

.pagination li.active {
	background-color: var(--widget-color);
}

.request.btn-flat {
	color: #ffffff;
}

.modal {
	max-height: 100% !important;
}

.modal.modal-fixed-footer {
	height: 85% !important;
}

.row {
	
	border: 0px solid black !important;
	
}

.col {
	
	border: 0px solid green;
	
}

.filter-title {
	margin-top: 1em;
	margin-bottom: .5em;
}


/* irs overrides */
.irs--round .irs-bar {
	background-color: var(--widget-color);
}

.irs--round .irs-handle {
	border: 4px solid var(--widget-color) !important;
 }

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
	background-color: var(--widget-color);
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
	border-top-color: var(--widget-color);
}

.irs {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}