::-webkit-scrollbar {
    width: 8px;
  }
  
::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
    background-color: #f9f9fd;
    border-radius: 4px;
  }
  
 ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #232d45;
  }

.logo {
    width: 250px;
}


.modal-footer-custom {
    text-align: center;
}

.table-title-first {
    border-radius: 10px 0 0 10px;
}

.table-title-last {
    border-radius: 0 10px 10px 0;
}


.profile-pfp img {
    border-radius: 50%;
    /* Округление изображения */
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.profile-pfp img.zoomed-in {
    border-radius: 0%;
}

.space-around {
    justify-content: space-around;
}

.space-between {
    justify-content: space-between;
}

.file {
    width: 50px;
}

.file>img {
    width: 100%;
}

.textarea {
    height: 120px;
}

.cursor {
    cursor: pointer;
}

.regisrtation-img>img {
    height: 100%;
    height: 100%;
    object-fit: cover;
}

.toastify-content {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.toastify-content.show {
    opacity: 1;
}

.success-icon {
    width: 50px;
    height: 50px;
}

.big-check {
    width: 20px;
    height: 20px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}


.no-ovr {
    overflow-y: auto;
}

.scroll-modal{
    height: 70vh;

}
/* .scroll-modal::-webkit-scrollbar {
    width: 0;
  } */

.cc-color{
    background: #87cefa;
}
.cc-green{
    background: #0d9488;
}
.icon-white{
    color: rgb(255, 255, 255);
}

.height-max-content{
    height: max-content;
}

.width-max-content{
    width: max-content
}

.logo-mobile {
    width: 200px;
}