body, h1, h2, h3, h4, h5, h6, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/** COLORS **/
 
.pink-c {
    color: #f83e59 !important;
}
.pink-bg {
    background-color: #f83e59 !important;
}

.bgreen-c {
    color: #94C7D4 !important;
}
.bgreen-bg {
    background-color: #94C7D4 !important;
}

.bgreenl-c {
    color: #94C7D4 !important;
}
.bgreenl-bg {
    background-color: #94C7D4 !important;
}

.blue-c {
    color: #0084ff !important;
}
.blue-bg {
    background-color: #0084ff !important;
}

.bluel-c {
    color: #54b2e3 !important;
}
.bluel-bg {
    background-color: #54b2e3 !important;
}

.green-c {
    color: #44d56c !important;
}
.green-bg {
    background-color: #44d56c !important;
}

.orange-c {
    color: #ff9500 !important;
}
.orange-bg {
    background-color: #ff9500 !important;
}

.orangel-c {
    color: #fbb86d !important;
}
.orangel-bg {
    background-color: #fbb86d !important;
}

.white-c {
    color: #fff !important;
}
.white-bg {
    background-color: #fff !important;
}

.grey-f4-c {
    color: #f4f4f4 !important;
}
.grey-f4-bg {
    background-color: #f4f4f4 !important;
}

.grey-eb-c {
    color: #ebebeb !important;
}
.grey-eb-bg {
    background-color: #ebebeb !important;
}

.grey-ccc-c {
    color: #ccc !important;
}
.grey-ccc-bg {
    background-color: #ccc !important;
}

.grey-70-c {
    color: #707a82 !important;
}
.grey-70-bg {
    background-color: #707a82 !important;
}

.grey-36-c {
    color: #36424a !important;
}
.grey-36-bg {
    background-color: #36424a !important;
}

.grey-1a-c {
    color: #1a1d1f !important;
}
.grey-1a-bg {
    background-color: #1a1d1f !important;
}

.bgreen-bg-r {
    background-image: -webkit-linear-gradient(top, #3FD3D5 0%, #94C7D4 100%);
    background-image: linear-gradient(to bottom, #3FD3D5 0%, #94C7D4 100%);
}

.bg-white {
    background:white;
}

.btn-ghost-blue {
    border: 2px solid #54B2E3;
    color: #54B2E3;
}

.btn-ghost-blue:hover {
    background: #54B2E3;
    color: white;
}

    .btn-ghost-blue:hover a {
        color: white;
    }

    .btn-ghost-blue a {
        color: #54B2E3;
    }
/* used for disabled */
.btn-ghost-grey {
    border: 2px solid #6E7A83;
    color: #6E7A83;
}

.btn-ghost-grey:hover {
    background: #6E7A83;
    color: white;
}

.btn-ghost-grey:hover a {
    color: white;
}

.btn-ghost-grey a {
    color: #6E7A83;
}



/** CSS TRICKS **/

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.overflow_hidden {
    overflow: hidden;
}

/** CSS PROPERTIES **/

.actionB {
    background-image: -webkit-linear-gradient(top, #3FD3D5 0%, #94C7D4 100%);
    background-image: linear-gradient(to bottom, #3FD3D5 0%, #94C7D4 100%);
    font-weight: 700;
    border-radius: 4px;
    border: none;
    color: #fff;
}

.gradient1 {
    background: linear-gradient(60deg, #2DC8D2 0,#94C7D4 100%);
    transition: 0.3s all ease;
}

.gradient2 {
    background: linear-gradient(60deg, #F83E72 0, #F8454E 100%) !important;
    color: white;
    transition: 0.3s all ease;
}
    .gradient2 a {
        text-decoration: none;
        color: white;
        display: block;
    }

.gradient3 {
    background: linear-gradient(60deg, #256CCC 0, #26C1E2 100%);
    transition: 0.3s all ease;
}

.gradientBlack {
    background: linear-gradient(60deg,#262626 0,black 100%) !important;
    transition: 0.3s all ease;
}

.gradientFail {
    background: linear-gradient(60deg,#e74c3c 0,#c0392b 100%) !important;
}

.b-gradient-3 {
    border: 1px solid #54B2E3;
}

button.disabled {
    background: #CDCED0 !important;
    color: white !important;

}
.actionB:hover, .actionB:focus, actionB:active {
    background-image: -webkit-linear-gradient(top, #2de5e7 0%, #94C7D4 100%) !important;
    background-image: linear-gradient(to bottom, #2de5e7 0%, #94C7D4 100%) !important;
    color: #fff !important;
}

.pinkActionB {
    background-image: -webkit-linear-gradient(top, #F83E59 0%, #F8454E 100%);
    background-image: linear-gradient(to bottom, #F83E59 0%, #F8454E 100%);
    font-weight: 700;
    border-radius: 4px;
    border: none;
    color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(57,57,57,0.2);
}
.pinkActionB:hover, .pinkActionB:focus, .pinkActionB:active {
    background-image: -webkit-linear-gradient(top, #F83E59 0%, #f71f2a 100%) !important;
    background-image: linear-gradient(to bottom, #F83E59 0%, #f71f2a 100%) !important;
    color: #fff !important;
}

.text-corporative-green {
    color: #60dba2;
}
.text-businessIdentity {
    color: #94C7D4 !important;
}
.full-width {
    width: 100% !important;
}

.copiable:hover {
    cursor: copy;
}

.w-70 {
    width: 70%;
}

.fixFixedToAbsolut {
    position: absolute !important;
}

/** TEXT **/
.text-lighter {
    font-weight: lighter;
}
.text-light {
    font-weight: 300;
}
.text-normal {
    font-weight: 400;
}
.text-bold {
    font-weight: 700;
}
.text-xbold {
    font-weight: 900;
}

.text-italic {
    font-style: italic;
}

.text-bg-color {
    color: #CDCED0 !important;
}

.l-style-none {
    list-style: none;
}

/** MARGINS **/
.margin-0, .m-0 {
    margin: 0;
}

.m-0-t {
    margin-top: 0;
}

.margin-15-lr {
    margin-left: 15px;
    margin-right: 15px;
}

.margin-5-r {
    margin-right: 5px;
}

.margin-5-l {
    margin-left: 5px
}

.margin-15-t {

    margin-top: 15px;
}

.margin-41-t {
    margin-top: 41px !important;
}

.margin-60-t {
    margin-top: 60px !important;
}

.margin-t-100 {
    margin-top: 100px !important;
}

.margin-102-t {
    margin-top: 102px !important;
}

.margin-10-t {
    margin-top: 10px;
}
.margin-30-t {
    margin-top: 30px;
}

.margin-45-t {
    margin-top: 45px;
}

.margin-50-t {
    margin-top: 50px;
}

.w-100 {
    width: 100%;
}

.margin-5-b {
    margin-bottom: 5px;
}
.margin-4 {
    margin-top: 4px;
}
.margin-top-025 {
    margin-top: 025rem;
}
.margin-top-05 {
    margin-top: 05rem;
}
.margin-top-1 {
    margin-top: 1rem;
}
.margin-top-15 {
    margin-top: 1.5rem;
}
.margin-top-2 {
    margin-top: 2rem;
}
.margin-33-t {
    margin-top: 33px;
}
.margin-right-025 {
    margin-right: 025rem;
}
.margin-right-05 {
    margin-right: 05rem;
}
.margin-right-1 {
    margin-right: 1rem;
}
.margin-right-15 {
    margin-right: 1.5rem;
}
.margin-right-2 {
    margin-right: 2rem;
}
.margin-bottom-025 {
    margin-bottom: 025rem;
}
.margin-bottom-05 {
    margin-bottom: 05rem;
}
.margin-bottom-1 {
    margin-bottom: 1rem;
}
.margin-bottom-15 {
    margin-bottom: 1.5rem;
}
.margin-bottom-2 {
    margin-bottom: 2rem;
}
.margin-left-025 {
    margin-left: 025rem;
}
.margin-left-05 {
    margin-left: 05rem;
}
.margin-left-1 {
    margin-left: 1rem;
}
.margin-left-15 {
    margin-left: 1.5rem;
}
.margin-left-2 {
    margin-left: 2rem;
}

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

@media (max-width: 767px) {
    .margin-top-xs-025 {
        margin-top: 025rem;
    }
    .margin-top-xs-05 {
        margin-top: 05rem;
    }
    .margin-top-xs-1 {
        margin-top: 1rem;
    }
    .margin-top-xs-15 {
        margin-top: 1.5rem;
    }
    .margin-top-xs-2 {
        margin-top: 2rem;
    }

    .margin-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .f-size-10-xs {
        font-size: 10px;
    }

}

/** PADDINGS **/

.padd-10 {
    padding: 10px;
}
.padd-10-lr {
    padding-left: 10px;
    padding-right: 10px;
}
.padd-15-lr {
    padding-left: 15px;
    padding-right: 15px;
}
.padd-10-tb {
    padding-top: 10px;
    padding-bottom: 10px;
}
.padd-13-tb {
    padding-top: 13px;
    padding-bottom: 13px;
}
.padd-10-tb-i {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.padd-10-tb {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padd-20-tb {
    padding-top: 20px;
    padding-bottom: 20px;
}
.padd-25-tb {
    padding-top: 25px;
    padding-bottom: 25px;
}

.padd-25-lr {
    padding-left: 25px;
    padding-right: 25px;
}

.padd-25-t {
    padding-top: 25px;
}

.padd-5-b {
    padding-bottom: 5px !important;
}

.padd-tb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.padd-tb-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.padd-lr-45 {
    padding-left: 45px;
    padding-right: 45px;
}

.padd-lr-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.padd-15-l {
    padding-left: 15px;
}
.padd-15-t {
    padding-top: 15px;
}
.padd-8-t {
    padding-top: 8px !important;
}
.padd-25-r {
    padding-right: 25px;
}
.padd-15-b {
    padding-bottom: 15px;
}
.padd-25-l {
    padding-left: 25px;
}

.padd-4-lr {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.padd-10-lr {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.padd-0 {
    padding: 0 !important;
}

.padd-5-lr {
    padding-left: 5px;
    padding-right: 5px;
}

.padd-0-l {
    padding-left: 0;
}

.padd-0-r {
    padding-right: 0;
}

.padd-15-t {
    padding-top: 15px;
}

.padd-15-b {
    padding-bottom: 15px;
}

.padd-10-t {
    padding-top: 10px;
}

.padd-10-b {
    padding-bottom: 10px;
}

.padd-10-l {
    padding-left: 10px;
}

.padd-15-l {
    padding-left: 15px;
}

.padd-25-l {
    padding-left: 25px;
}

.padd-30-l {
    padding-left: 30px;
}

.padd-45-l {
    padding-left: 45px;
}

.padd-10-r {
    padding-right: 10px;
}

.padd-15-r {
    padding-right: 15px;
}

.padd-25-r {
    padding-right: 25px;
}

.padd-30-r {
    padding-right: 30px;
}

.padd-0-lr {
    padding-left: 0;
    padding-right: 0;
}

.padd-45-b {
    padding-bottom: 45px !important;
}

.padd-50-b {
    padding-bottom: 45px !important;
}

.va-top {
    vertical-align: top;
}

.init-br-1 {
    border: 1px solid black;
}

.t-0 {
    top: 0;
}

.t-5 {
    top: 5px;
}

.t-10 {
    top: 10px;
}

.t-15 {
    top: 15px;
}

.t-30 {
    top: 30px;
}

.l-0 {
    left: 0;
}

.l-5 {
    left: 5px;
}

.l-10 {
    left: 10px;
}

.l-15 {
    left: 15px;
}

.l-30 {
    left: 30px;
}

.r-30 {
    right: 30px;
}

.br-grey-light {
    border-bottom: 1px solid #E0E1E2;
}

.br-grey-lightx2 {
    border: 2px solid #F4F4F4;
}

.br-width-1 {
    border-width: 1px !important;
}

.br-width-2 {
    border-width: 2px !important;
}

.br-2 {
    border-radius: 2px;
}

.br-4 {
    border-radius: 4px;
    border: none;
}

.br-5 {
    border-radius: 5px !important;
}

.br-8 {
    border-radius: 8px !important;
}

.br-10 {
    border-radius: 10px;
}

.br-50 {
    border-radius: 50px;
}

.br-tl-8 {
    border-top-left-radius: 8px;
}

.br-tr-8 {
    border-top-right-radius: 8px;
}

.br-bl-8 {
    border-bottom-left-radius: 8px;
}

.br-br-8 {
    border-bottom-right-radius: 8px;
}

.br-tl-8 {
    border-top-left-radius: 8px;
}

.br-grey-c {
    border-color: #CDCED0 !important;
}

.br-almostwhite-c {
    border-color: #ebebeb !important;
}

.br-w-1 {
    border-width: 1px !important;
}

.b-white-1 {
    border: 1px solid white !important;
}

.b-right-none {
    border-right: none !important;
}

.b-left-none {
    border-left: none !important;
}

.float-fix {
    margin: 0 auto;
    float: none;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.none {
    display: none;
}

.block {
    display: block;
}

.pointer {
    cursor: pointer;
}

.inline-block {
    display: inline-block;
}

a:hover, a:focus, a:active {
    text-decoration: none;
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.trans-02 {
    transition: 0.2s ease all;
}

.hoverable:hover {
    cursor: pointer;
}

.f-size-10 {
    font-size: 10px;
}

.f-size-12 {
    font-size: 12px;
}

.f-size-13 {
    font-size: 13px;
}

.f-size-15 {
    font-size: 15px;
}

.f-size-20 {
    font-size: 20px;
}

.f-size-30 {
    font-size: 30px;
}

.f-size-45 {
    font-size: 45px;
}

.f-weight-400 {
    font-weight: 400;
}

/* Color for titles */
.palette-title-c {
    color: #36424A !important;
}

/* Color for common text */
.palette-text-c {
    color: #6E7A83 !important;
}

/* color bor borders and placeholders */
.palette-background-c {
    color: #CDCED0 !important;
}

.letter-sp-1 {
    letter-spacing: 1px;
}

.letter-sp-2 {
    letter-spacing: 2px;
}

.opacity-1 {
    opacity: 1 !important;
}

.color-fb {
    color: #3b5998;
}

.color-tw {
    color: #1da1f2;
}

.opacity-05 {
    opacity: 0.5
}

.uppercase {
    text-transform: uppercase;
}

.outline-none {
    outline: none;
}
@media only screen and (max-width: 1199px) {
    .padd-0-md {
        padding: 0;
    }
}

@media only screen and (max-width: 991px) {
    .padd-0-sm {
        padding: 0;
    }
    .padd-0-sm-l {
        padding-left: 0;
    }
    .padd-0-sm-r {
        padding-right: 0;
    }
    .w-80-lg {
        width: 80% !important;
    }
}

@media only screen and (max-width: 767px) {
    .modal-body {
        padding: 20px 15px !important;
    }
    .padd-0-xs {
        padding: 0 !important;
    }

    .padd-0-l-xs {
        padding-left: 0;
    }

    .padd-45-l-xs {
        padding-left: 45px;
    }

    .padd-15-xs-l {
        padding-left: 15px;
    }

    .padd-20-t-xs {
        padding-top: 20px;
    }

    .padd-0-r-xs {
        padding-right: 0;
    }

    .margin-1-lr-xs {
        margin-left: 1px;
        margin-right: 1px;
    }

    .margin-10-t-xs {
        margin-top: 10px;
    }

    .full-width-xs {
        width: 100% !important;
    }

    .block-xs {
        display: block;
    }

    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-left-xs {
        text-align: left;
    }

    .float-none-xs {
        float: none !important;
    }
    .w100-xs {
        width: 100px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .padd-0-sm-lr {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px !important;
    }
}

/*
* Buttons
*/
.gradient-2 {
    background: linear-gradient(60deg, #2DC8D2 0,#94C7D4 100%);
    color: white;
    border: 2px solid transparent;
}
.gradient-2:hover {
    background: linear-gradient(-60deg, #2DC8D2 0,#94C7D4 100%);
}
.gradient-2 a {
    color: white;
}

.btn-ghost-blue {
    border: 2px solid #54B2E3;
    color: #54B2E3;
}
.btn-ghost-blue a {
    color: #54B2E3;
}
.btn-ghost-blue:hover a {
    color: white;
}

.btn-ghost-blue:hover {
    background: #54B2E3;
    color: white;
}