/* disable defaults */
#bx-toolbar{
    display: none;
}
.cd-main-content .content-wrapper{
    padding-top: 0px;
}
#bx-content-main{
    margin-top: 0px;
    margin-bottom: 0px;
}
.bx-page-block-container{
    padding-top: 0px;
    padding-bottom: 0px;
}
.bx-def-page-width{
    width: 100% !important;
}
#bx-content-container{
    padding: 0px;
}
.bx-page-wrapper{
    padding: 0px;
}
#bx-footer-wrapper{
    display: none;
}
/* disable defaults */

 /* для элемента input c type="radio" */
  .custom-radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
      height: 34px;
      width: 34px;
  }
  /* для элемента label связанного с .custom-radio */
  .custom-radio+label {
    display: flex;
    align-items: center;
    user-select: none;
  }
  /* создание в label псевдоэлемента  before со следующими стилями */
  .custom-radio+label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
  }
  /* стили при наведении курсора на радио */
  /*.custom-radio:not(:disabled):not(:checked)+label:hover::before {*/
  /*  border-color: #b3d7ff;*/
  /*}*/
  /* стили для активной радиокнопки (при нажатии на неё) */
  /*.custom-radio:not(:disabled):active+label::before {*/
  /*  background-color: #b3d7ff;*/
  /*  border-color: #b3d7ff;*/
  /*}*/
  /* стили для радиокнопки, находящейся в фокусе */
  .custom-radio:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  /* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
  /*.custom-radio:focus:not(:checked)+label::before {*/
  /*  border-color: #80bdff;*/
  /*}*/
  /* стили для радиокнопки, находящейся в состоянии checked */
  .custom-radio:checked+label::before {
    border-color: #2D5BFF;
    /*background-color: #374FC7;*/
      background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6.5' r='6' fill='%232D5BFF'/%3E%3C/svg%3E");
  }
  /* стили для радиокнопки, находящейся в состоянии disabled */
  .custom-radio:disabled+label::before {
    background-color: #e9ecef;
  }


body{
    font-family: 'Manrope', sans-serif;
}
.btn{
    background: #111827;
    border-radius: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    padding: 16px 24px;
    color: #FFFFFF;
}
.btn:hover{
    background: #374151 !important;
    color:#fff !important;
}


.j-c{
    /*display: flex;*/
    height: 100%;
    background: #fff;
}
.j-c-l{
    /*width: 50%; */
    text-align: center;
    /*background: linear-gradient(1.23deg, #D7E0FC 0.87%, rgba(215, 224, 252, 0) 50.33%);*/
}
.j-c-logo{
    width: 60px;
    margin: 60px auto;
    display: block;
    margin-top: 90px;
}
.j-c-l2 > div{
    /*margin-bottom: 40px;*/
}
.j-c-l2{
    display: flex;
    height: 100%;
    justify-content: space-between;
    flex-direction: column;
}
.j-c-l21{
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    color: #000000;
}
.j-c-l22{
    font-size: 14px;
    line-height: 20px;
    color: #9CA3AF;
    /*margin-bottomx: 64px;*/
}
.j-c-l23{
    /*margin-bottoxm: 75px;*/
    white-space: nowrap;
}
.j-c-l231{
    text-align: left;
    width: 200px;
    margin: 0px;
    background: #FFFFFF;
    border-radius: 50px;
    border: 1px solid #9CA3AF;
    font-weight: 300;
    font-size: 14px;
    color: #9CA3AF;
    padding: 6px 6px;
}
.j-c-l231-a{
    background-color: #FFFFFF !important;
    border: 1px solid #111827 !important;
    color: #374151 !important;
    border-radius: 50px;
    padding: 6px 6px;
    /*width: fit-content;*/
}
.j-c-menu {
    display: flex;
    justify-content: space-between;
}
.bx-media-phone .j-c-menu {
    flex-direction: column;
    gap: 20px;
}
.j-c-l22 A{
    color: #164AFF;
}
.j-c-l2 .btn{
    width:340px;
    margin: 40px auto;
    margin-bottom: 50px;
}
/* step2*/
.j-c-w1{
    width: 450px;
    margin: 0px auto;
    text-align: left;
}
.j-c-w2{
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    color: #000000;
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
}
.j-c-w3{
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    color: #000000;
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
}
.j-c-w4{
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    color: #000000;
    text-align: center;
}
.j-c-w4 strong{
    font-size: 28px;
    line-height: 42px;
    font-weight: 600;
}

#sys_account .bx-form-input-text,
#sys_account .bx-form-input-select{
    background: #FFFFFF !important;
    border: 1px solid #9CA3AF;
    border-radius: 8px !important;
    height: 40px !important;
    line-height: 36px !important;
}
#sys_account .bx-form-input-textarea,
#sys_account .bx-form-input-checkbox_set{
     background: #FFFFFF !important;
    border: 1px solid #9CA3AF;
    border-radius: 8px !important;
}
#sys_account .bx-form-input-text,
#sys_account .bx-form-input-password,
#sys_account .bx-form-input-textarea,
#sys_account .bx-form-input-select
{
    
    padding: 0px 12px !important;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Manrope', sans-serif !important;
}
#sys_account .bx-form-input-wrapper-password{
    background: #FFFFFF !important;
    border: 1px solid #9CA3AF;
    border-radius: 8px !important;
    height: 40px !important;
}

.bx-form-input-autotoken {
    padding: 0px!important;
}
.bx-form-input-autotoken b {
    padding-left: 0.5rem;
}
.ui-autocomplete-input {
    height: unset!important;
}
.ui-state-focus {
    background: #2D5BFF !important;
    color: white!important;
}

#sys_account .bx-form-value .bx-form-input-text.bx-form-input-autotoken b {
    line-height: 2.6rem!important;
}
#sys_account .bx-form-caption {
    font-size: 11px;
    line-height: 20px;
    color: #9CA3AF;
    font-weight: 700;
    text-transform: uppercase;
}
#sys_account .bx-form-element-wrapper:active {
    color: #4B5563;
}
#sys_account .bx-form-input-text::placeholder{
    color: #9CA3AF;
}
#sys_account .bx-btn.bx-btn-primary,
#sys-form-login .bx-btn.bx-btn-primary,
#sys_forgot_password .bx-btn.bx-btn-primary {
    background: #111827;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    color: #FFFFFF;
    width: 100%;
    height: 48px !important;
    /*line-height: normal !important;*/
    text-transform: capitalize;
}
#sys_account .bx-btn.bx-btn-primary:hover,
#sys-form-login .bx-btn.bx-btn-primary:hover,
#bx_invites_request .bx-btn.bx-btn-primary:hover,
#sys_forgot_password .bx-btn.bx-btn-primary:hover {
    background: #374151 !important;
    color: #FFFFFF !important;
}
#sys_account .bx-btn.bx-btn-primary:active,
#sys-form-login .bx-btn.bx-btn-primary:active,
#sys_forgot_password .bx-btn.bx-btn-primary:active{
    background: #374151 !important;
    color: #FFFFFF !important;
}
.j-c-w1 .bx-def-hr{
    display: none;
}
.j-c-w1 .bx-def-hr ~ div{
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #9CA3AF;
}
.j-c-w1 A{
    color:#2D5BFF !important;
}
#bx-form-element-agreement .bx-form-input-wrapper-custom div{
    font-size: 13px !important;
    line-height: 20px !important;
    color: #9CA3AF !important;
    font-weight: normal !important;
}
.bx-media-phone #bx-form-element-agreement .bx-form-input-wrapper-custom div {
    font-size: 11px !important;
}
.j-c-w1 .bx-form-element-wrapper{
    margin-bottom: 20px;
}
label[for="23"] {
    text-transform: capitalize;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #4B5563;
}
@media (min-width: 1px) and (max-width: 1023px){
    .j-c-r{
        display: none;
    }
    .j-c-l{
        width: 100%;
    }
    .j-c-l2{
         width: 90%;
         margin: 0px auto;
    }
    .j-c-l231{
        /*padding: 50px 25px;*/
    }
    .j-c-l2 .btn{
        width: 300px;
    }
    .j-c-w1{
        width: 90%;
    }
    .j-c-l2 > div {
        /*margin-bottom: 25px;*/
    }
    .j-c-l231-a {
        padding: 6px 10px;
    }
    .j-c-l231 {
        padding: 6px 10px;
    }
}

.sys-auth-block {
    display: flex;
    gap: 20px;
}
.sys-auth-block .sys-auth:not(.sys-auth-compact) {
    width: unset!important;
    flex-wrap: nowrap;
    flex-grow: 1;
    margin: 0px;
}
.sys-auth.bx_googlecon .bx-btn,
.sys-auth.bx_linkedin .bx-btn {
	background: none!important;
	border: 1px solid black;
	border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 3rem;
    height: 48px;
    padding: 0px 10px;
}
.sys-auth.bx_googlecon .bx-btn .sys-icon {
    display: block;
    width: 20px;
    height: 21px;
    background: url(../images/google-icon.png) no-repeat center center;
    background-size: contain;
}
.sys-auth.bx_googlecon .bx-btn .sys-icon::before {
    content: ''!important;
}
.sys-auth u {
    color: black!important;
    text-transform: none!important;
    font-size: 20px;
}
.sys-auth .bx-btn .sys-icon {
    color: black!important;
}
.sys-auth-block .sys-auth:not(.sys-auth-compact) {
    margin: auto;
}


#sys_account input[type=text]:not(#interest_artists),
#sys_account input[type=password],
#sys_account select,
#sys-form-login input[type=text]:not(#interest_artists),
#sys-form-login input[type=password],
#sys-form-login select,
#bx_invites_request input[type=text],
#bx_invites_request input[type=password],
#bx_invites_request select,
#bx_invites_request textarea,
#bx-form-element-interest_artists div.bx-form-input-text,
.iti__selected-flag {
    border: 2px solid #111827!important;
    border-radius: 6px!important;
}
#sys_account input:focus:not(#interest_artists),
#sys_account select:focus,
#sys-form-login input:focus:not(#interest_artists),
#sys-form-login select:focus,
#bx_invites_request input:focus,
#bx_invites_request select:focus,
#bx_invites_request textarea:focus,
#bx-form-element-interest_artists div.bx-form-input-text:focus,
.iti__selected-flag:focus {
    border-color: #2D5BFF!important;
}
#sys_account .bx-form-input-wrapper,
#sys-form-login .bx-form-input-wrapper,
#bx_invites_request .bx-form-input-wrapper {
    border: none!important;
}
#sys_account .bx-form-input-wrapper-password,
#sys-form-login .bx-form-input-wrapper-password{
    padding: 0px!important;
}
#sys_account .bx-form-caption
#bx_invites_request .bx-form-caption {
    display: none;
}
#bx-form-element-receive_news .bx-form-caption {
    display: unset;
}
#bx-form-element-country select {
    color: rgba(0,0,0, 0.4);
}
#bx-form-element-firstname {
    float: left;
    width: 48%;
}
#bx-form-element-lastname {
    float: right;
    width: 48%;
}
#bx-form-element-email,
#bx-form-element-name {
    clear: both;
}

#bx-form-element-user_type {display: none;}