.upload-picture-container{width:100%}.upload-picture-container .display-image{width:200px;position:relative}.upload-picture-container .display-image .preview{width:150px;height:150px;border-radius:50%;overflow:hidden;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center}.upload-picture-container .display-image .preview>img{width:100%;height:auto}.upload-picture-container .display-image .preview .open-picture-selector{position:absolute;bottom:0;left:0;right:0;font-size:16px;color:#FFF;text-align:center;height:60px;justify-content:center;background-color:rgba(1,1,1,.3);display:none}.upload-picture-container .display-image .preview .open-picture-selector>span{margin-top:10px}.upload-picture-container .display-image .preview.hover .open-picture-selector,.upload-picture-container .display-image .preview:hover .open-picture-selector{display:flex}.upload-picture-container .display-image>.select-picture-container{position:absolute;top:90%;left:100%;border:1px solid #ABABAB;width:520px;height:350px;padding:10px;background-color:#FFF}.upload-picture-container .display-image>.select-picture-container.right{right:100%;left:unset}.rtl .upload-picture-container .display-image>.select-picture-container{right:unset;left:100%}.rtl .upload-picture-container .display-image>.select-picture-container.right{left:unset;right:90%}.rtl .upload-picture-container .display-image>.select-picture-container .nav.nav-tabs{padding-right:0}.mobile .upload-picture-container .display-image>.select-picture-container{left:0!important;right:unset!important}.upload-picture-container .display-image>.select-picture-container .cross{position:absolute;top:-4;right:-3;font-size:20px;z-index:999}.rtl .upload-picture-container .display-image>.select-picture-container .cross{left:5;right:unset}.upload-picture-container .display-image>.select-picture-container .tab-content{padding-top:10px;height:300px}.upload-picture-container .display-image>.select-picture-container .tab-content .panel-content{height:100%;display:flex;flex-direction:column}.upload-picture-container .display-image>.select-picture-container .panel-content .pictures-container{flex:.8;display:flex;flex-wrap:wrap;overflow:scroll;justify-content:flex-start}.upload-picture-container .display-image>.select-picture-container .panel-content .pictures-container .picture{flex:0 0 22%;margin:4px;height:100px;width:100px;background-size:100% auto;background-repeat:no-repeat;background-position:center;border:1px solid rgba(1,1,1,.1)}.upload-picture-container .display-image>.select-picture-container .panel-content .save-btn{flex:.2;display:flex;align-items:center;justify-content:flex-end}.upload-picture-container .display-image>.select-picture-container .panel-content .picture img{width:100%;height:auto}.upload-picture-container .display-image>.select-picture-container .panel-content .picture.selected{box-shadow:0 0 5px #12a2b6}.upload-picture-container .display-image>.select-picture-container #upload .upload-btn-container{position:absolute;top:50%;left:50%;transform:translate(-50%);width:50%}.upload-picture-container .nav-tabs>li>a{color:#022e40}.upload-picture-container .nav>li.active>a,.upload-picture-container .nav>li>a:focus,.upload-picture-container .nav>li>a:hover{background-color:#12a2b6;color:#FFF}@media (max-width:667px){.profilesettings .child_signup .form-group .profile-picture-directive,.upload-picture-container .display-image{width:100%}.upload-picture-container .display-image>.select-picture-container{width:100%;left:0!important;height:auto}.upload-picture-container .display-image>.select-picture-container .panel-content .pictures-container .picture{max-height:70px}}