input[type="search"]{ width: 150px; }
table.dataTable tbody td{ padding: 2px 10px; }
table.dataTable thead th{ padding: 5px 18px; }
.clearSearchBtn{ font-size: 22px; position: absolute; margin-top: 4px; margin-left: -19px; color: #000; cursor: pointer; }
.clearSearchBtn:hover{ color: red; }

.start, .echart{ min-height: 550px; }
.start .h600, .echart .h600{ min-height: 600px; }
.start .h650, .echart .h650{ min-height: 650px; }
.echart > .scrollX{ overflow-x: auto; }
.echart > .scrollX > div{ width: 100%; min-width: 600px; min-height: 550px; }
#evaluation{ min-width: 718px;  }
.dataTables_wrapper > *{ min-width: 639px; }
.text-center{ text-align: center !important; }

/* dark mode */
html.dark #linkRow span{ color: #000; }
html.dark .stats{ background-color: rgb(33, 37, 41); }
/*html.dark .statsWrapper:hover > .name{ color: #000; }*/
.statsWrapper:hover > .name{ font-weight: bold; }
.statsWrapper > .stats{ color: #000; }
html.dark #modeSelector{ background: #181818; }

#memberlist{ color: #000; }
#memberlist input{ width: 65px; }

/* section changer */
#secChangerBlock{ text-align: center; padding: 15px 0; }
#secChangerBlock > h4{ display: inline-block; margin-right: 5px; }
#secChangerBlock > .css-selectmenu{ position: relative; top: -2px; }

/* some items */
#start p{ padding-right: 10px; }
#allySetupBlock{ padding-left: 10px; }
#modulmode{ position: fixed; top: 74px; left: 0; right: 0; z-index: 55; text-align: center; }
#modulmode > div{ display: inline-block; }

#remData:hover{ color: red !important; }
#addEvabtn{ position: relative; margin-left: 15px; margin-top: -1px; height: 31px; }

#sendEval{ margin-top: -30px; }
html.dark #sendEval span, html.dark #sendEval thead{ color: #fff; }
#saveEvalmenu{ position: relative; z-index: 15; width: 330px; top: 46px; left: 10px; line-height: 30px; }
#sendEval #saveEvalmenu{ display: inline-block; }
#saveEvalmenu span{ color: #000; float: right; }
#saveEvalmenu input{ width: 85px; float: right; margin: 0 5px; }
@media (max-width: 770px){ #saveEvalmenu{ top: 12px; left: 0; width: 100%; } }

.info a, .error a{ color: #000 !important; }
.formRow.hiddeninfo{ position: relative; }
.formRow.hiddeninfo label{ position: relative; z-index: 1; }
.formRow.hiddeninfo .info{ position: absolute; z-index: 50; }


#memberlist_wrapper .fg-toolbar:empty{ display: none; }

/* block headMenu */
#headMenu.viewmode{ margin-top: 1px; }
#headMenu.viewmode > *{ margin-right: 5px; }

/* block headMenu show/hide by JS set type */
#headMenu[data-typ="s"] .hideOnParty,
#headMenu[data-typ="p"] .hideOnPeriode{ display: none; }

/* block headMenu show/hide by hardcoded classes on each container */
.chartMenu.onPartySingleDate #headMenu[data-typ="s"] .hideOnSingleDate,
.chartMenu:NOT(.onPartySingleDate) #headMenu[data-typ="s"] .isFrom,
.chartMenu.no-modeselector #mainMode,
.chartMenu.only-from .notFrom
{ display: none; }

.chartMenu.only-from .isFrom{ display: inline-block !important; }

.chartMenu.grouped #headMenu[data-typ="s"] .groupedWrapper{ display: none !important; }
.chartMenu:NOT(.grouped) .groupedWrapper,
.chartMenu.grouped #headMenu:NOT([data-typ="s"]) .hideOnGrouped{ display: none; }


/* mode selector */
#mainMode{ display: inline-block; position: relative; width: 82px; height: 18px; }
@media (max-width: 400px){ #mainMode{ height: 22px; } }
#modeSelector, #modeSelector label{ -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
#modeSelector{ position: absolute; z-index: 20; top: 0; left: 0; width: 82px; height: 28px; display: inline-block; background: #fff; border: 1px solid #ccc; text-align: center; padding: 0 !important; border-radius: 4px; }
#modeSelector:hover{ width: 162px; margin-left: -80px; }
#modeSelector:NOT(:hover) input:NOT(:checked) + label{ display: none; }
#modeSelector label{ position: absolute; height: 26px; line-height: 26px; width: 80px; display: inline-block; float: left; margin: 0 !important; vertical-align: unset !important; cursor: pointer; }
#modeSelector:NOT(:hover) label{ border-radius: 4px; }
#modeSelector label:nth-child(2){ left: 0; }
#modeSelector label:nth-child(4){ right: 0; }
#modeSelector input:checked + label{ font-weight: bold; background: #2a3f23; color: #fff; cursor: default; }
#modeSelector input:NOT(:checked) + label{ cursor: pointer; }
#modeSelector:hover input.first:checked + label{ border-radius: 4px 0 0 4px; }
#modeSelector:hover input.last:checked + label{ border-radius: 0 4px 4px 0; }
.saveEval #modeSelector:hover{ left: 80px; }


/* evaluation */
.rlToplistChart{
    columns: 3; -webkit-columns: 3; -moz-columns: 3;
    counter-reset: item;
}
.rlToplistChart > li{ list-style: none; counter-increment: item; }
.rlToplistChart > li:before{ display:inline-block; width: 1.5em; padding-right: 0.5em; font-weight: bold; text-align: right; content: counter(item) "."; }
.rlToplistChart > li:nth-child(1):before{ content: "#" counter(item); }
.rlToplistChart > li:nth-child(2):before{ content: "#" counter(item); }
.rlToplistChart > li:nth-child(3):before{ content: "#" counter(item); }
.rlToplistChart li:hover > .name{ background: #ddd; color: #000; }
html.dark .rlToplistChart li:hover > .name{ background: rgb(41 46 51); color: #fff; }
.rlToplistChart li:hover > .name.edit{ cursor: pointer; }
.kp{ font-weight: bold; }
.statsWrapper.missed-y{ color: orange; }
.kp.green, .g-green{ color: green !important; }
.kp.red, .g-red{ color: red !important; }
.kp.blue{ color: blue; }
.g-green, .g-red{ font-weight: bold; }
/*
.g-green{ background-color: green !important; font-weight: bold; }
.g-red{ background-color: red !important; font-weight: bold; }
*/

#linkRow:NOT(:empty){ position: relative; text-align: center; margin-bottom: 10px; }
#linkRow span{ position: absolute; left: 1px; top: 2px; padding: 0 5px; line-height: 27px; background: #f1f1f1; font-weight: bold; }
#linkRow input{ width: 100%; padding-left: 60px; }

#totalcnt{ text-align: center; }
#totalcnt > span:first-child{ font-weight: bold; color: orange; }
#totalcnt > span{ margin: 0 5px; }
#totalcnt > span:NOT(:first-child):NOT(:nth-child(2)):before{ content: "|"; margin-right: 10px; }

.rlPointList > li{ display: inline-block; margin: 0 5px; }
.setRl.warning{ width: 120px !important; }

/* edit member */
.editMemWin input{ width: 60px; margin-left: 10px; }

/*.statsWrapper{ position: relative; z-index: 5; }*/
.stats{
    text-align: center;
    position: absolute;
    margin-top: 3px;
    z-index: 9999;
    width: 352px;
    margin-left: -42px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.stats ul{ margin: 0; padding: 0; list-style: none; }
.stats ul:first-child, .stats ul:last-child{ font-weight: bold; }
.stats ul:first-child, .stats ul:nth-child(3){ border-bottom: 1px solid #ccc; }
html.dark .stats, html.dark .stats ul:first-child, html.dark .stats ul:nth-child(3){ border-color: #000; color: #fff; }
.stats li{ display: inline-block; width: 50px; }

/* save progres of ally settings */
#saveProgress{ width: 200px; display: inline-block; position: absolute; top: 2px; left: 50%; margin-left: -100px; }
html:NOT(.dark) #saveProgress > .preloader{ background: #fff !important; }

/* ally settings */
#allySetupBlock input[type="number"]{ width: 50px; margin: 0 15px 0 5px; }
.formRow label{ white-space: nowrap; }
#minlvlWrapper{ margin-left: 15px; }

/* hidden elements */
#backBtn{ margin-top: -6px; }
#goToHome.hidden{ display: none !important; }
#saveEvalmenu,
.statsWrapper:NOT(:hover) > .stats,
.formRow.hiddeninfo:NOT(:hover) .info
{ display: none; }

@media (min-width: 993px){
    #start > div:first-child{ padding-right: 10px; }
    #start > div:last-child{ padding-left: 10px; }
}
@media (max-width: 992px){
    #allySetupBlock{ border-top: 1px solid #ccc; margin-top: 30px; padding-top: 10px }
}