/* Form */
.mandatory {
    color: #dc3545;
}

.font-xs {
    font-size: 8px;
}

.font-sm {
    font-size: 10px;
}

.font-md {
    font-size: 12px;
}

.font-lg {
    font-size: 14px;
}

.font-xl {
    font-size: 16px;
}

.treeview-menu li a span {
    display: inline-block;
    text-wrap: wrap;
}

.mlr-card {
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.no-rounded {
    border-radius: 0 !important;
}

.pl-40 {
    padding-left: 40px !important;
}

/* OKU Photo*/
.oku-photo {
    width: 150px;
    height: 200px;
    margin: 10px;
    z-index: 2;
    border: #8aa4af 1px solid;
}

.oku-photo-dynamic {
    max-width: 300px;
    max-height: 300px;
    margin: 10px;
    z-index: 2;
    border: #8aa4af 1px solid;
}

/* Breadcrumb */
.breadcrumb {
    background: #2c3b41;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #8aa4af;
    content: "/";
}

.breadcrumb-item.active {
    color: #fff !important;
}

.breadcrumb-item {
    color: #8aa4af !important;
}

/* Data table*/
.paginate_button {
    padding: unset !important;
    margin-left: unset !important;
}

/* Select-2 */
.select2-results__option[aria-selected=true] {
    display: none;
}

.select2-container--default {
    width: 100% !important;
    /* or any value that fits your needs */
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    height: 38px !important;
}

.select2-container .select2-selection--single {
    height: unset !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: unset !important;
    padding-right: 6px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: unset !important;
}

.select2-selection--single {
    height: unset !important;
}

.select2-selection__arrow {
    margin-top: unset !important;
}

.select2-selection__choice {
    color: unset !important;
}

/* Time-picker */
.bootstrap-timepicker-widget input {
    background: #e9ecef !important;
}

div.wrapper {
    position: unset !important;
}

/* effect */
.ef-flip-horizontal {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

/* datatable */
div.dataTables_wrapper div.dataTables_processing {
    top: 0 !important;
}

table.dataTable tfoot td {
    padding-right: 8px !important;
}

/* avatar */
.img-circle {
    border-radius: 50% !important;
}

.elevation-2 {
    width: 2.1rem !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23) !important;
}

form.show-mode select:not(.pmk-item)[disabled] {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

form.show-mode .select2-container--default.select2-container--disabled .select2-selection--single,
form.show-mode .select2-container--default .select2-selection--single,
form.show-mode .select2-selection .select2-selection--single,
form.show-mode .select2-container--default.select2-container--disabled .select2-selection--multiple,
form.show-mode .select2-container--default .select2-selection--multiple,
form.show-mode .select2-selection .select2-selection--multiple,
form.show-mode .form-control {
    border: unset !important;
    background: unset !important;
    margin-left: unset !important;
    padding-left: unset !important;
}

form.show-mode .select2-container--default .select2-selection--single .select2-selection__arrow,
form.show-mode .select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.was-validated select.select2:invalid + .select2.select2-container.select2-container--default span.select2-selection, select.select2.is-invalid + .select2.select2-container.select2-container--default span.select2-selection {
    border-color: #fa5c7c;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e3342f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23e3342f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated select.select2:invalid + .select2.select2-container.select2-container--default .select2-selection__arrow, select.select2.is-invalid + .select2.select2-container.select2-container--default .select2-selection__arrow {
    right: 25px!important;
}
.was-validated select.select2:valid + .select2.select2-container.select2-container--default span.select2-selection, select.select2.is-valid + .select2.select2-container.select2-container--default span.select2-selection {
    border-color: #0acf97;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230acf97' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated select.select2:valid + .select2.select2-container.select2-container--default .select2-selection__arrow, select.select2.is-valid + .select2.select2-container.select2-container--default .select2-selection__arrow {
    right: 25px!important;
}