/* ----------------------------------- New Style ----------------------------------- */




@font-face {
    font-family: 'Lato Light';
    src: url('/fonts/Lato-Light.ttf') format('truetype');
  }

@font-face {
    font-family: 'Lato Bold';
    src: url('/fonts/Lato-Bold.ttf') format('truetype');
  }
  
  
:root {
    -webkit-tap-highlight-color: transparent; /* Remove Highlight on tap on Mobile Phones */
    --main_color: #2788c9;
    --main-color: var(--main_color);
    --scolor1: #d1260f;
    --scolor2: #dc3741;
    
    --main_color_hover: #2174AB;
}

  

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: linear-gradient(90deg, rgba(39,136,201,1) 0%, rgba(0,212,255,1) 100%);
    font-family: 'Lato Bold', sans-serif;
}

.w-95per {
    width: 95% !important;
}

.bgc-white {
    background-color: #ffffff;
}

.bgc-333-c-white {
    background-color: #333333;
    color: #ffffff;
}

.red_bold {
    color: #ff0000 !important;
    font-weight: 700;
}

.red_bold_18 {
    color: #ff0000 !important;
    font-weight: 700;
    font-size: 18px;
}


.arabic-input {
    direction: rtl !important;
}


.small-input:disabled {
    background-color: #e9ecef !important;
}

.small-input:focus {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.1rem rgb(0 123 255 / 25%) !important;
}

/* Style the input elements */
.small-input {
    display: inline-block !important;
    font-size: 13px !important;
    width: calc(100% / 3 - 4px) !important; /* Divide the width of the parent element by 3 and subtract 4px for the margins */
    padding: 10px !important; /* Add some padding to the input element */
    border: 1px solid #ccc !important; /* Add a border to the input element */
    border-radius: 5px !important; /* Add rounded corners to the input element */
    margin-right: 0 !important;
  }

  /* Style the input elements on small screens */
  @media (max-width: 600px) {
    .small-input {
      width: 100% !important; /* Make the input elements full width on small screens */
      margin: 0 0 10px 0 !important; /* Add some space between the input elements on small screens */
    }
  }

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

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

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

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

.pageHeaderText {
    font-family: 'Lato Bold', sans-serif;
    color: #fff;
    text-shadow: 3px 1px #000000;
    text-align: center;
    margin-bottom: 35px;
}

.error-message {
    margin-top: 5px;
    margin-left: 4px;
    color: red;
    font-weight: 700;
    border-radius: 7px;
    background-color: pink;
    padding: 10px;
}

main {
    margin-top: 40px;
}

.event_card .event_location svg {
  fill:#ff007a;
}

.payment_status_text_paid {
    color: #32CD32;
}

.payment_status_text_not_paid {
    color: #ff4136;
}

.paid_green_text {
    color: #32CD32;
}

.not_paid_red_text {
    color: #ff4136;
}


/* ******************************** Loading ******************************** */

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 9999;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.loading-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid #ccc;
  border-top-color: #333;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}


/* ----------------------------------- New End ----------------------------------- */








/* ------------------------------------------------- Event Page Start ------------------------------------------------- */


body#event_page__body ::selection {
  background-color: #2872FA;
  color: #ffffff;
}

.event_page__container {
  padding-top: 0;
}

.event_page__banner_wrap {
  background-color: #5D78FF;
  padding: 70px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


.event_page__banner_inner_container,
.event_page__main_wrap {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
.event_page__banner_inner_container,
.event_page__main_wrap {
  max-width: 540px;
}
}

@media (min-width: 768px) {
.event_page__banner_inner_container,
.event_page__main_wrap {
  max-width: 720px;
}
}

@media (min-width: 992px) {
.event_page__banner_inner_container,
.event_page__main_wrap {
  max-width: 960px;
}
}

@media (min-width: 1200px){
.event_page__banner_inner_container,
.event_page__main_wrap {
  max-width: 1140px;
}
}


.event_page__banner_inner_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}



.event_page__event_col {
  margin-left: auto !important;
}
.event_page__event_col {
  margin-right: auto !important;
}
@media (min-width: 992px) {
.event_page__event_col {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
}

.event_page__event_col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}


.event_page__banner_content {
  text-align: center;
}


.event_page__event_meta {
  color: #ffffff;
}


.event_page__event_category {
  margin-bottom: 15px;
}

.event_page__event_meta span a {
  text-align: center;
  color: #f5f5f5;
  border: 1px solid #f5f5f5;
  padding: 4px 6px 4px 6px;
  border-radius: 3px;
  margin-left: 3px;
  text-decoration: none;
}

.event_page__event_meta span a:hover {
  background-color: #f5f5f5;
  color: #1559ed;
  transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.event_page__event_title {
  color: #ffffff;
  font-size: 46px;
  line-height: 1.1;
  margin-bottom: 30px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.event_page__event_date_meta {
  padding: 0;
  list-style-type: none;
  margin-bottom: 40px;
  font-family: 'Lato Light', sans-serif;
}

.event_page__event_date_meta li {
  display: inline-block;
  font-size: 1.125rem;
  color: #fff;
  margin: 0 10px;
}


.event_page__event_date_meta .event_page__date_meta_li,
.event_page__event_date_meta .event_page__location_meta {
  fill: #ffffff;
}


#event_page__countdown-timer {
font-size: 36px;
font-weight: bold;
text-align: center;
}

#event_page__countdown-timer .count_item {
  display: inline-block;
  font-size: 1.875rem;
  line-height: 35px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 30px;
  border: 1px dashed #eaeaea;
  margin: 0px 18px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}


.event_page__days_text,
.event_page__hours_text,
.event_page__minutes_text,
.event_page__seconds_text {
  display: block;
  font-size: 1.25rem;
  font-weight: 400;
}

.event_page__date-seperate {
  color: #fff;
  font-size: 2.25rem;
  font-weight: 700;
  text-align: center;
  vertical-align: super;
}

@media(max-width:776px) {
#event_page__countdown-timer .count_item {
padding: 7px 19px;
margin: 5px 5px;
}

}

@media(max-width:561px) {
#event_page__countdown-timer .count_item {
padding: 5px 15px;
margin: 0 0;
}

.event_page__date-seperate {
display: none;
width: 1px;
margin-left: -5px;
}
}


.event_page__main_container {
  background-color: #FAFBFC;
  width: 100%;
}

.event_page__main_wrap {
  padding: 40px 15px 0;
}

.event_page__main_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.event_page__main_left_col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}

@media (min-width: 992px){
.event_page__main_left_col:not(.event_ended) {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.event_page__main_left_col.event_ended {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
}

.event_page__event_content_wrap {
  box-shadow: none;
}

.event_page__event_single_content_wrap {
  padding: 0;
  box-shadow: none;
  margin-bottom: 40px;
}

.event_page__event_content_section_container {
  margin-bottom: 20px;
}

section.event_page__event_content_section {
  margin-left: var(--has-wide, auto);
  margin-right: var(--has-wide, auto);
  width: var(--block-width, var(--container-width));
  max-width: var(--block-max-width, var(--normal-container-max-width));
  position: relative;
}

.event_page__event_content_section_inner_container {
  width: var(--block-width, var(--container-width));
  max-width: var(--block-max-width, var(--normal-container-max-width));
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.event_page__event_content_section_inner_column {
  position: relative;
  min-height: 1px;
  display: flex;
}

@media (min-width: 768px) {
.event_page__event_content_section_inner_column {
  width: 100%;
}
}


.event_page__event_content_widget_wrap {
  padding: 10px;
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-start;
}

.event_page__event_content_widget_image {
  width: 100%;
  text-align: center;
  position: relative;
}

.event_page__event_content_widget_image:not(:last-child) {
  margin-bottom: 20px;
}

.event_page__event_content_widget_container {
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
  text-align: center;
  -webkit-hyphens: manual;
  hyphens: manual;
}

.event_page__event_content_widget_container img {
  vertical-align: middle;
  display: inline-block;
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.event_page__event_content_widget_description {
  width: 100%;
  position: relative;
}

.event_page__event_content_widget_description_container {
  font-family: 'Lato Light', sans-serif;
  font-weight: 700;
  color: #3A4F66;
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}

.event_page__main_right_col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}

@media (min-width: 992px) {
.event_page__main_right_col {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
}

.event_page__event_meta_info_widget {
  font-family: 'Lato Light', sans-serif;
  color: #3A4F66;
  box-shadow: 0px 0px 30px rgb(0 0 0 / 3%);
  padding: 35px;
  margin-bottom: 30px;
}

.event_page__event_meta_info_widget ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.event_page__event_meta_info_widget ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.event_page__event_meta_info_widget ul li:last-child {
  display: block;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  border: none;
  text-align: inherit;
  line-height: inherit;
}

.event_page__event_meta_info_widget ul li span {
  font-weight: 700;
}


.event_page__ticket_widget {
  padding: 35px 10px;
  box-shadow: 0px 0px 30px rgb(0 0 0 / 3%);
  margin-bottom: 30px;
}

.event_page__ticket_widget_title {
  margin-bottom: 12px;
  padding-left: 15px;
  font-size: 1.375rem;
  font-weight: 700;
  margin: 0 0 20px;
  line-height: 1;
}

.event_page__purchase_ticket_form {
  margin: 0;
  padding: 0;
  border: none;
  font-size: inherit;
  text-align: inherit;
  line-height: inherit;
}

.event_page__single_ticket_item {
  background-color: #f4f5f8;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}

.event_page__ticket_header {
  color: #5D78FF;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 15px;
}

.event_page__ticket_header .event_page__ticket_seat_remaining_text {
  color: #6d6e77;
  font-size: .8125rem;
  font-weight: 400;
}

.event_page___ticket_divider {
  border-bottom: 1px dashed #c3c6cc;
  margin-bottom: 10px;
  position: relative;
}

.event_page__ticket_price_body {
  display: flex;
  justify-content: space-between;
}

.event_page__ticket_price_item label {
  color: #6d6e77;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.5rem;
  display: block;
}

.event_page__ticket_price_item strong {
  color: #3A4F66;
  font-size: 1rem;
  font-weight: bold;
}

.event_page__ticket_item_quantity {
  position: relative;
}

.event_page__ticket_quantity_sub,
.event_page__ticket_quantity_add {
  position: absolute;
  background: rgba(0,0,0,0);
  border: none;
  padding: 0;
  font-size: 1.25rem;
  color: #000;
  line-height: 30px;
  margin: 0;
}

.event_page__ticket_quantity_add {
  left: auto;
}

.event_page__ticket_quantity_input::-webkit-inner-spin-button, 
.event_page__ticket_quantity_input::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.event_page__ticket_quantity_input {
  width: 90px;
  max-width: 90px;
  height: 32px;
  border: none;
  text-align: center;
  -moz-appearance: textfield;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: var(--form-font-size, 16px);
  color: var(--form-text-initial-color, var(--color));
  background-color: transparent;
  transition: all .12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  margin: 0;
  outline: 0;
}

.event_page__variable_total_price {
  border-color: #5D78FF;
  padding: 20px;
  border: 1px solid #5d78ff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  margin-bottom: 20px;
}

.event_page__total_quantity,
.event_page__ticket_total_price {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 700;
}

.event_page__total_quantity label,
.event_page__ticket_total_price label {
  color: #3A4F66;
  cursor: pointer;
  margin: 0 0 0.5em 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-size: 15px;
  font-weight: 400;
  line-height: inherit;
  letter-spacing: 0em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.event_page__total_quantity strong,
.event_page__ticket_total_price strong {
  color: #3A4F66;
  font-weight: bold;
  font-size: 1rem;
  text-align: inherit;
  line-height: inherit;
}

.event_page__buy_sponsored_tickets_button,
.event_page__buy_individual_ticket_button,
.event_page__choose_ticket_type_button,
.event_page__login_button {
  background-color: #5D78FF;
  color: #ffffff;
  padding: 5px 20px;
  min-height: 40px;
  display: block;
  width: 100%;
  border: none;
  font-weight: 700;
  text-transform: uppercase;
  font-size: .875rem;
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  cursor: pointer;
  transition: .23s ease-in-out;
}

.event_page__choose_ticket_type_button {
  margin-bottom: 10px;
  color: #5D78FF;
  background-color: #fff;
  border: 1px solid #5D78FF;
}

.event_page__choose_ticket_type_button:hover {
  background-color: #5D78FF !important;
  color: #ffffff;
}

.event_page__buy_sponsored_tickets_button:hover,
.event_page__buy_individual_ticket_button:hover,
.event_page__choose_ticket_type_button:hover,
.event_page__login_button:hover {
  background-color: #546CE5;
}

.event_page__buy_sponsored_tickets_button[disabled],
.event_page__buy_individual_ticket_button[disabled],
.event_page__choose_ticket_type_button[disabled] {
background-color: gray; /* or other color */
color: #ffffff; /* or other color */
cursor: default;
}

.booked_disabled_button {
  background-color: gray; /* or other color */
  color: #ffffff; /* or other color */
  cursor: default;

  padding: 5px 20px;
  min-height: 40px;
  display: block;
  width: 100%;
  border: none;
  font-weight: 700;
  text-transform: uppercase;
  font-size: .875rem;
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  user-select: none;
}

.event_page__widget_calendars {
  box-shadow: 0px 0px 30px rgb(0 0 0 / 3%);
  padding: 35px;
  margin-bottom: 30px;
}

.event_page__add_to_calender_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}

.event_page__add_to_calender_title h4 {
  color: #3A4F66;
  display: inline-block;
  margin: 0;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;

  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-size: 25px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 0;
  border: none;
}

.event_page__calender_list {
  margin: 20px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  /* padding-inline-start: 2.5em; */
  border: none;
  font-size: inherit;
  text-align: inherit;
  line-height: inherit;
  box-sizing: border-box;
}

.event_page__calender_list li {
  list-style: none;
  padding: 0;
  margin-bottom: 0.5em;
  margin: 0;
  border: none;
  font-size: inherit;
  text-align: inherit;
  line-height: inherit;
}

.event_page__calender_list li + li {
  margin-top: 15px;
}

.event_page__calender_list a {
  font-weight: 600;
  text-transform: capitalize;
  color: #333;
  transition: all .3s ease;
  margin: 0;
  align-items: center;
  line-height: 1;
  display: inline-flex;
  padding: 7px 12px 5px;
  border-radius: 3px;
  border: 1px solid #f2f2f2;
  min-width: 172px;
  font-size: inherit;
  text-align: inherit;
  text-decoration: none;
}

.event_page__calender_list a:hover {
  background-color: #5D78FF;
  color: #fff;
  border-color: rgba(0,0,0,0);
}

.event_page__calendar_name {
  margin: -4px 0 0 15px;
  font-size: .875rem;
  padding: 0;
  border: none;
  text-align: inherit;
  line-height: inherit;
}

.event_page__main_ended_col {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

.event__page_event_status_text {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 15px;
    color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    border-radius: 7px;
    
}

.event_page_event_ended_text {
    background-color: #ff0000;
}

.event_page_event_ongoing_text {
    background-color: #0bbd0b;
    padding: 10px 20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Event Page End ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */














/* Open Sans Font */
@font-face {
    font-family: 'open-sans';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/OpenSans/OpenSans-Regular.ttf) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    -webkit-tap-highlight-color: transparent; /* Remove Highlight on tap on Mobile Phones */
    --main_color: #2788c9;
    --main-color: var(--main_color);
    --scolor1: #d1260f;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'open-sans';
}

html {
    scroll-behavior: smooth; 
}

body {
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    /*background-color: #2788c9;*/
    
    background: rgb(39,136,201);
    background: linear-gradient(90deg, rgba(39,136,201,1) 0%, rgba(0,212,255,1) 100%);
}

/* */

button,
input[type='button'],
a {
    cursor: pointer;
}

button,
img {
    user-select: none;
}

a {
    text-decoration: none;
    color: #000000;
}

.btn {
    padding: 8px;
    font-size: 15px;
    border-radius: 5px;
    transition: 0.2s ease-in-out;
}

.btn-primary:hover {
    filter: brightness(85%);
}

br::selection {
    background-color: transparent;   
}

.no-select {
    user-select: none;
    cursor: default;
}

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

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.d-b {
    display: block !important;
}

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

.d-f {
    display:flex;
}

.f-r {
    float: right;
}

.f-l {
    float: left;
}

.c-black {
    color: #000000 !important;
}

.f-s-16px {
    font-size: 16px;
}

.c-dark-gray1 {
    color: #333333 !important;
}

.bold {
    font-weight: bold;
}

.red_bold {
    color: #ff0000 !important;
    font-weight: 700;
}

.bg-red-c-white {
    color: #ffffff !important;
    font-weight: 700;
    background-color: #ff0000;
    padding: 5px;
    border-radius: 5px;
}

.bg-white-c-black {
    padding: 10px;
    background-color: #ffffff;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    border-radius: 5px;
    color: #000000 !important;
    border: 1px solid #000000;
}


.bg-dark_green {
    background-color: #138213;
}

.bg-dark_red {
    background-color: #c70c0c;
}


.bg-dark_green_imp {
    background-color: #138213 !important;
}

.bg-dark_red_imp {
    background-color: #c70c0c !important;
}

.green_bold {
    /* color: #00ff00 !important; */
    color: #36e136 !important;
    font-weight: 700;
}

.txt_box1,
.rgstrSuccessEventName {
    margin: 5px;
    display: block;
    line-height: 2;
    color: #ffffff;
    padding: 10px;
    background-color: #333333;
    border: 5px solid #000000;
}

.empty_span {
    font-family: arial !important;
    font-size: 20px;
}

.content-center-mla-mra {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.w-10 {
    width: 10px !important;
}

.w-20 {
    width: 20px !important;
}

.w-30 {
    width: 30px !important;
}

.w-40 {
    width: 40px !important;
}

.w-50 {
    width: 50px !important;
}

.w-60 {
    width: 60px !important;
}

.w-70 {
    width: 70px !important;
}

.w-80 {
    width: 80px !important;
}

.w-90 {
    width: 90px !important;
}

.w-100 {
    width: 100px !important;
}

.w-110 {
    width: 110px !important;
}

.w-120 {
    width: 120px !important;
}

.w-130 {
    width: 130px !important;
}

.w-140 {
    width: 140px !important;
}

.w-150 {
    width: 150px !important;
}

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

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

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

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

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-150 {
    margin-top: 150px;
}

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

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

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-150 {
    margin-bottom: 150px;
}

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

.nowrap {
    white-space: nowrap;
}

.warningText {
    margin-top: 5px;
    color: #ff0000;
    font-weight: 700;
    background-color: #fdd0d0;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #ff0000;
}

.red_bold_14 {
    color: #ff0000 !important;
    font-weight: 700;
    font-size: 16px;
}

.red_bold_16 {
    color: #ff0000 !important;
    font-weight: 700;
    font-size: 16px;
}

.red_bold_18 {
    color: #ff0000 !important;
    font-weight: 700;
    font-size: 18px;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-text {
    cursor: text;
}

.green-text {
    color: #09a909 !important;
}

.yellow-text {
    color: #c7c700 !important;
}

.red-text {
    color: #ff0000 !important;
}

.green_bg-status {
    background-color: #09a909 !important;
    color: #ffffff;
}

.yellow_bg-status {
    background-color: #ffff08 !important;
    color: #000000;
}

.red_bg-status {
    background-color: #ff0000 !important;
    color: #ffffff;
}

.addmin_password_msg,
.editAdmin_password_msg {
    padding-left: 40px;
}

.underlined {
    text-decoration: underline;
}

.swal-wide {
    width: 650px !important;
}

.swal-very-wide.swal_wide_img {
    padding: 0;
}

.swal_wide_img .swal2-html-container {
    margin: 0;
}

.swal_wide_img .swal2-html-container .poppedUp_swalImg {
    width: 100% !important;
    max-width: 100% !important;
}

.swal-chckAtndeInfoByQr {
    width: 95% !important;
    max-width: 750px !important;
}

.swal-chckAtndeInfoByQr h3 {
    margin: 5px;
    text-align: left;
}

.swal-chckAtndeInfoByQr .swal2-actions {
    margin-top: 0 !important;
}

.hide {
    display: none;
}

.hide-hv {
    display: none !important;
}

.hidden {
    display: none;
}

.hidden-hv {
    display: none !important;
}

.main_header_title {
    text-align: center;  
}

/*.pageHeaderText {*/
/*    margin-bottom: 20px;*/
/*    text-align:center;*/
/*    color:#ffffff !important;*/
    /*text-shadow: 3px 0 black;*/
/*    text-shadow: 1px 1px 10px black;*/
/*}*/

.pageHeaderText a {
    color:#ffffff !important;
}

.not_found_msg {
    margin: 10px auto;
    padding: 10px;
    width: -moz-fit-content;
    width: fit-content;
    color: #d1260f;
    background-color: #000000;
    border: 1px solid #333333;
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
}

.deleted_record_msg {
    text-align: center;
    color: #d1260f;
    font-weight: 700;
    border: 1px solid #000000;
    background-color: #000000;
    border-radius: 5px;
    padding: 2px;
}

.emptyInput {
    border-color: #ff0000 !important;
  }

.emptyInputLabel {
    color: #ff0000;
}

.red_tr_part {
    background-color: #ff0000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
}

.swal_new_up_btn {
    display: block;
    border: 1px solid #333333;
    width: -moz-fit-content;
    width: fit-content;
    margin: -5px auto 0 auto;
    color: #ffffff;
    background-color: #333333;
    font-size: 16px;
    border-radius: 0.25em;
    padding: 0.625em 1.1em;
    font-weight: 500;
    transition: box-shadow .1s;
    transition-property: box-shadow;
    box-shadow: 0 0 0 3px transparent;
}

.swal_new_up_btn:hover {
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
}

.swal_new_up_btn:active {
    background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));
}

/* .swal_new_up_btn:focus {
} */

.swal_buttons_up .swal2-actions {
    margin-top: 0.6em;
}

/* image overlay */
.mnBlue-img-overlay {
    position: relative;
    display: inline-block;
}

.mnBlue-img-overlay > img {
    vertical-align: middle;
}

.mnBlue-img-overlay::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1296ee;
    opacity: 0;
    transition: .32s ease-in-out;
}

.mainCard1ImageContainer:hover > .mnBlue-img-overlay::before {
    opacity: 0.5;
}

.mainCard1ImageContainer:hover {
    background: #1296ee;
}


/* Wide Search */

.wide_search-container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto 30px;
}

.wide-searchbar {
    width: 90%;
    margin: 5px auto;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    line-height: 43px;
}

.wide_search-container .wide_search_button {
    border: 1px solid #333333;
    padding: 6px;
    font-size: 18px;
    margin-left: -5px;
    color: #fff;
    background-color: #333333;
    border-radius: 0 5px 5px 0;
    transition: 0.1s ease;
}

.wide_search-container .wide_search_button:hover {
    color: #333333;
    background-color: #ffffff;
}

.wide_search-container .wide_search_button:active {
    filter: brightness(85%);
}

.searchBarCheckBox {
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px;
    background-color: #333333;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    user-select: none;
}

.searchBarCheckBox label {
    color: #ffffff;
    margin-right: 5px;
    user-select: text;
}













/* ************************* New Header Start ************************* */

header {
    user-select: none;
}

#newHeader__navbar {
    display: flex;
  align-items: center;
  background-color: #FAFBFC;
  color: #fff;
  height: 100px;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

#newHeader__logo {
  display: inline-block;
  height: 50px;
  width: 50px;
}

#newHeader__logo a {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 35px;
  display: block;
  height: 90px;
  margin-top: -22px;
}

#newHeader__logo img {
  height: 100%;
  width: auto;
}

#newHeader__title {
  line-height: 1 !important;
  font-weight: 700;
  font-size: 24px;
  color: #3A4F66;
  margin-left: 100px;
  display: inline-block;
  padding: 0 20px;
}

#newHeader__buttons {
  line-height: 1 !important;
  position: absolute;
  right: 50px;
  display: inline-block;
  float: right;
}

.newHeader__nav-button {
  color: #3A4F66;
  font-weight: 700;
  border: none;
  cursor: pointer;
  font-size: 14px !important;
  /* padding: 10px 20px; */
  /* padding: 40px 20px; */
  padding: 40px 13px;
  text-align: center;
  text-decoration: none !important;
  outline: none;
}

.newHeader__nav-button:hover {
    color: #1559ed;
}

.newHeader__dropdown {
  position: relative;
  display: inline-block;
}

.newHeader__dropdown-content {
  margin-top: 39px;
  background: #192a3d;
  margin-right: -75px !important;
  display: none;
  position: absolute;
  right: 0;
  min-width: 160px;
  z-index: 1;
}

.newHeader__dropdown-content a {
    font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.newHeader__dropdown-content a:not(:last-of-type) {
    border-bottom: 1px dotted #e4e6eb82;
}

.newHeader__dropdown-content a:hover {
  color: #1559ed;
  /* background-color: #777; */
}

.newHeader__dropdown:hover .newHeader__dropdown-content {
    display: block;
}

.newHeader__dropdown:hover .newHeader__dropdown-button {
    /* background-color: #777; */
}



/* Mobile Menu */


#newHeader__mobile-menu-button {
  display: none;
  z-index: 999;
}

#newHeader__mobile-menu {
  display: none;
}

#newHeader__burger-button {
  display: none;
  color: #333333;
  font-size: 30px;
  padding: 10px;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 22px;
}


#newHeader__burger-button.opened {
    font-size: 45px;
  padding: 10px;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  right: 28px;
  top: 9px;
}

@media (max-width: 1200px) {
    
    #newHeader__title {
        display: none;
  }
}

@media (max-width: 855px) {
    
#mainAdminHeader {
    display: none;
}    

#mainNavBar {
        margin-top: 1px !important;
    }

    #mainAdminNavBar {
        display: none;
    }

    #nameAndLogOutContainer {
        display: none;
    }
    
  #newHeader__title {
      display: none;
  }
  #newHeader__buttons {
      display: none;
    }
  #newHeader__mobile-menu-button {
    display: inline-block;
    height: 50px;
    width: 50px;
  }
  #newHeader__mobile-menu-button img {
    height: 100%;
    width: auto;
  }

  #newHeader__mobile-menu {
    display: block;
    visibility: hidden;
    position: fixed;
    top: 100px;
    right: 1000px;
    width: 100%;
    height: 100%;
    background-color: #333;
    color: #fff;
    z-index: 1;
    transition: .5s ease-in-out;
  }
  
  
  #newHeader__mobile-menu.opened {
      z-index: 9999;
    visibility: visible;
    right: 0;
    transition: .5s ease-in-out;
  }

  .newHeader__mobile-nav-button {
    background-color: #333;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 20px 20px;
    text-align: center;
    text-decoration: none;
    outline: none;
    display: block;
    width: 100%;
}
  .newHeader__mobile-nav-button:hover {
    background-color: #777;
}
.newHeader__mobile-dropdown {
    position: relative;
    display: block;
  }
  .newHeader__mobile-dropdown-content {
    display: none;
    position: relative;
    background-color: #333;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.newHeader__mobile-dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.newHeader__mobile-dropdown-content a:hover {
    background-color: #777;
  }
  .newHeader__mobile-dropdown:hover .newHeader__mobile-dropdown-content {
      display: block;
    }
  .newHeader__mobile-dropdown:hover .mobile-dropdown-button {
    background-color: #777;
}

  #newHeader__burger-button {
    display: block;
  }
}


/* -------------------------- New Header End -------------------------- */











/* ************************* Header Start ************************* */

/*header {*/
/*    width: 100%;*/
/*    height: 150px;*/
/*    background-color: #fcfcfc;*/
/*}*/

/*header .header {*/
/*    display: flex;*/
/*    height: 100%;*/
/*    border-bottom: 1px solid #333333;*/
/*}*/

/*header .header img#headerImage {*/
/*    cursor: pointer;*/
/*    display: block;*/
/*    z-index: 2;*/
/*    margin-left: 10px;*/
/*}*/

/*header .header h1#header__mainHeaderText {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    z-index: 1;*/
/*    text-align: center;*/
/*    margin-top: 60px;*/
/*}*/

/*.burger-menu-btn {*/
/*    display: none;*/
/*}*/

/* ***** Log Out Start ***** */


/*#nameAndLogOutContainer {*/
/*    user-select: none;*/
/*    z-index: 2;*/
/*    width: -moz-fit-content;*/
/*    width: fit-content;*/
/*    text-align: right;*/
/*    right: 40px;*/
/*    top: 10px;*/
/*    position: absolute;*/
/*}*/

/*#nameAndLogOutContainer #header__adminName {*/
/*    user-select: text;*/
/*    display: inline-block;*/
/*    margin-right: 20px;*/
/*    padding: 10px;*/
/*    background-color: #ffffff;*/
/*    border: 1px solid #333;*/
/*    border-radius: 5px;*/
/*    font-size: 22px;*/
/*    font-weight: 700;*/
/*    vertical-align: middle;*/
/*    transition: .2s ease-in-out;*/
/*}*/

/*#nameAndLogOutContainer #header__adminName:hover {*/
/*    background-color: #e0e0e0;*/
/*}*/

/*#nameAndLogOutContainer #logoutForm {*/
/*    display: inline-block;*/
/*    margin-top: 50px;*/
/*}*/

/*#nameAndLogOutContainer #logoutForm #logoutButton {*/
/*    width: 35px;*/
/*    background: none;*/
/*    border: 0;*/
/*    vertical-align: middle;*/
/*}*/

/*#nameAndLogOutContainer #logoutForm #logoutButton svg {*/
/*    transition: ease-in-out .23s;*/
/*}*/

/*#nameAndLogOutContainer #logoutForm #logoutButton:hover svg {*/
/*    fill: gray;*/
/*}*/

/* ------ Log Out End ------ */

/* ***** Navbar Start ***** */

/* ***** Main Navbar Start ***** */

/*#mainNavBar {*/
/*    position: absolute;*/
/*    margin-top: 150px;*/
/*    width: 100%;*/
    /* background-color: #f5f5f5; */
/*    background-color: #f9f9f9;*/
/*    user-select: none;*/
/*    padding: 0 50px;*/
/*    border-bottom: 1px solid #333333;*/
/*}*/

/*#mainNavBar ul {*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    width: -moz-fit-content;*/
/*    width: fit-content;*/
/*    list-style: none;*/
/*    padding: 0;*/
/*}*/

/*#mainNavBar ul li {*/
/*    user-select: text;*/
/*    font-size: 18px;*/
/*    display: inline-block;*/
/*    margin: 0 5px 0 0;*/
/*}*/

/*#mainNavBar ul li a {*/
/*    padding: 9px 7px;*/
/*    display: block;*/
/*    transition: 0.15s ease-in-out;*/
/*}*/

/*#mainNavBar ul li .active,*/
/*#mainNavBar ul li a:hover {*/
/*    color: #f6f6f6;*/
/*    background-color: #333333;*/
/*}*/

/* ------ Main Navbar End ------ */


#mainAdminHeader {
    height: 45px;
}

#mainAdminNavBar {
    /*margin-top: 42px;*/
    user-select: none;
    background-color: #f6f6f6;
    padding: 0 50px;
    border-bottom: 1px solid #333333;
}

#mainAdminNavBar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainAdminNavBar ul li {
    user-select: text;
    font-size: 18px;
    display: inline-block;
    margin: 0 5px 0 0;
}

#mainAdminNavBar ul li a {
    user-select: none;
    text-decoration: none !important;
    color: #000000 !important;
    padding: 9px 7px;
    display: block;
    transition: 0.15s ease-in-out;
}

#mainAdminNavBar ul li a:hover {
    color: #f6f6f6 !important;
    background-color: #333333;
}

#mainAdminNavBar ul li a:hover ~ ul.mainNavSecondaryList {
    display: block !important;
}

#mainAdminNavBar ul li a:focus ~ ul.mainNavSecondaryList {
    display: block !important;
}

#mainAdminNavBar ul li ul.mainNavSecondaryList {
    display: none;
    position: absolute;
    width: 180px;
    /* width: fit-content; */
    background-color: #f6f6f6;
    padding: 4px;
    z-index: 999;
    border-bottom: 4px solid #000000;
}

#mainAdminNavBar ul li ul.mainNavSecondaryList:hover {
    display: block !important;
}

#mainAdminNavBar ul li ul.mainNavSecondaryList:focus-within {
    display: block !important;
}

#mainAdminNavBar ul li ul.mainNavSecondaryList li {
    width: 100%;
    font-size: 18px;
    margin: 0 5px 0 0;
}

#mainAdminNavBar ul li ul.mainNavSecondaryList li a {
    /* width: 100% !important; */
    display: block;
}

/* ------ Navbar End ------ */

/* ***** Mobile Navbar Start ***** */
.burger-menu-btn {
    display: none;
}

nav#mobileNavBar {
    display: none;
}
/* ------ Mobile Navbar End ------ */

/* -------------------------- Header End -------------------------- */

/* ************************* [/] Start ************************* */

.eventInfoContainer {
    /* margin-top: -40px; */
    display: flex;
}

.eventInfoContainer .posterContainer {
    width: 95%;
    margin: 20px;
    max-width: 300px;
    flex: 2;
}

.eventInfoContainer .posterContainer img {
    width: 100%;
}

.eventInfoContainer .descriptionContainer {
    margin: 20px 20px 20px 0;
    flex: 3;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.eventInfoContainer .descriptionContainer h1 {
    margin-bottom: 20px;
    text-align: center;
    text-shadow: 1px 0 black;
    color: #0000ff !important;
    background-color: #f6f6f6;
    padding: 15px;
    text-align: left !important;
    border: 2px solid #000000;
}

.eventInfoContainer .descriptionContainer h1 span.orange-text {
    color: #ff6600;
}

.mainChooseContainer {
    margin-top: 50px !important;
    margin-bottom: 150px !important;
}

/* -------------------------- [/] End -------------------------- */

/* ************************* About Us Start ************************* */

.aboutUs__mainOuterContainer {
    max-width: 1100px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.aboutUs__mainAboutUsHeader {
    background-color: #ffffff;
    padding: 25px;
    color: #000000;
    text-align: center;
    margin-bottom: 15px;
}

.aboutUs__mainContainer {
    padding: 15px;
    background-color: #f6f6f6;
    margin-left: auto;
    margin-right: auto;
}

.aboutUs__mainContainer .aboutUs__mainHeader {
    margin-bottom: 20px;
    text-align: center;
    background-color: darkslateblue;
    padding: 25px;
    color: #ffffff;
}

.aboutUs__mainContainer .aboutUs__mainInfoContainer {
    width: 87%;
    margin-right: auto;
    margin-left: auto;
}

.aboutUs__mainContainer .aboutUs__topInfoRowsContainer {
    border-bottom: 1px solid #777777;
    margin-bottom: 10px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    /* width: 87%;
    margin-left: auto;
    margin-right: auto; */
    /* --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0; */
    /* margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x)); */
}

.aboutUs__mainContainer .aboutUs__topInfoContainer {
    font-family: 'Almarai', sans-serif !important;
    flex: 0 0 auto;
    width: 33.33333333%;
}

.aboutUs__mainContainer .aboutUs__topInfoContainer .aboutUs__topInfoLabel {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    color: rgba(13,110,253,1) !important;
    text-align: left !important;
}

.aboutUs__mainContainer .aboutUs__topInfoContainer .aboutUs__topInfoLabel::after {
    position: absolute;
    content: "";
    width: 45px;
    height: 2px;
    top: 50%;
    right: -55px;
    margin-top: -1px;
    background: #0d6efd;
}

.aboutUs__mainContainer .aboutUs__topInfoContainer .aboutUs__topInfoText {
    margin-top: 0;
    margin-bottom: 1rem;
}

.aboutUs__emailText svg,
.aboutUs__phoneText svg {
    fill: #0D6EFD;
    display: inline-block;
    width: 20px;
    vertical-align: middle;
}


/* -------------------------- About Us End -------------------------- */

/* ************************* Event Start ************************* */

.start-end-date-container {
    justify-content: space-between !important;
    display: flex !important;
    flex: 0 0 auto;
    width: 50%;
    font-size: 1.7rem;
    margin-top: 20px;
}

.start-end-date-container .start-end-date-col {
    color: #555;
    text-shadow: none;
}

.start-end-date-container .start-end-date-col h5 {
    text-shadow: 1px 0 black;
}

/* -------------------------- Event End -------------------------- */

/* ************************* Registration Start ************************* */

.registration__tabs_container {
    width: -moz-fit-content;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
}

.registration__tabs_container .registration__tab {
    filter: brightness(90%);
    background-color: #f6f6f6 !important;
    color: #000000;
    text-decoration: none;
    padding: 10px;
    border: 1px solid #000000;
    border-bottom: 0;
    transition: .23s ease-in-out;
}

.registration__tabs_container .registration__tab:hover {
    filter: brightness(100%);
    transition: .23s ease-in-out;
}

.registration__tabs_container .registration__tab.active_tab {
    filter: brightness(100%) !important;
}

/* -------------------------- Registration End -------------------------- */

/* ************************* Vouchers Start ************************* */

.voucherInfo__row {
    display: flex;
}

.voucherInfo__row .voucherInfo__column {
    font-size: 30px;
    flex: 0 0 50%;
    padding: 10px;
    color: #ffffff;
    text-shadow: 1px 2px 5px #000000;
    border: 1px solid #000000;
    text-align: center;
}

.voucherInfo__row .voucherInfo__column.red_info_column {
    background-color: #e90000;
}

.voucherInfo__row .voucherInfo__column.green_info_column {
    background-color: #01c901;
}

/* -------------------------- Vouchers End -------------------------- */

/* ************************* Speakers Start ************************* */

.infoCards1_Container {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 20px 30px;
}

.infoCards1_Container .infoCard1 {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    width: 300px;
    margin: 20px;
    text-align: center;
    border: 1px solid #0764a3;
    border-radius: 5px;
    background-color: #ffffff;
}

.infoCards1_Container .infoCard1 .mainCard1ImageContainer {
    width: 100%;
    height: 400px;
    border-radius: 4px 4px 0px 0px;
    cursor: pointer;
    transition: .32s ease-in-out;
}

.infoCards1_Container .infoCard1 .mainCard1Image {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 3.9px 3.9px 0px 0px;
}

.infoCards1_Container .infoCard1 .mainCard1Image:hover {
    /* filter: sepia(1); */
    filter: grayscale(1);
    transition: .32s ease-in-out;
}

.infoCards1_Container .infoCard1 .card1InfoContainer .mainCard1Text {
    margin-top: 18px;
    margin-bottom: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

.infoCards1_Container .infoCard1 .card1InfoContainer .card1SecondaryText {
    margin-top: -5px;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.infoCards1_Container .infoCard1 .card1InfoContainer .mainCard1Button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: #ffffff;
    background-color: #0764a3;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 17px;
    transition: 0.25s ease-in-out;
    margin-bottom: 16px;
    transition: 0.23s ease-in-out;
}

.infoCards1_Container .infoCard1 .card1InfoContainer .mainCard1Button:hover {
    /* color: #0764a3;
    background-color: #ffffff; 
    filter: brightness(115%);
    transition: 0.23s ease-in-out;
    */
}

/* -------------------------- Speakers End -------------------------- */

/* ************************* Speaker Info Start ************************* */

.speakerInfo__backToSpeakers {
    color: var(--main_color);
    background-color: #f6f6f6;
    padding: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: 0.15s ease-in-out;
}

.speakerInfo__backToSpeakers:hover {
    filter: brightness(90%);
    transition: 0.15s ease-in-out;
}

.speakerInfo__mainContainer {
    border-radius: 10px;
    width: 95%;
    max-width: 900px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    background-color: #ffffff;
}

.speakerInfo__mainContainer .speakerInfo__mainImgContainer {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    /* background-color: #b9b9b9; */
    background-color: #085d97;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 4 3'%3E%3Cpath fill='white' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); */
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 4 2'%3E%3Cpath fill='white' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); */
}

.speakerInfo__mainContainer .speakerInfo__mainImgContainer .speakerInfo__mainImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 450px;
    max-width: 100%;
    object-fit: cover;
}

.speakerInfo__mainContainer .speakerInfo__infoContainer {
    padding: 20px;
}

.speakerInfo__mainContainer .speakerInfo__infoContainer .speakerInfo__secondaryHeader {
    margin-top: 40px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #777777;
}

.speakerInfo__mainContainer .speakerInfo__infoContainer .speakerInfo__speakerName {
    text-align: center;
}

.speakerInfo__speakerCountry {
    margin-top: 20px;
}

/* -------------------------- Speaker Info End -------------------------- */


main {
    min-height: 90vh;
    margin-top: 60px;
}

main .mn_login_container {
    /* background-color: #82d0f5; */
    background-color: #dbdbdb;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='white' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    padding: 15px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    margin-top: 50px;
}

main .mn_login_container #mn_login_title {
    text-align: center;
    margin-bottom: 20px;
}



main .mn_login_container .mn_login_form-group {
    width: 100%;
    margin-top: 15px;
    display: block;
}

main .mn_login_container .mn_login_form_label {
    display: block;
    margin-bottom: 10px;
}

main .mn_login_container .mn_login_input {
    width: 98%;
    margin-bottom: 15px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #000000;
    font-size: 16px;
}

main .mn_login_container .mn_login_submitButton {
    background-color: #333333;
    border: 1px solid #000000;
    color: #ffffff;
    border-radius: 5px;
    font-size: 16px;
    padding: 8px 15px;
    transition: 0.23s ease-in-out;
}

main .mn_login_container .mn_login_submitButton:hover {
    filter: brightness(120%);
}

/* ************************* CD buttons Start ************************* */
main .cd1_buttons_container,
main .nw_buttons_container {
    width: 95%;
    max-width: 850px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

main .cd1_buttons_container .cd1_the_buttons,
main .nw_buttons_container .nw_the_buttons {
    display: flex;
}

main .cd1_buttons_container .cd1_the_buttons .toChooseButton,
main .nw_buttons_container .nw_the_buttons .toChooseButton {
    flex: 1;
    margin: 0 20px 0 20px;
    font-size: 20px;
    padding: 10px;
    border: 1px solid #000000;
    border-radius: 5px;
    outline: none;
    background-color: #efefef;
    text-align: center;
    height: -moz-fit-content;
    height: fit-content;
}

main .cd1_buttons_container .cd1_the_buttons .toChooseButton:hover,
main .nw_buttons_container .nw_the_buttons .toChooseButton:hover {
    filter: brightness(90%);
}


/* ***** Choose Direction 2 Start ***** */
main .cd2_buttons_container {
    width: 99%;
    max-width: 1000px;
    margin: 0 auto 50px auto;
    padding: 15px 15px 30px 15px;
    background-color: #333;
}

main .cd2_buttons_container .pageHeaderText {
    margin-top:30px;
}

main .cd2_buttons_container .cd2_the_buttons {
    display: flex;
}

main .cd2_buttons_container .cd2_the_buttons .toChooseButton {
    flex: 1;
    margin: 0 20px 0 20px;
    font-size: 20px;
    padding: 10px;
    border: 1px solid #000000;
    border-radius: 5px;
    outline: none;
    background-color: #efefef;
    text-align: center;
    height: -moz-fit-content;
    height: fit-content;
}

main .cd2_buttons_container .cd2_the_buttons .toChooseButton:hover {
    filter: brightness(90%);
}
/* ------ Choose Direction 2 End ------ */

/* ***** Choose Direction 3 Start ***** */

main .cd3_buttons_container {
    width: 95%;
    max-width: 920px;
    margin-right: auto;
    margin-left: auto;
}

main .cd3_buttons_container .cd3_the_buttons {
    display: flex;
}

main .cd3_buttons_container .cd3_the_buttons .toChooseButton {
    flex: 1;
    margin: 0 20px 0 20px;
    font-size: 20px;
    padding: 10px;
    border: 1px solid #000000;
    border-radius: 5px;
    outline: none;
    background-color: #efefef;
    text-align: center;
    height: -moz-fit-content;
    height: fit-content;
}

main .cd3_buttons_container .cd3_the_buttons .toChooseButton:hover {
    filter: brightness(90%);
}

/* ------ Choose Direction 3 End ------ */


/* Forms */

main .actForm_container .actForm,
main .adat_noForm_container,
main .addAdmin_noForm_container,
main .noForm_Form_container {
    width: 85%;
    max-width: 550px;
    margin-right: auto;
    margin-left: auto;
}

main .actForm_container .actForm,
main .adat_noForm_container .adat_noForm,
main .addAdmin_noForm_container .addAdmin_noForm,
main .noForm_Form_container .noForm_Form {
    margin-bottom: 50px;
    padding: 10px;
    background-color: #f6f6f6;
    border: 1px solid #000000;
}

main .actForm_container .actForm .form-group,
main .adat_noForm_container .adat_noForm .form-group,
main .addAdmin_noForm_container .addAdmin_noForm .form-group,
main .noForm_Form_container .noForm_Form .form-group {
    margin: 15px;
}

main .actForm_Form_container_wide1,
main .noForm_Form_container_wide1 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

main .actForm_container_wide1 .actForm_wide1,
main .noForm_Form_container_wide1 .noForm_Form_wide1 {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f6f6f6;
    border: 1px solid #000000;
}

main .actForm_container_wide1 .actForm_wide1 .form-group,
main .noForm_Form_container_wide1 .noForm_Form_wide1 .form-group {
    margin: 15px;
}

main .actForm_container_wide1 .actForm_wide1 .form-group .form-control::placeholder,
main .noForm_Form_container_wide1 .noForm_Form_wide1 .form-group .form-control::placeholder {
    color: #777777;
}

main .form-group label {
    font-weight: 700;
    transition: 0.23s ease-in-out;
}

main .adat_noForm_container .adat_noForm .form-group input[type='text'],
main .adat_noForm_container .adat_noForm .form-group input[type='password'],
main .adat_noForm_container .adat_noForm .form-group select,

main .noForm_Form_container .noForm_Form .form-group input[type='text'],
main .noForm_Form_container .noForm_Form .form-group input[type='password'],
main .noForm_Form_container .noForm_Form .form-group select,
main .form-group .form-control,
.form-control {
    background-color: #ffffff;
    display: block;
    width: 100%;
    margin-right: -7px;
    margin-top: 5px;
    padding: 7px;
    border: 1px solid #222020;
    border-radius: 5px;
    font-size: 17px;
    transition: .23s ease-in-out;
}

.disabled, .form-control:disabled, .form-control[readonly]:not(.no-readonly-stuff) {
    background-color: #e9ecef !important;
    opacity: 1;
}

.form-control:focus {
    border-color: #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 80%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 80%);
}

main .actForm_container .actForm .form_submitBtn,
main .adat_noForm_container .adat_noForm .form_submitBtn,
main .addAdmin_noForm_container .addAdmin_noForm .form_submitBtn,
main .noForm_Form_container .noForm_Form .form_submitBtn,
main .form_submitBtn {
    border: 1px solid #44bff9;
    /* background-color: #82d0f5; */
    background-color: var(--main_color);
    color: #ffffff;
    margin-left: 15px;
    padding: 10px;
}

main .adat_noForm_container .adat_noForm .form_submitBtn:hover,
main .adat_noForm_container .adat_noForm .form_submitBtn:hover,
main .addAdmin_noForm_container .addAdmin_noForm .form_submitBtn:hover,
main .noForm_Form_container .noForm_Form .form_submitBtn:hover,
main .form_submitBtn:hover {
    filter: brightness(110%);
}

.atnde_info_container {
    background-color: #fcfcfc;
    padding: 5px 50px;
    margin: 0 auto 25px;
    width: 95%;
    max-width: 800px;
    border-width: 10px;
    border-style: double;
    border-color: #000000;
}

.admin_info_container h1.main_header_title,
.atnde_info_container h1.main_header_title {
    margin: 22px 0;
}

.atnde_info_container .atnde_infos h3 {
    margin: 8px 0;
    padding: 5px;
}

#atndeInfo__QRCodeContainer {
    border: 1px solid #333333;
    text-align: center;
}

#atndeInfo__QRCodeContainer h3 {
    border: 0 !important;
    margin-bottom: 0;
}

.poppedUp_swalImg,
.poppedUp_QrCode {
    width: 462px;
    max-width: 95%;
}

#atndeInfo_printCertBtn,
#atndeInfo_printBadgeBtn {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 18px;
    color: #ffffff;
    background-color: #333333;
    border: 1px solid #333333;
    border-radius: 5px;
    transition: 0.23s ease;
}

#atndeInfo_cncoBtn {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 18px;
    color: #ffffff;
    background-color: #333333;
    border: 1px solid #333333;
    border-radius: 5px;
    transition: 0.23s ease;
}

#atndeInfo_cncoBtn:hover,
#atndeInfo_printCertBtn:hover,
#atndeInfo_printBadgeBtn:hover {
    background-color: #ffffff;
    color: #333333;
}

#atndeInfo_cncoBtn:active,
#atndeInfo_printCertBtn:active,
#atndeInfo_printBadgeBtn:active {
    filter: brightness(85%);
}


/* Qr Reader */
#reader__status_span {
    background-color: #d8ead1;
}

#reader__dashboard_section_csr button {
    font-family: open-sans;
    font-size: 17px;
    color: #ffffff;
    background-color: #2687c8;
    padding: 5px;
    border: 1px solid #000000;
    border-radius: 5px;
    box-shadow: none;
    outline: 0;
}

#reader__dashboard_section_csr button:hover {
    /* background-color: #44bff9; */
    filter: brightness(90%);
}

.changeQrReaderMode_container {
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'open-sans';
}

.changeQrReaderMode_container #reader__dashboard_section_swaplink {
    background-color: #333333;
    padding: 10px;
    border-radius: 5px;
    color: #ffffff;
}

.qrCodScner_row{
    display: flex;
    margin-bottom: 25px;
  }


/* ************************* Print Attendees Start ************************* */

.aboveTableButtonsContainer {
    margin-bottom: 10px;
}

.aboveTableButtonsContainer * {
    display: inline-block;
}

.aboveTableButtonsContainer a.btn {
    border: 2px solid #000000;
    background-color: #F0F0F0 !important;
}

.certAtndeNameContainer {
    /* padding-top: 385px; */
    /* height: 792px; */
    /* background-color: #ff0000; */
    /* border: 1px solid #000; */
}

/* -------------------------- Print Attendees End -------------------------- */


/* ************************* Admins Start ************************* */

.admins__editIcon1 svg,
.attendees__editIcon1 svg {
    width: 19px !important;
    height: auto;
}
.admins__editIcon1 svg path,
.attendees__editIcon1 svg path {
    transition: .15s ease-in-out;
}

.admins__editIcon1 a:hover path,
.attendees__editIcon1 a:hover path {
    fill: #44b100;
    /* fill: #008000; */
}

.admins__editIcon1 a:focus path,
.attendees__editIcon1 a:focus path {
    fill: #44b100;
}

.admins__removeIcon1 svg {
    width: 25px !important;
    height: auto;
}

.admins__removeIcon1 svg path {
    transition: .15s ease-in-out;
}

.admins__removeIcon1 button.admins__deactivateAdmin_Button:hover svg path {
    fill: #ff0000 !important;
}

.admins__removeIcon1 button.admins__deactivateAdmin_Button:focus svg path {
    fill: #ff0000 !important;
}


.admins__removeIcon1 button.admins__activateAdminButton {
    padding: 5px;
    border: 1px solid #008800;
    background-color: #008800;
    color: #ffffff;
    transition: .23s ease-in-out;
}

.admins__removeIcon1 button.admins__activateAdminButton:hover {
    filter: brightness(120%);
}

/* -------------------------- Admins End -------------------------- */

/* ************************* Admin Info Start ************************* */

#adminInfo__infoContainer {
    margin: 10px auto 50px auto;
    background-color: #f6f6f6;
    padding: 20px 15px;
    width: 90%;
    max-width: 900px;
    border: 1px solid #000000;
}

#adminInfo__infoContainer .adminInfo__infoText {
    margin: 25px 0;
    border: 1px solid #333333;
    padding: 10px;
}

#adminInfo__infoContainer .adminInfo__infoText:first-of-type {
    margin-top: 0 !important;
}

#adminInfo__infoContainer .adminInfo__infoText:last-of-type {
    margin-bottom: 0 !important;
}

.aboveInfoContainer {
    width: 90%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}

.aboveInfoContainer * {
    display: inline-block;
}

/* -------------------------- Admin Info End -------------------------- */

/* ************************* Attendee CNCO Start ************************* */

.atndeInfoInALertH3 {
    margin: 5px;
    text-align: left;
}

.swal-atndeCNCOInfo {
    width: 95% !important;
    max-width: 750px !important;
}

.swal-atndeCNCOInfo h3 {
    margin: 5px;
    text-align: left;
}

.swal-atndeCNCOInfo .swal2-actions {
    margin-top: 0 !important;
}

/* -------------------------- Attendee CNCO End -------------------------- */

/* ************************* Attendee Info Start ************************* */

#adminInfo__editInfoBtn,
#atndeInfo__editInfoBtn {
    float: right;
    margin-bottom: 10px;
    margin-top: -65px;
}

#atndeInfo__editInfoBtn:hover {
    filter: brightness(90%);
}

/* -------------------------- Attendee Info End -------------------------- */

/* ************************* Edit Attendee Start ************************* */

#editAtnde__deleteAttendeeBtn,
#editAtnde__deactivateAttendeeBtn {
    margin-bottom: 10px;
    background-color: #ffffff;
    color: #ff0000;
    font-weight: 700;
}

#editAtnde__deleteAttendeeBtn:hover { 
    background-color: #ff0000;
    color: #ffffff;
    font-weight: 100;
}

#editAtnde__activateAttendeeBtn,
#editAdmin__activateAdminBtn {
    margin-bottom: 10px;
    background-color: #ffffff;
    color: #07dd07;
    font-weight: 700;
}

#editAtnde__activateAttendeeBtn:hover,
#editAdmin__activateAdminBtn:hover { 
    background-color: #07dd07;
    color: #ffffff;
    font-weight: 100;
}

/* -------------------------- Edit Attendee End -------------------------- */

/* ************************* Advanced Admin Edit Start ************************* */

#advncdAdminEdit__passwordCheckBoxContainer {
    margin-left: 15px;
}

#advncdAdminEdit__showPasswordInputCheckbox:not(:checked) {
    margin-bottom: 15px;
}


#advncdAdminEdit__passwordRadioButtonsContainer {
    margin-bottom: 20px;
}

/* -------------------------- Advanced Admin Edit End -------------------------- */

/* ************************* Change Password Start ************************* */

#changePasswordContainer {
    background-color: #ffffff;
    padding: 25px 25px 15px 25px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 13%);
    width: 90%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}

#changePasswordContainer .form-group {
    margin-bottom: 15px;
}

#changePasswordContainer #changePassword_password_msg,
#advncdAdminEdit__password_msg {
    margin-bottom: 15px;
    padding-left: 40px;
}

#changePasswordContainer .form_submitBtn {
    margin-left: 0 !important;
}

/* -------------------------- Change Password End -------------------------- */

/* ************************* Registration Start ************************* */

.eventPosterImage {
    cursor: pointer;
    transition: .23s ease-in-out;
}

.eventPosterImage:hover {
    filter: brightness(80%);
    transition: .23s ease-in-out;
}

/* -------------------------- Registration End -------------------------- */

/* ****************************** 404_1 Start ****************************** */

#p404_1__notfound {
    margin-top: 80px;
    margin-bottom: 80px;
}

  #p404_1__notfound .p404_1__notfound {
    background-color: #ffffff !important;
    border-radius: 10px;
    padding: 25px;
    width: 95%;
    max-width: 767px;
    margin-right: auto;
    margin-left: auto;
  }
  
  .p404_1__notfound {
    max-width: 767px;
    width: 100%;
    line-height: 1.4;
    padding: 0px 15px;
  }
  
  .p404_1__notfound .p404_1__notfound-404 {
    position: relative;
    height: 150px;
    line-height: 150px;
    margin-bottom: 25px;
  }
  
  .p404_1__notfound .p404_1__notfound-404 h1 {
    cursor: default;
    user-select: none;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 179px;
    font-weight: 900;
    margin: 0px;
    text-transform: uppercase;
    background: url('/images/patterns/text1.png');
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
    background-position: center;
  }
  
  .p404_1__notfound h2 {
    user-select: none;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 26px;
    font-weight: 700;
    margin: 0;
  }
  
  .p404_1__notfound p {
    margin-top: 20px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: uppercase;
  }
  
  .p404_1__notfound a {
    text-align: center;
    user-select: none;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    border: none;
    background: #5c91fe;
    padding: 10px 40px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 1px;
    margin-top: 15px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
  }
  
  .p404_1__notfound a:hover {
    opacity: 0.8;
  }
  
  @media only screen and (max-width: 767px) {
    .p404_1__notfound .notfound-404 {
      height: 110px;
      line-height: 110px;
    }
    .p404_1__notfound .notfound-404 h1 {
      font-size: 120px;
    }
  }

/* ------------------------------- 404_1 End ------------------------------- */

/* ****************************** Responsive Start ****************************** */
@media (max-width: 590px) {
    .warningText {
        text-align: center;
    }
}

/* ******************** @media max-width: 950px Start ******************** */
@media (max-width: 950px) {

/* ************************* About Us Start ************************* */

.aboutUs__mainContainer .aboutUs__topInfoRowsContainer {
        display: block !important;
    }

    .aboutUs__mainContainer .aboutUs__topInfoContainer {
        margin-top: 1.5rem;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
    }

/* -------------------------- About Us End -------------------------- */

/* ************************* Event Start ************************* */

.start-end-date-container {
    margin-top: 20px;
    display: block !important;
    flex: 0;
}

/* -------------------------- Event End -------------------------- */

    .eventInfoContainer {
        display: block;
    }
    .eventInfoContainer .posterContainer {
        width: 90% !important;
        flex: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: none;
        margin-bottom: 10px !important;
    }

    .eventInfoContainer .descriptionContainer {
        flex: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin: 10px;
    }
    
    .eventInfoContainer .descriptionContainer h1 {
        font-size: 24px !important;
        height: -moz-fit-content;
        height: fit-content;
        border: 5px double #000000;
    }
    /* ******************** Header Start ******************** */

    /*header {*/
    /*    height: 120px !important;*/
    /*}*/
    
    
    

    header .header img#headerImage {
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    header .header h1#header__mainHeaderText {
        display: none;
    }

    

    
    /* ***** Burger Menu Start ***** */
    nav#mobileNavBar {
        display: block;
        right: 1500px;
        transition: 0.5s ease-in-out;
    }
    
    nav#mobileNavBar ul li a,
    nav#mobileNavBar ul li button {
        background-color: #ffffff;
        color: var(--main_color);
        font-size: 22px;
        transition: .23s ease-in-out;
    }
    
    nav#mobileNavBar ul li a:hover,
    nav#mobileNavBar ul li button:hover {
        background-color: var(--main_color) !important;
        color: #ffffff;
    }

    #mobileNavBar__adminName {
        background-color: #c5fbff !important;
    }

    .burger-menu-icon {
        margin-left: 10px;
        margin-top: -62px;
        float: left;
        cursor: pointer;
        padding: 5px 20px;
        
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

    .burger-menu-icon .burger-nav-icon {
        background-color: #333333;
        display: block;
        height: 2px;
        position: relative;
        transition: background 0.4s ease-out;
        width: 25px;
    }
    
    .burger-menu-icon .burger-nav-icon:before,
    .burger-menu-icon .burger-nav-icon:after {
        background: #333333;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        transition: 0.5s ease-in-out;
        width: 100%;
    }
    
    .burger-menu-icon .burger-nav-icon:before {
        top: 8px;
    }
    
    .burger-menu-icon .burger-nav-icon:after {
        top: -8px;
    }
    
.showMoreMobileNavContainer {
    cursor: pointer;
    width: 15%;
    height: 82px;
    position: absolute;
    right: 0;
    margin-top: -82px;
    margin-right: 10px;
}

.showMoreMobileNavContainer .customPlusIcon span:before,
.showMoreMobileNavContainer .customPlusIcon span:after {
    transition: .23s ease-in-out;
}

.showMoreMobileNavContainer:hover .customPlusIcon span:before,
.showMoreMobileNavContainer:hover .customPlusIcon span:after {
    transition: .23s ease-in-out;
    background-color: silver !important;
}

.showMoreMobileNavContainer:hover ~ a.MobileNavBarMainOption {
    transition: .23s ease-in-out;
    background-color: silver !important;
    color: #008800;
}

    .customPlusIcon {
        margin-top: 25px;
        margin-right: 10px;
        float: right;
        cursor: pointer;
        padding: 5px 20px;
        /* background-color: #000; */
        
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

    .customPlusIcon:hover span:before,
    .customPlusIcon:hover span:after {
        background-color: silver !important;
    }

    .customPlusIcon span {
        top: 10px;
        background-color: transparent;
        display: block;
        height: 3px;
        position: relative;
        transition: background 0.4s ease-out;
        width: 25px;
    }

    .customPlusIcon span:before,
    .customPlusIcon span:after {
        background: #333333;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        transition: 0.5s ease-in-out;
        width: 100%;
    }
    
    .customPlusIcon span:before {
        transform: rotate(-90deg);
        top: 0;
    }

.bgc-silver-imp {
    background-color: silver !important;
}    
    .burger-menu-btn:checked ~ .burger-menu-icon .burger-nav-icon {
        background: transparent;
    }
    
    .burger-menu-btn:checked ~ .burger-menu-icon .burger-nav-icon:before {
        transform: rotate(-45deg);
        top: 0;
    }
    
    .burger-menu-btn:checked ~ .burger-menu-icon .burger-nav-icon:after {
        transform: rotate(45deg);
        top: 0;
    }
    
    .burger-menu-btn:checked ~ nav#mobileNavBar {
        right: 0;
    }

    nav#mobileNavBar ul {
        height: 100%;
        padding: 10px;
        justify-content: center;
        list-style: none;
    }
    
    nav#mobileNavBar ul li {
        width: 100%;
    }

    .MobileNavSecondaryList {
    background-color: #333333;

    }

    nav#mobileNavBar ul li a,
    nav#mobileNavBar ul li button {
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 0px;
        padding: 25px !important;
        border: 1px solid rgba(38,38,38,0.3);
        display: block;
        vertical-align: middle;
        text-align: center;
    }

    nav#mobileNavBar ul li a {
        border-bottom: 1px solid #000000;
    }

    nav#mobileNavBar {
        width: 100%;
        background-color: #ffffff;
        z-index: 999 !important;
        position: absolute;
    }

    #closeMobileNavBar {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 1000px;
        bottom: 0;
        right: 0;
        content: ' ';
        background: rgba(255,255,255,.24);
            transition: 0.5s ease-in-out;
        }
        
        .burger-menu-btn:checked ~ #closeMobileNavBar,
        .burger-menu-btn:checked ~ #closeMobileNavBar {
            left: 0;
        }
    /* ------ Burger Menu End ------ */
    /* --------------------- Header End --------------------- */
    
    /* ******************** Choose Direction Buttons Start ******************** */
    main .cd1_buttons_container .cd1_the_buttons,
    main .nw_buttons_container .nw_the_buttons,
    main .cd2_buttons_container .cd2_the_buttons,
    main .cd3_buttons_container .cd3_the_buttons {
        flex-direction: column;
    }

    main .cd1_buttons_container .cd1_the_buttons .toChooseButton:not(:first-of-type),
    main .nw_buttons_container .nw_the_buttons .toChooseButton:not(:first-of-type),
    main .cd2_buttons_container .cd2_the_buttons .toChooseButton:not(:first-of-type),
    main .cd3_buttons_container .cd3_the_buttons .toChooseButton:not(:first-of-type) {
        margin-top: 15px;
    }
    /* --------------------- Choose Direction Buttons End --------------------- */

    /* ************************* Registration Start ************************* */

    .registration__tabs_container {
        width: 100% !important;
    }

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

    /* -------------------------- Registration End -------------------------- */

    /* ******************** Table Start ******************** */
    .wide_search-container .wide_search_button {
        display: block;
        width: 90%;
        margin: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 5px;
    }

    .searchBarCheckBox {
        margin-top: 5px;
    }
    
    .searchBarCheckBox label {
    }
    /* --------------------- Table End --------------------- */
}
    /* --------------------- @media max-width: 950px End --------------------- */

    /* ------------------------------- Responsive End ------------------------------- */