#category_left {width: 318px;}
.ordc {margin-top: 48px; margin-bottom: 48px;}



.catbodyc {margin-left: 368px;}
.catbodyc.registrace {margin-left: auto; margin-right: auto; display: flex; justify-content: center;}
.catbody {color: #02123A;  font-family: Axiforma; max-width: 952px; width: 100%;}
.catbody h1 {padding-bottom: 16px; font-size: 32px;}
.catbody .title1 {font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; padding-top: 12px;}
.catbody .title1.error {color: #C83F30; margin-bottom: 8px; padding-top: 0px;}
.catbody .title1.green {color: #00AA52; margin-bottom: 8px; padding-top: 0px;}
.catbody .title2 {margin-top: 20px;}

.catbody .form .formline {padding-top: 0px; margin-top: 8px; position: relative;} 
.catbody .form.user .formline {display: flex; flex-direction: column-reverse; flex-wrap: nowrap;}
.catbody .form.user .passwords .formline {max-width: 320px;}
.catbody .form .regright .formline {display: flex; flex-direction: row; flex-wrap: nowrap; margin-top: 16px;}
.catbody .form .alerterror {position: relative; top: 4px !important; /*display: none;*/ padding: 4px 8px; left: 0px; border-radius: 4px; background: #C83F30; margin-bottom: 4px; max-width: 326px;}
.catbody .form .alerterror .icon {background: url(/images/user/exclamation.svg) no-repeat center; width: 12px; height: 12px; margin-top: 2px;}
.catbody .form .alerterror .desc { position: relative; padding: 0px; color: white; font-size: 12px; text-align: left; line-height: 16px; margin-left: 16px;}
.catbody .form .label {overflow: hidden; color: #617089; text-overflow: ellipsis; white-space: nowrap; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; top: 16px; cursor: text;}
.catbody .form .label.disabled {color: #8296B6;}
.catbody .form .labeldouble {color: #617089; font-size: 14px;}
.catbody .form .label.disabled .labeldouble {color: #8296B6;}
.catbody .form .validationstar {color: #C83F30; margin-left: 0px; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; top: -2px; position: relative;}
.catbody .form .disabled .validationstar {color: #8296B6;}
.catbody .form .labela {top: 6px !important; left: 12px; font-size: 12px;}
.catbody .form .textinput {padding-top: 18px; border-radius: 8px; border: 1px solid #BEC7D9; background: white; max-width: 320px;}
.catbody .form .textinput:hover {border: 1px solid #EE7000;}
.catbody .form .textinput:disabled {border: 1px solid #BEC7D9; background: #F2F4F7 !important; color: #8296B6 !important; -webkit-appearance: none; appearance: none; opacity: 1 !important;}
.catbody .form .textinput:disabled:hover {border: 1px solid #BEC7D9;}
.catbody .form .error_input {margin-bottom: 0px;}
/*.catbody .form .alerterror .icon {display:none;}
.catbody .form .alerterror .desc {display:none;}*/
.catbody .form .alertok .icon {display:none;}
.catbody .form .alertok .desc {display:none;}
.catbody .form .checkcon {margin-top: 24px;}
.catbody .form .ordbox {display:none;}
.catbody .form .row {display: flex; width: 100%;}

.catbody .form .row .ordbuttonc {display: flex; width: 100%; justify-content: flex-end;}
.catbody .form .row .ordbuttonc.lft {justify-content: flex-start; margin-left: 0px; margin-top: 16px;}
.catbody .form .row .ordbutton {max-width: 200px; height: 48px; border-radius: 100px; background: #EE7000; box-shadow: 0px 2px 4px 0px rgba(17, 21, 28, 0.25); color: #FFF; text-align: center; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; width: 100%;}
.catbody .form .row .ordbutton:hover {background-color: #C74E00;}
.catbody .form .row .ordbuttonc.lft .ordbutton {padding: 15px;}

.catbody .form .na_miru {display: flex; padding: 20px; flex-direction: column; align-items: flex-start; border-radius: 8px; background: #FEF4CC; margin-top: 12px; margin-bottom: 12px;}
.catbody .form .na_miru .row .icon {width: 26px; height: 26px; padding: 8px; background: url(/images/user/mail.svg) no-repeat no-repeat center center white; border-radius: 300px;}
.catbody .form .na_miru .row .title {margin-left: 8px; color: #000; font-size: 16px; font-style: normal; font-weight: 700; line-height: 22px; display: flex; align-items: center;}
.catbody .form .na_miru .row .text {margin-top: 8px; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px;}
.catbody .form .na_miru .row .checkcon {margin: 16px 0px;}
.catbody .form .na_miru .row .lnk {display: flex; justify-content: center; width: 100%;}
.catbody .form .na_miru .row a {color: #02123A; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;} 

.catbody .form .na_miru.checked {background: white; padding: 0px; margin-top: 12px; margin-bottom: 12px;}
.catbody .form .na_miru.checked .row.r1, .catbody .form .na_miru.checked .row.r2 {display: none;}
.catbody .form .na_miru.checked .row .checkcon {margin: 8px 0px;}  
.catbody .form .na_miru.checked .row .lnk {justify-content: left;}
.catbody .form.user .na_miru .formline {display: none;}

.catbody .form .passwords {margin-bottom: 12px;}

#fake_chat {display: none !important;}
.naviscc {display: none;}
#supportBox-iframe {display: none !important;}

/*left menu*/
.lmlink {border-left: 1px solid #BEC7D9 !important; border-right: 1px solid #BEC7D9 !important;}
.lmlinkfirst {border-top-left-radius: 8px; border-top-right-radius: 8px; border-top: 1px solid #BEC7D9;}
.lmlinklast {border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; border-bottom: 1px solid #BEC7D9 !important;}
.lmdesc {margin-left: 16px !important; display: flex; align-items: center;}
.lmdesc .kredity {background: #C83F30; border-radius: 100px; color: white; font-family: Axiforma; font-size: 10px; font-style: normal; font-weight: 700; line-height: 10px; padding: 3px 4px 4px; height: 8px; display: flex; width: fit-content; margin-left: 8px;}
.catbody .top_menu .kredity {background: #C83F30; border-radius: 100px; color: white; font-family: Axiforma; font-size: 10px; font-style: normal; font-weight: 700; line-height: 10px; padding: 3px 4px 4px; height: 8px; display: inline-block; width: fit-content; margin-left: 8px; top: -2px; position: relative;} 
.lmlink.active {border-left: 4px solid #EE7000 !important; background: #F8F9FB; /*pointer-events: none !important;*/}
.lmlink.active:hover {color: #02123A; cursor: default !important;  }
.lmlink.active .lmdesc {margin-left: 13px !important;}

@media (max-width: 940px) 
{
    .ordc {margin-top: 32px; margin-bottom: 32px;}
    .catbody h1 {font-size: 29px;}
    .catbody .title1 {padding-top: 16px;}
    .catbody .form .na_miru {margin-top: 8px; margin-bottom: 8px;}
    .catbody .title2 {margin-top: 52px;}
    #category_left {display: none;}
    .catbodyc {margin-left: 0px;}
}

@media (max-width: 549px) 
{
    .catbody .title1 {padding-top: 12px; padding-top: 8px;}
    .catbody .form .na_miru {margin-top: 16px; margin-bottom: 16px;}
    .catbody .title2 {margin-top: 24px;}
    .catbody .form .passwords {margin-bottom: 16px;}
    .catbody .form .row .ordbutton {max-width: 100%;}
    .catbody h1 {font-size: 25px;}
}

/*registrace*/

.checkbox {margin-top: 1px;}
.catbody .form .regboth {display: flex; width: 100%; flex-direction: row;}
.catbody .form .regleft {display: flex; width: 50%; margin-right: 32px; box-sizing: content-box; flex-direction: column;}
.catbody .form .regleft form {width: 100%;}
.catbody .form .regleft .textinput {max-width: 100%;}
.catbody .form .regleft .alerterror {max-width: 100%;}
.catbody .form .regleft .checkcon {margin-top: 16px;}
.catbody .form .regleft .ordbutton {max-width: 100%;}
.catbody .form .regleft .checkdesc {color: #02123A; font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px;}
.catbody .form .regleft .star {color: #C83F30;}
.catbody .form .regleft .alert_agree {display: none; color: white; font-size: 12px; font-style: normal; font-weight: 400; background: url(/images/user/exclamation.svg) no-repeat 8px center #C83F30; border-radius: 3px; padding: 0px 8px 0px 24px;}

.catbody .form .regright {padding: 48px 24px; display: flex; background: url(/images/user/oblouk_blue.svg) no-repeat #EAF5FE; flex-direction: column; width: 50%; margin-right: 0px; height: fit-content; border-radius: 8px; box-sizing: border-box; margin-left: 32px;}
.catbody .form .formline.first {margin-top: 0px !important;}
.catbody .form .regright .nemate {color: #003B66; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; text-transform: uppercase;}
.catbody .form .regright .zalozte {color: #003B66; font-size: 22px; font-style: normal; font-weight: 700; line-height: 34px;}
.catbody .form .regright .form_line.formline {text-align: left; display: flex;}
.catbody .form .regright .form_line.formline .desc {color: #003B66; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; min-width: calc(100% - 24px); padding-left: 8px;}
.catbody .form .regright .form_line.formline .icon {background: url(/images/user/check_circle_blue.svg) no-repeat no-repeat center center #EAF5FE; min-width: 16px; height: 16px;}
.catbody .form .regright .form_line.formline.reg {flex-wrap: wrap;}

.catbody .form .regbothend {display: flex; flex-direction: column; margin: 64px 0px 104px 0px;}
.catbody .form .regbothend .row {justify-content: center; flex-direction: column; align-items: center;}
.catbody .form .regbothend .row.row1 .ico {background: url(/images/user/mail_blue.svg) no-repeat center #EAF5FE; border-radius: 1000px; width: 64px; height: 64px;}
.catbody .form .regbothend .row.row2 {color #02123A; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; text-transform: uppercase; margin-top: 8px;}
.catbody .form .regbothend .row.row3 {color: #02123A; text-align: center; font-size: 25px; font-style: normal; font-weight: 700; line-height: 32px; margin-top: 8px;}
.catbody .form .regbothend .row.row4 {color: #617089; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; margin-top: 16px; margin-bottom: 16px;}
.catbody .form .regbothend .row.row4 strong {font-weight: 700;}
.catbody .form .regbothend .row.row5 {margin-bottom: 16px;}
.catbody .form .regbothend .row.row6 {}
.catbody .form .regbothend .buttonwhite {color:#02123A; background: white; border: 1px solid #02123A; border-radius: 100px; padding: 3px 20px;}

.catbody .headlabel {display: flex; position: relative; top: 0px; padding: 16px 12px 16px 36px; border-radius: 8px; font-size: 12px; font-style: normal; font-weight: 400; line-height: 14px; width: 100%; max-width: 100%; z-index: 11; width: 100%; margin-bottom: 16px; box-sizing: border-box; 
                    transition: transform 0.5s ease, opacity 0.5s ease, margin 0.5s ease;}
.catbody .headlabel.green {border: 1px solid #95F4AF; background: url(/images/user/head_label_ok.svg) no-repeat 12px center #E4F9E9; color: #00813D;}
.catbody .headlabel.red {border: 1px solid #FED7D5; background: url(/images/user/head_label_ko.svg) no-repeat 12px center #FEF0F0; color: #C83F30;}
.catbody .headlabel.warning {border: 1px solid #FCDC9E; background: url(/images/user/head_label_warning.svg) no-repeat 12px center #FEF4CC; color: #936714;}
.catbody .headlabel.warning.reg {position: relative; top: 0px; margin-bottom: 8px; width: 100%; max-width: 100%; display: block; box-sizing: border-box;}
.catbody .headlabel.hide {opacity: 0; transform: translateY(-200%); margin-bottom: -50px; }
.catbody .top_menu {display: none;}
.catbody .top_menu .select {max-width: none;}

.registrace .catbody .form.user .formline {margin-top: 16px;}
.registrace .form .formline.socials {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
.registrace .form .social {display: flex; padding: 16px 8px; background: #F2F4F7; border-radius: 4px; flex-wrap: wrap; width: calc(33% - 24px); margin-right: 0px; justify-content: center;}
.registrace .form .social:last-child {margin-right: 0px;}
.registrace .form .social .icon {margin-bottom: 4px; width: 100%; height: 24px;}
.registrace .form .social .icon.fb {background: url(/images/user/fb.svg) no-repeat no-repeat center center transparent; }
.registrace .form .social .icon.google {background: url(/images/user/google.svg) no-repeat no-repeat center center transparent; }
.registrace .form .social .icon.seznam {background: url(/images/user/seznam.svg) no-repeat no-repeat center center transparent; }
.registrace .form .social .desc {text-align: center;}
.registrace .form .social a {color: #617089; text-align: center; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px;}

.selectlink {box-shadow: none; border-radius: 8px; height: 48px; border: 1px solid #BEC7D9; padding-top: 6px;}
.selectlink:hover {border-color: #EE7000;}
.selectdesc {font-size: 14px; margin-left: 12px; color: #02123A;}
.selectarrc {width: 37px; background-color: white; }
.selectarr {margin-top: 16px; background: url(/images/ds/arrow_down_orange.svg) white no-repeat center center; width: 14px; height: 14px; background-size: 14px;}
.select .selectlink:hover .selectarr, .select .selectlinka span.selectarr {background: url(/images/ds/arrow_down_white.svg) #EE7000 no-repeat center center; width: 14px; height: 14px; background-size: 14px;}
.selectoptsc {border-radius: 8px; border: 1px solid #BEC7D9 !important; box-shadow: none;}
.selectopt {padding: 13px 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.selectoptdesc {font-size: 14px; color: #02123A; text-decoration: underline;}
.selectopta, .selectopt:hover {background-color: rgba(0, 0, 0, 0.05); border-left: 3px solid #EE7000 !important; text-decoration: none !important;}
.selectopt:hover .selectoptdesc {color: #02123A; text-decoration: none;}
.selectopta .selectoptdesc {text-decoration: none;}

.popupc {border-radius: 8px; margin: 16px; top: 0px !important;}
.popup {border-radius: 8px; }
.popcloseicon {background: url(/images/user/close_gray.svg) no-repeat center; background-size: 16px 16px;}

@media (max-width: 1500px) 
{

}

@media (max-width: 940px) 
{
    .ordc {margin-top: 18px;}
    .catbody .top_menu {display: block; margin-bottom: 32px;}
}

@media (max-width: 760px) 
{
    .catbodyc {margin-left: 0px !important;}
    .catbody .form .regboth {flex-direction: column;}
    .catbody .form .regleft {width: 100%;}
    .catbody .form .regright {width: calc(100%); margin-top: 32px; margin-left: 0px;}
    .catbody .form .regbothend {width: 100%; margin-top: 32px;}
    .registrace .catbody {width: 100%;}
}

@media (max-width: 759px) 
{
    .catbody .form .regbothend .row.row3 {font-size: 22px;}
    .buttonwhite {width: 100%;}
    /*.catbody .top_menu {display: none;}*/
}

@media (max-width: 800px) 
{
    .catbody .form.user .passwords .formline {max-width: 100%;}
    .catbody .form .textinput {max-width: 100%;}
}

@media (max-width: 400px) 
{
    .form .textinput {font-size: 14px !important;}
}

/*************************************************/
/****orders*******/

.catbody .orders_empty {padding: 48px 0px;}
.catbody .orders_empty .row {padding-top: 8px; color: #617089; font-family: Axiforma; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
.catbody .orders_empty .row.first {padding-top: 0px;}
.catbody .orders_empty .row .img_cart {background: url(/images/user/cart.svg) no-repeat no-repeat bottom left white; background-size: 56px 56px; padding-top: 12px; padding-right: 12px; width: 56px;
                                        height: 56px; display: flex; flex-direction: row; justify-content: flex-end; position: relative; flex-wrap: nowrap;}
.catbody .orders_empty .row .img_cart .count {position: absolute; top: 0px; right: 0px; border: 2px solid #BEC7D9; border-radius: 32px; width: 28px; height: 28px; color: #BEC7D9; vertical-align: baseline;
                                                display: flex; justify-content: center; align-content: center; flex-direction: row; flex-wrap: wrap;}
.catbody .orders_empty .row a {color: #02123A; font-family: Axiforma; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration-line: underline;}                                                

.catbody .faq {display: flex; padding: 48px 0px 12px 0px; flex-direction: column; justify-content: center; align-items: center; align-self: stretch;}
.catbody .faq .row {display: flex; padding: 12px 8px; flex-direction: row; justify-content: flex-start; align-items: center; align-self: stretch; border-bottom: 1px solid #DBE0EA; background: #FFF; box-sizing: border-box; cursor: pointer;}
.catbody .faq .row.first {border-bottom: 1px solid white; padding: 0px;}
.catbody .faq .row.first .icon {background: url(/images/user/question.svg) no-repeat no-repeat center center #EAF5FE; box-sizing: border-box;
                                width: 44px; height: 44px; border-radius: 100px; display: flex; padding: 12px; align-items: center;}
.catbody .faq .row.first .title {margin-left: 8px; padding: 10px 0px; color: #02123A); font-family: Axiforma; font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px;}
.catbody .faq .row.hidden {display: none;}
.catbody .faq .row .question {color: #02123A; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; display: flex; /*padding: 7px 0px;*/ flex: 1;}
.catbody .faq .row:hover .question {color: #B45400; text-decoration-line: underline;} 
.catbody .faq .row .arrow {width: 32px; height: 32px; display: flex; background: url(/images/user/arrow_down_orange.svg) no-repeat no-repeat center center transparent; transition: all 0.2s linear;}
.catbody .faq .row .arrow.arrowa {transform: rotate(180deg);}
.catbody .faq .row:hover .arrow {border-radius: 100px; background: url(/images/arrow_orange_hover_suppwannabe.svg) no-repeat center center #FFD7CC;}
.catbody .faq .row .answer {color: #02123A; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: normal; line-height: 18px;}
.catbody .faq .row.last {padding: 16px 0px 0px; justify-content: center; border-bottom: 1px solid white;}
.catbody .faq .row.aktivni {background: #F8F9FB; padding-left: 16px; padding-bottom: 4px; border-bottom: 1px solid #F8F9FB;}
.catbody .faq .row.row2 {font-weight: 400; background: #F8F9FB; padding-left: 16px; padding-top: 0px;}
.catbody .row .but {display: flex; width: 100%; justify-content: center;}
.catbody .row .but a {border-radius: 100px !important; padding: 8px 12px; vertical-align: middle; height: fit-content !important; width: fit-content !important; font-size: 14px !important;
                            right: 4px !important; background: #02123A !important; border: 1px solid #02123A; color: #FFF !important; text-decoration: none; right: 0px !important;}
.catbody .row .but a.white { border: 1px solid #02123A !important; background: white !important; color: #02123A !important;}
.catbody .row .but a.next {font-family: Axiforma; font-style: normal; font-weight: 700; line-height: 18px; padding: 10px 44px 10px 20px; position: relative; text-align: center;}
.catbody .row .but a.next::after {display: flex; background: url(/images/user/arrow_down_black.svg) no-repeat no-repeat center center white; width: 16px; height: 16px; 
                                        right: 20px; top: 9px; content: ""; position: absolute; background-size: 16px 16px; }
.catbody .row .but a.next:hover {background: #02123A !important; color: white !important; }
.catbody .row .but a.next:hover::after {background: url(/images/user/arrow_down_white.svg) no-repeat no-repeat center center transparent !important; background-size: 16px 16px !important; }                                                                   
.catbody .order_block_top {display: flex; padding: 0px; border-radius: 8px; border: 1px solid #BEC7D9; margin-bottom: 16px; flex-direction: column;}
.catbody .order_block_top.last {margin-bottom: 0px;}
.catbody .order_block {display: flex; padding: 20px 20px 0px 20px; background: #FFF; margin-bottom: 0px; flex-direction: column; border-radius: 8px; border: 0px solid #BEC7D9; flex: 1;}
.catbody .order_block .row {padding: 0px; flex-direction: row; width: 100%; }
.catbody .order_block .row .order_number {height: 28px; color: #02123A; font-family: Axiforma; font-size: 16px; font-style: normal; font-weight: 700; line-height: 28px; width: 50%;}
.catbody .order_block .row .order_number a {text-decoration: none;}
.catbody .order_block .row .link_order_detail {height: 28px; width: 50%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.catbody .order_block .row .link_order_detail a {color: #02123A; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px;  text-decoration-line: underline;}
.catbody .order_block .row .link_order_detail a:hover {color: #EE7000; }
.catbody .order_block .row .order_date {color: #617089; font-family: Axiforma; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px;}
.catbody .order_block .row .order_detail {display: flex; padding: 16px 0px; flex-direction: row; width: 100%; border-top: 1px solid #DBE0EA; margin-top: 16px;}
.catbody .order_block .row .order_detail.first {border-top: 0px solid #DBE0EA; margin-top: 0px;}
.catbody .order_block .row .order_detail .order_img {width: 96px; padding: 0px; display: flex; flex-direction: row;}
.catbody .order_block .row .order_detail .order_img .item_name {display: none;}
.catbody .order_block .row .order_detail .order_img .item_name a {color: #02123A; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; }
.catbody .order_block .row .order_detail .order_img .item_name a:hover {color: #EE7000; }
.catbody .order_block .row .order_detail .order_img .img {max-width: 96px !important; padding: 0px; max-height: 150px;}
.catbody .order_block .row .order_detail .order_img .img img {max-width: 96px; padding: 0px; max-height: 150px; border-radius: 4px;}
.catbody .order_block .row .order_detail .order_download {width: 186px; padding: 0px;}
.catbody .order_block .row .order_detail>.item_row_code {display: none;} 
.catbody .order_block .row .order_detail_rows {display: flex; padding: 0px 16px; flex-direction: column; flex: 1;}
.catbody .order_block .row .order_detail_rows .item_row {display: flex; flex-direction: row; width: 100%;}
.catbody .order_block .row .order_detail_rows .item_row .item_name_status_date {display: flex; flex-direction: column; flex: 1;}
.catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_name {padding-bottom: 8px;}
.catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_name a {color: #02123A; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; text-decoration-line: underline;}
.catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_name a:hover {color: #EE7000; }
.catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date {display: flex; flex-direction: row;}
.catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_status {padding: 3px 8px 3px 20px; border-radius: 100px; 
                                            font-family: Axiforma; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; position: relative;}
.catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_status.aktivni {color: #00602B; border: 1px solid #95F4AF; background: #E4F9E9;}
.catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_status.neaktivni {color: #992A1C; border: 1px solid #FED7D5; background: #FEF0F0;}
.catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_status::before {content: ""; width: 8px; height: 8px; position: absolute; left: 8px; top: 7px; border-radius: 20px; background: black; }
.catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_status.aktivni::before {background: #00602B;}
.catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_status.neaktivni::before {background: #C83F30;}
.catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_date {color: #00813D; font-family: Axiforma; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px;
                                            padding-left: 8px; display: flex; align-items: center;}
.catbody .order_block .row .order_detail_rows .item_row .item_price {width: max-content; display: flex; align-items: center; justify-content: flex-end; color: #02123A; font-family: Axiforma;
                                            font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; padding-left: 8px;}                                                                                   

.catbody .order_block .row .order_detail_rows .item_row.state {padding: 0px 0px 12px;}
.catbody .order_block .row .order_detail_rows .item_row.state.neaktivni {padding: 0px;}
.catbody .order_block .row .item_row_code {padding: 0px 0px 12px;}
.catbody .order_block .row .item_row_code .item_code {padding: 8px; display: flex; border-radius: 4px; background: #FEF4CC; color: #6D4C0C; font-family: Axiforma;
                                            font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; width: fit-content; box-sizing: border-box; position: relative; padding-left: 30px; }
.catbody .order_block .row .item_row_code .item_code::before {display: flex; background: url(/images/user/order_code.svg) no-repeat no-repeat center center #FEF4CC; width: 12px; height: 12px; 
                                        left: 12px; top: 9px; content: ""; position: absolute; background-size: 12px 12px; }
.catbody .order_block .row .item_row_code .item_code .code {font-weight: 700; padding-left: 4px; display: flex; align-items: center;}
.catbody .order_block .row .order_detail_rows .gift_title {color: #617089; font-family: Axiforma; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; margin-bottom: 4px;}
.catbody .order_block .row .order_detail_rows .gift {display: flex; flex-direction: row; width: 100%; margin-bottom: 8px;}
.catbody .order_block .row .order_detail_rows .gift .gift_img {width: 40px; height: 32px;}
.catbody .order_block .row .order_detail_rows .gift .gift_img img {width: 40px; height: 32px;}
.catbody .order_block .row .order_detail_rows .gift .gift_name {padding: 0px 8px; display: flex; color: #1B1B1B; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; 
                                                    line-height: 18px; align-items: center; justify-content: flex-start; flex: 1;}
.catbody .order_block .row .order_detail_rows .gift.service .gift_name {padding: 0px 12px 0px 0px;}                                                                                                
.catbody .order_block .row .order_detail_rows .gift .gift_price {width: max-content; display: flex; align-items: center; justify-content: flex-end; color: #1B1B1B; text-align: right;
                                                    font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; padding-left: 8px;}
.catbody .order_block_bottom {display: flex; flex-direction: row; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 16px; background: #F2F4F7; border-top: 1px solid #DBE0EA;}
.catbody .order_block_bottom .celkem_title {color: #617089; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; display: flex; 
                                            justify-content: flex-end; padding-right: 8px; box-sizing: border-box; flex: 1;}
.catbody .order_block_bottom .celkem_cena {color: #1B1B1B; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; width: 292px; display: flex;
                                            justify-content: flex-end; padding-right: 206px; box-sizing: border-box;}
.catbody .row .but a.download {background: #EE7000 !important; color: white; border: 1px solid  #EE7000 !important; font-size: 14px; padding: 9px 20px 9px 30px; text-align: center; white-space: nowrap; position: relative; font-weight: 700;}
.catbody .row .but a.download::before {display: flex; background: url(/images/user/download_file.svg) no-repeat no-repeat center center transparent; width: 16px; height: 16px; 
                                        left: 12px; top: 9px; content: ""; position: absolute; background-size: 16px 16px; }
.catbody .row .but a.download:hover {background: #B45400 !important; border: 1px solid #B45400 !important; }                                         


.catbody .counter {display: flex; flex-direction: row; justify-content: center; width: 100%;}
.catbody .counter .page_numer {color: #02123A; text-align: center; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 8px; margin: 0px 4px;
                                width: 28px; height: 28px; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.catbody .counter .page_numer.active {text-decoration: none; border-radius: 100px; border: 1px solid #BEC7D9 !important; background: white !important; color: #02123A !important; cursor: default; }
.catbody .counter .page_numer.prev {text-decoration: none; border-radius: 100px; border: 1px solid #02123A; background: #02123A; color: white;}
.catbody .counter .page_numer.next {text-decoration: none; border-radius: 100px; border: 1px solid #02123A; background: #02123A; color: white;}
.catbody .counter .page_numer:hover {color: #B45400; }
.catbody .counter .page_numer.next:hover {background: #B45400; border: 1px solid #B45400; color:white;}
.catbody .counter .page_numer.prev:hover {background: #B45400; border: 1px solid #B45400; color:white;}
.catbody .counter .page_numer.active:hover {background: #B45400; border: 1px solid #B45400; color:white;}

.catbody .order_block.detail {/*border-bottom: 1px solid #BEC7D9;*/ /*border-bottom-left-radius: 10px; border-bottom-right-radius: 0px;*/}
.catbody .order_block.detail .row .order_detail {padding: 0px; border-top: 0px solid white; margin-top: 0px; flex-direction: column;}
.catbody .order_block.detail .row .order_detail .order_img {width: 100%;}
.catbody .order_block.detail .row .order_detail .order_img .item_name {display: flex; flex: 1; align-items: center; padding: 0px 16px;}
.catbody .order_block.detail .row .order_detail .qrcode {width: 64px;}
.catbody .order_block.detail .row .order_detail .qrcode img {width: 64px;}
.catbody .order_block.detail .row .order_detail_rows {padding: 12px 0px;}
.catbody .order_gift {padding: 20px; display: flex; flex-direction: column; border-top: 1px solid #BEC7D9;}
.catbody .order_gift.voucher {border-bottom: 0px solid #BEC7D9;}
.catbody .order_gift .item_row {display: flex; flex-direction: row; width: 100%;}
.catbody .order_gift .item_row .gift_title {color: #617089; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; margin-bottom: 4px;}
.catbody .order_gift .item_row .gift {display: flex; flex-direction: row; width: 100%; margin-bottom: 8px;}
.catbody .order_gift .item_row .gift .gift_img {width: 40px; height: 32px;}
.catbody .order_gift .item_row .gift .gift_img img {width: 40px; height: 32px;}
.catbody .order_gift .item_row .gift .gift_name {padding: 0px 8px; display: flex; color: #1B1B1B; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px;
                                                    align-items: center; justify-content: flex-start; flex: 1;}
.catbody .order_gift .item_row .gift .gift_price {width: max-content; display: flex; align-items: center; justify-content: flex-end; color: #1B1B1B; text-align: right; font-family: Axiforma;
                                                font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; padding-left: 8px;}   
.catbody .order_block.detail .row .order_detail .order_download {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
.catbody .order_block.detail .row .order_detail .order_download .download {width: 186px !important; box-sizing: border-box; }
.catbody .order_block.detail .row .order_detail .order_download a {color: #02123A; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px;}
.catbody .order_block.detail .row .order_detail .order_download a:hover {color: #EE7000;}
.catbody .order_block.detail .row .order_detail .order_download .dwnld {margin-right: 16px;}
.catbody .order_block.detail .row .order_detail .order_download .reserv {margin-right: 16px; display: flex; align-items: center; white-space: nowrap; }
.catbody .order_block.detail .row .order_detail .order_download .vymen {margin-right: 16px; display: flex; align-items: center; white-space: nowrap; }
.catbody .order_block.detail .row .order_detail .order_download .prodl {margin-right: 16px; display: flex; align-items: center; white-space: nowrap; width: auto !important;}
.catbody .order_block.detail .row .order_detail .mobi {display: none;}                            

.catbody .order_info {padding: 20px; display: flex; flex-direction: column; border-top: 1px solid #BEC7D9; }
.catbody .order_info .row {margin-top: 16px; display: flex; flex-direction: column;}
.catbody .order_info .row:first-child {margin-top: 0px;}
.catbody .order_info .row .title {color: #617089; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px;}
.catbody .order_info .row .title2 {color: #617089; font-family: Axiforma; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; margin-top: 0px; 
                                    display: flex; align-items: center; margin-bottom: 4px;}
.catbody .order_info .row .value {color: #000; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; margin-left: 0px;}
.catbody .order_info .row .value.program {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}
.catbody .order_info .row .value.program.clamp {-webkit-line-clamp: 3;}
.catbody .order_info .toggle {color: #02123A; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; position: relative; width: max-content; display: flex; margin-top: 4px;}
.catbody .order_info .toggle:after {display: flex; background: url(/images/user/arrow_down_black.svg) no-repeat no-repeat center center white; width: 12px; height: 12px; 
                                        right: -18px; top: 5px; content: ""; position: absolute; background-size: 12px 12px; transition: all 0.2s linear;}
.catbody .order_info .toggle.open:after {transform: rotate(180deg);}                                        
.catbody .order_info .toggle:hover {color: #EE7000;}
.catbody .order_info .toggle:hover:after {background: url(/images/user/arrow_down_orange.svg) no-repeat no-repeat center center white;}                                        
.catbody .order_info .row .value a {color: #02123A; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px;}
.catbody .order_info .row .value a:hover {color: #EE7000;}
.catbody .order_info .row .value ul {list-style-position: inside;}
.catbody .order_info .row .title2 img {width: 16px; height: 16px; margin-right: 4px;}

.catbody .order_bottom_info {padding: 48px 0px 0px 0px; display: flex; flex-direction: column;}
.catbody .order_bottom_info .row {padding: 0px 0px 16px 0px; display: flex; flex-direction: column; width: 100%;}
.catbody .order_bottom_info .row:last-child {padding: 0px;}
.catbody .order_bottom_info .row .title {padding-bottom: 8px; color: #02123A; font-family: Axiforma; font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; border-bottom: 1px solid #DBE0EA;}
.catbody .order_bottom_info .row .title2 {color: #617089; font-family: Axiforma; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; margin-top: 0px;}
.catbody .order_bottom_info .row .title3 {color: #02123A; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; margin-top: 0px;}
.catbody .order_bottom_info .row .value {color: #02123A; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; margin-left: 0px; margin-top: 4px;}
.catbody .order_bottom_info .row .faadresa {color: #0073BE; font-family: Axiforma; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px;
                                            border-radius: 8px; border: 1px solid #C7E3FE; background: #EAF5FE; padding: 8px; display: flex; align-items: center;}
.catbody .order_bottom_info .row .faadresa img {width: 16px; height: 16px; margin-right: 8px;}                                           
.catbody .order_bottom_info .row.adr {padding: 0px 0px 8px 0px;}
.invisible {display: none !important;} 


/*.catbody .order_block.detail .row .order_detail span {border: 1px solid silver; }*/


@media (max-width: 1100px) 
{ 
    .catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date {flex-direction: column;}
    .catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_status{width: fit-content;}
    .catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_date {margin-top: 4px; margin-bottom: 4px; padding-left: 0px;}
    .catbody .order_block.detail .row .order_detail .order_download .dwnld {width: 100%; margin-bottom: 16px;}
    .catbody .order_block.detail .row .order_detail .order_download .dwnld .but {justify-content: left;}
    .catbody .order_block.detail .row .order_detail .order_download .reserv {width: 33%; justify-content: center; padding: 8px 0px;}
    .catbody .order_block.detail .row .order_detail .order_download .vymen {width: 33%; justify-content: center; padding: 8px 0px;}
    .catbody .order_block.detail .row .order_detail .order_download .prodl {width: 33% !important; justify-content: center; padding: 8px 0px;}
    .catbody .order_block.detail .row .order_detail_rows .item_row .item_name_status_date .item_status_date {flex-direction: row;}
    .catbody .order_block.detail .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_date {padding-left: 8px;}
}

@media (max-width: 940px) 
{                                                
    .catbody .orders_empty {padding: 48px 16px;}
    .catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date {flex-direction: row; }
    .catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_date {padding-left: 8px;}
    .catbody .order_block.detail .row .order_detail .order_download .dwnld {width: auto; margin-bottom: 0px;}
    .catbody .order_block.detail .row .order_detail .order_download .reserv {width: auto; padding-left: 16px;}
    .catbody .order_block.detail .row .order_detail .order_download .vymen {width: auto; padding-left: 16px;}
    .catbody .order_block.detail .row .order_detail .order_download .prodl {width: auto !important; padding-left: 16px;}
}       

@media (max-width: 760px) 
{
    .catbody .orders_empty {padding: 48px 0px;}
    .catbody .faq .row .but a.next {width: 100% !important;}
    .catbody .faq .row .but a.next::after {right: calc(50% - 62px);}
    .catbody .order_block.detail .dwnld {width: 100% !important; margin-bottom: 16px !important;}
    .catbody .order_block.detail .row .order_detail .order_download .download {width: 100% !important;}
    .catbody .order_block.detail .row .order_detail .order_download .reserv {width: 33%; justify-content: center; padding: 8px 0px;}
    .catbody .order_block.detail .row .order_detail .order_download .vymen {width: 33%; justify-content: center; padding: 8px 0px;}
    .catbody .order_block.detail .row .order_detail .order_download .prodl {width: 33% !important; justify-content: center; padding: 8px 0px;}
    .catbody .order_block.detail .row .order_detail .order_download a.download::before {left: calc(50% - 74px);}
    
}

@media (max-width: 679px) 
{
    .catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date {flex-direction: column;}
    .catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_date {padding-left: 0px;}
}

@media (max-width: 649px) 
{
    .catbody .order_block {padding: 16px;}
    .catbody .order_block .row.order_link {flex-direction: column; width: 100%; display: flex;}
    .catbody .order_block .row.order_link .order_number {width: 100%; height: unset; line-height: 22px;}
    .catbody .order_block .row.order_link .link_order_detail {width: 100%; justify-content: flex-start; height: unset; margin: 8px 0px; line-height: 22px;}
    .catbody .order_block .row .order_detail {flex-direction: column; padding-bottom: 0px;}
    .catbody .order_block .row .order_detail .order_img {width: 100%; margin-bottom: 12px;}
    .catbody .order_block .row .order_detail .order_img .img {max-width: 85px !important; padding: 0px; max-height: 150px;}
    .catbody .order_block .row .order_detail .order_img .item_name {display:flex; flex: 1; padding-left: 16px; align-items: center;}
    /*.catbody .order_block .row .order_detail .order_download {display: none;}
    .catbody .order_block .row .order_detail .order_img {display: none;}*/
    .catbody .order_block .row .order_detail_rows {padding: 0px;}
    .catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_name {display: none;}
    .catbody .order_block .row .order_detail_rows .item_row_code {display: none;}
    .catbody .order_block .row .order_detail>.item_row_code {display: flex;} 
    .catbody .order_block .row .order_detail .order_download {width: 100%;}
    .catbody .row .but a.download {width: 100% !important;}
    .catbody .order_block_bottom .celkem_cena {padding-right: 0px; width: auto; }
    .catbody .order_block_bottom .celkem_title {justify-content: flex-start;}
    .catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date {flex-direction: row;}
    .catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_date {padding-left: 8px;}
    .catbody .order_block.detail .row .order_detail_rows .item_row_code {display: block;}
    .catbody .order_block.detail {padding: 16px 16px 0px 16px;}
    .catbody .order_gift {padding: 16px;}
    .catbody .order_bottom_info {padding: 32px 0px 0px 0px;}
    .catbody .row .but a.download::before {left: calc(50% - 74px);}
}

@media (max-width: 480px) 
{
    .catbody .order_block.detail .row .order_detail .order_download .reserv {width: 100%;}
    .catbody .order_block.detail .row .order_detail .order_download .vymen {width: 100%;}
    .catbody .order_block.detail .row .order_detail .order_download .prodl {width: 100% !important; justify-content: center;}
    .catbody .order_block.detail .row .order_detail .qrcode {display: none;}
    .catbody .order_block.detail .row .order_detail .order_img .item_name {padding-right: 0px;}
    .catbody .order_block.detail .row .order_detail .mobi {display: flex; justify-content: center;}
    .catbody .order_block.detail .row .order_detail .mobi .qrcode {display: flex;}
    .catbody .order_block.detail .row .order_detail .order_download {margin-top: 12px;}
    .catbody .order_block .row .item_row_code .item_code {width: 100%; justify-content: space-between}
}

@media (max-width: 400px) 
{
    .catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date {flex-direction: column;}
    .catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_date {padding-left: 0px; margin-top: 4px; margin-bottom: 4px; }
    .catbody .order_block .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_status {width: max-content; }
    .catbody .order_block.detail .row .order_detail_rows .item_row .item_name_status_date .item_status_date {flex-direction: column;}
    .catbody .order_block.detail .row .order_detail_rows .item_row .item_name_status_date .item_status_date .item_date {padding-left: 0px; margin-top: 4px; margin-bottom: 4px;}
}
      
@media (max-width: 290px) 
{
    .catbody .order_block .row .order_detail_rows .gift .gift_name {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  max-width: 170px;}

}                 

/*************************************************/
/****credits****/

.catbody .credits_summary { display: flex; background: #EAF5FE; border-radius: 8px; border: 1px solid #C7E3FE; padding: 16px; flex-direction: column; }
.catbody .credits_summary .row { display: flex; flex-direction: column; flex-direction: row; } 
.catbody .credits_summary .row2 { display: flex; flex-direction: column; flex-direction: column; }
.catbody .credits_summary .pt8 { padding-top: 8px; }
.catbody .credits_summary .icon { background: url(/images/user/credits_count.svg) no-repeat center center; width: 32px; height: 32px; padding-right: 12px; }
.catbody .credits_summary .actual {color: #0073BE; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; }
.catbody .credits_summary .numbers .num {color: #02123A; font-size: 25px; font-style: normal; font-weight: 700; line-height: 34px; }
.catbody .credits_summary .numbers .credits {color: #02123A; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; padding-left: 4px; padding-right: 4px; }
.catbody .credits_summary .numbers .calc { color: #0073BE; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; }
.catbody .credits_summary .icon_how { background: url(/images/user/credits_how.svg) no-repeat left center; width: 12px; padding-right: 4px; }
.catbody .credits_summary .title { color: #02123A; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration-line: underline; }

.catbody .credits_add { margin-top: 32px; }
.catbody .credits_add>.row>.title { color: #02123A; font-family: Axiforma; font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; margin-bottom: 12px; }
.catbody .credits_add .row.credits { flex-direction: row; } 
.catbody .credits_add .credit_add { display: flex; width: calc(33%); padding: 20px; flex-direction: column; border: 1px solid #DBE0EA; border-radius: 8px; margin-right: 24px; box-sizing: border-box; }
.catbody .credits_add .credit_add:last-child {margin-right: 0px; }
.catbody .credits_add .credit_add .row {height: 100%;}
.catbody .credits_add .credit_add .row:first-child {height: auto;}
.catbody .credits_add .credit_add .row:last-child {height: 40px;}
.catbody .credits_add .credit_add .icon {width: 44px; height: 44px; border-radius: 100px; background: #FFF1ED; }
.catbody .credits_add .credit_add .icon.benefit {background-size: 20px; background: url(/images/user/credits_benefit.svg) no-repeat center center #FFF1ED; }
.catbody .credits_add .credit_add .icon.poukaz {background-size: 20px; background: url(/images/user/credits_poukaz.svg) no-repeat center center #FFF1ED; }
.catbody .credits_add .credit_add .icon.banka {background-size: 20px; background: url(/images/user/credits_banka.svg) no-repeat center center #FFF1ED; }
.catbody .credits_add .credit_add .title { display: flex; align-items: center; flex: 1; }
.catbody .credits_add .credit_add .title a { color: #02123A; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; margin-left: 8px; }
.catbody .credits_add .credit_add .title a:hover {color: #EE7000;}
.catbody .credits_add .credit_add .desc {color: #617089; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding-top: 12px; padding-bottom: 12px; }
.catbody .credits_add .credit_add .ordbuttonc.c {width: 100%; justify-content: center; margin-left: 0px; }
.catbody .credits_add .credit_add .buttongreen {width: 100%; line-height: 40px;}

.catbody .credits_history {margin-top: 48px; }
.catbody .credits_history .row .title { color: #02123A; font-family: Axiforma; font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; margin-bottom: 12px; }
.catbody .credits_history .history.empt { padding: 24px; background: #F8F9FB; border-radius: 8px; display: flex; flex-direction: column;}
.catbody .credits_history .history.empt .row {justify-content: center; border-top: 0px solid silver; padding: 0;}
.catbody .credits_history .history.empt .ico { display: flex; background: url(/images/user/credits_empty.svg) no-repeat center center; background-size: 24px; width:24px; height: 24px; }
.catbody .credits_history .history.empt .titl { color: #617089; text-align: center; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; margin-top: 8px; margin-bottom: 8px; }
.catbody .credits_history .history.empt .desc { color: #617089; text-align: center; font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } 
  
.catbody .credits_history .history { border-radius: 8px; overflow: hidden; padding: 0px 8px; background: #F8F9FB; }
.catbody .credits_history .history .row {display: flex; padding: 16px 8px; background: #F8F9FB; box-sizing: border-box; border-top: 1px solid #DBE0EA; }
.catbody .credits_history .history .row .price { width: 80px; display: flex; align-items: center; } 
.catbody .credits_history .history .row .price .pric { padding: 8px; text-align: center; font-family: Axiforma; font-size: 12px; font-style: normal; font-weight: 700; line-height: 16px; border-radius: 4px; }
.catbody .credits_history .history .row .price .pric.plus {background: #E4F9E9; color: #00813D;}
.catbody .credits_history .history .row .price .pric.minus {background: #FEF0F0; color: #C83F30;} 
.catbody .credits_history .history .row .content { display: flex; flex-direction: column; flex: 1; justify-content: center; }
.catbody .credits_history .history .row .content .top { font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; }
.catbody .credits_history .history .row .content .top .expiration {color: #617089; font-family: Axiforma; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; }
.catbody .credits_history .history .row .content .comment { font-family: Axiforma; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #617089; padding-top: 4px; }
.catbody .credits_history .history .row .date { font-family: Axiforma; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; color: #617089; width: 64px; text-align: right; }
.catbody .credits_history .history .row:nth-child(1) {border-top: 0px solid silver; }

.popup_credits_benefit, .popup_credits_poukaz, .popup_credits_online_prevod, .popup_how_used_credits, .popup_credits_exchange { max-width: 648px; /*width: 648px;*/ }
.popup_how_used_credits .popup {padding: 16px 0px !important;}
.popup_how_used_credits .poptext {display: inline-block;}

.popup_credits_exchange .popcreditbenefdetailitbody .container {padding-bottom: 40px;}
.popup_credits_exchange .popcreditbenefdetailitbody .row.info {background: white; border: 1px solid white; padding-left: 0px; margin-top: 16px; margin-bottom: 8px;}
.popup_credits_exchange .popcreditbenefdetailitbody .row.info .text {flex-direction: column; margin-left: 0px; color: #02123A; }
.popup_credits_exchange .popcreditbenefdetailitbody .row.info .text strong {margin-bottom: 4px;}
.popup_credits_exchange .popcreditbenefdetailitbody .validationform {display: flex; flex-direction: column; align-items: center; align-content: center; flex-wrap: wrap; border-radius: 12px; background: #F2F4F7;}
.popup_credits_exchange .popcreditbenefdetailitbody .row.form {justify-content: center; border-radius: 0px; padding-bottom: 0px; background: transparent; }
.popup_credits_exchange .popcreditbenefdetailitbody .row.form .title {font-size: 14px; display: flex; flex-direction: column; align-items: center;}
.popup_credits_exchange .popcreditbenefdetailitbody .row.form .item {font-size: 12px;}
.popup_credits_exchange .popcreditbenefdetailitbody .row.form .formbuttonc .formbutton {min-width: 240px;}
.popup_credits_exchange .popcreditbenefdetailitbody .row.form.nechci {padding-bottom: 16px;}
.popup_credits_exchange .popcreditbenefdetailitbody .row.form.nechci a {font-size: 14px;}

@media (max-width: 940px) 
{
    .popup_credits_exchange .popcreditbenefdetailitbody .container {padding-bottom: 24px;}
}
@media (max-width: 520px) 
{
    .popup_credits_exchange .popcreditbenefdetailitbody .container {padding-bottom: 8px;}
}

@media (max-width: 350px) 
{
    .popup_credits_exchange .popcreditbenefdetailitbody .row.form .formbuttonc .formbutton {min-width: auto;}
}

@media (min-width: 941px) and (max-width: 1050px) 
{
    .catbody .credits_add .row.credits { flex-direction: column; }
    .catbody .credits_add .credit_add { width: 100%; margin-bottom: 8px; }
    .catbody .credits_add .credit_add .row:first-child {flex-direction: row;}
    .catbody .credits_history {margin-top: 24px; }
    .catbody .credits_history .history .row {flex-wrap: wrap;}
    .catbody .credits_history .history .row .price {order: 1;}
    .catbody .credits_history .history .row .date {order: 2; flex: 1;}
    .catbody .credits_history .history .row .content {flex-basis: 100%; order: 3; margin-top: 8px;}
}

@media (max-width: 730px) 
{
    .popup_credits_benefit, .popup_how_used_credits {left: 0px !important; width: calc(100% - 32px);}
    .popupcontent {padding-top: 0px;}
    .popup_how_used_credits .popupcontent {padding: 16px !important;}
    .popup_how_used_credits .poptitle .poptitledesc {font-size: 18px;}
}
 
@media (max-width: 690px) 
{ 
    .popup_credits_benefit, .popup_credits_poukaz, .popup_credits_online_prevod, .popup_how_used_credits { left: 0px !important; width: calc(100% - 32px);}
    
} 
  
@media (max-width: 649px) 
{
    .catbody .credits_add .row.credits { flex-direction: column; }
    .catbody .credits_add .credit_add { width: 100%; margin-bottom: 8px; }
    .catbody .credits_add .credit_add .row:first-child {flex-direction: row;}
    .catbody .credits_history {margin-top: 24px; } 
    .catbody .credits_history .history .row {flex-wrap: wrap;}
    .catbody .credits_history .history .row .price {order: 1;}
    .catbody .credits_history .history .row .date {order: 2; flex: 1;}
    .catbody .credits_history .history .row .content {flex-basis: 100%; order: 3; margin-top: 8px;}
}         

@media (max-width: 520px) 
{
    .popup_credits_online_prevod .popcreditbenefdetailitbody.online .container {padding: 12px 16px 0px;}
    .popup_credits_online_prevod .popcreditbenefdetailitbody.online .validationform {padding: 0px 16px 16px;}
}


@media (max-width: 350px) 
{
    .popup_credits_benefit, .popup_credits_poukaz, .popup_credits_online_prevod, .popup_how_used_credits {left: 0px !important; width: calc(100% - 32px);}
}