/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

	
/*** !important was needed for snippet ***/



/* label focus color */
 .input-field input:focus + label {
   color: #999 !important;
 }
 /* label underline focus color */
 .row .input-field input:focus {
   border-bottom: 1px solid #999 !important;
   box-shadow: 0 1px 0 0 #999 !important
 }
 /* label focus color */
 .input-field textarea:focus + label {
   color: #999 !important;
 }
 /* label underline focus color */
 .row .input-field textarea:focus {
   border-bottom: 1px solid #999 !important;
   box-shadow: 0 1px 0 0 #999 !important
 }
 
 ul.dropdown-content.select-dropdown li span {
    color: #000; /* no need for !important :) */
}

[type="radio"].with-gap:checked + label:before {
border-radius: 50%;
border: 2px solid #000; }

[type="radio"].with-gap:checked + label:after {
border-radius: 50%;
border: 2px solid #000;
background-color: #000;
z-index: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5); }

.checkbox-red[type="checkbox"] + label:before{
  border: 2px solid red;
  background: transparent;
}
.checkbox-red[type="checkbox"]:checked + label:before{
  border: 2px solid transparent;
  border-bottom: 2px solid red;
  border-right: 2px solid red;
  background: transparent;
}
.checkbox-red.filled-in[type="checkbox"] + label:after{
  border: 2px solid red;
  background: transparent;
}
.checkbox-red.filled-in[type="checkbox"]:checked + label:after{
  background: red;
}
.checkbox-red.filled-in[type="checkbox"]:checked + label:before{
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.ac-dropdown .ac-hover {
    background: #eee;	
}

.dropdown-content li > a, .dropdown-content li > span{
	color:#000;
}

label {
            width: 100%;
        }
        label:after {
            -moz-transition-property: all !important;
            -o-transition-property: all !important;
            -webkit-transition-property: all !important;
            transition-property: all !important;
            font-size: 0.8rem;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            -webkit-transform: none;
            transform: none;
        }

        label:not(.active):after {
            -moz-transform: translateY(-140%);
            -ms-transform: translateY(-140%);
            -o-transform: translateY(-140%);
            -webkit-transform: translateY(-140%);
            transform: translateY(-140%);
        }
		
/*	.picker__date-display, .picker__weekday-display{
        background-color: #7c4dff;
    }

    div.picker__day.picker__day--infocus.picker__day--selected.picker__day--highlighted {
        background-color:#7c4dff ;
    }

    button.picker__today, button.picker__close {
        color: #7c4dff;
    }
	
	.clockpicker-tick.active,
.clockpicker-tick:hover {
  background-color:  #7c4dff;
}

.clockpicker-canvas-bearing {
  fill: #7c4dff;
}

.clockpicker-canvas-bg {
  fill: #7c4dff;
}

.clockpicker-canvas-bg-trans {
  fill: #7c4dff;
}

.clockpicker-canvas line {
  stroke: #7c4dff;
}
*/
#calendar {
		max-width: 900px;
		margin: 0 auto;
	}


#calendar a{
	color: #00acc1;
}

#calendar button:focus{
	background-color:#00acc1;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }

.listinfo{
	border-bottom: 1px solid gray;
}

.tabs .tab a{
    color:gray;
}
.tabs .tab a:hover,.tabs .tab a.active {
	background-color:transparent;
	color:#7b1fa2;
}
.tabs .tab.disabled a,.tabs .tab.disabled a:hover {
	color:#bdbdbd;	
}
.tabs .indicator {
	background-color:#7b1fa2;
}
[type="checkbox"]:checked + label:before {
border-right: 2px solid #7b1fa2;
border-bottom: 2px solid #7b1fa2;
}

a{
	color:#7b1fa2;
}

.picker__date-display{
	background-color:#7b1fa2;
}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected{
	background-color:#7b1fa2;
}
.picker__close, .picker__today, .picker__clear{
	color:#7b1fa2;
}

@media screen and (min-width: 769px){

  .nav-wrapper ul.center {
    display: block;
    width: auto;
  }

  .nav-wrapper > ul.center li {
    float: none;
    display: inline-block;
  }

}