#logo {
    display: inline-block;
    width: 192px;
    background-repeat: no-repeat;
    height: 50px;
    max-width: 50vw;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

@font-face {
    font-family: "Neo Sans Std";
    src: url("Fonts/NeoSansStd-Regular.otf");
}

html, body {
    font-family: 'Neo Sans Std', Helvetica, Arial, sans-serif;
}

body {
    padding-top: 50px;
}

body, .ui-spinner-button {
    font-size: 15px;
}

label {
    font-weight: normal;
}

.required-label {
    font-weight: bold;
}
.not-required-label{
    font-weight: normal;
}

/* SIDEBAR & NAVBAR */

.navbar {
    border: none;
    position: fixed;
    z-index: 999;
    padding: 0;
    box-shadow: 0 3px 3px rgba(0,0,0,.75);
}

.navbar, .navbar-collapse {
    background-color: var(--navbarColor);
}

.navbar-nav > .nav-item > .nav-link {
    color: #fff;
}

.nav-button-color {
    color: var(--navButtonColor)
}

.nav-button-color:hover {
    color: var(--navButtonColor);
    background-color: var(--navButtonBackgroundColorHover)
}

.dropdown-menu {
    z-index: 1099;
}

.navbar-brand {
    padding: 0;
    max-height: 50px;
}

#sidebar-wrapper {
    margin-top: 50px;
    width: 250px;
    background-clip: unset;
}

.sidebar-color {
    background-color: var(--sidebarColor);
}

.sub-items {
    padding: 0;
    background-color: var(--sidebarSubItemsBackgroundColor);
    list-style-type: none;
    box-shadow: inset 0 7px 4px -6px #000,inset 0 -7px 4px -6px #000;
    -webkit-box-shadow: inset 0 7px 4px -6px rgba(0,0,0,.75),inset 0 -7px 4px -6px rgba(0,0,0,.75);
    -ms-box-shadow: inset 0 7px 4px -6px rgba(0,0,0,.75),inset 0 -7px 4px -6px rgba(0,0,0,.75);
    box-shadow: inset 0 7px 4px -6px rgba(0,0,0,.75),inset 0 -7px 4px -6px rgba(0,0,0,.75);
}

.sidebar-subitem-text-color, .sidebar-subitem-text-color {
    color: var(--sidebarSubItemColor) !important;
}

.sidebar-nav {
    padding: 0;
}

.sidebar-nav-admin {
    line-height: 40px;
}

.top-item {
    list-style-type: none;
    padding: 0;
}

.sidebar-button-color {
    background-color: var(--sidebarMenuButtonBackgroundColor);
}

.sidebar-button-color:hover {
    color: var(--sidebarMenuButtonColorHover);
    background-color: var(--sidebarMenuButtonBackgroundColorHover);
}

.sidebar-button-text-color[aria-expanded=false]::after {
    position: absolute;
    right: 15px;
    font-family: "Font Awesome 5 Free", serif;
    font-size: 15px;
    font-weight: 900;
    content: "\f078";
}

.sidebar-button-text-color[aria-expanded=true]::after {
    position: absolute;
    right: 15px;
    font-family: "Font Awesome 5 Free", serif;
    font-size: 15px;
    font-weight: 900;
    content: "\f077";
}

.top-menu-button {
    background-color: #314e5e !important;
}

#menu-toggle {
    height: 50px;
}

.dropdown-toggle > .top-menu-button-icon {
    vertical-align: middle;
    padding-bottom: 2px;
    margin-left: 5px;
}

.top-menu-button-color {
    color: var(--navbarTopMenuButtonColor);
    background-color: var(--navbarTopMenuButtonBackgroundColor);
}

.top-menu-button-color:hover {
    background-color: var(--navbarTopMenuButtonBackgroundColorHover);
}

.dropdown-toggle {
    max-height: 50px;
}

.sidebar-button-text-color, .sidebar-button-text-color:hover {
    color: #fff !important;
}

.sidebar-subitem-color {
    color: #000 !important;
}

.sidebar-subitem-color:hover {
    color: var(--sidebarSubItemColorHover);
    background-color: var(--sidebarSubItemBackgroundColorHover);
}

.open-page, .open-page:hover {
    background-color: #FF8800 !important;
    border-color: #FF8800 !important;
}

.open-page > a, .open-page > a:hover {
    color: #fff !important;
}

.mobile-menu-button {
    z-index: 1052;
    bottom: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
}

.top-menu-button {
    border: none;
    border-radius: 0;
    padding: 0 18px;
    margin: 0 !important;
}

.top-menu-button:focus {
    outline: none;
}

.sidebar-nav {
    overflow-y: auto;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
}

.sidebar-nav li a:hover {
    background: none;
}

.menu-item-expandable {
    color: #5A5A5A;
}

.top-item {
    list-style-type: none;
    padding: 0;
}

/* SIDEBAR END */

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 10px 0;
}

html {
    min-height: 100%;
}

a {
    text-decoration: none;
}

.font-size-sm {
    font-size: 11px;
}

.white-space-nowrap{
    white-space: nowrap;
}

.text-overflow-ellipsis{
    text-overflow: ellipsis;
}

@media (max-width: 767px) {
    .font-size-sm {
        font-size: 9px;
    }
}

.fast-temp-popup {
    position: fixed;
    right: -360px;
    top: 63px;
    background-color: #404040;
    box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
    min-width: 180px;
    max-width: 350px;
    border-radius: 3px;
    text-align: center;
    z-index: 10000;
    color: #fff;
    font-weight: bold;
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

@media (max-width: 420px) {
    .fast-temp-popup {
        max-width: 260px;
    }
}

.fast-temp-popup-content {
    padding: 0 20px 20px 20px;
}

.fast-temp-popup-close-button {
    cursor: pointer;
    padding: 5px 10px;
    font-size: 1.3em;
}

    .fast-temp-popup-close-button:hover {
        background-color: #757575;
    }

.fast-temp-popup-close-button-row {
    min-height: 20px;
}

@media (max-width: 767px) {
    .username-button {
        max-width: 750px;
    }
}

@media (min-width: 768px) {
    .ms-auto {
        margin-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 778px) {
    .username-button {
        max-width: 189px;
    }
}

@media (min-width: 779px) and (max-width: 788px) {
    .username-button {
        max-width: 200px;
    }
}

@media (min-width: 789px) and (max-width: 798px) {
    .username-button {
        max-width: 210px;
    }
}

@media (min-width: 799px) and (max-width: 808px) {
    .username-button {
        max-width: 220px;
    }
}

@media (min-width: 809px) and (max-width: 818px) {
    .username-button {
        max-width: 230px;
    }
}

@media (min-width: 819px) and (max-width: 828px) {
    .username-button {
        max-width: 240px;
    }
}

@media (min-width: 829px) and (max-width: 838px) {
    .username-button {
        max-width: 250px;
    }
}

@media (min-width: 839px) and (max-width: 848px) {
    .username-button {
        max-width: 260px;
    }
}

@media (min-width: 849px) and (max-width: 868px) {
    .username-button {
        max-width: 270px;
    }
}

@media (min-width: 869px) and (max-width: 888px) {
    .username-button {
        max-width: 290px;
    }
}

@media (min-width: 889px) and (max-width: 908px) {
    .username-button {
        max-width: 310px;
    }
}

@media (min-width: 909px) and (max-width: 928px) {
    .username-button {
        max-width: 330px;
    }
}

@media (min-width: 929px) and (max-width: 948px) {
    .username-button {
        max-width: 350px;
    }
}

@media (min-width: 949px) and (max-width: 968px) {
    .username-button {
        max-width: 370px;
    }
}

@media (min-width: 969px) and (max-width: 988px) {
    .username-button {
        max-width: 390px;
    }
}

@media (min-width: 989px) and (max-width: 991px) {
    .username-button {
        max-width: 410px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .username-button {
        max-width: 413px;
    }
}

@media (min-width: 1200px) {
    .username-button {
        max-width: 621px;
    }

    .container {
        max-width: 1300px;
    }
}

@media screen and (max-width: 800px) {
    .dxeCalendarDETS td {
        display: block;
    }

        .dxeCalendarDETS td td {
            display: table-cell;
        }
}

.username-button {
    color: #000;
    max-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.carousel {
    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.70);
    margin: 0 auto;
}

#carouselButtons {
    margin-left: 100px;
    position: absolute;
    bottom: 0;
}

.carousel-indicators {
    bottom: -21px;
}

.jumbotron {
    padding-top: 16px;
    padding-bottom: 16px;
    margin: 0 auto;
    box-shadow: 0 2px 10px 0 #999;
}

label {
    margin-bottom: 0 !important;
}

.table th, .table td {
    padding: 1px;
    vertical-align: top;
    border-top: none;
}

.col-form-label {
    margin-bottom: 0 !important;
}

.rememberMe-checkbox {
    /*padding-left: 23px !important;*/
    padding-top: 0 !important;
}

.opaque-1 {
    opacity: 0.8;
}

.opacity-09 {
    opacity: 0.9;
}

.opacity-08 {
    opacity: 0.8;
}

.opacity-07 {
    opacity: 0.7;
}

.opacity-06 {
    opacity: 0.6;
}

.opacity-05 {
    opacity: 0.5;
}

.opacity-04 {
    opacity: 0.4;
}

.opacity-03 {
    opacity: 0.3;
}

.opacity-02 {
    opacity: 0.2;
}

.opacity-01 {
    opacity: 0.1;
}

#forgotPassword {
    vertical-align: middle;
    cursor: pointer;
}

@media (max-width: 768px) {
    .carousel, .jumbotron {
        max-width: 100%;
    }

    .carousel-caption {
        padding-bottom: 0;
        font-size: x-small;
        left: 0;
        right: 0;
    }

        .carousel-caption > div > h1 {
            font-size: larger;
        }

        .carousel-caption > div > a {
            font-size: xx-small;
        }

    .txt-sub-769 {
        display: block;
        text-align: center;
        padding: 0 10px 30px 10px;
        height: 200px;
    }

    .txt-hypo-768 {
        display: none;
    }
}

@media (min-width: 769px) {
    .txt-sub-769 {
        display: none;
    }

    .txt-hypo-768 {
        display: block;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .carousel {
        max-width: 100%;
    }

    .carousel-caption {
        padding-bottom: 0;
        font-size: smaller;
    }

        .carousel-caption > div > h1 {
            font-size: x-large;
        }

        .carousel-caption > div > a {
            font-size: xx-small;
        }
}

@media (min-width: 1199px) {
    .carousel, .jumbotron {
        max-width: 80%;
    }
}

.master {
    min-height: 34px;
    padding: 7px 10px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.detail {
    display: none;
    padding: 0;
}

.show-on-participant-list-container {
    padding: 3px 0;
}

.button {
    min-height: 32px;
    min-width: 60px;
    line-height: 22px;
    padding: 4px 10px;
    cursor: pointer;
    /*border-radius: 0;*/
    border: none;
    text-align: center;
    background-size: 0;
    background-position: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.button-slim {
    padding: 0;
    min-height: 0;
}

.button-inline-with-form-control {
    min-height: 30px;
    max-height: 30px;
    padding: 3px;
}

.loading-button {
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.00) !important;
    background-image: url('data:image/gif;base64,R0lGODlhHwAfAPUAAP///wAAAOjo6NLS0ry8vK6urqKiotzc3Li4uJqamuTk5NjY2KqqqqCgoLCwsMzMzPb29qioqNTU1Obm5jY2NiYmJlBQUMTExHBwcJKSklZWVvr6+mhoaEZGRsbGxvj4+EhISDIyMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA4BiwSQexKh0eEAkrldAZbvlOD5TqYKALWu5XIwnPFwwymY0GsRgAxrwuJwbCi8aAHlYZ3sVdwtRCm8JgVgODwoQAAIXGRpojQwKRGSDCRESYRsGHYZlBFR5AJt2a3kHQlZlERN2QxMRcAiTeaG2QxJ5RnAOv1EOcEdwUMZDD3BIcKzNq3BJcJLUABBwStrNBtjf3GUGBdLfCtadWMzUz6cDxN/IZQMCvdTBcAIAsli0jOHSJeSAqmlhNr0awo7RJ19TJORqdAXVEEVZyjyKtE3Bg3oZE2iK8oeiKkFZGiCaggelSTiA2LhxiZLBSjZjBL2siNBOFQ84LxHA+mYEiRJzBO7ZCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82YAIQxRCm14Ww4PChAAEAoPDlsAFRUgHkRiZAkREmoSEXiVlRgfQgeBaXRpo6MOQlZbERN0Qx4drRUcAAJmnrVDBrkVDwNjr8BDGxq5Z2MPyUQZuRgFY6rRABe5FgZjjdm8uRTh2d5b4NkQY0zX5QpjTc/lD2NOx+WSW0++2RJmUGJhmZVsQqgtCE6lqpXGjBchmt50+hQKEAEiht5gUcTIESR9GhlgE9IH0BiTkxrMmWIHDkose9SwcQlHDsOIk9ygiVbl5JgMLuV4HUmypMkTOkEAACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2LQV3t4UBcvcF9/eFpdYxdgZ5hUYA73YGxruCbVjt78G7hXFqlhY/fLQwR0HIQdGuUrTz5eQdIc0cfIEwByGD0MKvcGSaFGjR8GyeAPhIUofQGNQSgrB4IsdOCqx7FHDBiYcOQshYjKDxliVDpRjunCjdSTJkiZP6AQBACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2I3WBcvczltNxNzIW0693MFYT7bTumNQqlisv7BjswAHo64egFdQAbj0RtOXDQY6VAAUakihN1gSLaJ1IYOGChgXXqEUpQ9ASRlDYhT0xQ4cACJDhqDD5mRKjCAYuArjBmVKDP9+VRljMyMHDwcfuBlBooSCBQwJiqkJAgAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA8BQIAwExKh0eEAkrlcA9oo4TKcKwharHScIiu9wwTBn3QnGQg1owBNld+O72N/zZnVzRApteFsODwoQABAKDw5bZQxpQ2JkCRESahIRh1gEVIGVamlmXgBWWxETdEMTnlsIAAJmm65DEmZGYw64UZFbR2MPv0QPY0hjpMYKY0ljjMZCEGNK09MG0diN1gXL3M5bTcTcyFtOvdzBWE+207pjUKpYrL+wY7MAB4EerqZjUAG4lKVCBwMbvnT6dCXUkEIFK0jUkOECFEeQJF2hFKUPAIkgQwIaI+hLiJAoR27Zo4YBCJQgVW4cpMYDBpgVZKL59cEBhw+U+QROQ4bBAoUlTZ7QCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82Z1c0QKbXhbDg8KEAAQCg8OW2UMaUNiZAkREmoSEYdYBFSBlWppZl4AVlsRE3RDE55bCAACZpuuQxJmRmMOuFGRW0djD79ED2NIY6TGCmNJY4zGQhBjStPTFBXb21DY1VsGFtzbF9gAzlsFGOQVGefIW2LtGhvYwVgDD+0V17+6Y6BwaNfBwy9YY2YBcMAPnStTY1B9YMdNiyZOngCFGuIBxDZAiRY1eoTvE6UoDEIAGrNSUoNBUuzAaYlljxo2M+HIeXiJpRsRNMaq+JSFCpsRJEqYOPH2JQgAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfjywjlzX9jdXNEHiAVFX8ODwoQABAKDw5bZQxpQh8YiIhaERJqEhF4WwRDDpubAJdqaWZeAByoFR0edEMTolsIAA+yFUq2QxJmAgmyGhvBRJNbA5qoGcpED2MEFrIX0kMKYwUUslDaj2PA4soGY47iEOQFY6vS3FtNYw/m1KQDYw7mzFhPZj5JGzYGipUtESYowzVmF4ADgOCBCZTgFQAxZBJ4AiXqT6ltbUZhWdToUSR/Ii1FWbDnDkUyDQhJsQPn5ZU9atjUhCPHVhgTNy/RSKsiqKFFbUaQKGHiJNyXIAAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEh8JDAWCsBQIAwExKhU+HFwKlgsIMHlIg7TqQeTLW+7XYIiPGSAymY0mrFgA0LwuLzbCC/6eVlnewkADXVECgxcAGUaGRdQEAoPDmhnDGtDBJcVHQYbYRIRhWgEQwd7AB52AGt7YAAIchETrUITpGgIAAJ7ErdDEnsCA3IOwUSWaAOcaA/JQ0amBXKa0QpyBQZyENFCEHIG39HcaN7f4WhM1uTZaE1y0N/TacZoyN/LXU+/0cNyoMxCUytYLjm8AKSS46rVKzmxADhjlCACMFGkBiU4NUQRxS4OHijwNqnSJS6ZovzRyJAQo0NhGrgs5bIPmwWLCLHsQsfhxBWTe9QkOzCwC8sv5Ho127akyRM7QQAAOwAAAAAAAAAAAA==');
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: center;
    border: 1px solid rgba(255, 255, 255, 0.00) !important;
}

.list-button {
    min-height: 34px;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 0;
    border: none;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.section-headline, .section-headline2, .section-headline3 {
    border-radius: 0;
    border: none;
    text-align: center;
}

.pointer {
    cursor: pointer;
}

@media (max-width: 1150px) {
    .navbar-header {
        float: none;
    }

    .custom-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        height: 1.3em;
    }

    .navbar-toggler {
        display: block;
        height: 50px;
        border-radius: 0;
    }

    .navbar-toggler:hover {
        background-color: #FF8800 !important;
    }

    .fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .nav-link.navbar-nav-item {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 14px !important;
    }
}

@media (max-width: 1200px) {
    .navbar-collapse .nav-link {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 14px !important;
    }
}

#wrapper {
    height: 100%;
    overflow-x: hidden;
    position: relative;
}

#page-content-wrapper {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    min-width: 300px;
    width: 100%;
    transition: padding-left 0.3s linear;
}

.main-content {
    -webkit-overflow-scrolling: touch !important;
    /*height: 100%;*/
    /*overflow-y: scroll;
    overflow-x: scroll;*/
}

.push5 {
    height: 5px;
}

.push10 {
    height: 10px;
}

.push20 {
    height: 20px;
}

.push30 {
    height: 30px;
}

.push40 {
    height: 40px;
}

.push50 {
    height: 50px;
}

.push60 {
    height: 60px;
}

.push70 {
    height: 70px;
}

.push100 {
    height: 100px;
}

.push200 {
    height: 200px;
}

.push300 {
    height: 300px;
}

.push400 {
    height: 400px;
}

.push500 {
    height: 500px;
}

.push600 {
    height: 600px;
}

.push700 {
    height: 700px;
}

.footer {
    display: none;
    height: 50px;
    background-color: #fff;
    box-shadow: 0 1px 17px #848484;
}

    .footer img {
        max-width: 90%;
        max-height: 50px;
        opacity: 0.5;
    }

.footer-div {
    display: inline-block;
    margin: 0 10%;
}

.my-icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin-top: 4px;
}

.my-top-icon-bar {
    margin-top: 0;
}

.button-color, .button-detail {
    transition: all 0.4s linear;
}

.cancel-color {
    transition: all 0.4s linear;
}

.raquo {
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}

.rotate-raquo {
    transform: rotate(90deg);
}

.scrollable-border-shadow-box {
    padding: 5px !important;
    border: 1px solid #b6b6b6;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 5px 4px -6px #000000,inset 0 -5px 4px -6px #000000;
    -webkit-box-shadow: inset 0 5px 4px -6px rgba(0, 0, 0, 0.75),inset 0 -5px 4px -6px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: inset 0 5px 4px -6px rgba(0, 0, 0, 0.75),inset 0 -5px 4px -6px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0 5px 4px -6px rgba(0, 0, 0, 0.75),inset 0 -5px 4px -6px rgba(0, 0, 0, 0.75);
}

#ReloadMembersiteConfig {
    width: 100%;
    cursor: pointer;
    font-size: 8pt;
}

.main-menu {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 250px;
    background-color: #cfcfcf;
}

.main-menu-content {
    margin-top: 100px;
    width: inherit;
}

.importantTermsChangesContainer {
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}

.consentDeclarationsContainer, .termsAndConditionsContainer {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.donation-subscription {
    padding: 10px;
    margin: 5px;
    border: 1px solid #ddd;
}

    .donation-subscription:hover {
        background-color: #ddd;
    }

.stop-recurring-donation-button {
    color: #888;
    -webkit-transition: 0.2s color ease-in-out;
    -moz-transition: 0.2s color ease-in-out;
    -ms-transition: 0.2s color ease-in-out;
    -o-transition: 0.2s color ease-in-out;
    transition: 0.2s color ease-in-out;
}

    .stop-recurring-donation-button:hover {
        color: #000;
        cursor: pointer;
    }

.row {
    margin: 0;
}

.right-side-link {
    width: unset;
    margin-left: auto;
}

/* Set padding to keep content from hitting the edges 
.body-content {
    padding-left: 25px;
    padding-right: 25px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.text-green {
    color: green !important;
}

.search-bar {
    background-color: rgb(211, 211, 211) !important;
    padding: 4px 0;
    height: 41px;
    overflow: hidden;
}

.search-bar-company {
    margin: 0 0 20px 0;
}

.pusher {
    height: 200px;
    -webkit-transition: all .14s ease-in-out;
    -moz-transition: all .14s ease-in-out;
    -ms-transition: all .14s ease-in-out;
    -o-transition: all .14s ease-in-out;
    transition: all .14s ease-in-out;
}

.company-search-menu-container {
    position: absolute;
    width: 100%;
    background-color: #808080;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.company-search-menu {
    color: #ffffff;
}

.company-search-menu-item {
    display: inline-block;
    color: #ffffff;
    width: 18%;
    height: 100%;
    cursor: pointer;
    text-align: center;
}

    .company-search-menu-item:hover {
        background-color: orange;
    }

.search-field-round-textbox {
    height: 30px;
    width: 85%;
    outline: none;
    border-radius: 15px;
    padding-left: 10px;
    box-shadow: 1px 1px 2px 0 #888 inset;
    border: 0;
}

.search-btn {
    margin-right: 10px;
    background-size: 20px;
    float: right;
    width: 30px;
    height: 30px;
    background-color: green;
    background-image: url('../Images/Icons/Search.svg');
    background-position: 4px 3px;
    background-repeat: no-repeat;
    border-radius: 15px;
    box-shadow: 1px 1px 1px #888888;
    outline: none;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

    .search-btn:hover {
        background-color: orange;
    }

    .search-btn:active, .search-btn:focus {
        outline: none;
    }

.person-form {
    padding: 0 5px;
}

.person-found {
    display: none;
}

.event-label {
    font-size: 11px;
    font-weight: bold;
}

.basic-card {
    position: relative;
    background-color: #fff;
    padding: 20px;
    margin: 0 5px;
    box-shadow: 0 0 200px 20px;
}

.lifted-corners-card {
    margin: 5px;
    flex: 0 1 100%;
    position: relative;
    background-color: #fff;
    border: 1px solid #b6b6b6;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 20px !important;
}

.small-padding-card {
    position: relative;
    background-color: #fff;
    border: 1px solid #b6b6b6;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 8px;
}

.no-padding-card {
    position: relative;
    background-color: #fff;
    border: 1px solid #b6b6b6;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.mycompany-detail-detail > .no-padding-card {
    background-color: #efefef;
}

.profile-name-and-contact-info {
    padding-left: 30px;
}

/*.lifted-corners-card:before, .lifted-corners-card:after {
    content: "";
    position: absolute;
    z-index: -2;
    bottom: 8px;
    width: 49.8%;
    height: 99%;
}

.lifted-corners-card:before {
    left: 8px;
    box-shadow: -8px 8px 5px 0 #000000;
    -webkit-box-shadow: -8px 8px 5px 0 rgba(0, 0, 0, 0.7);
    -ms-box-shadow: -8px 8px 5px 0 rgba(0, 0, 0, 0.7);
    box-shadow: -8px 8px 5px 0 rgba(0, 0, 0, 0.7);
    transform: rotate(-0.3deg);
}

.lifted-corners-card:after {
    right: 8px;
    left: auto;
    box-shadow: 8px 8px 5px 0 #000000;
    -webkit-box-shadow: 8px 8px 5px 0 rgba(0,0,0,0.7);
    -ms-box-shadow: 8px 8px 5px 0 rgba(0,0,0,0.7);
    box-shadow: 8px 8px 5px 0 rgba(0,0,0,0.7);
    transform: rotate(0.3deg);
}*/
.basic-info {
    text-align: center;
    background-color: #7394ba;
    color: #000;
}

.event-card {
    background-color: #fff;
    padding: 15px;
    box-shadow: -1px 1px 3px #888;
}

.admin-link {
    text-decoration: none;
    text-align: -webkit-center;
    height: 280px;
    margin: 15px;
}

    .admin-link:hover {
        box-shadow: 1px 1px 3px 0 #888;
    }

    .admin-link span {
        display: block;
        width: 100%;
        font-size: 25px;
        color: #3d3d3d;
    }

    .admin-link:hover span {
        opacity: 0.6;
    }


    .admin-link img {
        display: block;
        max-width: 80%;
        max-height: 80%;
        height: auto;
    }

.admin-link-person:hover {
    opacity: 0.8;
}

.admin-link-firma {
    opacity: 0.65;
}

    .admin-link-firma:hover {
        opacity: 0.5;
    }

.admin-link-arrangement {
    opacity: 0.35;
}

    .admin-link-arrangement:hover {
        opacity: 0.25;
    }

@media (max-width: 1199px) {
    .admin-link {
        height: 230px;
    }

    #serviceTable {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .admin-link img {
        height: 80%;
        width: auto;
    }

    #serviceTable {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    #serviceTable {
        font-size: 11px;
    }
}

@media (max-width: 600px) {
    #serviceTable {
        font-size: 8px;
    }
}

/*Override form-control height*/
.form-control {
    max-height: 34px;
    margin-bottom: 10px;
    border-radius: 0;
    border: 1px solid #ccc !important;
    padding: 5px 12px;
    font-weight: normal;
    font-size: 14px;
}

    .form-control[disabled] {
        background: #e9ecef;
    }
    
table.form-control{
    padding-top: 0;
}

table.form-control td{
    padding: 5px 3px 8px 13px !important;
}
    
input.form-control {
    -webkit-opacity: 1;
    -webkit-text-fill-color: #555555;
}

textarea.form-control {
    height: 100px;
    max-height: 400px;
    max-width: 100%;
    min-width: 100%;
    -webkit-transition: height .4s ease-out;
    -moz-transition: height .4s ease-out;
    -ms-transition: height .4s ease-out;
    -o-transition: height .4s ease-out;
    transition: height .4s ease-out;
}

    textarea.form-control:focus {
        height: 400px;
    }


.streetHelperContainer {
    width: 100%;
}

.inputSuggestions {
    width: 100%;
    max-height: 300px;
    overflow-y: scroll;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 3px;
    top: 50px;
    font-weight: normal;
}

.inputSuggestion {
    cursor: pointer;
}

    .inputSuggestion:hover {
        background-color: #0072ff;
        color: #fff;
    }

.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
    padding: 0 2px;
}

.tbody {
    max-height: 206px;
    border: 1px solid #dddddd;
}


@media (max-width: 991px) {
    .search-card {
        box-shadow: -1px 1px 3px #888;
    }

    .event-card,
    .search-card {
        margin: 0 5px 10px 5px;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
    }
}

@media (min-width: 992px) {
    .event-card,
    .search-card {
        margin: 0 5px 10px 5px;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
    }
}

div.img-container {
    width: 100%;
}

    div.img-container img {
        width: 100%;
    }


.container {
    padding-right: 0;
    padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4,
.col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4,
.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
.col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4,
.col-md-5, .col-md-6, .col-md-7, .col-md-8,
.col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4,
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8,
.col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left: 1px;
    padding-right: 1px;
}

hr {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #C8C8C8;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.center-toast {
    background-color: green;
    color: white;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 0 0 5px 5px;
    margin-left: -150px;
    width: 300px;
    text-align: center;
    border: none;
    display: none;
}

.search-person-loading-gif {
    position: absolute;
    height: 20px;
    margin-top: 6px;
    margin-left: -26px;
}

.disabledCheckboxLabel {
    cursor: not-allowed !important;
    color: lightgrey;
}

.box-shadow-1 {
    /*box-shadow: 2px 3px 3px -1px #5E5E5E;*/
}

.box-shadow-2 {
    /*box-shadow: 1px 1px 3px 0px #5E5E5E;*/
}

.border-card {
    border: 1px solid rgb(223, 223, 223);
    padding: 20px;
}

#changePasswordForm {
    display: none;
    position: fixed;
    width: 300px;
    top: calc(50% - 150px);
    left: calc(50% - 150px);
    z-index: 1002;
}

#overlayForChangePasswordForm {
    display: none;
}

.membersite-overlay{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.5;
    z-index: 1001;
    cursor: pointer;
}

#PBSForm {
    display: none;
    position: fixed;
    width: 300px;
    top: calc(50% - 150px);
    left: calc(50% - 150px);
    z-index: 1002;
}

#overlayForPBSForm {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.5;
    z-index: 1001;
    cursor: pointer;
}

.interest-saved-message {
    display: none;
    font-size: 10px;
    opacity: 0.5;
    float: right;
    margin-top: 5px;
    margin-left: auto;
    padding-left: 5px;
}

.customfield-container {
    word-wrap: break-word;
    margin-bottom: 10px;
}

    .customfield-container > .form-control {
        margin-bottom: 0 !important;
    }

.customfield-saved-message, .customfield-only-numbers-message {
    display: none;
    position: absolute;
    font-size: 11px;
    float: left;
    margin-left: 5px;
    margin-top: -2px;
}

.customfield-saved-message {
    color: green;
}

.customfield-only-numbers-message {
    color: red;
}
/*Course*/
/*-------------------------------------------------------------------------------------*/
#arrangementBreadCrumbsContainer {
    max-width: 1130px;
    margin: 0 auto;
    height: 40px;
    font-weight: 600;
    box-shadow: 0px 1px 4px 0px #777;
}

@media (max-width: 500px) {
    #arrangementBreadCrumbsContainer > ul > li > a {
        font-size: 10px;
    }
}

@media (min-width: 501px) and (max-width: 700px) {
    #arrangementBreadCrumbsContainer > ul > li > a {
        font-size: 13px;
    }
}

@media (min-width: 701px) {
    #arrangementBreadCrumbsContainer > ul > li > a {
        font-size: 14px;
    }
}

#arrangementBreadCrumbsContainer > ul {
    padding: 0;
    margin-bottom: 0 !important;
    width: 100%;
    height: 100%;
}

    #arrangementBreadCrumbsContainer > ul > li {
        display: inline-table;
        float: left;
        height: 100%;
        text-align: center;
        width: 20%;
        opacity: 0.35;
    }

        #arrangementBreadCrumbsContainer > ul > li > a {
            width: 90%;
            height: 40px;
            display: block;
            margin: auto;
            padding: 6px 0;
        }

.highlightedBreadCrumb {
    opacity: 1 !important;
}

.breadcrumb-text-color:hover, .breadcrumb-text-color:focus {
    text-decoration: none;
}

.eventCardHeader, .previewEventHeader {
    min-height: 35px;
}

.eventCardContainer {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.course-name {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.course-content {
    /*text-align: center;*/
}

.long-description img, .short-description img {
    max-width: 100%;
}

.showLongDescription {
    cursor: pointer;
    font-size: 10px;
}

.session-track-header {
    font-weight: bold;
    font-size: 28px;
}

#showMoreIcon {
    margin-top: -7px;
}

#showLessIcon {
    margin-bottom: -7px;
}

.csv-icon {
    background-image: url('../Images/Icons/csv-icon.png');
    height: 38px;
    width: 47px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: -5px -5px;
    border-radius: 4px !important;
    background-color: #fff;
    margin: 0 0 10px 5px !important;
}

    .csv-icon:hover {
        background-size: 99%;
        background-position: -4px -4px;
        background-color: #fff;
    }

.course-time-description {
    text-align: center;
}

.course-time {
    text-align: center;
    font-weight: bold;
}

.detail {
    width: 100%;
}

.participantcategories {
    border: 0;
    border-radius: 0;
    text-align: center;
}

.btn-secondary {
    border: 0;
    border-radius: 0;
    text-align: center;
}

.btn-detail {
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}

.personmasterrow {
    margin: 0;
}

.pickedEmployment {
    background-color: #a72c32;
    color: white;
}

.personmaster {
    border: 0;
    border-radius: 0;
    display: table;
    padding-left: 8px;
    text-align: left !important;
}

    .personmaster > div:first-child {
        overflow: hidden;
        text-overflow: ellipsis;        
    }

.loading {
    display: none;
    position: absolute;
    background-repeat: no-repeat;
    -ms-background-size: 100%;
    background-size: 100%;
}

.big-loading {
    background-repeat: no-repeat;
    -ms-background-size: 100%;
    background-size: 100%;
}

.flip-window-loading {
    width: 70px;
    height: 70px;
    opacity: 0.3;
    background-color: #7291ad;
    margin: 100px auto;
    -webkit-animation: sk-rotateplane .8s infinite ease-in-out;
    animation: sk-rotateplane .8s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(100px);
    }

    50% {
        -webkit-transform: perspective(100px) rotateY(180deg);
    }

    100% {
        -webkit-transform: perspective(100px) rotateY(180deg) rotateX(180deg);
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(100px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: perspective(100px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(100px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        transform: perspective(100px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(100px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.sk-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

    .sk-folding-cube .sk-cube {
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

        .sk-folding-cube .sk-cube:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #333;
            -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
            animation: sk-foldCubeAngle 2.4s infinite linear both;
            -webkit-transform-origin: 100% 100%;
            -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
        }

    .sk-folding-cube .sk-cube2 {
        -webkit-transform: scale(1.1) rotateZ(90deg);
        transform: scale(1.1) rotateZ(90deg);
    }

    .sk-folding-cube .sk-cube3 {
        -webkit-transform: scale(1.1) rotateZ(180deg);
        transform: scale(1.1) rotateZ(180deg);
    }

    .sk-folding-cube .sk-cube4 {
        -webkit-transform: scale(1.1) rotateZ(270deg);
        transform: scale(1.1) rotateZ(270deg);
    }

    .sk-folding-cube .sk-cube2:before {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-folding-cube .sk-cube3:before {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .sk-folding-cube .sk-cube4:before {
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
    }

@-webkit-keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

.pickedPerson {
    border: 0;
    border-radius: 0;
}

.personNoAllowedparticipantcategory {
    opacity: 0.7;
}

.participant-mandatory-price {
    flex: none;
}

.alreadyParticipating, .waitingParticipant {
    border: 0;
    border-radius: 0;
    padding-left: 8px;
    cursor: not-allowed;
    text-align: left;
}

    .alreadyParticipating:hover, .waitingParticipant:hover {
        -ms-opacity: 1;
        opacity: 1;
    }

    .alreadyParticipating > div:first-child, .waitingParticipant > div:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.enrollment-search-participants-scrollable-list
{
    max-height: 400px;
    overflow-y: auto;
}

.togglePerson {
    text-align: left;
    padding: 5px 10px;
    cursor: pointer;
    color: #ffffff;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

.serviceAndSessionContainer {
    padding-top: 5px;
}

.serviceContainer {
    margin-top: 8px;
}

.serviceName {
    font-weight: bold;
}

.purchasedServices {
    font-weight: bold;
}

.serviceTotalPrice {
    padding-top: 8px;
}

.spinnerAndTotalprice {
    margin: 8px 0;
}

.arrangementSession {
    margin-bottom: 15px;
}

.sessionName {
    padding: 4px;
    width: calc(100% - 52px);
    height: 32px;
    float: left;
    text-align: center;
    opacity: 0.7;
}

.sessionTime {
    font-size: 12px;
    text-align: right;
    line-height: 2;
}

.showMoreSession {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAEW0lEQVR4Xu3dO24UQRSF4WMhYh4BiyADAmIiHhEbYB+sgH2wBAICBBIJRmIHLIEUQUSAUIsZaUDjrqruW9117jnOkHvKVff/VIAt2xfwm/QELqRP78PDAMQRGIABiE9A/Pi+AQxAfALix/cNYADiExA/vm8AAxCfgPjxfQMYgPgExI/vG8AAxCcgfnzfAAYgPgHx4/sGMADxCYgf3zeAAYhPQPz4vgEMQHwC4sf3DWAA4hMQP75vAAMQn4D48X0DGID4BMSP7xvAAMQnIH583wAGID4B8eO33gB3AbwC8ALAD/HZjXb8GwBeA3gJ4Gvt5loATPE/ArgD4DOAJ0ZQO+buz03x3wF4COAbgEe1CGoBnMY/nsYIunet+gCn8Y8vqEZQA+BcfCOoatP9oXPxmxCUAMzFN4LufWc/wFz8agQlAG8BPKs4p/86qBhS4CM18Y8f7g2A51d97BKAmwA+AHhQsXkjqBhSwCMt8b8AeAzg+1IA0+uMIKBa0BKh8ac9lW6A476NIKjgimXC47cA8E2wolzAS7vEbwVgBAElFyzRLf4SAEawoOCKl3SNvxSAEawo2vDS7vHXAGhFcAngqb92UJ1/k/hrARhBdc+mBzeLHwHACJraFh/eNH4UACModq16YPP4kQCMoKrxlQ/tEj8agBEsQ7Bb/B4AjKANwa7xewGY1r0F4H3lVxFV/4u4e/yeAIxg/iYYIn5vAEZwHsEw8bcAYAT/Ihgq/lYAjOAvguHibwlgCYLp+w5+tv2jetinh4y/NQBVBMPG3wOAGoKh4+8FQAXB8PH3BJAdAUX8vQFkRUATfwQA2RBQxR8FQBYEdPFHAnBEMH0b2v2K/81PX0Aa6fMElPFHA8CKgDb+iADYEFDHHxUACwL6+CMDGB1BivijAxgVQZr4DABaEXw6fAdSr68iporPAmAUBOniMwHYG0HK+GwA9kKQNj4jgK0RpI7PCmArBOnjMwPojUAiPjuAXghk4mcAEI1AKn4WAFEI5OJnAjCd5fbhx9rem/5QePv/M4aS8bMBWIrg2skvWyjBKf7s3dICo72/9kfFjrbvuf203gTXD79po3TGdPEz3gDHiC0ISuGn96eMnxlA618HcwjSxs8OIAJB6vgKANYgSB9fBcASBBLxlQC0IJCJrwagBoFUfEUAcwjk4qsCOIdAMr4ygFMEv0q/Wq3mM0Wsz2T8VHBLi+knmv6e+716LYsxPqsOgLFZ6J4NIHScfIsZAF+z0B0bQOg4+RYzAL5moTs2gNBx8i1mAHzNQndsAKHj5FvMAPiahe7YAELHybeYAfA1C92xAYSOk28xA+BrFrpjAwgdJ99iBsDXLHTHBhA6Tr7FDICvWeiODSB0nHyLGQBfs9AdG0DoOPkWMwC+ZqE7NoDQcfItZgB8zUJ3bACh4+RbzAD4moXu2ABCx8m3mAHwNQvdsQGEjpNvMQPgaxa6YwMIHSffYgbA1yx0xwYQOk6+xf4AbOlSkPERa14AAAAASUVORK5CYII=');
}

.showLessSession {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAEN0lEQVR4Xu2bMY4TQRBF/xKQkUDCEciAkJCAAAg4A9cg5SDcgQAJCYRgU07AAYgJIEJIaCRbgFl7usdd3b/r/013prbqv+ea8Xh9Af9IJ3AhPb2HhwUQl8ACWADxBMTH9wawAOIJiI/vDWABxBMQH98bwAKIJyA+vjeABRBPQHx8bwALIJ6A+PjeABZAPAHx8b0BLIB4AuLjewNYAPEExMf3BrAA4gmIj+8NYAHEExAf3xvAAognID6+N4AFEE9AfHxvAAsgnoD4+N4AFkA6gVsAfgH4ppqC8gZY4L8H8BPAI1UJVAXYw7+7e+V/VpVAUYBD+PvtLymBmgDH4MtKoCTAGnxJCVQEKIUvJ4GCALXwpSTILsBW+DISZBbgXPgSEmQVoBX89BJkFKAG/kcA1wE8KHgUnPI5QTYBauE/BXANwFtVCTIJsAX+j90r/4aqBFkEOAf+fvtLSpBBgAX+OwD3Cq7jyzV/Wfv7V/7hKXISzC5AS/iSm2BmASLgy0kwqwCR8KUkmFGAHvBlJJhNgJ7wJSSYSYAR8NNLMIsAI+GnlmAGARjgp5WAXYAa+J8APDnxkKfgOVHRIakeFjELwAg/3SZgFYAZfioJGAWYAX4aCdgEmAl+CgmYBLi5+65eyad6vW74iu4KAUx7Y8giwMzwp94EDAJkgD+tBKMFyAR/SglGCpAR/nQSjBIgM/ypJBghgAL8aSToLYAS/Ckk6CmAInx6CXoJUAP/EsDjDp/qlT7kaXUc5cOiHgIY/h+F6CSIFsDw/98fVBJECmD4xy8eNBJECWD463cOFBJECGD46/Bp3h20FmCBv3xR835BBlnv9gtG/+eQoZugpQCGX4ue4N1BKwEMfzv8oZeDFgIY/vnwh0lwrgCG3w7+EAnOEcDw28PvLsFWAQw/Dn5XCbYIUAt/+brW9/i8Uv6F8LeItQIYfn/PQiWoEcDw+8MPvxyUCmD44+CHSlAigOGPhx8mwZoAhs8DP0SCNQHe7P49ay2G5YMd3+2vpdTu9zU3hq8BPDv2p9cEuAPgA4DbJ3o3/HZgayqVSPAVwEMAX7YKsJx3SgLDr0HW/thTEqzCX9pZ2wD7lq+SwPDbA91S8SoJiuDXCHC4CQx/C6q4c/6WoBh+rQB7CV4CeO7Hu3E0N1ZeJHgF4MWpa/5h7dJLwMaefBp7AhaAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28haAnVBwfxYgOGD28r8BZGdSkM0AwmoAAAAASUVORK5CYII=');
}

.showMoreSession, .showLessSession {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}

    .showMoreSession:hover, .showLessSession:hover {
        background-color: #ECECEC;
    }

.sessionSignupInfo {
    position: absolute;
    height: 47px;
    width: 50px;
    margin-top: -7px;
    margin-left: 10px;
}

.ms-check-icon {
    height: 30px;
    width: 30px;
    margin-top: -3px;
    margin-right: 4px;
    display: inline-block;
    position: relative;
}

.greenCheckIcon {
    background-repeat: no-repeat;
    background-position: -1px -2px;
    background-size: 100%;
    background-image: url('data:image/png;base64,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');
}

.sessionData {
    padding-top: 5px;
}

.hotelRoomsContainer {
    padding-top: 5px;
}

.payerMaster {
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0;
    border-radius: 0;
    z-index: 100;
}

.selectedPayer {
    background-color: #7394ba;
}

.payer-fontawesome {
    display: none;
    color: #fff;
}

.participant-category-select{
    padding: 5px 10px;
}

.signupMaster, .organizationmaster, .organizationBoardmaster{
    text-align: left !important;
    padding-left: 10px;
}

.participant-category-info, .participant-category-info-selfsignup {
    text-align: left;
    flex-wrap: nowrap;
}

.participant-category-info {
    padding-left: 38px !important;
}

.participant-category-info-selfsignup {
    padding-left: 0 !important;
}

.participantcategory-glyph {
    opacity: 0;
    color: #fff;    
}

#search-company-input {
    margin: 10px 0 10px 0;
    width: 78%;
    border-radius: 40px;
}

#searchCompaniesButton {
    margin-top: 10px;
    min-height: 0;
    height: 30px;
    padding: 3px 8px;
    width: 20%;
    border-radius: 40px;
}

.eInvoiceFormHelpText {
    margin: -4px 0 4px 6px;
    font-style: italic;
    font-size: 14px;
}

.requiredMessage {
    color: red;
    font-weight: bold;
}

.node-content {
    margin-top: 6px;
}

.node-container {
    margin: 10px 0;
}

/*-------------------------------------------------------------------------------------*/
/*Course end*/
.requiredGlow {
    box-shadow: 0 0 10px 2px red;
}

    .requiredGlow:focus {
        box-shadow: 0 0 10px 2px red;
        border-color: red;
    }

/*Spinners*/
/*-------------------------------------------------------------------------------------*/

.ui-spinner-button {
    width: 25px;
    border-radius: 0;
    padding-top: 8px;
    cursor: pointer;
}

    .ui-spinner-button.fas {
        position: absolute !important;
        width: 25px;
        border-radius: 0;
        padding-top: 6px;
        cursor: pointer;
    }

.ui-spinner-up {
    top: 0;
    height: 100%;
}

.ui-spinner-down {
    left: 0;
    top: 0;
    height: 100%;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 0.5;
}

.ui-spinner-disabled .ui-spinner-button {
    cursor: not-allowed;
}

/*-------------------------------------------------------------------------------------*/
/*Spinners end*/




/*Buy Membership*/
/*-------------------------------------------------------------------------------------*/

#pickMembershipBackButton {
    padding: 5px 12px 5px 11px;
    border-radius: 29px;
    cursor: pointer;
    border: 4px solid #797979;
    color: #797979;
    font-size: 20px;
    width: 48px;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

    #pickMembershipBackButton:hover {
        -ms-opacity: 0.7;
        opacity: 0.7;
    }

.membershipCategory {
    padding-right: 5px;
}

#totalMembershipsPriceRow > div {
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
}

.alreadyMember {
    background-color: #E4E4E4;
    cursor: not-allowed;
}

.membership-item-card {
    transition: opacity .6s ease-out;
}

.non-primary-membership-disabled {
    pointer-events: none;
    width: 100%;
    height:100%;
    opacity:0.4;
    filter: alpha(opacity = 50);
}

/*-------------------------------------------------------------------------------------*/
/*Buy Membership end*/


/*Google charts custom styles*/
/*-------------------------------------------------------------------------------------*/

.charts_container {
    background-color: #fff;
}

.totalMembersChart_wrapper {
    width: 98%;
    padding-left: 20px;
}

.totalMembersChart {
    max-width: 1000000px;
    width: 100%;
}

.outgoingIncomingMembersChart_wrapper {
    width: 98%;
    padding-left: 20px;
}

.applicantsChart_wrapper {
    width: 98%;
    padding-left: 20px;
}

.organization-statistics-headline {
    padding: 9px;
    background-color: #fff;
    cursor: pointer;
}

    .organization-statistics-headline:hover {
        background-color: #ededed;
    }

.organization-statistics-graph-container {
    background-color: #fff;
}

.organization-name {
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}

.google-visualization-atl .border {
    border: none !important;
}

.switch-graph-period {
    border: 1px solid rgba(255, 255, 255, 0.00);
}

    .switch-graph-period:hover {
        border: 1px solid #c5c5c5;
    }

    .switch-graph-period.active {
        border: 1px solid #333333;
        cursor: context-menu;
    }
/*-------------------------------------------------------------------------------------*/
/*Google charts custom styles end*/


.dxeButtonEditButton, .dxeButtonEditButtonHover, .dxeButtonDisabled {
    background: none !important;
    border: none !important;
}

.dxeDisabled {
    background-color: #e9ecef !important;
    cursor: not-allowed !important;
}

.dxucFileList > li {
    background-color: #efefef;
    margin: 5px 0;
    padding: 5px 10px;
}

.ae-company > tbody, .ae-company > tbody > tr, .ae-company > tbody > tr > td.dxic {
    display: block !important;
    width: 100% !important;
}

.force-to-display-block {
    display: block;
}

/* Connect to External logins*/
.external-login-button {
    display: block;
    height: 35px;
    width: 100%;
    border: 1px solid #ddd;
    background-size: 28px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-color: #fff;
    font-size: 0.8em;
}

.external-login-associate {
    vertical-align: top;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: 40px;
}

.facebook-login-button {
    background-color: #4267b2;
}

.google-login-button {
    background-color: #fff;
}

.linkedin-login-button {
    background-color: #0084bf;
}

.openidconnect-login-button, .adfs-login-button {
    background-color: #fff;
    color: #000;
    text-align: center;
    line-height: 35px;
}
/* Connect to External logins end*/

@media (max-width: 1150px) {
    .me-auto, .ms-auto {
        float: none !important;
    }
}

@media (max-width: 1199px) {
    .admin-link {
        height: 230px;
    }

    #serviceTable {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .admin-link img {
        height: 80%;
        width: auto;
    }

    #serviceTable {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    #serviceTable {
        font-size: 11px;
    }
}

@media (max-width: 600px) {
    #serviceTable {
        font-size: 8px;
    }
}

@media (max-width: 767px) {
    body, .ui-spinner-button, .form-control {
        font-size: 12px;
    }

    .ui-spinner-button {
        padding-top: 3px;
    }

    h1, .h3 {
        font-size: 17px;
    }

    .button-inline-with-form-control {
        padding: 6px;
    }
}

@media (max-width: 1450px) {
    .radioContainer .form-control {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 1450px) {
    .menu-open > .ps-250 {
        padding-left: 250px !important;
    }
}

.myProfileRadioButton{
    padding: 4px 4px 4px 10px;
    max-height: fit-content; 
    height: auto;
}

.alert {
    color: #fff;
    background-color: #FF8800;
}

.alert, .alert-info {
    border: none;
    border-radius: 0;
}

.dx-dropdownlistbox {
    max-height: 800px;
}

.testEnvironmentBanner {
    padding: 5px;
    text-align: center;
    color: #fff;
    background-color: #FF8800;
}

.columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-fill: auto;
}

@media (min-width: 1360px) {
    .columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

.column-item {
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
    display: inline-block;
    margin: 0 0 15px 0;
    width: 100%;
}

.search-boardmember-container {
    min-height: 500px;
    font-size: 14px;
}

[type="checkbox"] {
    vertical-align: middle;
    position: relative;
    margin-right: 2px;
    bottom: 1px;
}

input[type="radio"] {
    vertical-align: middle;
    position: relative;
    bottom: 2px;
    margin-right: 3px;
}

.consentDeclarationsCheckboxRow > .checkbox > label > a {
    font-weight: bold;
    cursor: pointer;
}

.ms-htmleditor, .ms-htmleditor table {
    width: 100% !important;
}

.consent-declined {
    background-color: gray !important;
    border: gray !important;
    cursor: not-allowed;
}

.addEventCrewContainer {
    /*border: 1px solid rgba(0, 0, 0, 0.15);*/
    padding: 0 3px;
    font-size: 14px;
}


.dxeCheckBoxList {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.divAlternateBg {
    background-color: #EEE;
}

    .divAlternateBg:nth-child(even) {
        background-color: #FFF;
    }

.create-boardmembership-person, .ae-company, .add-education {
    display: table !important;
    padding: 0 !important;
}

.noSeparator.table {
    width: 100%;
    max-width: 98%;
    margin: 0 7px;
}


    .noSeparator.table > tbody > tr > td {
        border-top: none !important;
        padding: 0 2px;
        text-align: center;
    }

    .noSeparator.table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: none;
        font-size: 14px;
        font-weight: normal
    }

.helptext-containter {
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.show-helptext, .hide-helptext {
    margin-top: -20px;
}

.file-download-link {
    text-decoration: underline;
    cursor: pointer;
}

.uploadContainer > table {
    width: 100% !important;
    line-height: 20px;
}

.case-details-button {
    cursor: pointer !important;
}

.feeAmountPeriodTableHeader {
    background: #e9ecef;
    padding: 0 5px;
    text-align: center;
}

.feeAmountPeriodTableHeaderRightBorder {
    border-right: 1px solid #c8c8c8;
}

.feeAmountPeriodTableHeaderLeftBorder {
    border-left: 1px solid #c8c8c8;
}

.input-text-end-align {
    text-align: right;
    padding: 0 4px;
}

#fileuploader #selected-files {
    display: none;
}

#profilePictureUploadId .dx-fileuploader-button:not(.dx-fileuploader-upload-button){
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
    width: 150px;
}

#profilePictureUploadId .dx-button-content{
   padding: 0px;
}

#profilePictureUploadId .dx-fileuploader-files-container {
    display: none !important;
}

#profilePictureUploadId .dx-button-text{
    font-size: 15px;
}

.profilePictureImg{
    width: 200px; 
    height: 200px; 
    object-fit: cover;
}

.profilePictureDeleteButton{
    width:150px;
}

.profilePicturePartial{
    width: 200px; 
    height: 300px;
}

.applied-search-criterias {
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 3px;
}

.selected-search-values {
    padding-left: 10px;
    font-style: italic;
}

.myorganization-customfields-info-tooltip-badge {
    position: absolute;
    right: 3px;
    bottom: -4px;
    cursor: pointer;
}

.customfielddefinition-card {
    margin: 10px 0;
}

    .customfielddefinition-card .myorganization-customfields-table-value-strings {
        padding-left: 20px;
    }

.master-detail {
    margin: 5px 0;
}

.myorganization-customfields-group-name {
    font-size: 16px;
    font-weight: 600;
}

.myorganization-customfields-organization-name {
    font-size: 20px;
    font-weight: 600;
}

.enable-edit-person-address {
    display: block;
    margin-left: auto;
    position: absolute;
    right: 0;
}

.questionTree{
    min-width: auto !important;
}
.dxtv-ndTmpl{
    white-space: normal !important;
}

#eventListContainer {
    height: unset !important;
}

.membersite-overlay-popup{
    z-index: 1002;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.preview-event-arrangement-period {
    min-width: 20% !important;
}

/* My profile alignment hack */
#myProfileMainContainer .lifted-corners-card, #myProfileMainContainer .small-padding-card, #myProfileMainContainer .myUnionRepresentativesContainer, #myProfileMainContainer .customFieldViewContainer, #myProfileMainContainer .interestsViewContainer, #myProfileMainContainer .section-headline, #personalInputsCard ~ .row>.col-sm-12.col-md-9.col-lg-8.col-centered, .showAddEducationsOnProfileContainer .col-sm-12.col-md-9.col-lg-8.col-centered{  
    max-width: 85vw;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px){
    #myProfileMainContainer .lifted-corners-card, #myProfileMainContainer .small-padding-card, #myProfileMainContainer .myUnionRepresentativesContainer, #myProfileMainContainer .customFieldViewContainer, #myProfileMainContainer .interestsViewContainer, #myProfileMainContainer .section-headline, #personalInputsCard ~ .row>.col-sm-12.col-md-9.col-lg-8.col-centered, .showAddEducationsOnProfileContainer .col-sm-12.col-md-9.col-lg-8.col-centered{
        max-width: 70vw;
    }
}

@media screen and (min-width: 992px){
    #myProfileMainContainer .lifted-corners-card, #myProfileMainContainer .small-padding-card, #myProfileMainContainer .customFieldViewContainer, #myProfileMainContainer .myUnionRepresentativesContainer, #myProfileMainContainer .interestsViewContainer, #myProfileMainContainer .section-headline, #personalInputsCard ~ .row>.col-sm-12.col-md-9.col-lg-8.col-centered, .showAddEducationsOnProfileContainer .col-sm-12.col-md-9.col-lg-8.col-centered{
        max-width: 53vw;
    }
}
/* My profile alignment hack END*/

/* Customer CSS - IMPORTANT! THIS SECTION MUST ALWAYS STAY AT THE END OF THIS FILE */
#logo {
    background-position: 16px 6px;
    background-size: 92%;
    background-image: url('../CustomerFiles/Images/new_gc_logo.png');
}

    #logo:hover {
    }

.lifted-corners-card {
    background-color: #fff;
}

body {
    color: #000;
}

.background-color {
    background-color: #efefef !important;
}

a {
    color: #FF8800;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #FF8800;
        text-decoration: none;
    }

.button-color {
    background-color: #314E5E;
    border: 1px solid #294555;
    color: #fff;
    font-weight: normal;
}

    .button-color:hover {
        background-color: #FF8800;
        border: 1px solid #FF8800;
        color: #fff;
    }

.unpaid-button-color {
    background-color: #c00418;
    color: #fff;
}

.second-button-color {
    background-color: #FF8800;
    border: 1px solid #E97C00;
    color: #fff;
}

    .second-button-color:hover {
        background-color: #E97C00;
        border: 1px solid #E97C00;
        color: #fff;
    }

.third-button-color {
    background-color: #efefef;
    border: 1px solid #E7E7E7;
    color: #333;
}

    .third-button-color:hover {
        background-color: #E7E7E7;
        border: 1px solid #E7E7E7;
        color: #333;
    }

.accept-color {
    background-color: #708E9F;
    color: #fff !important;
}

    .accept-color:hover {
        background-color: #5E7D8F;
        color: #fff !important;
    }

.cancel-color {
    background-color: #FF8800;
    border: 1px solid #FF8800;
    color: #fff;
}

    .cancel-color:hover {
        background-color: #E97C00;
        color: #fff;
    }

.cancel-participation-body {
    overflow: auto;
    max-height: 69vh;
}

.ui-spinner-button {
    background-color: #314E5E;
    color: #fff !important;
}

    .ui-spinner-button:hover {
        background-color: #314E5E;
        color: #fff !important;
    }

.link-on-background {
    color: #FF8800;
    text-decoration: none;
    cursor: pointer;
}

    .link-on-background:hover, .link-on-background:focus {
        color: #FF8800;
        text-decoration: underline;
    }

.link-on-card {
    color: #FF8800 !important;
    text-decoration: none;
    cursor: pointer;
}

    .link-on-card:hover, .link-on-card:focus {
        color: #FF8800;
        text-decoration: none;
    }

.text-on-background {
    color: #888;
}

.alreadyParticipating {
    background-color: green;
    color: #ffffff !important;
}

    .alreadyParticipating:hover {
        background-color: green !important;
        color: #ffffff !important;
    }


.waitingParticipant {
    background-color: darkgray !important;
    color: #fff !important;
}

    .waitingParticipant:hover {
        background-color: darkgray !important;
        color: #fff !important;
    }

.section-headline {
    background-color: #314E5E;
    color: #ffffff;
}

.section-headline2 {
    background-color: #444;
    color: #ffffff !important;
}

.section-headline3 {
    background-color: #888;
    color: #ffffff;
}

.breadcrumb-color {
    background-color: #314E5E;
}

.breadcrumb-text-color {
    color: #fff !important;
}

    .breadcrumb-text-color:hover, .breadcrumb-text-color:focus {
        color: #fff;
    }

.clickableBreadCrumb > .breadcrumb-text-color:hover {
    color: #FF8800 !important;
    cursor: pointer;
    text-decoration: none;
}

.breadcrumb-bottom-color {
    border-bottom: 5px solid #fff;
}

.loading {
    width: 24px;
    height: 24px;
    right: 5px;
    background-image: url('../Content/images/ajax-loader.gif');
}

.big-loading {
    width: 50px;
    height: 50px;
    background-image: url('../Content/images/ajax-loader2.gif');
}

.dateedit-disabled {
    background-color: #e9ecef !important;
    color: #495057 !important;
}

.customfield-group-helptext {
    word-wrap: break-word;
}

.grade-display {
    border-radius: 3px;
    padding: 2px;
    background-color: #F5F5F5FF;
    text-align: center;
}



/* Customer CSS End - IMPORTANT! THIS SECTION MUST ALWAYS STAY AT THE END OF THIS FILE */
