@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,500,700);
body {font-family:"Open Sans";}
.header { padding:5px 0px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.12);}
.logo a { display:inline-block;}
.logo-head { border-left: 1px solid #ccc;margin:6px 10px 0;display: inline-block;padding:10px;vertical-align: top;font-size: 16px;color: #333;}
.navbar-header { margin-top:2px;}
.header .logo img { width: 155px; }
a:focus, a::selection { outline:none;}
textarea { resize:none;}
.mr { margin-right:15px;}
.mb0 { margin-bottom:0px !important;}
.mt { margin-top:15px;}
.my-placeholder { color:#333; line-height:20px;}
p { text-align:justify;}
.btn { font-size: 14px; }
.btn-primary {color: #ffffff;background: #0156a9; border:1px solid #0156a9;}

button[disabled='disabled'] { background:#e6e6e6 !important; color:#333 !important; border:1px solid #adadad !important;}

.header nav ul li a{color:#007fb8;font-size:15px;font-weight: lighter;}
.header nav ul li a:hover { background:transparent; text-decoration:underline !important;}
.banner-section{background: url(../images/banner-bg.jpg) repeat-x 0 0; width:100%;}
.footer-section { padding:20px 0px; font-size:13px; }

.buy-section .col-divider { border-left:1px solid #3c80c4;}
.buy-section .buy-dsc { padding-left:20px; padding-top:15px; padding-bottom:45px;}
.buy-section .btn-buy{ height:39px; border:none; font-size:16px;}

.inner-banner { background:#0156a9; min-height:80px;}
.inner-banner h3 { text-align: center; color: #fff; margin:15px 0px 0px; font-size:22px; font-weight: lighter;}

.form-box { border-radius:6px; box-shadow: 0px 5px 5px rgba(0,0,0,.2); padding: 20px; margin:-25px 10px 0px; background:#fff; border:1px solid #e2e2e2;}
.form-right { padding-left:8%;}

.form-group label { font-weight: normal;}
.mandatory { color:#ff0000; font-size:13px;}
.form-control { height: 32px; padding: 5px 10px;}
.form-group { margin-bottom:10px;}
.row-upload { padding-top:3px; padding-bottom:3px;}
.row-checkbox { margin-bottom:0px;}
.button-request { margin-top:20px; text-align:center; }
.button-request .btn { font-size:16px; min-width:100px; padding:7px 25px;}

.form-box { min-height:450px;}
.form-box h4 { padding-bottom:10px; font-weight:400;}
.form-box p { text-align: justify;}

.content-section h3 { font-size:20px; margin-top:10px; }
.content-section h4 { font-size: 16px;}
.content-section .form-box .fail-box {margin-top:100px;color:#ff0000;}
.content-section .form-box .error-box{color:#ff0000;margin-left:535px;}

#fileUploadStatus .fileinput-button {
    padding: 4px 8px;
}

#fileUploadStatus .fileinput-button:focus, #fileUploadStatus .fileinput-button:active,
.button-request #btnPost:focus, .button-request #btnPost:active {
    background: #025062;
    border: 1px solid #025062;
    box-shadow: 0 0 0 0.2rem #097f9b;
}

.btn-primary:hover, .btn-primary:active {
    background: #025062;
    border-color: #025062;
    box-shadow: 0 0 0 0.2rem #097f9b;
}

#fileUploadStatus .fileinput-button .statustext {
    font-size: 12px;
}
.upload-sign-section .form-box { padding:0px;}
.upload-sign-section .pdfview-section { padding:0px; background:#555; min-height:500px;}
.upload-sign-section .pdfview-section .page-view #imgdiv { margin:0px auto;}
.upload-sign-section .pdfview-section .pdf-actions { background:#ccc; padding:7px 15px;}
.upload-sign-section .pdfview-section .file-name { padding:5px 0px 0px;}
.upload-sign-section .paging-action .form-control { width:60px; vertical-align:middle; display: inline-block; border:none; height:30px; }
.upload-sign-section .paging-action .btn { margin: 0px 5px; vertical-align:middle;}

.upload-sign-section .right-secton { padding:0px;}
.upload-sign-section .right-secton .right-box { padding: 30px; overflow:auto; min-height:629px; border-radius:0px 6px 6px 0px;}
.upload-sign-section .number { margin:0px; padding:0px;}
.upload-sign-section .otp-group .form-control { width:68%; display:inline-block; }
.upload-sign-section .otp-group .btn { width:30%; padding:6px; vertical-align:top;}
.upload-sign-section .right-secton .action-button .btn { padding:7px 25px; font-size:16px; margin-right:10px;}

.text-success { color: #5cb85c;}
.success-action .btn { padding:10px 25px; font-size:18px; margin:15px 5px; }

.btn-upload-group .btn-primary { width:160px;}
.btn-upload-group .btn-default { width:120px;}
.rightColumnSection {
    border: 1px solid #ccc;
    padding: 16px;
    border-radius: 5px;
    margin-bottom: 16px;
}
.orSeparator {
    padding: 18px 90px;
    position: relative;
}
.orSeparator p { border-top: 1px solid #ccc; }
.orSeparator span { 
    position: absolute;
    left: 46%;
    top: 16%;
    background: #fff;
    padding: 0 5px;
}
.mb-0 { margin-bottom: 0; }
.row-checkbox div.col-md-6 {
    padding: 0;
    display: flex;
    align-items: flex-start;
}
.row-checkbox div.col-md-6 label { margin-left: 6px; margin-bottom: 6px; }

#MoreSettings {
    min-height: 134px;
}

.zoom-actions {
    display: inline-block;
    padding-left: 50px;
}

#zoomContainer .modal-header {
    border-bottom: 1px solid #e5e5e5 !important;
}

#zoomContainer .modal-body {
    padding: 0 !important;
    background: #333;
    overflow: auto;
    height: 500px;
}

@media (max-width: 768px) {
    .form-right{ padding-left:0%;}
    .inner-banner { min-height:60px;}
    .header { padding:7px 15px;}
    .form-box { margin:0px; padding:10px 0px; box-shadow:none; border:none;}
    .content-section h3 { margin-bottom:0px;}
    .form-inline .form-control { display:inline-block;}
    .row-upload .form-control { width:210px !important;}
    .row-checkbox { margin:0px -15px;}
    .footer-section { text-align:center;}
    .alertContent {
        left: 5%;
        width: 90%;
        top: 25%;
    }
    .form-right {
        padding-left: 0%;
    }
    #MoreSettings {
        padding: 0 16px;
    }
    .signergate_Lbl { margin-bottom: 8px; padding: 0; }

    .orSeparator { padding: 18px 90px !important; }

    .footer-section .copyright { margin-bottom: 16px; }

    .inner-banner { min-height: 60px; }

    #fileUploadStatus #docpath { width: 210px !important; }

    .success-section {
        padding: 48px 0 16px;
    }
    .success-section h2 { font-size: 22px; }
    .success-section h3 { 
        font-size: 16px !important;
        margin-top: 16px !important;
    }
}