.logout-label-smd:hover,.no-underline{text-decoration:none}.dropdown-toggle::after{content:"›";font-size:x-large;transform:rotate(90deg);transition:transform .4s;padding-bottom:7px;padding-left:5px;padding-right:7px}.dropdown-toggle.collapsed::after{padding-left:5px;padding-right:7px;padding-bottom:7px;transform:none}.breadcrumb-item+.breadcrumb-item::before{content:"->";font-family:inherit;font-size:1.2em;color:inherit;padding-right:.5em;padding-left:.2em}.no-underline{color:inherit}.img-con:hover .img-delete-btn,.show-modal{display:block}.thumbnail-display{max-height:120px;margin-bottom:30px}.img-con{position:relative}.img-delete-btn{background-color:red;border-radius:3px;position:absolute;top:0;right:0;cursor:pointer;font-size:small;padding:3px;display:none}.zi-1{z-index:1!important}.logout-label-smd{text-decoration:underline;cursor:pointer}.loader{border:6px solid #f3f3f3;border-radius:50%;border-top:6px solid #4e4e4e;width:25px;height:25px;-webkit-animation:2s linear infinite spin;animation:2s linear infinite spin;margin:0 29px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.github-btn img{
    height: 22px;
}
.github-img{
    max-width: 30px;
    border-radius: 50%;
}
#drop_zone{
    opacity: 1;
    cursor: pointer;
    position: relative;
}
#drop_zone:hover{
    opacity: 0.6;
}
.pointer-label{
cursor: pointer;
}
#new-uploaded img, #project-saved-images img{
    height: 150px;
    margin-right: 20px;
}
.new-img-del, .old-img-del{
    display: none;
    position: absolute;
    background: red;
    font-size: small;
}
.new-img-con:hover .new-img-del, .old-img-con:hover .old-img-del{
    display: block;
}
.bg-color-change{background-color:rgb(244 244 244 / 52%)}[data-bs-theme=dark] .bg-color-change{background-color:rgba(6, 6, 6, 0.498)}
.delete-project-btn{
    position: absolute;
    top: 3px;
    right: 3px;
    display: none;
    padding: 10px !important;

}
.edit-project-btn{
    position: absolute;
    top: 3px;
    right: 57px;
    display: none;
    background-color: grey;
    padding: 10px !important;
}
.edit-project-btn:hover{
    background-color: rgb(90, 90, 90);
}
.blurred{filter:blur(8px)}
.edit-project-btn img, .delete-project-btn img{
    height: 20px;
}
.card:hover>.delete-project-btn, .card:hover>.edit-project-btn{
    display: block;
}
[data-bs-theme=light] .pricing-cards .card.bg-primary h3, [data-bs-theme=light] .pricing-cards .card.bg-primary div, [data-bs-theme=light] .pricing-cards .card.bg-primary span{
    color: white !important;
}
[data-bs-theme=light] .footer a, [data-bs-theme=light] .footer .h6{
    color: black;
}
[data-bs-theme=light] .footer .h6>a:hover {
    color: var(--si-heading-link-hover-color);
}
[data-bs-theme=light] .form-control {
    color: rgba(39, 39, 39, 0.7) !important;
    background-color: rgba(255,255,255,.02) !important;
    border-color: rgba(88, 88, 88) !important;
}
.navbar-stuck {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 1031;
    width: 100%;
    animation: navbar-show .25s ease-in-out;
    box-shadow: 0 .275rem 1.25rem rgba(11,15,25,.05),0 .25rem .5625rem rgba(11,15,25,.03)
}

.navbar.position-absolute {
    top: 0;
    left: 0;
    z-index: 1030;
    width: 100%
}
[data-bs-theme=light] .navbar-stuck{
    background-color: white;
}
[data-bs-theme=dark] .navbar-stuck{
    background-color: rgb(11,15,25);
}