.page-title {
  position: relative; }
  .page-title .steam-profile {
    position: absolute;
    z-index: 5;
    right: 14px;
    bottom: 41px;
    height: 40px;
    width: 100px; }
    .page-title .steam-profile .person-icon {
      width: 45px; }
    .page-title .steam-profile .steam-icon {
      width: 18px;
      position: absolute;
      top: 26px;
      left: 42px;
      background: white;
      border-radius: 20px; }

#load-like-games-from-steam, #load-own-games-from-steam {
  display: none; }

.cluster {
  padding: 15px;
  margin: 0px;
  vertical-align: top; }
  .cluster div {
    padding: 5px;
    margin: 0px; }
  .cluster img {
    padding: 6px; }
  .cluster .game-image-wizard {
    width: 100%; }

.recomendations {
  padding: 0px;
  margin: 0px;
  vertical-align: top; }
  .recomendations div {
    padding-bottom: 5px;
    margin: 0px; }
  .recomendations img {
    padding: 6px; }
  .recomendations .game-image-wizard {
    width: 100%; }
  .recomendations .game-name {
    font-size: 17px;
    padding: 5px; }
  .recomendations .tag-div {
    padding: 5px; }
  .recomendations .game-expected-time {
    padding: 5px; }

.game-card .card-actions {
  display: none; }

.game-card:hover .card-actions {
  display: block; }

.game-remove {
  background-color: #f3f3f3; }

.cl_0_cell .filled, .cl_0_cell .tag-div, .cl_0_cell .cluster-game-images:hover:not(.single-image), .cl_0_cell .cluster-game-images.single-image {
  background-color: #20718F; }

.cl_0_cell .cluster-game-image {
  box-shadow: 4px 4px 0px 0px #9DC1CF; }

.cl_0_cell .bottom-triangle {
  border-color: #9DC1CF transparent transparent transparent; }

.cl_0_cell .game-card .bottom-triangle {
  border-color: #20718F transparent transparent transparent; }

.cl_0_cell .game-card .tag-div .tag {
  background: #20718F; }

.cl_1_cell .filled, .cl_1_cell .tag-div, .cl_1_cell .cluster-game-images:hover:not(.single-image), .cl_1_cell .cluster-game-images.single-image {
  background-color: #78593A; }

.cl_1_cell .cluster-game-image {
  box-shadow: 4px 4px 0px 0px #C4B6A9; }

.cl_1_cell .bottom-triangle {
  border-color: #C4B6A9 transparent transparent transparent; }

.cl_1_cell .game-card .bottom-triangle {
  border-color: #78593A transparent transparent transparent; }

.cl_1_cell .game-card .tag-div .tag {
  background: #78593A; }

.cl_2_cell .filled, .cl_2_cell .tag-div, .cl_2_cell .cluster-game-images:hover:not(.single-image), .cl_2_cell .cluster-game-images.single-image {
  background-color: #E98E45; }

.cl_2_cell .cluster-game-image {
  box-shadow: 4px 4px 0px 0px #F5CEAD; }

.cl_2_cell .bottom-triangle {
  border-color: #F5CEAD transparent transparent transparent; }

.cl_2_cell .game-card .bottom-triangle {
  border-color: #E98E45 transparent transparent transparent; }

.cl_2_cell .game-card .tag-div .tag {
  background: #E98E45; }

.cl_3_cell .filled, .cl_3_cell .tag-div, .cl_3_cell .cluster-game-images:hover:not(.single-image), .cl_3_cell .cluster-game-images.single-image {
  background-color: #C75648; }

.cl_3_cell .cluster-game-image {
  box-shadow: 4px 4px 0px 0px #E5B4AF; }

.cl_3_cell .bottom-triangle {
  border-color: #E5B4AF transparent transparent transparent; }

.cl_3_cell .game-card .bottom-triangle {
  border-color: #C75648 transparent transparent transparent; }

.cl_3_cell .game-card .tag-div .tag {
  background: #C75648; }

.cl_4_cell .filled, .cl_4_cell .tag-div, .cl_4_cell .cluster-game-images:hover:not(.single-image), .cl_4_cell .cluster-game-images.single-image {
  background-color: #ED6FAC; }

.cl_4_cell .cluster-game-image {
  box-shadow: 4px 4px 0px 0px #F7C1DB; }

.cl_4_cell .bottom-triangle {
  border-color: #F7C1DB transparent transparent transparent; }

.cl_4_cell .game-card .bottom-triangle {
  border-color: #ED6FAC transparent transparent transparent; }

.cl_4_cell .game-card .tag-div .tag {
  background: #ED6FAC; }

.cl_5_cell .filled, .cl_5_cell .tag-div, .cl_5_cell .cluster-game-images:hover:not(.single-image), .cl_5_cell .cluster-game-images.single-image {
  background-color: #4B6BA8; }

.cl_5_cell .cluster-game-image {
  box-shadow: 4px 4px 0px 0px #B0BED9; }

.cl_5_cell .bottom-triangle {
  border-color: #B0BED9 transparent transparent transparent; }

.cl_5_cell .game-card .bottom-triangle {
  border-color: #4B6BA8 transparent transparent transparent; }

.cl_5_cell .game-card .tag-div .tag {
  background: #4B6BA8; }

.cl_6_cell .filled, .cl_6_cell .tag-div, .cl_6_cell .cluster-game-images:hover:not(.single-image), .cl_6_cell .cluster-game-images.single-image {
  background-color: #5B965C; }

.cl_6_cell .cluster-game-image {
  box-shadow: 4px 4px 0px 0px #B7D1B6; }

.cl_6_cell .bottom-triangle {
  border-color: #B7D1B6 transparent transparent transparent; }

.cl_6_cell .game-card .bottom-triangle {
  border-color: #5B965C transparent transparent transparent; }

.cl_6_cell .game-card .tag-div .tag {
  background: #5B965C; }

.cl_7_cell .filled, .cl_7_cell .tag-div, .cl_7_cell .cluster-game-images:hover:not(.single-image), .cl_7_cell .cluster-game-images.single-image {
  background-color: #467d94; }

.cl_7_cell .cluster-game-image {
  box-shadow: 4px 4px 0px 0px #E8E4AE; }

.cl_7_cell .bottom-triangle {
  border-color: #467d94 transparent transparent transparent; }

.cl_7_cell .game-card .bottom-triangle {
  border-color: #467d94 transparent transparent transparent; }

.cl_7_cell .game-card .tag-div .tag {
  background: #467d94; }

.cl_8_cell .filled, .cl_8_cell .tag-div, .cl_8_cell .cluster-game-images:hover:not(.single-image), .cl_8_cell .cluster-game-images.single-image {
  background-color: #efed3a; }

.cl_8_cell .cluster-game-image {
  box-shadow: 4px 4px 0px 0px #E8E4AE; }

.cl_8_cell .bottom-triangle {
  border-color: #efed3a transparent transparent transparent; }

.cl_8_cell .game-card .bottom-triangle {
  border-color: #efed3a transparent transparent transparent; }

.cl_8_cell .game-card .tag-div .tag {
  background: #efed3a; }

.cl_9_cell .filled, .cl_9_cell .tag-div, .cl_9_cell .cluster-game-images:hover:not(.single-image), .cl_9_cell .cluster-game-images.single-image {
  background-color: #12d70d; }

.cl_9_cell .cluster-game-image {
  box-shadow: 4px 4px 0px 0px #E8E4AE; }

.cl_9_cell .bottom-triangle {
  border-color: #12d70d transparent transparent transparent; }

.cl_9_cell .game-card .bottom-triangle {
  border-color: #12d70d transparent transparent transparent; }

.cl_9_cell .game-card .tag-div .tag {
  background: #12d70d; }

.game-card.cl_0_cell .row {
  background-color: #9DC1CF; }

.game-card.cl_0_cell .tag-div {
  background-color: #9DC1CF; }

.game-card.cl_1_cell .row {
  background-color: #C4B6A9; }

.game-card.cl_1_cell .tag-div {
  background-color: #C4B6A9; }

.game-card.cl_2_cell .row {
  background-color: #F5CEAD; }

.game-card.cl_2_cell .tag-div {
  background-color: #F5CEAD; }

.game-card.cl_3_cell .row {
  background-color: #E5B4AF; }

.game-card.cl_3_cell .tag-div {
  background-color: #E5B4AF; }

.game-card.cl_4_cell .row {
  background-color: #F7C1DB; }

.game-card.cl_4_cell .tag-div {
  background-color: #F7C1DB; }

.game-card.cl_5_cell .row {
  background-color: #B0BED9; }

.game-card.cl_5_cell .tag-div {
  background-color: #B0BED9; }

.game-card.cl_6_cell .row {
  background-color: #B7D1B6; }

.game-card.cl_6_cell .tag-div {
  background-color: #B7D1B6; }

.game-card.cl_7_cell .row {
  background-color: #467d94; }

.game-card.cl_7_cell .tag-div {
  background-color: #467d94; }

.game-card.cl_8_cell .row {
  background-color: #efed3a; }

.game-card.cl_8_cell .tag-div {
  background-color: #efed3a; }

.game-card.cl_9_cell .row {
  background-color: #12d70d; }

.game-card.cl_9_cell .tag-div {
  background-color: #12d70d; }

.game {
  background-color: #f3f3f3; }

.tag-cluster {
  background: #4f4f4f;
  color: white; }

.tag-mixed {
  color: #4f4f4f;
  background: white; }

.tag-new {
  color: #4f4f4f;
  background: white; }

.btn.show_more, .btn.show_more:active, .btn.show_more:visited {
  background-color: #c0b283 !important;
  font-size: 20px;
  margin-bottom: 20px;
  margin-right: 25px;
  padding-left: 25px;
  padding-right: 25px; }

.btn.show_more:hover {
  background-color: #D7C999 !important; }

.recomendation {
  padding-bottom: 5px; }

.one-cluster {
  margin: 5px; }

div.cl_row {
  display: -ms-flexbox;
  display: flex; }

div.column {
  -ms-flex: 1;
  flex: 1;
  margin: 5px; }

.divider {
  background-color: #ffffff;
  margin: -5px; }

.btn-new {
  float: right; }

.btn-new-unchecked {
  background-color: #00ff00; }

.btn-new-checked {
  background-color: #ff0000; }

.no-result {
  color: #ff0000; }

.modal-steam-login-dialog {
  margin-top: 50px; }

.text-center button {
  text-align: center; }

.steam-mode #form_games {
  display: none; }

.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';
  /* essential for enabling glyphicon */
  content: "\e114";
  /* adjust as needed, taken from bootstrap.css */
  float: left;
  /* adjust as needed */
  color: grey;
  /* adjust as needed */ }

.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e080";
  /* adjust as needed, taken from bootstrap.css */ }

.panel-group .panel {
  border-radius: 0 !important; }

.panel-heading {
  padding: 0; }
  .panel-heading a {
    display: block;
    padding: 10px 15px;
    background: #f3f3f3;
    color: #585858;
    text-decoration: none !important; }
    .panel-heading a:hover {
      background: #eaeaea;
      text-decoration: none !important; }
    .panel-heading a h4 {
      text-decoration: none !important; }
  .panel-heading .accordion-toggle:after {
    display: none !important; }

.accordion-header-icons {
  float: right; }

.modal-header-icons {
  float: right;
  padding-right: 15px; }

.accordion-icon-button {
  background-color: Transparent;
  background-repeat: no-repeat;
  border: none; }

.delete-appid-from-own {
  color: red; }

.delete-appid-from-ignored {
  color: red; }

.add-to-games-i-like-div {
  padding: 11px; }
  .add-to-games-i-like-div .add-to-games-i-like {
    float: right; }

.add-to-games-i-own-div {
  padding: 11px;
  padding-top: 7px;
  padding-left: 0px; }

#games-i-own-div .col-xs-4 {
  white-space: nowrap; }
  #games-i-own-div .col-xs-4 .delete-appid-from-own {
    display: none;
    text-decoration: none !important; }
  #games-i-own-div .col-xs-4:hover .delete-appid-from-own {
    display: inline; }

#clean-like-games, #clean-own-games {
  display: none;
  position: relative;
  top: -4px;
  left: 11px; }

#headingOne h4::before {
  display: inline-block;
  content: ' ';
  position: absolute;
  width: 30px;
  height: 30px;
  background: url("/images/icon-favorites.png") left top no-repeat; }

#headingOne h4 span.title {
  padding-left: 27px; }

#headingTwo h4 {
  position: relative; }

#headingTwo h4::before {
  display: inline-block;
  content: ' ';
  position: absolute;
  width: 30px;
  height: 30px;
  background: url("/images/icon-library.png") left top no-repeat;
  top: -5px;
  left: -3px; }

#headingTwo h4 span.title {
  padding-left: 27px; }

.clusters, #recomendations, #cluster_tags {
  padding: 10px 0 0 0; }

#clusters_to_left {
  position: absolute;
  left: 65px;
  top: 176px;
  width: 20px;
  height: 50px;
  border-style: solid;
  border-width: 50px 25px 50px 0;
  border-color: transparent black transparent transparent; }
  #clusters_to_left:hover {
    border-color: transparent #636363 transparent transparent; }

#clusters_to_right {
  position: absolute;
  right: 90px;
  top: 176px;
  width: 20px;
  height: 50px;
  border-style: solid;
  border-width: 50px 0 50px 25px;
  border-color: transparent transparent transparent black; }
  #clusters_to_right:hover {
    border-color: transparent transparent transparent #636363; }

@media (max-width: 1200px) {
  #clusters_to_left {
    border-width: 30px 18px 30px 0;
    left: 2px; }
  #clusters_to_right {
    border-width: 30px 0 30px 18px;
    right: 2px; } }

.no-clusters #clusters_to_left, .no-clusters #clusters_to_right, .fit-on-screen #clusters_to_left, .fit-on-screen #clusters_to_right {
  display: none; }

#cl_3, #cl_4, #cl_5, #cl_6, #cl_7, #cl_8, #cl_9 {
  display: none; }

#cl_div_rec_3, #cl_div_rec_4, #cl_div_rec_5, #cl_div_rec_6, #cl_div_rec_7, #cl_div_rec_8, #cl_div_rec_9 {
  display: none; }

#cl_rec_row_3, #cl_rec_row_4, #cl_rec_row_5, #cl_rec_row_6, #cl_rec_row_7, #cl_rec_row_8, #cl_rec_row_9 {
  display: none; }

.lr-arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px; }

.lr-right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.lr-left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }

.clusters_table {
  text-align: center;
  margin-bottom: 15px;
  border-spacing: 7px;
  border-collapse: separate;
  margin-left: auto;
  margin-right: auto; }

.cl_tabletd {
  width: 30px;
  height: 30px;
  display: none;
  cursor: pointer; }

.cl_table_0 {
  background: #20718F; }

.cl_table_border_0 {
  border: 7px solid #9DC1CF; }

.cl_table_1 {
  background: #78593A; }

.cl_table_border_1 {
  border: 7px solid #C4B6A9; }

.cl_table_2 {
  background: #E98E45; }

.cl_table_border_2 {
  border: 7px solid #F5CEAD; }

.cl_table_3 {
  background: #C75648; }

.cl_table_border_3 {
  border: 7px solid #E5B4AF; }

.cl_table_4 {
  background: #ED6FAC; }

.cl_table_border_4 {
  border: 7px solid #F7C1DB; }

.cl_table_5 {
  background: #4B6BA8; }

.cl_table_border_5 {
  border: 7px solid #B0BED9; }

.cl_table_6 {
  background: #5B965C; }

.cl_table_border_6 {
  border: 7px solid #B7D1B6; }

.cl_table_7 {
  background: #00b4b5; }

.cl_table_border_7 {
  border: 7px solid #a7e4e5; }

.cl_table_8 {
  background: #efed3a; }

.cl_table_border_8 {
  border: 7px solid Red; }

.cl_table_9 {
  background: #12d70d; }

.cl_table_border_9 {
  border: 7px solid Red; }

.all-spin-wizard {
  font-size: 32px;
  color: white;
  position: absolute;
  left: 50%;
  top: 50%; }

/*# sourceMappingURL=wizard.css.map */
