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

@media only screen and (min-width: 993px) {
nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 64px;
    line-height: 64px;
    display: block;
}
}

nav {
background-color: #008CCC;
}

.datepicker-date-display, .timepicker-digital-display {
background-color: #008CCC;
}

.datepicker-close, .timepicker-close {
color: #008CCC;
}

ul.errorlist li {
    color: red; 
}

.errorlist {
    color: red; 
}

.greentext {
	color: Green
}

.redtext {
	color: Red
}

/*
textarea#id_content {
	min-height: 300px;
	height: 300px
}
*/

/* not specific enough to put default back */
ul.browser-default {
	  list-style-type: initial;
}


.alert .card-content span {
    font-weight: bold;
    font-size: 1.1em;
    margin-right:4px;
}
.alert .card-content .material-icons {
    font-size: 1.5em;
    position: relative;
    top: 5px;
    margin-right: 0.5em;
}

.container {
margin: 0 auto;
max-width: 1680px;
width: 85%;
}
@media only screen and (min-width: 601px) {
.container {
width: 95%;
}
}
@media only screen and (min-width: 993px) {
.container {
width: 85%;
}
}   

.btn, .btn-small, .btn-large {
background-color: #00214E;
}

.btn:hover, .btn-small:hover, .btn-large:hover {
background-color: #00214E;
}

.user-view {
text-align: center;
color: #333;
}

.user-view .background {
background-color: #FFF;
}


label.required:after {
content: " *";
color: red
}

ul.actual_list, ul.actual_list>li {
list-style-type: initial;
padding-left: 25px;
}

ul.actual_list>li>ul, ul.actual_list>li>ul>li {
list-style-type: circle;
padding-left: 25px;
}

.datepicker-controls .select-month input {
    width: 90px;
}