/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
.main-container {
    overflow: auto;
}

.mb-20{
    margin-bottom: 20px;
}

.mb-100{
    margin-bottom: 100px;
}


.ui-widget-content {
    background-color: #ddd;
}

.ui-widget-header {
    background: #1f3e75;
    border-radius: 3px;
}

.cd-nav-trigger::before{
    background-color: white;
}

.btn-color{
    text-transform: capitalize;
    min-width: 120px!important;
    padding: 10px 20px!important;
    font-size: 17px!important;
    border:0px;
    color: white;
    height: 41px;
    outline: none!important;
    cursor: pointer;
}

.btn-color-n1{
    transition: all 0.2s ease, visibility 0s!important;
    border-radius: 50px!important;
    background: repeat padding-box border-box 0% 0%/auto auto scroll linear-gradient(229deg, rgba(255, 79, 79, 0.02) 0%, rgba(29, 44, 243, 0) 100%), #027FB5!important;
    font-family: 'DIN Next W01 Light';
    font-weight: normal!important;
    padding: 10px!important;
    min-width: 100px;
}

.btn-color-n1:hover,
.btn-color-n2:hover,
.btn-color-n3:hover{
    background: repeat padding-box border-box 0% 0%/auto auto scroll linear-gradient(229deg, rgba(255, 79, 79, 0.01) 0%, rgba(29, 44, 243, 0) 100%), #FF4F4F!important;
}

.btn-color-n2{
    color: white!important;
    transition: all 0.2s ease, visibility 0s!important;
    border-radius: 50px!important;
    background: repeat padding-box border-box 0% 0%/auto auto scroll linear-gradient(229deg, rgba(255, 79, 79, 0.02) 0%, rgba(29, 44, 243, 0) 100%), #2BB5F0!important;
    font-family: 'DIN Next W01 Light';
    font-weight: normal!important;
    padding: 10px!important;
    min-width: 100px;
    float: left;
}

.btn-color-n3{
    border-radius: 50px!important;
    border: none;
    color: #fff;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-align: center;
    background: #434bdf;
    position: relative;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    line-height: 1;
    padding: 12px 30px;
    font-family: 'DIN Next W01 Light';
}

.btn-add{
    font-family: 'DIN Next W01 Light';
    font-weight: normal!important;
    padding: 10px!important;
    min-width: 80px;
    width: 80px;
    float: left;
    color: white!important;
    transition: all 0.2s ease, visibility 0s!important;
    border-radius: 50px!important;
    margin-bottom: 0px;
    background: repeat padding-box border-box 0% 0%/auto auto scroll linear-gradient(229deg, rgba(255, 79, 79, 0.02) 0%, rgba(29, 44, 243, 0) 100%), #2BB5F0!important;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-progressbar {
    height: 7px;
    width: 100%;
    border-radius: 3px;
}

@font-face{
    font-family: 'DIN Next W01 Light';
    src: url('../fonts/DINNextW01Light.ttf');
}

@font-face{
    font-family: 'Proxima NovaW01 Regular';
    src: url('../fonts/ProximaNovaW01Regular.ttf');
}

@font-face {
  font-family: 'Futura-LT-Light';
  src: url(../fonts/FuturaLTLight.ttf);
}

@font-face {
  font-family: 'Work Sans';
  src: url(../fonts/worksans.ttf);
}

@font-face {
    font-family: 'cookie-regular';
    src: url('../fonts/cookie/Cookie-Regular.ttf');
}


.flex-block{
    display: flex;
}

.btn.btn-primary,
.btn.btn-danger{
    border-radius: 100%;
    height: 38px;
    width: 39px;
}

table th .input-group-prepend .input-group-text{
    padding: 8px;
}

table td .btn.btn-primary{
    margin-right: 5px;
}

h3.main_question{
    font-family: Futura-LT-Light,sans-serif;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 50px;
    text-align: center;
}

.wizard{
    width: 100%;
    max-width: 1100px;
    position: relative;
    margin: 0 auto;
}

.mb-80{
    margin-bottom: 80px!important;
}

.mb-70{
    margin-bottom: 70px!important;
}

#top-wizard{
    padding-bottom: 0px;
}

.form-control{
    font-size: 18px;
    color: #6c757d!important;
}

#bottom-wizard{
    border-top: 0px;
}

button.backward{
    float: left;
}

#middle-wizard {
    min-height: 263px;
    /*test*/
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step.wizard-step.current {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.step-block{
    width: 100%;
}

.step-block .signature-block .text-firm{
    display: none;
}

.step-block h3.wizard-header,
.step-block h3.main_question,
.step-block h3:first-child{
    font-family: Futura-LT-Light,sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 50px;
}

.step-block h3{
    font-size: 19px;
    font-family: Futura-LT-Light,sans-serif;
    margin-top: 10px;
}

.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-left{
    display: flex;
    align-items: center;
    justify-content: left;
}

.flex-center-flex-end{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

button.submit:before{
    content:"";
}

button.submit{
    font-family: 'DIN Next W01 Light';
    font-weight: normal;
}

.range-value{
    font-size: 25px;
    color: #1f3e75;
    font-family: Futura-LT-Light;
    font-weight: bold
}

.container_radio.version_2 .error, .container_check.version_2 .error{
    font-size: 15px;
    font-family: 'DIN Next W01 Light';
}

.content-right{
    overflow-y: initial;
    padding: 0px;
}

.main_question_subtitle{
    font-size: 19px;
    font-family: Futura-LT-Light,sans-serif;
}

.version_btn{
    background-color: #1d7fb4;
    color: white;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    border-radius: 50px;
    margin-top: 15px;
}

.version_btn.btn-blue:hover,
.version_btn.btn-none:hover,
.container_radio.version_2.btn-blue:hover .checkmark:after{
    background-color: #2BB5F0!important;
    height: auto;
    color: white!important;
    border: 1px solid #2BB5F0!important;
}

.version_btn.btn-violet:hover,
.container_radio.version_2.btn-violet:hover .checkmark:after{
    background-color: #d80075!important;
    height: auto;
    color: white!important;
    border: 1px solid #d80075!important;
}

.version_btn.btn-blue .checkmark,
.version_btn.btn-none .checkmark{
    background-color: #2BB5F0!important;
    margin-right: 10px;
}

.version_btn.btn-violet .checkmark{
    background-color: #d80075!important;
    margin-right: 10px;
}

.container_radio.version_2.uncheck .checkmark:after{
    background:transparent!important;
}

.version_btn.btn-red:hover{
    background-color: red!important;
    color: white!important;    
}

.version_btn.btn-red:hover,
.container_radio.version_2.btn-red:hover .checkmark:after{
    background-color: red!important;
    height: auto;
    color: white!important;
    border: 1px solid red!important;
}

.container_radio.version_2.version_btn .checkmark{
    top: initial;
    left: initial;
    border: 0px;
    height: 20px;
    width: auto;
    position: relative;
    margin-top: -8px;
    margin-left: -6px;
}

.container_radio.version_2.version_btn {
    padding: 10px;
    color: black;
    border: 1px solid;
    background: transparent;
}

.container_radio.version_btn .checkmark:after{
    background-color: transparent!important;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    transition: none;
}


.btn-blue.active,
.btn-none.active{
    background-color: #2BB5F0!important;
    color: white!important;
    border:1px solid #2BB5F0!important;
}
.btn-violet.active{
    background-color: #d80075!important;
    color: white!important;
    border:1px solid #d80075!important;
}
.btn-red.active{
    background-color: red!important;
    color: white!important;
    border:1px solid red!important;
}

span.current{
    font-size: 18px;
}

.ml-15{
    margin-left: 15px;
}

/* CUSTOM SLIDER RANGE */
.rangeslider__handle{
    border: 1px solid white !important;
    background: white;
    box-shadow: none;
    top: -12px!important;
    height: 30px;
    width: 30px;
}

.rangeslider__handle:after{
    width: 29px;
    height: 29px;
}

.hide,
.hide.flex-initial{
    display: none!important;
} 

.nice-select.wide .list{
    height: auto!important;
    max-height: 226px!important;
}

.rangeslider{
    display: none;
}

.irs--flat .irs-bar{
    background-color: #1f3e75!important;
    cursor: pointer;
}

.irs--flat .irs-line{
    cursor: pointer;
}

.irs--flat .irs-single{
    background-image: url(../img/slider_logo.png);
    background-size: cover;
    background-color: white!important;
    color: transparent!important;
    margin-top: -10px!important;
    margin-left: 0px!important;
    height: 25px!important;
    width: 25px!important;
    cursor: pointer;
    border-radius: 100%!important;
}

.irs--flat .irs-single:before{
    border-top-color: #1f3e75!important;
    margin-left: -4px!important;
}

.irs--flat .irs-handle>i:first-child{
    background-color: #f9090b!important;
}

.irs--flat .irs-to,
.irs--flat .irs-from{
    background-color: #f13c2c!important;
}

.flex-end{
    display: flex;
    align-items: center;
    justify-content: end;
}

.flex-initial{
    display: initial!important;
}

.mb-20{
    margin-bottom: 20px;
}

.mt-20{
    margin-top: 20px;
}

.mt-10{
    margin-top: 10px;
}

.mb-40{
    margin-bottom: 40px
}

.pl-15{
    padding-left: 15px!important;
}

.checkbox-list{
    margin-bottom: 15px;
}

.checkbox-list .row .flex-end .form-group{
    margin-bottom: 0px!important;
}

.step-block .question-block h5{
    font-size: 19px;
    font-family: Futura-LT-Light,sans-serif;
}

.step-block h5{
    font-size: 19px;
    font-family: Futura-LT-Light,sans-serif;
    text-align: center;
    margin-bottom: 8px;
}

.question-block .form-group{
    margin-bottom: 0px!important;
}

.kids{
    margin: 0px 13px;
}

.only-icons{
    color: transparent!important;
    font-size: 0;
    -webkit-text-size-adjust: none;
    height: 110px;
}

.main-container{
    height: 100%;
    display: grid;
}

#bottom-wizard{
    margin-top: 0px;
}

.logo-container{
    margin-bottom: 10px;
}

textarea.form-control{
    height: 100px;
    margin-bottom: 15px;
    color: #6c757d!important;
}

.pd-0{
    padding:0px;
}

.under-bool .form-group{
    margin-bottom: 0px;
    width: 50%;
    padding: 0px 5px;
}

.under-bool .form-group label{
    margin-top: 0px;
    margin-bottom: 0px;
}

.question-block{
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    margin-top: 0px;
    position: relative;
    padding: 10px;
}

.question-block:after{
    content: "";
    height: 1px;
    width: calc(100% - 20px);
    background-color: #ccc;
    position: absolute;
    bottom: -1px;
}

div[question-lock="453"] .question-block:after{
    height: 0px!important;
}

.question-block .main_question_subtitle{
    margin-bottom: 0px;
    font-weight: bold;
}

.question-block .flex-left{
    padding: 0px 0px 0 10px;
}

.question-block .flex-left h5{
    text-align: left!important;
    margin-bottom: 0px!important;
    font-weight: bold;
}

.question-block .container_radio.version_2{
        margin-bottom: 5px;
}

.question-child .question-block .container_radio.version_2{
    display: flex;
    align-items: center;
}

.question-child .question-block .checkbox-list .container_radio.version_2{
    padding-top: 0px;
}

.under-bool .container_radio.version_2 .checkmark:after{
    width: 3px;
    height: 3px;
}


.under-bool {
    padding-right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nice-select .option{
    line-height: 1.3;
    display: flex;
    align-items: center;
    white-space: initial;
}

span.current{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.wizard .step.wizard-step{
    max-width: 750px;
    width: 100%;
    margin: 0 auto
}

.wizard .step.wizard-step.step-table{
    max-width: 1050px;
}

.wizard .step.wizard-step.step-table h3{
    margin-bottom: 0px;
}

#bottom-wizard,
.ui-progressbar{
    max-width: 750px;
    margin: 0 auto;
}

.table.table-responsive thead{
    background-color: #eee;
}

.table-responsive{
    display: inline-table;
}

.table thead th{
    border-bottom: 1px solid #dee2e6;
    font-size: 16px;
    font-weight: bold;
}

.table thead th:last-child {
    text-align: right;
}

.table th .form-group{
    margin-bottom: 0px;
}

.table tbody th .form-control,
.table tbody th .form-control::placeholder,
.table tbody th select{
    font-size: 15px!important;
}

.table td, .table th{
    padding: .75rem .50rem;
}

.table tbody tr:last-child{
    border-bottom: 1px solid #ddd;
}

.question-child{
    padding-right: 20px;
    padding-left: 45px;
}

.question-child .main_question_subtitle{
    font-size: 16px;
}

.question-child .question-block{
    background-color: #f2f2f2;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: inherit;
    padding: 10px 15px;
}

.question-child .question-block:after{
    width: calc(100% - 0px);
    left: 0;
}

.question-child .question-block .flex-left{
    padding: 0px;
}

.question-child .question-block .under-bool{
    padding-left: 5px;
}

.question-child-response{
    margin-top: 20px;
    padding:0px;
}

.question-child .question-child-response .form-group{
    margin-bottom: 0px;
}

.form-control::placeholder{
    font-size: 17px;
}

.step-block div[question="441"],
.step-block div[question="449"]{
    margin-bottom: 30px;
}

.step-block div[question="441"] h3,
.step-block div[question="449"] h3,
.step-block div[question="442"] h3,
.step-block div[question="450"] h3{
    margin-bottom: 30px;
}

.ui-progressbar{
    height: 5px;
}

div.signature{
    width: 100%!important;
    max-width: 400px!important;
    margin:0 auto 15px;
    height: 100px!important;
    border-bottom: 1px solid #222222;
}

.btn-clear{
    width: 120px;
    padding: 5px 8px!important;
    border-radius: 50px!important;
    font-size: 17px!important;
    font-family: 'DIN Next W01 Light';
    font-weight: normal;
}

.btn-clear:hover{
    background: #b3b3b3;
    color: white;
}

.buttons-signature{
    width: 100%;
    max-width: 346px;
    margin: 0 auto;
}

.signature-img{
    margin-bottom: 15px;
}

.buttons-signature button:last-child{
    float: right;
}

.sign-fullname{
    width: 100%;
    max-width: 340px;
    margin:0 auto 15px;
}

.signed{
    border: 0px;
    pointer-events: none;
}

.terms-block{
    width: 100%;
    max-width: 255px;
    margin: 30px auto 5px;
}

.border-bottom-0:after{
    background-color: transparent!important;
}

select{
    display: block;
    width: 100%;
    height: 42px;
    padding: .375rem .75rem;
    font-size: 18px!important;
    line-height: 1.5;
    color: #6c757d!important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:focus,
select:focus,
select:active{
    border-color: #434bdf;
    box-shadow: none;
    outline: none;
}

.form-group span img {
    height: 271px;
}

.container_radio input,
.container_radio.version_2.version_btn{
    font-family: "Work Sans", Arial, sans-serif;
    font-size: 14px;
}

.check-block {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 0px;
    width: 100%;
    max-width: 100%;
    flex: auto;
    height: 30px;
    position: relative;
}

.check-block .container_radio.version_2{
    margin-bottom: 0px;
    width: auto;
    padding: 0px 0px 0px 30px;
    margin-right: 10px;
}

.check-block .control-label{
    padding: 0px;
    cursor: pointer;
    margin-bottom:0px;
    font-weight: bold;
}

.signature-block{
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.signature-block canvas.jSignature { 
    height: 147px!important;
    width: 447px!important;
}

.signature-block fieldset{
    width: auto;
    margin: 0 auto;
}

.signature-block fieldset legend{
    display: none;
}

.signature-block fieldset .signature-type{
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 15px;
    outline: none;
}

.signature-block fieldset .signature-type:focus{
    box-shadow: none;
    border-color: #434bdf;
    outline: none;
}

.signature-block .signature-write{
    border: 0px;
}

.signature-block fieldset div[core-container=signature-write] input,
.signature-block fieldset .signature-type::placeholder{
    font-family: "Work Sans", Arial, sans-serif;
}

.signature-block .signature-img{
    margin-bottom: 0px;
}

.signature-block div[core-container=signature-pad]{
    overflow: hidden;
    border: 1px solid #ced4da;
    height: 150px;
}

.signature-block .signature-actions{
    width: 100%;
    max-width: 100%;
    padding: 0px;
}

.signature-block .signature-actions button{
    background: #ddd;
    color: black;
    width: 120px;
    padding: 5px 8px!important;
    border-radius: 50px!important;
    font-size: 17px!important;
    font-family: 'DIN Next W01 Light';
    font-weight: normal;
}

.signature-block .signature-actions button:first-child{
    float: right;
}

.signature-block .signature-actions button:last-child{
    margin-top: 0px;
    float: left;
}

.signature-block div[core-container=signature],
.signature-block div[core-container=signature-write]{
    max-width: 450px;
}

.term-block{
    max-height: 330px;
    overflow: auto;
    margin-bottom: 20px;
}

.term-block label{
    font-weight: bold;
}

.term-block ul{
    padding-left: 25px;
    list-style: decimal;
}

.flex-right{
    width: auto;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
}

#preloader{
    background-color: rgba(255, 255, 255, 1);
}

.control-label {
    padding: 0px;
}

.bootstrap-datetimepicker-widget .list-unstyled{
    margin:0px;
    min-width: 230px;
}

.bootstrap-datetimepicker-widget .list-unstyled .datepicker{
    padding:0px;
}

.bootstrap-datetimepicker-widget .list-unstyled .datepicker table.table-condensed{
    width: 100%;
}

.bootstrap-datetimepicker-widget {
    padding: 0px;
}

.datepicker td, .datepicker th{
    width: 30px;
    height: 30px;
    padding: 7px!important;
    font-weight: normal;
    border-radius: 0px;
}

.datepicker .fa.fa-angle-left,
.datepicker .fa.fa-angle-right{
    font-family: 'FontAwesome';
}

.datepicker th {
    font-weight: bold!important;
    cursor: pointer;
}

.datepicker-months table tbody tr td span {
    font-family: "Work Sans", Arial, sans-serif!important;
    font-weight: normal;
    font-size: 15px;
}

.datepicker .datepicker-days table thead{
    background-color: transparent!important;
}

.datepicker table tr td.old, .datepicker table tr td.new{
    background: #f7f7f7;
    border-radius: 0px;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{
    background-image: linear-gradient(to bottom, #08c, steelblue);
}

.step-block span{
    font-family: Futura-LT-Light,sans-serif;
    font-size: 18px;
}

.step-block h3{
    font-family: Futura-LT-Light,sans-serif;
    font-weight: bold;
    font-size: 30px;
    margin-top: 0px;
    text-align: center;
}

.container_radio.version_2{
    font-size: 16px;
    padding: 5px 0 0 45px;
}

.irs--flat .irs-grid-text,
.irs--flat .irs-min, .irs--flat .irs-max {
    color: #999;
    font-size: small;
    font-family: sans-serif;
}

.premium-size span{
    font-size:52px;
    font-family: Futura-LT-Light,
    sans-serif;
}

.size-span{
    display: block;
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 22px!important;
    color: black;
}

.title-form{
    font-family: Futura-LT-Light,sans-serif;
    font-weight: bold;
    color: black;
}

input[type=file]{
    cursor: pointer;
}

input[type=file]::-webkit-file-upload-button,
input[type=file].valid::-webkit-file-upload-button{
    background: #4682b4;
}

input[type=file]::-webkit-file-upload-button, 
input[type=file].invalid::-webkit-file-upload-button, 
input[type=file].valid::-webkit-file-upload-button{
    padding: 8px 10px;
    cursor: pointer;
}

.greeting-block{
    max-width:705px;
    margin:0 auto;
}

.greeting-block p{
    text-align: center;
    font-family: Futura-LT-Light,sans-serif;
    font-weight: bold;
    font-size:30px;
    color: black;
}

.mb-0{
    margin-bottom: 0px!important;
}

.mb-50{
    margin-bottom: 50px!important;
}

div[question="454"] h3{
    margin-bottom: 10px!important;
}

div[question="454"] .size-span,
div[question="461"],
div[question="461"] h3,
div[question="462"] h3,
div[question="462"] .title-flex.flex-center{
    margin-bottom: 30px!important;
}

div[question="462"] .title-flex.flex-center h3{
    margin-bottom: 0px!important;
}

div[question="454"] .size-span{
    font-weight: normal;
}

.btn-home{
    padding: 10px 35px!important;
}

.message-text{
    font-family: Futura-LT-Light,sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: black;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.max-w-470{
    max-width: 470px;
}

/**
 * AJUSTE RESPONSIVE
 */

@media(max-width: 1366px) and (max-height: 669px) {
    .main-container{
        /*border-left: 4px solid red;*/
    }

    .mb-70 {
        margin-bottom: 7.3vh!important;
    }

    .logo-container{
        min-height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0px;
    }

    .main_question{
        margin-bottom: 20px;
    }

    .mb-20{
        margin-bottom: 2vh;
    }

    h3.main_question{
        margin-bottom: 25px;
        font-size: 28px;
    }

    #top-wizard{
        margin-bottom: 0vh!important;
        margin-top: 0vh;
        min-height: 60px;
        display: flex;
        align-items: center;
        padding-bottom: 25px;
    }

    .img-md{
        width: 300px;
    }

    .img-md-2{
        width: 200px;
    }

    textarea.form-control{
        height: 70px!important;
        margin-bottom: 0px;
    }
    
    h5.mb-50{
        margin-bottom: 15px!important;
    }
}

@media(max-width: 1366px) and (max-height: 768px) {
    .img-md{
        width: 400px;
    }
}
 
@media(max-width: 1024px){
    .table thead th{
        font-size: 13px;
    }
}

@media(max-width: 576px){
    .container {
        max-width: 900px;
    }
}

@media(max-height: 680px) {
    .step-block h3.wizard-header, .step-block h3.main_question, .step-block h3:first-child{
        font-size: 21px;
        margin-bottom: 20px;
    }

    .form-group{
        margin-bottom: 10px;
    }

    .mb-70{
        margin-bottom: 30px;
    }

    .form-group span img {
        height: 230px;
    }

    .range-value{
        font-size: 23px;
    }

    .btn-color{
        font-size: 16px!important;
    }

    select{
        height: 35px;
        font-size: 17px!important
    }

    #bottom-wizard{
        padding-top: 10px;
    }

    div[question="425"] h3, 
    div[question="426"] h3,
    div[question="457"] h3 {
        margin-top: 10px!important;
    }

    h5.mb-50{
        margin-bottom: 15px!important;
    }

    .premium-size span{
        font-size: 48px;
    }

    .under-bool .form-group label{
        margin-bottom: 0px!important;
    }

    .form-control{
        font-size: 17px;
        height: 35px;
    }

    .text-size h3.mb-20{
        margin-bottom: 15px!important;
        margin-top: 15px!important;
        font-size: 23px;
    }

    .term-block{
        max-height: 280px;
    }
}

@media(max-width: 640px){
    .wizard{
        padding: 0px 15px;
    }

    .step-block h3.wizard-header,
    .text-size h3.mb-20{
        font-size: 21px!important;
        margin-bottom:15px;
    }

    /* REDUCCION DE 6PX */
    .step-block h3.main_question{
        /*font-size: 15px;*/
        margin-bottom: 15px;
    }

    /* REDUCCION DE 1PX */
    .main_question_subtitle,
    button.backward, button.forward, button.submit{
        font-size: 18px;
    }

    .mb-xs-10{
        margin-bottom: 10px;
    }

    .mb-xs-15{
        margin-bottom: 15px;
    }

    .form-group{
        margin-bottom: 13px;
    }

    .form-control, select {
        font-size: 15px;
        height: 34px!important;
    }

    .form-group .row{
        flex-wrap: initial!important;
    }

    .image-block {
        width: 50%;
    }

    .version_btn{
        width: 125px;
        margin-left: auto;
        margin-right: auto;
    }

    .step-block h5{
        margin-bottom: 15px!important;
    }

    .premium-size span{
        font-size: 48px;
    }

    .container_radio.version_2.version_btn{
        margin-bottom: 0px;
        margin-top: 5px;
        padding: 10px 10px 10px 0px;
    }

    .container{
        padding:0px;
    }

    .question-block .flex-left h5{
        font-size: 16px!important;
        margin-bottom: 5px;
    }

    .flex-center .question-block{
        padding-bottom: 5px;
    }

    .step-block div[question="407"] h3:first-child {
        font-size: 20px!important;
        margin-top: -15px;
    }

    .step-block .question-block .under-bool .container_radio.version_2.version_btn{
        margin-top: 0px;
    }

    .checkbox-list .row .flex-end .form-group{
        text-align: left!important;
    }

    .step-block h3.text-size-2:first-child {
        margin-top: 20px!important;
    }

    .check-block{
        margin-bottom: 5px;
    }

    .check-block .flex-right{
        right: 15%;
    }

    .step-block .row .col-lg-3.col-md-3 select {
        margin-bottom: 10px;
    }

    div[question="425"] h3, 
    div[question="426"] h3,
    div[question="457"] h3 {
        margin-top: 10px!important;
    }

    #top-wizard{
        min-height: 30px;
    }

    /* AJUSTE RESPONSIVE TABLAS */
    table .input-group-prepend{
        display: initial;
    }

    .table-block div[beneficiary="list"] {
        overflow: initial;
        width: 100%;
        max-width: 100%;
    }

    .table-block .btn-add{
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .table-block table.table{
        display: flex;
        overflow: initial;
        border: 1px solid #ddd;
        margin-bottom: 10px;
    }

    .table-block table.table thead.thead{
        width: 50%;
        display: block;
        float: left;
        border-right: 1px solid #ddd;
    }

    .table-block table.table thead.thead th.th{
        width: 100%;
    }

    .table-block table.table thead.thead tr{
        width: 100%;
        display: grid;
    }

    .table-block table.table tbody[container="collection-items"]{
        float: left;
    }

    .table-block table.table tbody tr[container="collection-item"]{
        width: 100%;
        display: grid;
        float: left;
    }

    .table-block table.table tbody th.th:first-child{
        border-top: 0px;
    }


    .table-block table.table tbody th.th:last-child{
        border-bottom: 0px;
    }

    .table-block table.table tbody th.th{
        padding: 4px 4px!important;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .table-block table.table tbody tr td.td:last-child{
        padding: 2px;
        text-align: center;
        display: flex;
        justify-content: center;
        border-bottom: 0px;
    }

    .table thead th.th:last-child{
        text-align: left;
    }

    .table-block table tbody tr td.td:last-child .flex-block{
        width: 100%;
    }

    .table-block table tbody tr td.td:last-child .flex-block .btn{
        width:100%;
        border-radius: 45px;
    }

    .table-block table thead th.th:last-child{
        border-bottom: 0px;
    }

    .table-block table thead th.th{
        border-top: 0px;
        border-color:#ddd;
    }

    .table-block table thead th.th{
        height: 45.1px;
        display: flex;
        align-items: center;
    }

    .table tbody tr[container="collection-item"]:last-child{
        border-bottom: 0px;
    }

    .main-container{
        overflow: initial;
        padding-bottom: 10px;
    }

    table .input-group-prepend{
        height: 34px;
    }

    table .input-group-prepend .input-group-text{
        height: 34px;
    }

    /* FIN AJUSTE RESPONSIVE DE TABLAS */

    
    /* AJUSTE RESPONSIVE DE FIRMA */

    .signature-block fieldset{
        max-width: 315px;
    }

    .signature-block{
        padding:0px;
    }

    .signature-block canvas.jSignature{
        width: 311px!important;
    }

    /* FIN AJUSTE RESPONSIVE DE FIRMA */
}

@media(max-height: 677px) {
    .step-block h3.wizard-header, .step-block h3.main_question, .step-block h3:first-child{
        font-size: 23px;
        margin-bottom: 20px;
    }

    .main_question_subtitle, button.backward, button.forward, button.submit{
        font-size: 16px;
    }

    .logo-container img{
        width: 175px;
    }

    .mb-70{
        margin-bottom: -10px!important;
    }

    .wizard {
        padding: 0px 10px;
    }

    #top-wizard{
        min-height: initial;
    }

    .form-group span img {
        height: 230px;
    }

    .logo-container img{
        width: 175px;
    }

    /**
     * RESPONSIVE MOBILE
     */

    .pdl78{
        padding-left: 45px!important;
    }

    .step-block.text-size h3.mb-20{
        margin-bottom: 8px!important;
    }

    .form-group.text-center.mb-20 h5{
        margin-bottom: 5px!important;
    }

    .premium-size{
        margin-bottom: 0px!important;
    }

    .container_radio.version_2{
        padding: 0px 0 0 45px!important;
        line-height: 1;
        display: flex;
        align-items: center;
        font-size: 14px;
    }

    div[question="404"] .title-initial{
        margin-bottom: 18px!important;
    }

    .container_radio.version_2.version_btn{
        padding: 10px 10px 10px 0px!important;
    }

    .list-block{
        width: 90%!important;
        margin-left: 14%!important;
        margin-bottom: 0px!important;
    }

    div[question="487"] .title-initial,
    div[question="407"] .title-initial,
    div[question="442"] .title-initial,
    div[question="462"] .title-initial,
    div[question="489"] .title-initial,
    div[question="450"] .title-initial,
    div[question="457"] .title-initial{
        margin-bottom: 10px!important;
    }

    div[question="461"],
    div[question="488"]{
        margin-bottom: 20px!important;
    }

    .question-block .title-initial h5{
        font-size: 14px!important;
    }

    .question-block{
        padding: 8px 10px;
    }

    .question-block .title-initial{
        padding: 0px!important;
    }

    .row.flex-center{
        margin: 0px -10px;
    }

    .table-block div[container="collection-item"] .row{
        margin: 0px;
        width: 100%;
    }

    .table-block div[container="collection-item"] .row{
        width: 100%;
        margin: 0px;
    }

    .table-block div[container="collection-item"] .row .col-sm-4{
        width: 50%;
    }

    .table-block div[container="collection-item"] .row .col-sm-3{
        width: 100%
    }

    .table-block div[container="collection-item"] .row .col-sm-1.btn-center{
        justify-content: flex-end!important;
        position: relative;
        top: 0;
    }

    .step-block.text-size-2 .table-block .btn-box .btn-add{
        margin: 0px;
    }

    .list-block li{
        font-size: 13px!important;
    }

    #bottom-wizard{
        margin-bottom: 15px;
    }

    .step-block.text-size-2 .title-initial{
        margin-bottom: 10px!important;
    }

    div[question="425"] .table-block div[container="collection-item"] .row div.col-sm-4:first-child,
    div[question="425"] .table-block div[container="collection-item"] .row .col-sm-3{
        width: 50%;
    }

    div[question="425"] .table-block div[container="collection-item"] .row .col-sm-4:nth-child(3){
        width: 100%!important;
    }

    .control-label{
        font-size: 13px!important;
    }

    .input-group-text{
        height: 34px;
    }

    .summary ul li h5{
        margin-bottom: 0px!important;
    }

    .summary .col-lg-3.col-md-3.col-sm-3.col-xs-3.flex-center-flex-end{
        padding: 0px 30px!important;
        justify-content: end!important;
    }

    .summary-step .data-box h5{
        margin-bottom: 8px!important;
    }

    .summary-step .data-box:last-child{
        display: initial!important;
        flex-grow: initial!important;
    }

    .step-block.summary-step .row {
        margin: 0px -8px;
    }

    .step-block.summary-step .row .summary ul li .row{
        margin: 0px -15px!important;
    }

    .summary ul li{
        padding: 5px;
    }

    .message-text .control-label{
        font-size: 12px!important;
    }

    .row-xs{
        margin:0px -8px!important;
    }

    img[core-container=signature-pad-image], img[core-container=signature-write-image]{
        width: 100%;
    }

    legend.title-form{
        font-size: 17px;
    }

    .mb10{
        margin-bottom: 10px;
    }

    .logo-block{
        text-align: center!important;
        margin-top: 10px!important;
    }

    .form-group .row-input div {
        margin-bottom: 10px!important;
    }

    .form-group .row-input .col-sm-6.float-left.pd0{
        width: 50%;    
    }

    div[question="439"] .title-initial{
        margin-bottom: 10px;
    }

    .greeting-block p{
        font-size: 22px!important;
    }

    .list-style-decimal li{
        font-size: 17px;
    }

    .title-initial{
        margin-bottom: 30px;
    }

    .inline-radio{
        justify-content: left;
    }
}

.text-size h3{
    margin-bottom: 30px!important;
}

.text-size h3:last-child{
    font-family: Futura-LT-Light,sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.text-size h3.mb-20{
    margin-bottom: 20px!important;
    margin-top: 20px!important;
}

.text-size-2 div:first-child h3{
    margin-top:0px!important;
}

.text-size-2 h3{
    margin-bottom: 15px!important;
    margin-top: 30px!important;
}

.step-block.text-size-2 .table-block .btn-box{
    padding: 0px 13px;
}

.step-block.text-size-2 .table-block .btn-box .btn-add{
    min-width: auto!important;
    width: 38px!important;
    height: 38px;
}

.btn-box{
    height: 45px;
}

.mtb-15{
    margin: 15px 0px!important;
}

/*.textarea-size textarea{
    height: 42px!important;
}*/

.btn-center{
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0px;
}

.step-table .btn-center{
    position: absolute;
    top: 104px;
}

.hr-color{
    border-color: #1f3e75;
    background-color: #1f3e75;
    border-radius: 150px;
}

.info-span{
    display: inline-block;
}

.title-initial .info-span{
    margin-left: 5px!important;
    position: absolute;
    bottom: 6px;
}

.info-span a,
.info-span span{
    height: 15px;
    width: 15px;
    background-color: #f90101;
    border-radius: 50%;
    padding: 0px 8px!important;
    text-align: center;
}

.info-span-link,
.info-span-link i{
    color: white;
    font-weight: normal;
}

.step-block h3{
    position: relative;
}

.step-block h3 .info-span{
    margin-left: 7px;
    position: absolute;
    bottom: 7px;
}

.mb0{
    margin-bottom: 0px!important;
}

.mt20{
    margin-top: 20px!important;
}

.pd0{
    padding:0px;
}

.row-input .pd0 select{
    padding:0px 5px!important;
}

.text-security input {
    -webkit-text-security: disc;
}

.info-list label{
    font-weight: bold;
}

.mt10{
    margin-top: 10px;
}

.fts-13{
    font-size: 13px;
    margin-bottom: 0px;
}

.form-percentage .input-group input{
    padding-right: 5px;
}

.table-block div[container="collection-item"] .row{
    position: relative;
}

.inline-radio{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.inline-radio .control-label{
    display: contents;
    max-width: 20%;
    cursor: pointer;
}

.inline-radio .container_radio.version_2.question_check{
    margin: 0px 8px 0px 0px;
    width: 31px!important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}

.inline-radio input{
    left: 0;
}

select[disabled="disabled"]{
    background-color: #e9ecef;
    color: #6c757d!important;
    border-color: #d2d8dd;
    opacity: 1;
    cursor: not-allowed;
}

.form-control:disabled{
    cursor: not-allowed;
}

p[transaction-response].warning{
    font-weight: bold;
    color: red;
    font-size: 15px;
    text-align: center;
}

.pdr0{
    padding-right: 0px!important;
}

.list-style-decimal{
    list-style: decimal!important;
    padding-left: 17px;
}

.pdl78{
    padding-left: 78px
}

.ft-futura{
    font-family: Futura-LT-Light,sans-serif;
}

.ft-bold{
    font-weight: bold;
}

.list-block{
    width: 70%;
    margin: 0 auto;
    margin-left: 33%;
    margin-bottom: 20px;
}

.list-block ul{
    list-style: disc;
}

.list-block li{
    font-size: 17px;
    font-family: Futura-LT-Light,sans-serif;
    color: black;
}

@media (min-width: 768px){
    .container {
        max-width: 1140px;
    }
}

.mb20{
    margin-bottom: 20px!important;
}

.decimal-block{
    margin: 0px auto 35px;
}

.modal-header{
    align-items: center;
    padding: 15px 15px 10px;
}

.modal-header .close {
    padding: 0 0px 8px;
    margin-right: 5px;
}

.modal-body {
    font-family: Futura-LT-Light,sans-serif;
    font-size: 17px;
    font-weight: normal;
    text-align: left;
}

.modal-title {
    font-size: 17px;
    font-family: Futura-LT-Light,sans-serif;
    font-weight: bold;
    color: black;
    line-height: 1.3;
    text-align: left;
}

.modal-body p{
    margin-bottom: 0px;
    color: black;
    font-size: 18px;
}

.modal-body ul{
    margin-bottom: 10px;
    padding-left: 35px;
    list-style: disc;
    color: black;
    font-size: 18px;
}

.modal-body ul:last-child{
    margin-bottom: 0px!important;
}

.close:not(:disabled):not(.disabled):focus, 
.close:not(:disabled):not(.disabled):hover{
    outline: none;
    color: red;
}

.summary{
    margin-bottom: 10px;
    float: left;
}

.summary ul{
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-height: 300px;
    overflow: auto;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom:10px;
}

.summary ul li{
    padding-left: 18px;
    width: 100%;
    padding-right: 10px;
    margin-bottom: 5px!important;
    padding-bottom: 5px;
    padding-top: 2px;
}

.summary ul li h5,
.summary-step .data-box{
    text-align: left!important;
    font-size: 12px;
    color: black;
    float: left;
    margin-bottom: 0px;
}

.summary ul li h5{
    font-weight: bold;
}

.summary-step .data-box{
    font-weight: bold;
}

.summary ul li strong{
    font-size: 14px;
    line-height: 19px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    position: initial;
    left: initial;
    top: initial;
    margin-right: 10px;
}

.summary ul li h5 {
    padding-top: 0px;
    display: initial;
    font-size: 14px;
}

.summary ul li p{
    margin-bottom: 0px!important;
    font-size: 14px;
    float: right;
    font-weight: bold;
    text-align: right;
}

.summary-step .data-block{
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px 5px;
    position: relative;
}

.summary-step .data-block:before {
    width: 100%;
    background-color: #eee;
    position: absolute;
    bottom: -2px;
    height: 1px;
}

.summary-step .data-box{
    display: flex;
    width: auto;
    float: left;
    align-items: center;
    padding-left: 5px;
    padding-right: 8px;
    flex-grow: 2;
}

.summary-step .data-box h5{
    font-weight: bold;
    font-size: 16px;
    color: black;
}

.summary-step .data-box span{
    font-family: "Work Sans", Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #555555;
    margin-left: 6px;
    margin-bottom: 8px;
}

.summary ul li:last-child{
    border-bottom: 1px solid #ededed;
}

.list-style-decimal li{
    font-size: 19px;
    font-family: Futura-LT-Light,sans-serif;
    font-weight: bold;
    color: black;
}

.summary ul li p.bool-yes{
    color: #027FB5!important;
}

.summary ul li p.bool-no{
    color: red!important;
}

.summary ul li .title-initial{
    margin-bottom: 0px!important;
}

.summary ul li .info-span a{
    height: 5px;
    width: 5px;
    font-size: 12px;
    padding: 0px 6px!important;
}

.title-flex{
    margin-bottom: 50px;
}

.title-flex h3{
    margin-bottom: 0px!important;
}

.title-flex .info-span{
    margin-left: 10px;
}

.text-bold{
    font-weight: bold!important;
}

.pl20{
    padding-left: 20px;
}

.title-initial{
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}

.title-initial h3{
    display: initial;
}

.question-block .title-initial{
    margin-bottom: 0px!important;
    text-align: left!important;
}

.question-block .title-initial h5{
    font-size: 19px;
    font-family: Futura-LT-Light,sans-serif;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0px;
    display: initial;
}

.question-block .title-initial .info-span{
    margin-left: 0px!important;
    position: relative;
    bottom: initial;
}

.border-none{
    border: none!important;
}

.color-info{
    background-color:#434bdf!important;
}

.ml5{
    margin-left: 5px;
}

.summary ul li .flex-end .info-span{
    float: right;
    margin-top: -5px;
}

.modal-body table{
    width: 100%;
}

.modal-body table th{
    color: black;
    font-size: 15px;
}

.modal-body table td, 
.modal-body table th {
    padding: 5px;
    vertical-align: top;
    border: 1px solid #dee2e6!important;
}

.modal-body table thead{
    background-color: #eee;
}

.modal-body table td {
    font-size: 15px;
}

.block-left{
    display: table;
}

.block-left .form-group{
    display: flex;
}

.block-left .form-group .question_check{
    float: left;
    padding: 0px 0 0 25px!important;
    margin-right: 10px;
}

.message-text .control-label{
    font-weight: bold;
}

div[question="487"] .title-initial{
    margin-bottom: 30px!important;
}

.step-block.text-size-2 .title-initial{
    margin-bottom: 0px!important;
}

.flex-center{
    display: flex;
    align-content: center;
    justify-content: center;
}

.check-block .flex-center{
    max-width: 100%;
    padding-left: 8px;
    margin-bottom: 10px;
}

.check-block .flex-center p{
    margin: 0px;
    font-size: 13px;
}

.display-block{
    display: block!important;
}

.h40{
    height: 40px!important;
}

.h60{
    height: 60px!important;
}

.checkbox-with-name .container_radio:after {
    background: #ccc;
    content:"";
    position:absolute;
    width:100%;
    width:240px;
    height:1px;
    bottom: 0;
}

.flex-items-center{
    display: flex;
    align-items: center;
    margin: 0px;
}

.font-cookie p{
    font-family: 'cookie-regular', sans-serif;
    font-size: 23px;
    color: black;
    text-transform: capitalize;
    text-align: center;
    margin: 0px;
}

.font-cookie span{
    font-size: 12px;
}

.underline {
    border-bottom: 1px solid #ccc;
    height: 30px;
    min-width: 150px;
    justify-content: center;
    display: block;
    font-family: 'cookie-regular', sans-serif;
    font-size: 23px;
    color: black;
    text-transform: capitalize;
    text-align: center;
}

.question-block.display-block{
    display: block!important;
}

.fieldset-custom div[core-container=signature-pad]{
    overflow: hidden;
    border-bottom: 0px;
}

.fieldset-custom div[core-container=signature-write] input{
    width: 100%;
    border: 0px;
    height: 48px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "Work Sans", Arial, sans-serif;
}

.fieldset-custom div[core-container=signature-actions]{
    max-width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0px;
    margin-top:5px;
}

.fieldset-custom div[core-container=signature-actions] .btn-block{
    font-family: 'DIN Next W01 Light';
    font-weight: normal!important;
    border-radius: 50px!important;
}

.fieldset-custom div[core-container=signature-actions] .btn-block:first-child{
    margin-right: 5px;
    margin-top: 8px;
    transition: all 0.2s ease, visibility 0s!important;
    background: repeat padding-box border-box 0% 0%/auto auto scroll linear-gradient(229deg, rgba(255, 79, 79, 0.02) 0%, rgba(29, 44, 243, 0) 100%), #2BB5F0!important;
    max-width: 150px;
    float: left;
    color: white!important;
}

.fieldset-custom div[core-container=signature-actions] .btn-block:last-child{
    margin-left: 5px;
    max-width: 150px;
    float: right;
    color:black;
    background-color: #e0e0e0;
}

.fieldset-custom div[core-container=signature-actions] .btn-block:last-child:hover{
    color: white;
}

.fieldset-custom legend{
    font-family: Futura-LT-Light,sans-serif;
    font-weight: bold;
    color: black;
}

.fieldset-custom div[core-container=signature-actions] .btn-block:hover{
    background: repeat padding-box border-box 0% 0%/auto auto scroll linear-gradient(229deg, rgba(255, 79, 79, 0.01) 0%, rgba(29, 44, 243, 0) 100%), #FF4F4F!important;
}

.font-futura h5,
.font-futura h6{
    font-family: Futura-LT-Light,sans-serif;
    text-align: center;
}

.mb80{
    margin-bottom:80px;
}

.agent-sumary{
    height:300px; 
    overflow: auto;
}

.text-bold{
    font-weight: bold;
    color: black;
}

.style-1{
    text-align: left!important;
    font-size: 14px;
    color: black;
    float: left;
    margin-bottom: 0px;
    font-family: Futura-LT-Light,sans-serif;
    padding: 0px;
    /*font-weight: bold;*/
}

.agent-sumary .row {
    min-height: 28px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 5px 0px;
}

.style-yes,
.agent-sumary span{
    color: #027FB5;
}

.style-no{
    color: red!important;
}

.agent-sumary .row .info-span-link{
    display: table-cell;
    font-size: 14px;
}

.mb10{
    margin-bottom: 10px!important;
}

.flex{
    display: flex;
}

.flex-center-form form{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.text-right{
    text-align: right;
}

.flex-center-form .row{
    width: 100%;
}

.radius-50{
    border-radius: 50px;
}

.date-signature {
    position: absolute;
    bottom: -25px;
}

.date-signature .form-group{
    margin:0px;
}

.date-signature .form-group .date-time-picker.form-control.calendar-picker{
    background: none;
    border: none;
    text-align: center;
    font-size: 13px;
    font-family: 'Futura-LT-Light';
    margin: -7px 0px 0px;
    pointer-events: none;
    padding: 0px;
    height: 19px;
}

.h75{
  height: 75px!important;
}

.hidden{
  visibility: hidden;
}

.d-none{
  display: none;
}

.p-absolute{
  position: absolute!important;
}

.sumary-scroll{
  position: absolute!important;
  color: red!important;
}