.error-login {
    text-align: center;
    margin-top: 15px;
}

.uppercase {
    text-transform: uppercase !important;
}

.header-message-custom {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}

.header-message-custom p {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
}

.header-message-custom p img {
    width: 25px;
    height: 25px;
    margin-right: 10px;

}

.bg-success {
    background-color: #28a745 !important
}

.bg-danger {
    background-color: #dc3545 !important;
}

.bg-warning {
    background-color: #ffc107 !important
}

.text-white {
    color: #fff !important;
}

input:focus {
    outline: none !important;
}

.hidden {
    display: none !important;
}

.formWrap .imageMoney .imageBill .showImage.upload {
    justify-content: center;
    align-items: center;
    display: flex;
}

.formWrap .imageMoney .imageBill .showImage .imageUpload img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.alert-header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    display: none;
}

.alert-header p {
    padding: 15px 10px;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    line-height: 1;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.alert-header p img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

@media (min-width:769px) {
    .alert-header-pc {
        position: fixed;
        bottom: 1%;
        top: unset;
        width: 26%;
        right: 0px;
        border-radius: 9px;
        left: unset;
        height: auto;
    }

    .alert-header-pc p {
        height: auto;
        padding: 15px 10px;
    }

}

@media (max-width: 768px) {
    .alert-header p {
        padding: 25px 10px 15px;
    }

    #header.header-white .hdPrev {
        top: 60%;
        transform: translateY(-40%);
    }

    #header.header-white .hdPrev.right {
        right: 15px;
        left: initial;
        background: none;
    }

    .header-message-custom p {
        padding-top: 25px;
    }

    .areaBox .privacyWrap .privacyBox .privacySub .blue.sp {
        display: inline-block;
    }
}

#function_processing {
    display: none;
}

.tox-tinymce {
    border: none !important;
}

.tox .tox-toolbar-overlord,
.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary,
.tox .tox-edit-area__iframe {
    background: #f5f5f5 !important;
}


.formWrap .formItem .inputItem .inputstyle {
    font-size: 20px;
    border: 0;
    height: 30px;
    width: 100%;
    padding: 0 7px;
    background: #f5f5f5;
    font-family: "Roboto", sans-serif;
}



.formWrap .formItem .inputItem .inputstyle::-webkit-outer-spin-button,
.formWrap .formItem .inputItem .inputstyle::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.formWrap .formItem .inputItem .inputstyle[type=number] {
    -moz-appearance: textfield;
}

.formWrap .formItem .inputItem .inputstyle.selectstyle {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #f5f5f5 url(../images/login/arrow-select.svg) no-repeat right 7px top 55%/15px;
    color: #000;
    padding-right: 27px;
}

.formWrap .formItem .inputItem .inputstyle.selectstyle option {
    color: #000;
}

.formWrap .formItem .inputItem .inputstyle.selectstyle:required:invalid {
    color: #CCCCCC;
}

/* .select2-container--default.select2-container--focus .select2-selection--multiple{
    border: none !important;
} */
.select2-container--default .select2-selection--multiple {
    background-color: #f5f5f5 !important;
    border: none !important;
}

@media (max-width: 768px) {
    .areaMyTrade .tradeWrap .tradeTable .tableWrap th.fullNameSp {
        width: 200px;
    }
}

.select2-container--default .select2-selection--multiple .select2-search--inline {
    padding: 0 7px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
    color: #CCCCCC !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-size: 20px !important;
}




.areaEvent .eventWrap .eventBox .infoDetailDescription {
    font-size: 18px;
    line-height: 1.72;
    color: #333333;
    margin-bottom: 14px;
}

/* Reset display */
.areaEvent .eventWrap .eventBox .infoDetailDescription article,
.areaEvent .eventWrap .eventBox .infoDetailDescription aside,
.areaEvent .eventWrap .eventBox .infoDetailDescription details,
.areaEvent .eventWrap .eventBox .infoDetailDescription figcaption,
.areaEvent .eventWrap .eventBox .infoDetailDescription figure,
.areaEvent .eventWrap .eventBox .infoDetailDescription footer,
.areaEvent .eventWrap .eventBox .infoDetailDescription header,
.areaEvent .eventWrap .eventBox .infoDetailDescription hgroup,
.areaEvent .eventWrap .eventBox .infoDetailDescription main,
.areaEvent .eventWrap .eventBox .infoDetailDescription nav,
.areaEvent .eventWrap .eventBox .infoDetailDescription section,
.areaEvent .eventWrap .eventBox .infoDetailDescription summary {
    display: revert;
}

/* Reset inline-block */
.areaEvent .eventWrap .eventBox .infoDetailDescription audio,
.areaEvent .eventWrap .eventBox .infoDetailDescription canvas,
.areaEvent .eventWrap .eventBox .infoDetailDescription video {
    display: revert;
}

/* Reset hidden elements */
.areaEvent .eventWrap .eventBox .infoDetailDescription [hidden] {
    display: revert;
}

/* Reset font styles */
.areaEvent .eventWrap .eventBox .infoDetailDescription html,
.areaEvent .eventWrap .eventBox .infoDetailDescription button,
.areaEvent .eventWrap .eventBox .infoDetailDescription input,
.areaEvent .eventWrap .eventBox .infoDetailDescription select,
.areaEvent .eventWrap .eventBox .infoDetailDescription textarea {
    font-family: revert;
}

/* Reset heading styles */
.areaEvent .eventWrap .eventBox .infoDetailDescription h1,
.areaEvent .eventWrap .eventBox .infoDetailDescription h2,
.areaEvent .eventWrap .eventBox .infoDetailDescription h3,
.areaEvent .eventWrap .eventBox .infoDetailDescription h4,
.areaEvent .eventWrap .eventBox .infoDetailDescription h5,
.areaEvent .eventWrap .eventBox .infoDetailDescription h6 {
    font-size: revert;
    margin: revert;
}

/* Reset paragraphs and preformatted text */
.areaEvent .eventWrap .eventBox .infoDetailDescription p,
.areaEvent .eventWrap .eventBox .infoDetailDescription pre {
    margin: revert;
}

/* Reset lists */
.areaEvent .eventWrap .eventBox .infoDetailDescription dl,
.areaEvent .eventWrap .eventBox .infoDetailDescription menu,
.areaEvent .eventWrap .eventBox .infoDetailDescription ol,
.areaEvent .eventWrap .eventBox .infoDetailDescription ul {
    margin: revert;
    padding: revert;
    list-style: revert;
}

/* Reset links */
.areaEvent .eventWrap .eventBox .infoDetailDescription a {
    text-decoration: revert;
    color: revert;
}

.areaEvent .eventWrap .eventBox .infoDetailDescription a:focus,
.areaEvent .eventWrap .eventBox .infoDetailDescription a:active,
.areaEvent .eventWrap .eventBox .infoDetailDescription a:hover {
    outline: revert;
}

.areaEvent .eventWrap .eventBox .infoDetailDescription button,
.areaEvent .eventWrap .eventBox .infoDetailDescription input,
.areaEvent .eventWrap .eventBox .infoDetailDescription select,
.areaEvent .eventWrap .eventBox .infoDetailDescription textarea {
    font-size: revert;
    margin: revert;
    vertical-align: revert;
}

.areaEvent .eventWrap .eventBox .infoDetailDescription input,
.areaEvent .eventWrap .eventBox .infoDetailDescription textarea {
    border-radius: revert;
}

@media (max-width: 430px) {
    .formWrap .formItem .inputItem .inputstyle {
        font-size: 14px;
        height: 22px;
    }
    .select2-container--default .select2-search--inline .select2-search__field {
        font-size: 14px !important;
    }
}