.QRshow {
    width: 250px;
    text-align: center;
}

.QRshow img{
    margin: 30px 0;
}

.required:after{
    content: ' *';
    color: red;
}

.alert-danger{
    padding: 10px;
    color: #fff;
    background-color: #dd4b39;
}

.filter_input .option button[type="button"] {
    width: auto;
    float: right;
    background-color: #fff;
    color: #888;
    border: 1px solid #ddd;
    min-width: 100px;
    height: 36px;
    cursor: pointer;
}

.edit_info_2_over_3{
    float: left;
    margin: 0 0 7px 0;
    width: 66.66%;
    padding: 0 20px;
}

.nowrap{
    white-space: nowrap;
}

.uploadphoto2{position: relative;}

.uploadphoto2 input[type="file"]{
    cursor: pointer;
    width: 100%;
    min-height: 250px;
    border:2px dashed #dddddd;
    margin:0 0 0  0;
    padding:10px;
}

.uploadphoto2 input[type="file"]::-webkit-file-upload-button {
    border:0;
    border-radius:0;
    background: #4267b2;
    color: #fff;
    padding: 5px 10px;
}

.popupoverlay .popupcontent{
    position: fixed;
    top: 200px;
}

.rowinput .rowBox:lang(en-HK){
    padding: 8px 8px 8px 210px;
}

.rowinput .field input:lang(en-HK){
    padding: 8px 8px 8px 210px;
}

.rowinput .select2-container--default.select2-container .select2-selection--multiple:lang(en-HK){
    padding: 8px 8px 8px 0;
}

.rowinput .select2-container--default .select2-selection--single:lang(en-HK){
    padding: 8px 8px 8px 205px;
}

.rowinput .form-control:lang(en-HK){
    padding: 8px 8px 8px 210px;
}

/* loading css */
#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.3;
    background-color: #000;
    z-index: 99;
    text-align: center;
}
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 30%;
    left: 48%;
    z-index: 100;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* /.loading css */

@media all and (max-width : 767px) {
    .edit_info_2_over_3 {width: 100%;}
}

@media (max-width: 991px){
    .respon_table table .eventTitle a{
        color: #fff !important;
    }
}

@media (max-width: 767px){
    .member_system {
        padding: 0 5px;
    }

    .member-content {
        padding: 0 10px 0 10px;
    }
}