.logo {
  height: 70px;
}

nav {
    color: #5f6368 !important;
    box-shadow: none;
}

nav a {
    color: #5f6368 !important;
}

nav span {
    padding: 0px 15px;
}

.navbar {
  background: #FFF;
  border: none;
  height: 70px;
  box-shadow: none;
}

body {
  background: #FFF;
}

.main {
    min-height: calc(100vh - 70px);
}

footer {
    position: relative;
    margin-bottom: 0px;
    width: 100%;
}

.page-footer {
    padding: 0px 0px;
    background: #FFF;
}

.footer-spacer {
    height: 20px;
}

.sidenav-trigger {
  padding: 7px;
}

.input-field input[type=email]:focus + label,
.input-field input[type=password]:focus + label,
.input-field .materialize-textarea:focus + label,
.input-field input[type=text]:focus + label {
    color: #3f51b5 !important;
}

.input-field input[type=email]:focus,
.input-field input[type=password]:focus, 
.input-field .materialize-textarea:focus,
.input-field input[type=text]:focus {
    border-bottom: 1px solid #3f51b5 !important;
    box-shadow: 0 1px 0 0 #3f51b5 !important;
}

#modal-cn-window {
    overflow: visible !important;
}

.chips .autocomplete-content {
    width: 85% !important;
}

.weekend {
    background: #F5F6CE;
}

ul.select-dropdown,
ul.dropdown-content {
  width: auto !important;
}

ul.dropdown-content > li > span {
    white-space: nowrap;
}

.tabs .tab a{
    color:#000;
} /*Black color to the text*/

.tabs .tab a:hover {
    background-color:#eee;
    color:#000;
} /*Text color on hover*/
 
.tabs .tab a:focus.active {
    background-color:#eee;
    color:#000;
} 

.tabs .tab a.active {
    background-color:#eee;
    color:#000;
} /*Background and text color when a tab is active*/

.tabs .indicator {
    background-color:#3f51b5;
} /*Color of underline*/

.progress {
    display: none;
    position: absolute;
    margin: 0px 0px;
    background-color: #1a237e;
}

.progress .indeterminate {
    background-color: #2842d9;
}

.logo {
    width: 180px;
    height: 49px;
}

.brand-logo {
    width: 120px;
    height: 33px;
    margin: 15px;
}

/* fixes dropdown bug on mobile */
.select-wrapper * { transition: none !important; transform: none !important; } 

.datepicker-date-display {
    background-color: #1a237e !important;
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done{
    color: #1a237e !important;
}

.datepicker-table td.is-today {
    color: #3f51b5 !important;
}

.datepicker-table td.is-selected{
    background-color: #1a237e !important;
}

.left.comment{
    font-size: 14px; 
    color: #6E6E6E; 
    margin: 0px 0px;
}

.left.author{
    font-size: 12px; 
    color: #A4A4A4; 
    margin: 0px 0px; 
    font-style: italic;
}

.left.date{
    font-size: 10px; 
    color: #A4A4A4; 
    margin: 0px 0px;
}

.right.comment{
    text-align: right; 
    font-size: 14px; 
    color: #6E6E6E; 
    margin: 0px 0px;
}

.right.author{
    text-align: right; 
    font-size: 12px; 
    color: #A4A4A4; 
    margin: 0px 0px; 
    font-style: italic;
}

.right.date{
    text-align: right; 
    font-size: 10px; 
    color: #A4A4A4; 
    margin: 0px 0px;
}

pre {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    white-space: pre-wrap;
    word-wrap: break-word;
}

#post-loader > .spinner-layer {
    border-color: #fff !important;
}

[type="checkbox"]:checked+span:not(.lever):before {
    border-right: 2px solid #1a237e !important;
    border-bottom: 2px solid #1a237e !important;
}

[type="radio"]:checked+span:after {
    background-color: #1a237e !important;
    border: 2px solid #1a237e !important;
}

.dropdown-content li>span {
    color: #1a237e !important;
}