/* = Global styles === */
body {background-color: #041B2B;}
.account_bg form {width: 100%;}
.page-wrapper {padding-top: 80px; padding-bottom: 80px;}
.account_wrap {width: 100%; max-width: 1400px; margin: 0 auto; padding: 50px 0 0 0;}
.account_page_header {padding: 24px 0 24px 230px; color: #fff;}
.account_page_title {margin: 0; padding: 0; color: #FF9C20; font-family: "Noto Sans", sans-serif; font-size: 64px;}
.account_page_subheader {display: flex; justify-content: space-between; margin-top: 35px; font-size: 24px;}
.account_page_subheader > div {flex-grow: 0;}
.account_page_subheader-name {position: relative; padding-right: 36px;}
.account_page_subheader-name:after {display: block; content: ''; position: absolute; width: 4px; height: 4px; top: 15px; right: 16px; background: #D13A8C; border-radius: 2px;}
div.account_page_subheader-logout {flex-grow: 1; padding-right: 20px;}
span.account_bluebtn-logoff {display: block; float: right; color: #fff; border: none; background: #02121F url('img/icon_logout.svg') 25px 10px no-repeat;}

.account_page_top_horisontal_menu_wrap {display: none; height: 45px; overflow: hidden; clear: both;}
.account_page_top_horisontal_menu {display: flex; padding-top: 16px; height: 60px; overflow-x: scroll;}
.account_topmenu_item {display: block; margin-left: 16px; height: 25px; color: #fff; white-space: nowrap;}
.account_topmenu_item:first-child {margin-left: 0;}
.account_topmenu_item-selected {border-bottom: 1px solid #D13A8C;}

.account_h2 {font-size: 40px; margin-bottom: 20px;}
.account_bg {display: flex; padding: 40px; color: #000; background: #fff; border-radius: 4px; clear: both;}
.account_contentwrap {width: 100%; padding: 5px 0 40px 40px;}
.account_static_wrap {padding-top: 15px;}

.account_rightfloatcontrols {float: right;}

.account_wrap_mobile {display: none;}

.account_pagination {padding-top: 30px; font-size: 14px;}
.account_disable_link {color: #AAA}

.account_error {color: #800000;}

/* = Wrapper and columns === */
.account_colwrap {display: flex; width: 100%;}
.account_colwrap_cols2 .account_col {width: 49%;}
.account_colwrap_cols23 .account_col-left {width: calc(100% - 350px);}
.account_colwrap_cols23 .account_col-right {padding-left: 24px; width: 350px;}
.account_col-right-padded {padding-top: 72px;}

/* = Popups === */
.account_popup-new .popup_header-edit,
.account_popup-edit .popup_header-new,
.account_popup-new .pupup_usermail,
.account_popup-edit .popup_invitemail,
.account_popup-new .popup_button-edit,
.account_popup-edit .popup_button-new {display: none;}

.account_popup {position: absolute; display: none; width: 720px; left: 0; top: 0; padding: 50px 80px; color: #fff; opacity: 0; background: #041B2B; box-sizing: border-box; z-index: 100;}
.account_popup_superuser {height: 300px;}
.account_popup-showind {display: block; opacity: 0; transform: translateY(30px);}
.account_popup-showed {display: block; opacity: 1; transform: translateY(0);}
.account_popup-hidding {display: block; opacity: 0; transform: translateY(30px);}
.popup_closeicon {float: right; width: 40px; height: 40px; background-image: url('img/icon_close.svg'); cursor: pointer;}
.account_popup-confirm {width: auto; height: auto;}
.account_popup_buttonwrap {padding-top: 20px;}
.account_popup_buttonwrap .account_bluebtn {margin-right: 20px;}

.account_popup h2 {color: #FF9C20; font-size: 32px;}
.account_popup_bg {position: absolute; display: none; left: 0; top: 0; margin: 0; padding: 0; background: #000; z-index: 90;}
.account_popup_bg-showind {display: block; opacity: 0;}
.account_popup_bg-showed {display: block; opacity: 0.7;}
.account_popup_bg-hidding {display: block; opacity: 0;}
.account_popup .input_desc {padding-left: 20px; color: #084660; font-size: 12px;}
.account_popup .popup_bottombutton_padding {padding-top: 16px;}

.account_popup-download {color: #000; background: #fff;}
.account_popup-download .popup_header {font-size: 20px; color: #000;}
.account_popup-download .popup_closeicon {width: 32px; height: 32px; background-image: url('img/icon_closew.svg');}
.popup_download_line {padding: 12px 0; border-top: 1px solid #E5D1E2;}
.popup_download_line:first-child {border-top: none;}

/* = Inputs === */
.account_input_wrap {padding: 0 8px 0 0;}
.account_input_wrap input, .account_input_wrap textarea, .account_input_wrap select {box-sizing: border-box;}
.account_input_wrap label {display: block; margin: 0; padding: 16px 0 0 0; font-size: 12px;}
.account_input {width: 100%; color: #000000; padding: 12px 16px; background: #F7F2F5;}
.account_select {width: 100%; color: #000000; padding: 12px 16px; font-size: 14px; background: #F7F2F5; border: none;}
.account_textarea {height: 70px; resize: none;}
.account_input_wrap .account_input-white {color: #000; background: #fff;}
.account_popup .account_input {color: #fff; background: #08334F;}
.account_popup textarea.account_input {height: 164px;}

  /* Buttons */
.account_bluebtn {display: inline-block; padding: 11px 40px 11px 40px; color: #fff; background-color: #D13A8C; border: 1px solid #D13A8C; border-radius: 25px; font-size: 16px; line-height: 20px; cursor: pointer;}
.account_bluebtn:hover {color: #fff; background-color: #D13A8C; border-color: #D13A8C;}
.account_bluebtn svg {position: absolute; top: 9px; left: 30px; fill: #ffffff; stroke: #ffffff;}
.account_bluebtn-outline {color: #D13A8C; background-color: transparent;}
.account_bluebtn-outline svg {fill: #D13A8C; stroke: #D13A8C;}
.account_bluebtn-outline:hover {color: #fff; background-color: #D13A8C; border-color: #D13A8C;}
.account_bluebtn-outline:hover svg {fill: #ffffff; stroke: #ffffff;}
.account_bluebtn-icon {position: relative; padding-left: 60px; padding-right: 30px;}
.account_bluebtn-fullwidth {width: 100%; text-align: center;}
.account_bluebtn-fullwidth svg {position: static; top: auto; left: auto; margin-top: -9px;}
.licence_buy_button {float: right;}
.licence_h3 .licence_buy_button {margin-top: -8px;}

  /* Component count "- [1] +"*/
.buy_itemcount_wrap, .buy_itemcount_buttonswrap {display: inline-block;}
.buy_itemcount_wrap label {padding: 3px 0 0 8px; font-size: 20px;}
.buy_itemcount_wrap .buy_itemcount_label-left {padding-left: 0; padding-right: 8px;}
.buy_itemcount {display: flex;}
.buy_itemcount input,
.buy_itemcount .buy_itemcount_button {display: inline-block; height: 40px; text-align: center;}
.buy_itemcount input {width: 40px; font-size: 20px; border-radius: 0;}
.buy_itemcount .buy_itemcount_button {width: 24px; padding-top: 4px; color: #D13A8C; background: #E5D1E2; border-radius: 4px; cursor: pointer; user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.buy_itemcount .buy_itemcount_button-left {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.buy_itemcount .buy_itemcount_button-right {border-top-left-radius: 0; border-bottom-left-radius: 0;}

  /* Custom radio and checkbox */
.styled_RadioCheck {position: relative; margin-left: -10px; cursor: pointer;}
.styled_RadioCheckicon_radio {display: inline-block; width: 24px; height: 24px; vertical-align: text-top; border: 1px solid #fff; border-radius: 12px; cursor: pointer;}
.styled_RadioCheck_radio-checked {position: relative; border-color: #FF9C20;}
.styled_RadioCheck_radio-checked:before {display: block; content: ''; position: absolute; width: 12px; height: 12px; left: 5px; top: 5px; background: #FF9C20; border-radius: 6px;}
.styled_RadioCheckicon_checkbox {display: inline-block; width: 20px; height: 20px; vertical-align: sub; background-color: #D13A8C; border-radius: 4px;  cursor: pointer;}
.styled_RadioCheck_checkbox-checked {position: relative;}
.styled_RadioCheck_checkbox-checked:before {position: absolute; content: ''; top: 4px; left: 4px; width: 12px; height: 7px; border: 1px solid transparent; border-left-color: #fff; border-bottom-color: #fff; transform: rotate(-45deg);}

  /* File upload area */
.popup_filelist {display: flex; position: relative; padding: 15px; color: #18507D; background: #08334F; border: 1px dashed #D13A8C;}
.popup_filelist .lnk {color: #D13A8C;}
.popup_filelist input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.popup_filelist_desc {font-size: 16px;}
.popup_filelist_desc-hide {display: none;}
.popup_filelist_item {position: relative; margin-right: 10px; padding: 10px 45px 10px 14px; color: #fff; background: #1B5583; border-radius: 4px;}
.popup_filelist_item:after {display: block; content: '\00D7'; position: absolute; top: 9px; right: 15px; font-size: 30px; cursor: pointer;}

/* = Account left menu === */
.account_sidemenu_wrapper {width: 300px;}
.account_sidemenu {width: 100%; padding: 12px 32px; box-sizing: border-box; border-radius: 4px; box-shadow: 0px 16px 38px 0px rgba(0, 23, 146, 0.1); -webkit-box-shadow: 0px 16px 38px 0px rgba(0, 23, 146, 0.1);}
.account_sidemenu a {display: block; padding: 11px 0; font-size: 16px; border-top: 1px solid #E5D1E2;}
.account_sidemenu a:first-child {border-top: none;}
.accountmenu_item_title {vertical-align: middle;}
.accountmenu_item {position: relative; white-space: nowrap;}
.accountmenu_item svg {vertical-align: top; fill: #000000;}
.accountmenu_item:hover svg {fill: #FF9C20;}
.accountmenu_item-selected {color: #D13A8C;}
.accountmenu_item-selected svg {fill: #D13A8C;}
.accountmenu_item_bage {float: right; height: 20px; margin-top: 8px; padding: 5px 8px; color: #fff; background: #D13A8C; font-size: 10px; line-height: 10px; border-radius: 10px;}

/* = Cards === */
.account_card {margin-bottom: 20px; padding: 33px 40px; background: #F7F2F5; font-size: 16px; border-radius: 4px;}
.account_card-clear {border: 1px solid #E5D1E2; background: #FFF;}

/* = Account === */
.account_h3 {font-size: 24px;}
.account_h4 {margin-top: 20px; font-size: 20px;}

.account_link_edit {display: inline-block; position: relative; margin-left: 16px; padding-right: 30px; color: #D13A8C; font-size: 16px; font-weight: normal; cursor: pointer;}

.account_infoline {padding: 3px 0 3px 0;}
.account_infotitle {display: inline-block; width: 128px; color: #A1B2BB;}

.account_card-access {font-size: 12px;}
.account_card_access_details {display: flex; flex-wrap: wrap; margin-top: 24px; clear: both;}
.account_card_access_details .account_access_iconlabel {display: flex; align-items: center; width: 160px; height: 32px; margin: 0 20px 20px 0; line-height: 16px;}

.account_card_legend,
.account_access_legend {display: flex; float: right; padding: 7px 8px 7px 24px; border: 1px solid #E5D1E2; border-radius: 4px;}
.account_access_iconlabel {display: block; position: relative; padding: 0 16px 0 32px;}
.account_access_iconlabel:before {display: block; content: ''; position: absolute; left: 0; top: 3px; width: 24px; height: 24px; font-size: 16px; background-position: 0 0; background-repeat: no-repeat;}
.account_access_iconlabel-super:before {background-image: url('img/icon_super.svg');}
.account_access_iconlabel-wait:before {background-image: url('img/icon_wait.svg');}
.account_access_iconlabel-full:before {background-image: url('img/icon_full.svg'); color: #2CA155;}
.account_access_iconlabel-view:before {background-image: url('img/icon_view.svg'); color: #FF8A00;}
.account_access_iconlabel-denied:before {background-image: url('img/icon_deny.svg'); color: #FF314D;}

/* = Company edit === */
.account_editform_wrap {max-width: 600px;}
.company_edit_h2 {padding-top: 30px; font-size: 20px;}
.company_edit_h2-first {padding-top: 0;}
.company_edit_h3 {margin: 20px 0 0 0; font-size: 12px;}

.company_edit_backlink {display: none; position: relative; padding: 1px 0 16px 32px; color: #D13A8C;}
.company_edit_backlink span {display: inline-block; position: absolute; top: 4px; left: 0; width: 25px; height: 25px; background-color: #E5D1E2; border-radius: 50%;}
.company_edit_backlink span:before {display: block; position: absolute; content: ''; left: 10px; top: 8px; width: 8px; height: 8px; border: 1px solid #000; border-right: none; border-bottom: none; transform: rotate(-45deg);}

.account_company_hint {padding-top: 20px; color: #D13A8C; font-size: 16px;}

.account_bottom_controls {padding-top: 40px;}

/* = Account users access === */
.account_accesstable {margin-top: 50px;}
.account_accesstable th, td {font-size: 12px; font-weight: normal; text-align: center;}
.account_accesstable th {color: #66869C; line-height: 16px;}
.account_accesstable td {padding: 14px 0 2px 0; border-bottom: 1px solid #E5D1E2;}

.account_accesstable_mail {text-align: left;}
.account_accesstable .account_accesstable_mail-super {padding-right: 28px; background: url('img/icon_super.svg') 100% 19px no-repeat;}
.account_accesstable_title {width: 75px;}

.account_access_icon {display: inline-block; width: 24px; height: 24px; background-position: 0 0; background-repeat: no-repeat;}
.account_access_icon-full {background-image: url('img/icon_full.svg');}
.account_access_icon-view {background-image: url('img/icon_view.svg');}
.account_access_icon-denied {background-image: url('img/icon_deny.svg');}
.account_access_icon-changesuper {background-image: url('img/icon_changesuper.svg'); cursor: pointer;}
.account_access_icon-edit {background-image: url('img/icon_pen.svg'); cursor: pointer;}
.account_access_icon-delete {background-image: url('img/icon_delete.svg'); cursor: pointer;}
.account_access_icon-resend {margin-right: 5px; background-image: url('img/icon_refresh.svg'); cursor: pointer;}

.account_accesstable_inactive td {color: #A1B2BB;}
.account_accesstable_inactive .account_accesstable_mail {padding-right: 28px; background: url('img/icon_wait.svg') 100% 19px no-repeat;}
.account_accesstable_inactive .account_access_icon-full {background-image: url('img/icon_fullbw.svg');}
.account_accesstable_inactive .account_access_icon-view {background-image: url('img/icon_viewbw.svg');}
.account_accesstable_inactive .account_access_icon-denied {background-image: url('img/icon_denybw.svg');}

.account_access_legend_wrap {display: inline-block;}
.account_access_legend {float: none; margin-top: 24px; background: #F7F2F5; border-color: none; font-size: 12px;}
.account_popup_button {background-color: #D13A8C; border-color: #D13A8C;}
.account_popup_button-outline {color: #D13A8C; background: #041B2B;}

.account_access_userlist_mobile {display: none;}
.userlist_item {padding: 12px 0; border-top: 1px solid #E5D1E2; cursor: pointer;}
.userlist_item:first-child {border-top: none;}
.userlist_item_control {float: right; position: relative; width: 25px; height: 25px; background-color: #E5D1E2; border-radius: 50%; pointer-events: none;}
.userlist_item_control:before {display: block; position: absolute; content: ''; left: 7px; top: 8px; width: 8px; height: 8px; border: 1px solid #000; border-left: none; border-bottom: none; transform: rotate(45deg);}

  /* Access popup */
.account_access_formlabel {display: inline-block;}
.account_access_formlabel { width: 85px;}
.account_access_formlabel-view {width: 130px;}

.account_radiorow {padding: 19px 0; font-size: 16px; border-top: 1px solid #08334F;}
.account_radiorow:first-child {border-top: none;}
.account_radiorow b {display: inline-block; width: 200px; }

.pupup_usermail {padding-bottom: 20px; color: #fff; font-size: 24px;}

/* = Documents === */
.account_documents_upload_wrap {margin-top: 30px; padding: 18px 23px; border: 1px dashed #D13A8C; background: #F7F2F5; border-radius: 4px;}
.account_documents_upload_link {color: #D13A8C; border-bottom: 1px dashed #D13A8C; font-size: 16px; cursor: pointer;}
.account_documents_upload_desc {float: right; color: #A1B2BB; font-size: 12px;}
.account_documents_upload_wrap_mobile {display: none;}
.document_item {display: flex;  justify-content: space-between; padding: 16px; font-size: 16px; border-bottom: 1px solid #E5D1E2;}
.document_item_title {position: relative; flex-grow: 2; padding: 0 15px 0 15px;}
.document_item_title:before {display: block; content: ''; position: absolute; left: -15px; top: 3px; width: 24px; height: 24px; background: url('img/icon_document.svg') 0 0 no-repeat;}
.document_item_expect {position: relative; padding-right: 20px; color: #FF9C20;}
.document_item_expect-till {padding-left: 15px;}
.document_item_expect-till:before {display: block; content: ''; position: absolute; left: -15px; top: 3px; width: 24px; height: 24px; background: url('img/icon_waitsign.svg') 0 0 no-repeat;}
.document_item_state {position: relative; padding-right: 20px;}
.document_item_state-signed {padding-left: 27px;}
.document_item_state-signed:before {display: block; content: ''; position: absolute; left: 0; top: 3px; width: 24px; height: 24px; background-position: 0 0; background-repeat: no-repeat; background-image: url('img/icon_full.svg');}
.document_item_download {width: 30px;}
.document_item_state {white-space: nowrap;}

/* = Purchased licenses === */
.account_infocard {padding: 32px; font-size: 16px; border: 1px solid #E5D1E2; border-radius: 5px;}

.account_licenses {font-size: 16px;}
.account_licenses h2 {padding: 17px 0 6px 0; margin: 0; color: #D13A8C; font-size: 24px;}
.licence_h3 {padding-bottom: 11px;}
.licence_h4 {margin: 0; padding-bottom: 2px; font-size: 16px;}
.licence_detail {padding: 20px 0; font-size: 14px; border-top: 1px solid #B2E2FF;}
.licence_info-horisontal {display: flex;}
.licence_info_item {position: relative; padding-right: 20px; font-weight: bold;}
.licence_info_item:after {display: block; content: ''; position: absolute; width: 4px; height: 4px; top: 14px; right: 8px; background: #D13A8C; border-radius: 2px;}
.licence_info_item-last:after {display: none;}
.licence_info_title {color: #A1B2BB;}

/* = Order history === */
.order_history_h3 {color: #D13A8C; font-size: 24px;}
.order_history {width: 100%;}
.order_history th {color: #A1B2BB; font-size: 12px; text-align: center; font-weight: normal;}
.order_history td {padding: 16px 0 16px 10px; text-align: left; font-size: 14px; line-height: 20px; vertical-align: top; border-bottom: 1px solid #E5D1E2;}
.order_history td:first-child {padding-left: 0;}
.order_history td.ac {text-align: center;}
.order_history td.ar {text-align: right;}
.order_state-inprocess {color: #FF8A00;}
.order_state-completed {color: #2CA155;}

.account_order_item {margin-bottom: 16px; padding: 16px; font-size: 14px; background-color: #F7F2F5; border-radius: 4px;}
.account_order_item_number {font-size: 16px; font-weight: bold;}
.account_order_item_date_state {margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #E5D1E2;}
.account_order_item_date {display: inline-block; position: relative; padding-right: 20px;}
.account_order_item_date:after {display: block; content: ''; position: absolute; width: 4px; height: 4px; top: 11px; right: 8px; background: #A1B2BB; border-radius: 2px;}
.account_order_item_amount {padding-top: 16px; font-size: 20px; font-weight: bold;}

/* = Service desc === */
.servicedesc_info {position: relative;}
.servicedesc_h3 {padding-top: 32px; font-size: 24px;}
.servicedesc_wrap {padding: 26px 40px; background-color: #F7F2F5; border-radius: 4px;}
.servicedesc_expiration {font-size: 16px;}
.servicedesc_count {color: #D13A8C; font-size: 24px; font-weight: bold;}
.servicedesc_text {font-size: 20px;}
.servicedesc_buybutton {position: absolute; top: 26px; right: 40px;}

/* = Downloads === */
.downloads_h3_second {margin-top: 20px;}
.download_typelink {display: inline-block; position: relative; color: #D13A8C;}
.download_typelink_dot {margin-right: 25px;}
.download_typelink_dot:after {display: block; content: ''; position: absolute; width: 4px; height: 4px; top: 14px; right: -17px; background: #D13A8C; border-radius: 2px;}
.download_typelink-selected {color: #000; border-bottom: 1px dashed #000;}
.download_item {padding: 16px; font-size: 16px; border-bottom: 1px solid #E5D1E2;}
.download_rightcontrols .account_bluebtn {margin-left: 20px; margin-top: -5px;}
.download_controls {display: inline-block; position: relative; padding-left: 25px; color: #D13A8C; cursor: pointer;}
.download_controls:before {display: block; content: ''; position: absolute; width: 4px; height: 4px; top: 14px; left: 11px; background: #D13A8C; border-radius: 2px;}
.download_controls:first-child {padding-left: 0;}
.download_controls:first-child:before {display: none;}

.download_item_control {display: none; float: right; position: relative; width: 25px; height: 25px; background-color: #E5D1E2; border-radius: 50%; cursor: pointer;}
.download_item_control:before {display: block; position: absolute; content: ''; left: 8px; top: 7px; width: 8px; height: 8px; border: 1px solid #000; border-left: none; border-top: none; transform: rotate(45deg);}

.download_distr_files_wrap {padding: 0 0 20px 20px;}

/* = Buy page === */
.account_col_left-buy {max-width: 770px;}
.buystep_wrap {padding-left: 200px;}
.buy_bottombutons {margin-top: 20px;}
.buy_card-step {display: flex; justify-content: space-around; padding: 16px;}
.cartstep_item {cursor: pointer;}
.cartstep_item span {display: inline-block; width: 32px; height: 32px; padding: 1px 0 0 0; margin-right: 5px; text-align: center; color: #000; background: #F7F2F5; border-radius: 16px;}
.cartstep_item-selected span {color: #FFF; background: #D13A8C;}
.cartstep_item-done span {position: relative; color: #FFF; background: #2CA155;}
.cartstep_item-done span:before {display: block; content: ''; position: absolute; width: 18px; height: 10px; left: 7px; top: 8px; border: 1px solid transparent; border-left-color: #fff; border-bottom-color: #fff; transform: rotate(-45deg);}

.buy_h1 {font-size: 32px; margin: 0; padding: 9px 0 27px 0;}
.buy_h2 {margin: 0; padding: 0 0 15px 0; font-size: 24px; color: #D13A8C;}
.buy_h4 {font-size: 16px; color: #D13A8C;}
.buy_total_h2 {padding-bottom: 4px;}
.buy_total_h2-maintenance {font-size: 20px;}
.buy_total_h3 {font-size: 20px;}
.buy_h2-black {color: #000;}

.buy_subblock {padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #E5D1E2;}

.buy_price {color: #D13A8C;}
.buy_rightwrap {float: right;}
.buy_dottedlink {margin-top: 20px; padding: 0 0 2px 0; line-height: 16px; border-bottom: 1px dashed #49BEE4; cursor: pointer;}
.buy_helplink {display: inline-block; position: relative;}
.buy_helplink:after {display: block; content: '?'; position: absolute; top: -2px; right: -25px; width: 20px; height: 20px; color: #D13A8C; background: #E5D1E2; font-size: 14px; line-height: 22px; text-align: center; border-radius: 10px;}
h2.buy_helplink:after {top: 7px;}

.buy_numlicences b {color: #000; font-size: 24px;}
.buy_numlicences .buy_itemcount {margin-left: 10px;}

.buy_total_card {padding: 24px 32px;}
.buy_total_lic {padding: 0; margin-top: -13px; font-size: 12px;}
.buy_total_price {font-weight: bold;}
.buy_total_times {position: relative; padding-right: 12px;}
.buy_total_times:after {display: block; content: '\00D7'; position: absolute; top: -3px; right: 1px;}
.buy_total_dot {position: relative; padding-right: 12px;}
.buy_total_dot:after {display: block; content: ''; position: absolute; top: 7px; right: 4px; width: 4px; height: 4px; background: #D13A8C; border-radius: 2px;}

.buy_total_subtotal {font-weight: bold;}
.buy_total_subtotal .buy_total_price {font-size: 20px;}
.buy_total_final {color: #D13A8C; font-size: 20px;}

.buy_button-step1, .buy_button-step2 {display: none;}
.buy_bottombutons-step1 .buy_button-step1 {display: inline-block;}
.buy_bottombutons-step2 .buy_button-step2 {display: inline-block;}

.buy_total_maintenance-hidden {display: none;}

.buy_static {font-size: 20px;}
.buy_hightlight {color: #D13A8C;}
.buy_done_h2 {font-size: 32px;}

.buy_popupinfo {position: absolute; display: none; right: -360px; bottom: 0; width: 330px; padding: 10px; font-size: 16px; font-weight: normal; line-height: 18px; background-color: #F7F2F5; border: 1px solid #D13A8C; border-radius: 4px; z-index: 10;}
.buy_popupinfo b {display: block; padding-bottom: 5px;}
.buy_discount_link {position: relative;}
.buy_discount_link:hover .buy_popupinfo,
.buy_discount_link:active .buy_popupinfo {display: block;}

  /* Inputs, radio and checkbox */
.buy_formlabel {display: inline-block; padding-right: 20px;}
.buy_formlabel .styled_RadioCheckicon_radio {border-color: #D13A8C}
.buy_formlabel .styled_RadioCheck_radio-checked:before {background: #D13A8C}
.buy_formlabel-disabled {color: #C5CED3;}
.buy_formlabel-disabled .styled_RadioCheckicon_radio {border-color: #C2E9F8;}

/* = Disabled Buy button === */
.account_bluebtn-disabled {opacity: 0.5; pointer-events: none; cursor: not-allowed;}

.buy_discount {position: relative; margin: 5px 0 20px 0;}
.buy_discount input {width: 200px;}
.buy_discount_result {position: absolute; display: none; left: 170px; top: 4px; font-size: 20px; font-weight: bold;}
.buy_discount_result svg {margin-right: 20px;}
.buy_discount_result-showed {display: block;}
.buy_discount_result_done {color: #D13A8C;}
.buy_discount_result_wrong {color: #FF9C20;}


@media screen and (max-width: 1024px) {
  .account_sidemenu_wrapper {width: 68px;}
  .account_sidemenu {padding: 16px;}
  .accountmenu_item_title {display: none; position: absolute; left: 55px; top: 6px; padding: 5px 16px; color: #000; background-color: #E2F4FF; font-size: 12px;}
  .accountmenu_item_title:before {display: block; content: ''; position: absolute; top: 8px; left: -20px; width: 20px; height: 20px; border: 10px solid transparent; border-right-color: #E2F4FF;}
  .accountmenu_item:hover .accountmenu_item_title {display: block; color: #000;}

  .account_bg {margin-bottom: 80px;}
  .account_page_header {padding-left: 40px;}
  .buystep_wrap {padding-left: 0px;}
  .cartstep_item span {padding-top: 4px;}
  .account_col-right {margin-top: 20px;}
}

@media screen and (max-width: 700px) {
  /* = Global styles === */
  .account_wrap {padding-top: 0;}
  .account_page_header {padding-top: 0; padding-left: 16px;}
  .account_page_title {display: none;}
  .account_page_subheader {display: block; margin-top: 0;}
  .account_page_subheader-name {font-size: 14px; font-weight: bold;}
  .account_page_subheader-name:after {display: none;}
  .account_page_subheader-firm {font-size: 12px;}
  .account_page_subheader-logout {margin-top: -20px;}
  span.account_bluebtn-logoff {margin-top: -20px; padding: 0; width: 32px; height: 32px; background-position: 8px 6px;}
  .account_bluebtn-logoff span {display: none;}

  .account_page_top_horisontal_menu_wrap {display: block;}

  .account_h2 {font-size: 24px;}
  .account_bg {padding: 24px 16px 16px 16px; border-radius: 0;}
  .account_contentwrap {padding: 0;}

  .account_wrap_desktop {display: none;}
  .account_wrap_mobile {display: block;}
  .fullwidth_mobile {width: 100%; text-align: center;}


  .refreshbutton_mobile {padding-right: 0; padding-top: 5px; margin: 0; border: none; border-radius: 0;}
  .refreshbutton_mobile:hover {color: #f00; background-color: #fff;}
  .refreshbutton_mobile svg {top: 2px;}
  .refreshbutton_mobile:hover svg {fill: #f00;}

  /* = Account left menu === */
  .account_sidemenu_wrapper {display: none;}

  /* = Wrapper and columns === */
  .account_colwrap {display: block;}
  .account_colwrap_cols2 .account_col {width: 100%;}
  .account_colwrap_cols23 .account_col-left {width: 100%;}
  .account_colwrap_cols23 .account_col-right {padding-left: 0; width: 100%;}

  .account_colwrap {display: block;}
  .account_colwrap .account_col-left,
  .account_colwrap .account_col-right {width: 100%; padding: 0;}
  .account_col-right-padded {padding-top: 0;}

  /* = Account === */
  .account_h3 {font-size: 20px;}
  .account_link_edit {float: right; padding-right: 0;}
  .account_infotitle {display: block;}

  .account_card_legend {display: none;}
  .account_card_access_details .account_access_iconlabel {display: block; width: 100%; padding: 0; margin: 12px 0; font-size: 14px; border-bottom: 1px solid #E5D1E2;}
  .account_access_iconlabel:before {position: relative; float: right; margin-right: 30px; padding-left: 30px; background-position-y: -5px;}
  .account_access_iconlabel-full:before {content: 'Full';}
  .account_access_iconlabel-view:before {content: 'View';}
  .account_access_iconlabel-denied:before {content: 'Denied';}

  /* = Company edit === */
  .company_edit_backlink {display: block;}
  .company_edit_backlink span {top: 0;}

  /* = Account users access === */
  .account_accesstable {display: none;}
  .account_access_legend {display: none;}
  .account_access_userlist_mobile {display: block;}

  .account_popup {width: 100%; padding: 20px;}
  .account_radiorow b {width: 100%; padding-bottom: 5px;}

  /* = Documents === */
  .document_item {display: block; position: relative; margin-bottom: 12px; padding: 12px 16px; background-color: #F7F2F5; border: none; border-radius: 4px;}
  .document_item_title {padding-left: 24px; padding-top: 4px; width: 100%;}
  .document_item_title:before {left: -2px;}
  .document_item_download {position: absolute; right: 14px; top: 16px}
  .document_item_state {padding-top: 4px;}
  .document_item_expect-till {float: left; position: relative; margin-left: 11px; padding-top: 4px;}
  .document_item_expect-till:after {display: block; content: ''; position: absolute; width: 4px; height: 4px; top: 15px; right: 8px; background: #A1B2BB; border-radius: 2px;}
  .document_item_expect-till span {display: none;}

  /* = Service desc === */
  .servicedesc_info {font-size: 14px;}
  .servicedesc_count {display: block;}
  .servicedesc_expiration {padding-top: 16px;}
  .servicedesc_expiration span {display: block; color: #A1B2BB;}
  .servicedesc_buybutton {position: static; margin-top: 20px; width: 100%; text-align: center;}

  /* = Download === */
  .download_typelink_dot:after {top: 10px;}
  .download_item {padding-left: 0;}
  .download_rightcontrols {display: none;}
  .download_item_control {display: block;}
}

/* = Download Packages === */
.packages_accordion {
    border: 1px solid #E5D1E2; 
    border-radius: 5px; 
    overflow: hidden; 
    width: 100%;
}

.packages_accordion_item {
    border-bottom: 1px solid #E5D1E2;
}

.packages_accordion_item:last-child {
    border-bottom: none;
}

/* Remove the border just under the title when section is open */
.packages_accordion_item.packages_open {
  border-bottom: none;
}

.packages_accordion_button {
    width: 100%; 
    text-align: left; 
    padding: 12px 15px; 
    font-size: 18px; 
    background: #f9f9f9; 
    border: none; 
    cursor: pointer; 
    font-weight: bold; 
    height: 50px; /* Fixed height instead of min-height */
    box-sizing: border-box;
    line-height: 1.4; /* Explicit line height */
    vertical-align: top; /* Prevent baseline shifts */
    outline: none; /* Remove focus outline that might affect layout */
}

.packages_accordion_button:hover, 
.packages_accordion_button.packages_active {
    background: #E5D1E2;
    /* Ensure dimensions stay exactly the same */
    height: 50px;
    padding: 12px 15px;
    font-size: 18px;
    line-height: 1.4;
}

.packages_accordion_content {
    display: none; 
    padding: 15px; 
    background: #fff;
}

.packages_accordion_content.open {
    display: block;
}

/* Simplified package content styling */
.package_accordion_item_download {
    padding: 0;
    border: none;
}

.package_right_controls {
    text-align: left;
    width: 100%;
}

.package_controls {
    display: inline-block;
    color: #D13A8C;
    text-decoration: none;
    margin-bottom: 8px;
    line-height: 1.4;
    word-wrap: break-word;
    max-width: 100%;
}

.package_controls:hover {
    color: #DF2C46;
}

/* Main section headings in Store */
.account_h3.store-section {
    font-size: 20px;
    font-weight: bold;
    color: #D13A8C;
    border-bottom: 2px solid #E5D1E2;
    padding-bottom: 8px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.account_h3.store-section:first-of-type {
    margin-top: 0;
}

/* Main section headings in Store - more specific selectors */
.account_contentwrap .account_h3.store-section {
    font-size: 22px !important;
    font-weight: bold !important;
    color: #D13A8C !important;
    border-bottom: 2px solid #E5D1E2;
    padding-bottom: 8px;
    margin-bottom: 20px !important;
    margin-top: 30px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.account_contentwrap .account_h3.store-section:first-of-type {
    margin-top: 0 !important;
}

/* Override the downloads_h3_second class when used with store-section */
.account_h3.store-section.downloads_h3_second {
    margin-top: 30px !important;
}

/* Prevent focus from zeroing padding on package accordion titles */
.packages_accordion_button:focus,
.packages_accordion_button:focus-visible {
  /* Restore logical shorthands for cross-browser consistency */
  padding-block: 12px !important;
  padding-inline: 15px !important;

  /* Restore physical sides as a fallback */
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;

  outline: none; /* avoids any layout-affecting focus outline */
}