.oneview-content{max-width:1200px;margin:0 auto;width:100%}
.oneview-content .bannerBackground{height:350px;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;border:1px solid #efefef;background-color:#efefef}
.oneview-content .bannerImg{background-position:center bottom!important;background-size:contain}
.oneview-content .bannerBackground div{width:90%}
.oneview-content .bannerImg{height:350px;background-repeat:no-repeat;background-position:top right;background-size:contain}
.oneview-content .bannerText{padding-left:90px;padding-top:10px}
.oneview-content .bannerText h1,.oneview-content .bannerText h2{font-weight:400;font-family:"Helvetica Neue LT W06_45 Light",'Open Sans',sans-serif;line-height:1.1!important}
.oneview-content .bannerText h1{font-size:60px;margin-bottom:2px}
.oneview-content .bannerText h3,.oneview-content .bannerText h4{margin-top:20px;margin-bottom:20px}
.oneview-content h3,.oneview-content .h3{font-size:1.285em;line-height:1.3;font-weight:600}
.oneview-content h1,.oneview-content .h1{font-size:2.285em;line-height:1.1;font-weight:400}
.oneview-content h2,.oneview-content .h2{font-size:1.571em;line-height:1.25;font-weight:600;margin-bottom:10px;color:#292929}
.oneview-content .bntypeimg{height:100%!important;background-position:bottom right!important}
.oneview-content .slider-wrapper{text-align:center;margin-top:0}
.oneview-content .slick-1 .gimage img{max-width:100%;height:auto;padding:0 15px}
.oneview-content .slick-1 .gtext{font-style:italic;margin-top:10px}
.oneview-content .slider-count{color:#3A8D47;margin-top:10px}
.oneview-content .slider-count span.current{font-weight:700}
.oneview-content .mb60{margin-bottom:60px}
.oneview-content .mt30{margin-top:30px}
.oneview-content{border:1px solid #ccc}
.oneview-content .container{width:1050px;max-width:100%;margin:0 auto;padding:0}
.oneview-content{padding:0 25px}
.page-builder button:active{outline:none!important}
:hover,:visited,:active,:focus{outline:none!important}
.page-builder .oneview-content{max-width:1299px;padding:30px 0 0;border:none;overflow-x:auto}
.box-img{text-align:center;padding:30px 0 60px}
button.btn.btn-success.btn-start { border-radius: 30px; padding: 12px 60px; }
button.btn-success.btn-start:hover{background-color: #08554f !important}
.box-img img{border-radius:10px}
.page-builder .container-fluid{max-width:1200px;background:#4c4a4a;margin:30px 0 60px;border-radius:5px}
.page-builder .counter{background-color:var(--button-bg);padding:2px 8px;border-radius:4px}
.page-builder .parameters,.page-builder .grid-column{background-color:var(--darker-bg);border-radius:8px}
.page-builder .btn-secondary{background-color:var(--button-bg)!important;border:none!important;font-size:12px;padding:8px!important}
.page-builder .btn-success{background-color:#008d61!important;border:none!important}
.page-builder .layout-btn{display:flex!important;align-items:center;justify-content:center;gap:4px;height:45px;margin-bottom:10px;padding:0!important}
.page-builder .layout-btn:last-child{margin-bottom:0}
.page-builder .square-icon{width:8px;height:8px;background-color:#fff;display:inline-block;border-radius:2px}
.page-builder .values-grid{min-height:355px}
.page-builder .layout-btn.active{background-color:#00A67E!important}
.page-builder .icon-container{display:flex;gap:2px;align-items:center;justify-content:center;margin:0 auto;width:20px;flex-flow:wrap}
.page-builder .row{margin-right:-8px;margin-left:-8px}
.page-builder .col,[class*="col-"]{padding-right:8px;padding-left:8px}
.page-builder .g-2{margin:-4px}
.page-builder .g-2>[class*="col-"]{padding:4px}
.page-builder .d-flex .item{width:50%;margin:0 1px}
.page-builder .item.large{height:136px}
.page-builder .bg-c{background:#7270706e;padding:10px;border-radius:10px}
.page-builder button.btn.btn-secondary{background:#d7d5d596!important}
.page-builder .d-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.page-builder .d-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}
.page-builder .d-grid4 .item{margin-top:0}
.page-builder .d-grid4 .item,.page-builder .d-grid2 .item{padding:0;text-align:center}
.page-builder button.btn.btn-secondary.active{border:2px solid #28a745!important}
.page-builder .item{padding:0;border-radius:4px;text-align:center;min-height:20px;font-size:14px;height:65px;margin-top:5px;position:relative;cursor:move}
.page-builder .item .bg-b{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#d7d5d596;color:#fff;border-radius:4px;font-weight:700;font-size:1.1em}
.page-builder .item-input{width:40px;height:20px;font-size:12px;font-weight:400;background:#9f9ea0;text-align:center;margin-top:2px}
.page-builder .item input{width:40px;height:20px;box-sizing:border-box;border:none;background:transparent;color:#fff;text-align:center;font-size:14px}
.page-builder .form-check-label{font-size:13px;color:#161616}
.page-builder .bg-b{flex-direction:column;text-align:center}
.page-builder button.close.float-right{padding:5px 10px}
@media screen and (max-width: 2000px) {
.oneview-content .bannerText h1{font-size:3vw;margin-bottom:2px}
}
@media screen and (max-width: 850px) {
.page-builder .none-850{display:none}
.page-builder .mw-90{min-width:90px}
}
#errorModal .modal-content{background:#2D2D2D;border:1px solid rgba(255,255,255,0.1);border-radius:12px}
#errorModal .modal-body{padding:30px}
#errorModal .close{position:absolute;right:20px;top:20px;color:#fff;opacity:.7;text-shadow:none;transition:opacity .2s}
#errorModal .close:hover{opacity:1}
.error-content{text-align:center;color:#fff}
.error-icon{font-size:48px;color:#FF6B6B;margin-bottom:20px}
.error-content h4{font-size:24px;margin-bottom:10px;color:#fff}
.error-content p{font-size:16px;color:rgba(255,255,255,0.7);margin:0}
#screenshotModal .modal-content{background:#FFF;border:none;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
#screenshotModal .modal-header{border-bottom:1px solid #E5E7EB;padding:20px 30px;background:#F9FAFB;border-radius:16px 16px 0 0}
#screenshotModal .modal-title{color:#111827;font-size:24px;font-weight:600}
#screenshotModal .modal-body{padding:40px}
#screenshotModal .required{color:#DC2626;margin-left:4px}
#screenshotModal .form-control{background:#FFF;border:1px solid #868282;border-radius:8px;color:#111827;padding:12px 16px;height:50px;font-weight:400;transition:all .2s}
#screenshotModal .form-control:focus{background:#FFF;border-color:#008D61}
#screenshotModal .form-control::placeholder{color:#9CA3AF}
.page-builder .btn-submit{background:#008D61;border:none;border-radius:40px;color:#FFF;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:20px;font-weight:600;width:100%;transition:all .2s}
.page-builder .btn-submit:hover{background:#367671;color:#FFF;transform:translateY(-1px)}
.page-builder .btn-submit:active{transform:translateY(1px)}
#screenshotModal .form-control.is-invalid{border-color:#DC2626;background-image:none}
#screenshotModal .invalid-feedback{color:#DC2626;font-size:12px;margin-top:4px}
#screenshotModal .selectize-control .selectize-input{border-radius:8px!important;border:1px solid #868282!important;background:#FFF;height:50px!important}
#screenshotModal .selectize-control .selectize-input .item{color:#000;font-size:15px;height:auto;margin-top:0}
.page-builder .btn-submit.loading{background:#0AA7CF;pointer-events:none}
.page-builder .btn-submit.loading .btn-text{visibility:hidden}
.page-builder .btn-submit.loading::after{content:'';position:absolute;width:20px;height:20px;border:2px solid #FFF;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin {
to{transform:rotate(360deg)}
}
@media (max-width: 768px) {
#screenshotModal .modal-body{padding:20px}
}
#screenshotModal .form-control.dropdown{border:none;padding:0}
.page-builder .bootstrap-select>.dropdown-toggle{height:55px;border-radius:8px}
.page-builder span.bg-b.boder-red{border-top:#FF2727 solid 5px!important;border-radius:0 0 10px 10px}
.page-builder span.bg-b.boder-white{border-top:#fff solid 5px!important;border-radius:0 0 10px 10px}
.page-builder .page-builder .param-buttons button.btn.btn-secondary.active.boder-white{border-top:#fff solid 5px!important;border-radius:0 0 10px 10px}
.page-builder .simulator-header{padding:15px;border-radius:0 0 20px 20px;background: rgb(38 38 38);margin:0 auto 35px;max-width:1200px}
.page-builder .header-right{margin-top:15px}
@media only screen and (min-width: 575px) {
.page-builder .simulator-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px}
.page-builder .header-right{margin-top:0}
}
.page-builder .user-info{display:flex;align-items:center;gap:15px}
.page-builder .avatar i{font-size:45px;color:#fff}
.page-builder .info{color:#fff}
.page-builder .role{font-size:16px;font-weight:500;margin-bottom:2px}
.page-builder .profile{font-size:14px;opacity:.8}
.page-builder .profile-value{padding:5px 10px;border-radius:5px;margin-left:4px;border:1px solid #fff}
.page-builder .timestamp{display:flex;align-items:center;gap:12px;background:#367671;padding:8px 20px 8px 50px;border-radius:20px;color:#fff;position:relative;font-size:14px}
.page-builder .timestamp i{font-size:15px;height:40px;width:40px;display:flex;flex-flow:wrap;align-items:center;justify-content:center;position:absolute;left:0;background:#fff;border-radius:50%;color:#367671}
.page-builder .timestamp .time{margin-right:5px}
.page-builder .timestamp .date{font-weight:700}

.page-builder .content-1{display:grid;gap:15px;max-width:1200px;margin:0 auto}
@media only screen and (min-width: 992px) {
.page-builder .content-1{grid-template-columns:repeat(2,1fr)}
}
@media only screen and (min-width: 1200px) {
.page-builder .content-1{grid-template-columns:repeat(3,1fr)}
}

.page-builder .panel{border-radius:15px;padding:15px 10px 10px}
.page-builder .panel-arterial{background-color:#d82226}
.page-builder .panel-venous{background-color:#09afd8}
.page-builder .panel-other{background-color:#666665}
.page-builder .panel-header{color:#fff;font-size:26px;margin-bottom:10px;font-weight:700}
.page-builder .values-grid{display:grid;gap:10px;background-color:#222;padding:15px;border-radius:20px}
.page-builder .venous-grid{grid-template-columns:1fr 2fr;grid-template-rows:repeat(3,1fr);gap:10px}
.page-builder .other-grid{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr);gap:0}
.page-builder .value-box{border-radius:10px;padding:20px 10px;color:#fff;position:relative;display:flex;justify-content:center;align-items:center;min-height:65px}
.page-builder .value-box:has(.value-label){background:rgba(255,255,255,0.2)}
.page-builder .value-label{font-weight: 400; font-size:14px;color:#f1efef;margin-bottom:4px;position:absolute;top:5px;left:5px}
.page-builder .value{font-size:11px;font-weight:700;text-align:center}
.page-builder .value-box.box-larger .value{font-size:44px}
.page-builder .value-box.box-medium .value{font-size:32px}
.page-builder .unit{font-weight: 400;font-size:10px;color:#f1efef;position:absolute;bottom:5px;left:5px}
.page-builder .value-box.box-larger .bl-indicator{font-size:16px}
.page-builder .bl-indicator{font-weight: 400;position:absolute;top:50%;right:10px;font-size:9px;color:#fff}
.page-builder .bottom-nav{display:flex;align-items:center;margin:20px auto;max-width:1200px;gap:10px;flex-flow:wrap}
@media only screen and (min-width: 1200px) {
.page-builder .bottom-nav{justify-content:space-between}
}
.page-builder .nav-button {
    border: none;
    color: #fff;
    padding: 8px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    background: rgb(54 55 55);
    height: 52px;
    justify-content: center;
    min-width: 85px;
    border-radius: 10px;
}
.page-builder .header-right {
    display: flex;
    align-items: center;
    gap: 10px;
}
.page-builder .nav-button.btntxt span{font-size:.8em}
.page-builder .nav-button.btntxt strong{display:block}
.page-builder .nav-button svg{width:24px;height:24px}
.page-builder .nav-button.active{background-color:#34495e;border-radius:4px}
.page-builder .dashboard{max-width:1200px;margin:0 auto}
.page-builder .venous-grid{
    display:grid;
    grid-template-areas:
    "b1 b5" 
    "b2 b6" 
    "b3 b7" 
    "b4 b7"
    ;
    grid-template-columns:1fr 2fr;
    gap:10px
}
.page-builder .value-box[data-area="b1"]{grid-area:b1}
.page-builder .value-box[data-area="b2"]{grid-area:b2}
.page-builder .value-box[data-area="b3"]{grid-area:b3}
.page-builder .value-box[data-area="b4"]{grid-area:b4}
.page-builder .value-box[data-area="b5"]{grid-area:b5}
.page-builder .value-box[data-area="b6"]{grid-area:b6}
.page-builder .value-box[data-area="b7"]{grid-area:b7}
.page-builder .other-grid{
    display:grid;
    grid-template-areas:
    "c1 c1 c2 c2" 
    "c1 c1 c2 c2" 
    "c3 c4 c5 c6" 
    "c7 c8 c9 c10"
    ;
    grid-template-columns:repeat(4,1fr);gap:10px
}
.page-builder .value-box[data-area="c1"]{grid-area:c1;aspect-ratio:1}
.page-builder .value-box[data-area="c2"]{grid-area:c2;aspect-ratio:1}
.page-builder .value-box[data-area="c3"]{grid-area:c3}
.page-builder .value-box[data-area="c4"]{grid-area:c4}
.page-builder .value-box[data-area="c5"]{grid-area:c5}
.page-builder .value-box[data-area="c6"]{grid-area:c6}
.page-builder .value-box[data-area="c7"]{grid-area:c7}
.page-builder .value-box[data-area="c8"]{grid-area:c8}
.page-builder .value-box[data-area="c9"]{grid-area:c9}
.page-builder .value-box[data-area="c10"]{grid-area:c10}
.page-builder .arterial-grid{display:grid;
    grid-template-areas:
    "a1 a5" 
    "a2 a6" 
    "a3 a7" 
    "a4 a8";grid-template-columns:2fr 1fr;gap:10px
}
.page-builder .value-box[data-area="a1"]{grid-area:a1}
.page-builder .value-box[data-area="a2"]{grid-area:a2}
.page-builder .value-box[data-area="a3"]{grid-area:a3}
.page-builder .value-box[data-area="a4"]{grid-area:a4}
.page-builder .value-box[data-area="a5"]{grid-area:a5}
.page-builder .value-box[data-area="a6"]{grid-area:a6}
.page-builder .value-box[data-area="a7"]{grid-area:a7}
.page-builder .value-box[data-area="a8"]{grid-area:a8}
#genImage .modal-dialog{margin:0 auto}
#genImage .container-fluid{padding:0 20px 20px!important;margin:0;width: 1295px;}
#genImage .modal-dialog{margin:1.75rem auto;max-width:90vw;overflow-x:auto}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
.page-builder{background:url(../images/bg-cdi-1.jpg) no-repeat center center;background-size:cover;font-family:'Inter'}
.page-builder h1,.page-builder h2,.page-builder h3,.page-builder h4,.page-builder h5,.page-builder h6{color:#fff;font-family:'Inter';font-weight:700}
.page-builder .container-fluid{background:none;max-width:100%}
.page-builder .oneview-content{max-width:1299px;padding:0}
.page-builder .oneview-content h1{font-size:36px;font-weight:700}
.page-builder .oneview-content .h6{color:#fff;font-size:20px;font-weight:700}
.page-builder .bg-c{background:rgba(255,255,255,0.1);border-radius:20px;height:100%}
.page-builder .param-buttons .btn-secondary{background:#727272!important;border:#727272 solid 3px!important;border-radius:10px}
.page-builder .param-buttons button.btn.btn-secondary.active{border-color:#1BD321!important}
.page-builder .param-buttons button.btn.btn-secondary.active.boder-red{border-top:#FF2727 solid 5px!important;border-radius:0 0 10px 10px}
.page-builder #screenshotTarget .bg-c{padding:10px 0}
.page-builder #screenshotTarget h4{font-size:20px;font-weight:700;margin-bottom:0!important}
.page-builder #screenshotTarget .g-2{margin-left:10px;margin-right:10px}
.page-builder #screenshotTarget .g-2>[class*="col-"]{padding:5px}
.page-builder #screenshotTarget .g-2 .item{margin-top:10px}
.page-builder .arterial h4{border-bottom:3px solid #FF2727!important}
.page-builder .venous h4{border-bottom:3px solid #73BEE9!important}
.page-builder .other h4{border-bottom:3px solid #718098!important}
.page-builder .ebtn{display:flex;flex-flow:wrap;gap:10px}
.page-builder .ebtn button{width:60px!important;height:60px}
.page-builder .d-grid2{gap:10px}
.page-builder .btn-success,.page-builder .layout-btn{border-radius:10px;padding:15px 10px}
.page-builder .btn-success{font-size:20px;font-weight:600}
.page-builder .ppsave .close{outline:none;opacity:1;position:absolute;right:15px;top:15px}
.page-builder .ppsave label{color:#1A1A1A}
.custom-row .matrix-grid:before { border-left: #575757 solid 1px; bottom: 0; content: ""; left: 33%; position: absolute; top: 0; z-index: 1; }
.custom-row .matrix-grid:after { border-left: #575757 solid 1px; bottom: 0; content: ""; left: 67%; position: absolute; top: 0; z-index: 1; }
.custom-row .gline-1:before {
    border-top: #575757 solid 1px;
    content: "";
    left: 10px;
    top: 165px;
    position: absolute;
    right: 0;
    z-index: 1;
    width: 94%;
}
.custom-row .gline-1:after {
    border-top: #575757 solid 1px;
    content: "";
    left: 10px;
    top: 255px;
    position: absolute;
    right: 0;
    z-index: 1;
    width: 94%;
}
.custom-row .gline-2:before {
    border-top: #575757 solid 1px;
    content: "";
    left: 10px;
    top: 345px;
    position: absolute;
    right: 0;
    z-index: 1;
    width: 94%;
}
.custom-row .gline-3:before {
    border-left: #575757 solid 1px;
    bottom: 0;
    content: "";
    right: 25.5%;
    position: absolute;
    top: 82px;
    z-index: 1;
    height: 352px;
}

.custom-row .matrix3:before { border-left: #575757 solid 1px; bottom: 0; content: ""; left: 24%; position: absolute; top: 0; z-index: 1; }
.custom-row .matrix3:after { border-left: #575757 solid 1px; bottom: 0; content: ""; left: 50%; position: absolute; top: 0; z-index: 1; }

.checkbxtype{position:relative}
.checkbxtype input{left:0;opacity:0;position:absolute;top:0}
.checkbxtype label{font-size:16px;color:#1A1A1A;display:block;margin:0;padding-left:35px;position:static}
.checkbxtype label:after,.checkbxtype label:before{content:"";position:absolute}
.checkbxtype label:after{border-radius:2px;background:#367671;width:16px;height:16px;opacity:0;left:3px;top:3px}
.checkbxtype label:before{left:0;top:0;width:22px;height:22px;border-radius:4px;border:1px solid #868282;background:#FFF}
.checkbxtype input[type=checkbox]:checked+label:after{opacity:1}
.checkbxtype input[type=checkbox]:checked+label:before{border-color:#51C3C5}
.checkbxtype label a{color:#1A1A1A;text-decoration:underline;transition:color .2s}
.checkbxtype label a:hover{text-decoration:none}
.btn-submit{background:#008D61;border:none;border-radius:40px;color:#FFF;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:20px;font-weight:600;width:100%;transition:all .2s}
@media only screen and (min-width: 1600px) {
.page-builder .parameters .gcol-wrap{margin-left:-30px;margin-right:-30px}
.page-builder .parameters .gcol-wrap > *{padding-left:30px;padding-right:30px}
.page-builder .parameters .gcol-1{-ms-flex:0 0 24%;flex:0 0 24%;max-width:24%}
.page-builder .parameters .gcol-2{-ms-flex:0 0 24%;flex:0 0 24%;max-width:24%}
.page-builder .parameters .gcol-3{-ms-flex:0 0 32%;flex:0 0 32%;max-width:32%}
.page-builder .parameters .gcol-4{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.page-builder .position-relative .gcol-1{-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%}
.page-builder .position-relative .gcol-2 .bg-c{padding:15px}
.page-builder .position-relative .gcol-2{-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}
}
@media only screen and (max-width: 767px) {
.page-builder .parameters .gcol-wrap > *{margin-top:20px}
.page-builder .parameters .gcol-1{margin-top:0}
.page-builder .arterial,.page-builder .venous,.page-builder .other{margin-bottom:20px}
}
.page-builder .value-box.box-medium .value{line-height:32px}
.page-builder .value{line-height:11px}
.page-builder .value-box.box-larger .value{line-height:44px}
.page-builder .box-small .bl-indicator{right:6px}

.simulator_step0 .buttons.mt30 {
    text-align: center;
}

.item.selected .bg-b {
    border: 2px solid #28a745 !important;
}
div#editProfileModal button.btn.btn-secondary {
    color: #fff;
    font-size: 16px;
}

table.table.table-bordered td {
    width: 33.3%;
    border: none;
    padding: 5px;
}

.mc4wp-checkbox { display: block; margin-top: 10px; }
.mc4wp-checkbox input, .wpcf7-list-item input { margin-right: 10px; }