.footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(#00264d, #036);
    padding-top: 18px;
    text-align: center; 
    min-height: 50px;
    color: #fafafa;

}
    .footer p {
    color: #ffffff;
    }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     color: #036;
}


p {
    color: #036;
}

.nv-navbar{
    background: linear-gradient(#dddddd, #ffffff);
    border-bottom: 0;
    background-color: #dddddd;
    color: #00264d;
}
.navbar-inverse .navbar-nav > li > a {
    color: #036;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
        color: #999999;
        background-color: transparent;
    } 

.navbar-inverse .navbar-brand {
  color: #036;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #999999;
  background-color: transparent;
}

.td-button {
    /*background-color: darkblue;*/
    color: black;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

#nvv-logo {
    /*position: absolute;*/
    left: 20px;
    top: 12px;
    float: left;
    margin: 0 0 15px 0;
    width: 68px;
    height: 76px;
    background: url(/Content/Img/nv_logo_sv.png);
}

.diagram-table {
      border-collapse: separate;
      border-spacing: 50px 0;
      /*border: solid;
      border-width: 1px;*/
}

/*.diagram-tablerow {
        border-style: solid;
    border-width: 1px;
}*/

.diagram-td {
    padding: 10px 0;
}

.diagram-td-button {
    cursor: pointer;
}

#highcharts-preview-container {
    position:relative;
}

#highcharts-settings-form {
    width: 100%;
    height: 480px;
    float: left;
    direction: ltr;
    padding-top: 21px;
    padding-left: 20px;
}

#settings-field-title {
    width: 300px;
}

#titlesize-display {
    width: 40px;
}

#settings-field-subtitle {
    width: 300px;
}

.thumbnail-image {
    width: 100px;
    height: 100px;
}

.wizard-step-circle {

    border-radius: 100%;        
    background: border-box;
    display:inline-block;
    line-height:100px;
}

/*-----wizard-steps-----*/
/*Start Wizard*/
#wizard-steps-id {
    position: absolute;
    bottom: 50px;
    width: 60%;
    height: 100px;
}

.bootstrapWizard {
    display: block;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%
}

.bootstrapWizard a:hover,.bootstrapWizard a:active,.bootstrapWizard a:focus {
    text-decoration: none
}

.bootstrapWizard li {
    display: block;
    float: left;
    width: 20%;
    text-align: center;
    padding-left: 0
}

.bootstrapWizard li:before {
    border-top: 3px solid #55606E;
    content: "";
    display: block;
    font-size: 0;
    overflow: hidden;
    position: relative;
    top: 11px;
    right: 1px;
    width: 100%;
    z-index: 1
}

.bootstrapWizard li:first-child:before {
    left: 50%;
    max-width: 50%
}

.bootstrapWizard li:last-child:before {
    max-width: 50%;
    width: 50%
}

.bootstrapWizard li.complete .step {
    background: #0aa66e;
    padding: 1px 6px;
    border: 3px solid #55606E
}

.bootstrapWizard li .step i {
    font-size: 10px;
    font-weight: 400;
    position: relative;
    top: -1.5px
}

.bootstrapWizard li .step {
    background: #B2B5B9;
    color: #fff;
    display: inline;
    font-size: 15px;
    font-weight: 700;
    /*line-height: 12px;*/
    padding: 7px 13px;
    border: 3px solid transparent;
    border-radius: 50%;
    line-height: normal;
    position: relative;
    text-align: center;
    z-index: 2;
    transition: all .1s linear 0s
}

.bootstrapWizard li.active .step,.bootstrapWizard li.active.complete .step {
    background: #0091d9;
    color: #fff;
    font-weight: 700;
    padding: 7px 13px;
    font-size: 15px;
    border-radius: 50%;
    border: 3px solid #55606E
}

.bootstrapWizard li.complete .title,.bootstrapWizard li.active .title {
    color: #2B3D53
}

.bootstrapWizard li .title {
    color: #bfbfbf;
    display: block;
    font-size: 13px;
    line-height: 15px;
    max-width: 100%;
    position: relative;
    table-layout: fixed;
    text-align: center;
    top: 20px;
    word-wrap: break-word;
    z-index: 104
}

.wizard-actions {
    display: block;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%
}

.wizard-actions li {
    display: inline
}

.tab-content.transparent {
    background-color: transparent
}

#location-drop-down-div {
    visibility: hidden;
}

/*End Wizard*/

#diagram-top-type-ul {
 color:#424264;
}
.diagram-top-type {
 color:#31436b;
 font-size:13px;
 cursor:pointer;
 display:block;
 border-radius:5px;
 padding-top:5px;
 padding-bottom: 4px;
 padding-left: 4px;
 width: 26%;
 height: 29px;
 text-align: left;
 left: 0;
}
.diagram-top-type:hover {
 color:#fff;
 font-weight:bold;
 background-color:#036;
}
#diagram-top-type-ul .diagram-top-type.active {
 color:#fff;
 background-color:#036;
 font-weight:bold
}

/*-------diagramtypmeny-------*/
#diagram-top-type-container-div, ul, li, li li {

    margin: 0;

    padding: 0;

}

 

#diagram-top-type-container-div {

    width: 110px;

    height: 27px;

}

 

#diagram-top-type-container-div ul

{

     line-height: 25px;

}

 

    #diagram-top-type-container-div li {

        list-style: none;

        position: relative;

        background: #036;

    }

 

        #diagram-top-type-container-div li li {

            list-style: none;

            position: relative;

            background: #036;

            left: 110px;

            top: -27px;

        }

 

 

    #diagram-top-type-container-div ul li a {

        width: 110px;

        height: 25px;

        display: block;

        text-decoration: none;

        text-align: center;

        font-family: Georgia,'Times New Roman',serif;

        color:#ffffff;

        border:1px solid #eee;

    }

 

    #diagram-top-type-container-div ul ul {

        position: absolute;

        visibility: hidden;

        top: 27px;

    }

 

    #diagram-top-type-container-div ul li:hover ul {

        visibility: visible;

    }

 

    #diagram-top-type-container-div li:hover {

        background-color: #036;

    }

 

    #diagram-top-type-container-div ul li:hover ul li a:hover {

        background-color: #036;

    }

 

    #diagram-top-type-container-div a:hover {

        font-weight: bold;

    }
    /*.diagram-type-option {
        background: url("Img/thumbnail-line.jpg");
    }*/

    /*#apply-diagramtype-all-indicators {
        top: 200px;
        position: relative;
    }*/ 
/*
    .slidecontainer {
    width: 100%;
}
    .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #d3d3d3;
    outline: none; 
    opacity: 0.7; 
    -webkit-transition: .2s; 
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 25px;
    height: 25px;
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #4CAF50;
    cursor: pointer;
}

*/

column-padding-slider {
    display: none;
}
column-width-slider {
    display: none;
}

/*----categorygenerator----*/

#new-topcategory-button {
    bottom: 0;
}

/*---dölj en div som autoskapas av autocomplete---*/
.ui-helper-hidden-accessible {
    display: none;
}

/*Fixar bugg som gjorde pagination knappen la sig ovanpå footern.*/
.pagination > li > a {
position: inherit;

}



.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 9px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.accordion:after {
    /*content: '\02795';*/ /* Unicode character for "plus" sign (+) */
    content: '+'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    /*content: '\02796';*/ /* Unicode character for "minus" sign (-) */
    content: '-'; /* Unicode character for "minus" sign (-) */
}