html {
    position: relative;
    min-height: 100%;
}

body {
    /* font-size: 23px;
    margin-bottom: 450px; */
    font-size: 1.2rem;
}

body :focus {
    outline-color: #008185;
}


.footer-img {
    max-height: 100px;
    object-fit: contain;
    width: 100%;
}


p {
    text-align: justify;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.bg-cesnet-light {
    background-color: #AAAAAA;
}

.bg-cesnet-grey {
    background-color: #5A5A5A;
}

.bg-cesnet-white {
    background-color: #FFFFFF;
}

.bg-cesnet-blue {
    background-color: #0068A2;
}

.bg-cesnet-petrol {
    background-color: #008185;
}

.bg-cesnet-black {
    background-color: #000000;
}

.bg-cesnet-fresh {
    background-color: #00A1DE;
}

.bg-cesnet-yellow {
    background-color: #FBB731;
}

.bg-cesnet-orange {
    background-color: #F27930;
}

.btn-primary,
.btn-default:hover {
    background-color: #FFFFFF;
    color: #008185;
    border-color: #FFFFFF;
    outline-color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #FFFFFF;
    color: #008185;
    outline-color: #FFFFFF;
    border-color: #008185;
}

.btn-default {
    color: #FFFFFF;
}

a {
    color: #008185;
}

.navbar-cesnet {
    background-color: #008185;
    color: #FFFFFF;
}

/* change the brand and text color */

.navbar-cesnet .navbar-text {
    color: #FFFFFF;
    opacity: 0.8;
}

/* change the link color */

.navbar-cesnet .navbar-nav .nav-link {
    color: #FFFFFF;
    opacity: 0.8;
}

/* change the color of active or hovered links */

.navbar-cesnet .navbar-collapse .navbar-nav .nav-item:hover,
.navbar-cesnet .navbar-collapse .navbar-nav .active {
    color: #FFFFFF;
    opacity: 1;
}

.navbar :focus {
    outline-color: #FFFFFF;
}

.navbar {
    font-size: 150%;
    /* max-height: 100px; */
}

.blockquote {
    padding: .5rem 1rem;
    border-left: .25rem solid #eceeef;
}


.jumbotron {
    padding-top: 10px;
    padding-bottom: 5px;
}

.navbar-brand {
    width: 7rem;
}

.page-footer {
    font-size: 80%
}

.preview {
    position: relative;
    /* cursor: pointer; */
    overflow: hidden;
    display: inline-block;
}

video {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    display: block;
    opacity: 50%;
}

.overlay {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: white;
    font: 700 20px/1 system-ui;
    background: rgba(0, 0, 0, 0.3);
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
    pointer-events: none;
    /* text-align: justify; */
    
}

#confirmBtn {
    pointer-events: all;
}

button:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}