:root {
    --task-overdue-color: #dd4702;
    --task-due-color: #f29108;
    /*--task-optimal-color: #5a9d04;*/
    --task-optimal-color: #67b305;
    --task-suboptimal-color: #4d8605;
    --task-default-color: #c0c0c0;
    --task-no-contract-color: #000;
    --task-repair-color:#056a99;
    --task-priority-color:#ffd141;
    --task-offer-color: #694d7c;

    --icon-car-color: #fd39f3;
}

html {
    box-sizing: border-box;
}

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

/* Boostrap Overrides */

.text-primary {
    color: #082C5E;
}

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


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

body.login-page {
    height:initial;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size:cover;
}

.login-logo {
    text-shadow: 2px 2px 2px #000;
    color:#FFF;
}


/* Navigation */

.navbar-brand {
    color: #082C5E!important;
}

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

/* SideBar */


#sidebar {
    overflow:auto!important;
}


ul.sidebar_elem {
    list-style: none outside none;
    border-right: 3px solid;
    border-left: 6px solid;
    padding: 0;
    height: 56px;
    background: #ededed;
    margin: 1px 0 0 0;
}


.wt-info {
    width: 230px;
    height: 56px;
    float: left;
    overflow: hidden;
    padding: 6px 0 0 8px;
    cursor:pointer;
}

.wt-name {
    font-size: 14px;
    line-height: 16px;
    color: #222;
    font-weight: 600;
    letter-spacing: -0.25px;
    overflow: hidden;
    max-height: 32px;
}

.wt-type{
    font-size: 10px;
    text-transform: uppercase;
    color: #444;
    font-style: italic;
    padding-left: 4px;
    margin-top: -1px;

}

.wt-address {
    font-size: 10px;
    color: #fff;
    background-color: #9999;
    border: 1px solid #9993;
    border-radius: 5px;
    padding: 0 3px 0 3px;
    font-weight: 100;
    position: relative;
    top: -2px;
    text-transform: uppercase;
    letter-spacing: normal;
}

.sv-days, .sv-type {
    font-size: 10px;
    font-weight: 600;
}

.sv-type {

    color: #666;
}

.wt-repair, .wt-repair-min, .wt-service {
    float: right;
    width: 57px;
    text-align: center;
    border-left: 1px solid white;
    cursor:pointer;
}

.wt-repair-min {
    height: 54px;
    padding-top: 10px;
}

.wt-extra-meta {
    float: right;
    width: 30px;
    text-align: center;
    padding: 3px 0;
    cursor:pointer;
}

.sidebar_elem .wt-extra-meta img.avatar {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin: 1px 3px;
}

.sidebar_elem.priority .wt-extra-meta img.avatar{
    margin: 0 0 1px 0;
}

.wt-extra-meta img.extra-icon {
    height: 22px;
    margin-top: 3px;
}

.wt-extra-meta img.extra-icon.toolbox {
    height: 20px;
}

.wt-service, .wt-repair {
    height: 54px;
    padding-top: 6px;
    line-height: 13px;
}

.wt-assigned {
    float:right;
}

.wt-assigned img.assigned_to_avatar{
    width:25px;
    height: 25px;
    margin:auto;
}

/* Color Variations */

/* ---- Dark Green ---- */
#sidebar .dgreen, .turbine-open .panel.dgreen, .turbine-open .panel.dgreen .head-img {
    border-color: #4d8605;
    background-color: #d2e0c1;
}

#sidebar .dgreen .wt-service .sv-days, #sidebar  .dgreen + div.details span.glyphicon  {
    color: #4d8605!important;
}

#sidebar .dgreen + div.details  {
    border-color: #4d8605!important;
    background: #d2e0c1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d2e0c1, #ffffff 35px); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d2e0c1, #ffffff 35px); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d2e0c1, #ffffff 35px); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d2e0c1, #ffffff 35px); /* Standard syntax */
}


/* ---- Green --- */
#sidebar  .green, .turbine-open .panel.green, .turbine-open .panel.green .head-img   {
    border-color: #67b305;
    background-color: #d9ecc1;
}

#sidebar .green .wt-service .sv-days, #sidebar  .green + div.details span.glyphicon {
    color: #67b305!important;
}
#sidebar  .green + div.details {
    border-color: #67b305!important;
    background: #d9ecc1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d9ecc1, #ffffff 35px); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d9ecc1, #ffffff 35px); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d9ecc1, #ffffff 35px); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d9ecc1, #ffffff 35px); /* Standard syntax */
}

/* ---- Yellow --- */
#sidebar .yellow, .turbine-open .panel.yellow, .turbine-open .panel.yellow .head-img {
    border-color: #ffd141;
    background-color: #fff4d0;
}

#sidebar .yellow .wt-service .sv-days, #sidebar  .yellow + div.details span.glyphicon  {
    color: #ffd141!important;
}

#sidebar  .yellow + div.details {
    border-color: #ffd141!important;
    background: #fff4d0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff4d0, #ffffff 35px); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff4d0, #ffffff 35px); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff4d0, #ffffff 35px); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff4d0, #ffffff 35px); /* Standard syntax */
}


/* ---- Orange --- */
#sidebar .orange, .turbine-open .panel.orange, .turbine-open .panel.orange .head-img  {
    border-color: #f29108;
    background-color: #fce4c2;
}

#sidebar .orange .wt-service .sv-days, #sidebar  .orange + div.details span.glyphicon  {
    color: #f29108!important;
}

#sidebar  .orange + div.details {
    border-color: #f29108!important;
    background: #fce4c2; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fce4c2, #ffffff 35px); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fce4c2, #ffffff 35px); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fce4c2, #ffffff 35px); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fce4c2, #ffffff 35px); /* Standard syntax */
}



/* ---- Red --- */
#sidebar .red, .turbine-open .panel.red, .turbine-open .panel.red .head-img  {
    border-color: #dd4702;
    background-color: #f7d1c0;
}

#sidebar .red .wt-service .sv-days, #sidebar  .red + div.details span.glyphicon  {
    color: #dd4702!important;
}

#sidebar  .red + div.details {
    border-color: #dd4702!important;
    background: #f7d1c0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f7d1c0, #ffffff 35px); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f7d1c0, #ffffff 35px); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f7d1c0, #ffffff 35px); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f7d1c0, #ffffff 35px); /* Standard syntax */
}


/* ---- Blue --- */
#sidebar .blue, .turbine-open .panel.blue, .turbine-open .panel.blue .head-img   {
    border-color: #056a99;
    background-color: #cde1eb;
}

#sidebar .blue .wt-service .sv-days, #sidebar  .blue + div.details span.glyphicon  {
    color: #056a99!important;
}

#sidebar  .blue + div.details {
    border-color: #056a99!important;
    background: #cde1eb; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#cde1eb, #ffffff 35px); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#cde1eb, #ffffff 35px); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#cde1eb, #ffffff 35px); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#cde1eb, #ffffff 35px); /* Standard syntax */
}



/* ---- Purple --- */
#sidebar .purple, .turbine-open .panel.purple, .turbine-open .panel.purple .head-img  {
    border-color: #694d7c;
    background-color: #dad3df;
}

#sidebar .purple .wt-service .sv-days, #sidebar  .purple + div.details span.glyphicon  {
    color: #694d7c!important;
}

#sidebar  .purple + div.details {
    border-color: #694d7c!important;
    background: #dad3df; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#dad3df, #ffffff 35px); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#dad3df, #ffffff 35px); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dad3df, #ffffff 35px); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#dad3df, #ffffff 35px); /* Standard syntax */
}



/* ---- Grey --- */
#sidebar .grey, .turbine-open .panel.grey, .turbine-open .panel.grey .head-img  {
    border-color: #c0c0c0;
    background-color: #f0f0f0;
}

#sidebar  .grey + div.details {
    border-color: #c0c0c0!important;
    background: #f0f0f0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f0f0f0, #ffffff 35px); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f0f0f0, #ffffff 35px); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f0f0f0, #ffffff 35px); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f0f0f0, #ffffff 35px); /* Standard syntax */
}


/* Priority Styles */

#sidebar .sidebar_elem.priority {
    border-color: #ffd141!important;
    border-top: 2px solid #ffd141;
    border-bottom: 2px solid #ffd141;
    background: #fff4d0!important;
}

#sidebar .sidebar_elem.priority .wt-info {
    padding-top: 5px!important;
}


#sidebar .sidebar_elem.priority .wt-repair, #sidebar .sidebar_elem.priority .wt-service  {

    background-color: #ffd141!important;
    border-left: 1px solid #ffd141;
    padding-top: 4px;
}



/* 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: -o-linear-gradient(#efefef, #ffffff 35px); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#efefef, #ffffff 35px); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#efefef, #ffffff 35px); /* Standard syntax */
}

.details.priority {
    border-color:#ffd141!important;
    background-color: #ffe48e!important;
    background: -webkit-linear-gradient(#ffe48e, #ffffff 35px); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffe48e, #ffffff 35px); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffe48e, #ffffff 35px); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffe48e, #ffffff 35px); /* Standard syntax */
}

.details h6 img {
    height: 22px;
    margin: 5px 0;
}

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

.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 .glyphicon, .turbine-info-boxes .panel-heading .fas {
    color: #082C5E;
}


/* 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 {
    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 .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.service .head-img img {
    margin-top: 10px;
}

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

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

.turbine-open-box.repair .head-img img, .turbine-open-box.repair.plus .head-img img {
    margin-top: 13px;
}

.turbine-open-box .panel-footer {
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
    color: #666;
    border-top: none;
    padding: 0 auto;
    background-color: inherit;
}


.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 */

.minimap_box .panel {
    height:100%;
}

.minimap_box .panel-body {
    padding:0;
}

#map_canvas.minimap {
    width: 100%;
    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;
}

#map-popup {
    width:250px;
}

#map-popup h2 {
    margin:0;
    padding-bottom:0;
}

#map_canvas.minimap h2 {
    font-size:14px;
    margin:0;
    padding-bottom:0;
    height:20px;
    line-height:20px;
}

#map_canvas.minimap #map-popup {

    width:unset;
}

#map-popup h2 span {
    font-weight:normal;
    font-size:0.7em;
}

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

#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_canvas.minimap #map-popup-nav {
    width:unset;
    margin-top:0;
}

#map_canvas.minimap #map-popup span {
    font-weight:bold;
}

#map_canvas.minimap #map-popup-nav li {

    width:unset;
    height:unset;
    background-color:unset;
    text-align:center;
    list-style: none;
}

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

#map_canvas.minimap  #map-popup-nav li a {
    color:#3c8dbc;
}

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

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



/* Turbine Marker */

.site-marker {
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 50%;
    border-style:solid!important;
    outline-offset: -2px;
    outline: #FFF solid 1px;
    color: #263238;
    display: flex;
    font-size: 14px;
    gap: 15px;
    justify-content: center;
    padding: 4px;
    position: relative;
    transition: all 0.3s ease-out;
    width: 14px;
    height: 14px;
    /*box-shadow: 1px 1px 8px 0 #CCC;*/
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    z-index:99999999;
}

.site-marker.zoomed-out {
    border:3px solid #666;
}

.site-marker:not(.zoomed-out)::after {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #FFFFFF;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 80%;
    transform: translate(-50%, 0);
    transition: all 0.3s ease-out;
    width: 0;
    z-index: 1;
}

.site-marker .icon {
    align-items: center;
    display: flex;
    justify-content: center;
    color: #FFFFFF;

    height: 15px;
    width: 15px;
}

.site-marker .marker-details {
    display: none;
    flex-direction: column;
    flex: 1;
}

.site-marker.highlight {
    background-color: #FFFFFF!important;
    outline:none!important;
    border-radius: 8px;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
    height: 160px;
    padding: 8px 15px;
    width: auto;
}

.site-marker.highlight::after {
    border-top: 9px solid #FFFFFF;
}

.site-marker.highlight .marker-details {
    display: flex;
}

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

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

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

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

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

/*.site-marker:not(.highlight):has(.icon.task-red) {*/
.site-marker:has(.icon.task-red) {
    background-color: var(--task-overdue-color);
    border-color: var(--task-overdue-color);
}

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


.site-marker:has(.icon.task-orange) {
    background-color: var(--task-due-color);
    border-color: var(--task-due-color);
    /*outline-color: var(--task-due-color);*/
}

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

.site-marker:has(.icon.task-green) {
    background-color: var(--task-optimal-color);
    border-color: var(--task-optimal-color);
    /*outline-color: var(--task-optimal-color);*/

}

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


.site-marker:has(.icon.task-dgreen) {
    background-color: var(--task-suboptimal-color);
    border-color: var(--task-suboptimal-color);
    /*outline-color: var(--task-suboptimal-color);*/
}

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


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


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


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


.site-marker:has(.icon.task-priority) {
    background-color: var(--task-priority-color);
    border-color: var(--task-priority-color);
    z-index: 5;
}
.site-marker:not(.highlight):has(.icon.task-priority)::after {
    border-top: 9px solid var(--task-priority-color);
}


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

/* Site Marker END */

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

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color:#F1F1F1;
}


/* CMS */

.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: #367FA9;
}

.main-header img.logo-img {

    height: 50px;
    padding:10px;
    float: left;
}

.main-header .navbar {
    margin-left: 50px;
}

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

/* Sidebar Collapse */
.sidebar-collapse ul.sidebar_elem .wt-info,
.sidebar-collapse 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:#367FA9;
    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: #3c8dbc;
}

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

/* input fields fix for tables */

td input.form-control , td select.form-control  {
    width: 90%;
}

td button.btn {
    margin-top: 7px;
}


@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: #082C5E;
    }

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

    .search-box {
        width: 100px;
    }

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

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

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.service-element {
    position:relative;
}

.service-element .service-id {
    color: #AAA;
    position:absolute;
    bottom:10px;
    right:10px;
}

.open-service-container .service-element:nth-child(2n+1) {
    clear:both;
}

div.disabled {
    background-color:#F1F1F1;
    color: #777777;
    border: 1px solid #d2d6de;
    padding:6px 12px;
}

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

.repair-box .panel-footer {
    background-color: transparent;
    color: #bbb;
}

.table-striped > tbody > tr.alt-color {
    background-color: #fefff2;
}

.table-striped > tbody > tr.alt-color:nth-of-type(2n+1) {
    background-color: #fffcf2;
}

#main_loader_icon {
    background-color:#999;
    position:fixed; top:0;
    left:0; z-index:99999;
    height:40px;
    display:none;
}