﻿.custom-btn {
    /* width: 13vh;
    height: 4vh;*/
    color: Indigo;
    /*border-radius: 5px;*/
  

   /* padding: 1vh 2.5vh;*/

    font-family: 'Lato', sans-serif;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    /* box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);*/
    outline: none;
    font-size: 2vh;
    /*margin: 1.0vh;*/
    /*padding: 0;*/

  /*  border: none;*/
    background: transparent;
    box-shadow: none;

    margin:2vh;
}


.ManageBetButton {
    font-size: 10vh;
    font-weight: bold;

    /*border-style: solid;*/
    border-color: palevioletred;
}







.btnBet {
    /*width: 13vh;
    height: 4vh;*/
    line-height: 4.2vh;
    padding: 0;
    border: none;
   

    padding: 1vh;
    /*font-size: 3vh;*/
}

    .btnBet:hover {
        color: Indigo;
        background: transparent;
        box-shadow: none;
    }

    .btnBet:before,
    .btnBet:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 2px;
        width: 0;
        background: Indigo;
        box-shadow: -1px -1px 5px 0px #fff, 7px 7px 20px 0px #0003, 4px 4px 5px 0px #0002;
        transition: 400ms ease all;
    }

    .btnBet:after {
        right: inherit;
        top: inherit;
        left: 0;
        bottom: 0;
    }

    .btnBet:hover:before,
    .btnBet:hover:after {
        width: 100%;
        transition: 800ms ease all;
    }









.OrderGame {
    color: Indigo;
    font-size: 1vh;
    padding: 1vh;
}






.Heart {
    background: no-repeat url('../images/Suit/hearts.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.Diamonds {
    background: no-repeat url('../images/Suit/diamonds.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.Clubs {

    background: no-repeat url('../images/Suit/clubs.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}


.Spades {
    background: no-repeat url('../images/Suit/spades.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}






.NoTrump {
    background: no-repeat url('../images/Suit/WT.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}



.IconTrump {
    width: 4vw;
    height: 4vw;
    border: 0.2vw solid black;
    border-radius: 50%;
    margin: 1vh;
    background-color: white;
    transform: translate(50%,0);
}

.Bolt {
    width: 4vmin;
    height: 4vmin;
    background: no-repeat url('../images/Background/bolt.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.ScoreLine {

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*left: calc(1% + 10vw);*/
    /* background-color: palegoldenrod;*/
    /*height: 100%;
    width: 10vw;*/
}





.BetAmountTrade {
    font-size: 10.5vmin;
   /* border-style: solid;*/
}











.SuitBetTrade {
    height: 8vh;
    width: 8vh;
    /*border-style: solid;
    border-color: green;*/
    /*padding: 10.0vh;*/

    margin-left: 1vh;
    margin-right: 1vh;

    /*border-style: solid;*/
}







.BulletReglament {
    margin: 0.7vh;
    font-size: 3vh;
    padding: 0.5vh;
    font-style: italic;
}




/*.SelectMoveCard {
    animation: scale 0.5s ease;*/
    /*animation-delay: 5s;*/
/*}*/




/*
 Анимации 
*/ /*@keyframes selectCard {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }
}*/

#MinusBet, #PlusBet {
    font-size: 16vh;
    /*font-weight: bold;*/
    font-weight: 600;
    font-style: italic;
}