/*
 *   Custom Desing White
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
body {font-family: 'IBM Plex Sans', sans-serif; font-size: 14px; background: #ffffff;}

.hidden {display:none !important;}
.c-black   {color: #061229;}
.c-gray    {color: #4E535C;}
.c-muted   {color: #939CAD;}
.c-red     {color: #E63030;}
.c-primary {color: #226AF6;}

.bg-blue    {background-color: #226AF6 !important;}
.bg-purple  {background-color: #801A86 !important;}
.bg-green   {background-color: #58BC82 !important;}
.bg-orange  {background-color: #EE6C4D !important;}
.bg-black   {background-color: #061229 !important;}

.text-muted   {color: #79818F; opacity: 0.5;}
.text-success {color: #46A317;}

a {color: #226AF6; text-decoration: none;}
a:hover {text-decoration:underline;}

.btn {border-radius:4px;}
.btn-primary {background-color: #226AF6; border-color: #226AF6;}
.btn-primary:hover {background-color: #0054F6; border-color: #0054F6;}
.btn-primary:active {background-color: #004ADB; border-color: #004ADB;}
.btn-success {background-color: #46A317; border-color: #46A317;}
.btn-default {text-align: left; background-position-y: center; font-weight: 400;}
.btn-default span {display: inline-block; padding-left: 35px;}
.btn-default span {display: inline-block; padding-left: 35px;}
.btn-outline-danger {color: #E63030; border-color: #E63030;}
.btn-outline-danger:hover,
.btn-outline-danger.active:not(:disabled):not(.disabled), 
.btn-outline-danger:active:not(:disabled):not(.disabled), 
.show > .btn-outline-danger.dropdown-toggle {background-color: #E63030; border-color: #E63030;}

.btn-sm span {padding-left: 28px;}
.btn.disabled {color: #939CAD;} /* .c-muted */

.border-default {border: 1px solid #C2CFE5; border-radius: 8px;}

.form-control, .form-control-lg {width:100%; border: 1px solid #C2CFE5; box-sizing: border-box; border-radius: 4px;}
.form-control-lg {font-size: 1.2em;}
.form-control::placeholder, .form-control-lg::placeholder {opacity:0.4;}
.form-control:focus, .form-control-lg:focus { border-color: #939CAD; box-shadow: none;}

.header {display: block; height: 64px; padding-top: 20px; background: #fff; border-bottom: 1px solid rgba(194,207,229,0.2); box-shadow: 0px 2px 16px rgba(6, 18, 41, 0.1);}
.header a.logo {display:block; padding-left: 28px; font-size: 18px; line-height: 24px; background: url('../img/logo.png') no-repeat;}
.header .user-top-menu a  {font-size: 16px; line-height: 20px; margin-left: 5px;}
.header .user-top-menu a:hover {background-color: #F1F4FA; }
.header a:hover {text-decoration:none;}
@media (max-width: 576px){
    .header .user-top-menu a {padding-left: 20px; height: 30px; background-size: 28px; background-position: center;}
    .header .user-top-menu a span {display:none;}
}

.icon-bars      {background-image: url('/img/icon_bars.png');      background-repeat: no-repeat;}
.icon-clock     {background-image: url('/img/icon_clock.png');     background-repeat: no-repeat;}
.icon-clock-active      {background-image: url('/img/icon_clock_active.png'); background-repeat: no-repeat;}
.icon-chk       {background-image: url('/img/icon_checkbox_off.png'); background-repeat: no-repeat;}
.icon-chk-active      {background-image: url('/img/icon_checkbox_on.png'); background-repeat: no-repeat;}
.icon-customize {background-image: url('/img/icon_customize.png'); background-repeat: no-repeat;}
.icon-edit      {background-image: url('/img/icon_edit.png');      background-repeat: no-repeat;}
.icon-link      {background-image: url('/img/icon_link.png');      background-repeat: no-repeat;}
.icon-logout    {background-image: url('/img/icon_logout.png');    background-repeat: no-repeat;}
.icon-more-horiz      {background-image: url('/img/icon_more_horiz.png');    background-repeat: no-repeat;}
.icon-profile   {background-image: url('/img/icon_profile.png');   background-repeat: no-repeat;}
.icon-qrcode    {background-image: url('/img/icon_qrcode.png');    background-repeat: no-repeat;}
.icon-redirect  {background-image: url('/img/icon_redirect.png');  background-repeat: no-repeat;}
.icon-redirect-active   {background-image: url('/img/icon_redirect_active.png'); background-repeat: no-repeat;}
.icon-settings  {background-image: url('/img/icon_settings.png');  background-repeat: no-repeat;}
.icon-share     {background-image: url('/img/icon_share.png');     background-repeat: no-repeat;}
.icon-soc-android {background-image: url('/img/icon_link_type_android.png'); background-repeat: no-repeat;}
.icon-soc-android-active {background-image: url('/img/icon_link_type_android_on.png'); background-repeat: no-repeat;}
.icon-soc-amazon {background-image: url('/img/icon_link_type_amazon.png'); background-repeat: no-repeat;}
.icon-soc-amazon-active {background-image: url('/img/icon_link_type_amazon_on.png'); background-repeat: no-repeat;}
.icon-soc-telegram {background-image: url('/img/icon_link_type_telegram.png'); background-repeat: no-repeat;}
.icon-soc-telegram-active {background-image: url('/img/icon_link_type_telegram_on.png'); background-repeat: no-repeat;}
.icon-soc-facebook {background-image: url('/img/icon_link_type_facebook.png'); background-repeat: no-repeat;}
.icon-soc-facebook-active {background-image: url('/img/icon_link_type_facebook_on.png'); background-repeat: no-repeat;}
.icon-soc-instagram {background-image: url('/img/icon_link_type_instagram.png'); background-repeat: no-repeat;}
.icon-soc-instagram-active {background-image: url('/img/icon_link_type_instagram_on.png'); background-repeat: no-repeat;}
.icon-soc-ios {background-image: url('/img/icon_link_type_ios.png'); background-repeat: no-repeat;}
.icon-soc-ios-active {background-image: url('/img/icon_link_type_ios_on.png'); background-repeat: no-repeat;}
.icon-soc-twitter {background-image: url('/img/icon_link_type_twitter.png'); background-repeat: no-repeat;}
.icon-soc-twitter-active {background-image: url('/img/icon_link_type_twitter_on.png'); background-repeat: no-repeat;}
.icon-soc-paid {background-image: url('/img/icon_link_type_paid.png'); background-repeat: no-repeat;}
.icon-soc-paid-active {background-image: url('/img/icon_link_type_paid_on.png'); background-repeat: no-repeat;}
.icon-soc-other {background-image: url('/img/icon_link_type_other.png'); background-repeat: no-repeat;}
.icon-soc-other-active {background-image: url('/img/icon_link_type_other_on.png'); background-repeat: no-repeat;}
.icon-star      {background-image: url('/img/icon_star.png');      background-repeat: no-repeat;}
.icon-star-active       {background-image: url('/img/icon_star_active.png'); background-repeat: no-repeat;}
.icon-switcher {background-image: url('/img/icon_switcher_off.png'); background-repeat: no-repeat;}
.icon-switcher-active   {background-image: url('/img/icon_switcher_on.png'); background-repeat: no-repeat;}
.icon-user-add {background-image: url('/img/icon_user_add.png'); background-repeat: no-repeat;}


.content {display: block; position: relative; padding: 20px 0 60px;}
.content.user-account-content {padding: 20px 0 60px; }
@media (max-width: 767.98px){
    .content.user-account-content {padding: 20px 0 10px; }
}

.middle-box {max-width: 360px; margin-top:5%; padding:10px; text-align: center;}
.middle-box h1 {margin-bottom: 1rem; text-align: center;font-size: 1.4rem; font-weight: bold;}
.middle-box h2 {margin-bottom: 1rem; text-align: center;font-size: 1.0rem; font-weight: normal;}
.middle-box #login_spinner {padding:40px 0;}
.middle-box .login-form {margin-top: 2rem; text-align: left;}
.middle-box .ulogin-buttons-container > div {border-radius: 4px !important;}

.user-account-header {position: absolute; left:0; top:0; width:100%; height: 172px; background-image: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%); background-color: #1B54C2; }

.side-menu {margin-top: 40px; text-align: center;}
.side-menu .user-pic-block {display: block; position: relative; cursor: pointer;}
.side-menu .user-pic {display: block; position: relative; margin: 0 auto; max-width: 100%; width:250px; height: 250px; background-color: #eee; border: 10px solid #fff; border-radius: 50%;}
.side-menu .icon-edit {display: block; position: absolute; left: 75%; bottom: 25px; background: #fff;}
.side-menu .icon-upload {display: block; position: absolute; right: 15px; top: 180px; width:50px; background-color: #fff; border: 4px solid #ffffff; border-radius: 50%;}
.side-menu .user-nav {margin-top:20px;}
.side-menu .user-nav .account-name  {margin-bottom:15px; font-size: 20px; line-height: 32px; font-weight: bold;}
.side-menu .user-nav .user-fio      {margin-bottom:5px;  font-size: 18px; line-height: 24px; font-weight: 600;}
.side-menu .user-nav .user-info     {margin-bottom:25px; font-size: 16px; line-height: 24px;}
.side-menu .user-nav .btn-default   {margin:10px; font-size: 18px; line-height: 24px;}
.side-content {margin-top: 192px;}


.widget {margin-bottom: 5px; padding: 16px 24px; }
.widget .widget-text {font-size: 20px; line-height: 32px; font-weight: bold; }
.widget .widget-name {font-size: 16px; line-height: 24px;}

.account-links { margin-top: 1.8rem; }
.account-links .no-links-yet { padding: 5rem; text-align: center; }
.account-links .no-links-yet img  { margin-bottom: 20px; }
.account-links .no-links-yet h3   { font-size: 20px; line-height: 24px; font-weight: bold; }
.account-links .no-links-yet div  { font-size: 16px; line-height: 24px; font-weight: normal; }
.account-links .no-links-yet .btn { margin: 20px auto 10px; max-width: 250px; font-size: 16px; line-height: 24px; font-weight: normal; }

.account-links .account-link {display: block; margin-bottom: 16px; padding: 24px; text-align: left;}
.account-links .account-link:hover {text-decoration:none;}
.account-links.public-links .account-link {margin-bottom: 16px; padding: 12px; text-align: left;}
.account-links .account-link.link-priority {background-color: rgba(242, 165, 10, 0.05); border-color: rgba(242, 165, 10, 0.5);}
.account-links .account-link.link-leap     {}
.account-links .account-link.link-leap-not {opacity:.4; filter: grayscale(100%);}
.account-links .account-link.link-active-not {filter: grayscale(100%);}

.account-links .account-link img        {margin-right: 12px; max-width: 56px; max-height: 56px; border-radius: 50%; border: 1px solid transparent;}
.account-links .account-link .link-name {font-size: 20px; line-height: 28px; font-weight: bold; overflow: hidden;}
.account-links.public-links .account-link .link-name {font-size: 20px; line-height: 56px; font-weight: bold;}
.account-links .account-link .link-url  {font-size: 16px; line-height: 28px; font-weight: normal; overflow: hidden;}
.account-links .account-link .link-btns {text-align: right;}
.account-links .account-link .link-btns .btn {margin-left: 15px; background-position-x: center;}
.account-links .account-link .link-btns .btn-xs {min-width:24px; min-height: 24px; background-size: 25px;}
.account-links .account-link .link-btns .btn-sm {min-width:45px; min-height: 24px;}
.account-links .account-link .link-btns-menu {display: none;}
.account-links .account-link .link-btns-menu .btn {background-color: unset;}
.popover-body {box-shadow: 0px 3px 10px #aaa;}
.popover-body .btn {background-position-x: center; min-width:35px; min-height: 24px; background-size: 25px;}

.account-stats { margin-top: 1.8rem; }

@media (max-width: 1199.98px) {
    .side-menu .user-pic {width: 200px; height: 200px;}
    .side-menu .icon-upload {right: 12px; top:140px; width:42px;}
}
@media (max-width: 991.98px) { 
    .user-account-header {height: 152px;}
    .side-menu    {margin-top: 60px;}
    .side-menu .user-pic {width: 200px; height: 200px;}
    .side-menu .icon-upload {right: 254px; top:138px; width:42px;}
    .side-menu .icon-edit {left: 57%}
    .side-content {margin-top: 1.6rem;}
    .account-links .account-link .link-btns {display: block;}
    .account-links .account-link .link-btns .btn {margin-left: 5px;}
}
@media (max-width: 767.98px) { 
    .user-account-header {height: 132px;}
    .side-menu    {margin-top: 40px;}
    .side-menu .user-pic {width: 160px; height: 160px;}
    .side-menu .icon-upload {right: 176px; top:104px; width:42px;}
    .side-menu .user-nav {margin-top:0px;}
    .account-links .account-link .link-btns      {display: none;}
    .account-links .account-link .link-btns-menu {display: block;}
}
@media (max-width: 575.98px) {
    .user-account-header {height: 92px;}
    .side-menu    {margin-top: 20px;}
    .side-menu .user-pic {width: 160px; height: 160px;}
    .side-menu .icon-upload {right: 33%; top:104px; width:42px;}
}

.modal-content {border-radius: 8px;}
.modal-header {border:0;}
.modal-header .close {font-weight: normal; color: #C2CFE6; opacity: 1;}
.modal-title {font-size: 1.2rem;}
.modal-edit label         {font-size:16px; font-weight: 600;}
.modal-edit .icon         {display: inline-block; float: left; width: 24px; height: 24px; margin-right: 10px;}
.modal-edit .modal-header {padding: 4px 10px 0 10px;}
.modal-edit .modal-body   {padding-top: 0; text-align: left;}
.modal-edit .modal-body h4     {padding-bottom: 6px;}
.modal-edit .logo-upload  {text-align: center;}
.modal-edit .logo-upload .user-logo {display: block; margin: 0 auto; width: 90px; height: 90px; cursor: pointer;}
.modal-edit .logo-upload .icon-edit {display: block; position: absolute; top:50px; left: 50%; background: #fff; cursor: pointer;}
.modal-edit .logo-upload input {border:none;}
.modal-edit .logo-upload a     {margin-left:0; font-size: 14px;}
.modal-edit .clockpicker  {padding-left: 10px;}

.link-type-radios div {display: inline-block; padding: 5px; text-align: center; font-weight: 400; text-transform: capitalize; cursor: pointer;}
.link-type-radios input {display: none;}
.link-type-radios span  {display: block; padding: 20px; width:68px; background-color: none; background-position: center; border: 1px solid rgba(194, 207, 230, 0.5); border-radius: 8px;}
.link-type-radios div.active span,
.link-type-radios div:hover  span {color: #226AF6; background-color: rgba(34, 106, 246, 0.05); border: 1px solid rgba(34, 106, 246, 0.5);}

.acc-color-radios div {display: inline-block; padding: 5px; text-align: center; font-weight: 400; text-transform: capitalize; cursor: pointer;}
.acc-color-radios input {display: none;}
.acc-color-radios span  {display: block; padding: 20px; width:68px; background-color: none; background-position: center; border:0; border-radius: 4px;}
.acc-color-radios div.active span,
.acc-color-radios div:hover  span { background-image: url('/img/icon_check.png'); background-position: center; background-repeat: no-repeat; }



.footer {display: block; position: fixed; height: 40px; bottom: 0; right: 0; left: 0; padding: 10px; background: #fff; border-top: 1px solid rgba(194,207,229,0.2);}
.footer .copyright {font-size: 12px;}
.footer .copyright b {font-weight: normal;}

.footer.user-account-footer { position: fixed; }
@media (max-width: 767.98px){
    .footer.user-account-footer { position: relative; }
}