input[type=text],textarea {   
    /* Remove */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Style */
    outline: none;    
}
.m0{
margin:0px;
}
.p0{
padding: 0px;
}
.color-error{
color:red;
font-weight: bold;
}
.color-verde{
color:green;
font-weight: bold;
}
th {
font-size: 12px;
}
.underline{
text-decoration: underline;
}
.current-project{
display: inline-block;
margin: 0px 8px;
background-color: green;
padding: 0px 4px;
border-radius: 2px;
color: #ffffff;
font-size: 12px;
}
.admin{
background-color: green;
display: inline;
border-radius: 2px;
}
.user{
background-color: #2e73da;
display: inline;
border-radius: 2px;
}
body{
font-family: 'Quicksand', sans-serif;
display: flex;
min-height: 100vh;
flex-direction: column;
}
main {
flex: 1 0 auto;
}
nav {background-color: #151515;}
.mtop-section{margin-top: 50px;}
.income{color:green;}
.outcome{color:red;}
.text-right{text-align: right;}
.collapsible {
border-top: none;
border-right: none;
border-left: none;
margin: .5rem 0 1rem 0;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.collapsible-header {border-bottom: none;display: block;text-align: center;}
.collapsible-header:focus {background-color: #ffffff!important;}
.collapsible-body {padding: 0px 10px;border-bottom: none;}

input[type=text]:not(.browser-default),textarea,input[type=password]:not(.browser-default){
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
border: solid 1px #e8e8e8;
border-radius: 2px;
background-color: #f5f5f5;	
padding: 0px 10px;
box-sizing: border-box;
font-family: 'Quicksand', sans-serif;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
border: solid 1px #e8e8e8;
-webkit-box-shadow: none;
box-shadow: none;
}

[type="checkbox"]:checked+span:not(.lever):before {
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #fc8300;
border-bottom: 2px solid #fc8300;
}

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

.btn{
background-color: #000000;
}
.btn-custom{
height: 42px;
line-height: 42px;
font-size: 15px;
padding: 0 28px;
width: 100%;
}

.btn-custom:hover, .btn:hover{
background-color: #1b1b1b;
}
button, input, optgroup, select, textarea {
margin-bottom: 10px;
}

textarea{
padding: 10px 10px;
font-size: inherit;
font-family: inherit;
height: 4rem;
}


.datepicker-date-display {
background-color: #0a0a0a;
}
.datepicker-table td.is-today {
color: #b1b1b1;
}
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
color: #0a0a0a;
padding: 0 1rem;
}
.datepicker-table td.is-selected {
background-color: #0a0a0a;
color: #fff;
}
.datepicker-table td {
border-radius: 0%;
padding: 0;
}

small.error p{
margin: 0px;
padding: 0px;
color: #ff2a2a;
text-align: right;
}

.mb-col{
margin-bottom: 10px!important;
}

.detailed-amount{
background-color: #f3f3f3;
border-radius: 2px;
}

.start{
background-color: #ffea55;
color: #000000;
text-align: center;
}

.paused{
background-color: #b30000;
text-align: center;
color: #ffffff;
}

.completed{
background-color: #17a006;
text-align: center;
color: #ffffff;
}

td, th {
text-align: center;
}

.msg-success{
text-align: center;
display: block;
color: green;
font-weight: bold;
padding: 5px 0px;
border-radius: 2px;
}

.capitalize{
text-transform: capitalize;
}

.page-footer {
margin-top: 50px;
}
@media only screen and (max-width: 600px) {
  .container {
   width: 95%;
  }
}