/*
0 - 600px: Phone
600 - 900px: Tablet Portrait
900 - 1200px: Tablet landscape
1200 - 1800px: is where normal styles apply
1800px +: Big Desktop
$breakpoint arguments choices:
- phone
- tab-port
- tab-land
- big-desk
ORDER: Base + typography > general layout + grid > page layout > components
1em = 16px
*/
*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

::-moz-selection {
    background-color: #fee000;
    color: #ffffff;
}

::selection {
    background-color: #fee000;
    color: #ffffff;
}

html {
    scroll-behavior: smooth;
    font-size: 62.5%;
}

@media (max-width: 75em) {
    html {
        font-size: 56.25%;
    }
}

@media (max-width: 56.25em) {
    html {
        font-size: 50%;
    }
}

@media (max-width: 37.5em) {
    html {
        font-size: 37.5%;
    }
}

@media (min-width: 112.5em) {
    html {
        font-size: 75%;
    }
}

body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.u-center-text {
    text-align: center !important;
}

.u-margin-bottom-small {
    margin-bottom: 1.5rem !important;
}

.u-margin-bottom-medium {
    margin-bottom: 4rem !important;
}

.u-margin-bottom-big {
    margin-bottom: 8rem !important;
}

.u-margin-top-big {
    margin-top: 8rem !important;
}

.u-margin-top-huge {
    margin-top: 10rem !important;
}

.create-event-btn {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 1.2rem 4rem;
    font-size: 2.5rem;
    cursor: pointer;
    text-decoration: none;
    float: left;
    display: inline-block;
    transition: all 0.3s;
}

.create-event-btn:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #fee000;
    transform: scale(1.1);
}

.alert-msg {
    width: 60%;
}

@media (max-width: 75em) {
    .alert-msg {
        width: 70%;
    }
}

@media (max-width: 56.25em) {
    .alert-msg {
        width: 80%;
    }
}

@media (max-width: 37.5em) {
    .alert-msg {
        width: 100%;
    }
}

/* The check-container */
.check-container {
    display: block;
    position: relative;
    padding-left: 3.5rem;
    padding-right: 3rem;
    margin-bottom: 1.2rem;
    cursor: pointer;
    font-size: 1.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.check-checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 2rem;
    width: 2rem;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .check-checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .check-checkmark {
    background-color: #fee000;
}

/* Create the check-checkmark/indicator (hidden when not checked) */
.check-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the check-checkmark when checked */
.check-container input:checked ~ .check-checkmark:after {
    display: block;
}

/* Style the check-checkmark/indicator */
.check-container .check-checkmark:after {
    left: 0.7rem;
    top: 0.5rem;
    width: 0.5rem;
    height: 1rem;
    border: solid white;
    border-width: 0 0.3rem 0.3rem 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* The container */
.guest-radio-container {
    display: block;
    position: relative;
    padding-left: 3.5rem;
    padding-right: 3rem;
    margin-bottom: 1.2rem;
    cursor: pointer;
    font-size: 1.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.guest-radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.guest-radio-checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 2rem;
    width: 2rem;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.guest-radio-container:hover input ~ .guest-radio-checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.guest-radio-container input:checked ~ .guest-radio-checkmark {
    background-color: #fee000;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.guest-radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.guest-radio-container input:checked ~ .guest-radio-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.guest-radio-container .guest-radio-checkmark:after {
    top: 0.6rem;
    left: 0.6rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: white;
}

/* The container */
.radio-container {
    display: block;
    position: relative;
    padding-left: 3.5rem;
    margin-bottom: 1.2rem;
    cursor: pointer;
    font-size: 2.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 37.5em) {
    .radio-container {
        margin-bottom: 7rem;
    }
}

/* Hide the browser's default radio button */
.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radio-checkmark {
    position: absolute;
    top: 30%;
    left: 15%;
    height: 2.5rem;
    width: 2.5rem;
    background-color: white;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .radio-checkmark {
    background-color: white;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .radio-checkmark {
    background-color: #fee000;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .radio-checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.nav-mob {
    height: 9rem;
    padding: 0 10rem;
    background-color: #151515;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

@media (max-width: 75em) {
    .nav-mob {
        display: block;
        padding: 0 2rem;
    }
}

.nav-mob--logo {
    float: left;
    line-height: 9rem;
}

.nav-mob--logo img {
    width: 7rem;
}

.nav-mob__content {
    float: right;
    z-index: 9999;
}

@media (max-width: 75em) {
    .nav-mob__content {
        position: absolute;
        width: 100%;
        height: calc(100vh - 9rem);
        background-color: #151515;
        top: 9rem;
        left: -100%;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
}

@media (max-width: 75em) {
    .nav-mob__content.active {
        left: 0;
    }
}

.nav-mob__content--links ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 75em) {
    .nav-mob__content--links ul {
        display: block;
        text-align: center;
    }
}

.nav-mob__content--links li {
    list-style: none;
    height: 9rem;
    line-height: 9rem;
    padding: 0 2rem;
    display: block;
    position: relative;
}

.nav-mob__content--links li:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-mob__content--links li:first-child img {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
}

.nav-mob__content--links li:first-child p {
    margin-left: 2rem;
    color: #ffffff;
    padding-top: 1rem;
    font-size: 2rem;
}

@media (max-width: 75em) {
    .nav-mob__content--links li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
}

.nav-mob__content--links li.active ul {
    display: block;
}

@media (max-width: 75em) {
    .nav-mob__content--links li.active ul {
        position: relative;
    }
}

.nav-mob__content--links li a {
    text-decoration: none;
    color: #ffffff;
    font-size: 2rem;
}

.nav-mob-menu-toggle {
    color: #ffffff;
    float: right;
    line-height: 9rem;
    font-size: 2.4rem;
    cursor: pointer;
    display: none;
}

@media (max-width: 75em) {
    .nav-mob-menu-toggle {
        display: block;
    }
}

.navigation {
    height: 9rem;
    width: 100%;
    z-index: 2;
    background-color: #ffffff;
    position: fixed;
}

@media (max-width: 75em) {
    .navigation {
        display: none;
    }
}

.navigation__content {
    margin-top: 2rem;
    display: inline-block;
    float:right;
}

.navigation__content-list {
    width: 100%;
    font-size: 1.85rem;
    list-style: none;
}

.navigation__content-list:last-child {
    float: right;
}

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

.navigation__content-item i {
    color: #000000;
}

.navigation__content-item:not(:last-child) {
    margin-right: 0.5rem;
}

.navigation__content-icon-bars {
    font-size: 2.5rem;
}

.navigation__content-dropdown {
    position: relative;
    display: inline-block;
}

.navigation__content-dropbtn {
    color: #ffffff;
    padding: 10px;
    font-size: 24px;
    border: none;
    cursor: pointer;
}



.navigation__content-dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 240px;
    
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

#messageDropdown{
    overflow-y: scroll;
    max-height: 240px;
    border-bottom: 3px solid #fee000;
}

#notificationDropdown{
    overflow-y: scroll;
    max-height: 250px;
    border-bottom: 3px solid #e68383;
}

.navigation__content-dropdown-content a {
    text-align: center;
    color: #000000;
    margin-left: 0;
    margin-right: 0;
    font-size: 1rem;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.navigation__content-dropdown-content a:not(:last-child) {
    border-bottom: 0.2rem solid rgba(111, 111, 111, 0.2);
}

.navigation__content-dropdown-content a:hover {
    background-color: #6f6f6f;
    color:#fff;
}

.navigation__content-icon-envelope {
    font-size: 2.5rem;
    margin-right: 1rem;
}

.navigation__content-icon-bell {
    font-size: 2.5rem;
    margin-right: 2rem;
}

.navigation__content-name {
    font-size: 1rem;
    font-weight: bold;
}

.navigation__content-avatar {
    vertical-align: middle;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: 1rem;
}

.navigation__content-create {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s;
}

.navigation__content-create:hover {
    border: none;
    color: #fff;
    background-color: #fee000;
    transform: scale(1.2);
    text-decoration: none;
}

.navigation__content-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-left: 5rem;
    margin-right: 23rem;
    margin-bottom: 15px;
}

@media (max-width: 56.25em) {
    .navigation__content-search {
        margin-left: 5rem;
    }
}

.navigation__content-search button{
    border:0;
}

.navigation__content-search input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.navigation__content-search input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.navigation__content-search input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.navigation__content-search input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.navigation__content-search .icon {
    padding: 10px;
    color: #6f6f6f;
    min-width: 50px;
    text-align: center;
}

.navigation__content-search input {
    padding:10px;
    border: none;
    font-size:1.25rem;
    width: 28rem;
    background-color: #f5f5f5;
}

.show {
    display: block;
}

.ticket-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.ticket-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

@media (max-width: 56.25em) {
    .ticket-popup__content {
        width: 35%;
    }
}

.ticket-popup__content-width {
    width: 90%;
    padding-bottom: 3rem;
}

.ticket-popup__content-head {
    width: 100%;
    margin-top: 3rem;
    text-align: right;
}

.ticket-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-left: 2rem;
    
}

.ticket-popup__content-head h2 {
    font-size: 1.5rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
    margin-left: 1.5rem;
    float: left;
}

.ticket-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: right;
}

.ticket-popup__content-body-input {
    width: 90%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    padding:10px;
    font-size:1.25rem;
}

.ticket-popup__content-body-input:not(:last-child) {
    margin-bottom: 2rem;
    direction: ltr;
    padding-right: 1rem;
}

.ticket-popup__content-body-icon {
    text-align: left;
    margin-left: 2.5rem;
}

.ticket-popup__content-body-icon-list {
    width: 100%;
    list-style: none;
}

.ticket-popup__content-body-icon-item {
    display: inline-block;
}

.ticket-popup__content-body-icon-item:not(:last-child) {
    margin-right: 5.5rem;
}

.ticket-popup__content-body-icon-item-vip {
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #000000;
    text-align: center;
    margin-bottom: 1rem;
}

.ticket-popup__content-body-icon-item-regular {
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #fee000;
    text-align: center;
    margin-bottom: 1rem;
}

.ticket-popup__content-body-icon-item-standing {
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #6f6f6f;
    text-align: center;
    margin-bottom: 1rem;
}

.ticket-popup__content-body-icon-item input {
    margin-left: 1.1rem;
}

.ticket-popup__content-body-save {
    width: 100%;
    text-align: center;
    margin-left: 2rem;
    margin-top: 2rem;
}

.ticket-popup__content-body-save a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.ticket-popup__content-body-save a:hover {
    color: #fee000;
    text-decoration: none;
}

.ticket-popup:target {
    opacity: 1;
    visibility: visible;
}

.ticket-popup:target .ticket-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.agenda-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.agenda-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-bottom: 3rem;
    width: 30%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

@media (max-width: 56.25em) {
    .agenda-popup__content {
        width: 45%;
    }
}

.agenda-popup__content-width {
    width: 100%;
}

.agenda-popup__content-head {
    width: 100%;
    margin-top: 4rem;
    text-align: right;
}

.agenda-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-right: 2rem;
}

.agenda-popup__content-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
    margin-left: 2rem;
    float: left;
}

.agenda-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: right;
}

.agenda-popup__content-body input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.agenda-popup__content-body input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.agenda-popup__content-body input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.agenda-popup__content-body input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.agenda-popup__content-body input[type="number"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.agenda-popup__content-body input[type="number"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.agenda-popup__content-body input[type="number"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.agenda-popup__content-body input[type="number"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.agenda-popup__content-body-name {
    width: 100%;
    height: 4rem;
    padding:10px;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
    font-size: 1.25rem;
}

.agenda-popup__content-body-speaker {
    width: 100%;
    border: none;
}

.agenda-popup__content-body-speaker select {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.agenda-popup__content-body-time {
    width: 100%;
}

.agenda-popup__content-body-time-head {
    text-align: left;
    font-size: 1.5rem;
    color: #6f6f6f;
    padding-bottom: 1rem;
    border-bottom: 0.1rem solid rgba(111, 111, 111, 0.2);
}

.agenda-popup__content-body-time-duration-group {
    width: 100%;
    height: 3rem;
    background-color: #f5f5f5;
    text-align: right;
}

.agenda-popup__content-body-time-duration-group input {
    width: 100%;
    height: 3rem;
    font-size: 0.8rem;
    background-color: #f5f5f5;
    font-weight: bold;
    font-size:1.25rem;
}

.agenda-popup__content-body-time-duration-group i {
    font-size: 1.5rem;
    color: rgba(111, 111, 111, 0.7);
}

.agenda-popup__content-body-time-duration-from {
    color: rgba(111, 111, 111, 0.7);
    width: 60%;
    height: 100%;
    border: none;
}

.agenda-popup__content-body-time-duration-to {
    color: rgba(111, 111, 111, 0.7);
    width: 60%;
    height: 100%;
    border: none;
}

.agenda-popup__content-body-time-duration-label {
    width: 100%;
    color: #6f6f6f;
    text-align: left;
}

.agenda-popup__content-body-category {
    width: 100%;
    border: none;
}

.agenda-popup__content-body-category select {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.agenda-popup__content-body-save {
    width: 100%;
    text-align: right;
    margin-right: 2rem;
    margin-top: 2rem;
}

@media (max-width: 37.5em) {
    .agenda-popup__content-body-save {
        text-align: center;
    }
}

.agenda-popup__content-body-save a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.agenda-popup__content-body-save a:hover {
    color: #fee000;
    text-decoration: none;
}

.agenda-popup__content-body-edit {
    width: 100%;
    text-align: left;
    margin-left: 2rem;
    margin-top: 2rem;
}

.agenda-popup__content-body-edit button {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.agenda-popup__content-body-edit button:hover {
    color: #fee000;
    text-decoration: none;
}

.agenda-popup:target {
    opacity: 1;
    visibility: visible;
}

.agenda-popup:target .agenda-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.speaker-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.speaker-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-bottom: 3rem;
    width: 55%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

.speaker-popup__content-width {
    width: 100%;
}

.speaker-popup__content-head {
    width: 100%;
    margin-top: 4rem;
    text-align: right;
    /* margin-right: 4rem; */
}

.speaker-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-right: 2rem;
}

.speaker-popup__content-head h2 {
    float: left;
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
    margin-left: 4rem;
}

.speaker-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: left;
}

.speaker-popup__content-body input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.speaker-popup__content-body input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.speaker-popup__content-body input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.speaker-popup__content-body input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.speaker-popup__content-body textarea::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    font-weight: bold;
    padding-top: 1rem;
    padding-right: 2rem;
}

.speaker-popup__content-body textarea:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    font-weight: bold;
    padding-top: 1rem;
    padding-right: 2rem;
}

.speaker-popup__content-body textarea::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    font-weight: bold;
    padding-top: 1rem;
    padding-right: 2rem;
}

.speaker-popup__content-body textarea::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    font-weight: bold;
    padding-top: 1rem;
    padding-right: 2rem;
}

.speaker-popup__content-body-title {
    width: 100%;
    height: 4rem;
    padding:10px;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-size:1.25rem;
    font-weight: bold;
}

.speaker-popup__content-body-name {
    width: 100%;
    height: 4rem;
    padding:10px;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-size:1.25rem;
    font-weight: bold;
}

.speaker-popup__content-body-job-title {
    width: 100%;
    height: 4rem;
    padding:10px;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-size: 1.25rem;
    font-weight: bold;
}

.speaker-popup__content-body-file {
    width: 100%;
    height: 4rem;
}

.speaker-popup__content-body-file label {
    text-align: left;
    padding-top: 0.5rem;
    font-size: 1.5rem;
}

.speaker-popup__content-body-file .custom-file-label {
    height: 4rem;
    margin-left: 1.7rem;
    margin-right: 1.7rem;
}

.speaker-popup__content-body-file .custom-file-label::after {
    height: 4rem;
    font-size: 2rem;
}

.speaker-popup__content-body-bio {
    width: 100%;
    height: 10rem;
    text-align: left;
}

.speaker-popup__content-body-bio textarea {
    margin-left: 1.5rem;
    width: 95.5%;
    padding:10px;
    height: 10rem;
    background-color: #f5f5f5;
    border: none;
    font-size: 1.25rem;
}

.speaker-popup__content-body-save {
    width: 100%;
    text-align: right;
    margin-left: 2rem;
    margin-top: 2rem;
}

@media (max-width: 37.5em) {
    .speaker-popup__content-body-save {
        text-align: center;
    }
}

.speaker-popup__content-body-save button, .speaker-popup__content-body-save a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.speaker-popup__content-body-save button:hover, .speaker-popup__content-body-save a:hover  {
    color: #fee000;
    text-decoration: none;
}

.speaker-popup__content-body-edit {
    width: 100%;
    text-align: left;
    margin-left: 2rem;
    margin-top: 2rem;
}

.speaker-popup__content-body-edit button {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.speaker-popup__content-body-edit button:hover {
    color: #fee000;
    text-decoration: none;
}

.speaker-popup:target {
    opacity: 1;
    visibility: visible;
}

.speaker-popup:target .speaker-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.form-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.form-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 75%;
    width: 70%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

.form-popup__content-width {
    width: 100%;
}

.form-popup__content-head {
    width: 100%;
    margin-top: 4rem;
}

.form-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-right: 2rem;
    float: right;
}

.form-popup__content-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    margin-left: 4rem;
    border-bottom: 0.5rem solid #fee000;
}

.form-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: left;
}

.form-popup__content-body input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.form-popup__content-body input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.form-popup__content-body input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.form-popup__content-body input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.form-popup__content-body-name {
    width: 100%;
    text-align: left;
}

.form-popup__content-body-name-field {
    width: 40%;
    height: 4rem;
    padding:10px;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.form-popup__content-body .custom-control-label::before {
    height: 1.5rem;
    width: 1.5rem;
    left: -2rem;
    top: 0.5rem;
}

.form-popup__content-body .custom-control-label::after {
    height: 1.5rem;
    width: 1.5rem;
    left: -2rem;
    top: 0.5rem;
}

.form-popup__content-body
    .custom-control-input:checked
    ~ .custom-control-label::before {
    background-color: #fee000;
    border-color: #fee000;
    color: #ffffff;
}

.form-popup__content-body .custom-control-label {
    font-size: 1.5rem;
    color: #6f6f6f;
    padding-bottom: 1rem;
}

.form-popup__content-body-save {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}

.form-popup__content-body-save button {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.form-popup__content-body-save button:hover {
    color: #fee000;
    text-decoration: none;
}

.form-popup:target {
    opacity: 1;
    visibility: visible;
}

.form-popup:target .form-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.guestSignIn-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.guestSignIn-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 50%;
    width: 50%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

@media (max-width: 56.25em) {
    .guestSignIn-popup__content {
        max-height: 30%;
        width: 90%;
    }
}

@media (max-width: 75em) {
    .guestSignIn-popup__content {
        max-height: 36%;
        width: 90%;
    }
}

@media (max-width: 37.5em) {
    .guestSignIn-popup__content {
        max-height: 75%;
        width: 90%;
    }
}

.guestSignIn-popup__content-width {
    width: 100%;
}

.guestSignIn-popup__content-head {
    width: 100%;
    margin-top: 4rem;
}

.guestSignIn-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-left: 2rem;
}

.guestSignIn-popup__content-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    margin-right: 4rem;
    border-bottom: 0.5rem solid #fee000;
    float: right;
}

.guestSignIn-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: right;
}

.guestSignIn-popup__content-body-area {
    height: 100%;
}

.guestSignIn-popup__content-body-area-field {
    width: 100%;
}

.guestSignIn-popup__content-body-area-field-alert {
    text-align: left;
}

.guestSignIn-popup__content-body-area-field
    input[type="email"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignIn-popup__content-body-area-field
    input[type="email"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignIn-popup__content-body-area-field
    input[type="email"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignIn-popup__content-body-area-field input[type="email"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignIn-popup__content-body-area-field
    input[type="password"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignIn-popup__content-body-area-field
    input[type="password"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignIn-popup__content-body-area-field
    input[type="password"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignIn-popup__content-body-area-field
    input[type="password"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignIn-popup__content-body-area-field-email {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestSignIn-popup__content-body-area-field-password {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestSignIn-popup__content-body-btn {
    text-align: right;
}

.guestSignIn-popup__content-body-btn-signin {
    display: inline-block;
}

.guestSignIn-popup__content-body-btn-signin button {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    background-color: transparent;
}

@media (max-width: 37.5em) {
    .guestSignIn-popup__content-body-btn-signin button {
        padding: 0.3rem 2rem;
    }
}

@media (max-width: 20em) {
    .guestSignIn-popup__content-body-btn-signin button {
        font-size: 1.5rem;
    }
}

.guestSignIn-popup__content-body-btn-signin button:hover {
    color: #fee000;
    text-decoration: none;
}

.guestSignIn-popup__content-body-btn-signup {
    display: inline-block;
}

.guestSignIn-popup__content-body-btn-signup a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.48rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

@media (max-width: 37.5em) {
    .guestSignIn-popup__content-body-btn-signup a {
        padding: 0.3rem 2rem;
    }
}

@media (max-width: 20em) {
    .guestSignIn-popup__content-body-btn-signup a {
        font-size: 1.5rem;
    }
}

.guestSignIn-popup__content-body-btn-signup a:hover {
    color: #fee000;
    text-decoration: none;
}

.guestSignIn-popup:target {
    opacity: 1;
    visibility: visible;
}

.guestSignIn-popup:target .guestSignIn-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.guestSignUp-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.guestSignUp-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 50%;
    width: 50%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

@media (max-width: 56.25em) {
    .guestSignUp-popup__content {
        max-height: 30%;
        width: 90%;
    }
}

@media (max-width: 75em) {
    .guestSignUp-popup__content {
        max-height: 50%;
        width: 90%;
    }
}

@media (max-width: 37.5em) {
    .guestSignUp-popup__content {
        max-height: 75%;
        width: 90%;
    }
}

@media (max-width: 20em) {
    .guestSignUp-popup__content {
        max-height: 82%;
        width: 90%;
    }
}

.guestSignUp-popup__content-width {
    width: 100%;
}

.guestSignUp-popup__content-head {
    width: 100%;
    margin-top: 4rem;
}

.guestSignUp-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-left: 2rem;
}

.guestSignUp-popup__content-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    margin-right: 4rem;
    border-bottom: 0.5rem solid #fee000;
    float: right;
}

.guestSignUp-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: right;
}

.guestSignUp-popup__content-body-area {
    height: 100%;
}

.guestSignUp-popup__content-body-area-field {
    width: 100%;
}

.guestSignUp-popup__content-body-area-field-alert {
    text-align: left;
}

.guestSignUp-popup__content-body-area-field
    input[type="number"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field
    input[type="number"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field
    input[type="number"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field input[type="number"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field
    input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field
    input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field
    input[type="email"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field
    input[type="email"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field
    input[type="email"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field input[type="email"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field
    input[type="password"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field
    input[type="password"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field
    input[type="password"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field
    input[type="password"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestSignUp-popup__content-body-area-field-name {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestSignUp-popup__content-body-area-field-email {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestSignUp-popup__content-body-area-field-number {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestSignUp-popup__content-body-area-field-password {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestSignUp-popup__content-body-btn {
    text-align: right;
}

.guestSignUp-popup__content-body-btn-signin {
    display: inline-block;
}

.guestSignUp-popup__content-body-btn-signin a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

@media (max-width: 37.5em) {
    .guestSignUp-popup__content-body-btn-signin a {
        padding: 0.3rem 2rem;
    }
}

@media (max-width: 20em) {
    .guestSignUp-popup__content-body-btn-signin a {
        font-size: 1.5rem;
    }
}

.guestSignUp-popup__content-body-btn-signin a:hover {
    color: #fee000;
    text-decoration: none;
}

.guestSignUp-popup__content-body-btn-signup {
    display: inline-block;
}

.guestSignUp-popup__content-body-btn-signup button {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    background-color: transparent;
}

@media (max-width: 37.5em) {
    .guestSignUp-popup__content-body-btn-signup button {
        padding: 0.3rem 2rem;
    }
}

@media (max-width: 20em) {
    .guestSignUp-popup__content-body-btn-signup button {
        font-size: 1.5rem;
    }
}

.guestSignUp-popup__content-body-btn-signup button:hover {
    color: #fee000;
    text-decoration: none;
}

.guestSignUp-popup:target {
    opacity: 1;
    visibility: visible;
}

.guestSignUp-popup:target .guestSignUp-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.guestSelectTicket-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.guestSelectTicket-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 50%;
    width: 50%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

@media (max-width: 56.25em) {
    .guestSelectTicket-popup__content {
        max-height: 30%;
        width: 90%;
    }
}

@media (max-width: 75em) {
    .guestSelectTicket-popup__content {
        max-height: 36%;
        width: 90%;
    }
}

@media (max-width: 37.5em) {
    .guestSelectTicket-popup__content {
        max-height: 75%;
        width: 90%;
    }
}

.guestSelectTicket-popup__content-width {
    width: 100%;
}

.guestSelectTicket-popup__content-head {
    width: 100%;
    margin-top: 4rem;
    text-align: right;
}

.guestSelectTicket-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-right: 2rem;
}

.guestSelectTicket-popup__content-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    margin-left: 4rem;
    border-bottom: 0.5rem solid #fee000;
    float: left;
}

.guestSelectTicket-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: right;
}

.guestSelectTicket-popup__content-body-area {
    height: 100%;
}

.guestSelectTicket-popup__content-body-area-field {
    width: 100%;
}

.guestSelectTicket-popup__content-body-area-field-alert {
    text-align: left;
}

.guestSelectTicket-popup__content-body-area-field-head {
    width: 100%;
    text-align: left;
}

.guestSelectTicket-popup__content-body-area-field-head p {
    font-size: 1.5rem;
    color: #6f6f6f;
}

.guestSelectTicket-popup__content-body-area-field-type {
    width: 100%;
}

.guestSelectTicket-popup__content-body-area-field-type select {
    width: 100%;
    height: 4rem;
    padding:10px;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-size: 1.25rem;
    font-weight: bold;
    direction: ltr;
}

.guestSelectTicket-popup__content-body-area-field-number {
    width: 100%;
}

.guestSelectTicket-popup__content-body-area-field-number input {
    width: 100%;
    height: 4rem;
    padding:10px;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-size: 1.25rem;
    font-weight: bold;
    direction: ltr;
}

.guestSelectTicket-popup__content-body-btn {
    text-align: right;
}

.guestSelectTicket-popup__content-body-btn-submit {
    display: inline-block;
}

.guestSelectTicket-popup__content-body-btn-submit button {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    background-color: transparent;
}

@media (max-width: 37.5em) {
    .guestSelectTicket-popup__content-body-btn-submit button {
        padding: 0.3rem 2rem;
    }
}

@media (max-width: 20em) {
    .guestSelectTicket-popup__content-body-btn-submit button {
        font-size: 1.5rem;
    }
}

.guestSelectTicket-popup__content-body-btn-submit a:hover {
    color: #fee000;
    text-decoration: none;
}

.guestSelectTicket-popup:target {
    opacity: 1;
    visibility: visible;
}

.guestSelectTicket-popup:target .guestSelectTicket-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.guestForm-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.guestForm-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 70%;
    width: 70%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

@media (max-width: 56.25em) {
    .guestForm-popup__content {
        height: 43%;
        width: 90%;
    }
}

@media (max-width: 37.5em) {
    .guestForm-popup__content {
        height: 75%;
        width: 90%;
    }
}

.guestForm-popup__content-width {
    width: 100%;
}

.guestForm-popup__content-head {
    width: 100%;
    margin-top: 4rem;
}

.guestForm-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-left: 2rem;
}

.guestForm-popup__content-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    margin-right: 4rem;
    border-bottom: 0.5rem solid #fee000;
    float: right;
}

.guestForm-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: right;
}

.guestForm-popup__content-body-area {
    height: 100%;
    max-height: 20rem;
    direction: rtl;
    overflow: auto;
}

@media (max-width: 37.5em) {
    .guestForm-popup__content-body-area {
        height: 25rem;
    }
}

.guestForm-popup__content-body-area-field {
    width: 100%;
    direction: ltr;
}

.guestForm-popup__content-body-area-field-alert {
    text-align: left;
}

.guestForm-popup__content-body-area-field
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestForm-popup__content-body-area-field
    input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestForm-popup__content-body-area-field
    input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestForm-popup__content-body-area-field input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestForm-popup__content-body-area-field
    input[type="email"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestForm-popup__content-body-area-field
    input[type="email"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestForm-popup__content-body-area-field
    input[type="email"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestForm-popup__content-body-area-field input[type="email"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.guestForm-popup__content-body-area-field textarea::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-top: 1rem;
    padding-right: 2rem;
}

.guestForm-popup__content-body-area-field textarea:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-top: 1rem;
    padding-right: 2rem;
}

.guestForm-popup__content-body-area-field textarea::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-top: 1rem;
    padding-right: 2rem;
}

.guestForm-popup__content-body-area-field textarea::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-top: 1rem;
    padding-right: 2rem;
}

.guestForm-popup__content-body-area-field-email {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-lastName {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-firstName {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-fullName {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-title {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-gender {
    width: 100%;
}

.guestForm-popup__content-body-area-field-gender select {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
    direction: rtl;
}

.guestForm-popup__content-body-area-field-suffix {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-company {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-arabicName {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-nationality {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-phone {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-religion {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-state {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-country {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-city {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-carModel {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-passportNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-position {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-departure {
    width: 100%;
}

.guestForm-popup__content-body-area-field-departure-input {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
}

.guestForm-popup__content-body-area-field-departure-label {
    width: 100%;
    color: #6f6f6f;
    text-align: right;
}

.guestForm-popup__content-body-area-field-arrival {
    width: 100%;
}

.guestForm-popup__content-body-area-field-arrival-input {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
}

.guestForm-popup__content-body-area-field-arrival-label {
    width: 100%;
    color: #6f6f6f;
    text-align: right;
}

.guestForm-popup__content-body-area-field-seatNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-roomNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-hotel {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-note {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-allergies {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.guestForm-popup__content-body-area-field-pImage label {
    text-align: left;
    padding-top: 1rem;
    font-size: 1rem;
}

.guestForm-popup__content-body-area-field-pImage .custom-file-label {
    height: 4rem;
    margin-right: 1.7rem;
}

.guestForm-popup__content-body-area-field-pImage .custom-file-label::after {
    height: 4rem;
    padding-top: 0.8rem;
    font-size: 1.5rem;
}

.guestForm-popup__content-body-save {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}

.guestForm-popup__content-body-save a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.guestForm-popup__content-body-save a:hover {
    color: #fee000;
    text-decoration: none;
}

.guestForm-popup:target {
    opacity: 1;
    visibility: visible;
}

.guestForm-popup:target .guestForm-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.success-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.success-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 40%;
    width: 25%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

@media (max-width: 56.25em) {
    .success-popup__content {
        height: 25%;
        width: 40%;
    }
}

@media (max-width: 37.5em) {
    .success-popup__content {
        height: 45%;
        width: 70%;
    }
}

.success-popup__content-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.success-popup__content-center-img {
    font-size: 15rem;
    color: #32cd32;
}

.success-popup__content-center-btn {
    text-align: center;
}

.success-popup__content-center-btn a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.success-popup__content-center-btn a:hover {
    color: #fee000;
    text-decoration: none;
}

.success-popup:target {
    opacity: 1;
    visibility: visible;
}

.success-popup:target .success-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.addGuest-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.addGuest-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 95%;
    width: 95%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

@media (max-width: 56.25em) {
    .addGuest-popup__content {
        height: 43%;
        width: 90%;
    }
}

@media (max-width: 37.5em) {
    .addGuest-popup__content {
        height: 75%;
        width: 90%;
    }
}

.addGuest-popup__content-width {
    width: 100%;
}

.addGuest-popup__content-head {
    width: 100%;
    margin-top: 4rem;
}

.addGuest-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-left: 2rem;
}

.addGuest-popup__content-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    margin-right: 4rem;
    border-bottom: 0.5rem solid #fee000;
    float: right;
}

.addGuest-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: right;
}

.addGuest-popup__content-body-main {
    max-height: 40rem;
    direction: rtl;
    overflow: auto;
}

.addGuest-popup__content-body-main-info {
    direction: ltr;
}

.addGuest-popup__content-body-main-info-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.addGuest-popup__content-body-main-info-area {
    height: 100%;
}

.addGuest-popup__content-body-main-info-area-field {
    width: 100%;
}

.addGuest-popup__content-body-main-info-area-field-alert {
    text-align: left;
}

.addGuest-popup__content-body-main-info-area-field
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-info-area-field
    input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-info-area-field
    input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-info-area-field
    input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-info-area-field
    input[type="email"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-info-area-field
    input[type="email"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-info-area-field
    input[type="email"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-info-area-field
    input[type="email"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-info-area-field
    textarea::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-top: 1rem;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-info-area-field
    textarea:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-top: 1rem;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-info-area-field
    textarea::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-top: 1rem;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-info-area-field textarea::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-top: 1rem;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-info-area-field-title {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-type {
    width: 100%;
}

.addGuest-popup__content-body-main-info-area-field-type select {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-locale {
    width: 100%;
}

.addGuest-popup__content-body-main-info-area-field-locale select {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-company {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-arabicName {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-fullName {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-phone {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-religion {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-suffix {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-country {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-city {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-nationality {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-email {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-position {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-state {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-carModel {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-gender {
    width: 100%;
}

.addGuest-popup__content-body-main-info-area-field-gender select {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-passportNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-plateNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-standRowNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-dinnerTableNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-roomType {
    width: 100%;
}

.addGuest-popup__content-body-main-info-area-field-roomType select {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-hotel {
    width: 100%;
}

.addGuest-popup__content-body-main-info-area-field-hotel select {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-standChairNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-departureFlightNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-arrivalFlightNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-roomNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-allergies {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-pImage label {
    text-align: left;
    padding-top: 1rem;
    font-size: 1rem;
}

.addGuest-popup__content-body-main-info-area-field-pImage .custom-file-label {
    height: 4rem;
    margin: 0 1.7rem;
}

.addGuest-popup__content-body-main-info-area-field-pImage
    .custom-file-label::after {
    height: 4rem;
    padding-top: 0.8rem;
    font-size: 1.5rem;
}

.addGuest-popup__content-body-main-info-area-field-seatNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-info-area-field-departure {
    width: 100%;
}

.addGuest-popup__content-body-main-info-area-field-departure-input {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
}

.addGuest-popup__content-body-main-info-area-field-departure-label {
    width: 100%;
    color: #6f6f6f;
    text-align: right;
}

.addGuest-popup__content-body-main-info-area-field-arrival {
    width: 100%;
}

.addGuest-popup__content-body-main-info-area-field-arrival-input {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
}

.addGuest-popup__content-body-main-info-area-field-arrival-label {
    width: 100%;
    color: #6f6f6f;
    text-align: right;
}

.addGuest-popup__content-body-main-info-area-field-checkout {
    width: 100%;
}

.addGuest-popup__content-body-main-info-area-field-checkout-input {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
}

.addGuest-popup__content-body-main-info-area-field-checkout-label {
    width: 100%;
    color: #6f6f6f;
    text-align: right;
}

.addGuest-popup__content-body-main-info-area-field-checkin {
    width: 100%;
}

.addGuest-popup__content-body-main-info-area-field-checkin-input {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
}

.addGuest-popup__content-body-main-info-area-field-checkin-label {
    width: 100%;
    color: #6f6f6f;
    text-align: right;
}

.addGuest-popup__content-body-main-info-area-field-note {
    width: 100%;
    height: 8rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-mailing {
    direction: ltr;
}

.addGuest-popup__content-body-main-mailing-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.addGuest-popup__content-body-main-mailing-area {
    height: 100%;
}

.addGuest-popup__content-body-main-mailing-area-field {
    width: 100%;
}

.addGuest-popup__content-body-main-mailing-area-field-alert {
    text-align: left;
}

.addGuest-popup__content-body-main-mailing-area-field
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-mailing-area-field
    input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-mailing-area-field
    input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-mailing-area-field
    input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-mailing-area-field
    input[type="email"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-mailing-area-field
    input[type="email"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-mailing-area-field
    input[type="email"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-mailing-area-field
    input[type="email"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-mailing-area-field-postalCode {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-mailing-area-field-city {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-mailing-area-field-building {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-mailing-area-field-street {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-contact {
    direction: ltr;
}

.addGuest-popup__content-body-main-contact-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.addGuest-popup__content-body-main-contact-area {
    height: 100%;
}

.addGuest-popup__content-body-main-contact-area-field {
    width: 100%;
}

.addGuest-popup__content-body-main-contact-area-field-alert {
    text-align: left;
}

.addGuest-popup__content-body-main-contact-area-field
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-contact-area-field
    input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-contact-area-field
    input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-contact-area-field
    input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-contact-area-field
    input[type="email"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-contact-area-field
    input[type="email"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-contact-area-field
    input[type="email"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-contact-area-field
    input[type="email"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-contact-area-field-phone {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-contact-area-field-lastname {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-contact-area-field-firstname {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-contact-area-field-postalCode {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-contact-area-field-email {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-extra {
    direction: ltr;
}

.addGuest-popup__content-body-main-extra-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.addGuest-popup__content-body-main-extra-area {
    height: 100%;
}

.addGuest-popup__content-body-main-extra-area-field {
    width: 100%;
}

.addGuest-popup__content-body-main-extra-area-field-alert {
    text-align: left;
}

.addGuest-popup__content-body-main-extra-area-field
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-extra-area-field
    input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-extra-area-field
    input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-extra-area-field
    input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-extra-area-field
    input[type="email"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-extra-area-field
    input[type="email"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-extra-area-field
    input[type="email"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-extra-area-field
    input[type="email"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addGuest-popup__content-body-main-extra-area-field-religion {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-extra-area-field-arabicName {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-extra-area-field-fullName {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-extra-area-field-country {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-extra-area-field-city {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-extra-area-field-phone {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-extra-area-field-nationalId {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-extra-area-field-gender {
    width: 100%;
}

.addGuest-popup__content-body-main-extra-area-field-gender select {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-extra-area-field-email {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-extra-area-field-pImage label {
    text-align: left;
    padding-top: 1rem;
    font-size: 1rem;
}

.addGuest-popup__content-body-main-extra-area-field-pImage .custom-file-label {
    height: 4rem;
    margin: 0 1.7rem;
}

.addGuest-popup__content-body-main-extra-area-field-pImage
    .custom-file-label::after {
    height: 4rem;
    padding-top: 0.8rem;
    font-size: 1.5rem;
}

.addGuest-popup__content-body-main-extra-area-field-roomNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-extra-area-field-residentNo {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-extra-area-field-departure {
    width: 100%;
}

.addGuest-popup__content-body-main-extra-area-field-departure-input {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
}

.addGuest-popup__content-body-main-extra-area-field-departure-label {
    width: 100%;
    color: #6f6f6f;
    text-align: right;
}

.addGuest-popup__content-body-main-extra-area-field-arrival {
    width: 100%;
}

.addGuest-popup__content-body-main-extra-area-field-arrival-input {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
}

.addGuest-popup__content-body-main-extra-area-field-arrival-label {
    width: 100%;
    color: #6f6f6f;
    text-align: right;
}

.addGuest-popup__content-body-main-extra-area-field-allergies {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addGuest-popup__content-body-main-status {
    direction: ltr;
}

.addGuest-popup__content-body-main-status-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.addGuest-popup__content-body-main-status-area {
    height: 100%;
}

.addGuest-popup__content-body-main-status-area-field {
    width: 100%;
}

.addGuest-popup__content-body-save {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}

.addGuest-popup__content-body-save a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.addGuest-popup__content-body-save a:hover {
    color: #fee000;
    text-decoration: none;
}

.addGuest-popup:target {
    opacity: 1;
    visibility: visible;
}

.addGuest-popup:target .addGuest-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.addOrganizer-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.addOrganizer-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 70%;
    width: 60%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

@media (max-width: 56.25em) {
    .addOrganizer-popup__content {
        height: 43%;
        width: 90%;
    }
}

@media (max-width: 37.5em) {
    .addOrganizer-popup__content {
        height: 75%;
        width: 90%;
    }
}

.addOrganizer-popup__content-width {
    width: 100%;
}

.addOrganizer-popup__content-head {
    width: 100%;
    margin-top: 4rem;
}

.addOrganizer-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-left: 2rem;
}

.addOrganizer-popup__content-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    margin-right: 4rem;
    border-bottom: 0.5rem solid #fee000;
    float: right;
}

.addOrganizer-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: right;
}

.addOrganizer-popup__content-body-field {
    direction: rtl;
}

.addOrganizer-popup__content-body-field-alert {
    text-align: left;
}

.addOrganizer-popup__content-body-field
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addOrganizer-popup__content-body-field
    input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addOrganizer-popup__content-body-field
    input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addOrganizer-popup__content-body-field input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addOrganizer-popup__content-body-field
    input[type="email"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addOrganizer-popup__content-body-field
    input[type="email"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addOrganizer-popup__content-body-field
    input[type="email"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addOrganizer-popup__content-body-field input[type="email"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addOrganizer-popup__content-body-field-jTitle {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addOrganizer-popup__content-body-field-name {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addOrganizer-popup__content-body-field-email {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addOrganizer-popup__content-body-field-phone {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addOrganizer-popup__content-body-field-language {
    width: 100%;
}

.addOrganizer-popup__content-body-field-language select {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
    direction: rtl;
}

.addOrganizer-popup__content-body-field-gender {
    width: 100%;
}

.addOrganizer-popup__content-body-field-gender select {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
    direction: rtl;
}

.addOrganizer-popup__content-body-field-assign {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addOrganizer-popup__content-body-save {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}

.addOrganizer-popup__content-body-save a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.addOrganizer-popup__content-body-save a:hover {
    color: #fee000;
    text-decoration: none;
}

.addOrganizer-popup:target {
    opacity: 1;
    visibility: visible;
}

.addOrganizer-popup:target .addOrganizer-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.addTask-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.addTask-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 60%;
    width: 60%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

@media (max-width: 56.25em) {
    .addTask-popup__content {
        height: 43%;
        width: 90%;
    }
}

@media (max-width: 37.5em) {
    .addTask-popup__content {
        height: 75%;
        width: 90%;
    }
}

.addTask-popup__content-width {
    width: 100%;
}

.addTask-popup__content-head {
    width: 100%;
    margin-top: 4rem;
}

.addTask-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-left: 2rem;
}

.addTask-popup__content-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    margin-right: 4rem;
    border-bottom: 0.5rem solid #fee000;
    float: right;
}

.addTask-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: right;
}

.addTask-popup__content-body-field {
    direction: rtl;
}

.addTask-popup__content-body-field-alert {
    text-align: left;
}

.addTask-popup__content-body-field
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addTask-popup__content-body-field input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addTask-popup__content-body-field input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addTask-popup__content-body-field input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.addTask-popup__content-body-field-task {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addTask-popup__content-body-field-tDetails {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addTask-popup__content-body-field-tStart {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addTask-popup__content-body-field-tEnd {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addTask-popup__content-body-field-organizer {
    width: 100%;
}

.addTask-popup__content-body-field-organizer select {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
    direction: rtl;
}

.addTask-popup__content-body-field-guest {
    width: 100%;
}

.addTask-popup__content-body-field-guest select {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
    direction: rtl;
}

.addTask-popup__content-body-save {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}

.addTask-popup__content-body-save a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.addTask-popup__content-body-save a:hover {
    color: #fee000;
    text-decoration: none;
}

.addTask-popup:target {
    opacity: 1;
    visibility: visible;
}

.addTask-popup:target .addTask-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.addHotel-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.addHotel-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

@media (max-width: 56.25em) {
    .addHotel-popup__content {
        width: 90%;
    }
}

@media (max-width: 37.5em) {
    .addHotel-popup__content {
        width: 90%;
    }
}

.addHotel-popup__content-width {
    width: 100%;
}

.addHotel-popup__content-head {
    width: 100%;
    margin-top: 4rem;
}

.addHotel-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-right: 2rem;
    float: right;
}

.addHotel-popup__content-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    margin-left: 4rem;
    border-bottom: 0.5rem solid #fee000;
}

.addHotel-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: right;
}

.addHotel-popup__content-body-field {
    direction: ltr;
}

.addHotel-popup__content-body-field-alert {
    text-align: left;
}

.addHotel-popup__content-body-field input {
    padding: 10px;
}

.addHotel-popup__content-body-field-name {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
    font-size:1.25rem;
}

.addHotel-popup__content-body-field-city {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addHotel-popup__content-body-field-rType {
    width: 100%;
}

.addHotel-popup__content-body-field-rType-container {
    padding: 0.5rem;
    border-radius: 0.5rem;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
}

.addHotel-popup__content-body-field-rType-container-tag {
    padding: 0.5rem;
    border: 0.1rem solid #6f6f6f;
    margin: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.3rem;
    background-color: #6f6f6f;
    color: #ffffff;
    font-size: 1.6rem;
    cursor: default;
}

.addHotel-popup__content-body-field-rType-container-tag i {
    margin-left: 0.5rem;
}

.addHotel-popup__content-body-field-rType-container input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    font-size: 1.6rem;
    padding: 0.5rem;
    outline: none;
    border: 0;
    background-color: #f5f5f5;
}

.addHotel-popup__content-body-field-rType-container select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    font-size: 1.6rem;
    padding: 0.5rem;
    outline: none;
    border: 0;
    background-color: #f5f5f5;
}

.addHotel-popup__content-body-save {
    width: 100%;
    text-align: right;
    margin-top: 2rem;
}

.addHotel-popup__content-body-save button {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.addHotel-popup__content-body-save button:hover {
    color: #fee000;
    text-decoration: none;
}

.addHotel-popup:target {
    opacity: 1;
    visibility: visible;
}

.addHotel-popup:target .addHotel-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.addMail-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.addMail-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

@media (max-width: 56.25em) {
    .addMail-popup__content {
        width: 90%;
    }
}

@media (max-width: 37.5em) {
    .addMail-popup__content {
        width: 90%;
    }
}

.addMail-popup__content-width {
    width: 100%;
}

.addMail-popup__content-head {
    width: 100%;
    margin-top: 4rem;
}

.addMail-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-left: 2rem;
}

.addMail-popup__content-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    margin-right: 4rem;
    border-bottom: 0.5rem solid #fee000;
    float: right;
}

.addMail-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: right;
}

.addMail-popup__content-body-field {
    direction: rtl;
}

.addMail-popup__content-body-field-alert {
    text-align: left;
}

.addMail-popup__content-body-field input {
    padding-right: 2rem;
}

.addMail-popup__content-body-field textarea {
    padding-right: 2rem;
    padding-top: 1rem;
}

.addMail-popup__content-body-field-sender {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addMail-popup__content-body-field-subject {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addMail-popup__content-body-field-to {
    width: 100%;
}

.addMail-popup__content-body-field-to-head {
    width: 100%;
    padding-bottom: 0.5rem;
}

.addMail-popup__content-body-field-to-head h4 {
    font-size: 1rem;
    color: #6f6f6f;
}

.addMail-popup__content-body-field-to-body {
    width: 100%;
}

.addMail-popup__content-body-field-to-body-container {
    padding: 0.5rem;
    border-radius: 0.5rem;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
}

.addMail-popup__content-body-field-to-body-container-tag {
    padding: 0.5rem;
    border: 0.1rem solid #6f6f6f;
    margin: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.3rem;
    background-color: #6f6f6f;
    color: #ffffff;
    font-size: 1.6rem;
    cursor: default;
}

.addMail-popup__content-body-field-to-body-container-tag i {
    margin-left: 0.5rem;
}

.addMail-popup__content-body-field-to-body-container input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    font-size: 1.6rem;
    padding: 0.5rem;
    outline: none;
    border: 0;
    background-color: #f5f5f5;
}

.addMail-popup__content-body-field-note {
    width: 100%;
    height: 25rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addMail-popup__content-body-save {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}

.addMail-popup__content-body-save a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.addMail-popup__content-body-save a:hover {
    color: #fee000;
    text-decoration: none;
}

.addMail-popup:target {
    opacity: 1;
    visibility: visible;
}

.addMail-popup:target .addMail-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.addSponsor-popup {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.addSponsor-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25);
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

@media (max-width: 56.25em) {
    .addSponsor-popup__content {
        width: 90%;
    }
}

@media (max-width: 37.5em) {
    .addSponsor-popup__content {
        width: 90%;
    }
}

.addSponsor-popup__content-width {
    width: 100%;
}

.addSponsor-popup__content-head {
    width: 100%;
    margin-top: 4rem;
}

.addSponsor-popup__content-head a {
    color: #6f6f6f;
    font-size: 3rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding-left: 2rem;
}

.addSponsor-popup__content-head h2 {
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1rem;
    margin-right: 4rem;
    border-bottom: 0.5rem solid #fee000;
    float: right;
}

.addSponsor-popup__content-body {
    margin: 0 auto;
    width: 90%;
    text-align: right;
}

.addSponsor-popup__content-body-field {
    direction: rtl;
}

.addSponsor-popup__content-body-field-alert {
    text-align: left;
}

.addSponsor-popup__content-body-field input {
    padding-right: 2rem;
}

.addSponsor-popup__content-body-field-name {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addSponsor-popup__content-body-field-role {
    width: 100%;
    height: 4rem;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border: none;
    font-weight: bold;
}

.addSponsor-popup__content-body-field-sImage label {
    text-align: left;
    padding-top: 1rem;
    font-size: 1rem;
}

.addSponsor-popup__content-body-field-sImage .custom-file-label {
    height: 4rem;
    margin-right: 1.6rem;
    margin-left: 1.6rem;
}

.addSponsor-popup__content-body-field-sImage .custom-file-label::after {
    height: 4rem;
    padding-top: 0.8rem;
    font-size: 1.5rem;
}

.addSponsor-popup__content-body-save {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}

.addSponsor-popup__content-body-save a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.addSponsor-popup__content-body-save a:hover {
    color: #fee000;
    text-decoration: none;
}

.addSponsor-popup:target {
    opacity: 1;
    visibility: visible;
}

.addSponsor-popup:target .addSponsor-popup__content {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

::-webkit-scrollbar {
    width: 1.5rem;
}

::-webkit-scrollbar-track {
    background: #ffffff;
}

::-webkit-scrollbar-thumb {
    background: #fee000;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(254, 224, 0, 0.8);
}

.sidenav {
    height: 100%;
    width: 18rem;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: #151515;
    padding-top: 2rem;
}

@media (max-width: 75em) {
    .sidenav {
        display: none;
    }
}

.sidenav__logo-box {
    width: 100%;
    text-align: center;
}

.sidenav__social-link {
    text-align: center;
    color: #fee000;
    position: absolute;
    bottom: 3%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.sidenav__social-link-list {
    width: 100%;
    font-size: 2rem;
    list-style: none;
}

.sidenav__social-link-item {
    display: inline-block;
}

.sidenav__social-link-item i {
    color: #fee000;
    transition: all 0.3s;
}

.sidenav__social-link-item i:hover {
    color: #ffffff;
    transform: scale(1.2);
}

.sidenav__social-link-item:not(:last-child) {
    margin-right: 1rem;
}

.sidenav__copyright {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 18%;
    -webkit-transform: -82%, 0;
    transform: -82%, 0;
}

.sidenav__copyright-text {
    font-size: 0.8rem;
    color: #6f6f6f;
}

.sidenav__tabs-link {
    margin-bottom: 3rem;
}

.sidenav__tabs-link-item {
    list-style: none;
}

.sidenav__tabs-link-item.active {
    text-align: center;
    padding: 1.2rem 1.2rem;
    font-size: 1.5rem;
    font-weight: bold;
    height: 100%;
    width: 100%;
    background-color: #fee000;
}

.sidenav__tabs-link-item.active a {
    color: #000000;
}

.sidenav__tabs-link-item.coming {
    text-align: center;
    font-size: 1.5rem;
    font-weight: lighter;
}

.sidenav__tabs-link-item.coming a {
    color: #fee000;
}

.sidenav__tabs-link-item.coming.select {
    display: inline-block;
    margin-left: 6.5rem;
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.sidenav__tabs-link-item.activities {
    text-align: center;
    font-size: 1.5rem;
    font-weight: lighter;
}

.sidenav__tabs-link-item.activities a {
    color: #fee000;
}

.sidenav__tabs-link-item.activities.select {
    display: inline-block;
    margin-left: 6.5rem;
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.sidenav__tabs-link-item.volunteer {
    text-align: center;
    font-size: 1.5rem;
    font-weight: lighter;
}

.sidenav__tabs-link-item.volunteer a {
    color: #fee000;
}

.sidenav__tabs-link-item.volunteer.select {
    display: inline-block;
    margin-left: 6.5rem;
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.sidenav__icons-list .active{ padding:10px; background-color: #fee000; }
.sidenav__icons-list .active a {
    text-align:center;
}
.sidenav__icons-list .active i {
    color: #151515;
}
.sidenav__icons-list .active span {
    display: block;
    font-size: 14px;
    color: #151515;
    font-weight: bold;
}


.sidenav__icons-item {
    list-style: none;
    text-align: center;
    font-size: 3rem;
}

.sidenav__icons-item:not(:last-child) {
    margin-bottom: 1.25rem;
}

.sidenav__icons-item i {
    color: #fee000;
}

.sidenav__icons-item span{ display:none; }

.stepwizard-step p {
    margin-top: 0px;
    color: #000000;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}

.stepwizard .btn.disabled,
.stepwizard .btn[disabled],
.stepwizard fieldset[disabled] .btn {
    color: #000000;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: #6f6f6f;
}

.stepwizard-row:before {
    top: 2.4rem;
    left: 7rem;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 75%;
    height: 0.2rem;
    background-color: #6f6f6f;
    z-index: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 5rem;
    height: 5rem;
    text-align: center;
    padding: 1rem 0;
    font-size: 2rem;
    line-height: 1.428571429;
    border-radius: 50%;
}

.error {
    color: red;
    font-size: 1rem;
    padding:3px;
}

.dashboard {
    min-height: 100vh;
    max-height: 100%;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 9rem;
    padding-left: 18rem;
}

@media (max-width: 37.5em) {
    .dashboard { padding-left:0; }
}

@media (max-width: 75em) {
    .dashboard { padding-left:0; }
}



.dashboard__content {
    padding-top: 1.5rem;
}

.dashboard__content--right {
    text-align: left;
}

.dashboard__content--right-category-head h2 {
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.dashboard__content--right-category-body {
    border-left: 0.1rem solid #6f6f6f;
}

.dashboard__content--right-category-body li {
    list-style: none;
    padding-left: 1rem;
    
}

.dashboard__content--right-category-body li a{
    color: #6f6f6f;
    font-size: 1.2rem;
    font-weight: lighter;
}

.dashboard__content--right-category-body-active a{
    font-weight: bold !important;
    color: #000000 !important;
}

.dashboard__content--right-area-head h2 {
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.dashboard__content--right-area-body {
    border-left: 0.1rem solid #6f6f6f;
}

.dashboard__content--right-area-body li {
    list-style: none;
    padding-left: 1rem;
    
}

.dashboard__content--right-area-body li a{
    font-size: 1.2rem;
    font-weight: lighter;
    color: #6f6f6f;
}

.dashboard__content--right-area-body-active a{
    font-weight: bold !important;
    color: #000000 !important;
}

.event-details {
    height: 100vh;
    width: 100vw;
    background-color: #f5f5f5;
    padding-top: 12rem;
}

.event-details__content {
    width: 50%;
    margin: 0 auto;
}

.event-details__content-head {
    margin-left: -8rem;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

.event-details__content-timeline-wrap {
    top: 100;
    position: relative;
}

.event-details__content-timeline-wrap .timeline {
    height: 0.2rem;
    width: 90%;
    background-color: #6f6f6f;
    position: relative;
}

.event-details__content-timeline-wrap .marker {
    z-index: 1000;
    color: #fff;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 2.5rem;
    text-align: center;
    position: absolute;
    margin-left: -25px;
    background-color: #999999;
    border-radius: 50%;
}

.event-details__content-timeline-wrap .done {
    background-color: #6f6f6f;
    cursor: pointer;
}

.event-details__content-timeline-wrap .dtwo {
    background-color: #6f6f6f;
    cursor: pointer;
}

.event-details__content-timeline-wrap .dthree {
    background-color: #6f6f6f;
    cursor: pointer;
}

.event-details__content-timeline-wrap .dfour {
    background-color: #6f6f6f;
    cursor: pointer;
}

.event-details__content-timeline-wrap .select {
    color: #000000 !important;
    background-color: #fee000 !important;
}

.event-details__content-timeline-wrap .m1 {
    top: -2.5rem;
}

.event-details__content-timeline-wrap .m2 {
    top: -2.5rem;
    left: 30%;
}

.event-details__content-timeline-wrap .m3 {
    top: -2.5rem;
    left: 60%;
}

.event-details__content-timeline-wrap .m4 {
    top: -2.5rem;
    left: 90%;
}

.event-details__content-timeline-head {
    top: 100;
    position: relative;
}

.event-details__content-timeline-head .harker {
    z-index: 1000;
    text-align: center;
    position: absolute;
    margin-left: -4rem;
    font-size: 1.4rem;
    color: #6f6f6f;
}

.event-details__content-timeline-head .h1 {
    top: -5rem;
    right:93%;
}

@media (max-width: 75em) {
    .event-details__content-timeline-head .h1 {
        top: -5rem;
    }
}

@media (max-width: 37.5em) {
    .event-details__content-timeline-head .h1 {
        left: -8%;
    }
}

.event-details__content-timeline-head .h2 {
    top: -5rem;
    left: 32%;
}

@media (max-width: 75em) {
    .event-details__content-timeline-head .h2 {
        left: 35.5%;
        top: -5rem;
    }
}

@media (max-width: 37.5em) {
    .event-details__content-timeline-head .h2 {
        left: 34%;
    }
}

.event-details__content-timeline-head .h3 {
    top: -5rem;
    left: 63%;
}

@media (max-width: 75em) {
    .event-details__content-timeline-head .h3 {
        left: 64.5%;
        top: -5rem;
    }
}

@media (max-width: 37.5em) {
    .event-details__content-timeline-head .h3 {
        left: 63%;
    }
}

.event-details__content-timeline-head .h4 {
    top: -5rem;
    left: 88.5%;
}

@media (max-width: 75em) {
    .event-details__content-timeline-head .h4 {
        left: 94.5%;
        top: -5rem;
    }
}

@media (max-width: 37.5em) {
    .event-details__content-timeline-head .h4 {
        left: 92.5%;
    }
}

.event-details__content-form-group {
    margin-top: 6rem;
    margin-left: -5rem;
}

.event-details__content-form-group input[type="text"] {
    /* Firefox, Chrome, Opera */
    padding: 10px;
}

.event-details__content-form-group input[type="email"] {
    /* Firefox, Chrome, Opera */
    padding: 10px;
}

.event-details__content-form-group input[type="password"] {
    /* Firefox, Chrome, Opera */
    padding: 10px;
}

.event-details__content-form-group textarea {
    padding-left: 0.5rem;
}

.event-details__content-form-group
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-details__content-form-group input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-details__content-form-group input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-details__content-form-group input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-details__content-form-group textarea::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-details__content-form-group textarea:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-details__content-form-group textarea::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-details__content-form-group textarea::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-details__content-form-group select::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-details__content-form-group select:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-details__content-form-group select::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-details__content-form-group select::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-details__content-form-group-category {
    width: 100%;
}

.event-details__content-form-group-category select, .event-details__content-form-group-category input {
    width: 100%;
    height: 4rem;
    padding:10px;
    font-size: 1.5rem;
    border: none;
    color: #6f6f6f;
}

.event-details__content-form-group-name {
    width: 100%;
}

.event-details__content-form-group-name input {
    width: 100%;
    height: 4rem;
    font-size: 1.5rem;
    border: none;
    color: #6f6f6f;
}

.event-details__content-form-group-timing {
    width: 100%;
}

.event-details__content-form-group-timing-head {
    text-align: left;
    margin-right: 1rem;
    color: #6f6f6f;
    padding-bottom: 1.5rem;
    border-bottom: 0.1rem solid rgba(111, 111, 111, 0.2);
}

.event-details__content-form-group-timing-duration-group {
    width: 85%;
    height: 4rem;
    border: none;
    background-color: #ffffff;
    z-index: 99999;
}

.event-details__content-form-group-timing-duration-group i {
    font-size: 1rem;
    width: 15%;
    color: rgba(111, 111, 111, 0.7);
}

.event-details__content-form-group-timing-duration-from {
    color: rgba(111, 111, 111, 0.7);
    width: 70%;
    height: 100%;
    border: none;
}

.event-details__content-form-group-timing-duration-to {
    color: rgba(111, 111, 111, 0.7);
    width: 70%;
    height: 100%;
    border: none;
}

.event-details__content-form-group-timing-duration-label {
    width: 100%;
    color: #6f6f6f;
    text-align: right;
}

.event-details__content-form-group-place-desc {
    width: 100%;
}

.event-details__content-form-group-place-desc textarea {
    width: 100%;
    height: 12rem;
    padding:10px;
    font-size: 1.5rem;
    border: none;
    color: #6f6f6f;
}

.event-details__content-form-group-category {
    width: 100%;
    text-align: left;
}

.event-details__content-form-group-category-public {
    color: #6f6f6f;
    font-size: 2rem;
}

.event-details__content-form-group-category-private {
    color: #6f6f6f;
    font-size: 2rem;
}

.event-details__content-form-group-category-switch {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    width: 5rem;
    height: 1.5rem;
}

.event-details__content-form-group-category-switch input {
    display: none;
}

.event-details__content-form-group-category-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.event-details__content-form-group-category-switch .slider:before {
    position: absolute;
    content: "";
    height: 2.25rem;
    width: 2.25rem;
    top:-3.5px;
    left: 0.01rem;
    background-color: #fee000;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.event-details__content-form-group-category-switch input:checked + .slider {
    background-color: #ffffff;
}

.event-details__content-form-group-category-switch input:focus + .slider {
    -webkit-box-shadow: 0 0 0.1rem #ffffff;
    box-shadow: 0 0 0.1rem #ffffff;
}

.event-details__content-form-group-category-switch
    input:checked
    + .slider:before {
    -webkit-transform: translateX(3rem);
    transform: translateX(3rem);
}

.event-details__content-form-group-file {
    width: 100%;
    height: 5rem;
}

.event-details__content-form-group-file .custom-file-label {
    margin-left: 2rem;
    margin-right: 2rem;
}

.event-details__content-form-group-button-next {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 4rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-right: 0.6rem;
}

.event-details__content-form-group-button-next:hover {
    color: #fee000;
    text-decoration: none;
}

.event-details__content-form-group-button-save {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.event-details__content-form-group-button-save:hover {
    color: #fee000;
    text-decoration: none;
}

.event-location {
    height: 100vh;
    width: 100vw;
    background-color: #f5f5f5;
    padding-top: 12rem;
}

.event-location__content {
    width: 50%;
    margin: 0 auto;
}

.event-location__content-form-group {
    margin-top: 6rem;
    margin-left: -5rem;
}

.event-location__content-form-group input[type="text"] {
    /* Firefox, Chrome, Opera */
    padding: 10px;
}

.event-location__content-form-group textarea {
    padding-left: 0.5rem;
}

.event-location__content-form-group
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.event-location__content-form-group input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-location__content-form-group input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-location__content-form-group input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-location__content-form-group textarea::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-location__content-form-group textarea:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-location__content-form-group textarea::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-location__content-form-group textarea::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-location__content-form-group select::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-location__content-form-group select:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-location__content-form-group select::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-location__content-form-group select::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.event-location__content-form-group-city {
    width: 100%;
}

.event-location__content-form-group-city select {
    width: 100%;
    height: 4rem;
    padding:10px;
    font-size: 1.5rem;
    border: none;
    color: #6f6f6f;
}

.event-location__content-form-group-state {
    width: 100%;
}

.event-location__content-form-group-state select {
    width: 100%;
    height: 4rem;
    padding:10px;
    font-size: 1.5rem;
    border: none;
    color: #6f6f6f;
}

.event-location__content-form-group-location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 4rem;
}

.event-location__content-form-group-location
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
}

.event-location__content-form-group-location
    input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
}

.event-location__content-form-group-location
    input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
}

.event-location__content-form-group-location input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
}

.event-location__content-form-group-location .icon {
    padding: 10px;
    background: #ffffff;
    color: #6f6f6f;
    min-width: 50px;
    text-align: center;
}

.event-location__content-form-group-location input {
    border: none;
    width: 100%;
    background-color: #ffffff;
}

.event-location__content-form-group-name {
    width: 100%;
}

.event-location__content-form-group-name input {
    width: 100%;
    height: 4rem;
    font-size: 1.5rem;
    border: none;
    color: #6f6f6f;
}

.event-location__content-form-group-place-desc {
    width: 100%;
}

.event-location__content-form-group-place-desc textarea {
    width: 100%;
    height: 12rem;
    padding:10px;
    font-size: 1.5rem;
    border: none;
    color: #6f6f6f;
}

.event-location__content-form-group-file {
    width: 100%;
    height: 5rem;
    background-color: #ffffff;
}

.event-location__content-form-group-file input {
    padding: 1rem;
    width: 100%;
    font-size: 1.5rem;
    border: none;
    color: #6f6f6f;
}

.event-location__content-form-group-button-next {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 4rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-right: 0.6rem;
}

.event-location__content-form-group-button-next:hover {
    color: #fee000;
    text-decoration: none;
}

.event-location__content-form-group-button-save {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.event-location__content-form-group-button-save:hover {
    color: #fee000;
    text-decoration: none;
}

.event-tickets {
    height: 100vh;
    width: 100vw;
    background-color: #f5f5f5;
    padding-top: 12rem;
}

.event-tickets__content {
    width: 50%;
    margin: 0 auto;
}

.event-tickets__content-form-group {
    margin-top: 6rem;
    margin-left: -5rem;
}

.event-tickets__content-form-group-left {
    text-align: center;
}

.event-tickets__content-form-group-left-ticket-head {
    font-size: 1.8rem;
    font-weight: bold;
    color: #6f6f6f;
}

.event-tickets__content-form-group-left-ticket-content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    height: 5rem;
    width: 15rem;
    background-color: #ffffff;
}

.event-tickets__content-form-group-left-ticket-content-left h2 {
    font-size: 2.5rem;
    margin-top: 1rem;
}

.event-tickets__content-form-group-left-ticket-content-left p {
    font-size: 0.8rem;
    color: #6f6f6f;
}

.event-tickets__content-form-group-left-ticket-content-right img {
    height: 3rem;
    width: 3rem;
}

.event-tickets__content-form-group-left-profit-head {
    font-size: 1.8rem;
    font-weight: bold;
    color: #6f6f6f;
}

.event-tickets__content-form-group-left-profit-content {
    display: inline-block;
    height: 5rem;
    width: 15rem;
    background-color: #ffffff;
}

.event-tickets__content-form-group-left-profit-content h2 {
    margin-top: 0.8rem;
    margin-left: 1.3rem;
    font-size: 2.3rem;
}

.event-tickets__content-form-group-left-profit-content p {
    font-size: 0.8rem;
    margin-left: 1.8rem;
    margin-top: -1rem;
    color: #6f6f6f;
}

.event-tickets__content-form-group-left-profit-content img {
    height: 3rem;
    width: 3rem;
    margin-top: 0.8rem;
}

.event-tickets__content-form-group-right {
    width: 100%;
}

.event-tickets__content-form-group-right-head {
    border-bottom: 0.2rem solid rgba(111, 111, 111, 0.2);
    padding-bottom: 1.5rem;
    text-align: right;
}

.event-tickets__content-form-group-right-head i {
    display: inline-block;
    font-size: 1.5rem;
    color: #6f6f6f;
}

.event-tickets__content-form-group-right-head h2 {
    display: inline-block;
    float: left;
    font-size: 1.5rem;
    color: #6f6f6f;
}

.event-tickets__content-form-group-right-content-table {
    width: 100%;
}

.event-tickets__content-form-group-right-content-table-head {
    font-size: 1rem;
    color: #6f6f6f;
    text-align: center;
    padding-bottom: 0.3rem;
}

.event-tickets__content-form-group-right-content-table
    .event-tickets__content-form-group-right-content-table-data:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.event-tickets__content-form-group-right-content-table
    .event-tickets__content-form-group-right-content-table-data:nth-child(even) {
    background-color: #ffffff;
}

.event-tickets__content-form-group-right-content-table-data {
    height: 4rem;
    width: 100%;
    background-color: #ffffff;
}

.event-tickets__content-form-group-right-content-table-data-row {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

.event-tickets__content-form-group-right-content-table-data-row-sticker {
    text-align: right;
}

.event-tickets__content-form-group-right-content-table-data-row-icon {
    height: 4rem;
    display: inline-block;
    width: 80%;
    background-color: #000000;
    color: #fee000;
    text-align: center;
    padding-top: 0.8rem;
}

.event-tickets__content-form-group-right-content-table-data-row-del {
    height: 4rem;
    width: 100%;
    background-color: #fee000;
    text-align: center;
    padding-top: 0.8rem;
}

.event-tickets__content-form-group-right-content-table-data-row-del i {
    color: #6f6f6f;
}

.event-tickets__content-form-group-button-next {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 4rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-right: 0.6rem;
}

.event-tickets__content-form-group-button-next:hover {
    color: #fee000;
    text-decoration: none;
}

.event-tickets__content-form-group-button-save {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.event-tickets__content-form-group-button-save:hover {
    color: #fee000;
    text-decoration: none;
}

.event-agenda {
    height: 100vh;
    width: 100vw;
    background-color: #f5f5f5;
    padding-top: 12rem;
}

.event-agenda__content {
    width: 50%;
    margin: 0 auto;
}

.event-agenda__content-form-group {
    margin-top: 6rem;
    margin-left: -5rem;
}

.event-agenda__content-form-group-content {
    width: 100%;
}

.event-agenda__content-form-group-content-head {
    display: inline-block;
    width:100%;
    border-bottom: 0.2rem solid rgba(111, 111, 111, 0.2);
    padding-bottom: 0.5rem;
}

.event-agenda__content-form-group-content-head i {
    display: inline-block;
    font-size: 1.5rem;
    color: #6f6f6f;
}

.event-agenda__content-form-group-content-head h2 {
    display: inline-block;
    float: left;
    font-size: 1.5rem;
    color: #6f6f6f;
}

.event-agenda__content-form-group-content-head a{
    float:right;
}

.event-agenda__content-form-group-content-head h2 a {
    text-decoration: none;
    color: #6f6f6f;
    font-weight: bold;
    cursor: pointer;
}

.event-agenda__content-form-group-content-body-table {
    width: 100%;
}

.event-agenda__content-form-group-content-body-table-head {
    font-size: 1rem;
    color: #6f6f6f;
    text-align: center;
    padding-bottom: 0.4rem;
}

.event-agenda__content-form-group-content-body-table
    .event-agenda__content-form-group-content-body-table-data:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.event-agenda__content-form-group-content-body-table
    .event-agenda__content-form-group-content-body-table-data:nth-child(even) {
    background-color: #ffffff;
}

.event-agenda__content-form-group-content-body-table-data {
    height: 4rem;
    width: 100%;
}

.event-agenda__content-form-group-content-body-table-data-row {
    font-size: 1.5rem;
    color: #6f6f6f;
    text-align: center;
}

.event-agenda__content-form-group-content-body-table-data-row-icon {
    height: 4rem;
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #fee000;
    color: #000000;
    text-align: center;
    padding-top: 0.8rem;
}

.event-agenda__content-form-group-content-body-table-data-row-del {
    height: 4rem;
    width: 100%;
    background-color: #f5f5f5;
    text-align: center;
    padding-top: 0.8rem;
}

.event-agenda__content-form-group-content-body-table-data-row-del i {
    color: #6f6f6f;
}

.event-agenda__content-form-group-button-next {
    float: right;
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 4rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-left: 0.6rem;
    transition: all 0.3s;
}

@media (max-width: 20em) {
    .event-agenda__content-form-group-button-next {
        padding: 0.5rem 2rem;
    }
}

.event-agenda__content-form-group-button-next:hover {
    color: #fff;
    border: none;
    background-color: #fee000;
    transform: scale(1.2);
    text-decoration: none;
}

.event-agenda__content-form-group-button-save {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    background: transparent;
    transition: all 0.3s;
}

@media (max-width: 37.5em) {
    .event-agenda__content-form-group-button-save {
        padding: 0.5rem 2rem;
    }
}

@media (max-width: 20em) {
    .event-agenda__content-form-group-button-save {
        padding: 0.5rem 1rem;
    }
}

.event-agenda__content-form-group-button-save:hover {
    border: none;
    color: #fff;
    background-color: #fee000;
    transform: scale(1.2);
    text-decoration: none;
}

.event-speaker__content {
    width: 50%;
    margin: 0 auto;
}

.event-speaker__content-form-group {
    margin-top: 6rem;
    margin-left: -5rem;
}

.event-speaker__content-form-group-content {
    width: 100%;
}

.event-speaker__content-form-group-content-head {
    border-bottom: 0.2rem solid rgba(111, 111, 111, 0.2);
    padding-bottom: 1.5rem;
}

.event-speaker__content-form-group-content-head i {
    display: inline-block;
    font-size: 1.5rem;
    color: #6f6f6f;
}

.event-speaker__content-form-group-content-head h2 {
    display: inline-block;
    float: left;
    font-size: 1.5rem;
    color: #6f6f6f;
}

.event-speaker__content-form-group-content-head a{
    float: right;
}

.event-speaker__content-form-group-content-head h2 a {
    text-decoration: none;
    float: left;
    color: #6f6f6f;
    font-weight: bold;
    cursor: pointer;
}

.event-speaker__content-form-group-content-body-table {
    width: 100%;
}

.event-speaker__content-form-group-content-body-table-head {
    font-size: 1rem;
    color: #6f6f6f;
    text-align: center;
    padding-bottom: 0.3rem;
}

.event-speaker__content-form-group-content-body-table
    .event-speaker__content-form-group-content-body-table-data:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.event-speaker__content-form-group-content-body-table
    .event-speaker__content-form-group-content-body-table-data:nth-child(even) {
    background-color: #ffffff;
}

.event-speaker__content-form-group-content-body-table-data {
    height: 8rem;
    width: 100%;
}

.event-speaker__content-form-group-content-body-table-data-row {
    font-size: 1.5rem;
    color: #6f6f6f;
    text-align: center;
}

.event-speaker__content-form-group-content-body-table-data-row-sticker {
    text-align: left;
}

.event-speaker__content-form-group-content-body-table-data-row-icon {
    height: 6rem;
    padding: 1.5rem 0;
    margin-left:20px;
    color: #000000;
    text-align: center;
    padding-top: 0.8rem;
    display: inline-block;
}

.event-speaker__content-form-group-content-body-table-data-row-icon img {
    margin-top: -0.8rem;
    height: 6rem;
    width: 6rem;
    border-radius: 50%;
}

.event-speaker__content-form-group-content-body-table-data-row-del {
    height: 8rem;
    background-color: #fee000;
    text-align: center;
    padding-top: 2.5rem;
}

.event-speaker__content-form-group-content-body-table-data-row-del i {
    color: #6f6f6f;
}

.event-speaker__content-form-group-button-next {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 4rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-right: 0.6rem;
}

.event-speaker__content-form-group-button-next:hover {
    color: #fee000;
    text-decoration: none;
}

.event-speaker__content-form-group-button-save {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.event-speaker__content-form-group-button-save:hover {
    color: #fee000;
    text-decoration: none;
}

.landing {
    background-image: url(../img/bg-main.jpg);
    background-size: 90%;
    height: 100vh;
    position: relative;
}

.landing__left-content {
    margin-right: 15rem;
    margin-top: 10rem;
    width: 100%;
}

@media (max-width: 75em) {
    .landing__left-content {
        margin-right: 0;
    }
}

@media (max-width: 56.25em) {
    .landing__left-content {
        margin-right: 0;
    }
}

.landing__heading-left {
    color: #fee000;
    font-size: 2.7rem;
    margin-bottom: 2rem;
    text-align: left;
}

.landing__text-left {
    color: #fee000;
    font-size: 1.8rem;
    font-weight: 250;
    text-align: left;
}

.landing__right-content {
    margin-top: 10rem;
    margin-left: 15rem;
    text-align: left;
    width: 80%;
}

@media (max-width: 56.25em) {
    .landing__right-content {
        margin-right: 0;
    }
}

.landing__heading-right {
    color: #fee000;
    font-size: 2.5rem;
    margin-bottom: 2rem;
}

.landing__customers-head {
    margin-top: 15rem;
    color: #fee000;
    font-size: 1.5rem;
}

@media (max-width: 37.5em) {
    .landing__customers-head {
        display: none;
    }
}

.landing__customers {
    margin-left: 22rem;
    margin-top: 3rem;
    height: 10rem;
    width: 70%;
    background-color: rgba(255, 255, 255, 0.05);
}

.landing__customers-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.landing__customers-content-imgGroup {
    line-height: 10rem;
}

@media (max-width: 75em) {
    .landing__customers {
        margin: 0 auto;
    }
}

@media (max-width: 37.5em) {
    .landing__customers {
        display: none;
    }
}

.myevents-attend {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 9rem;
    padding-left:18rem;
    padding-right: 0;
}

@media (max-width: 75em) {
    .myevents-attend {
        padding-left: 0;
        padding-top: 0;
    }
}

.myevents-attend__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevents-attend__banner--upper {
    text-align: left;
}

.myevents-attend__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-left: 5rem;
    background-color: #fee000;
    display: inline-block;
}

.myevents-attend__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevents-attend__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevents-attend__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevents-attend__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-left: 3rem;
}

.myevents-attend__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

.myevents-attend__banner--lower {
    height: 7rem;
    background-image: url(../img/lower-banner.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.myevents-attend__banner--lower-start-head {
    font-size: 1.5rem;
    color: #fee000;
    margin-left: 1rem;
}

.myevents-attend__banner--lower-colon1 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-attend__banner--lower-colon2 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-attend__banner--lower-list {
    list-style: none;
    padding-left: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-attend__banner--lower-list {
        padding-right: 5rem;
    }
}

.myevents-attend__banner--lower-item:not(:last-child) {
    margin-right: 1rem;
}

.myevents-attend__banner--lower-mins {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-attend__banner--lower-mins h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-attend__banner--lower-mins p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-attend__banner--lower-hours {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-attend__banner--lower-hours h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-attend__banner--lower-hours p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-attend__banner--lower-days {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-attend__banner--lower-days h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-attend__banner--lower-days p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-attend__banner--lower-details-btn {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 0.6rem 3.3rem;
    font-size: 2rem;
    cursor: pointer;
    text-decoration: none;
    margin-right: 2rem;
}

@media (max-width: 37.5em) {
    .myevents-attend__banner--lower-details-btn {
        font-size: 1.2rem;
    }
}

.myevents-attend__banner--lower-details-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.myevents-attend__content-link-bar {
    float: left;
    height: 100%;
    width: 25rem;
    background-color: #ffffff;
    text-align: center;
}

@media (max-width: 37.5em) {
    .myevents-attend__content-link-bar {
        width: 100%;
        float: none;
    }
}

.myevents-attend__content-link-bar-list {
    text-align: right;
}

@media (max-width: 37.5em) {
    .myevents-attend__content-link-bar-list {
        text-align: center;
    }
}

.myevents-attend__content-link-bar-item {
    float: left;
    list-style: none;
    text-align: left;
    width: 100%;
    padding: 1.25rem 1rem;
}

@media (max-width: 37.5em) {
    .myevents-attend__content-link-bar-item {
        width: 100%;
        text-align: center;
        float: none;
    }
}

.myevents-attend__content-link-bar-item:not(:last-child) {
    border-bottom: 0.15rem solid rgba(111, 111, 111, 0.15);
}

.myevents-attend__content-link-bar-item .active {
    color: #000000;
    font-weight: bold;
}

.myevents-attend__content-link-bar-item a {
    color: #6f6f6f;
    text-decoration: none;
}

.myevents-attend__content-link-bar-item a h3 {
    font-size: 1.2rem;
    font-weight: lighter;
}

@media (max-width: 37.5em) {
    .myevents-attend__content-link-bar-item a h3 {
        font-size: 2rem;
    }
}

.myevents-attend__content-main {
    height: 100%;
    width: 75%;
    float:right;
}

@media (max-width: 37.5em) {
    .myevents-attend__content-main {
        width: 100%;
        padding-bottom: 2rem;
    }
}

.myevents-attend__content-main-head {
    float: left;
    padding-top: 2rem;
}

.myevents-attend__content-main-head h2 {
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.myevents-attend__content-main-table {
    height: 50rem;
    width: 100%;
    overflow: auto;
}

.myevents-attend__content-main-table-head {
    width: 100%;
    text-align: left;
    border-bottom: 0.2rem solid rgba(111, 111, 111, 0.1);
    padding-bottom: 1rem;
    direction: ltr;
}

.myevents-attend__content-main-table-head h3 {
    font-size: 1.2rem;
    color: #6f6f6f;
    font-weight: lighter;
}

.myevents-attend__content-main-table-head h3 span {
    font-weight: bold;
}

.myevents-attend__content-main-table-body {
    direction: ltr;
    width: 100%;
}

.myevents-attend__content-main-table-body th {
    border: none !important;
    text-align: center;
    font-size: 1rem !important;
    color: #6f6f6f !important;
}

.myevents-attend__content-main-table-body td {
    border: none !important;
    text-align: center;
    font-size: 1.15rem;
}

.myevents-attend__content-main-table-body .table-bordered {
    border: none !important;
}

.myevents-attend__content-main-table-body .page-item.active .page-link {
    background-color: #fee000 !important;
    border-color: #fee000 !important;
    color: #000000 !important;
}

.myevents-attend__content-main-table-body .page-link {
    color: #fee000 !important;
}

.page-link .myevents-attend__content-main-table-body-attendees-row {
    background-color: #ffffff !important;
}

.myevents-attend__content-main-table-body-seq-num {
    font-size: 1rem !important;
    font-weight: bold !important;
    width: 5%;
    padding: 1.5rem 1rem;
    background-color: #fee000;
    color: #000000 !important;
    text-align: center;
    padding-top: 0.8rem;
}

.myevents-attend__content-main-table-body-del {
    width: 5%;
    background-color: #f5f5f5;
    text-align: center;
    padding-top: 0.8rem;
}

.myevents-attend__content-main-table-body-del i {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-dashboard {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 9rem;
    padding-left:18rem; 
    padding-right: 0rem;
}

@media (max-width: 75em) {
    .myevents-dashboard {
        padding-left: 0;
        padding-top: 0;
    }
}

.myevents-dashboard__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevents-dashboard__banner--upper {
    text-align: left;
}

.myevents-dashboard__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-left: 5rem;
    background-color: #fee000;
    display: inline-block;
}

.myevents-dashboard__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevents-dashboard__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevents-dashboard__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevents-dashboard__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-left: 3rem;
}

.myevents-dashboard__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

.myevents-dashboard__banner--lower {
    height: 7rem;
    background-image: url(../img/lower-banner.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.myevents-dashboard__banner--lower-start-head {
    font-size: 1.5rem;
    color: #fee000;
    margin-left: 1rem;
}

.myevents-dashboard__banner--lower-colon1 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-dashboard__banner--lower-colon2 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-dashboard__banner--lower-list {
    list-style: none;
    padding-left: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-dashboard__banner--lower-list {
        padding-right: 5rem;
    }
}

.myevents-dashboard__banner--lower-item:not(:last-child) {
    margin-right: 1rem;
}

.myevents-dashboard__banner--lower-mins {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-dashboard__banner--lower-mins h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-dashboard__banner--lower-mins p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-dashboard__banner--lower-hours {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-dashboard__banner--lower-hours h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-dashboard__banner--lower-hours p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-dashboard__banner--lower-days {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-dashboard__banner--lower-days h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-dashboard__banner--lower-days p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-dashboard__banner--lower-details-btn {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 0.6rem 3.3rem;
    font-size: 2rem;
    cursor: pointer;
    text-decoration: none;
    margin-right: 2rem;
}

@media (max-width: 37.5em) {
    .myevents-dashboard__banner--lower-details-btn {
        font-size: 1.2rem;
    }
}

.myevents-dashboard__banner--lower-details-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.myevents-dashboard__content-link-bar {
    float: left;
    height: 100%;
    width: 25rem;
    background-color: #ffffff;
    text-align: center;
}

@media (max-width: 37.5em) {
    .myevents-dashboard__content-link-bar {
        width: 100%;
        float: none;
    }
}

.myevents-dashboard__content-link-bar-list {
    text-align: right;
}

@media (max-width: 37.5em) {
    .myevents-dashboard__content-link-bar-list {
        text-align: center;
    }
}

.myevents-dashboard__content-link-bar-item {
    float: right;
    list-style: none;
    text-align: right;
    width: 80%;
    padding: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-dashboard__content-link-bar-item {
        width: 100%;
        text-align: center;
        float: none;
    }
}

.myevents-dashboard__content-link-bar-item:not(:last-child) {
    border-bottom: 0.15rem solid rgba(111, 111, 111, 0.15);
}

.myevents-dashboard__content-link-bar-item .active {
    color: #000000;
    font-weight: bold;
}

.myevents-dashboard__content-link-bar-item a {
    color: #6f6f6f;
    text-decoration: none;
}

.myevents-dashboard__content-link-bar-item a h3 {
    font-size: 1.2rem;
    font-weight: lighter;
}

@media (max-width: 37.5em) {
    .myevents-dashboard__content-link-bar-item a h3 {
        font-size: 2rem;
    }
}

.myevents-dashboard__content-main {
    height: 100%;
}

@media (max-width: 37.5em) {
    .myevents-dashboard__content-main {
        width: 100%;
        padding-bottom: 2rem;
    }
}

.myevents-dashboard__content-main-cards {
    padding-top: 2rem;
}

.myevents-dashboard__content-main-cards-card {
    
    height: 6rem;
    background-color: #ffffff;
    position: relative;
    padding: 0;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.myevents-dashboard__content-main-cards-card li {
    display: inline-block;
    list-style: none;
}

.myevents-dashboard__content-main-cards-card-body {
    text-align: center;
    margin: 0 auto;
}

.myevents-dashboard__content-main-cards-card-body h3 {
    font-size: 3rem;
}

.myevents-dashboard__content-main-cards-card-body p {
    font-size: 0.8rem;
    color: #6f6f6f;
}

.myevents-dashboard__content-main-cards-card-icon {
    background-color: #fee000;
    width: 6rem;
    height: 6rem;
    position: relative;
}

.myevents-dashboard__content-main-cards-card-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 2rem;
    color: #6f6f6f;
}

.myevents-dashboard__content-main-stats-head {
    width: 100%;
    text-align: left;
}

.myevents-dashboard__content-main-stats-head p{
    font-size: 1.25rem;
}

.myevents-dashboard__content-main-stats-head h2 {
    display: inline-block;
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.myevents-dashboard__content-main-rTask-head {
    width: 100%;
    text-align: left;
}

.myevents-dashboard__content-main-rTask-head h2 {
    display: inline-block;
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.myevents-dashboard__content-main-rTask-body {
    width: 100%;
    background-color: #ffffff;
}

.myevents-dashboard__content-main-rTask-body-table {
    width: 100%;
}

.myevents-dashboard__content-main-rTask-body-table table {
    width: 100%;
    text-align: center;
}

.myevents-dashboard__content-main-rTask-body-table table tr:not(:last-child) {
    border-bottom: 0.1rem solid rgba(111, 111, 111, 0.15);
}

.myevents-dashboard__content-main-rTask-body-table table th {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.25rem;
    color: #6f6f6f;
    font-weight: lighter;
}

.myevents-dashboard__content-main-rTask-body-table table td {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.25rem;
    color: #6f6f6f;
    font-weight: lighter;
}

.myevents-dashboard__content-main-rTask-body-table table td:first-child {
    font-weight: bold;
}

.myevents-dashboard__content-main-schedule {
    text-align: left;
}

.myevents-dashboard__content-main-schedule-head {
    width: 100%;
}

.myevents-dashboard__content-main-schedule-head h2 {
    display: inline-block;
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.myevents-dashboard__content-main-schedule-body-date {
    font-size: 1rem;
    color: #6f6f6f;
}

.myevents-dashboard__content-main-schedule-body-time {
    font-size: 3rem;
    color: #6f6f6f;
}

.myevents-dashboard__content-main-schedule-body-place {
    font-size: 1rem;
    color: #6f6f6f;
}

.myevents-dashboard__content-main-updates-head {
    width: 100%;
    text-align: left;
}

.myevents-dashboard__content-main-updates-head h2 {
    display: inline-block;
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.myevents-dashboard__content-main-updates-body {
    width: 100%;
    background-color: #ffffff;
}

.myevents-dashboard__content-main-updates-body-table {
    width: 100%;
    color: #6f6f6f;
}

.myevents-dashboard__content-main-updates-body-table table {
    width: 100%;
}

.myevents-dashboard__content-main-updates-body-table table tr:not(:last-child) {
    border-bottom: 0.1rem solid rgba(111, 111, 111, 0.15);
}

.myevents-dashboard__content-main-updates-body-table table td {
    font-size: 1rem;
    text-align: center;
    padding: 1rem 0;
}

.myevents-form {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 9rem;
    padding-left: 18rem;
    padding-right: 0;
}

@media (max-width: 75em) {
    .myevents-form {
        padding-left: 0;
        padding-top: 0;
    }
}

.myevents-form__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevents-form__banner--upper {
    text-align: left;
}

.myevents-form__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-left: 5rem;
    background-color: #fee000;
    display: inline-block;
}

.myevents-form__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevents-form__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevents-form__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevents-form__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-left: 3rem;
}

.myevents-form__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

.myevents-form__banner--lower {
    height: 7rem;
    background-image: url(../img/lower-banner.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.myevents-form__banner--lower-start-head {
    font-size: 1.5rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-form__banner--lower-colon1 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-form__banner--lower-colon2 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-form__banner--lower-list {
    list-style: none;
    padding-right: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-form__banner--lower-list {
        padding-right: 5rem;
    }
}

.myevents-form__banner--lower-item:not(:last-child) {
    margin-right: 1rem;
}

.myevents-form__banner--lower-mins {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-form__banner--lower-mins h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-form__banner--lower-mins p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-form__banner--lower-hours {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-form__banner--lower-hours h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-form__banner--lower-hours p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-form__banner--lower-days {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-form__banner--lower-days h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-form__banner--lower-days p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-form__banner--lower-details-btn {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 0.6rem 3.3rem;
    font-size: 2rem;
    cursor: pointer;
    text-decoration: none;
    margin-left: 2rem;
}

@media (max-width: 37.5em) {
    .myevents-form__banner--lower-details-btn {
        font-size: 1.2rem;
    }
}

.myevents-form__banner--lower-details-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.myevents-form__content-link-bar {
    float: left;
    height: 100%;
    width: 25rem;
    background-color: #ffffff;
    text-align: center;
}

@media (max-width: 37.5em) {
    .myevents-form__content-link-bar {
        width: 100%;
        float: none;
    }
}

.myevents-form__content-link-bar-list {
    text-align: right;
}

@media (max-width: 37.5em) {
    .myevents-form__content-link-bar-list {
        text-align: center;
    }
}

.myevents-form__content-link-bar-item {
    float: right;
    list-style: none;
    text-align: right;
    width: 80%;
    padding: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-form__content-link-bar-item {
        width: 100%;
        text-align: center;
        float: none;
    }
}

.myevents-form__content-link-bar-item:not(:last-child) {
    border-bottom: 0.15rem solid rgba(111, 111, 111, 0.15);
}

.myevents-form__content-link-bar-item .active {
    color: #000000;
    font-weight: bold;
}

.myevents-form__content-link-bar-item a {
    color: #6f6f6f;
    text-decoration: none;
}

.myevents-form__content-link-bar-item a h3 {
    font-size: 1.2rem;
    font-weight: lighter;
}

@media (max-width: 37.5em) {
    .myevents-form__content-link-bar-item a h3 {
        font-size: 2rem;
    }
}

.myevents-form__content-main {
    height: 100%;
    width: 75%;
    float: right;
}

@media (max-width: 37.5em) {
    .myevents-form__content-main {
        width: 100%;
        padding-bottom: 2rem;
    }
}

.myevents-form__content-main-head-guest {
    float: right;
    padding-top: 2rem;
}

.myevents-form__content-main-head-guest-btn {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevents-form__content-main-head-guest-btn:hover {
    color: #fee000;
    text-decoration: none;
}

.myevents-form__content-main-head-content {
    float: left;
    padding-top: 2rem;
}

.myevents-form__content-main-head-content-text {
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.myevents-form__content-main-table {
    width: 100%;
    direction: rtl;
    overflow: hidden;
}

.myevents-form__content-main-table-head {
    width: 100%;
    text-align: left;
    border-bottom: 0.2rem solid rgba(111, 111, 111, 0.1);
    padding-bottom: 1rem;
    direction: ltr;
}

.myevents-form__content-main-table-head h3 {
    font-size: 1.2rem;
    color: #6f6f6f;
    font-weight: lighter;
}

.myevents-form__content-main-table-head h3 span {
    font-weight: bold;
}

.myevents-form__content-main-table-body {
    direction: ltr;
}

.myevents-form__content-main-table-body th {
    border: none !important;
    text-align: center;
    font-size: 1rem !important;
    color: #6f6f6f !important;
}

.myevents-form__content-main-table-body td {
    border: none !important;
    text-align: center;
    color: #6f6f6f;
    font-size: 1.15rem;
}

.myevents-form__content-main-table-body tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}

.myevents-form__content-main-table-body .table-bordered {
    border: none !important;
}

.myevents-form__content-main-table-body .page-item.active .page-link {
    background-color: #fee000 !important;
    border-color: #fee000 !important;
    color: #000000 !important;
}

.myevents-form__content-main-table-body .page-link {
    color: #fee000 !important;
}

.myevents-form__content-main-table-body-edit a {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-form__content-main-table-body-link a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.myevents-form__content-main-table-body-link a:hover {
    color: #000000;
}

.myevents-form__content-main-table-body-seq-num {
    font-size: 1rem !important;
    font-weight: bold !important;
    width: 5%;
    padding: 1.5rem 1rem;
    background-color: #fee000;
    color: #000000 !important;
    text-align: center;
}

.myevent-guest-form {
    min-height: 100vh;
    max-height: 100%;
    width: 100%;
    background-color: #f5f5f5;
}

.myevent-guest-form__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevent-guest-form__banner--upper {
    text-align: left;
}

.myevent-guest-form__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-left: 5rem;
    background-color: #fee000;
    display: inline-block;
}

@media (max-width: 37.5em) {
    .myevent-guest-form__banner--upper-date {
        margin-right: 0;
    }
}

.myevent-guest-form__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevent-guest-form__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevent-guest-form__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevent-guest-form__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-left: 3rem;
}

@media (max-width: 37.5em) {
    .myevent-guest-form__banner--upper-head {
        margin-right: 0;
    }
}

.myevent-guest-form__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

@media (max-width: 37.5em) {
    .myevent-guest-form__banner--upper-head-text {
        font-size: 3rem;
    }
}

.myevent-guest-form__content {
    padding-top: 3rem;
}

.myevent-guest-form__content-group {
    width: 70%;
    margin: auto;
}

@media (max-width: 37.5em) {
    .myevent-guest-form__content-group {
        width: 100%;
    }
}

@media (max-width: 20em) {
    .myevent-guest-form__content-group {
        width: 100%;
    }
}

.myevent-guest-form__content-group-head h1 {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.8rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevent-guest-form__content-group-body-alert {
    text-align: left;
}

.myevent-guest-form__content-group-body-head h2 {
    display: inline-block;
    font-size: 1.5rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.8rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevent-guest-form__content-group-body-field
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.myevent-guest-form__content-group-body-field
    input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.myevent-guest-form__content-group-body-field
    input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.myevent-guest-form__content-group-body-field 
    input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.myevent-guest-form__content-group-body-field
    input[type="email"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.myevent-guest-form__content-group-body-field
    input[type="email"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.myevent-guest-form__content-group-body-field
    input[type="email"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.myevent-guest-form__content-group-body-field 
    input[type="email"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.myevent-guest-form__content-group-body-field
    input[type="number"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.myevent-guest-form__content-group-body-field
    input[type="number"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.myevent-guest-form__content-group-body-field
    input[type="number"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.myevent-guest-form__content-group-body-field
    input[type="number"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.myevent-guest-form__content-group-body-field-name {
    width: 100%;
    height: 4rem;
    padding:10px;
    background-color: #ffffff;
    color: #6f6f6f;
    border: none;
    font-size: 1.5rem;
    font-weight: bold;
}

.myevent-guest-form__content-group-body-field-number {
    width: 100%;
    height: 4rem;
    padding:10px;
    background-color: #ffffff;
    color: #6f6f6f;
    border: none;
    font-size: 1.5rem;
    font-weight: bold;
}

.myevent-guest-form__content-group-body-field-email {
    width: 100%;
    height: 4rem;
    padding:10px;
    background-color: #ffffff;
    color: #6f6f6f;
    border: none;
    font-size: 1.5rem;
    font-weight: bold;
}

.myevent-guest-form__content-group-body-btn {
    width: 100%;
    text-align: right;
}

.myevent-guest-form__content-group-body-btn-buy {
    display: inline-block;
}

.myevent-guest-form__content-group-body-btn-buy input {
    border: 0.3rem solid #000000;
    color: #000000;
    background-color: transparent;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

@media (max-width: 37.5em) {
    .myevent-guest-form__content-group-body-btn-buy input {
        padding: 0.3rem 2rem;
    }
}

@media (max-width: 20em) {
    .myevent-guest-form__content-group-body-btn-buy input {
        font-size: 1.5rem;
    }
}

.myevent-guest-form__content-group-body-btn-buy input:hover {
    color: #fee000;
    text-decoration: none;
}

.myevent-guest-form__content-group-body-btn-save {
    display: inline-block;
}

.myevent-guest-form__content-group-body-btn-save input {
    border: 0.3rem solid #000000;
    color: #000000;
    background-color: transparent;
    padding: 0.3rem 4.5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

@media (max-width: 37.5em) {
    .myevent-guest-form__content-group-body-btn-save input {
        padding: 0.3rem 2rem;
    }
}

@media (max-width: 20em) {
    .myevent-guest-form__content-group-body-btn-save input {
        font-size: 1.5rem;
    }
}

.myevent-guest-form__content-group-body-btn-save input:hover {
    color: #fee000;
    text-decoration: none;
}

.myevent-guest-payment-done-fail {
    min-height: 100vh;
    max-height: 100%;
    width: 100%;
    background-color: #f5f5f5;
}

.myevent-guest-payment-done-fail__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevent-guest-payment-done-fail__banner--upper {
    text-align: left;
}

.myevent-guest-payment-done-fail__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-left: 5rem;
    background-color: #fee000;
    display: inline-block;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment-done-fail__banner--upper-date {
        margin-right: 0;
    }
}

.myevent-guest-payment-done-fail__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevent-guest-payment-done-fail__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevent-guest-payment-done-fail__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevent-guest-payment-done-fail__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-left: 3rem;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment-done-fail__banner--upper-head {
        margin-right: 0;
    }
}

.myevent-guest-payment-done-fail__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment-done-fail__banner--upper-head-text {
        font-size: 3rem;
    }
}

.myevent-guest-payment-done-fail__banner--lower {
    height: 7rem;
    background-image: url(../img/lower-banner.png);
}

.myevent-guest-payment-done-fail__banner--lower-list {
    list-style: none;
    text-align: left;
    padding-left: 15rem;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment-done-fail__banner--lower-list {
        text-align: center;
        padding-right: 0;
    }
}

.myevent-guest-payment-done-fail__banner--lower-item {
    display: inline-block;
    margin-top: 2rem;
}

.myevent-guest-payment-done-fail__banner--lower-item:not(:first-child) {
    margin-left: 10rem;
}

@media (max-width: 56.25em) {
    .myevent-guest-payment-done-fail__banner--lower-item:not(:first-child) {
        margin-left: 2rem;
    }
}

@media (max-width: 37.5em) {
    .myevent-guest-payment-done-fail__banner--lower-item:not(:first-child) {
        margin-left: 1rem;
    }
}

.myevent-guest-payment-done-fail__banner--lower-item img {
    margin-bottom: 0.5rem;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment-done-fail__banner--lower-item img {
        height: 1.5rem;
        width: 1.5rem;
    }
}

.myevent-guest-payment-done-fail__banner--lower-item p {
    display: inline-block;
    font-size: 1.5rem;
    color: #fee000;
    letter-spacing: 0.2rem;
    margin-right: 1rem;
}

@media (max-width: 56.25em) {
    .myevent-guest-payment-done-fail__banner--lower-item p {
        letter-spacing: 0;
    }
}

@media (max-width: 37.5em) {
    .myevent-guest-payment-done-fail__banner--lower-item p {
        margin-right: 0;
        font-size: 1.2rem;
    }
}

.myevent-guest-payment-done-fail__banner--lower-book {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 0.6rem 3.3rem;
    font-size: 2rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    margin-right: 12rem;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment-done-fail__banner--lower-book {
        padding: 0.1rem 1.3rem;
        font-size: 1.5rem;
        margin-right: 0;
    }
}

.myevent-guest-payment-done-fail__banner--lower-book:hover {
    color: #ffffff;
    text-decoration: none;
}

.myevent-guest-payment-done-fail__content {
    padding-top: 3rem;
}

.myevent-guest-payment-done-fail__content-success-head h2 {
    font-size: 5rem;
    color: #6f6f6f;
}

.myevent-guest-payment-done-fail__content-success-text p {
    font-size: 2rem;
    color: #6f6f6f;
}

.myevent-guest-payment-done-fail__content-success-img {
    display: inline-block;
    border: 0.5rem solid #fee000;
    padding: 1rem;
}

.myevent-guest-payment-done-fail__content-success-img img {
    height: 20rem;
    width: 20rem;
}

@media (max-width: 56.25em) {
    .myevent-guest-payment-done-fail__content-success-img img {
        height: 12rem;
        width: 12rem;
    }
}

@media (max-width: 37.5em) {
    .myevent-guest-payment-done-fail__content-success-img img {
        height: 25rem;
        width: 25rem;
    }
}

.myevent-guest-payment-done-fail__content-success-btn button {
    border: 0.3rem solid #000000;
    background-color: transparent;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevent-guest-payment-done-fail__content-success-btn button:hover {
    color: #fee000;
    text-decoration: none;
}

.myevent-guest-payment-done-fail__content-unSuccess-head-icon {
    display: inline-block;
}

.myevent-guest-payment-done-fail__content-unSuccess-head-icon i {
    font-size: 8rem;
    color: #fa8072;
    padding-left: 2rem;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment-done-fail__content-unSuccess-head-icon i {
        font-size: 5rem;
    }
}

.myevent-guest-payment-done-fail__content-unSuccess-head-text {
    display: inline-block;
}

.myevent-guest-payment-done-fail__content-unSuccess-head-text p {
    font-size: 8rem;
    color: #fa8072;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment-done-fail__content-unSuccess-head-text p {
        font-size: 5rem;
    }
}

.myevent-guest-payment-done-fail__content-unSuccess-body-text p {
    font-size: 2rem;
}

.myevent-guest-payment-done-fail__content-unSuccess-btn a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 6rem;
    font-size: 2.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevent-guest-payment-done-fail__content-unSuccess-btn a:hover {
    color: #fee000;
    text-decoration: none;
}

.myevent-guest-payment {
    min-height: 100vh;
    max-height: 100%;
    width: 100%;
    background-color: #f5f5f5;
}

.myevent-guest-payment__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevent-guest-payment__banner--upper {
    text-align: right;
}

.myevent-guest-payment__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-right: 5rem;
    background-color: #fee000;
    display: inline-block;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment__banner--upper-date {
        margin-right: 0;
    }
}

.myevent-guest-payment__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevent-guest-payment__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevent-guest-payment__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevent-guest-payment__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-right: 3rem;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment__banner--upper-head {
        margin-right: 0;
    }
}

.myevent-guest-payment__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment__banner--upper-head-text {
        font-size: 3rem;
    }
}

.myevent-guest-payment__banner--lower {
    height: 7rem;
    background-image: url(../img/lower-banner.png);
}

.myevent-guest-payment__banner--lower-list {
    list-style: none;
    text-align: right;
    padding-right: 15rem;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment__banner--lower-list {
        text-align: center;
        padding-right: 0;
    }
}

.myevent-guest-payment__banner--lower-item {
    display: inline-block;
    margin-top: 2rem;
}

.myevent-guest-payment__banner--lower-item:not(:first-child) {
    margin-left: 10rem;
}

@media (max-width: 56.25em) {
    .myevent-guest-payment__banner--lower-item:not(:first-child) {
        margin-left: 2rem;
    }
}

@media (max-width: 37.5em) {
    .myevent-guest-payment__banner--lower-item:not(:first-child) {
        margin-left: 1rem;
    }
}

.myevent-guest-payment__banner--lower-item img {
    margin-bottom: 0.5rem;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment__banner--lower-item img {
        height: 1.5rem;
        width: 1.5rem;
    }
}

.myevent-guest-payment__banner--lower-item p {
    display: inline-block;
    font-size: 1.5rem;
    color: #fee000;
    letter-spacing: 0.2rem;
    margin-right: 1rem;
}

@media (max-width: 56.25em) {
    .myevent-guest-payment__banner--lower-item p {
        letter-spacing: 0;
    }
}

@media (max-width: 37.5em) {
    .myevent-guest-payment__banner--lower-item p {
        margin-right: 0;
        font-size: 1.2rem;
    }
}

.myevent-guest-payment__banner--lower-book {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 0.6rem 3.3rem;
    font-size: 2rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    margin-right: 12rem;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment__banner--lower-book {
        padding: 0.1rem 1.3rem;
        font-size: 1.5rem;
        margin-right: 0;
    }
}

.myevent-guest-payment__banner--lower-book:hover {
    color: #ffffff;
    text-decoration: none;
}

.myevent-guest-payment__content {
    width: 80%;
    padding-top: 3rem;
    direction: rtl;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment__content {
        width: 100%;
    }
}

.myevent-guest-payment__content--left {
    text-align: right;
}

.myevent-guest-payment__content--left-head {
    display: inline-block;
}

.myevent-guest-payment__content--left-head h2 {
    font-size: 2rem;
    border-bottom: 0.5rem solid #fee000;
    padding-bottom: 1rem;
}

.myevent-guest-payment__content--left-code {
    width: 100%;
}

.myevent-guest-payment__content--left-code
    input[type="text"]::-webkit-input-placeholder {
    text-align: right;
    padding-right: 2rem;
}

.myevent-guest-payment__content--left-code
    input[type="text"]:-ms-input-placeholder {
    text-align: right;
    padding-right: 2rem;
}

.myevent-guest-payment__content--left-code
    input[type="text"]::-ms-input-placeholder {
    text-align: right;
    padding-right: 2rem;
}

.myevent-guest-payment__content--left-code input[type="text"]::placeholder {
    text-align: right;
    padding-right: 2rem;
}

.myevent-guest-payment__content--left-code input {
    height: 4rem;
    width: 80%;
    border: none;
    background-color: #ffffff;
    color: #6f6f6f;
}

.myevent-guest-payment__content--left-validate a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevent-guest-payment__content--left-validate a:hover {
    color: #fee000;
    text-decoration: none;
}

.myevent-guest-payment__content--left-invoice {
    text-align: right;
}

.myevent-guest-payment__content--left-invoice-head {
    display: inline-block;
}

.myevent-guest-payment__content--left-invoice-head h2 {
    font-size: 2rem;
    border-bottom: 0.5rem solid #fee000;
    padding-bottom: 1rem;
}

.myevent-guest-payment__content--left-invoice-body {
    height: 7rem;
    width: 20rem;
    background-color: #ffffff;
    text-align: center;
    margin: auto;
}

.myevent-guest-payment__content--left-invoice-body-content {
    display: inline-block;
}

.myevent-guest-payment__content--left-invoice-body-content h2 {
    margin-top: 1rem;
    font-size: 3rem;
    padding-right: 1rem;
}

.myevent-guest-payment__content--left-invoice-body-content p {
    font-size: 0.8rem;
    margin-left: 1.5rem;
    margin-top: -1rem;
    color: #6f6f6f;
    padding-right: 2rem;
}

.myevent-guest-payment__content--left-invoice-body-img {
    display: inline-block;
}

.myevent-guest-payment__content--left-invoice-body-img img {
    height: 4rem;
    width: 4rem;
    margin-top: -3rem;
    margin-right: 1.5rem;
}

.myevent-guest-payment__content--right {
    text-align: right;
}

.myevent-guest-payment__content--right-ticket {
    text-align: right;
}

.myevent-guest-payment__content--right-ticket-head {
    display: inline-block;
}

.myevent-guest-payment__content--right-ticket-head h2 {
    font-size: 2rem;
    border-bottom: 0.5rem solid #fee000;
    padding-bottom: 1rem;
}

.myevent-guest-payment__content--right-ticket-body {
    padding-left: 6rem;
    width: 100%;
    margin: auto;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment__content--right-ticket-body {
        padding-left: 0;
    }
}

.myevent-guest-payment__content--right-ticket-body-row {
    height: 6rem;
    width: 80%;
    background-color: #ffffff;
    text-align: center;
}

.myevent-guest-payment__content--right-ticket-body-row h2 {
    font-size: 3rem;
    color: #6f6f6f;
    padding-top: 0.4rem;
    margin: 0 auto;
}

@media (max-width: 56.25em) {
    .myevent-guest-payment__content--right-ticket-body-row h2 {
        font-size: 2rem;
        margin: 0;
        margin-left: -2rem;
    }
}

.myevent-guest-payment__content--right-ticket-body-row p {
    font-size: 1rem;
    color: #6f6f6f;
}

@media (max-width: 56.25em) {
    .myevent-guest-payment__content--right-ticket-body-row p {
        margin-left: -2rem;
    }
}

.myevent-guest-payment__content--right-ticket-body-row-img {
    height: 6rem;
    background-color: #fee000;
}

.myevent-guest-payment__content--right-ticket-body-row-img img {
    height: 4rem;
    width: 4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-bottom: 0.5rem;
}

@media (max-width: 56.25em) {
    .myevent-guest-payment__content--right-ticket-body-row-img img {
        height: 3rem;
        width: 3rem;
        margin-top: 1.2rem;
        padding-bottom: 0;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.myevent-guest-payment__content--right-btn {
    text-align: left;
    margin-left: 8rem;
}

@media (max-width: 37.5em) {
    .myevent-guest-payment__content--right-btn {
        text-align: center;
        margin-left: 0;
        padding-bottom: 2rem;
    }
}

.myevent-guest-payment__content--right-btn input {
    border: 0.3rem solid #000000;
    background-color: transparent;
    color: #000000;
    padding: 0.8rem 5rem;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevent-guest-payment__content--right-btn input:hover {
    color: #fee000;
    text-decoration: none;
}

.myevent-guest-receipt {
    min-height: 100vh;
    max-height: 100%;
    width: 100%;
    background-color: #f5f5f5;
}

.myevent-guest-receipt__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevent-guest-receipt__banner--upper {
    text-align: left;
}

.myevent-guest-receipt__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-left: 5rem;
    background-color: #fee000;
    display: inline-block;
}

@media (max-width: 37.5em) {
    .myevent-guest-receipt__banner--upper-date {
        margin-right: 0;
    }
}

.myevent-guest-receipt__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevent-guest-receipt__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevent-guest-receipt__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevent-guest-receipt__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-left: 3rem;
}

@media (max-width: 37.5em) {
    .myevent-guest-receipt__banner--upper-head {
        margin-right: 0;
    }
}

.myevent-guest-receipt__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

@media (max-width: 37.5em) {
    .myevent-guest-receipt__banner--upper-head-text {
        font-size: 3rem;
    }
}

.myevent-guest-receipt__content {
    padding-top: 3rem;
}

.myevent-guest-receipt__content-group {
    width: 70%;
    margin: auto;
}

@media (max-width: 37.5em) {
    .myevent-guest-receipt__content-group {
        width: 100%;
    }
}

@media (max-width: 20em) {
    .myevent-guest-receipt__content-group {
        width: 100%;
    }
}

.myevent-guest-receipt__content-group--left {
    text-align: left;
}

.myevent-guest-receipt__content-group--left-table {
    width: 100%;
}

.myevent-guest-receipt__content-group--left-table th {
    font-size: 1rem;
    font-weight: lighter;
    color: #6f6f6f;
}

.myevent-guest-receipt__content-group--left-table table {
    width: 100%;
    text-align: center;
}

.myevent-guest-receipt__content-group--left-table-row {
    height: 4rem;
    width: 100%;
    background-color: #ffffff;
    color: #6f6f6f;
    font-size: 1.3rem;
    font-weight: bold;
}

.myevent-guest-receipt__content-group--left-table-seq {
    height: 4rem;
    width: 5rem;
    background-color: #fee000;
}

.myevent-guest-receipt__content-group--left-table-icon {
    height: 4rem;
    width: 3rem;
    background-color: #f5f5f5;
}

.myevent-guest-receipt__content-group--left-table-icon i {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevent-guest-receipt__content-group--left-quantity p {
    font-size: 2rem;
    font-weight: lighter;
    color: #6f6f6f;
}

.myevent-guest-receipt__content-group--left-quantity p span {
    font-size: 3rem;
    font-weight: bold;
}

.myevent-guest-receipt__content-group--left-quantity p i {
    font-size: 1.5rem;
}

.myevent-guest-receipt__content-group--left-voucher {
    width: 100%;
}

.myevent-guest-receipt__content-group--left-voucher h2 {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.8rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevent-guest-receipt__content-group--left-voucher p {
    font-size: 2rem;
    font-weight: lighter;
    color: #6f6f6f;
}

.myevent-guest-receipt__content-group--left-voucher p span {
    font-size: 3rem;
    font-weight: bold;
}

.myevent-guest-receipt__content-group--left-voucher p i {
    font-size: 1.5rem;
}

.myevent-guest-receipt__content-group--left-voucher-field {
    width: 100%;
}

.myevent-guest-receipt__content-group--left-voucher-field
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.myevent-guest-receipt__content-group--left-voucher-field
    input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.myevent-guest-receipt__content-group--left-voucher-field
    input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.myevent-guest-receipt__content-group--left-voucher-field
    input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.myevent-guest-receipt__content-group--left-voucher-field input {
    width: 100%;
    height: 4rem;
    padding:10px;
    border: none;
    background-color: #ffffff;
    color: #6f6f6f;
}

.myevent-guest-receipt__content-group--left-voucher-btn a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevent-guest-receipt__content-group--left-voucher-btn a:hover {
    color: #fee000;
    text-decoration: none;
}

.myevent-guest-receipt__content-group--right-total-head h2 {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.8rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevent-guest-receipt__content-group--right-total-text p {
    font-size: 3rem;
    font-weight: lighter;
    color: #6f6f6f;
}

.myevent-guest-receipt__content-group--right-total-text p span {
    font-size: 6rem;
    font-weight: bold;
}

.myevent-guest-receipt__content-group--right-card-head h2 {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.8rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevent-guest-receipt__content-group--right-card-body-icon {
    text-align: center;
}

.myevent-guest-receipt__content-group--right-card-body-icon img {
    height: 3rem;
    width: 10rem;
}

.myevent-guest-receipt__content-group--right-card-body-field {
    width: 100%;
}

.myevent-guest-receipt__content-group--right-card-body-field
    input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.myevent-guest-receipt__content-group--right-card-body-field
    input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.myevent-guest-receipt__content-group--right-card-body-field
    input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.myevent-guest-receipt__content-group--right-card-body-field
    input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.myevent-guest-receipt__content-group--right-card-body-field-number {
    width: 100%;
    height: 4rem;
    background-color: #ffffff;
    border: none;
    color: #6f6f6f;
}

.myevent-guest-receipt__content-group--right-card-body-field-cvv {
    width: 100%;
    height: 4rem;
    background-color: #ffffff;
    border: none;
    color: #6f6f6f;
}

.myevent-guest-receipt__content-group--right-card-body-field-expire {
    width: 100%;
    height: 4rem;
    background-color: #ffffff;
    border: none;
    color: #6f6f6f;
}

.myevent-guest-receipt__content-group-btn {
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: 100%;
    text-align: center;
}

.myevent-guest-receipt__content-group-btn input {
    border: 0.3rem solid #000000;
    color: #000000;
    background-color: transparent;
    padding: 0.5rem 5rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevent-guest-receipt__content-group-btn input:hover {
    color: #fee000;
    text-decoration: none;
}

.myevent-guest {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
}

.myevent-guest__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
}

.myevent-guest__banner-alert {
    width: 100%;
    padding-top: 2rem;
    text-align: center;
}

.myevent-guest__banner-alert-content {
    margin: 0 auto;
    width: 50%;
}

@media (max-width: 37.5em) {
    .myevent-guest__banner-alert-content {
        width: 70%;
    }
}

.myevent-guest__banner-alert-content-icon {
    display: inline-block;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    background-color: #fee000;
    margin-right: 1rem;
}

@media (max-width: 37.5em) {
    .myevent-guest__banner-alert-content-icon {
        height: 2rem;
        width: 2rem;
    }
}

.myevent-guest__banner-alert-content-icon i {
    padding-top: 0.8rem;
    color: #ffffff;
    font-size: 1.5rem;
}

@media (max-width: 37.5em) {
    .myevent-guest__banner-alert-content-icon i {
        padding-top: 0.5rem;
        font-size: 1rem;
    }
}

.myevent-guest__banner-alert-content-text {
    display: inline-block;
    font-size: 2rem;
    color: #6f6f6f;
}

@media (max-width: 37.5em) {
    .myevent-guest__banner-alert-content-text {
        font-size: 1.2rem;
    }
}

.myevent-guest__banner--upper {
    text-align: left;
    padding-top:10em;
}

.myevent-guest__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    background-color: #fee000;
    display: inline-block;
}

@media (max-width: 37.5em) {
    .myevent-guest__banner--upper-date {
        margin-right: 0;
    }
}

.myevent-guest__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevent-guest__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevent-guest__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevent-guest__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-left: 3rem;
}

@media (max-width: 37.5em) {
    .myevent-guest__banner--upper-head {
        margin-right: 0;
    }
}

.myevent-guest__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

@media (max-width: 37.5em) {
    .myevent-guest__banner--upper-head-text {
        font-size: 3rem;
    }
}

.myevent-guest__banner--lower {
    height: 7rem;
    background-image: url(../img/lower-banner.png);
}

.myevent-guest__banner--lower-list {
    list-style: none;
    text-align: center;
}

.myevent-guest__banner--lower-item {
    display: inline-block;
    margin-top: 2rem;
}

.myevent-guest__banner--lower-item:not(:first-child) {
    margin-right: 5rem;
}

@media (max-width: 56.25em) {
    .myevent-guest__banner--lower-item:not(:first-child) {
        margin-left: 2rem;
    }
}

@media (max-width: 37.5em) {
    .myevent-guest__banner--lower-item:not(:first-child) {
        margin-left: 1rem;
    }
}


@media (max-width: 56.25em) {
    .myevent-guest__banner--lower-item:first-child {
        margin-right: 0;
    }
}

.myevent-guest__banner--lower-item img {
    margin-bottom: 0.5rem;
}

@media (max-width: 37.5em) {
    .myevent-guest__banner--lower-item img {
        height: 1.5rem;
        width: 1.5rem;
    }
}

.myevent-guest__banner--lower-item p {
    display: inline-block;
    font-size: 1.5rem;
    color: #fee000;
    letter-spacing: 0.2rem;
    margin-left: 1rem;
}

@media (max-width: 56.25em) {
    .myevent-guest__banner--lower-item p {
        letter-spacing: 0;
    }
}

@media (max-width: 37.5em) {
    .myevent-guest__banner--lower-item p {
        margin-right: 0;
        font-size: 1.2rem;
    }
}

.myevent-guest__banner--lower-book {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 0.6rem 3.3rem;
    margin-right:12rem;
    font-size: 2rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

@media (max-width: 37.5em) {
    .myevent-guest__banner--lower-book {
        padding: 0.1rem 1.3rem;
        font-size: 1.5rem;
        margin-right: 0;
    }
}

.myevent-guest__banner--lower-book:hover {
    color: #ffffff;
    text-decoration: none;
}

.myevent-guest__content {
    width: 100%;
    margin-top: 3rem;
}

.myevent-guest__content--right {
    text-align: right;
    display: inline-block;
    height: 100%;
    float: right;
}

@media (max-width: 37.5em) {
    .myevent-guest__content--right {
        display: none;
    }
}

.myevent-guest__content--right-list {
    list-style: none;
    border-right: 0.3rem solid #6f6f6f;
    padding-right: 1rem;
}

.myevent-guest__content--right-item {
    padding-bottom: 1rem;
    font-weight: bold;
    color: #6f6f6f;
}

.myevent-guest__content--right-item a {
    color: #6f6f6f;
}

.myevent-guest__content--right-item a:hover {
    text-decoration: none;
    color: #000000;
}

.myevent-guest__content--right-item a:active {
    color: #000000;
}

.myevent-guest__content--middle-event-desc-head h2 {
    display: inline-block;
    float:left;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.6rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevent-guest__content--middle-event-desc-head i {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
}

.myevent-guest__content--middle-event-desc-body p {
    color: #6f6f6f;
    text-align: left;
}

.myevent-guest__content--middle-event-desc-body img {
    width: 100%;
}

@media (max-width: 56.25em) {
    .myevent-guest__content--middle-event-desc-body img {
        height: 11rem;
    }
}

@media (max-width: 37.5em) {
    .myevent-guest__content--middle-event-desc-body img {
        height: 20rem;
    }
}

.myevent-guest__content--middle-event-agenda-head h2 {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.6rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevent-guest__content--middle-event-agenda-head i {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
}

.myevent-guest__content--middle-event-agenda-body-day {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
    font-size: 1.5rem;
    color: #6f6f6f;
}

.myevent-guest__content--middle-event-agenda-body-table {
    width: 100%;
}

.myevent-guest__content--middle-event-agenda-body-table-head {
    font-size: 0.5rem;
    color: #6f6f6f;
    text-align: center;
    padding-bottom: 0.4rem;
}

.myevent-guest__content--middle-event-agenda-body-table-data {
    height: 4rem;
    width: 100%;
}

.myevent-guest__content--middle-event-agenda-body-table-data-row {
    font-size: 1rem;
    font-weight: bold;
    color: #6f6f6f;
    text-align: center;
    background-color: #ffffff;
    position: relative;
}

.myevent-guest__content--middle-event-agenda-body-table-data-row-icon {
    height: 4rem;
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #fee000;
    color: #000000;
    text-align: center;
}

.myevent-guest__content--middle-event-speaker-head {
    text-align: left;
}

.myevent-guest__content--middle-event-speaker-head h2 {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.6rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevent-guest__content--middle-event-speaker-body-text {
    text-align: left;
}

.myevent-guest__content--middle-event-speaker-body img {
    background-size: cover;
    width: 100%;
}

@media (max-width: 56.25em) {
    .myevent-guest__content--middle-event-speaker-body img {
        height: 8rem;
    }
}

@media (max-width: 37.5em) {
    .myevent-guest__content--middle-event-speaker-body img {
        height: 35rem;
    }
}

.myevent-guest__content--middle-event-speaker-body h1 {
    font-size: 2rem;
}

@media (max-width: 56.25em) {
    .myevent-guest__content--middle-event-speaker-body h1 {
        font-size: 1.5rem;
    }
}

.myevent-guest__content--middle-event-speaker-body h1 span {
    font-weight: bold;
}

.myevent-guest__content--middle-event-speaker-body h2 {
    font-size: 0.8rem;
    font-weight: bold;
    color: #6f6f6f;
}

@media (max-width: 56.25em) {
    .myevent-guest__content--middle-event-speaker-body h2 {
        font-size: 0.5rem;
    }
}

.myevent-guest__content--middle-event-speaker-body p {
    font-size: 1.5rem;
    font-weight: bold;
    color: #6f6f6f;
}

@media (max-width: 56.25em) {
    .myevent-guest__content--middle-event-speaker-body p {
        font-size: 0.8rem;
    }
}

.myevent-guest__content--middle-event-sponsor-head {
    text-align: left;
}

.myevent-guest__content--middle-event-sponsor-head h2 {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.6rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevent-guest__content--middle-event-sponsor-body{

}

.myevent-guest__content--middle-event-sponsor-body img{
    width:150px; height:75px; margin-bottom: 15px;
}

.myevent-guest__content--middle-event-ticket-category-head {
    text-align: left;
}

.myevent-guest__content--middle-event-ticket-category-head h2 {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.6rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevent-guest__content--middle-event-ticket-category-body-box {
    height: 23rem;
    width: 100%;
    background-color: #ffffff;
}

.myevent-guest__content--middle-event-ticket-category-body-box-head {
    height: 25%;
    background-color: #fee000;
    position: relative;
}

.myevent-guest__content--middle-event-ticket-category-body-box-head img {
    float: right;
    display: inline-block;
    padding-top: 1.5rem;
    padding-right: 1rem;
}

.myevent-guest__content--middle-event-ticket-category-body-box-head h1 {
    font-size: 1.9rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 56.25em) {
    .myevent-guest__content--middle-event-ticket-category-body-box-head h1 {
        font-size: 1rem;
        -webkit-transform: translate(-82%, -50%);
        transform: translate(-82%, -50%);
    }
}

.myevent-guest__content--middle-event-ticket-category-body-box-body {
    width: 100%;
    text-align: center;
}

.myevent-guest__content--middle-event-ticket-category-body-box-body p {
    font-size: 1rem;
    color: #6f6f6f;
}

.myevent-guest__content--middle-event-ticket-category-body-box-body h1 {
    font-size: 5rem;
    margin-top: -1rem;
}

@media (max-width: 56.25em) {
    .myevent-guest__content--middle-event-ticket-category-body-box-body h1 {
        font-size: 4rem;
    }
}

.myevent-guest__content--middle-event-ticket-category-body-box-body a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 2.5rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

@media (max-width: 56.25em) {
    .myevent-guest__content--middle-event-ticket-category-body-box-body a {
        font-size: 1rem;
    }
}

.myevent-guest__content--middle-event-ticket-category-body-box-body a:hover {
    color: #fee000;
    text-decoration: none;
}

.myevent-guest__content--left-tickets {
    width: 100%;
    background-color: #ffffff;
}

.myevent-guest__content--left-tickets-icon-box {
    height: 6rem;
    width: 100%;
    background-color: #fee000;
    position: relative;
}

.myevent-guest__content--left-tickets-icon-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.myevent-guest__content--left-tickets-content {
    height: 6rem;
    width: 100%;
}

.myevent-guest__content--left-tickets-content p {
    width: 100%;
    text-align: center;
    color: #6f6f6f;
    font-weight: bold;
    font-size: 0.8rem;
    padding-top: 0.8rem;
}

.myevent-guest__content--left-tickets-content h3 {
    width: 100%;
    margin-top: -0.5rem;
    font-size: 2.5rem;
    text-align: center;
}

.myevent-guest__content--left-location {
    width: 100%;
}

.myevent-guest__content--left-location-head {
    text-align: left;
}

.myevent-guest__content--left-location-head h2 {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.6rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevent-guest__content--left-location-body {
    width: 100%;
    text-align: left;
}

.myevent-guest__content--left-location-body-map {
    width: 100%;
    height: 20rem;
}

.myevent-guest__content--left-location-body-map iframe {
    border: 0;
    width: 100%;
}

.myevent-guest__content--left-location-body h3 {
    font-size: 1.2rem;
    color: #6f6f6f;
    font-weight: bold;
}

.myevent-guest__content--left-location-body p {
    color: #6f6f6f;
}

.myevents-hotel {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 9rem;
    padding-left: 18rem;
}

@media (max-width: 75em) {
    .myevents-hotel {
        padding-top: 0;
        padding-right: 0;
    }
}

.myevents-hotel__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevents-hotel__banner--upper {
    text-align: left;
}

.myevents-hotel__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-left: 5rem;
    background-color: #fee000;
    display: inline-block;
}

.myevents-hotel__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevents-hotel__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevents-hotel__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevents-hotel__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-left: 3rem;
}

.myevents-hotel__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

.myevents-hotel__banner--lower {
    height: 7rem;
    background-image: url(../img/lower-banner.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.myevents-hotel__banner--lower-start-head {
    font-size: 1.5rem;
    color: #fee000;
    margin-left: 1rem;
}

.myevents-hotel__banner--lower-colon1 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-hotel__banner--lower-colon2 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-hotel__banner--lower-list {
    list-style: none;
    padding-left: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-hotel__banner--lower-list {
        padding-right: 5rem;
    }
}

.myevents-hotel__banner--lower-item:not(:last-child) {
    margin-right: 1rem;
}

.myevents-hotel__banner--lower-mins {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-hotel__banner--lower-mins h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-hotel__banner--lower-mins p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-hotel__banner--lower-hours {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-hotel__banner--lower-hours h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-hotel__banner--lower-hours p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-hotel__banner--lower-days {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-hotel__banner--lower-days h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-hotel__banner--lower-days p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-hotel__banner--lower-details-btn {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 0.6rem 3.3rem;
    font-size: 2rem;
    cursor: pointer;
    text-decoration: none;
    margin-right: 5rem;
}

@media (max-width: 37.5em) {
    .myevents-hotel__banner--lower-details-btn {
        font-size: 1.2rem;
    }
}

.myevents-hotel__banner--lower-details-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.myevents-hotel__content-link-bar {
    float: left;
    height: 100%;
    width: 25rem;
    background-color: #ffffff;
    text-align: center;
}

@media (max-width: 37.5em) {
    .myevents-hotel__content-link-bar {
        width: 100%;
        float: none;
    }
}

.myevents-hotel__content-link-bar-list {
    text-align: right;
}

@media (max-width: 37.5em) {
    .myevents-hotel__content-link-bar-list {
        text-align: center;
    }
}

.myevents-hotel__content-link-bar-item {
    float: right;
    list-style: none;
    text-align: right;
    width: 80%;
    padding: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-hotel__content-link-bar-item {
        width: 100%;
        text-align: center;
        float: none;
    }
}

.myevents-hotel__content-link-bar-item:not(:last-child) {
    border-bottom: 0.15rem solid rgba(111, 111, 111, 0.15);
}

.myevents-hotel__content-link-bar-item .active {
    color: #000000;
    font-weight: bold;
}

.myevents-hotel__content-link-bar-item a {
    color: #6f6f6f;
    text-decoration: none;
}

.myevents-hotel__content-link-bar-item a h3 {
    font-size: 1.2rem;
    font-weight: lighter;
}

@media (max-width: 37.5em) {
    .myevents-hotel__content-link-bar-item a h3 {
        font-size: 2rem;
    }
}

.myevents-hotel__content-main {
    float: right;
    height: 100%;
    width: 75%;
}

@media (max-width: 37.5em) {
    .myevents-hotel__content-main {
        width: 100%;
        padding-bottom: 2rem;
    }
}

.myevents-hotel__content-main-head-hotel {
    float: right;
    padding-top: 2rem;
}

.myevents-hotel__content-main-head-hotel-btn {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevents-hotel__content-main-head-hotel-btn:hover {
    color: #fee000;
    text-decoration: none;
}

.myevents-hotel__content-main-head-content {
    float: left;
    padding-top: 2rem;
}

.myevents-hotel__content-main-head-content-text {
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.myevents-hotel__content-main-table {
    height: 50rem;
    width: 100%;
    direction: rtl;
    overflow: auto;
}

.myevents-hotel__content-main-table-head {
    width: 100%;
    text-align: left;
    border-bottom: 0.2rem solid rgba(111, 111, 111, 0.1);
    padding-bottom: 1rem;
    direction: ltr;
}

.myevents-hotel__content-main-table-head h3 {
    font-size: 1.2rem;
    color: #6f6f6f;
    font-weight: lighter;
}

.myevents-hotel__content-main-table-head h3 span {
    font-weight: bold;
}

.myevents-hotel__content-main-table-body {
    direction: ltr;
}

.myevents-hotel__content-main-table-body th {
    border: none !important;
    text-align: center;
    font-size: 1rem !important;
    color: #6f6f6f !important;
}

.myevents-hotel__content-main-table-body td {
    border: none !important;
    text-align: center;
    color: #6f6f6f;
    font-size: 1.15rem;
}

.myevents-hotel__content-main-table-body tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}

.myevents-hotel__content-main-table-body .table-bordered {
    border: none !important;
}

.myevents-hotel__content-main-table-body .page-item.active .page-link {
    background-color: #fee000 !important;
    border-color: #fee000 !important;
    color: #000000 !important;
}

.myevents-hotel__content-main-table-body .page-link {
    color: #fee000 !important;
}

.page-link .myevents-hotel__content-main-table-body-hotel-row {
    background-color: #ffffff !important;
}

.myevents-hotel__content-main-table-body-edit a {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-hotel__content-main-table-body-rType-tag {
    display: inline-block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 0.2rem solid #6f6f6f;
    background-color: #6f6f6f;
    color: #ffffff;
    border-radius: 0.5rem;
    font-size: 1rem;
    margin: 0;
}

.myevents-hotel__content-main-table-body-seq-num {
    font-size: 1rem !important;
    font-weight: bold !important;
    width: 5%;
    padding: 1.5rem 1rem;
    background-color: #fee000;
    color: #000000 !important;
    text-align: center;
    padding-top: 0.8rem;
}

.myevents-hotel__content-main-table-body-del {
    width: 5%;
    background-color: #f5f5f5;
    text-align: center;
    padding-top: 0.8rem;
}

.myevents-hotel__content-main-table-body-del i {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-mail {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 9rem;
    padding-right: 18rem;
}

@media (max-width: 75em) {
    .myevents-mail {
        padding-top: 0;
        padding-right: 0;
    }
}

.myevents-mail__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevents-mail__banner--upper {
    text-align: right;
}

.myevents-mail__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-right: 5rem;
    background-color: #fee000;
    display: inline-block;
}

.myevents-mail__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevents-mail__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevents-mail__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevents-mail__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-right: 3rem;
}

.myevents-mail__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

.myevents-mail__banner--lower {
    height: 7rem;
    background-image: url(../img/lower-banner.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.myevents-mail__banner--lower-start-head {
    font-size: 1.5rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-mail__banner--lower-colon1 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-mail__banner--lower-colon2 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-mail__banner--lower-list {
    list-style: none;
    padding-right: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-mail__banner--lower-list {
        padding-right: 5rem;
    }
}

.myevents-mail__banner--lower-item:not(:last-child) {
    margin-right: 1rem;
}

.myevents-mail__banner--lower-mins {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-mail__banner--lower-mins h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-mail__banner--lower-mins p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-mail__banner--lower-hours {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-mail__banner--lower-hours h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-mail__banner--lower-hours p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-mail__banner--lower-days {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-mail__banner--lower-days h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-mail__banner--lower-days p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-mail__banner--lower-details-btn {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 0.6rem 3.3rem;
    font-size: 2rem;
    cursor: pointer;
    text-decoration: none;
    margin-left: 2rem;
}

@media (max-width: 37.5em) {
    .myevents-mail__banner--lower-details-btn {
        font-size: 1.2rem;
    }
}

.myevents-mail__banner--lower-details-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.myevents-mail__content-link-bar {
    float: right;
    height: 100%;
    width: 20rem;
    background-color: #ffffff;
    text-align: center;
}

@media (max-width: 37.5em) {
    .myevents-mail__content-link-bar {
        width: 100%;
        float: none;
    }
}

.myevents-mail__content-link-bar-list {
    text-align: right;
}

@media (max-width: 37.5em) {
    .myevents-mail__content-link-bar-list {
        text-align: center;
    }
}

.myevents-mail__content-link-bar-item {
    float: right;
    list-style: none;
    text-align: right;
    width: 80%;
    padding: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-mail__content-link-bar-item {
        width: 100%;
        text-align: center;
        float: none;
    }
}

.myevents-mail__content-link-bar-item:not(:last-child) {
    border-bottom: 0.15rem solid rgba(111, 111, 111, 0.15);
}

.myevents-mail__content-link-bar-item .active {
    color: #000000;
    font-weight: bold;
}

.myevents-mail__content-link-bar-item a {
    color: #6f6f6f;
    text-decoration: none;
}

.myevents-mail__content-link-bar-item a h3 {
    font-size: 1.2rem;
    font-weight: lighter;
}

@media (max-width: 37.5em) {
    .myevents-mail__content-link-bar-item a h3 {
        font-size: 2rem;
    }
}

.myevents-mail__content-main {
    height: 100%;
    width: 80%;
}

@media (max-width: 37.5em) {
    .myevents-mail__content-main {
        width: 100%;
        padding-bottom: 2rem;
    }
}

.myevents-mail__content-main-head-mail {
    float: left;
    padding-top: 2rem;
}

.myevents-mail__content-main-head-mail-btn {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevents-mail__content-main-head-mail-btn:hover {
    color: #fee000;
    text-decoration: none;
}

.myevents-mail__content-main-head-content {
    float: right;
    padding-top: 2rem;
}

.myevents-mail__content-main-head-content-text {
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.myevents-mail__content-main-table {
    height: 50rem;
    width: 100%;
    direction: rtl;
    overflow: auto;
}

.myevents-mail__content-main-table-head {
    width: 100%;
    text-align: right;
    border-bottom: 0.2rem solid rgba(111, 111, 111, 0.1);
    padding-bottom: 1rem;
    direction: ltr;
}

.myevents-mail__content-main-table-head h3 {
    font-size: 1.2rem;
    color: #6f6f6f;
    font-weight: lighter;
}

.myevents-mail__content-main-table-head h3 span {
    font-weight: bold;
}

.myevents-mail__content-main-table-body {
    direction: ltr;
}

.myevents-mail__content-main-table-body th {
    border: none !important;
    text-align: center;
    font-size: 1rem !important;
    color: #6f6f6f !important;
}

.myevents-mail__content-main-table-body td {
    border: none !important;
    text-align: center;
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-mail__content-main-table-body tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}

.myevents-mail__content-main-table-body .table-bordered {
    border: none !important;
}

.myevents-mail__content-main-table-body .page-item.active .page-link {
    background-color: #fee000 !important;
    border-color: #fee000 !important;
    color: #000000 !important;
}

.myevents-mail__content-main-table-body .page-link {
    color: #fee000 !important;
}

.page-link .myevents-mail__content-main-table-body-mail-row {
    background-color: #ffffff !important;
}

.myevents-mail__content-main-table-body-arrow a {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-mail__content-main-table-body-share a {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-mail__content-main-table-body-medium {
    width: 5%;
    padding: 1.5rem 1rem;
    background-color: #fee000;
    position: relative;
}

.myevents-mail__content-main-table-body-medium a {
    color: #6f6f6f;
    font-size: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.myevents-mail__content-main-table-body-del {
    width: 5%;
    background-color: #f5f5f5;
    text-align: center;
    padding-top: 0.8rem;
}

.myevents-mail__content-main-table-body-del i {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-organizer {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 9rem;
    padding-right: 18rem;
}

@media (max-width: 75em) {
    .myevents-organizer {
        padding-right: 0;
        padding-top: 0;
    }
}

.myevents-organizer__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevents-organizer__banner--upper {
    text-align: right;
}

.myevents-organizer__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-right: 5rem;
    background-color: #fee000;
    display: inline-block;
}

.myevents-organizer__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevents-organizer__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevents-organizer__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevents-organizer__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-right: 3rem;
}

.myevents-organizer__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

.myevents-organizer__banner--lower {
    height: 7rem;
    background-image: url(../img/lower-banner.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.myevents-organizer__banner--lower-start-head {
    font-size: 1.5rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-organizer__banner--lower-colon1 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-organizer__banner--lower-colon2 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-organizer__banner--lower-list {
    list-style: none;
    padding-right: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-organizer__banner--lower-list {
        padding-right: 5rem;
    }
}

.myevents-organizer__banner--lower-item:not(:last-child) {
    margin-right: 1rem;
}

.myevents-organizer__banner--lower-mins {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-organizer__banner--lower-mins h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-organizer__banner--lower-mins p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-organizer__banner--lower-hours {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-organizer__banner--lower-hours h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-organizer__banner--lower-hours p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-organizer__banner--lower-days {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-organizer__banner--lower-days h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-organizer__banner--lower-days p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-organizer__banner--lower-details-btn {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 0.6rem 3.3rem;
    font-size: 2rem;
    cursor: pointer;
    text-decoration: none;
    margin-left: 2rem;
}

@media (max-width: 37.5em) {
    .myevents-organizer__banner--lower-details-btn {
        font-size: 1.2rem;
    }
}

.myevents-organizer__banner--lower-details-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.myevents-organizer__content-link-bar {
    float: right;
    height: 100%;
    width: 20rem;
    background-color: #ffffff;
    text-align: center;
}

@media (max-width: 37.5em) {
    .myevents-organizer__content-link-bar {
        width: 100%;
        float: none;
    }
}

.myevents-organizer__content-link-bar-list {
    text-align: right;
}

@media (max-width: 37.5em) {
    .myevents-organizer__content-link-bar-list {
        text-align: center;
    }
}

.myevents-organizer__content-link-bar-item {
    float: right;
    list-style: none;
    text-align: right;
    width: 80%;
    padding: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-organizer__content-link-bar-item {
        width: 100%;
        text-align: center;
        float: none;
    }
}

.myevents-organizer__content-link-bar-item:not(:last-child) {
    border-bottom: 0.15rem solid rgba(111, 111, 111, 0.15);
}

.myevents-organizer__content-link-bar-item .active {
    color: #000000;
    font-weight: bold;
}

.myevents-organizer__content-link-bar-item a {
    color: #6f6f6f;
    text-decoration: none;
}

.myevents-organizer__content-link-bar-item a h3 {
    font-size: 1.2rem;
    font-weight: lighter;
}

@media (max-width: 37.5em) {
    .myevents-organizer__content-link-bar-item a h3 {
        font-size: 2rem;
    }
}

.myevents-organizer__content-main {
    height: 100%;
    width: 80%;
}

@media (max-width: 37.5em) {
    .myevents-organizer__content-main {
        width: 100%;
        padding-bottom: 2rem;
    }
}

.myevents-organizer__content-main-head-guest {
    float: left;
    padding-top: 2rem;
}

.myevents-organizer__content-main-head-guest-btn {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevents-organizer__content-main-head-guest-btn:hover {
    color: #fee000;
    text-decoration: none;
}

.myevents-organizer__content-main-head-content {
    float: right;
    padding-top: 2rem;
}

.myevents-organizer__content-main-head-content-text {
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.myevents-organizer__content-main-table {
    height: 50rem;
    width: 100%;
    direction: rtl;
    overflow: auto;
}

.myevents-organizer__content-main-table-head {
    width: 100%;
    text-align: right;
    border-bottom: 0.2rem solid rgba(111, 111, 111, 0.1);
    padding-bottom: 1rem;
    direction: ltr;
}

.myevents-organizer__content-main-table-head h3 {
    font-size: 1.2rem;
    color: #6f6f6f;
    font-weight: lighter;
}

.myevents-organizer__content-main-table-head h3 span {
    font-weight: bold;
}

.myevents-organizer__content-main-table-body {
    direction: ltr;
}

.myevents-organizer__content-main-table-body th {
    border: none !important;
    text-align: center;
    font-size: 1rem !important;
    color: #6f6f6f !important;
}

.myevents-organizer__content-main-table-body td {
    border: none !important;
    text-align: center;
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-organizer__content-main-table-body tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}

.myevents-organizer__content-main-table-body .table-bordered {
    border: none !important;
}

.myevents-organizer__content-main-table-body .page-item.active .page-link {
    background-color: #fee000 !important;
    border-color: #fee000 !important;
    color: #000000 !important;
}

.myevents-organizer__content-main-table-body .page-link {
    color: #fee000 !important;
}

.page-link .myevents-organizer__content-main-table-body-guest-row {
    background-color: #ffffff !important;
}

.myevents-organizer__content-main-table-body-alt a {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-organizer__content-main-table-body-envelope a {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-organizer__content-main-table-body-edit a {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-organizer__content-main-table-body-seq-num {
    font-size: 1rem !important;
    font-weight: bold !important;
    width: 5%;
    padding: 1.5rem 1rem;
    background-color: #fee000;
    color: #000000 !important;
    text-align: center;
    padding-top: 0.8rem;
}

.myevents-organizer__content-main-table-body-del {
    width: 5%;
    background-color: #f5f5f5;
    text-align: center;
    padding-top: 0.8rem;
}

.myevents-organizer__content-main-table-body-del i {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-Sguest {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 9rem;
    padding-right: 18rem;
}

@media (max-width: 75em) {
    .myevents-Sguest {
        padding-right: 0;
        padding-top: 0;
    }
}

.myevents-Sguest__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevents-Sguest__banner--upper {
    text-align: right;
}

.myevents-Sguest__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-right: 5rem;
    background-color: #fee000;
    display: inline-block;
}

.myevents-Sguest__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevents-Sguest__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevents-Sguest__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevents-Sguest__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-right: 3rem;
}

.myevents-Sguest__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

.myevents-Sguest__banner--lower {
    height: 7rem;
    background-image: url(../img/lower-banner.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.myevents-Sguest__banner--lower-start-head {
    font-size: 1.5rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-Sguest__banner--lower-colon1 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-Sguest__banner--lower-colon2 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-Sguest__banner--lower-list {
    list-style: none;
    padding-right: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-Sguest__banner--lower-list {
        padding-right: 5rem;
    }
}

.myevents-Sguest__banner--lower-item:not(:last-child) {
    margin-right: 1rem;
}

.myevents-Sguest__banner--lower-mins {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-Sguest__banner--lower-mins h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-Sguest__banner--lower-mins p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-Sguest__banner--lower-hours {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-Sguest__banner--lower-hours h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-Sguest__banner--lower-hours p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-Sguest__banner--lower-days {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-Sguest__banner--lower-days h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-Sguest__banner--lower-days p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-Sguest__banner--lower-details-btn {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 0.6rem 3.3rem;
    font-size: 2rem;
    cursor: pointer;
    text-decoration: none;
    margin-left: 2rem;
}

@media (max-width: 37.5em) {
    .myevents-Sguest__banner--lower-details-btn {
        font-size: 1.2rem;
    }
}

.myevents-Sguest__banner--lower-details-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.myevents-Sguest__content-link-bar {
    float: right;
    height: 100%;
    width: 20rem;
    background-color: #ffffff;
    text-align: center;
}

@media (max-width: 37.5em) {
    .myevents-Sguest__content-link-bar {
        width: 100%;
        float: none;
    }
}

.myevents-Sguest__content-link-bar-list {
    text-align: right;
}

@media (max-width: 37.5em) {
    .myevents-Sguest__content-link-bar-list {
        text-align: center;
    }
}

.myevents-Sguest__content-link-bar-item {
    float: right;
    list-style: none;
    text-align: right;
    width: 80%;
    padding: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-Sguest__content-link-bar-item {
        width: 100%;
        text-align: center;
        float: none;
    }
}

.myevents-Sguest__content-link-bar-item:not(:last-child) {
    border-bottom: 0.15rem solid rgba(111, 111, 111, 0.15);
}

.myevents-Sguest__content-link-bar-item .active {
    color: #000000;
    font-weight: bold;
}

.myevents-Sguest__content-link-bar-item a {
    color: #6f6f6f;
    text-decoration: none;
}

.myevents-Sguest__content-link-bar-item a h3 {
    font-size: 1.2rem;
    font-weight: lighter;
}

@media (max-width: 37.5em) {
    .myevents-Sguest__content-link-bar-item a h3 {
        font-size: 2rem;
    }
}

.myevents-Sguest__content-main {
    height: 100%;
    width: 80%;
}

@media (max-width: 37.5em) {
    .myevents-Sguest__content-main {
        width: 100%;
        padding-bottom: 2rem;
    }
}

.myevents-Sguest__content-main-head-guest {
    float: left;
    padding-top: 2rem;
}

.myevents-Sguest__content-main-head-guest-btn {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevents-Sguest__content-main-head-guest-btn:hover {
    color: #fee000;
    text-decoration: none;
}

.myevents-Sguest__content-main-head-content {
    float: right;
    padding-top: 2rem;
}

.myevents-Sguest__content-main-head-content-text {
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.myevents-Sguest__content-main-table {
    height: 50rem;
    width: 100%;
    direction: rtl;
    overflow: auto;
}

.myevents-Sguest__content-main-table-head {
    width: 100%;
    text-align: right;
    border-bottom: 0.2rem solid rgba(111, 111, 111, 0.1);
    padding-bottom: 1rem;
    direction: ltr;
}

.myevents-Sguest__content-main-table-head h3 {
    font-size: 1.2rem;
    color: #6f6f6f;
    font-weight: lighter;
}

.myevents-Sguest__content-main-table-head h3 span {
    font-weight: bold;
}

.myevents-Sguest__content-main-table-body {
    direction: ltr;
    width: 100%;
}

.myevents-Sguest__content-main-table-body th {
    border: none !important;
    text-align: center;
    font-size: 1rem !important;
    color: #6f6f6f !important;
}

.myevents-Sguest__content-main-table-body td {
    border: none !important;
    text-align: center;
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-Sguest__content-main-table-body tbody {
    width: 100%;
}

.myevents-Sguest__content-main-table-body tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}

.myevents-Sguest__content-main-table-body .table-bordered {
    border: none !important;
}

.myevents-Sguest__content-main-table-body .page-item.active .page-link {
    background-color: #fee000 !important;
    border-color: #fee000 !important;
    color: #000000 !important;
}

.myevents-Sguest__content-main-table-body .page-link {
    color: #fee000 !important;
}

.page-link .myevents-Sguest__content-main-table-body-guest-row {
    background-color: #ffffff !important;
}

.myevents-Sguest__content-main-table-body-edit a {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-Sguest__content-main-table-body-seq-num {
    font-size: 1rem !important;
    font-weight: bold !important;
    width: 5%;
    padding: 1.5rem 1rem;
    background-color: #fee000;
    color: #000000 !important;
    text-align: center;
    padding-top: 0.8rem;
}

.myevents-Sguest__content-main-table-body-del {
    width: 5%;
    background-color: #f5f5f5;
    text-align: center;
    padding-top: 0.8rem;
}

.myevents-Sguest__content-main-table-body-del i {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-sponsor {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 9rem;
    padding-right: 18rem;
}

@media (max-width: 75em) {
    .myevents-sponsor {
        padding-top: 0;
        padding-right: 0;
    }
}

.myevents-sponsor__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevents-sponsor__banner--upper {
    text-align: right;
}

.myevents-sponsor__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-right: 5rem;
    background-color: #fee000;
    display: inline-block;
}

.myevents-sponsor__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevents-sponsor__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevents-sponsor__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevents-sponsor__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-right: 3rem;
}

.myevents-sponsor__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

.myevents-sponsor__banner--lower {
    height: 7rem;
    background-image: url(../img/lower-banner.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.myevents-sponsor__banner--lower-start-head {
    font-size: 1.5rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-sponsor__banner--lower-colon1 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-sponsor__banner--lower-colon2 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-sponsor__banner--lower-list {
    list-style: none;
    padding-right: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-sponsor__banner--lower-list {
        padding-right: 5rem;
    }
}

.myevents-sponsor__banner--lower-item:not(:last-child) {
    margin-right: 1rem;
}

.myevents-sponsor__banner--lower-mins {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-sponsor__banner--lower-mins h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-sponsor__banner--lower-mins p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-sponsor__banner--lower-hours {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-sponsor__banner--lower-hours h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-sponsor__banner--lower-hours p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-sponsor__banner--lower-days {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-sponsor__banner--lower-days h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-sponsor__banner--lower-days p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-sponsor__banner--lower-details-btn {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 0.6rem 3.3rem;
    font-size: 2rem;
    cursor: pointer;
    text-decoration: none;
    margin-left: 2rem;
}

@media (max-width: 37.5em) {
    .myevents-sponsor__banner--lower-details-btn {
        font-size: 1.2rem;
    }
}

.myevents-sponsor__banner--lower-details-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.myevents-sponsor__content-link-bar {
    float: right;
    height: 100%;
    width: 20rem;
    background-color: #ffffff;
    text-align: center;
}

@media (max-width: 37.5em) {
    .myevents-sponsor__content-link-bar {
        width: 100%;
        float: none;
    }
}

.myevents-sponsor__content-link-bar-list {
    text-align: right;
}

@media (max-width: 37.5em) {
    .myevents-sponsor__content-link-bar-list {
        text-align: center;
    }
}

.myevents-sponsor__content-link-bar-item {
    float: right;
    list-style: none;
    text-align: right;
    width: 80%;
    padding: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-sponsor__content-link-bar-item {
        width: 100%;
        text-align: center;
        float: none;
    }
}

.myevents-sponsor__content-link-bar-item:not(:last-child) {
    border-bottom: 0.15rem solid rgba(111, 111, 111, 0.15);
}

.myevents-sponsor__content-link-bar-item .active {
    color: #000000;
    font-weight: bold;
}

.myevents-sponsor__content-link-bar-item a {
    color: #6f6f6f;
    text-decoration: none;
}

.myevents-sponsor__content-link-bar-item a h3 {
    font-size: 1.2rem;
    font-weight: lighter;
}

@media (max-width: 37.5em) {
    .myevents-sponsor__content-link-bar-item a h3 {
        font-size: 2rem;
    }
}

.myevents-sponsor__content-main {
    height: 100%;
    width: 80%;
}

@media (max-width: 37.5em) {
    .myevents-sponsor__content-main {
        width: 100%;
        padding-bottom: 2rem;
    }
}

.myevents-sponsor__content-main-head-sponsor {
    float: left;
    padding-top: 2rem;
}

.myevents-sponsor__content-main-head-sponsor-btn {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevents-sponsor__content-main-head-sponsor-btn:hover {
    color: #fee000;
    text-decoration: none;
}

.myevents-sponsor__content-main-head-content {
    float: right;
    padding-top: 2rem;
}

.myevents-sponsor__content-main-head-content-text {
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.myevents-sponsor__content-main-table {
    height: 50rem;
    width: 100%;
    direction: rtl;
    overflow: auto;
}

.myevents-sponsor__content-main-table-head {
    width: 100%;
    text-align: right;
    border-bottom: 0.2rem solid rgba(111, 111, 111, 0.1);
    padding-bottom: 1rem;
    direction: ltr;
}

.myevents-sponsor__content-main-table-head h3 {
    font-size: 1.2rem;
    color: #6f6f6f;
    font-weight: lighter;
}

.myevents-sponsor__content-main-table-head h3 span {
    font-weight: bold;
}

.myevents-sponsor__content-main-table-body {
    direction: ltr;
}

.myevents-sponsor__content-main-table-body th {
    border: none !important;
    text-align: center;
    font-size: 1rem !important;
    color: #6f6f6f !important;
}

.myevents-sponsor__content-main-table-body td {
    border: none !important;
    text-align: center;
    color: #6f6f6f;
    font-size: 1rem;
    position: relative;
}

.myevents-sponsor__content-main-table-body td span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.myevents-sponsor__content-main-table-body tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}

.myevents-sponsor__content-main-table-body .table-bordered {
    border: none !important;
}

.myevents-sponsor__content-main-table-body .page-item.active .page-link {
    background-color: #fee000 !important;
    border-color: #fee000 !important;
    color: #000000 !important;
}

.myevents-sponsor__content-main-table-body .page-link {
    color: #fee000 !important;
}

.page-link .myevents-sponsor__content-main-table-body-sponsor-row {
    background-color: #ffffff !important;
}

.myevents-sponsor__content-main-table-body-edit {
    position: relative;
}

.myevents-sponsor__content-main-table-body-edit a {
    color: #6f6f6f;
    font-size: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.myevents-sponsor__content-main-table-body-icon img {
    height: 5rem;
}

.myevents-sponsor__content-main-table-body-seq-num {
    font-size: 1rem !important;
    font-weight: bold !important;
    width: 10%;
    padding: 1.5rem 1rem;
    background-color: #fee000;
    color: #000000 !important;
    text-align: center;
    padding-top: 0.8rem;
    position: relative;
}

.myevents-sponsor__content-main-table-body-seq-num span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.myevents-sponsor__content-main-table-body-del {
    width: 5%;
    background-color: #f5f5f5;
    text-align: center;
    padding-top: 0.8rem;
    position: relative;
}

.myevents-sponsor__content-main-table-body-del i {
    color: #6f6f6f;
    font-size: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.myevents-task {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 9rem;
    padding-right: 18rem;
}

@media (max-width: 75em) {
    .myevents-task {
        padding-right: 0;
        padding-top: 0;
    }
}

.myevents-task__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevents-task__banner--upper {
    text-align: right;
}

.myevents-task__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-right: 5rem;
    background-color: #fee000;
    display: inline-block;
}

.myevents-task__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevents-task__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevents-task__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevents-task__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-right: 3rem;
}

.myevents-task__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

.myevents-task__banner--lower {
    height: 7rem;
    background-image: url(../img/lower-banner.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.myevents-task__banner--lower-start-head {
    font-size: 1.5rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-task__banner--lower-colon1 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-task__banner--lower-colon2 {
    font-size: 2rem;
    color: #fee000;
    margin-right: 1rem;
}

.myevents-task__banner--lower-list {
    list-style: none;
    padding-right: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-task__banner--lower-list {
        padding-right: 5rem;
    }
}

.myevents-task__banner--lower-item:not(:last-child) {
    margin-right: 1rem;
}

.myevents-task__banner--lower-mins {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-task__banner--lower-mins h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-task__banner--lower-mins p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-task__banner--lower-hours {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-task__banner--lower-hours h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-task__banner--lower-hours p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-task__banner--lower-days {
    height: 7rem;
    width: 6rem;
    background-color: #151515;
}

.myevents-task__banner--lower-days h3 {
    width: 100%;
    text-align: center;
    font-size: 3.5rem;
    color: #fee000;
    padding: 0.5rem 1rem 0 1rem;
}

.myevents-task__banner--lower-days p {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
}

.myevents-task__banner--lower-details-btn {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 0.6rem 3.3rem;
    font-size: 2rem;
    cursor: pointer;
    text-decoration: none;
    margin-left: 2rem;
}

@media (max-width: 37.5em) {
    .myevents-task__banner--lower-details-btn {
        font-size: 1.2rem;
    }
}

.myevents-task__banner--lower-details-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.myevents-task__content-link-bar {
    float: right;
    height: 100%;
    width: 20rem;
    background-color: #ffffff;
    text-align: center;
}

@media (max-width: 37.5em) {
    .myevents-task__content-link-bar {
        width: 100%;
        float: none;
    }
}

.myevents-task__content-link-bar-list {
    text-align: right;
}

@media (max-width: 37.5em) {
    .myevents-task__content-link-bar-list {
        text-align: center;
    }
}

.myevents-task__content-link-bar-item {
    float: right;
    list-style: none;
    text-align: right;
    width: 80%;
    padding: 1rem;
}

@media (max-width: 37.5em) {
    .myevents-task__content-link-bar-item {
        width: 100%;
        text-align: center;
        float: none;
    }
}

.myevents-task__content-link-bar-item:not(:last-child) {
    border-bottom: 0.15rem solid rgba(111, 111, 111, 0.15);
}

.myevents-task__content-link-bar-item .active {
    color: #000000;
    font-weight: bold;
}

.myevents-task__content-link-bar-item a {
    color: #6f6f6f;
    text-decoration: none;
}

.myevents-task__content-link-bar-item a h3 {
    font-size: 1.2rem;
    font-weight: lighter;
}

@media (max-width: 37.5em) {
    .myevents-task__content-link-bar-item a h3 {
        font-size: 2rem;
    }
}

.myevents-task__content-main {
    height: 100%;
    width: 80%;
}

@media (max-width: 37.5em) {
    .myevents-task__content-main {
        width: 100%;
        padding-bottom: 2rem;
    }
}

.myevents-task__content-main-head-guest {
    float: left;
    padding-top: 2rem;
}

.myevents-task__content-main-head-guest-btn {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevents-task__content-main-head-guest-btn:hover {
    color: #fee000;
    text-decoration: none;
}

.myevents-task__content-main-head-content {
    float: right;
    padding-top: 2rem;
}

.myevents-task__content-main-head-content-text {
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.myevents-task__content-main-table {
    height: 50rem;
    width: 100%;
    direction: rtl;
    overflow: auto;
}

.myevents-task__content-main-table-head {
    width: 100%;
    text-align: right;
    border-bottom: 0.2rem solid rgba(111, 111, 111, 0.1);
    padding-bottom: 1rem;
    direction: ltr;
}

.myevents-task__content-main-table-head h3 {
    font-size: 1.2rem;
    color: #6f6f6f;
    font-weight: lighter;
}

.myevents-task__content-main-table-head h3 span {
    font-weight: bold;
}

.myevents-task__content-main-table-body {
    direction: ltr;
}

.myevents-task__content-main-table-body th {
    border: none !important;
    text-align: center;
    font-size: 1rem !important;
    color: #6f6f6f !important;
}

.myevents-task__content-main-table-body td {
    border: none !important;
    text-align: center;
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-task__content-main-table-body tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}

.myevents-task__content-main-table-body .table-bordered {
    border: none !important;
}

.myevents-task__content-main-table-body .page-item.active .page-link {
    background-color: #fee000 !important;
    border-color: #fee000 !important;
    color: #000000 !important;
}

.myevents-task__content-main-table-body .page-link {
    color: #fee000 !important;
}

.page-link .myevents-task__content-main-table-body-guest-row {
    background-color: #ffffff !important;
}

.myevents-task__content-main-table-body-edit a {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents-task__content-main-table-body-seq-num {
    font-size: 1rem !important;
    font-weight: bold !important;
    width: 5%;
    padding: 1.5rem 1rem;
    background-color: #fee000;
    color: #000000 !important;
    text-align: center;
    padding-top: 0.8rem;
}

.myevents-task__content-main-table-body-del {
    width: 5%;
    background-color: #f5f5f5;
    text-align: center;
    padding-top: 0.8rem;
}

.myevents-task__content-main-table-body-del i {
    color: #6f6f6f;
    font-size: 1rem;
}

.myevents {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 9rem;
    padding-right: 18rem;
}

@media (max-width: 75em) {
    .myevents {
        padding-right: 0;
    }
}

.myevents__banner {
    width: 100%;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.myevents__banner--upper {
    text-align: right;
}

.myevents__banner--upper-date {
    height: 7rem;
    width: 7rem;
    margin-top: 5rem;
    margin-right: 5rem;
    background-color: #fee000;
    display: inline-block;
}

.myevents__banner--upper-date-list {
    width: 100%;
    text-align: center;
    list-style: none;
}

.myevents__banner--upper-date-list:first-child {
    padding-top: 0.5rem;
}

.myevents__banner--upper-date-list h1 {
    margin-top: -0.5rem;
    font-size: 4rem;
}

.myevents__banner--upper-head {
    height: 100%;
    display: inline-block;
    margin-right: 3rem;
}

.myevents__banner--upper-head-text {
    font-size: 4rem;
    color: #fee000;
}

.myevents__banner--lower {
    height: 7rem;
    background-image: url(../img/lower-banner.png);
}

.myevents__banner--lower-list {
    list-style: none;
    text-align: right;
    margin-right: 15rem;
}

.myevents__banner--lower-item {
    display: inline-block;
    margin-top: 2rem;
}

.myevents__banner--lower-item:not(:first-child) {
    margin-left: 5rem;
}

.myevents__banner--lower-item img {
    margin-bottom: 0.5rem;
}

.myevents__banner--lower-item p {
    display: inline-block;
    font-size: 1.5rem;
    color: #fee000;
    letter-spacing: 0.2rem;
    margin-right: 1rem;
}

.myevents__banner--lower-book {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 0.6rem 3.3rem;
    font-size: 2rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    margin-right: 12rem;
}

.myevents__banner--lower-book:hover {
    color: #ffffff;
    text-decoration: none;
}

.myevents__content {
    width: 100%;
    margin-top: 3rem;
}

.myevents__content--right {
    text-align: right;
    display: inline-block;
    height: 100%;
    float: right;
}

.myevents__content--right-list {
    list-style: none;
    border-right: 0.3rem solid #6f6f6f;
    padding-right: 1rem;
}

.myevents__content--right-item {
    padding-bottom: 1rem;
    font-weight: bold;
    color: #6f6f6f;
}

.myevents__content--right-item a {
    color: #6f6f6f;
}

.myevents__content--right-item a:hover {
    text-decoration: none;
    color: #000000;
}

.myevents__content--right-item a:active {
    color: #000000;
}

.myevents__content--middle-event-desc-head h2 {
    display: inline-block;
    float: right;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.6rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevents__content--middle-event-desc-head i {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
}

.myevents__content--middle-event-desc-body p {
    color: #6f6f6f;
    text-align: right;
}

.myevents__content--middle-event-desc-body img {
    width: 25rem;
    height: 15rem;
}

.myevents__content--middle-event-agenda-head h2 {
    display: inline-block;
    float: right;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.6rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevents__content--middle-event-agenda-head i {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
}

.myevents__content--middle-event-agenda-body-day {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
    font-size: 1.5rem;
    color: #6f6f6f;
}

.myevents__content--middle-event-agenda-body-table {
    width: 100%;
}

.myevents__content--middle-event-agenda-body-table-head {
    font-size: 0.5rem;
    color: #6f6f6f;
    text-align: center;
    padding-bottom: 0.4rem;
}

.myevents__content--middle-event-agenda-body-table-data {
    height: 4rem;
    width: 100%;
}

.myevents__content--middle-event-agenda-body-table-data-row {
    font-size: 1rem;
    font-weight: bold;
    color: #6f6f6f;
    text-align: center;
    background-color: #ffffff;
    position: relative;
}

.myevents__content--middle-event-agenda-body-table-data-row-icon {
    height: 4rem;
    width: 100%;
    padding: 1.5rem 1rem;
    background-color: #fee000;
    color: #000000;
    text-align: center;
}

.myevents__content--middle-event-speaker-head {
    text-align: right;
}

.myevents__content--middle-event-speaker-head h2 {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.6rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevents__content--middle-event-speaker-body-text {
    text-align: right;
}

.myevents__content--middle-event-speaker-body img {
    background-size: cover;
    width: 14.5rem;
    height: 14.6rem;
}

.myevents__content--middle-event-speaker-body h1 {
    font-size: 2rem;
}

.myevents__content--middle-event-speaker-body h1 span {
    font-weight: bold;
}

.myevents__content--middle-event-speaker-body h2 {
    font-size: 0.8rem;
    font-weight: bold;
    color: #6f6f6f;
}

.myevents__content--middle-event-speaker-body p {
    font-size: 1.5rem;
    font-weight: bold;
    color: #6f6f6f;
}

.myevents__content--middle-event-sponsor-head {
    text-align: right;
}

.myevents__content--middle-event-sponsor-head h2 {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.6rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevents__content--middle-event-ticket-category-head {
    text-align: right;
}

.myevents__content--middle-event-ticket-category-head h2 {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.6rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevents__content--middle-event-ticket-category-body-box {
    height: 23rem;
    width: 100%;
    background-color: #ffffff;
}

.myevents__content--middle-event-ticket-category-body-box-head {
    height: 25%;
    background-color: #fee000;
    position: relative;
}

.myevents__content--middle-event-ticket-category-body-box-head img {
    float: right;
    display: inline-block;
    padding-top: 1.5rem;
    padding-right: 1rem;
}

.myevents__content--middle-event-ticket-category-body-box-head h1 {
    font-size: 1.9rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.myevents__content--middle-event-ticket-category-body-box-body {
    width: 100%;
    text-align: center;
}

.myevents__content--middle-event-ticket-category-body-box-body p {
    font-size: 1rem;
    color: #6f6f6f;
}

.myevents__content--middle-event-ticket-category-body-box-body h1 {
    font-size: 5rem;
    margin-top: -1rem;
}

.myevents__content--middle-event-ticket-category-body-box-body a {
    border: 0.3rem solid #000000;
    color: #000000;
    padding: 0.5rem 2.5rem;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.myevents__content--middle-event-ticket-category-body-box-body a:hover {
    color: #fee000;
    text-decoration: none;
}

.myevents__content--left-tickets {
    width: 100%;
    background-color: #ffffff;
}

.myevents__content--left-tickets-icon-box {
    height: 6rem;
    width: 100%;
    background-color: #fee000;
    position: relative;
}

.myevents__content--left-tickets-icon-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.myevents__content--left-tickets-content {
    height: 6rem;
    width: 100%;
}

.myevents__content--left-tickets-content p {
    width: 100%;
    text-align: center;
    color: #6f6f6f;
    font-weight: bold;
    font-size: 0.8rem;
    padding-top: 0.8rem;
}

.myevents__content--left-tickets-content h3 {
    width: 100%;
    margin-top: -0.5rem;
    font-size: 2.5rem;
    text-align: center;
}

.myevents__content--left-location {
    width: 100%;
}

.myevents__content--left-location-head {
    text-align: right;
}

.myevents__content--left-location-head h2 {
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.6rem;
    border-bottom: 0.4rem solid #fee000;
}

.myevents__content--left-location-body {
    width: 100%;
    text-align: right;
}

.myevents__content--left-location-body-map {
    width: 100%;
    height: 15rem;
}

.myevents__content--left-location-body-map iframe {
    border: 0;
}

.myevents__content--left-location-body h3 {
    font-size: 1.2rem;
    color: #6f6f6f;
    font-weight: bold;
}

.myevents__content--left-location-body p {
    color: #6f6f6f;
}

.signin {
    background-image: url(../img/bg-main.jpg);
    height: 100vh;
    position: relative;
}

@media (max-width: 37.5em) {
    .signin {
        height: auto;
    }
}

.signin__left-content {
    margin-right: 10rem;
    margin-top: 10rem;
    width: 100%;
}

@media (max-width: 75em) {
    .signin__left-content {
        margin-right: 0;
    }
}

.signin__box {
    border: 0.2rem solid #fee000;
    width: 60%;
    margin-left: 12rem;
}

@media (max-width: 75em) {
    .signin__box {
        width: 70%;
    }
}

@media (max-width: 56.25em) {
    .signin__box {
        width: 80%;
    }
}

@media (max-width: 37.5em) {
    .signin__box {
        width: 100%;
        margin-left: 0;
    }
}

.signin__box-head {
    float: left;
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
    margin-top: 2rem;
    color: #ffffff;
    margin-bottom: 2rem;
}

.signin__box-group {
    margin-bottom: 3rem;
}

.signin__box-group input[type="email"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signin__box-group input[type="email"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signin__box-group input[type="email"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signin__box-group input[type="email"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signin__box-group input[type="password"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signin__box-group input[type="password"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signin__box-group input[type="password"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signin__box-group input[type="password"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signin__box-group-input {
    width: 100%;
    display: block;
    padding:10px;
    height: 4rem;
    border: none;
    font-size: 1.3rem;
}

.signin__box-group-input:not(:last-child) {
    margin-bottom: 2rem;
}

.signin__box-btn {
    margin-bottom: 2rem;
    width: 100%;
}

.signin__box-btn-signup {
    border: 0.2rem solid #fee000;
    color: #fee000;
    font-size: 2rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    padding: 0.5rem 0;
    transition: all 0.3s;
}

@media (max-width: 37.5em) {
    .signin__box-btn-signup {
        margin-bottom: 2rem;
        padding: 2rem 0;
    }
}

.signin__box-btn-signup:hover {
    color: #ffffff;
    background-color: #fee000;
    transform: scale(1.2);
    text-decoration: none;
}

.signin__box-btn-login {
    border: 0.2rem solid #fee000;
    color: #fee000;
    font-size: 2rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    padding: 0.5rem 0;
    width: 100%;
    background-color: transparent;
    transition: all 0.3s;
}

@media (max-width: 37.5em) {
    .signin__box-btn-login {
        padding: 2rem 0;
    }
}

.signin__box-btn-login:hover {
    color: #ffffff;
    background-color: #fee000;
    transform: scale(1.2);
    text-decoration: none;
}

.signin__box-btn-google {
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.signin__box-btn-google img {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
}

.signin__box-btn-google a {
    border: 0.2rem solid #fee000;
    color: #fee000;
    padding: 1.2rem 2.7rem;
    font-size: 1.5rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
    transition: all 0.3s;
}

.signin__box-btn-google a:hover {
    color: #ffffff;
    background-color: #fee000;
    transform: scale(1.2);
    text-decoration: none;
}

.signin__right-content {
    margin-top: 10rem;
    margin-left: 15rem;
    text-align: left;
    width: 80%;
}

@media (max-width: 75em) {
    .signin__right-content {
        margin-left: 0;
    }
}

.signin__heading-right {
    color: #fee000;
    font-size: 2rem;
    margin-bottom: 2rem;
}

.signin__customers-head {
    margin-top: 15rem;
    color: #fee000;
    font-size: 1.5rem;
}

@media (max-width: 37.5em) {
    .signin__customers-head {
        display: none;
    }
}

.signin__customers {
    margin-left: 12rem;
    margin-top: 3rem;
    height: 10rem;
    width: 70%;
    background-color: rgba(255, 255, 255, 0.05);
}

@media (max-width: 75em) {
    .signin__customers {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 37.5em) {
    .signin__customers {
        display: none;
    }
}

.signin__customers-logo {
    margin-top: 3rem;
    margin-left: 10rem;
    width: 80%;
}

.signup {
    background-image: url(../img/bg-main.jpg);
    background-size: 90%;
    height: 100vh;
    position: relative;
}

.signup__left-content {
    margin-right: 10rem;
    margin-top: 4rem;
    width: 100%;
}

@media (max-width: 75em) {
    .signup__left-content {
        margin-right: 0;
    }
}

.signup__box {
    border: 0.2rem solid #fee000;
    width: 60%;
    margin-left: 12rem;
}

@media (max-width: 75em) {
    .signup__box {
        width: 70%;
    }
}

@media (max-width: 56.25em) {
    .signup__box {
        width: 80%;
    }
}

@media (max-width: 37.5em) {
    .signup__box {
        width: 100%;
    }
}

.signup__box-head {
    float: left;
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
    margin-top: 2rem;
    color: #ffffff;
    margin-bottom: 2rem;
}

.signup__box-group {
    margin-bottom: 3rem;
}

.signup__box-group input[type="text"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: right;
    padding-right: 2rem;
}

.signup__box-group input[type="text"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signup__box-group input[type="text"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signup__box-group input[type="text"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signup__box-group input[type="email"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signup__box-group input[type="email"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signup__box-group input[type="email"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signup__box-group input[type="email"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signup__box-group input[type="password"]::-webkit-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signup__box-group input[type="password"]:-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signup__box-group input[type="password"]::-ms-input-placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signup__box-group input[type="password"]::placeholder {
    /* Firefox, Chrome, Opera */
    text-align: left;
    padding-right: 2rem;
}

.signup__box-group-input {
    width: 100%;
    display: block;
    height: 4rem;
    padding:10px;
    border: none;
    font-size: 1.3rem;
}

.signup__box-group-input:not(:last-child) {
    margin-bottom: 2rem;
}

.signup__box-btn {
    margin-bottom: 2rem;
}

.signup__box-btn-signup {
    border: 0.2rem solid #fee000;
    color: #fee000;
    font-size: 2rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    padding: 0.5rem 0;
    background-color: transparent;
    transition: all 0.3s;
}

@media (max-width: 37.5em) {
    .signup__box-btn-signup {
        margin-bottom: 2rem;
        padding: 2rem 0;
    }
}

.signup__box-btn-signup:hover {
    color: #ffffff;
    background-color: #fee000;
    transform: scale(1.2);
    text-decoration: none;
}

.signup__box-btn-login {
    border: 0.2rem solid #fee000;
    color: #fee000;
    font-size: 2rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    padding: 0.5rem 0;
    width: 100%;
    transition: all 0.3s;
}

@media (max-width: 37.5em) {
    .signup__box-btn-login {
        padding: 2rem 0;
    }
}

.signup__box-btn-login:hover {
    color: #ffffff;
    background-color: #fee000;
    transform: scale(1.2);
    text-decoration: none;
}

.signup__right-content {
    margin-top: 8rem;
    margin-left: 15rem;
    text-align: left;
    width: 80%;
}

@media (max-width: 75em) {
    .signup__right-content {
        margin-right: 0;
    }
}

.signup__heading-right {
    color: #fee000;
    font-size: 2rem;
    margin-bottom: 2rem;
}

.signup__customers-head {
    margin-top: 18rem;
    color: #fee000;
    font-size: 1.5rem;
}

@media (max-width: 37.5em) {
    .signup__customers-head {
        display: none;
    }
}

.signup__customers {
    margin-left: 12rem;
    margin-top: 3rem;
    height: 10rem;
    width: 70%;
    background-color: rgba(255, 255, 255, 0.05);
}

@media (max-width: 75em) {
    .signup__customers {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 37.5em) {
    .signup__customers {
        display: none;
    }
}

.signup__customers-logo {
    margin-top: 3rem;
    margin-left: 10rem;
    width: 80%;
}

/*# sourceMappingURL=main.css.map */

/* Custom CSS */

.event-details__content-form-group-timing-duration {
    width: 100%;
}

.event-details__content-form-group-timing-duration-area {
    height: 4rem;
    width: 100%;
    text-align: left;
    background-color: #ced4da4d;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.event-details__content-form-group input[type="text"] {
    padding-left: 1rem;
}

.event-details__content-form-group-timing-duration-area i {
    font-size: 1.5rem;
    padding-right: 1.5rem;
    color: #6f6f6f;
}

/***********/

.wpwl-form {
    margin: 0 auto 24px auto;
    max-width: 40em;
}

/* External VISA Card */
.wpwl-form-card {
    background-radius: 0 !important;
    background-image: none !important;
    background-color: white;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.wpwl-control{
    background-color: #f5f5f5 !important;
    border: none;
    height: 34px !important;
}

.wpwl-button-pay{
    background-color: #fee000 !important;
    border-color: #fee000 !important;
}

/* Loader */
@-webkit-keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.loader {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2e2e2e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.loader.hidden {
    -webkit-animation: fadeOut 0.5s;
    animation: fadeOut 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.loader img {
    width: 10rem;
}

/* DATA TOOLTIP */
[data-tooltip] {
    position: relative;
    cursor: pointer;
}

[data-tooltip]::after {
    position: absolute;
    width: 140px;
    height: 80px;
    left: calc(50% - 70px);
    bottom: 125%;
    text-align: center;
    box-sizing: border-box;
    content: attr(data-tooltip);
    color: #151515;
    background-color: #fee000;
    margin-bottom: 33px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: bold;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s, transform 0.2s;
}

[data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}



.dashboard__content--middle-area-head {
    margin: 1.15rem 0  2.15rem 0;
}


.dashboard__content--middle-area-body-cards-area{
    /* overflow-y: scroll;
    overflow-x: hidden;
    height: 70vh;
    padding-right: 15px; */
}

.dashboard-card { margin-bottom: 15px; }
.dc-date{ text-align: center; float: left; color:#fee000; font-size: 14px; padding:10px 15px; background-color: #333; }
.dc-name{     text-align: center; float: right; padding:15px; background-color: #fee000; width: 100%;  font-weight: bold; }
.dc-title{ display: flex; margin-bottom: 0; }
.dc-text{   margin:0;  padding: 10px; float: left; width: 55%; }
.btn-dc-card{  float: right; color: #333; font-weight: bold; margin-top:13px; margin-right: 10px; padding: 10px 18px; background-color: #fee000; border: 0; }


.dashboard__content--left-middle-area-body {
    margin: 2.15rem 0;
}

.dashboard__content--left-middle-area-head {
    margin: 2.15rem 0;
}

.dashboard__content--left-middle-area-head h2 {
    font-size: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid #fee000;
}

.dashboard__content--left{
    padding-right: 5rem;
}

.myevents-dashboard__content-main-left-card {

    height: 6rem;
    background-color: #ffffff;
    position: relative;
    padding: 0;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.myevents-dashboard__content-main-left-card li {
    display: inline-block;
    list-style: none;
}

.myevents-dashboard__content-main-left-card-body {
    text-align: center;
    margin: 10px;
}

.myevents-dashboard__content-main-left-card-body h3 {
    font-size: 2.15rem;
    margin-bottom: 0;
}

.myevents-dashboard__content-main-left-card-body p {
    font-size: 0.8rem;
    color: #6f6f6f;
    margin-bottom: 0;
}

.myevents-dashboard__content-main-left-card-icon {
    background-color: #fee000;
    width: 6rem;
    height: 6rem;
    position: relative;
}

.myevents-dashboard__content-main-left-card-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 2rem;
    color: #333;
}


.people-list{  }
.people-list .media{  background-color: #fff; }
.btn-yellow{
    border: 0.2rem solid #fee000;
    background-color: #fee000;
    padding: 0.5rem 1.5rem;
    font-weight: bold;
}

.btn-outline {
    border: 0.2rem solid #000000;
    background-color: transparent;
    color: #000000;
    padding: 0.5rem 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s;
}


.nav-tabs .nav-tab{ background-color: #fff; padding: 10px; }
.nav-tabs .nav-tab.active{
    background-color: #fff;
    border:0;
    border-bottom:2px solid #fee000;
}

.nav-tabs a{ color:#333; }

.tab-icon {
    margin: 20px auto;
    background-color: #fee000;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
}

.tab-icon i {
    font-size: 2rem;
    color: #6f6f6f;
    padding:1.5rem;
}

.tab-detail {
    text-align: center;
    margin: 0 auto;
}

.tab-detail h3 {
    font-size: 2.5rem;
    font-weight: bold
}

.tab-detail p {
    font-size: 0.8rem;
    color: #6f6f6f;
}

.tab-detail .percentage{ 
    display:block;
 }

.tab-detail .grow-up{ 
    color:#26ca81;
 }

 .tab-detail .grow-down{ 
    color:red;
 }

 /*************** Messagings ************/


 .container{max-width:1170px; margin:auto;}
img{ max-width:100%;}
.inbox_people {
  background: #ffffff none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  width: 40%; border-right:1px solid #c4c4c4;
}
.inbox_msg {
  border: 1px solid #c4c4c4;
  clear: both;
  overflow: hidden;
}
.top_spac{ margin: 20px 0 0;}


.recent_heading {float: left; width:40%;}
.srch_bar {
  display: inline-block;
  text-align: right;
  width: 60%; padding:
}
.headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}

.recent_heading h4 {
  color: #05728f;
  font-size: 20px;
  margin: auto;
}
.srch_bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}
.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}
.srch_bar .input-group-addon { margin: 0 0 0 -27px;}

.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; color:#151515; margin:auto}
.chat_img {
  float: left;
  width: 11%;
}
.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: 88%;
}

.chat_people{ overflow:hidden; clear:both;}
.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 18px 16px 10px;
}
.inbox_chat { height: 515px; overflow-y: scroll;}
.inbox_chat::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.inbox_chat::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.inbox_chat::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.inbox_chat::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.active_chat{ background:#ebebeb;}

.incoming_msg_img {
  display: inline-block;
  width: 6%;
}
.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
 }
 .received_withd_msg p {
  background: #151515 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
}
.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}
.received_withd_msg { width: 57%;}
.mesgs {
  float: left;
  padding: 30px 15px 0 25px;
  width: 60%;
  background-color: #fff;
}

 .sent_msg p {
  background: #fee000 none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  margin: 0; 
  color:#151515;
  padding: 5px 10px 5px 12px;
  width:100%;
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
  float: right;
  width: 46%;
}
.input_msg_write input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  padding:10px;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
}

.type_msg {border-top: 1px solid #c4c4c4;position: relative;}
.msg_send_btn {
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  padding-right:2px;
  cursor: pointer;
  font-size: 14px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 33px;
}
.messaging { padding: 0;}
.msg_history {
  height: 486px;
  overflow-y: auto;
}