#wrapper { padding-bottom: 1px;}
.section-loader.show { top: 0; left: 0; position: fixed; transform: none; }
input#frontImage { display: none; }
.mt-10 { margin-top: 10px; }
.mb-0 { margin-bottom: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.ui-widget-overlay { background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.ui-dialog { width: 100% !important; height: 100% !important; padding: 20px; position: fixed; z-index: 1001; text-align: center; }
.ui-dialog:before { min-height: 100%; content: ""; display: inline-block; vertical-align: middle;}
.ui-dialog .ui-widget-content { width: 333px !important; max-width: 100%; max-height: calc(100vh - 40px) !important; padding: 32px 20px; display: inline-block !important; vertical-align: middle; background: #fff; border-radius: 10px; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05); text-align: left; overflow-y: auto; }
.ui-dialog .ui-widget-content h1 { font-size: 1.25rem; line-height: 1.2; margin: 0 0 24px; padding: 0; color: #050505; font-weight: 700; text-align: center;}
.ui-dialog .ui-widget-content h2 { font-size: 1rem; line-height: 1.5; margin: 0 0 8px; color: #050505; font-weight: 700;}
.ui-dialog .ui-widget-content .text { margin: 0 0 24px; color: #222;}
.ui-dialog .ui-widget-content .text.bg-light { padding: 16px; color: #000; background: #F3F3F3; border-radius: 8px;}
.ui-dialog .ui-widget-content .text p { margin: 0 0 8px; font-size: inherit; line-height: 1.5; color: inherit;}
.ui-dialog .ui-widget-content .text p:last-child { margin-bottom: 0 !important;}
.ui-dialog .ui-widget-content .btn { width: 100%; display: block; margin: 0 0 12px;}
.ui-dialog .ui-widget-content .btn:last-child { margin-bottom: 0 !important;}
.dialog-none { display: none; }
.dialog-amount-verify p { margin: 0 0 30px; font-size: 0.875rem; line-height: 1.5; font-weight: 400; color: #222; }
.btn:focus { outline: 1px dotted;}
.btn { padding: 11px 15px; line-height: 20px; font-weight: 600; border-radius: 4px;}
.btn.btn-link { min-height: inherit; padding: 0; font-size: 0.75rem; line-height: 1.66666; border-radius: 0;}
body.loading .form-checkdeposit .btn-holder .btn { pointer-events: none;}
#header .container-fluid { padding-bottom: 30px;}
#header h1 { color: #292929;}
#header h1 ~ .logo-wrapper { margin: 32px 0 0;}
.btn-tooltip-dialog:focus { outline: dotted 1px; }
.picture-upload-area { border: 1px solid #D5D5D5; border-radius: 10px; padding: 15px 20px 19px; margin: 0 0 20px; }
.picture-upload-area h2 { font-size: 1rem; line-height: 1.25; margin: 0 0 9px; font-weight: 600; color: #292929; }
.picture-upload-area h2 .required,
form label em { color: #E35225;}
form label.required:after { content: "*"; color: #E35225;}
form label.required em { display: none;}
.picture-upload-area p { margin: 0 0 6px; font-size: 0.8125rem; line-height: 1.384615384615385; color: #494949; }
.picture-upload-area .btn.btn-link { margin: 0 0 4px;}
.picture-upload-area ul { margin: 0; padding: 0; list-style: none; }
.picture-upload-area ul li { padding: 10px 0 0; }
.picture-upload-area .link-upload { display: block; padding-top: 44.318%; position: relative; border: 1px dashed rgba(151, 151, 151, 0.35); border-radius: 4px; overflow: hidden; }
.picture-upload-area .link-upload.upload-ready { border-style: solid;}
.picture-upload-area .link-upload:hover, .picture-upload-area .link-upload:focus { border-color: #444; outline: none; color: #444; }
.picture-upload-area .link-upload .img-area {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: cover; background-position: center; }
.picture-upload-area .link-upload .img-area.img-rotate { width: 45%; height: 226%; transform: translate(-50%, -50%) rotate(-90deg); }
.picture-upload-area .link-upload .img-area img { position: absolute; opacity: 0; }
.picture-upload-area .link-upload.img-hidden .info { display: flex !important;}
.picture-upload-area .link-upload.img-hidden .img-area { visibility: hidden; opacity: 0;}
.picture-upload-area .link-upload .info { padding: 10px; font-weight: 600; line-height: 1.28571; color: #292929; position: absolute; top: 0; left: 0; display: flex; align-items: center; width: 100%; height: 100%; justify-content: center; }
.picture-upload-area .info .desc { display: flex; align-items: center;}
.picture-upload-area .cam-ico { width: 20px; height: 17px; flex-shrink: 0; margin: 0 9px 1px 0;}
.picture-upload-area .cam-ico svg { width: 100%; height: 100%; display: block; }
.picture-upload-area .text { flex-grow: 1;}
.dialog-photo-instruction .note strong { font-weight: 600; }
.dialog-photo-instruction .note { font-size: 13px; line-height: 18px; margin: 0 0 34px; color: #000; }
.dialog-photo-instruction .note em.required { color: #DF3939; }
.capturing-error-dialog .text { text-align: center;}
.capturing-error-dialog .img-holder { padding-top: 44.318%; margin: 0 0 24px; border-radius: 6px; overflow: hidden; position: relative;}
.capturing-error-dialog .img-holder .img-area {width: 100%; height: 100%; border-radius: 6px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: cover; background-position: center; }
.capturing-error-dialog .img-holder .img-area.img-rotate { width: 45%; height: 226%; transform: translate(-50%, -50%) rotate(-90deg); }
.capturing-error-dialog .img-holder .img-area img { width: 100%; height: 100%; position: absolute; opacity: 0;}
.capturing-error-dialog .text .error-text { margin: 0; font: inherit; color: inherit; text-align: center;}
.list-bullet-circle { margin: 0 0 20px; padding: 0; list-style: none; font-size: 0.875rem; line-height: 1.285714285714286; font-weight: 400; color: #3D3D3D; }
.list-bullet-circle li { position: relative; padding: 0 0 0 20px; }
.list-bullet-circle li + li { margin: 10px 0 0; }
.list-bullet-circle li:before { content: ''; width: 6px; height: 6px; border-radius: 100%; background: #404040; top: 6px; left: 0; position: absolute; }
.table-deposit-review { margin: 0; table-layout: fixed; width: 100%; }
.table-deposit-review td { width: 50%; font-size: 0.75rem; line-height: 1.25; color: #757575; vertical-align: middle; padding: 18px 6px 18px 2px; border-top: 1px dashed #DEDEDE;  text-align: left; }
.table-deposit-review td .img-holder {width: 73px;height: 34px;position: relative;display: inline-block;}
.table-deposit-review td .img-holder img {width: 100%;height: 100%;position: absolute;top: 0;left: 0; object-fit: cover;}
.table-deposit-review td .img-holder.img-rotate img {width: 47%;height: 216%;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-90deg);}
.table-deposit-review td .amount { display: inline-flex; align-items: center;}
.table-deposit-review td .amount .currency-sign { display: none;}
.table-deposit-review td .amount img { width: 12px; height: auto; margin: 0 0 0 6px; }
.table-deposit-review th { padding: 0 6px 23px 2px; border: 0; font-size: 0.875rem; line-height: 1.285714285714286; color: #757575; font-weight: 400; text-align: left; }
.table-deposit-review th:last-child,
.table-deposit-review td:last-child { text-align: right; padding-right: 0; }
.table-deposit-review tbody tr:last-child td { padding-bottom: 5px; }
.table-deposit-review .currency_sign-label,
.table-deposit-review .amount { font-size: 0.875rem; line-height: 1.285714285714286; color: #444; font-weight: 600; }
.table-deposit-review [alt*="Flag"] { width: 12px; height: 12px; vertical-align: middle; display: inline-block; font-size: 0; line-height: 0; }
.sdk-scuuess-ico { display: block; margin: 0 auto 10px; }
.btn-tooltip-dialog { position: relative; top: -1px; }
fieldset[id*="flow-"]:not(.active) { display: none; }
.input-group { position: relative; }
.cd-currency { position: absolute; top: 11px; left: 12px; z-index: 2; pointer-events: none; color: #292929; font-size: 13px; line-height: 18px; }
.cd-currency + input { padding-left: 20px; }
[type]::placeholder { color: #292929; opacity: 1; }
[type]:-ms-input-placeholder { color: #292929; }
[type]::-ms-input-placeholder { color: #292929; }
.deposit-success { border: 1px solid #D5D5D5; border-radius: 10px; padding: 18px 20px 19px; margin: 0 0 20px; }
.deposit-success h2 { font-size: 1rem; line-height: 1.25; font-weight: 600; color: #292929; margin: 0 0 10px; }
.deposit-success p { font-size: 0.8125rem; line-height: 1.384615384615385; margin: 0 5px 22px; color: #494949; font-weight: 400; }
.deposit-success .amount .num,
.deposit-success .ref-id { font-weight: 600; font-size: 0.875rem; line-height: 1.571428571428571; color: #444; }
.deposit-success .amount .num { margin: 0; }
.deposit-success .table-deposit-review td { padding-top: 22px; padding-bottom: 22px; }
.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.cropping-area,
.camera-holder { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 450; display: none; background: #000; border: solid #000; border-width: 43px 27px 32px; }
.action-btns { position: fixed; bottom: 0; left: 0; right: 0; z-index: 800; text-align: center; padding: 18px 10px; background: rgba(0,0,0,0.5); }
.action-btns #btnSave { width: 64px; height: 64px;}
.action-btns #btnSave svg { width: 100%; height: 100%;}
.cropping-area #image { width: 100%; height: 100%; position: relative; }
#video, .jcrop-tracker, #rawcanvas,
.cropping-area .jcrop-holder { width: 100% !important; height: 100% !important; }
.cropping-area { border-width: 50px 25px 87px;}
.cropping-area.croping-active { display: flex; align-items: center; justify-content: center; }
.dialog-photo-type p { margin: 0 0 30px; }
.dialog-photo-type ul { margin: 0 0 30px; padding: 0; list-style: none; }
.dialog-photo-type li + li { margin: 5px 0 0; }
#croppedimage { position: absolute; top: -9999px; left: -9999px; }
.title-deposit { position: fixed; top: 10px; left: 10%; width: 80%; white-space: nowrap; font-size: 23px; line-height: 27px; color: #fff; text-align: center; font-weight: 400; z-index: 810; }
.close-cam, .close-capturing { padding: 0; width: 48px; height: 48px; position: fixed; top: 0; right: 0; }
.capturing-instruction,
#CaptureNew { width: 30px; height: 30px;  position: absolute; top: 50%; right: 62px; transform: translateY(-50%); border-radius: 100%; background: #fff;}
.capturing-instruction { display: flex; justify-content: center; align-items: center; }
.cropper-corner { position: absolute; border: solid #fff; pointer-events: none; width: 20px; height: 20px; z-index: 801; }
.corner-top-left { top: -3px; left: -3px; border-width: 2px 0 0 2px; }
.corner-top-right { top: -3px; right: -3px; border-width: 2px 2px 0 0; }
.corner-bottom-left { bottom: -3px; left: -3px; border-width: 0 0 2px 2px; }
.corner-bottom-right { bottom: -3px; right: -3px; border-width: 0 2px 2px 0; }
.cropping-area .jcrop-holder { outline: 1px solid #9496a2; outline-offset: 2px;  }
.jcrop-hline, .jcrop-hline.bottom { border-top: dashed 1px #fff; width: 100%; }
.jcrop-hline { top: 0; }
.jcrop-hline.bottom { bottom: 0; top: auto; }
.jcrop-vline { left: 0; }
.jcrop-vline.right { right: 0; left: auto; }
.jcrop-vline, .jcrop-vline.right { height: 100%; border-left: dashed 1px #fff; }
.capture-action svg { display: block; margin: 0 auto; }
.btn-holder { width: auto; margin: 0 0 20px; position: relative !important; left: auto !important; bottom: auto !important;}
.back-step { position: absolute; left: 30px; top: 51px; }
.spinner-parent { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; }
body.loading .spinner-parent { display: block; }
@media all and (orientation:landscape) and (max-width: 768px) {
	.cropping-area,
	.camera-holder { border-width: 43px 27px; }
	.action-btns { padding: 8px;}
	.action-btns #btnSave { width: 48px; height: 48px;}
	.ui-dialog { padding-top: 40px; padding-bottom: 40px;}
	.ui-dialog .ui-widget-content { max-height: calc(100vh - 80px) !important;}
}
