.bg-tab {padding:1em; background-color:#fff;}
.btn-down-right {float:right; margin-top:1em;}

.new-page {page-break-before:always !important;}

/* JS */
.dx-popup-wrapper .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center;}
.dx-popup-wrapper .dx-scrollable-container {overflow-y:auto; padding-right:15px;}

.no-grow > div {flex-grow:0 !important; width:auto !important;}
.no-grow > .dx-field-item-label-location-right {padding-left:3em;}
.no-bold > label {font-weight:normal !important;}
.dx-datagrid-content img.file-preview {float:left; margin:5px;}
.form-footer {margin-top:10px;}

.file-preview {position:relative; float:left; margin:5px; cursor:pointer;}
.file-preview > img {display:block; opacity:1; transition:.5s ease; backface-visibility:hidden;}
.file-preview > .middle {position:absolute; top:50%; left:50%; text-align:center; opacity:0; transition:.5s ease; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.file-preview:hover > img {opacity:0.3;}
.file-preview:hover > .middle {opacity:1;}
.file-preview:hover > .middle i {color:#222; font-size:32px;}

/* HTML */
.title {font-size:1.3em !important; font-weight:bold; text-align:center; margin-bottom:50px;}
.h1, h1 {font-size:1.5em; font-weight:bold; color:#111;}
.h2, h2 {font-size:1.3em; font-weight:bold; color:#333;}
.h2 a, h2 a {color:#333;}
.pre-marker {height:50px;}
.table thead th {text-transform:capitalize;}
.table.table-border {border:1px solid #ddd;}
.table.table-border td, .table.table-border th {border:0 !important;}

.signature-pad {display:inline-block; padding:4px; border:1px solid #ddd; border-radius:4px;}
.signature-pad canvas {border:1px solid #ddd;}
.signature-pad .dx-button {float:right; margin-left:4px;}