/* 
    Document   : default.css
    Created on : Sep 22, 2013, 2:50:14 PM
    Author     : Twinkle
    Description:
        Purpose of the stylesheet follows.
*/

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

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


/* 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;
}

.minimap_box.expanded {

}

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

.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-gnl {

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

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