@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;300;400;800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400');

/*
  colors: 
    green: #069b4b #1f824d
    brown: #896954 #70482e
    gray: #67695C #7d8358
    white: #fafafa #ededed
 */

* {
    box-sizing: border-box;
    font-family: 'Roboto Slab', serif, Open Sans, sans-serif;
    font-size: medium;
}

a {
    text-decoration: none;
}

html {
    height: 100%;
    min-height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

#framework {
    /* vertical-align: top; */
    padding: 0px;
    margin: 0px;
    min-height: 100%;
    color: #67695C;
    height: 100%;
    background-image: url('/templates/tpl1_green/img/background-bricks.jpg');
    background-size: cover;
}

header {
    text-align: center;
    padding: 0px;
    background: #fafafa;
    border-bottom: 3px solid #069b4b;
}

article {
    height: auto;
    /*	border:1px solid red;*/
    min-height: calc(100% - 120px)
}

.user-notification {
    border-radius: 3px;
    color: #fafafa;
    padding: 8px;
    margin: 2px;
    font-size: medium;
    background-color: #896954;
    text-align: center;
}

.user-notification.info {
    background-color: #069b4b;
}

.user-notification.sucess {
    background-color: #1f824d;
}

.user-notification.error {
    background-color: #f15a24;
}



.button {
    padding: 0 25px;
    height: 32.5px;
    border: none;
    font-size: .7rem;
    border-radius: 5px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.button i {
    font-size: 17px;
    margin-right: 15px;
    color: fafafa;
}

.button.primary {
    background-color: #069b4b;
    color: #fff
}

.button.primary:hover {
    background-color: #1f824d;
    cursor: pointer
}

.button.danger {
    background-color: #f15a24;
    color: #fafafa
}

.button.danger:hover {
    background-color: #c94d20;
    cursor: pointer
}

.button.secondary {
    background-color: #896954;
    color: #fafafa
}

.button[disabled] {
    background-color: #bbbbbb !important;
    cursor: not-allowed !important;
}

.button.secondary:hover {
    background-color: #70482e;
    cursor: pointer
}

.button:focus {
    border-color: #896954;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(114, 83, 16, 0.25)
}

.leaflet-container .leaflet-control-attribution {
  display: none !important;
}