.bannermessage{display:inline-block;width:100%;padding:5px 20px;font-size:15px;background-color:#fafafa;margin-bottom:3px;text-align:center;color:#383EFB}.bannermessageform{max-width:400px !important}.button{display:block;width:100%;padding:8px 3%;border-radius:8px;font-size:20px;font-weight:500;text-align:center}.button__loadcontent{display:none}.button--blue{background-color:#383EFB;color:#FFFFFF}.button--link{background-color:transparent;color:#222}.button--grey{background-color:#707070;color:#FFFFFF}.button--blue-border{color:#383EFB;border:3px solid #383EFB;border-radius:3px;padding:7px;text-align:center}.button--loading{opacity:0.7}.button--loading .button__loadcontent{display:inline-block}.button--loading .button__content{display:none}.buttonlogout{display:inline-block;padding:4px 7px;border:1px solid #AFB4B7;color:#888;border-radius:3px;font-size:13px}.checkbox{display:inline-block}.checkbox>input,.checkbox .checkbox__checkedmark{display:none}.checkbox input:disabled+.checkbox__content{opacity:0.5}.checkbox input:checked+.checkbox__content .checkbox__checkedmark{display:inline-block}.checkbox__content{text-align:center}.checkbox--size1{width:23px;height:23px;line-height:23px;font-size:15px;background-color:rgba(250,250,250,0.7);border:1px solid #888;line-height:19.16667px}.checkbox input:checked+.checkbox--size1{background-color:#383EFB;border-color:#383EFB;color:#FFF}.codesbutton{padding:20px 3%}.codesbutton__header{display:inline-block;width:50%;font-size:22px;font-weight:700;color:#111}.codesbutton .button{width:auto;min-width:130px;padding:7px 10px;font-size:16px;border-radius:3px;display:inline-block;float:right}@media all and (max-width: 400px){.codesbutton{text-align:center}.codesbutton__header{display:none}.codesbutton .button{width:92%;float:none}}.codesfilter{max-width:700px;padding:20px 3%;font-size:0px}.codesfilter__label{font-size:23px;color:#444444;display:inline-block}.codesfilter .rectangleradio{width:22%;margin-left:3%}.codesfilter .rectangleradio__button{font-size:16px}@media all and (max-width: 450px){.codesfilter__label{font-size:18px}.codesfilter .rectangleradio{width:26%;margin-left:2%}.codesfilter .rectangleradio__button{font-size:13px}}.codeslist{display:inline-block;width:100%;text-align:left;font-size:0px}.codeslist>li{display:inline-block;margin:15px 3%;width:180px;font-size:15px;color:#777;text-align:center;position:relative}.codeslist>li .codeslist__remove-code-icon,.codeslist>li .codeslist__add-banner-icon{padding:0px;position:absolute;top:3px;right:3px;border-radius:50%;border:1px solid #fff;color:#fff;background-color:rgba(0,0,0,0.75);font-size:13px;cursor:pointer;width:23px;height:23px;line-height:20px;text-align:center}.codeslist>li .codeslist__add-banner-icon{right:30px}.codeslist>li .codeslist__box{width:100%;cursor:pointer;padding:10px 20px;border-radius:7px;background-color:#FFF}.codeslist>li .codeslist__box>*{padding:8px 0px}.codeslist>li .codeslist__box .codeslist__code{border-bottom:2px solid #383EFB}.codeslist>li .profileedit__link{margin:5px 0px 0px}.codesnavbar{display:inline-block;width:100%;height:48px;padding:5px 3%}.codesnavbar .logo{float:left}.codesnavbar__qr{display:inline-block;width:38px;height:38px;float:right;background-color:#FFF;border-radius:50%;cursor:pointer;position:relative;background-image:url("../images/icons/svg/QR.svg");background-size:60%}.codesnavbar .buttonlogout{float:right;margin-top:8px}.codesnavbar__search{width:50%;max-width:300px;margin:8px auto}.codesnavbar__search .inputicon{margin:0px}.codesnavbar__search .inputicon input{padding:5px;padding-left:37px;background-color:transparent;font-size:12px}.codesnavbar__search .inputicon__icon{font-size:16px;line-height:23px;width:37px}@media all and (max-width: 430px){.codesnavbar{position:relative;margin-bottom:50px}.codesnavbar__search{position:absolute;top:110%;width:80%;margin-left:7.5%}}.codespage{width:100%;max-width:950px;margin:0px auto}.inputicon{width:100%;margin:0px 0px 15px;position:relative;color:#666}.inputicon input,.inputicon .inputicon__textarea{width:100%;padding:10px 15px 10px 15px;background-color:rgba(250,250,250,0.7);border:1px solid #AFB4B7;border-radius:7px;font-size:14px}.inputicon__icon{position:absolute;top:0px;left:0px;display:inline-block;width:54px;height:38px;line-height:35px;text-align:center;vertical-align:middle;font-size:22px}.inputicon--hasicon input{padding-left:54px}.inputicon__validation-success input{background-color:rgba(0,180,0,0.15);border:1px solid rgba(0,180,0,0.15)}.inputicon__validation-error input{background-color:rgba(180,0,0,0.15);border:1px solid rgba(180,0,0,0.15)}.lightbox{position:fixed;top:0px;left:0px;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);padding:20px;z-index:2000;text-align:center}.lightbox:before{content:'';display:inline-block;height:100%;vertical-align:middle}.lightbox>div{display:inline-block;vertical-align:middle;max-height:100%}.lightbox>div{padding:20px 10px 10px;border-radius:5px;background-color:#FFF;position:relative;max-height:none}.lightbox>div i.lightbox__exit{cursor:pointer;display:inline-block;width:28px;height:28px;line-height:27px;position:absolute;top:8px;right:8px;border-radius:50%;background-color:#000;color:#ffffff;font-size:20px;font-weight:800;text-align:center;font-style:normal}.loginform{height:100%;text-align:center}.loginform:before{content:'';display:inline-block;height:100%;vertical-align:middle}.loginform>form{display:inline-block;vertical-align:middle;max-height:100%}.loginform>form{width:98%;max-width:360px;padding:5px 10px;position:relative;top:-50px}.loginform .formheader{margin-top:10px}.messagebox{text-align:left;width:100%;max-width:320px;padding:20px !important}.messagebox__header{font-size:16px;font-weight:500;color:#555}.messagebox__content{padding:20px 0px}.messagebox__content input{border:1px solid #AFB4B7;padding:7px;width:100%;font-size:16px}.messagebox__content input:focus{border-color:#383EFB}.messagebox__content.messagebox__confirm{text-align:center;font-size:18px;color:#444}.messagebox__buttons{padding-top:5px}.messagebox__buttons button{padding:5px}.notification{display:inline-block;width:300px;background-color:rgba(0,0,0,0.8);border-radius:5px;color:#fff;padding:10px 15px;position:fixed;top:5%;right:2%;text-align:center}@media all and (max-width: 768px){.notification{position:fixed;bottom:5%;left:50%;margin-left:-150px;top:auto;right:auto}}.optionsmenu{position:absolute;right:0px;top:calc(100% + 16px);display:none;width:160px;background-color:#FFFFFF;z-index:1500}.optionsmenu li{display:block;width:100%;padding:5px;border-bottom:1px solid #EEEEEE;line-height:normal}.optionsmenu li a{display:inline-block;width:100%;color:#262626;padding:10px;font-size:14px;font-weight:400;text-align:left}.optionsmenu:before{content:'';width:0;height:0;border-style:solid;border-width:0 15px 20px 15px;border-color:transparent transparent #ffffff transparent;position:absolute;top:-15px;right:5px}.popupimage{max-width:400px}.profileedit__buttons{padding:45px 0px 30px}.profileedit__radioboxes{padding:15px 0px}.profileedit__socialadd{color:#383EFB;border:1px dashed #383EFB;display:inline-block;text-align:center;width:100%;padding:5px;border-radius:8px;margin:15px 0px;cursor:pointer}.profileedit__socialadd i{font-size:25px;line-height:15px}.profileedit__socialadd h3{font-size:16px;font-weight:500}.profileedit__link{display:inline-block;width:100%;text-align:center;color:#383EFB;font-size:16px;text-decoration:underline;margin-top:-40px}.profileedit .codesnavbar{margin-bottom:0px}.profileimage{display:inline-block;width:100%;margin:30px 0px 40px}.profileimage__image{width:150px;height:150px;border-radius:50%;overflow:hidden;position:relative;background-color:#dbdbdb;background-image:url(/a/storage/public/avatar.png);background-size:cover;margin:0px auto;overflow:visible}.profileimage__image .profileimage__upload{position:absolute;bottom:20%;color:#fff;text-align:center;display:inline-block;width:35px;height:35px;line-height:30px;font-size:25px;text-align:center;border-radius:50%;border:3px solid white;background-color:#383EFB;position:absolute;right:-5px;bottom:5%}.profileimage__image .uploadprogress{border-radius:50%}.profilelinkoptions{display:inline-block;width:100%;padding:30px 0px 20px;font-size:0px}.profilelinkoptions>li{display:inline-block;width:50%}.profilelinkoptions__button{display:inline-block;font-size:18px;font-weight:500;color:#383EFB;border:3px solid #383EFB;border-radius:3px;padding:7px;text-align:center;width:90%}.profilelinkoptions>li:last-of-type{text-align:right}.profilelinkoptions input:checked+.profilelinkoptions__button{background-color:#383EFB;color:#fff}@media all and (max-width: 385px){.profilelinkoptions__button{font-size:16px;width:96%}}.profilepage__fullname{font-size:25px;font-weight:500;display:inline-block;text-align:center;color:#888;width:100%;margin:-35px 0px 0px}.profilepage__bio{display:inline-block;text-align:center;color:#666;width:100%;font-size:13px;font-weight:400;margin:-10px 0px 40px}.profilepage .codesnavbar{margin-bottom:0px}.profileredirect{margin:25px 3px 0px;color:rgba(51,51,51,0.85);box-shadow:2px 2px 5px rgba(0,0,0,0.5);padding:10px}.profileredirect__sentence{font-size:16px;display:inline-block;width:100%;padding-bottom:7px}.profileredirect__options{font-size:16px;display:inline-block;width:100%;padding:0px 3px}.profileredirect__options>li{display:inline-block;width:100%;padding:4px 0px}.profileredirect__options>li>label{line-height:19px}.profileredirect .sociallist__icon{display:inline-block;width:23px;height:23px;margin-left:10px;border-radius:50%;filter:grayscale(100%)}.qrscanvideo{width:100%;max-width:400px}.qrscanvideo__video{display:inline-block;width:100%;height:300px;background-color:#000}.qrscanvideo__video video{width:100%;height:100%}.qrscanvideo .messagebox__buttons{padding:15px 0px 10px}.radio{display:inline-block;line-height:normal}.radio__content{width:19px;height:19px;border:2px solid #444444;border-radius:50%;padding:2px;font-size:0px}.radio__content:after{content:'';width:100%;height:100%;background-color:#383EFB;border-radius:50%;display:none}.radio input:checked+.radio__content{border-color:#383EFB}.radio input:checked+.radio__content:after{display:inline-block}.rectangleradio{display:inline-block;width:100%;font-size:0px}.rectangleradio__button{display:inline-block;font-size:18px;font-weight:500;color:#383EFB;border:3px solid #383EFB;border-radius:3px;padding:3px;text-align:center;width:100%}.rectangleradio input:checked+.rectangleradio__button{background-color:#383EFB;color:#fff}.registerform>form{padding-top:10px;display:inline-block;width:100%}.registerform__form-line{padding:17px 7px 20px;text-align:left;white-space:nowrap}.registerform__form-line .checkbox{vertical-align:top}.registerform__form-line span{display:inline-block;padding-left:1.5%;font-size:14px;color:#666;white-space:pre-wrap}.registerform__form-line span a{color:#8ccce7;text-decoration:underline}.registerform__form-line.form-line-center{text-align:center;padding-top:20px;padding-bottom:10px}.socialentry{width:100%;max-width:380px;padding:20px !important}.socialentry__header{display:inline-block;width:100%;padding:7px 0px 15px;font-size:22px;font-weight:600;color:#444}.socialentry .messagebox__content{padding:30px 0px 25px}.socialentry__buttons button{padding:4px 25px;width:auto;font-size:16px;border-radius:3px;display:inline-block;float:right;margin-left:5px}.socialentry__buttons button.button--blue-border{padding:1px 20px}.socialentry__select{border:1px solid #AFB4B7;padding:7px;width:100%;font-size:16px;margin-bottom:20px;background-color:#fff}.sociallinks--show-radios .socialtab__tab{width:90%}.sociallinks--show-radios .socialtab__radio{display:inline-block}.sociallist{width:100%;max-width:500px}.sociallist__header{display:inline-block;width:100%;text-align:center;padding:30px 5px 15px;font-size:20px;color:#000}.sociallist li{margin:10px 5px;display:inline-block;width:90px;cursor:pointer}.sociallist li h6{display:inline-block;padding-top:5px;color:#444;font-size:14px;font-weight:400}.sociallist__icon{display:block;width:55px;height:55px;border-radius:7px;margin:0px auto}.sociallistradio h3{padding:0px 0px 10px;font-size:15px;color:#000000}.sociallistradio>ul{padding:20px 0px}.sociallistradio__content{display:inline-block;border:3px solid #dddddd;padding:6px;border-radius:5px}.sociallistradio input:checked+.sociallistradio__content{border-color:#00ff00;box-shadow:0 0 5px 2px rgba(0,0,0,0.5)}.socialtab{font-size:0px;width:100%;height:55px;margin-bottom:15px;cursor:grab}.socialtab__tab{background-color:rgba(250,250,250,0.7);border:1px solid #AFB4B7;font-size:0px;width:100%;height:100%;border-radius:8px;display:inline-block}.socialtab__tab>*{line-height:55px;height:100%}.socialtab__tab__link{display:inline-block;width:82%;overflow:hidden;border-radius:8px}.socialtab__tab__link>*{display:inline-block;height:100%;vertical-align:top}.socialtab__tab__link .socialtab__icon{width:55px}.socialtab__tab__link .socialtab__content{width:calc(100% - 55px);line-height:53px;font-size:15px;font-weight:300;color:#333;padding:0px 12px}.socialtab__tab .socialtab__options{display:inline-block;width:18%;font-size:25px;color:#aaa;position:relative;padding-right:6%;text-align:right;font-style:normal}.socialtab__tab .socialtab__options .optionsmenu{top:calc(100% + 1px);box-shadow:0 5px 15px rgba(0,0,0,0.3)}.socialtab__radio{display:none;width:10%;height:100%;text-align:center;line-height:55px}.socialtab__shadow{width:100%;height:55px;border:1px dashed #383EFB;border-radius:8px;margin-bottom:15px;position:relative;background-color:transparent;pointer-events:none}.uploadprogress{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#fff;font-size:0px;text-align:center}.uploadprogress:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uploadprogress>div{display:inline-block;vertical-align:middle;max-height:100%}.uploadprogress__total{width:96%;height:10px;border:1px solid #aaa;background-color:#f9f9f9}.uploadprogress__total>div{height:100%;width:0%;background-color:#383EFB;transition:width 0.5s ease-in-out}.userinfo{max-width:600px}.userinfo table{border-spacing:10px;border-collapse:separate;max-width:100%}.userinfo table td{padding:7px 10px;border-bottom:1px solid #999;text-align:left;word-break:break-all}.userinfo table td .sociallist__icon{width:30px;height:30px;display:inline-block;margin:0px 10px 0px -5px}.userinfo table td:first-of-type{min-width:170px}.userinfo table tr:last-of-type td{border-bottom:0px}
