.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#game_scheduled_section,
#game_running_section,
#game_completed_section{
    display: none;
    min-height: 682px;
}

.oth_game_button{
    border: 2px solid #3c3c3b !important;
    display: block !important;
    padding:10px !important;
    margin-top:20px !important;
    background: #d2f200 !important;
    color:#2b2f25 !important;
    font-size:18px !important;
    text-transform: uppercase !important;
    width:265px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

.oth_game_button:hover {
    background: #d2a500 !important;
}

.oth_begin_button{

}

.oth-hello{
      float:left;
}

.oth-menu{
      float:right;
}

.oth-menu ul{
      display: flex;
}

.oth-menu .nav-item{
    margin: 0px 20px;
    list-style: none;
}

.oth-menu .nav-item:last-child{
    margin-right: 0px;
}

.oth-hello h3,
.oth-menu .nav-item a{
      color:#ffffff;
}

.oth-menu .nav-item a:hover{
      color:#d2a500;
}

.oth-treasure-map-container{
    display: flex;
    padding: 15px 30px 5px;
    justify-content: center;
}

.oth-treasure-map .question-circle{
    text-align: center;
    display: flex;
    width:30px;
    height:30px;
    flex-direction: column;
    justify-content: center;
    margin: 0px auto;
}

.oth-treasure-map .question-circle .question-code{
    color:#ffffff;
}

.oth-treasure-map .question-code{
    font-size: 10px;
}

.oth-treasure-map .question-circle.completed{
    background-color: #424242;
    border:2px solid #068415;
}

.oth-treasure-map .question-circle.unlocked{
    cursor: pointer;
    background-color: #1a80a3;
    border:2px solid #1a80a3;
}

.oth-treasure-map .question-circle.unlocked:hover{
    background-color: #007aa3;
}

.oth-treasure-map .question-circle.unlocked.current{
    background-color: #cc0000;
    border:2px solid #cc0000;
}

.oth-treasure-map .question-circle.unlocked.current:hover{
    background-color: #440000;
}

.oth-treasure-map .question-circle.locked{
    border: 1px solid #cdcdcd;
}

.oth-treasure-map .question-circle.locked img{
    margin-top:6px;
    width:26px;
}

.oth-treasure-map .question-circle.solved{
    background-color: #068415;
    border:2px solid #068415;
}

.oth-treasure-map .question-circle.treasure,
.oth-treasure-map .question-circle.treasure img{
    width:40px !important;
    height:40px !important;
}



.cu_timer_display.hidden{
      display:none;
}


/*.leader_box_header{
    border-bottom: 3px double #cdcdcd;
}

.leader_box{
    width:100%;
    border-bottom:1px solid #cdcdcd;
}

.leader_box:last-child{
    border-bottom:none;
}

.leader_box_wrapper{
    display: flex;
    padding:20px;
    width: 100%;
}

.leader_box .leader_rank{
    width:40px;
    margin-right: 20px;
}

.leader_box .leader_name{
    width:calc(75% - 73px);
    margin-right: 20px;
    text-align: left;
}

.leader_box .leader_score{
    width:25%;
    text-align: right;
}*/

.oth_leaderboard table{
    border:none !important;
}

.oth_leaderboard table th{
    color:#d2a500 !important;
    border-bottom:3px double #424242 !important;
}

.oth_leaderboard table td{
    border-bottom:1px solid #424242 !important;
}

.oth_leaderboard .leader_rank{
    padding:10px;
    width: 40px;
}

.oth_leaderboard .leader_name{
    padding:10px;
    width: 75%;
}

.oth_leaderboard .leader_score{
    padding:10px;
}

.oth_question_wrapper{
    padding-bottom:20px;
}

.oth_form_wrapper.hide_section{
    display: none;
}

form.flex-form{
    display: flex;
    z-index: 10;
    position: relative;
    /*box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);*/
}

.flex-form > * {
    padding: 0 0 0 10px;
    background: #fff;
    line-height: 50px;
    font-size: 1rem;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    border:none !important;
}

.flex-form input[type="text"] {
    flex-basis: 70%;
    padding:0 0 0 10px !important;
    border: 1px solid #cdcdcd !important;
}

.flex-form input[type="submit"] {
    background: #2b2b2b;
    color: #fff;
    padding: 0 30px;
    flex-basis: 30%;
    cursor: pointer;
    margin-left:3px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.flex-form input[type="submit"]:hover {
    background: #6b6b6b;
}


.error_shake {
    -webkit-animation: kf_shake 0.4s 1 linear;
    -moz-animation: kf_shake 0.4s 1 linear;
    -o-animation: kf_shake 0.4s 1 linear;
    animation: kf_shake 0.4s 1 linear;
}

@-webkit-keyframes kf_shake {
    0% { -webkit-transform: translate(30px);}
    20% { -webkit-transform: translate(-30px);}
    40% { -webkit-transform: translate(15px);}
    60% { -webkit-transform: translate(-15px);}
    80% { -webkit-transform: translate(8px);}
    100% { -webkit-transform: translate(0px);}
}
@-moz-keyframes kf_shake {
    0% { -moz-transform: translate(30px);}
    20% { -moz-transform: translate(-30px);}
    40% { -moz-transform: translate(15px);}
    60% { -moz-transform: translate(-15px);}
    80% { -moz-transform: translate(8px);}
    100% { -moz-transform: translate(0px);}
}
@-o-keyframes kf_shake {
    0% { -o-transform: translate(30px);}
    20% { -o-transform: translate(-30px);}
    40% { -o-transform: translate(15px);}
    60% { -o-transform: translate(-15px);}
    80% { -o-transform: translate(8px);}
    100% { -o-origin-transform: translate(0px);}
}

@keyframes kf_shake {
     0% { transform: translate(30px);}
    20% { transform: translate(-30px);}
    40% { transform: translate(15px);}
    60% { transform: translate(-15px);}
    80% { transform: translate(8px);}
    100% { transform: translate(0px);}
}

.oth_thadayangal.hide_section{
    display: none;
}

.oth_thadayangal_wrapper{
    justify-content: center;
}

.oth_thadayangal .clue-box {
    height: 50px;
    width:100px;
    margin: 20px 0px;
    padding:10px 22px;
}

.oth_thadayangal .clue-box.locked{
    cursor: default;
    background: #f9f9f9;
    border: 1px solid #ececec;
    color:#c9c9c9;
}

.oth_thadayangal .clue-box.unlocked{
    cursor:pointer;
    background: #063b00;
    border: 1px solid #063b00;
    color:#ffffff;
}

.oth_thadayangal .clue-box.unlocked.clue_opened{
    color:#000000;
    cursor:default;
    background: #0eff00;
    border: 1px solid #0eff00;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.oth_thadayangal .clue-box.unlocked:hover{
    background: #063b00;
    opacity: 0.8;
}

.oth_thadayangal .clue-box.unlocked.clue_opened:hover{
    width: 100%;
    background: #0eff00;
}

.oth_thadayangal .clue-code{
    overflow: hidden;
    height: 30px;
}

.oth_thadayangal .clue-details{
    opacity: 0;
}

.oth_thadayangal .clue-box.unlocked.clue_opened:hover .clue-details{
    opacity: 1;
}

.oth_question_stats .question_stat{
    display: flex;
    padding-bottom: 10px;
}

.oth_question_stats .question_stat .stat_name{
    text-align:left;
    font-weight: bold;
    width:40%;
}

.oth_question_stats .question_stat .stat_value{
    text-align:right;
    width:60%;
}

#oth_badhil_box-error{
    color:red;
    font-size: 12px;
    width: 125px;
    position: absolute;
    right: 215px;
    top: 1px;
}


@media only screen and (min-width:1900px){
    .oth-treasure-map .question-circle{
        width:45px;
        height:45px;
    }

    .oth-treasure-map-container {
        padding: 15px 30px 10px;
    }

    .oth-treasure-map .question-circle.treasure,
    .oth-treasure-map .question-circle.treasure img{
        width:55px !important;
        height:55px !important;
    }
}