#footerBar {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    background: #ffa690;
    z-index: 99999999999;
}

a {
    text-decoration: none;
}

#footerBar a {
    text-decoration: none;
    color: #333;
}

body {
    background: #015267;
    background: rgb(2, 0, 36);
    background: linear-gradient(137deg, rgba(2, 0, 36, 1) 0%, rgba(1, 82, 103, 1) 44%);
}

.text-pink {
    color: #ffa690 !important;
}

.bg-pink {
    background: #ffa690 !important;
}

.border-pink {
    border-color: #ffa690 !important;
}

.text-blue {
    color: #015267 !important;
}

.bg-blue {
    background: #015267 !important;
}

.border-blue {
    border-color: #015267 !important;

}

.text-light-blue {
    color: rgb(55, 182, 199) !important;
}

.bg-light-blue {
    background: rgb(55, 182, 199) !important;
}

.border-light-blue {
    border-color: rgb(55, 182, 199) !important;

}

.nav-pills button {
    color: #333 !important;
}

.nav-pills .active {
    background: #015267 !important;
    color: #fff !important;
}

.clickable {
    cursor: pointer;
}

#pageHead {
    width: 100%;
    min-height: 30px;
}

#pageHead #logo{
    max-width: 200px;
}

#menuOpen {
    font-size: 30px;
}

#headerLogo {
    height: 60px;
} 

#pageHead #menuOpen{
   color:#ffa690;
}

#profileTab img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}


.menuContainer {
    width:400px;
    max-width: 100%;
    min-height:100vh;
    position: fixed;
    top:0;
    left:0;
    background: #333;
    box-sizing: border-box;
    z-index: 999999999999;
}

.menuItems a {
    text-decoration: none;
    color: #fff;
}

.menuItems li{
    font-size: 20px;
}

#menuClose {
    position: absolute;
    top:15px;
    right:15px;
    font-size: 20px;
}

.btn-primary.bg-blue:hover {
    background: #ffa690 !important;
    color: #015267 !important;
}

.homepageTablet1 {
    height: 100%;
    background: #ffa690;
    background-image: linear-gradient(
        325deg,
        hsl(12deg 100% 78%) 0%,
        hsl(16deg 100% 78%) 14%,
        hsl(20deg 100% 78%) 27%,
        hsl(25deg 100% 78%) 38%,
        hsl(29deg 100% 77%) 49%,
        hsl(32deg 100% 78%) 60%,
        hsl(36deg 100% 78%) 70%,
        hsl(40deg 100% 78%) 80%,
        hsl(44deg 100% 79%) 90%,
        hsl(48deg 100% 80%) 100%
      );
}
.homepageTablet2 {
    height: 100%;
    background: #70D2F9;
    background-image: linear-gradient(
        325deg,
        hsl(197deg 95% 53%) 0%,
        hsl(194deg 100% 49%) 14%,
        hsl(192deg 100% 49%) 27%,
        hsl(189deg 100% 48%) 38%,
        hsl(187deg 100% 48%) 49%,
        hsl(184deg 100% 47%) 60%,
        hsl(182deg 82% 54%) 70%,
        hsl(178deg 81% 60%) 80%,
        hsl(172deg 84% 66%) 90%,
        hsl(166deg 89% 71%) 100%
      );

}
.homepageTablet3 {
    height: 100%;
    background: #B271F2;
    background-image: linear-gradient(
        325deg,
        hsl(270deg 83% 70%) 0%,
        hsl(283deg 71% 67%) 14%,
        hsl(295deg 61% 66%) 27%,
        hsl(307deg 62% 67%) 38%,
        hsl(317deg 70% 69%) 49%,
        hsl(324deg 76% 71%) 60%,
        hsl(331deg 80% 74%) 70%,
        hsl(337deg 82% 75%) 80%,
        hsl(343deg 82% 77%) 90%,
        hsl(348deg 80% 78%) 100%
      );
}
.homepageTablet4 {
    height: 100%;
    background: #ffa690;
    background-image: linear-gradient(325deg,
            hsl(12deg 100% 78%) 0%,
            hsl(12deg 100% 81%) 28%,
            hsl(12deg 100% 83%) 46%,
            hsl(13deg 100% 85%) 58%,
            hsl(13deg 100% 88%) 67%,
            hsl(13deg 100% 90%) 74%,
            hsl(13deg 100% 93%) 80%,
            hsl(13deg 100% 95%) 86%,
            hsl(14deg 100% 97%) 92%,
            hsl(0deg 0% 100%) 100%);
}

.profileMenu {
    position: absolute;
    top: 60px;
    background: #ffa690;
    right: 0;
    border-radius: 10px;
}

.headerLeft{
    display: flex;
    justify-content: start;
    align-items: center;
}

.headerRight {
    display: flex;
    justify-content: end;
    align-items: center;
    position: relative;
}

.datatableInit {
    width: 100%;
}

.datatableInit td,.datatableInit th {
    text-align: left !important;
    vertical-align: middle;
}

.badge {
    user-select: none;
}

.calendarMarker {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.avatar {
    width: 50px;
    height: 50px;
    background: #333;
    opacity: 1;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    overflow: hidden;
}

.dtr-details {
    width: 100%;
}

.dtr-details li {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 768px) {

    .headerLeft{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .headerRight {
        display: flex;
        justify-content: space-between;
        align-items: center;

    }

    #footerBar {
        position:relative;
    }
}