

@font-face {
    font-family: 'ubuntuBold';
    src: url('../font/ubuntu.bold.ttf');
}

.font-ubuntu-bold {
    font-family: 'ubuntuBold' !important;
}

@font-face {
    font-family: 'ubuntuBoldItalic';
    src: url('../font/ubuntu.bold-italic.ttf');
}

.font-ubuntu-bold-italic {
    font-family: 'ubuntuBoldItalic' !important;
}

@font-face {
    font-family: 'ubuntuCondensed';
    src: url('../font/ubuntu.condensed.ttf');
}

.font-ubuntu-condensed {
    font-family: 'ubuntuCondensed' !important;
}

@font-face {
    font-family: 'ubuntuItalic';
    src: url('../font/ubuntu.italic.ttf');
}

.font-ubuntu-italic {
    font-family: 'ubuntuItalic' !important;
}

@font-face {
    font-family: 'ubuntuLight';
    src: url('../font/ubuntu.light.ttf');
}

.font-ubuntu-light {
    font-family: 'ubuntuLight' !important;
}

@font-face {
    font-family: 'ubuntuLightItalic';
    src: url('../font/ubuntu.light-italic.ttf');
}

.font-ubuntu-light-italic {
    font-family: 'ubuntuLightItalic' !important;
}

@font-face {
    font-family: 'ubuntuMedium';
    src: url('../font/ubuntu.medium.ttf');
}

.font-ubuntu-medium {
    font-family: 'ubuntuMedium' !important;
}

@font-face {
    font-family: 'ubuntuMediumItalic';
    src: url('../font/ubuntu.medium-italic.ttf');
}

.font-ubuntu-medium-italic {
    font-family: 'ubuntuMediumItalic' !important;
}

@font-face {
    font-family: 'ubuntuMono';
    src: url('../font/ubuntu.mono.ttf');
}

.font-ubuntu-mono {
    font-family: 'ubuntuMono' !important;
}

@font-face {
    font-family: 'ubuntuMonoBold';
    src: url('../font/ubuntu.mono-bold.ttf');
}

.font-ubuntu-mono-bold {
    font-family: 'ubuntuMonoBold' !important;
}

@font-face {
    font-family: 'ubuntuMonoBoldItalic';
    src: url('../font/ubuntu.mono-bold-italic.ttf');
}

.font-ubuntu-mono-bold-italic {
    font-family: 'ubuntuMonoBoldItalic' !important;
}

@font-face {
    font-family: 'ubuntuMonoItalic';
    src: url('../font/ubuntu.mono-italic.ttf');
}

.font-ubuntu-mono-italic {
    font-family: 'ubuntuMonoItalic' !important;
}

@font-face {
    font-family: 'ubuntuRegular';
    src: url('../font/ubuntu.regular.ttf');
}

.font-ubuntu-regular {
    font-family: 'ubuntuRegular' !important;
}

header {
    font-family: 'ubuntuRegular';
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -webkit-print-color-adjust: exact !important;
}

body {
    margin: 0px !important;
    min-width: 0px !important;
    font-family: 'ubuntuRegular';
    background: #f9f9f9 !important;
    /*background-color: #F1F2F4 !important;*/
    color: #2c3e50;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -webkit-print-color-adjust: exact !important;
}

.container {
    min-width: 0px !important;
    width: 100% !important;
    /*
    padding-right: 16px !important;
    padding-left: 16px !important;
    */
    margin-right: auto !important;
    margin-left: auto !important;
}

.svg-background-subscription-left {
    background-image: url('../img/svg/col-curve-one-white.svg');
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
}

.svg-background-subscription-right {
    background-color: rgb(249, 249, 249);
    background-image: url('../img/svg/others-one.svg'), url('../img/svg/line-curve-one-white.svg'), url('../img/svg/others-two.svg') !important;
    background-size: 150px 400px, contain, 150px 400px !important;
    background-position: left bottom, left top, calc(100% + 30px) -50px !important;
    background-repeat: no-repeat, no-repeat, no-repeat;
}

.access-block {
    background-color: #F9F9F9 !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
}

.access-box {
    min-width: 386px !important;
    max-width: 540px !important;
}

.access-image-box {
    margin-bottom: 40px !important;
}

.access-box-color {
    background-color: #ffffff !important;
    padding: 30px !important;
    border-radius: 10px !important;
    border: 1px solid #efefef !important;
}

.subscription-box {
    padding-top: 40px !important;
    padding-bottom: 100px !important;
}

.subscription-box-left {
    padding-right: 16px;
    padding-left: 16px;
}

.subscription-box-right {
    padding-right: 16px;
    padding-left: 16px;
}

@media (min-width:576px) {
    .container {
        max-width: 464px !important;
    }

    .svg-background-subscription-right {
        background-image: url('../img/svg/others-one.svg'), url('../img/svg/line-curve-one-white.svg'), url('../img/svg/others-two.svg') !important;
        background-size: 150px 400px, contain, 150px 400px !important;
        background-position: left bottom, left top, calc(100% + 30px) -50px !important;
    }

    .subscription-box-left {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .subscription-box-right {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
}

@media (min-width:768px) {
    .container {
        max-width: 708px !important;
    }

    .svg-background-subscription-right {
        background-image: url('../img/svg/others-one.svg'), url('../img/svg/line-curve-one-white.svg'), url('../img/svg/others-two.svg') !important;
        background-size: 150px 400px, contain, 150px 400px !important;
        background-position: left bottom, left top, calc(100% + 30px) -50px !important;
    }

    .subscription-box-left {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .subscription-box-right {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
}

@media (min-width:992px) {
    .container {
        max-width: 944px !important;
    }

    .svg-background-subscription-right {
        background-image: url('../img/svg/others-one.svg'), url('../img/svg/others-two.svg'), url('../img/svg/col-curve-one-white.svg') !important;
        background-size: 300px 800px, 300px 800px, contain !important;
        background-position: left bottom, calc(100% + 40px) -170px, left top !important;
    }

    .subscription-box-left {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .subscription-box-right {
        padding-right: 60px !important;
        padding-left: 60px !important;
    }
}

@media (min-width:1320px) {
    .container {
        max-width: 1262px !important;
    }

    .svg-background-subscription-right {
        background-image: url('../img/svg/others-one.svg'), url('../img/svg/others-two.svg'), url('../img/svg/col-curve-one-white.svg') !important;
        background-size: 300px 800px, 300px 800px, contain !important;
        background-position: left bottom, calc(100% + 50px) -110px, left top !important;
    }

    .subscription-box-left {
        padding-right: 70px !important;
        padding-left: 70px !important;
    }

    .subscription-box-right {
        padding-right: 160px !important;
        padding-left: 160px !important;
    }
}

@media (min-width:1640px) {
    .container {
        max-width: 1579px !important;
    }

    .svg-background-subscription-right {
        background-image: url('../img/svg/others-one.svg'), url('../img/svg/others-two.svg'), url('../img/svg/col-curve-one-white.svg') !important;
        background-size: 300px 800px, 300px 800px, contain !important;
        background-position: left bottom, calc(100% + 50px) -110px, left top !important;
    }

    .subscription-box-left {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }

    .subscription-box-right {
        padding-right: 200px !important;
        padding-left: 200px !important;
    }
}

/*DIV CENTER*/
.full-height {
    height: 100% !important;
}

.full-width {
    width: 100% !important;
}

.vertical-div-center {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0px !important;
}

.vertical-div-block-width {
    max-width: 320px !important;
}

.vertical-div-block-border {
    background-color: #ffffff;
    border: 1px solid #00A3DC !important;
    padding: 20px;
    border-radius: 10px;
}
/*DIV CENTER - End*/

.enter-box-width {
    min-width: 360px;
    max-width: 480px;
}

.no-space {
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.no-padding {
    padding: 0px !important;
}

.margin-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.border-right {
    border-right: 0px solid #E5E5E5 !important;
}

.subscription-logo {
    padding-bottom: 50px !important;
}

.home-session-profile-caption {
    font-size: 44px;
    font-family: 'ubuntuBold';
    line-height: 1.2;
}

.home-session-profile-description {
    font-size: 26px;
    font-family: 'ubuntuRegular';
    line-height: 1.2;
}

.home-session-start-title {
    font-size: 16px;
    font-family: 'ubuntuRegular';
    line-height: 1.5;
    margin-bottom: 8px !important;
    letter-spacing: 3px;
}

.home-session-start-text {
    font-size: 38px;
    font-family: 'ubuntuLight';
    line-height: 1.5;
}

.home-session-start-text-mine {
    font-size: 32px;
    font-family: 'ubuntuLight';
    line-height: 1.5;
}

.home-session-start-subtext {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 22px;
    font-family: 'ubuntuRegular';
    line-height: 1.7;
}

.home-session-start-subtext-mine {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 20px;
    font-family: 'ubuntuRegular';
    line-height: 1.7;
}

.home-session-comparatitext {
    margin-top: 40px;
    font-size: 26px;
    font-family: 'ubuntuRegular';
    line-height: 1.5;
}

.home-session-comparatisubtext {
    margin-top: 10px;
    margin-bottom: 100px;
    font-size: 15px;
    font-family: 'ubuntuRegular';
    line-height: 1.7;
}

.home-session-start-list-item {
    font-size: 17px;
    font-family: 'ubuntuRegular';
    line-height: 1.2;
}

.home-session-conversion-text {
    font-size: 20px;
    font-family: 'ubuntuRegular';
    line-height: 1.5;
    color: #454550;
}

.home-session-conversion-data {
    margin-top: -20px;
    margin-bottom: -12px;
    font-size: 70px;
    font-family: 'ubuntuBold';
    line-height: 1.5;
    color: #0504c9;
}

.home-session-feedback-title {
    font-size: 20px;
    font-family: 'ubuntuRegular';
    line-height: 1.5;
    color: #070817;
}

.home-session-feedback-description {
    font-size: 16px;
    font-family: 'ubuntuRegular';
    line-height: 1.5;
    color: #454550;
}

.home-session-feedback-divider {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    height: 1px !important;
    background-color: purple !important;
    border-bottom: 1px solid #E6E6E6 !important;
}

.home-session-feedback-company {
    font-size: 13px;
    font-family: 'ubuntuLight';
    line-height: 1.5;
    color: #181818;
}

.home-session-niche-title {    
    font-size: 20px;
    font-family: 'ubuntuRegular';
    line-height: 1.5;
    color: #070817;
}

.home-session-niche-description {
    font-size: 16px;
    font-family: 'ubuntuRegular';
    line-height: 1.5;
    color: #545454;
}

.font-color-app {
    color: #0504c9 !important;  
}

.font-color-black {
    color: #000000 !important;  
}

.font-color-default {
    color: #4D5062 !important;  
}

.font-color-gray {
    color: #4D5062 !important;  
}

.font-color-gray-lite {
    color: #949494 !important;  
}

.font-color-monsoon {
    color: #908F90 !important;  
}

.font-color-fedora {
    color: #706E70 !important;  
}

.font-color-green {
    color: #17b780 !important;  
}

.font-color-green-strong {
    color: #0e7451 !important;  
}

.font-color-green-light {
    color: #1ACC8F !important;  
}

.font-color-purple {
    color: #5e558e !important;  
}

.font-color-purple-strong {
    color: #4b4471 !important;  
}

.font-color-purple-light {
    color: #7e76a4 !important;  
}

.font-color-red-strong {
    color: #be1919 !important;  
}

.font-color-red-light {
    color: #FA7878 !important;  
}

.font-color-blue {
    color: #00a5cd !important;
}

.font-color-blue-strong {
    color: #00667f !important;
}

.font-color-blue-light {
    color: #00b8e4 !important;
}

.font-color-silver {
    color: #c0c0c0 !important;  
}

.font-color-white {
    color: #ffffff !important;  
}

.font-color-gumbo {
    color: #908F90 !important;  
}

.font-color-mine-shaft {
    color: #212121 !important;  
}

.background-color-white {
    background-color: #ffffff !important;
}

.text-color-white {
    color: #ffffff !important;
}

.link-color-white {
    color: #ffffff !important;
}

.link-color-white:hover {
    color: #202020 !important;
}









.background-color-black {
    background-color: #202020 !important;
}

.text-color-black {
    color: #202020 !important;
}

.link-color-black {
    color: #202020 !important;
}

.link-color-black:hover {
    color: #ffffff !important;
}







.background-color-gray-one {
    background-color: #191919 !important;
}

.text-color-gray-one {
    color: #191919 !important;
}

.link-color-gray-one {
    color: #191919 !important;
}

.link-color-gray-one:hover {
    color: #20252a !important;
}



.background-color-gray-two {
    background-color: #20252a !important;
}

.text-color-gray-two {
    color: #20252a !important;
}

.link-color-gray-two {
    color: #20252a !important;
}

.link-color-gray-two:hover {
    color: #454550 !important;
}





.background-color-gray-three {
    background-color: #454550 !important;
}

.text-color-gray-three {
    color: #454550 !important;
}

.link-color-gray-three {
    color: #454550 !important;
}

.link-color-gray-three:hover {
    color: #7a7a7a !important;
}



.background-color-gray-four {
    background-color: #7a7a7a !important;
}

.text-color-gray-four {
    color: #7a7a7a !important;
}

.link-color-gray-four {
    color: #7a7a7a !important;
}

.link-color-gray-four:hover {
    color: #949494 !important;
}



.background-color-gray-five {
    background-color: #949494 !important;
}

.text-color-gray-five {
    color: #949494 !important;
}

.link-color-gray-five {
    color: #949494 !important;
}

.link-color-gray-five:hover {
    color: #c1c1c1 !important;
}





.background-color-gray-six {
    background-color: #c1c1c1 !important;
}

.text-color-gray-six {
    color: #c1c1c1 !important;
}

.link-color-gray-six {
    color: #c1c1c1 !important;
}

.link-color-gray-six:hover {
    color: #e6ecf2 !important;
}




.background-color-gray-seven {
    background-color: #e6ecf2 !important;
}

.text-color-gray-seven {
    color: #e6ecf2 !important;
}

.link-color-gray-seven {
    color: #e6ecf2 !important;
}

.link-color-gray-seven:hover {
    color: #eff4f8 !important;
}




.background-color-gray-eight {
    background-color: #eff4f8 !important;
}

.text-color-gray-eight {
    color: #eff4f8 !important;
}

.link-color-gray-eight {
    color: #eff4f8 !important;
}

.link-color-gray-eight:hover {
    color: #eff4f8 !important;
}




.background-color-pink-one {
    background-color: #0504c9 !important;
}

.text-color-pink-one {
    color: #0504c9 !important;
}

.link-color-pink-one {
    color: #0504c9 !important;
}

.link-color-pink-one:hover {
    color: #0504c9 !important;
}



.background-color-pink-two {
    background-color: #0504c9 !important;
}

.text-color-pink-two {
    color: #0504c9 !important;
}

.link-color-pink-two {
    color: #0504c9 !important;
}

.link-color-pink-two:hover {
    color: #ee48a0 !important;
}



.background-color-pink-three {
    background-color: #ee48a0 !important;
}

.text-color-pink-three {
    color: #ee48a0 !important;
}

.link-color-pink-three {
    color: #ee48a0 !important;
}

.link-color-pink-three:hover {
    color: #ee48a0 !important;
}




.subscription-radio-box {
    margin-bottom: 30px !important;
}

.subscription-radio-icon {
    margin-right: 16px !important;
    width: 22px !important;
    height: 22px !important;
    border: 5px solid #A8A8AD !important;
    border-radius: 50% !important;
}

.subscription-radio-checked-icon {
    margin-right: 16px !important;
    width: 22px !important;
    height: 22px !important;
    border: 5px solid #0504c9 !important;
    border-radius: 50% !important;
}

.subscription-radio-text {
    font-family: 'ubuntuMedium' !important;
    font-size: 20px !important;
    color: #A8A8AD !important;
}











.remove-margin-top {
    margin-top: 0px !important;
}

.remove-margin-bottom {
    margin-bottom: 0px !important;
}

.remove-padding-bottom {
    padding-bottom: 0px !important;
}



.space-left {
    padding-left: 10px !important;
}

.space-right {
    padding-right: 10px !important;
}

.space-button-left {
    margin-left: 6px !important;
}

.space-button-right {
    margin-right: 6px !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.text-top {
    vertical-align: top !important;
}

.text-middle {
    vertical-align: middle !important;
}

.text-bottom {
    vertical-align: bottom !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.link-terms {
    color: #d42280 !important;
}

.link-terms:hover {
    color: #ed3b9a !important;
}

.link-subscription-back-min-width {
    min-width: 140px !important;
}

.text-ellipsis {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    /*
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-block !important;
    */
}

.text-ellipsis-less {

    /*
    width: 100% !important;
    white-space: nowrap !important;
    display: inline-block !important;
    */
}


/*
.no-break-text {
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-block !important;
}
*/

.no-break-text-ellipsis-less {
    width: 100% !important;
    white-space: nowrap !important;
    display: inline-block !important;
}

.no-break-text {
    white-space: nowrap !important;
}

.cursor-auto {
    cursor: auto !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.docs-list-box {
    margin-bottom: 18px !important;
}

.docs-list-item {
    font-size: 15px;
    font-family: 'ubuntuRegular' !important;
    line-height: 1.7 !important;
    margin-bottom: 0px !important;
}

.home-session-start-subtext-access {
    padding: 0px !important;
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 16px;
    font-family: 'ubuntuRegular';
    line-height: 1.7;
}

.menu-main-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.menu-shadow-bottom {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(184,175,184,0.4) !important;
    -moz-box-shadow: 0px 2px 2px 0px rgba(184,175,184,0.4) !important;
    box-shadow: 0px 2px 2px 0px rgba(184,175,184,0.4) !important;
}

.top-menu-header-secundary {
    padding: 0px !important;
    background: #ffffff !important;
    line-height: 28px;
}

.container-menu-header {
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

.nav-logo {
    margin-left: 0px !important; 
    margin-right: 8px !important; 
    margin-top: 4px !important; 
    margin-bottom: 4px !important;
    width: 186px;
}

.nav-menu-main-margin-box {
    margin: 5px 0px 5px 0px !important;
}

.nav-menu-main-margin-right {
    margin-right: 40px !important;
}

.navbar-toggler {
    margin-top: 6px; 
    margin-bottom: 8px;
    padding: 8px 10px 8px 10px !important;
    border: 1px solid #0504c9 !important;   
    color: #0504c9 !important;
    font-size: 14px !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler:focus {
    outline: none !important;
    box-shadow: none !important;
}

.container-docs {
    min-width: 0px !important;
    width: 100% !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
    /*
    margin-right: 16px !important;
    margin-left: 16px !important;
    */
}

.line-height-zero {
    line-height: 1.0;
}

.line-height-one {
    line-height: 1.1;
}

.line-height-two {
    line-height: 1.2;
}

.line-height-three {
    line-height: 1.3;
}

.line-height-four {
    line-height: 1.4;
}

.line-height-five {
    line-height: 1.5;
}

.line-height-six {
    line-height: 1.6;
}

.line-height-seven {
    line-height: 1.7;
}

.line-height-eight {
    line-height: 1.8;
}

.line-height-nine {
    line-height: 1.9;
}

.line-height-ten {
    line-height: 2.0;
}

.paragraph-margin-remove {
    margin-bottom: 0px !important;
}

.nav-menu-main-caption-box {
    border-radius: 5px !important;
    padding: 5px 20px 20px 6px !important;
}

.nav-menu-main-caption-wrap {
    margin-top: 0px !important;
    text-align: left !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

.nav-menu-main-caption {
    text-align: left !important;
    font-size: 16px !important;
    /*margin-right: 6px !important;*/
    color: #070817 !important;
    font-weight: lighter !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: 'ubuntuRegular' !important;
}

.nav-menu-main-icon-down {
    margin-left: 6px !important;
    color: #0504c9 !important;
}

.link-menu-top-item {
    font-family: 'ubuntuRegular' !important;
    font-size: 12px !important;
    padding: 12px 0px 0px 0px !important;
    border: none !important;
    border-radius: 4px !important;
    text-align: left !important;
    color: #070766 !important;
    transition: all .1s ease;
}

.link-menu-top-item:hover {
    color: #0504c9 !important;
    transition: all .1s ease;
}

.link-menu-top-item-divider {
    font-family: 'ubuntuLight' !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    color: #ececec !important;
    transition: all .1s ease;
}

.link-dash-title {
    font-family: 'ubuntuRegular' !important;
    font-size: 13px !important;
    padding: 12px 0px 0px 0px !important;
    border: none !important;
    border-radius: 4px !important;
    text-align: left !important;
    transition: all .1s ease;
}











































































































































































.link-start-box {
    font-family: 'ubuntuBold' !important;
    font-size: 16px !important;
    background-color: #ffffff !important;
    padding: 14px 20px 14px 20px !important;
    margin-right: 10px !important;
    min-width: 180px;
    border: 2px solid #ffffff;
    border-radius: 30px !important;
    opacity: 1 !important;
    transition: all .2s ease;
    color: #0504c9 !important;
}

.link-start-box:hover {
    background-color: transparent !important;
    border: 2px solid #ffffff;
    opacity: 1 !important;
    transition: all .2s ease;
    color: #ffffff !important;
}

.link-action-box-color-default {
    background-color: #E4E6EA !important;
    color: #070817 !important;
}

.link-action-box-color-default:hover {
    background-color: #D0D4DB !important;
    color: #070817 !important;
}

.link-action-box-color-light {
    background-color: #F1F2F4 !important;
    color: #070817 !important;
}

.link-action-box-color-light:hover {
    background-color: #DCDFE4 !important;
    color: #070817 !important;
}

.link-action-box-color-transparent {
    /*background-color: #E4E6EA !important;*/
    color: #070817 !important;
}

.link-action-box-color-transparent:hover {
    background-color: #D0D4DB !important;
    color: #070817 !important;
}

.link-action-box-color-blue {
    background-color: #0C66E4 !important;
    color: #ffffff !important;
}

.link-action-box-color-blue:hover {
    background-color: #0055CC !important;
    color: #ffffff !important;
}

.link-action-box-color-green {
    background-color: #34b17d !important;
    color: #ffffff !important;
    font-family: 'ubuntuBold' !important;
}

.link-action-box-color-green:hover {
    background-color: #61c29a !important;
    color: #ffffff !important;
}

.link-action-box-color-green-light {
    background-color: #BAF3DB !important;
    color: #2A5F49 !important;
    font-family: 'ubuntuBold' !important;
}

.link-action-box-color-green-light:hover {
    background-color: #A4CDBB !important;
    color: #294F3F !important;
}

.link-action-box-color-link {
    color: #070817 !important;
}

.link-action-box-color-link:hover {
    color: #181818 !important;
}


.link-action-box-color-pink {
    background-color: #070766 !important;
    color: #ffffff !important;
}

.link-action-box-color-pink:hover {
    background-color: #0504c9 !important;
    color: #ffffff !important;
}

.link-action-box-color-red {
    background-color: #ff3131 !important;
    color: #ffffff !important;
}

.link-action-box-color-red:hover {
    background-color: #ff5a5a !important;
    color: #ffffff !important;
}

.link-action-box-color-border-pink {
    border: 2px solid #191919 !important;
    color: #191919 !important;
}

.link-action-box-color-border-pink:hover {
    background-color: #fde9f3 !important;
    border: 2px solid #070766 !important;
}

.link-full {
    width: 100% !important;
}

.link-action-box {
    font-family: 'ubuntuRegular' !important;
    font-size: 16px !important;
    /*border: none !important;*/
    border-radius: 4px !important;
    /*border: none !important;*/
    text-align: left !important;
    transition: all .1s ease;
}

.link-action-box:hover {
    transition: all .1s ease;
}

.link-action-box-mini {
    font-family: 'ubuntuRegular' !important;
    font-size: 12px !important;
    /*border: none !important;*/
    border-radius: 4px !important;
    text-align: left !important;
    transition: all .1s ease;
}

.link-action-box-mini:hover {
    transition: all .1s ease;
}

.link-action-box-mini-item {
    font-family: 'ubuntuRegular' !important;
    font-size: 10px !important;
    /*border: none !important;*/
    border-radius: 4px !important;
    text-align: left !important;
    transition: all .1s ease;
}

.link-action-box-mini-item:hover {
    transition: all .1s ease;
}

.link-action-box-margin {
    margin-top: 8px !important;
}

.link-action-box-margin-mine {
    margin-top: 0px !important;
}

.link-action-box-padding {
    padding: 8px 16px 8px 16px !important;
}

.link-action-box-padding-mine {
    padding: 6px 10px 6px 10px !important;
}

.link-action-checkbox-padding {
    padding: 12px 55px 12px 16px !important;
}

.link-action-box-flex {
    width: 100% !important;
}

.link-action-on-left {
    margin-left: 16px !important;
    font-size: 16px !important;
}

.link-action-on-right {
    margin-right: 16px !important;
    font-size: 16px !important;
}

.link-action-icon-on-left {
    position: absolute;
    font-size: 16px;
}

.link-action-icon-on-right {
    margin-left: 20px !important;
    font-size: 16px;
}

.link-action-icon-checkbox {
    position: absolute;
    margin-top: -7px;
    margin-bottom: 7px;
    font-size: 31px;
}

.cursor-pointer:hover {
    cursor: pointer !important;
}

.icon-on-right {
    cursor: pointer !important;
}

.link-action-paragraph-title {
    padding-left: 17px !important;
    padding-right: 10px !important;
}

.link-action-paragraph {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-indent: 0px !important;
    margin-left: 0px !important;
    line-height: 1.3;
    margin-bottom: 0px !important;
}

.link-action-text {
    cursor: pointer !important;
    padding-left: 32px !important;
}

.link-action-text-icon {
    font-size: 16px !important;
    cursor: pointer !important;
    padding-left: 0px !important;
}

.link-action-text-icon-mini {
    font-size: 12px !important;
    cursor: pointer !important;
    padding-left: 0px !important;
}

.link-action-text-text {
    font-size: 13px !important;
    cursor: pointer !important;
    padding-left: 0px !important;
}

.link-action-text-text-mini {
    font-size: 12px !important;
    cursor: pointer !important;
    padding-left: 0px !important;
}

.link-action-text-icon-less {
    cursor: pointer !important;
    padding-left: 0px !important;
}

.link-action {
    cursor: pointer !important;  
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-action:link {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-action:link:hover {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-action:visited {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-action:hover {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-action:active {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-action:focus {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-action-remove-toggle {
    padding-left: 27px !important;   
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-action-remove-toggle::before {
    content: none !important;
}

.link-action-remove-toggle::after {
    padding-left: 10px !important;
    content: none !important;
}

.link-remove-decoration {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-remove-decoration:link {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-remove-decoration:link:hover {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-remove-decoration:visited {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-remove-decoration:hover {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-remove-decoration:active {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.link-remove-decoration:focus {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.table-code-cell-name {
    font-family: 'ubuntuMedium';
    color: #202020 !important;
    padding-right: 6px !important;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.table-code-cell-type {
    color: #939393 !important;
    padding-right: 6px !important;
    white-space: nowrap !important;
}

.table-code-cell-required {
    color: #ffa500 !important;
    padding-right: 6px !important;
    white-space: nowrap !important;
}

.table-code-cell-example {
    font-family: 'ubuntuMedium' !important;
    color: #3F3F3F !important;
    padding-right: 6px !important;
    margin-bottom: 2px !important;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.table-code-cell-description {
    font-size: 14px !important;
    color: #606060 !important;
    padding-right: 6px !important;
    margin-bottom: 10px !important;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.table-code-block-field {
    padding: 6px 6px 6px 0px!important;
}

.table-code-block-object {
    padding: 6px 6px 6px 0px!important;
    border-radius: 5px !important;
}

.table-code-block-object:hover {
    opacity: 0.6 !important;
}

.table-code-block-row-padding {
    padding: 10px !important;
}

.table-code-block-row-line {
    border-bottom: 1px solid #E5E5E5 !important;
}

.table-code-block-level-border {
    padding: 0px!important;
    border-radius: 5px !important;
    border: 1px solid #E5E5E5 !important;
}

.table-code-block-level-one {
    background-color: #ffffff !important;
}

.table-code-block-level-two {
    background-color: #fcfcfc !important;
}

.table-code-block-level-three {
    background-color: #fafafa !important;
}

.table-code-block-level-four {
    background-color: #f7f7f7 !important;
}

.table-code-block-level-five {
    background-color: #f3f3f3 !important;
}

.dash-color-white {
    background-color: #ffffff !important;
}

.dash-color-default {
    background-color: #f5f5f5 !important;
}

.dash-header-block {
    padding: 20px 30px 20px 30px !important;
    margin-bottom: 20px !important;
}

.dash-block-space {
    padding: 0px 10px 0px 10px !important;
}

.dash-space {
    padding: 0px 10px 0px 10px !important;
}

.dash-block {
    padding: 20px 20px 20px 20px !important;
    /*margin-top: 0px !important;*/
}

.dash-block-table {
    padding: 20px 20px 0px 20px !important;
    margin-top: 0px !important;
}

.dash-block-bottom {
    margin-bottom: 20px !important;
}

.dash-divider {
    margin-top: 25px !important;
    margin-bottom: 30px !important;
    width: 100% !important;
    height: 2px !important;
    border-bottom: 2px solid #f9f9f9 !important;
}

.dash-tab {
    padding: 0px !important;
    border-radius: 4px 0px 0px 4px !important;
    margin-top: 0px !important;
    margin-bottom: 18px !important;
    width: 100% !important;
}

.dash-tab-table {
    padding: 0px !important;
    border-radius: 4px 0px 0px 4px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    width: 100% !important;
}

.dash-tab-header {
    margin-top: 15px !important;
    padding: 0px !important;
    width: 100% !important;
}


.dash-tab-header-item {
    padding: 6px 14px 6px 14px !important;
    border-radius: 0px !important;
}

.dash-tab-body {
    margin-top: 0px !important;
    padding: 0px 0px 0px 0px !important;
    width: 100% !important;
    min-height: 10px !important;
}

.dash-background-color-gray-code-header {
    /*background-color: #ebedef !important;*/
    font-family: 'ubuntuMedium' !important;
    color: #202020 !important;
}

.dash-background-color-gray-code-header.active {
    background-color: #ffffff !important;
    border-bottom: 3px solid #0504c9 !important;
    font-family: 'ubuntuMedium' !important;
    color: #0504c9 !important;
}

.dash-background-color-gray-code-body {
    background-color: #ffffff !important;
    border-top: 3px solid #f9f9f9 !important;
    margin-top: -3px !important;
}



.dash-table-title {
    padding: 0px 0px 10px 0px !important;
}

.dash-table {
    padding: 0px 0px 0px 0px !important;
    width: 100% !important;
}

.dash-table-header {
    background-color: #f5f5f5 !important;
    padding: 0px 0px 0px 0px !important;
    /*
    display: table;
    width: calc(100% - 20px) !important;
    table-layout: fixed;
    */
}

.dash-table-body {
    /*
    display: block;
    max-height: 540px;
    overflow-y: scroll;
    */
}

.dash-table-col {
    font-family: 'ubuntuLight' !important;
    font-size: 12px !important;
    padding: 10px 10px 10px 10px !important;
    white-space: pre-wrap !important;
}

.dash-table-cell {
    color: #2e303a !important;
    font-family: 'ubuntuRegular' !important;
    font-size: 13px !important;
    padding: 10px 10px 10px 10px !important;
}

.dash-table-row {
    /*
    display: table;
    width: 100%;
    table-layout: fixed;
    */
}

.dash-table-row:nth-child(odd) {
    background-color: #ffffff !important;
}

.dash-table-row:nth-child(even) {
    background-color: #f9f9f9 !important;
}



.dash-box-min-height {
    min-height: 194px !important;
}

.dash-table-mine-divider {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    width: 100% !important;
    height: 1px !important;
    border-bottom: 1px solid #f9f9f9 !important;
}

.dash-table-mine {
    padding: 0px 0px 0px 0px !important;
    width: 100% !important;
}

.dash-table-mine-body {
    /*display: block;*/
}

.dash-table-mine-col {
    font-family: 'ubuntuMedium' !important;
    color: #1c1c1c !important;
    font-size: 15px !important;
    padding: 6px 10px 6px 10px !important;
}

.dash-table-mine-cell {
    font-size: 13px !important;
    padding: 6px 10px 6px 0px !important;
}

.dash-table-mine-cell-icon {
    font-size: 13px !important;
    padding: 6px 0px 6px 0px !important;
    width: 20px !important
}

.dash-table-mine-row {
    /*
    display: table;
    width: 100%;
    table-layout: fixed;
    */
}

.dash-table-mine-row:nth-child(odd) {
    background-color: #ffffff !important;
}

.dash-table-mine-row:nth-child(even) {
    background-color: #ffffff !important;
}









.dash-space-right {
    margin-right: 10px !important;
}


.dash-header-menu-icon-width {
    position: relative !important;
    z-index: 1 !important;
    width: 22px !important;
}

.dash-header-menu-icon-size {
    font-size: 18px !important;
}

.dash-header-menu-caption {
    padding-left: 0px !important;
    color: #172B4D !important;
    font-family: 'ubuntuMedium' !important;
    font-size: 18px !important;
}

.dash-box-left {
    padding-right: 40px !important;
}

.dash-box-space-text-right {
    margin-right: 20px !important;
}

.dash-box-space-icon-right {
    margin-right: 6px !important;
}

.dash-box-title {
    font-size: 16px !important;
    font-family: 'ubuntuLight' !important;
    line-height: 1.5 !important;
    margin-bottom: 0px !important;
}

.dash-box-title-mine {
    font-size: 13px !important;
    font-family: 'ubuntuLight' !important;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
}

.dash-box-subtitle-mine {
    margin-bottom: 10px !important;
    font-size: 18px !important;
    font-family: 'ubuntuRegular' !important;
    line-height: 1.7 !important;
}

.dash-box-subtitle {
    margin-bottom: 0px !important;
    font-size: 28px !important;
    font-family: 'ubuntuRegular' !important;
    line-height: 1.7 !important;
}

.dash-box-subtitle-currency {
    font-size: 18px !important;
}

.text-strong {
    font-family: 'ubuntuMedium' !important;
}




.dash-table-mine-cell-link {
    color: #070766 !important;
    transition: all .1s ease;
}

.dash-table-mine-cell-link:hover {
    color: #0504c9 !important;
    transition: all .1s ease;
}







.dash-table-scrollbar {
    min-height: 10px !important;
    /*max-height: 800px !important;*/
    overflow-y: auto !important;
    overflow-x: auto !important;
}

.dash-table-title-mine {
    font-size: 12px !important;
    font-family: 'ubuntuLight' !important;
    line-height: 1.5 !important;
    margin-bottom: 0px !important;
}


.dash-table-menu-text {
    font-family: 'ubuntuRegular' !important;
    font-size: 12px !important;
    padding: 4px 0px 4px 0px !important;
    border: none !important;
    border-radius: 4px !important;
    text-align: left !important;
    color: #070766 !important;
    transition: all .1s ease;
}


.dash-table-menu-item {
    font-family: 'ubuntuRegular' !important;
    font-size: 12px !important;
    padding: 6px 10px 2px 10px !important;
    border: none !important;
    border-radius: 4px !important;
    text-align: left !important;
    color: #070766 !important;
    transition: all .1s ease;
}

.dash-table-menu-item-mini {
    font-family: 'ubuntuRegular' !important;
    font-size: 13px !important;
    padding: 3px 10px 3px 10px !important;
    border: none !important;
    border-radius: 4px !important;
    text-align: left !important;
    color: #070766 !important;
    transition: all .1s ease;
}

.dash-table-menu:hover {
    color: #0504c9 !important;
    transition: all .1s ease;
}

.dash-table-filter {
    border-bottom: 2px solid #ffffff !important;
}

.dash-table-filter-apply:hover {
    background-color: #0504c9 !important;
    color: #ffffff !important;
    border-bottom: 2px solid #0504c9 !important;
}

.dash-table-filter-clear {
    color: #999999 !important;
}

.dash-table-filter-clear:hover {
    background-color: #DCDFE4 !important;
    color: #070817 !important;
    border-bottom: 2px solid #DCDFE4 !important;
}

.dash-table-menu-divider {
    font-family: 'ubuntuLight' !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    color: #ececec !important;
    transition: all .1s ease;
}

.dash-table-menu-text-divider {
    font-family: 'ubuntuLight' !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    color: #ececec !important;
    transition: all .1s ease;
}

.link-dark {
    cursor: pointer !important;
}

.sidebar-account-mode-account {
    padding: 4px 6px 4px 6px !important;
    margin-bottom: 4px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    font-family: 'ubuntuMedium' !important;
}

.sidebar-account-mode {
    padding: 4px 6px 4px 6px !important;
    margin-bottom: 4px !important;
    border-radius: 3px !important;
    font-size: 11px !important;
    font-family: 'ubuntuRegular' !important;
}

.sidebar-account-mode-color-active-production {
    background-color: rgba(109, 180, 66, 1) !important;
    color: #ffffff !important;
}

.sidebar-account-mode-color-active-test {
    background-color: rgba(254, 146, 37, 1) !important;
    color: #ffffff !important;
}

.sidebar-account-mode-color-production {
    background-color: rgba(109, 180, 66, .85) !important;
    color: #ffffff !important;
}

.sidebar-account-mode-color-test {
    background-color: rgba(254, 146, 37, .85) !important;
    color: #ffffff !important;
}

.product-display-info-use {
    font-size: 20px !important;
    color: #8C8C8C;
    font-family: 'ubuntuRegular' !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-indent: 0px !important;
    margin-left: 0px !important;
    line-height: 1.3;
    margin-bottom: 0px !important;
}

.product-display-category-link {
    position: relative;
    padding-left: 2px !important;
    font-size: 20px;
    color: #172B4D !important;
    font-family: 'ubuntuLight' !important;
    text-decoration: none;
}

.product-display-category-link:hover:before {
    visibility: visible !important;
    color: #172B4D !important !important;
    -webkit-transform: scaleX(1) !important;
    transform: scaleX(1) !important;
}

.product-display-category-link-title {
    position: relative;
    cursor: text !important;
    padding-left: 4px !important;
    font-size: 20px;
    color: #172B4D !important;
    font-family: 'ubuntuRegular' !important;
    text-decoration: none;
}

.product-display-category-link-title:hover {
    color: #172B4D !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.product-display-category-link-divider-icon {
    color: #CCCED7 !important;
    font-size: 20px !important;
    font-family: 'ubuntuRegular' !important;
    margin-left: 10px !important;
    margin-right: 6px !important;
}

.link-find {
    background-color: #ffffff !important;
    color: #0504c9 !important;
}

.link-find:hover {
    background-color: #0504c9 !important;
    color: #ffffff !important;
}

.link-find-fill {
    background-color: #0504c9 !important;
    color: #ffffff !important;
}

.link-find-fill:hover {
    background-color: #0504c9 !important;
    color: #ffffff !important;
}

.link-find-outline {
    background-color: #ffffff !important;
    color: #0504c9 !important;
    border: 1px solid rgba(237, 52, 150, .25) !important;
}

.link-find-outline:hover {
    background-color: #0504c9 !important;
    color: #ffffff !important;
    border: 1px solid rgba(237, 52, 150, 1) !important;
}

.link-find-transparent {
    background-color: #ffffff !important;
    color: #0504c9 !important;
}

.link-find-transparent:hover {
    background-color: #0504c9 !important;
    color: #ffffff !important;
}

.link-find-disabled {
    background-color: #ffffff !important;
    color: #8D87A0 !important;
}

.link-find-disabled:hover {
    background-color: #ECF0F4 !important;
    color: #7D7A8D !important;
}

.dash-table-header-box {
    background-color: #e6e6e6 !important;
    padding: 14px 10px 14px 10px !important;
}

.dash-table-header-title {
    font-size: 18px !important;
    font-family: 'ubuntuMedium' !important;
}


.dash-table-footer-box {
    background-color: #ffffff !important;
    padding: 14px 10px 14px 10px !important;
}

.dash-table-footer-title {
    font-size: 18px !important;
    font-family: 'ubuntuMedium' !important;
}




.dash-table-empty-box-width {
    min-width: 320px !important;
    max-width: 340px !important;
}

.dash-table-empty-box-icon {
    padding: 20px 0px 0px 0px !important;
}

.dash-table-empty-box-title {
    padding: 16px 0px 0px 0px !important;
}

.dash-table-empty-title {
    font-size: 16px !important;
    font-family: 'ubuntuMedium' !important;
    color: #7D7A8D !important;
}

.dash-table-empty-box-subtitle {
    padding: 10px 0px 20px 0px !important;
}

.dash-table-empty-subtitle {
    font-size: 14px !important;
    font-family: 'ubuntuRegular' !important;
    color: #8D87A0 !important;
}

.dash-table-pagination-message {
    font-size: 12px !important;
    font-family: 'ubuntuRegular' !important;
    color: #8D87A0 !important;
}


.safe-ico-wrap {
    float: left !important;
    padding: 0px 10px 12px 0px;
    margin-top: -5px !important;

}


.safe-ico {
    font-size: 12px !important;
}

.safe-title {
    font-size: 11px !important;
}

.safe-ico-left {
    /*
    padding: 1px 4px 1px 8px !important;
    border: 0px solid #fff !important;
    border-radius: 4px 0px 0px 4px;
    color: #ffffff;
    text-align: center !important;
    max-width: 100px !important;
    background-image: linear-gradient(to top right, #0b2f54, #247ec4);
    */

    padding: 0px 4px 1px 8px !important;
    border: 1px solid #ffffff !important;
    border-radius: 4px 0px 0px 4px;
    background-image: linear-gradient(to top right, #0b2f54, #247ec4) !important;
    color: #ffffff;
    text-align: center !important;
    max-width: 100px !important;
}

.safe-ico-right {
    padding: 1px 4px 0px 4px !important;
    border: 0px solid #fff !important;
    border-radius: 0px 4px 4px 0px;
    background-color: #ffffff;
    color: #4f5d5c;
    text-align: center !important;
    max-width: 100px !important;
}

.padding-icon {
    padding-left: 4px !important;
    padding-right: 8px !important;
}

.footer-pay-trust-icon {
    margin-top: -5px !important;
    height: 23px !important;
}

.footer-logo {
    max-width: 100% !important;
    height: 140px !important;
}

.footer-partner {
    margin-top: 60px !important;
    max-width: 100% !important;
    height: 35px !important;
    padding-left: 30px !important;
}

.footer-data-caption {
    font-size: 16px;
    font-family: 'ubuntuRegular';
    line-height: 1.2;
    margin-bottom: 0px;
}

.footer-data-title {
    font-size: 14px;
    font-family: 'ubuntuRegular';
    line-height: 1.2;
    margin-bottom: 0px;
}

.footer-data-description {
    font-size: 13px;
    font-family: 'ubuntuRegular';
    line-height: 1.2;
    margin-bottom: 0px;
}

.footer-link {
    font-size: 14px;
    font-family: 'ubuntuRegular';
    color: #2e303a !important;
}

.footer-link:hover {
    color: #575961 !important;
    text-decoration: underline !important;
}









.footer-divider-icon {
    color: #c9cacf !important;
    font-size: 18px !important;
    cursor: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.table-link {
    font-size: 14px;
    font-family: 'ubuntuRegular';
    color: #2e303a !important;
    text-decoration: none !important;
}

.table-link:hover {
    cursor: pointer !important;
    color: #42444d !important;
    text-decoration: underline !important;
}



.table-status-size {
    font-family: 'ubuntuBold' !important;
    font-size: 11px !important;
    padding: 6px 8px 6px 8px !important;
    border: none !important;
    border-radius: 3px !important;
    text-align: left !important;
    color: #070766 !important;
    transition: all .1s ease;
}

.detail-split-message {
    float: left !important;
    font-family: 'ubuntuBold' !important;
    font-size: 12px !important;
    padding: 8px 10px 8px 10px !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    border: none !important;
    text-align: left !important;
    color: #070766 !important;
    transition: all .1s ease;
}

.modal-caption {
    float: left !important;
    font-family: 'ubuntuMedium' !important;
    font-size: 17px !important;
    padding: 8px 10px 8px 10px !important;
    border: none !important;
    text-align: left !important;
    color: #070766 !important;
    transition: all .1s ease;
}

.image-qr-code {
    padding: 30px !important;
}   

.detail-split-message-border-one {
    border-radius: 3px 10px 3px 10px !important;
}

.table-status-green {
    background-color: #c8f0df !important;
    color: #2c7b5a !important;
}

.table-status-red {
    background-color: #fcd4d1 !important;
    color: #94433e !important;
}

.table-status-orange {
    background-color: #fee3cf !important;
    color: #98613a !important;
}

.table-status-yellow {
    background-color: #fbefc7 !important;
    color: #927a2a !important;
}

.table-status-purple {
    background-color: #e1ddf9 !important;
    color: #5e558e !important;
}

.table-status-blue {
    background-color: #cce1fe !important;
    color: #335d98 !important;
}

.table-status-gray {
    background-color: #D4DAE0 !important;
    color: #30343C !important;
}




.table-link-icon {
    font-size: 14px !important;
    color: #A4A6A8 !important;
}

.table-link-icon:hover {
    background-color: #DCE4E8 !important;
    color: #929496 !important;
}


.detail-main-bottom {
    margin-bottom: 10px !important;
}

.detail-group-bottom {
    margin-bottom: 20px !important;
}

.detail-line-bottom {
    margin-bottom: 14px !important;
}

.detail-caption {
    font-size: 17px !important;
    font-family: 'ubuntuBold' !important;
}

.detail-caption-description {
    font-size: 17px !important;
    font-family: 'ubuntuLight' !important;
}

.detail-subcaption {
    font-size: 14px !important;
    font-family: 'ubuntuBold' !important;
    color: #4e516c !important;
}

.detail-title {
    font-size: 15px !important;
    font-family: 'ubuntuBold' !important;
    color: #383C40;
}

.detail-title-description {
    font-size: 15px !important;
    font-family: 'ubuntuRegular' !important;
    color: #383C40;
}


.detail-line-divider {
    width: 100% !important;
    height: 1px !important;
    border-bottom: 1px solid #E5E5E5 !important;
}

.detail-subtitle {
    font-size: 13px !important;
    font-family: 'ubuntuRegular' !important;
    color: #70749B !important;
}

.detail-subtitle-description {
    font-size: 14px !important;
    font-family: 'ubuntuRegular' !important;
    color: #383C40 !important;
}


.detail-resume-caption {
    font-size: 30px !important;
    font-family: 'ubuntuMedium' !important;
}



.detail-path-paragraph {
    font-size: 20px !important;
    color: #8C8C8C;
    font-family: 'ubuntuRegular' !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-indent: 0px !important;
    margin-left: 0px !important;
    line-height: 1.3;
    margin-bottom: 0px !important;
}

.detail-path-text {
    position: relative;
    padding-left: 2px !important;
    font-size: 20px;
    color: #172B4D !important;
    font-family: 'ubuntuLight' !important;
    text-decoration: none;
}

.detail-path-link:hover {
    cursor: pointer !important;
    text-decoration: underline !important;
}

.detail-tab {
    border-top: 3px solid #f9f9f9 !important;
    margin-top: -3px !important;
}


.detail-tab-header {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    padding: 0px !important;
    width: 100% !important;
    border-bottom: 2px solid #e9e9e9 !important;
}


.detail-tab-header-item {
    padding: 6px 14px 6px 14px !important;
    border-radius: 0px !important;
    margin-top: 2px !important;
    margin-bottom: -2px !important;
}


.detail-tab-default {
    background-color: transparent !important;
    font-family: 'ubuntuMedium' !important;
    color: #202020 !important;
}

.detail-tab-default.active {
    border-bottom: 2px solid #0504c9 !important;
    font-family: 'ubuntuMedium' !important;
    color: #0504c9 !important;
}

.detail-link {
    font-size: 14px;
    font-family: 'ubuntuMedium';
    color: #4e516c !important;
    text-decoration: none !important;
}

.detail-link:hover {
    cursor: pointer !important;
    color: #64688b !important;
    text-decoration: underline !important;
}

.info-icon {
    font-size: 14px;
    font-family: 'ubuntuMedium';
    color: #4e516c !important;
    text-decoration: none !important;
}

.info-icon:hover {
    cursor: pointer !important;
    color: #64688b !important;
    text-decoration: underline !important;
}





.cad-box-caption {
    font-size: 16px !important;
    font-family: 'ubuntuMedium' !important;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
}

.cad-box-title {
    font-size: 15px !important;
    font-family: 'ubuntuRegular' !important;
    line-height: 1.5 !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}


.payments-accordion-block {
    /*
    width: 100% !important;
    max-width: 800px !important;
    */
}

.payments-accordion-box {
    margin-bottom: 0px !important;
}

.payments-accordion-header {
    padding: 16px 0px 0px 0px !important;
    border: none !important;
}

.payments-accordion-body {
    padding: 6px 0px 0px 0px !important;
    border: none !important;
}

.payments-accordion-caption {
    font-size: 16px !important;
    font-family: 'ubuntuMedium' !important;
    line-height: 1.2 !important;
    margin-bottom: 0px !important;
    color: #2c3e50 !important;
}

.payments-accordion-description {
    font-size: 14px !important;
    font-family: 'ubuntuRegular' !important;
    line-height: 1.6 !important;
    margin-bottom: 20px;
    color: #2c3e50 !important;
}

.accordion-button:not(.collapsed) {
    color: #2c3e50 !important;
    background-color: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.0);
}

.accordion-button::after {
    margin-left: 10px !important;
    margin-right: auto !important;
}

.margin-bottom-caption {
    margin-bottom: 10px !important;
}

.modal-backdrop {
    z-index: 1000000 !important;
}



.modal-delete-title {
    font-size: 22px !important;
    font-family: 'ubuntuMedium' !important;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
}

.modal-delete-body {
    font-size: 15px !important;
    font-family: 'ubuntuRegular' !important;
    line-height: 1.5 !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}



.explanation-header {
    font-size: 15px !important;
    font-family: 'ubuntuLight' !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
}

.explanation-title {
    font-size: 16px !important;
    font-family: 'ubuntuMedium' !important;
    line-height: 1.5 !important;
    margin-bottom: 6px !important;
}

.explanation-description {
    font-size: 16px !important;
    font-family: 'ubuntuRegular' !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
}








.example-image-dimension {
    max-width: 100%;
    max-height: 100px;
}

.example-scrollbar {
    min-height: 20px !important;
    max-height: 500px !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
}

.example-list {
  width: 100%;
  max-width: 100%;
  border: solid 1px #ccc;
  min-height: 60px;
  display: block;
  background: white;
  border-radius: 4px;
  overflow: hidden;
}

.example-box {
  padding: 10px 10px 10px 10px;
  border-bottom: solid 1px #ccc;
  color: rgba(0, 0, 0, 0.87);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  cursor: move;
  background: white;
  font-size: 14px;
}

.cdk-drag-preview {
  border: none;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
              0 8px 10px 1px rgba(0, 0, 0, 0.14),
              0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.cdk-drag-placeholder {
  opacity: 0;
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.example-box:last-child {
  border: none;
}

.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.example-margin-bottom {
    padding-bottom: 10px !important;
}


.cad-box {
    margin-bottom: 10px !important;
    margin-right: 10px !important;
}


.option-label {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
    font-family: 'ubuntuRegular';
    color: #4D5062 !important;  
    line-height: 1.7;
}

.radio-box {
    margin-bottom: 0px !important;
}

.radio-icon {
    margin-right: 12px !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #A8A8AD !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    border-radius: 50% !important;
}

.radio-checked-icon {
    margin-right: 12px !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #ec3493 !important;
    /*background-image: url('../img/svg/radio-checked.svg') !important;*/
    background-image: url('../img/svg/radio-checked.svg') !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 50% !important;
}

.radio-text {
    font-family: 'ubuntuRegular' !important;
    font-size: 12px !important;
    color: #4D5062 !important;
}





.check-box {
    margin-bottom: 10px !important;
}

.check-icon {
    margin-right: 12px !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #A8A8AD !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    border-radius: 3px !important;
}

.check-checked-icon {
    margin-right: 12px !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #ec3493 !important;
    /*background-image: url('../img/svg/radio-checked.svg') !important;*/
    background-image: url('../img/svg/check-checked.svg') !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 3px !important;
}

.check-text {
    font-family: 'ubuntuRegular' !important;
    font-size: 12px !important;
    color: #4D5062 !important;
}
