﻿
.RadTabStrip, .RadTabStripVertical {
    margin: 0;
    padding: 0;
}

.RadTabStrip .rtsLevel1 {
    padding-top: 0;
}

.RadTabStrip .rtsLevel {
    width: 100%;
    clear: both;
    position: relative;
    padding-top: 1px;
}

.RadTabStrip .rtsLevel, .RadTabStripVertical .rtsLevel {
    overflow: hidden;
}

.RadTabStrip .rtsUL, .RadTabStripVertical .rtsUL {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    display: flex;
    overflow: hidden;
}

.RadTabStrip .rtsUL, .RadTabStripVertical .rtsUL {
    margin-top: 10px !important;
    border-bottom: 1px solid #015198;
    height: 35px;
}

.RadTabStrip .rtsLI {
    float: left;
    display: inline;
}

.RadTabStrip .rtsLI, .RadTabStripVertical .rtsLI {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: inherit;
    overflow: hidden;
    width: auto;
}

.RadTabStrip .rtsSelected {
    border-bottom: 3px solid #015198 !important;
    padding-bottom: 11px;
}

.RadTabStrip .rtsLink, .RadTabStripVertical .rtsLink {
    padding-left: 9px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    display: block;
}

.RadTabStrip .rtsLink {
    text-align: center;
}

.rtsSelected {
    border-bottom: 4px solid red;
}


/* Profile Picture Container */
.profile-picture-container {
    position: absolute;
    bottom: -90px;
    left: 20px;
    width: 180px;
    height: 180px;
    border: 5px solid white;
    background: white;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1; /* Ensure it is above other content */
}

.profile-picture-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*a {
    color: #337ab7;
    text-decoration: none;
}*/

.profile-listing {
    color: #0D58A6 !important;
    display: inline-block !important;
    margin: 2px 0 !important;
}
.profile-name {
    color: #0D58A6 !important;
    font-size: 24px !important;
    font-weight: 400 !important;
}

/* Adjust for smaller screens */
@media (max-width: 768px) {
    .profile-picture-container {
        bottom: -70px;
        left: 10px;
        width: 140px;
        height: 140px;
    }

    .container-fluid.mt-0.p-2 {
        margin-top: 70px !important; /* Add spacing to account for the profile picture */
    }

    .container-fluid.p-0.position-relative img {
        height: auto !important; /* Reduced height for smaller screens */
    }
}

@media (max-width: 400px) {
    .profile-picture-container {
        bottom: -70px;
        left: 10px;
        width: 100px;
        height: 100px;
    }
}
/* Add spacing to prevent content overlap */
.container-fluid.mt-0.p-2 {
    margin-top: 150px;
}

.content {
    background-color: #F4F5F7;
}


.content h4 {
    font-size: 18px;
    font-weight: 400 !important;
    color: #666363;
}
.content h6 {
    color: #313130;
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .hidden-xs {
        display: none !important;
    }
}