@font-face {
    font-family: 'klavika_basicregular';
    src: url('./fonts/klavikabasic-regular-webfont.eot');
    src: url('./fonts/klavikabasic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/klavikabasic-regular-webfont.woff') format('woff'),
         url('./fonts/klavikabasic-regular-webfont.ttf') format('truetype'),
         url('./fonts/klavikabasic-regular-webfont.svg#klavika_basicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    padding-top: 0px;
    padding-bottom: 20px;
}

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

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

  .navbar {
    height:40px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
} 


 .container-main
 {
    height: 360px;
    margin-top: 36px;
    background-image: url('./img/blue1024x341mod4.jpg');
    background-repeat: no-repeat;
    background-size: cover;
 }
 

  .back-image {
    background-image: url("img/blue1024x341.jpg"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 341px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
  }

  .lmargin {
       margin-left:15px; 
  }

  .rmargin {
        margin-right:10px;
  }

  .main-display {
      color:white;
  }

  .card-button {
      width:150px;
  }

  .card {
      outline: none;
      box-shadow: none;
      margin-top:20px; margin-bottom:20px;
  }

  .sw-col {
      color:dodgerblue;
  }

  .sw-bcol {
    color:white;
    background-color:dodgerblue;
}

  .inet-col {
    color:forestgreen;
  }

  .inet-bcol {
    color:white;
    background-color:forestgreen;
}

  .cons-col {
      color:firebrick;
  }

  .cons-bcol {
    color:white;
    background-color:firebrick;
}

  .mig-col {
      color:darkcyan;  
  }

  .mig-bcol {
    color:white;
    background-color:darkcyan;  
}

  .maint-col {
      color:darkseagreen;
      color:lightcoral;

  }

  .maint-bcol {
    color:white;
    background-color:lightcoral;
}

  .und-col {
      color:slategrey;
  }

  .und-bcol {
    color:white;
    background-color:slategrey;
}

footer > ul{
    list-style-type: none;
    background: lightgrey;
    padding: 5px;
}
footer > ul > li{
    display: inline-block;
    padding: 10px;
}

.footer {
    margin-top:40px;
    height:40px; 
    background:lightgrey;
}

.footer > span {
    vertical-align: middle;
    margin:15px;
}


#hlink {
    display:none;
}

#hlink:target {
    display: block;
}

#hlink {
    margin-left:20px; 
}
  
#clink {
    display:none;
}

#clink:target {
    display: block;
}

#clink {
    margin-left:20px; 
}

.customer {
    margin-top:20px;

}

.det-div {
    margin-top:140px;
    width: 360px;
    height: 400px;

    background-color:aliceblue;  
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
   
    /* margin: auto; */
}

.det-div li {
	padding-left: 10px;
	color: #4a3c31;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 24px;
}
  
.det-list {
    margin-top:20px;
}

.det-page {
    background-color: aliceblue;
}
.navi{
    color:black !important; 
    font-weight: bold;
}

.navbar-collapse {
    display:flex; 
    line-height: 10px;
}

.cust {
    margin-top:20px;
}