.custom-file {
    height: 50px;
}
.custom-file-input {
    height: 50px;
    padding: 5px 10px;
    line-height: 40px;
}
.custom-file-input~.custom-file-label::after {
    content: "\f07c";
    height: 48px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.2em;
    line-height: 40px;
    padding: 4px 10px;
}
.custom-file-label:after {
    background-color: var(--warning);
    color: #FFF;
  }
.custom-file-label {
    height: 50px;
    padding: 5px 10px;
    line-height: 40px;
  }

/* sweetalert */
.swal2-popup {
    width: 450px !important;
    width: 45rem !important;
    border-radius: 0 !important;
    padding: 15px;
}
.swal2-title {
    color: #333 !important;
    font-size: 26px !important;
    font-size: 2.6rem !important;
}
.swal2-content, .swal2-html-container {
    color: #666 !important;
    font-size: 18px !important;
    font-size: 1.8rem !important;
    font-weight: 400;
    padding: 10px 0px;
}
.swal2-styled.swal2-cancel{
    font-size: 18px !important;
    font-size: 1.8rem !important;
    border-radius: 0 !important;
}
.swal2-styled.swal2-confirm {
    font-size: 18px !important;
    font-size: 1.8rem !important;
    border-radius: 0 !important;
}
.swal2-styled {
    padding: 0.5em 1.5em !important;
}

/* Select2 */
.select2-container--default .select2-selection--single{
    border-radius: 0px !important;
}
.select2-selection{
    height: 50px !important;
    padding-top: 14px !important;
    font-size: 1em;
    vertical-align: middle;
    border: 1px solid #ddd !important;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1rem;
}
.select2-selection__arrow{
    top: 14px !important;
}
.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa !important;
}

.align-middle{
    vertical-align: middle !important;
}

.bg-weak-gray{ background: #f0f0f0; }
.bg-666{ background: #666666; }

.red { color: red !important; }
.blue { color: #779ECD !important; }
.orange { color: #FF7A6B !important; }
.gray { color: gray !important; }
.text-gold{ color: #ba9c5e; }

.wrap{ word-wrap: break-word; }
.wrap-all{ word-wrap: break-all; }
.word-break{ word-wrap:break-word !important; word-break: break-all !important; }

.fsize-12, .fsize-12px{ font-size: 12px !important; }
.fsize-14, .fsize-14px{ font-size: 14px !important; }
.fsize-16, .fsize-16px{ font-size: 16px !important; }
.fsize-18, .fsize-18px{ font-size: 18px !important; }
.fsize-20, .fsize-20px{ font-size: 20px !important; }
.fsize-22, .fsize-22px{ font-size: 22px !important; }
.fsize-24, .fsize-24px{ font-size: 24px !important; }

.highlight{
    color: #e83e8c;
    word-break: break-word;
}

.width-100 { width: 100%; }
.width-90  { width:  90%; }
.width-80  { width:  80%; }
.width-70  { width:  70%; }
.width-50  { width:  50%; }
.width-30  { width:  30%; }
.width-20  { width:  20%; }
.width-10  { width:  10%; }

.help-block{
    display: block;
    color: #d85959;

    &:before{
        font: var(--fa-font-solid);
        content: '\f05a';
        margin-right: 5px;
    }
}