@charset "UTF-8";
.ClipHeader {
    border-bottom: thick solid hsla(218,92%,24%,1.00);
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(68,165,252,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(68,165,252,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(68,165,252,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(68,165,252,1.00) 100%);
    z-index: 1;
    padding-top: 0px;
}
.DateTimeInfo {
    clear: left;
    float: left;
    vertical-align: top;
    margin-top: -10px;
    z-index: 1;
}
.logout {
    float: right;
    clear: right;
    padding-right: 5px;
    padding-top: 8px;
}
.navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light {
    padding-bottom: 0px;
}
.navbar-nav.mr-auto .nav-item .nav-link:hover {
    color: rgba(10,94,240,1.00);
	}


.navbar-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.left-section {
    display: flex;
    flex-direction: column;
    padding-top: 0px;
}

.right-section {
    margin-left: auto;
}

/* Additional styles for spacing and positioning */
.navbar .DateTimeInfo {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.logout {
    margin-top: 0; /* Align logout to the top */
}
.UserInfo {
    clear: both;
    text-align: center;
    color: hsla(0,0%,0%,0.50);
    font-size: 5vw;
}

.main-content{
    padding-top: 135px;
}

.navbar.fixed-top {
  z-index: 1030; /* Ensures it stays on top */
}
.ClipTitle {
    color: hsla(0,0%,0%,0.50);
    font-size: 20px;
    padding-top: 10px;
}