.max-width-100 {
    max-width: 100% !important;
}

.text-extras {
    color: #30336B !important;
}

.text-extras-light {
    color: #AAAAAA !important;
}

.form-container {
    border: 2px solid #00A77F;
    border-radius: 15px;
    padding: 20px;
    margin: 5px 10%;
}

.bg-report {
    background-color: #ecf7fc !important;
}

.extras-input:focus {
    outline: unset !important;
}

.form-container .form-check input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 17px !important;
    height: 17px !important;
    border: unset !important;
    background: #cdcdcd !important;
    border-radius: 0px;
}

.form-container-noborder {
    padding: 20px;
    margin: 5px 10%;
}

.extras-button-danger {
    background: #EB5757 !important;
    border-radius: 5px;
    width: 100%;
    margin-top: auto;
    height: 75% !important;
    margin-top: 1.65em;
    color: #fff !important;
    border: none !important;
}

.extras-button-danger:hover {
    border: none !important;
    color: #fff;
    background: #E14141 !important;
}

.extras-border-danger {
    border-color: #A70000;
}

.input-container {
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 1px 1px 12px -8px gray;
}

.input-container input,
.input-container span {
    border: none !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding-left: 0px;
}

.extras-legend {
    margin-top: -36px !important;
    background: white;
    width: max-content;
    padding: 1px 15px !important;
    margin-left: 55px !important;
}

.text-underline {
    text-decoration: underline;
}

.pie-canvas {
    width: 100% !important;
    margin: 0px auto;
}

.bar-canvas {
    width: 90% !important;
    height: 450px !important;
    margin: 0px auto;
}

.fs-24 {
    font-size: 24px;
}

.extras_hide {
    display: none !important;
}

.form-container .form-check input[type="radio"]:checked {
    padding: -3px;
    background: #0170b9 !important;
}

.small-height {
    display: block;
    min-height: 32px;
}

.small-height2 {
    display: block;
    min-height: 78px;
}
.extras-label {
    padding: 0.40rem !important;
}

.extras-label-sc {
    padding: 0.40rem !important;
}


/* Media Quries */

@media screen and (max-width: 767px) {
    .form-container,
    .form-container-noborder {
        margin: unset !important;
    }
    .extras-legend {
        width: 100%;
        margin-left: unset !important;
    }
    .pie-canvas {
        width: 320px !important;
        margin: 0px auto;
    }
}