#main {
    background-image: url("../img/logoDarts20.png");
    /* background-repeat: no-repeat; */
    background-size: contain;
}
.logoSite {height: 3rem; }
.drotik { cursor: url("../img/drotik.ico"),pointer; }
.drotikBW { cursor: url("../img/drotikBW.ico"),pointer; }
.dartsIco { cursor: url("../img/darts.ico"),pointer; }

button.close:focus { outline: none; }

/*** виды текста ***/
.txtNumber {
    font-weight: bold;
    text-shadow: 2px 1px 0px #ebf90d;
    font-size: 1rem;
    color: #07805a;
}
.errAlert {
    font-weight: bold;
    color: #FF0000;
}

/*** end виды текста ***/

.h15rem  { height: 1.5rem; }
.lh15rem { line-height: 1.5rem; }
.f1rem  { font-size: 1rem; }
.f15rem { font-size: 1.5rem; }
.f2rem  { font-size: 2rem; }

/*** квадратные кнопки меню ***/
.btnGame {
    max-height: 8rem;
    height: 8rem;
    width: 8rem;
    max-width: 8rem;
}
.btnGameTxt {
    text-shadow: 0px 0px 4px #382;
    color: #618;
    font-weight: 600;
}

.btnImage {
    margin-right: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 7px #000;
    height: 2rem;
    float: right;
}

.txtMark {
    position: absolute;
    top: 90px;
    left: 0;
}
/*** end квадратные кнопки меню *****/

/*** цифры score ***/
.digScore {
    display: inline-block;
    background-image: url(../images/c1.png);
    background-size: cover;
    padding: 12px 5px 0px 5px;
    float: left;
    font-size: 2rem;
}

/*** аватар score ***/
.avScore { width: 2.5rem; height: 2.5rem; }

/*** надпись score ***/
.scoreTxt {
    float: left;
    transform: rotate(270deg);
    width: 20px;
    margin-right: 0px;
    margin-top: 23px;
    font-size: 1rem;
    font-weight: 600;
}

span.accountImg {
    background-image: url(../img/accountBlack.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 31px;
    width: 31px;
    top: 3px;
    left: 3px;
    z-index: 600;
}

/*** formula ***/
.formula {
    width: 20rem; /*** тут надо будет медиа ***/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    color: #661188;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    border: none;
    border-radius: 0.25rem;
    text-shadow: 0px 0px 2px #338822;
    outline: none;
}
.formula:focus {
    outline: 3px solid #661188;
}

#btnVerify { font-size: 2.5rem; color: #338822; }
#btnVerify:hover { color: #661188; }
/*
i.ion-ios-calculator-outline { font-size: 2.5rem; color: #338822; }
i.ion-ios-calculator-outline:hover { text-shadow: 0px 0px 2px #661188; }
*/
#txtResult { min-width: 4rem; width: 4rem; } /* чтобы не дергалось при разном результате */

/******** правила игры ********/

.tHelp td { border: 1px solid #9d9d9d; }
.tHelp sub.b, .tHelp td b.f15rem { color: #007bff; font-weight: bold; }
.tHelp td:first-child { text-align: center;}
.tHelp td:first-child b.f15rem {color: inherit; }
/******** правила игры ********/

/******** лог игры ********/
.clsBonus { font-weight: 600; color: red; }
.divLog {
    /* background-color: #eee; */
    background-image: url("/img/old_math.png");
    font-family: sans-serif; /*cursive; */
    box-shadow: 0 0 10px 2px #3a960a;
    margin-top: 20px;
}
table.divLog thead th {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 0.75rem;
    text-align: center;
}
table.divLog td {
    /*border: 1px solid #c335c0; */
    padding: 0.38rem;
    vertical-align: inherit;
    text-align: center;
}

.log2{ display: none; }
table.divLog td.roundTime  { font-size: 0.8rem; }
table.divLog td.points { text-shadow: 1px 1px 1px #33d814; }
.msgReport { }
td.start {
    font-size: 0.62em;
    max-width: 6rem;
    min-width: 6rem;
    width: 6rem;
    text-align: center;
}
td.score, td.points { border-top: none; }
td.score { border-left: none; }
td.points { border-right: none; }
td.score span, th.score span {
    color: #a31fb9;
    font-weight: bold;
    text-shadow: 1px 1px 1px #33d814;
    font-size: 1rem;

}
.tdDig {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-shadow: 1px 1px 1px #ff000c;
}

td.tdDig, td.points, td.logFormula, td.start {
    border-left: 1px solid #9d9d9d;
}
td.logFormula, td.tdDig {
    border-bottom: 1px solid #9d9d9d;
}
table.divLog thead th, td.nRound, td.start, td.points, td.score, td.roundTime {
    border-bottom: 3px solid #949494;
}

/***********
#logTbl tr > td {
  padding: 2px 3px;
  overflow: hidden;
}
***************/