/************************LAYOUT OF SMALL DEVICE**********************************/

.private_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 270px;
    width: 270px;
    min-height: 270px;
}
@media only screen and (max-height : 270px) {
    .private_container{
        position: relative;
    }
}

.private_center {
    width:100%;
    text-align: center;
    padding-right: 55px; /*depands on the dimentions of a card - 110px*/
    height: 170px;
}
.private_center>div {
    position: relative;
    display: inline-block;
}
@media only screen and (min-width : 600px) {
    .private_center {
        padding-right: 70px;
    }
}

.private-text {
    text-align: center;
    font-size: x-large;
    height: 50px;
}

.private-invest-text {
    color: #333;
}
.private-chips-text {
    color: white;
}

/************************LAYOUT OF MEDIUM DEVICE**********************************/


@media only screen and (min-width : 600px) {
    .private_container {
        height: 400px;
        width: 400px;
        min-height: 400px;
    }
@media only screen and (min-width : 600px) and (max-height : 400px) {
    .private_container{
        position: relative;
    }
}
    .private_center {
        height: 260px;
        padding-right: 80px; /*depands on the dimentions of a card - 160px*/
    }
    
    .private-text {
        font-size: 2em;
        height: 70px;
    }
}


.private_table {
    -moz-box-shadow:    inset 0 -30px 30px -28px #000000 !important;
    -webkit-box-shadow: inset 0 -30px 30px -28px #000000 !important;
    box-shadow:         inset 0 -30px 30px -28px #000000 !important;
    background-color: rgb(129, 186, 116);
    width: 100%;
    border: #666 solid 0;
    border-bottom-width: 40px;
    color:black;
}

.private_second_card {
    position: absolute !important;
    right: -80px;
    top: 5px;
    transform: rotatez(10deg);
    -ms-transform: rotatez(10deg); /* IE 9 */
    -webkit-transform: rotatez(10deg);
}
@media only screen and (min-width : 600px){
    .private_second_card {
        right: -110px;
    }    
}

.private_cards_container {
    position: relative;
    display: inline-block;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
    width: 110px;
    height: 165px;
}

@media only screen and (min-width : 600px){
    .private_cards_container {
        width:140px;
        height:210px;
    }
}

.private_card {
    position:relative;display:inline-block !important;    
}

.private_flipped {
    -webkit-transform: rotateY(0deg) !important;
    transform: rotateY(0deg) !important;
    -webkit-transition: -webkit-transform 1s !important;
    transition: transform 1s !important;
}
.private_flipped.ng-hide {
    -webkit-transition: -webkit-transform 1s !important;
    transition: transform 1s !important;
    -webkit-transform: rotateY(180deg) !important;
    transform: rotateY(180deg) !important;
}

.private_flipped.ng-hide.ng-hide-active {
    -ms-transform: rotateY(0deg) !important;
    -webkit-transform: rotateY(0deg) !important;
    transform: rotateY(0deg) !important;
}

.private_flipped.ng-show {
    -webkit-transition: -webkit-transform 1s !important;
    transition: transform 1s !important;
    -webkit-transform: rotateY(180deg) !important;
    transform: rotateY(180deg) !important;
}


.private_back_pattern {
    background-image: url('/static/img/pattern.png');
    background-repeat: repeat;
    background-size: 8px;
    width:100%;
    height:100%;
    border: 8px solid white;
    -webkit-box-shadow: -3px 0 11px 0 rgb(0, 0, 0) ,  inset 0 0 1px 1px rgb(62, 140, 178)  !important;
    -moz-box-shadow : -3px 0 11px 0 rgb(0, 0, 0) , inset 0 0 1px 1px rgb(62, 140, 178)  !important;
    box-shadow: inset -3px 0 11px 0 rgb(0, 0, 0) , 0 0 1px 1px rgb(7, 38, 53);
}
.private_front_pattern {
    background-color: white;
}

.private_side {
    position: absolute;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

.private_card_shape {
    box-shadow: -3px 0 11px 0 rgb(0, 0, 0);
    border-radius: 16px;
    padding:8px;
}

.private_card_value {  /*colored value on the card*/
    width: 18px;
    height: 32px;
    margin:0;
    margin-left: 2px;
    display:block;
}
.private_card_small_sign {  /*small card sign*/
    display:block;
    width: 25px;
    height: 25px;
    margin-top: 5px;
}
.private_card_value_large {  /*large card sign*/
    width: 83px;
    height: 83px;
}

.private_card_size {
    width:110px;
    height:165px;
}

.back_private {  /*card - back*/
    -ms-transform: rotateY( 180deg ) !important;
    -webkit-transform: rotateY( 180deg ) !important;
    transform: rotateY( 180deg ) !important;
}


@media only screen and (min-width : 600px) {
    .private_card_value {  /*colored value on the card*/
        width: 28px;
        height: 45px;
        margin: 0;
        margin-left: 5px;
    }
    .private_card_small_sign {  /*small card sign*/
        width: 37px;
        height: 37px;
        margin-top: 7px;
    }
    .private_card_value_large {  /*large card sign*/
        width: 125px;
        height: 125px;
    }
    .private_card_size {
        width: 160px;
        height: 240px;
    }
    
    .back_private {  /*card - back*/
        width:140px !important;
        height:210px !important;
    } 
}

/************************PLAYER TURN**********************************/

.player_betting_turn_private {
    padding: 5px;
    text-align: center;
    position: fixed;
    top: 43px;
    z-index: 0!important;
    border-radius: 0 8px 8px 0;
    margin: 10px;
    /* z-index: -1; */
    margin-left: 0;
    /* right: 0; */
    left: 0;
    font-size: 22px;
    color: #333;
    background: rgb(157,213,58);
    background: -moz-linear-gradient(-45deg, rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(50%,rgba(161,213,79,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1)));
    background: -webkit-linear-gradient(-45deg, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%);
    background: linear-gradient(135deg, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%);
}

@media only screen and (min-width : 600px) {
    .player_betting_turn_private {
        padding: 7px 11px;
        font-size: 29px;
    }
}