.top-bar-section .logo-top {
    padding: 10px 1rem;
}
.top-bar-section .right a:hover{
    background: none !important;
}

.container, .main-content {
    overflow: hidden;
    min-height: 89%;
}
.contentarea .body-padding {
    margin-top: 5rem;
    margin-bottom: 1rem;
}
.wrap-camera, .wrap-camera-2, .wrap-camera-3 {
    /*border: 1px solid #000000;
    display: inline-block;
    position: relative;*/
}
.wrap-camera .card .card-header {
    background-color: #1ed8ff;
    padding: 0;
}
.wrap-camera .card-header .card-title {
    padding: 0;
    margin-top: 0.75rem;
}
.wrap-camera .card {
    background-color: #313131;
}

.wrap-camera .card .card-body {
    background-color: #313131;
    padding: 0;
}


.webcamImage .container {
    /*max-width: 60%;*/
}
.wrap-camera .card .output {
    width: 100%;
    margin-top: 0;
}
.wrap-camera .card .multipleCustomer {
    width: 100%;
    min-width: 695px;
}
.wrap-camera .card .showCustomerNamePercent{
    border-radius: 4px;
}
.showCustomerName {
    font-size: 24px;
    text-align: left;
    margin-bottom: 0px;
    margin-left: 4px;
    margin-top: 10px;
    opacity: 0.9;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}
.toroku .card {
    /*border: 1px solid #1ed8ff;*/
    border-color: #1ed8ff;
    background-color: #313131;
}
.card .btn-outline-primary{
    border-color: #1ed8ff;
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}
.form-check input {
    margin: 7px 0px 1rem -12px;
}
.text-color-custom {
    color: #f1b00c;
}
.text-color-blue {
    color: #1ed8ff;
    opacity: 0.6;
}
.text-color-blue a:hover,.text-color-blue a:focus,.text-color-blue a {
    color: #1ed8ff;
}
.row+.row {
    margin-top: 3px;
}

section {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.cid-qwp7CjbsKj {
    background-image: url("../images/woman-1594711_1920.jpg");
}
.header-card {
    min-height: 211px;
}
.header2 .display-4 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1;
}
.header2 .display-5 {
    font-size: 1rem;
    font-weight: 300;
    line-height: 0;
}
.header2 .display-6 {
    font-size: 0.5rem;
    font-weight: 300;
    line-height: 1.2;
}


/*! Full-screen */
.mbr-fullscreen .mbr-overlay {
    min-height: 100vh;
}

.mbr-fullscreen {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    /*min-height: 100vh;*/
    padding-top: 148px;
    /*padding-bottom: 3rem;*/
}

#jarallax-container-0 {
    clip: rect(0, 1920px, 400px, 0);
}

.header-sub {
    background-position: 50% 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../images/woman-1594711_1920.jpg");
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    margin-left: 0px;
    /*margin-top: -377.333px;*/
    visibility: visible;
    transform: translate3d(0px, -68.4px, 0px);
}

.header-sub-2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    z-index: -100;
    opacity: 0.5;
}
.wrap-camera .card .camera {
    margin: 10px 0;
}
.wrap-face{
    /*width: 15%;*/
    border-radius: 8px;
    float: left;
    padding: 7px 7px 6px 7px;
    height: 90px;
    overflow: hidden;
}
.wrap-face .iconFaceV3{
    height: 99%;
    border-radius: 4px;
}
/*customize modal*/
#livestream_scanner .modal-dialog, #livestream_confirm .modal-dialog, #live_real_face .modal-dialog, #live_real_face_confirm .modal-dialog{
    margin-top: 15px;
}
#livestream_scanner .modal-content, #livestream_confirm .modal-content, #live_real_face .modal-content, #live_real_face_confirm .modal-content{
    background-color: #313131;
}
#livestream_scanner .modal-content .modal-header .modal-title, #livestream_confirm .modal-content .modal-header .modal-title
,#live_real_face .modal-content .modal-header .modal-title, #live_real_face_confirm .modal-content .modal-header .modal-title{
    color: white;
}
#livestream_scanner .modal-content .modal-header, #livestream_confirm .modal-content .modal-header
, #live_real_face .modal-content .modal-header, #live_real_face_confirm .modal-content .modal-header{
    border-bottom: none;
    display: table;
    text-align: center;
    color: white;
}

#livestream_scanner .modal-body, #livestream_confirm .modal-body, #live_real_face .modal-body, #live_real_face_confirm .modal-body{
    padding-top: 0px;
}
.fz14 {
    font-size: 14px;
}
.step4-input-text {
    background-color: #313131;
    border: 1px solid white;
    opacity: 0.6;
    color: white;
}
.modal-dialog .modal-content .devsite-avatar-video-overlay-mask {
    width: 60%;
    height: 50%;
    top: 10px;
}
.mac .modal-dialog .modal-content .devsite-avatar-video-overlay-mask {
    width: 65%;
    height: 50%;
    top: 50px;
}
.modal-dialog .modal-content .devsite-avatar-video-overlay-mask.real-face {
    width: 45%;
    height: 50%;
    top: 19px;
}
.mac .modal-dialog .modal-content .devsite-avatar-video-overlay-mask.real-face {
    top: 19px;
}


/*PC, Large devices (desktops, more than 1200px)*/
@media screen and (min-width: 1200px) {
    .webcamImage .container {
        max-width: 60%;
    }

}

/*Mobile device, Extra small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575.98px) {

}