.custom-button {
    width: 100%;
    font-weight: 300;
    padding: 0.85rem;
    background: #141944;
    color: #fff;
    border: 0;
    text-align: center;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.custom-visitor-button
{
    width: 100%;
    font-weight: 300;
    padding: 0.85rem;
    background: #fff;
    color: #141944;
    border: 0;
    text-align: center;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.submitButtonBottom {
    width: 100%;
    padding: 0 0 2rem 0;
    text-align: center;
}

.theForm form .formItem input[type="file"] {
    border: none;
    font-weight: 300;
    font-size: .75rem;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px 15px;
    width: auto;
    min-width: 220px;
    color: #fff;
    background: #141944;
}

.noHover:hover, .noHover:focus
{
    color: #fff !important;
    text-decoration: none !important;
}

#yiivisitorappointmentsto_teacher_id_chosen {
    width: 100%  !important;
}

.setMargin {
    margin-left : 30px;
}
@media print {
    .mybadge .topBadge .photo {
        max-width: 152px;
    }
    .row.menu-container 
    {
        display: none;
    }

    .mybadge .topBadge .qrId img{
        width: 100px;
    }

    h6{
        font-size: 18px;
        color: #141944;
    }

    .changeImage{
        display: none;
    }

    .noteNoMargin{
        display: none;
    }

    hgroup{
        display: none;
    }

    @page {
        size: auto;   /* auto is the initial value */
        margin: 0;  /* this affects the margin in the printer settings */
    }
}

.camera-field{
    width: 100%;
    padding: 0 40px;
    margin-bottom: 10px;
}

.cam-btn {
    background-color: #141944;
    color: #fff;
}

.mobile-country {
    margin-left: -32px;
}

.visitorChoosen {
    width: 86%;
}
.cam-panel{
    padding: 25px !important;
}
.qr video{
    width: 100%;
}
.sign-cam-box{
    width: 100%;
    background: #141944;
    margin-bottom: 40px;    
}
.cam-sub-btn{
    padding: 0px;
}
h1.scan-head{
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 20px
}
.visitorsSignIn h1 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 25px;
}

.buttonSet ul li {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

.d-flex
{
    display: flex;
} 

.justify-center
{
    justify-content: center;
}

.site-login {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: block;
}

.btn.btn-link.logout img {
    width: 100%;
    height: auto;
    max-width: 24px;
    position: relative;
    top: 8px;
}
header span.menuToggle{
    width: 100%;
}
header form{
    text-align: right;
}
.btn-link:focus {
    outline: 5px auto #141944 !important;
}
.login-form-start .custom-button{
    max-width: 250px;
    margin: 0 auto;
    display: block;
}

.theForm.login-form-start {
    height: calc(100vh - 171px);
}

.chooose-wrap{
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: block;
    border: 1px solid #ddd;
    padding: 20px;
    background: #f9f9f9;
}
.custom-radio {
    text-align: left;
    padding: 20px;     
}
.custom-radio li{
    margin-bottom: 10px;
}
.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custom-radio [type="radio"]:checked + label, .custom-radio [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.custom-radio  [type="radio"]:checked + label:before,
.custom-radio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.custom-radio [type="radio"]:checked + label:after,
.custom-radio [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #141944 ;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom-radio [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custom-radio [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

textarea.fix-vertical {
    resize: vertical; 
}

.sign-box canvas{
    border: 1px solid #ddd;
    background: #fff;
}

.btn.clear_signature{
    font-size: 13px;
    padding: 5px 7px;
    font-weight: 600;
    margin-left: 30px;
    border: 0;
    background: #454863;
}

@media (max-width:1024px){
    canvas{
        width: 500px;
    }
}
@media (max-width:600px){
    canvas{
        width: 400px;
    }
}