.titleH1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px
}

.titleH2 {
    font-size: 18px;
    font-weight: bold
}

.titleH3 {
    font-size: 16px;
    font-weight: bold
}

.titleH4 {
    font-size: 13px;
    font-weight: bold
}

.titleH5 {
    font-size: 15px
}

.cmpTitleH1,
.cmpTitleH1C {
    font-size: 18px;
    font-weight: bold
}

.cmpTitleH1C {
    text-align: center
}

.cmpTitleH2,
.cmpTitleH2B {
    font-size: 16px;
    font-weight: bold
}

.cmpTitleH2 {
    font-weight: normal
}

.cmpTitleH3,
.cmpTitleH3B {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold
}

.cmpTitleH3 {
    font-weight: normal
}

.cmpTitleH4 {
    font-size: 12px;
    line-height: 18px;
    font-weight: bold
}

.cmpTitleH5 {
    font-size: 14px !important;
    font-weight: bold
}

.uiW14 {
    width: 14px
}

.uiW25 {
    width: 25px
}

.uiW27 {
    width: 27px
}

.uiW40 {
    width: 40px
}

.uiW45 {
    width: 45px
}

.uiW55 {
    width: 55px
}

.uiW58 {
    width: 58px
}

.uiW60 {
    width: 60px
}

.uiW65 {
    width: 65px
}

.uiW69 {
    width: 69px
}

.uiW70 {
    width: 70px
}

.uiW71 {
    width: 71px
}

.uiW75 {
    width: 75px !important
}

.uiW80 {
    width: 80px
}

.uiW82 {
    width: 82px
}

.uiW85 {
    width: 85px
}

.uiW90 {
    width: 90px
}

.uiW94 {
    width: 94px
}

.uiW95 {
    width: 95px
}

.uiW99 {
    width: 99px
}

.uiW100 {
    width: 100px
}

.uiW104 {
    width: 104px
}

.uiW107 {
    width: 107px
}

.uiW110 {
    width: 110px
}

.uiW111 {
    width: 111px
}

.uiW115 {
    width: 115px
}

.uiW120 {
    width: 120px
}

.uiW125 {
    width: 125px
}

.uiW128 {
    width: 128px
}

.uiW130 {
    width: 130px
}

.uiW135 {
    width: 135px
}

.uiW137 {
    width: 137px
}

.uiW140 {
    width: 140px
}

.uiW145 {
    width: 145px
}

.uiW148 {
    width: 148px
}

.uiW149 {
    width: 149px
}

.uiW150 {
    width: 150px
}

.uiW155 {
    width: 155px
}

.uiW158 {
    width: 158px
}

.uiW159 {
    width: 159px
}

.uiW160 {
    width: 160px
}

.uiW165 {
    width: 165px
}

.uiW168 {
    width: 168px
}

.uiW170 {
    width: 170px
}

.uiW173 {
    width: 173px
}

.uiW175 {
    width: 175px
}

.uiW180 {
    width: 180px
}

.uiW185 {
    width: 185px
}

.uiW187 {
    width: 187px
}

.uiW188 {
    width: 188px
}

.uiW190 {
    width: 190px
}

.uiW195 {
    width: 195px
}

.uiW200 {
    width: 200px
}

.uiW210 {
    width: 210px
}

.uiW217 {
    width: 217px
}

.uiW218 {
    width: 218px
}

.uiW220 {
    width: 220px
}

.uiW230 {
    width: 230px
}

.uiW235 {
    width: 235px
}

.uiW239 {
    width: 239px
}

.uiW240 {
    width: 240px !important
}

.uiW250 {
    width: 250px
}

.uiW255 {
    width: 255px
}

.uiW270 {
    width: 270px
}

.uiW275 {
    width: 275px
}

.uiW280 {
    width: 280px !important
}

.uiW290 {
    width: 290px !important
}

.uiW295 {
    width: 295px
}

.uiW300 {
    width: 300px
}

.uiW315 {
    width: 315px !important
}

.uiW320 {
    width: 320px
}

.uiW325 {
    width: 325px
}

.uiW330 {
    width: 330px
}

.uiW338 {
    width: 338px
}

.uiW340 {
    width: 340px
}

.uiW345 {
    width: 345px
}

.uiW350 {
    width: 350px
}

.uiW358 {
    width: 358px
}

.uiW360 {
    width: 360px
}

.uiW370 {
    width: 370px
}

.uiMaxW100p {
    max-width: 100%
}

.uiMaxW370 {
    max-width: 370px
}

.uiMaxW420 {
    max-width: 420px
}

.uiMaxW98p {
    max-width: 98%
}

.uiW375 {
    width: 375px
}

.uiW380 {
    width: 380px
}

.uiW386 {
    width: 386px
}

.uiW390 {
    width: 390px
}

.uiW391 {
    width: 391px
}

.uiW395 {
    width: 395px
}

.uiW410 {
    width: 410px
}

.uiW420 {
    width: 420px
}

.uiW421 {
    width: 421px
}

.uiW438 {
    width: 438px
}

.uiW430 {
    width: 430px
}

.uiW445 {
    width: 445px
}

.uiW449 {
    width: 449px
}

.uiW450 {
    width: 450px
}

.uiW460 {
    width: 460px
}

.uiW470 {
    width: 470px
}

.uiW500 {
    width: 500px
}

.uiW510 {
    width: 510px
}

.uiW518 {
    width: 518px
}

.uiW520 {
    width: 520px
}

.uiW529 {
    width: 529px
}

.uiW540 {
    width: 540px
}

.uiW555 {
    width: 555px
}

.uiW560 {
    width: 560px
}

.uiW580 {
    width: 580px
}

.uiW600 {
    width: 600px
}

.uiW610 {
    width: 610px
}

.uiW618 {
    width: 618px
}

.uiW620 {
    width: 620px
}

.uiW630 {
    width: 630px
}

.uiW650 {
    width: 650px !important
}

.uiW655 {
    width: 655px !important
}

.uiW690 {
    width: 690px
}

.uiW700 {
    width: 700px
}

.uiW730 {
    width: 730px
}

.uiW740 {
    width: 740px
}

.uiW750 {
    width: 750px
}

.uiW760 {
    width: 760px
}

.uiW800 {
    width: 800px
}

.uiW100p {
    width: 100% !important
}

@media screen and (max-width:600px) {
    .mhtResponsive .uiW100pMobile {
        width: 100% !important
    }
}

@media screen and (min-width:600px) {
    .uiW100pDesktop {
        width: 100%
    }
}

.uiH13 {
    height: 13px
}

.uiH15 {
    height: 15px
}

.uiH20 {
    height: 20px
}

.uiH23 {
    height: 23px
}

.uiH30 {
    height: 30px
}

.uiH32 {
    height: 32px
}

.uiH60 {
    height: 60px
}

.uiH65 {
    height: 65px
}

.uiH75 {
    height: 75px
}

.uiH85 {
    height: 85px
}

.uiH90 {
    height: 90px
}

.uiH100 {
    height: 100px
}

.uiH110 {
    height: 110px
}

.uiH160 {
    height: 160px
}

.uiH170 {
    height: 170px
}

.uiH200 {
    height: 220px
}

.uiH220 {
    height: 220px
}

.uiHMin200 {
    min-height: 200px
}

.uiHMin250 {
    min-height: 250px
}

.uiHMin300 {
    min-height: 300px
}

.uiHMin350 {
    min-height: 350px
}

.uiW294H64 {
    width: 294px;
    height: 64px
}

.uiW356H50 {
    width: 356px;
    height: 50px
}

.uiW430H50 {
    width: 430px;
    height: 50px
}

.uiW550H76 {
    width: 550px;
    height: 76px
}

.uiW555H50 {
    width: 555px;
    height: 50px
}

.uiW600H76 {
    width: 550px;
    height: 76px
}

.uiW550H190 {
    width: 550px;
    height: 190px
}

.uiW576H195 {
    width: 576px;
    height: 195px
}

.uiMar0 {
    margin: 0
}

.uiMar10 {
    margin: 10px
}

.uiMarTopAuto {
    margin-top: auto
}

.uiMarTop3N {
    margin-top: -3px
}

.uiMarTop5N {
    margin-top: -5px
}

.uiMarTop7N {
    margin-top: -7px
}

.uiMarTop10N {
    margin-top: -10px
}

.uiMarTop0 {
    margin-top: 0 !important
}

.uiMarTop1 {
    margin-top: 1px
}

.uiMarTop2 {
    margin-top: 2px
}

.uiMarTop3 {
    margin-top: 3px
}

.uiMarTop4 {
    margin-top: 4px
}

.uiMarTop5 {
    margin-top: 5px
}

.uiMarTop6 {
    margin-top: 6px
}

.uiMarTop7 {
    margin-top: 7px
}

.uiMarTop8 {
    margin-top: 8px
}

.uiMarTop10 {
    margin-top: 10px
}

.uiMarTop11 {
    margin-top: 11px
}

.uiMarTop13 {
    margin-top: 13px
}

.uiMarTop15 {
    margin-top: 15px
}

.uiMarTop16 {
    margin-top: 16px
}

.uiMarTop18 {
    margin-top: 18px
}

.uiMarTop20 {
    margin-top: 20px
}

.uiMarTop22 {
    margin-top: 22px
}

.uiMarTop25 {
    margin-top: 25px
}

.uiMarTop30 {
    margin-top: 30px
}

.uiMarTop35 {
    margin-top: 35px
}

.uiMarRgh45N {
    margin-right: -45px
}

.uiMarRgh3 {
    margin-right: 3px
}

.uiMarRgh5 {
    margin-right: 5px
}

.uiMarRgh10 {
    margin-right: 10px
}

.uiMarRgh14 {
    margin-right: 14px
}

.uiMarRgh15 {
    margin-right: 15px
}

.uiMarRgh19 {
    margin-right: 19px
}

.uiMarRgh20 {
    margin-right: 20px
}

.uiMarRgh24 {
    margin-right: 24px
}

.uiMarRghAuto {
    margin-right: auto !important
}

.uiMarLft20N {
    margin-left: -20px
}

.uiMarLft3 {
    margin-left: 3px
}

.uiMarLft5 {
    margin-left: 5px
}

.uiMarLft7 {
    margin-left: 7px
}

.uiMarLft8 {
    margin-left: 8px
}

.uiMarLft10 {
    margin-left: 10px
}

.uiMarLft12 {
    margin-left: 12px
}

.uiMarLft20 {
    margin-left: 20px
}

.uiMarLft23 {
    margin-left: 23px
}

.uiMarLft25 {
    margin-left: 25px
}

.uiMarLft26 {
    margin-left: 26px
}

.uiMarLft40 {
    margin-left: 40px
}

.uiMarLft42 {
    margin-left: 42px
}

.uiMarLft55 {
    margin-left: 55px
}

.uiMarLft73 {
    margin-left: 73px
}

.uiMarLft95 {
    margin-left: 95px
}

.uiMarLft108 {
    margin-left: 108px
}

.uiMarLftAuto {
    margin-left: auto !important
}

@media screen and (max-width:600px) {
    .uiMarLftAutoMobile {
        margin-left: auto
    }
}

.uiMarBot0 {
    margin-bottom: 0
}

.uiMarBot3 {
    margin-bottom: 3px
}

.uiMarBot5 {
    margin-bottom: 5px
}

.uiMarBot6 {
    margin-bottom: 6px
}

.uiMarBot7 {
    margin-bottom: 7px
}

.uiMarBot8 {
    margin-bottom: 8px
}

.uiMarBot9 {
    margin-bottom: 9px
}

.uiMarBot10 {
    margin-bottom: 10px
}

.uiMarBot11 {
    margin-bottom: 11px
}

.uiMarBot15 {
    margin-bottom: 15px !important
}

.uiMarBot17 {
    margin-bottom: 17px
}

.uiMarBot20 {
    margin-bottom: 20px
}

.uiMarBot25 {
    margin-bottom: 25px
}

.uiMarBot30 {
    margin-bottom: 30px
}

.uiMarBot40 {
    margin-bottom: 40px
}

.uiMarBot60 {
    margin-bottom: 60px
}

.uiPad0 {
    padding: 0
}

.uiPad10 {
    padding: 10px
}

.uiPad15 {
    padding: 15px
}

.uiPad20 {
    padding: 20px
}

.uiPad24 {
    padding: 24px
}

.uiPadSides20 {
    padding-left: 20px;
    padding-right: 20px
}

.uiPadLft0 {
    padding-left: 0
}

.uiPadLft3 {
    padding-left: 3px
}

.uiPadLft5 {
    padding-left: 5px
}

.uiPadLft7 {
    padding-left: 7px
}

.uiPadLft8 {
    padding-left: 8px
}

.uiPadLft10 {
    padding-left: 10px !important
}

.uiPadLft12 {
    padding-left: 12px !important
}

.uiPadLft15 {
    padding-left: 15px
}

.uiPadLft20 {
    padding-left: 20px !important
}

.uiPadLft25 {
    padding-left: 25px !important
}

.uiPadLft30 {
    padding-left: 30px !important
}

.uiPadLft35 {
    padding-left: 35px !important
}

.uiPadLft40 {
    padding-left: 40px
}

.uiPadLft52 {
    padding-left: 52px !important
}

.uiPadLft100 {
    padding-left: 100px
}

.uiPadLft110 {
    padding-left: 110px
}

.uiPadLft117 {
    padding-left: 117px !important
}

.uiPadRgh0 {
    padding-right: 0
}

.uiPadRgh3 {
    padding-right: 5px
}

.uiPadRgh5 {
    padding-right: 5px
}

.uiPadRgh7 {
    padding-right: 7px
}

.uiPadRgh10 {
    padding-right: 10px
}

.uiPadRgh15 {
    padding-right: 15px
}

.uiPadRgh20 {
    padding-right: 20px
}

.uiPadRgh25 {
    padding-right: 25px
}

.uiPadRgh30 {
    padding-right: 30px !important
}

.uiPadRgh45 {
    padding-right: 45px !important
}

.uiPadTop0 {
    padding-top: 0
}

.uiPadTop2 {
    padding-top: 2px
}

.uiPadTop3 {
    padding-top: 3px !important
}

.uiPadTop4 {
    padding-top: 4px
}

.uiPadTop5 {
    padding-top: 5px
}

.uiPadTop6 {
    padding-top: 6px
}

.uiPadTop8 {
    padding-top: 8px
}

.uiPadTop10 {
    padding-top: 10px !important
}

.uiPadTop13 {
    padding-top: 13px
}

.uiPadTop14 {
    padding-top: 14px
}

.uiPadTop15 {
    padding-top: 15px
}

.uiPadTop18 {
    padding-top: 18px
}

.uiPadTop20 {
    padding-top: 20px
}

.uiPadTop23 {
    padding-top: 23px !important
}

.uiPadTop25 {
    padding-top: 25px
}

.uiPadTop28 {
    padding-top: 28px
}

.uiPadTop65 {
    padding-top: 65px
}

.uiPadBot0 {
    padding-bottom: 0 !important
}

.uiPadBot2 {
    padding-bottom: 2px
}

.uiPadBot3 {
    padding-bottom: 3px
}

.uiPadBot5 {
    padding-bottom: 5px
}

.uiPadBot8 {
    padding-bottom: 8px
}

.uiPadBot10 {
    padding-bottom: 10px
}

.uiPadBot8i {
    padding-bottom: 8px !important
}

.uiPadBot12 {
    padding-bottom: 12px
}

.uiPadBot13 {
    padding-bottom: 13px
}

.uiPadBot15 {
    padding-bottom: 15px
}

.uiPadBot18 {
    padding-bottom: 18px !important
}

.uiPadBot20 {
    padding-bottom: 20px
}

.uiPadBot25 {
    padding-bottom: 25px
}

.uiPadBot30 {
    padding-bottom: 30px !important
}

.uiPadBot70 {
    padding-bottom: 70px
}

.uiPadBot110 {
    padding-bottom: 110px
}

.uiPadBotWizard1 {
    padding-bottom: 25px
}

.uiPadLR40Mobile24 {
    padding-left: 40px;
    padding-right: 40px
}

@media screen and (max-width:600px) {
    .mhtResponsive .uiPadLR40Mobile24 {
        padding-left: 24px;
        padding-right: 24px
    }
}

.uiBorBot0 {
    border-bottom: 0 !important
}

.uiBorTop0 {
    border-top: 0 !important
}

.uiBorRgh0 {
    border-right: 0 !important
}

.uiBorTopLight {
    border-top: 1px solid #dadada
}

.uiBorBotLight {
    border-bottom: 1px solid #dadada
}

.uiFont11 {
    font-size: 11px
}

.uiFont12 {
    font-size: 12px
}

.uiFont13 {
    font-size: 13px !important
}

.uiFont14 {
    font-size: 14px !important
}

.uiFont15 {
    font-size: 15px
}

.uiFont16 {
    font-size: 16px
}

.uiFont17 {
    font-size: 17px
}

.uiFont18 {
    font-size: 18px
}

.uiFont19 {
    font-size: 19px
}

.uiFont21 {
    font-size: 21px !important
}

.uiFont30 {
    font-size: 30px !important
}

.uiLine8 {
    line-height: 8px
}

.uiLine14 {
    line-height: 14px
}

.uiLine15 {
    line-height: 15px
}

.uiLine16 {
    line-height: 16px
}

.uiLine20 {
    line-height: 20px
}

.uiLine22 {
    line-height: 22px
}

.uiLine28 {
    line-height: 28px
}

.uiLine30 {
    line-height: 30px
}

.uiLine38 {
    line-height: 38px
}

.uiLine45 {
    line-height: 45px
}

.uiLine50 {
    line-height: 50px
}

.uiLine60 {
    line-height: 60px
}

.uiUpperCase {
    text-transform: upper-case
}

.uiBoldNot {
    font-weight: normal !important
}

.uiBold {
    font-weight: bold
}

.uiBold .ui-button {
    font-weight: bold !important
}

.uiItalic {
    font-style: italic
}

.uiUnderline {
    text-decoration: underline
}

.uiHidden {
    visibility: hidden
}

.white {
    color: #fff
}

.gray {
    color: #666
}

.lightgray {
    color: #999
}

.green {
    color: #9c3
}

.dark-green {
    color: #6f9125 !important
}

.uiFontLight {
    color: #586877
}

.uiFontDark {
    color: #2a2a2a
}

.red {
    color: #df9999
}

.dark-red {
    color: #af0100
}

.uiPosRel {
    position: relative
}

.uiWrapNot {
    white-space: nowrap
}

.uiWrap {
    white-space: normal !important
}

.uiAlignLft {
    text-align: left
}

.uiAlignRgh {
    text-align: right
}

.uiAlignCenter {
    text-align: center
}

.uiOverHid {
    overflow: hidden
}

.uiValignTop {
    vertical-align: top
}

.uiValignMid {
    vertical-align: middle
}

.uiValignBot {
    vertical-align: bottom
}

.uiDispBlock {
    display: block
}

.uiDispNone {
    display: none
}

@media screen and (max-width:600px) {
    .mhtResponsive .uiDispNoneMobile {
        display: none
    }
}

@media screen and (min-width:600px) {
    .uiDispNoneDesktop {
        display: none
    }
}

.uiDispInblock {
    display: inline-block
}

.uiDispFlex {
    display: flex
}

.uiFlexCenter {
    display: flex;
    align-items: center
}

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

.uiFlexSpaceAround {
    display: flex;
    justify-content: space-around
}

.uiFlexWrap {
    display: flex;
    flex-wrap: wrap
}

.uiFlexWrapMobile {
    display: flex
}

@media screen and (max-width:600px) {
    .mhtResponsive .uiFlexWrapMobile {
        flex-wrap: wrap
    }
}

.uiFlexJustifyCenter {
    display: flex;
    justify-content: center
}

.uiFlexJustifyEnd {
    display: flex;
    justify-content: flex-end
}

.uiFloatNone {
    float: none !important
}

.uiFloatLft {
    float: left
}

.uiFloatRgh {
    float: right
}

.uiClearLft {
    clear: left
}

.uiClearRgh {
    clear: right
}

.uiClearBoth {
    clear: both
}

.uiClearOld {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0
}

.uiEllipsisFlex {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uiSoftEllipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.uiEllipsis {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-top: 1px
}

.uiEllipsis.cmpSelectText {
    padding-top: 0
}

.uiEllipsis.uiLetters8 {
    max-width: 8ex
}

.uiEllipsis.uiLetters10 {
    max-width: 10ex
}

.uiEllipsis.uiLetters15 {
    max-width: 15ex
}

.uiEllipsis.uiLetters20 {
    max-width: 20ex
}

.uiEllipsis.uiLetters30 {
    max-width: 30ex
}

.uiMarginCenter {
    margin-left: auto;
    margin-right: auto
}

.uiLineThrough {
    text-decoration: line-through
}

.cmpVerticalAlign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.whiteBackground {
    background-color: #fff !important
}

.cmpBox {
    position: relative;
    width: 100%;
    padding: 0
}

.cmpBoxInner {
    border: 1px solid #dadada;
    padding: 10px 17px
}

.cmpBoxLeft {
    border-left: 1px solid #dadada;
    padding: 10px 17px
}

.cmpBoxInnerRound {
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 10px 17px
}

.cmpBoxInnerRound.pad40 {
    padding: 32px 40px
}

.cmpBoxInnerRound.padTop0 {
    padding-top: 0
}

.cmpBoxInvisible {
    padding: 11px 18px
}

.cmpBoxInner .cmpTitleH5 {
    padding-bottom: 3px
}

.cmpBoxInner.uiPadRgh8 {
    padding-right: 8px
}

.cmpBoxInner.uiPadBot20 {
    padding-bottom: 20px
}

.cmpBoxInner.uiPadTop20 {
    padding-top: 20px
}

.cmpBoxInner.uiPadBot0 {
    padding-bottom: 0
}

.cmpBoxGray,
.cmpBoxGrayRound {
    border-color: #ebebeb;
    background: #ebebeb
}

.cmpBoxGrayRound {
    border-radius: 5px
}

.cmpBoxGray .cmpBoxInner {
    border: 0
}

.cmpBoxGrayRound .cmpBoxInner {
    border: 0
}

.cmpBoxRed .cmpBoxInnerRound,
.error .cmpBoxInner,
.error .cmpBoxInnerRound {
    border-color: #df9999;
    background: #ffebeb
}

.cmpBoxGreen,
.cmpBoxGreenRound {
    border-color: #ebebeb;
    background: #9c3
}

.cmpBoxGreenRound {
    border-radius: 5px
}

.cmpBoxGreenLight {
    background-color: #f1f7e3
}

.cmpBoxGreenLight .cmpBoxInnerRound {
    border: 1px solid #9c3;
    border-radius: 5px
}

.cmpBoxGreenLight2 {
    background-color: #f1f7e3;
    border: 1px solid #9c3;
    border-radius: 5px
}

.cmpBoxGreenLight2-expanded {
    background-color: #fff;
    border: 1px solid #9c3;
    border-radius: 5px
}

.cmpBoxWarning {
    padding: 6px 6px 6px 36px;
    background-color: #ffebeb;
    border: 1px solid #df9999;
    border-radius: 5px;
    position: relative;
    float: left
}

.cmpBoxWarning:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -9px 10px 0 10px;
    width: 17px;
    height: 17px;
    background: url("../images/sprite.svg?v67556") no-repeat;
    background-position: 0 -2712px
}

.cmpBoxWarning.iconLock:before {
    background-position: -20px -2712px
}

.cmpBoxBody {
    border: 1px solid #b4b4b4;
    border-radius: 12px
}

.cmpBoxTransGray.cmpBoxBody {
    padding: 20px
}

.cmpBoxWhite.cmpBoxBody {
    padding: 19px;
    background: #fff;
    border-color: #dadada
}

.cmpBoxWhite.cmpBoxBody.error {
    background: #ffebeb
}

.layoutContent.cmpBoxWhite.error h3 {
    border-color: #af0100
}

.cmpBoxGrey.cmpBoxBody {
    padding: 19px;
    background: #dadada
}

.cmpBoxGreen.cmpBoxBody {
    padding: 19px;
    background: #9c3
}

.cmpBoxLightGreen.cmpBoxBody {
    padding: 19px;
    border: 1px solid #9c3;
    background: #ecf7e0
}

.cmpBoxNoBorderWhite.cmpBoxBody {
    border: 0;
    padding: 10px 20px;
    background: #fff
}

.cmpBoxNoBorderVeryLightGrey.cmpBoxBody {
    border: 0;
    padding: 10px 20px;
    background: #f5f5f5
}

.cmpBoxLightGrey.cmpBoxBody {
    padding: 19px;
    background: #f8f8f8;
    border-color: #dadada
}

.cmpBox .last {
    padding-bottom: 0
}

.cmpBoxWhite,
.cmpBoxGrey,
.cmpBoxLightGrey,
.cmpBoxNoBorderVeryLightGrey {
    margin-top: 20px
}

.cmpBoxWhite.noMarginTop,
.cmpBoxGrey.noMarginTop,
.cmpBoxLightGrey.noMarginTop,
.cmpBoxNoBorderVeryLightGrey.noMarginTop {
    margin-top: 0 !important
}

.cmpBoxGrey .cmpBoxHeader,
.cmpBoxWhite .cmpBoxHeader {
    width: 664px
}

.cmpBoxWhite .cmpBoxBody,
.cmpBoxGrey .cmpBoxBody,
.cmpBoxNoBorderVeryLightGrey .cmpBoxBody {
    width: 640px
}

.cmpBoxGrey .cmpBoxFooter,
.cmpBoxWhite .cmpBoxFooter {
    width: 664px
}

.cmpBoxNoBorderVeryLightGrey .cmpBoxHeader {
    width: 665px
}

.cmpBoxNoBorderVeryLightGrey .cmpBoxFooter {
    width: 665px
}

.cmpBoxLightGreen .cmpBoxInnerRound {
    border-color: #ecf7e0;
    background: #ecf7e0
}

.cmpBoxLightGray .cmpBoxInner,
.cmpBoxLightGray .cmpBoxInnerRound {
    border-color: #dadada;
    background: #f5f5f5
}

.cmpBox .cmpBoxArrow {
    position: absolute;
    background: url("../images/sprite.svg?v67556") no-repeat
}

.cmpBox.cmpBoxArrowBC {
    margin-bottom: 10px
}

.cmpBox.cmpBoxArrowRC {
    margin-right: 10px
}

.cmpBoxArrowBC .cmpBoxArrow {
    background-position: 0 -2109px
}

.cmpBoxArrowRC .cmpBoxArrow {
    background-position: 0 -2075px
}

.cmpBoxLightGray.cmpBoxArrowBC .cmpBoxArrow {
    background-position: 0 -2042px
}

.cmpBoxLightGray.cmpBoxArrowRC .cmpBoxArrow {
    background-position: 0 -2010px
}

.cmpBoxArrowBC .cmpBoxArrow {
    width: 21px;
    height: 11px;
    bottom: -10px;
    left: 46%
}

.cmpBoxArrowRC .cmpBoxArrow {
    width: 11px;
    height: 21px;
    right: -10px;
    top: 43%
}

.cmpBox.cmpBoxGreenGray .cmpBoxInnerRound {
    background-color: #ecf7e0;
    border: 1px solid #dadada
}

.cmpBox.cmpBoxGreenGray .cmpBoxExpanded {
    background-color: #fff;
    border: 1px solid #dadada;
    border-top: 0;
    padding: 20px
}

.cmpBox.cmpBoxGreenGray.expanded .cmpBoxArrow {
    position: relative;
    background-position: -28px -2109px;
    width: 21px;
    height: 11px;
    left: 70%;
    top: -21px
}

.cmpBoxLightGreen2 {
    width: 725px;
    padding: 19px;
    padding-top: 30px;
    margin-top: 20px;
    background-color: #ecf7e0;
    border: 1px solid #dadada;
    border-radius: 14px
}

.cmpBoxWhiteGreen .cmpBoxInnerRound {
    background: #fff;
    border-color: #9c3
}

.cmpWhiteGreenArrow {
    width: 24px;
    height: 13px;
    background: url("../images/sprite.svg?v67556") 0 -2205px no-repeat
}

.cmpBoxGray2 {
    background-color: #f3f3f3;
    border: 1px solid #dadada;
    border-radius: 5px
}

.cmpBoxGray2.greenBorder {
    border-color: #9c3
}

.cmpBoxBorderGray {
    border: 1px solid #dadada;
    border-radius: 5px
}

.cmpBoxInsideGray {
    background-color: #f3f3f3;
    border-radius: 5px
}

.cmpBoxWhiteInner {
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 3px
}

.blockGray {
    padding: 10px 20px;
    background: #f5f5f5;
    border-radius: 4px
}

.blockGray h2 {
    margin-top: 0;
    font-weight: normal
}

.blockGray.info {
    padding-left: 60px;
    position: relative;
    border-radius: 10px;
    border: 1px solid #d5d5d5
}

.blockGray.info:before {
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    width: 20px;
    height: 20px;
    content: " ";
    background: url(pages/ib/img/documents-upload-sprite.png?v35807) 0 -21px
}

.blockGray.bulb-with-coin {
    background-image: url("pages/ib/img/bulb-info-coin.svg?v67556");
    background-position: right 15px center;
    background-repeat: no-repeat;
    padding-right: 65px
}

.blockGray.info.oneLine:before {
    top: 10px
}

.cmpBox.cmpBoxIcon {
    background-repeat: no-repeat;
    background-position: top left
}

.cmpBox.cmpBoxIcon>* {
    padding-left: 60px
}

.cmpBox.cmpBoxIcon.cmpBoxIconInfo {
    background-image: url("pages/ib/img/icon-info.svg?v67556")
}

.blockGreen {
    padding: 0 28px;
    border: #9c3 2px solid;
    border-radius: 4px;
    line-height: 80px
}

.arrowDivider {
    padding-bottom: 20px;
    border-bottom: 1px solid #9c3;
    margin-bottom: 20px;
    position: relative
}

.arrowDivider:after {
    background: #fff;
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: -9px;
    left: 100px;
    border: 1px solid #9c3;
    border-width: 0 0 1px 1px;
    transform: rotate(-45deg)
}

#mainInfoMsg {
    display: none;
    background-color: #9c3;
    line-height: 36px;
    align-items: center;
    justify-content: center;
    width: 100%
}

#mainInfoMsgText {
    font-size: 120%;
    text-align: center;
    padding: 5px
}

#mainInfoMsgClose {
    width: 30px;
    height: 30px;
    background: url("pages/ib/img/promo.png?v67556") no-repeat -1px 0;
    margin-left: 30px
}

.mhtSectionBox {
    background-color: #f3f3f3;
    border: 1px solid #dadada;
    border-radius: 5px;
    margin-top: 16px;
    padding: 32px 40px
}

@media screen and (max-width:600px) {
    .mhtResponsive .mhtSectionBox {
        padding: 24px
    }
}

.mhtGreenInfoBox {
    background-color: #f1f7e3;
    border: 1px solid #9c3;
    border-radius: 5px;
    margin-top: 16px;
    padding: 12px;
    display: flex;
    align-items: center
}

.mhtGreenInfoBox:before {
    content: "";
    display: block;
    width: 56px;
    min-width: 56px;
    max-width: 56px;
    height: 56px;
    background: url("pages/ib/img/victory-sprite.svg?v67556") 0 -180px no-repeat;
    margin-right: 12px
}

.cmpBox.cmpBoxInfoGreen,
.cmpBox.cmpBoxInfoOrange,
.cmpBox.cmpBoxErrorRed {
    padding: 12px 16px 12px 72px;
    color: #2a2a2a;
    border-radius: 5px;
    border: 1px solid #9c3;
    position: static;
    width: auto;
    max-width: 100%
}

.cmpBox.cmpBoxInfoGreen {
    border-color: #9c3;
    background: #f1f7e3 url("pages/ib/img/icon-info.svg?v67556") no-repeat 19px center
}

.cmpBox.cmpBoxInfoOrange {
    border-color: #fdaa24;
    background: #fff5ed url("pages/ib/img/icon-info-orange.svg?v67556") no-repeat 19px center
}

.cmpBox.cmpBoxErrorRed {
    border-color: #de2c2c;
    background: #f7e9ea url("pages/ib/img/icon-error-red.svg?v67556") no-repeat 7px center
}

.cmpBox.cmpBoxNoBorder {
    border: 0;
    background-color: transparent
}

.cmpList30pxLine {
    line-height: 30px
}

.cmpListBlank {
    margin: 13px 0 13px 11px
}

.cmpListBlank li {
    list-style-type: none;
    padding-left: 25px
}

.cmpListCheck {
    margin: 13px 0 13px 11px
}

.cmpListCheck li {
    background: url("../images/list-check.png?v67556") no-repeat 0 3px;
    list-style-type: none;
    margin-bottom: 5px;
    padding: 0;
    padding-left: 31px;
    line-height: 25px
}

.cmpListCheckBackSlash {
    margin: 13px 0 13px 11px
}

.cmpListCheckBackSlash li:before {
    list-style-type: "/";
    color: #9c3;
    margin-bottom: 5px;
    padding: 0;
    padding-left: 31px;
    line-height: 25px
}

.cmpListSmall {
    padding-top: 5px;
    list-style-type: none
}

.cmpListSmall.uiPadTop0 {
    padding-top: 0
}

.cmpListSmall li {
    margin: 5px 0;
    padding-left: 25px;
    background: url("../images/list-bullet-small.png?v67556") no-repeat 10px .55em
}

.cmpListSmall.uiMar0 li {
    margin: 0
}

.cmpListSmall.small li {
    padding-left: 15px;
    background-position: 0 .55em
}

.cmpListMid {
    display: block;
    list-style-type: none;
    padding: 2px 0
}

.cmpListMid li,
.cmpListMid dt,
.cmpListMid dd {
    display: block;
    padding: 2px 0;
    padding-left: 30px;
    background: url("../images/list-bullet-mid.png?v67556") 10px 50% no-repeat
}

.cmpListMid dt {
    float: left;
    clear: left;
    font-weight: bold
}

.cmpListMid dd {
    float: left;
    padding-left: 5px;
    background: transparent
}

.cmpListMid.block dt {
    float: none;
    padding: 0;
    background: 0
}

.cmpListMid.block dd {
    float: none;
    padding: 2px 0;
    padding-left: 30px;
    background: url("../images/list-bullet-mid.png?v67556") 10px 50% no-repeat
}

.cmpInlineList {
    list-style: none;
    padding: 10px
}

.cmpInlineList li {
    display: inline-block;
    margin-left: 10px
}

.cmpInlineList li:first-child {
    margin-left: 0
}

.cmpListNum {
    margin: 5px 0 5px 20px
}

.cmpListNum li {
    color: #9c3;
    font-weight: bold;
    list-style-type: decimal;
    list-style-position: inside
}

.cmpListNum li span {
    color: #000;
    font-weight: normal
}

.cmpListNumCircle {
    list-style: none
}

.cmpListNumCircle li {
    margin: 0;
    padding: 10px 10px 10px 30px;
    counter-increment: section;
    position: relative
}

.cmpListNumCircle li:before {
    content: counter(section);
    left: 0;
    margin-right: -20px;
    position: absolute;
    border-radius: 50%;
    padding: 1px;
    height: 20px;
    width: 20px;
    background-color: #9c3;
    text-align: center;
    color: #fff;
    font-size: 110%;
    font-weight: bold
}

.cmpRichText ul,
.cmpRichText ol {
    line-height: 18px;
    padding-bottom: 25px;
    padding-left: 20px;
    *padding-left: 27px
}

.cmpRichText ol {
    list-style: decimal
}

.cmpRichText ol ol,
.cmpRichText ol ul,
.cmpRichText ul ul,
.cmpRichText ul ol {
    padding-bottom: 0
}

.cmpRichText ol[type="A"] {
    list-style: upper-alpha
}

.cmpRichText ol[type="a"] {
    list-style: lower-alpha
}

.cmpRichText ol[type="1"] {
    list-style: decimal
}

.cmpRichText ol[type="i"] {
    list-style: lower-roman
}

.cmpRichText ol[type="I"] {
    list-style: upper-roman
}

.cmpRichText ul {
    list-style: disc
}

.cmpRichText ul[type="square"] {
    list-style: square
}

.cmpRichText ul[type="circle"] {
    list-style: circle
}

.cmpRichText ul.listDisc {
    list-style-type: disc
}

.cmpRichText ul.listCircle {
    list-style-type: circle
}

.cmpRichText ul.listSquare {
    list-style-type: square
}

.cmpRichText ol.listDecimal {
    list-style-type: decimal
}

.cmpRichText ol.listUpperRoman {
    list-style-type: upper-roman
}

.cmpRichText ol.listLowerLatin {
    list-style-type: lower-alpha
}

.cmpRichText ol.listUpperLatin {
    list-style-type: upper-alpha
}

.cmpRichText table {
    width: 100%
}

.cmpRichTextParagraphs p {
    padding: .5em 0 !important
}

.cmpRichTable td {
    border: 1px solid #000;
    padding: 0 6px
}

.cmpRichTable td ul {
    margin-left: 16px
}

.cmpRichTable .left {
    width: 45%
}

.cmpRichTable .right {
    width: 55%
}

.cmpRichTable .tdNoBorder td {
    border: 0
}

.cmpRichTable .tdNoBorder tbody {
    border: 1px solid #000
}

.cmpRichTable .tdNoBorder td.tdLeft {
    border-right: 1px solid #000
}

.cmpLine,
.cmpLineDark,
.cmpLineLight,
.cmpLineGreen {
    display: block;
    width: 100%;
    height: 1.1px;
    margin: 8px 0;
    padding: 0;
    clear: both;
    overflow: hidden;
    background: #dadada;
    font-size: 0;
    line-height: 0
}

.cmpLineDark {
    background: #b4b4b4
}

.cmpLineLight {
    background: #dadada
}

.cmpLineGreen {
    background: #9c3
}

.cmpLine.small {
    margin: 5px 0
}

.cmpLine.large {
    margin: 12px 0
}

.cmpLine.uiMarBot0 {
    margin-bottom: 0
}

.cmpLine.uiW250 {
    width: 250px
}

.cmpLine.uiW350 {
    width: 350px
}

.cmpLine.uiW470 {
    width: 470px
}

.cmpLabel {
    padding-left: 2px;
    white-space: nowrap;
    line-height: 24px;
    zoom: 1
}

.cmpLabel em {
    font-size: 11px
}

.cmpLabel.small {
    display: block;
    font-size: 11px;
    line-height: 20px;
    height: 20px
}

.cmpLabel.large {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold
}

.cmpLabel.block {
    display: block;
    margin-top: 10px;
    white-space: normal;
    padding-right: 20px;
    line-height: 13px;
    font-size: 11px
}

.cmpLabel.uiLine15 {
    line-height: 15px
}

.cmpBoxGrayRound .cmpLabel,
.cmpBoxGray .cmpLabel {
    font-weight: bold
}

.cmpLabelAboveInput {
    display: inline-block
}

.cmpLabelAboveInput .label {
    display: block;
    text-align: left;
    font-size: 11px;
    padding-left: 10px
}

.mhtFormTable td {
    padding-right: 10px
}

.mhtAccountSep {
    padding-top: 23px;
    font-size: 18px;
    font-weight: bold
}

.cmpDropFilter .mhtBankCodeButtonWrapper {
    display: none
}

.mhtBankCodeButtonWrapper {
    padding-top: 25px;
    width: 10px
}

.cmpDragCursor,
.cmpDragHelper {
    position: absolute;
    left: -3000px;
    top: 0;
    z-index: 9999
}

.cmpDragCursor {
    width: 9px;
    height: 9px;
    margin-left: -5px;
    margin-top: -5px;
    background: url("../images/sprite.svg?v67556") 0 -1260px
}

.cmpDragHelper {
    width: 0;
    height: 0;
    overflow: visible;
    zoom: 1
}

.cmpCont {
    position: absolute;
    left: 0
}

.cmpRoundNumber {
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    background-color: #9c3;
    color: white
}

.cmpRoundNumber.dark {
    background-color: #6e6e6e
}

.cmpRoundNumber.grey {
    background-color: #b4b4b4
}

.cmpRoundNumber.red {
    background-color: #af0100
}

.cmpTabs {
    height: 33px;
    padding-top: 7px;
    padding-left: 20px;
    border-bottom: 1px solid #dadada
}

.cmpTabs .cmpButton {
    float: left
}

.cmpTabs .ui-button {
    display: block;
    background: #ebebeb;
    border: 1px solid #dadada;
    border-bottom: 0;
    height: 28px;
    margin-right: 2px;
    padding-right: 6px;
    text-decoration: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 4px
}

.cmpTabs .ui-button-text {
    display: block;
    height: 28px;
    padding-left: 19px;
    padding-right: 13px;
    padding-top: 6px;
    text-decoration: none
}

.cmpTabs .ui-state-hover {
    background: #ecf7e0
}

.cmpTabs .ui-button.ui-state-disabled {
    background: #dadada
}

.cmpTabs .ui-button.ui-state-disabled .ui-button-text {
    color: #666;
    cursor: text
}

.cmpTabs .selected .ui-button {
    position: relative;
    top: 1px;
    height: 32px;
    margin-top: 0;
    background: #fff
}

.cmpTabs .selected .ui-button-text {
    color: #000 !important;
    font-weight: bold;
    padding-top: 8px
}

.cmpSep {
    padding: 0 5px;
    color: #b4b4b4
}

.mhtAuth {
    margin-top: 15px
}

.layoutContentFooter .mhtAuth {
    margin: 0
}

.mhtAuth label {
    position: relative;
    display: inline-block;
    top: 3px;
    font-size: 14px;
    font-weight: bold;
    vertical-align: top
}

.mhtAuth.small label {
    top: 0
}

.mhtAuth .cmpButtonLink {
    display: inline
}

.mhtAuth .cmpText {
    margin-left: 5px
}

.mhtAuth.authSwtOnlinePanel:before {
    content: " ";
    width: 25px;
    height: 41px;
    display: inline-block;
    margin: -1px 10px 0 0;
    background: url("pages/ib/img/mhtSecurity.png?67556") -78px -52px;
    float: left
}

.mhtAuth.mhtAuthPwd {
    display: flex;
    align-items: center;
    justify-content: end
}

.mhtAuth.mhtAuthPwd label {
    top: 0
}

.mhtAuth.mhtAuthSmsPwd {
    margin: -15px 0 -10px 0;
    display: inline-block
}

.mhtAuth.mhtAuthSmsPwd .mhtAuthLabel {
    width: 280px;
    display: inline-block
}

.mhtAuthSmsPwd2 {
    color: #2a2a2a;
    font-size: .825rem;
    line-height: 1.25rem;
    margin-right: auto;
    max-width: 100%
}

.mhtAuthSmsPwd2 h3 {
    font-size: 1rem;
    line-height: 1.5rem
}

.mhtAuthSmsPwd2 .mhtAuthLine {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 5px 0;
    flex-wrap: wrap
}

.mhtAuthSmsPwd2 .mhtAuthLine label {
    flex: 1 1 250px
}

.mhtAuthSmsPwd2 .mhtAuthLine .cmpButton {
    display: inline-block
}

.mhtAuthSmsPwd2 .mhtAuthLine .cmpText {
    width: 200px
}

.mhtAuthSmsPwd2 .mhtAuthLine .smsStatus,
.mhtAuthSmsPwd2 .mhtAuthLine .smsStatus .cmpButton a,
.mhtAuthSmsPwd2 .mhtAuthLine .smsStatus .cmpButton .ui-button-text {
    color: #586877
}

.mhtNew h2,
.layoutHeading h2 {
    margin-bottom: 8px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 8px;
    font-size: 18px
}

.mhtNew h2.small {
    border: 0;
    padding: 0;
    font-size: 14px
}

.mhtNew h2 small {
    font-size: 100%;
    font-weight: normal
}

.mhtText {
    padding-top: 3px;
    overflow: auto
}

.mhtText h3,
.mhtDocumentsRadio h3 {
    padding-bottom: 3px;
    font-size: 14px;
    line-height: 1;
    font-weight: normal
}

.mhtText hr {
    margin-top: 7px;
    margin-bottom: 10px;
    border-top: 1px dotted #b4b4b4
}

.mhtInfo {
    position: relative;
    min-height: 26px;
    padding-left: 30px;
    margin-top: 3px
}

.mhtInfo .cmpIcon {
    width: 26px;
    height: 25px;
    background: url("../images/sprite.svg?v67556") 0 -142px
}

.mhtInfo.error .cmpIcon {
    width: 20px;
    height: 20px;
    background-position: 0 -168px
}

.mhtInfo.error .cmpIcon {
    margin-top: 2px;
    margin-left: 2px
}

.mhtInfo.cmpBox {
    padding: 0
}

.mhtInfo .cmpBoxInnerRound,
.mhtInfo .cmpBoxBody {
    padding-left: 60px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 20px
}

.mhtInfo .cmpBoxInnerRound .cmpIcon {
    left: 20px;
    top: 18px
}

.mhtInfo.cmpNoBorder {
    margin-top: 0;
    border: 0
}

.cmpListIcons {
    padding: 5px 0
}

.cmpListIcons li {
    display: block;
    position: relative;
    list-style-type: none;
    padding: 5px 0;
    padding-left: 40px
}

.cmpListIcons .cmpIcon {
    left: 10px;
    top: 5px;
    background: url("pages/ib/img/loan-sprite.png?v67556")
}

.cmpListBlock {
    margin-top: 5px;
    border-top: 1px dotted #666;
    padding-top: 4px
}

.cmpListBlock li {
    display: block;
    list-style-type: none;
    line-height: 2;
    border-bottom: 1px dotted #666;
    padding-left: 5px;
    padding-bottom: 4px;
    margin-bottom: 4px
}

.cmpListBlock li.circled {
    text-align: right;
    padding-left: 20px;
    border-bottom: 0
}

.cmpListBlock li.circled:before {
    position: absolute;
    content: " ";
    display: block;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    background: url("../images/list-bullet-mid.png?v67556") 0 0
}

.mhtColLeft,
.mhtColMid {
    float: left
}

.mhtColRight {
    float: right
}

.mhtCol1 {
    clear: both;
    width: 100%
}

.mhtCol2,
.mhtTable.mhtCol2 {
    width: 380px
}

.scrollable .mhtCol2 {
    width: 370px
}

.mhtCol3 {
    width: 240px
}

.mhtCol3x2 {
    width: 500px
}

.mhtCol3.mhtColMid,
.mhtCol3.mhtColRight {
    padding-left: 20px
}

.mhtCol3.mhtColRight {
    float: right
}

.mhtCol3Wider {
    width: 264px
}

.mhtCol3Wider.mhtColRight {
    float: right
}

.cmpInline,
.cmpHelp {
    display: block;
    float: left
}

.cmpInline {
    padding: 4px 6px
}

.cmpInline.first {
    padding-left: 0
}

.cmpText.cmpInline,
.cmpSelect.cmpInline,
.cmpCheck.cmpInline,
.cmpHasHelp.cmpCheck {
    margin-right: 3px;
    padding: 0
}

.cmpHasHelp.cmpSelect {
    margin-right: 0;
    padding: 0
}

.cmpSelect.cmpHasHelp,
.cmpText.cmpHasHelp,
.cmpArea.cmpHasHelp,
.cmpCheck.cmpHasHelp {
    float: left
}

.cmpInline .cmpText,
.cmpInline .cmpSelect {
    margin-left: -6px;
    margin-top: -4px
}

.cmpInline em {
    color: #666
}

.cmpText.large.cmpInline {
    top: 0
}

.cmpButton30.cmpInline {
    padding: 0;
    padding-top: 2px
}

.cmpHelp {
    margin-top: 5px;
    margin-left: 2px;
    height: 20px;
    overflow: hidden;
    text-align: left
}

.cmpHelp .ui-button {
    display: block;
    height: 20px;
    padding-left: 22px;
    background: url("../images/sprite.svg?v67556") 0 -189px no-repeat
}

.cmpHelp .ui-button:hover {
    background-position: 0 -229px
}

.mhtCompoNew .cmpHelp .ui-button {
    background: url("pages/ib/img/help-icon-green.svg?v67556") no-repeat;
    background-size: contain
}

.mhtCompoNew .cmpCheck.cmpHasHelp {
    margin-right: 8px
}

.mhtCompoNew .cmpText.cmpHasHelp {
    margin-right: 12px
}

.mhtCompoNew .cmpText.cmpHasHelp+.cmpHelp {
    margin-top: 10px
}

h3 .cmpHelp {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0
}

.cmpBoxGreen .cmpHelp {
    right: -10px
}

.cmpBoxGreen .cmpHelp .ui-button {
    width: 19px;
    height: 19px;
    background-position: 0 -229px
}

.mhtBonusBox .cmpHelp .ui-state-hover {
    background-position: 0 -249px
}

.mhtFormSmall .cmpHelp {
    margin-top: 0
}

.mhtLoanHelp {
    float: right;
    margin-top: -51px
}

.mhtLoanHelp:hover a {
    text-decoration: none
}

.mhtLoanHelp .cmpHelp {
    margin-top: 1px
}

.mhtLoanHelp:hover .cmpHelp .ui-button {
    background-position: 0 -1816px
}

.layoutContentFooter .cmpLinkCancel a,
.layoutContentFooter .cmpLinkSave a,
.layoutContentFooter .cmpLinkNext a,
.layoutContentFooter .cmpLinkPrev a,
.layoutContentFooter .cmpLinkMisc a,
.layoutContentFooter .cmpLinkFile a,
.layoutContentFooter .cmpSep {
    display: block;
    float: left;
    margin-top: 7px;
    margin-bottom: 4px;
    margin-right: 10px;
    color: #666;
    font-weight: bold;
    line-height: 16px
}

.layoutContentFooter .cmpLinkSave a {
    line-height: 16px
}

.layoutContentFooter .cmpLinkPrev a {
    background-position: 0 -1273px
}

.layoutContentFooter .cmpLinkNext a {
    background-position: 100% -1290px
}

.layoutContentFooter .cmpLinkCancel.first a,
.layoutContentFooter .cmpLinkSave.first a,
.layoutContentFooter .cmpLinkPrev.first a,
.layoutContentFooter .cmpLinkMisc.first a,
.layoutContentFooter .cmpLinkFile.first a {
    margin-left: 0
}

.layoutContentFooter .cmpButton30 {
    display: block;
    float: right;
    margin-left: 10px
}

.layoutContentFooter .cmpButtonLink a {
    color: #666
}

.layoutContentFooter .cmpSep {
    padding: 0;
    color: #b4b4b4
}

.layoutContentFooter .mhtCol2 {
    width: auto
}

.mhtOptions {
    padding-left: 10px
}

.mhtOption {
    padding: 5px 0
}

.mhtOption:after {
    content: " ";
    display: block;
    clear: both
}

.mhtOption.first {
    padding-top: 0
}

.mhtOption.last {
    padding-bottom: 3px
}

.mhtOption .cmpCheck {
    padding-left: 2px
}

.mhtOption p {
    padding-left: 25px
}

.mhtSuccess .mhtOption,
.mhtFailure .mhtOption,
.mhtDelivery .mhtOption {
    padding: 12px 10px;
    border-bottom: 1px dotted #b4b4b4
}

.mhtSuccess .mhtOption.last,
.mhtFailure .mhtOption.last,
.mhtDelivery .mhtOption.last {
    padding: 12px 10px;
    border: 0
}

.mhtSuccess .mhtOption label,
.mhtFailure .mhtOption label,
.mhtDelivery .mhtOption label {
    font-size: 14px;
    font-weight: bold
}

.mhtVideo .mhtColLeft {
    width: 480px
}

.mhtVideo .mhtColRight {
    width: 260px;
    padding-left: 20px
}

.mhtVideo .mhtColLeft .cmpBoxInner {
    padding: 4px
}

.mhtLoader .cmpBoxInner {
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 75px;
    padding-bottom: 20px
}

.mhtLoader .cmpBoxInner .cmpIcon {
    left: 105px;
    top: 15px;
    width: 52px;
    height: 52px;
    background: url("../images/loader.gif?v67556")
}

.mhtVideo .cmpBox h3 {
    margin-bottom: 10px;
    border-bottom: 1px solid #9C3;
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    text-align: left
}

.mhtVideo h3 {
    margin-bottom: 8px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 8px;
    font-size: 18px
}

.mhtVideo .cmpBox p {
    padding-bottom: 25px
}

.mhtVideo .cmpBox .cmpIcon {
    left: 18px;
    top: 70px
}

.mhtVideo .mhtInfo {
    margin: 110px 0 0 160px;
    padding-top: 2px
}

.mhtScoring .cmpIconLoader {
    margin: 30px auto
}

.mhtScoring {
    margin: 10px 0
}

.mhtScoring h3 {
    font-size: 18px
}

.mhtScoring p {
    font-size: 14px;
    text-align: left
}

.pMarginBottom p {
    margin-bottom: 15px
}

.mhtScoring .cmpIconLoader {
    position: relative;
    padding: 0;
    width: 52px;
    height: 52px;
    background: url("../images/loader.gif?v67556")
}

.mhtVideo .mhtScoring.mhtLoader p {
    font-size: 14px;
    text-align: center
}

.mhtSuccess,
.mhtFailure,
.mhtAlert {
    position: relative;
    padding-left: 109px;
    padding-top: 5px;
    min-height: 60px
}

.mhtSuccess .cmpIcon,
.mhtFailure .cmpIcon {
    left: 30px;
    top: 5px;
    width: 50px;
    height: 70px;
    background-image: url("../images/sprite.svg?v67556")
}

.mhtSuccess.mhtSuccessNew {
    padding-top: 15px
}

.mhtSuccess.mhtSuccessNew .cmpIcon {
    background: url("pages/ib/img/icon-check.svg?v67556") no-repeat;
    background-size: contain;
    width: 80px;
    height: 80px;
    left: 12px;
    top: 20px
}

.mhtAlert .cmpIcon {
    left: 30px;
    top: 5px;
    width: 50px;
    height: 70px;
    background: url("../images/mhtAlert.png?v67556") 0 0 no-repeat
}

.mhtAlert .bulbIcon {
    background: url("pages/ib/img/investments/ico-zarovka.png?v67556") 0 0 no-repeat
}

.mhtFailure .cmpIcon {
    background-position: 0 -71px
}

.mhtFailureOrange .cmpIcon {
    background: url("../images/icons/error-orange.svg?v67556") 0 0 no-repeat !important
}

.mhtSuccess h2,
.mhtAlert h2,
.mhtFailure h2 {
    font-size: 14px
}

.mhtSuccess h3,
.mhtAlert h3,
.mhtFailure h3 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal
}

.mhtSuccess.mhtSuccessNew h3 {
    color: #2a2a2a;
    font-size: 16px;
    line-height: 24px
}

.mhtSuccess.mhtSuccessNew h3:has(strong.block) {
    color: #586877;
    font-size: 14px;
    line-height: 22px
}

.mhtSuccess.mhtSuccessNew h3 strong {
    display: block;
    padding-bottom: 16px;
    color: #2a2a2a;
    line-height: 24px;
    font-size: 16px
}

.mhtAlert .mhtInfo,
.mhtSuccess .mhtInfo,
.mhtFailure .mhtInfo {
    margin-top: 8px;
    padding-left: 34px;
    padding-top: 18px;
    border-top: 1px dotted #b4b4b4
}

.mhtSuccess .mhtInfo .cmpIcon,
.mhtFailure .mhtInfo .cmpIcon {
    left: 0;
    top: 15px;
    width: 25px;
    height: 25px;
    background-position: 0 -142px
}

.mhtSuccess .mhtFormBlock,
.mhtAlert .mhtFormBlock,
.mhtFailure .mhtFormBlock {
    margin-top: 5px
}

.mhtSuccess .cmpInline,
.mhtAlert .cmpInline,
.mhtFailure .cmpInline {
    margin-right: 10px
}

.mhtSuccess .mhtText,
.mhtAlert .mhtText,
.mhtFailure .mhtText {
    padding-top: 0
}

.mhtSuccess .mhtText p,
.mhtAlert .mhtText p,
.mhtFailure .mhtText p {
    padding-bottom: .5em
}

.mhtSuccess.noLabelSub h2 {
    margin-bottom: 0 !important
}

.mhtSuccess.noLabelSub .mhtInfo {
    margin-top: 0 !important;
    border-top: none !important
}

.mhtAuthSms {
    color: black;
    position: absolute;
    width: 455px;
    left: 70px;
    margin-bottom: -42px;
    padding-top: 13px
}

.mhtAuthSms .cmpText {
    float: right;
    margin-top: 7px
}

.mhtDocumentsRadio .cmpRadioInline {
    padding-top: 10px;
    padding-bottom: 7px
}

.mhtDocuments {
    padding: 8px 0
}

.mhtDocuments.last,
.mhtDocuments.last .cmpListMid:last-child {
    border: 0
}

.mhtForm .mhtDocuments h4 {
    border: 0;
    padding: 0;
    margin: 0
}

.mhtDocuments h5 {
    font-weight: normal;
    font-style: italic
}

.mhtDocuments .cmpListMid {
    padding-left: 0;
    border: 0
}

.mhtDocuments .cmpListMid li {
    background-position: 10px 7px
}

.bodyLead2 .mhtDocumentsRadio h3 {
    margin-bottom: 0;
    border-bottom: 0
}

.cmpLinkNextTip {
    float: right;
    margin-bottom: 10px
}

.cmpLinkNextTip a {
    padding-right: 25px;
    background: url("pages/ib/img/loan-sprite.png?v67556") 49px -864px no-repeat;
    width: 50px;
    height: 20px;
    display: block
}

.cmpLinkNextTip a:hover {
    background-position: 49px -885px
}

.cmpLinkEditRight a {
    padding-right: 20px;
    background: url("../images/sprite.svg?v67556") 100% -553px no-repeat
}

.cmpLinkEditRight a:not(.ui-state-disabled):hover {
    background-position: 100% -585px
}

.cmpWizardProgress {
    margin: 0 auto;
    margin-bottom: 20px;
    border-bottom: 1px solid #9c3
}

.cmpWizardProgressItem {
    position: relative;
    display: inline-block;
    padding: 15px 7px 15px 7px;
    height: 25px;
    line-height: 14px;
    color: #dadada
}

.cmpWizardProgressItem.done,
.cmpWizardProgressItem.active {
    color: #000
}

.cmpWizardProgressItem.active {
    font-weight: bold
}

.cmpWizardProgressItem.active:before {
    content: " ";
    display: block;
    width: 21px;
    height: 11px;
    margin-left: -21px;
    left: 50%;
    position: absolute;
    bottom: -11px;
    background: url("../images/sprite.svg?v67556") center -2518px no-repeat
}

.cmpWizardProgressItem:after {
    font-weight: normal;
    content: "\203A";
    font-size: 21px;
    margin: -2px 0 0 20px;
    color: #dadada;
    float: right
}

.cmpWizardProgressItem.done {
    color: #000
}

.cmpWizardProgressItem.done:after {
    color: #9c3
}

.cmpWizardProgressItem:last-child:after {
    content: none
}

.cmpWizardProgressItem.divisorDone {
    color: green;
    border-bottom: 1px solid green
}

.mhtLoan .mhtAccount h3,
.mhtLoan h3.addLoan,
.mhtLoanFirst .mhtAccount h3,
.mhtMortgageItem h3 {
    margin-bottom: 10px;
    border-bottom: 1px solid #9c3;
    padding-bottom: 15px;
    font-size: 28px;
    line-height: 1.2;
    font-weight: bold
}

.mhtObligation {
    margin-top: 10px;
    position: relative;
    border-radius: 3px
}

.mhtObligation .mhtAccountInfo {
    position: absolute;
    right: 10px;
    top: 14px
}

.mhtObligation .mhtAccountInfo .cmpLinkRemove .ui-button {
    height: 20px
}

.cmpWizardHeaderLinks {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    float: right;
    margin-right: 5px;
    list-style-type: none
}

.cmpWizardHeaderLinks>li {
    display: inline-block
}

.cmpWizardHeaderLinks li+li {
    margin-left: 15px
}

.cmpWizardHeaderLinks .cmpHelp {
    margin-top: 0;
    margin-right: 4px
}

.cmpListPageButton {
    float: left;
    width: 27px;
    height: 36px;
    border: 1px solid #dadada;
    border-radius: 5px;
    margin: 6px 4px 0 7px
}

.cmpListPageButton.prev {
    background: url("pages/ib/img/menu-top-tabs/arrow-left.png?v67556") no-repeat 50% 50%
}

.cmpListPageButton.next {
    background: url("pages/ib/img/menu-top-tabs/arrow-right.png?v67556") no-repeat 50% 50%
}

.cmpUserCheckedIndicator {
    display: inline-block;
    min-width: 96px
}

.cmpUserCheckedIndicator.beakT {
    margin-top: 6px
}

.cmpUserCheckedIndicator.beakL {
    margin-left: 6px
}

.cmpUserCheckedIndicator.beakT .beak {
    width: 7px;
    height: 6px;
    left: 48%;
    top: -6px;
    background-position: -37px -200px
}

.cmpUserCheckedIndicator.beakL .beak {
    width: 6px;
    height: 7px;
    left: -6px;
    top: 40%;
    background-position: -37px -208px
}

.cmpUserCheckedIndicator.unchecked.beakT .beak {
    background-position: -28px -200px
}

.cmpUserCheckedIndicator.unchecked.beakL .beak {
    background-position: -28px -208px
}

.cmpUserCheckedIndicator .cmpUserCheckedIndicatorInner {
    display: inline-block;
    position: relative;
    border-radius: 5px;
    white-space: nowrap;
    padding: 3px 6px;
    box-sizing: border-box
}

.cmpUserCheckedIndicator.unchecked .cmpUserCheckedIndicatorInner {
    border: 1px solid #df9999;
    background-color: white
}

.cmpUserCheckedIndicator.checked .cmpUserCheckedIndicatorInner {
    border: 1px solid #9c3;
    background-color: #ecf7e0
}

.cmpUserCheckedIndicator.modified .cmpUserCheckedIndicatorInner {
    border: 1px solid #9c3;
    background-color: #f5f5f5
}

.cmpUserCheckedIndicator .icon {
    width: 16px;
    height: 18px;
    background: url("pages/ib/img/dor-sprite.svg?v67556") no-repeat;
    float: left;
    margin: 1px 5px 0 0
}

.cmpUserCheckedIndicator.checked .icon {
    background-position: -64px -200px
}

.cmpUserCheckedIndicator.unchecked .icon {
    background-position: -47px -198px
}

.cmpUserCheckedIndicator.modified .icon {
    background-position: -46px -179px
}

.cmpUserCheckedIndicator .beak {
    position: absolute;
    background: url("pages/ib/img/dor-sprite.svg?v67556") no-repeat
}

.cmpUserCheckedIndicator .ui-button,
.cmpUserCheckedIndicator .ui-button-text {
    display: inline
}

.mhtLoaderBodyAsync .cmpUserCheckedIndicatorInner {
    z-index: 5001
}

.mhtDialogOpen .cmpUserCheckedIndicatorInner {
    z-index: auto !important
}

.cmpPlainFilter .mhtFormSection {
    margin: 5px 0;
    border-bottom: 1px solid #dadada;
    padding: 5px 0;
    background: transparent
}

.cmpPlainFilter .twoLinePad {
    padding-top: 26px
}

.cmpPlainFilter .mhtFormBlock {
    height: auto
}

.cmpTopRightButtonHolder {
    float: right;
    line-height: 22px;
    position: relative;
    font-size: 12px;
    font-weight: normal
}

.cmpBulletPoint {
    display: inline-block;
    margin: 10px 0 0;
    padding: 3px
}

.cmpBulletPoint:before {
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #dadada
}

.cmpBulletPoint.active:before {
    background-color: #9c3
}

.cmpDeferredLoader {
    display: block
}

.cmpDeferredLoader.loading {
    background: url("../images/loader25.gif") no-repeat 50% 50%
}

.cmpFilterState {
    padding: 15px 20px
}

.cmpFilterState .item {
    margin: 5px 0
}

.cmpGridActions {
    float: right;
    width: 200px;
    border: 1px solid #9c3;
    border-radius: 5px;
    padding: 15px 15px 20px;
    background: white
}

.cmpGridActions .action .ui-button {
    text-decoration: none
}

.cmpGridActions .action .ui-button-text {
    padding: 11px 18px 11px 0;
    position: relative;
    margin: 0;
    border-bottom: 1px solid #b4b4b4;
    display: block;
    white-space: normal
}

.cmpGridActions .action .ui-button-text:before {
    content: " ";
    float: right;
    background: #9c3;
    width: 15px;
    height: 15px;
    border-radius: 9px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0;
    background: url("../images/sprite.svg?v67556") -35px -2586px
}

.cmpGridActions .action .ui-button-text:hover {
    background-color: #ecf7e0
}

.cmpGridActions .subaction .ui-button-text {
    padding: 11px 0 11px 18px;
    position: relative;
    margin: 0;
    border-bottom: 1px solid #b4b4b4;
    display: block;
    text-decoration: none
}

.cmpGridActions .subaction .ui-button-text:hover {
    background-color: #ecf7e0
}

.cmpGridActions.topline:before {
    content: " ";
    height: 5px;
    display: block;
    border-bottom: 1px solid #b4b4b4
}

.mhtFilterBox {
    border: 1px solid #dadada;
    background: white;
    border-radius: 5px;
    padding: 20px;
    margin: 20px 0 20px 20px;
    float: left;
    width: 187px
}

.mhtFilterBox .hdr {
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #9c3;
    margin-bottom: 10px;
    color: #666
}

.mhtFilterBox .hdr:before {
    content: " ";
    float: left;
    width: 26px;
    height: 26px;
    margin-right: 7px;
    margin-top: -4px;
    background: url("pages/ib/img/payments.png?v67556") 0 0 no-repeat
}

.mhtFilterBox .hdr.dirgrp:before {
    background-position: -2px -148px
}

.mhtFilterBox .hdr.date:before {
    background-position: -2px -176px
}

.mhtFilterBox .hdr.amount:before {
    background-position: -2px -121px
}

.mhtFilterBox .hdr.folder:before {
    background: url("pages/ib/img/dor-sprite.svg?v67556") -108px -216px
}

.mhtFilterBox .hdr.supplier:before {
    background: url("pages/ib/img/dor-sprite.svg?v67556") -81px -112px;
    height: 25px
}

.mhtFilterBox .hdr.connection:before {
    background: url("pages/ib/img/dor-sprite.svg?v67556") -80px -138px
}

.mhtFilterBox .hdr.account:before {
    background: url("../images/icons/gray_person.svg?v67556") 0 0 no-repeat
}

.mhtFilterBox .sizeFull {
    width: 190px
}

.cmpSmallInfo {
    position: relative;
    padding-left: 20px
}

.cmpSmallInfo:before {
    content: " ";
    position: absolute;
    width: 16px;
    height: 15px;
    top: 0;
    left: 0;
    background: url("pages/ib/img/menu-top-tabs/accounts-info.png?v67556")
}

.cmpPapucaRenew {
    font-weight: bold;
    font-size: 12px
}

.cmpPapucaRenew .ui-button-text:before {
    display: inline-block;
    content: "~";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: #fff;
    background: #b4b4b4;
    margin-right: 5px;
    text-align: center;
    font-size: 12px
}

.cmpFeatureTip {
    margin-top: 50px;
    width: 100%;
    text-align: left
}

.cmpFeatureTip .cmpBoxInnerRound {
    padding: 0;
    overflow: hidden;
    position: relative
}

.cmpFeatureTipTip {
    float: left;
    padding: 50px 15px;
    background-color: #9c3;
    font-weight: bold;
    position: absolute;
    top: 50%;
    margin-top: -60px
}

.cmpFeatureTipText {
    padding: 10px 17px 9px 65px
}

.cmpExtTxFilterForm .cmpButton30 {
    float: right !important
}

.cmpExtTxFilterBox {
    margin: 0;
    padding: 0
}

.cmpExtTxFilterBox .date {
    font-size: 16px;
    font-weight: bold
}

.cmpExtTxFilterBox .date:before {
    content: " ";
    float: left;
    width: 26px;
    height: 26px;
    margin-right: 7px;
    margin-top: -4px;
    background: url("pages/ib/img/payments.png?v67556") no-repeat -2px -176px
}

.cmpExtTxFilterBox label {
    font-size: 16px;
    font-weight: bold;
    margin-right: 5px;
    margin-left: 15px
}

.copyContentIcon {
    cursor: pointer;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 0 -2px 3px;
    background: url("../images/copy.png?v67556") 0 0
}

.copyContent {
    transition: text-shadow 1s
}

.copyContent.active {
    transition: none;
    text-shadow: 0 0 8px #9c3
}

.cmpEshop.cmpEshopHover .cmpEshopItem {
    border-top: 1px solid #dadada
}

.cmpEshop.cmpEshopHover .cmpEshopItem:first-child {
    border-top: 0
}

.cmpEshop.cmpEshopHover .cmpEshopItem:last-child {
    border-bottom: 1px solid #dadada
}

.cmpEshop.cmpEshopHover .cmpEshopItem:hover {
    background-color: #ecf7e0
}

.cmpEshop.confirmationDialogInfo {
    background: #ebebeb url("pages/ib/img/bulb-info-coin.svg?v67556") no-repeat right 16px center;
    border-radius: 5px;
    padding: 16px 90px 16px 16px;
    font-size: 13px
}

.cmpEshopItem {
    border-top: 1px solid #dadada;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    min-height: 50px;
    padding: 15px 0
}

.cmpEshopItem:first-child {
    border-top: 0
}

.cmpEshopItemAmount {
    color: #6e6e6e;
    text-align: right;
    font-size: 14px;
    font-weight: bold
}

.cmpEshopItemAmount,
.cmpEshopItemMenu,
.cmpEshopItemStatus {
    flex-basis: 110px;
    text-align: right
}

.cmpEshopItemDetail {
    flex: 1;
    padding: 0 10px
}

.cmpEshopItemAmount {
    padding-left: 10px
}

.cmpEshopItemStatus {
    padding-left: 20px;
    text-align: center;
    font-weight: bold
}

.cmpEshopItemMenu {
    padding-left: 10px;
    list-style-type: none;
    display: inline
}

.cmpEshopItemText {
    line-height: 1.1;
    margin-top: 5px
}

.cmpEshopItemText.small {
    font-size: .9em;
    line-height: 1.4;
    color: #666
}

.cmpEshopItemIcon {
    flex-basis: 50px;
    text-align: center
}

.cmpEshopItemIcon:before {
    vertical-align: middle;
    content: " ";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: red
}

.cmpEshopItemTitle {
    font-size: 14px;
    font-weight: bold
}

.cmpEshopItemMenu>li {
    display: inline-block
}

.cmpEshopItemInfo {
    flex-basis: 20px;
    text-align: center;
    padding-left: 10px
}

.cmpEshopItemInfo .cmpEshopItemInfoIcon {
    width: 16px;
    height: 16px;
    background: url("pages/ib/img/loan/loan-sprite.svg?v67556") no-repeat 0 -540px
}

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

@media screen and (max-width:600px) {
    .mhtResponsive .cmpLayoutFlex {
        flex-direction: column;
        gap: 15px
    }

    .mhtResponsive .cmpLayoutFlex.centerDesktopOnly {
        align-items: initial
    }
}

@media screen and (min-width:600px) {
    .cmpLayoutFlex.centerMobileOnly {
        align-items: initial
    }
}

.newHighlighted {
    display: inline-block;
    background-color: #ecf6d1;
    padding: 0 6px 2px 6px;
    border-radius: 2px;
    color: #4f6f1c;
    font-weight: normal;
    margin-left: 5px
}

.mhtHPProductWithNewHighlighted {
    padding-top: 0 !important
}

.mhtHPProductWithNewHighlighted .newHighlighted {
    position: relative
}

.mhtOrderedSteps .step1,
.mhtOrderedSteps .step2,
.mhtOrderedSteps .step3 {
    margin-top: 10px;
    min-height: 40px
}

.mhtOrderedSteps .step1:before,
.mhtOrderedSteps .step2:before,
.mhtOrderedSteps .step3:before {
    content: " ";
    width: 40px;
    height: 40px;
    background: transparent url("pages/ib/img/ordered-list.svg?v67556") no-repeat 1px center;
    float: left
}

.mhtOrderedSteps .step1 .content,
.mhtOrderedSteps .step2 .content,
.mhtOrderedSteps .step3 .content {
    align-content: center;
    min-height: 40px
}

.mhtOrderedSteps .step1:before {
    background-position: 0 5px
}

.mhtOrderedSteps .step2:before {
    background-position: 0 -35px
}

.mhtOrderedSteps .step3:before {
    background-position: 0 -75px
}

.mhtResourceKeysLabel {
    display: none;
    position: absolute;
    margin: 0;
    cursor: text;
    z-index: 5000
}

.mhtResourceKeysLabel div {
    float: left;
    border: 1px solid gray;
    padding: 6px 8px;
    color: black;
    background: lightyellow;
    line-height: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-align: left
}

.mhtResourceKeysLabel span {
    display: block;
    white-space: nowrap
}

#wicketAjaxDebugWindow {
    line-height: 120%
}

.wicketDebugBar {
    opacity: .95 !important
}

.mhtMockConfigPanel {
    position: fixed;
    top: 30px;
    right: 40px;
    width: 450px;
    max-height: 800px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid #888;
    padding: 10px;
    z-index: 10000;
    font-size: 140%
}

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

.mhtFlexBlock .mhtFlexLeft {
    padding-right: 5px;
    flex-basis: 180px;
    min-width: 180px
}

.mhtFlexBlock .mhtFlexMid {
    padding: 0 5px;
    min-width: 0;
    flex: 1 1
}

.mhtFlexBlock .mhtFlexRight {
    padding-left: 5px
}

.mhtFormBlock {
    padding: 3px 0;
    height: 29px
}

.mhtFormBlock.first {
    padding-top: 12px
}

.mhtFormBlock.last {
    padding-bottom: 12px
}

.mhtFormMid .mhtFormBlock {
    height: auto;
    padding: 0
}

.mhtFormMid .cmpCheck {
    float: left
}

.mhtFormMid div.cmpInline {
    padding-left: 25px
}

.mhtFormLeft,
.mhtFormRight {
    display: block
}

.mhtFormLeft {
    width: calc(38% - 10px)
}

.mhtFormRight {
    width: 60%
}

.scrollable .mhtFormLeft {
    width: 340px
}

.scrollable .mhtFormRight {
    width: 390px
}

.mhtFormLeft {
    float: left;
    text-align: right;
    padding-right: 5px
}

.mhtFormRight {
    float: right;
    padding-left: 5px
}

.mhtFormBlock label {
    display: inline-block;
    padding-top: 4px
}

.mhtFormBlock .cmpCheck label {
    padding-top: 2px
}

.mhtFormBlock label.cmpInline {
    padding-top: 6px
}

.mhtFormBlock label.cmpLabelAfter {
    padding-top: 4px
}

.mhtFormBlock .cmpRadioInline {
    padding-top: 5px;
    padding-bottom: 0;
    float: left
}

.mhtFormBlock .cmpCheck {
    display: inline-block;
    padding-top: 4px
}

.mhtFormLeft .cmpSelect {
    float: right;
    text-align: left
}

.mhtForm h3,
.mhtForm h4,
.mhtForm hr {
    clear: both
}

.mhtForm hr {
    margin: 10px 0;
    border-top: 1px dotted #b4b4b4
}

.mhtFormSmall .mhtFormBlock {
    height: 24px;
    padding: 0
}

.mhtFormSmall .mhtFormBlock.first {
    padding-top: 6px
}

.mhtFormSmall label,
.mhtFormSmall .cmpInline {
    padding-top: 0;
    padding-bottom: 0
}

.mhtFormSmall .cmpText.cmpInline {
    padding: 0;
    margin-left: 8px
}

.mhtFormSmall .cmpSelect.cmpInline {
    padding: 0
}

.mhtFormSmall .cmpText,
.mhtFormSmall .cmpSelect {
    margin-top: -2px
}

.mhtFormBlock .cmpText.first,
.mhtFormBlock .cmpSelect.first {
    margin-left: 0
}

.mhtFormBlock .cmpText.last,
.mhtFormBlock .cmpSelect.last {
    margin-right: 0
}

.mhtCol2 .mhtFormLeft,
.mhtCol2 .mhtFormRight {
    width: 185px
}

.mhtCol3 .mhtFormLeft {
    width: 95px
}

.mhtCol3 .mhtFormRight {
    width: 99px
}

.mhtCol3Wider .mhtFormLeft {
    width: 95px
}

.mhtCol3Wider .mhtFormRight {
    width: 122px
}

.mhtFormInline .mhtFormBlock {
    height: auto
}

.mhtFormInline .mhtFormLeft,
.mhtFormInline .mhtFormRight {
    float: left;
    width: auto;
    text-align: left
}

.mhtFormInline .cmpText,
.mhtFormInline .cmpSelect {
    float: left
}

.mhtForm h4 {
    margin-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #9c3;
    padding-bottom: 3px;
    font-size: 14px
}

.mhtFormSection {
    margin-top: 10px;
    padding: 20px;
    padding-top: 10px;
    background: #f5f5f5
}

.mhtFormBlock .cmpLabelInfo {
    color: #666;
    font-style: italic;
    font-size: 11px;
    line-height: 16px;
    margin-top: 4px;
    margin-bottom: 20px
}

.mhtFormBlock .cmpPhonePrefix {
    float: left;
    line-height: 30px;
    padding-right: 5px
}

.mhtFormBlock .cmpHasPhonePrefix {
    width: 110px
}

.mhtFormBlock .cmpTitleSuffix {
    width: 86px
}

.mhtFormSection .mhtCol1 .mhtFormAccount .mhtFormBlock {
    float: left;
    width: auto;
    height: auto
}

.mhtFormSection .mhtCol1 .mhtFormAccount .mhtFormBlock .mhtFormLeft {
    float: none;
    width: auto;
    height: 29px;
    padding-left: 2px;
    text-align: left
}

.mhtFormSection .mhtCol1 .mhtFormAccount .mhtFormBlock .mhtFormRight {
    float: none;
    width: auto;
    padding: 0
}

.mhtFormAccount .cmpInline {
    padding-left: 8px;
    padding-right: 8px
}

.sizeS {
    width: 35px !important
}

.sizeM {
    width: 60px !important
}

.sizeL {
    width: 100px !important
}

.sizeL.cmpHasHelp {
    width: 76px !important
}

.sizeL2 {
    width: 124px !important
}

.sizeL2.cmpHasHelp {
    width: 110px !important
}

.cmpArea.sizeS {
    width: 294px !important;
    height: 64px !important
}

.cmpArea.sizeS2 {
    width: 366px !important;
    height: 40px !important
}

.cmpArea.sizeM {
    width: 378px !important;
    height: 80px !important
}

.cmpArea.sizeMAuto {
    width: 378px !important;
    height: auto
}

.cmpArea.sizeMAuto .cmpAreaComponent {
    height: 80px
}

.cmpArea.size100pAuto {
    width: 100%;
    height: auto
}

.cmpArea.size100pAuto .cmpAreaComponent {
    height: 80px
}

.cmpArea.sizeM2 {
    width: 444px !important;
    height: 80px !important
}

.cmpArea.sizeL {
    width: 520px !important;
    height: 150px !important
}

.cmpArea.sizeL2 {
    width: 565px !important;
    height: 40px !important
}

.cmpArea.sizeL3 {
    width: 556px !important;
    height: 104px !important
}

.cmpArea.sizeXL {
    width: 566px !important;
    height: 165px !important
}

.cmpArea.sizeXL2 {
    width: 576px !important;
    height: 66px !important
}

.cmpArea.sizeXXXL {
    width: 292px !important
}

.cmpArea.multiline.sizeXXXL {
    width: 296px !important
}

.sizeXL {
    width: 150px !important
}

.sizeXL.cmpHasHelp {
    width: 126px !important
}

.sizeXL2 {
    width: 180px
}

.sizeXL2.cmpHasHelp {
    width: 156px
}

.sizeXL3 {
    width: 150px
}

.sizeXL4 {
    width: 215px
}

.sizeXL5 {
    width: 230px
}

.sizeXXL {
    width: 250px !important
}

.sizeXXXL {
    width: 300px
}

.sizeXXXXL {
    width: 350px
}

.sizeXXXXXL {
    width: 400px
}

.sizeMaxL {
    width: 452px
}

.sizeLogin {
    width: 232px
}

.sizeDate.cmpHasHelp,
.sizeDate {
    width: 80px
}

.mhtCompoNew .sizeDate.cmpHasHelp,
.mhtCompoNew .sizeDate {
    width: 88px
}

.sizeCountry.cmpHasHelp,
.sizeCountry {
    width: 150px
}

.sizeCurr {
    width: 70px
}

.sizePhonePre {
    width: 45px
}

.sizePhone {
    width: 90px
}

.cmpHasHelp.sizePhone {
    width: 88px
}

.sizeM2 {
    width: 70px !important
}

.sizeSM {
    width: 45px !important
}

.sizeML {
    width: 80px !important
}

.cmpPaneForm.cmpPaneHas .mhtFormLeft,
.cmpPaneSet.cmpPaneHas .mhtFormLeft {
    width: 260px;
    padding-right: 0;
    text-align: right
}

.cmpPaneForm.cmpPaneHas.cmpPaneWider .mhtFormLeft,
.cmpPaneSet.cmpPaneHas.cmpPaneWider .mhtFormLeft {
    width: 270px !important
}

.cmpPaneForm.cmpPaneHas .mhtFormRight,
.cmpPaneSet.cmpPaneHas .mhtFormRight {
    width: 380px;
    padding-right: 0
}

.mhtCompoNew .cmpPaneForm.cmpPaneHas.cmpPaneWider .mhtFormLeft,
.mhtCompoNew .cmpPaneSet.cmpPaneHas.cmpPaneWider .mhtFormLeft {
    width: 40% !important
}

.mhtCompoNew .cmpPaneForm.cmpPaneHas .mhtFormRight,
.mhtCompoNew .cmpPaneSet.cmpPaneHas .mhtFormRight {
    width: 58%
}

.mhtFormRight .sizeDate.cmpText {
    float: left
}

.cmpBoxGray label {
    font-weight: bold
}

.hrSeparatedSectionsPanel div:first-of-type hr:first-of-type {
    display: none
}

.cmpPaneForm .mhtFormCentered .mhtFormRight {
    float: right
}

.cmpPaneForm .mhtFormCentered .mhtFormLeft {
    float: none
}

.cmpPaneForm .mhtFormCentered:after {
    content: " ";
    display: block;
    clear: both
}

.mhtDialogFormBlock {
    width: 280px;
    margin: 36px 49px 22px 55px
}

.mhtTextValignMid .cmpLabel,
.mhtTextValignMid .cmpText,
.mhtTextValignMid .cmpLabelAfter {
    vertical-align: middle
}

.mhtFormBlockFlex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 12px 0;
    gap: 6px
}

.mhtFormBlockFlex>label {
    width: 12rem
}

.mhtFormBlockFlex .mainLabel {
    font-weight: bold;
    width: initial;
    margin-right: 15px
}

.mhtFormBlockFlex>.cmpLabelInfo {
    margin-left: 12rem;
    margin-top: 10px;
    font-size: 13px;
    color: #586877;
    font-style: italic;
    line-height: 20px
}

.mhtSectionBox .mhtFormBlockFlex:only-child {
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (max-width:600px) {
    .mhtResponsive .mhtFormBlockFlex {
        flex-direction: column;
        align-items: start;
        flex-wrap: initial
    }

    .mhtResponsive .mhtFormBlockFlex>label {
        width: 100%
    }
}

.ico-cat-incoming {
    background-image: url("../images/icons/cat/cat-incoming.png?v67556")
}

.ico-cat-outgoing {
    background-image: url("../images/icons/cat/cat-outgoing.png?v67556")
}

.ico-cat-internal {
    background-image: url("../images/icons/cat/cat-internal.png?v67556")
}

.ico-cat-null {
    background-image: url("../images/icons/cat/cat-null.png?v67556")
}

.ico-cat-auto-moto {
    background-image: url("../images/icons/cat/cat-auto-moto.png?v67556")
}

.ico-cat-business,
.ico-cat-bussiness {
    background-image: url("../images/icons/cat/cat-business.png?v67556")
}

.ico-cat-cestovani {
    background-image: url("../images/icons/cat/cat-cestovani.png?v67556")
}

.ico-cat-charita {
    background-image: url("../images/icons/cat/cat-charita.png?v67556")
}

.ico-cat-dane-a-platby-statu {
    background-image: url("../images/icons/cat/cat-dane-a-platby-statu.png?v67556")
}

.ico-cat-darky {
    background-image: url("../images/icons/cat/cat-darky.png?v67556")
}

.ico-cat-dite {
    background-image: url("../images/icons/cat/cat-dite.png?v67556")
}

.ico-cat-domaci-mazlicci {
    background-image: url("../images/icons/cat/cat-domaci-mazlicci.png?v67556")
}

.ico-cat-dovolena {
    background-image: url("../images/icons/cat/cat-dovolena.png?v67556")
}

.ico-cat-elektro {
    background-image: url("../images/icons/cat/cat-elektro.png?v67556")
}

.ico-cat-energie {
    background-image: url("../images/icons/cat/cat-energie.png?v67556")
}

.ico-cat-holka {
    background-image: url("../images/icons/cat/cat-holka.png?v67556")
}

.ico-cat-hospoda-s-kamosema {
    background-image: url("../images/icons/cat/cat-hospoda-s-kamosema.png?v67556")
}

.ico-cat-hudba {
    background-image: url("../images/icons/cat/cat-hudba.png?v67556")
}

.ico-cat-hypoteka {
    background-image: url("../images/icons/cat/cat-hypoteka.png?v67556")
}

.ico-cat-internet {
    background-image: url("../images/icons/cat/cat-internet.png?v67556")
}

.ico-cat-jidlo-a-piti {
    background-image: url("../images/icons/cat/cat-jidlo-a-piti.png?v67556")
}

.ico-cat-kaficko {
    background-image: url("../images/icons/cat/cat-kaficko.png?v67556")
}

.ico-cat-kamaradi {
    background-image: url("../images/icons/cat/cat-kamaradi.png?v67556")
}

.ico-cat-kancelar {
    background-image: url("../images/icons/cat/cat-kancelar.png?v67556")
}

.ico-cat-katastrofy {
    background-image: url("../images/icons/cat/cat-katastrofy.png?v67556")
}

.ico-cat-kluk {
    background-image: url("../images/icons/cat/cat-kluk.png?v67556")
}

.ico-cat-konicky {
    background-image: url("../images/icons/cat/cat-konicky.png?v67556")
}

.ico-cat-kultura {
    background-image: url("../images/icons/cat/cat-kultura.png?v67556")
}

.ico-cat-mlsani {
    background-image: url("../images/icons/cat/cat-mlsani.png?v67556")
}

.ico-cat-na-horsi-casy {
    background-image: url("../images/icons/cat/cat-na-horsi-casy.png?v67556")
}

.ico-cat-napady {
    background-image: url("../images/icons/cat/cat-napady.png?v67556")
}

.ico-cat-online-platby {
    background-image: url("../images/icons/cat/cat-online-platby.png?v67556")
}

.ico-cat-opravy-a-servis {
    background-image: url("../images/icons/cat/cat-opravy-a-servis.png?v67556")
}

.ico-cat-ostatni {
    background-image: url("../images/icons/cat/cat-ostatni.png?v67556")
}

.ico-cat-platba-kartou {
    background-image: url("../images/icons/cat/cat-platba-kartou.png?v67556")
}

.ico-cat-pohonne-hmoty {
    background-image: url("../images/icons/cat/cat-pohonne-hmoty.png?v67556")
}

.ico-cat-pokusy {
    background-image: url("../images/icons/cat/cat-pokusy.png?v67556")
}

.ico-cat-poplatky {
    background-image: url("../images/icons/cat/cat-poplatky.png?v67556")
}

.ico-cat-rodina {
    background-image: url("../images/icons/cat/cat-rodina.png?v67556")
}

.ico-cat-skola {
    background-image: url("../images/icons/cat/cat-skola.png?v67556")
}

.ico-cat-splatka {
    background-image: url("../images/icons/cat/cat-splatka.png?v67556")
}

.ico-cat-sporeni {
    background-image: url("../images/icons/cat/cat-sporeni.png?v67556")
}

.ico-cat-sport {
    background-image: url("../images/icons/cat/cat-sport.png?v67556")
}

.ico-cat-srdecni-zalezitosti {
    background-image: url("../images/icons/cat/cat-srdecni-zalezitosti.png?v67556")
}

.ico-cat-stroje {
    background-image: url("../images/icons/cat/cat-stroje.png?v67556")
}

.ico-cat-ufo {
    background-image: url("../images/icons/cat/cat-ufo.png?v67556")
}

.ico-cat-verejna-doprava {
    background-image: url("../images/icons/cat/cat-verejna-doprava.png?v67556")
}

.ico-cat-vklad-hotovosti {
    background-image: url("../images/icons/cat/cat-vklad-hotovosti.png?v67556")
}

.ico-cat-za-luxus {
    background-image: url("../images/icons/cat/cat-za-luxus.png?v67556")
}

.ico-cat-zabava {
    background-image: url("../images/icons/cat/cat-zabava.png?v67556")
}

.ico-cat-zahrada {
    background-image: url("../images/icons/cat/cat-zahrada.png?v67556")
}

.ico-cat-zazitky {
    background-image: url("../images/icons/cat/cat-zazitky.png?v67556")
}

.ico-cat-zbytecne-vyhozene-penize {
    background-image: url("../images/icons/cat/cat-zbytecne-vyhozene-penize.png?v67556")
}

.ico-cat-zdravi {
    background-image: url("../images/icons/cat/cat-zdravi.png?v67556")
}

.ico-cat-zemedelstvi {
    background-image: url("../images/icons/cat/cat-zemedelstvi.png?v67556")
}

.ico-cat-nakupni-kosik {
    background-image: url("../images/icons/cat/cat-nakupni-kosik.png?v67556")
}

.ico-cat-triko {
    background-image: url("../images/icons/cat/cat-triko.png?v67556")
}

.ico-cat-pohovka {
    background-image: url("../images/icons/cat/cat-pohovka.png?v67556")
}

.ico-cat-pneumatika {
    background-image: url("../images/icons/cat/cat-pneumatika.png?v67556")
}

.ico-cat-mobil {
    background-image: url("../images/icons/cat/cat-mobil.png?v67556")
}

.ico-cat-slunce {
    background-image: url("../images/icons/cat/cat-slunce.png?v67556")
}

.ico-cat-kniha {
    background-image: url("../images/icons/cat/cat-kniha.png?v67556")
}

.ico-cat-destnik {
    background-image: url("../images/icons/cat/cat-destnik.png?v67556")
}

.ico-cat-bankovky {
    background-image: url("../images/icons/cat/cat-bankovky.png?v67556")
}

.ico-cat-hvezdicka {
    background-image: url("../images/icons/cat/cat-hvezdicka.png?v67556")
}

.ico-cat-dane {
    background-image: url("../images/icons/cat/cat-dane.png?v67556")
}

.ico-cat-duchodove {
    background-image: url("../images/icons/cat/cat-duchodove.png?v67556")
}

.ico-cat-nemocenske,
.ico-cat-socko-zdravko {
    background-image: url("../images/icons/cat/cat-nemocenske.png?v67556")
}

.ico-cat-hidden {
    display: none
}

.ui-icon.ui-icon-big-platby {
    width: 31px;
    height: 31px;
    background: url("components/button/img/icons/icons-payments.svg?v67556") 0 0 no-repeat;
    top: 9px
}

.ui-state-hover .ui-icon.ui-icon-big-platby {
    background-position: 0 0
}

.ui-icon.ui-icon-big-zpracovani {
    width: 31px;
    height: 31px;
    background: url("components/button/img/icons/icons-payments.svg?v67556") -31px 0 no-repeat;
    top: 5px
}

.ui-state-hover .ui-icon.ui-icon-big-zpracovani {
    background-position: -31px 0
}

.ui-icon.ui-icon-big-nevyrizene {
    width: 31px;
    height: 31px;
    background: url("components/button/img/icons/icons-payments.svg?v67556") -62px 0 no-repeat;
    top: 5px
}

.ui-state-hover .ui-icon.ui-icon-big-nevyrizene {
    background-position: -62px 0
}

.ui-icon.ui-icon-big-budoucnu {
    width: 31px;
    height: 31px;
    background: url("components/button/img/icons/icons-payments.svg?v67556") -93px 0 no-repeat;
    top: 5px
}

.ui-state-hover .ui-icon.ui-icon-big-budoucnu {
    background-position: -93px 0
}

.ui-icon.ui-icon-print {
    width: 16px;
    height: 17px;
    top: -2px;
    background: url("../images/sprite.svg?v67556") -34px -1375px no-repeat
}

.ui-icon.ui-icon-print-gray {
    width: 16px;
    height: 17px;
    top: -2px;
    background: url("../images/sprite.svg?v67556") -34px -1350px no-repeat
}

.ui-state-hover .ui-icon.ui-icon-print-gray {
    background-position: -34px -1375px
}

.ui-icon.ui-icon-search {
    width: 16px;
    height: 17px;
    top: -1px;
    background: url("../images/sprite.svg?v67556") -35px -1707px no-repeat
}

.ui-icon.ui-icon-export {
    width: 16px;
    height: 17px;
    top: -1px;
    background: url("../images/sprite.svg?v67556") -34px -1200px no-repeat
}

.ui-icon.ui-icon-help {
    width: 20px;
    height: 20px;
    top: -3px;
    background: url("../images/sprite.svg?v67556") 0 -188px
}

.ui-state-hover .ui-icon.ui-icon-help {
    background-position: 0 -1815px
}

.cmpIconAccount,
.cmpIconCard,
.cmpIconUser,
.cmpIconChange,
.cmpIconMobility,
.cmpIconCurrentAccount,
.cmpIconSavingsAccount,
.cmpIconInsurance,
.cmpIconTravelInsurance,
.cmpIconCashLoan,
.cmpIconCashRefinance,
.cmpIconMortgageNew,
.cmpIconMortgageRefinance,
.cmpIconCard2,
.cmpIconCashRefinance2,
.cmpIconInternalRefinance,
.cmpIconInvestment,
.cmpIconTermDeposit,
.cmpIconPension,
.cmpIconPortu,
.cmpIconRentier,
.cmpIconOverdraft,
.cmpIconFeePkgWithdrawals,
.cmpIconFeePkgSms,
.cmpIconFeePkgSummary,
.cmpIconQuickDeferredPayment,
.cmpIconSmeFop {
    position: relative
}

.cmpIconAccount .cmpIcon,
.cmpIconCard .cmpIcon,
.cmpIconUser .cmpIcon,
.cmpIconChange .cmpIcon,
.cmpIconMobility .cmpIcon,
.cmpIconCurrentAccount .cmpIcon,
.cmpIconSavingsAccount .cmpIcon,
.cmpIconInsurance .cmpIcon,
.cmpIconTravelInsurance .cmpIcon,
.cmpIconCashLoan .cmpIcon,
.cmpIconCashRefinance .cmpIcon,
.cmpIconMortgageNew .cmpIcon,
.cmpIconMortgageRefinance .cmpIcon,
.cmpIconCard2 .cmpIcon,
.cmpIconCashRefinance2 .cmpIcon,
.cmpIconInternalRefinance .cmpIcon,
.cmpIconInvestment .cmpIcon,
.cmpIconTermDeposit .cmpIcon,
.cmpIconPension .cmpIcon,
.cmpIconPortu .cmpIcon,
.cmpIconRentier .cmpIcon,
.cmpIconOverdraft .cmpIcon,
.cmpIconFeePkgWithdrawals .cmpIcon,
.cmpIconFeePkgSms .cmpIcon,
.cmpIconFeePkgSummary .cmpIcon,
.cmpIconQuickDeferredPayment .cmpIcon,
.cmpIconSmeFop .cmpIcon {
    left: 10px;
    top: 17px;
    width: 27px;
    height: 27px
}

.cmpIconAccount .cmpEshopItemIcon:before,
.cmpIconCard .cmpEshopItemIcon:before,
.cmpIconUser .cmpEshopItemIcon:before,
.cmpIconChange .cmpEshopItemIcon:before,
.cmpIconMobility .cmpEshopItemIcon:before,
.cmpIconCurrentAccount .cmpEshopItemIcon:before,
.cmpIconSavingsAccount .cmpEshopItemIcon:before,
.cmpIconInsurance .cmpEshopItemIcon:before,
.cmpIconTravelInsurance .cmpEshopItemIcon:before,
.cmpIconCashLoan .cmpEshopItemIcon:before,
.cmpIconCashRefinance .cmpEshopItemIcon:before,
.cmpIconMortgageNew .cmpEshopItemIcon:before,
.cmpIconMortgageRefinance .cmpEshopItemIcon:before,
.cmpIconCard2 .cmpEshopItemIcon:before,
.cmpIconCashRefinance2 .cmpEshopItemIcon:before,
.cmpIconInternalRefinance .cmpEshopItemIcon:before,
.cmpIconInvestment .cmpEshopItemIcon:before,
.cmpIconTermDeposit .cmpEshopItemIcon:before,
.cmpIconPension .cmpEshopItemIcon:before,
.cmpIconPortu .cmpEshopItemIcon:before,
.cmpIconRentier .cmpEshopItemIcon:before,
.cmpIconOverdraft .cmpEshopItemIcon:before,
.cmpIconFeePkgWithdrawals .cmpEshopItemIcon:before,
.cmpIconFeePkgSms .cmpEshopItemIcon:before,
.cmpIconFeePkgSummary .cmpEshopItemIcon:before,
.cmpIconQuickDeferredPayment .cmpEshopItemIcon:before,
.cmpIconSmeFop .cmpEshopItemIcon:before {
    width: 32px;
    height: 32px;
    background: url("../images/sprite.svg?v67556")
}

.cmpIconSmePo {
    position: relative
}

.cmpIconSmePo .cmpIcon {
    left: 10px;
    top: 17px;
    width: 27px;
    height: 27px
}

.cmpIconSmePo .cmpEshopItemIcon:before {
    width: 32px;
    height: 32px;
    background: url("../images/sprite.svg?v67556")
}

.cmpIconQuickDeferredPaymentDisabled {
    position: relative;
    pointer-events: none
}

.cmpIconQuickDeferredPaymentDisabled .cmpIcon {
    left: 10px;
    top: 17px;
    width: 27px;
    height: 27px
}

.cmpIconQuickDeferredPaymentDisabled .cmpEshopItemIcon:before {
    width: 32px;
    height: 32px;
    background: url("../images/sprite.svg?v67556")
}

.cmpIconCurrentAccount .cmpIcon {
    background-position: -2px -2218px
}

.cmpIconSavingsAccount .cmpIcon {
    background-position: -2px -2247px
}

.cmpIconInsurance .cmpIcon {
    background-position: 0 -2556px
}

.cmpIconTravelInsurance .cmpIcon {
    background-position: -2px -2583px
}

.cmpIconCashLoan .cmpIcon {
    background-position: -2px -2276px
}

.cmpIconCashRefinance .cmpIcon {
    width: 30px;
    left: 8px;
    background-position: -2px -2304px
}

.cmpIconMortgageNew .cmpIcon {
    width: 30px;
    left: 8px;
    background-position: -2px -2333px
}

.cmpIconMortgageRefinance .cmpIcon {
    width: 30px;
    left: 8px;
    background-position: -2px -2762px
}

.cmpIconCard2 .cmpIcon {
    background-position: -2px -2362px
}

.cmpIconCard .cmpIcon {
    background-position: -2px -2391px
}

.cmpIconMobility .cmpIcon {
    background-position: -2px -2420px
}

.cmpIconOverdraft .cmpIcon {
    background-position: -2px -2680px
}

.cmpIconInvestment .cmpIcon {
    background-position: -2px -2730px
}

.cmpIconPension .cmpIcon {
    background-position: 0 -2826px
}

.cmpIconPortu .cmpIcon {
    background-position: 0 -2980px
}

.cmpIconRentier .cmpIcon {
    background-position: 0 -3015px
}

.cmpIconCashRefinance2 .cmpIcon {
    background-position: -2px -2646px
}

.cmpIconInternalRefinance .cmpIcon {
    background-position: -2px -2612px;
    height: 30px;
    top: 13px
}

.cmpIconFeePkgWithdrawals .cmpIcon {
    background-position: 0 -2824px;
    height: 32px
}

.cmpIconFeePkgSms .cmpIcon {
    background-position: 0 -2885px;
    height: 28px
}

.cmpIconFeePkgSummary .cmpIcon {
    background-position: 0 -2885px;
    height: 28px
}

.cmpIconSmeFop .cmpIcon {
    background-position: 0 -3053px
}

.cmpIconSmePo .cmpIcon {
    background-position: 0 -3081px
}

.cmpIconTermDeposit .cmpIcon {
    background-position: 0 -3111px
}

.cmpIconCurrentAccount .cmpEshopItemIcon:before {
    background-position: 1px -2216px
}

.cmpIconSavingsAccount .cmpEshopItemIcon:before {
    background-position: 1px -2246px;
    height: 30px
}

.cmpIconInsurance .cmpEshopItemIcon:before {
    background-position: 3px -2555px
}

.cmpIconTravelInsurance .cmpEshopItemIcon:before {
    background-position: 0 -2583px;
    height: 29px;
    width: 29px
}

.cmpIconCashLoan .cmpEshopItemIcon:before {
    background-position: 0 -2274px
}

.cmpIconCashRefinance .cmpEshopItemIcon:before {
    background-position: -1px -2304px
}

.cmpIconMortgageNew .cmpEshopItemIcon:before {
    background-position: -1px -2332px
}

.cmpIconMortgageRefinance .cmpEshopItemIcon:before {
    background-position: 0 -2759px
}

.cmpIconCard2 .cmpEshopItemIcon:before {
    background-position: 1px -2358px
}

.cmpIconCard .cmpEshopItemIcon:before {
    background-position: 1px -2386px
}

.cmpIconMobility .cmpEshopItemIcon:before {
    background-position: 0 -2417px
}

.cmpIconOverdraft .cmpEshopItemIcon:before {
    background-position: 1px -2677px
}

.cmpIconInvestment .cmpEshopItemIcon:before {
    background-position: 1px -2728px
}

.cmpIconCashRefinance2 .cmpEshopItemIcon:before {
    background-position: 1px -2644px
}

.cmpIconInternalRefinance .cmpEshopItemIcon:before {
    background-position: 0 -2611px;
    width: 30px
}

.cmpIconFeePkgWithdrawals .cmpEshopItemIcon:before {
    background-position: 2px -2824px
}

.cmpIconFeePkgSms .cmpEshopItemIcon:before {
    background-position: 2px -2855px;
    height: 30px
}

.cmpIconFeePkgSummary .cmpEshopItemIcon:before {
    background-position: 3px -2883px
}

.cmpIconPension .cmpEshopItemIcon:before {
    background-position: 0 -2823px
}

.cmpIconPortu .cmpEshopItemIcon:before {
    background-position: 0 -2980px
}

.cmpIconRentier .cmpEshopItemIcon:before {
    background-position: 0 -3015px
}

.cmpIconQuickDeferredPayment .cmpEshopItemIcon:before {
    background-position: 0 -2945px;
    height: 32px
}

.cmpIconQuickDeferredPaymentDisabled .cmpEshopItemIcon:before {
    background-position: 0 -2945px;
    height: 32px
}

.cmpIconSmeFop .cmpEshopItemIcon:before {
    background-position: 1px -3053px
}

.cmpIconSmePo .cmpEshopItemIcon:before {
    background-position: 1px -3081px
}

.cmpIconTermDeposit .cmpEshopItemIcon:before {
    background-position: 0 -3111px
}

.cmpIconAttachment {
    display: block;
    width: 15px;
    height: 15px;
    background: url("../images/sprite.svg?v67556") -38px -1636px
}

.cmpIcon {
    position: absolute;
    left: 0;
    top: 0
}

.cmpIconCardSmall {
    height: 9px;
    margin-top: 5px;
    background: url("pages/lead/img2/lead-sprite.png?v67556") 0 -958px
}

.cmpIconMobilitySmall {
    height: 13px;
    margin-top: 3px;
    background: url("pages/lead/img2/lead-sprite.png?v67556") 0 -977px
}

.cmpIconCal .cmpIcon {
    left: 0;
    top: 2px;
    width: 15px;
    height: 16px;
    background-position: 0 -374px
}

.cmpIconPerc .cmpIcon {
    left: 0;
    top: 5px;
    width: 15px;
    height: 12px;
    background-position: 0 -391px
}

.cmpIconPrimary {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 14px;
    background: url("pages/ib/img/homepage-sprite-new.png?v67556") 0 -476px
}

.cmpIconPrimary:hover {
    background-position: 0 -491px
}

.cmpIconProtectedAccount {
    display: inline-block;
    position: relative;
    width: 13px;
    height: 15px;
    background: url("pages/ib/img/homepage-sprite-new.png?v67556") 0 -676px
}

.cmpIconProtectedAccount:hover,
.cmpIconProtectedAccount.dark {
    background-position: 0 -692px
}

.cmpIconChildSavingsAccount {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 15px;
    height: 16px;
    background: url("pages/ib/img/homepage-sprite-new.png?v67556") 0 -708px
}

.cmpIconLocked {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    background: url("components/pane/img/icons/settings/locked.svg?v67556") 0 0 no-repeat
}

.cmpIconNfc,
.cmpIconNfcNoHover {
    display: inline-block;
    position: relative;
    width: 21px;
    height: 15px;
    background-image: url("components/pane/img/icons/settings/card.png?v67556");
    background-size: 100%;
    background-repeat: no-repeat
}

.cmpIconNfc:hover {
    background-image: url("components/pane/img/icons/settings/card-active.png?v67556")
}

.ui-icon-nr {
    width: 32px;
    height: 40px;
    background: url("../../components/pane/img/icons/wizard/icons-numbers.png?v67556") no-repeat 0 0;
    left: 20px;
    top: 24px
}

.ui-icon-nr-big {
    width: 45px;
    height: 53px;
    background: url("../../components/pane/img/icons/settings/icons-numbers-big.png?v67556") no-repeat 0 0;
    left: 20px;
    top: 24px
}

.iconNo1 {
    background-position: 0 0
}

.iconNo2 {
    background-position: 0 -55px
}

.iconNo3 {
    background-position: 0 -110px
}

.focus .iconNo1 {
    background-position: -50px 0
}

.focus .iconNo2 {
    background-position: -50px -55px
}

.focus .iconNo3 {
    background-position: -50px -110px
}

.cmpDisponentRightIcon {
    width: 15px;
    height: 16px;
    margin: 2px 10px;
    background: url("pages/ib/img/disponent-icons.png?v67556") 0 -3px no-repeat
}

.cmpDisponentRightIcon.current {
    background-position: 0 -65px
}

.cmpDisponentRightIcon.loansPreview {
    background-position: 0 -82px
}

.cmpDisponentRightIcon.savings {
    background-position: 0 -98px
}

.cmpDisponentRightIcon.loanPreview {
    background-position: 0 -82px
}

.cmpDisponentRightIcon.cardOnly {
    background-position: 0 -114px
}

.cmpDisponentRightIcon.sazka {
    background-position: 0 -130px
}

.cmpDisponentRightIcon.dor {
    background-position: 0 -145px
}

.mhtMortgageIconHolder {
    float: left;
    margin-left: 20px;
    padding-top: 7px
}

.mhtMortgageIconHolder .cmpIcon {
    position: static;
    width: 25px;
    height: 25px;
    background: url("pages/ib/img/loan-sprite.png?v67556") 0 -305px
}

.mhtMortgageIconHolder .cmpIcon.cmpIconCalendar {
    background-position: -26px -812px
}

.mhtMortgageIconHolder .cmpIcon.cmpIconMoney {
    background-position: -26px -838px
}

.mhtMortgageIconHolder .cmpIcon.cmpIconTime {
    background-position: -26px -906px
}

.mhtMortgageIconHolder .cmpIcon.cmpIconGreen {
    background: #9c3;
    border-radius: 12px
}

.mhtMortgageIconHolder .cmpIcon.cmpIconGrey {
    background: #6e6e6e;
    border-radius: 12px
}

.mhtMortgageIconHolder .cmpIcon.cmpInsured {
    background: url("pages/ib/img/loan/loan-sprite.svg?v40967") no-repeat 0 -96px;
    width: 32px;
    height: 32px;
    margin: -3px
}

.cmpHPIcon {
    position: absolute;
    top: 1px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("pages/ib/img/homepage-sprite-new.png?v67556");
    background-repeat: no-repeat
}

.cmpHPIcon.icheck {
    background-position: 5px -30px
}

.cmpHPIcon.i3coins {
    background-position: 5px -60px
}

.cmpHPIcon.iexclamation {
    background-position: 5px -90px
}

.cmpHPIcon.iarrow {
    background-position: 5px -120px
}

.cmpHPIcon.ical {
    background-position: 5px -150px
}

.cmpHPIcon.isheet {
    background-position: 5px -180px
}

.cmpHPIcon.i2coins {
    background-position: 5px -210px
}

.cmpHPIcon.ipercent {
    background-position: 5px -240px
}

.cmpHPIcon.ihouse {
    background-position: 5px -270px
}

.cmpHPIcon.isack {
    background-position: 5px -300px
}

.cmpHPIcon.ienvelope {
    background-position: 5px -330px
}

.cmpHPIcon.istar {
    background-position: 5px -360px
}

.cmpHPIcon.imessage {
    background-position: 5px -450px
}

.cmpHPIcon.iheart {
    background-position: 5px -555px
}

.cmpHPIcon.ibriefcase {
    background-position: 5px -585px
}

.cmpHPIcon.isuitcase {
    background-position: 5px -617px
}

.ui-icon.ui-icon-big-in-progress {
    width: 31px;
    height: 31px;
    top: 4px;
    background: url("components/button/img/icons/icons-appoverview.png?v67556") -33px 0 no-repeat
}

.ui-icon.ui-icon-big-to-sign {
    width: 31px;
    height: 31px;
    top: 4px;
    background: url("components/button/img/icons/icons-appoverview.png?v67556") 0 0 no-repeat
}

.cmpIconFlag {
    background: url("pages/lead/img2/lead-sprite-consolidation.png?v67556") 0 -150px no-repeat;
    width: 25px;
    height: 25px;
    position: relative;
    float: left;
    margin-top: -4px;
    margin-right: 10px
}

.cmpIconTrusted {
    position: absolute;
    top: 7px;
    right: 0;
    width: 15px;
    height: 15px;
    background: url("pages/ib/img/payment-icons.png?v67556") no-repeat
}

.cmpRecognisedIncomeIcon {
    display: block;
    width: 25px;
    height: 25px;
    background: url("pages/ib/img/loan-sprite.png?v67556") 0 -932px no-repeat;
    margin: 3px 10px 11px
}

.infoIcon {
    width: 16px;
    height: 17px;
    display: inline-block;
    margin-left: 4px;
    background: url("pages/ib/img/loan/loan-sprite.svg?v67556") no-repeat 0 -540px;
    vertical-align: sub
}

.cmpIconFile {
    width: 14px;
    height: 17px;
    background: url("pages/ib/img/file.svg?v67556") no-repeat
}

.tooltipContainer {
    padding: 6px 6px 6px 6px
}

.tooltipContainer .title {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 6px
}

.storeLinkApple {
    background-image: url("pages/mobile/icon-apple-play.svg?v67556")
}

.storeLinkGoogle {
    background-image: url("pages/mobile/icon-google-play.svg?v67556")
}

.greenInfoIcon {
    width: 18px;
    height: 17px;
    display: inline-block;
    background: url("pages/ib/img/loan/info.svg?v67556") no-repeat;
    vertical-align: sub;
    background-size: 18px
}

html,
body {
    height: 100%
}

body {
    color: #000;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    position: relative
}

a {
    color: #000;
    text-decoration: underline
}

a:hover {
    color: #000;
    text-decoration: none
}

.layoutCover {
    position: relative;
    width: 976px;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1200px
}

.layoutHeader {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    min-height: 80px;
    display: flex;
    justify-content: space-between
}

.layoutHeaderLogo {
    display: block;
    margin: 16px 0 0 28px;
    width: 120px;
    min-width: 120px;
    height: 47px;
    background: url("../images/logo.svg?v67556") no-repeat
}

.layoutHeaderLogoTest {
    background: url("logoTest.png?v67556") no-repeat
}

.layoutHeaderLogo a {
    display: block;
    width: 120px;
    height: 47px
}

.layoutContainer {
    position: relative;
    width: 100%
}

.layoutContainerInner {
    position: relative;
    top: -1px;
    clear: both;
    display: flex
}

.layoutNavSide {
    position: relative;
    width: 160px;
    margin-right: -10px;
    z-index: 1;
    clear: left
}

.layoutContext {
    position: absolute;
    right: 6px;
    top: 0;
    width: 30px;
    padding-top: 15px;
    box-sizing: border-box;
    height: 130px;
    background: url("pages/ib/img/menu-context/menu-context-bg.png?v67556")
}

.layoutPostIt {
    position: absolute;
    right: 6px;
    top: 75px;
    width: 30px;
    height: 20px
}

.layoutContent {
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin-right: 26px
}

.layoutHeading h1 {
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    overflow: hidden
}

.layoutFooterPos {
    position: relative
}

.layoutMainMenu {
    height: 70px;
    width: 100%;
    zoom: 1
}

.layoutWidgets {
    position: absolute;
    right: 20px;
    bottom: -60px;
    width: 300px;
    height: 60px;
    zoom: 1
}

.bodyWrapper {
    position: relative;
    background-color: white;
    border: 1px solid #dadada;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 15px
}

.layoutContent.layoutNoSideMenu .bodyWrapper {
    border-top-left-radius: 5px
}

.layoutHomepage .layoutInner {
    min-height: 400px
}

.layoutInnerFooter {
    position: relative;
    height: 20px;
    margin-top: 1px
}

.layoutFooterInfo,
.layoutFooterAneta,
.layoutFooterLogin,
.layoutFooterCopy,
.layoutFooterText,
.layoutFooterSeparator,
.layoutBranch {
    font-size: 10px;
    line-height: 13px;
    color: #666
}

.layoutFooterInfo,
.layoutFooterLogin,
.layoutBranch,
.layoutFooterAneta,
.layoutFooterText,
.layoutFooterSeparator {
    float: left;
    margin: 0 5px
}

.layoutFooterCopy {
    float: right;
    margin-right: 10px
}

.layoutFooterInfo {
    background: url("../images/sprite.svg?v67556") 0 -1076px no-repeat;
    padding-left: 15px
}

.layoutFooterAneta {
    background: url("../images/aneta.svg?v67556") 0 2px no-repeat;
    background-size: 14px;
    padding-left: 20px
}

.layoutFooterLogin {
    padding-left: 15px;
    background: url("../images/sprite.svg?v67556") 0 -1053px no-repeat
}

.layoutFooterSeparator {
    color: #b4b4b4;
    margin: 0;
    padding: 0 3px
}

.layoutFooterLoginPageContainer .layoutFooterText,
.layoutFooterLoginPageContainer .layoutFooterSeparator,
.layoutFooterLoginPageContainer .layoutFooterAneta {
    font-size: 11px
}

.layoutFooterLoginPageContainer .layoutFooterText a {
    background: url("../images/message-circle.svg?v67556") 0 0 no-repeat;
    background-size: 14px;
    padding-left: 20px;
    display: inline-block;
    margin-left: 4px
}

.layoutBranch .mhtLoginBranchLink .ui-button .ui-button-text {
    color: #b4b4b4
}

.layoutInner:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.layoutContentFooter {
    position: absolute;
    left: 0;
    bottom: 0;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    border-top: 1px solid #d9d9d9;
    padding: 14px;
    zoom: 1;
    text-align: right
}

.layoutContentFooter .small {
    margin-top: 0;
    border: 0;
    padding-top: 0
}

.layoutContentFooter .layoutContentFooterRight {
    min-height: 25px
}

.layoutContentFooter.uiBorTop0 {
    border: 0
}

.layoutContentFooter:before,
.layoutContentFooter:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.layoutContentFooter:after {
    clear: both
}

.layoutContentFooterRight .cmpButton {
    float: right;
    margin-left: 10px
}

.layoutContentFooterRight .cmpButton.first {
    margin-left: 0
}

.layoutHeaderUser {
    position: absolute;
    right: 10px;
    top: 17px;
    text-align: right
}

.layoutHeaderUser .cmpButtonLink {
    position: relative;
    height: 25px
}

.layoutHeaderUser .cmpButtonLink .ui-button-text {
    font-size: 11px;
    line-height: 25px
}

.layoutHeaderUser .mhtHeaderCountLink.cmpRoundNumber {
    left: auto;
    right: 0;
    top: 3px;
    width: auto;
    min-width: 13px;
    padding: 0 3px;
    margin: 2px 0 0 3px;
    display: inline-block
}

.layoutHeaderUser .ui-icon.ui-icon-right-down-arrow {
    top: 12px;
    right: 4px;
    background: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #a0a0a0;
    width: 0;
    height: 0
}

.layoutHeaderUser .open .ui-button-text-icon-secondary {
    text-decoration: none
}

.layoutHeaderUser .open .ui-icon.ui-icon-right-down-arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #a0a0a0;
    border-top: 0
}

.layoutHeaderUser .mhtLinkProfile {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 0 5px 5px;
    display: inline-block;
    height: 17px;
    font-weight: bold
}

.layoutHeaderUser .mhtLinkProfile a.ui-button-text-icon-secondary {
    text-decoration: none
}

.cmpVerticallySeparated>span+span:before {
    content: "|";
    padding: 0 7px;
    color: #b4b4b4
}

.cmpProfileNamePersonal,
.cmpProfileNameSmeFop,
.cmpProfileNameSmePo {
    position: relative
}

.cmpProfileNamePersonal:before,
.cmpProfileNameSmeFop:before,
.cmpProfileNameSmePo:before {
    background: url("pages/ib/img/profile-sprite.svg?v67556") no-repeat;
    background-size: 30px;
    content: "";
    width: 16px;
    height: 12px;
    display: block;
    position: absolute;
    left: -16px;
    top: 0
}

.cmpProfileNameSmeFop:before {
    background-position: 0 -12px
}

.cmpProfileNameSmePo:before {
    background-position: 0 -70px;
    background-size: 36px
}

.noscriptLayoutContent {
    position: relative;
    display: none;
    overflow: hidden;
    background: url("pages/login/img/login-layout-bg.png?v67556")
}

.noscriptLayoutInner {
    width: 961px;
    height: 451px
}

.bodyNoscript .layoutFooter {
    margin: 0 auto;
    height: 40px;
    width: 976px;
    background-image: url("pages/login/img/login-layout-bottom.png?v67556")
}

.bodyNoscript .layoutCover {
    position: static
}

.bodyNoscript .noscriptLayoutContent {
    display: block
}

.bodyNoscript .layoutContainer {
    display: none
}

.mhtLoginBranchLink {
    color: #666
}

.mhtLoginBranchLink .ui-button {
    line-height: 30px;
    color: #666;
    display: inline
}

.mhtLoginBranchLink .ui-button .ui-button-text {
    color: #666;
    display: inline
}

.bodyLead2 .layoutContent {
    border: 0
}

.bodyLoader {
    background: #fff url("../images/loader.gif?v67556") no-repeat 50% 40%
}

.bodyLoader .layoutCover {
    position: absolute;
    left: -3000px
}

.ui-dialog-title {
    max-width: 700px
}

.layoutContext .cmpButton {
    display: block;
    width: 30px
}

.layoutContext .ui-button-text {
    zoom: 1;
    height: 20px
}

.layoutContext .ui-icon,
.layoutPostIt .ui-icon {
    background: url("pages/ib/img/menu-context/menu-context-icons.png?v67556") no-repeat;
    left: 7px;
    top: 0;
    width: 16px;
    height: 16px;
    zoom: 1
}

.layoutContext .ui-icon-home-page {
    background-position: -57px 0
}

.layoutContext .ui-state-hover .ui-icon-home-page {
    background-position: -27px 0
}

.layoutContext .selected .ui-icon-home-page {
    background-position: -87px 0
}

.layoutContext .ui-state-disabled .ui-icon-home-page {
    background-position: 3px 0
}

.layoutContext .ui-icon-help {
    background-position: -57px -80px
}

.layoutContext .ui-state-hover .ui-icon-help {
    background-position: -27px -80px
}

.layoutPostIt .ui-icon-postit {
    background-position: -57px -40px
}

.layoutPostIt .ui-state-hover .ui-icon-postit {
    background-position: -27px -40px
}

.layoutPostIt .ui-state-disabled .ui-icon-postit {
    background-position: 3px -40px
}

.layoutContentFooter2 {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-direction: row;
    position: initial;
    padding: 20px 0 4px;
    align-items: center
}

.layoutContentFooter2:before,
.layoutContentFooter2:after {
    display: none
}

.layoutContentFooter2 .cmpBtnOptional {
    margin-left: auto
}

.layoutContentFooter2 .cmpLinkCancel {
    margin-right: auto
}

.layoutContentFooter2 .cmpButtonLink {
    font-size: .875rem;
    line-height: 1.25rem
}

.layoutContentFooter2 .cmpAuthNext {
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
    gap: 3px
}

.layoutContentFooter2 .cmpAuthNext .cmpButton30 {
    margin: 0
}

.layoutContentFooter2 .cmpAuthNext .mhtAuth {
    display: flex;
    gap: 3px;
    width: 100%;
    justify-content: end;
    margin-top: 0;
    align-items: center
}

.layoutContentFooter2 .cmpAuthNext .mhtAuth.mhtAuthSmsPwd {
    margin: -20px 0 0
}

.layoutContentFooter2 .cmpAuthNext .mhtAuth.mhtAuthSmsPwd .mhtAuthLabel {
    width: initial;
    display: block;
    text-align: right;
    margin-top: 16px
}

.layoutContentFooter2 .cmpAuthNext .mhtAuth label {
    top: 0
}

.layoutContentFooter2 .cmpAuthNext:only-child,
.layoutContentFooter2 .cmpLinkPrev.uiDispNone+.cmpAuthNext:nth-child(2) {
    margin-left: auto
}

.layoutContentFooter2.cmpLayoutFooterFixed {
    position: fixed;
    bottom: 0;
    padding-bottom: 40px;
    margin-left: -19px;
    margin-right: -19px;
    padding-left: 20px;
    padding-right: 40px;
    width: initial;
    background: white;
    background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0) 100%);
    align-items: flex-end;
    gap: 8px;
    flex-direction: column-reverse;
    left: 186px;
    right: 46px
}

.layoutContentFooter2.cmpLayoutFooterResp {
    padding: 20px;
    border: 1px solid #dadada;
    border-radius: 5px;
    background-color: #f5f5f5
}

.layoutContentFooter2.cmpLayoutFooterResp .cmpAuthNext {
    align-items: flex-end;
    width: 100%;
    gap: 8px;
    flex-direction: column-reverse
}

@media screen and (max-width:600px) {

    .mhtResponsive .layoutContentFooter2.cmpLayoutFooterFixed .cmpButton30,
    .mhtResponsive .layoutContentFooter2.cmpLayoutFooterResp .cmpButton30 {
        width: initial
    }

    .mhtResponsive .layoutContentFooter2.cmpLayoutFooterFixed .cmpAuthNext:only-child,
    .mhtResponsive .layoutContentFooter2.cmpLayoutFooterResp .cmpAuthNext:only-child {
        margin-left: auto
    }
}

.mhtCompoNew .bodyWrapper {
    padding: 20px
}

.mhtCompoNew .layoutHeading h2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #2a2a2a;
    padding: 8px 0 16px;
    margin: 0
}

.mhtResponsive .layoutCover {
    width: 100%
}

.mhtResponsive .layoutContentFooter {
    width: 100%;
    box-sizing: border-box;
    position: relative
}

@media screen and (max-width:600px) {
    .mhtResponsive .layoutContainerInner {
        flex-direction: column
    }

    .mhtResponsive .bodyWrapper {
        border-radius: 0 !important;
        margin-right: 0;
        border-right: 0;
        border-left: none;
        padding: 15px
    }

    .mhtResponsive .layoutContentFooter2 {
        flex-direction: column-reverse;
        align-items: initial
    }

    .mhtResponsive .layoutContentFooter2 .cmpButton30 {
        width: 100%
    }

    .mhtResponsive .layoutContentFooter2 .cmpAuthNext {
        flex-direction: column-reverse
    }

    .mhtResponsive .layoutContentFooter2 .cmpAuthNext:only-child,
    .mhtResponsive .layoutContentFooter2 .cmpLinkPrev.uiDispNone+.cmpAuthNext:nth-child(2) {
        margin-left: initial
    }

    .mhtResponsive .cmpLinkResourceKeys,
    .mhtResponsive #wicketDebugLink,
    .mhtResponsive #wicketDebugBar {
        display: none
    }

    .mhtResponsive .layoutContext {
        right: 0;
        padding-top: 0;
        margin-right: 0;
        background: 0
    }

    .mhtResponsive .layoutPostIt,
    .mhtResponsive .mhtSetHome {
        display: none
    }
}

.cmpLinkAdd a {
    padding-left: 20px;
    padding-bottom: 1px;
    background: url("../images/sprite.svg?v67556") -35px -862px no-repeat
}

.cmpLinkAdd a:hover {
    background-position: -35px -898px
}

.cmpLinkEdit a.ui-button {
    padding-left: 20px;
    padding-bottom: 1px;
    background: url("../images/sprite.svg?v67556") -38px -554px no-repeat
}

.cmpLinkRefresh a.ui-button {
    padding-left: 20px;
    background: url("../images/sprite.svg?v67556") -33px -2735px no-repeat
}

.cmpLinkEdit a:hover {
    background-position: -38px -586px
}

.cmpLinkRemove a.ui-button,
.cmpLinkCancel a.ui-button,
.cmpLinkCancel a.ui-button.ui-state-disabled:hover,
.cmpLinkRemove a.ui-button.ui-state-disabled:hover {
    padding-left: 16px;
    padding-bottom: 1px;
    background: url("../images/sprite.svg?v67556") -37px -454px no-repeat
}

.cmpLinkCancel a:hover,
.cmpLinkRemove a:hover {
    background-position: -37px -489px
}

.cmpLinkCancel.small a {
    padding-left: 15px;
    background: url("../images/sprite.svg?v67556") -42px -350px no-repeat
}

.cmpLinkCancel.small a:hover {
    background-position: -42px -367px
}

.cmpLinkSave a.ui-button {
    padding-left: 20px;
    background: url("../images/sprite.svg?v67556") 0 -1102px no-repeat
}

.cmpLinkPrev a.ui-button {
    padding-left: 10px;
    background: url("../images/sprite.svg?v67556") 0 -1275px no-repeat
}

.cmpLinkNext a.ui-button {
    padding-right: 10px;
    background: url("../images/sprite.svg?v67556") 100% -1292px no-repeat
}

.cmpLinkHelp a.ui-button {
    padding-left: 23px;
    background: url("../images/sprite.svg?v67556") 0 -209px no-repeat
}

.cmpLinkHelp a.ui-button:hover {
    background-position: 0 -229px
}

.cmpLinkReview a.ui-button {
    padding-left: 21px !important;
    background: url("../images/sprite.svg?v67556") -35px -2167px no-repeat
}

.cmpLinkReview a.ui-button:hover {
    background-position: -35px -2187px
}

.cmpBoxWhite .cmpLinkHelp a:hover {
    background-position: 0 -1816px
}

.cmpLinkFile a.ui-button {
    padding-left: 20px;
    padding-bottom: 3px;
    word-break: break-all;
    white-space: normal;
    display: block;
    height: auto
}

.cmpLinkFile a.ui-button:before {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 0;
    background: url("../images/sprite.svg?v67556") -37px -1516px no-repeat
}

.cmpLinkFile a:hover:before {
    background-position: -37px -1541px
}

.cmpLinkFileInText a.ui-button {
    display: inline !important
}

.cmpLinkError {
    float: left;
    padding-left: 5px
}

.cmpLinkError a {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/sprite.svg?v67556") 0 -168px;
    text-indent: -100px;
    overflow: hidden
}

.cmpLinkToggle {
    float: right;
    margin-top: 2px;
    padding-left: 18px;
    margin-top: 2px;
    height: 16px;
    color: #666;
    background: url("../images/sprite.svg?v67556") -35px -1442px no-repeat
}

.cmpLinkToggle:hover {
    background-position: -35px -1458px
}

a.cmpButtonPdf.ui-button {
    float: left;
    margin-top: 2px;
    padding-left: 20px;
    height: 15px;
    line-height: 16px;
    color: #666;
    background: url("../images/sprite.svg?v67556") -35px -1474px no-repeat;
    text-decoration: underline
}

a.ui-button.cmpButtonPdf:hover {
    background-position: -35px -1490px;
    text-decoration: none
}

.mhtAccountNew .cmpLinkAdd {
    background: transparent
}

.mhtAccountNew .cmpLinkAdd a.ui-button {
    position: relative;
    float: left;
    padding-left: 0;
    padding-bottom: 2px;
    padding-right: 30px;
    color: #6e6e6e;
    background: url("../images/sprite.svg?v67556") 100% -1012px no-repeat;
    font-size: 16px;
    font-weight: bold
}

.mhtAccountNew .cmpLinkAdd a:hover {
    background-position: -35px -898px
}

.mhtTable thead .cmpLink,
.mhtTable thead .cmpLink a {
    position: relative;
    display: block;
    float: left
}

.mhtTable thead .cmpLink a {
    margin-bottom: -6px;
    height: 16px;
    padding: 5px 0;
    font-size: 11px
}

.mhtTable thead .mhtFilter .cmpLink a {
    margin-right: 10px
}

.mhtTable thead .mhtFilter .cmpLink>span {
    display: block
}

.mhtTable thead .cmpLink.filtered,
.mhtTable thead .cmpLink.open {
    margin-left: -10px
}

.mhtTable thead .cmpLinkSearch.filtered,
.mhtTable thead .cmpLinkSearch.open {
    margin-left: 0
}

.mhtTable thead .cmpLink.filtered a,
.mhtTable thead .cmpLink.open a {
    margin-right: 0;
    padding: 5px 10px;
    background-color: #666;
    color: #fff
}

html:root .mhtTable thead .cmpLink.filtered a,
html:root .mhtTable thead .cmpLink.open a {
    text-decoration: none
}

.mhtTable thead .right .cmpLink.filtered a,
.mhtTable thead .right .cmpLink.open a {
    margin-left: 0
}

.mhtTable thead .cmpLink.filtered .cmpIcon,
.mhtTable thead .cmpLink.open .cmpIcon {
    width: 8px;
    height: 6px;
    left: 50%;
    top: auto;
    bottom: -12px;
    margin-left: -3px;
    background: url("components/button/img/icons/icon-arrow-down.png?v67556") 0 -144px
}

.mhtTable thead .ui-state-disabled {
    color: #000;
    text-decoration: none
}

.cmpButton.cmpButtonSort {
    display: inline-block;
    height: 12px
}

.cmpButton.cmpButtonSort .ui-button {
    display: block;
    position: relative;
    float: left;
    width: 11px;
    height: 11px;
    margin-left: 5px;
    margin-top: 8px
}

.cmpButton.cmpButtonSort.nofilter .ui-button {
    margin-top: 3px
}

.cmpButton.cmpButtonSort .ui-button .ui-button-text {
    display: block;
    height: auto;
    padding: 0
}

.ui-button-icon-primary.icoSort {
    background: url("../images/sprite.svg?v67556");
    width: 11px;
    height: 11px
}

.ui-button-icon-primary.icoSort {
    background-position: -39px -1804px
}

.ui-state-hover .ui-button-icon-primary.icoSort {
    background-position: -39px -1793px
}

.filtered .ui-button-icon-primary.icoSort {
    background-position: -39px -1782px
}

.cmpButtonSortDesc .ui-button-icon-primary.icoSort {
    background-position: -28px -1804px
}

.cmpButtonSortDesc .ui-state-hover .ui-button-icon-primary.icoSort {
    background-position: -28px -1793px
}

.cmpButtonSortDesc.filtered .ui-button-icon-primary.icoSort {
    background-position: -28px -1782px
}

.cmpLinkSearch a {
    padding: 5px 0 5px 22px;
    background-image: url("../images/sprite.svg?v67556");
    background-position: -32px -1703px;
    background-repeat: no-repeat
}

.mhtTable thead .mhtFilterSearch {
    padding-left: 5px
}

.mhtFilterSearch .cmpLinkSearch a {
    pointer-events: none
}

.mhtTable thead .mhtFilter .cmpLinkSearch a {
    margin-right: 0
}

.mhtTable thead .cmpLinkSearch a,
.mhtTable thead .cmpLinkSearch.filtered a,
.mhtTable thead .cmpLinkSearch.open a {
    width: 12px;
    padding: 5px 10px;
    background-image: url("../images/sprite.svg?v67556");
    background-position: -32px -1703px
}

.mhtTable thead .cmpLinkSearch.filtered a,
.mhtTable thead .cmpLinkSearch.open a {
    background-position: -32px -1725px
}

.mhtTable thead .cmpLinkSearch .cmpIcon,
.mhtTable thead .cmpLinkSearch.filtered .cmpIcon,
.mhtTable thead .cmpLinkSearch.open .cmpIcon {
    width: 6px;
    height: 4px;
    left: auto;
    bottom: auto;
    right: 5px;
    top: 10px;
    background: url("../images/sprite.svg?v67556") -44px -1754px
}

.mhtTable thead .cmpLinkSearch.filtered .cmpIcon,
.mhtTable thead .cmpLinkSearch.open .cmpIcon {
    background-position: -44px -1768px
}

.mhtFilterClear .ui-button .ui-button-text {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    right: -7px;
    top: -5px;
    padding: 0;
    background: url("../images/sprite.svg?v67556") -35px -1660px
}

.mhtFilterClear .ui-state-hover .ui-button-text {
    background-position: -35px -1685px
}

.mhtGrid40 tr {
    height: 40px
}

.uiFont12 tr {
    font-size: 12px
}

tr.uiBorBot0 td {
    border-bottom: 0
}

.cmpButtonFee .ui-button {
    display: block;
    text-align: right;
    padding-right: 12px
}

.cmpButtonFee .ui-button.ui-state-hover {
    text-decoration: underline
}

.cmpButtonFee .ui-button.ui-state-disabled {
    text-decoration: none
}

.cmpButtonFeeBin .ui-button:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 0;
    background: url("components/button/img/icons/icon-bin.png?v67556");
    width: 10px;
    height: 12px
}

.cmpButtonFeeBin .ui-button.ui-state-hover:before {
    background-position: 0 -12px
}

.cmpButtonFeeBin .ui-button.ui-state-disabled:before {
    background-position: 0 0
}

.mhtGrid40 .ui-icon-grid-bin {
    top: .2em
}

.mhtTable {
    width: 100%;
    line-height: 1.5
}

.mhtTable td,
.mhtTable th {
    border-bottom: 1px solid #dadada;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    vertical-align: middle;
    height: 27px
}

.mhtTable td.uiAlignRgh,
.mhtTable th.uiAlignRgh {
    text-align: right
}

.mhtTable td.uiValignTop,
.mhtTable th.uiValignTop {
    vertical-align: top
}

.mhtTable tr.first td,
.mhtTable tr.first th {
    border-top: 1px solid #dadada
}

.mhtTable tr.last td,
.mhtTable tr.last th {
    border-bottom: 0
}

.mhtTable thead td,
.mhtTable thead th {
    border-bottom-color: #9c3;
    font-weight: normal;
    text-align: left;
    vertical-align: bottom
}

.mhtTableHover tbody tr:hover,
.mhtTableLinks tbody tr:hover,
.mhtTableHover tbody tr.ui-state-hover,
.mhtTableLinks tbody tr.ui-state-hover {
    background: #ecf7e0
}

.mhtTableLinks tbody tr {
    cursor: pointer
}

.mhtTableLinks tbody tr.ui-state-disabled {
    cursor: default
}

.mhtTable .cmpInner {
    padding-left: 10px
}

.mhtTable .cmpInner.right {
    float: right;
    text-align: right
}

.mhtTable td.first .cmpInner,
.mhtTable th.first .cmpInner {
    padding-left: 10px
}

.mhtTable th.last .cmpInner,
.mhtTable td.last .cmpInner {
    padding-right: 10px
}

.mhtTablePane.scrollable td.last .cmpInner,
.mhtTablePane.scrollable th.last .cmpInner {
    padding-right: 20px
}

.mhtFilter {
    position: relative;
    float: left
}

.mhtFilter.labelWithSort {
    padding-top: 5px;
    margin-right: 3px
}

.mhtTable.small {
    font-size: 11px
}

.mhtTable.small td,
.mhtTable.small th {
    padding-top: 8px;
    padding-bottom: 8px
}

.mhtTable.small thead td,
.mhtTable.small thead th {
    padding-top: 5px;
    padding-bottom: 5px
}

.mhtTableHeading {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1;
    font-weight: bold
}

.mhtEmpty {
    font-size: 11px
}

.mhtEmpty td {
    padding-left: 5px
}

.mhtTable small {
    font-size: 10px;
    color: #666
}

.mhtTable em {
    color: #af0100;
    font-style: normal
}

.mhtEmpty em {
    color: #000;
    font-style: italic
}

.mhtTable tr.gray,
.mhtTable td.gray {
    color: #000;
    background: #ebebeb
}

.mhtTable tr.gray:hover,
.mhtTable td.gray:hover {
    background: #dadada
}

.mhtTable tr.white-background:hover,
.mhtTable td.white-background:hover {
    background: #ecf7e0
}

.mhtTable tr.green,
.mhtTable td.green {
    color: #000;
    background: #ecf7e0
}

.mhtTable tr.green:hover,
.mhtTable td.green:hover {
    background: #9c3
}

.mhtTable tr.red,
.mhtTable td.red {
    background: #ffebeb
}

.mhtTable.mhtTableHover tr.red:hover,
.mhtTable.mhtTableHover td.red:hover,
.mhtTable.mhtTableLinks tr.red:hover,
.mhtTable.mhtTableLinks td.red:hover {
    background: #df9999
}

.mhtTable tr.selected {
    background: #ebf8df
}

.mhtTable .cmpInline {
    line-height: 20px
}

.mhtTable .indent td.first {
    padding-left: 30px
}

.mhtTable .indent td.uiW250.first {
    width: 220px !important
}

.mhtTable .mhtAction {
    float: right;
    text-align: right;
    white-space: nowrap
}

.mhtPaging {
    position: relative;
    padding-top: 10px
}

.mhtPaging .cmpLinkPrev a,
.mhtPaging .cmpLinkNext a {
    display: inline-block;
    width: 8px;
    height: 9px;
    margin-top: 10px;
    padding: 0
}

.mhtPaging .cmpText {
    margin: 0 4px;
    vertical-align: top
}

.mhtPaging .cmpInline {
    padding: 0;
    padding-top: 5px;
    padding-right: 5px;
    display: inline-block;
    float: none
}

.mhtPaging .cmpLinkPrev a {
    background-position: 0 -1313px
}

.mhtPaging .cmpLinkNext a {
    background-position: 100% -1332px
}

.mhtPaging .mhtPagingForm {
    text-align: center
}

.mhtPagingFooter {
    float: left;
    height: 29px;
    width: 0;
    line-height: 1.2
}

.mhtPagingFooterInner {
    width: 330px;
    margin-top: 7px
}

.mhtPagingFooter.text .mhtPagingFooterInner {
    color: #666;
    font-size: 11px;
    font-style: italic
}

.mhtPagingFooter.nomar .mhtPagingFooterInner {
    margin-top: 0
}

.mhtPagingFooter.right {
    float: right
}

.mhtPagingFooter.right .mhtPagingFooterInner {
    text-align: right;
    margin-left: -330px
}

.mhtTableFooter {
    float: left;
    margin-top: 15px
}

.mhtTableFooter .cmpLinkPrev a,
.mhtTableFooter .cmpLinkMisc a,
.mhtPagingFooter .cmpLinkMisc a,
.mhtPagingFooter .cmpLinkPrev a {
    float: left;
    margin: 0;
    margin-left: 15px;
    color: #666;
    font-weight: bold;
    position: relative
}

.mhtTable.mhtPaymentGrid td,
.mhtTable.mhtDocumentsGrid td,
.mhtTable.mhtInvestmentsGrid td {
    border: none !important;
    height: auto;
    padding: 0
}

.mhtTable.mhtPaymentGrid .wrapper,
.mhtTable.mhtDocumentsGrid .wrapper,
.mhtTable.mhtInvestmentsGrid .wrapper {
    border: 1px solid #dadada;
    border-radius: 5px;
    margin: 5px 0
}

.mhtTable.mhtPaymentGrid .wrapper.open,
.mhtTable.mhtDocumentsGrid .wrapper.open,
.mhtTable.mhtInvestmentsGrid .wrapper.open {
    background: #ebebeb
}

.mhtTable.mhtPaymentGrid .wrapper.incoming.open,
.mhtTable.mhtDocumentsGrid .wrapper.incoming.open,
.mhtTable.mhtInvestmentsGrid .wrapper.incoming.open {
    background: #ecf7e0
}

.mhtTable.mhtPaymentGrid .wrapper.red.open,
.mhtTable.mhtDocumentsGrid .wrapper.red.open,
.mhtTable.mhtInvestmentsGrid .wrapper.red.open {
    background: #ffebeb
}

.mhtTable.mhtPaymentGrid .wrapper.whiteBg.open,
.mhtTable.mhtDocumentsGrid .wrapper.whiteBg.open,
.mhtTable.mhtInvestmentsGrid .wrapper.whiteBg.open {
    background: 0
}

.mhtTransTable {
    display: block
}

.mhtTransTable tbody {
    flex-direction: row;
    display: flex;
    justify-content: space-around
}

.mhtTransTable tbody tr {
    display: flex;
    flex-direction: column
}

.mhtTransTable tbody tr td,
.mhtTransTable tbody tr th {
    display: block
}

.mhtTable.mhtTablePointer>tbody tr {
    cursor: pointer
}

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

.mhtPaging2 .cmpInline {
    padding: 0 0 0 6px
}

.mhtPaging2 .cmpLinkNext,
.mhtPaging2 .cmpLinkPrev {
    width: 26px
}

.mhtPaging2 .cmpLinkNext a,
.mhtPaging2 .cmpLinkPrev a {
    margin: 0 8px;
    text-decoration: none;
    font-size: 11px;
    background: 0;
    padding: 0;
    color: #586877
}

.mhtPaging2 .cmpLinkPrev a:after {
    content: "\25C0"
}

.mhtPaging2 .cmpLinkNext a:after {
    content: "\25B6"
}

.mhtPaging2 .cmpTextIn input {
    text-align: center
}

.mhtPaging2 .cmpText .cmtTextIn {
    height: 30px
}

.grid {
    box-sizing: border-box;
    display: flex;
    margin: 0 -1%
}

.grid>.grid_col-1 {
    box-sizing: border-box;
    flex: 0 0 6.3333333333%;
    margin: 0 1% 2%
}

.grid>.grid_col-2 {
    box-sizing: border-box;
    flex: 0 0 14.6666666667%;
    margin: 0 1% 2%
}

.grid>.grid_col-3 {
    box-sizing: border-box;
    flex: 0 0 23%;
    margin: 0 1% 2%
}

.grid>.grid_col-4 {
    box-sizing: border-box;
    flex: 0 0 31.3333333333%;
    margin: 0 1% 2%
}

.grid>.grid_col-5 {
    box-sizing: border-box;
    flex: 0 0 39.6666666667%;
    margin: 0 1% 2%
}

.grid>.grid_col-6 {
    box-sizing: border-box;
    flex: 0 0 48%;
    margin: 0 1% 2%
}

.grid>.grid_col-7 {
    box-sizing: border-box;
    flex: 0 0 56.3333333333%;
    margin: 0 1% 2%
}

.grid>.grid_col-8 {
    box-sizing: border-box;
    flex: 0 0 64.6666666667%;
    margin: 0 1% 2%
}

.grid>.grid_col-9 {
    box-sizing: border-box;
    flex: 0 0 73%;
    margin: 0 1% 2%
}

.grid>.grid_col-10 {
    box-sizing: border-box;
    flex: 0 0 81.3333333333%;
    margin: 0 1% 2%
}

.grid>.grid_col-11 {
    box-sizing: border-box;
    flex: 0 0 89.6666666667%;
    margin: 0 1% 2%
}

.grid>.grid_col-12 {
    box-sizing: border-box;
    flex: 0 0 98%;
    margin: 0 1% 2%
}