/*jquery.validate.js custom error style (This not suitable for jquery.FancyForm pacakage in select tag so only need to work on mobile)*/
[name].error {
    border: .063rem solid #e51919;
}
/*date input will has other html tag wrap*/
.date_range-input:has([name].error) {
    border: .063rem solid red;
}
.date_range-input label.error {
    display: flex;
    margin-top: 35px;
    margin-left: -13px;
}
.input_dateicon:has([name].error) {
    border: .063rem solid red;
    margin-bottom: 15px;
}
.input_dateicon label.error {
    display: flex;
    margin-top: 10px;
    margin-left: -8px;
}
/**Disable Text Selection and highlight*/
.container {
    -webkit-user-select: none; /* Disable text selection on WebKit */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Standard */
}
/* Share function "AppendMessage" betwwen frontend and backend style */
#myalertMessage {
    border: 1px solid #FF5B5B;
    background-color: #fffee8;
    color: #ff0000;
    font-weight: bold;
    position: relative;
    padding-left: 52px;
    min-height: 23px;
    display: block;
}
/* TradingRecord */
.notes__box {
    position: relative;
}
/* Mask eyes*/
/* Overwrite origin setting from fstop_desktop or fstop_mobile*/
.infolist-content > .i-eye_off:before {
    vertical-align: initial;
    background-repeat: initial;
    display: initial;
    content: initial;
    background-position: initial;
    width: initial;
    height: initial;
    background-image: initial;
}
.infolist-content > .i-eye_off:after {
    content: initial;
    display: initial;
}
.infolist-content > .i-eye_open:before {
    vertical-align: initial;
    background-repeat: initial;
    display: initial;
    content: initial;
    background-position: initial;
    width: initial;
    height: initial;
    background-image: initial;
}
.infolist-content > .i-eye_open:after {
    content: initial;
    display: initial;
}
/* Overwrite origin setting from fstop_desktop or fstop_mobile*/
.infolist-content > .i-eye_open {
    background-image: url(/Images/icons8-eye-100.png);
    background-size: cover;
    width: 35px;
    height: 20px;
    right: 20px;
    position: relative;
}
.infolist-content > .i-eye_off {
    background-image: url(/Images/icons8-closed-eye-100.png);
    background-size: cover;
    width: 35px;
    height: 20px;
    right: 20px;
    position: relative;
}
/* Mobile*/
@media (max-width: 768px), (max-width: 480px) {
    /* TradingRecord */
    .notes__box {
        display:none;
    }
}