body {
    background: #ece16f;
    background-image: url('sidelogo.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left center;
    color: black;
}

.error {
    color: #e80c4d;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

#footer {
    color: White;
    background: #598d6c;
    text-shadow: 0 1px 0 #493B29;
    -webkit-box-shadow: 0px -1px 5px #555;
    box-shadow: 0px -1px 5px #555;
    border-top: 1px solid #849b8d;
    height: 59px;
    line-height: 59px;
}

    #footer a:link,
    #footer a:visited,
    #footer a:hover,
    #footer a:active {
        color: White;
    }

.whiteBox {
    padding: 10px;
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
    background: #ffffff;
    border-radius: 5px;
    color: black;
    opacity: 0.9;
}

.availableTableListItem {
    background: #c9de96;
    -webkit-box-shadow: 1px 1px 5px #555;
    box-shadow: 1px 1px 5px #555;
    color: white;
    font-weight: bold;
}

.nav-pills > li > a:hover {
    background-color: white;
}

.navbar {
    min-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    background: #da614c;
    border-bottom: 1px solid #871400;
    box-shadow: 0px 1px 5px #555;
}

.navbar-toggle {
    border: 1px solid #e27c6a;
    color: white;
    float: left;
}

    .navbar-toggle .icon-bar {
        background: white;
    }

.navbar-nav > li > a {
    color: white;
}

    .navbar-nav > li > a:active,
    .navbar-nav > li > a:hover {
        color: black;
    }

.tbldiv {
    background: #eaeafa;
}

    .tbldiv:hover {
        border: 1px solid #493B29;
    }

.tbldivT {
    background: #eaeafa;
}

    .tbldivT:hover {
        border: 1px solid #493B29;
    }

.tbldivTF {
    background: #8bd59e
}

    .tbldivTF:hover {
        border: 1px solid #493B29;
    }

.tbldivTC {
    background: #ffcbcb;
}

    .tbldivTC:hover {
        border: 1px solid #493B29;
    }

.tbldivgold {
    background: #e9a6a6;
}

    .tbldivgold:hover {
        border: 1px solid #493B29;
    }

.tbldivtourn {
    background: #b3ccff;
}

    .tbldivtourn:hover {
        border: 1px solid #493B29;
	}
	
.tbldivZ {
		background: #90d3a9;
	}
	
	.tbldivZ:hover {
		border: 1px solid #52725e;
	}

.form-control {
    background-color: white;
}

/* table */

.tableIG {
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
    background: rgb(234,185,45);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhYjkyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzk4MTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

#gameField {
    background: rgb(158,165,76);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5ZWE1NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzU4OTBjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

.horizontalLayoutSmall .smallcard {
    border: 1px solid black;
    background-color: white;
    box-shadow: 1px 1px 5px #555;
}

.horizontalLayout .card {
    border: 1px solid black;
    background-color: white;
    box-shadow: 1px 1px 5px #555;
}

    .horizontalLayout .card:hover {
        border: 2px solid gold;
    }

.horizontalLayouta .card {
    border: 1px solid black;
    background-color: white;
    box-shadow: 1px 1px 5px #555;
}

#statusbar {
    background: rgb(69,72,77);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM0NTQ4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

#statusText {
    color: white;
}

.youPlayBorder {
    border: 3px solid green !important;
}

#bombs {
    background: #d9534f;
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

#playBomb {
    border-color: rgb(0, 0, 0);
    background-color: rgb(217, 83, 79);
    box-shadow: rgb(85, 85, 85) 1px 1px 5px;
    color: rgb(255, 255, 255);
}

#gameLog {
    background: rgb(238,238,238);
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

.cN {
    border: 1px solid black;
    color: #d51d1d;
    -webkit-text-shadow: 1px 2px 1px white;
    text-shadow: 1px 2px 1px white;
}

.playerMenu {
    background-color: gray;
    border: 1px solid #000;
    box-shadow: 1px 1px 5px #555;
}

.p1Color {
    color: Black;
}

.p2Color {
    color: #116baa;
}

.p3Color {
    color: #2d884b;
}

.p4Color {
    color: #d51d1d;
}

#phoenixCards {
    box-shadow: 1px 1px 5px #555;
    border: 1px solid black;
    background-color: darkorange;
}

#askCards {
    box-shadow: 1px 1px 5px #555;
    border: 1px solid black;
    background-color: gold;
}

.exchangeCard {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAB4CAYAAABl7nX2AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAARbSURBVHja7F3JbuswEJtxDfT/f/UBPRSoxXeo03jRPrIjO9QtmxeGHHJkxdFpmv6JyKdw1IxvnaZpEpGBWFQNN4jID3GoHj9knnGMhCBzIAAgAIJjGJQwAXxxDUxLWMuKAk2EQNGFz3JjnQGkE9cNFZWB4BnICNCFm9RAsrBSwkoJmw2FEjbhB/bCbXJgDohqyEvFH9G2x9I8vmxN5CBA2qTV/poj0ETa5cCdhFEhHQ2wA80FY92yRuSPYraraoGE6/ZxvJxLt9X4YCnhFhImiIZOhDBQwpTwlSU8CvCMMdpBzO988mD7YATwfB4dxPyLSXggXA0mE1gDGWNex8Bz2Vd7Eb8X49g+7C7GXK2U6OzCrIH1nQghaODC/Uq0r5roE2rnEgYl/BYxhiZCBpKBdOF3GyADWQNZA+/BQIJn6UxG5wigxUlYA2kiHZgIhzFIE8S6wQWWZhfmInOaCAF8p1ZO1XCNoqRStLoUgnb7QuCjRTXwtHrZ07X+OKMoYbsLH7By/Y2CoIyCuDRNde/+FHyaSAiovLqncgecS9WoqjI654JA6UzTNDMhd87jmNmW1QsvgQl9UFXzHXled60XZVnqc6scGAJmK++imom/3XfvqDWsXAEYYmKJK11Vy6XMRKwT2TJxydAlWOpxJXQoZ0tU22KzeqxFCyx1HdsXYG3ZGmRvp3KOgpR4/+ici8aY5vVE+2dgEYC+J32S9Zc3nZ9HfghHPwyMARUDfflaUMI5dTDqGUZDyVWEZYIjlu9CpKqKMTk7KCkBy4CeOok6AJedUTjk+/YdOv9Hmdu+vosxDyBgDdAbqYYCeqjbsU2dOZkbLFN9223Vs9FxT9XN+SyKfixke3ecIeNgtxNpIy0t5FNtkUNDOis8tvPnwqG0Eir6OqioqDjngvJVg2FYpZ06cWB7oj65igBuWRh2wI4lLrmSocPfxqK9dLeZD8VZ0CEgYavtr0CLFOEimWa5uEa+pqe8SwNBSf0dAXiLY0kAxlw4NSOWlJhQfkcaB/D38NL7R+oH55vaOAxDwUWlVD0DBCmQM6fLjhgpkqDm1/povcg8wzQAZDrsecdkaRHbLfFVzzxLIA5gduhDQdxOXOguajdh4djygEu+6zPl6yuXrXh57PI2ffFkPhIzNNbTe8wHHnkCuPFFZ965qAUDf3kOf6Utyl2SuY07UG8RY5Z3fmrTfL0PmyHgEl/WwBfXQP7Uy5oDATLQImEusDQOmghN5MVBGp7kln2z7+aZGZcL6Ot7qJZG4Z7+oIAmcukY06C71caMak049f9fiRr0AJHtZILhXLpfgup/AJuGGWNOiDF6gJSRfOnsr1XDWSUaQor+nPQWUi497MRiUd54hzHmxb0wITDnQEqYEqaECSBrYIsYugujmrFdXCVG7v/UD9JscRH8J38rb/L88IYmwhpIAAkgXZidSG3qAHgnc1PqEIEMzjmCWDmcc+P48fHxBeCTcFQIWfX7/wCwnUJgq13oiQAAAABJRU5ErkJggg==');
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

    .exchangeCard .card {
        background-color: white;
    }

    .exchangeCard:hover {
        border: 2px solid gold;
    }

#chatContainer {
    background: rgb(238,238,238);
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

.username {
    background: rgb(238,238,238);
    border: 1px solid #000;
    box-shadow: 1px 1px 5px #555;
}

#exchangedCards {
    background: rgb(83,144,195);
    border: 1px solid #000;
    box-shadow: 1px 1px 5px #555;
    color: white;
    -webkit-text-shadow: 0 1px 0 #493B29;
    text-shadow: 0 1px 0 #493B29;
}

#totalScore {
    border-bottom: 1px solid gray;
}

td .card {
    box-shadow: 1px 1px 5px #555;
    border: 1px solid #000;
}

#clock {
    color: white;
}

.timer {
    color: red;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#scores {
    background: white;
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

#scoreDetails {
    background: rgb(238,238,238);
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

#spectators {
    background: gold;
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

#spectatorsDetails {
    background: white;
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

#loading {
    background: rgb(69,72,77);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0NTQ4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

#loadingMessage {
    color: white;
}

#tichuContainer {
    background: rgb(98,125,77);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM2MjdkNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWYzYjA4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.achievement {
    background-color: white;
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

#tichuContainerMessage {
    color: white;
}

.highlight {
    border-color: orange;
    background: rgb(255,214,94);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDY1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWJmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    color: white;
}

.highlightblue {
    border-color: blue;
    background: rgb(99,182,219);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYjZkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDlkY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    color: white;
}

.highlightred {
    border-color: red;
    background: rgb(255,48,25);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    color: white;
}

.highlightgreen {
    border-color: green;
    background: rgb(98,196,98);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzYyYzQ2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MWEzNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    color: white;
}

.highlightyellow {
    border-color: gold;
    background: #ffd65e; /* Old browsers */
    color: black;
}

#dog {
    background: #2591c4;
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

#dogPlayer {
    color: white;
}

#dogCard {
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

.controlbtn {
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

.addBorder {
    border: 1px solid black;
}

.tichu {
    color: red;
}

#reviewField {
    background: rgb(158,165,76);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5ZWE1NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzU4OTBjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    border: 1px solid black;
    box-shadow: 1px 1px 5px #555;
}

.statusOrange {
    color: orange;
}

.statusRed {
    color: red;
}

.statusGreen {
    color: green;
}

.statusBlue {
    color: blue;
}

#tempData {
    color: black;
    background-color: white;
}

#infoData {
    color: black;
    background-color: white;
    opacity: 0.8;
}

#darkColorData {
    color: black;
    background-color: white;
    opacity: 0.8;
}