.cabinet {
min-height: 80vh;
}

.cabinet_content {
display: flex;
gap: 20px;
}

.cabinet_left {
max-width: 200px;
width: 100%;
overflow: hidden;
border-radius: 8px;
}

.cabinet_right  {
position: relative;
max-width: 100%;
width: 100%;
}

.cabinet_menu_list {
list-style: none !important;
text-decoration: none !important;
padding: 0px !important;
margin: 0px !important;
}


.cabinet_menu_name, .cabinet_menu_sub_link {
padding: 10px 15px;
display: flex;
justify-content: space-between;
color: white;
font-size: 16px;
background: rgba(52, 73, 94, 1);
border-bottom: 1px solid rgba(5, 56, 86, 1);
margin-bottom: 2px;
font-weight: 300;
cursor: pointer;
}

.cabinet_menu_name a {
color: var(--text-white);
}


.cabinet_menu_item_list .cabinet_menu_item:hover .cabinet_menu_name, .cabinet_menu_sub_link:hover, .cabinet_menu_sub_link.active, .cabinet_menu_item.active > .cabinet_menu_name{
 background: rgba(30, 39, 46, 1);
    color: var(--text-white);
}

.cabinet_menu_name span {
display: flex;
align-items: center;
justify-content: center;
}

.cabinet_menu_item.active .cabinet_menu_name span{
transform: rotate(180deg);
transition: 0.2s ease;
}

.cabinet_menu_item.active .cabinet_menu_item_list {
display: block;
}

.menu_item_list_link.active, .cabinet_menu_name.active, .menu_item_list_link:hover {
background: rgba(30, 39, 46, 1);
color: var(--text-white);
}

.cabinet_menu_item_list {
display: none;
}

.menu_item_list_link {
    padding: 10px 15px;
    display: block;
    color: white;
    font-size: 16px;
    background: rgba(52, 73, 94, 1);
    border-bottom: 1px solid rgba(5, 56, 86, 1);
    margin-bottom: 2px;
    font-weight: 300;
}

.amocrm_blog {
display: flex;
flex-direction: column;
align-items: center;
}

.form_blog_title{
max-width: 560px;
width: 100%;
font-weight: 400;
font-size: 24px;
color: rgba(0, 0, 0, 1);
}

.cabinet_form {
max-width: 560px;
width: 100%;
}

.cabinet_item {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 560px;
width: 100%;
margin-bottom: 20px;
}

.cabinet_item_title {
    font-weight: 300;
    font-size: 20px;
    color: rgba(0, 0, 0, 1);
    width: 100%;
}

.cabinet_item_title span {
    font-weight: 300;
    font-size: 24px;
    color: rgba(255, 0, 0, 1);
}

.cabinet_item_val {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 1);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cabinet_item_val span{
padding-left: 10px;
cursor: pointer;
}

.cabinet_item_val input, .cabinet_item_val textarea  {
width: 100%;
height: 100%;
outline: unset;
border-radius: 15px;
border: none;
padding: 10px;
background: #f2f6fd;
border: 1px solid rgba(0, 111, 159, 1);
}

.tel_blog {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}

.tel_blog_input {
display: flex;
align-items: center;
gap: 5px;
width: 100%;
}

.edit_blog {
width: 100%;
display: none;
}

.tel_blog_input input, .edit_password input {
    width: 150px;
    height: 100%;
    outline: unset;
    border-radius: 15px;
    border: none;
    padding: 10px;
    background: #f2f6fd;
    border: 1px solid rgba(0, 111, 159, 1);
}

.edit_password input {
width: 100%;
}

.tel_promt {
font-size: 14px;
color: red;
}

.edit_password_list {
display: flex;
flex-direction: column;
gap: 10px;
}

.profile-password {
margin-top: 15px;
}

.profile-password-eye, .profile-password2-eye, .profile-oldpassword-eye {
position: absolute;
right: 12px;
top: 5px;
z-index: 100;
}

.profile-eye-icon, .profile-eye2-icon, .profile-oldeye-icon {
font-size: 19px;
font-weight: 500;
cursor: pointer;
}

.profile-eye-noactive, .profile-eye2-noactive {
display: none;
}

.profile-eye > .profile-eye-noactive, .profile-eye > .profile-eye2-noactive {
display: block;
}

.profile-eye > .profile-eye-acitve, .profile-eye > .profile-eye2-acitve {
display: none;
}

.form__item.error-item>.profile-oldpassword-eye, .form__item.valid-item>.profile-oldpassword-eye, 
.form__item.error-item>.profile-password2-eye, .form__item.valid-item>.profile-password2-eye, 
.form__item.error-item>.profile-password-eye, .form__item.valid-item>.profile-password-eye {
    right: 40px;
    top: 5px;
}



.edit_password .register-input-icon{
    top: 5px;
}

.phone_code_content {
position: relative;
}

.modal_close {
position: absolute;
top: 0;
right: 0;
width: 25px;
height: 25px;
border-radius: 50%;
background: rgba(255, 0, 0, 1);
display: flex;
align-items: center;
justify-content: center;
color: var(--text-white);
padding: 5px;
cursor: pointer;
}

.phone_code_list {
display: flex;
gap: 20px;
justify-content: center;
margin-top: 20px;
}

.phone_code_list input {
width: 85px;
height: 85px;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
text-align: center;
padding: 10px;
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.4);
outline: none;
box-shadow: none;
}

@media (min-width: 576px) {
.phone_code {
max-width: 680px !important;
}
}


.error_code input{
border: 1px solid rgba(255, 0, 0, 0.8)
}

.correct_code input {
border: 1px solid rgba(0, 255, 149, 0.8)
}

.basket_td_setting {
display: flex;
align-items: center;
gap: 15px;
}

#funnels_modal, #stage_modal {
max-width: 20%;
width: 100%;
}

.cabinet_blog_header {
margin-top: 20px;
} 

.cabinet_blog_header {
display: flex;
align-items: center;
justify-content: space-between;
}

.cabinet_header_title{
color: var(--text-white);
font-size: 28px;
font-weight: 500;
}

.funnels_list {
margin-top: 20px;
display: flex;
flex-direction: column;
gap: 20px;
}

.funnels_item {
border: 1px solid var(--main-bg);
background: var(--text-white);
border-radius: 10px;
overflow: hidden;
}

.funnels_header{
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
background: rgba(0, 111, 159, 1);
}

.funnels_header_left {
display: flex;
align-items: center;
gap: 10px;
}


.funnels_name, .funnels_header_number {
color: var(--text-white);
font-size: 20px;
}

.funnels_button {
display: block;
background: #039c1e;
color: var(--text-white);
padding: 10px 20px;
cursor: pointer;
border-radius: 10px;
}

.stage_list {
display: flex;
gap: 15px;
padding: 10px;
flex-wrap: wrap;
min-height: 124px;
}

.stage_item {
display: block;
border: 1px solid #039c1e;
border-radius: 10px;
overflow: hidden;
max-width: 270px;
width: 100%;
}

.stage_header {
background: #039c1e;
color: var(--text-white);
}

.stage_blog {
padding: 5px 10px;
}

#add_funnels {
max-width: 30%;
width: 100%;
}

.stage_blog {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}

.offcanvas_form .cabinet_item, .widget_form .cabinet_item{
position: relative;
display: block;
max-width: 300px;
width: 100%;
}

.offcanvas_delete {
position: absolute;
bottom: 0;
height: max-content;
left: 105%;
font-size: 25px;
cursor: pointer;
}

.offcanvas_button{
display: flex;
gap: 10px;
}

.offcanvas_buy_specification, .offcanvas_buy_service_specification {
margin-top: 15px;
margin-bottom: 10px;
}

#offcanvas_buy_widget {
width: 700px !important;
}

.buy_widget_service_quantity  {
  max-width: 60px;
  width: 100%;
    height: 100%;
    outline: unset;
    border-radius: 15px;
    border: none;
    padding: 10px;
    background: #f2f6fd;
    border: 1px solid rgba(0, 111, 159, 1);
}

.buy_widget_specification_title, .buy_service_specification_title {
font-size: 16px;
font-weight: 500;
margin-top: 10px;
}

.task_item {
display: block;
background: white;
border-radius: 10px;
overflow: hidden;
max-width: 270px;
width: 100%;
}

.widget_form {
background: white;
border-radius: 10px;
overflow: hidden;
padding: 20px;
}

.widget_item .cabinet_item {
display: none;
}

.cabinet_header_button {
  display: flex;
  gap: 15px;
  flex: 1;
  justify-content: flex-end;
}

.widget_service_button {
display: flex;
gap: 20px;
font-size: 20px;
  }

  .widget_service_button div {
    cursor: pointer;
  }

  .tariffs_blog_title {
  font-size: 20px;
  color: var(--text-white);
  margin-top: 20px;
  }

.offer_table {
margin-top: 20px;
}

  .tariffs_blog  {
width: 100%;
background: var(--text-white);
  }

  .widget_table table th, .widget_table table td {
    padding: 8px;
  }


.widget_moth_list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 10px;
}

.widget_moth_item {
display: block;
background: var(--text-white);
border-radius: 10px;
overflow: hidden;
max-width: 270px;
width: 100%;
padding: 10px;
border: 1px solid var(--main-bg);
}

.widget_status {
display: flex;
flex-direction: column;
gap: 10px;
}

.default_widget_item {

}

.default_widget_item .table_blog:first-of-type {
  flex-grow: 2;
  min-width: 53%;
}

.default_widget_item .table_blog:nth-of-type(2) {
  flex-grow: 1;
}

.default_widget_item .table_blog:nth-of-type(3) {
  flex-grow: 0.3;
  min-width: 80px;
  max-width: 210px;
  width: 100%;
}

.default_widget_item table {
      table-layout: fixed;
}

.clean_table_amo {
margin-top: 10px;
padding: 7px 20px !important;
}

.buy_table_list {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 40px;
}

.buy_table_list th,
.buy_table_list td {
  padding: 8px;
}

.buy_table_list tbody{
background: var(--text-white);
}

.cabinet_row{
position: relative;
}

.setting_table_item tbody tr.active, .active_widget_item tbody tr{
background: rgba(238, 255, 253, 1);
}

.setting_table_item tbody tr.active .table_btn {
background: rgba(238, 255, 253, 1);
border: 1px solid rgba(72, 192, 181, 1)
}

.buy_basket {
position: sticky;
bottom: 0;
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(186, 254, 203, 1);
padding: 10px;
border-radius: 10px;
margin-top: 20px;
}

.buy_basket_icon {
color: rgba(109, 109, 109, 1);
font-size: 40px;
}

.buy_basket_info {
display: flex;
align-items: center;
gap: 42px;
}

.buy_basket_info_item {
display: flex;
flex-direction: column;
}

.not_found {
padding:20px;
text-align:center;
color:#888;
}

.active_amocrm_title {
font-weight: 400;
font-size: 16px;
color: rgba(109, 109, 109, 1);
}

.buy_basket_total {
font-size: 18px;
font-weight: 400;
}

.buy_basket_button {
display: flex;
gap: 15px;
}

.mydocument_item {
border: 1px solid rgba(0, 111, 159, 1);
padding: 10px;
}

.mydocument_item_header {
display: flex;
align-items: center;
gap: 20px;
}

.mydocument_pdf_list {
display: flex;
align-items: center;
gap: 20px;
}

.mydocument_pdf_item {
border: 1px solid rgba(0, 111, 159, 1);
padding: 10px;
border-radius: 10px;
cursor: pointer;
}

.mydocument_pdf_icon {
display: flex;
align-items: center;
gap: 10px;
}

.mydocument_pdf_icon a {
color: black;
}

.mydocument_list table {
  table-layout: fixed;
  width: 100%;
}

.mydocument_list  {
display: flex;
flex-direction: column;
gap: 15px;
}



.mydocument_list .table_blog table th:first-child,
.mydocument_list .table_blog table td:first-child {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    word-break: break-word;
}

.mydocument_list .table_blog table th:last-child,
.mydocument_list .table_blog table td:last-child {
    width: 265px;
    min-width: 265px;
    max-width: 265px;
}

.mydocument_item_edit {
cursor: pointer;
}

.pay_content {
border-radius: 12px;
}

.pay_modal_text {
  margin-bottom: 10px;
  font-size: 16px;
}

.pay_item {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}

.pay_item_img {
display: flex;
align-items: center;
justify-content: center;
font-size: 35px;
}

.pay_item_checkbox {
display: flex;
justify-content: center;
align-items: center;
}

.pay_button {
display: flex;
align-items: center;
justify-content: center;
}

.pay_item_checkbox input{
    width: 20px;
    height: 20px;
}

.show_doc_header{ 
margin-top: 20px;
}

.cabinet_head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}

.buy_currency_list {
display: flex;
}

.buy_currency_item {
color: #b1daee;
opacity: 0.8;
padding: 5px 15px;
font-size: 18px;
font-weight: 500;
border: 3px solid transparent;
cursor: pointer;
}

.buy_currency_item:hover {
color: white;
opacity: 1;
border: 3px solid transparent;
}

.buy_currency_item.active {
color: #ffffff;
opacity: 1;
border: 3px solid #ffffff;
}

.error_form {
font-size: 14px;
color: red;
}

.buy_widget_quantity.error {
border: 1px solid red;
}

.buy_widget_tariff_drop .report_option.error,
.buy_widgets_term_drop .report_option.error {
border: 1px solid red;
}