.box {

        /* background-color: #eaeef3 ; */

    }

    .box-header , .box-footer {

        background: #FFF ;
        /* border: 1px solid ; */

    }

    .box-body {

        /* border: 1px solid rgb(0, 0, 0, .1) ; */
        border-radius: 0 ;
        border-bottom: none ;
        border-top: none ;

    }

    .chat-box-one .card {

        background: transparent ;

    }

    .chat-box-one .card-body {

        padding: 10px ;

    }

.copy-rights {

    padding: 10px;
    margin-top: 10px;
    text-align: center;
    font-weight: 600;
    border-top: 1px solid rgb(0, 0, 0, .2);

}

#generateLinkBtn{

    background: #0c426f;
    border: none;
    padding: 10px;
    text-align: center;
    margin: auto;
    display: block;
    margin-top: 10px;
    border-radius: 10px;
    color: #FFF;

}

#LoginModal .modal-title  , #pricingModal .modal-title  , #shareModal .modal-title  {

    font-weight: 700;
    color: #0c426f;

}


#LoginModal .close  , #pricingModal .close  , #shareModal .close  {

    background: #0c426f;
    color: #FFF;
    border-radius: 10px;
    /* padding: 10px; */

}

.edit-area {
    width: 100%;
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.submit-btn,
.close-btn {
    margin: 5px 5px 0 0;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    background-color: #007bff;
    color: #fff;
}

.close-btn {
    background-color: #dc3545;
}

.language-menu img {

    filter: none !important;

}

.language-menu .menu li {

    padding : 10px ;

}

.notifications-menu .menu {

    overflow: auto ;
    width: auto;
    height: 100% !important ;
    max-height: 250px !important ;

}

.notifications-menu .footer{

    display: flex ;
    justify-content: space-around;
    align-items: center;

}

.notifications-menu .notification-msg-total{

    padding: 10px;
    text-align: center;

}

.notifications-menu .dropdown-toggle {

    border: 1px solid rgb(0, 0, 0, .2);
    padding: 8px !important ;

}

.search_icon {
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    background: #0000000d;
    border-radius: 10px;
}

.search_list {

    margin-top: 20px;
    margin-bottom: 20px;
    list-style: none;

}

.search_list li.list-item {
        background: aliceblue;
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 10px;
        color: #000;
}

.search_list a {
    color: #000000b3;
}

.swal2-confirm {

    background: #0c426f;

}

.text-cut {
    text-decoration: line-through ;
    font-size: 18px !important ;
    /* margin-right: 20px; */
    font-weight: 700 !important ;
    color: #5e6366 ;
}

.waves-effect1 {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    transition: .3s ease-out;
    line-height: 30px;
    font-size: 20px;
    color: #0c426f;
    font-weight: 700;
}

#userInput::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */
  }

  #userInput::-webkit-scrollbar-thumb {
    background-color:rgb(123, 124, 124); /* Color of the scrollbar thumb */
    border-radius: 4px; /* Rounded corners */
  }

  #userInput::-webkit-scrollbar-thumb:hover {
    background-color: rgb(123, 124, 124); /* Darker shade on hover */
  }

  #userInput::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Background of the scrollbar track */
    border-radius: 4px; /* Rounded corners */
  }

.theme-primary .btn-primary:disabled {
    /* background-color: #0c426f;
    border-color: #0c426f;
    opacity: 0.5 ; */
}

    .main-header .logo .logo-lg {
        line-height: 17px;
        /* display: inline-block; */
        padding-left: 5px;
        width: 100%;
        word-wrap: revert;
        margin-left: 10px;
        font-weight: 700;
        /* font-size: small; */
        font-size: 14px;
        text-align: center;
        margin-top: 5px;
  color:#475f7b;
    }

    .main-header .logo {
        display: block;
        align-items: center;
    }

    .left-block {
        height: auto;
        width: 18rem;
        position: absolute;
        padding: 0;
        border-right: 1px solid #d5dfea;
        background-color: white;
    }

.language-selector {
    position: relative;
    display: inline-block;
    height: 43px;
    width: 43px;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #FFF;
}

.language-selector:hover {
    position: relative;
    display: inline-block;
    height: 43px;
    width: 43px;
    border: 1px solid #0c426f;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;

}

/* #language-icon {
width: 32px;
height: 32px;
cursor: pointer;
} */

.popup {
position: absolute;
bottom: 100%;
left: 0;
background-color: white;
border: 1px solid #ccc;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 150px;
/* display: none; */
z-index: 10;
padding: 10px;
}

.popup label {
display: block;
margin: 5px 0;
cursor: pointer;
}

.popup input[type="radio"] {
margin-right: 10px;
}

.hidden {
display: none;
}

#language-popup [type="radio"] {
position: relative;
opacity: 1;
left: 0;

}

.right-block.content {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}

@media screen and (max-width: 768px) {

.input-content {

  padding: 10px ;

}

.main-header .logo .logo-lg {

  margin-left: 0;

}

  .right-block {
      width: calc(100% - 260);
      min-height: calc(100vh - 64px);
      overflow: auto;
      margin-left: 0;
      padding-top: 175px;
  }
}

.language-selector::after {
content: attr(data-title);
position: absolute;
bottom: 100%;  /* Position the popover above the element */
left: 50%;
transform: translateX(-50%);
background-color: #333;
color: #fff;
padding: 5px;
border-radius: 4px;
font-size: 12px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s, visibility 0.2s;
pointer-events: none;  /* Prevent the popover from interfering with mouse events */
}

/* .language-selector:hover::after {
opacity: 1;
visibility: visible;
} */

/* Common popover styles for both buttons */
#attachBtn::after{
content: attr(data-title);
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
background-color: #333;
color: #fff;
padding: 5px;
border-radius: 4px;
font-size: 12px;
white-space: nowrap;
/* opacity: 0; */
/* visibility: hidden; */
transition: opacity 0.2s, visibility 0.2s;
pointer-events: none;  /* Prevent the popover from interfering with mouse events */
}

/* Hover effects to show the popover */
#attachBtn:hover::after {
opacity: 1;
visibility: visible;
}

@media screen and (max-width: 768px) {

    .waves-effect1 {
        width: 100%;
        position: relative;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        vertical-align: middle;
        z-index: 1;
        transition: .3s ease-out;
        line-height: 30px;
        font-size: 20px;
        color: #0c426f;
        font-weight: 700;
        padding: 10px;
        text-align: center;
    }

}