@font-face {
    font-family: 'SairaExtraCondensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/SairaExtraCondensed-Regular.ttf');
}

@font-face {
    font-family: 'SairaExtraCondensed';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/SairaExtraCondensed-Medium.ttf');
}
@font-face {
    font-family: 'SairaExtraCondensed';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/SairaExtraCondensed-SemiBold.ttf');
}

@font-face {
    font-family: 'SairaExtraCondensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/SairaExtraCondensed-Bold.ttf');
}

:root {
    --task-overdue-accent-color: #dd4702;
    --task-overdue-bg-color: #f7d1c0;

    --task-due-accent-color: #f29108;
    --task-due-bg-color: #fce4c2;

    --task-optimal-accent-color: #67b305;
    --task-optimal-bg-color: #d9ecc1;

    --task-allowed-accent-color: #4d8605;
    --task-allowed-bg-color: #d2e0c1;

    --task-default-accent-color: #c0c0c0;
    --task-default-bg-color: #F0F0F0;

    --task-no-contract-color: #666;

    --task-repair-accent-color:#056a99;
    --task-repair-bg-color:#cde1eb;

    --task-repair-recurring-accent-color:#056a99;
    --task-repair-recurring-bg-color:#a8c6d6; /* #a8c6d6 */

    --task-priority-accent-color:#ffd141;
    --task-priority-bg-color:#fff4d0;

    --task-offer-accent-color: #694d7c;
    --task-offer-bg-color: #dad3df;


    --icon-car-color: #fd39f3;

    --octagon-shape: polygon(
            29.3% 0%, 70.7% 0%,
            100% 29.3%, 100% 70.7%,
            70.7% 100%, 29.3% 100%,
            0% 70.7%, 0% 29.3%
    );

    --diamond-shape: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

/* Distinct & harmonious 20-color palette */
/* Just having them here for easy colour overview */
#NOT_IN_USE_VIEW_IN_DB {

    --color-01: #374151; /* Vogn 01 */
    --color-02: #4338CA; /* Vogn 02 */
    --color-03: #CBD5E1; /* Vogn 03 */
    --color-04: #E11D48; /* Vogn 04 */
    --color-05:  #84CC16; /* Vogn 05 */
    --color-06:  #F59E0B; /* Vogn 06 */
    --color-07:  #FACC15; /* Vogn 07 */
    --color-08:  #EA580C; /* Vogn 08 */
    --color-09:  #B91C1C; /* Vogn 09 */
    --color-10:  #22C55E; /* Vogn 10 */
    --color-11:  #0D9488; /* Vogn 11 */
    --color-12:  #38BDF8; /* Vogn 12 */
    --color-13:  #E7D3A1; /* Vogn 13 */
    --color-14: #111827; /* Vogn 14 */


    --color-901: #92400E; /* Vogn 901 */
    --color-902: #4338CA; /* Vogn 902 */
    --color-908: #7C3AED; /* Vogn 908 */
    --color-912: #C026D3; /* Vogn 912 */


    --color-117: #64748B; /*  */
    --color-20: #F9FAFB; /*  */
}


html, body {
    margin:0;
    padding:0;
}

html {
    box-sizing: border-box;
}

#veil {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
    display:none;
}

#main_loader_icon {
    background-color: rgba(0,0,0,0.5);
    position:fixed; top:0;
    left:0;
    z-index:99999;
    height:80px;
    display:none;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* Boostrap Overrides */

.text-primary {
    color: #00B0B5;
}

.bg-primary, .label-primary, .panel-primary, .btn-primary  {
    background-color: #00B0B5;
    border-color:#00B0B5;
}


/* ----- /boostrap / AdminLTE overrides ------- */

.login-page {
    background: #525151 url(../images/loginbg.jpg) no-repeat center center fixed;
}


/* Navigation */

.navbar-brand {
    color: #00B0B5!important;
}

.navbar-text span.label {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 100%;
    font-weight: normal;
}


img.avatar {
    width:32px;
    height:32px;
    border-radius:50%;
    margin-right:5px;
}

.user-colour {
    height:10px;
    width:10px;
    border:1px solid #999;
}

.users-list {
    img.avatar {
        width:24px;
        height:24px;
    }

    tr[data-disabled="true"] {
        text-decoration: line-through;
        font-style: italic;
    }

    .user-colour {
        float:left;
        margin-top: 6px;
        margin-right:10px;
    }

}


/* SideBar */


#sidebar {
    overflow:auto!important;
}

#sidebar .btn.load-more {
    width:100%;
}

section.sidebar [data-id="task-container"] .details .sidebar-radio-buttons .row {
    margin-right:0;
}


.sidebar-radio-buttons {
    margin-top: 15px;
    padding-left: 38px;
}

/*Sidebar radio buttons for "in Stock" and "ordered" */
.sidebar-radio-buttons  .radio input[type="radio"] {
    margin-top: 2px;
}

.sidebar-radio-buttons .radio {
    margin-top: 0;
    padding: 0;
}

.sidebar-radio-buttons .row > label {
    padding:0;
}

.sidebar-radio-buttons .row > label span {
    background-color: #e3e3e3;
    padding: 0 8px;
}
.sidebar-radio-buttons  .radio label {
    display: block;
}


.turbine-info-boxes .tab-content .deif {
    height: 16px;
    border-radius: 5px;
    margin-top: -3px;
}

.turbine-page .task.panel, .task-list .task.panel {
    border-left-width: 6px;
    border-left-style: solid;
    box-shadow: 0 -1px 9px rgba(0,0,0,0.1);
}


.daysdiff_colour {
    height: 34px;
    width: 100%;
    border: 3px solid;
    line-height: 28px;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    margin: 0;
    color: #000;
}

.daysdiff_colour.daysdiff_colour--allowed {
    background-color:var(--task-allowed-bg-color);
    border-color:var(--task-allowed-accent-color);
}
.daysdiff_colour.daysdiff_colour--optimal {
    background-color:var(--task-optimal-bg-color);
    border-color:var(--task-optimal-accent-color);
}
.daysdiff_colour.daysdiff_colour--due {
    background-color:var(--task-due-bg-color);
    border-color:var(--task-due-accent-color);
}
.daysdiff_colour.daysdiff_colour--overdue {
    background-color:var(--task-overdue-bg-color);
    border-color:var(--task-overdue-accent-color);
}


/* ---- Allowed ---- */
.turbine-open-box[data-timing="allowed"], .turbine-open-box[data-timing="allowed"] .head-img  {
	border-color: var(--task-allowed-accent-color);
    background-color:  var(--task-allowed-bg-color);
}

.turbine-page .task.panel.box-solid[data-timing="allowed"], .task-list .task.panel.box-solid[data-timing="allowed"] {
    border-left-color: var(--task-allowed-accent-color);
}

.label.dgreen {
    background-color: var(--task-allowed-accent-color);
}

/* ---- Optimal --- */
.turbine-open-box[data-timing="optimal"], .turbine-open-box[data-timing="optimal"] .head-img  {
	border-color: var(--task-optimal-accent-color);
    background-color:  var(--task-optimal-bg-color);
}

.turbine-page .task.panel.box-solid[data-timing="optimal"], .task-list .task.panel.box-solid[data-timing="optimal"] {
    border-left-color: var(--task-optimal-accent-color);
}

/* TODO:: Not sure where/if this is used? same for all other 'colours' */
.label.green {
    background-color: var(--task-optimal-bg-color);
}


/* ---- Yellow --- */

.turbine-open-box[data-task-type="repair"][data-priority="turbine-stop"] , .turbine-open-box[data-task-type="repair"][data-priority="turbine-stop"] .head-img {
	border-color: var(--task-priority-accent-color)!important;
    background-color:  var(--task-priority-bg-color)!important;
}

.turbine-page .task.panel.box-solid.priority[data-task-type="repair"], .task-list .task.panel.box-solid.priority[data-task-type="repair"] {
    border-left-color: var(--task-priority-accent-color);
}

.label.yellow {
    background-color: var(--task-priority-bg-color);
}


/* ---- Due --- */
.turbine-open-box[data-timing="due"], .turbine-open-box[data-timing="due"] .head-img  {
	border-color: var(--task-due-accent-color);
    background-color:  var(--task-due-bg-color);
}

.turbine-page .task.panel.box-solid[data-timing="due"], .task-list .task.panel.box-solid[data-timing="due"] {
    border-left-color: var(--task-due-accent-color);
}

.label.orange {
    background-color: var(--task-due-bg-color);
}




/* ---- Overdue --- */
.turbine-open-box[data-timing="overdue"], .turbine-open-box[data-timing="overdue"] .head-img  {
	border-color: var(--task-overdue-accent-color);
    background-color: var(--task-overdue-bg-color);
}

.turbine-page .task.panel.box-solid[data-timing="overdue"], .task-list .task.panel.box-solid[data-timing="overdue"] {
    border-left-color: var(--task-overdue-accent-color);
}

.label.red {
    background-color: var(--task-overdue-accent-color);
}


/* ---- Recurring Repairs --- */

.turbine-open-box[data-task-type="repair"][data-recurring="true"][data-planning-status="active"], .turbine-open-box[data-task-type="repair"][data-recurring="true"][data-planning-status="active"] .head-img  {
    border-color: var(--task-repair-recurring-accent-color);
    background-color: var(--task-repair-recurring-bg-color);
}

.turbine-page .task.panel.box-solid[data-task-type="repair"][data-recurring="true"], .task-list .task.panel.box-solid[data-task-type="repair"][data-recurring="true"] {
    /* Recurring Repair Added to an order (open/closed) */
   border-left-color: var(--task-repair-accent-color);;
}

.label.blue_striped {
    background-color: var(--task-repair-accent-color);
}



/* ---- Repair --- */
.turbine-open-box[data-task-type="repair"][data-planning-status="active"], .turbine-open-box[data-task-type="repair"][data-planning-status="active"] .head-img {
    /* Open Repair (not added to an order yet ) */
	border-color: var(--task-repair-accent-color);
    background-color: var(--task-repair-bg-color);
}

.turbine-page .task.panel.box-solid[data-task-type="repair"], .task-list .task.panel.box-solid[data-task-type="repair"] {
    /* Repair Added to an order (open/closed) */
    border-left-color: var(--task-repair-accent-color);
}

.label.blue {
    background-color: var(--task-repair-accent-color);
}


/* ---- Offer --- */
.turbine-open-box[data-task-type="offer"], .turbine-openb-box[data-task-type="offer"] .head-img {
	border-color: var(--task-offer-accent-color);
    background-color: var(--task-offer-bg-color);
}

.turbine-page .task.panel.box-solid[data-task-type="offer"], .task-list .task.panel.box-solid[data-task-type="offer"] {
    border-left-color: var(--task-offer-accent-color);
}

.label.purple {
    background-color: var(--task-offer-accent-color);
}


/* ---- Pending --- */
.turbine-open-box, .turbine-open-box .head-img {
	border-color: var(--task-default-accent-color);
    background-color: var(--task-default-bg-color);
}

.turbine-page .task.panel.box-solid[data-timing="pending"], .task-list .task.panel.box-solid[data-timing="pending"] {
    border-left-color: var(--task-default-accent-color);
}

.label.grey {
    background-color: var(--task-default-accent-color);
}



/* Details / Notes Styles */

.details {
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
	border-left: 6px solid #e2e2e2;
	border-right: 3px solid #e2e2e2;
	border-top: 1px dashed #e2e2e2;
	background: #efefef; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#efefef, #ffffff 35px); /* For Safari 5.1 to 6.0 */
    background: -moz-linear-gradient(#efefef, #ffffff 35px); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#efefef, #ffffff 35px); /* Standard syntax */
}


.details h6 img {
    height: 22px;
    /*margin: 5px 0;*/
    margin-top:-2px;
    margin-right:8px;

}

.details p {
    padding-left: 25px;
}
.details h6 {
    border-top: 1px dashed #e2e2e2;
    padding-top: 10px;
    line-height:1;
}

.details h6:first-of-type {
    border:none;
    padding-top: 0;
}

.details h6 span.glyphicon {
    color: #ccc;
}

/* Sidebar END */

/* Info Boxes */

.info-box-label {
    font-weight: 700;
}

.info-box-value {
        text-align: right;
}

.turbine-info-boxes h4 small {
    font-style: italic;
}

.turbine-info-boxes .panel-heading {
    text-transform: uppercase;
    font-weight: 700;
}

.turbine-info-boxes .panel-heading span.glyphicon {
    color: #00B0B5;
}


.turbine-info-boxes .tab-content .update-btn {
    float: right;
    margin-top: -45px;
}

.turbine-info-boxes .nav-tabs-custom>.nav-tabs {
    background-color: #ddd;
}

#info .box {
    background-color: #f5f5f5;
}

#info .box-header>.fa, .box-header>.glyphicon, #info .box-header>.ion, .box-header .box-title {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    line-height: 1;
    font-weight: bold;
}

    

/* TURBINE PAGE -> OPEN ORDERS */

.turbine-open .well {
    padding-top: 40px;
}

.turbine-open textarea {
    min-height: 10em;
}

.turbine-open-box {
    margin-top: 30px;
    border-width: 36px 1px 1px 1px;
    
}

.turbine-open-box.repair.plus {
    margin-top: 50px;
}

.turbine-open-box .head-img, .product-img .head-img {
    height: 62px;
    width: 62px;
    border-radius: 50%;
    text-align: center;
}

.turbine-open-box .head-img.solo, .turbine-open-box .service-plus-repair-img {
    margin: -68px auto;
}

.turbine-open-box .service-plus-repair-img {
    width: 166px;
}

.head-img.duo, .plus-img.duo {
    float: left;
    text-align: center;
    height: 62px;
}
.head-img.duo {
    width: 62px;
}

.plus-img.duo {
    padding-top: 23px;
    width: 30px;
}

.turbine-open-box .repair-plus {
    border-style: dashed;
    margin: 0 20px 20px 20px;
}

.turbine-open-box .repair-plus .panel-body {
    margin-top: 10px;
}

.turbine-open-box .head-img {
    border: 3px solid #f5f5f5!important;
}
/*
.turbine-open .panel.dgreen .head-img,
.turbine-open .panel.green .head-img,
.turbine-open .panel.red .head-img,
.turbine-open .panel.blue .head-img,
.turbine-open .panel.red .head-img,
.turbine-open .panel.orange .head-img,
.turbine-open .panel.purple .head-img,
.turbine-open .panel.grey .head-img
{
    border: 3px solid #f5f5f5;
}
*/

.turbine-open-box[data-task-type="service"] .head-img img {
    margin-top: 10px;
}

.turbine-open-box .panel-body {
    margin-top: 80px;
    padding: 10px 20px;
}

.turbine-open-box .panel-body h3 {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}

.turbine-open-box[data-task-type="repair"] .head-img img, .turbine-open-box[data-task-type="repair"].plus .head-img img, .turbine-open-box[data-task-type="offer"] .head-img img {
    margin-top: 13px;
}

.turbine-open-box .panel-footer{
    border-top:none;
    background: none;
    padding: 0 0 10px 0;
}

.turbine-open-box .repair-box .panel-footer{
    padding: 0;
}


.turbine-open-box .panel-footer p {
    text-transform: uppercase;
    font-size: 9px;
    color: #666;
    border-top: none;
    padding: 5px;
    margin:5px 5px 0 5px;
    background-color: #f5f5f5;
}


.turbine-historisk img {
    vertical-align: text-bottom;
}

.turbine-historisk h3 {
    margin-top: 0;
}

.turbine-historisk h3 .label {
    vertical-align: 3px;
}


/* -------------------------------------------- ** ------------------------------------ */

/* OLD STYLES NEEDED FOR NOW */
#coloumn_main {
   position:absolute;
	top:50px;
	bottom:0;
	left:350px;
	right:0;
	margin:0;
   overflow:auto;
   /*padding: 10px;*/
   background-color: #eee;
}

/* Google Maps */

#map_canvas.minimap {
    width: 100%;
    height: 159px;
    visibility: visible;
    display: block;
    position: relative;
    overflow: hidden;
    top:0;
    left:0;
}

#map_canvas {
    min-height:159px;
    min-width:100px;
    width:100%;
    height:100%;
    position:absolute;
    top:50px;
    bottom:0;
}

#map_overlay {
   position:absolute;
	top:80px;
	right:6px;
   width:135px;
   height:120px;
	margin:0;
   z-index:900;
   background-color:#FFF;
   border:1px solid #999;
   padding:4px;
}

.car-tag {
    font-family: SairaExtraCondensed, serif;
    font-weight:600;
    font-size: 14px;
    display: inline-block;
    padding: 2px; /* border thickness */
    background: #00b0b5;
    color: #FFF;

    clip-path: var(--octagon-shape);

}

[data-id="task-container"] .car-tag, [data-id="task-container"] .car-tag-outline {
    padding:0;
    max-height:22px;
}

.car-tag-outline {
    padding: 1px;
    background: #FFF;
    clip-path: var(--octagon-shape);
}

.car-tag-inner {
    aspect-ratio: 1/1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    /*padding: 2px 5px;*/
    position: relative;
    transition: all 0.3s ease-out;
    min-width: 24px;
    height: 22px;
    z-index:9999;

    /*background: #00969A;*/
    /*background: #007C80;*/
    background: #005F63;
    /*background: #004649;*/

    letter-spacing: 0.05em;

    clip-path: var(--octagon-shape);
}

.task-list__item--custom-assigned .car-tag {
    opacity: 0.6;
}


/* Turbine Marker */




/* Turbine Markers with an image */
.turbine-marker:has(.assigned_avatar) {
    width: 22px;
    height: 22px;
}

.turbine-marker h2 {
    margin:0;
    padding-bottom:0;
    height:34px;
    line-height:34px;
}

.turbine-marker h2 span {
    font-weight:normal;
    font-size:0.7em;
}

.turbine-marker .map-popup-address {
    margin-bottom:8px;
}

.turbine-marker .map-popup-attr {
    margin-top:2px;
    margin-bottom:2px;
}

.turbine-marker .map-popup-attr span {
    font-weight:bold;
}


/*
.turbine-marker:not(.highlight):has(.icon.task-red)::after {
    border-top: 9px solid var(--task-overdue-accent-color);
}

.turbine-marker:not(.highlight):has(.icon.task-orange)::after {
    border-top: 9px solid var(--task-due-accent-color);
}


.turbine-marker:not(.highlight):has(.icon.task-green)::after {
    border-top: 9px solid var(--task-optimal-accent-color);
}

.turbine-marker:not(.highlight):has(.icon.task-dgreen)::after {
    border-top: 9px solid var(--task-allowed-accent-color);
}

.turbine-marker:has(.icon.task-default) {
    background-color: var(--task-default-accent-color);
    border-color: var(--task-default-accent-color);
}
.turbine-marker:not(.highlight):has(.icon.task-default)::after {
    border-top: 9px solid var(--task-default-accent-color);
}

 */


.turbine-marker:has(.icon.task-no-contract) {
    background-color: var(--task-no-contract-color);
    border-color: var(--task-no-contract-color);
}
.turbine-marker:not(.highlight):has(.icon.task-no-contract)::after {
    border-top: 9px solid var(--task-no-contract-color);
}


.turbine-marker:has(.icon.task-repair) {
    background-color: var(--task-repair-accent-color);
    border-color: var(--task-repair-accent-color);
}
.turbine-marker:not(.highlight):has(.icon.task-repair)::after {
    border-top: 9px solid var(--task-repair-accent-color);
}



.turbine-marker:has(.icon.task-offer) {
    background-color: var(--task-offer-accent-color);
    border-color: var(--task-offer-accent-color);
}
.turbine-marker:not(.highlight):has(.icon.task-offer)::after {
    border-top: 9px solid var(--task-offer-accent-color);
}



.marker-img {
    height:100%;
    width:100%;
}


#map-popup-nav {
    margin-top:16px;
    width:100%;
}

#map-popup-nav li {
    float:left;
    width:100px;
    height:30px;
    background-color:#DDD;
    margin:2px;
    line-height:30px;
    text-align:center;
    list-style: none;
}

#map-popup-nav li a {
    color:inherit;
    text-decoration: none;
}

.search {
    float:left;
    margin-right:10px;
}

.search input {
    padding:3px;
    border:1px solid #333;
    background-color:#666;
    color:#FFF;
}

.search_error {
    display:none;
    margin-right:2px;
    color:#FF0000;
}


/* Styles Added by Q */

#service-form-col a.serviceUpdate {
    display:none;
}



/* CMS */

.cms-content .type-row-data .label {
    margin: 4px 3px;
    float:left;
}

.cms-content tr.type-row-data td {
    padding-left:24px;
}

.pagenav {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    font-size: 13px;
    float: left;
    color: #666;
}

.pagenav li {
    display: inline-block;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.pagenav a.current {
    color: #000;
}


.contextmenu {
    visibility:hidden;
    background:#ffffff;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    z-index: 10;
    position: relative;
    width: 140px;
    padding:6px 0;
}
.contextmenu .listitem {
    border-color: transparent;
    border-style: dotted;
    border-width: 1px 0;
    color: #333;
    cursor: default;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 4px 44px 4px 16px;
    position: relative;
    white-space: nowrap;
}

.contextmenu .listitem:hover {
    background-color:#DFDFDF;
}

/* ADMIN-LTE OVERRIDES */


.main-header {
    background-color: #2d2d2d;
}

.main-header img.logo-gnl {

    height: 50px;
    padding:10px;
    float: left;
}
/* .main-header img.logo-gnl.dev {
    background-color: darkorange;
} */

.main-header .navbar {
    background-color:#444!important;
    margin-left: 40px;
}

.main-header nav .search-box {
    margin-top: 8px;
    margin-bottom: -8px;
}

/* Sidebar Collapse */
.sidebar-collapse #sidebar ul.sidebar_elem .wt-info,
.sidebar-collapse #sidebar ul.sidebar_elem .wt-repair-min {
   display:none;
}

.sidebar-collapse #sidebar {
   /* overflow: hidden !important;*/
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .right-side,
    .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 0 !important;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar {
        display:none;
    }
}

.label-updated {
    background-color:#555;
    color:#CCC;
}

#turbine_search {
    background-color:#222;
    border:none;
}

#turbine_search::placeholder {
    color:#EEE;
}

.control-sidebar-bg, .control-sidebar {
    width: 230px;
}

.skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #0ab;
}

.skin-blue-light .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226;
}

.assigned_to_avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 8px;
    margin-top: -8px;
}

.map-label {
    color:red;
}

/* Turbine List Styles */
.drop-check li.checkbox {
    padding-left: 15px;
}

.turbineList .owner, .turbineList .contact {
    text-transform: capitalize;
}

.turbineList tbody tr:nth-child(odd) {
    background-color: #f0f0f0;
}




@media (max-width: 767px) {
    .main-header .navbar {
        margin: 0 0 0 50px;
    }

    .main-header {
        position: relative;
        max-height: 50px;
        z-index: 1030;
    }

    .main-header .navbar-custom-menu {
        float: right;
        margin-right: 50px;
    }

    .main-sidebar, .control-sidebar {
        padding-top: 50px;
    }

    .navbar-static-top .navbar-toggle {
        margin: 0 50px 0 -50px;
    }


}

@media (max-width: 991px) {
    .main-header .navbar-custom-menu a.btn-primary, .main-header .navbar-right a.btn-primary {
        color: inherit;
        background-color: #00B0B5;
    }

    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        right: 13%;
    }

    .search-box {
        width: 100px;
    }

}
@media (max-width: 799px) {
    .main-menu {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        background-color: grey;
        margin: 0;
    }

    .main-menu li {
        display: block;
    }
}

@media (max-width: 799px) {
    .main-logo {
        max-width: 40px;
        overflow: hidden;
        float: left;
    }
}

@media (max-width: 500px) {
    .main-logo {
        max-width: 40px;
        overflow: hidden;
        float: left;
    }

    li[data-id="adv-search-btn"] {
        display:none;
    }

    .nav > li > a {
        padding: 10px 10px;
    }
}


.table-form-row td .form-control {
    width: inherit;
}
.table-form-row td .btn {
    margin-top: 5px;
}

h3.control-sidebar-heading {
    text-align: center;
    background-color: #1E282C;
    border-color: #dddddd;
    border-left: 3px solid #0ab;
    font-weight: 600;
}
#control-sidebar-home-tab p {
    margin-top: -3px;
    font-style: italic;
    font-size: smaller;
}

.changelog ul li {
    margin:4px 0;
    font-size: 1.2em;
}

/*
.chartWrapper {
    position: relative;
}

.chartWrapper > canvas {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events:none;
}

.chartAreaWrapper {
    width: 600px;
    overflow-x: scroll;
}
*/

.navbar-nav > li > a.workload-ico {
    font-size: 25px;
    padding-bottom: 10px;
    padding-top: 13px;
}

.event_type_1 {
    background-color:#00a65a;
    border-color:#00a65a;
}

.event_type_2 {
    background-color:#f39c12;
    border-color:#f39c12;
}

.event_type_3 {
    background-color:#dd4b39;
    border-color:#dd4b39;
}

.in-stock {
    background-color:red!important;
}
.stock-ordered {
    background-color:purple!important;
}

.info-box-value img {
    height:22px;
}

.repair-box {
    background-color: #FFF7;
    margin: 0 0 10px 0;
    padding: 10px 5px;
}

.tab-content hr {
    border-color:#CCC;
}

.link-unstyled, .link-unstyled:hover {
    color:  inherit;
    text-decoration:inherit;
}

.bg-repair-gradient {
    background: var(--task-repair-bg-color) !important;
    background: gradient(linear, left bottom, left top, color-stop(0, #cde1eb), color-stop(1, var(--task-repair-bg-color))) !important;
    color:#FFF;
}

.event-repair {
    border:1px solid var(--task-repair-accent-color);
}

.products-list .product-img .head-img img {
    width: 32px;
    height: 32px;
    margin-top: 12px;
}

.products-list .product-info {
    margin-left: 75px;
}


#event-container-inner .modal-body {
    padding: 0;
}

form div.box-body {
    padding: 10px 20px;
}

.products-list .todo-list>li {
    padding: 6px;
}

.products-list .product-description, .products-list a {
    color: #333;
}

.products-list .item {
    padding: 20px 15px;
}

.products-list > .item:hover {
    background-color: #d6e3e4;
}
.label-c {
    margin-bottom: 2px;
    display: inline-block;
    vertical-align: text-bottom;
}

dd.work-log-list:nth-child(even) {

}

.work-log-list {
    background-color:#f7f7f7;
    padding: 7px 10px;
    margin-top: 0;
}

.work-log-list .date-and-names{
    color: darkcyan;
    font-size: 13px;
}

.user-block img {
    padding: 4px;
    width: auto;
    height: auto;
}

.disabled {
    pointer-events:none;
    opacity: 0.5;
}

option:disabled {
    background-color:#CCC;
    color:#FEFEFE;
}

.q_popover {
    cursor:pointer;
}

.turbine_events.open .event {
    background-color:rgba(0, 176, 181, 0.08);
    border:1px solid #CCC;
    border-radius:3px;
    margin:10px;
    padding:5px;
}

.turbine_events.open .box.event .box.task {
    background-color:#FFF;
}

.event dl {
    margin-bottom:0;
}

#event-container .stock_status img,
.turbine_events.open .stock_status img {
    height:20px;
    padding:0;
    padding-top:4px;
}

.turbine_history .event .stock_status img {
    filter: grayscale(1);
    height:20px;
    padding:0;
    padding-top:4px;
}

/*
.select-group input.form-control{ width: 65%}
.select-group select.input-group-addon { width: 35%; } */

.input-group-addon-select {
    display: table-cell;
}

.select-group .form-control[disabled], .form-group .form-control[disabled] {
    background-color: #EEE;
    opacity: 0.5;
}

.modal {
    background: rgba(0,0,0,0.6);
}

.input-group-addon.confirmed {
    background-color: #00a65a;
    border-color: #008d4c;
    color:#FFF;
}



#sidebar_loader img {
    height:40px;
}

input.sidebar-map-search {
    background-color: #222;
    border: none;
}


.sidebar-search-results {
    position: relative;
    display: none;
    width: 100%;
}

/*
.sidebar-search-results {
    position: relative;
    display: none;
    width: 100%;
}
 */

.sidebar-search-open .sidebar-search-results {
    display: block;
}

.sidebar-search-results-container {
    position: absolute;
    width: 220px;
    z-index: 1039;
    margin-top:5px;
}

.sidebar-search-results .search-title {
    margin-bottom: -.1rem;
}

.sidebar-search-results .list-group {
    overflow-y:auto;
    overflow-x:hidden;
    position:fixed;
    height: calc(100% - 60px);
    white-space:nowrap;
    width:inherit;

}
/*
.sidebar-search-results .list-group {
    position: absolute;
    width: 100%;
    z-index: 1039;
    margin-top:5px;
}
*/
.sidebar-search-results .list-group>.list-group-item:first-child {
    margin-top: 0;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sidebar-search-results .list-group>.list-group-item {
    cursor:pointer;
    height:60px;
}

.accent-yellow .btn-link, .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
    color: #F5CF87;
}

.search-img {
    float: left;
    margin: 5px 8px 0 0;
    width:32px;
    height:32px;
}

.main-sidebar {
    overflow-y:scroll;
    top:50px;
    height: calc(100% - 50px);
    min-height:0;
    padding-top:0;
}

.turbine_list a[data-class="copy_email_list"] {
    cursor: pointer;
}

#tasks_assigned_to_lists {
    .nav .dropdown {
        white-space:nowrap;
    }

    .nav .dropdown ul {
        list-style:none;
        padding-left:0;

        overflow-y: auto;
        overflow-x: hidden;
        position: fixed;
        max-height: calc(100% - 180px);
        white-space: nowrap;
        background-color: #FFF;
    }

    .dropdown-item:has(input:disabled) {
        color: #CCC;
    }


    .nav .dropdown li.menu_item {
        margin:5px 8px;

    }

    .nav .dropdown li.menu_item label {
        font-weight: normal!important;
    }

    .nav .dropdown li.menu_item:hover {
        background-color:#CCC;
    }
}

.assigned-to-lists {
    position: fixed;
    top: 175px;
    overflow: scroll;
    display: flex;
    bottom: 0;
    width: 100%;
}

.assigned-to-list {
    margin:0 5px;
    float:left;
    min-height: 5000px;
    align-self: flex-start;
    width:226px;
    min-width:226px;
}

.assigned-to-list .sidebar_elem {
    width:226px;
    overflow:hidden;
}

/*
.assigned-to-lists.mini {
    ul.sidebar_elem {
        min-width: 126px!important;
        width: 126px!important;
        max-width:126px!important;
    }
    .wt-repair, .wt-service, .wt-extra-meta, .wt-type, .os-logo {
        display:none;
    }
}
*/

.assigned-to-list .top {
    position: sticky;
    /*align-self: flex-start;*/
    top: 0;
    padding-bottom: 10px;
    background-color:#ecf0f5;
    z-index:99;

}

.dropzone {
    border: 3px #999 dashed;
    border-radius: 10px;
    height:64px;
    width:100%;
    font-weight:bold;
    font-size:24px;
    line-height:60px;
    color:#999;
    text-align:center;
}

.dropzone * {
    pointer-events:none;
}

.dropzone.over {
    border-color:#CCC;
    color: #CCC;
}

.dropzone.over img {
    opacity: 0.2;
}

.dragging {
    transform: scale(0.7);
}

.assigned-to-list .body {
    
}

.assigned-to-list [data-id="task-container"] .sidebar_elem {
    cursor:grab;
    clear:both;
}

.assigned-to-list [data-id="task-container"] .task-list__item-info {
    width:120px;
}

.car-marker-position {
    margin-bottom:30px;
    font-weight:bold;
}

ul.edit_rep {
    list-style-type:none;
    float:right;
    margin:0;
    padding:0;
    margin-left:6px;
}

.turbine-open-box .service_desc {
    /*max-height:150px;*/
    /*overflow-y:auto;*/
}

.useDefaultTxt {
    color: #00B0B5;
    cursor:pointer;
}