/* CSS Document */
.textbox{height:22px;width:175px;font-size:12px;font-weight:400}
.listbox{font-size:12px;font-weight:400;height:20px;width:170px}
.tblborder{border:1px solid #000}
.even{background:#f3f8fa}
.odd{background:#fff}
.ColorS{color:#0073c6}
.txthead{font-size:11px;font-weight:700;color:#000;height:20px;padding-left:20px}
.txthead1{font-size:11px;font-weight:700;color:#000;height:20px;padding-left:20px}
.txthead2{font-size:13px;font-weight:700;color:#000}
.txtsmall{font-size:10px;font-weight:400;color:#b3b3b3}
.txtArial1{font-size:11px;font-weight:400;color:#000;padding:0}
.txtLink{font-size:11px;font-weight:700;color:#1c6ea3;text-valign:middle;text-decoration:underline}
a.txtLink{font-size:11px;font-weight:700;color:#1c6ea3;text-valign:middle;text-decoration:underline}
.pagelink1{font-size:11px;font-weight:700;color:#333;text-decoration:none;text-align:center}
.pagelink2{font-size:11px;font-weight:700;color:#1c6ea3;text-decoration:none;text-align:center;width:10px}
.sc{height:700px;overflow-y:scroll;width:758px;padding:0}
.txtheadlarge{color:#000;font:700 18px Arial}
.txthead3{margin-top:0;line-height:25px;color:#0073c6;float:left;font-size:24px;font-weight:200;width:100%}
.txtheadlarge_new{color:#000;font:700 16px Arial}
.txthead_new{padding-left:20px}
.txthead_new table{width:100%}
a.txtLink{color:#1c6ea3;font-size:11px;font-weight:700;text-decoration:underline}
td.txtArial1{color:#000;font-size:11px;font-weight:400;padding-top:7px}
tr.txtArial{color:#000;font-size:11px;font-weight:400}
.txtheadlarge_sku{color:#000;font:700 12px Arial}
.catTag{font-style:italic}
span.colors{color:#0073c6}
.logo{margin:10px 0}
.logo ul{float:left;width:100%;border:1px solid #eee;padding:0;margin:20px 0}
.logo ul li{float:left;list-style:none outside none;position:relative;width:16%;height:5em;line-height:5em;text-align:center;padding:0 10px}
.logo ul li img{vertical-align:middle}
.logo ul li .logoImage{display:inline-block;line-height:1;margin-top:-2px;max-height:80px;max-width:150px}

/* Document details Page */


body.modal-open{ padding-right: 0 !important;}
.pos-rel{ position: relative;}
.document-overlay-box {display: flex;justify-content: center;align-items: start;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(32, 32, 32, 0.5) !important;}
.disabledbtn{ background: #2f2f2f;pointer-events: none; }
.text-box-doc {display: flex;justify-content: center;align-items: center;margin-top:20%;padding:20px;max-width: 430px;min-height: 170px;text-align: center;background: #2f2f2f;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);flex-wrap: wrap;}
.rember-input{ float: left;  font-size: 14px;}
.username-pass{ text-align: left;}
.username-pass .forgot-user{     font-size: 14px; padding-top: 20px; }
.text-box-doc p{ color: #fff;}
.username-pass .forgot-user a{ text-decoration: underline;     color: var(--int-blue);}
#Verifybutton{  background: #00c7fd;border-radius: 0;font-size: 14px;color: #262626;text-transform: capitalize;    font-weight: 500; }
#Verifybutton:hover{   background-color: #0089b9;text-decoration: none;color: #fff;}

#regModalCenter .captcha-Verification-display.formInner{height: 40px; padding: 0; background: #0171C6;    position: relative;}
#regModalCenter .captcha.pa-left-part.formInner{ padding: 0;}
.modal-open .document-overlay-box{ background: transparent; }
#regModalCenter .control-label{ font-size: 14px;}
#regModalCenter .captcha.pa-left-part.formInner .required.form-control{  background: #0171C6;}
#regModalCenter .captcha-Verification-display.formInner img#captchaimglogin{ margin-left: -30px; margin-top: 3px;}
#regModalCenter .captcha-Verification-display.formInner #btnrefresh{    position: absolute;right: 4px; top:4px;}
#regModalCenter .captcha.pa-left-part.formInner  img#captchaimg{    margin: -5px 0 0 -20px; }
.modal-open.com_library .modal-backdrop.in {filter: alpha(opacity = 80);opacity: .8;}
.control-label.blank{ margin: 0;line-height: 11px;}
#regModalCenter{ padding-right: 0 !important;}
#regModalCenter .modal-dialog.width-60{ max-width: 500px;}
#regModalCenter .modal-dialog {width:95%; max-width: 800px;-webkit-transform: translate(0, calc(50vh - 50%));
-ms-transform: translate(0, 50vh) translate(0, -50%);-o-transform: translate(0, calc(50vh - 50%));transform: translate(0, 50vh) translate(0, -50%);z-index: 999;margin: 0 auto;}
#regModalCenter .modal-body {position: relative;padding:0px; padding-right: 0;}
.error-message{ font-size: 14px;padding-top: 5px;color: #f00;}
#regModalCenter .second-form .error-message{position: absolute;bottom: -20px; left:15px;}
#regModalCenter .second-form .checkbox .error-message{    position: relative; bottom: 6px;left: 0;}
#regModalCenter #captcha_code_new_error{    position: relative;bottom: 0;left: 0; }
#regModalCenter .second-form  .form-group {margin-bottom: 20px;}
#regModalCenter .modal-content {box-shadow: none;border-radius: 0;    padding: 20px;}
#regModalCenter .modal-header {padding:0 0 15px;border-bottom: none;display: block;}
#regModalCenter .modal-footer { padding:1px 0 0px 0;text-align: right;border-top: none;}
#regModalCenter .first-form .modal-footer{ padding-top: 0;}
#regModalCenter .privacyTxt a{  text-decoration: underline; }
#regModalCenter  .font-16{ font-size: 16px;}
#regModalCenter  .font-16{ font-size: 14px;}

.modal-footer button:disabled { cursor: not-allowed! important;}
#regModalCenter  #disagree{ display: inline-block;color: var(--int-blue); border: 1px solid var(--int-blue); background: transparent; }
.rember-input label{font-weight: 400;}
#regModalCenter  #disagree:hover{color: var(--int-white);background: var(--int-blue); }
#regModalCenter .modal-header .close {margin-top: 0;position: absolute;top: 10px;right: 10px;opacity: 0.8;font-size: 25px;}
.pop-para{ color: #fff;font-size: 16px;margin: 20px 0;}
#password-form .form-control,
#popForm .form-control {color: #262626;height: 40px;font-size: 15px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing:0px;border: 1px solid #ccc;box-shadow: none;border-radius: 0;}
.control-label{ font-weight: 400;font-size: 16px; }
.btn.btn-verify{background-color: var(--int-blue);color: var(--int-white);text-transform: capitalize;padding: 7px 15px;display: inline-block;font-size: 16px;border-radius: 0;}
.btn.btn-verify:hover{ background-color: var(--int-blue3);text-decoration: none;color: var(--int-white); cursor: pointer;}
.btn.btn-verify[disabled]:focus,
.btn.btn-verify[disabled]:hover{background-color: var(--int-blue); cursor: not-allowed !important;}

#regModalCenter #disagree[disabled]:focus,
#regModalCenter #disagree[disabled]:hover{     color: var(--int-blue); border: 1px solid var(--int-blue);background: transparent;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{ cursor: not-allowed !important;}

#regModalCenter .modal-header h3{ margin-bottom: 10px;font-weight: 400;font-size: 23px;}
#regModalCenter .modal-header p{ margin-bottom: 0; font-size: 15px;}
#regModalCenter  .agree_not_european .checkbox{ padding-top: 0;}
.mandatory{ color: #f00;}
.rember-input input[type=checkbox]{ margin-right: 5px;}
#regModalCenter  .col-md-12.form-group  .checkbox.privacyTxt label,
#regModalCenter  .col-md-12.form-group .privacyTxt p, 
#regModalCenter  .col-md-12.form-group .privacyTxt .desc-textt{ font-size: 13px !important;}

#regModalCenter  div.checkbox{ padding: 0 !important; margin-top:10px;margin-bottom: 10px;}
#regModalCenter .col-md-6 col-sm-6 col-xs-12 rig-padi + 
.thank-you{ text-align: center;}
.thank-you h3{     color: var(--int-blue); margin: 0;}
.checkbox.privacyTxt label, 
.privacyTxt p,
.privacyTxt .desc-textt {font-size: 14px;}
.backverify:before { content: "\e900"; font-family: 'custom-icon-two';color: #262626;font-size: 16px; position: absolute;left: 0px;top:5px;transform: rotate(180deg);}
#regModalCenter .fs-arrow {background: url(https://d1qg7561fu8ubi.cloudfront.net/images/dropdown-arrow-down.svg) no-repeat center / 12px;width: 15px; height: 15px; border: 0px; right: 10px;}
#regModalCenter  .fs-wrap{ position: relative; }
#regModalCenter .fs-label-wrap {padding:5px 6px; height: 40px;}
#regModalCenter  .fs-dropdown {width: 100%;}
#regModalCenter .fs-dropdown .fs-options {padding: 5px 0;}
#regModalCenter .fs-label-wrap .fs-label {padding: 6px 22px 6px 8px;text-overflow: ellipsis;overflow: hidden;color: #262626;font-size: 16px;}
.scrol-box{ max-height: 450px; overflow-y: auto;     overflow-x: hidden;     padding-right: 15px !important;}
.scrol-box::-webkit-scrollbar {width:5px; background:#ededed;}
.scrol-box::-webkit-scrollbar-track {border-radius: 15px;}
.scrol-box::-webkit-scrollbar-thumb {border-radius: 15px;background:#ccc;} 
.btn.backverify{ position: relative; padding-left: 25px; background: transparent; border-radius: 0;color: #262626;}
.btn.backverify:hover{ background: #ccc; cursor: pointer;  }
.float-left{ float: left;}
#viewer{ position: relative;}
.font-14{     font-size: 13px;}
.form-control:focus{ -webkit-appearance: none;}
.error-message .bg-inner.text-center { background: #eee; padding: 20px; margin-top: 10px; }
.error-message .bg-inner.text-center a { text-decoration: underline; margin-top: 5px; display: inline-block; }
.error-message .bg-inner.text-center .text-col { color: var(--int-gray-dark); line-height: 20px; margin-bottom: 0px; }


@media only screen and (max-width:1100px) { #regModalCenter .modal-body{ padding: 2px !important;} input.middle:focus {
    outline-width: 0;
}}
@media only screen and (max-width: 120px) {
body.modal-open {overflow-y: hidden !important;}
}

@media only screen and (max-width: 991px) {
.scrol-box { max-height: 60vh;}
}
#regModalCenter .password-form.verifybox .modal-header p{ margin-bottom: 15px;}
#okayverify{  float: right; margin-top: 30px;}
#confirmationMessage{ color: #3c763d;}