header, main, footer {
  padding-left: 300px;
}

@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0px;
  }
}

td, th {
  padding: 5px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px;
}

.row {
    margin-bottom: 0px;
}

h3.small {
    margin-bottom: 0px;
    margin-top: 0px;
}

.small {
    margin-bottom: 0px;
    margin-top: 0px;
}

.stepper {
    margin-top: 40px;
    display: inline-block;
}

.stepper .page {
	background: #2196f3;
	width: 42px; 
	height: 42px; 
	line-height: 42px; 
	border-radius: 5px; 
	color: white; 
	text-align: center;
	float: left;
	font-weight: bold;
	font-size: 20px;
}

.stepper .inactive {
    background: #e0e0e0;
    color: #757575;
}

.stepper .line {
    width: 30px;
    height: 2px;
    color: #e0e0e0;
    background: #e0e0e0;
    margin-top: 19px;
    margin-left: 0px;
    margin-right: 0px;
    z-index: -1;
    float: left;
}

.stepper .active {
    color: #2196f3;
    background: #2196f3;
}    

.select-wrapper input.select-dropdown {
    font-size: 20px;
} 

.dropdown-content li>span {
    color: #2196f3 !important;
    font-size: 20px;
}

.input-field .prefix.active {
    color: #2196f3;
}

.input-field .active {
    color: #2196f3;
}

.input-field input[type=text]:focus + label {
     color: #2196f3 !important;
}

.input-field input[type=text]:focus {
    border-bottom: 1px solid #2196f3 !important;
    box-shadow: 0 1px 0 0 #2196f3 !important;
}

.input-field input[type=number]:focus + label {
     color: #2196f3 !important;
}

.input-field input[type=number]:focus {
    border-bottom: 1px solid #2196f3 !important;
    box-shadow: 0 1px 0 0 #2196f3 !important;
}

.input-field input[type=checkbox]:focus + label {
     color: #2196f3 !important;
}

.input-field input[type=checkbox]:focus {
    border-bottom: 3px solid #2196f3 !important;
    box-shadow: 0 3px 0 0 #2196f3 !important;
}

.input-field input[type=textarea]:focus {
    border-bottom: 3px solid #2196f3 !important;
    box-shadow: 0 3px 0 0 #2196f3 !important;
}

.input-field input[type=password]:focus + label {
    color: #2196f3 !important;
}

.input-field input[type=password]:focus {
    border-bottom: 1px solid #2196f3 !important;
    box-shadow: 0 1px 0 0 #2196f3 !important;
}

::placeholder {
    color: #757575;
}

.add-margin-bottom {
    margin-bottom: 40px;
}

.indent {
    margin-left: 20px;
}

.error-msg {
    font-size: 18px;
}

.errortext {
    font-size: 16px;
    color: #f44336;
}

.remove-top-margin {
    margin-top: 0px;
}

.navbar-fixed { z-index: 9999; }

.picker__date-display {
    background-color: #2196f3;
}

.picker__weekday-display {
    background-color: #2196f3;
}

.picker__day.picker__day--today {
    color: #2196f3;
}

.picker__close, .picker__today {
    color: #2196f3;
}

.picker__nav--prev:hover, .picker__nav--next:hover {
    background: #bbdefb;
}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
    background-color: #2196f3;
}

.clockpicker-canvas line {
    stroke: #2196f3;
}

.clockpicker-canvas-bg {
    fill: #2196f3;
}

.clockpicker-canvas-bearing {
    fill: #2196f3;
}

[type="checkbox"]:checked + label::before {
    border-right: 2px solid #2196f3;
    border-bottom: 2px solid #2196f3;    
}


.collapse-without-border
{
  margin: 10!important;;
  padding: 0!important;
  border: 0!important;
  box-shadow: none!important;
  background: #fff;
}

.div-table-big-padding {
    padding-top: 10px!important;
}

.add-padding-top {
    padding-top: 8px!important;
}

.div-table-border {
    border-left: 1px solid #d1d1d1;
}

.row .col {
    padding: 0px;
}

.top-border-dashed {
    border-top: 1px dashed #bdbdbd;
}

.court-number {
	background: #616161;
	width: 26px; 
	height: 26px; 
	line-height: 26px; 
	border-radius: 5px; 
	color: white; 
	text-align: center;
	vertical-align: bottom;
	float: left;
	font-weight: bold;
	font-size: 18px;
	margin-left: 10px;
}

.card .card-content {
    padding-left: 30px !important;
/*    margin-left: 0px !important; */
}

.court-number-card {
	background: #000000;
	width: 34px; 
	height: 34px; 
	line-height: 34px; 
	border-radius: 5px; 
	color: white; 
	text-align: center;
	vertical-align: bottom;
	float: left;
	font-weight: bold;
	font-size: 22px;
}

.court-number-reserve {
    /*background: #2196f3;*/
        background: #4caf50;
	width: 26px; 
	height: 26px; 
	line-height: 26px; 
	border-radius: 5px; 
	color: white; 
	text-align: center;
	vertical-align: bottom;
	float: left;
	font-weight: bold;
	font-size: 18px;
	margin-right: 10px;
	margin-left: 10px;
}

.court-number-deactive {
	background: #9e9e9e;
	width: 26px; 
	height: 26px; 
	line-height: 26px; 
	border-radius: 5px; 
	color: white; 
	text-align: center;
	vertical-align: bottom;
	float: left;
	font-weight: bold;
	font-size: 18px;
	/* margin-top: 8px; */
	margin-right: 10px;
	margin-left: 10px;
}

.big-date {
    font-size: 28px;
}