.ss-f{
    display:flex;
    margin-top:5%;
}
.ss-f div{
    margin-right:3%;
}
.ss-f div{
    display:flex;
}
.experience{
    margin-bottom:5%;
    padding:7%;
}
.panel-elem .badge{
    display:none;
}
.badge{
    color:white;
    margin-right:1%;
}
 #current-audience{
    font-size:9px;
}
.default-audience{
    display:block;
}
.bg-dark{
    background-image: linear-gradient(45deg, #120a3f, #2d2171) !important;
    color:white;
}
.bg-dard .nav-link{
    color:white !important;
}

.audienceval{
    display:none;
}
.mr-2{
    display:none;
}
  div.dataTables_filter {
    float: right;
    margin-bottom: 1rem;
  }


.author-dropdown {
    display: inline-block;
    margin-left: 10px; /* Adjust spacing */
}

.dropdown-toggle {
    background-color: #343a40;
    color: white;
    border: none;
}

.custom-dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
     text-align:center;
    right:1%;
}

.dropdown-content a {
    padding: 10px;
    display: block;
    text-decoration: none;
    color: black;
}

.dropdown-content a:hover {
    background: #ddd;
}

.dropdown-btn {
    padding:none;
    border:none;
    background:white;
}


.typeval {
    margin-left: 1%;
    position: absolute;
    margin-top: -0.3%;
}

.progress-test a{
    color:white;
    text-decoration:none;
}


input[type="radio"]{
     border: 0px;
    width: 20px;
    height:20px;
    margin-bottom:2%;
}

.ss-f select {
    padding: 2%;
    width: 186px;
    border: 1px solid #d9cdcd;
    font-size: 14px;
    border-radius: 3px;
}
.sub-sub-nav{
    width:100%;
}
.sub-sub-nav .child-items{
    float:right;
    padding:1%;
    /*color:white;*/
    /*background:#261b64;*/
}
.sub-sub-nav .buy-credit-parent{
    color:white;
    background:#261b64;
}
.sub-sub-nav .buy-credit-parent:hover{
    background:#f86215;
}
.sub-sub-nav .child-items .buy-credit{
    text-decoration:none;
    color:white !important;
    font-family: Sans-Serif;
}
.sub-sub-nav .item{
    cursor:pointer;
}

.item-right{
    float:right;
}
.ss-f input{
    border-radius: 1px solid #878383;
    width: 269px;
    border: 1px solid #878383;
    font-size: 14px;
    border-radius: 3px;
    margin-left: -1%;
    border-left: none;
 
}
.sub-nav{
    width: 99%;
    /* background: black; */
    padding: 1%;
}
.sub-nav .child-items{
    text-align:right;
}
.ss-f input:focus{
    outline:none;
}
.ss-f select:focus{
    outline:none;
}
.ss-f .sorting .fa-filter{
    margin-top:45%;
}
.create-activity-btn{
    background: #454fc7;
    color: white;
    font-size:14px;
}

.option-activity-section {
    background: #fffefe;
    text-align: left;
    margin-top: 0.2%;
    font-size: 14px;
    border: 1px solid #80808059;
    border-radius: 8px;
    display: none;
    width: 136px;
    position:absolute;
    z-index:10;
}

.option-activity-section .activity-type{
    padding:1%;
    margin-bottom:3%;
    cursor:pointer;
    padding: 5%;
    
}

.option-activity-section .activity-type:hover{
  background:#8987873d;
    
}

.ss-f .fa-magnifying-glass{
    margin-left: 4%;
    padding: 2%;
    background: #ffffff;
    border: 1px solid #878383;
    border-right: none;
}

.popc{
    width: 500px;
    background: white;
    margin-top: 10%;
    margin-left: 27%;
    height: 300px;
    border-radius: 8px
}


.cta-section{
    margin-top: 6%;
    margin-left: 65%;
}

.cta-section .btn:hover{
    color:gray;
}
.cta-section .ok{
    background:#282e74;
    color:white;
    margin-left:7%;
    border-radius:19px;
    border:1px solid;
}

.cta-section .cancel{
    background:white;
    color:black;
     border-radius:19px;
     border:1px solid;
     margin-right:3%;
}
.popup-url-input input{
        width: 93%;
    margin-left: 3%;
    padding: 1%;
}


.popup-property{
    padding: 2%;
    margin: 1%;
}


.error-info{
  
    margin-left: 3%;
    margin-top: 2%;
    font-size: small;
    /* background: #e1d4d4; */
    padding: 1%;
    /* font-weight: 500; */

}

.popup-header{
    background: #1e2225;
    padding: 2%;
    color: white;
    text-align: center;
}

.more-action{
    margin-left: 18%;
    font-weight: bold;
    color: gray;
    cursor: pointer;
}
.activity-section{
    background:#baafaf12;
    margin-bottom:4%;
}
.action-menu div{
    cursor:pointer;
    margin-bottom:1%;
    padding:1%;
}
.action-menu .action-btn:hover{
   font-weight:bold
}
.action-menu{
    background: white;
    box-shadow: 1px 2px 3px;
    padding: 1%;
    width: 12%;
    position: absolute;
    margin-left: 1%;
    font-size:small;
}

.status-circle{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.processing-img{
    width: 20px;
    height:20px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.activity-section .active {
    background-color: green; /* Set background color for active status */
}

.activity-section .inactive {
    background-color: gainsboro; /* Set background color for inactive status */
}
.activity-section .archived{
     background-color: gainsboro; /* Set background color for inactive status */
}

.popup{
    width: 100%;
    height: 100%;
    background: #0000006b;
    position: fixed;
    top: 1%;
    height: 100%;
}
.selectedElement:hover .delete-btn {
    display: inline-block;
}


.summary-container {
  max-height: 70vh;
  overflow-y: auto;
  padding-right: 10px;
}

.summary-container::-webkit-scrollbar {
  width: 8px;
}

.summary-container::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.summary-container::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

.summary-container::-webkit-scrollbar-thumb:hover {
  background: #555;
}