body {
	width: 100%;
	height: 100%;
}

.main-section {
	height: 100%;
}

.sectioning {
	display: table-row;
	height: 100%;
	width: 100%;
}

#content-wrapper {
	padding: 70px 15px 100px 15px;
	height: 100%;
}

.no-padding {
	padding: 0;
}

#login-panel {
    width: 300px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
#login-panel-title{
    color: white;
}

#error-field {
	color: white;
	background-color: #D9534F;
	font-weight: bold;
	padding: 9px;
	display: none;
}

#error-message {
	display: inline;
}

#error-close {
	display: inline;
	border: 0;
	background-color: transparent;
	color: black;
	opacity: 0.5;
	font-weight: bold;
	font-size: 18px;
}

#loading-icon-wrapper {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 10px;
	width: 34px;
}

.indent {
	margin-left: 30px;
}

.use-pointer {
	cursor: pointer;
}

.section-header {
	margin-top: 40px;
}

.inline-spacing {
	margin-right: 10px;
	margin-bottom: 10px;
}

.panel-primary {
	border-color: #90B630;
}

.panel-primary>.panel-heading {
	border-color: #90B630;
    border-bottom: 2px solid #90B630;
}

.panel-heading {
	background-image: url("../img/Meny-top.jpg");
    border-bottom: 2px solid #90B630;
}

.panel-default>.panel-heading {
    color: white;
}

.form-inline * {
    margin-right: 5px;
}

.form-inline > div.form-group > input, .form-inline > div.form-group > button {
    margin-right: 20px;
}

#signed-in-as {
	padding-right: 20px;
}

button>.glyphicon {
	padding-right: 6px;
}

button.btn-primary > span[aria-hidden="true"].no-padding {
	padding-right: 0px;
}

#map-side-panel {
	display: none;
}

#map {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*
	height: 700px;
	width: 800px;
	*/
}

.ol-popup {
    position: absolute;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    border: 1px solid #90B630;
    bottom: 12px;
    left: -50px;
    opacity: 0.8;
    background-image: url("../img/Meny-top.jpg");
    border-radius: 10px;
}
.ol-popup:hover{
    opacity: 1;
}
.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: black;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.ol-popup-closer:after {
    content: "✖";
    color: white;
}

.map-popup-table {
    margin-top: 22px;
    background-color: white;
    margin-bottom: 10px;
    border-top-color: #90B630;
}

.map-popup-table, .map-popup-table>tr, .map-popup-table>tr>td {
    border: 1px solid lightgrey;
}
.map-popup-table>tr>td {
    padding-left: 4px;
    padding-right: 4px;
}

#logo {
    padding: 0px;
    padding-left: 10px;
}

.btn-group {
    margin-right: 10px;
}

#show-hybrid, #show-base {
    margin-top: 15px;
}

.error-container {
    padding: 15px;
    border-radius: 6px;
    background-color: rgb(240, 239, 222);
}

.error-header {
    font-weight: bold;
    margin-bottom: 32px;
    margin-top: 0px;
}

.error-message {
    margin-bottom: 14px;
    font-family: monospace, monospace;
    font-size: 20px;
    font-weight: bold;
}

.error-stack {
    font-family: monospace, monospace;
    font-size: 13px;
    letter-spacing: 0.3px;
}

.bold {
    font-weight: 600;
}

.nowrap {
    white-space: nowrap;
}

.single-line-li {
    display: inline;
}

.no-roles { 
    color: #a0a0a0;
    font-style: italic;
    font-size: 12px;
}

.no-roles-small {
    color: #a0a0a0;
    font-size:75%;
    margin-left:15px;
    font-style: italic;
}

.container-border {
    border: 1px solid #cccccc;
    border-radius: 10px;
    padding: 12px;
}

.no-top-margin {
    margin-top: 0px;
}

.checkbox-label {
    font-weight: normal;
    margin: 0px 20px 0 5px;
    transform: translateY(-2px);
}

.td-break-word {
    word-wrap: break-word;
}

.group-role-spacing-vertical {
    line-height: 22px;
}

h2, h3 {
    font-weight: 600;
}

.td-minimum-width:not(:last-child) {
    white-space: nowrap;
}

.td-minimum-width:last-child {
    width: 75%;
}

.form-control:invalid {
    color:red;
}

.warning {
    background-color: #ffeb93;
    border-radius: 3px;
    padding: 5px;
}

.alert-success {
    background-color:rgb(212, 237, 218);
    border-radius: 3px;
    padding: 5px;
}

.label-padding {
    padding: 2px .6em 2px;
}

.no-bottom-margin {
    margin-bottom: 0;
}

.margin-bottom-10px {
    margin-bottom: 10px;
}

.margin-bottom-6px {
    margin-bottom: 6px;
}

.margin-top-15px {
    margin-top: 15px;
}

.margin-bottom-20px {
    margin-bottom: 20px;
}

.margin-bottom-15px {
    margin-bottom: 15px;
}

option[value="ja"] {
    background-color: #ccff66;
}

option[value="nej"] {
    background-color: #ffc6c1;
}

.tab-active {
    background-color: rgb(66, 101, 42);
    color: white;
}

.tab-inactive {
    color: black;
}

.tab {
    width: fit-content;
    padding: 4px 20px 0 20px;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0px;
    display: inline-block;
    text-transform: uppercase;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.tab-margin-left-big {
    margin-left: 25px;
}

.tab-margin-left-small {
    margin-left: 10px;
}

.underlined {
    border-bottom: 1px solid black;
}

.white-link:visited {
    color: #ffffff;
}
.white-link:active {
    color: #ffffff;
}
.white-link:hover {
    color: #ffffff;
}
.white-link:link {
    color: #ffffff;
}

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

.tableFixHead thead th { 
    position: sticky; 
    top: 52px;
    background-color: white;
}

.hidden {
    display: none;
}

.visible {
    display: block;
}

.arrowRight {
    text-align: center;
    font-size: 30px;
    color: rgb(214, 213, 181);
}

.groupsAdded {
    font-weight: bold;
    color:rgb(116, 180, 60);
}

.groupsRemoved {
    font-weight: bold;
    color:#da5454;
}

.unchanged {
    font-style: italic;
}

.tableRowSecondary {
    background-color: #f8f8f8;
}

.panel-subheader {
    margin-left: 15px;
    margin-bottom: 3px;
    font-weight: bold;
}

.page-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: bold;
}

input[type="submit"]:disabled {
    background-color: #e6e6e6;
}

.label-custom {
    padding: .2em .6em .2em;
    font-weight: 400;
    font-size: 11px;
    font-family: monospace, monospace;
    letter-spacing: 0.3px;
    display: inline-block;
    margin-right: 5px;
}

.label-disabled {
    color: #777777;
}

.label-disabled-color {
    background-color: #845f5f;
}

.custom-form-control {
    width: auto;
    height: auto;
    padding: initial;
}

.role-bubble-base {
    cursor: pointer;
    padding: 3px 12px;
    margin: 5px 10px 5px 0px;
    user-select: none;
}

.role-bubble-checked {
    color: white;
    background-color: #8a8a8a;
    border-radius: 13px;
}

.role-bubble-unchecked {
    color: #8a8a8a;
    text-decoration: underline;
}

.close-button-fix {
    transform: translateY(-18px);
}

.datalist-custom {
    border-radius: 4px;
    border: 1px #ccc solid;
    height: 20;
}

.input-list {
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.gray-label {
    background-color: #e6e6e6;
    border-radius: 4px;
    padding: 3px 8px;
}

.font-size-12px {
    font-size: 12px;
}

.modal-body-custom-padding {
    padding: 0 15px 15px 15px;
}

.role-active {
    background-color: #ccff66;
    padding: 3px 12px;
    border-radius: 4px;
}

.check-with-label-no-break {
    display: inline;
    white-space: nowrap;
}

.role-inactive {
    background-color: #ffc6c1;
    padding: 3px 12px;
    border-radius: 4px;
}

.prettyJSON {
    font-family: monospace;
    white-space: pre;
    background-color: #f2f5ed;
    border-radius: 4px;
}

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

.td-no-overflow-with-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}