html, body {
    height:100%;
    margin:0;
    overflow-y: auto;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.fade-enter-active,
.fade-leave-active {
transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
opacity: 0;
}

/** main **/
#wrapper {
    /*border:1px solid brown;*/
    height:99vh; /*view-port height, 1vh is 1% of screen height */
}

#header {
    /*border:1px solid red;*/
    min-height: 11%;
}

#content {
    /*border: 1px solid black;*/
    min-height: 88%;
}

#content_main {
    min-height:76vh;
    /*border:1px solid orange;*/
    margin:5px;
}

#content_footer {
    min-height:11vh;
    /*border: 1px solid purple;*/
    margin:10px;
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/** gumbi v footerju **/
.btn_footer_green {
    color: #fff;
    background: #2BB46C;
    width: 92px;
}

.btn_footer_blue {
    color: #fff;
    background: #007CA4;
    width: 92px;
}

.btn_footer_red {
    color: #fff;
    background: #E67171;
    width: 92px;
    height: 230px;
}

.btn_footer_screen {
    background: #ECECEC;
    color: #007CA4;
    width: 92px;
}

.footer_empty_screen {
    width:100%;
    height:92px;
    background: #ECECEC;
}

.footer_btn_item {
    width:30%;
  }
  
  .btn_footer {
    width:100%;
    height:92px;
    font-size:18px;
    line-height:21px;
    text-align:center;
    font-family: 'Roboto', sans-serif;
    font-style:normal;
    border:none;
    /*text-transform: capitalize;*/
  }
  
  .btn_footer:focus, .btn_footer:active {
    border:none !important;
  }