html {
    scroll-behavior: smooth;
}

/* Loading Spinner */

.spinner {
    margin: 0;
    width: 70px;
    height: 18px;
    margin: -35px 0 0 -9px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0.0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {

    0%,
    80%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

.x_panel {
    position: relative;
    width: 100%;
    display: inline-block;
    background: #fff;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 1.5rem;
    font-size: 15px;
    margin: 0;
    margin-bottom: 20px;
    box-shadow: 2px 2px 0px -1px rgba(54, 57, 65, 0.15);
}

.x_title {
    font-size: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px;
    color: #035BB4;
    font-weight: 500;
}

.setup_instruction {
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
}

.padding_bottom-60 {
    padding-bottom: 60px
}

.btn {
    margin-right: 5px;
}

.tile_count {
    margin-bottom: 20px;
    margin-top: 20px;
}

.tile_count div:first-child .left {
    border: 0;
}

.tile_count .tile_stats_count {
    border-left: 0px solid #333;
    padding: 0;
}

.tile_stats_count .left {
    width: 15%;
    float: left;
    height: 65px;
    border-left: 2px solid #ADB2B5;
    margin-top: 10px;
}

.tile_stats_count .right {
    padding-left: 10px;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tile_stats_count .right span {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tile_stats_count .count {
    font-size: 40px;
    line-height: 47px;
    font-weight: 600;
}

.tile_stats_count .count small {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.count_top {
    color: #BDBDBD;
    font-size: 90%;
}

.count_bottom i {
    width: 12px;
}

.dashboard_graph {
    background: #fff;
    padding: 7px 10px;
}

.dashboard_graph .col-md-9,
.dashboard_graph .col-md-3 {
    padding: 0;
}

/* *********  tables styling  ******************************* */

.bulk-actions {
    display: none;
}

table.countries_list {
    width: 100%;
}

table.countries_list td {
    padding: 0 10px;
    line-height: 30px;
    border-top: 1px solid #eeeeee;
}

.dataTables_paginate a {
    padding: 6px 9px !important;
    background: #ddd !important;
    border-color: #ddd !important;
}

.paging_full_numbers a.paginate_active {
    background-color: rgba(38, 185, 154, 0.59) !important;
    border-color: rgba(38, 185, 154, 0.59) !important;
}

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
    border: 1px solid #E7E7E7 !important;
    background: #E7E7E7 !important;
    box-shadow: none !important;
}

table.jambo_table {
    border: 1px solid rgba(221, 221, 221, 0.78);
}

table.jambo_table thead {
    background: rgba(52, 73, 94, 0.94);
    color: #ECF0F1;
}

table.jambo_table tbody tr:hover td {
    background: rgba(38, 185, 154, 0.07);
    border-top: 1px solid rgba(38, 185, 154, 0.11);
    border-bottom: 1px solid rgba(38, 185, 154, 0.11);
}

table.jambo_table tbody tr.selected {
    background: rgba(38, 185, 154, 0.16);
}

table.jambo_table tbody tr.selected td {
    border-top: 1px solid rgba(38, 185, 154, 0.40);
    border-bottom: 1px solid rgba(38, 185, 154, 0.40);
}

.dataTables_paginate a {
    background: #ff0000;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1;
    /* Feeling sorry for IE */
}

.dataTables_processing {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 250px;
    /*height: 30px;*/
    margin-left: -125px;
    /*margin-top: -15px;*/
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    /*background-color: #cecece;*/
    height: 4em;
    /*padding-top: 2em;*/
    opacity: 0.5;
    background: black;
    border-top: 3px solid #cecece;
    border-bottom: 3px solid #cecece;
    margin-top: 5.0em;
}

.dataTables_length {
    width: 40%;
    float: left;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
    margin-bottom: 10px;
    margin-top: 10px;
}

.dataTables_info {
    width: 60%;
    float: left;
}

.dataTables_paginate {
    float: right;
    text-align: right;
}

/* Pagination nested */

.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    /**cursor: hand;*/
    color: #111 !important;
}

.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
    text-decoration: none !important;
}

.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
    outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}

.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px;
}

.paginate_disabled_next,
.paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_disabled_previous {
    background: url('../images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
    background: url('../images/back_enabled.png') no-repeat top left;
}

.paginate_enabled_previous:hover {
    background: url('../images/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
    background: url('../images/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
    background: url('../images/forward_enabled.png') no-repeat top right;
}

.paginate_enabled_next:hover {
    background: url('../images/forward_enabled_hover.png') no-repeat top right;
}

table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;
}

table.display thead th {
    padding: 8px 18px 8px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;
    /*cursor: hand;*/
}

table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

table.display td {
    padding: 3px 10px;
}

table.display td.center {
    text-align: center;
}

.sorting_asc {
    background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
    background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
    background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('../images/sort_desc_disabled.png') no-repeat center right;
}

table.display thead th:active,
table.display thead td:active {
    outline: none;
}

.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

.top,
.bottom {}

.top .dataTables_info {
    float: none;
}

.clear {
    clear: both;
    overflow: hidden;
}

.dataTables_empty {
    text-align: center;
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

tfoot input.search_init {
    color: #999;
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}

.paging_full_numbers a:active {
    outline: none
}

.paging_full_numbers a:hover {
    text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    /**cursor: hand;*/
}

.paging_full_numbers a.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
    background-color: #99B3FF;
}

table.display tr.even.row_selected td {
    background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}

div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF;
}

/**
 * Padding
 */

.p-0 {
    padding: 0;
}

.p-1 {
    padding: 5px;
}

.p-2 {
    padding: 10px;
}

.p-3 {
    padding: 15px;
}

.p-4 {
    padding: 20px;
}

.p-5 {
    padding: 25px;
}

.pt-0 {
    padding-top: 0;
}

.pt-1 {
    padding-top: 5px;
}

.pt-2 {
    padding-top: 10px;
}

.pt-3 {
    padding-top: 15px;
}

.pt-4 {
    padding-top: 20px;
}

.pt-5 {
    padding-top: 25px;
}

.pb-0 {
    padding-bottom: 0;
}

.pb-1 {
    padding-bottom: 5px;
}

.pb-2 {
    padding-bottom: 10px;
}

.pb-3 {
    padding-bottom: 15px;
}

.pb-4 {
    padding-bottom: 20px;
}

.pb-5 {
    padding-bottom: 25px;
}

.pl-0 {
    padding-left: 0;
}

.pl-1 {
    padding-left: 5px;
}

.pl-2 {
    padding-left: 10px;
}

.pl-3 {
    padding-left: 15px;
}

.pl-4 {
    padding-left: 20px;
}

.pl-5 {
    padding-left: 25px;
}

.pr-0 {
    padding-right: 0;
}

.pr-1 {
    padding-right: 5px;
}

.pr-2 {
    padding-right: 10px;
}

.pr-3 {
    padding-right: 15px;
}

.pr-4 {
    padding-right: 20px;
}

.pr-5 {
    padding-right: 25px;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.px-1 {
    padding-left: 5px;
    padding-right: 5px;
}

.px-2 {
    padding-left: 10px;
    padding-right: 10px;
}

.px-3 {
    padding-left: 15px;
    padding-right: 15px;
}

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

.px-5 {
    padding-left: 25px;
    padding-right: 25px;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.py-1 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.py-2 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.py-3 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.py-4 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.py-5 {
    padding-top: 25px;
    padding-bottom: 25px;
}

/**
   * Margins
   */

.m-0 {
    margin: 0;
}

.m-1 {
    margin: 5px;
}

.m-2 {
    margin: 10px;
}

.m-3 {
    margin: 15px;
}

.m-4 {
    margin: 20px;
}

.m-5 {
    margin: 25px;
}

.mt-0 {
    margin-top: 0;
}

.mt-1 {
    margin-top: 5px;
}

.mt-2 {
    margin-top: 10px;
}

.mt-3 {
    margin-top: 15px;
}

.mt-4 {
    margin-top: 20px;
}

.mt-5 {
    margin-top: 25px;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 5px;
}

.mb-2 {
    margin-bottom: 10px;
}

.mb-3 {
    margin-bottom: 15px;
}

.mb-4 {
    margin-bottom: 20px;
}

.mb-5 {
    margin-bottom: 25px;
}

.ml-0 {
    margin-left: 0;
}

.ml-1 {
    margin-left: 5px;
}

.ml-2 {
    margin-left: 10px;
}

.ml-3 {
    margin-left: 15px;
}

.ml-4 {
    margin-left: 20px;
}

.ml-5 {
    margin-left: 25px;
}

.mr-0 {
    margin-right: 0;
}

.mr-1 {
    margin-right: 5px;
}

.mr-2 {
    margin-right: 10px;
}

.mr-3 {
    margin-right: 15px;
}

.mr-4 {
    margin-right: 20px;
}

.mr-5 {
    margin-right: 25px;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mx-1 {
    margin-left: 5px;
    margin-right: 5px;
}

.mx-2 {
    margin-left: 10px;
    margin-right: 10px;
}

.mx-3 {
    margin-left: 15px;
    margin-right: 15px;
}

.mx-4 {
    margin-left: 20px;
    margin-right: 20px;
}

.mx-5 {
    margin-left: 25px;
    margin-right: 25px;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-1 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.my-2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.my-3 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.my-4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.my-5 {
    margin-top: 25px;
    margin-bottom: 25px;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-family: 'Gotham Narrow Book';
    font-weight: 300;
}

b,
strong {
    font-weight: 600;
}

p {
    line-height: 1.5em;
    margin-bottom: 10px;
}

.fade.in:not(.blue-custom-tooltip) {
    opacity: 1;
    background: rgba(0, 0, 0, .33);
}

.modal-body {
    overflow: hidden;
}

.ep-font-body {
    font-size: 16px;
    line-height: 1.4em;
    font-family: 'Gotham Narrow';
    font-weight: 300;
}

.ep-font-heading {
    font-size: 48px;
    font-family: 'Gotham XNarrow';
    font-weight: 400;
}

.ep-panel {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 15px;
    margin: 10px;
    margin-bottom: 40px;
    box-shadow: 2px 2px 0px -1px rgba(54, 57, 65, 0.15);
}

.ep-panel.action {
    max-width: 300px;
}

.x_title .ep-text-thin,
.ep-text-thin {
    font-weight: 300;
}

.x_subtitle {
    font-size: 17px;
}

.ep-panel-title {
    font-size: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px;
    color: #004fa0;
    font-weight: 400;
}

.x_title_lead {
    color: #005cb9;
    font-size: 38px;
    font-weight: 500;
}

.ep-card-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
}

p+.ep-card-container {
    margin-top: 20px;
}

.no-pointer {
    cursor: default !important;
}

.ep-card {
    color: #7c7c7c !important;
    background: #f5f5f5;
    padding: 20px;
    text-align: center;
    margin: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    flex: 1;
    min-width: 220px;
    flex-basis: calc(33% - 20px);
    position: relative;
    transition: all .5s;
    cursor: pointer;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
}

.ep-card.disabled .ep-card-icon,
.ep-card.disabled .ep-card-title,
.ep-card.disabled .ep-card-description {
    opacity: .5;
    cursor: not-allowed;
}

.ep-card .ep-card-icon {
    font-size: 45px;
    opacity: .75;
    line-height: 0;
    display: flex;
    min-width: 55px;
    max-width: 65px;
    width: 100%;
    height: 65px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

.ep-card .ep-card-icon img {
    max-width: 100%;
}

.ep-card.disabled::before {
    content: 'unavailable';
    text-transform: uppercase;
    position: absolute;
    top: 12%;
    left: 0;
    right: 0;
    background: #7c7c7c;
    color: #fff;
    padding: 10px;
    z-index: 2;
    font-size: 16px;
}

.ep-card-body {
    flex-grow: 1;
}

.ep-card-header,
.ep-card-body {
    margin-bottom: 15px;
}

.ep-card-header,
.ep-card-body,
.ep-card-footer {
    text-align: left;
}

.ep-card-title {
    font-size: 22px;
    color: #4a545f;
    text-align: center;
    margin-bottom: 5px;
    font-weight: 400;
    margin-top: 5px;
    font-family: 'Gotham XNarrow';
}

.ep-card-description {
    color: #7c7c7c;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
}

.ep-card-container.lrs>.ep-card {
    background: #fff;
    border: 1px solid #3DBCA5;
    margin-bottom: 50px;
    padding-bottom: 30px;
}

.ep-card-container.lrs>.ep-card>.ep-card-icon {
    background-color: #ffffff;
    background: linear-gradient(to bottom, #ff000000 50%, #fff 50%);
    border-bottom: solid 1px #3DBCA5;
    box-shadow: 0px 1px #3DBCA5;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: calc(50% - 30px);
    color: #035BB4;
    font-size: 40px;
    width: 70px;
    height: 70px;
    padding-top: 15px;
    z-index: 10;
    bottom: -35px;
    font-size: 32px;
    opacity: 1;
}

.ep-card-container.lrs>.ep-card>.ep-card-title,
.ep-card-container.lrs>.ep-card>.ep-card-description {
    text-align: left;
}

.ep-card-container.horizontal .ep-card-header {
    display: flex;
    align-items: center;
}

.ep-card-container.horizontal .ep-card-icon {
    font-size: 40px;
    margin: 0;
    align-self: flex-start;
}

.ep-card-container.horizontal .ep-card-title {
    text-align: left;
    padding: 0;
    font-weight: bold;
}

.ep-card-container.horizontal .ep-card-icon+.ep-card-title {
    padding-left: 15px;
}

.ep-card-container.horizontal .ep-card-description {
    padding-top: 20px;
}

.App {
    margin-top: 40px;
}

#header-nav-left {
    width: auto;
}

#header-logo {
    background: none;
}

#header-logo img {
    max-width: 300px;
    width: 100%;
}

#header-logo img,
.logo-content-small {
    opacity: .9;
}

#mobile-navigation {
    padding-right: 0;
    border-right: 0;
}

#page-wrapper {
    background: #eee;
}

.page-background {
    background: #F2F2F7 !important;
}

#page-header {
    background: #0E4D90;
}

#page-header .user-account-btn .dropdown-menu {
    padding-bottom: 0;
    top: 65px;
    left: 23px;
}

#page-sidebar {
    background: #fff !important;
    box-shadow: 1px 0px #ccc;
    overflow: auto;
    min-height: calc(100vh - 78px);
}

#page-sidebar .header~.header {
    margin-top: 40px;
}

#sidebar-menu {
    padding: 20px;
}

#sidebar-menu li .sidebar-submenu ul li a {
    border-radius: 3px;
}

#page-sidebar li a.sfActive .glyph-icon,
#sidebar-menu>li:not(.header) a:not(.sfActive):hover .glyph-icon {
    opacity: 1;
}

#sidebar-menu>li:not(.header) a:not(.sfActive):hover .glyph-icon i {
    transform: scale(1.2);
    color: #0E4D90;
    transition: all .15s;
}

a.sfActive {
    background: #cceae6 !important;
    border: 1px solid #0E4D90 !important;
}

a.sfActive,
a.sfActive .glyph-icon {
    color: #0E4D90 !important;
}

#page-content,
#page-content-wrapper {
    background: #eee;
}

#page-content {
    /*padding: 40px 50px;*/
}

.sidebar-submenu .fa-circle {
    font-size: 7px;
    float: left;
    padding-top: 12px;
    padding-right: 10px;
    padding-left: 10px;
    opacity: .25;
}

#page-sidebar li ul li a:before {
    display: none;
}

.login-box .user-info span {
    padding-top: 0;
    padding-bottom: 0px;
}

.user-account-btn {
    padding: 15px;
    width: 100%;
    margin: 0 !important;
}

.user-account-btn>a {
    color: #fff;
    text-decoration: none !important;
}

.login-box .user-info span i {
    padding-top: 5px;
}

.dropdown-menu li {
    padding: 2px 15px;
}

.user-profile {
    padding-top: 10px;
}

.user-profile>.icon {
    float: left;
    padding-right: 15px;
    margin-top: -8px;
    font-size: 45px;
}

a.sfActive {
    background: rgba(0, 0, 0, .1);
}

body.nav-md .container.body .right_col {
    padding: 50px;
}

a.sfActive {
    background: rgba(99, 191, 178, 0.33) !important;
}

#sidebar-menu li .sidebar-submenu {
    border-radius: 0;
    border: 0;
    padding-left: 40px;
}

#sidebar-menu li a {
    text-decoration: none !important;
    font-size: 15px;
}

#page-sidebar li a .glyph-icon {
    margin-left: 5px;
    margin-right: 10px;
}

.ep-color-gray {
    color: #7c7c7c;
}

.ep-color-yellow {
    color: #f6aa14;
}

.ep-color-red {
    color: #c2352c;
}

.ep-color-green {
    color: #166936;
}

.ep-color-orange {
    color: #fd6b35;
}

.ep-color-purple {
    color: #7f257d;
}

.ep-color-plum {
    color: #a12641;
}

.ep-color-teal {
    color: #3DBCA5;
}

.ep-color-blue {
    color: #245fd8;
}

.ep-background-gray {
    background: #7c7c7c;
}

.ep-background-yellow {
    background: #f6aa14;
}

.ep-background-red {
    background: #c2352c;
}

.ep-background-green {
    background: #166936;
}

.ep-background-orange {
    background: #fd6b35;
}

.ep-background-purple {
    background: #7f257d;
}

.ep-background-plum {
    background: #a12641;
}

.ep-background-teal {
    background: #3DBCA5;
}

.ep-background-blue {
    background: #245fd8;
}

.ep-background-dark {
    background: #38424d;
    color: #fff;
}

.ep-background-blue-light {
    background-color: #e2ecff;
    color: #185add;
}

.ep-rounded-lg {
    border-radius: 0.5rem;
}

.ep-task-container {
    margin-top: 30px;
    margin-left: 10px;
}

.ep-task {
    position: relative;
    margin-bottom: 10px;
}

.ep-task-status {
    position: absolute;
    font-size: 22px;
    left: 5px;
}

.ep-task-text {
    padding-left: 40px;
    font-size: 16px;
    padding-top: 5px;
}

.ep-button {}

.ep-card.gray:hover {
    border-color: #7c7c7c;
    background: #eee;
}

.ep-card.orange:hover {
    border-color: #fd6b35;
    background: #fd6b35;
}

.ep-card.yellow:hover {
    border-color: #f6aa14;
    background: #fef5e2;
}

.ep-card.red:hover {
    border-color: #c2352c;
    background: #f8e6e5;
}

.ep-card.green:hover {
    border-color: #166936;
    background: #e3ede7;
}

.ep-card.orange:hover {
    border-color: #fd6b35;
    background: #ffede6;
}

.ep-card.purple:hover {
    border-color: #7f257d;
    background: #efe4ef;
}

.ep-card.plum:hover {
    border-color: #a12641;
    background: #f4e5e8;
}

.ep-card.teal:hover {
    border-color: #3DBCA5;
    background: #ebf7f5;
}

.ep-card.blue:hover {
    border-color: #245fd8;
    background: #245fd81f
}

#page-header .user-account-btn>a.user-profile span {
    width: auto;
}

#sidebar-menu>li:not(.header) {
    margin: 10px 0px;
}

#sidebar-menu a span {
    color: #3c3c3c;
}

#sidebar-menu li .sidebar-submenu ul li a:hover {
    background: #eee;
}

#sidebar-menu a:hover {
    color: inherit;
}

#page-sidebar ul li.sfHover>a.sf-with-ul {
    color: #035BB4;
}

#sidebar-menu a:hover .fa-caret-down,
a.sfActive span {
    color: #035BB4 !important;
}

#page-sidebar li a.sf-with-ul:after {
    display: none;
}

#page-sidebar li a .fa-caret-down {
    padding-top: 8px;
}

.ep-download {
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: flex;
    border-bottom: 1px solid #eee;
}

.ep-download-icon {
    font-size: 20px;
    padding-left: 5px;
    padding-right: 15px;
    color: #c2352c;
}

.ep-download-name {
    color: #7c7c7c;
}

@media (min-width:900px) {
    #page-sidebar {
        width: 260px !important;
    }
}

@media (max-width:900px) {
    #page-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 200;
    }

    #page-content {
        padding: 15px;
    }

    #page-content-wrapper {
        padding-top: 80px;
    }

    #page-sidebar {
        margin-left: -300px;
    }

    #page-sidebar.collapse.in {
        margin-left: 0px;
    }

    #page-sidebar,
    #page-sidebar.collapse.in {
        position: fixed;
        bottom: 0px;
        top: 75px;
        max-width: 300px;
        transition: all .2s;
    }

    .scroll-sidebar {
        padding: 20px;
    }
}

@media(max-width: 1200px) {
    #page-content {
        padding: 30px;
    }

    .ep-panel {
        margin: 0px;
        margin-bottom: 30px;
    }
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    margin-right: 0;
}

.btn-wrap {
    white-space: normal;
}

.btn.btn-action>i {
    font-size: 1.1em;
}

.btn.btn-action {
    position: relative;
    overflow: hidden;
    padding-left: 25px;
    padding-right: 25px;
}

.btn.btn-action>i {
    position: absolute;
    font-size: 2.5em;
    right: 35px;
    bottom: 30%;
    opacity: .1;
    transition: opacity .3s;
    line-height: 0;
}

.btn.btn-lg.btn-action>i {
    font-size: 3.5em;
}

.btn.btn-action:hover>i {}

.btn.btn-rounded {
    border-radius: 50px;
}

.btn-lg {
    font-size: 17px;
}

.btn>i {
    padding: 1px;
    text-align: left;
    top: 2px;
}

.btn-default,
.btn-primary,
.btn-secondary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger {
    transition: all .1s;
    border: 0 !important;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .15);
}

.btn-primary,
.btn-secondary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger {
    text-shadow: 1px 1px rgba(0, 0, 0, .1);
}

.btn-default:active,
.btn-primary:active,
.btn-secondary:active,
.btn-info:active,
.btn-success:active,
.btn-warning:active,
.btn-danger:active {
    transition: all .1s;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 2px 2px 16px rgba(0, 0, 0, .25);
}

.btn-link {
    color: #035BB4;
    background-color: transparent;
    text-transform: uppercase;
    letter-spacing: -.5px;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
    color: #035BB4;
    background-color: transparent;
}

.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
    background-image: none;
}

.btn-link.disabled,
.btn-link[disabled],
fieldset[disabled] .btn-link,
.btn-link.disabled:hover,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link.disabled:focus,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus,
.btn-link.disabled:active,
.btn-link[disabled]:active,
fieldset[disabled] .btn-link:active,
.btn-link.disabled.active,
.btn-link[disabled].active,
fieldset[disabled] .btn-link.active {
    background-color: transparent;
    border-color: transparent;
}

.btn-link .badge {
    color: #fff;
    background-color: #035BB4;
}

.btn-dark {
    color: #ffffff;
    background-color: #38424D;
    border-color: #4A545F;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
    color: #ffffff;
    background-color: #4A545F;
    border-color: #4A545F;
}

.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
    background-image: none;
}

.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
    background-color: #38424D;
    border-color: #4A545F;
}

.btn-dark .badge {
    color: #38424D;
    background-color: #ffffff;
}

.btn-primary {
    color: #ffffff;
    background-color: #035BB4;
    border-color: #3170CD;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #3170CD;
    border-color: #3170CD;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #035DB7;
    border-color: #3170CD;
}

.btn-primary .badge {
    color: #035DB7;
    background-color: #ffffff;
}

.btn-secondary {
    color: #ffffff;
    background-color: #035BB4;
    border-color: #40BCA3;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
    color: #ffffff;
    background-color: #40BCA3;
    border-color: #40BCA3;
}

.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
    background-image: none;
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
    background-color: #035BB4;
    border-color: #40BCA3;
}

.btn-secondary .badge {
    color: #035BB4;
    background-color: #ffffff;
}

.btn-success {
    color: #FFFFFF;
    background-color: #5CB85C;
    border-color: #73D071;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #FFFFFF;
    background-color: #73D071;
    border-color: #73D071;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #5CB85C;
    border-color: #73D071;
}

.btn-success .badge {
    color: #5CB85C;
    background-color: #FFFFFF;
}

.btn-danger {
    color: #FFFFFF;
    background-color: #D9534F;
    border-color: #F16963;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #FFFFFF;
    background-color: #F16963;
    border-color: #F16963;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #D9534F;
    border-color: #F16963;
}

.btn-danger .badge {
    color: #D9534F;
    background-color: #FFFFFF;
}

.btn-warning,
.btn-cancel {
    color: #FFFFFF;
    background-color: #F0AD4E;
    border-color: #FFBD5E;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: #FFFFFF;
    background-color: #FFBD5E;
    border-color: #FFBD5E;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #F0AD4E;
    border-color: #FFBD5E;
}

.btn-warning .badge {
    color: #F0AD4E;
    background-color: #FFFFFF;
}

.btn-transparent {
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .2);
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent.active,
.open .dropdown-toggle.btn-transparent {
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, .2);
    border-color: rgba(255, 255, 255, .2);
}

.btn-transparent:active,
.btn-transparent.active,
.open .dropdown-toggle.btn-transparent {
    background-image: none;
}

.btn-transparent.disabled,
.btn-transparent[disabled],
fieldset[disabled] .btn-transparent,
.btn-transparent.disabled:hover,
.btn-transparent[disabled]:hover,
fieldset[disabled] .btn-transparent:hover,
.btn-transparent.disabled:focus,
.btn-transparent[disabled]:focus,
fieldset[disabled] .btn-transparent:focus,
.btn-transparent.disabled:active,
.btn-transparent[disabled]:active,
fieldset[disabled] .btn-transparent:active,
.btn-transparent.disabled.active,
.btn-transparent[disabled].active,
fieldset[disabled] .btn-transparent.active {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.btn-transparent .badge {
    color: #FFFFFF;
    background-color: #FFFFFF;
}

h1,
h2,
h3,
h4,
h5,
.x_title,
.x_title>*,
.x_title_lead {
    font-family: 'Gotham XNarrow';
    font-weight: 500;
}

.x_title,
.x_title h1,
.x_title h2,
.x_title h3,
.x_title h4,
.x_title h5 {
    font-size: 32px;
}


.ep-callout-container {
    /* display: flex;
    flex-direction: row;
    flex-wrap: wrap; */
}

.ep-callout {
    display: inline-flex;
    flex-direction: row;
    text-decoration: none !important;
    cursor: pointer;
    flex-basis: calc(25% - 15px);
    min-width: 250px;
    flex: 1;
    max-width: 500px;
    margin-right: 20px;
}

.ep-callout-icon {
    font-size: 30px;
    padding-right: 5px;
    padding-top: 10px;
    width: 35px;
    text-align: right;
}

.ep-callout-content {
    padding: 10px;
}

.ep-callout-title {
    font-size: 17px;
    font-weight: 600;
    text-decoration: underline;
}

.ep-callout:hover .ep-callout-title {
    color: #004fa0
}

.ep-callout-text,
.ep-callout-title {
    color: #3e4855;
}

.ep-upsell-image,
.ep-upsell-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ep-upsell {
    position: relative;
    padding: 40px;
    display: block;
    text-decoration: none !important;
    border-radius: 4px;
    overflow: hidden;
}

.ep-upsell.compact:hover .ep-upsell-background {
    transition: all .3s;
    background-color: #035BB4;
    opacity: .9;
}

.ep-upsell.compact {
    padding: 20px 10px;
}

.ep-upsell-image {
    background-size: cover !important;
    background-position: center center !important;
    z-index: 10;
}

.ep-upsell-background {
    opacity: .65;
    background-color: #232e39;
    z-index: 11;
}

.ep-upsell-text {
    position: relative;
    z-index: 12;
    color: #fff;
}

.ep-upsell-text h2+p {
    margin-top: 20px;
    margin-bottom: 30px;
}

.ep-upsell-text h2,
.ep-upsell-text h2 a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.ep-upsell.compact .ep-upsell-text h2 {
    font-size: 24px;
}

.ep-upsell-image.literature-fulfillment {
    background-image: url('./../images/literature-fulfillment.jpg');
}

.ep-upsell-image.attendee-list {
    background-image: url('./../images/attendee-list.jpg');
}

.ep-upsell-image.education-center {
    background-image: url('./../images/education-center.jpg');
}

.ep-upsell-image.qualifier-survey {
    background-image: url('./../images/qualifier-survey.jpg');
}

.ep-upsell-image.text-alert {
    background-image: url('./../images/text-alert.jpg');
}

.ep-upsell-image.lrs-upsell {
    background-image: url('./../images/lrs-upsell.jpg');
}

.ep-upsell-image.default {
    background-image: url('./../images/BlurredExhibHall_right.jpg');
}

label.required:after {
    content: '*';
    color: red;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    right: -4px;
    top: 2px;
    opacity: .66;
    font-family: 'Monospace';
}

.ui-dialog-buttonpane,
body .button-pane {
    background: #eee;
}

.alert {
    padding: 20px;
}

.form-control {
    width: 100% !important;
    display: block;
    border-color: #d8d8d9;
}

.table,
.table.dataTable {
    border-collapse: collapse;
    color: inherit;
    width: 100% !important;
}

.table td,
.table th {
    border-radius: 0;
}

.table th {

    font-weight: 600;
}

.table>tr>td,
.table>tr>th,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>th,
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border: 1px solid #ddd;
}


.table>thead>tr>th,
.table>thead:first-child>tr:first-child>th {
    color: #fff;
    background-color: #38424d;
    border: 1px solid #232e39;
}

#devices-table_filter {
    margin-bottom: 20px;
}

.content-box-header {
    font-weight: 500;
    font-family: 'Gotham XNarrow';
    font-size: 20px;
    text-transform: none;
    background: #38424d;
    color: #fff;
}

.content-box .content-box-wrapper {
    padding: 30px;
}

.tag-editor {
    border: 1px solid #d8d8d9 !important;
}

.count_top {
    color: #65758b;
    font-size: 15px;
}

.count_top>i {
    display: none;
}

.content-box {
    background: #f5f5f5;
}

#qual-table td {
    vertical-align: middle !important;
}

#qual-table #Required[type='checkbox'] {
    display: block;
    margin: 0 auto;
    width: 17px;
    height: 17px;
}

@media (min-width:768px) {
    .pull-right-sm {
        float: right;
    }
}

@media (min-width:992px) {
    .pull-right-md {
        float: right;
    }
}

@media (min-width:1200px) {
    .pull-right-lg {
        float: right;
    }
}

/*===================================================================================*/
/* 	14.	Reservations
/*===================================================================================*/
.reservation-form {}

.reservation-form label i {
    color: #e1e1e1;
}

.reservation-form .required-field {
    color: #FF0000;
}

.reservation-form .personal-details {}

.reservation-form .booking-conditions {
    margin-top: -10px;
}

.reservation-form .booking-conditions input {
    float: left;
    margin-right: 8px;
}

.reservation-form .booking-conditions p {
    margin: 0px;
}

.reservation-form .booking-conditions p a {
    text-decoration: underline;
}

.reservation-form .personal-details div,
.reservation-form .reservation-details div,
.reservation-form .date-details div {
    float: left;
    width: 48%;
    margin-right: 4%;
}

.reservation-form .date-details input {
    background-image: url(../images/calendar-booking.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.reservation-form .additional-information div {
    width: 100;
}

.reservation-form .personal-details div:last-child,
.reservation-form .reservation-details div:last-child,
.reservation-form .additional-information div:last-child,
.reservation-form .date-details div:last-child {
    margin-right: 0 !important;
}

.reservation-form .personal-details div input,
.reservation-form .personal-details div select,
.reservation-form .reservation-details div input,
.reservation-form .reservation-details div select,
.reservation-form .date-details div input,
.reservation-form .date-details div select,
.reservation-form .additional-information div textarea,
.reservation-form .additional-information div textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

fieldset {
    padding: 20px 15px 15px 15px;
    border: 1px solid #e1e1e1;
}

/*===================================================================================*/
/* 	Digital Backpack
/*===================================================================================*/

.flex-group-column {
    display: flex;
    flex-direction: column;
}

.box-dropdown-menu a {
    font-size: 13px;
    text-align: left;
    margin: 5px 10px;
}

.dbp-card-group {
    display: flex;
    padding-left: 10px;
}

.dbp-card {
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.dbp-card:hover,
.dbp-card-checked {
    background-color: #f5f5f5;
}

.dbp-card-body {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    width: 100%;
}

.dbp-card-text {
    margin-left: 10px;
}

.dbp-card-text-sm {
    font-weight: 400;
}

.dbp-content-card-wrapper {
    padding: 0 30px;
    line-height: 1.6em;
}

.custom-tooltip+.tooltip,
.blue-custom-tooltip {
    background-color: transparent;
    width: 300px;
    font-size: 13px;
    margin-right: 10px;
    padding-right: 20px;
}

.custom-tooltip+.tooltip>.tooltip-inner,
.blue-custom-tooltip>.tooltip-inner {
    background-color: #035DB7;
    max-width: 100%;
    border-radius: 10px;
}

.custom-tooltip.top+.tooltip>.tooltip-arrow,
.blue-custom-tooltip+.tooltip>.tooltip-arrow {
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #035DB7;
}

.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
    border-radius: 20rem;
}

.toggle.ios .toggle-handle {
    border-radius: 20rem;
}

/*===================================================================================*/
/* 	Getting started 
/*===================================================================================*/

.gtp-panel-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.gtp-panel {
    position: relative;
    padding: 40px;
    display: block;
    text-decoration: none !important;
    border-radius: 1.5rem;
    overflow: hidden;
}

.gtp-panel.compact:hover .gtp-panel-background {
    transition: all .3s;
    background-color: #035BB4;
    opacity: .9;
}

.gtp-panel.compact {
    padding: 20px 10px;
}

.gtp-panel-image {
    background-size: cover !important;
    background-position: center center !important;
    z-index: 10;
}

.gtp-panel-background {
    opacity: .65;
    /* background: linear-gradient(-35deg,#045CB4,#12A581 );*/
    z-index: 11;
}

.gtp-panel-text {
    position: relative;
    z-index: 12;
    color: #fff;
}

.gtp-panel-title {
    font-size: 27px;
    font-weight: 500;
}

.gtp-panel-text h2+p {
    margin-top: 20px;
    margin-bottom: 30px;
}

.gtp-panel-text h2,
.gtp-panel-text h2 a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.gtp-panel.compact .gtp-panel-text h2 {
    font-size: 24px;
}

.gtp-panel-image.xpreslead-event {
    background-image: url('../images/get-express-lead-app-banner.svg');
}

.gtp-panel-icon {
    position: relative;
    top: -2px;
    width: 35px;
    border-radius: 6px;
}

.gtp-panel-xleads {
    color: #18dcab;
}

.gtp-card {
    display: flex;
    margin: auto;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px -8px rgba(200, 204, 208, 0.4),
        0px 2px 4px rgba(221, 224, 228, 0.4),
        0px -3px 16px 2px rgba(231, 235, 238, 0.4);
    border-radius: 12px;
    width: 100%;
}

.gtp-card-qrcode {
    margin: auto;
}

.gtp-card.gtp-setup {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 24px;
    gap: 12px;
    max-width: 47rem;
}

.gtp-card.gtp-badge {
    flex-flow: row wrap;
    align-items: center;
    padding: 10px;
    max-width: 50rem;
}


.gtp-step-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    justify-content: center;
    justify-items: center;
    margin-top: 20px;
    padding: 0px;
    gap: 12px;
    font-weight: 600;
    height: 32px;
}

.gtp-step-logo {
    width: 160px;
}

.gtp-step-desc>a {
    color: #035BB4;
}

.gtp-example-img {
    max-width: 100%;
}

.gtp-card-number {
    background: rgba(242, 242, 247, 1);
    color: rgba(3, 91, 180, 1);
    font-weight: 700;
    padding: 4px 9px;
    border-radius: 4px;
}


.gtp-card-items {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
}

.gtp-card-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;

    /*width: 288px;*/
    height: 68px;
}

.gtp-card-badge {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    padding: 8px 16px;
    gap: 8px;

    height: 40px;
    /*width: 288px;*/
    width: 100%;

    background: #F2F2F7;
    border-radius: 8px;
}

.gtp-card-code {
    width: 120px;
    height: 120px;
}

.gtp-setup.step {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 80px;
    justify-content: center;
}

.gtp-step-2 {
    gap: 52px !important;
}

.gtp-setup.img {
    max-width: 27rem;
}

.gtp-setup.img.left {
    margin-left: -60px;
    /*-64*/
    max-width: 33rem;
}

.gtp-setup.img.right {
    margin-right: -27px;
}

.gtp-copy-btn {
    cursor: pointer;
    border: none;
    background: none;
}

.gtp-copy-tooltip {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 0.8em;
}

.gtp-copy-btn:hover .gtp-copy-tooltip {
    visibility: visible;
}

.gtp-show-copy-tooltip {
    visibility: visible;
    opacity: 1;
}

.gtp-navbar {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #FFFFFF;
    /*padding: 10px 20px;*/
    position: relative;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.gtp-navbar a {
    text-decoration: none;
    padding: 10px;
}

.gtp-navbar a:hover {
    color: #000000;
}

.gtp-nav-middle {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.gtp-nav-right {
    background-color: #eee;
    border-radius: 5px;
    font-size: .8em;
}

.gtp-nav-right,
.gtp-nav-left {
    color: #000000;
}

.gtp-footer-section {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.gtp-footer-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 3rem 0 3rem;
    font-size: .9em;
}

.gtp-footer-icon {
    background-color: #FFFFFF;
    width: 23px;
    height: 23px;
    border-radius: 4px;
    text-align: center;
    align-content: center;
}

.gap-3 {
    gap: 15px;
}

.gtp-footer-info a,
.gtp-setup a {
    text-decoration: none;
    color: #035BB4;
}

.gtp-footer-info a:hover,
.gtp-setup a:hover {
    text-decoration: none;
    color: #000000;
}

#lg-footer {
    background-color: #e7e7e7;
    align-content: center;
    min-height: 80px;
}

.page-footer {
    display: flex;
    justify-content: center;
    align-items: end;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.official-provider img {
    width: 80px;

}

.official-provider,
.maritz-logo {
    max-width: 180px;
}

#header-logo {
    align-content: center;
}

@media print {
    .printing-header {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;

    }

    .printing-x_title {
        text-align: left;
        border-right: 3px double black;
        padding-right: 15px;
        max-width: 30%;
        margin: auto 20px auto 10px;
    }

    .printing-x_title>h2 {
        color: #035BB4;
        font-weight: 500;
        font-size: 22px;
    }

    .printing-company-title {
        margin: auto;
        margin-left: 0px;
        text-align: left;
    }

    .printing-booth {
        margin: auto;
        margin-right: 0px;
    }

    .printing-badge {
        display: flex !important;
        justify-content: center;
        align-content: space-between;
        margin: 10px auto;
        width: 99%;
    }

    .printing-badge-card {
        margin: auto !important;
        max-width: 48%;
        border: 1px solid gray !important;
        display: flex;
        box-sizing: border-box;
        padding: 0 15px;
        border-radius: 12px;
    }

    .badge-text-box {
        margin: 10px auto;
        width: 65%;
    }

    .printing-qr-image {
        width: 35%;
        display: flex;
        align-items: center;
        margin-right: 20px;
    }

}