/* X-Small devices (portrait phones, less than 576px) */

html {
    position: relative;
}

body {
    min-height: 100vh;
    padding-bottom: 32px;
    font-family: 'Roboto', sans-serif;
    background-color: white;
}


/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {
    html,
    body {
        background: url(../design/ht-bg-orange-left.png) -100px 450px repeat-y, url(../design/ht-bg-orange-right.png) calc(50% + 400px) -200px repeat-y;
        background-size: calc(max(40%, 600px));
    }
}


/* Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) {}


/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {}


/* X-Large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {
    html,
    body {
        background-position: calc(50% - 350px) 450px, calc(50% + 500px) -200px;
    }
}


/* XX-Large devices (larger desktops, 1400px and up)*/

@media (min-width: 1400px) {
    html,
    body {
        background-position: calc(50% - 500px) 450px, calc(50% + 600px) -200px;
    }
}


/*****************************
headers
*****************************/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
}

h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}


/*****************************
links
*****************************/

a {
    color: #04789F;
    transition: all .5s;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
}

a:hover {
    color: #004F6E;
    /*font-weight: bold;*/
}

a.active {
    color: #344F67;
    /*font-weight: bold;*/
}

a.active:hover {
    color: #344F67;
    /*font-weight: bold;*/
}

a.inactive {
    color: #A8A8A8;
    /*font-weight: bold;*/
}

a.inactive:hover {
    color: #A8A8A8;
    font-weight: bold;
}

a.underline-none {
    text-decoration: none;
}


/*****************************
top menu
*****************************/

div.top-menu a.top-menu-logo {
    background: transparent url("../design/motimore_logo_400.png") center center no-repeat;
    width: 4em;
    height: 3em;
    background-size: contain;
    display: inline-block;
}

div.top-menu div.top-menu-link a.guest {
    line-height: 1.8em;
}

div.top-menu div.top-menu-link a.auth {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border-radius: .25em;
    padding: .25em;
    line-height: 1em;
}

div.top-menu div.top-menu-link a.auth:hover {
    background-color: #fcfcfc;
    color: #404040;
}

div.top-menu-user a.dropdown-toggle span.xs {
    display: none;
}

div.top-menu-language a.dropdown-toggle {
    margin-left: 20px;
}

div.top-menu-language a.dropdown-toggle span img {
    width: 25px;
}


/*x-small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {
    div.top-menu a.top-menu-logo {
        background-image: url("../design/ht-logo-xs.svg");
        width: 2.5em;
        height: 2.5em;
    }
    div.top-menu div.top-menu-link.guest {
        justify-content: start !important;
        padding-left: 2em;
    }
    div.top-menu div.top-menu-link a.guest:nth-child(2) {
        break-after: always;
    }
    div.top-menu-user a.dropdown-toggle span.xs {
        display: inline;
    }
    div.top-menu-user a.dropdown-toggle span.sm {
        display: none;
    }
    div.top-menu-user a.dropdown-toggle::after {
        border: none;
    }
}


/*small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px) {
    div.top-menu div.top-menu-link a.auth span {
        display: none;
    }
}


/*****************************
bottom menu
*****************************/

nav.bottom-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 32px;
    font-size: 0.8em;
    color: white;
    text-align: center;
}

nav.bottom-menu div {
    display: inline-block;
}

nav.bottom-menu a {
    color: white;
    margin-right: 1em;
}


/*x-small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {
    nav.bottom-menu {
        padding: 60px 30px;
        height: auto;
        text-align: left !important;
    }
    nav.bottom-menu div {
        display: block;
    }
    body {
        padding-bottom: 200px;
    }
}


/*****************************
backgrounds
*****************************/

.ht-bg-white {
    background-color: #ffffff;
}

.ht-bg-yellow {
    background-color: #ffcb12;
}

.ht-bg-orange {
    background-color: #f0950d;
}

.ht-bg-pink {
    background-color: #fa387f;
}

.ht-bg-red {
    background-color: #da3916;
}

.ht-bg-green-light {
    background-color: #99e25f;
}

.ht-bg-green {
    background-color: #12a756;
}

.ht-bg-teal-light {
    background-color: #00ffd1;
}

.ht-bg-teal {
    background-color: #24bfad;
}

.ht-bg-teal-dark {
    background-color: #26877b;
}

.ht-bg-purple {
    background-color: #b324bf;
}

.ht-bg-blue-lightest {
    background-color: #D8FAFF;
}

.ht-bg-blue-light {
    background-color: #7ed7e3;
}

.ht-bg-blue {
    background-color: #04789f;
}

.ht-bg-blue-dark {
    background-color: #004f6e;
}

.ht-bg-blue-darkest {
    background-color: #344f67;
}

.ht-bg-grey-superlight {
    background-color: #fefefe;
}

.ht-bg-grey-lightest {
    background-color: #f6f6f6;
}

.ht-bg-grey-lighter {
    background-color: #e5e5e5;
}

.ht-bg-grey-light {
    background-color: #adadad;
}

.ht-bg-grey {
    background-color: #8e8e8e;
}

.ht-bg-grey-dark {
    background-color: #565656;
}

.ht-bg-grey-darkest {
    background-color: #2c2c2c;
}

.ht-bg-none {
    background: none;
}

.ht-bg-tooltip {
    background: #df4857;
}


/*****************************
gradient backgrounds
*****************************/

.ht-bg-gradient-teal {
    background: rgb(38, 135, 123);
    background: linear-gradient(0deg, rgba(38, 135, 123, 1) 0%, rgba(38, 135, 123, 1) 75%, rgba(28, 101, 92, 1) 100%);
}


/*****************************
fonts
*****************************/

.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}

.ht-color-white {
    color: #ffffff;
}

.ht-color-yellow {
    color: #ffcb12;
}

.ht-color-orange {
    color: #f0950d;
}

.ht-color-pink {
    color: #fa387f;
}

.ht-color-red {
    color: #da3916;
}

.ht-color-green {
    color: #12a756;
}

.ht-color-green-light {
    color: #99e25f;
}

.ht-color-teal-light {
    color: #00ffd1;
}

.ht-color-teal {
    color: #24bfad;
}

.ht-color-teal-dark {
    color: #26877b;
}

.ht-color-purple {
    color: #b324bf;
}

.ht-color-blue-lightest {
    color: #D8FAFF;
}

.ht-color-blue-light {
    color: #7ed7e3;
}

.ht-color-blue {
    color: #04789f;
}

.ht-color-blue-dark {
    color: #004f6e;
}

.ht-color-blue-darkest {
    color: #344f67;
}

.ht-color-grey-lightest {
    color: #f6f6f6;
}

.ht-color-grey-lighter {
    color: #e5e5e5;
}

.ht-color-grey-light {
    color: #adadad;
}

.ht-color-grey {
    color: #8e8e8e;
}

.ht-color-grey-dark {
    color: #565656;
}

.ht-color-grey-darkest {
    color: #2c2c2c;
}

.ht-color-black {
    color: #000000;
}

.ht-color-tooltip {
    color: #f7f3ff;
}

.ht-fs-30 {
    font-size: 3em;
}

.ht-fs-25 {
    font-size: 2.5em;
}

.ht-fs-20 {
    font-size: 2em;
}

.ht-fs-15 {
    font-size: 1.5em;
}

.ht-fs-12 {
    font-size: 1.2em;
}

.ht-fs-10 {
    font-size: 1em;
}

.ht-fs-09 {
    font-size: .9em;
}

.ht-fs-08 {
    font-size: .8em;
}

.ht-fs-07 {
    font-size: .7em;
}

.ht-fs-06 {
    font-size: .6em;
}

.ht-fs-05 {
    font-size: .5em;
}

.ht-lh-08 {
    line-height: .8em;
}

.ht-lh-10 {
    line-height: 1em;
}

.ht-lh-15 {
    line-height: 1.5em;
}

.ht-lh-20 {
    line-height: 2em;
}

.ht-lh-24 {
    line-height: 2.4em;
}

.ht-lh-30 {
    line-height: 3em;
}

.ht-fs-align-center {
    text-align: center;
}

.ht-fw-bold {
    font-weight: bold;
}

.ht-fw-600 {
    font-weight: 600;
}


/*****************************
buttons
*****************************/

.ht-btn {
    transition: all .5s;
    padding: .2em;
    border-radius: .2em;
    font-family: 'Montserrat', sans-serif;
}

.ht-btn-p-05 {
    padding: .2em .5em;
}

.ht-btn-p-1 {
    padding: .2em 1em;
}

.ht-btn-p-2 {
    padding: .2em 2em;
}

.ht-btn-p-3 {
    padding: .2em 3em;
}

.ht-btn-p-4 {
    padding: .2em 4em;
}

.ht-btn-p-5 {
    padding: .2em 5em;
}

.ht-btn-primary {
    background-color: #004F6E;
    border: 2px solid #004F6E;
    color: #ffffff;
    border-radius: 1em;
    padding: .2em 2em;
    font-size: .9em;
    font-weight: bold;
}

.ht-btn-primary:hover {
    background-color: #04789F;
    border-color: #04789F;
    color: #ffffff;
}

.ht-btn-primary.active {
    background-color: #344F67;
    border-color: #344f67;
    box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

.ht-btn-primary.active:hover {
    background-color: #04789F;
    border-color: #04789F;
    color: #ffffff;
}

.ht-btn-primary.mainmenu.active {
    background-color: #F3F3F3;
    border-color: #F3F3F3;
    color: #004F6E;
}

.ht-btn-primary.mainmenu.active:hover {
    background-color: #F3F3F3;
    border-color: #F3F3F3;
    color: #004F6E;
}

.ht-btn-secondary {
    background-color: #F3F3F3;
    color: #004F6E;
    border-radius: 1em;
    padding: .2em 2em;
    border: 2px solid #04789F;
    font-size: .9em;
    font-weight: bold;
}

.ht-btn-secondary:hover {
    color: #04789F;
}

.ht-btn-secondary.active {
    color: #344F67;
    border-color: #344F67;
}

.ht-btn-secondary.active:hover {
    color: #04789F;
}

.ht-btn-inactive {
    background-color: #ADADAD;
    color: #FFFFFF;
    border-radius: 1em;
    padding: .2em 2em;
}

.ht-btn-inactive:hover {
    background-color: #ADADAD;
    color: #DDDDDD;
}

.ht-btn-white {
    background-color: #ffffff;
    color: #2c2c2c;
}

.ht-btn-white:hover {
    background-color: #ffffff;
    color: #2c2c2c;
}

.ht-btn-white.active {
    background-color: #ffffff;
    color: #2c2c2c;
}

.ht-btn-white.active:hover {
    background-color: #ffffff;
    color: #2c2c2c;
}

.ht-btn-yellow {
    background-color: #ffcb12;
    color: #2c2c2c;
}

.ht-btn-yellow:hover {
    background-color: #ffcb12;
    color: #2c2c2c;
}

.ht-btn-yellow.active {
    background-color: #ffcb12;
    color: #2c2c2c;
}

.ht-btn-yellow.active:hover {
    background-color: #ffcb12;
    color: #2c2c2c;
}

.ht-btn-orange {
    background-color: #F0950D;
    color: #f6f6f6;
}

.ht-btn-orange:hover {
    background-color: #FFCB12;
    color: #f6f6f6;
}

.ht-btn-orange.active {
    background-color: #D98C19;
    color: #f6f6f6;
}

.ht-btn-orange.active:hover {
    background-color: #D98C19;
    color: #f6f6f6;
}

.ht-btn-pink {
    background-color: #fa387f;
    color: white;
}

.ht-btn-pink:hover {
    background-color: #fa387f;
    color: white;
}

.ht-btn-pink.active {
    background-color: #fa387f;
    color: white;
}

.ht-btn-pink.active:hover {
    background-color: #fa387f;
    color: white;
}

.ht-btn-pink-outline {
    background-color: #FFFFFF;
    color: #fa387f;
    border: 2px solid #fa387f;
}

.ht-btn-pink-outline:hover {
    background-color: #fa387f;
    color: #FFFFFF;
    border: 2px solid #fa387f;
}

.ht-btn-pink-outline.active {
    background-color: #fa387f;
    color: #FFFFFF;
    border: 2px solid #fa387f;
}

.ht-btn-pink-outline.active:hover {
    background-color: #fa387f;
    color: #FFFFFF;
    border: 2px solid #fa387f;
}

.ht-btn-red {
    background-color: #da3916;
    color: #f0f0f0;
}

.ht-btn-red:hover {
    background-color: #da3916;
    color: #c0c0c0;
}

.ht-btn-red.active {
    background-color: #da3916;
    color: #2c2c2c;
}

.ht-btn-red.active:hover {
    background-color: #da3916;
    color: #2c2c2c;
}

.ht-btn-red-outline {
    background-color: #ffffff;
    color: #da3916;
    border: 2px solid #da3916;
}

.ht-btn-red-outline:hover {
    background-color: #da3916;
    color: #ffffff;
    border: 2px solid #da3916;
}

.ht-btn-red-outline.active {
    background-color: #da3916;
    color: #ffffff;
    border: 2px solid #da3916;
}

.ht-btn-red-outline.active:hover {
    background-color: #da3916;
    color: #ffffff;
    border: 2px solid #da3916;
}

.ht-btn-green-light {
    background-color: #99e25f;
    color: #2c2c2c;
}

.ht-btn-green-light:hover {
    background-color: #99e25f;
    color: #2c2c2c;
}

.ht-btn-green-light.active {
    background-color: #99e25f;
    color: #2c2c2c;
}

.ht-btn-green-light.active:hover {
    background-color: #99e25f;
    color: #2c2c2c;
}

.ht-btn-green {
    background-color: #12a756;
    color: #f6f6f6;
}

.ht-btn-green:hover {
    background-color: #12a756;
    color: #f6f6f6;
}

.ht-btn-green.active {
    background-color: #12a756;
    color: #f6f6f6;
}

.ht-btn-green.active:hover {
    background-color: #12a756;
    color: #f6f6f6;
}

.ht-btn-green-outline {
    background-color: #ffffff;
    color: #12a756;
    border: 2px solid #12a756;
}

.ht-btn-green-outline:hover {
    background-color: #12a756;
    color: #ffffff;
    border: 2px solid #12a756;
}

.ht-btn-green-outline.active {
    background-color: #12a756;
    color: #ffffff;
    border: 2px solid #12a756;
}

.ht-btn-green-outline.active:hover {
    background-color: #12a756;
    color: #ffffff;
    border: 2px solid #12a756;
}

.ht-btn-teal-light {
    background-color: #00ffd1;
    color: #2c2c2c;
}

.ht-btn-teal-light:hover {
    background-color: #00ffd1;
    color: #2c2c2c;
}

.ht-btn-teal-light.active {
    background-color: #00ffd1;
    color: #2c2c2c;
}

.ht-btn-teal-light.active:hover {
    background-color: #00ffd1;
    color: #2c2c2c;
}

.ht-btn-teal {
    background-color: #24bfad;
    color: #f6f6f6;
}

.ht-btn-teal:hover {
    background-color: #24bfad;
    color: #f6f6f6;
}

.ht-btn-teal.active {
    background-color: #24bfad;
    color: #f6f6f6;
}

.ht-btn-teal.active:hover {
    background-color: #24bfad;
    color: #f6f6f6;
}

.ht-btn-teal-dark {
    background-color: #26877b;
    color: #f6f6f6;
}

.ht-btn-teal-dark:hover {
    background-color: #26877b;
    color: #f6f6f6;
}

.ht-btn-teal-dark-teal-dark.active {
    background-color: #26877b;
    color: #f6f6f6;
}

.ht-btn-teal-dark.active:hover {
    background-color: #26877b;
    color: #f6f6f6;
}

.ht-btn-purple {
    background-color: #b324bf;
    color: #2c2c2c;
}

.ht-btn-purple:hover {
    background-color: #b324bf;
    color: #2c2c2c;
}

.ht-btn-purple.active {
    background-color: #b324bf;
    color: #2c2c2c;
}

.ht-btn-purple.active:hover {
    background-color: #b324bf;
    color: #2c2c2c;
}

.ht-btn-blue-lightest {
    background-color: #D8FAFF;
    color: #2c2c2c;
}

.ht-btn-blue-lightest:hover {
    background-color: #D8FAFF;
    color: #2c2c2c;
}

.ht-btn-blue-lightest.active {
    background-color: #D8FAFF;
    color: #2c2c2c;
}

.ht-btn-blue-lightest.active:hover {
    background-color: #D8FAFF;
    color: #2c2c2c;
}

.ht-btn-blue-light {
    background-color: #7ed7e3;
    color: #2c2c2c;
}

.ht-btn-blue-light:hover {
    background-color: #7ed7e3;
    color: #2c2c2c;
}

.ht-btn-blue-light.active {
    background-color: #7ed7e3;
    color: #2c2c2c;
}

.ht-btn-blue-light.active:hover {
    background-color: #7ed7e3;
    color: #2c2c2c;
}

.ht-btn-blue {
    background-color: #04789f;
    color: #f6f6f6;
}

.ht-btn-blue:hover {
    background-color: #04789f;
    color: #f6f6f6;
}

.ht-btn-blue.active {
    background-color: #f6f6f6;
    color: #04789f;
}

.ht-btn-blue.active:hover {
    background-color: #f6f6f6;
    color: #04789f;
}

.ht-btn-blue-dark {
    background-color: #004f6e;
    color: #f6f6f6;
}

.ht-btn-blue-dark:hover {
    background-color: #004f6e;
    color: #f6f6f6;
}

.ht-btn-blue-dark.active {
    background-color: #e5e5e5;
    color: #004f6e;
}

.ht-btn-blue-dark.active:hover {
    background-color: #e5e5e5;
    color: #004f6e;
}

.ht-btn-blue-darkest {
    background-color: #344f67;
    color: #f6f6f6;
}

.ht-btn-blue-darkest:hover {
    background-color: #344f67;
    color: #f6f6f6;
}

.ht-btn-blue-darkest.active {
    background-color: #344f67;
    color: #f6f6f6;
}

.ht-btn-blue-darkest.active:hover {
    background-color: #344f67;
    color: #f6f6f6;
}

.ht-btn-grey-lightest {
    background-color: #f6f6f6;
    color: #2c2c2c;
}

.ht-btn-grey-lightest:hover {
    background-color: #f6f6f6;
    color: #2c2c2c;
}

.ht-btn-grey-lightest.active {
    background-color: #f6f6f6;
    color: #2c2c2c;
}

.ht-btn-grey-lightest.active:hover {
    background-color: #f6f6f6;
    color: #2c2c2c;
}

.ht-btn-grey-lighter {
    background-color: #e5e5e5;
    color: #2c2c2c;
}

.ht-btn-grey-lighter:hover {
    background-color: #e5e5e5;
    color: #2c2c2c;
}

.ht-btn-grey-lighter.active {
    background-color: #e5e5e5;
    color: #2c2c2c;
}

.ht-btn-grey-lighter.active:hover {
    background-color: #e5e5e5;
    color: #2c2c2c;
}

.ht-btn-grey-light {
    background-color: #adadad;
    color: #2c2c2c;
}

.ht-btn-grey-light:hover {
    background-color: #adadad;
    color: #2c2c2c;
}

.ht-btn-grey-light.active {
    background-color: #adadad;
    color: #2c2c2c;
}

.ht-btn-grey-light.active:hover {
    background-color: #adadad;
    color: #2c2c2c;
}

.ht-btn-grey {
    background: #8e8e8e;
    color: #f6f6f6;
}

.ht-btn-grey:hover {
    background: #8e8e8e;
    color: #f6f6f6;
}

.ht-btn-grey.active {
    background: #8e8e8e;
    color: #f6f6f6;
}

.ht-btn-grey.active:hover {
    background: #8e8e8e;
    color: #f6f6f6;
}

.ht-btn-grey-dark {
    background-color: #565656;
    color: #f6f6f6;
}

.ht-btn-grey-dark:hover {
    background-color: #565656;
    color: #f6f6f6;
}

.ht-btn-grey-dark.active {
    background-color: #565656;
    color: #f6f6f6;
}

.ht-btn-grey-dark.active:hover {
    background-color: #565656;
    color: #f6f6f6;
}

.ht-btn-grey-darkest {
    background-color: #ffffff;
    color: #f6f6f6;
}

.ht-btn-grey-darkest:hover {
    background-color: #ffffff;
    color: #f6f6f6;
}

.ht-btn-grey-darkest.active {
    background-color: #ffffff;
    color: #f6f6f6;
}

.ht-btn-grey-darkest.active:hover {
    background-color: #ffffff;
    color: #f6f6f6;
}


/*****************************
widths
*****************************/

.ht-w-5 {
    width: 5em;
}

.ht-w-10 {
    width: 10em;
}

.ht-w-15 {
    width: 15em;
}

.ht-w-20 {
    width: 20em;
}


/*****************************
paddings
*****************************/

.ht-p-20 {
    padding: 2em;
}

.ht-p-15 {
    padding: 1.5em;
}

.ht-p-10 {
    padding: 1em;
}

.ht-p-075 {
    padding: .75em;
}

.ht-p-05 {
    padding: .5em;
}

.ht-p-025 {
    padding: .25em;
}


/*****************************
radius
*****************************/

.ht-r-20 {
    border-radius: 2em;
}

.ht-r-15 {
    border-radius: 1.5em;
}

.ht-r-10 {
    border-radius: 1em;
}

.ht-r-075 {
    border-radius: .75em;
}

.ht-r-05 {
    border-radius: .5em;
}

.ht-r-025 {
    border-radius: .25em;
}

.ht-r-50p {
    border-radius: 50%;
}


/*****************************
shadows
*****************************/

.ht-shadow {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
}

.ht-shadow-inner {
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
}

.ht-btn-white.ht-shadow-inner {
    border: 1px solid #e2e2e2;
}


/*****************************
bootstrap extensions
*****************************/

div.form-check input,
div.form-check label {
    cursor: pointer;
}

.b-none {
    border: none;
}

input[type=text]::placeholder {
    color: #c0c0c0;
    opacity: 1;
}

input[type=text]:-ms-input-placeholder {
    color: #c0c0c0;
}

input[type=text]::-ms-input-placeholder {
    color: #c0c0c0;
}

.c-pointer {
    cursor: pointer;
}

.td-none {
    text-decoration: none;
}

.btn-check:active+.ht-btn-pink-outline,
.btn-check:checked+.ht-btn-pink-outline {
    background-color: #fa387f;
    color: #FFFFFF;
    border: 2px solid #fa387f;
}

.btn:focus,
.btn:active,
.a:focus,
.a:active,
.form-control:focus {
    outline: none !important;
    box-shadow: none;
}

.btn-group-xs>.btn,
.btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}


/*****************************
margins
*****************************/

.ht-m-10 {
    margin: 10px;
}

.ht-margin-l-10 {
    margin-left: 10px;
}

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


/*****************************
borders
*****************************/

.ht-border {
    border-style: solid;
    border-width: 1px;
}

.ht-border-teal {
    border-color: #24bfad;
}

.ht-border-blue-dark {
    border-color: #004f6e;
}

.ht-border-grey-lightest {
    border-color: #f6f6f6;
}

.ht-border-grey-lighter {
    border-color: #e5e5e5;
}

.ht-border-grey-light {
    border-color: #adadad;
}

.ht-border-grey {
    border-color: #8e8e8e;
}

.ht-border-grey-dark {
    border-color: #565656;
}

.ht-border-grey-darkest {
    border-color: #2c2c2c;
}

.ht-border-left-right {
    border-top: none;
    border-bottom: none;
    /*border-left: 1px solid grey;
    border-right: 1px solid grey;*/
}


/*****************************
modals
*****************************/

div.ht-modal div.modal-dialog {
    background-color: white;
    border-radius: 1em;
}

div.ht-modal div.modal-content {
    border: none;
    background: url(../design/ht-modal-bg-top.svg) top left no-repeat, url(../design/ht-modal-bg-bottom.svg) bottom right no-repeat;
}

div.ht-modal div.modal-header,
div.ht-modal div.modal-footer {
    border: none;
}

div.ht-modal div.modal-header h5 {
    text-align: center;
    width: 100%;
}

div.ht-modal div.modal-header button.btn-close {
    font-size: .75em;
}

a.btn-preview {
    padding: 20px 5px;
}

a.btn-preview i {
    display: block;
    font-size: 22px;
    padding-bottom: 4px;
}

.ht-btn-light {
    font-weight: bold;
    border-radius: 1em;
    background-color: #fff;
    color: #04789F;
    border: 1px solid #f1f1f1;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 10%);
}

.ht-btn-dark-border {
    border: 2px solid #04789F;
}

.editor-btn-settings {
    padding-left: 2em;
    padding-right: 2em;
}

.ht-p-0 {
	padding: 0;
}
.ht-pb-10 {
	padding-bottom: 1em;
}

.eu-logo {
	max-height: 50px;
}

.min-w-150 {
	min-width: 150px;
}

div.driver-button{
    position: fixed;
    right: 0;
    bottom: 1em;
    padding: .5em 1em;
    border-top-left-radius: 6em;
    border-bottom-left-radius: 6em;
    z-index: 10;
}

div.driver-button i.chevron{
    color: #A33C3C;
    cursor: pointer;
    padding: .75em;
}

.login-logo {
	margin-top: 1em;
	max-height: 100px;
	object-fit: contain;
}

div.home-welcome-bar {
	width: 100%;
	background-color: #04789f;
	color: #fff;
	text-align: center;
	padding: 10px;
	/* border-radius: 15px; */
}

.superadmin-menu {
	position: relative;
}

span.badge.small-badge.admin-badge {
	background-color: red;
	padding: 3px !important;
	font-size: 1px !important;
	right: 10% !important;
}

span.badge.small-badge.admin-badge.list {
	position: absolute;
	right: -5% !important;
	top: 2px !important;
}

.pos-relative {
	position: relative;
}