/* reset
----------*/
#info_msg {width: 1537px; height: 16px; padding: 4px; margin-bottom: 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;
}


#subheader_container {
    height: 40px;
    margin-top: 40px;
    margin-bottom: 30px;
    width: 1537px;
    position: absolute;
    border: 0px solid #eee;
    box-sizing: content-box;
    /*background-color: #eee;*/
}

#subheader_header li {
    width: 110px;
    height: 20px;
    display: inline;
    vertical-align: middle;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    float: left;
    padding: 10px;
    color: #162C68;
    opacity: 0.95;
    overflow: hidden;
}

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

#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: 64px;
            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 { text-align: center; vertical-align: middle;}
#date_header li.eval_info { width: 623px; float: center; text-align: right; color: #162C68; vertical-align: middle !important;}
#date_header li.eval_info select { float: right;}
#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;
}

#date_header li.eval_selector {
            width: 52px;
            float: right;
            background-color: #1e7d8e;
            text-align: center;
            padding-bottom: 10px;
            padding-right: 10px;
            border-bottom: 0px;
            color: #fff;
}

#date_header li.eval_selector:hover {
            background-color: #1e7d8e;
            opacity: 0.8;
            padding-right: 10px;
            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;
}

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


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

.types {
    width: 200px;
}

.stats {
    width: 66px;
}

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

.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;
}

#dynamic-xy-add-preset {
    padding: 5px;
    padding-right: 8px;
    padding-left: 8px;
}

#profilename {
    padding: 3px;
}

#sectors_selector {
    width: 110px;
    background-color: #eee;
    border: 1px solid #ccc;
    vertical-align: middle;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    float: left;
    color: #162C68;
}