/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 09.02.2019, 12:09:42
    Author     : thisWay
*/
/***********
*** FONT ***
************/

/* https://google-webfonts-helper.herokuapp.com */

/* exo-2-300 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/exo-2-v5-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Light'), local('Exo2-Light'),
       url('../../fonts/exo-2-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/exo-2-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/exo-2-v5-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/exo-2-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/exo-2-v5-latin-300.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-regular - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/exo-2-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Exo 2'), local('Exo2-Regular'),
       url('../../fonts/exo-2-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/exo-2-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/exo-2-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/exo-2-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/exo-2-v5-latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-500 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/exo-2-v5-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Medium'), local('Exo2-Medium'),
       url('../../fonts/exo-2-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/exo-2-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/exo-2-v5-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/exo-2-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/exo-2-v5-latin-500.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-700 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/exo-2-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Bold'), local('Exo2-Bold'),
       url('../../fonts/exo-2-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/exo-2-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/exo-2-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/exo-2-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/exo-2-v5-latin-700.svg#Exo2') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/MaterialSymbolsOutlined.woff2') format('woff2');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}

h1{
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 2.250em;
    color: rgb(1,102,46) !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

h1 > small {
    font-family: 'Exo 2', sans-serif;
    color: black !important;
    font-weight: 400;
    font-size: 70%;
    color: #666 !important;
}

h2{
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
    font-size: 2.000em;
    color: rgb(1,102,46) !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

h3{
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
    font-size: 1.500em;
    color: rgb(1,102,46) !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

h3 > small {
    font-family: 'Exo 2', sans-serif;
    color: black !important;
    font-weight: 500;
    font-size: 80%;
    line-height: 3.00em;
    color: #666 !important;
}

h4{
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
    font-size: 1.188em;
    color: rgb(1,102,46) !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

h5{
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
    font-size: 1.000em;
    color: rgb(1,102,46) !important;
    padding-top: 5px;
    padding-bottom: 10px;
}

p{
    color: black !important;
    font-weight: 400;
    font-size: 0.938em;
}

p.pOnas{
    text-align: justify;
}

p.card-text{
    line-height: 1.500em !important;
}

a {
    color: rgb(1,102,46)
}

a:hover {
    color: rgb(1,102,46);
    text-decoration: underline;
}

a.aRed {
    color: rgb(255,0,0)
}

a:hover {
    color: rgb(255,0,0);
    text-decoration: underline;
}

.font-weight-500{
    font-weight: 500 !important;
}

.font-weight-700{
    font-weight: 700 !important;
}
.color-dark-green{
    color: rgb(1,102,46);
}
.bg-dark-green{
    background-color: rgb(1,102,46) !important;
}

table th, td{
    font-size: 0.850em !important;
}

/***********
*** ICON ***
************/

.icon-extra-small {
    width: 8px;
    height: 8px;
    display: block-inline;
    margin: 0px 0px;
}

.icon-small {
    width: 16px;
    height: 16px;
    display: block-inline;
    padding: 0;
    margin: 0;
}

.icon-medium {
    width: 24px;
    height: 24px;
    display: block-inline;
    padding: 0;
    margin: 0;
}

.icon-large {
    width: 32px;
    height: 32px;
    display: block-inline;
    margin: 0px 0px;
}

.icon-extra-large {
    width: 48px;
    height: 48px;
    display: block-inline;
    margin: 0px 0px;
}

.icon-big {
    width: 64px;
    height: 64px;
    display: block-inline;
    margin: 0px 0px;
}

.icon-extra-big {
    width: 128px;
    height: 128px;
    display: block-inline;
    margin: 0px 0px;
}

.icon-huge {
    width: 256px;
    height: 256px;
    display: block-inline;
    margin: 0px 0px;
}

.rahmen{
border: 1px #ccc solid;
		padding: 10px;
		margin: 10px;
}

.fill-light-green {fill: rgb(151,190,13)}
.fill-dark-green {fill: rgb(1,102,46)}
.fill-red {fill: rgb(255, 0, 0)}
.fill-danger {fill: rgb(114, 28, 36)}
.fill-light-gray {fill: rgb(248,249,250)}
.fill-middle-gray {fill: rgb(153,153,153)}
.fill-dark-gray {fill: rgb(102,102,102)}
.fill-white {fill: rgb(255,255,255)}
.fill-orange {fill: rgb(220,145,27)}
.fill-yellow {fill: rgb(255,237,0)}

.colorGreenLight{
    color: rgb(151,190,13)
}

.colorGreenDark{
    color: rgb(1,102,46)
}

.colorGrayLight{
    color: rgb(248,249,250)
}

.colorGrayMedium{
    color: rgb(153,153,153)
}

.colorGrayDark{
    color: rgb(102,102,102)
}

.colorOrange{
    color: rgb(238,115,0);
}



/*
*** ICON-BAR ***
*/

ul.ulIconBar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.ulIconBar > li {
  float: left;
  margin: 0 10px 10px 10px;
}

.ulIconBar > li > a {
  text-decoration: none;
}

.ulIconBar > li > a:hover {
  text-decoration: none;
}

/*************
*** BUTTON ***
*************/

.btn-light-green {
  color: rgb(255,255,255) !important;
  background-color: rgb(151,190,13) !important;
  border-color: rgb(151,190,13);
}

.btn-light-green:hover {
  color: #fff;
  background-color: rgb(1,102,46);
  border-color: rgb(1,102,46);
}

.btn-light-green:focus, .btn-light-green.focus {
  box-shadow: 0 0 0 0.2rem rgba(204, 204, 204);
}

.btn-light-green.disabled, .btn-light-green:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-light-green:not(:disabled):not(.disabled):active, .btn-light-green:not(:disabled):not(.disabled).active,
.show > .btn-light-green.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-light-green:not(:disabled):not(.disabled):active:focus, .btn-light-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-light-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/*** btn light green -> gray ***/

.btn-light-green-light-gray {
  color: #fff;
  background-color: rgb(151,190,13);
  border-color: rgb(151,190,13);
}

.btn-light-green-light-gray:hover {
  color: rgb(151,190,13);
  background-color: rgb(204, 204, 204);
  border-color: rgb(151,190,13);
}

.btn-light-green-light-gray:focus, .btn-light-green-light-gray.focus {
  box-shadow: 0 0 0 0.2rem rgba(204, 204, 204);
}

.btn-light-green-light-gray.disabled, .btn-light-green-light-gray:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-light-green-light-gray:not(:disabled):not(.disabled):active, .btn-light-green-light-gray:not(:disabled):not(.disabled).active,
.show > .btn-light-green-light-gray.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-light-green-light-gray:not(:disabled):not(.disabled):active:focus, .btn-light-green-light-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-light-green-light-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-dark-green {
  color: rgb(255,255,255) !important;
  background-color: rgb(1,102,46) !important;
  border-color: rgb(1,102,46);
}

.btn-dark-green:hover {
  color: #fff;
  background-color: rgb(151,190,13) !important;
  border-color: rgb(1,102,46);
}

.btn-dark-green:focus, .btn-dark-green.focus {
  box-shadow: 0 0 0 0.2rem rgba(204, 204, 204);
}

.btn-dark-green.disabled, .btn-dark-green:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-dark-green:not(:disabled):not(.disabled):active, .btn-dark-green:not(:disabled):not(.disabled).active,
.show > .btn-dark-green.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-dark-green:not(:disabled):not(.disabled):active:focus, .btn-dark-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/****************
*** ACCORDION ***
****************/

#accordion .card{
    margin-bottom: 10px;
}



#accordion .btn-link{
    color: rgb(1,102,46) !important;
    font-weight: 600;
    font-size: 1.000em;
}

#accordion .btn-link:hover{
    color: rgb(151,190,13) !important;
    font-weight: 600;
    font-size: 1.000em;
    text-decoration: none;
}

/***************
*** NAV MAIN ***
***************/

.div-nav-main{
    margin-bottom: 10px;
    padding: 0;
}

.div-nav-main .nav-item{
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.div-nav-main .nav-link{
    font-family: 'Exo 2', sans-serif;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 1.250em;
    font-weight: 400;
    color: #01662e !important;
}

.div-nav-main .nav-link:hover{
    color: #666 !important;
}

.div-nav-main .navbar-nav{
    padding: 0;
    margin: 0;
}

.div-nav-main container{
    padding: 0;
}

.div-nav-main navbar{
    padding: 0px;
    margin: 0px;
}

.bg-nav-main{
    background-color: rgb(248,249,250);
}

/***************
*** NAV SUB ***
***************/
.nav-item .active{
    color: rgb(102,102,102) !important;
    font-weight: 600 !important;
}
/*******************
*** Button toTop ***
*******************/
#myBtn {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: rgb(232,232,232);
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 5px 4px rgba(135,130,135,1);
-moz-box-shadow: 0px 0px 5px 4px rgba(135,130,135,1);
box-shadow: 0px 0px 5px 4px rgba(135,130,135,1);
}

#myBtn:hover {
  background-color: rgb(232,232,232);
}

/*
*** CARD - Note ***
*/
.card-prod-overview{
    background-color: white;
    border: 2px solid rgb(241,241,241); 
    border-radius: 10px;  
    overflow: hidden; 
    width: 300px; 
}

.card-prod-overview .card-footer{
    margin-top: auto;
    margin-bottom: 0px !important;
}

.card-prod-overview .card-footer div{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.card-prod-overview .card-header{
    font-size: 0.850em !important;
}

.card-prod-overview .card-footer{
    font-size: 0.850em !important;
}