@media (min-width: 768px){ .container{min-width: 850px;} }

/* dark mode */
/*html.dark #allymenu > *{ background: #181818; color: #fff; }*/
html.dark .leader:hover,
html.dark #config,
html.dark .rtCounter,
html.dark #fighterContainer,
html.dark .raidTimer{ color: #000; }
html.dark .haContainerTit > h3,
html.dark #cityholder > li:NOT(:hover){ color: #fff; }
html.dark #acmanager > div.preloader{ background: #181818; border-radius: 8px; }

html.dark #lineup span{ color: #fff; }
html.dark #lineup > li:hover:NOT(.types) span{ color: #000; }

#reconnectContainer{ width: 98%; margin: 2px 0 0 4px; min-height: 59px; }
#acmanager.offline > #fhContainer{ display: none; }
#acmanager .preloader{ background: #fff; }

/*#lineup.helper > li:NOT(:last-child){ display: none !important; }*/
.ui-button, .ui-button i { outline: none !important; margin: 0; }
.ui-button.outer-l{ border-top-right-radius: 0; border-bottom-right-radius: 0; }
.ui-button.inner, .css-selectmenu.inner{ border-radius: 0; }
.ui-button.outer-r{ border-top-left-radius: 0; border-bottom-left-radius: 0; }

#clipboardWrapper{ width: 1px; height: 1px; overflow: hidden; position: absolute; top: 0; left: 0; }
.memberlist, #castleSetup ul, #worker, #matchTimer{ list-style: none; margin: 0; padding: 0; text-align: left; }
#cityholder{ margin-top: 10px; }
#lineup{ min-height: 190px; }
#lineup > li:NOT(:first-child):NOT(:last-child), #cityholder{ display: inline-block; width: 50%; height: 28px; }
.memberlist li.on{ color: #000; }
.memberlist li:NOT(.types):hover, .rallyLeader li > div:hover, #castleSetup ul > li:hover{ background: #e9e9e9; color: #000; }
.memberlist > li > span:nth-child(2){ display: inline-block; width: 220px; padding: 0 10px; }
.memberlist > li button, #castleSetup ul button{ height: 27px; width: 40px; padding: 1px 7px !important; min-height: 27px; }
.memberlist > li button > .fa-power-off{ color: #cecece; font-size: 21px; }
.memberlist > li.off button.registered > .fa-power-off{ color: #000000 !important; }
.memberlist > li.on .fa-power-off{ color: #27f527; }
.memberlist > li.busy .fa-power-off{ color: #f5a327; }
.useTimeBtn.no, .useTimeBtn:NOT(.no):hover{ color: red; }
#cityholder .useTimeBtn,
#lineupWrapper.only-reg > #lineup > li.leader:NOT(.registered),
#lineupWrapper.no-lineup{ display: none !important; }
.memForm{ margin-left: 5px; }

#worker, #matchTimer{ padding-left: 10px; margin-left: 10px; border-left: 1px solid #000; }
#lineupTit, #worker, #matchTimer, #matchTimer > span{ display: inline-block; height: 32px; max-height: 32px; line-height: 30px; width: auto; }
#workerlink{ margin-left: 10px; margin-top: -2px; }

.targetWrapper{ margin: 0 10px; }
#lineupBtn, #fhBtn{ height: 30px; padding: 5px 10px !important; margin-top: 1px; }

#worker > li, #matchTimer > li{ display: inline-block; color: #f1f1f1; max-height: 32px; }
#worker > li[data-txt]:before,
#matchTimer > li[data-txt]:before,
.fighter-countdown:before{
    display: inline-block; content: attr(data-txt) ':'; margin: 0 6px 0 4px; color: #808080; font-weight: bold; height: 32px; max-height: 32px; line-height: 30px; }
    
#lineupWrapper{ min-height: 200px; }
#lineup{ overflow: auto; min-height: 190px; }
#lineupWrapper .ui-icon-gripsmall-diagonal-se{ display: none; }
#lineupWrapper .helper{ text-align: center; position: absolute; bottom: -12px; width: 100%; }
#lineupWrapper .helper > i{ border: 1px solid #f1f1f1; border-radius: 5px; padding: 0px 8px; background: #181818; }

/* match timer */
.is-countdown > span{ font-size: 21px !important; height: 32px; max-height: 32px; line-height: 30px; }
.fighter-countdown:before{ color: #000; }
.fighter-countdown{ display: inline-block; margin-top: 9px; background: #fff; border: none; }
.fighter-countdown > span{ background: #fff; }
#fCmd span.is-countdown{ border: none; color: #000; font-weight: bold; }
#matchTimer > li:NOT(.stop){ display: none; }
#matchTimer > li.is-countdown{ display: inline-block; color: #000; padding-right: 3px; }
#matchTimer .css-selectmenu{ margin-top: -3px; }
#matchTimer{ font-size: 20px; }
.is-countdown{ height: 34px; }

#stopMatchWrap{ color: #000 !important; }
#stopMatchWrap:hover{ color: red !important; cursor: pointer; }
#timermod{ margin-top: -5px; margin-left: -4px; width: 60px; height: 32px; }

/* active worker */
#worker i.me{ border: 1px solid #cecece; border-radius: 50%; text-shadow: 0px 0px 6px #000; margin: 0 4px; }
#worker i.l1.active{ color: #fde118; }
#worker i.l2.active{ color: #ee03fd; }
#worker i.l3.active{ color: #26f301; }
#worker i.s1.active{ color: #f90230; }
#worker i.s2.active{ color: #0a3cf3; }
#worker i.h1.active{ color: #53e6e6; }

/* fighter registration */
#registerFighter{ padding: 14px; }
#registerFighter > div > label{ margin: 0 7px; float: left; }
#registerFighter input:NOT([type="radio"]){ width: 50px; }
#registerFighter input[type="radio"]{ margin-left: 15px; }
#marchspeed{ width: 40px !important; }
#fighterTypeDesc{ font-size: 15px; margin-right: 15px; }
#openStartPos{ position: absolute; top: 1px; right: 40px; font-size: 22px; padding: 3px 7px !important; }
.window_panel.bigHead #openStartPos{ top: 14px; right: 60px; }
#openStartPos.fighter{ right: 0 !important; }

#fighterContainer.auto .mfh,
#fighterContainer.manuell .afh{ display: none; }

#fighterContainer .fhWrap, .soundrow{ background: #fff; padding: 5px; border-radius: 5px; border: 1px solid #ccc; margin: 6px 0; min-height: 60px; }
.soundrow{ position: relative; }
.soundrow > * { float: left; }
.soundrow > span { width: 67%; margin-right: 5%; }
.soundrow > button:NOT(.removeSoundBtn){ margin-top: 20px; }
.soundrow > button.removeSoundBtn{position: absolute;top: -12px;right: -11px;border-radius: 50%;line-height: 20px;width: 25px;padding: 2px 0px 0 0  !important;}
.soundrow > button.removeSoundBtn:hover{ color: red; }
.soundrow .fa-play{ margin-right: 5px; }
.soundrow button:hover > .fa-play{ color: green; }

/* rally leader dragging */
.leader > span{ cursor: grab !important; }
.leader.ui-draggable-dragging > span{ cursor: grabbing !important; }
.leader.ui-draggable-dragging{ background: #fff; font-weight: bold; z-index: 9999; border: 1px solid #ccc; border-radius: 4px; margin-left: 41px; }
.leader.ui-draggable-dragging > *:NOT(span){ display: none; }
.leader.helper,
.awaiting-drop:NOT(.ui-droppable-hover),
.raidBlock.ui-droppable-hover .rallyListWrapper{
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}
.raidBlock .addMemberRow{ margin-left: 2px; color: green; }
.raidBlock .addMemberRow > span{ margin-left: 10px; font-weight: bold; font-size: 110%; }
.raidBlock:NOT(.awaiting-drop) .addMemberRow{ display: none; }
.raidBlock.awaiting-drop:not(.ui-droppable-hover) .addMemberRow{ display: none; }
.raidBtn[data-action="again"]:disabled, .raidBtn[data-action="again"]:disabled:hover{ color: #c3c2c2; }

/* color items that are foccused from a worker */
.l1f{ background-color: #fde118 !important; }
.l2f{ background-color: #ee03fd !important; }
.l3f{ background-color: #26f301 !important; }
.s1f{ background-color: #f90230 !important; }
.s2f{ background-color: #0a3cf3 !important; }
.h1f{ background-color: #53e6e6 !important; }

#chooseRoleWin:NOT(.error){ text-align: center; padding-top: 16px; }
#chooseRoleWin.error{ margin: 8px 0px !important; }
#chooseRoleWin > div.preloader{ background-color: transparent; }
#chooseRoleWin h1{ margin-bottom: 0; margin-top: 7px; }

#lineup:not(.hidden):NOT(:empty){ margin-top: 10px; padding-top: 10px; border-top: 1px solid #f1f1f1; }
.mycastleWrapper[data-val=""] + div, #cityholder:empty{ display: none; }

.citySel > option{ font-weight: bold; font-size: 18px; }
.citySel > option[value="2"], .citySel > option[value="4"], .citySel > option[value="7"], .citySel > option[value="10"],
.raidBlock[data-raid="2"] .targetName, .raidBlock[data-raid="4"] .targetName, .raidBlock[data-raid="7"] .targetName, .raidBlock[data-raid="10"] .targetName{ color: blue !important; }
.citySel > option[value="3"], .citySel > option[value="5"], .citySel > option[value="8"], .citySel > option[value="11"],
.raidBlock[data-raid="3"] .targetName, .raidBlock[data-raid="5"] .targetName, .raidBlock[data-raid="8"] .targetName, .raidBlock[data-raid="11"] .targetName{ color: red !important; }


/* best spots */
#bsTable{ min-width: 980px; }
#bsTable span.itm{ display: inline-block; width: 10%; border: 1px solid #000; text-align: center; color: #000; height: 50px; line-height: 48px; font-weight: bold; }
#bsTable div.t{ background: #8ab6f5; }
#bsTable div.l{ background: #fa8080; }

#bsTable.filter > div:NOT(.bsMenu) span.cnt{ display: none; }
#bsTable.filter > div:NOT(.bsMenu) span.itm:NOT(.ranked){ opacity: 0.5; }


.bsMenu{ text-align: center; padding: 20px 10px; border: 1px solid #000;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+50,b68d4c+51,e9d4b3+100;L+Brown+3D */
background: rgb(243,226,199); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */
}
.bsMenu span{ display: inline-block; height: 32px; line-height: 30px; padding: 0 20px; border: 1px solid #000; color: #000; }
.bsMenu span.active, .bsMenu span:hover{  cursor: pointer; }
.bsMenu span.active{ font-weight: bold; }

/* neutral gc */
.bsMenu span[data-gc="1"], .bsMenu span[data-gc="6"], .bsMenu span[data-gc="9"]{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100;Grey+Flat */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.bsMenu span[data-gc="1"]:hover, .bsMenu span[data-gc="6"]:hover, .bsMenu span[data-gc="9"]:hover,
.bsMenu span[data-gc="1"].active, .bsMenu span[data-gc="6"].active, .bsMenu span[data-gc="9"].active{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

/* Lennister */
.bsMenu span[data-gc="3"], .bsMenu span[data-gc="5"], .bsMenu span[data-gc="8"], .bsMenu span[data-gc="11"]{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d95c51+0,da7b74+50,d23830+51,cf4139+71,c94745+100 */
background: rgb(217,92,81); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(217,92,81,1) 0%, rgba(218,123,116,1) 50%, rgba(210,56,48,1) 51%, rgba(207,65,57,1) 71%, rgba(201,71,69,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(217,92,81,1) 0%,rgba(218,123,116,1) 50%,rgba(210,56,48,1) 51%,rgba(207,65,57,1) 71%,rgba(201,71,69,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(217,92,81,1) 0%,rgba(218,123,116,1) 50%,rgba(210,56,48,1) 51%,rgba(207,65,57,1) 71%,rgba(201,71,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95c51', endColorstr='#c94745',GradientType=0 ); /* IE6-9 */
}
.bsMenu span[data-gc="3"]:hover, .bsMenu span[data-gc="5"]:hover, .bsMenu span[data-gc="8"]:hover, .bsMenu span[data-gc="11"]:hover,
.bsMenu span[data-gc="3"].active, .bsMenu span[data-gc="5"].active, .bsMenu span[data-gc="8"].active, .bsMenu span[data-gc="11"].active{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3d2b+0,ff5b4f+50,ff1003+51,ff1509+71,ff130f+100 */
background: rgb(255,61,43); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,61,43,1) 0%, rgba(255,91,79,1) 50%, rgba(255,16,3,1) 51%, rgba(255,21,9,1) 71%, rgba(255,19,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,61,43,1) 0%,rgba(255,91,79,1) 50%,rgba(255,16,3,1) 51%,rgba(255,21,9,1) 71%,rgba(255,19,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,61,43,1) 0%,rgba(255,91,79,1) 50%,rgba(255,16,3,1) 51%,rgba(255,21,9,1) 71%,rgba(255,19,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d2b', endColorstr='#ff130f',GradientType=0 ); /* IE6-9 */
}

/* Targaryean */
.bsMenu span[data-gc="2"], .bsMenu span[data-gc="4"], .bsMenu span[data-gc="7"], .bsMenu span[data-gc="10"]{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c4d8e0+0,90bfd0+50,529cb2+51,c4d8e0+100 */
background: rgb(196,216,224); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(196,216,224,1) 0%, rgba(144,191,208,1) 50%, rgba(82,156,178,1) 51%, rgba(196,216,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(196,216,224,1) 0%,rgba(144,191,208,1) 50%,rgba(82,156,178,1) 51%,rgba(196,216,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(196,216,224,1) 0%,rgba(144,191,208,1) 50%,rgba(82,156,178,1) 51%,rgba(196,216,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4d8e0', endColorstr='#c4d8e0',GradientType=0 ); /* IE6-9 */
}
.bsMenu span[data-gc="2"]:hover, .bsMenu span[data-gc="4"]:hover, .bsMenu span[data-gc="7"]:hover, .bsMenu span[data-gc="10"]:hover,
.bsMenu span[data-gc="2"].active, .bsMenu span[data-gc="4"].active, .bsMenu span[data-gc="7"].active, .bsMenu span[data-gc="10"].active{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7deed+0,71cdef+50,22b5e2+51,b7deed+100 */
background: rgb(183,222,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(183,222,237,1) 0%, rgba(113,205,239,1) 50%, rgba(34,181,226,1) 51%, rgba(183,222,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(183,222,237,1) 0%,rgba(113,205,239,1) 50%,rgba(34,181,226,1) 51%,rgba(183,222,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(183,222,237,1) 0%,rgba(113,205,239,1) 50%,rgba(34,181,226,1) 51%,rgba(183,222,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
}

/* first hits */
#fhContainer{ margin-top: 25px; }
#fhContainer ul{ list-style: none; margin: 0; padding: 0; min-width: 150px; min-height: 60px; }
.fhStep.wait ul:before{ color: #fff; } /* if we show wait counter, dont show text */
#fhContainer ul > li:NOT(.waitOfUser){ margin: 2px 0px; width: 100%; }
#fhContainer ul > li.waitOfUser{position: absolute;left: 75px;top: 25px;width: 500px;  z-index: 10;}
.waitOfUser > span:first-child{ border-right: none; }
.waitOfUser > span:last-child{ border-left: none; }
.waitOfUser .countdown-descr{ display: inline-block !important; width: 20px; }
#fhContainer ul .ui-button{ padding: 2px 5px 2px 5px !important; margin: 0 5px; }
#fhContainer ul .fa-times:hover{ color: red; }
#fhContainer ul > li > span{ display: inline-block; min-width: 120px }
.haContainerTit{ text-align: center; text-decoration: underline; }
.fhStep{ position: relative; margin: 20px 0; }
.fh-tit{ position: absolute; padding-top: 20px; }
.fhCastleWrapper{ padding-left: 50px; }
.fhCastle{ float: left; padding: 0 20px; }
.fhCastle > div:first-child{ font-weight: bold; float: left; width: 100%; }
.fhCastle ul > li{ float: left; margin: 5px; }
.fhCastleWrapper.c1 > div{ max-width: 75%; }
.fhCastleWrapper.c2 > div{ max-width: 50%; }
.fhCastleWrapper.c4 > div{ max-width: 25%; }
.fhWrap h5{ margin-top: -29px; margin-left: -6px; margin-bottom: 3px; }
#fhContainer:NOT(.started) .fhCapt{ display: none; }

#config{ display: inline-block; position: relative; float: right; margin-right: 5px; }
#config > i{ position: absolute; z-index: 100; right: 0; font-size: 22px; width: 40px; height: 30px; max-height: 30px; padding: 3px 7px; background: #fff; color: #232323; border: 1px solid #fff; border-bottom: none !important; border-top-left-radius: 3px; border-top-right-radius: 3px; }
#config > nav{
    display: none;
    position: absolute;
    z-index: 99;
    width: 400px;
    height: auto;
    top: 29px;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    list-style: none;
    margin: 0;
    padding: 10px;
    -webkit-box-shadow: 0 1px 1px 3px #f1f1f1;
    box-shadow: 0 1px 1px 3px #f1f1f1;
    max-height: 550px;
    overflow-y: auto;
}
#config > nav > li.cfgtit{ text-align: center; margin-bottom: 14px; }
#config > nav > li.cfgtit > span{ background: #fff; padding: 0 6px; }
#config > nav > li.cfgtit > hr{ margin-top: -14px; padding: 0; }
#config > nav > li:NOT(.cfgtit){ font-weight: normal; text-transform: none; margin: 5px 0; }
#config > nav > li:NOT(.cfgtit) > *:first-child{ float: left; }
#config > nav > li:NOT(.cfgtit) > *:last-child{ float: right; }
#config:hover > i{ border: 1px solid #ccc; }
#config:hover > nav{ display: block; }
#config input[type="checkbox"]{ height: 24px; width: 24px; margin-top: 2px; }

#formCount{ margin: 0 10px 10px 10px; text-align: center; }
#formCount > span:nth-child(2){ margin-left: 10px; }
#formCount > span[data-fc-cnt]{ font-weight: normal; }
#formCount > span[data-fc-cnt]:after{ content: '(' attr(data-fc-cnt) '),'; margin: 0 6px 0 4px; }
#formCount > span[data-fc-cnt]:last-child:after{ content: '(' attr(data-fc-cnt) ')' !important; }

/* rallys */
#rallys{ min-height: 600px; }
.raidBlock .mmBox{ margin-bottom: 0px; }
.raidBlock h2, #conf{ line-height: 28px; margin-top: 0; margin-bottom: 0; }
.raidBlock h2 > span{ display: inline-block; height: 32px; line-height: 32px; }
.raidBlock h2 > input{ width: 50px; }
.rallyListWrapper{ position: relative; }
.targetName{ width: 220px; margin-right: 20px; }
.rlFormation{ font-weight: normal !important; }
.enfowr{ margin-right: 3px; }
.raid-setup select{ box-shadow: unset !important; -webkit-box-shadow: unset !important; }
.linc{ float: left; width: 65px; margin: 0; margin-left: -3px; height: 27px; margin-top: 2px; }
.raid-setup[data-action="fill"]{ height: 27px; line-height: 14px; margin-top: -1px; }
.enfo{ border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.atts{ border-radius: 0 !important; }
.rallyText{ margin-left: 5px; }
.copyText:NOT(.timings){ margin-right: 30px; padding: 0 14px !important; }
.copyText:after{ content: " " attr(data-txt); }
.copyText.timings{ display: none; position: absolute; top: 50%; right: 30px; margin-top: -16px; }
.raidBlock.filled .rallyListWrapper > div{ margin-top: 10px; border-top: 1px solid #f1f1f1; }
.rallyCounter.float-right{ position: absolute; right: 0; }

.raidBlock:NOT(.filled) .rallyText{ display: none; }
.raidBlock:NOT(.running) .targetCapt,
.raidBlock:NOT(.running) .raidBtn[data-action="again"],
.raidBlock.running .raidBtn[data-action="run"],
.raidBlock.running .raid-setup{ display: none; }
.raidBlock:NOT(.running) .rallyCounter:NOT(:empty) + .copyText{ display: inline-block; }
.raidBlock:NOT(.filled) .rallyListWrapper > div > div:NOT(:first-child){ display: none; }

.raidTimer{ width: 78px; margin-right: 5px; margin-left: 5px; }
.raidTimer, .raidTimer > span{ display: inline-block; height: 32px; line-height: 30px; }

.rallyList{ list-style: decimal; margin: 0; padding-left: 20px; }
.rallyList:NOT(:empty){ margin-top: 5px; }

.rallyLeader{ width: 448px; }
.rallyLeader > li *:NOT(input){ display: inline-block; height: 30px; line-height: 24px; outline: none; }

.rallyCounter{ float: left; }
.rallyCounter *, .rallyLeader > li:NOT(.ui-sortable-placeholder){ height: 38px; line-height: 38px; }
.rallyCounter > li span{ display: inline-block; float: left; }
.rallyCounter{ width: 333px; }
.rtDiff{ width: 35px; }
.rtCounter{ font-weight: bold; margin: 0 18px; padding: 0 5px; cursor: n-resize; }

.rlRemove{ padding: 0px 10px !important; height: 24px !important; line-height: 22px !important; margin-right: 5px; }
.rallyLeader .rlName{ display: inline-block; font-weight: bold; width: 250px; }
.rallyCounter .rlName{ display: inline-block; font-weight: bold; width: 150px; }
.runtime{ width: 60px; margin: 0 10px; }
.targetCapt, .fhCapt, .noTimeBtn{ width: 50px; height: 31px; font-size: 22px; padding: 2px 4px !important; }
.targetCapt:hover, .noTimeBtn:hover{ color: var(--link-color-hover); }
.runtime.entered + .noTimeBtn{ display: none; }