@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 200; }

@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300; }

@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700; }

body.full-page-content {
    line-height: 1.5;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.87);
}

  @media only screen and (min-width: 0) {
    body.full-page-content {
      font-size: 14px; } }
  @media only screen and (min-width: 992px) {
    body.full-page-content {
      font-size: 14.5px; } }
  @media only screen and (min-width: 1200px) {
    body.full-page-content {
      font-size: 15px; } }


.none { display: none; }

.strong { font-weight: bold; }
.italic { font-style: italic; }

.inline { display: inline; }

.right-align { text-align: right; }

.page-content { padding-top:60px; min-width: 990px; }
.page-user-content { padding-left: 10px; }

.form-horizontal .controls { margin-left: 120px; }

.form-horizontal .control-label { width: 110px; }

.large-labels .controls { margin-left: 270px; }

.large-labels .control-label { width: 260px; }

h3 { text-align: center; 
}


#dTimerInfoEdit {
    padding: 10px;
    border: 1px dotted #666;
}


.red { color: #ee0000!important; }

.alert-block {
    display: block;
    padding: 14px;
}

#dCount {
    padding: 3px 20px;
    border-radius: 5px;
    border: 1px solid #3a87ad;
}

.authform {
    width: 350px;
    margin: 0 auto;
}


label.alert-danger,
label.alert-info {
    padding: 5px 8px 5px 30px;
}


.roundinfo table {
    width: 100%;
    table-layout: fixed;
}

.roundinfo table .zero td { height: 0;line-height: 0;background-color: transparent;padding: 0;  }

.roundinfo table td {
    background-color: #004d40;
    color: #FFFFFF;
    vertical-align: middle;
    padding: 2px 5px;
    line-height: 1.5;
    -ms-border-radius: 0;
    border-radius: 0;
    width: 18%;
    position: relative;
}

.roundinfo table .title td {
    vertical-align: middle;
    padding: 10px;
    font-size: 28px;
    text-align: center;
    border: 2px solid #00695c;
    line-height: 30px;
    color: #e0f2f1;
}

.roundinfo table .title td.padding-2 { padding: 2px; }

.roundinfo table td div {
    float: left;
    display: block;
    width: 100%;
    height: 100%;
    -ms-border-radius: 5px;
    border-radius: 5px;
}


.roundinfo table td.c2,
.roundinfo table td.c6 { width: 5%;  }


.roundinfo table .odd td,
.roundinfo table .oddno_light td {
    background-color: #00695c;
}

.roundinfo table td.c_tbl {
    text-align: center;
    font-weight: bold;
}

.roundinfo table .title td.c_round,
.roundinfo table div.c_tbl {
    background-color: #00695c;
    text-align: center;
    font-weight: bold;
}

.roundinfo table .odd div.c_tbl {
    background-color: #004d40;
}


.roundinfo table td.c_vs {
    text-align: center;
    color: #312525;
}

.roundinfo table span.c_vs {
    line-height: 28px;
}

.roundinfo table span.c_vs img {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    opacity: .4;
}

.roundinfo table td.c_command {
    text-align: center;
    color: #312525;
    font-weight: bold;
    text-transform: uppercase;
}

.roundinfo table div.c_command {
    padding: 2px 0;
    text-align: center;
    background-color: #ffeb3b;
    color: #312525;
    font-weight: bold;
    text-transform: uppercase;
}

.roundinfo table .odd div.c_command {
    background-color: #fff176;
}


.roundinfo table td.c_player {
    /*text-transform: uppercase;*/
}

.roundinfo table tr.f td {
    padding-top: 9px;
    vertical-align: bottom;
}

.roundinfo table tr.l td {
    padding-bottom: 9px;
    vertical-align: top;
}

.roundinfo table tr td.c_oc {
    vertical-align: top;
    font-size: 12px;
}


.roundinfo table .no_light td.c_command,
.roundinfo table .no_light div.c_command,
.roundinfo table .no_light td.c_vs,
.roundinfo table .oddno_light td.c_command,
.roundinfo table .oddno_light div.c_command,
.roundinfo table .oddno_light td.c_vs
 {
    background-color: transparent;
    color: #FFFFFF;
}


.roundinfo table select {
    width: 150px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    margin: 0;
}

input.error, select.error, .roundinfo table select.error {
    background-color: #FF0C46;
    color: #FFFFFF;
}

.roundinfo table tr td.c_command_description {
    vertical-align: middle;
    padding-left: 5%;
}

.roundinfo table .time {
    font-size: 9px;
    line-height: 11px;
    font-weight: normal;
}


.roundinfo table.adminroute {
    border: 1px solid #e1e1e8;
    margin-top: 5px;
}

.roundinfo table.adminroute td {
    background-color: transparent;
    color: #333333;
}

.roundinfo table.adminroute .odd td {
    background-color: #eeeeee;
}

.roundinfo table.adminroute .odd td.c_tbl {
    background-color: transparent;
}

.roundinfo table.adminroute td.c_tbl {
    background-color: #eeeeee;
}

.roundinfo table.adminroute .odd td.c_command,
.roundinfo table.adminroute .odd td.c_vs {
    background-color: #e9e9e9;
}

.roundinfo table.adminroute td.c_command,
.roundinfo table.adminroute td.c_vs {
    background-color: #f9f9f9;
}

.roundinfo table.adminroute .no_light td.c_command,
.roundinfo table.adminroute .no_light td.c_vs
 {
    background-color: transparent;
    color: #333333;
}

.roundinfo table.adminroute .oddno_light td.c_command,
.roundinfo table.adminroute .oddno_light td.c_vs,
.roundinfo table.adminroute .title td.c_round
 {
    background-color: #eeeeee;
    color: #333333;
}


.full-page-content {
    overflow: hidden;
    height: 100%;
    background-color: #000000;
    color: #cccccc;
}


.tableinfo table {
    table-layout: fixed;
}

.tableinfo table .zero td { height: 0;line-height: 0;background-color: transparent;padding: 0;  }


.tableinfo table select {
    width: 150px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    margin: 0;
}

.tableinfo td.c_oc {
    text-align: left;
    border-top: 1px solid #e1e1e8;
    font-size: 12px;
}

.tableinfo .c1,
.tableinfo .c4 {
    width: 160px;
}

.tableinfo .c2,
.tableinfo .c3 {
    width: 30px;
}

.tableinfo td.c_ns {
    text-align: center;
}

.tableinfo td.c_player {
    text-align: center;
}

.tableinfo table tr.l td {
    padding-bottom: 16px;
    vertical-align: top;
}

.tableinfo td.c_title {
    padding-bottom: 16px;
    vertical-align: top;
    text-align: center;
}

.tableinfo td.c_title span {
    font-size: 18px;
    padding: 0 10px;
    text-transform: uppercase;
}

.tableinfo td.c_title span.selected {
    font-weight: bold;
}

.lang {
    background-color: #6fc5de!important;
    color: #ffffff!important;
    text-shadow: none!important;
    padding: 3px!important;
    margin: 7px!important;
}


.timerinfo {
    padding: 0 20px;
    background-color: #004d40;
}

.center_rotator,
.roundinfo .ico {
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    top: 5px;
    margin-left: -85px;
}

.no-text .ico {
    left: 50%;
    margin-left: -20px;
}

.center_rotator,
.roundinfo .timer_in_round .ico {
    background: #00695c url('../img/477.gif') center center no-repeat;
}

.center_rotator {
    left: 50%;
    margin-left: -20px;
    top: 300px;
}


.roundinfo .timer_in_pause .ico,
.roundinfo .timer_in_stop .ico {
    background: #00695c url('../img/brake.png') center center no-repeat;

    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker { 0% { opacity: 0.3; } 25% { opacity: 1.0; } 50% { opacity: 0.3; } 75% { opacity: 0.3; } 100% { opacity: 0.3; } }
@-webkit-keyframes blinker { 0% { opacity: 0.3; } 25% { opacity: 1.0; } 50% { opacity: 0.3; } 75% { opacity: 0.3; } 100% { opacity: 0.3; } }
@keyframes blinker { 0% { opacity: 0.3; } 25% { opacity: 1.0; } 50% { opacity: 0.3; } 75% { opacity: 0.3; } 100% { opacity: 0.3; } }

@-moz-keyframes blinker2 { 0% { opacity: 0.3; } 25% { opacity: 0.3; } 50% { opacity: 1.0; } 75% { opacity: 0.3; } 100% { opacity: 0.3; } }
@-webkit-keyframes blinker2 { 0% { opacity: 0.3; } 25% { opacity: 0.3; } 50% { opacity: 1.0; } 75% { opacity: 0.3; } 100% { opacity: 0.3; } }
@keyframes blinker2 { 0% { opacity: 0.3; } 25% { opacity: 0.3; } 50% { opacity: 1.0; } 75% { opacity: 0.3; } 100% { opacity: 0.3; } }

@-moz-keyframes blinker3 { 0% { opacity: 0.3; } 25% { opacity: 0.3; } 50% { opacity: 0.3; } 75% { opacity: 1.0; } 100% { opacity: 0.3; } }
@-webkit-keyframes blinker3 { 0% { opacity: 0.3; } 25% { opacity: 0.3; } 50% { opacity: 0.3; } 75% { opacity: 1.0; } 100% { opacity: 0.3; } }
@keyframes blinker3 { 0% { opacity: 0.3; } 25% { opacity: 0.3; } 50% { opacity: 0.3; } 75% { opacity: 1.0; } 100% { opacity: 0.3; } }


.road_anim i {
    font-style: normal;

    -webkit-animation-name: blinker;
    -webkit-animation-duration: .7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: .7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: .7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.road_anim i.a2 {
    -webkit-animation-name: blinker2;
    -moz-animation-name: blinker2;
    animation-name: blinker2;
}

.road_anim i.a3 {
    -webkit-animation-name: blinker3;
    -moz-animation-name: blinker3;
    animation-name: blinker3;
}




.roundinfo .timer_in_stop .ico {
    background: #00695c url('../img/paused.png') center center no-repeat;
}

.roundinfo .timer_in_round.timer_in_stop .ico {
    background: #00695c url('../img/paused_yellow.png') center center no-repeat;
}

.roundinfo .timer {
    display: block;
    width: 100px;
    margin: 0 auto;
    text-align: center;
}

.minus:before {
    content: '-';
}

tr.large_timer .minus:before {
    content: '';
}

.roundinfo .minus .timer:before {
    content: '-';
}

.roundinfo .timer_in_round .timer {
    color: #ffeb3b;
}

.red-text,
.roundinfo .red-text * {
    color: red!important;
}

/*
.roundinfo .red-text .ico {
    background-color: red!important;
}
*/

.roundinfo .float-large-timer {
    position: absolute;
    top: 172px;
    width: 100%;
    font-size: 365px;
    line-height: 270px;
    opacity: .45;
    color: #333;
}

.roundinfo .float-large-timer.with_hours {
    font-size: 290px;
}


tr.large_timer td {
    background-color: transparent;
    padding-top: 120px;
    position: relative;
}

tr.large_timer .top-message {
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: 24px;
    top: 45px;
}

tr.large_timer td.timer_in_pause {
    padding-top: 190px;
}

tr.large_timer .timer_in_pause .top-message {
    font-size: 107px;
    top: 112px;
}

tr.large_timer .timer {
    width: auto;
    font-size: 365px;
    line-height: 270px;
}

tr.large_timer .timer_in_pause .timer {
    font-size: 112px;
    line-height: 200px;
}


tr.large_timer .with_hours .timer {
    font-size: 290px;
}

tr.large_notice td { background-color: transparent; }

tr.large_notice td.c_notice {
    line-height: 40px;
    text-align: center;
    padding-top: 50px;
    color: #fff;
	font-size: 36px;
}

tr.large_notice td.c_notice div {
    width: 890px;
    float: none;
    margin: 0 auto;
}


.center_notice {
    line-height: 40px;
    text-align: center;
    padding-top: 172px;
    color: #fff;
	font-size: 36px;
}


#settings {
    position: fixed;
    top: -180px;
    right: 0;
    width: 250px;
    height: 150px;
    background-color: #f4f4f4;
    background: -webkit-radial-gradient(center bottom, circle farthest-corner, rgba(255, 255, 255, 1) 0%, rgba(233, 233, 233, 0.90) 100%);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.4), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset;
    border-bottom-left-radius: 10px;
    padding: 10px 30px;
    color: #333333;
}

#settings .toggle {
    position: absolute;
    top: 100%;
    height: 20px;
    width: 100%;
    background: transparent;
}


#settings legend {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 24px;
}


#settings .controls {
    margin-left: 130px;
}

#settings .control-label {
    width: 115px;
}


#settings #fullscreen {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    background: transparent url('../img/fullscreen.png') 0 0 no-repeat;
    cursor: pointer;
}


#settings #fullscreen:hover {
    background-position: -50px 0;
}