*{

    font-family: 'Ubuntu', sans-serif;

}

.form-title{

    background-color: #32CD32;

    padding: 10px;

    font-weight: 900 !important;

}

label{

    color: gray;

    font-weight: 100;

}

.form-control{

   box-shadow: none !important;

    /*outline: none !important;*/

    border: 1px solid #32CD32;

}

.btn{

    background-color: #32CD32;

    color: white;

    text-transform: uppercase;

    font-weight: 600;

}

.btn:hover{

    opacity: 0.95;

}



form textarea{

    height: 100px !important;

    resize: none;

}

input[type="radio"]{

    width: 20px;

    height: 20px;

}



fieldset{

    border: 1px solid #32CD32 ;

    border-radius: 4px;

}

legend{

    color: #32CD32;

}

html{

    height: 100%;

}

body{

    display: flex;

    flex-direction: column;

    height: 100vh;

}

.content{

    flex: 1 0 auto;

}

header{

    background-color: #32cd32;

    color: whitesmoke;

    padding: 10px 10px;

}

footer{

    flex-shrink: 0;

    background-color: #32CD32;

    color: whitesmoke;

    padding: 10px;

    text-align: center;

    font-size: 18px;

}





.log-title{

    background-color: rgba(255, 255, 255, 0.897);

    color: #32CD32;

}

.btn i{

    margin-left: 4px;

}

/*.input-group{

    border: 1px solid #32CD32 ;

    border-radius: 4px;

}*/





/* MUI CSS */



.css-9z28yo .MuiInputBase-input:not(textarea).MuiInputBase-inputSizeSmall {

    padding: 7.5px 13px;

}



.css-9z28yo .MuiInputBase-input {

    color: rgba(47, 43, 61, 0.68);

}



.css-1no3sf {

    font: inherit;

    letter-spacing: inherit;

    color: currentcolor;

    border: 0px;

    box-sizing: content-box;

    background: none;

    height: 1.4375em;

    margin: 0px;

    -webkit-tap-highlight-color: transparent;

    display: block;

    min-width: 0px;

    width: 100%;

    animation-name: mui-auto-fill-cancel;

    animation-duration: 10ms;

    padding: 21px 12px 4px;

}