.invalid-feedback{
    display: block;
    margin-top: 0;
}

.invalid-feedback strong span.form-error{
    display: block;
    margin-top: .25rem;
}

div.custom-checkbox .custom-control-label{
    margin: -24px 0 0 25px;
}

/* .row-gender div.custom-radio:first-child, .row-gender div.custom-radio:nth-child(2){
    margin-right: 10px;
} */

.row-gender div.custom-radio input[type='radio'].error:not(:checked) + label::before{
    background-color: #efa2a9;
}

div.custom-checkbox input[type='checkbox'].error:not(:checked) + label::before{
    background-color: #efa2a9;
}

.btn-default{
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.6;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.text-blue{
    color: #3490dc!important;
}

.link{
    cursor: pointer;
}

@media (min-width: 767.98px){
    .col-md-25{
        max-width: 22%;
    }
}

@media (max-width: 767.98px) {
    div.sp_mb1{
        margin-bottom: .25rem;
    }
    .custom-radio .custom-control-label:before{
        width: 1.5rem;
        height: 1.5rem;
    }
    .custom-control-label:after, .custom-control-label:before{
        width: 1.5rem;
        height: 1.5rem;
    }
    .custom-radio{
        padding-right: 5px;
    }
    .custom-radio label{
        padding: 5px 0 0 8px;
        font-size: 16px;
    }
    .sp_ml-45{
        margin-left: 2.25rem;
    }
    div.form-rool .custom-checkbox .custom-control-label:after, div.form-rool .custom-control-label:before{
        margin: -22px 0px 0px 0px;
    }
    .sp_flex-center{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.fas:hover{
    opacity: 0.6;
    cursor: pointer;
}

.details-control{
    padding: 7px 3px 7px 3px!important;
    text-align: center;
    vertical-align: middle!important;
    color: #28a745;
    width: 40px;
}

.details-control i.reverted{
    transform: rotate(180deg);
    color: #227dc7;
}

.fas.fa-caret-square-down{
    font-size: 24px;
}

.text-warning{
    color: #ffa22a!important;
}

.fa-edit{
    margin-left: 5px;
    cursor: pointer;
    color: #3490dc;
}
.fa-edit:hover{
    opacity: 0.6;
    
}