* {
  box-sizing: border-box;
}

body {
  font-family: 'Segoe UI';
  background-color: #EEEFF4;
  background-image: url(../images/old_map_background.jpg);
  background-repeat: no-repeat;
  font-size: 18px;
  background-size: cover;
  display: block;
  float: left;
  width: 100%;
  min-height: 920px;
  background-position: top center;
  background-attachment: fixed;
}
a{color: #333;}

img{max-width: 100%;}
li{list-style: none;}
body,
html,
.App,
.vertical-center {
  width: 100%;
}
a:hover{text-decoration: none;}
.App{margin-top: 10px;margin-bottom: 30px;}
.navbar {
  background: #426f12 !important;
  width: 100%;
}
.alert{font-size: 16px;}
.btn-outline-primary {
  border-color: #000;
  color: #fff;
  background-color: #000;
  font-size: 16px;
}

.btn-outline-primary:hover {
background-color: #87ffa4;
    color: #3e3737;
    border-color: #87ffa4;

}

.vertical-center {
  display: flex;
  text-align: left;
  justify-content: center;
  flex-direction: column;
}

.inner-block {
  max-width: 550px;
  width: 100%;
  margin: auto;
  /*background: #ffffff;
  box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);*/
  padding: 55px 55px 45px 55px;
  transition: all .3s;
  border-radius: 20px;
}
/*.header-nav.rightside_nav ul li{display: inline-blockblock;text-align: right}*/

.inner-block label{font-size:18px;padding-top: 10px;}

.inner-block h3{font-size: 36px;}

.form-control,.form-control:focus{background-color: transparent;
    border: 0;
    padding-top: 0;
    height: auto;
    padding-bottom: 0;
    padding-left: 0;
    border-bottom: 1px solid #353535;
    border-color: #353535;
    border-radius: 0;
    font-size: 20px;
    color: #000;}

.form-control:focus {
  box-shadow: none;
}

.vertical-center h3 {
  text-align: center;
  margin: 0;
  line-height: 1;
  padding-bottom: 20px;
}

label {
  font-weight: 500;
}

form.triviaform label{
  padding-left: 5px;
  font-size: 22px;
}

.triviaform{
  margin-bottom: 30px;
  text-align: center;
}
.error{border: 1px solid #f00;}
.dashboard h1{font-size: 50px;text-align: center;margin-bottom: 30px;}
.dashboard h6{padding: 10px 20px;font-size: 24px;text-align: center;}
#confetti-canvas{width: 100%;position: absolute;top: 0;}
.btn-outline-primary.focus, .btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus{box-shadow: none;}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{
  color: inherit;
  background-color: inherit;
  border-color: inherit;
}
.abutton{max-width: 180px;margin-left: auto;margin-right: auto;font-size: 20px;}
.header-nav ul li{display: inline-block;text-align: center;}
.site-header{padding: 20px 20px;    display: block;
    float: left;
    width: 100%;
    overflow: hidden;}
.header-logo{text-align: center;}
.header-nav{position: absolute;right: 20px;top: 15px;}
.header-nav li a{color: #000;font-size: 20px;position: relative;padding: 10px;}
ul.loginmenu li:first-child a:after{width: 1px;height: 20px;border-right: 1px solid #000;content: '';position: absolute;right: -3px;top: 0;bottom: 0;margin: auto;}
.signupform .alert-danger{margin-top: 10px;}
.triviaform p{font-size: 28px;}
.triviaform p input{max-width: 500px;margin-left: auto;margin-right: auto;margin-bottom: 30px;}
.multiple_choices{display: flex;justify-content: center;align-items: center;}
.multiple_choices p{margin-right: 20px;}

/*.reward_map{margin-top: 240px;}*/
.reward_map{margin-top: 50px;text-align: center;position: relative;}
.filling_map{position: absolute;top: 0;left: 0;right: 0;margin: auto;}
.reward_map ul li{min-width: 25px;margin-right: 20px;position: relative;}
.reward_map ul li.notactivepath img{opacity: 0;}
.reward_map ul li:nth-child(21){margin-top: 0px;}
.reward_map ul li:nth-child(2),.reward_map ul li:nth-child(8),.reward_map ul li:nth-child(14),.reward_map ul li:nth-child(20){margin-top: -30px;}
.reward_map ul li:nth-child(3),.reward_map ul li:nth-child(7),.reward_map ul li:nth-child(9),.reward_map ul li:nth-child(13),.reward_map ul li:nth-child(15){margin-top: -60px;}
.reward_map ul li:nth-child(4),.reward_map ul li:nth-child(6),.reward_map ul li:nth-child(10),.reward_map ul li:nth-child(12),.reward_map ul li:nth-child(19){margin-top: -90px;}
.reward_map ul li:nth-child(5),.reward_map ul li:nth-child(11),.reward_map ul li:nth-child(18){margin-top: -120px;}
.reward_map ul li:nth-child(17){margin-top: -150px;}
.reward_map ul li:nth-child(16){margin-top: -180px;}
.reward_map ul{display: flex;justify-content: center;}
.reward_map ul li:first-child{background-image: url(../images/oval_shape.png);background-repeat: no-repeat;padding-left: 50px;background-position: 0px 50px;padding-bottom: 50px;}
.forgotlink{font-size: 16px;color: #000;display: inline-block;margin-top:20px;}
.left-nav{left: 0;top: 25px;}
.inner-content h3{text-align: center;}

/*my*/
/*.dashboard{display: block;float: left; width: 100%;overflow: hidden;}*/
.savepicks table thead,#leadingboardtable thead,.tablestyles thead{background: #1dab5f}
.savepicks table,#leadingboardtable,.tablestyles {margin: auto;font-family: "Segoe UI";background: #fff;}
.savepicks table td, .savepicks table th,#leadingboardtable td,.tablestyles td,#leadingboardtable th,.tablestyles th {padding: 12px 20px;border: 2px solid #eaeaea;font-size: 18px;margin-bottom: 50px;word-break: break-word;}
.tblrow td:first-child,.tblrow th:first-child {border-left: 0;}
.tblrow td:last-child,.tblrow th:last-child {border-right: 0;}
.savepicks table tbody tr:last-child td{border-bottom: 0px;}
.savepicks table tbody tr:first-child td{border-top: 0px;}
.savepicks table th,#leadingboardtable th,.tablestyles th{color: #fff;border-top: 0;border-bottom: 0;}
.savepicks table tfoot td{border: 0;border-top: 2px solid #eaeaea;    padding: 25px 20px;}
.submit-btns{text-transform: uppercase; border-radius: 5px; border-color: #eaeaea; border: 0; padding: 10px 20px; font-size: 16px; background: #1dab5f;color: #fff;
font-weight: bold;}
input[type="password"]{font-family: "Segoe UI";}
.inner_section{text-align: center;margin-bottom: 40px;}
.inner_section ul{padding: 0;margin-top: -20px;}
.inner_section ul li{font-size: 20px;}
.inner_section ul li span { display: block;font-size: 18px;}
.inner_section ul li:last-child{background:url(../images/priceline_bg.png)no-repeat top center;padding-top: 5px }
.inner_section.removeline ul li{background: none}
.inner_section.removeline ul li{font-size: 50px;}
.bottom_prizesection{padding: 50px 0px}
ul.dashboard_menus li { display: block;text-align: right;margin-bottom: 5px}

.loginmenu li{display: inline-block;position: relative;padding: 0px 10px}
.loginmenu,ul.dashboard_menus {margin: 0px;padding: 0px;}
.rightside_nav .loginmenu{text-align: right}
.prizes_pages h2{font-size: 28px;margin-bottom: 22px;    line-height: 32px;}
.inner-content p {font-size: 18px;}
td.checkboxrow{text-align: center;position: relative}
.teamname{width: 18px;height: 18px;}
.tblrow label{font-weight: normal;margin-bottom: 0px}
.inner-content p{font-size: 20px;}
.inner_section ul li h3{padding-bottom: 8px;font-size: 30px;}
td.disabled_color {
    background: #e0e0e0;
    opacity: 0.5;
}
td.checkboxrow.disabled_color.normal_imagediv:after,td.checkboxrow.disabled_color.imagediv:after{content: '';width: 18px;background: red;height: 18px;position: absolute;z-index: 99; left: 0;right: 0;margin: auto;top: 0;bottom: 5px;}
td.checkboxrow.disabled_color.imagediv:after{background:#e5e5e5 url(../images/checkhiden.png)no-repeat center center;width: 18px;height: 18px;}
td.checkboxrow.disabled_color.normal_imagediv:after{background:#e5e5e5 url(../images/checknormal.png)no-repeat center center;}
td.checkboxrow.disabled_color.imagediv input,td.checkboxrow.disabled_color.normal_imagediv input{font-size: 0px;width: 0px;height: 0px;}
th.sorting.sorting_desc{background:url(../images/sort_asc.png)no-repeat 95% center;}
th.sorting{background:url(../images/sort_both.png)no-repeat 95% center;cursor: pointer}
.dataTables_filter{margin-bottom: 10px;}
.dataTables_filter input,select[name="leadingboardtable_length"]{margin-left: 10px; border: 1px solid #cdcdcd;outline: none; padding: 5px 10px;}
a.paginate_button {
    margin: 0px 10px;
    cursor: pointer;
}
.dataTables_paginate {margin-top: 10px;}
a.paginate_button.disabled{cursor: not-allowed}
a.paginate_button.previous {margin-left: 0px;}

@media(max-width:1400px){
    .inner-block{padding: 25px 55px 16px 55px}
  .dashboard h1{font-size: 30px;}
  .inner-content h3,.inner_section ul li h3{font-size: 25px}
  .inner_section.removeline ul li{font-size: 35px;}
  h5{font-size: 20px;}
}
@media(max-width:991px){
    .inner-content p{font-size:18px;}
    .savepicks table td, .savepicks table th,#leadingboardtable td,.tablestyles td, #leadingboardtable th,.tablestyles th{    padding: 10px 12px;font-size: 16px;}
    .savepicks table tfoot td{padding: 20px 20px}
    .teamname { width: 15px; height: 15px;}
    .prizes_pages h2{font-size: 21px;margin-bottom: 20px;}
    .inner-content p {font-size: 16px;}
    .inner-content h3 { font-size: 20px;}
    .inner_section.removeline ul li {font-size: 25px;}
    .loginmenu li,ul.dashboard_menus li,.inner_section ul li{font-size: 16px;}
    .inner-block { padding: 10px 55px 5px 55px;}
    .btn-outline-primary{font-size: 14px;}
}
@media(max-width:767px){
    .inner_section ul li h3{font-size: 22px;}
      .inner-content p{font-size:16px;}
    .submit-btns{padding: 8px 15px; font-size: 12px}
    .savepicks table tfoot td {
    padding: 11px 10px;
}.teamname {
    width: 12px;
    height: 12px;
}
    .savepicks.container{max-width: 100%;padding: 0px;}
    .savepicks table td, .savepicks table th,#leadingboardtable td,.tablestyles td, #leadingboardtable th,.tablestyles th {padding: 8px 8px;font-size: 14px;}
    .inner-block label {padding-top: 12px;}
    .bottom_prizesection { padding: 20px 0px;}
  .dashboard h1{font-size: 25px!important;margin-bottom: 20px;}
  .triviaform p{font-size: 22px;}
  .multiple_choices{display: block;text-align: left;}
  .inner-block{padding: 10px 25px 45px 25px;}
  .header-nav li a{font-size: 20px;}
  .site-header,.rightside_nav .loginmenu,ul.dashboard_menus li{text-align: center;}
  .header-nav{position: relative;text-align: center;}
}
@media(max-width:575px){
    
    .dashboard h1 {
    font-size: 22px!important;}
    .inner-block label{padding-bottom: 0px;}
}
@media(max-width:475px){
    .savepicks table td, .savepicks table th {
    padding: 5px 5px;
    font-size: 11px;
}
}

.archive_table{width: 100%;max-width: 220px;margin-left: auto;margin-right: auto;}
.archive_table td,.archive_table th{padding: 10px 5px;font-size: 18px;font-weight: bold;}

.archive_table tr td:last-child{text-align: center;}
.archive_table th{font-size: 20px;}
.hint_icon{display: block;max-width: 150px;margin: 20px auto;background: #8c421c;color: #fff!important;border-radius: 3px;font-size: 20px;padding: 10px 0;}
.question_hint{font-size: 20px;margin-bottom: 20px;display: none;}
.custom-container{max-width: 1400px;margin: auto;padding-left: 15px;padding-right: 15px;}