input,
select,
textarea,
span.form-control,
span.selection,
span.select2,
span.select2-selection {
    border-radius: 10px !important;
}

.card {
    border-radius: 10px !important;
}

#saveActions {
    margin-top: 24px;
}

.circle-cropper-avatar {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    border-radius: 50%;
    width: 100%;
    padding-top: 100%;
}

.app .select2-container--bootstrap.select2-container--disabled .select2-selection,
.app .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: #f8f9fa;
    opacity: 1;
    cursor: not-allowed;
}

.app .dataTables_wrapper .dataTables_filter input:disabled,
.app .dataTables_wrapper .dataTables_filter input[readonly],
.app .dataTables_wrapper .dataTables_length select:disabled,
.app .dataTables_wrapper .dataTables_length select[readonly],
.app .form-control:disabled, .form-control[readonly] {
    background-color: #f8f9fa;
    opacity: 1;
    cursor: not-allowed;
}

@media only screen
and (max-width: 700px) {
    .main .container-fluid {
        padding: 0 10px;
    }
}