body {
    padding-top: 60px;
    padding-bottom: 20px;
    padding-right: 0px !important; /* fix iPad bug for modal */
}

/*Tweaking buttons to fit with Norkart style and NK icons*/
.btn {
    min-height: 43px;
    min-width: 43px;
}

a.btn-default, a.btn-primary {
    line-height: 2;
}

h3.tkaname {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: normal;
}

select,
input[type=text] {
    min-height: 43px;
}

/* Set padding to keep content from hitting the edges */
.body-content{ 
    padding-left: 15px;
    padding-right: 15px;
}

table.pointercursor tbody tr {
    cursor: pointer;
}

table.movecursor tbody tr {
    cursor: move;
}

/* BFor buttons navigating to next page */
a.nav-to-nextpage {
    text-align:left; 
    position:relative;
    white-space: normal;
    line-height:inherit;
}


a.nav-to-nextpage div {
    padding-right:30px;
}

div.nav-to-nextpage-parentapp  {
    padding-top: 5px;
}

div.nav-to-nextpage-client  {
    padding-top: 5px;
    margin-left: 4%; 
    width: 96%;
}

span.nav-to-nextpage-icon {
    position:absolute; 
    right:12px; /* Match margin within a.btn element */
    top:50%;
    font-size:larger;
    margin-top:-8.35px; /* Approx half of font size larger. Centering icon.*/
}

body.waitcursor,
body.waitcursor * {
    cursor: wait !important;
}

h1.asinline,
h2.asinline,
h3.asinline {
    display:inline; 
}
div.asinline {
    display: inline-block;
}

div.nonbullet ul {
    list-style-type: none;
    padding-left: 0;
}
.cog-header {
    padding: 0 0 0 67px;
    margin-top: 20px;
    margin-bottom:10px;
    position: relative;
}       
.cog-header .cog-content-moveleft {
    margin-left: -67px; 
}
.cog-header h1 {
    margin-bottom: 2px;
    display: inline;
}
@media (max-width:768px) {
    .cog-header h1 {
        display: block;
    }
}
.cog-header > .dropdown,
.cog-header > .btn-group {
    position: absolute;
    top: 0px;
    left: 0px;
}

/*.cog-header {
    padding: 0 0 0 67px;
    margin-top: 20px;
}
.cog-header > .btn-group {
    margin-left: -67px !important;
}
.cog-header > * {
    float: left;
}*/

.messagebox {
    padding: 0 0 0 48px;
    position: relative;
    min-height: 24px;
}

.messagebox span.errorsign {
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background-image: url("nkikon/nk_023-advarsel_roed-A.png");
}

.messagebox span.infosign {
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background-image: url("nkikon/nk_024-info-A.png");
}

.infoheader {
    padding: 0 0 0 36px;
    position: relative;
    min-height: 24px;
}

.infoheader span.infosign {
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background-image: url("nkikon/nk_024-info-A.png");
}

/*Disabled items in list*/
.disabled-row {
    font-style: italic;
    color: #4d4d4d;
    background-color: #E6E6E8;
}

/*Prevent hover effect on these items*/
.table-hover > tbody > tr:hover { 
    background-color: #E6E6E8;
    color: #2e2d30;
} 

.selected-row {
    font-weight: bold;
    color: #ffffff !important;
    background-color: #2e2d30 !important;
}

/*Vertically scrollable tables in modals*/
.modal-scroller {
    height: 275px; /* devices not supporting vh */
    height: 45vh;
    overflow-y: scroll;
}

/* Vertical scrollbar pages */
.content-scroller {
    max-height: 45vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.autocomplete {
    padding: 6px 12px;

}
.autocompleteblock ul {
     background: #F6F6F6;
     border-radius: 0px;
     border: 1px solid #ADADAD;
}

.ui-state-focus {
    background-color: #DDD;
    border-radius: 0px;
}

.astablerowheader,
.astablerow {
    padding: 8px 0;
    border: 1px solid #DDD;
    margin-left: 0px; /* reset bootstrap margin */
    margin-right: 0px;
    /*border-bottom: 1px solid #DDD;*/
}
.astablerow {
    margin-top: 4px;
}
.astablerow:hover {
    background-color: #E6E6E8;
    color: #2e2d30;
}
.astablerowheader {
    background-color: #d9d9d9;
}
.solutiondetailsrow {
    padding-left: 29px; /* 15px (bootstrap margin) + 14px (font size)*/
}
.solutiondetailsrow span.glyphicon {
    position: absolute;
    margin-left: -15px;
}

.normalfontweight {
    font-weight: normal;
}

a.in-disguise,
a.in-disguise:hover,
a.in-disguise:active {
    color: inherit;
}

.btn-map {
    background-image: url("img/Mapbtnbackground.png") !important;
    background-repeat: repeat !important;
}


/*App preview map and solution list*/
.map {
    height: 275px;
    height: 75vh;
    width: auto;
}

.scrollable {
    max-height: 75vh;
    overflow-y: auto;
}

.mapmodal {
    position: relative;    
    height: 275px;
    height: 72vh;
    min-height:455px;
}

.fillall {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

option[selected] {
    font-weight: bold;
}

@media (min-width: 992px) {
  .modal-fill {
    width: 90% !important;
  }
}

.sliderformtype input[type="text"] {
    border:0; 
    padding: 0;
    vertical-align:top;
    width:2em;
    display:inline-block;
    text-align: right;
    background: transparent;
    min-height: 20px;
}
.sliderformtype input[type="range"] {
    width:160px; /* width of slider */
    display:inline-block;
}
.sliderformtype > div,
.sliderformtype > div > * {
    vertical-align:top;
}

input[type="range"] {
    padding: 0;
}

/*Map preview form*/
.childchecks {
    margin-left: 1em;
}

.indentcheckbox {
    margin-left: 1em;
}

/* Bootstrap fix for menu button on narrow screens*/
.navbar-toggle {
    margin-top: 4px;
    margin-bottom: 4px;
}

.navbar-brand a:hover, .navbar-brand a:focus {
  text-decoration: none;
}

.nav>li {
  display: inline-block;
}

.about {    
    margin: 10px 80px 30px 80px;    
}

.about-close {
    margin-right: 20px;
    margin-top: 20px;
    color: grey;
}

.attribution {
    font-size: 90%;
    color: grey;
}

.btn-about {
    width: 300px;
}


.navbar-menu{background:rgba(0,0,0,0.5); color:white; }
.navbar-menu li>a:hover{background:white; }
.navbar-menu li>a{color:white; }

.breadcrumbs {
    margin: 0px;
    padding:5px 0px;
}

.breadcrumbs a,
.breadcrumbs a:hover,
.breadcrumbs a:active {
    color: #333;
    text-decoration: underline;
}

/*SubMenu dropdonws*/

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.versionlog {
    margin: 30px;
}

.grey-background {
    background-color: #fafafa;
}

div#versionlog-content {
    overflow-y: auto;
    height: 475px; /* devices not supporting vh */
    height: 50vh;
    padding: 5px;
}

.nk-row-indent-1 {
    /* Style for creating a indent in row, you only have 11 columns when using this*/
    margin-left: 8.3333333%;
    position: relative;
}
.nk-row-indent-1 .col-xs-1 {
    width: 9.09090909%;
}
.nk-row-indent-1 .col-xs-2 {
    width: 18.18181818%;
}
.nk-row-indent-1 .col-xs-3 {
    width: 27.27272727%;
}
.nk-row-indent-1 .col-xs-4 {
    width: 36.36363636%;
}
.nk-row-indent-1 .col-xs-5 {
    width: 45.45454545%;
}
.nk-row-indent-1 .col-xs-6 {
    width: 54.54545454%;
}
.nk-row-indent-1 .col-xs-7 {
    width: 63.63636363%;
}
.nk-row-indent-1 .col-xs-8 {
    width: 72.72727272%;
}
.nk-row-indent-1 .col-xs-9 {
    width: 81.81818181%;
}
.nk-row-indent-1 .col-xs-10 {
    width: 90.90909090%;
}
.nk-row-indent-1 .col-xs-11 {
    width: 100%;
}
@media (min-width: 992px) {
    .nk-row-indent-1 .col-md-1 {
        width: 9.09090909%;
    }
    .nk-row-indent-1 .col-md-2 {
        width: 18.18181818%;
    }
    .nk-row-indent-1 .col-md-3 {
        width: 27.27272727%;
    }
    .nk-row-indent-1 .col-md-4 {
        width: 36.36363636%;
    }
    .nk-row-indent-1 .col-md-5 {
        width: 45.45454545%;
    }
    .nk-row-indent-1 .col-md-6 {
        width: 54.54545454%;
    }
    .nk-row-indent-1 .col-md-7 {
        width: 63.63636363%;
    }
    .nk-row-indent-1 .col-md-8 {
        width: 72.72727272%;
    }
    .nk-row-indent-1 .col-md-9 {
        width: 81.81818181%;
    }
    .nk-row-indent-1 .col-md-10 {
        width: 90.90909090%;
    }
    .nk-row-indent-1 .col-md-11 {
        width: 100%;
    }
}