/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

.navbar-custom {
  background-color: #337AB7;
  border-color: #dbdbdb;
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #000000;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #000000;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #dbdbdb;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  color: #000000;
  background-color: #dbdbdb;
}
.navbar-custom .navbar-toggle {
  border-color: #dbdbdb;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dbdbdb;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #ffffff;
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #000000;
} 

.login-form {
  width: 600px;
  padding: 30px;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  text-align: center;
  border-radius: 20px;
  font-size: 2rem;
 }
.header-login {

	border: 0;
}

.header-linie {
  border: 0;
  border-bottom: 3px solid green;
  width: 400px;

}

.header-login h3 a{
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    color: white;

}

.login-form input[type="text"],
.login-form input[type="password"] {
  border: none;
  background: none;
  border-bottom: 1px solid white;
  outline: none;
  color: white;
  padding: 5px;
  margin: 30px auto;
  display: block;
  text-align: center;
     width: 400px;

}
.login-form input[type="email"]{
  border: none;
  background: none;
  border-bottom: 1px solid white;
  outline: none;
  color: white;
  padding: 5px;
  margin: 30px auto;
  display: block;
  text-align: center;
     width: 400px;

}

.login-form input[type="text"]:focus,
.login-form input[type="password"]:focus {
  border-bottom: 2px solid green;
  background: none;

}

.login-form input[type="email"]:focus{
  border-bottom: 2px solid green;
  background: none;

}

.login-form input[type="submit"] {
  padding: 7px 20px;
  border: 1px solid white;
  border-radius: 5px;
  outline: none;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  
}

.login-form input[type="submit"]:hover {
  border: 0px;
  color: green;
  box-shadow: 3px 3px 8px green;
}






.login-form input[type="button"] {
  padding: 7px 20px;
  border: 1px solid white;
  border-radius: 5px;
  outline: none;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  
}

.login-form input[type="button"]:hover {
  border: 0px;
  color: green;
  box-shadow: 3px 3px 8px green;
}


 /* class applies to select element itself, not a wrapper element */
.select-css-cata {
    display: inline;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 55px;
    max-width: 100%; /* useful when width is set to anything other than 100% */
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px green;
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;

    background-image: url('images/sageata_in_jos.svg'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .7em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.select-css-cata::-ms-expand {
    display: none;
}
/* Hover style */
.select-css-cata:hover {
    border-color: green;
}
/* Focus style */
.select-css-cata:focus {
    border-color: green;
    /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
    box-shadow: 0 0 1px 3px green;
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: green; 
    outline: none;
}

/* Set options to normal weight */
.select-css-cata option {
    font-weight:normal;
} 

/* Disabled styles */
.select-css-cata:disabled, .select-css-cata[aria-disabled=true] {
    color: graytext;
    background-image: url('images/sageata_in_jos_gri.svg'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.select-css-cata:disabled:hover, .select-css-cata[aria-disabled=true] {
    border-color: #aaa;
}

 

@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000000;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000000;
    background-color: #dbdbdb;
  }
}