﻿
.leftTooltipDiv, .rightTooltipDiv { display: none; }
.Form_Element_Holder_Div { position: relative; }
/*#region desktop*/

.desktopValidationMode .tooltip {
    max-width: 410px;
    display: none;
    background: #FFF6b7;
    border: 1px solid rgb(169, 169, 169);
    border-radius: 5px;
    transform: translateY(-50%);
    position: absolute;
    padding: 10px 20px;
    color: #404040;
    font-size: 11px;
}
    .desktopValidationMode .tooltip::after { content: " "; width: 10px; height: 10px; position: absolute; bottom: -5px; background: #FFF6b7; border: 1px solid rgb(169, 169, 169); z-index: 90; transform: rotate(45deg); border-left: none; border-top: none; }



.desktopValidationMode .errorInput { background: none repeat scroll 0 0 #FFF6B7 !important; }
    .desktopValidationMode .errorInput:focus { border: 2px solid Red !important; color: #ff0000 !important }
.desktopValidationMode .chzn-single-error span { background-color: #FFF6B7 !important; }
.desktopValidationMode .chzn-single-error.select2-container--open { border: 2px solid #FF0000; }
/*#endregion desktop*/

/*#region mobile*/
.mobileValidationMode .tooltip { display: none; height: auto; width: 100%; margin-bottom: 5px; }
.mobileValidationMode .centerTooltipDiv { min-width: 100px; overflow: visible; text-align: justify; }
.mobileValidationMode .leftTooltipDiv, .mobileValidationMode .rightTooltipDiv { display: none; }
.mobileValidationMode .centerTooltipDiv p { margin: 0; padding-left: 10px; padding-right: 10px; line-height: 10px; color: red !important; font-size: 14px; box-sizing: border-box; text-shadow: none; }
.mobileValidationMode .errorInput:focus, .mobileValidationMode .ui-select.errorInput .ui-focus .ui-btn-text { color: #ff0000 !important; }
/*#endregion mobile*/

.chzn-single-error.select2-container--open span { color: #ff0000 !important; }

.tooltip { clear: both; }