/* Styles for basic forms
-----------------------------------------------------------*/
textarea {
    min-height: 75px;
    box-sizing: border-box;
}

/******************** WET4 styles BEGIN *********************/
.width-4 {
    width: 40em !important;
}
.width-3 {
    width: 30em !important;
}
.width-2 {
    width: 20em !important;
}
.width-1 {
    width: 10em !important;
}
.width-05 {
    width: 5em !important;
}
.width-06 {
    width: 6em !important;
}
.w-100 {
    width: 100% !important;
}
.w-90 {
    width: 90% !important;
}
.w-70 {
    width: 70% !important;
}
.w-50 {
    width: 50% !important;
}
/******************** WET4 select2 begin *********************/
main {
    font-size: 16px !important;
}
.form-group .select2-selection__rendered {
    line-height: 37px !important;
}

.form-group .select2-container {
    display: block !important;
}

.form-group .select2-container .select2-selection--single {
        min-height: 41px !important;
    }

.form-group .select2-selection__arrow {
    min-height: 40px !important;
}
/******************** WET4 select2 end *********************/
/******************** WET4 section menu begin *********************/
.menu-details .menu-summary {
    padding-left: 0.5em !important;
    text-decoration: none;
}

.list-group-item {
    padding-left: 1.4rem !important;
    padding-right: 0.6rem !important;
}

.menu-details .list-group {
    margin-right: -1.1em;
}

.menu-details[open] {
    padding-bottom: 0.2em !important;
}

.menu-details {
    border: 0;
}
.bg-light {
    background-color: darkgray !important;
    color: #000 !important;
}
.field-validation-valid {
    display: none !important;
}
/******************** WET4 section menu end *********************/
/******************** WET4 styles END *********************/
.no-padding {
    padding: 0 !important;
}

.display-label label { font-weight: bold; }

.display-label { font-weight: bold; }

.display-field { margin-bottom: 8px; }

.editor-label label { font-weight: bold; }

.editor-label { font-weight: bold; }

.editor-field { margin: 0.5em 0 0 0; }

.editor-field select { margin-bottom: 20px !important; }

.checkbox-raw { float: left; }

.form-checkbox { font-weight: normal !important; }

.checkbox-list-label {
    display: block !important;
    margin-left: 20px !important;
    font-weight: normal !important;
}

.month-box {
    width: 2.5em !important;
}

.year-box {
    width: 5em !important;
}
div.checkbox-list br { display: none; }


label.form-checkbox:after { content: ""; }

.table-smallerfont {
    font-size: 90%;
}

.table-x-smallerfont {
    font-size: 80%;
}

.required-tsb:after {
    content: " ^";
    color: #d3080c;
}

.required-trailing:after {
    content: " *";
    color: #d3080c;
}

span.required:before {
    content: " *";
    color: #d3080c;
}

select { max-width: 95%; }

.important-text {
    border-width: 1px;
    border-style: solid;
    padding: 10px;
}

.bold { font-weight: bold; }

.normal { font-weight: normal !important; }

.hoverHighlite:hover { background: gainsboro; }

.showChildOnHover:hover .showOnParentHover { display: block; }

.showOnParentHover { display: none; }


/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error { color: #f00; }

span.field-validation-valid, span.field-validation-error {
    height: 10pt;
    display: inline-block;
}

.field-validation-valid { visibility: hidden; }

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.alert-error, .validation-summary-errors {
    color: #b94a48;
    background-color: #f2dede;
    border-style: solid;
    border-width: 1px;
    border-color: #ff0000;
    margin-bottom: 8px;
}

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

.menu-custom {
    text-decoration: none;
    line-height: 1.8em;
}


.menu-custom :hover { text-decoration: underline; }

.bold {
    font-weight: bold;
}

.normal {
    font-weight: normal !important;
}

.underline {
    text-decoration: underline;
}

.italic {
    font-style: italic;
}
.hide { display: none; }

label.checkbox { font-weight: normal !important; }

.cell-border-left {
    border-left-color: black;
    border-left-style: solid;
    border-left-width: 1px;
}

.cell-border-bottom {
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.unibull {
    float: left;
    width: 2em;
}

.u1:before { content: "\25C9"; }

.menu-item-disabled {
    color: grey !important;
    text-decoration: none !important;
}


.ui-tooltip-content {
    font-size:10pt;
    font-family:Calibri;
}

details.expandables {
    border: 0 !important;
}

details.expandables summary {
    border: 0 !important;
}

details.expandables summary:focus {
    outline-style: none !important;
}

.note {
    font-size: smaller;
    opacity: 50%;
    display: block;
}
.smaller {
    font-size: smaller;
}
.x-small {
    font-size: x-small;
}

.text-align-right
{
    text-align: right;
}

.month_year_datepicker .ui-datepicker-calendar {
    display: none;
}

.break-word {
    word-wrap: break-word;
}

.month-text-box.form-control {
    display: inline;
}

.ui-datepicker-trigger {
    position: relative;
    height: 35px;
}