.logo-small {
    padding-left: 0.25em;
    padding-top: 0.25em;
    height: 1.65em;
    width: auto;
}

a {
    color: #f44336;
}

table, tr, th, td {
    padding: 0.8em;
}
.sortable > :first-child{
    cursor:pointer;
}
#charts-card{
        display:none;
}
#chartsData{
    display:block;
}
@media screen and (max-width:540px){
    #charts-card{
        display:block;
    }
    #chartsData{
        display:none;
    }
}
/* Customized forms colors */
.select_error {
    color: #F44336;
    margin-left: 3.5rem;
    font-size: 0.8rem;
    line-height: 0.5rem;
}

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%);
}
/* label focus color
.input-field input[type=text]:focus + label {
 color: #f44336;
}

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

.input-field input[type=password]:focus + label {
 color: #f44336;
}

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

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

.input-field input[type="checkbox"]:checked + label:before {
  border-right: 2px solid #f44336 !important;
  border-bottom: 2px solid #f44336 !important;
}
*/

/*tr:nth-child(even) {
    background-color: #ffebee;
}*/



/*tr:nth-child(odd) {
    background-color: indianred;
}*/

.legend {
    width: 100%;
}

.legend .title {
    display: block;
    margin-bottom: 0.5em;
    line-height: 1.2em;
    padding: 0 0.3em;
    float: left;
}

.legend .color-sample {
    display: block;
    float: left;
    width: 1em;
    height: 1em;
    border: 2px solid; /* Comment out if you don't want to show the fillColor */
    border-radius: 0.5em; /* Comment out if you prefer squarish samples */
    margin-right: 0.5em;
}

/* for the sticky footer */
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }


.material-icons.prefix {
 margin-top: 0.5rem;
}

.prefix ~ div.select-wrapper {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem);
}

.select-dropdown {
    margin-bottom: 0rem !important;
}

/* ---  for cards ---- */


.smallCardTitle {
    font-size: 1.4em;
}

.bigCardTitle {
    font-size: 1.8em;
}

@media screen and (max-width:600px) {
    .smallCardTitle {
        font-size: 1.2em;
    }

    .bigCardTitle {
        font-size: 1.6em;
    }
}

.badge.block {
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    background-color: #26a69a;
    border-radius: 2px;
}

.picker {
    line-height: 1.0 !important;
}