@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

  h5 {
  font-size: 20px;
  color: #383932;
  margin-bottom: 13px;
  }

/*Alerts*/
.alert-purple { border-color: #694D9F;background: #694D9F;color: #fff; }
.alert-info-alt { border-color: #B4E1E4;background: #81c7e1;color: #fff; }
.alert-info-line { border-color: #1118E3;background: #fff;color: #1118E3; }
.alert-danger-alt { border-color: #B63E5A;background: #E26868;color: #fff; }
.alert-danger-line { border-color: #C10404;background: #fff;color: #C10404; }
.alert-warning-alt { border-color: #F3F3EB;background: #E9CEAC;color: #fff; }
.alert-success-alt { border-color: #19B99A;background: #20A286;color: #fff; }
.alert-success-line { border-color: #19B99A;background: #fff;color: #19B99A; }
.glyphicon { margin-right:10px; }
.alert a {color: gold;}
.alert-danger-line a {color: #fff;} 
.alert-success-line a {color: #080B56; text-decoration:underline;}
.alert-info-line a {color: #080B56; }

.panel-danger-alt {
  border-color: #B63E5A;
}
.panel-danger-alt > .panel-heading {
  color: #fff;
  background-color: #E26868;
  border-color: #B63E5A;
}
.panel-danger-alt > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #B63E5A;
}
.panel-danger-alt > .panel-heading .badge {
  color: #fff;
  background-color: #E26868;
}
.panel-danger-alt > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #B63E5A;
}

.panel-danger-alt img {
  margin-right: 20px;
  margin-bottom: 10px;
}

.panel-success-alt {
  border-color: #19B99A;
}
.panel-success-alt > .panel-heading {
  color: #fff;
  background-color: #20A286;
  border-color: #19B99A;
}
.panel-success-alt > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #19B99A;
}
.panel-success-alt > .panel-heading .badge {
  color: #fff;
  background-color: #19B99A;
}
.panel-success-alt > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #19B99A;
}

.panel-success-alt img {
  margin-right: 20px;
  margin-bottom: 10px;
}

.panel-success-alt  p {
color: #000000;
}

.panel-danger-alt p {
color: #000000;
}

.panel-warning img {
  margin-right: 20px;
  margin-bottom: 10px;
}

.img-center {margin:0 auto;}

/*Buffers*/
.top-buffer {margin-top: 130px;}
.top-buffer-5 {margin-top: 5px;}
.top-buffer-10 {margin-top: 10px;}
.top-buffer-20 {margin-top: 20px;}
.top-buffer-30 {margin-top: 30px;}
.top-buffer-200 {margin-top: 200px;}
.top-buffer-250 {margin-top: 250px;}
.top-buffer-300 {margin-top: 300px;}
.top-buffer-10-minus {margin-top: -10px;}
.top-buffer-20-minus {margin-top: -20px;}
.top-buffer-40-minus {margin-top: -40px;}
.top-buffer-60-minus {margin-top: -60px;}
.top-buffer-80-minus {margin-top: -80px;}

.pic0 {position:absolute; top:0px; left:30px;}
.pic1 {position:absolute; top:0px; left:60px;}
.pic2 {position:absolute; top:10px; left:80px;}
.pic3 {position:absolute; top:0px; left:100px;}
.pic4 {position:absolute; top:0px; left:120px;}
.pic5 {position:absolute; top:0px; left:140px;}
.pic6 {position:absolute; top:0px; left:160px;}
.pic7 {position:absolute; top:10px; left:180px;}
.pic8 {position:absolute; top:0px; left:200px;}
.pic9 {position:absolute; top:0px; left:220px;}

.cards-in-hand {margin-top: 150px; height:115px;}

.btn-default:hover {
color: #FFFFFF;
  background-color: #FF0C74;
}

.btn-irrv { 
  color: #ffffff; 
  background-color: #0B3E47; 
  border-color: #025469; 
} 
 
.btn-irrv:hover, 
.btn-irrv:focus, 
.btn-irrv:active, 
.btn-irrv.active, 
.open .dropdown-toggle.btn-irrv { 
  color: #ffffff; 
  background-color: #247A6F; 
  border-color: #025469; 
} 
 
.btn-irrv:active, 
.btn-irrv.active, 
.open .dropdown-toggle.btn-irrv { 
  background-image: none; 
} 
 
.btn-irrv.disabled, 
.btn-irrv[disabled], 
fieldset[disabled] .btn-irrv, 
.btn-irrv.disabled:hover, 
.btn-irrv[disabled]:hover, 
fieldset[disabled] .btn-irrv:hover, 
.btn-irrv.disabled:focus, 
.btn-irrv[disabled]:focus, 
fieldset[disabled] .btn-irrv:focus, 
.btn-irrv.disabled:active, 
.btn-irrv[disabled]:active, 
fieldset[disabled] .btn-irrv:active, 
.btn-irrv.disabled.active, 
.btn-irrv[disabled].active, 
fieldset[disabled] .btn-irrv.active { 
  background-color: #0B3E47; 
  border-color: #025469; 
} 
 
.btn-irrv .badge { 
  color: #0B3E47; 
  background-color: #ffffff; 
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(250, 240, 240, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(13, 87, 85, 1);
    background: -webkit-linear-gradient(top, rgba(17, 143, 139, 0.93) 0%, rgba(13, 87, 85, 1) 100%);
    background: linear-gradient(to bottom, rgba(17, 143, 139, 0.93) 0%, rgba(13, 87, 85, 1) 100%);
    border-width: 1px;
    border-radius: 4px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(247, 232, 232, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(237, 215, 156, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(250, 232, 232, 1);
    background-color: rgba(231, 231, 231, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #0d5755;
}

.countdown {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 38px;
letter-spacing: 0.6px;
word-spacing: 2px;
color: #150DFF;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}

#countdowntimer {
color: #FF0C74;
}

.countdown-quiz-start{
font-family: Impact, Charcoal, sans-serif;
font-size: 200px;
letter-spacing: 0.8px;
word-spacing: -0.6px;
color: #FFF;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
height: 350px;
line-height: 300px;
 width: 350px;
  background-color: #FF0C74;
  border-radius: 50%;
  display: inline-block;
  border: 20px solid #585456;
  text-align: center;
}

.text-pink {
color: #FF0C74;
}

.text-white {
color: #FFF;
}

.text-user {
color: #C9DA36;
font-size: 25px;
}

.text-pale-green {
color: #C9DA36;
}

.text-16{
font-size: 16px;
}

.btn-xs {
    padding: 10px 20px;
    font-size: 200px;
    border-radius: 10px;
}

.btn {
    white-space: normal;
    }
    
.progress {
 margin-top: 20px;
}

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


.progress-bar-pink {
  background-color: #FF0C74;
  height: 32px;
}
.progress-striped .progress-bar-pink {
/*background-color: #FF0C74;*/
  height: 32px;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.line_grey {
border-bottom: 1px solid #BBBBBB;
margin-bottom: 4px;
}

.line_pink {
border-bottom: 1px solid #FF0C74;
margin-bottom: 4px;
}


/* Center the loader */
#loader { 
margin-top: 15%;
    vertical-align: middle;
  z-index: 1; 
}

.demo {
  text-align: center;
  font-size: 60px;
  margin-top: 0px;
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#main_page {
  display: none;
}

.text-users {
  color: #DBDC5B;
  }

.contract {
  font-size: 75px;
  color: #DBDC5B;
  padding-right: 13px;
  padding-bottom: 1px;
  }
  
  .call_first {
  font-size: 35px;
  color: #DBDC5B;
  padding-right: 13px;
  padding-bottom: 1px;
  }
  
  .cards_in_hand_total {
  font-size: 45px;
  color: #DBDC5B;
  }
  
  .card-played-message {
  font-size: 175px;
  color: #DBDC5B;
  }
  
  .contract-button {
  background-color: #4CAF50;
  border: none;
  color: white;
  width: 60px;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 50%;
}

  .contract-button:hover {
  background-color: #AF4CA3;
  border: none;
  color: white;
  width: 60px;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 50%;
}







@media only screen and (max-width: 900px) {
  body {
    background-color: #071F26;
  }
  
h2 {
  font-size: 35px;
  color: #6EB9E4;
  margin-bottom: 13px;
  }
  
h3 {
  color: #FF0C74;
  }
  
h5 {
  font-size: 20px;
  color: #DBDC5B;
  margin-bottom: 13px;
  }
  
    p {
  color: #6EB9E4;
  }
  
 .countdown {
  color: #5296BD;
  }
  
  #countdowntimer {
  color: #F8F9FA;
  }
  
  
  .btn-lg {
    padding: 10px 20px;
    font-size: 50px;
    border-radius: 10px;
    margin-bottom: 10px;
    white-space: normal;
}

.text-success{
color: #49F54F;
}

.text-danger{
color: #FCA6A6;
}

  
}


@media only screen and (max-width: 600px) {
  body {
    background-color: #071F26;

  }
  
h2 {
  font-size: 35px;
  color: #6EB9E4;
  margin-bottom: 13px;
  }
  
h3 {
  color: #FF0C74;
  }
  
  h5 {
  font-size: 20px;
  color: #DBDC5B;
  margin-bottom: 13px;
  }
  
  p {
  color: #6EB9E4;
  }
  
 .countdown {
  color: #5296BD;
  }
  
  #countdowntimer {
  color: #F8F9FA;
  }
  
  
  .btn-lg {
    padding: 10px 20px;
    font-size: 30px;
    border-radius: 10px;
    margin-bottom: 10px;
    white-space: normal;
}

.text-success{
color: #49F54F;
}

.text-danger{
color: #FCA6A6;
}

.progress {
 margin-top: 15px;
}

/* Center the loader */
#loader { 
margin-top: 25%;
    vertical-align: middle;
  z-index: 1; 
}

.text-user {
color: #C9DA36;
font-size: 25px;
}

.contract {
  font-size: 75px;
  color: #DBDC5B;
  padding-right: 13px;
  padding-bottom: 1px;
  }

  
}