.session-form { display:grid; position:relative; z-index:1; grid-gap:2rem; padding:4rem 0 0; user-select:none; pointer-events:none; }

.session-form .fieldset-row { width:100%; position:relative; overflow:hidden; padding-left:10%; padding-right:10%; }
.session-form .fieldset-row.img-fieldset-row { width:auto; margin:0 -10.9%; }
.session-form .fieldset-row.img-fieldset-row.header-fieldset-row { margin-top:-5rem; }

.session-form .fieldset-row .session-form-row { margin-bottom:0; }
.session-form .fieldset-row .session-form-grid-row .session-form-row { margin-bottom:1rem; }

/*.fieldset-row-title { margin-bottom:2rem; }*/

.session-form .main-title { color: var(--primary-color); font-size: 2.8rem; font-weight: 400; line-height: 3.6rem; margin-bottom:2rem; }
.session-form .sup-title { width: 100%; font-size: .9rem; font-weight: 600; line-height: 1.2rem; opacity:.6; text-transform: uppercase; margin: 0 auto .75rem; }
.session-form .main-description { font-size:1.4rem; line-height:2.2rem; }

.session-form h3 { margin:0 auto 1.5rem; font-size: 1.3rem; font-weight: 600; line-height: 2.2rem; }

.session-form p { font-size:1.2rem; line-height:2rem; margin:0 auto 2rem; }
.session-form .paragraph { font-size:1.2rem; line-height:2rem; margin:0 auto; }

.session-form-row-image img { width:100%; height:auto; }
.image-caption { margin-bottom:0!important; padding: 0 9%; font-style:oblique; opacity:.6; }

/* ============================================================= */

.session-form-box-header .supTitle { width:100%; opacity:.6; font-size:.8rem; font-weight:normal; line-height:1.2rem; color: var(--dark); text-transform:uppercase; margin:0 auto .5rem; }

.session-form .session-form-box-header .session-form-row { margin-bottom:.5rem; }
.session-form .session-form-box-header input { height:6rem; line-height:6rem; font-size:1.6rem; font-weight:400; }

.session-form-box-body { width: 100%; position: relative; padding: 0 15%; user-select:none; }
.session-form-step-1 .session-form-box-body { padding-bottom:14rem; }
.session-form-step-2 .session-form-box-body { padding-bottom:14rem; }

.session-form-box-wrap { width:100%; position:relative; border:1px dashed rgba(0,0,0,.1); margin-bottom:2rem; transition: background .3s ease-in-out, border .3s ease-in-out, box-shadow .3s ease-in-out, height .3s ease-in-out, opacity .3s ease-in-out; }
.session-form-box-wrap:after { width:1px; height:2rem; position:absolute; top:100%; left:50%; transform: translate(-50%,0); border-left:1px dashed rgba(0,0,0,.1); content:''; }
.session-form-box-wrap.view-box-drag,
.session-form-box-wrap.view-box-edit { border:1px dashed var(--primary-color); box-shadow: var(--shadow); }
.session-form-box-wrap.view-box-delete { display:none; /*height:0; opacity:0; border:none; overflow:hidden;*/ }

.session-form-box-wrap-drag-btn,
.session-form-box-wrap-options-btn { width: 1.5rem; height: 100%; position: absolute; top: 0; left: 0; z-index:10; border-right: 1px dashed rgba(0,0,0,.1); color:#adb2e5; cursor:pointer; transition: all .3s ease-in-out; overflow:hidden; }
.session-form-box-wrap-drag-btn { cursor:move; }
.session-form-box-wrap-options-btn { left: auto; right: 0; border-left: 1px dashed rgba(0,0,0,.1); border-right: none; }
.session-form-box-wrap-drag-btn:hover,
.session-form-box-wrap-options-btn:hover,
.session-form-box-wrap-options-btn.active { background-color:#eef0fa; color:var(--primary-color); }
.view-box-options .session-form-box-wrap-drag-btn { z-index:8; }
.view-box-drag .session-form-box-wrap-drag-btn { border-right:1px dashed var(--primary-color); }
.view-box-edit .session-form-box-wrap-drag-btn,
.view-box-edit .session-form-box-wrap-options-btn,
.view-box-grid .session-form-box-wrap-drag-btn,
.view-box-grid .session-form-box-wrap-options-btn { width:0; opacity:0; }

.session-form-box-wrap-drag-btn i,
.session-form-box-wrap-options-btn i { width:3rem; height:3rem; display:block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:1.6rem; line-height:3rem; text-align:center; }
.session-form-box-wrap-drag-btn i { font-size:2.5rem; }

.session-form-box-wrap-center { width:100%; min-height:7rem; position:relative; overflow:hidden; padding:1.5rem 4rem; }
.session-form-box-wrap-center-content {  }

.session-form-box-wrap-options { width:100%; height:100%; position:absolute; top:0; left:100%; z-index:9; background-color:#eef0fa; text-align:center; transition: transform .3s ease-out; }
.view-box-options .session-form-box-wrap-options { transform: translate3d(-100%,0,0); }

.session-form-box-wrap-options-buttons { width:100%; height:6rem; position:absolute; top:50%; left:0; transform:translate(0,-50%); font-size:0; line-height:0; text-align:center; }
.session-form-box-wrap-options-buttons span { width:6rem; height:6rem; display:inline-block; margin:0 .5rem; padding:.5rem 0 .3rem; cursor:pointer; font-size:.8rem; line-height:1rem; color:#969ac6; text-transform:uppercase; transition: background .3s ease-in-out, color .3s ease-in-out, box-shadow .3s ease-in-out, text-shadow .3s ease-in-out; border-radius:.3rem; }
.session-form-box-wrap-options-buttons span:hover { background: var(--primary-color); color:#fff; box-shadow:0 0.1rem 0.2rem rgba(114,124,245,0); }
.session-form-box-wrap-options-buttons span i { width:100%; height: 3.2rem; display: block; font-size: 2rem; line-height: 3.2rem; text-align: center; color: var(--primary-color); margin-bottom: .3rem; transition: color .3s ease-in-out; }
.session-form-box-wrap-options-buttons span:hover i { color:#fff; }

.session-form-box-wrap-center-edit,
.session-form-box-wrap-grid-edit { width:100%; display:none; /*height:0;*/ position:relative; overflow:hidden; padding:1.5rem 4rem 4.5rem; background:#eef0fa; transition: height .3s ease-in-out .3s, padding .3s ease-in-out .3s; }
.view-box-edit .session-form-box-wrap-center-edit,
.view-box-grid .session-form-box-wrap-grid-edit { display:block; /*height:auto; padding:2rem 3rem 4.5rem;*/ }

.session-form-box-wrap-center-edit .session-form-row { opacity:0; transition: opacity .3s ease-in-out .3s; }
.view-box-edit .session-form-box-wrap-center-edit .session-form-row { opacity:1; }

.session-form-box-wrap-button { width:auto; height:4rem; opacity:0; position:absolute; left:0; right:0; bottom:0; display:block; font-size:1.1rem; line-height:4rem; font-weight:600; text-transform:uppercase; font-family: 'Open Sans', Arial, sans-serif; border-radius:0; border:none; border-top:1px dashed rgba(0,0,0,.1); padding:0 1.5rem; text-align:center; cursor:pointer; color:var(--primary-color); background:transparent; transition:color 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.3s ease-in-out .3s; }
/*button.button { line-height:inherit!important; }*/
.session-form-box-wrap-button:hover,
.session-form-box-wrap-button:active { color:#fff; background:var(--primary-color); text-decoration:none; }
.view-box-edit .session-form-box-wrap-button,
.view-box-grid .session-form-box-wrap-button { opacity:1; }

.session-form-row-validation-text { color:#969ac6; font-size:1rem; line-height:1.2rem; margin:0 auto; padding-top:.5rem; }

.session-form .session-form-box-wrap .session-form-row { margin-bottom:1.5rem; }
.session-form .session-form-box-wrap-center-content .session-form-row:last-of-type { margin-bottom:.5rem!important; }

.session-form .session-form-row.multiple-block-inputs input { margin-bottom:.6rem; }

.add-block-input { width:100%; height:3.6rem; display:block; font-size:1rem; line-height:3.6rem; font-weight:400; text-transform:uppercase; font-family: 'Open Sans', Arial, sans-serif; border-radius:0; border:none; border:1px dashed rgba(0,0,0,.1); padding:0 1.5rem; border-radius:.3rem; text-align:center; cursor:pointer; color:var(--primary-color); background:#e7e9f8; transition:color 0.3s ease-in-out, background 0.3s ease-in-out, border 0.3s ease-in-out; }
.add-block-input:hover,
.add-block-input:active { color:#fff; background:var(--primary-color); text-decoration:none; border:1px solid var(--primary-color); }

.session-form-box-wrap-title { font-size:1.24rem; line-height:2rem; margin:0 auto 1.2rem; font-weight:700; }
.session-form-box-wrap-descrition { margin:0 auto 1.5rem; font-size:1.16rem; line-height:1.8rem; }

/* ============================================================= */

.wrapper-content-title { color: var(--primary-color); font-size: 2.4rem; font-weight: 400; line-height: 3rem; padding: 3rem 3%; }

.list-content { width:100%; display:grid; grid-template-columns: repeat(4,1fr); grid-gap:0; justify-items:center; border-top:1px solid rgba(0,0,0,.1); }
.list-content li { width:100%; position:relative; border-right:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(0,0,0,.1); text-align:center; overflow:hidden; }
.list-content li:nth-child(4n) { border-right:none; }
.list-content a { width:100%; height:100%; position:relative; display:block; padding:13rem 1.8rem 2rem; color:#000; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background:transparent; }
.list-content a:hover,
.list-content a:active { text-decoration:none; outline:none; background:#eef0fa; color:var(--primary-color); }
.list-content a:before { width:9rem; height:9rem; content:''; position:absolute; top:2.5rem; left:50%; transform:translate(-50%,0); background: transparent url(../img/form.svg) no-repeat 50% 50%; background-size: auto 100%; }
.list-content .list-cell-img { width:100%; height: 10rem; display:block; margin:0 auto 2rem; }
.list-content strong { display:block; font-size:1.1rem; line-height:1.6rem; font-weight:600; overflow:hidden; }
.list-content span { display: block; font-size: .9rem; line-height: 1.2rem; font-weight: 400; color: #969ac6; text-transform: uppercase; padding-top:.5rem;  }

/* ============================================================= */

.session-form-grid { width:100%; display:grid; grid-gap:1.5rem; }

.session-form .session-form-grid .session-form-row-checkbox label, .session-form .session-form-grid .session-form-row-radio label { margin-bottom:0!important; }

.set-grid-box { width:100%; display:grid; grid-template-columns: 1fr 12rem; grid-gap:1rem; align-items: center; margin-bottom: 1rem; }
.set-grid { display:grid; grid-template-columns: 3.6rem 1fr 3.6rem; }
.set-grid i { width:100%; height:3.6rem; display:block; font-size:1.2rem; line-height:3.6rem; text-align:center; color: var(--primary-color); cursor:pointer; transition: all .3s ease-in-out; border:1px solid rgba(0,0,0,.1); }
.set-grid i.icon-ia-minus { border-radius: .3rem 0 0 .3rem; border-right:none; }
.set-grid i.icon-ia-plus { border-radius: 0 .3rem .3rem 0; border-left:none; }
.set-grid i:hover { background: var(--primary-color); color:#fff; }
.session-form .set-grid-box label { margin-bottom:0!important; }
.session-form .set-grid input { border-radius:0!important; text-align:center; }

/* ============================================================= */

.session-form-box-actions { width: 100%; height:12rem; position: absolute; left:0; bottom:0; display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:2rem; padding: 1.5rem 15%; background-color: #eef0fa; border-top: 1px dashed #c9ccf0; }
.session-form-box-actions button { color: var(--primary-color); background:transparent; cursor:pointer; border:none; border-radius:.3rem; transition:all .3s ease-in-out; font-size:1rem; line-height:1.4rem; text-align:center; text-transform:uppercase; font-weight:400; }
.session-form-box-actions button i { width:100%; height:4rem; display:block; font-size:3rem; line-height:4rem; margin:0 auto 1rem; }
.session-form-box-actions button:hover,
.session-form-box-actions button:active { background: var(--primary-color); color:#fff; box-shadow: var(--shadow); }

/* ============================================================= */

.session-form .step1-btns { width:100%; margin:1rem auto 2rem; display:grid; grid-template-columns: repeat(2,10rem); grid-gap:2rem; align-items:center; justify-content:center; }

.session-form .upload-image-box { width:100%; height:8rem; position:relative; overflow:hidden; border:1px solid rgba(0,0,0,.1); transition:border .3s ease-in-out, box-shadow .3s ease-in-out; border-radius:.4rem; margin:0; cursor:pointer; }
.session-form .upload-image-box:hover { border-color: var(--primary-color); box-shadow: var(--shadow);  }
.session-form .upload-image-box:after { width:4rem; height:4rem; position:absolute; top:50%; left:50%; z-index:11; margin-top:-1rem; /*content:'\ee47';*/ transform: translate(-50%,-50%);  color: #969ac6; font-size:3.4rem; line-height:4rem; font-family:icons; text-align:center; transition:color .3s ease-in-out; }
.session-form .upload-image-box:before { width:100%; position:absolute; top:50%; bottom:auto; color:#969ac6; text-shadow:none; padding-top:1.2rem; z-index:12; content:'Upload Image'; font-size:.8rem; font-weight:600; line-height:1.2rem; text-transform:uppercase; text-align:center; transition:color .3s ease-in-out; }
.session-form .upload-image-box:hover:after,
.session-form .upload-image-box:hover:before { color:var(--primary-color); }

/*.upload-image-box div.photo-bg { background: url(../img/photo.svg) no-repeat 50% 50%; background-size:cover; }
.upload-image-box div.camera-bg { background: #f7f7f7 url(../img/camera.svg) no-repeat 50% 25%; background-size:auto 60%; }*/
 
.session-form .upload-image-box:before { content:'Upload Image'; }
.session-form .upload-image-box:after { content:'\ee47'; }

.session-form .upload-image-box.upload-camera-img:before { content:'Camera Image'; }
.session-form .upload-image-box.upload-camera-img:after { content:'\e90b'; }

.session-form .upload-image-box.doc-upload:before { content:'Upload File'; }
.session-form .upload-image-box.doc-upload:after { content:'\ee39'; }

.session-form .upload-image-box.file-upload:before { content:'Upload File'; }
.session-form .upload-image-box.file-upload:after { content:'\ee3b'; }

.session-form .session-form-box-wrap .upload-image-grid .session-form-row { margin-bottom:0!important; margin-top:1rem; }

.session-form .upload-image-box .upload-image-input { width:100%; height:100%; position:absolute; top:0; left:0; z-index:15; opacity:0; cursor:pointer; }

.session-form .upload-image-box div { width:100%; height:100%; position:absolute; top:0; left:0; z-index:8; background-color:#e7e9f8; }
.session-form .upload-image-box div img { max-width:84%; height:auto; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); }

.session-form .upload-image-icon { width:100%; height:15rem; display:block; margin:0 auto .5rem; background-color: #f3f4fc; border: 1px solid rgba(0,0,0,.1); border-radius:.1rem; font-size:8rem; line-height:15rem; text-align:center; color:#969ac6; }


/* ============================================================= */

.session-form .files-list { padding:2.5rem 0 1rem; }

.session-form .file { display:inline-block; text-align: center; color: #666; margin-bottom:1rem; pointer-events:all; cursor:pointer; text-decoration:none; }
.session-form .file i { height: 9rem;  margin: 0 auto .5rem;  font-size: 8rem; line-height: 9rem; }
.session-form .file img { width:auto; height: 10rem;  margin: 0 auto 1rem; }
.session-form .file strong { display: block; font-size:1.1rem; line-height:1.4rem; text-transform:uppercase; font-weight:400; margin-bottom:.5rem; text-align:center; }

.session-form .signature-pad,
.session-form .agent-signature { width:100%; height:30rem; position:relative; display:block; margin:.5rem auto 1rem; background-color: #f8f8f8; border: 1px solid rgba(0,0,0,.1); border-radius:.2rem; }
.session-form .agent-signature { width:15rem; height:15rem; margin:0; background: transparent url(../img/agent-signature.svg) no-repeat 50% 50%; background-size: auto 100%; border:none; /*border: 1px dashed #rgba(0,0,0,.1);*/ }

.session-form .signature-pad:after { width:auto; height:auto; position:absolute; right:1.2rem; opacity:.5; bottom:1rem; content:'Signature'; font-size:.8rem; line-height:1rem; text-transform:uppercase; text-align:right; font-weight:400; color:#999; }

/* ============================================================= */

.id-card-extractor { width:100%; height:auto; position:relative; overflow:hidden; /*border-top: 1px dashed #rgba(0,0,0,.1); border-bottom: 1px dashed #rgba(0,0,0,.1);*/ }

.id-card-extractor-cell { height:auto; padding:1.5rem 0; }
.id-card-extractor-cell:nth-child(1) { border: none!important; }
/*.id-card-extractor-cell:nth-child(1),
.id-card-extractor-cell:nth-child(2) { border-bottom: 1px dashed #rgba(0,0,0,.1); }*/
.id-card-extractor-cell:last-of-type { padding-left:0; padding-right:0; }

.id-card-extractor-cell .id-card-image img { width:auto; height:16rem; }

.id-card-extractor-cell h3 { text-align:center; font-size:1.1rem; line-height:1.4rem; text-transform:uppercase; font-weight:600; margin-bottom:3rem; }
.id-card-extractor-cell h3 span { display:block; color:#969ac6; font-size:1rem; margin-bottom:.2rem; }

.id-card-image-actions,
.add-photo-image-actions { width:100%; text-align:center; font-size:0; line-height:0; vertical-align:middle; }
.id-card-image-actions .button,
.add-photo-image-actions .button { width:8rem; margin:0 .5rem; }

/* ============================================================= */

.session-form .upload-image-grid { width:100%; margin:1rem auto 2rem; display:grid; grid-template-columns: 10rem 1fr; grid-gap:2rem; align-items:center; }
.session-form .upload-image-grid.with-delete-btn { grid-template-columns: 10rem 1fr 4rem; grid-gap:2rem 1rem; }

.session-form .upload-image-grid .session-form-row.with-delete-btn input { padding-right:4rem; }

.session-form .upload-image-grid .session-form-row .delete-form-row-btn { position:absolute; right:0.4rem; top:50%; transform: translate(0,-50%); margin-top:0; }
/*.upload-image-grid .session-form-row .delete-form-row-btn { margin-top:1rem; }*/

.session-form .upload-image-grid .file-size { display:block; padding-top:.5rem; font-size:1rem; font-weight:400; line-height:1.4rem; font-style:oblique; color:#969ac6; }

/* ============================================================= */

.session-form-grid .add-photo { width:100%; height:auto; position:relative; overflow:hidden; /*border-top: 1px dashed #rgba(0,0,0,.1); border-bottom: 1px dashed #rgba(0,0,0,.1);*/ }
.session-form-grid .add-photo-list { width:300%; height:28rem; display:grid; grid-template-columns: repeat(3,33.33%); transform: translate3d(0,0,0); transition: transform .4s ease-out, height .3s ease-out; align-items:center; }
.session-form-grid .add-photo-list.view-apl-step2 { transform: translate3d(-33.33%,0,0); }
.session-form-grid .add-photo-list.view-apl-step3 { height:auto; transform: translate3d(-66.66%,0,0); }

.session-form-grid .add-photo-cell { width:100%; height:100%; padding:1.5rem 0; margin:0 auto 2rem; }
.session-form-grid .add-photo-cell:last-of-type { height:auto; }

.session-form-grid .add-photo-cell h3 { text-align:center; font-size:1.1rem; line-height:1.4rem; text-transform:uppercase; font-weight:600; margin-bottom:3rem; }
.session-form-grid .add-photo-cell h3 span { display:block; color:#969ac6; font-size:1rem; margin-bottom:.2rem; }
.session-form-grid .add-photo-cell:nth-child(1) p { text-align: center; padding: 0 1rem; line-height: 1.8rem; }
.session-form-grid .add-photo-image { width:100%; text-align:center; margin:0 auto 3rem; }
.session-form-grid .add-photo-image img { width:auto; height:14rem; margin:0 auto; }

.session-form-grid .add-photo-image-view { width:100%; }
.session-form-grid .add-photo-image-view img { width:100%; height:auto; }

/* ============================================================= */

.session-form-grid {  }
.session-form-grid-row { display:grid; grid-template-columns: repeat(2,1fr); grid-gap:1.5rem 3.5rem; }
.session-form-grid-row.street-grid,
.session-form-grid-row.address-grid,
.session-form-grid-row.id-grid { grid-template-columns: repeat(4,1fr); }

.session-form-grid-row.street-grid .session-form-row:first-of-type { grid-column: 1 / 4; }
.session-form-grid-row.id-grid .session-form-row:last-of-type { grid-column: 3 / -1; }

.session-form-grid .calendar-btn { width:3.6rem; height:3.6rem; margin-top:1rem; display:inline-block; font-size:2rem; line-height:3.4rem; border-radius:0.3rem; cursor:pointer; color:var(--primary-color); background:transparent; transition:all 0.3s ease-in-out; text-align:center; }
.session-form-grid .calendar-btn:hover,
.session-form-grid .calendar-btn:active { color:#fff; background:var(--primary-color); box-shadow:0 0.1rem 0.2rem rgba(114,124,245,0.2); text-shadow: rgba(1,12,118,.3); text-decoration:none; }

.session-form-grid .session-form-row.with-calendar .calendar-btn  { position:absolute; right:1px; top:1.1rem; }

.session-form-grid .step1-icons { display:grid; grid-template-columns: repeat(2,1fr); grid-gap:0; padding:0 15%; margin:0 auto 1rem; justify-items: center; }
.session-form-grid .step1-icons i { width:5rem; height:5rem; display:block; color:rgba(0,0,0,.1); font-size:4rem; line-height: 5rem; text-align:center; }
.session-form-grid .id-card-extractor-cell:nth-child(1) p { text-align:center; padding: 0 1rem; line-height:1.8rem; }
.session-form-grid .id-card-image { width:100%; text-align:center; margin:0 auto 4rem; }
.session-form-grid .id-card-extractor-cell:nth-child(2) img { width:auto; height:14rem; margin:0 auto; }

/* ============================================================= */

.session-form .mco-box {  }
.session-form .mco-box .session-form-box-wrap-title { margin-bottom:0; padding:0; }
.session-form .mco-box .session-form-box-wrap-center-edit.hck { width:auto; padding:1.5rem 3rem 4.5rem; margin:0 -1.5rem;  }

.session-form .mco-cell { width:100%; padding: 1rem 0; border-bottom:none!important; }
.session-form .mco-cell:last-of-type,
.session-form .mco-cell.last { border:none; }

/*.mco-cell .session-form-grid { padding-top:1.5rem; }*/
.session-form .mco-cell .session-form-grid { padding-bottom:1.5rem; }
.session-form .mco-cell-header {  min-height:4.2rem; display:grid; grid-template-columns: repeat(2,1fr); grid-gap:1rem; align-items:center; }
.session-form .mco-cell-header .session-form-row-checkbox label { font-weight:600; }
.session-form .mco-cell .mco-cell-header .session-form-row-checkbox { margin-bottom:0!important; }
.session-form .session-form-row-checkbox:last-of-type, .session-form .session-form-row-radio:last-of-type { margin:0; }

.mco-cell-hidden { display:none; }
.view-mco-cell-hidden .mco-cell-hidden { display:block; }

/* ============================================================= */

.session-form .offer-row { position:relative; border:1px dashed rgba(0,0,0,.1)!important; margin-bottom:1.5rem; transition: border .3s ease-in-out, box-shadow .3s ease-in-out, background .3s ease-in-out;  }
.session-form .offer-row.selected { border:2px solid var(--primary-color)!important; box-shadow: var(--shadow); background-color: #f8f8f8; }

.session-form .offer-row .upload-image-grid { height:auto; grid-template-columns: 1fr; grid-gap:.5rem; margin:0;  }

.session-form .offer-row .upload-image-box:after,
.session-form .offer-row .upload-image-box:before { display:none; }

.session-form .offer-row .upload-image-box { height:auto!important; min-height:14rem; border-radius:0; border:none; margin-bottom:1rem; }
.session-form .offer-row .upload-image-box img { width:100%!important; height:auto; position:static; margin-bottom:auto auto; transform: translate(0,0); }
.session-form .offer-row p { width:100%; font-size:1.2rem; line-height:2rem; padding:0 1.2rem; margin-bottom:.5rem; text-align:left; }
.session-form .offer-row p:last-of-type { margin-bottom:1rem; }

.session-form .offer-row .upload-image-grid {  }
.session-form .offers-box .session-form-grid { grid-gap:1.2rem; }

.session-form .edit-offer-row .upload-image-box:before { top:auto; bottom:2rem; font-size:1rem; color:#fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); }

.session-form .offer-row .icon-check { width:3rem; height:3rem; padding:0; display:block; position:absolute; top:0; right:0; content:""; font-family:icons; text-align:center; line-height:3rem; font-size:2rem; border-radius:0 0 0 .3rem; color:#fff; background-color: var(--primary-color); box-shadow: 0 1px 2px rgba(114,124,245,.4); transform: scale3d(0,0,0); transition: transform .3s ease-in-out; transform-origin: 100% 0;}
.session-form .offer-row.selected .icon-check { transform: scale3d(1,1,1); }

/* ============================================================= */

.fieldset-row-action { text-align:right; padding-bottom:2rem; }

.session-form-preview-page .content,
.session-form-preview-page .session-form-preview { height:100%; }

.session-form-preview-page .session-form-preview { position:relative; z-index:1;}

.session-form-preview-page header { width:100%; position:absolute; top:0; left:0; }

.session-form-logo { width:7rem; height:auto; float:right; margin:1rem 0 2rem 2rem; }
.session-form-logo img { width:100%; height:auto; }
.session-form-preview-page .supTitle { opacity:.6; font-size:1.2rem; font-weight:normal; line-height:1.4rem; text-transform:uppercase; margin:0.5rem auto .5rem; }
.session-form-preview-page .title { font-size: 2.4rem; font-weight: normal; line-height: 3.2rem; }

.session-form-preview-page .content-preview { width:100%; height:100%; }
.session-form-preview-page .content-preview p { font-size:1.4rem; line-height:2.2rem; margin:0 auto; }
.session-form-preview-page .content-preview p:last-of-type { margin-bottom:0; }

.session-form-preview-page footer { width:100%; position:absolute; left:0; bottom:0; text-align:center; padding: 0 3rem 3rem; }
.session-form-preview-page footer .button { max-width:16rem; width:100%; margin:0 auto; }

/* ============================================================= */

.session-form { width:100%; position:relative; margin:0 auto; }
.session-form fieldset { width:100%; border:none; }

.session-form-row { width:100%; position:relative; overflow:hidden; margin:0 auto 2rem; text-align:left; }
.notif-recipients-box .session-form-row { margin:0 auto; }

.session-form span.text { width:100%; display:block; margin:0 auto 1rem; font-size:1.4rem; line-height:2rem; }

.session-form h4 { font-size:1.4rem; line-height:2rem; margin:0 auto 1.4rem; padding-top:1rem; color: var(--dark); }

.session-form label { width:100%; display:block; font-size:.9rem; line-height:1.4rem; font-weight:400; text-align:left; text-transform:uppercase; font-family: 'Open Sans', Arial, sans-serif; margin-bottom:.5rem; color: var(--dark); cursor:pointer; }

.session-form .input-box { display:block; color:#000; font-size: 1.2rem; line-height:2rem; font-weight:600; font-family: 'Open Sans', Arial, sans-serif; margin:0 auto; border-bottom:1px dashed rgba(0,0,0,.1); padding-bottom:.8rem; }

.session-form input,
.session-form select,
.session-form textarea { width:100%; min-height:auto; color: var(--dark); font-size: 1.2rem; font-weight:normal; font-family: 'Open Sans', Arial, sans-serif; border-radius:.3rem!important; box-shadow:none!important; border:none!important; background:transparent!important; padding:0!important; margin:0!important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.session-form select { padding:0 1rem; }
.session-form select option { padding:.5rem 1rem; }
.session-form textarea { height:auto; padding:.5rem 0!important; }

.session-form input:focus, 
.session-form select:focus, 
.session-form textarea:focus,
.session-form input:active, 
.session-form select:active, 
.session-form textarea:active,
.session-form input:hover, 
.session-form select:hover, 
.session-form textarea:hover  { box-shadow:var(--shadow)!important; outline:none!important; border-color: var(--primary-color)!important;  }

.session-form .error input,
.session-form .error select,
.session-form .error textarea,
.session-form .session-form-row-checkbox.error label:after,
.session-form .session-form-row-radio.error label:after { border-color:#f10b5d!important; background:rgba(242,12,93,.1)!important; }
.session-form .error label { color:#f10b5d!important; }
/*.session-form .error input::-webkit-input-placeholder, 
.session-form .error input:-moz-placeholder, 
.session-form .error input:-ms-input-placeholder { color:rgba(236,50,50,1)!important; }*/

.session-form .session-form-row-checkbox,
.session-form .session-form-row-radio { width:100%; /*min-height:3rem;*/ position:relative; margin:0 auto!important; text-align:center; padding:0; border:none; transition:all 0.3s ease-in-out; }
.session-form .session-form-row-checkbox label,
.session-form .session-form-row-radio label { width:100%; display:block; position:static; z-index:5; cursor:pointer; font-size:1.2rem; line-height:1.8rem; padding:.4rem 0 0 3rem; text-transform:none; }
.session-form .session-form-row-checkbox input[type=checkbox],
.session-form .session-form-row-radio input[type=radio] { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; overflow:hidden; } 
.session-form .session-form-row-checkbox label:after,
.session-form .session-form-row-radio label:after { width:1.8rem; height:1.8rem; padding:0; display:block; position:absolute; top:.2rem; left:0; border-radius:0.2rem; content:""; border:1px solid rgba(0,0,0,.1); background:#f8f8f8; font-family:icons; text-align:center; line-height:1.9rem; font-size:1.4rem; }
.session-form .session-form-row-radio label:after { border-radius:50%; }
.session-form .session-form-row-checkbox input[type=checkbox]:checked + label:after,
.session-form .session-form-row-radio input[type=radio]:checked + label:after,
.session-form .session-form-row-checkbox.error input[type=checkbox]:checked + label:after,
.session-form .session-form-row-radio.error input[type=radio]:checked + label:after { content:"\e93d"; border-color:var(--primary-color)!important; background:var(--primary-color)!important; color:#fff; box-shadow: var(--shadow); }

.session-form .session-form-row-checkbox:last-of-type,
.session-form .session-form-row-radio:last-of-type { margin:0 auto 1rem!important; }

/*.session-form .session-form-row-checkbox input[type=checkbox]:checked + label,
.session-form .session-form-row-checkbox input[type=radio]:checked + label,
.session-form .session-form-row-checkbox:hover label, 
.session-form .session-form-row-checkbox:hover label:after,
.session-form .session-form-row-checkbox:hover a,
.session-form .session-form-row-checkbox input[type=checkbox]:checked + label a,
.session-form .session-form-row-checkbox input[type=radio]:checked + label a { color:#0555fa; }*/

.session-form .session-form-row-checkbox.error input[type=checkbox]:checked + label,
.session-form .session-form-row-radio.error input[type=radio]:checked + label { color: var(--dark)!important; }

.session-form .session-form-row-checkbox:hover label:after,
.session-form .session-form-row-radio:hover label:after { border-color: var(--primary-color)!important; box-shadow: var(--shadow); }

.session-form .session-form-row-checkbox a { color:#999; }


/* ============================================================= */


.session-form .feedback-component { padding:1rem 0; margin: 0 auto 1rem; grid-gap:5rem!important; }

/* ============================================================= */

/* ============================================================= */

.table-ul.preview-table { border:1px solid rgba(0,0,0,.1); margin:0 auto 1rem; }

.table-ul.preview-table ul { grid-template-columns: 4fr 1fr 1fr 1fr 1fr 2fr; }
.table-ul.preview-table.preview-table-2cols ul { grid-template-columns: 8fr 2fr; }

.table-ul.preview-table ul li { text-align:center; }
.table-ul.preview-table ul li:first-of-type { text-align:left; }
.table-ul.preview-table ul li:last-of-type { text-align:right; }

.table-ul.preview-table > li.table-ul-header,
.table-ul.preview-table > li.table-ul-header li { min-height:3rem; }
.table-ul.preview-table > li.table-ul-header strong,
.table-ul.preview-table > li.table-ul-header strong em { font-size:.9rem; line-height:1rem; text-transform:uppercase; font-style:normal; font-weight:normal!important; color:#666; }
.table-ul.preview-table > li.table-ul-header strong em { color:#999; }
.table-ul.preview-table > li strong { font-size:1.1rem; }

.preview-table-2cols .paragraph { padding:0 2rem 1.5rem; font-style:oblique; }

.fieldset-row-end { padding-top:4rem!important; padding-bottom:2rem!important; margin:2rem auto 0;  
background:#0d1823;
background: -moz-linear-gradient(top, #101f2d 0%, #0d1823 100%);
background: -webkit-linear-gradient(top, #101f2d 0%,#0d1823 100%);
background: linear-gradient(to bottom, #101f2d 0%,#0d1823 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101f2d', endColorstr='#0d1823',GradientType=0 ); }


.fieldset-row-end { color:#fff!important; }

.fieldset-row-end > div { margin-bottom:1.5rem; padding-top:1.5rem; border-top:1px dashed rgba(255,255,255,.2); }

.fieldset-row-end h2 { font-size:1.5rem; margin-bottom:2.5rem; }
.fieldset-row-end h3 { margin-bottom:1rem!important; }
.fieldset-row-end p { margin-bottom:.25rem; opacity:.8; }
.fieldset-row-end p a { color:#fff; text-decoration:none; }
.fieldset-row-end p a:hover { text-decoration:underline; }
.fieldset-row-end p span { display:inline-block; width:5rem; opacity:.5; text-transform:uppercase; font-size:1rem; }

.session-form .fieldset-row-end .file strong { color:#999; }
.session-form .fieldset-row-end .file .button-outline { height:3rem; line-height:2.8rem; margin-top:1.5rem; padding:0 1.5rem; color:#999!important; border-color:#999!important; }
.session-form .fieldset-row-end .file .button-outline:hover,
.session-form .fieldset-row-end .file .button-outline:active { background:#fff!important; color:#111!important; border-color:#fff!important; }