/***********************/
/* General / All Pages */
/***********************/

/* Added Custom Bootstrap CSS */
.w-40 {
    width: 40% !important;
}

.w-20 {
    width: 20% !important;
}

.w-10 {
    width: 10% !important;
}

/* Validation CSS */
.field-validation-error {
    color: #f00;
}

.validation-summary-errors {
    color: #f00;
    font-weight: bold;
}

.input-validation-error {
    border: 2px solid #f00;
    background-color: #fee;
}

input[type="checkbox"].input-validation-error {
    outline: 2px solid #f00;
}

/* Custom checkbox right side */
label.custom-control-label-left {
    position: relative;
    padding-right: 1.5rem;
}

    label.custom-control-label-left::before,
    label.custom-control-label-left::after {
        right: 0;
        left: auto;
    }

/* Modal Popup CSS */
.modal-dialog {
    flex-grow: 1;
}

    .modal-dialog.modal-xl {
        width: 70%;
        max-width: 70%;
        margin: 30px auto;
    }

    .modal-dialog .modal-body {
        max-height: calc(100vh - 250px);
        overflow-y: auto;
    }

        .modal-dialog .modal-body.row {
            margin-right: 0;
            margin-left: 0;
            padding-left: 0;
            padding-right: 0;
        }

        .modal-dialog .modal-body hr {
            width: 100%;
            border-top: 1px solid #000 !important;
        }

    .modal-dialog .modal-footer.row {
        margin-left: 0;
    }

    .modal-dialog .modal-footer .btn.btn-block + .btn.btn-block {
        margin-top: 0;
    }

/* Hide Arrows From Input Number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.required {
    color: red;
}

.conditionallyRequired {
    color: yellow;
    background-color: yellow;
    border: 1px solid yellow;
}

.required {
    color: red;
}

    .required::after {
        content: "*";
        font-weight: bold;
        color: red;
    }

.required-checkbox {
    color: red;
}

    .required-checkbox::after {
        /*content: "* ";*/
        font-weight: bold;
        color: red;
    }

.requiredNote::before {
    content: "* ";
    font-weight: bold;
    color: red;
}

.requiredNote::after {
    content: "Indicates Required Field";
    font-style: italic;
}

.uploadedImages {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: auto;
}




/*********************/
/* Responsive Styles */
/*********************/
/* Screen Width 1500 or Less */
@media only screen and (max-width: 1400px) {
}

/* Screen Width 1200 or Less */
@media only screen and (max-width: 1200px) {
}

/* Screen size transition from col-md-* to col-sm-* */
@media (max-width: 991px) {
}

/* Screen Width 900 or Less */
@media only screen and (max-width: 900px) {
}

@media screen and (orientation:portrait) {
}

input[type="file"] {
    display: none;
}

.button-wrap {
    position: relative;
}