main > .container {
    padding:70px 15px 20px;
}

header > nav > .container{
    max-width: unset;
}

.footer {
    background-color:#f5f5f5;
    font-size:.9em;
    height:60px;
}

.footer > .container {
    padding-right:15px;
    padding-left:15px;
}

.not-set {
    color:#c55;
    font-style:italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content:'';
    left:3px;
    display:inline-block;
    width:0;
    height:0;
    border:solid 5px transparent;
    margin:4px 4px 2px 4px;
    background:transparent;
}

a.asc:after {
    border-bottom:solid 7px #212529;
    border-top-width:0;
}

a.desc:after {
    border-top:solid 7px #212529;
    border-bottom-width:0;
}

.grid-view th {
    white-space:nowrap;
}

.hint-block {
    display:block;
    margin-top:5px;
    color:#999;
}

.error-summary {
    color:#a94442;
    background:#fdf7f7;
    border-left:3px solid #eed3d7;
    padding:10px 20px;
    margin:0 0 15px 0;
}

.navbar-shadow{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top:7px;
    color:rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align:left;
        width:100%;
        padding:10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration:none;
    color:rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline:none;
}

.form-group {
    margin-bottom:1rem;
}


/* Custom */

.homepage-hero{
    position: relative;
	background-color:#000000;
    padding: 0 !important;
    z-index:0;
}

.homepage-hero-background{
    /*background-color:#000000 !important;
    background-image: url('../resources/wireframe_head_web.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 70% center;
    */
    min-height: 570px;
}


.homepage-hero-background::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 70% center;
    filter: blur(20px);
    transition: filter 0.5s ease;
    z-index: -1;
}

.homepage-hero-background.loaded::before {
    background-image: url('../resources/wireframe_head_web.jpg');
    filter: blur(0px);
}

#bg-hero-txt{
    filter: blur(0px);
    transition: filter 0s ease, opacity 0s ease;
}

.hero-background{
    background-color:#000101;
    background-image: url('../resources/bg-network.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}


video {
    max-width:100%;
}

.blue-halo{
    border:solid 1px white;
    box-shadow: /*0px 0px 0px 1px rgba(9, 226, 252, 1),*/
            0px 1px 5px 4px rgba(9, 226, 252, 0.35);
}

.hidden{
    visibility:hidden;
}


.side-buttons .btn{
    width:100%;
    margin:2px;
}

.side-buttons .btn i, .side-buttons .btn svg{
    margin-right:1rem;
    color:rgb(58, 58, 58);
}



.main-side-menu{
    border-right:1px solid #e3e3e3;
    position:relative;
    background-color:white !important;
    z-index: 100;
}

.main-side-menu-filler{
    background-color:white;
    width:11em;
    min-height:1150px;
}

.main-side-menu-container{
    position:sticky;
    top:73px;
    left:15px;
    border:none;
    background-color:white !important;
    padding: 3px;
}

.main-side-menu-container .kv-sidenav li a{
    border:none;
    position:relative;
}

.main-side-menu-container .kv-sidenav li.active a{
    font-weight:bold;
    color:hsl(217, 62%, 49%);
}

.main-side-menu-container .kv-sidenav li.active a::before{
    position:absolute;
    top:10%;
    left:5px;
    content:'';
    background-color:hsl(217, 62%, 49%);
    width:4px;
    height:80%;
}

.main-side-menu-container .kv-sidenav li a:hover{
    background-color:hsla(217, 49%, 74%, 0.2);
}

.main-side-menu-container .nav-link{
    padding:6px 16px;
    margin:1px 0;
}

.side-menu-social-auth{
    position: fixed;
    bottom:30px;
    width:175px;
}

.side-menu-social-auth .auth-icon{
    position: absolute;
    top:16px;
    left:16px;
}

.auth-icon{
    margin: 4px 18px;
    outline:2px solid #ffffff;
    background-color: #ffffff;
}

.posrel{
    position:relative;
}
.cell-right-link{
    position:absolute;
    top:30%;
    right:0;
}

.cell-right-link > *{
    margin-left:5px;
}
.cell-right-link a, .cell-right-link div{
    color:rgb(136, 136, 136);
    cursor:pointer;
}
.cell-right-link a.disabled{
    color:rgb(175, 175, 175);
    pointer-events: none;
}

.card-title-right-link{
    position:absolute;
    top:40%;
    right:20px;
}

.button-base-width{
    width:8em;
}


.bottom-right-notif{
    position: absolute;
    bottom:0;
    right:5px;
    max-width:80%;
}


.summary{
    margin-left:25px;
    color: #838383;
}

.icon-bg {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:3px;
  font-size:18px;
  font-weight:600;
  width:48px;
  height:48px;
  padding:9px;
}

.icon-bg-small {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:2px;
  font-weight:600;
  width:34px;
  height:34px;
  padding:9px;
}

.modal-backdrop{
    z-index: 1049;
}


.has-error .form-control {
    border-color: #dc3545 !important; /* red */
    box-shadow: 0 0 3px rgba(220, 53, 69, 0.5);
}

.has-error .control-label,
.has-error .help-block {
    color: #dc3545 !important;
}