.chart-container {
    width: 400px;
    display: flex;
    justify-content: center;
}
.chart-container2 {
    width: 100%;
    height: 200px;
}
.chart-container3 {

    display: flex;
    justify-content: center;
}
.chart-container4 {
    width: 510px;
}
.programming-stats {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0 auto;
    padding-left: 30px;
    width: fit-content;
}
.programming-stats2 {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0 auto;
    width: fit-content;
}



.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.input-validation-error:focus {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

select.input-validation-error {
    border-color: #dc3545;
    padding-right: calc(5.5em + 5.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.775em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}


.input-validation-error ~ .select2 .select2-selection {
    border-color: #dc3545;
    padding-right: calc(5.5em + 5.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.775em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}


.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}








/*.bootstrap-select button.dropdown-toggle:focus {
    outline: none !important;
}


.customSelect {
    border: 1px solid #ced4da !important;
    color: #495057 !important;
}

    .customSelect:hover {
        background-color: #f8f9fa !important;
    }

    .customSelect:focus {
        outline: none !important;
    }
    */


        /* also tried adding in :
  outline-width: 0 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  */
        /*

.bootstrap-select .dropdown-menu > li > a small.muted {
    display: none;
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: relative;
    padding-left: 38px;
}

    .bootstrap-select .dropdown-toggle .filter-option:before {
        content: "Size:";
        font-size: 14px;
        font-weight: 700;
        position: absolute;
        left: 0;
        top: 0;
    }

    */
        /*senha*/
        /*.form-group .glyphicon-eye-open {
    pointer-events: auto;
}

.form-group .glyphicon-eye-open:hover {
    cursor: pointer;
}*/
        /*
                                                    <div class="form-group">
                                                    <input type="password" class="form-control" id="txtSenha" value="password">
                                                    <span id="spnMostrarSenha" class="glyphicon glyphicon glyphicon-eye-open form-control-feedback"> <i class="fas fa-lock"></i></span>
                                                </div>
*/
        /*senha*/