/* reset
----------*/
#info_msg {width: 1537px; height: 16px; padding: 4px; vertical-align: center; background-color: #951A1C; color: #fff}

#legend-container {
	width: 525px;
	margin: 50px 0 12px;
	padding: 2px;
}
#legend-container rect.background {
	fill: white;
}

#date_container { margin: 0 0; position: absolute; width: 1537px; border: 1px solid #ddd; box-sizing: content-box; }

#datepicker {
            height: 14px;
            background-color: #fff;
            border: 0px;
            padding: 4px;
            vertical-align: middle;
            margin-top: -4px;
            margin-bottom: -4px;
}
#datepicker.hasDatepicker {vertical-align: middle;}


#date_header li {
            width: 38px;
            height: 20px;
            display: inline;
            vertical-align: middle;
            font-family: Arial;
            font-size: 16px;
            text-decoration: none;
            float: left;
            padding: 10px;
            background-color: #eee;
            color: #162C68;
            border: 0px solid #eee;
            opacity: 0.95;
            overflow: hidden;
}

#date_header li.picker { width: 310px; vertical-align: middle;}

#date_header li.period { vertical-align: middle;}

#date_header li.eval_info { width: 553px; float: center; text-align: right; color: #162C68; vertical-align: middle !important;}
#date_header li.profile_name { width: 135px; text-align: right; vertical-align: middle;}

#date_header img.help_mark { vertical-align: middle; margin-top: 11px; height: 40%; width: 75%; cursor: pointer; }

#date_header li.submit_button { width: 80px; float: right; }

#date_header li.submit_default_button { width: 135px; float: middle; }

#date_header li.period:hover {
            background-color: #4D76AE;
            padding-bottom: 10px;
            border: 0px solid #ddd;
            cursor: pointer;
            color: #fff;
}

#perioder .ui-selected {
            background-color: #162C68;
            padding-bottom: 10px;
            border-bottom: 0px;
            color: #fff;
}

#date_back_forward li.back {
            background-color: #eee;
            width: 25px;
            height: 40px;
            padding: 0px;
            background: url(img/back-arrow-blue.svg) no-repeat center;
}
#date_back_forward li.for {
            background-color: #eee;
            width: 25px;
            height: 40px;
            padding: 0px;
            background: url(img/for-arrow-blue.svg) no-repeat center;
}

#date_back_forward li.back:hover {
            background-color: #4D76AE;
            border: 0px solid #ddd;
            cursor: pointer;
            background: url(img/back-arrow-grey.svg) no-repeat center;
}
#date_back_forward li.for:hover {
            background-color: #4D76AE;
            border: 0px solid #ddd;
            cursor: pointer;
            background: url(img/for-arrow-grey.svg) no-repeat center;
}

#evaluation_select {margin-top: 3px;}
table.eval_widget {
        display: block;
        opacity: 0.95;
        width: 530px;
        height: 30px;
        margin: 10px;
}

.types {
    width: 220px;
}

.stats {
    width: 66px;
}

.evals {
    max-width: 220px;
    min-width: 220px;
}

.types, .stats, .evals {
    display: inline;
    font-family: Arial;
    color: #162C68;
    font-size: 12px;
    text-decoration: none;
    float: left;
    padding: 5px;
    background-color: #eee !important;
    border: 1px solid #ccc;
    opacity: 0.95;
    overflow: hidden;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(img/dropdown-arrow-dark.svg) no-repeat right;
}

.submit_checkbox {
    margin-left: 10px;
}

.tablebutton {
    width: 66px;
    font-family: Arial;
    color: #162C68;
    font-size: 12px;
    text-decoration: none;
    float: left;
    padding: 5px;
    background-color: #eee;
    border: 1px solid #ccc;
    opacity: 0.95;
    overflow: hidden;
    cursor: pointer;
}
.tablebutton:hover {
    color: #fff;
    background-color: #162C68;
}

tr.spaceUnder>td {
  padding-bottom: 1em;
}

td.tabletext {
    font-family: Arial;
    color: #162C68;
    font-size: 12px;
}

#logbook-legend-container {
	width: 525px;
	margin: 50px 0 12px;
	padding: 2px;
}
#logbook-legend-container rect.background {
	fill: white;
}