/* compiled by scssphp v0.0.12 on Fri, 13 Dec 2024 11:06:30 +0100 (0.0427s) */

html {
  background-color: #aaa; }

body {
  max-width: 1280px;
  min-width: 750px;
  min-height: 100vh;
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  /*
	@media screen and (min-height: 1020px) {
		font-size: 13px;
		.game > .list table tbody tr td {
			padding: 3px;
		}
	}
	*/
  font-size: 11px; }

@media screen and (min-width: 800px) {
  body {
    overflow-x: hidden; } }

.login-holder {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(200, 200, 200, 0.8); }
  .login-holder iframe {
    width: 100%;
    height: 100%;
    border: 0; }
  @media screen and (min-width: 1010px) {
  .login-holder iframe {
    position: absolute;
    width: 1010px;
    left: calc(100vw / 2 - 505px); } }

.header {
  background-color: #e4f1f5;
  border-bottom: 1px solid #78919e;
  padding-left: 15px;
  position: relative;
  padding-bottom: 5px; }
  .header h3 {
    margin-top: 0;
    margin-bottom: 5px;
    padding-top: 15px;
    font-size: 24px;
    text-shadow: 4px 4px 4px #aaa; }
  .header .logo-game {
    position: absolute;
    left: calc(50% - 125px);
    top: 15px;
    width: 245px;
    height: 40px;
    background-image: url(../../../Oddsbomben/images/logo.png); }
    .header .logo-game .version {
      display: block;
      position: absolute;
      right: 17px;
      bottom: -1px;
      font-size: 10px; }
  .header .logo-brand {
    background-image: url("../../../Oddsbomben/images/logo_sort.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 132px;
    height: 40px;
    position: absolute;
    right: 79px;
    top: 18px; }
  .header .logo-sp {
    background-image: url(../../../Oddsbomben/images/svenskaspel.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 18px;
    top: 11px; }

.no-border {
  border: none !important; }

.no-bg-color {
  background-color: transparent !important; }

.no-hover, :hover .no-hover {
  background-color: #e4f1f5 !important; }

body .btn {
  border: 1px solid #78919e;
  width: 128px;
  font-size: 1em;
  padding: 3px 4px; }
  body .btn.btn-small {
    width: 80px; }
  body .btn.btn-mini {
    width: 40px; }

body.live-mode .game > .system {
  display: none; }
  body.live-mode .game > .live {
    display: block; }
  body.live-mode .game > .list .controls {
    display: none; }
  body.live-mode .game .click-blocker {
    display: block; }

.game {
  position: relative;
  z-index: 0;
  background-color: #e4f1f5;
  /*
@media screen and (max-width: 799px) {
	body {
		padding: 5px;
	}
	.game {
		.selected,
		.system,
		.list {
			float: none;
			width: 100%;
			margin-bottom: 15px;
		}
	}

	.box {
		padding: 0;
		margin: 0;
		border: 0;
	}
}

@media screen and (min-width: 800px) {
	.box {
		border: 1px solid black;
		padding: 2px;
		margin: 2px;
	}
}
*/ }
  .game .click-blocker {
    position: absolute;
    left: 0;
    z-index: 2;
    width: calc(var(--list-table-width) + 8px);
    bottom: 0;
    top: 0;
    display: none; }
  .game .information {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #e4f1f5;
    z-index: 5; }
    .game .information .btn-container {
      text-align: right;
      padding-right: 7px;
      margin-top: 5px; }
    .game .information table {
      width: 100%;
      background-color: white;
      border: 1px solid black; }
      .game .information table.title, .game .information table.rank, .game .information table.editorial {
        margin: 5px;
        margin-top: 10px;
        width: calc(100% - 11px); }
        .game .information table.title td, .game .information table.rank td, .game .information table.editorial td, .game .information table.title th, .game .information table.rank th, .game .information table.editorial th {
          text-align: center;
          white-space: nowrap; }
        .game .information table.title th.text-left, .game .information table.rank th.text-left, .game .information table.editorial th.text-left {
          text-align: left;
          padding-left: 10px; }
        .game .information table.title th.text-right, .game .information table.rank th.text-right, .game .information table.editorial th.text-right {
          text-align: right;
          padding-right: 10px; }
      .game .information table.editorial {
        min-height: 69px;
        max-height: 90px;
        overflow: auto;
        white-space: normal; }
      .game .information table.rank tr:nth-child(2) th {
        font-weight: normal; }
      .game .information table .btn-score {
        width: 24px; }
      .game .information table .ff {
        width: 100%; }
    .game .information .table-holder {
      display: inline-block;
      width: calc(50% - 12px);
      background-color: white;
      margin: 5px; }
      .game .information .table-holder table {
        border: 1px solid black; }
        .game .information .table-holder table th {
          border-bottom: 1px solid black; }
        .game .information .table-holder table td {
          border: none;
          padding-left: 5px;
          padding-right: 5px; }
          .game .information .table-holder table td.result-icon.win {
            color: green; }
          .game .information .table-holder table td.result-icon.draw {
            color: orange; }
          .game .information .table-holder table td.result-icon.loss {
            color: red; }
    .game .information th {
      background-color: #575e8e;
      text-align: center;
      color: white;
      padding: 3px; }
    .game .information .btn-score {
      background-color: white;
      color: white;
      border: 1px solid #78919e;
      height: 22px;
      line-height: 22px; }
    .game .information .btn-score.selected, .game .information .selected .btn-score {
      color: black;
      background-color: white; }
    .game .information .nav {
      text-align: center; }
      .game .information .nav li {
        display: inline-block;
        float: none;
        width: calc(3.3% - 2px);
        text-align: center;
        height: 25px;
        line-height: 25px;
        padding-top: 5px;
        background-color: white;
        border: 1px solid #78919e; }
        .game .information .nav li.selected {
          background-color: #575e8e; }
          .game .information .nav li.selected a {
            color: white; }
        .game .information .nav li a {
          margin: 0;
          padding: 0;
          color: gray; }
          .game .information .nav li a:focus, .game .information .nav li a:hover, .game .information .nav li a:active {
            background-color: transparent !important;
            border: none; }
        @media screen and (max-width: 900px) {
  .game .information .nav li .matchnumber-prefix {
    display: none; } }
  .game > .live {
    display: none; }
  .game table tbody tr.heading th, .game table thead tr th {
    background-color: #575e8e;
    color: white;
    border: 1px solid black;
    text-align: center;
    padding: 3px;
    white-space: nowrap; }
    .game table tbody td {
      height: 17px;
      border: 1px solid black; }
  .game .headered {
    display: inline-block;
    margin-right: 5px; }
    .game .headered h3 {
      font-size: 1em;
      font-weight: bold;
      margin-bottom: 5px; }
  .game .controls {
    pointer-events: none;
    width: calc(100vw - 45px); }
    .game .controls > div > * {
      pointer-events: all; }
    .game .controls .pricing-tools {
      margin-bottom: 5px; }
      .game .controls .pricing-tools input.system-price {
        width: 68px;
        height: 20px;
        text-align: center;
        padding-right: 5px; }
      .game .controls .pricing-tools select.guarantee {
        width: 90px;
        height: 26px; }
      .game .controls .pricing-tools .btn {
        vertical-align: bottom;
        width: 96px; }
      .game .controls .pricing-tools .btn-pay {
        display: none; }
      .game .controls .pricing-tools input.system-price {
        font-style: italic;
        color: #333; }
      .game .controls .pricing-tools .btn-calc-price.calculating .fas {
        animation-name: spin;
        animation-duration: 750ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear; }
      .game .controls .pricing-tools.price-ready .btn-pay {
        display: inline-block; }
        .game .controls .pricing-tools.price-ready .btn-calc-price {
          display: none; }
          .game .controls .pricing-tools.price-ready .btn-calc-price.calculating .fas {
            animation-name: spin;
            animation-duration: 5000ms;
            animation-iteration-count: infinite;
            animation-timing-function: linear; }
        .game .controls .pricing-tools.price-ready input.system-price {
          font-weight: bold;
          font-style: normal;
          color: #000; }
      .game .controls .pricing-tools .system-price-box .btn-micro {
        width: 27px;
        height: 26px; }
    .game .controls .btn {
      margin-right: 5px; }
    .game .controls .group-of-buttons {
      margin-bottom: 5px;
      display: inline-block; }
  .game > .list {
    pointer-events: none;
    float: left;
    width: 450px; }
    .game > .list > table {
      pointer-events: all; }
    .game > .list.distribution table .odds-header, .game > .list.distribution table .odds-h, .game > .list.distribution table .odds-u, .game > .list.distribution table .odds-b {
      display: none; }
      .game > .list.distribution table .distribution {
        display: table-cell; }
    .game > .list table {
      width: 100%; }
      .game > .list table thead th.odds-h, .game > .list table thead th.odds-u, .game > .list table thead th.odds-b {
        text-align: center; }
      .game > .list table .distribution {
        display: none; }
      .game > .list table th[data-sort-type] {
        cursor: n-resize;
        background-color: #7077a8;
        /*
				&:after {
					content: "\f0dc";
					font-family: 'Font Awesome 5 Free';
					font-weight: 900;
					display: inline-block;
					margin-left: 5px;
				}
				*/
        white-space: nowrap; }
      .game > .list table th[data-sort-type]:hover {
        background-color: #575e8e; }
      .game > .list table tbody td {
        white-space: nowrap; }
      .game > .list table tbody .info-popup-cell {
        cursor: zoom-in; }
      .game > .list table tbody .sort-handle {
        cursor: grab; }
      .game > .list table tbody .selection-cell {
        cursor: pointer; }
      .game > .list table tbody .odds-h .btn-score, .game > .list table tbody .odds-u .btn-score, .game > .list table tbody .odds-b .btn-score {
        background-color: white; }
      .game > .list table tbody .s .btn-score {
        color: white;
        width: 14px;
        line-height: 17px;
        min-width: 100%;
        font-weight: bold; }
      .game > .list table tbody tr {
        cursor: pointer;
        background-color: white; }
      .game > .list table tbody tr td {
        padding: 0px; }
      .game > .list table tfoot tr td {
        padding-top: 5px;
        text-align: right;
        display: none; }
  .game > .selected {
    display: none;
    min-height: 400px;
    white-space: nowrap;
    overflow-x: auto; }
    .game > .selected .match {
      width: 100px;
      text-align: center;
      margin-right: 3px;
      overflow: hidden;
      display: inline-block;
      border: 1px solid black; }
      .game > .selected .match .match-guard {
        margin-top: 3px;
        border-top: 1px solid black; }
      .game > .selected .match .match-score {
        white-space: nowrap; }
      .game > .selected .match .match-title {
        background-color: #575e8e;
        padding-top: 4px;
        padding-bottom: 4px;
        color: white;
        margin-bottom: 4px; }
  .game > .live {
    float: right;
    width: calc(100% - var(--list-table-width) - 17px);
    position: relative;
    left: -2px;
    z-index: -1; }
    .game > .live .results {
      width: 250px; }
      .game > .live .results table thead tr th {
        height: 13px; }
      .game > .live .results table .h {
        border-right: 0; }
      .game > .live .results table .dash {
        border-left: 0;
        border-right: 0; }
      .game > .live .results table .b {
        border-left: 0; }
      .game > .live .results table .h, .game > .live .results table .dash, .game > .live .results table .b, .game > .live .results table .result {
        text-align: center; }
      .game > .live .results table td {
        padding-left: 5px;
        padding-right: 5px;
        /*
				tbody tr.hovered,
				tbody tr:hover {
					background-color: $highlight2;
				}

				tbody tr.selected {           
					background-color: $applicationLight;
				}

				tbody tr.selected.hovered,
				tbody tr.selected:hover {
					background-color: $highlight3;
				}
				*/ }
    .game > .live .winnings {
      margin-top: 5px;
      text-align: center;
      border: 1px solid black;
      background-color: white;
      padding: 6px;
      font-size: 11px; }
      .game > .live .winnings.winner {
        font-size: 16px;
        font-weight: bold;
        padding: 3px; }
    .game > .live .outcome {
      position: absolute;
      right: 2px;
      top: 2px;
      width: calc(100% - var(--live-result-table-width) - 10px);
      height: 547px; }
      .game > .live .outcome .prizes, .game > .live .outcome .correct {
        width: calc(50% - 2px); }
      .game > .live .outcome .cleartext {
        margin-top: 4px; }
      .game > .live .outcome .cleartext table {
        height: 424px; }
      .game > .live .outcome .cleartext table tbody td, .game > .live .outcome .cleartext table tbody td:first-child {
        text-align: left;
        padding-left: 5px;
        vertical-align: top;
        padding: 5px; }
        .game > .live .outcome .cleartext table tbody td div.body-of-text, .game > .live .outcome .cleartext table tbody td:first-child div.body-of-text {
          height: 100%;
          overflow-y: auto; }
          .game > .live .outcome .cleartext table tbody td div.body-of-text .miss-group, .game > .live .outcome .cleartext table tbody td:first-child div.body-of-text .miss-group {
            margin-bottom: 20px; }
            .game > .live .outcome .cleartext table tbody td div.body-of-text .miss-group p:first-child, .game > .live .outcome .cleartext table tbody td:first-child div.body-of-text .miss-group p:first-child {
              margin-left: 0; }
            .game > .live .outcome .cleartext table tbody td div.body-of-text .miss-group p, .game > .live .outcome .cleartext table tbody td:first-child div.body-of-text .miss-group p {
              margin-left: 10px; }
          .game > .live .outcome .cleartext table tbody td div.body-of-text .details, .game > .live .outcome .cleartext table tbody td:first-child div.body-of-text .details {
            color: #c55; }
      @media screen and (max-width: 890px) {
  .game > .live .outcome .prizes, .game > .live .outcome .correct {
    width: 100%; }
  .game > .live .outcome .correct {
    margin-top: 5px; }
  .game > .live .outcome .cleartext table {
    height: 327px; } }
      .game > .live .outcome .prizes table, .game > .live .outcome .correct table, .game > .live .outcome .cleartext table {
        width: 100%; }
        .game > .live .outcome .prizes table tr, .game > .live .outcome .correct table tr, .game > .live .outcome .cleartext table tr {
          background-color: white; }
        .game > .live .outcome .prizes table th, .game > .live .outcome .correct table th, .game > .live .outcome .cleartext table th {
          text-align: center; }
        .game > .live .outcome .prizes table td, .game > .live .outcome .correct table td, .game > .live .outcome .cleartext table td {
          text-align: right;
          padding-right: 5px;
          white-space: nowrap; }
        .game > .live .outcome .prizes table td:first-child, .game > .live .outcome .correct table td:first-child, .game > .live .outcome .cleartext table td:first-child {
          text-align: right;
          padding-right: 5px; }
      .game > .live .outcome .prizes {
        float: left; }
      .game > .live .outcome .prizes td {
        width: 50%; }
      .game > .live .outcome .correct {
        float: right; }
      .game > .live .outcome .correct td {
        width: 25%; }
    .game > .live .live-controls {
      position: absolute;
      right: 2px;
      text-align: right;
      bottom: 4px; }
  .game .live tr, .game .list tr {
    background-color: white; }
    .game .live tr.isInResult, .game .list tr.isInResult {
      background-color: #ffcece;
      color: #625252; }
    .game .live tr.selected.isInResult, .game .list tr.selected.isInResult {
      background-color: #94ec9b;
      color: #625252; }
    .game .live tbody tr.hovered, .game .list tbody tr.hovered, .game .live tbody tr:hover, .game .list tbody tr:hover {
      background-color: #e8ecff; }
    .game .live tbody tr.selected, .game .list tbody tr.selected {
      background-color: #5c70b8;
      color: white; }
    .game .live tbody tr.selected.hovered, .game .list tbody tr.selected.hovered, .game .live tbody tr.selected:hover, .game .list tbody tr.selected:hover {
      background-color: #ffff9d;
      color: #625252; }
    .game .live tbody tr.isInResult:hover, .game .list tbody tr.isInResult:hover, .game .live tbody tr.isInResult.hovered, .game .list tbody tr.isInResult.hovered {
      background-color: #ff9b9b; }
      .game .live tbody tr.isInResult.selected:hover, .game .list tbody tr.isInResult.selected:hover, .game .live tbody tr.isInResult.selected.hovered, .game .list tbody tr.isInResult.selected.hovered {
        background-color: #69e473; }
  .game > .system {
    float: right;
    width: calc(100% - var(--list-table-width) - 20px);
    min-height: 400px;
    position: relative;
    z-index: -1; }
    .game > .system .buttons {
      transform: rotate(90deg);
      transform-origin: right top;
      position: absolute;
      right: 2px;
      top: 402px;
      width: height;
      width: 400px;
      display: none; }
    .game > .system .control-buttons {
      position: absolute;
      right: 2px;
      top: 601px;
      width: calc(100% - var(--utgang-table-width) + 28px); }
      .game > .system .control-buttons .btn {
        margin-left: 6px;
        width: calc(25% - 6px);
        margin-bottom: 2px; }
      @media screen and (max-width: 1060px) {
  .game > .system .control-buttons .btn .wide-only {
    display: none; } }
    .game > .system .help {
      width: calc(100% - var(--utgang-table-width) + 23px);
      position: absolute;
      right: 2px;
      top: 491px; }
      .game > .system .help .help-table {
        width: 100%;
        display: table; }
      .game > .system .help .help-table .box {
        margin: 0;
        background-color: white;
        color: black;
        font-style: italic;
        border: 1px solid black;
        height: 86px;
        overflow-y: auto;
        display: table-cell;
        vertical-align: middle; }
    .game > .system.useViewToggleButtons[data-show='reductions'] .help {
      width: calc(100% + 3px);
      top: 490px; }
      .game > .system.useViewToggleButtons[data-show='reductions'] .control-buttons {
        width: calc(100% + 53px);
        text-align: right; }
        .game > .system.useViewToggleButtons[data-show='reductions'] .control-buttons .btn {
          width: calc(25% - 8px);
          margin-left: 8px; }
      .game > .system.useViewToggleButtons[data-show='utgang'] .help {
        top: 265px; }
        .game > .system.useViewToggleButtons[data-show='utgang'] .help .box {
          height: 274px; }
      .game > .system.useViewToggleButtons[data-show='utgang'] .control-buttons {
        width: calc(100% - var(--utgang-table-width) + 27px);
        text-align: right;
        top: 551px; }
        .game > .system.useViewToggleButtons[data-show='utgang'] .control-buttons .btn {
          width: calc(50% - 4px);
          margin-left: 4px;
          margin-bottom: 1px; }
          .game > .system.useViewToggleButtons[data-show='utgang'] .control-buttons .btn .wide-only {
            display: none; }
    @media screen and (max-width: 985px) {
        .game > .system:not(.useViewToggleButtons) .reductions.has-reduction button.btn .wide-only {
          display: none; } }
    .game > .system .reductions {
      width: calc(100% - var(--utgang-table-width) + 16px);
      position: absolute;
      right: 2px;
      top: 2px;
      height: 476px;
      background-color: white;
      border: 1px solid black;
      padding: 3px; }
      .game > .system .reductions .reduction-holder {
        height: 22px; }
      .game > .system .reductions.has-category-reduction .reduction-holder, .game > .system .reductions.has-reduction .reduction-holder {
        height: 448px;
        overflow-y: auto;
        transition: height 0.6s; }
      .game > .system .reductions.has-category-reduction button.btn, .game > .system .reductions.has-reduction button.btn {
        max-width: calc(20% - 4px); }
        @media screen and (max-width: 995px) {
    .game > .system .reductions.has-category-reduction button.btn .wide-only, .game > .system .reductions.has-reduction button.btn .wide-only {
      display: none; } }
      .game > .system .reductions td {
        height: auto;
        padding: 2px;
        border: none; }
      .game > .system .reductions.has-category-reduction tr.last-reduction td {
        padding-bottom: 10px; }
      .game > .system .reductions tr.hovered, .game > .system .reductions tr:hover {
        background-color: #e8ecff; }
      .game > .system .reductions h3 {
        font-size: 1em;
        font-weight: bold;
        margin-bottom: 2px; }
      .game > .system .reductions .tutorial {
        padding: 5px; }
      .game > .system .reductions .tutorial h3 {
        margin-top: 6px; }
      @media screen and (max-width: 995px) {
    .game > .system .reductions .tutorial h3 {
      margin-top: 3px; } }
      .game > .system .reductions.has-reduction .tutorial, .game > .system .reductions.has-category-reduction .tutorial, .game > .system .reductions.hide-tutorial .tutorial {
        display: none; }
      .game > .system .reductions.has-reduction .tutorial-header, .game > .system .reductions.has-category-reduction .tutorial-header, .game > .system .reductions .reductions-header, .game > .system .reductions .category-header {
        display: none; }
      .game > .system .reductions.has-reduction .reductions-header, .game > .system .reductions.has-category-reduction .category-header {
        display: table-row; }
    .game > .system.help-hidden {
      /* @media screen and (max-width: calc(480px + var(--list-table-width))) { */ }
      .game > .system.help-hidden .help {
        display: none; }
      .game > .system.help-hidden .reductions {
        height: 573px; }
      .game > .system.help-hidden .reductions.has-reduction .reduction-holder, .game > .system.help-hidden .reductions.has-category-reduction .reduction-holder {
        height: 543px; }
    .game > .system.useViewToggleButtons .buttons {
      display: block; }
      .game > .system.useViewToggleButtons .reductions {
        right: 28px;
        left: -6px;
        width: auto; }
      .game > .system.useViewToggleButtons[data-show="reductions"] .utgang {
        display: none; }
      .game > .system.useViewToggleButtons[data-show="utgang"] .reductions {
        display: none; }
    .game > .system .utgang {
      overflow-x: auto;
      position: relative;
      left: -33px; }
      .game > .system .utgang tr.selected {
        background-color: #5c70b8;
        color: white;
        /* btn regular nothing selected no hover */ }
      .game > .system .utgang .btn-score {
        color: white;
        background-color: white;
        /* btn selected, row not selected no hover */ }
      .game > .system .utgang .btn-score.selected {
        color: #666;
        font-weight: bold;
        font-size: 10px;
        /* row hovered */ }
      .game > .system .utgang tr.hovered, .game > .system .utgang tr:hover {
        /* tr selected, no hover */ }
      .game > .system .utgang tr.hovered .btn-score, .game > .system .utgang tr:hover .btn-score {
        background-color: #e8ecff; }
      .game > .system .utgang tr.hovered .btn-score.selected, .game > .system .utgang tr:hover .btn-score.selected {
        color: #625252; }
      .game > .system .utgang tr.selected {
        /* tr selected and hovering */ }
      .game > .system .utgang tr.selected .btn-score {
        background-color: #5c70b8;
        color: transparent; }
      .game > .system .utgang tr.selected .btn-score.selected {
        color: white; }
      .game > .system .utgang tr.selected.hovered .btn-score, .game > .system .utgang tr.selected:hover .btn-score {
        background-color: #ffff9d;
        color: transparent; }
      .game > .system .utgang tr.selected.hovered .btn-score.selected, .game > .system .utgang tr.selected:hover .btn-score.selected {
        color: #625252; }
      .game > .system .utgang tfoot tr td {
        padding-top: 5px; }
      .game > .system .utgang tfoot tr td:first-child {
        padding-right: 5px; }
      .game > .system .utgang tfoot tr td select {
        width: 100%; }
      .game > .system .utgang table {
        margin-bottom: 15px; }
      .game > .system .utgang tfoot tr:nth-child(1) select, .game > .system .utgang tfoot tr:nth-child(2) select {
        background-color: #ffff9d; }
      .game > .system .utgang tfoot tr:first-child select[data-selected-value="0"], .game > .system .utgang tfoot tr:nth-child(2) select[data-selected-value="8"] {
        background-color: white; }
      .game > .system .utgang tfoot tr:nth-last-child(0) td:first-child, .game > .system .utgang tfoot tr:nth-last-child(1) td:first-child {
        padding-right: 3px; }
      .game > .system .utgang thead tr:first-child th {
        line-height: 12px; }
      .game > .system .utgang thead tr:nth-child(2) th {
        line-height: 12px; }
      .game > .system .utgang thead tr th {
        line-height: 11px; }
        .game > .system .utgang thead tr th .fas {
          font-size: 11px;
          cursor: pointer; }
        .game > .system .utgang thead tr th .fas:hover {
          color: #e8ecff; }
        .game > .system .utgang thead tr th .fas:active {
          color: #8991c1; }
    .game > .system .reductions select {
      width: 100%; }
      .game > .system .reductions td.del i {
        color: red;
        cursor: pointer; }
      .game > .system .reductions td.del i:hover {
        color: pink; }
      .game > .system .reductions .btn-small {
        margin-top: 5px; }
  .game .btn-score {
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 100%;
    font-size: 14px; }
  .game .btn-score:hover {
    box-shadow: 0px 0px 5px 0px #4d70bf;
    z-index: 1000;
    position: relative; }
  .game .btn-score.selected {
    background-color: #575e8e;
    color: white; }
  .game .btn-score.mini {
    position: relative;
    font-size: 10px; }

.box {
  padding: 2px;
  margin: 2px; }

.template {
  display: none !important; }

.noselect {
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  -khtml-user-select: none;
  /* Old versions of Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently
									supported by Chrome, Opera and Firefox */
  user-select: none; }

.someclass-fuck, .sortable-drag {
  border: 1px solid #78919e;
  /* Saver.css extra */ }

body .oddsbomben_sharer, body .oddsbomben_saver {
  top: 120px;
  margin-top: 0; }

body .oddsbomben_saver .x {
  display: none; }

body .oddsbomben_loader {
  /* bootstrap overrides */ }
  body .oddsbomben_loader .load-in-same {
    display: none; }
  body .oddsbomben_loader td.delete {
    display: none; }

body .popover .popover-title {
  font-size: 1em;
  padding: 2px 12px; }
  body .popover .popover-content {
    color: #333; }

.modal-sm .bootbox-input {
  width: 90%; }
  .modal-sm .btn {
    width: 100px; }

@keyframes spin {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }