.abbv-form-fileupload{--black:#000;--blue:#00486a;--green:#37cd6f;--off-white:#fff6f4;--red:#ff0c00;--white:#fff;--lightgray:#d3d3d3;& .abbv-input-fileContainer{display:none;position:relative;top:4px;&.abbv-active{display:block}
&:active{color:var(--blue)}
& input[type="file"]{cursor:pointer;display:block;opacity:0;position:absolute;text-align:right;top:5px}
& .abbv-fileupload-label-text{font-weight:700}
}
& .input-disabled{color:var(--blue);cursor:not-allowed}
& .upload-instruction{margin:4px 0;padding-top:10px;width:450px;& .instruct-image,.instruct-video{display:flex;justify-content:space-between}
& .imageMaxSize,.videoMaxSize,.imageFormat,.videoFormat{font-weight:bold}
}
& .fileupload-info{display:none;border:solid 2px var(--lightgray);margin-top:20px;padding:5px;width:600px;&.abbv-active{display:block}
& .file-status{display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;margin-bottom:5px;padding:5px;&:nth-child(even){background-color:var(--lightgray)}
& .file-status-message{width:150px;&.file-invalid{color:var(--red)}
}
& .upload-success{color:var(--green);width:75px}
& .i-b:before{margin:0}
}
& .fileinfo-name{width:280px;overflow:hidden;text-overflow:ellipsis}
& .fileinfo-size{text-align:right;width:75px}
& .fileinfo-meta-field{font-weight:bold;padding:0;margin:0;width:100%;& label{display:block;& .abbv-required{color:var(--red)}
}
& input{font-weight:normal;height:20px;margin-left:5px;padding:0 5px;&:focus{border:solid 1px var(--black)}
}
& .meta-validation{display:none;&.meta-error{display:block;color:var(--red)}
}
&.meta1{& input{width:200px}
}
&.meta2{& input{width:60px}
}
}
& .fileinfo-meta1{flex-basis:240px;& input{width:140px}
}
& .abbv-fileinfo-meta2{flex-basis:160px;& input{width:60px}
}
}
& dialog{background:var(--off-white);border:solid 1px var(--black);border-radius:6px;font-size:.875rem;padding:20px;text-align:center;transition:.5s;width:300px;& button{border-radius:3px;font-size:.875rem;padding:5px 10px;cursor:pointer;color:var(--white);&:focus{border:solid 1px var(--black)}
}
}
& .file-status-delete{background-color:var(--white);border:0;cursor:pointer;padding:0 3px;width:20px;& .abbv-icon-cancel.i-b{color:var(--red);&:focus{border:dotted 1px var(--black)}
&:before{margin:0}
}
}
& .file-status:nth-child(even) .abbv-uploadedfile-delete{background-color:var(--lightgray)}
&.upload-error{background-color:var(--off-white);border-left:2px solid var(--red);padding-left:10px}
& .upload-errorMsg{display:none;color:var(--red);font-weight:bolder;margin:4px 0 2px;text-align:left;padding-top:10px;&.abbv-active{display:block}
}
& .delete-confirmation{& .delete-confirmation-text{color:var(--black);font-size:.875rem;font-weight:bold;margin-bottom:25px}
& .delete-confirmation-buttons{display:flex;justify-content:center;gap:20px;& button{width:40px}
& .delete-confirm{background:var(--green)}
& .delete-reject{background:var(--red)}
}
}
.abbv-fileupload-progressbar-container{display:none;margin:40px 0 6px;& .abbv-active{display:block}
& .progressbar-text{display:block;font-size:14px;margin-top:-16px}
&>span{padding-left:6px;position:relative;top:-7px}
& .progress{background-color:var(--off-white);height:5px;margin-bottom:0;width:150px}
& .progress .progress-bar{width:0;background-color:var(--green);background-image:linear-gradient(to bottom,var(--green) 0,var(--green) 100%);background-image:-webkit-linear-gradient(top,var(--green) 0,var(--green) 100%);background-repeat:repeat-x;color:transparent;height:5px;transition:width 1s}
& .upload-inprogress{display:block;margin-top:10px}
}
}
.abbv-form-fileupload-inprogress{padding-bottom:5px;& .upload-title{font-weight:bold;font-size:larger;margin:10px 0 20px;&.error{color:var(--red)}
}
& .upload-status{display:flex;justify-content:space-between}
& .file-upload-spinner{border:3px solid var(--off-white);border-top:3px solid var(--blue);border-bottom:3px solid var(--red);border-radius:50%;width:10px;height:10px;animation:file-upload-spin 2s linear infinite}
& .filename{margin-left:25px}
& button{display:none;margin:20px auto;&.abbv-active{display:block}
&.upload-continue{background:var(--green)}
&.upload-cancel{background:var(--red)}
}
}
.abbv-form-fileupload{& label.abbv-button-tertiary{background:var(--white);border:solid 1px var(--lightgray);border-radius:3px;color:var(--black);cursor:pointer;display:block;padding:12px 0 12px 42px;position:relative;width:320px;&.i-b:before{position:absolute;left:10px;top:7px;font-size:1.3rem;text-decoration:none}
}
}
@keyframes file-upload-spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.abbv-formfileupload-start{margin-top:20px}
.abbv-range-slider{display:flex;width:100%;position:relative;justify-content:center;align-items:center}
.abbv-range-slider[data-handle="false"] .abbv-slider-handle{display:none}
.abbv-range-slider input{display:none}
.abbv-range-slider .abbv-slider-container{height:10px;background:#f1f1f1;width:100%;margin:30px 10px;position:relative;display:flex}
.abbv-slider-container .abbv-slider-fill{height:100%;width:0}
.abbv-range-slider[data-enable-fills="true"] .abbv-slider-fill{background:#071d49}
.abbv-slider-container .abbv-slider-handle{left:0;height:20px;width:20px;border-radius:15px;background:#071d49;box-shadow:0 0 0 5px rgba(7,28,73,.3);position:absolute;top:0;margin-top:-5px;margin-left:-10px;cursor:pointer;z-index:1;transition:background 300ms}
.abbv-range-slider[data-enable-fills="false"] .abbv-slider-handle{transition:left 300ms}
.abbv-range-slider.labels-top .abbv-slider-handle span{bottom:-30px}
.abbv-slider-container .abbv-slider-handle span{bottom:30px;opacity:0;position:absolute;left:50%;transform:translateX(-50%)}
.abbv-slider-container .abbv-slider-handle.draggableW span{opacity:1}
.abbv-slider-container .abbv-slider-handle.draggableW,.abbv-slider-container .abbv-slider-handle.draggableH{transition:background 300ms;background:rgba(7,28,73,.3)}
.abbv-slider-container .abbv-slider-labels{display:flex;justify-content:space-between;position:absolute;align-self:center;width:calc(100% + 16px);margin-left:-8px}
.abbv-slider-container .abbv-slider-label{height:16px;width:16px;border-radius:10px;background:#eee;position:relative}
.abbv-slider-container .abbv-slider-label.slider-fill{background:#071d49}
.abbv-range-slider[data-stepped="true"] .abbv-slider-label:hover{cursor:pointer}
.abbv-range-slider.labels-top .abbv-slider-label span{top:-26px}
.abbv-slider-container .abbv-slider-label span{top:26px;display:block;position:absolute;margin-left:50%;transform:translateX(-50%)}
@media screen and (min-width:768px){.abbv-slider-container .abbv-slider-labels{left:0;top:-3px}
}
.abbv-form-card{word-wrap:break-word;background:#f3f3f3;border:1px solid #cfcfcf;border-radius:.25rem;margin:10px}
.abbv-form-h-100{height:100%}
.abbv-form-card-img-top{width:100%;margin-bottom:0}
.abbv-form-img-fluid{max-width:100%;height:auto}
.abbv-form-card-body{padding:20px;min-height:215px}
.abbv-form-card-title,.abbv-form-card-text,.abbv-form-card-link{margin:0 0 12px}
.abbv-form-card-title,.abbv-form-card-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.abbv-form-card-title{font-size:16px;text-transform:capitalize;height:45px;-webkit-line-clamp:2}
.abbv-form-card-text{font-size:14px;height:85px;-webkit-line-clamp:4}
.abbv-form-card-link{font-size:14px;display:block;height:40px}
.product_btn{display:block;height:50px}
.abbv-form-product-title{text-align:center}
.accordion-navigators .guideHeader>a.abbv-form-tick{display:block;border:2px solid #ccc;padding:1rem 1rem 1rem 2rem;font-size:.875rem;text-decoration:none;color:#fff;background:url(../../fd/af/guidetheme2/images/Tick.svg) .5rem 50% / auto 1rem no-repeat,#071d49}
.accordion-navigators .guideHeader>a.abbv-form-tick:hover{color:#666}
.accordion-navigators .active>.guideHeader>a.abbv-form-tick{border:2px solid #ccc}
@media screen and (max-width:768px){.pagelist-grid-view .cards_item>.col-md-4{width:50%}
.abbv-form-card-title{font-size:14px}
}
.abbv-symptom-selector{display:none;text-align:center;width:100%}
.abbv-symptom-selector.abbv-active{display:block}
.abbv-symsel-instructions{background-color:#f9fbe7;display:none;font-size:14px;margin:10px auto;padding:5px;text-align:left;width:50%}
.abbv-symsel-instructions.abbv-active{display:block}
.abbv-symsel-instructions .abbv-button-primary{cursor:pointer;margin-top:5px}
.abbv-symsel-panels{display:flex;justify-content:flex-start;margin-top:40px}
.abbv-symsel-panel-left{display:none;text-align:center;position:relative;width:60%}
.abbv-symsel-panel-left.abbv-active{display:block}
.abbv-symsel-panel-left .abbv-symsel-selected-view{margin:0}
.abbv-symsel-panel-left .abbv-symsel-pulse{display:none}
.abbv-symsel-panel-right{background-color:#fff;display:none;width:30%;margin-top:100px;border:solid 1px black;height:auto;text-align:left}
.abbv-symsel-panel-right .abbv-heading{background-color:lightgray;cursor:pointer;padding:10px}
.abbv-symsel-panel-right .abbv-symsel-panel-top{display:flex;align-items:flex-start}
.abbv-symsel-panel-right .abbv-symsel-instruction-text{margin-top:10px;padding:10px 20px}
.abbv-symsel-panel-right .abbv-symsel-body-part-name{display:inline-block;font-weight:bold;margin:10px 0;text-align:center;width:100%}
.abbv-symsel-panel-right .abbv-icon-keyboard_arrow_left,.abbv-symsel-panel-right .abbv-icon-keyboard_arrow_right{display:none;font-size:34px}
.abbv-symsel-view{display:none}
.abbv-symsel-view.abbv-active{display:block}
.abbv-symsel-view-picker{display:flex;justify-content:space-between;margin-left:160px;width:400px}
.abbv-symsel-view-picker .btn-view{border:solid 1px lightgray;cursor:pointer;padding:10px;width:150px;margin-right:10px;text-align:center}
.abbv-symsel-view-picker .btn-view.abbv-active{border:solid 1px blue}
.abbv-symsel-view-picker .btn-view svg{stroke-width:6px}
.abbv-symsel-pulse{text-decoration:none;position:absolute;top:30%;left:47%;color:#f90}
.abbv-symsel-pulse:after{animation:pulse 1.5s ease-in;animation-iteration-count:infinite}
.abbv-symsel-viu-selector{margin-top:50px;border:solid 1px lightgrey;padding:10px;display:none}
.abbv-symptom-selector .use-viu .abbv-active{display:block}
.abbv-symsel-viu-selector .row{display:flex;margin-bottom:20px}
.abbv-symsel-viu-selector .row .cell{margin-right:10px;width:220px}
.abbv-symsel-viu-selector .row .cell label{font-weight:bold}
.abbv-symsel-viu-selector .row .cell select{height:auto;width:100%}
.abbv-symsel-viu-selector .add-part{margin-top:20px}
.abbv-symsel-viu-selector div{text-align:left}
.abbv-symsel-viu-selector div.delete{margin-top:25px;display:none}
.abbv-symsel-viu-selector div.delete.abbv-active{display:block}
@keyframes pulse{0{-webkit-transform:scale(1);opacity:.0}
25%{-webkit-transform:scale(1.35);opacity:.1}
50%{-webkit-transform:scale(1.7);opacity:.3}
75%{-webkit-transform:scale(2.05);opacity:.5}
100%{-webkit-transform:scale(2.4);opacity:.0}
}
.abbv-symsel-panel-right.collapsed.pulse .abbv-symsel-panel-top .abbv-icon-keyboard_arrow_left:before{animation:pulse2 1.5s ease-in;animation-iteration-count:infinite}
@keyframes pulse2{0{-webkit-transform:scale(0.6);opacity:.0}
25%{-webkit-transform:scale(0.8);opacity:.1}
50%{-webkit-transform:scale(1.0);opacity:.3}
75%{-webkit-transform:scale(1.2);opacity:.5}
100%{-webkit-transform:scale(1.4);opacity:.0}
}
.abbv-symptom-selector svg{width:50%}
.abbv-symptom-selector svg,.abbv-symptom-selector path{cursor:pointer}
.abbv-symptom-selector svg .body-part{fill:#000;fill-opacity:0;stroke:#000}
.abbv-symptom-selector svg .body-part.abbv-active{stroke:lightgreen;stroke-width:3px}
.abbv-symptom-selector svg .body-part.abbv-symptom-selected{stroke:#12e8fb;stroke-width:5px}
.abbv-symptom-selector svg .body-part.level1{fill:#f8bbd0;fill-opacity:1}
.abbv-symptom-selector svg .body-part.level2{fill:#f48fb1;fill-opacity:1}
.abbv-symptom-selector svg .body-part.level3{fill:#e91e63;fill-opacity:1}
.abbv-symptom-selector svg .body-part.level4{fill:#c2185b;fill-opacity:1}
.abbv-symptom-selector svg .body-part.level5{fill:#b71c1c;fill-opacity:1}
.abbv-symptom-selector svg .body-part.scale0{stroke:white;stroke-width:8px}
.abbv-symptom-selector svg .body-part.scale1{stroke:green;stroke-width:8px}
.abbv-symptom-selector svg .body-part.scale2{stroke:blue;stroke-width:8px}
.abbv-symptom-selector svg .body-part.scale3{stroke:black;stroke-width:8px}
.abbv-symsel-severity,.abbv-symsel-scale,.viu-row:first-child{display:none}
.abbv-symsel-severity.abbv-active,.abbv-symsel-scale.abbv-active{display:block}
.abbv-symsel-severity .abbv-symsel-sev-row,.abbv-symsel-scale .abbv-symsel-sca-row{display:flex;align-items:center}
.abbv-symsel-severity .abbv-symsel-sev-row label,.abbv-symsel-scale .abbv-symsel-sca-row label{cursor:pointer;display:flex;align-items:end;height:30px;margin:0 0 0 10px}
.abbv-symsel-severity .abbv-symsel-sev-row input,.abbv-symsel-scale .abbv-symsel-sca-row input{margin-top:6px;height:auto;padding:0}
.abbv-symsel-severity .abbv-symsel-color-bar,.abbv-symsel-scale .abbv-symsel-color-bar{border:solid 1px gray;height:25px;margin:0 10px;min-width:10px;width:10px}
.abbv-symsel-severity [data-severity="level0"] .abbv-symsel-color-bar{background-color:#fff}
.abbv-symsel-severity [data-severity="level1"] .abbv-symsel-color-bar{background-color:#f8bbd0}
.abbv-symsel-severity [data-severity="level2"] .abbv-symsel-color-bar{background-color:#f48fb1}
.abbv-symsel-severity [data-severity="level3"] .abbv-symsel-color-bar{background-color:#e91e63}
.abbv-symsel-severity [data-severity="level4"] .abbv-symsel-color-bar{background-color:#c2185b}
.abbv-symsel-severity [data-severity="level5"] .abbv-symsel-color-bar{background-color:#b71c1c}
.abbv-symsel-scale [data-scale="scale0"] .abbv-symsel-color-bar{background-color:white}
.abbv-symsel-scale [data-scale="scale1"] .abbv-symsel-color-bar{background-color:green}
.abbv-symsel-scale [data-scale="scale2"] .abbv-symsel-color-bar{background-color:blue}
.abbv-symsel-scale [data-scale="scale3"] .abbv-symsel-color-bar{background-color:black}
.abbv-symptom-selector[data-summary="true"] .abbv-symsel-panel-right{display:none}
.abbv-symptom-selector .dimensions-title{font-weight:bold;font-size:12px;text-align:center;margin:10px 0}
.abbv-symsel-viu-selector select:focus,.abbv-symsel-viu-selector button:focus,.abbv-symsel-selection-clear:focus{outline:2px solid #000}
.abbv-symsel-table{border:1px solid #000;border-collapse:collapse;width:90%;margin:1rem auto;text-align:center}
.abbv-symsel-table td,.abbv-symsel-table th{border:1px solid #000}
.abbv-symsel-table thead{font-weight:bold}
.abbv-symptom-selector .abbv-symsel-selection-clear{display:block;margin:1rem auto}
.abbv-symptom-selector .abbv-symsel-main .get-summary{margin:1rem auto}
@media(max-width:985px){.abbv-symsel-panels{display:block;justify-content:unset}
.abbv-symsel-panel-left{width:100%}
.abbv-symsel-panel-right{position:absolute;top:40px;right:0}
.abbv-symsel-panel-right.abbv-active{height:auto;width:50%;transition:width 300ms ease}
.abbv-symsel-panel-right.abbv-active .abbv-symsel-body-part-name,.abbv-symsel-panel-right.abbv-active .abbv-symsel-severity,.abbv-symsel-panel-right.abbv-active .abbv-symsel-scale{display:none}
.abbv-symsel-panel-right.collapsed{width:40px;height:80px}
.abbv-symsel-panel-right.collapsed .abbv-heading span,.abbv-symsel-panel-right.collapsed .abbv-symsel-instruction-text,.abbv-symsel-panel-right.collapsed .abbv-symsel-body-part-name,.abbv-symsel-panel-right.collapsed .abbv-symsel-severity,.abbv-symsel-panel-right.collapsed .abbv-symsel-scale{display:none}
.abbv-symsel-panel-right.collapsed .abbv-icon-keyboard_arrow_left{display:block}
.abbv-symsel-panel-right.collapsed .abbv-symsel-panel-collapsible{display:block}
.abbv-symsel-panel-right .abbv-heading{font-size:12px;padding:5px}
.abbv-symsel-panel-right .abbv-heading.i-b:before{margin-right:0}
.abbv-symsel-panel-right .abbv-symsel-panel-top span.i-b{width:30px}
.abbv-symsel-panel-right .abbv-symsel-instruction-text{font-size:14px;margin-top:0}
.abbv-symsel-panel-right .abbv-symsel-body-part-name{text-align:left;font-size:14px;margin-left:0}
.abbv-symsel-panel-right .abbv-symsel-sev-row,.abbv-symsel-panel-right .abbv-symsel-sca-row{font-size:12px}
.abbv-symsel-panel-right .abbv-symsel-sev-row .abbv-symsel-color-bar,.abbv-symsel-panel-right .abbv-symsel-sca-row .abbv-symsel-color-bar{margin-right:5px}
.abbv-symsel-panel-right .abbv-symsel-sev-row label,.abbv-symsel-panel-right .abbv-symsel-sca-row label{margin-left:5px}
.abbv-symsel-panel-right.small{height:auto;width:160px;transition:width 300ms ease}
.abbv-symsel-panel-right.small .abbv-symsel-instruction-text{display:none}
.abbv-symsel-panel-right.small .abbv-symsel-severity,.abbv-symsel-panel-right.small .abbv-symsel-scale{display:block}
.abbv-symsel-panel-right.narrow{height:auto;width:100px}
.abbv-symsel-panel-right.narrow .abbv-heading span,.abbv-symsel-panel-right.narrow .abbv-symsel-instruction-text,.abbv-symsel-panel-right.narrow .abbv-symsel-body-part-name,.abbv-symsel-panel-right.narrow .abbv-symsel-sev-row label,.abbv-symsel-panel-right.narrow .abbv-symsel-sca-row label{display:none}
.abbv-symsel-panel-right.narrow .abbv-symsel-severity,.abbv-symsel-panel-right.narrow .abbv-symsel-scale{display:block}
.abbv-symsel-panel-right.narrow .abbv-symsel-sev-row,.abbv-symsel-panel-right.narrow .abbv-symsel-sca-row{margin-bottom:5px}
.abbv-symsel-panel-right.narrow .abbv-icon-keyboard_arrow_left,.abbv-symsel-panel-right.narrow .abby-symsel-panel-collapsible{display:block;width:100px}
.abbv-symsel-viu-selector{margin-left:0}
.abbv-symsel-viu-selector .row{flex-direction:column}
.abbv-symsel-viu-selector select.body-view,.abbv-symsel-viu-selector select.body-part-front,.abbv-symsel-viu-selector select.body-part-back,.abbv-symsel-viu-selector select.severity,.abbv-symsel-viu-selector select.intensity{width:100%}
.abbv-symsel-viu-selector .row .cell{margin-top:20px}
}
@media(max-width:600px){.abbv-symsel-view-picker{justify-content:center;margin:auto;width:100%}
.abbv-symsel-view-picker .btn-view{width:110px;margin-right:5px;margin-left:6px}
}
.abbv-progress-bar{bottom:24px;height:8px;padding:0;position:relative;width:100%}
.abbv-progress-bar ul{margin:0;padding:0}
.abbv-progress-bar li{background-color:#dff4f4;border-right:4px solid #f6f9fa;box-sizing:border-box;display:inline-flex;height:8px;line-height:26px;position:relative;width:100%}
.abbv-progress-bar .completed-step:after{background-color:#95d9db;content:'';display:block;height:100%;position:absolute;left:0;top:0;animation-duration:.5s;animation-fill-mode:forwards;animation-name:slidein}
.abbv-progress-bar .stepped:after{background-color:#95d9db;content:'';display:block;height:100%;position:absolute;left:0;top:0;animation-duration:.5s;animation-fill-mode:forwards;animation-name:slidein}
.abbv-progress-bar li .step-name{position:relative;top:10px;left:50%;transform:translateX(-50%)}
.abbv-progress-bar li .step-point{border:2px solid #dff4f4;background:white;border-radius:50%;height:28px;width:28px;position:absolute;bottom:-12px;left:-10px;z-index:1}
.abbv-progress-bar li.active-step .step-point{background:#95d9db;border:2px solid white;transition:background}
.abbv-progress-bar li.completed-step .step-point{background:#95d9db;border:2px solid white}
.abbv-progress-bar li.stepped .step-point{background:#95d9db;border:2px solid white}
.panel-buttons{display:flex}
.button-right{margin-left:auto}
@keyframes slidein{from{visibility:hidden;width:0}
to{visibility:visible;width:100%}
}