/*------------------------------------*\
    CONTENTS
\*------------------------------------*/
/*
OVERRIDES
GLOBAL
LAYOUT
ADVERTISEMENT
HOME
ERROR
DEMO PURCHASE_V1
DEMO UPLOAD_V1
TYPEAHEAD
MEDIA
*/
/*------------------------------------*\
    ERROR
\*------------------------------------*/

.ui.form label {
    margin: 0em 0em 1em;
    display: block;
    color: #555555;
    font-size: 0.875em;
    position: relative;
}


div.error,
div.error-list,
label.error,
input.error,
select.error {
    color: #D95C5C !important;
    border-color: #D95C5C !important;
}

div.custom-error,
div.custom-error-list,
label.custom-error,
input.custom-error {
    color: #F7879E !important;
    border-color: #F7879E !important;
}

form .error-list {
    font-size: 0.875em;
}

form label .error-list {
    font-size: 1em;
}

form > .error-list {
    background-color: #fffafa;
    border: dashed 1px #d95c5c;
    padding: 1em;
    margin-bottom: 1em;
}

    form > .error-list ul {
        margin-left: 1.5em;
    }

    form > .error-list li {
        list-style: disc;
    }

form .custom-error-list {
    position: absolute;
    bottom: 0;
    font-size: 0.7em;
    width: 50%;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

form .ui.red.pointing.below.label {
    position: absolute;
    bottom: 35px;
    right: 0%;
    z-index: 11;
    text-transform: none;
}

form label.radio .ui.red.pointing.below.label,
form label.checkbox .ui.red.pointing.below.label {
    right: inherit;
    bottom: -5px;
    margin-bottom: 0;
}

form label.radio .ui.pointing.below.label,
form label.checkbox .ui.pointing.below.label {
    margin-top: 0em;
    margin-left: 1em;
}

    form label.radio .ui.pointing.below.label:before,
    form label.checkbox .ui.pointing.below.label:before {
        margin-top: -0.3em;
        bottom: auto;
        right: auto;
        top: 50%;
        left: 0em;
    }

form .ui.checkbox .ui.red.pointing.below.label {
    right: inherit;
    left: -55%;
    bottom: -30px;
    margin-right: 0;
}

.ui.checkbox .ui.pointing.below.label {
    margin-top: 0em;
    margin-right: 1em;
}

    .ui.checkbox .ui.pointing.below.label:before {
        margin-top: -0.3em;
        right: -0.3em;
        top: 50%;
        bottom: auto;
        left: auto;
    }


.ui.form input[disabled],
.ui.form select[disabled],
.ui.form textarea[disabled],
.ui.form input[readonly],
.ui.form select[readonly],
.ui.form textarea[readonly] {
    cursor: not-allowed;
    background-color: #f7f7f7;
    color: #999;
}

.ui.form input[type="radio"][disabled],
.ui.form input[type="checkbox"][disabled],
.ui.form input[type="radio"][readonly],
.ui.form input[type="checkbox"][readonly] {
    background-color: transparent;
}

.ui.form .control-group {
    clear: both;
    margin: 0em 0em 1em;
}

    .ui.form .control-group > label {
        margin: 0em 0em 0.3em;
        display: block;
        font-size: 0.875em;
    }

    .ui.form .control-group.error label {
        color: #D95C5C !important;
    }