.mobile_menu_holder .menu_flyout_holder .menu_flyout .menu_element {
grid-template-columns: 40px 1fr;
	/* 40px er width til ikonet, 1fr betyder "resten", padding fra menu element trækkes fra begge */
}
.mobile_menu_holder .menu_flyout_holder .menu_flyout .menu_element.parent{
	background:black;
	color:white;
}
.mobile_menu_holder .menu_flyout_holder .menu_flyout .menu_element.parent:after {
	border-left-color:white;
}
.mobile_menu_holder .menu_flyout_holder .menu_flyout .menu_element.parent.active:after {
	transform:rotate(270deg);
	border-left-color:white;
	/* Hvis pilen skal pege op når man lukker */
}

/**** GLOBAL ****/

body {
    font-family: Roboto;
}

/*** HEADINGS ***/

h1 {
    font-size: 30px !important;
    font-weight: bold;
}

h2 {
    font-size: 20px !important;
    font-weight: bold;
}

h3 {
    font-size: 15px !important;
    font-weight: bold;
}

/*** WARNINGS ***/

.forgotten_text_warning {
    background: red !important;
    color: #ffffff !important;
    margin-top: 9px;
}

.forgotten_text_warning.display {
    padding: 9px !important;
}

/**** GRID ****/

/*** FRONTPAGE ***/

#front-page {
    padding: 85px 10px 10px;
}

/** HEADER **/

#front-page .high-top header {
    height: 75px;
}

.menu a {
	font-size: 12px;
    font-weight: bold;
}

.menu a:hover, .menu a:active {
	color: orange;
}

/*** GENERAL ***/

/** CENTER **/

.center-content.high-top {
    padding-top: 182px;
}

.center-content.low-top {
    padding-top: 75px;
}

/*** NON BOOKED ***/

[data-workbook-page=ManglerBooking] .center-content {
    padding-top: 200px !important;
}

/*** SCHEDULED BOOKINGS ***/

[data-workbook-page=PlanlagtBooking] .center-content {
    padding-top: 200px !important;
}

/*** TODAYS ROUTE ***/

[data-workbook-page=DagensRuteList] .center-content .sub-menu {
    top: 147px;
}

[data-workbook-page=DagensRuteList] .center-content {
	padding-top: 197px;
}

/**** END GRID ****/

/**** NAVIGATION ****/

body>nav header {
    height: 75px;
    line-height: 75px;
}

body#front-page > nav header .menu_flyout_holder {
    position: relative;
    top: 9px;
}

body > nav header .menu_flyout_holder .menu_flyout .menu_element {
    padding: 9px 36px 9px 18px;
    display: block;
    font-family: Roboto;
    font-size: 18px;
    text-decoration: none;
    color: #292929;
    border-bottom: 1px solid #a0a0a0;
}

body>nav header .menu_flyout_holder .menu_flyout .menu_element:after {
    right: 14px;
}

body > nav > header .profile_menu {
    font-size: 32px;
}

body>nav header .header-left {
    padding-left: 36px;
}

body#front-page>nav header .header-left img {
    height: 35px;
	position: relative;
    top: 20px;
}

body>nav header .header-left img {
    height: 35px;
	position: relative;
    top: 12px;
}

body>nav header .header-center img {
    height: 52px;
    position: relative;
    top: 12px;
}

/**** SETTINGS PANEL ****/

.settings_panel h1 {
    padding-bottom: 36px;
}

.settings_panel span.SMS_count font.text {
    font-weight: bold;
    padding-right: 36px;
}

.settings_panel h2 {
    text-transform: uppercase;
    padding-bottom: 9px;
    border-bottom: 1px solid #a0a0a0 !important;
}

.settings_panel h3 {
    padding-top: 18px;
    padding-bottom: 9px;
}

.settings_panel textarea {
    width: 924px !important;
    height: 24em !important;
}

.settings_panel div.sms_length {
    padding: 9px 0;
    font-size: 15px;
}

.settings_panel input[type="submit"] {
    padding: 9px 54px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #292929;
    color: #ffffff;
    border-radius: 50px;
}

.settings_panel div.info {
    font-size: 15px;
}

.settings_panel div.info span {
    font-weight: bold;
}

.checkcol .checkstate_icon + input {
    display: none;
}
.checkcol .checkstate_icon {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    text-align: center;
    display: inline-block;
    /* Don't change above */

    line-height: 40px; /* samme som height ! */
    height: 40px;
    width: 40px;
    /* brug kvadratiske dimmensioner for bedst samspil med font-awesome ikon */

    border: 1px solid grey;
    border-radius: 5px; /* runde hjørner ? */
}
.checkcol .checkstate_icon:before {
    content: "\f0c8"; /* https://fontawesome.com/icons/square?style=regular  */
    content: "";
    color: grey;
}
.checkcol .checkstate_icon.checked {
    /* ændrigner til "kassen" ved checked */
    border-color: green;
    background-color: green;
}
.checkcol .checkstate_icon.checked:before {
    /* ændrigner til ikonet ved checked */
    font-size: 32px;
    content: "\f14a"; /* https://fontawesome.com/icons/check-square?style=regular */
    content: "\f00c"; /*https://fontawesome.com/icons/check?style=solid */
    font-weight: 900; /* for at få style solid */
    color: white;
}

@media screen and (max-width: 569px) {

body>header .header-left img {
    height: 15px !important;
    position: absolute !important;
    top: 30px;
    left: 12px;
}
	
}