@charset "utf-8";

:root {
    --app-main-black: #000000;
    --app-main-blue: #40bafd;
    --app-main-gray: #f0f0f0;
    --app-color-match: #2ECC71;
    --app-color-no-match: #E74C3C;
    --app-color-undefined: #848484;

    --app-bg-ranking-place-pool-1: rgba(255, 0, 0, .5);
    --app-bg-ranking-place-pool-2: rgba(255, 215, 0, .5);
    --app-bg-ranking-place-pool-3: rgba(211, 211, 211, .5);
    --app-bg-ranking-place-pool-4: rgba(230, 184, 125, .5);
    --app-bg-ranking-place-pool-5: rgba(163, 213, 255, .5);
    --app-bg-ranking-place-pool-6: rgba(182, 255, 140, .5);
    --app-bg-ranking-place-pool-7: rgba(255, 220, 176, .5);
    --app-bg-ranking-place-pool-8: rgba(227, 208, 255, .5);
    --app-bg-ranking-place-pool-9: rgba(199, 255, 235, .5);
    --app-bg-ranking-place-pool-10: rgba(255, 194, 226, .5);

    --app-bg-ranking-place-contest-1: rgba(255, 215, 0, .5);
    --app-bg-ranking-place-contest-2: rgba(211, 211, 211, .5);
    --app-bg-ranking-place-contest-3: rgba(230, 184, 125, .5);
    --app-bg-ranking-place-contest-4: rgba(163, 213, 255, .5);
    --app-bg-ranking-place-contest-5: rgba(182, 255, 140, .5);
    --app-bg-ranking-place-contest-6: rgba(255, 220, 176, .5);
    --app-bg-ranking-place-contest-7: rgba(227, 208, 255, .5);
    --app-bg-ranking-place-contest-8: rgba(199, 255, 235, .5);
    --app-bg-ranking-place-contest-9: rgba(255, 194, 226, .5);
    --app-bg-ranking-place-contest-10: rgba(242, 242, 242, .5);
}

.app-bg-main-gray {
    background-color: var(--app-main-gray) !important;
}

.app-bg-main-blue {
    background-color: var(--app-main-blue);
}

.app-bg-main-black {
    background-color: var(--app-main-black);
}

.app-text-main-blue {
    color: var(--app-main-blue);
}

.app-text-main-black {
    color: var(--app-main-black);
}

.app-input {
    font-size: 1rem;
    border: none !important;
    outline: none;
}

.fs-7 {
    font-size: .85rem;
}

.fs-8 {
    font-size: .75rem;
}

.fs-9 {
    font-size: .65rem;
}

.app-button-login {
    width: 100%;
    background-color: var(--app-main-blue);
    color: var(--app-main-black);
    padding: 10px;
    border: solid 1px var(--app-main-black);
    font-weight: 600;
    transition: .75s all ease;
}

.app-button-login:hover {
    background-color: var(--app-main-black);
    border: solid 1px var(--app-main-blue);
    color: var(--app-main-blue);
}

/**
 * switch
 */
 .app-switch {
	position: relative;
	display: inline-block;
	width: 73px;
	height: 41px;
	margin: 0;
}

.app-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.app-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #E9E9E9;
	-webkit-transition: .4s;
	transition: .4s;
	border: 1px solid #d5d4d4;
}

.app-slider:before {
	position: absolute;
	content: "";
	height: 35px;
	width: 35px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	-webkit-box-shadow: 0px 0px 5px 0px #8d8c8c;
	box-shadow: 0px 0px 5px 0px #8d8c8c;
}

input:checked + .app-slider {
	background-color: #33C95D;
	border: 1px solid #1ca543;
}

input:focus + .app-slider {
	box-shadow: 0 0 1px #d5d4d4;
}

input:checked + .app-slider:before {
	-webkit-transform: translateX(31px);
	-ms-transform: translateX(31px);
	transform: translateX(31px);
}

/* Rounded sliders */
.app-slider.round {
  border-radius: 34px;
}

.app-slider.round:before {
  border-radius: 50%;
}

/**
 * switch sm
 */
.app-switch-sm {
	position: relative;
	display: inline-block;
	width: 37px;
	height: 21px;
	margin: 0;
	top: 0px;
}

.app-switch-sm input {
	opacity: 0;
	width: 0;
	height: 0;
}

.app-slider-sm {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #d7d7d7;
	-webkit-transition: .4s;
	transition: .4s;
	border: 1px solid #c3c3c3;
}

.app-slider-sm:before {
	position: absolute;
	content: "";
	height: 17px;
	width: 17px;
	left: 2px;
	bottom: 1.5px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	/* -webkit-box-shadow: 0px 0px 5px 0px #8d8c8c;
	box-shadow: 0px 0px 5px 0px #8d8c8c; */
}

input:checked + .app-slider-sm {
	background-color: #33C95D;
	border: 1px solid #1ca543;
}

input:focus + .app-slider-sm {
	box-shadow: 0 0 1px #d5d4d4;
}

input:checked + .app-slider-sm:before {
	-webkit-transform: translateX(13.5px);
	-ms-transform: translateX(13.5px);
	transform: translateX(13.5px);
}

/* Rounded sliders */
.app-slider-sm.round {
  border-radius: 17px;
}

.app-slider-sm.round:before {
  border-radius: 50%;
}
/**
 * end
 */

 /**
 * switch pool game forecasting
 */
 .checkbox-wrapper-8 .tgl {
    display: none;
  }

  .checkbox-wrapper-8 .tgl,
  .checkbox-wrapper-8 .tgl:after,
  .checkbox-wrapper-8 .tgl:before,
  .checkbox-wrapper-8 .tgl *,
  .checkbox-wrapper-8 .tgl *:after,
  .checkbox-wrapper-8 .tgl *:before,
  .checkbox-wrapper-8 .tgl + .tgl-btn {
    box-sizing: border-box;
  }

  .checkbox-wrapper-8 .tgl::-moz-selection,
  .checkbox-wrapper-8 .tgl:after::-moz-selection,
  .checkbox-wrapper-8 .tgl:before::-moz-selection,
  .checkbox-wrapper-8 .tgl *::-moz-selection,
  .checkbox-wrapper-8 .tgl *:after::-moz-selection,
  .checkbox-wrapper-8 .tgl *:before::-moz-selection,
  .checkbox-wrapper-8 .tgl + .tgl-btn::-moz-selection,
  .checkbox-wrapper-8 .tgl::selection,
  .checkbox-wrapper-8 .tgl:after::selection,
  .checkbox-wrapper-8 .tgl:before::selection,
  .checkbox-wrapper-8 .tgl *::selection,
  .checkbox-wrapper-8 .tgl *:after::selection,
  .checkbox-wrapper-8 .tgl *:before::selection,
  .checkbox-wrapper-8 .tgl + .tgl-btn::selection {
    background: none;
  }

  .checkbox-wrapper-8 .tgl + .tgl-btn {
    border: solid 1px silver;
    border-radius: .375rem !important;
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .checkbox-wrapper-8 .tgl + .tgl-btn.tgl-btn-match {
    /* border: solid 3px rgb(3, 255, 3) !important; */
    background: var(--app-color-match) !important;
  }

  .checkbox-wrapper-8 .tgl + .tgl-btn.tgl-btn-nomatch {
    /* border: solid 3px rgb(255, 0, 0) !important; */
    background: var(--app-color-no-match) !important;
  }

  .text-match {
    color: var(--app-color-match) !important;
  }

  .text-nomatch {
    color: var(--app-color-no-match) !important;
  }

  .background-match {
    background:var(--app-color-match) !important;
  }

  .background-nomatch {
    background: var(--app-color-no-match) !important;
  }

  .background-undefined {
    background: var(--app-color-undefined) !important;
  }

  .border-bottom-match {
    border: solid 5px var(--app-color-match);
  }

  .border-bottom-nomatch {
    border: solid 5px var(--app-color-no-match);
  }

  .border-bottom-undefined {
    border: solid 5px var(--app-color-undefined);
  }

  .checkbox-wrapper-8 .tgl + .tgl-btn:after,
  .checkbox-wrapper-8 .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
  }
  .checkbox-wrapper-8 .tgl + .tgl-btn:after {
    left: 0;
  }
  .checkbox-wrapper-8 .tgl + .tgl-btn:before {
    display: none;
  }
  .checkbox-wrapper-8 .tgl:checked + .tgl-btn:after {
    left: 50%;
  }

  .checkbox-wrapper-8 .tgl-skewed + .tgl-btn {
    overflow: hidden;
    transform: skew(0deg);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transition: all 0.2s ease;
    font-family: sans-serif;
    /* background: #888; */
    background: #dee2e6;
  }
  .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after,
  .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {
    transform: skew(0deg);
    display: inline-block;
    transition: all 0.2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  }
  .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on);
  }
  .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off);
  }
  .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active {
    background: #848484;
  }
  .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active:before {
    left: -10%;
  }
  .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn {
    /* background: #86d993; */
    background: #848484;
  }
  .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:before {
    left: -100%;
  }
  .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:after {
    left: 0;
  }
  .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%;
  }
 /**
 * end
 */

 .app-pool-forecasting-locality-check {
    font-size: 15px;
    border: solid 2px var(--bs-gray-500);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%)!important;
    background-color: rgba(255, 255, 255, 1);
    color: var(--bs-gray-500);
    z-index: 2;
 }

 .app-pool-forecasting-input {
    border: solid 2px var(--bs-gray-500);
    border-radius: .375rem !important;
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    text-align: center;
    font-size: 1rem;
    /* background: #dee2e6; */
    background:var(--bs-secondary);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    line-height: 2em;
    font-weight: bold;
    /* -moz-appearance: textfield; */
 }

 .app-pool-forecasting-input::-webkit-inner-spin-button,
 .app-pool-forecasting-input::-webkit-outer-spin-button {
   -webkit-appearance: none; /* Chrome, Safari, Edge */
   margin: 0;
 }

 .app-pool-forecasting-input-value {
     color: #fff;
     text-shadow: rgba(0, 0, 0, 0.4);
     background: #848484;
 }

 .app-pool-forecasting-match-1 {
    background-color: #33C95D;
 }

/* end */

.app-modal-canvas {
    display: inline;
    position: absolute;
    top: calc(100% + 0px);
    z-index: 100;
    background-color: #fff;
    width: 100%;
    border: solid 1px rgba(0,0,0,.25);
    max-height: 200px;
    overflow-x: hidden;
    padding: 2px;
}

.app-hover-silver {
    color: rgba(0,0,0,.95);
    font-weight: 400;
    font-size: .8rem;
    padding: 1px 5px;
}

.app-hover-silver:hover {
    color: rgba(0,0,0,.97);
    background-color: rgba(0,0,0,.03);
    cursor: pointer;
    font-weight: 600;
}

.app-nofocus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.app.nofocus:focus {
    outline: none !important;
}

.app-avatar {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.app-avatar-25 {
    min-width: 25px;
    min-height: 25px;
    max-width: 25px;
    max-height: 25px;
}

.app-avatar-50 {
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
}

.app-avatar-100 {
    min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    max-height: 100px;
}

.app-avatar-150 {
    min-width: 150px;
    min-height: 150px;
    max-width: 150px;
    max-height: 150px;
}

.app-avatar-200 {
    min-width: 200px;
    min-height: 200px;
    max-width: 200px;
    max-height: 200px;
}

.app-avatar-250 {
    min-width: 250px;
    min-height: 250px;
    max-width: 250px;
    max-height: 250px;
}

.app-avatar-300 {
    min-width: 300px;
    min-height: 300px;
    max-width: 300px;
    max-height: 300px;
}

.app-avatar-350 {
    min-width: 350px;
    min-height: 350px;
    max-width: 350px;
    max-height: 350px;
}

.app-avatar-400 {
    min-width: 400px;
    min-height: 400px;
    max-width: 400px;
    max-height: 400px;
}

.app-avatar-450 {
    min-width: 450px;
    min-height: 450px;
    max-width: 450px;
    max-height: 450px;
}

.app-avatar-500 {
    min-width: 500px;
    min-height: 500px;
    max-width: 500px;
    max-height: 500px;
}

.app-avatar-bg {
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-avatar-bg-0 {
    color: #FFE0B2;
    background-color: #E65100;
}

.app-avatar-bg-1 {
    color: #FFCDD2;
    background-color: #B71C1C;
}

.app-avatar-bg-2 {
    color: #F8BBD0;
    background-color: #880E4F;
}

.app-avatar-bg-3 {
    color: #E1BEE7;
    background-color: #4A148C;
}

.app-avatar-bg-4 {
    color: #D1C4E9;
    background-color: #311B92;
}

.app-avatar-bg-5 {
    color: #C5CAE9;
    background-color: #1A237E;
}

.app-avatar-bg-6 {
    color: #B3E5FC;
    background-color: #01579B;
}

.app-avatar-bg-7 {
    color: #B2EBF2;
    background-color: #006064;
}

.app-avatar-bg-8 {
    color: #C8E6C9;
    background-color: #1B5E20;
}

.app-avatar-bg-9 {
    color: #FFF9C4;
    background-color: #F57F17;
}

.app-hs-container-games-height-forecasting-1 {
    height: 225px !important;
}

.app-hs-container-games-height-forecasting-2 {
    height: 325px !important;
}

.app-hs-container-games-height-forecasting-3 {
    height: 425px !important;
}

.app-hs-container-games-height-forecasting-4 {
    height: 525px !important;
}

.app-hs-container-games-height-forecasting-5 {
    height: 625px !important;
}

.app-hs-container-games-height-forecasting-6 {
    height: 725px !important;
}

.app-hs-container-games-height-forecasting-7 {
    height: 825px !important;
}

.app-hs-container-games-height-forecasting-8 {
    height: 925px !important;
}

.app-hs-container-games-height-forecasting-9 {
    height: 1025px !important;
}

.app-hs-container-games-height-forecasting-10 {
    height: 1125px !important;
}

.app-hs-container-games-height-forecasting-11 {
    height: 1225px !important;
}

.app-hs-container-games-height-forecasting-12 {
    height: 1325px !important;
}

.app-hs-container-games-height-forecasting-13 {
    height: 1425px !important;
}

.app-hs-container-games-height-forecasting-14 {
    height: 1525px !important;
}

.app-hs-container-games-height-forecasting-15 {
    height: 1625px !important;
}

.app-hs-container-games-height-forecasting-16 {
    height: 1725px !important;
}

.app-hs-container-games-height-forecasting-17 {
    height: 1825px !important;
}

.app-hs-container-games-height-forecasting-18 {
    height: 1925px !important;
}

.app-hs-container-games-height-forecasting-19 {
    height: 2025px !important;
}

.app-hs-container-games-height-forecasting-20 {
    height: 2125px !important;
}

.app-hs-container-games-height-forecasting-20 {
    height: 2125px !important;
}

.app-hs-container-games-height-forecasting-21 {
    height: 2225px !important;
}

.app-hs-container-games-height-forecasting-22 {
    height: 2325px !important;
}

.app-hs-container-games-height-forecasting-23 {
    height: 2425px !important;
}

.app-hs-container-games-height-forecasting-24 {
    height: 2525px !important;
}

.app-hs-container-games-height-forecasting-25 {
    height: 2625px !important;
}

.app-hs-container-games-height-forecasting-26 {
    height: 2725px !important;
}

.app-hs-container-games-height-forecasting-27 {
    height: 2825px !important;
}

.app-hs-container-games-height-forecasting-28 {
    height: 2925px !important;
}

.app-hs-container-games-height-forecasting-29 {
    height: 3025px !important;
}

.app-hs-container-games-height-forecasting-30 {
    height: 3125px !important;
}

.app-hs-container-games-height-1 {
    height: 175px !important;
}

.app-hs-container-games-height-2 {
    height: 175px !important;
}

.app-hs-container-games-height-3 {
    height: 220px !important;
}

.app-hs-container-games-height-4 {
    height: 270px !important;
}

.app-hs-container-games-height-5 {
    height: 320px !important;
}

.app-hs-container-games-height-6 {
    height: 370px !important;
}

.app-hs-container-games-height-7 {
    height: 420px !important;
}

.app-hs-container-games-height-8 {
    height: 470px !important;
}

.app-hs-container-games-height-9 {
    height: 526px !important;
}

.app-hs-container-games-height-10 {
    height: 570px !important;
}

.app-hs-container-games-height-11 {
    height: 620px !important;
}

.app-hs-container-games-height-12 {
    height: 670px !important;
}

.app-hs-container-games-height-13 {
    height: 720px !important;
}

.app-hs-container-games-height-14 {
    height: 770px !important;
}

.app-hs-container-games-height-15 {
    height: 820px !important;
}

.app-hs-container-games-height-16 {
    height: 870px !important;
}

.app-hs-container-games-height-17 {
    height: 920px !important;
}

.app-hs-container-games-height-18 {
    height: 970px !important;
}

.app-hs-container-games-height-19 {
    height: 1020px !important;
}

.app-hs-container-games-height-20 {
    height: 1070px !important;
}

.app-hs-container-games-height-21 {
    height: 1120px !important;
}

.app-hs-container-games-height-22 {
    height: 1170px !important;
}

.app-hs-container-games-height-23 {
    height: 1220px !important;
}

.app-hs-container-games-height-24 {
    height: 1270px !important;
}

.app-hs-container-games-height-25 {
    height: 1320px !important;
}

.app-hs-container-games-height-26 {
    height: 1370px !important;
}

.app-hs-container-games-height-27 {
    height: 1420px !important;
}

.app-hs-container-games-height-28 {
    height: 1470px !important;
}

.app-hs-container-games-height-28 {
    height: 1520px !important;
}

.app-hs-container-games-height-29 {
    height: 1570px !important;
}

.app-hs-container-games-height-30 {
    height: 1620px !important;
}

.app-letter-spacing--1 {
    letter-spacing: -.1px;
}

.app-letter-spacing--2 {
    letter-spacing: -.2px;
}

.app-letter-spacing--3 {
    letter-spacing: -.3px;
}

.app-letter-spacing--4 {
    letter-spacing: -.4px;
}

.app-letter-spacing--5 {
    letter-spacing: -.5px;
}

.app-letter-spacing--6 {
    letter-spacing: -.6px;
}

.app-letter-spacing--7 {
    letter-spacing: -.7px;
}

.app-letter-spacing--8 {
    letter-spacing: -.8px;
}

.app-letter-spacing--9 {
    letter-spacing: -.9px;
}

.app-letter-spacing--10 {
    letter-spacing: -1px;
}

.app-letter-spacing-1 {
    letter-spacing: .1px;
}

.app-letter-spacing-1 {
    letter-spacing: .1px;
}
.app-letter-spacing-2 {
    letter-spacing: .2px;
}
.app-letter-spacing-1 {
    letter-spacing: .3px;
}
.app-letter-spacing-1 {
    letter-spacing: .3px;
}
.app-letter-spacing-4 {
    letter-spacing: .4px;
}
.app-letter-spacing-5 {
    letter-spacing: .5px;
}
.app-letter-spacing-5 {
    letter-spacing: .5px;
}
.app-letter-spacing-6 {
    letter-spacing: .6px;
}

.app-letter-spacing-7 {
    letter-spacing: .7px;
}

.app-letter-spacing-8 {
    letter-spacing: .8px;
}

.app-letter-spacing-9 {
    letter-spacing: .9px;
}

.ap-letter-spacing-10 {
    letter-spacing: 1px;
}

/* width pixels */
.app-width-25 {
    width: 25px !important;
}

.app-width-50 {
    width: 50px !important;
}

.app-width-75 {
    width: 75px !important;
}

.app-width-100 {
    width: 100px !important;
}

.app-width-125 {
    width: 125px !important;
}

.app-width-150 {
    width: 150px !important;
}

.app-width-175 {
    width: 175px !important;
}

.app-width-200 {
    width: 200px !important;
}

.app-width-250 {
    width: 250px !important;
}

.app-width-300 {
    width: 300px !important;
}

.app-width-350 {
    width: 350px !important;
}

.app-width-400 {
    width: 400px !important;
}

.app-width-450 {
    width: 450px !important;
}

.app-width-500 {
    width: 500px !important;
}

/* min width */
.app-min-width-25 {
    min-width: 25px !important;
}

.app-min-width-50 {
    min-width: 50px !important;
}

.app-min-width-75 {
    min-width: 75px !important;
}

.app-min-width-100 {
    min-width: 100px !important;
}

.app-min-width-125 {
    min-width: 125px !important;
}

.app-min-width-150 {
    min-width: 150px !important;
}

.app-min-width-175 {
    min-width: 175px !important;
}

.app-min-width-200 {
    min-width: 200px !important;
}

.app-min-width-250 {
    min-width: 250px !important;
}

.app-min-width-300 {
    min-width: 300px !important;
}

.app-min-width-350 {
    min-width: 350px !important;
}

.app-min-width-400 {
    min-width: 400px !important;
}

.app-min-width-450 {
    min-width: 450px !important;
}

.app-min-width-500 {
    min-width: 500px !important;
}

/* height pixels */
.app-height-10 {
    height: 10px !important;
}

.app-height-15 {
    height: 15px !important;
}

.app-height-20 {
    height: 20px !important;
}

.app-height-25 {
    height: 25px !important;
}

.app-height-30 {
    height: 30px !important;
}

.app-height-35 {
    height: 35px !important;
}

.app-height-40 {
    height: 40px !important;
}

.app-height-45 {
    height: 45px !important;
}

.app-height-50 {
    height: 50px !important;
}

.app-height-55 {
    height: 55px !important;
}
.app-height-60 {
    height: 60px !important;
}

.app-height-65 {
    height: 65px !important;
}

.app-height-70 {
    height: 70px !important;
}

.app-height-75 {
    height: 75px !important;
}

.app-height-80 {
    height: 80px !important;
}

.app-height-85 {
    height: 85px !important;
}

.app-height-90 {
    height: 90px !important;
}

.app-height-95 {
    height: 95px !important;
}

.app-height-100 {
    height: 100px !important;
}

.app-height-150 {
    height: 150px !important;
}

.app-height-200 {
    height: 200px !important;
}

.app-height-250 {
    height: 250px !important;
}

.app-height-300 {
    height: 300px !important;
}

.app-height-350 {
    height: 350px !important;
}

.app-height-400 {
    height: 400px !important;
}

.app-height-450 {
    height: 450px !important;
}

.app-height-500 {
    height: 500px !important;
}


.app-transition-opacity {
    transition: opacity 0.3s ease-in-out;
}

.app-pool-options-show-options {
    opacity: 1 !important;
    display: block !important;
}


/* contestants statistics */
.app-contestants-statistics-competitors {
    width: 50%;
    position: relative;
}

.app-contestants-statistics-competitors-image {
    width: 30px;
    height: 30px;
    border: 1px solid silver;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.app-contestants-statistics-competitors-name {
    font-size: .70rem;
    color: #6c757d;
    font-weight: 700;

}

.app-contestants-statistics-competitors-score {
    font-size: 1rem;
    color: #000;
    font-weight: 700;
}

.app-contestants-statistics-competitors-forecasting {
    margin: 0 !important;
    font-size: 1rem;
    font-weight: 700;
    border: solid 2px silver;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ranking pool colors */
.app-bg-ranking-place-pool-1 {
    background-color: var(--app-bg-ranking-place-pool-1);
}

.app-bg-ranking-place-pool-1 {
    background-color: var(--app-bg-ranking-place-pool-1);
}

.app-bg-ranking-place-pool-2 {
    background-color: var(--app-bg-ranking-place-pool-2);
}

.app-bg-ranking-place-pool-3 {
    background-color: var(--app-bg-ranking-place-pool-3);
}

.app-bg-ranking-place-pool-4 {
    background-color: var(--app-bg-ranking-place-pool-4);
}

.app-bg-ranking-place-pool-5 {
    background-color: var(--app-bg-ranking-place-pool-5);
}

.app-bg-ranking-place-pool-6 {
    background-color: var(--app-bg-ranking-place-pool-6);
}

.app-bg-ranking-place-pool-7 {
    background-color: var(--app-bg-ranking-place-pool-7);
}

.app-bg-ranking-place-pool-8 {
    background-color: var(--app-bg-ranking-place-pool-8);
}

.app-bg-ranking-place-pool-9 {
    background-color: var(--app-bg-ranking-place-pool-9);
}

.app-bg-ranking-place-pool-10 {
    background-color: var(--app-bg-ranking-place-pool-10);
}

/* ranking contest colors */
.app-bg-ranking-place-contest-1 {
    background-color: var(--app-bg-ranking-place-contest-1);
}

.app-bg-ranking-place-contest-1 {
    background-color: var(--app-bg-ranking-place-contest-1);
}

.app-bg-ranking-place-contest-2 {
    background-color: var(--app-bg-ranking-place-contest-2);
}

.app-bg-ranking-place-contest-3 {
    background-color: var(--app-bg-ranking-place-contest-3);
}

.app-bg-ranking-place-contest-4 {
    background-color: var(--app-bg-ranking-place-contest-4);
}

.app-bg-ranking-place-contest-5 {
    background-color: var(--app-bg-ranking-place-contest-5);
}

.app-bg-ranking-place-contest-6 {
    background-color: var(--app-bg-ranking-place-contest-6);
}

.app-bg-ranking-place-contest-7 {
    background-color: var(--app-bg-ranking-place-contest-7);
}

.app-bg-ranking-place-contest-8 {
    background-color: var(--app-bg-ranking-place-contest-8);
}

.app-bg-ranking-place-contest-9 {
    background-color: var(--app-bg-ranking-place-contest-9);
}

.app-bg-ranking-place-contest-10 {
    background-color: var(--app-bg-ranking-place-contest-10);
}