﻿/********************************************************************************************************* 
     Author: Shawn N. Moore		
    Created: 2/14/2020
Description: CSS Styles specifically for forms (properties pages) related classes

Changes: 

SRDT3
20220427 SNM - Renamed and updated for Bootstrap 5 migration
**********************************************************************************************************/

/* inner yellow highlight for a field, when it it has just been edited - i.e. when the user tabs/mouses off the field */
.field-updated {
    box-shadow: inset 0px 0px 10px rgba(255,255,0,1) !important;
}


/* row heights for selects that use bootstrap-select to make them a bit less distracting on screen redraw events */

.height-select-form-sm {
    /* A row height suitable for rows that contain selects.  This mitigates the resize redraw effect that can be distracting. */
    line-height: 1.4em;
    height: 1.4em;
}

.height-select-form {
    /* A row height suitable for rows that contain selects.  This mitigates the resize redraw effect that can be distracting. */
    line-height: 2.8em;
    height: 2.8em;
}


/* make the bootstrap select a bit more visible (default is #999 )*/
.bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: #787878;
}


/* field validation message */
.field-validate-message {
    font-size: small;
    color: red;
    padding-top: 0px;
    margin-top: 0px;
    line-height: normal;
    display: none;
}


/* Add required asterisk after field */
.required-asterisk {
    color: red;
    font-size: large;
    font-weight: bolder;
    margin-left: 4px;
    margin-right: 4px;
}