.error-msg {
    background: indianred;
    color: #fff;
    border: 1px solid darkred;
    padding: 20px;
    font-size: 150%;
    font-weight: bold;
}
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.u-header {
    border-bottom: 1px solid #f2f2f2;
}
form > p.u-form-group{
    margin-bottom: 3px !important;
}
.u-palette-5-light-1 i {
    font-size: 24px;
    color: #535353;
}
.u-palette-5-light-1 h4 {
    color: #535353;
}
.u-palette-4-base i {
    font-size: 24px;
    color: #fff;
}
.u-palette-4-base-1 h4 {
    color: #fff;
}
.u-input.u-palette-3-base, .u-field-input.u-palette-3-base, .u-button-style.u-palette-3-base, .u-button-style.u-palette-3-base[class*="u-border-"] {
    font-weight: bold;
}
.color-success{
    color:#2cccc4;
}
.noty_theme__mint.noty_type__success {
    background-color: #2fcac2;
    border-bottom: 1px solid #0d8a84;
    color: #fff;
}
#noty_layout__topCenter {
    width: auto !important;
}
.btn-success {
    background: #2cccc4 !important;
    border-color: #0b9d96 !important;
}
.btn-secondary {
    background: #f1c50e !important;
    border-color: #f1c50e !important;
    color: #111111;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    color: #222222;
}
.u-font-size-12px {
    font-size: 12px !important;
}
.u-font-size-13px {
    font-size: 13px !important;
}
.u-font-size-14px {
    font-size: 14px !important;
}
.u-font-size-15px {
    font-size: 15px !important;
}
.u-font-size-16px {
    font-size: 16px !important;
}
.u-font-size-17px {
    font-size: 17px !important;
}
.u-font-size-18px {
    font-size: 18px !important;
}
.u-font-size-20px {
    font-size: 20px !important;
}
.u-font-size-32px {
    font-size: 32px !important;
}
.u-uppercase {
    text-transform: uppercase;
}
.u-bold {
    font-weight: bold !important;
}
.u-pad-10px{
    padding: 10px;
}
.u-pad-20px{
    padding: 20px;
}
.u-pad-30px{
    padding: 30px;
}
.u-pad-40px{
    padding: 40px;
}
.u-pad-50px{
    padding: 50px;
}
.u-pad-60px{
    padding: 60px;
}
.u-pad-tb-0px{
    padding-top: 0px;
    padding-bottom: 0px;
}
.u-pad-tb-10px{
    padding-top: 10px;
    padding-bottom: 10px;
}
.u-pad-lr-10px{
    padding-left: 10px;
    padding-right: 10px;
}
.u-pad-lr-12px{
    padding-left: 12px;
    padding-right: 12px;
}
.u-mg-0 {
    margin: 0px;
}
.u-mg-auto {
    margin: auto;
}
.u-width-85-per {
    width: 85%;
}
.u-width-150px{
    width: 150px;
}
.u-border-none {
    border: none !important;
}
.u-width-65-per {
    width: 65%;
}
.alert{
    border-radius: 3px;
}
.unconfirmed-color{
    color: #8c7203 !important;
}
.form-control:focus {
    box-shadow: none;
    border-color: #2cccc4 !important;
}
.u-lightred-bg {
    background: #ffd9d9;
}
.u-seagreen-bg {
    background: #eafdfc;
}
.tqOperator, .tpqOperator{
    cursor: pointer;
}
.u-secondary-bg{
    background: #f2f2f2;
}
.u-secondary-text{
    color:#4b4a49
}
.pool-modal-body p, .pool-modal-body h3 {
    font-size: 1rem !important;
}
.pool-modal-body h3.u-text-11 {
    font-size: 2.25rem !important;
}
.pool-modal-body h5.pool{
    font-size: 22px;
}
.close-participate-btn{
    display: none;
}
.expandModal .modal-footer .participate-pool-btn{
    display: none;
}
.expandModal .modal-footer .close-participate-btn{
    display: block;
}
.displayModal .modal-footer .participate-pool-btn, .displayModal .tpqController{
    display: none;
}
.displayModal .modal-footer .close-participate-btn{
    display: block;
}
.u-color-black {
    color: black !important;
}

.confetti {
    width: 10px;
    height: 10px;
    background-color: #f39c12;
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
}

@keyframes confetti-fall {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, 100vh) rotate(360deg);
        opacity: 0;
    }
}
.confetti-container {
    height: 855px;
    overflow: hidden;
}
.page-link {
    color: #222222;
    outline: none !important;
}
.active > .page-link, .page-link.active {
    z-index: 3;
    background-color: #f1c50e !important;
    border-color: #f1c50e !important;
    color: #333;
    font-weight: bold;
    outline: none !important;
}
.page-link:focus{
    box-shadow: none;
}
.page-link:hover{
    color: #111;
}
.modal-body h4{
    background: #2cccc4;padding: 10px;color: white;
}
.color-cccccc{
    color: #ccc;
}
.create-your-pool{
    width: 100% !important;
}
.u-label-box-success {
    background: #2cccc4;
    padding: 5px;
    color: #fff !important;
}
.u-label-box-secondary {
    background: #f1c50e;
    padding: 5px;
    color: #333 !important;
}
.color-0d9790{
    color: #0d9790 !important;
}
.color-276eac{
    color: #276eac !important;
}
.color-firebrick{
    color: firebrick !important;
}
ul.dropdown-menu{
    background: rgba(255, 255, 255, 0.84);
    backdrop-filter: blur(6px);
    border-radius: 3px;
}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item:active {
    color: #fff;
    background-color: #2cccc4;
}
.dropdown-menu li a{
    font-size: 0.90rem !important;
}
.dropdown-divider{
    margin: 5px auto;
}
.u-bg-gold {
    background: url('../../images/W9k1.gif') gold !important;
}
#ownerPool-table, #publicPool-table, #privatePool-table{
    width: 100% !important;
}
.u-align-center{
    text-align: center !important;
}

.winner-content{
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    background: #ecfdfc;
}
.color-999999{
    color: #999999;
}
.u-mlr-auto {
    margin-left: auto;
    margin-right: auto;
}
.u-bg-secondary{
    background: #f1c50e !important;
    color: #333 !important;
}
.pos-rel{
    position: relative;
}
.astrik-rightop{
    position: absolute;
    top: 0px;
    right: 10px;
}
#pagination {
    text-align: center;
    margin-top: 20px;
}
#pagination a {
    display: inline-block;
    margin: auto;
    padding: 10px 16px !important;
    border: 1px solid #ccb600;
    font-weight: bold;
}
a {
    font-size: inherit !important;
}
.form-check-input:checked {
    background-color: #2cccc4 !important;
    border-color: #2cccc4 !important;
}