@-webkit-keyframes blink { 50% { border-color: #E9C46A; }  }

body {
    background-color: #262D33;
    color: #ccc;
    padding-top: 80px;
}

hr {
   border-top: 1px solid white; 
}

.ws-connection-failure-alert{
    display: none;
    text-align: center;
}

.app-user-form{
    color: white;
}

.field-login-form-rememberme{
    font-size: 12px;
}

.panel{
    background-color: transparent;
}

.forgot-password-label{
    text-align: center;
    padding: 12px 12px;
}

#main-content-view{
    padding-top: 150px;
}

.players{
    color: black;
}

.pokertable{
    padding-bottom: 140px;
}

img {
  border-radius: 10%;   
}

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

.speaker-player, .hand-winner-player {
    background:#fff;
    border: 2px solid #999;
    border: 4px solid;
    -webkit-animation: blink 0.5s step-end infinite alternate; 
}

.card-highlighted{
    background:#fff;
    border: 1px solid #999;
    border: 1px solid;
    -webkit-animation: blink 0.5s step-end infinite alternate; 
}

.player-pokerchip-caption {
  color: white;
  font-size: 14px;

  padding-left: 7px;
  text-align: left;
}

.hand-info, #hand-app-timer{
    position: absolute;
    margin:auto;
    width: 20%;
    top: -50px;
    left: 40%;
    text-align: center;
    color: #E9C46A;
}

.hand-info, #hand-app-timer{
    top: -50px;
}

#hand-app-timer{
    font-size: 35px;
    top: -140px;
}

.game-finished-notice, #ready-form{
    position: absolute;
    margin:auto;
    width: 20%;
    top: -14%;
    left: 40%;
    text-align: center;
    color: #E9C46A;
}

.community-cards{
    position: absolute;
    top: 40px;
    left: 442px;
}

.comm-card{
    position: absolute;
}

.comm-card-2{
    left: 50px;
}
.comm-card-3{
    left: 100px;
}
.comm-card-4{
    left: 150px;
}
.comm-card-5{
    left: 200px;
}

.pot-chips{
    position: absolute;
    top: 140px;
    left: 320px;
    color: white;
}

.winner-hand-notice{
    position: absolute;
    top: 16%;
    left: 40%;
    color: #e9c46a;
    text-align: center;
    width: 250px;
}

.disabled-link{
    pointer-events:none;
}

.pot-chip{
    display: inline;
    text-align: center;
}

#pokergame-content {
  position: relative;
  padding-bottom: 160px;
  top: 0;
  left: 0;
}

.folded{
    opacity: 0.3;
}

.winner-page{
    width: 40%;
    height: 400px;
    border-width: 5px;
    border-color: white;
    border-style: double;
    text-align: center;
}

.dealer-button, .player-pokerchip {
    display: inline;
    width: 25px;
    text-align: left;
}

.tablespace{
    width: 60px;
}

.pot-amount-label{
    margin-bottom: 0px;
}

player-action-buttons{
    position: relative;
    margin-top: 400px;
}

.hand-action-button{
    position: absolute;
    margin:auto;
    width: 20%;
    top: -40px;
    left: 40%;
}

.custom-padding{
    height: 180px;
}

.player{
    position: absolute;
    width: 180px;
    height: 62px;
    top: 0px;
    background-color: #e9c46a;
    border-radius: 200px 120px 120px 200px;
    -moz-border-radius: 200px 120px 120px 200px;
    -webkit-border-radius: 200px 120px 120px 200px;
    border: 4px double #000000;
}

.hand-eval{
    color: white;
}

.hand-eval-write1, .hand-eval-write2, .hand-eval-write10, .hand-eval-write9 {
  position: absolute;
  top: -80px;
  left: 0px;
  font-weight: bold;
  width: max-content;
}
.hand-eval-write3, .hand-eval-write4, .hand-eval-write5, .hand-eval-write6, .hand-eval-write7, .hand-eval-write8 {
  position: absolute;
  top: 135px;
  left: 0px;
  font-weight: bold;
  width: max-content;
} 

.player-1 {
  position: absolute;
  top: -60px;
  left: 260px;
}

.tablespace1 {
  position: absolute;
  top: 90px;
  left: 70px;
}

.player-2 {
  position: absolute;
  top: 20px;
  left: 20px;
}

.tablespace2 {
  position: absolute;
  top: 50px;
  left: 180px;
}

.player-3 {
  position: absolute;
  top: 200px;
  left: -20px;
}

.tablespace3 {
  position: absolute;
  top: -20px;
  left: 200px;
}

.player-4 {
  position: absolute;
  top: 400px;
  left: 120px;
}

.tablespace4 {
  position: absolute;
  top: -140px;
  left: 140px;
}

.player-5 {
  position: absolute;
  top: 400px;
  left: 340px;
}
.tablespace5 {
  position: absolute;
  top: -130px;
  left: 90px;
}

.player-6 {
  position: absolute;
  top: 400px;
  left: 560px;
}
.tablespace6 {
  position: absolute;
  top: -130px;
  left: 90px;
}

.player-7 {
  position: absolute;
  top: 400px;
  left: 770px;
}
.tablespace7 {
  position: absolute;
  top: -140px;
  left: 60px;
}

.player-8 {
  position: absolute;
  top: 200px;
  left: 950px;
}
.tablespace8 {
  position: absolute;
  top: -20px;
  left: -65px;
}

.player-9 {
  position: absolute;
  top: 20px;
  left: 920px;
}
.tablespace9 {
  position: absolute;
  top: 60px;
  left: -55px;
}

.player-10 {
  position: absolute;
  top: -60px;
  left: 730px;
}
.tablespace10 {
  position: absolute;
  top: 90px;
  left: 30px;
}

.base-timer {
  position: absolute;
  width: 54px;
  height: 400px;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 11px;
  stroke: #E9C46A;
}

.base-timer__path-remaining {
  stroke-width: 8px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: green;
}

.base-timer__path-remaining.orange {
  color: #FF8C00;
}

.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 7px;
  left: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: white;
}

.app-timer {
    position: absolute;
    color: black;
    width: 40px;
}

.player-photo img{
    position: absolute;
    border-radius: 200px 200px 200px 200px;
    width: 54px;
    height: 54px;
}

.player-info{
    position: absolute;
    left: 57px;
    width: 110px;
    font-size: 15px;
    text-align: center;
    color: #262D33;
    font-weight: bold;
}

.player-info-upper{
    height: 27px;
    line-height: 27px;
    border-bottom: 1px solid;
    margin: auto;
}

.player-info-bottom{
    height: 27px;
    line-height: 27px;
    margin: auto;
}

.player-cards {
  position: absolute;
  width: 200px;
  top: -58px;
  left: 65px;
  z-index: -1;
}

.player-second-card{
  position: absolute;
  left: 50px;
}

.player-card{
  position: absolute;
  width: 48px;
}

.pokertable-img img{
   position: relative;
   z-index: -100
}

#app-brand{
    font-family: satisfy,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #E9C46A;
}

.hand-seq-caption, blind-level-caption{
    margin-bottom: 5px;
}

.app-link{
    color: #E9C46A;
}

.app-nav-left-separator{
    border-left: 1px solid #E9C46A;
    opacity: 50%;
}

.app-nav-bottom-separator{
    border-bottom: 1px solid #E9C46A;
    opacity: 50%;
}

.table-dark {
    color: #8097a0;
    background-color: #262D33;
}

thead{
    color: #E9C46A;
    font-weight: 100;
}

th{
    font-weight: 400;
}

.profile-photo {
    border-radius: 200px 200px 200px 200px;
}

.table th{
    border-top: none;
}

.app-btn-small{
    vertical-align: inherit;
    padding: 0px;
    font-size: inherit;
    width: 70px;
}

.pot-distribution-notice{
    padding: 1.5rem;
    border: 1px solid white;
}

.hand-create-app-timer{
    position: absolute;
    left: 40%;
}

.highlight-css{
    opacity: 100%;
}

.app-hidden{
    display: none;
}

.profile-settings-photo, .profile-settings-photo-caption{
    width: 190px;
    margin-bottom: .5rem;
}

.profile-settings-photo{
    height: 190px;
}

em, .app-modal-header, .app-auto-fold-checkbox{
   color: #e9c46a; 
}

.fa-thumbs-up{
    color: green;
}

.fa-times{
    color: red;
}

.playerhand-ready-state{
    position: absolute;
    right: 2px;
}

.app-auto-fold-checkbox{
    position: absolute;
    left: 2px;
    top: 17px;
}

.app-modal-body{
    color: black;
}

#app-hand-info-icon, #app-hand-info-icon:hover{
    color: inherit;
}

.app-modal-body hr{
    border-top: 1px solid black !important;
    margin-bottom:5px !important;
    margin-top:5px !important; 
}

a.player-username{
    color:inherit;
}

.dropup .dropdown-toggle::after {
    display: none;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
}