@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(../../../../abbvie/themes/humira/css/global/styles/fonts/material-icons/MaterialIcons-Regular.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(../../../../abbvie/themes/humira/css/global/styles/fonts/material-icons/MaterialIcons-Regular.woff2) format("woff2"),url(../../../../abbvie/themes/humira/css/global/styles/fonts/material-icons/MaterialIcons-Regular.woff) format("woff"),url(../../../../abbvie/themes/humira/css/global/styles/fonts/material-icons/MaterialIcons-Regular.ttf) format("truetype")}
.croppie-container{padding:30px}
.croppie-container .cr-image{z-index:-1;position:absolute;top:0;left:0;-webkit-transform-origin:0 0;transform-origin:0 0}
.croppie-container .cr-boundary{position:relative;overflow:hidden;margin:0 auto;z-index:1}
.croppie-container .cr-viewport{position:absolute;border:2px solid #fff;margin:auto;top:0;bottom:0;right:0;left:0;box-shadow:0 0 0 899px rgba(0,0,0,.5);z-index:0}
.croppie-container .cr-vp-circle{border-radius:50%}
.croppie-container .cr-overlay{z-index:1;position:absolute;cursor:move}
.croppie-container .cr-slider-wrap{width:75%;margin:25px auto 0;text-align:center}
.croppie-result{position:relative;overflow:hidden}
.croppie-result img{position:absolute}
.cr-slider{-webkit-appearance:none;width:300px;max-width:100%}
.cr-slider::-webkit-slider-runnable-track{width:100%;height:3px;background:rgba(0,0,0,.5);border:0;border-radius:3px}
.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;border:0;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}
.cr-slider:focus{outline:0}
.cr-slider::-moz-range-track{width:100%;height:3px;background:rgba(0,0,0,.5);border:0;border-radius:3px}
.cr-slider::-moz-range-thumb{border:0;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}
.cr-slider:-moz-focusring{outline:#fff solid 1px;outline-offset:-1px}
.cr-slider::-ms-track{width:300px;height:5px;background:0;border-color:transparent;border-width:6px 0;color:transparent}
.cr-slider::-ms-fill-lower{background:rgba(0,0,0,.5);border-radius:10px}
.cr-slider::-ms-fill-upper{background:rgba(0,0,0,.5);border-radius:10px}
.cr-slider::-ms-thumb{border:0;height:16px;width:16px;border-radius:50%;background:#ddd}
.cr-slider:focus::-ms-fill-lower{background:rgba(0,0,0,.5)}
.cr-slider:focus::-ms-fill-upper{background:rgba(0,0,0,.5)}
.croppie-container .cr-viewport.debug:after,.croppie-container .cr-viewport.debug:before{background:#fff;width:1px;height:1px;content:'';position:absolute}
.croppie-container .cr-viewport.debug:before{top:0;height:100%;left:50%}
.croppie-container .cr-viewport.debug:after{top:50%;left:0;width:100%}
.tab-content-container{width:100%;padding:6px 20px 0 3px;min-height:98px}
.tab-content-container .tab-content-tile-photo{float:left;position:absolute}
.tab-content-container .tab-content-tile-photo .chooseHover{position:absolute;text-align:center;top:22px;left:7px;color:#fff;z-index:50;font-weight:700}
.tab-content-container .tab-content-tile-photo .hoverCircle{border:2px solid #03618e;position:absolute;border-radius:60px;width:85px;height:85px;z-index:100;background-color:#0076af;opacity:.5}
.tab-content-container .tab-content-tile-photo .inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.tab-content-container .tab-content-tile-photo .no-js .inputfile+div{display:none}
.tab-content-container .tab-content-tile-photo .inputfile.has-focus+div,.tab-content-container .tab-content-tile-photo .inputfile:focus+div{outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px}
.tab-content-container .tab-content-tile-photo .inputfile-1.has-focus+div,.tab-content-container .tab-content-tile-photo .inputfile-1:focus+div{background-color:transparent}
.tab-content-container .tab-content-tile-photo .inputfile-1+div:hover{background-color:rgba(0,118,175,.5);border-radius:50%;border:2px solid #95d9db}
.tab-content-container .tab-content-tile-photo .inputfile-1+div:hover .hoverCircle{display:block}
.tab-content-container .tab-content-tile-photo .face{position:relative;font-size:60px;padding:10px;border:2px solid #b5c4cc;border-radius:50px;color:#b5c4cc}
.tab-content-container .tab-content-tile-photo .add_circle{color:#03618e;position:absolute;left:70%;top:0;width:24px;height:24px;background-color:#fff;border-radius:50%}
.tab-content-container .tab-content-tile-text{float:left;padding-top:10px;margin-left:120px;width:65%}
.tab-content-container .tab-content-tile-text h3{margin-bottom:0;color:#222;font-family:"Museo Sans W01_500";font-weight:500}
.tab-content-container .tab-content-tile-text p{font-size:12px;line-height:100%;color:#606161;margin:4px}
.tab-content-container .tab-content-tile-text .upload-error-message{color:#ff0c00 !important}
.profile-pic-container{width:84px;height:84px;border:2px solid #0076af;border-radius:50%}
.profile-pic-container img{width:inherit;height:inherit;border-radius:50%}
.profile-pic-container .ugc-cancel-icon{color:#03618e;position:absolute;left:70%;top:0;width:24px;height:24px;background-color:#fff;border-radius:50%}
.avatar-content{clear:both;float:left;width:100%}
.avatar-content input[type=radio]{position:absolute;visibility:hidden}
.avatar-content .tab-content-tile-photo{float:left;padding:5px}
.avatar-content .tab-content-tile-photo .person{position:relative;font-size:45px;padding:5px;border:2px solid #b5c4cc;border-radius:50px;color:#b5c4cc}
.absoluteBack{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}
.outline{border:2px solid #ccc}
.half-box{width:200px;height:200px}
.avtar__img{height:200px;width:200px}
.image-slider{position:relative}
ng-croppie{float:left;width:100%;padding:0 !important;position:relative}
input[type=range]{left:305px;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:43%;position:absolute;top:6em}
@media(min-width:320px) and (max-width:767px){input[type=range]{width:55%;left:196px}
}
@media(min-width:768px) and (max-width:991px){input[type=range]{width:38%;right:10px}
}
.croppie-container .cr-boundary{margin:auto}
.croppie-container .cr-slider-wrap{width:28%;margin:0}
.ugc-dialog-container{padding:30px;width:50% !important;max-width:590px !important;float:left}
.ugc-dialog-container .ugc-modal-header{color:#b1005d}
md-dialog.ugc-dialog-container{max-width:480px !important;width:50%;border-radius:0;padding:5px 30px 30px 30px}
md-dialog.ugc-dialog-container .dialogContent{position:relative}
@media(min-width:768px) and (max-width:991px){md-dialog.ugc-dialog-container{width:66.7% !important}
}
@media(min-width:320px) and (max-width:767px){md-dialog.ugc-dialog-container{width:100% !important}
}
md-dialog.ugc-dialog-container .close-icon{margin:4px 5px 0 0}
md-dialog.ugc-dialog-container .ng-pristine{background:#f5f3f3}
md-dialog.ugc-dialog-container .ugc-modal-header{padding:21px 0 0 0}
md-dialog.ugc-dialog-container input[type=range]{left:338px;-webkit-transform:rotate(270deg);transform:rotate(270deg);width:31%;position:absolute;top:6em}
@media(min-width:320px) and (max-width:767px){md-dialog.ugc-dialog-container input[type=range]{width:130px;position:absolute}
}
@media(min-width:768px) and (max-width:991px){md-dialog.ugc-dialog-container input[type=range]{width:31%;right:5px}
}
@media(max-width:767px) and (min-width:320px) and (orientation:landscape){md-dialog.ugc-dialog-container input[type=range]{left:81%}
}
@media(max-width:767px) and (min-width:380px) and (orientation:portrait){md-dialog.ugc-dialog-container input[type=range]{left:73%}
}
@media(max-width:380px) and (min-width:320px) and (orientation:portrait){md-dialog.ugc-dialog-container input[type=range]{left:73%}
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:3){md-dialog.ugc-dialog-container input[type=range]{left:77%}
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:3){md-dialog.ugc-dialog-container input[type=range]{left:77%}
}
md-dialog.changePic-modal{padding:5px 30px 30px 30px}
md-dialog.changePic-modal .ugc-modal-header{padding:27px 0 0 0}
.plus-button{position:absolute;right:0;top:18.2%;width:35px;height:35px;background-color:#fff;text-align:center;box-shadow:0 3px 7px 0 rgba(0,0,0,.07)}
.minus-button{position:absolute;right:0;bottom:16.6%;width:35px;height:35px;background-color:#fff;text-align:center;box-shadow:0 3px 7px 0 rgba(0,0,0,.07)}
.minus-icon,.zoomin-icon{margin-top:6px;font-size:22px;color:#03618e}
.action-btn{margin:10px 0}
.action-btn a{float:left}
.action-btn a.button-yes{margin-right:10px}
.action-btn .button-yes{margin-left:0 !important}
.action-btn .btn-xlarge{width:48.75% !important}
@media(min-width:320px) and (max-width:767px){.action-btn .btn-xlarge{width:48% !important}
}
.semi-circle-edit-btn{background:#9e978e;display:inline-block;margin:0 1em 1em 0;height:25px;width:72px;border-bottom-left-radius:66px;border-bottom-right-radius:66px;background-color:rgba(0,118,175,.5);position:absolute;text-align:center;padding-top:5px;top:56px;color:#fff;left:6px}
.imageCrop img{border-radius:40px !important}
.upload-error-message{color:#ff0c00}
.ugc-clear-icon{float:right;position:absolute;right:5px;color:#606161;font-size:22px}
.clear{clear:both}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){md-dialog.ugc-dialog-container input[type=range]{left:345px;top:64px;width:31%}
md-dialog.ugc-dialog-container md-dialog-content{-ms-overflow-x:hidden;-ms-overflow-y:hidden}
}
@-moz-document url-prefix(){md-dialog.ugc-dialog-container input[type=range]{left:338px;top:5.5em;width:31%}
}