/* Reset margins and paddings */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
    direction: ltr;
    font-family: 'mazzardh-regular',poppins, Sans-serif;
    margin: 0;
    color: white;
    text-align: left;
    background: linear-gradient(182.9deg, #0D0D66 5.24%, #0A0A3F 90.65%);
    background-image: url('../images/bg.jpg');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: sans-serif;
}

.blackDrop
{
    position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: black;
  opacity: 0.5;
  transition: opacity 1.3s;
  z-index:2000;


}
.popup
{ 

 position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index:3000;

}

.popup-cus
{

    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index:3000;
}

.popup img
{
    
}

.slot{

    margin-bottom:20px;
    width:100%;
     background: rgba(255, 255, 255, 0.05);
    border-radius:5px;
    border-color:black;
    border-width:1px;
    padding:5px;
    color:black;
    height:50px;
    color:white;
}

.RunOutMsg
{
    padding:10px;
    font-size:14px;
    min-width:80px;
    font-weight:500;
}

.slot h2{  
    text-align:left;
    font-weight:500;
    font-size:15px;
    margin-top:20px;
    margin-left:10px;
}
.btnCont {
    float:right;
    margin-top:-45px;

       
}

    .btnSlot {
        max-width: 80px;
        width: 80px;
    font-size:14px;
    padding:5px;


    }

.CamIcon 
{
    width:100%;
    text-align:center;
    max-width:250px;
    text-align:left;
    margin:auto;
    background-color:whitesmoke;
    border-radius:10px;
       margin-top:-45px;
       padding-left:10px
}

.BottomBG {
    
background: linear-gradient(182.9deg, #0D0D66 5.24%, #0A0A3F 90.65%);
    /*background-repeat:no-repeat;*/
    background-size:contain;
}



html
{
    position: relative;
    min-height: 100%;
} 


#mainApp
{
    max-width:740px;
    margin:auto;
    min-height:100hv;
}

#Panelconnected {


    background-image: url('../images/header-bg.jpg');
    background-size:cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1005;
    height: 70px;
    padding-top: 10px;
    color: #051a6b;
}

.btn-Submit {
  background: linear-gradient(135deg, #7f3cff, #e42aff);
  color: white;
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-Submit:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}



#PanelNetworking
{
    padding-left:15px;
    padding-right:15px;
}

.btn-search
{
    max-width:100px;
    margin-left:10px;
}

.btn-logout  
{
    padding:0;
    height:22px;
    width:50px;
    font-weight:500;
    font-size:12px;
    background-color:#0A0A3F;
    color:white;
    position:fixed;
    bottom:15px;
    right:10px;
}





.header-logo
{
    margin:auto;
    width:100%;
    text-align:center;
    margin-top:13px;
    padding-left:10px;
    padding-right:10px;

}

.header-logo img
{
    max-width:500px;
    width:100%;
}

#PanelSponsors 
{
    margin-top:120px;
}
#PanelSponsors  h1
{
    font-size:31px;
    margin-bottom:30px;
}
#PanelSponsors img
{
    width:100%;
}

.tbcode
{
    min-width: 250px;
}

/*home design*/

.button-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 10px;
}

.action-button {
    border-radius: 16px;
    width: 45%;
    min-width: 160px; 
    text-align: center;
    padding: 10px 10px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    border: none;
    display: block;
    transition: background 0.3s ease;
    z-index:0;
}

.action-button:hover {
    background: rgba(255, 255, 255, 0.12);
}

.dayInfo
{
    width:100%;
     
}


 
    .header {
      background: #337ef5;
      color: white;
      text-align: center;
      padding: 20px;
      font-size: 20px;
      font-weight: bold;
    }
    .sub-header {
      background: #d851d4;
      color: white;
      font-weight: bold;
      padding: 10px 20px;
    }
    .agenda {
      padding: 20px;
    }

 
    .time {
      font-weight: bold;
      width: 80px;
      display: inline-block;
    }
    .title {
      font-weight: bold;
    }
    .eng {
      background: #1c2e66;
      color: white;
      font-size: 10px;
      padding: 2px 5px;
      border-radius: 4px;
      margin-left: 5px;
    }
    .speakers {
      color: #3366cc;
      margin-top: 4px;
      font-size: 14px;
    }
    .mod {
      font-style: italic;
      font-size: 13px;
    }
    .footer {
      background: #d851d4;
      color: white;
      font-weight: bold;
      padding: 10px 20px;
      text-align: center;
    }

.button-grid img {
    height: 48px;
    margin-bottom: 12px;
}

.button-grid h1 {
    font-size: 16px;
    margin: 0 0 6px;
    font-weight: bold;
    text-align: center;
}

.button-grid p {
    font-size: 12px;
    margin: 0;
    text-align: center;
}


/* end*/
h1
{
    


font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 128%;
/* or 33px */
align-items: center;
text-align: center;

/* White */
color: #FFFFFF;

 
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}
    .smallNumber
{
        font-size:18px;
        font-weight:300;

    }

.yellow
{
    color:#FFFB4D;
}


#BtnCheckCode
{
    margin: auto;

    margin-top: 10px;
}

.alert-danger
{
    width:100%;
    display:block;
    text-align:center;
}
#PanelCelllVerify 
{
     
    max-width: 400px;
    position: absolute;
    text-align: left;
    right: 50%;
    margin-right: -200px;
    margin-top: 200px;
    background-color: #0A0A3F;
    padding: 15px;
    border: solid; 
    border-color: #FFC909;
    border-width: 5px;
    border-radius: 10px;
    z-index: 2000;
}
#PanelCelllVerify .row {
    margin-top:15px;
}
.TeamBox
{
    background-color: rgba(0, 0, 0, 0.75); 
    padding: 10px;
    margin: 20px;
    border-style: solid;
    border-width: 2px;
    border-color: var( --global-color-d4f8405 );
    text-align: left;
    min-width: 330px;  
}
.ratingTitle
{
    display:block;
}
.parmName
{
    color:white;
    display:block;
    font-size:17px;
    margin-top:-10px;
}


.VoteBox
{ 
    position: relative;
    display: block;
    vertical-align: bottom;
    margin: 0 -1px;
    padding: 8px 10px 7px;
    background: #19181c;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    margin-top: 30px; 
    height:70px; 
    width:100%;
    text-align:left;
}

.judge
{
    margin-top:10px ;
}
  .rateBox 
{
    float:right;
    background-color:black;
    padding:3px;
    padding-right:10px;
    padding-left:10px;
    
} 

  
.leftRate
{
    margin-top:px;
    float:left;
}
.rateBox span
{
        background:-webkit-linear-gradient(left,#64B64F,#F2D964);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
   font-family: pixel,Sans-serif;
    font-size: 30px;
    font-weight: 900;
    line-height: 50px;
    
}


.RadRating
{
    width:unset !important;
    height:24px !important;
}




#BtnCheckCode
{
    width: 100%;
}

.btn-darkblue
{
    background-color: #21303d;
    color: white;
}

#vote
{
    background-color: #00000073;
    position: absolute;
    top: 60px;
    width: 100%;
    height: 70px; 
}

.btn-vote
{
    
    background-color: #41b14f;
    background-image: linear--gradient(#9ec14c, #41b14f);
    color: #fff;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 25%);
    transition: box-shadow .2s ease-in-out;
    min-width: 300px;
    margin-top: 10px;
    font-weight: 600;
}

   .MainLogo img
    {
        max-width:500px;
    }

      .MainLogo 
    {
        margin-top:80px;
    }


     

.teamName
{
    font-weight: 600;
}

.page-btn
{
    background-color: #0d3253;
    min-width: 250px;
    color: white;
}

.gift-recived
{
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-weight: 700;
    color: #fad545;
}

.topBar
{
    /*   background-color: #0b2650; */
    height: 120px;
    width: 100%;  
    padding: 5px;
    z-index: 100;
    position: absolute;
    top: 0;
} 

#PanelGroupTable 
{
    padding-left:20px;
    padding-right:20px;
    margin:auto;
       max-width:600px;
       text-align:center; 
}

.room-w
{
    max-width:150px;
}

.room-r
{
    max-width:60px;
    height:auto !important;
    text-align:center;
    margin-top:2px;

}

/* toggle cb*/


.toggle-control {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    position: relative;
}

.toggle-control input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.toggle-slider {
    width: 48px;
    height: 24px;
    background-color: #555;
    border-radius: 24px;
    position: relative;
    transition: background-color 0.3s;
    box-shadow: 0 0 5px #0ff;
    margin-right: 10px;
}

.toggle-slider::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    top: 3px;
    left: 3px;
    transition: transform 0.3s ease;
    box-shadow: 0 0 4px #0ff;
}

/* ON state */
.toggle-control input[type="checkbox"]:checked + .toggle-slider {
    background-color: #00ffaa;
    box-shadow: 0 0 10px #00ffee;
}

.toggle-control input[type="checkbox"]:checked + .toggle-slider::before {
    transform: translateX(24px);
}

.toggle-text {
    font-size: 14px;
    color: white;
}

.toggle-text-off
{
        font-size: 14px;
    color: white;
    padding-right:5px;
}

.cbToggle
{
    width:100%;
    text-align:right;
}

/* maavaron*/
#splashScreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: black;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 1s ease;
}

#splashScreen.hidden { 
    opacity: 0;
    pointer-events: none; 
}

#splashImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width:574px;
}





/* connect */
#PanelNetworking .contact-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(125deg, #0b0c66, #4C1F8C);
    color: #ffffff;
    padding: 10px 10px;
    margin-bottom: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


#PanelNetworking .contact-info {
    flex-grow: 1;
}

#PanelNetworking .contact-name {
    font-size: 18px;
    font-weight: bold;
    color: #00D4FF;
    margin-bottom: 2px;
}

#PanelNetworking .contact-title {
    font-size: 0.95em;
    color: #E0E0E0;
    font-style: italic;
    margin-bottom: 6px;
}

#PanelNetworking .contact-company {
    font-size: 1em;
    color: #B2EBF2;
}

#PanelNetworking .btn-connect {
    background-color: #00C0F0;
    border: none;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    font-weight:500;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width:100%;

}
#PanelNetworking .btn-connect-Add {
    background-color: #448e31;
    border: none;
    padding: 5px 10px;
    font-size: 10px;
    color: #fff;
    font-weight:500; 
    border-radius: 4px;
    cursor: pointer; 
    transition: background-color 0.3s ease;
    width:100%;

}

#PanelNetworking .btn-connect-Message {
    background-color: #64B64F;
    border: none;
    padding: 5px 10px;
    font-size: 10px;
    color: #fff;
    font-weight:500; 
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width:100%;
    margin-bottom:3px;

}
#PanelNetworking .btn-connect-you {
    background-color: #64B64F;
    border: none;
    padding: 5px 20px;
    font-size: 12px;
    color: #fff;
    font-weight:500; 
    border-radius: 4px;
    transition: background-color 0.3s ease;
    width:100%;
}

#PanelNetworking .contact-action
{
    max-width:95px; 
}


#PanelNetworking .btn-connect-pendding {  
    background-color: #DD6B55;
    border: none;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    font-weight:500;
    border-radius: 4px;
    transition: background-color 0.3s ease;
    width:100%;

}
#PanelRegister
{
    margin-top:120px;
    padding-left:15px;
    padding-right:15px;
}

#PanelNetworking .btn-connect:hover {
    background-color: #00A4CC;
}

#PanelNetworking h1
{
    margin-bottom:10px;
}
/* connect */

#BtnRooms h1
{
    margin-bottom:-4px;
}
#PanelBonus
{
       padding-left:20px;
    padding-right:20px;

}
#PanelBookRoom
{
    margin-bottom:150px;
    margin-left:15px;
    margin-right:15px;
}

#PanelCustomPOP {
    height:300px;
    max-width:375px;
    text-align:center;

}

#BtnPopup1
{
    max-width:375px;

}


.btn-pop
{
    margin-top:15px;
    padding:18px;
    border-radius:68px;
    background-color:#1EEBB8;
    min-width:150px;
    color:rgba(10, 10, 63, 1);
    font-size:17px;
    font-weight:600;
}

.tableText
{
    width:100%;
    min-height:150px;
    background-color:#ffffff47;
    padding:10px;
    border-radius:10px;
    text-align:left;
    margin-top:10px;
}


.innerpopCustom
{
        min-width:436px;
    margin:auto;
    text-align:center;
    padding-left:20px;
    padding-right:20px;
    background-color:#6D81A6;
    border-radius:10px;
    padding:20px;
    padding-bottom:30px;
    border-bottom:solid;
    border-bottom-width:8px;
    border-bottom-color:#1EEBB8;


}
.innerpop
{
    max-width:336px;
    margin:auto;
    text-align:center;
    margin-top:-400px;
    padding-left:20px;
    padding-right:20px;
}


#PanelGroupTable .text{
    text-align:center;
    font-size:18px;
    margin-top:20px; 
}

.groupText
{
    margin-top:20px;
   min-height:100px;
}

#PanelGroupTable h4{
    text-align:center;
    font-size:15px;
    margin-top:20px;
}

.score {
    
    text-align: center;
 
    margin-top:30px;





}

.louie
{ 
    margin-top:20px;
    text-align:center;
    height:400px;
    overflow:hidden;
    margin-left:-50px;
     }
.louie img
{ 
    height:450px;
     }


#PanelBonus .MainLogo
{
    text-align:center;
}

.UserName
{
    margin-top:10px;
        font-size:25px;
    font-weight:600;

}
.scorePin
{
    padding:8px;
}


.UserNav
{
    text-align:left;
    margin-left:160px;
    margin-top:-10px;
    margin-bottom:10px;
}

.RoomName
{

}
#lbRoomName
{
    font-weight:700;
}

.UserId
{
        font-size:15px; 
    font-weight:600;
    position:fixed;
    top:10px;
    left:10px;
    z-index:4000;
}

.btn-cancel {
    padding: 5px 5px;
    font-size: 14px;
    text-align: center;
    color:white !important;
}


.Custom_Cancel > .sa-button-container > .cancel {
   background-color: #DD6B55;
   border-color: #DD6B55;
}
.Custom_Cancel > .sa-button-container > .cancel:hover {
   background-color: #DD6B55;
   border-color: #DD6B55;  
}
.score h2
{
    color:white;
    font-weight:700;
    font-size:27px;
    margin-bottom:15px;
}

.score .points
{
    font-size:60px;
    font-weight:600;

}

#PanelThanks h1
{
    margin-top: 20px;
}

#PanelThanks h2
{
    font-size: 40px;
}

#lbDouble
{
    color: #cc412d;
}

#btnStartPlay
{
    margin-top: 20px;
    min-width: 250px;
}

.mImg
{
    display: none;
}
.connect
{
    text-align: center;
    position:relative;
} 
#PanelInvitationForm
{
    padding-left:20px;
    padding-right:20px;
}
#PanelHome
{
   
}

.btn-SideEvent
{
    min-width:200px;
    text-align:center;
    margin:auto;
}

.HomeNav
{
    background-color:#1E2F95;
    border-color:#c451ff;
    border-style:solid;
    border-width:1px;
    border-radius:9px;
    padding-top:10px;
    padding-bottom:10px;
    max-width:400px;
    margin:auto;
    min-height:130px;

}

.SideLogo
{
    float:left;
    margin-top:10px;
    margin-left:20px;

}

.modal-body
{
    padding-top: 50px;
    min-height: 200px;
}
.modal-body h1
{
    color: black;
}




.headerMsg {

background-color:#F17844;
position:fixed;
top:59px;
left:0;
height:30px;
width:100%;
padding-top:5px;
}

.title
{
    padding-top: 10px;
    margin-bottom: 30px;
}

h1
{
    text-align: center;
    font-size: 40px;
    margin: auto;
    margin-top:20px;
}


.header
{
    position:fixed;
    background-color:black;
    width:100%;
    top:0;
    left:0;
    height:60px;
    text-align:center;


}

.questionBox {
    min-height: 500px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 90px;
    z-index: 2000;
    max-width: 980px;
}
.counter
{
    float:right;
    margin-top:-30px;
}

.question
{
    font-weight:600;
}
    .questionBox h1 {
        text-align:left;
        color:white;
        font-size:25px;
        margin-bottom:10px;
    }

.questionInnerBox
{
    
background:#1b248a;
box-shadow: 0px -6px 64px rgba(0, 0, 0, 0.27), inset 0px 4px 24px rgba(47, 163, 255, 0.43);
backdrop-filter: blur(10px);
border-radius:20px;
padding:20px;

}


.header img {
    max-width:190px;

}


.number
{
    background: -webkit-linear-gradient(left,#64B64F,#F2D964);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.boxW
{
    border-radius: 20px;
    background-color: #ffffffa1;
    padding: 20px;
}

h2
{
    text-align: center;
    font-weight: 500;
    font-size: 23px;
    margin-top:20px;
}

.Videotitle
{
    height: 50px;
    opacity: 0.70;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    font-weight: 600;
    font-size: 20px;
    text-align: left;
}
.VideotitleText
{
    height: 50px;
    z-index: 400;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    font-weight: 600;
    font-size: 20px;
    text-align: left;
    padding-left: 30px;
}

.titleText
{
    margin-top: 40px;
    text-align: center;
    text-align: center;
    font-weight: 900;
    font-size: 45px;
    color: #0d3253;
}
.icons
{
    position: fixed;
    font-size: x-large;
    font-weight: 700;
    bottom: 0; 
    right: 0;
    z-index: 4000;
    color: white;
    width: 100%;
    padding: 0px;

    background-color: white;
    border-top-width: 2px;
    background-color:#121936;
}




.e-container:before {
    content: var(--background-overlay);
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    mix-blend-mode: var(--overlay-mix-blend-mode);
    opacity: var(--overlay-opacity);
    -webkit-transition: var(--overlay-transition);
    -o-transition: var(--overlay-transition);
    transition: var(--overlay-transition);
    border-radius: var(--border-radius);
}

.sideLogo
{
    position: absolute;
    left: 10px;
    float: left;
    margin-top: -5px; 
}

.doc
{
    position: fixed;
    right: 10px;
    bottom:50px;
    z-index:2000;
}

.doc img
{ 
    width:200px;
}

.sideLogo img
{ 
    width: 120px;
}
 
.darkGreen
{

    background-repeat: repeat;
   
}

.footerNav
{
position:fixed;
 bottom:0;
 width:100%;
 left:0;
    background-color:white;
    height:60px;
    margin:auto;
    text-align:center;
    z-index:1000;
}
.footerNav #rbNav
{
    text-align:center;
    margin:auto;
    margin-top:10px;
}


.Footer
{
        position:absolute;
    bottom:0;
    right:0;
   z-index:-10;

}
.Footer img
{
    max-width:300px; 
}


.lightBlue
{
    color:#c451ff;
}



.cal-time
{

    color:#c451ff;
         display:inline-flex;
         font-weight:600;
         font-size:21px;
         display:flex;
         padding:8px;



}

.cal-time span {
         font-size:18px;
         margin-left:10px;
        margin-bottom: auto;
    margin-top: auto;

}

.cal-time-b
{
      color:white;
         display:inline-flex;
         font-weight:600;
         font-size:21px;
         padding:8px;
         border-radius:8px;
         display:flex;
         background-color:rgb(0 142 255 / 32%);
}


.cal-item  b
{
    font-weight:600;


}


.cal-time-b span {
         font-size:18px;
         margin-left:10px;
        margin-bottom: auto;
    margin-top: auto;

}
.space 
{
      width:15px;

}
.cal-time::after 
{
            content: ""; 
            flex: 1 1; 
         display:flex;
            border-bottom: 2px solid #c451ff; 
            margin: auto; 
}

#PanelAgenda
{
        padding-left:10px;
    padding-right:10px;
    margin-top:100px; 
}

#PanelAgenda .cal-title
{
    margin-top:0px; 
        font-size:18px;
    font-weight:600;
}

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

#PanelAgenda li {
  padding-left: 1em;
  text-indent: -1em;
}

 #PanelAgenda li:before {
  content: "-";
  padding-right: 5px;
  color:#c451ff;
}

#PanelAgenda h2 {
    font-size:30px;
    font-weight:600;
} 

#PanelAgenda h3 {
    font-size:24px;
    font-weight:600;
} 

#PanelRules
{
    padding-left:10px;
    padding-right:10px;
    margin-top:80px;
}


#PanelRules ul
{
 list-style:none;
 margin-left:30px;

}

.tablemsg
{
    margin-top:10px;
    display:block;
}
#PanelRules hr
{
    border-color:#c451ff;
    border-width:2px;
    margin-bottom:20px;

}


#PanelRules  ul li {
    margin-top:30px;
}
#PanelRules  ul li:before {
	 content: "#"counter(list-item);
     margin-left:-65px;
    color:#c451ff;
    margin-top:-8px;
     font-weight:600;
     font-size:28px;
     float:left;
   
}

#PanelRules h2
{
    text-align:left;
}

.HomeFooter
{
            position:absolute;
    bottom:0;
   left:0;
    margin:auto;
    text-align:center;
    width:100%;
z-index:-10;
overflow:hidden;

}


.HomeFooter img
{
width:100%;
max-width:475px;
margin-bottom:-60px;


}

.Footer img
{


}

.UpperBG
{
    
/* Vector */

position: absolute;
    top:0;
        left:50%;
    margin-left:-150px;
mix-blend-mode: overlay;
opacity: 0.6;
z-index:-10;
}

.UpperBG img
{
    width:100%;
    max-width:300px;
}



.homeBg {
       background-image: url('../images/homeScoreBg.png'); 
    background-position:center;
    background-repeat:no-repeat; 
    background-position-y:10px;
    background-size:378px;
    padding-bottom:70px;

}


.rightHouse
{
    margin-top:100px;
    float:right;
}

.leftHouse
{
    margin-top:-10px;

    float:left;
}


.darkG
{
    margin-bottom: 70px;
    margin-top: 85px;
}

#fullscreen-icon
{
    color: white;
    font-size: 20px;
    z-index: 10000;
    position: relative;
    display: flex;
    float: right;
    margin-top: -32px;
    margin-right: 10px;
}
    .sm-pad-top
    {
        padding-top: 10px;
    }
.textboxId 
{
    background-color: whitesmoke;
}
.max-row
{
    max-width: 150px;
}
h3
{
    font-weight: 900;
    font-size: 20px;
    margin-top: 10px;
}

h3.reg
{
    margin-bottom: -5px;
}

.selfie
{
    margin-top:20px;
}



.ruUploadProgress ,.ruUploadFailure
{
    color:white ;
}

.RadUpload .ruUploadSuccess
{
    color: #4d9430 !important;

}
.ruButton {

    background-image: url('../images/camera.svg')!important;
    background-repeat: no-repeat;
    background-position: 15px 2px;
}






.RadUpload_Bootstrap .ruRemove
{

    color: black !important;
}

.RadUpload_Bootstrap .ruButton
{
    padding: 5px 0px !important;
    width: 250px !important;
    font-size: 20px ;
    height: 40px !important; 

}

.RadUpload_Bootstrap .ruFileWrap
{
    height: 40px !important;
}
.RadUpload_Bootstrap .ruStyled .ruFakeInput
{
    display: none !important;
}

.RadUpload
{
    width: 100% !important;
    text-align: center !important;
}
.RadUpload_Bootstrap .ruRemove
{
    padding-left: 10px !important;
    color:white !important;
    font-size: 20px 


}



#main-screen
{
    height: 100%;
    min-height: 100%;
    background-size: 100%;
    /*  height: 100vh; */
    display: flex;
    height: 100vh;
    flex-direction: column;
}

.main
{
    margin-top: 10px;
    max-width: 740px;
}

.white
{
    color: white !important;
}
.lightGreen
{ 
    color: #91d3cc !important;
}

.perpel
{ 
    color: #5a1eff !important;
}




.btn-lightGreen
{
font-family: poppins,Sans-serif;
    font-weight: 400;
   background:  #6c7098;
    color:white;
     
    border-radius: 7px;
}

.btn-lightGreen:hover
{
    background: #c451ff;

}


#PanelBonusPop img
{
    max-height:150px;
    margin-top:10px;
}


.btn-next
{
    font-weight: 600;
   background:  #1EEBB8;
    color:white; 
     min-width:300px;
    border-radius: 64px;
    display:block; 
    margin:auto;
    border-color:#1EEBB8;
    color: #0A0A3F;
    padding:10px;
}

#lbTableMsg
{
    margin-top:10px;
    display:block;
    font-weight:400;
    font-size:15px;
    background-color:rgba(0, 0, 0, 0.75);

    padding:10px;
    border-radius:20px;
}

.lightGreenNumber
{
    padding-top:10px;
    color:#1EEBB8;
    font-weight:600;
    font-size:20px;
}

.btn-next:hover
{
    background: #c451ff;

}

.form-control-lg
{
    border-radius: 8px;

}
 




.btn-lg
{

}


.swal2-popup 
{
    background-color:#44447e;
    border:solid;
    border-color:#FFC909;
    border-radius:10px;
    border-width:0px;
    border-bottom-width:5px;
}

.swal2-title {
    color:whitesmoke;
}

.swal2-content
{
    color:white;
}


#PanelThanks h1
{
    font-size: 70px;
    font-weight: 900;
}
   

#PanelCongr h1
{
    color:#FFC909;


}

#PanelCongr h2
{
    color:#FFC909;


}
.winner
{
    font-weight:500;
    font-size:22px; 
    max-width:300px;
    margin:auto;
}
.drakGreen
{
    background-color: #21303d;
    background-image: unset;
}

.sidelogo 
{
}

.thanks
{
    text-align: center;
}

.thanks h1
{
    font-size: 60px;
    font-weight: bold;
}
.thanks h2
{
    font-size: 50px;
    font-weight: bold;
}

.thanks h3
{
    font-size: 30px;
    font-weight: bold;
}

.answer
{
    margin-top: 30px;
    background-color: white;
    color: #0076c0 !important;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    
    text-decoration: solid !important;
    -webkit-box-shadow: 10px 16px 17px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 16px 17px -3px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 16px 17px -3px rgba(0, 0, 0, 0.75);
}

a:hover
{
    text-decoration: solid !important;
}
a:visited
{
    color: white !important;
    text-decoration: none !important;
}
a
{
    color: white !important;
    text-decoration: none !important;
}

#PanelReg
{
    margin-top: 100px;
}

#PanelReg .row
{
    margin-bottom: 10px;
}
.buttons
{
    padding-top: 200px;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-back
{
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 0;
    height: 70px;
    width: 70px;
    background-color: #0a6c24;
    color: white;
    font-size: 22px;
}
.sprit
{
    background-image: url('../Images/sprit-logo.png');
    background-size: 100%;
    background-repeat: no-repeat;
    height: 220px;
    width: 90%;
    position: absolute;
}

#PanelGame h1
{
    color: #f5f5f5;
}

.clubLogo
{

    margin-top: 30px;
}
.clubLogo img
{
    max-width: 300px;
}
#PanelReg
{
    margin-bottom: 90px;
}

#PanelQuestions
{
    padding-top: 30px;
    max-width: 900px;
}

.subject
{
    font-weight:600;
    font-size:20px;
    padding-left:10px;
    padding-right:10px;
    display:block;
    margin-bottom:10px;
}

.CounterBar{
    background-color:#404068;
    width:100%;
    height:7px;
    border-radius:20px;
    overflow:hidden;
}

.CounterCon
{
    margin-top:30px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
}

.innerBar
{
    height:7px;
    background-color:#1EEBB8;
    border-radius:20px;

    width:0%;

    margin-top:-7px;


}
.age
{
    margin: auto;
    margin-top: 200px;
    text-align: center;
    width: 300px;
}

.submit-row
{
    margin-top: 20px;
}

h5
{
    text-align: center;
}

h5
{
    bottom: 80px;
    position: absolute;
    margin: auto;
    width: 100%;
}
.smoke-row
{
    margin-top: 20px;
}

.textbox
{
    max-width: 300px;
}
.textboxId
{
    margin-top: 20px;
    max-width: 250px;
}

.text-label
{
    display: inline-block;
    float: right;
    padding-top: 10px;
    font-size: 1.25rem;
    padding-left: 10px;
}

.ddlbig
{
    max-width: 300px; 
}
/*
    radion nav
*/

#rbNav
{
    margin-top:10px;
}
.footerNav  input
{ /* HIDE RADIO */
      visibility: hidden; /*Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}

.rbNav :checked + label
{
   


}
.rbNav   label:hover 
{ /* IMAGE STYLES */

    cursor: pointer;
    color: white;
    width: 100%;
    text-align: left;
}



.RulesBtn  {
    height:43px;
       width:93.75px;

    background-image: url('../images/rules.svg');
}


.RulesBtn:hover {
    background-image: url('../images/rules_h.svg');

}


.rbNav :checked  + label .RulesBtn
{
    background-image: url('../images/rules_h.svg');



}


.NolaitemBox
{
    margin:auto;
    text-align:center;
    padding-left:20px;
    padding-right:20px;
        

}

.itemTable
{
    margin-top:20px;
}

.itemIcon
{
    width:50px;
    text-align:center;
    padding-bottom:40px;
        
}

 .backBtn
 {
     margin-bottom:10px;
     padding-left:20px;
 }

 .itemText
 {
     vertical-align:text-top;

 }
 #btnNolaSite
 {
     margin-top:10px;
 }
 .backBtn a
 {
     color:#c451ff !important;

 }

.ItemImg img
{
    width:100%;
}
.NolaitemBox h1 , .NolaitemBox h2
{
    text-align:left; 
}

.NolaBtn  {
    height:43px;
    width:93.75px;
    background-position:center;
     
    background-image: url('../images/Nola.svg');

}


.NolaBtn:hover {
    background-image: url('../images/Nola_h.svg');

}


.rbNav :checked  + label .NolaBtn
{
    background-image: url('../images/Nola_h.svg');



}



.Agenda  {
    height:43px;
        width:93.75px;
    background-position:center;
    background-size:100%;

    background-image: url('../images/Agenda.svg');
}


.Agenda:hover {
    background-image: url('../images/Agenda_h.svg');

}


.rbNav :checked  + label .Agenda
{
    background-image: url('../images/Agenda_h.svg');



}




.BounsBtn  {
    height:43px;
        width:93.75px;

    background-position:center;
    background-image: url('../images/bonus.svg');
}


.BounsBtn:hover {
    background-image: url('../images/bonus_h.svg');

}


.rbNav :checked  + label .BounsBtn
{
    background-image: url('../images/bonus_h.svg');



}



.HomeBtn  {
    height:43px;
            width:93.75px;

    background-image: url('../images/home.svg');
}


.HomeBtn:hover {
    background-image: url('../images/home_h.svg');

}


.rbNav :checked  + label .HomeBtn
{
    background-image: url('../images/home_h.svg');



}

  .NolaBtn ,.Agenda ,.BounsBtn ,.HomeBtn   {
        background-size:100px;
        background-position:center;
    }
 

.radioDay
{
    text-align:center;
    font-size:17px;
}


 
.radioDay  input , .rbNolaItems input
{ /* HIDE RADIO */
      visibility: hidden; /*Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}


.rbNolaItems img
{
    max-width:170px;
    padding-left:5px;
    padding-right:5px;
}


.radioDay  label
{ 
    margin-right:20px;
}




.radioDay :checked + label
{
    color: #c451ff;
    border-bottom:3px solid;

}



/**/



.radioNola
{
    margin-top:70px;
    text-align:center;
    font-size:18px;
}


 
.radioNola  input
{ /* HIDE RADIO */
      visibility: hidden; /*Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}

.radioNola  label
{ 
    margin-right:20px;
}




.radioNola :checked + label
{
    color: #c451ff;
    border-bottom:3px solid;

}

/* Radio buttons */


#RestCat ,#BarsCat,#MusicCat
{
    margin:auto;
    margin-top:15px;
    padding-left:20px;
    padding-right:20px;
}

.RestTest
{
}

#rbAnswers
{
    width:100%;
    max-width:400px;
    margin:auto;
    text-align:center;
}
.RadioB  input
{ 
    /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}


.RadioB  td
{
    text-align: left;
}
.RadioB  img 
{ /* IMAGE STYLES */
    cursor: pointer;
    border: 2px solid transparent;
}

.RadioB  label
{ /* IMAGE STYLES */
    cursor: pointer;
    text-align: center;
    color: white;
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 50px;
    line-height: 1.5;
    border:solid;
    border-radius:10px;
    border-width:1px;


    width: 100%;
    text-align: left;
}

.RadioB   label:hover 
{ /* IMAGE STYLES */

    cursor: pointer;
    color: white;
    width: 100%;
    text-align: left;
        background-color: #12166f;
}

.RadioB  input:checked ~ label
{ /* (RADIO CHECKED) IMAGE STYLES */
  
    cursor: pointer;
    color: white;
    width: 100%;
    text-align: left;
    background-color: #12166f;
    color:#1EEBB8;
}

.ui-widget
{
    font-size: 1.5em !important;
}
.btn-reg
{
    width: 250px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}

.ddl
{
    display: inline-block;
    max-width: 120px;
}
.month
{
    max-width: 130px;
}
.day
{
    max-width: 90px;
}
.second
{
    background-color: #7ca5de;
    height: 100%;
    min-height: 100%;
    background-size: 100%;
    height: 100vh;
    padding-top: 50px;
}
.video iframe
{

    padding: 0;
    margin: 0;
}

.hide
{
    display: none;
}

.embed-container
{
    background-image: url('../images/loading.gif');
    background-size: 200px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    max-width: 100%;
    height: 125px;
    border: solid;
    border-width: 0px;
    border-color: #fafafa;
    text-align: center;
    width: 100%;
    overflow: hidden;
    min-height: 389px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed
{
    position: absolute;
    top: 0;
    left: 0;
}

.AppContainer
{
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    margin: auto;
    text-align: center
}

.mask  img
{
    height: 100px;
    overflow: hidden;
}

#SelectWIn
{
    height: 80px;
    padding-top: 5px;
    display: inline-block; 
    width: 100%;
    text-align: center;
}

.w-circle
{
    background-image: url('../images/circle.png');
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
    width: 110px;
    display: inline-block;
    float: right;
    margin-right: 20px;
}
.mask
{
    clip-path: circle(40px at center);
}

.video
{
    z-index: 3000;
}

.VideoSelected img
{
    margin-top: 100px;
}
.col-4
{
    margin: 0;
    padding: 0;
}

.sprit-bg
{
    background-image: url('../Images/sprit-bg.jpg');
    background-size: cover;
    color: white !important;
}

.validation-label
{
    min-width:300px;
    margin-top:5px;
    height:30px;
    padding-top:8px;
    left:50%;
    margin-left:-150px;
    margin-bottom:20px;
    font-size:14px;
    color: white!important;
    position:absolute;
    background-color:#d7121278;
}

.pad
{
    padding-left:10px;
    padding-right:10px;

}
.validation-label-ln
{
    float:right;
    margin-top:-29px;
    margin-right:10px;

}

/*   checkbox ------------------------------------------------------------------------------------------------- */


.giftItem 
{
   
    padding: 10px;
}

.btn-reg
{
    width: 300px;
}
.giftItem img
{
    border-style: solid;
    border-color: #91d3cc;
    border-width: 5px;
    max-width: 200px;
}
.validation-label-s
{
    float: left;
    margin-top: -33px;
    margin-left:50px;
    color: white!important;
}

.idbox
{
    max-width: 400px;
    margin: auto;
}

.label
{
    padding: 5px;
}

.checkbox-textholder
{
    display: inline-flex;
}
.checkbox label, .radio label
{
    padding-top: 10px;

    padding-left: unset;
    padding-right: 0px;
}

.checkbox
{
    margin-bottom: -15px;
}
:root
{
    /* larger checkbox */
}
:root label.checkbox-bootstrap input[type=checkbox]
{
    /* hide original check box */
    opacity: 0;
    position: absolute;
    /* find the nearest span with checkbox-placeholder class and draw custom checkbox */
    /* draw checkmark before the span placeholder when original hidden input is checked */
    /* disabled checkbox style */
    /* disabled and checked checkbox style */
    /* when the checkbox is focused with tab key show dots arround */
}
:root label.checkbox-bootstrap input[type=checkbox] + span.checkbox-placeholder
{
    width: 14px;
    height: 14px;
    border: 1px solid;
    border-radius: 3px;
    border-color: #737373;
    border-color: #f5f5f5;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px 0 1px;
    vertical-align: middle;
    text-align: center;
    background: whitesmoke;
}
:root label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder
{
    background-color: #28a745;
}
:root label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder:before
{
    display: inline-block;
    position: relative;
    vertical-align: text-top;
    width: 5px;
    height: 9px;
    /*checkmark arrow color*/
    border: solid white;
    border-width: 0 2px 2px 0;
    /*can be done with post css autoprefixer*/
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}
:root label.checkbox-bootstrap input[type=checkbox]:disabled + span.checkbox-placeholder
{
    background: #ececec;
    border-color: #c3c2c2;
}
:root label.checkbox-bootstrap input[type=checkbox]:checked:disabled + span.checkbox-placeholder
{
    background: #d6d6d6;
    border-color: #bdbdbd;
}
:root label.checkbox-bootstrap input[type=checkbox]:focus:not(:hover) + span.checkbox-placeholder
{
    outline: 1px dotted black;
}
:root label.checkbox-bootstrap.checkbox-lg input[type=checkbox] + span.checkbox-placeholder
{
    width: 26px;
    height: 26px;
    border: 2px solid;
    border-radius: 5px;
    /*checkbox border color*/
    border-color: #bdbdbd;
}
:root label.checkbox-bootstrap.checkbox-lg input[type=checkbox]:checked + span.checkbox-placeholder:before
{
    width: 9px;
    height: 15px;
    /*checkmark arrow color*/
    border: solid white;
    border-width: 0 3px 3px 0;
}


.checkbox label, .radio label
{
    font-size:12px;
}
/* end of checkbox*/

#PanelWelcome 
{
    margin-bottom: 110px;
}

#PanelThanks 
{
    margin-bottom: 80px;
}

@media only screen and (min-width: 1440px)
{


}

@media only screen and (max-width: 1024px)
{
    .car
{
    bottom:10px;
}
 

}

@media only screen and (max-width: 768px)
{
    .AppContainer


   

}


    /*.embed-container {
    --video--width: 120;
    --video--height: 50;
    }*/

     
    .car img
    {
        max-width:400px;
    }


    #PanelWelcome 
    {
        margin-bottom: 100px;
    }

}

@media only screen and (max-width: 667px)

{

    .car
{
    bottom:0;
}



    /*.embed-container {
    --video--width: 100;
    --video--height: 40;
    }*/
    .RadioB  label
    { /* IMAGE STYLES */

        width: 300px
    } 

    .titleText
    {
        font-size: 20px;
    }

    #PanelWelcome 
    {
        margin-bottom: 100px;
    }

    .mypack
    {
        text-align: center;
        margin-top: -80px;
    }

    .mypack img
    {
        width: 100px;
    }

}

@media only screen and (max-width: 575px)
{
    
    #PanelSponsors 
    {
        margin-top:70px;
    }
    #PanelSponsors h1 
    {
        font-size:24px;
        margin-bottom:10px;
    }


.btnCont {
    float:right;
    margin-top:-30px;

       
}    
.slot h2{
    text-align:left;
    font-weight:600;
    font-size:14px;
    margin-top:10px;
    margin-left:-5px;
    margin-right:-10px;
}



    #BtnPopup1
{
    max-width:375px;
    width:100%;

}

    .popup-cus {
        margin:auto;
        left:50%;
        transform: unset;
        margin-left:-165px;
    } 
.innerpopCustom
{
    min-width:330px;
    width:100%;
    text-align:center;
    padding-left:20px;
    padding-right:20px;
    background-color:#6D81A6;
    border-radius:10px;
    padding:20px;
    border-bottom:solid;
    border-bottom-width:8px;
    border-bottom-color:#1EEBB8;
    margin-bottom:50px;


}

.scoreBg
{

}

    .score {
        text-align: center;
  
    }
.score h2 {
    font-size: 25px;
}
.score .points {
    font-size: 55px;
    font-weight: 600;
    margin-top:-10px;

}


    .RadRating a {
        width: 23px !important;
        height: 23px !important;
        text-indent: -9999px;
        margin: 1px;
        background-position: 0 0;
    }

     .RadRating 
    {
    height:29px !important;

    }

    .RadRating .rrtSelected a span {
    width: 23px !important;
        height: 23px !important;
}


    .rightHouse
{
    margin-top:-30px;
    float:right;
}

  

    .darkGreen
    {
        margin-top:90px;
    }


    .header img {
    max-width:150px;

}

        .header  {
            height:50px;
}


    .MainLogo
    {
        margin-top:20px;
        padding-left:15px;
        padding-right:15px; 
    }

    .MainLogo img
    {
        width:100%;
        max-width:400px;
    }

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


    
    .TeamBox 
    {
        background-color: rgba(0, 0, 0, 0.75); 
        padding: 10px;
        margin: 20px;
        margin-top: 10px;
        border-style: solid;
        border-width: 2px;
        border-color: var( --global-color-d4f8405 );
        text-align: left;
        min-width: unset;
        width: 100%;
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed
    {


    }
   
    .GameImg
    {
        width: 90%;
    }

    #PanelCelllVerify
    {
        margin-right: unset;
        max-width:unset;
        right: unset;
    }

    #tbCode
    {
        width: 100%;
        min-width: unset;
    }
     
    .purimLogo
    {
    
    }
    .purimLogo img
    {
        max-width: unset;
        width: 90%;
    }

    .container
    {
        margin: 0;
        padding: 0;
    }

    .AppContainer
    {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    #PanelFirstStage    .row
    {
        margin: 0;
        padding: 0;
    }

    .titleLogo img
    {
        width: 100%;
    }

    .titleText
    {
        margin-top: 110px;
        font-size: 28px;
    }
    
    .mypack
    {
        text-align: center;
        margin-top: -120px;
    }

    .mypack img
    {
        width: 150px;
    }
    .RadioB :disabled + label .runout
    { /* IMAGE STYLES */
      
    
        position: absolute;
        margin-top: 10px;
        margin-right: -90px;
        width: 100px;
        font-size: 18px;
    }

    .RadioB  label
    { /* IMAGE STYLES */

        width: 100%;
    }

    .giftItem img
    {
        width: 100%;
    }

    .giftItem 
    {
        height: 200px;
        vertical-align: top;
    }

    .giftTitle
    {
        font-size: 14px;
        height: 40px;
    }

    #PanelThanks h5, #PanelIdLogin h5
    {
        bottom: 80px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .memGame
    {
        margin-top: -5px;
    }

    h5
    {
        font-size: 12px;
    }

    h2
    {
        font-size: 20px;
    }

    .title
    {
        padding-top: unset;
    }

    body
    {
    }

  

    .mImg
    {
        display: block;
        margin: auto;
        text-align: center;
    }

    .mImg img
    {
        padding-top: 10px;
        width: 150px;
    }

    #PanelGame
    {
        /* background-image: url('../Images/nexus-bg-m1.jpg');*/ 
        background-image: none;
        background-color: #15284a;
    }
    .nexusLogo
    {
        padding-top: 0px;
        padding-bottom: 5px;
    }

    .nexusLogo img
    {
        max-width: 130px;
    }
    .textbox, .ddlbig, .btn-reg
    {
        width: 300px;
        max-width: unset;
    }

    .answer
    {
        margin-top: 10px;
        font-size: 25px;
    }
    .counter
    {

        font-size: 18px;
        left: 10px;
        top: 2px;
    }


    .counterLabel
    {
        font-weight:500;
        font-size: 18px;
    }

    .topBar
    {
        top: 0;
        position: absolute;
        height: 70px;
    }

    #PanelGame h1
    {
        font-size: 23px;
    }

    #PanelGame
    {
        padding-top: 78px;
        padding-bottom: 90px;
    }

    #PanelWelcome
    {
        margin-bottom: 70px;
    }

    #PanelWelcome img
    {
        width: 80%;
    }

    #PanelFirstStage h2
    {
        margin-top:20px;
    }
    #PanelWelcome h1
    {
        font-size: 60px;
    }
    
    #PanelWelcome h3
    {
        font-size: 17px;
    }

    #PanelThanks .nexusLogo
    {
        padding-top: 20px;
    }

    #PanelThanks h1
    {
        margin-top: 20px;
        font-size: 48px !important;
        margin-bottom: 10px;
    }

    #PanelThanks h2
    {
        font-size: 20px;
    }

    .facebookBtn
    {
        min-width: 90%;
    }

    .checkbox-textholder
    {
        display: inline-block;
        max-width: 250px;
    }

    h1
    {
     
        font-size: 22px;
    }

}





@media only screen and (max-width: 475px) {


    .homeBg {
        background-image: url('../images/homeScoreBg.png');
        background-position: center;
        background-repeat: no-repeat;
        background-position-y: 10px;
        background-size: 100%;
        padding-bottom:70px;
    }
}

@media only screen and (max-width: 400px)
{
    
.HomeNav
{
  margin:10px;

}



    .btnCont {
    margin-top:-30px;

       
}
    .btnSlot 
    {
        max-width:60px;

    }

    .RunOutMsg
    {
        max-width:60px;
        min-width:unset;
        font-size:11px;
        padding:10px;
        padding-left:7px;
        padding-right:5px;
        

    }

    #PanelBookRoom h2
{
        font-size:11px;
}

}


@media only screen and (max-width: 390px)
{
    #PanelSponsors 
    {
        margin-top:70px;
    }
    #PanelSponsors h1 
    {
        font-size:19px;
        margin-bottom:10px;
    }


    .btnCont {
    margin-top:-30px;

       
}
    .btnSlot 
    {
        max-width:60px;

    }

    .RunOutMsg
    {
        max-width:60px;
        min-width:unset;
        font-size:11px;
        padding:10px;
        padding-left:7px;
        padding-right:5px;
        

    }

    #PanelBookRoom h2
{
        font-size:11px;
}



    .embed-container iframe,
    .embed-container object,
    .embed-container embed
    {

        width: 120% !important;
    }
}
@media only screen and (max-width: 375px)
{
    .NolaBtn ,.Agenda ,.BounsBtn ,.HomeBtn   {
        height: 43px;
        width: 80px;
        background-size:96px;
        background-position:center;
    }

    .scorePin
{
    padding:6px;
    width:65px;
}
  


    #RestCat ,#BarsCat,#MusicCat
{
    margin-top:15px;
    padding-left:10px;
    padding-right:10px;
}


   

      .rbNolaItems  img
    {
        width:100%;
        max-width:140px;
    }

    .idbox
    {
        margin: auto;
        max-width: unset;
    }
    .textboxId
    {
        max-width: unset;
    }

    #PanelIdLogin h2
    {
        margin-top: 5px;
        font-size: 18px;
    }
    .validation-label-s
    {
        margin-left:40px;
    }

    #PanelWelcome 
    {
        margin-bottom: 80px;
    }
    body
    {
        background-size: cover;
    }


}

@media only screen and (max-height: 480px)
{
    #PanelQuestions
    {
        margin-bottom: 80px;
    }

    #PanelThanks h1
    {
        margin-top: 10px;
        font-size: 38px !important;
        margin-bottom: 10px;
    }

    #PanelIdLogin .nexusLogo img, #PanelWelcome .nexusLogo img
    {
        margin-bottom: 0px;
        max-width: 95px;
    }
    
}

@media only screen and (max-height: 375px)

{
    /*.embed-container {
    --video--width: 100;
    --video--height: 30;
    }*/

    .titleText
    { 
        font-size: 20px;
    }

    #PanelWelcome 
    {
        margin-bottom: 100px;
    }

    .mypack
    {
        text-align: center;
        margin-top: -80px;
    }

    .mypack img
    {
        width: 100px;
    }

}