/* Set width on the form input elements since they're 100% wide by default */
/*@media (min-width: 1023px) 
{
    input,
    select,
    textarea {
        max-width: 280px;
    }
}*/

input[type=checkbox]:checked:disabled::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f14a";
    color: darkblue;
}

input[type=checkbox]:checked:disabled {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
}

.num-no-spinner 
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.num-no-spinner input[type="number"] {
    -moz-appearance: textfield;
}

.validation-summary {
    /*display: inline-block !important;*/
    width: 100%;
}

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

.input-validation-error:not(.login-control) {
    border: 1px solid #dc3545 !important;
}

.input-validation-error + span.ui-datepicker-append > .datepicker-click {
    border-top: 1px solid #dc3545 !important;
    border-right: 1px solid #dc3545 !important;
    border-bottom: 1px solid #dc3545 !important;
    border-radius: 0px .2rem .2rem 0px !important;
}

.input-validation-error.login-control {
    /*border-bottom: 2px solid #dc3545;*/
    background-color: lightyellow;
}


/*label.required {
    color: #000000 !important;
}*/

    label.required:before {
        color: #A94442;
        content: '*';
        display: inline;
    }

    label.required.readonly:before {
        content: '';
    }

.validation-summary {
    /*display: inline-block !important;*/
    width: 100%;
}

    .validation-summary.validation-summary-errors {
        display: block;
        color: #721c24;
        /*background-color: #f8d7da;*/
        border-color: #f5c6cb;
        position: relative;
        /*padding: .75rem 1.25rem;*/
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: .25rem;
    }

    .validation-summary ul {
        list-style-type: none;
        color: red;
        padding: 0px;
        margin: 0px;
    }

    .validation-summary p {
        padding: 0px;
        margin: 0px;
    }

/*
.form-control {
    width: 100%;
}
*/
.formgroup-content {
    width: 100%;
}

.formgroup {
    margin-left: 15px;
    margin-right: 15px;
}

[form-table-row] > .form-table-col:first-child:nth-last-child(1) {
    min-width: 6.25em;
}

[form-table-row] > .form-table-col:first-child:nth-last-child(2),
[form-table-row] > .form-table-col:first-child:nth-last-child(2) ~ [form-table-col] {
    min-width: 7.25em;
}

[form-table-row] > .form-table-col:first-child:nth-last-child(3),
[form-table-row] > .form-table-col:first-child:nth-last-child(3) ~ [form-table-col] {
    min-width: 7.8125em;
}

[form-table-row] > .form-table-col:first-child:nth-last-child(4),
[form-table-row] > .form-table-col:first-child:nth-last-child(4) ~ [form-table-col] {
    min-width: 9.375em;
}

input:disabled {
    cursor: no-drop !important;
}


select:disabled {
    cursor: no-drop !important;
}

    select:disabled:hover, select[readonly]:hover {
        cursor: no-drop;
    }

select:disabled:focus, select[readonly]:focus {
    border: 1px solid #ced4da;
    box-shadow: unset;
}

input:not(input[type=submit],input[type=checkbox],input[type=radio]):disabled,
input:not(input[type=submit],input[type=button],input[type=reset],input[type=file],input[type=checkbox],input[type=radio]):read-only,
.form-control:not(input[type=submit],input[type=checkbox],input[type=radio],.btn.form-control):disabled,
.form-control:not(input[type=submit],input[type=button],input[type=reset],input[type=file],input[type=checkbox],input[type=radio],.btn.form-control):read-only {
    cursor: no-drop !important;
}

    input:not(input[type=submit],input[type=checkbox],input[type=radio]):disabled:focus,
    input:not(input[type=submit],input[type=checkbox],input[type=radio]):read-only:focus,
    .form-control:not(input[type=submit],input[type=checkbox],input[type=radio]):disabled:focus,
    .form-control:not(input[type=submit],input[type=checkbox],input[type=radio]):read-only:focus {
        border: 1px solid #ced4da !important;
        box-shadow: unset !important;
    }

@media screen and (min-width: 768px) {
    .form-control {
        max-width: 350px;
        width: auto !important;
    }

    .form-control-100 {
        display: inline-block;
        max-width: 100% !important;
        width: 100% !important;
    }

    .formgroup-content {
        width: auto;
    }

    label {
        display: inline-block;
    }

    .field-validation-error {
        display: block;
    }

    .formgroup-label {
        max-width: 135px !important;
        min-width: 135px !important;
        margin-left: 20px;
        margin-right: 20px;
    }

        .formgroup-label.narrow {
            max-width: 80px !important;
            min-width: 80px !important;
            margin-left: 20px;
        }

        .formgroup-label input {
            display: block;
            margin-bottom: 20px;
            margin-right: 10px;
        }

        .formgroup-label:last-child {
            max-width: 125px !important
        }

        .formgroup-label input[type=radio] {
            float: left;
            margin-top: 4px;
        }

    input.datepicker {
        width: 100px !important;
    }
}

.dropdown-tree {
    background-color: #FFFFFF;
}

    .dropdown-tree .btn {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

@media screen and (max-width: 1164px) and (min-width: 992px) {
    select.form-control[name*=AssnCt] {
        width: 65px !important;
    }

        select.form-control[name*=AssnCt] + span + .form-control {
            width: 140px !important;
        }
}
/*and (max-width: 1533px) */
@media screen and (min-width: 768.1px) {
    .form-table-col select.form-control:not([name*=AssnCt]) {
        width: 12em !important;
    }

    .input-validation-error {
        border: 1px solid #ff0000 !important;
    }
}