/*********************************************/
/* Div style                                 */
/*********************************************/
.help {
    position: relative;
    left: 5%;
    font-size: 1.5em !important;
    text-align: justify;
    width: 90%;
}

/*********************************************/
/* Generic table related stuff               */
/*********************************************/
table {
    width: 100%;
}

thead, tbody, tr, td, th {
    display: block;
}

tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

thead th {
    height: 40px;
}

tbody {
    height: 523px;
    overflow-y: auto;
}

thead {
    /* fallback */
}

tbody td, thead th {
    width: auto;
    float: left;
}

tr.even {
   background-color: #d9d9d9;
   border-bottom: 1px solid #657b83;
}

tr.odd {
   border-bottom: 1px solid #657b83;
}

tr.active {
   background-color: rgb(253,181,45);
}

/*********************************************/
/* 'Meet Schedule' table related stuff       */
/*********************************************/
.year {
    width: 10%;
    padding-left: 10px !important;
    padding-right: 6px !important;
}

.test-a {
    width: 15%;
    padding-left: 10px !important;
    padding-right: 6px !important;
}

.test-b {
    width: 15%;
    padding-left: 10px !important;
    padding-right: 6px !important;
}

.space {
    width: 10%;
    padding-left: 10px !important;
    padding-right: 6px !important;
}

/*********************************************/
/* Alignment related stuff                   */
/*********************************************/
.left-align {
    text-align: left;
}

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

/*********************************************/
/* LED                                       */
/*********************************************/
led-number {
    height: 100px;
    borderColor: red;
    border: 2px solid;
}

/*********************************************/
/* Welcome page's button                     */
/*********************************************/
.button-direction {
    width: 600px;
    text-align: left;
}

/*********************************************/
/* 'Meet Schedule' table - column format     */
/*********************************************/
.sm-3-4-font {
    font-size: 75% !important; 
}

/*********************************************/
/* 'Meet' table - column format              */
/*********************************************/
.event-number {
    width: 6%;
    padding-left: 10px !important;
    padding-right: 6px !important;
}

.event-name {
    width: 42%;
    padding-left: 10px !important;
    padding-right: 6px !important;
}

.entries {
    width: 9%;
    padding-left: 10px !important;
    padding-right: 6px !important;
}

.heats {
    width: 8%;
    padding-left: 10px !important;
    padding-right: 6px !important;
}

.start-at {
    width: 14%;
    padding-left: 10px !important;
    padding-right: 8px !important;
}

.revised-start-at {
    width: 14%;
    padding-left: 10px !important;
    padding-right: 8px !important;
}

/*********************************************/
/* 'Meet' table related stuff                */
/*********************************************/
.eh-table div {
    border: 0px;
    color: white;
    background-color: black;
    float: left;
}

.eh-table .bottom-line {
    border-bottom: 2px solid #d9d9d9;
}

.eh-table .center-align {
    text-align: center;
}

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

.eh-table .changed-elem-color {
    color: rgb(253,181,45)
}

.eh-table input[type="text"] {
    font-size: 3em;
    color: rgb(253,181,45);
    background-color: black;
    border: 0px;
}

.eh-table input[type=submit] {
    width: 22em;
    font-size: 14px;
}

/*********************************************/
/* PURE - BUTTON                             */
/*********************************************/
/* from PURE buttons-core.css */
.button-r,
.button-w {
    color: #657b83;
    border-radius: 12px;
    border-bottom-width: 2px;
    border-bottom-color: red;
    text-shadow: 0 1px 1px white;
    background: rgb(253,181,45);
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 100px;
    margin-right: 100px;
    padding-left: 200px;
    padding-right: 200px;
}

.eh-table .i-button-w {
    color: #657b83;
    border-radius: 12px;
    text-shadow: 0 1px 1px white;
    background: rgb(253,181,45);
    position: absolute;
    top: 5%; left: 0;
    padding-left: 56px;
    padding-right: 56px;
}

.eh-table .i-button-c {
    color: #657b83;
    border-radius: 12px;
    text-shadow: 0 1px 1px white;
    background: rgb(253,181,45);
    position: absolute;
    top: 50%; left: 0;
    padding-left: 30px;
    padding-right: 30px;
}

/*********************************************/
/* REVEAL.JS - NAVIGATION CONTROLS           */
/*********************************************/
.reveal .controls {
    height: 30px;
    width: 100%;
    top: 75%;
}

.reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
    border-right-color: #fdb52d;
}

.reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
    border-left-color: #fdb52d;
}

.reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
    border-bottom-color: #fdb52d;
}

.reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
    border-top-color: #fdb52d;
}

.reveal .controls .navigate-left.enabled:hover {
    border-right-color: #fcc55f;
}

.reveal .controls .navigate-right.enabled:hover {
    border-left-color: #fcc55f;
}

.reveal .controls .navigate-up.enabled:hover {
    border-bottom-color: #fcc55f;
}

.reveal .controls .navigate-down.enabled:hover {
    border-top-color: #fcc55f;
}

/* -------------------- Colors: Background */
.solarized {
    background-color: #fdf6e3;
}

/* -------------------- Colors: Text */
.solarized select {
    color: #657b83;
}

.reveal table th,
.reveal table td {
  border-bottom: none !important;
}