html, body {
    height: 100%;
    direction: rtl;
    scroll-behavior: smooth;
}
p{
    white-space: break-spaces;
}
body {
    position: relative
}

#home-nav {
    width: 80px;
    height: 100%;
    position: fixed;
    /*overflow: scroll;*/
    direction: ltr;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll;
}

#home-nav::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.main-container {
    padding-right: 80px !important;
}

.f-tiny {
    font-size: 8pt;
}

.pro-card {
    overflow: hidden;
}

.icon {
    width: 40px;
    height: 40px;
}

.nav-link.active {
    background-color: #1f7f35 !important

}

.d-left {
    text-align: left !important;
}

.my-logo {
    width: 40px;
    height: 30px;
}

.card-text {
    white-space: normal;
}

#fab {
    display: table;
}

.btn-desktop {
    color: white;
    text-align: center;
    display: inline-block;
    vertical-align: center;
}

.resize-fab {
    width: 44%;
    height: 44%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}