@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&display=swap&subset=latin-ext');
html{
    scrollbar-color: #0A4C95 #C2D2E4;
    margin-right:0px!important;
    overflow: auto!important;
}
body::-webkit-scrollbar {
      width: 12px;
      height: 10px;
}

body::-webkit-scrollbar-track-piece  {
      background-color: #C2D2E4;
}

body::-webkit-scrollbar-thumb:vertical {
      height: 30px;
      background-color: #0A4C95;
}
.container {max-width:1000px;}
* {box-sizing: border-box;font-family: 'Open Sans', sans-serif;transition: all 0.3s ;}
body {padding-right:0px!important;margin: 0px;padding: 0px;font-size:18px; color:#2d3538;background:linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(134,158,196,1) 150%);position:relative;min-height:100vh;display:flex;flex-direction:column}
#body {background:rgba(255,255,255,0.7);padding-bottom:45px;
-webkit-box-shadow: 0px 0px 25px 2px rgba(46,94,168,0.2) ;
-moz-box-shadow: 0px 0px 25px 2px rgba(46,94,168,0.2);
box-shadow: 0px 0px 25px 2px rgba(46,94,168,0.2)}
#body > section >h2:first-of-type {margin-top:0px;padding-top:15px;}

h1 {font-size:48px;margin-bottom:10px;}
h2 {font-size:34px;margin-bottom:10px;padding-bottom:5px;border-bottom:2px solid #2e5ea8;color:#2e5ea8;margin-top:15px;}
h3 {font-size:20px;margin-bottom:10px;background:#2e5ea8;padding:10px;color:#fff!important}
h4 {font-size:18px;color:#2e5ea8;font-weight: bold;}

//Bootstrap átírás, mert rosszul definiál
#navbarNav > ul > li {padding:10px;padding-left:10px;padding-right:10px;}
.navbar {padding:0px;}
.navbar-brand {margin:auto;}
#navbar-nav > li > a, .navbar-toggler {padding:10px;}
#login_email, #forgot_password, #reg_email:not(.reg_finish) {max-width:400px;}
#login_email > label > *, #forgot_password > label > *, #reg_email > label > * {width:100%;max-width:100%;}
/* WS #reg_email {width:100%;margin-right:25px;}*/
#reg_email {margin-right:25px;}
input[type=text], input[type=password], textarea {width:100%;border:1px solid #2e5ea8!important;box-shadow:inset 0px 5px 5px #eeeeee;font-size:14px;height:2.6em;padding-left:2%;margin-bottom:15px;}
button, .btn {border-radius:10px;border:0px;color:#fff!important;width:100%;height:2.6em;font-size:16px;;font-weight: bold;background: linear-gradient(0deg, rgba(46,94,168,1) 0%, rgba(130,180,224,1) 100%);text-transform: uppercase;color:#fff
}
.modal-dialog button, .modal-dialog .btn {border-radius:0;height:2.6em;font-size:16px;text-transform: uppercase;background:#2e5ea8;color:#fff;font-weight: bold;border:0;cursor: pointer;}
button:hover, .btn:hover {color:#fff;}
.modal-dialog .close {background:transparent;color:#2d3538!important;font-size:22px;}
.modal-dialog .close:hover {color:#2d3538!important;}
.btn {width:auto;}
.parallax {display:flex; align-items:flex-end;justify-content:center;}
.parallax > div a {border-radius:15px;color:#fff!important;display:block;margin-bottom:25px;font-size:24px;padding:15px 35px;background: linear-gradient(0deg, rgba(46,94,168,1) 0%, rgba(130,180,224,1) 100%);text-transform: uppercase;color:#fff
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2)
}
.parallax > div a:hover {cursor:pointer;text-decoration: underline!important;
-webkit-box-shadow: 0px 0px 10px 2px #2e5ea8;
-moz-box-shadow: 0px 0px 10px 2px #2e5ea8;
box-shadow: 0px 0px 10px 2px #2e5ea8
}

#navbarNav > ul {list-style: none;margin:0px;padding:0px;display:flex;}
#navbarNav > ul > li > a, .navbar-toggler, .dropdown-item {color:#2e5ea8;font-size:16px;padding:10px;}
.navbar-toggler {background:transparent;color:#2e5ea8!important;}
#navbarNav > ul > li > a:hover, a[aria-expanded="true"], .dropdown-item:hover {background:#2e5ea8;color:#fff!important}
.show > ul {flex-direction:column;}
#navbarNav > ul > li > a {display:block;}
.header-menu-container {max-height:100%;border-bottom:2px solid #2e5ea8;background:rgba(255,255,255,0.9);width:100%;overflow:auto;}
.dropdown-menu, .header-menu-container {-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3)}
.dropdown-menu {z-index:998}

.cover { width:100%;height:100vh;border-bottom:5px solid #2e5ea8}

.open {display:flex!important;height:100%;}

.open-down::before {content: "▼";  }
section:not(#home_tickets) > h3[onclick="toggleBox(event)"] {margin-bottom:0px;}

h3[onclick="toggleBox(event)"]:not(.open-down)::before { content: "►";}
.ticket {max-height:0px;overflow: hidden;}
.open-down + .ticket {max-height:1000px;transition:max-height 1s;}
section:not(#home_tickets) > .ticket {}

#home_tickets > .ticket  {display:flex;flex-wrap: wrap;  justify-content:center;width:100%;}
section:not(#home_tickets) > .ticket {width:100%;padding:5px;margin-bottom:0px;}
section:not(#home_tickets) > .open-down + .ticket {margin-bottom:10px;}
.ticket > ul {list-style: none url();margin:10px;margin-bottom:15px;background:#EAF1F9;flex-basis:0;flex-grow: 1;min-width:250px;font-size:16px;padding:0px;border-bottom:2px solid #2e5ea8}
.ticket > ul > li:first-of-type {flex-direction: column;}
.ticket > ul:not(.sale) > li:first-of-type {background:#2e5ea8}
.ticket > ul > li:first-of-type > p:first-of-type {font-size:20px;width:100%;font-weight: bold;text-transform: uppercase;}
.ticket > ul > li > p {margin:0px;color:#fff;text-align:center}
.ticket > ul > li {color:#4e4e4e;margin:0px;padding:10px 20px;display:flex;justify-content:center;}
.ticket > ul > li > a {padding:15px 25px;width:100%;text-align:center;font-size:20px;}
.ticket > ul:not(.sale) > li > a  {background:#898989;}
.ticket > ul:not(.sale) > li > a:hover {color:#ddd}

#footer {background:#2e5ea8;color:#fff;padding:15px;}
#footer > div {text-align:center;}
#footer > div > p {margin-top:0px;margin-bottom:0px;}
#footer > div > p:last-of-type > i {font-size:28px;border:2px solid white;margin:5px;height:50px;width:50px;vertical-align: middle;padding-top:13px;line-height: 70%;border-radius:10px;}
#footer > div > p:last-of-type i:hover {color:#2e5ea8; background:#fff;cursor:pointer}
.flag {height:20px; width:auto;border-radius:8px;}
.dropdown-menu {margin:0px;padding:0px;border-radius:0px;border:0px;border-bottom: 2px solid #2e5ea8;background:rgba(255,255,255,0.9);}
.dropdown-item > i {margin-left:5px;}

 .home_head {}
  .header-menu-container {position:fixed;z-index:999}
 .sti {position:fixed;top: 0px!important;border-top:0px solid #2e5ea8!important;}


.header-menu-container + .container {padding-top:55px;}
 @media (min-width: 575px) {
  .home_head {top:0px;border-top:0px;}
 .nav-item,.nav-link {text-align:left;}
 .flag + span {display:inline-block;}
 .header-menu-container {overflow:auto!important;}
 .shop_gallery {margin-right:0px;order:3;}
 .about-box:nth-of-type(odd) > div:nth-of-type(2) {margin-left:0px;}
 .about-box:nth-of-type(even) > div:nth-of-type(2) {margin-right:0px;}
 }
@media (max-width: 575.98px) {
  .modal-profile-picture + div > h4 {margin-top:15px;}
}
 @media (min-width: 576px) {
  .shop_gallery {margin-right:15px;order:0}
 .home_head {top:30px;border-top:2px solid #2e5ea8;}
 .nav-item,.nav-link {text-align:center;}
 .flag + span {display:none}
 .header-menu-container {overflow:visible!important;}
 .dropdown:hover>.dropdown-menu {
   display: block;
 }
 .about-box:nth-of-type(odd) > div:nth-of-type(2) {margin-left:15px;}
 .about-box:nth-of-type(even) > div:nth-of-type(2) {margin-right:15px;}
 .dropdown>.dropdown-toggle:active {
   pointer-events: none;
 }
.modal-profile-picture + div > h4 {margin-top:0px;}
 }
 @media (min-width: 770px) {
 #save_main label:not(.form-check-label),  .reg_finish label:not(.form-check-label)  {text-align:right;}
 }

.fb {height:100%}
.navbar-brand {padding:0px;}
.navbar-brand > img {height:35px;width:auto;margin:0px;padding:0px;}
.logo-mini::after { display: block;content: ' ';background-image: url('../img/logo-mini.svg');background-size: 20px 20px;height: 20px; width: 20px;display:inline-block;vertical-align: middle;}

.shop_block_images img{width:auto; height:270px;}
.shop_gallery  img {border:1px solid #2e5ea8;box-sizing:content-box;margin:3px;}
.shop_block_images > a {margin:auto;}

.item-desc {margin-top:25px;}

#content-slider_ img {height:83px;width:auto;}
.product_block > div:first-of-type > {padding:10px;}
.product_block {background:#EAF1F9;border:2px solid #2e5ea8;margin-bottom:15px;padding:10px;}
.product_name {margin:-10px;margin-bottom:10px;}
.product_block select {margin-left:15px;}

select {
    font-size:14px;
    border: 1px solid #2e5ea8;
    box-shadow: inset 0px 5px 5px #eeeeee;
    min-width:100px;
}

option {font-size:14px;}
#body .event-picture {max-width:100%;height:auto;width:auto;display:block;align-self:flex-start;margin:15px;margin-top:0px;margin-bottom:0px;}
#event-detail span:nth-of-type(odd) .event-picture {order:1;}
#event-detail > h3 {margin-top:15px;}
.event-box > * {flex-grow:1;flex-basis:0;}
.event-box p:last-of-type > i {font-size:28px;border:2px solid #2e5ea8;margin:5px;height:50px;width:50px;vertical-align: middle;padding-top:13px;line-height: 70%;border-radius:10px;color:#2e5ea8}
.alert p {font-size:14px;margin:0px;}
.input-error {animation-name: error-anim; animation-iteration-count: 1; animation-duration: 4s;}

  @keyframes error-anim {
  from {border:1px solid #e81123}
  to {border:1px solid #2e5ea8;}
}

#save_main label, .reg_finish label {margin-bottom:5px;max-width:150px;width:100%;}
#save_main label:not(.form-check-label), .reg_finish label:not(.form-check-label) {width:100%;text-transform:uppercase;font-weight:bold;margin-left:-15px;}
#save_main *:not(.icon), #profil_profiladatok, .reg_finish *:not(.icon) {font-size:14px!important;}
#profil_profiladatok label {font-weight:bold;text-transform:uppercase}
#save_main h3, .reg_finish h3 {font-size:18px!important;font-weight:bold;margin-left:-10px;margin-right:-10px;margin-top:-10px;text-align:center;text-transform:uppercase;}
#save_main > div > div, .reg_finish > div > div  {padding:10px;margin:5px;margin-bottom:-6px!important;background:#EAF1F9;border:1px solid #2e5ea8;}
i[data-toggle="tooltip"] {color:#2e5ea8}
.cropit-preview {border:1px solid #2e5ea8;box-shadow:inset 0px 5px 5px #eeeeee;border-radius:.25rem}
.cost_list {border:2px solid #2e5ea8;font-size:16px;margin-top:15px;margin-bottom:15px;}
.cost_list h3 {margin-left:-15px;margin-right:-15px;margin-bottom:0px;text-align:center}
  .cost_list > div:nth-of-type(even) {background:#EAF1F9;padding:5px;}
  .cost_list > div:nth-of-type(odd) {padding:5px}
.cost_list > div:nth-last-of-type(2) {border-top:3px double #000;background:none;}
.cost_list > div:nth-last-of-type(2), .cost_list > div:last-of-type {background:#EAF1F9 }

.ticket_table > div, .room > div {padding-left:5px;padding-right:5px;margin-bottom:10px;}
.ticket_table, .room {margin:0px;}
.ticket_table > div > div {border:2px solid #2e5ea8;background:#EAF1F9;font-size:16px;font-weight:bold;}
.ticket_table > div > div > div {padding:5px;}
.ticket_table > div > div > div:first-of-type {color:#fff;background:#2e5ea8}
.ticket_table > div > div > div:last-of-type:not(:first-of-type) {font-size:14px;font-weight:normal;}
.tickets {height:100%}
.tickets > div {margin-left:0px;margin-right:0px;}
.tickets > div > div {padding-left:5px;padding-right:5px;}
.tickets label {white-space:normal!important;}
.tickets .lcs_wrap {position:absolute;}
.tickets .lcs_wrap + label {margin-left:70px;}
.
.ticket_table > div, .room > div {padding:5px;}
.ticket_table .ar {white-space:nowrap}
.extend > div > div > div {height:100%;}

#sponsor_info_on > div {height:auto;}
.profile_content  h4 {margin-top:15px;margin-bottom:5px;}

/*.ticket_table {font-size:14px;}
.ticket_table > div > div >div:first-of-type {font-weight: bold;}
.ticket_table > div > div {border:1px solid #2e5ea8; background:#EAF1F9;padding:10px;margin:5px;margin-top:0px; }*/
.alert {border-left:5px solid}

div(div + div[title="Regiszráció sorszáma"]) {background:#ff00ff;}
input[name="image-upload"] {width:100%;}
#save_main ul {margin:0px!important;padding:0px;padding-left:20px;}
#save_main #name_caracter {display:inline-block;width:80%}
#save_main #name_caracter + p {display:inline-block;width:10%}
.btn[id="upload"], .btn[id="delete"] {margin-right:10px;font-size:12px;text-transform:none;}
#save_bt {width:100%;max-width:200px;}
.close {width:auto;}
.modal-body p {margin-bottom:0px;}
.modal-body {font-size:16px;}
.purchase {font-weight:bold;cursor:pointer}
.purchase:hover {text-decoration:underline}

#login_email > button, #reg_email > button {margin-bottom:15px;}
.facebook {width:100%}

.cropit-preview {margin:auto;}
.image-editor * {font-size:18px!important;}
.icon {padding:10px}
.icon:hover {color:#2e5ea8}
.image-range > input, .slider-wrapper {width:100%;min-width:200px;max-width:200px;}

.image-editor .cropit-preview {
  /* WS */
  height: unset !important;
  width: 100% !important;
  padding-top: 75% !important;
}
.zoom-anim-dialog {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    max-width: 500px;
    margin: 40px auto;
    padding:1rem 1rem;
    padding-top:50px;
}
.mfp-close {border-bottom:1px solid #dee2e6!important;width:100%!important;padding-right:1rem!important;text-align:right!important}
.mfp-footer {width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem;padding:1rem;padding-bottom:0rem;border-top:1px solid #dee2e6;text-align:right;}
.switch_program_alert h4 {position:absolute;top:10px}
.program_alert_ok {margin-bottom:0px;height:auto;}
.image-popup > i {font-size:45px!important;}

.box_list {margin-left:-15px;margin-right:-15px; }
.perspective {perspective: 600px;}
.profile_type_part {margin:2px;margin-bottom:5px;margin-top:0px;display:inline-block;border:2px solid #2d3538;border-radius:8px;height:40px;width:40px;max-width:40px;text-align:center;font-size:18px!important;line-height:200%}
.type-media:after {content:"\f083";font-weight: bold;font-family:"Font Awesome 5 Free";}
.type-staff:after {content:"\f005";font-weight: bold;font-family:"Font Awesome 5 Free";}
.type-guest:after {content:"\f2c1";font-weight: bold;font-family:"Font Awesome 5 Free";}

.type-suiter:after {content:"\f083";font-weight: bold;font-family:"Font Awesome 5 Free";color:transparent;}
.type-suiter {background:url('../img/icons/fursuit.svg'); background-repeat: no-repeat;  background-position: center;}
.type-sponsor:after {content:"\f2b5";font-weight: bold;font-family:"Font Awesome 5 Free";}
.list_profile_box {text-align:center;margin:15px;background:#EAF1F9;min-width:210px;max-width:210px;position:relative;border-top-left-radius:13px;border-top-right-radius:13px;overflow:hidden;border:2px solid #2e5ea8;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);

  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 1s, box-shadow 0.3s;
  position:relative;

}
.list_profile_box:hover {

  -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,200,0.6);
  -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,200,0.6);
  box-shadow: 0px 0px 10px 1px rgba(0,0,200,0.6);
cursor:pointer;
}
.list_profile_box > span {
  width: 100%;
  height: 100%;
position:relative;
  transition: opacity 0s linear 0.29s;
}
.list_profile_box > span:nth-of-type(2) {transform: rotateY(180deg);position:absolute;  padding:10px;pointer-events:none;}
.is-flipped {
  transform: translateX(-100%) rotateY(-180deg);

}
.list_profile_box > span:first-of-type {opacity:1;pointer-events:all;}
.list_profile_box > span:last-of-type {opacity:0;pointer-events:none;}

.is-flipped > span:first-of-type {opacity:0;pointer-events:none;}
.is-flipped > span:last-of-type {opacity:1;pointer-events:all;}

.list_profile_box > h3 {overflow:hidden;}
.list_profile_box img:first-of-type {width:210px;height:0px;height:auto;max-height:200px;}
.list_profile_box .flag {display:block;width:64px;height:72px;position:absolute;top:0px;right:0px;border-radius:0px!important}
.species, .rank {padding:10px;padding-top:0px;}
.species {margin-bottom:0px}
.rank {width:100%;text-align:center}

.list_profile_box > a {width:100%;background:#a6d4ba;font-size:14px;border-top:1px solid #8c6559;padding-left:10px;padding-right:10px;cursor:pointer;color:#2d3538;position:absolute;bottom:0px;}
.list_profile_box > a + .profile_type {margin-bottom:20px;}
.modal-profile-picture > img {width:100%;height:auto;display:inline-block;margin:auto;border:2px solid #2e5ea8;}
.modal-profile-picture {}
.modal-profile-picture + div > h4 {margin-bottom:5px;}

#attendees-statistics > p:not(:last-of-type) {margin:0px;}

.c_b {width:100%;margin-bottom:15px;}
.c_b > img {border:1px solid #2e5ea8;border-radius:.25rem }
.c_b > button {display:inline-block;width:auto;}
/* WS #wait_mail {display:none;margin-bottom:15px;margin-bottom:15px;}*/
#wait_mail {display:block;margin-bottom:15px;margin-bottom:15px;}

.custom_rank-sponsor {font-size:14px;background:#ffc107;color:#343a40!important;margin:0px;margin-top:-10px;margin-bottom:5px;padding:3px }
#reg_email h4 {font-size:18px!important;margin-left:15px;margin-top:15px;}
.reg_finish {margin-right:0px!important}

.card-prof {background:#EAF1F9;border: 2px solid #2e5ea8;margin-bottom:15px; height:100%;}
.card-prof *:not(h3) {font-size:14px;}
.card-prof h3 {font-size: 16px;font-weight:bold;margin-bottom:0px;text-align:center;}
.card-prof > div {padding:20px}
.card-prof select {width:100%;}
.card-prof .ar + div {text-align:center;margin-top:10px;}
.room {margin-bottom:10px;}

.validetta-bubble_change {
  position: absolute;
  background-color: #cd2e26;
  /*max-width: 170px;*//*125px;*/ /* WS 325px; */
  border-radius: 5px;
  color: white;
  padding: 5px 12px;
  z-index: 9;
  font-size: 13px; /* WS */
}
.validetta-bubble_change:before {
  content: '';
  position: absolute;
  display: block;
  height: 0;
  width: 0;
  border-width: 5px;
  border-style: solid; }
.validetta-bubble_change--right {
  margin-left: -170px;
}

.validetta-bubble_change--right:before {
  top: 7px;
  left: -10px;
  border-color: transparent #cd2e26 transparent transparent;
}

.form-group-declaration .validetta-bubble_change--bottom {
  margin-top: 10px;
  margin-left: -15px;
}

.validetta-bubble_change--bottom::before {
  top: -10px;
  left: 10px;
  border-color: transparent transparent #cd2e26;
}
.alert {font-size:14px;}


/* swictch YES-NO */
.lcs_switch.lcs_off .lcs_label_off {
	background: url('/img/no.png') no-repeat center !important;
	width: 22px !important;
	height: 19px !important;
}
.lcs_switch.lcs_on .lcs_label_on {
	background: url('/img/yes.png') no-repeat center !important;
	width: 22px !important;
	height: 19px !important;
}
.lcs_switch.lcs_off{
	background: #ff6666 !important;
}
.lcs_switch.lcs_on{
	background: #99ffcc !important;
}
/* méret */
.lcs_switch {
	width: 60px !important;
	height: 24px !important;
}
.lcs_switch.lcs_on .lcs_cursor {
    left: 36px !important;
}
.lcs_switch.lcs_off .lcs_cursor {
    left: 1px !important;
}
.lcs_cursor {
	top: 1px !important;
}
.lcs_label{
	top: 3px !important;
}

.alert-primary {color:#3498db;border-color:#3498db}
.alert-success {color:#27ae60;border-color:#27ae60}
.alert-danger {color:#e74c3c;;border-color:#e74c3c;}
.alert-warning {color:#e67e22;;border-color:#e67e22;}


.mfp-img-mobile {width:100%!important;position:fixed;}
.about-box-team h3 {margin:-15px;margin-bottom:15px;}
.about-box-team img {height:auto;width:100%;}
.about-box-team div {position:relative}
.about-box-team div:nth-of-type(2) {padding:15px;}


.about-box-team h4 {font-size:14px;background:#721c24;color:#fff!important;margin:0px;padding:5px;text-align:center; }

.about-box-team span {text-align:center;}
.about-box-team span > * {margin:0px;}

 @media (max-width: 575px) {
.about-box-team:nth-of-type(even) div:nth-of-type(1) {order:0;}
.about-box-team div:nth-of-type(1) {max-width:100%;}
.about-box-team div:nth-of-type(1) {border:0px;background:#721c24; color:#fff;}
.about-box-team div:nth-of-type(1) span > a {border-color:#fff}
.about-box-team {background:#EAF1F9;border:2px solid #2e5ea8;margin-bottom:15px;}
.about-box-team span {padding:10px;}
 }
 @media (min-width: 576px) {
.about-box-team:nth-of-type(even) div:nth-of-type(1) {order:1;border-top-right-radius: 13px;overflow:hidden;}
.about-box-team:nth-of-type(odd) div:nth-of-type(1) {border-top-left-radius: 13px;overflow:hidden;}
.about-box-team div:nth-of-type(1) {min-width:220px;width:100%;max-width:206px;}
.about-box-team div:nth-of-type(1) {border:2px solid #2e5ea8;background:#EAF1F9;}
.about-box-team {margin-bottom:15px;}
.about-box-team div:nth-of-type(1) span {margin:auto;}
.about-box-team span {padding:5px;}
}
table {border-color:#2e5ea8}
h3 + p + table {margin-top:-16px;}
.btn_reload {width:40px!important;}
.margin-switch {margin-left:65px;}
.absolute-align-bottom {position:absolute;bottom:5px}

.hr-separator {border-top:1px solid rgba(0,0,0,.1);display:block;;height:15px;position:relative;margin-top:10px;margin-bottom:10px;}
.hr-separator > p {font-size:14px;text-align:center;display:inline-block;position:absolute;top:-12px;left: 50%;
transform: translateX(-50%);background:#fff;padding-left:15px;padding-right:15px;}

.turn-card-icon {position:absolute;right:3px;bottom:3px;transform: scaleY(0.7);}
.list_profile_box:not([onclick]) {cursor:default;}

.room-cont > div > * {transition: padding 0s}
.room-box {border:2px solid #2e5ea8;margin-top:-2px;height:calc(2px + 100%);    -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;cursor:default}
.room-box > span {display:flex;padding:5px;}
.room-box > span > p {align-self:center;margin:0px;width:100%;text-align:center;}
.room-box > span:not(:first-of-type) {background:#EAF1F9}
.room-box > span:first-of-type {background:#2e5ea8;color:white;font-weight:bold;}
.room-box > span:nth-of-type(2) {border-right: 1px solid #2e5ea8}


.room-enter {font-size:16px;background:#D0E5CA!important;font-weight:normal!important;}
.room-current > span:not(:first-of-type) {background:#FFF5D4;}
.room-mine {font-weight:bold;}
.room-error {font-size:16px;background:#E5C5BF!important;font-weight:normal!important;}

.pl-7 {padding-left:6rem}


.room-selected button, .button-leave-room {background: linear-gradient(0deg, rgb(168, 46, 46) 0%, rgb(224, 130, 130) 100%);}
.room-selected {border-color:#b35813!important}
.room-selected > div:first-of-type {background:#df701b!important;}
.rooms > div:first-of-type {height:52px;}
.rooms > div:first-of-type > * {align-self:center}
.rooms ul {margin-bottom:0px;}
.size-2 {font-size:2rem}