@font-face {
  font-family: 'YS Text';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  src:
          url(//yastatic.net/s3/home/fonts/ys/1/text-regular.woff2) format('woff2'),
          url(//yastatic.net/s3/home/fonts/ys/1/text-regular.woff) format('woff')
}

@font-face {
  font-family: 'YS Text';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  src:
          url(//yastatic.net/s3/home/fonts/ys/1/text-medium.woff2) format('woff2'),
          url(//yastatic.net/s3/home/fonts/ys/1/text-medium.woff) format('woff')
}

@font-face {
  font-family: 'YS Text';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  src:
          url(//yastatic.net/s3/home/fonts/ys/1/text-bold.woff2) format('woff2'),
          url(//yastatic.net/s3/home/fonts/ys/1/text-bold.woff) format('woff')
}

body {
  font-family: 'YS Text', 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-feature-settings: 'liga', 'kern';
  -moz-font-feature-settings: 'liga', 'kern';
  font-feature-settings: 'liga', 'kern';
  /*width: 100%;*/
  /*height: 100%;*/
  /*padding: 0;*/
  /*margin: 0;*/
  /*background: #bb71f3;*/
  /*background: -moz-linear-gradient(-45deg, #bb71f3 0%, #3d4d91 100%);*/
  /*background: -webkit-linear-gradient(-45deg, #bb71f3 0%, #3d4d91 100%);*/
  /*background: linear-gradient(135deg, #bb71f3 0%, #3d4d91 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb71f3', endColorstr='#3d4d91', GradientType=1);*/
  /*-webkit-tap-highlight-color: rgba(255, 255, 255, 0);*/
}

h1, h2, h3, h4, h5 { letter-spacing: -.03em; }

h1 { margin: 20px 0; color: #343a40; }

.c-body {
    padding-top: 1rem;
}

/* cuip extend */
.form-control.is-loading {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQzLjkzNSAyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODMtMTAuMzE4IDAtMTguNjgzIDguMzY1LTE4LjY4MyAxOC42ODNoNC4wNjhjMC04LjA3MSA2LjU0My0xNC42MTUgMTQuNjE1LTE0LjYxNXMxNC42MTUgNi41NDMgMTQuNjE1IDE0LjYxNWg0LjA2OHoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    padding-right: calc(1.5em + 0.75rem);
    background-position: right calc(0.375em + 0.1875rem) center;
}

.flex {
    display: flex;
    flex-direction: row;
}

.min {
    color: #bbb;
}
.help-block {
    font-style: italic;
    font-family: arial;
    font-size: smaller;
}
.c-body {
    /*background: linear-gradient(to right, transparent, mistyrose);*/
    /*background: linear-gradient(135deg, rgba(211, 251, 255, 0.3), transparent);*/
}

.c-footer {
    margin-top: 3rem;
}

.logo img { height: 3rem; }
.logo .min { display: none; }
img.qr {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 7rem;
    margin: 0 .7rem;
    padding: .2rem;
    border: 1px solid #bbb;
    background-color: #fff;
}

.table-responsive { margin: 20px 0; }
table.results .pname { font-size: 1.1rem; }
table.results .pos { color: #999; }
table.results .pwtl { text-align: center; }
table.results td.pwtl { color: #999; }
table.results td.ppoints {
    font-size: 1.1rem;
    font-weight: bold;
}
table.results td.score {
    font-size: 1.3rem;
    font-weight: bold;
}
table.results td, .table.results th {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}
table.results thead th, table.edit thead th {
    border-top: 0;
    font-size: .75rem;
    color: #999;
}

table.results td input {
    width: 8rem;
    text-align: center;
}

table.results td.score input {
    width: 3rem;
    display: inline;
    font-size: 1.3rem;
}


table.bracket {
    width: 90%;
    margin: 2rem auto;
}
table.bracket td {
    font-size: 2rem;
    font-weight: bold;
}
table.bracket td.names { width: 35%; }
table.bracket td.score { width: 15%; }

table.edit td input { font-size: 1.5rem; padding: .1rem .5rem; border-color: currentColor; border-width: 1px; }
table.edit td.pname input { text-align: right; }
table.edit td.ppoints input { width: 4rem; text-align: center; }
table.edit td.pwtl input { width: 6rem; text-align: center; letter-spacing: .3rem; }
table.edit .ppoints { text-align: center; }
table.edit .pwtl { text-align: center; }

.actions a {
    display: block;
}

.attachBtn, .printBtn, .editBtn, .saveBtn {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    font-size: 1rem;
    padding-right: 2rem;
    margin-left: 2rem;
}

.printBtn { background-image: url(https://um.iq.md/assets/icons/print.svg); }
.attachBtn { background-image: url(https://um.iq.md/assets/icons/paperclip.svg); }
.editBtn { background-image: url(https://um.iq.md/assets/icons/notes.svg); }
.saveBtn { background-image: url(https://um.iq.md/assets/icons/cloud-upload.svg); }

.uploadForm {
    position: relative;
    overflow: hidden;
}
.uploadForm input[type=file] {
    position: absolute;
    top: -9999px;
    right: -9999px;
}
.imgup {
    width: 113px;
    height: 200px;
    margin: .5rem;
    padding: .25rem;
    background-color: #ebedef;
    border: 1px solid #c4c9d0;
    border-radius: .25rem;
}

/*

.pos1 .pos, .pos2 .pos, .pos3 .pos  {
    background: url(/css/places.png);
    background-repeat: no-repeat;
    background-size: 10rem;
    width: 2rem;
    height: 2rem;
    font-size: 0;
}

.pos1 { background-color: #fffacd !important; }
.pos2 { background-color: #f0f0f0 !important; }
.pos3 { background-color: #f8e4d4 !important; }
.pos1 .pos { background-position: 6px; }
.pos2 .pos { background-position: -58px; }
.pos3 .pos { background-position: -122px; opacity: 0.5; }
*/

#ingame li {
    font-size: 1.3125rem;
    padding: .7rem 1rem;
}

#pool button {
    margin: 0 .2rem .3rem 0;
}

.removeBtn {
    background: url(https://um.iq.md/assets/icons/trash.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 1.3rem;
    height: 1.8rem;
    cursor: pointer;
    /*padding: 1.6rem;*/
}

.addBtn {
    background: url(https://um.iq.md/assets/icons/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 1.3rem;
    height: 1.8rem;
}

#createBtn {
    margin: 1rem 0;
}

.notes {
    margin: 1rem;
    padding: 1rem;
}

@keyframes fade {
    from { opacity: 1.0; }
    60% { opacity: 0.3; }
    to { opacity: 1.0; }
}

@-webkit-keyframes fade {
    from { opacity: 1.0; }
    60% { opacity: 0.3; }
    to { opacity: 1.0; }
}

#lastUpdated {
    text-align: center;
    color: #bbb;
}

#lastUpdated.updating {
    color: #000 !important;
    animation:fade 1500ms infinite;
    -webkit-animation:fade 1500ms infinite;
}

.dayContainer.updating td.n {
    /*background-color: #b3b3b3;*/
    opacity: 0.5;
    /*background-size: 10px 10px;*/
    /*background-image: repeating-linear-gradient(135deg, #a6a6a6 0, #a6a6a6 3px, #b3b3b3 0, #b3b3b3 50%);*/
}

p.dow {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 0;
    letter-spacing: -.03rem;
}

div.dayContainer {
    float: left;
    margin-left: 1rem;
}

table.bookedc {
    padding: .1rem .5rem;
    border: 1px solid #bbb;
    margin-bottom: 2rem;
}
table.bookedc th { font-size: .7rem }
table.bookedc th a { text-decoration: underline; }
table.bookedc td, table.bookedc th {
    padding: 0.2rem 0.3rem;
    border: 1px solid #d8d8d8;
    vertical-align: middle;
    line-height: normal;
    width: 2rem;
    text-align: center;
}

table.bookedc tr:nth-child(odd) td.n { background-color: #bbb; }
table.bookedc tr:nth-child(even) td.n { background-color: #b3b3b3; }
table.bookedc td.n, table.bookedc td.a { height: 0.7rem; }

table.print.bracket { margin-top: 4rem; }

@media print {
    table.bracket { break-after: page; }
    footer.c-footer { display: none; }
    .c-legacy-theme .table-striped tbody tr:nth-of-type(odd) td {
        background-color: rgba(0, 0, 0, .05) !important;
        color-adjust: exact;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }
    .logo .min { display: block; }
}

.t0 { background-color: #AAF7FF; }
.t1 { background-color: #B4F5FF; }
.t2 { background-color: #BEF4FF; }
.t3 { background-color: #C8F2FF; }
.t4 { background-color: #D2F1FF; }
.t5 { background-color: #E0FFFF; }
.t6 { background-color: #E7FFFF; }
.t7 { background-color: #EEFFFF; }
.t8 { background-color: #F5FFFF; }
.t9 { background-color: #FCFFFF; }
.t10 { background-color: #FFFFBF; }
.t11 { background-color: #FFFDB5; }
.t12 { background-color: #FFFAAA; }
.t13 { background-color: #FFF7A0; }
.t14 { background-color: #FFF495; }
.t15 { background-color: #FFE099; }
.t16 { background-color: #FFE092; }
.t17 { background-color: #FFE08C; }
.t18 { background-color: #FFE085; }
.t19 { background-color: #FFE07F; }
.t20 { background-color: #FFD166; }
.t21 { background-color: #FFCA66; }
.t22 { background-color: #FFC366; }
.t23 { background-color: #FFBC66; }
.t24 { background-color: #FFB566; }
.t25 { background-color: #FFAD72; }
.t26 { background-color: #FFA572; }
.t27 { background-color: #FF9D72; }
.t28 { background-color: #FF9572; }
.t29 { background-color: #FF8D72; }
.t30 { background-color: #F76D5E; }
.t31 { background-color: #F4625A; }
.t32 { background-color: #F15756; }
.t33 { background-color: #EE4C52; }
.t34 { background-color: #EB414E; }
.t35 { background-color: #D82632; }
.t36 { background-color: #D02130; color: #e73b68; }
.t37 { background-color: #C81C2E; color: #e73b68; }
.t38 { background-color: #C0172C; color: #e73b68; }
.t39 { background-color: #B8122A; color: #e73b68; }
.t40 { background-color: #A61129; color: #e73b68; }
.t41 { background-color: #990f26; color: #e73b68; }
.t42 { background-color: #8c0e23; color: #e73b68; }
.t43 { background-color: #800d20; color: #e73b68; }

.weather-icon {
    border-color: #e4e5e6 !important;
}

.weather-icon svg:nth-child(1) {
    width: 40px;
    height: 30px;
}

.weather-icon svg:nth-child(2) {
    width: 40px;
    height: 17px;
}

.dayContainer td.time {
    position: relative;
}

.dayContainer td div.rain {
    height: 100%;
    background: linear-gradient(90deg, var(--primary) 0%, rgba(99, 194, 222, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}