﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
.navbar{
    /*position:fixed; INTERFERING WITH INSPINIA NAV */
    top:0;
    width:100%;
    z-index:999;
}
a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}
.container{
    min-width:100% !important;

}
.abs-logo{
    max-width:125px;
}
.footer {
    padding-left:15px;
    padding-right:15px;
    z-index: 999;
    background-color: #f1f1f2 !important;
}
/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  /*background-color: #1b6ec2;
  border-color: #1861ac;
      REMOVED FOR INSPINIA PRIMARY COLOR
  */
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}
h1,h2,h3,h4,h5,h6 {
    text-transform:none !important;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  /*margin-bottom: 60px;*/
}
.footer {
  position: relative;
  float:left;
  /*bottom: 0;*/
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

/* The sidebar menu */
.sidebar {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    /*top: 0;
    left: 0;*/
    top: 65px;
    background-color: #fff; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    /*padding-top: 60px;*/ /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
    box-shadow: 0px 8px 12px #93939328;
}

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 10px;
        text-decoration: none;
        /*font-size: 25px;*/
        /*color: #818181;*/
        color: #707070;
        display: block;
        transition: 0.3s;
    }

        /* When you mouse over the navigation links, change their color */
        .sidebar a:hover {
            color: #333;
        }
    .k-widget{
        max-width:100%;
    }
.noDecorateList {
    list-style: none;
    font-size: 18px;
    border-left: 5px solid transparent;
    transition: 0.2s ease-in-out;
}
.noDecorateListSmall {
    list-style: none;
    font-size: 16px;
}

    .noDecorateList:hover {
        border-left-color: #ffad0a;
        transition: 0.3s ease-in-out;
    }

.pointerHover:hover {
    cursor: pointer;
}
/* The button used to open the sidebar */
.openbtn {
    font-size: 20px;
    cursor: pointer;
    border-radius: 3px;
    border-top: 1px solid darkgray;
    border-right: 1px solid darkgray;
    border-bottom: 1px solid gray;
    border-left: none;
    color: black;
    background-color: white;
    padding: 10px 15px;
    border: none;
    margin-left: -20px;
}
.k-dropdown{
   /* margin-bottom:20px;*/

}
.k-numerictextbox {
    /*margin-bottom: 20px;*/
}
.k-dropdown-wrap {
    height: 36px;
}
    .openbtn:focus{
        outline:none;
    }
    .openbtn:hover {
        background-color: #888;
    }
    #voyageHeader{
    }
    .k-command-cell{
        display:flex;
    }
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#voyageLogMain, #environmentalMonitoringMain, .sst-card-container {
    z-index: -1;
    transition: margin-left .5s; /* If you want a transition effect */
    /*padding: 20px;*/
    padding-top: 0px;
    /*margin-top: 85px;*/
}
    #voyageLogMain img#sidebar-icon, #environmentalMonitoringMain img#sidebar-icon {
        max-width: 40px;
        height: auto;
        padding: 5px;
        background: white;
        margin-left: -20px;
        border: 1px solid #dbdcdd;
        border-left: 2px solid #FFAD0A;
        border-radius: 0px 5px 5px 0px;
        box-shadow: 0px 8px 12px #93939328;
        position: fixed;
        top: 65px;
        z-index: 999;
    }
#voyageLogMain img:hover, #environmentalMonitoringMain img:hover {
    cursor:pointer;
}

.font-small {
    font-size: 12px;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidebar {
        padding-top: 15px;
    }

        /*.sidebar a {
            font-size: 18px;
        }*/
}
.abscontainer {
    /*min-width:80% !important;*/
    min-height:calc(100% - 60px);
    width:100% !important;
    padding-right:15px;
    padding-left:15px;
    margin-left:auto;
    margin-right:auto;
}
.selected {
    border-left: 3px solid orange;
}
.gridanchor:link {
    color: blue;
}
.gridanchor:hover {
    text-decoration: underline;
}

.field-validation-error {
    color:#da1f33;
}