/* Minification failed. Returning unminified contents.
(357,1): run-time error CSS1019: Unexpected token, found ','
 */
body {
    padding-top: 50px;
    padding-bottom: 20px;
     background:url("Resources/Background.jpg") no-repeat bottom right fixed; 
    /*background-image:url("Resources/poker_table_background.jpg");
    background-size:900px;*/
    background-size:40% auto;
    background-color:#fff
}

footer > div {
    background:#222;
    height:30px;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    padding:5px;
    color:#9d9d9d;
    border-top:solid 1px #080808;
}

footer > div > div.footer-info {
    text-align:right;
}

footer > div > p {
    text-align:center;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


/* AngularJS */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

/* End of AngularJS */

/* Bootstrap overrides */

h2 {
    margin-left:15px;
    margin-right:15px;
}


.btn-fb {
    background:#3a5795;
    color:#ffffff;
    border-color:#385490;
}

.btn-fb:hover, .btn-fb:focus {
    background:#385490;
    color:#ffffff;
}

.btn-tw {
    background:#1b95e0;
    color:#ffffff;
    border-color:transparent;
}

.btn-tw:hover, .btn-tw:focus {
    background:#0084B4;
    color:#ffffff;
}

/* End of Bootstrap overrides */

/* General styles */

.gold {
    color:#E5C92D;
}

.silver {
    color:#C0C0C0;
}

.bronze {
    color:#CD7F32;
}

.light-blue {
    color:#ADFFE7;
}

.gray {
    color:#aaa;
}

.white {
    color:#fff;
}

.red {
    color:#f00;
}

.black {
    color:#000;
}

.inline {
    display:inline-block;
}

.v-middle {
    vertical-align:middle;
}

.h-middle {
    text-align:center;
}

.center {
    margin:0 auto;
    display:table;
}

.relative {
    position:relative;
}

.absolute {
    position:absolute;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.max-width {
    max-width:100% !important;
}

.fit-height {
    height:100%;
}

.hidden-vis {
    visibility:hidden;
}

.clear {
    clear:both;
}

.right {
    right:0;
}

.left {
    left:0;
}
/* End of general styles */

.navbar-toggle {
    color:#53719E;
}

/* Cards style */

.card-pos {
    margin:0 -19.2px 0 0 !important;
    display:inline-block !important;
    font-size:large !important;
    box-shadow:none;
}

.card-pos-tight {
    margin:0 -40px 0 0 !important;
}

.selected {
    bottom:16px;
}

.card span *:before, .card span *:after, .card span * {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing:content-box !important;
}

.club, .spade {
    background: #777777;
}

.refreshcontainer {
    position:absolute;
    right:10px;
    top:10px;
}

.passcontainer {
    margin-left:20px;
}

.playercontainer .player {
    min-width:100px;
    height:55px;
    border-radius:0;
}

.playercontainer .playingCards .card {
    height:22.4px;
    width:16px;
    border-radius:1.6px;
    margin:0;
    font-size:16px;
}

.playedcardscontainer .playingCards .card.small {
    height:28px;
    width:28px;
    margin:0 0 0 3px;
}

.playedcardscontainer .playingCards .card.small .rank {
    font-size:16px;
}

.playedcardscontainer .playingCards .card.small .suit {
    font-size:20px;
}

.playedcardscontainer .cardhistory {
    margin-bottom:3px;
}

/* End of Cards style */

/* Loading */
.loading {
    width:100%;
    height:100%;
}

.loading > div {
    display:table;
    width:100%;
    height:100%;
}

.loading > div > div {
    display:table-cell;
}

.loading .loading-panel {
    padding:20px;
    display:inline-block;
    border:1px solid #ccc;
    border-radius:3px;
}

.loading .panel div, .loading span {
    display:block;
}

.loading-center {
    top:0;
    position:absolute;
    width:100%;
    text-align:center;
}

/* End of Loading */

.full-page {
    min-height:500px;
}

.logo img {
    height:100%;
}

.logo {
    padding-top:0;
    padding-bottom:0;
    vertical-align:middle;
    height:50px;
}

.player {
    margin:0px;
    padding:2px 2px;
}

.cardscontainer {
    margin-top:30px !important;
}

.playedcardscontainer {
    margin-bottom:20px !important;
    min-height:200px;
    width:100%;
}

.playedcardscontainer ul {
    padding-left:10px;
    margin-bottom:5px;
}

.playedCardLabel {
    margin-right:10px;
}

.handcontainer {
    margin-bottom:20px !important;
}

.gamecontainer {
    height:100%;
    width:100%;
}

.passbox {
    height:200px;
    align-content:center;
    background: #54FCFF;
    visibility:hidden;
    font-size:x-large;
    color:#9B44FF;
    position:relative;
}

.gametable {
    background-image:url("Resources/poker_table_background.jpg");
    background-size:900px;
}

ul.chat-text > li {
    padding-left:5px;
    padding-right:5px;
}

ul.chat-text:first-child {
    padding-top:5px;
}

, ul.chat-text:last-child {
    padding-bottom:5px;
}

.chatbox {
    bottom:0;
    left:0;
    width:100%;
}

.chatbox * {
    border-radius:0;
}

.count-text {
    margin-left:5px;
}

.playerpanel {
    border-right:solid 1px #ddd;
}

.chatpanel .msgpanel {
    border-left:solid 1px #ddd;
}

.chatpanel .msgpanel ul {
    margin-bottom:0;
}

.panel-collapse-btn {
    top:50%;
}

.panel-collapse-btn button {
    right:0;
    font-size:20px;
    border:none;
    height:40px;
    min-width:20px;
    margin-top:-20px;
    display:none;
}

.panel-body-anchored h3[id], .panel-body-anchored h4[id] {
    margin-top:-60px;
    padding-top:60px;
}

.panel-bar-item {
    padding:10px 15px;
}

.btn-borderless {
    border:none !important;
}

.popover-content-nopadding + .popover > .popover-inner > .popover-content {
    padding:0px !important;
}
@media (max-width: 991px) {

    .card-pos {
        margin:0 -36.8px 0 0 !important;
    }

    .chatpanel {
        position:absolute;
        right:0;
        top:0;
    }

    .roomcontainer {
        position:relative;
    }

    .panel-collapse {
        width:0px;
    }

    .panel-collapse .msgpanel {
        width:0px;
        visibility:collapse;
    }

    .panel-collapse .chatbox {
        display:none;
    }

    .panel-collapse-btn button {
        display:block;
    }
}

@media (max-width: 768px) {

    /* Clear inside pictures */
    .playingCards .card.rank-a.diams .suit:after,
    .playingCards .card.rank-2.diams .suit:after,
    .playingCards .card.rank-3.diams .suit:after,
    .playingCards .card.rank-4.diams .suit:after,
    .playingCards .card.rank-5.diams .suit:after,
    .playingCards .card.rank-6.diams .suit:after,
    .playingCards .card.rank-7.diams .suit:after,
    .playingCards .card.rank-8.diams .suit:after,
    .playingCards .card.rank-9.diams .suit:after,
    .playingCards .card.rank-10.diams .suit:after,
    .playingCards .card.rank-j.diams .suit:after,
    .playingCards .card.rank-q.diams .suit:after,
    .playingCards .card.rank-k.diams .suit:after,
   
    .playingCards .card.rank-a.clubs .suit:after,
    .playingCards .card.rank-2.clubs .suit:after,
    .playingCards .card.rank-3.clubs .suit:after,
    .playingCards .card.rank-4.clubs .suit:after,
    .playingCards .card.rank-5.clubs .suit:after,
    .playingCards .card.rank-6.clubs .suit:after,
    .playingCards .card.rank-7.clubs .suit:after,
    .playingCards .card.rank-8.clubs .suit:after,
    .playingCards .card.rank-9.clubs .suit:after,
    .playingCards .card.rank-10.clubs .suit:after,
    .playingCards .card.rank-j.clubs .suit:after,
    .playingCards .card.rank-q.clubs .suit:after,
    .playingCards .card.rank-k.clubs .suit:after,

    .playingCards .card.rank-a.hearts .suit:after,
    .playingCards .card.rank-2.hearts .suit:after,
    .playingCards .card.rank-3.hearts .suit:after,
    .playingCards .card.rank-4.hearts .suit:after,
    .playingCards .card.rank-5.hearts .suit:after,
    .playingCards .card.rank-6.hearts .suit:after,
    .playingCards .card.rank-7.hearts .suit:after,
    .playingCards .card.rank-8.hearts .suit:after,
    .playingCards .card.rank-9.hearts .suit:after,
    .playingCards .card.rank-10.hearts .suit:after,
    .playingCards .card.rank-j.hearts .suit:after,
    .playingCards .card.rank-q.hearts .suit:after,
    .playingCards .card.rank-k.hearts .suit:after,

    .playingCards .card.rank-a.spades .suit:after,
    .playingCards .card.rank-2.spades .suit:after,
    .playingCards .card.rank-3.spades .suit:after,
    .playingCards .card.rank-4.spades .suit:after,
    .playingCards .card.rank-5.spades .suit:after,
    .playingCards .card.rank-6.spades .suit:after,
    .playingCards .card.rank-7.spades .suit:after,
    .playingCards .card.rank-8.spades .suit:after,
    .playingCards .card.rank-9.spades .suit:after,
    .playingCards .card.rank-10.spades .suit:after,
    .playingCards .card.rank-j.spades .suit:after,
    .playingCards .card.rank-q.spades .suit:after,
    .playingCards .card.rank-k.spades .suit:after
    {
        content:"";
    }

    .playerscontainer {

    }

    .playercontainer {

    }    
}

@media (max-width: 500px) {
    .playingCards .card {
        width: 50px;
        height: 69px;
    }

    .card-pos {
        margin:0 -32px 0 0 !important;
    }

    .navbar-brand {
        display:none;
    }

    .navbar-toggle {
        padding:0px;
        margin-top:0px;
        margin-bottom:0px;
        height:10px;
        border:none;
    }

    .navbar-header::before {
        content:"NET Scum Online";
        display:inline-block;
        color:#53719E;
        margin-left:5px;
    }

    .roomnamepanel .panel-bar-item {
        padding:3px 5px;
    }

    .navbar {
        min-height:20px;
    }

    body {
        padding-top:20px;
    }
}