@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: "Poppins", sans-serif !important;
}

.trackTideLogo {
    font-size: 20px;
    color: #15355c;
    font-weight: 600 !important;
}

.whiteBox {
    background-color: white;
    padding: 2rem 2.25rem;
}

.totalScreenBox {
    margin-top: 60px;
}

.documentationPadding {
    padding: 0 30px;
}

.footerPadding {
    padding: 0 30px;
}

#kt_footer {
    padding-top: 0 !important;
}

#kt_docs_header {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #f4f8fa;
}

@media (min-width:991px) {


    .closeMark {
        visibility: hidden
    }
}

@media (max-width:991px) {
    .documentationPadding {
        padding: 0 0;
    }

    .closeMark {
        visibility: visible
    }
}

@media (max-width:767px) {
    .footerPadding {
        padding: 0 0px;
    }
}

@media (max-width:475px) {
    .DownloadForIOS {
        padding: 25px 0;
    }

    .DownloadForAndroid {
        padding: 23px 10px !important;

    }
}

.drawer.drawer-off {
    right: -250px;
    /* Initial position off-screen */
    transform: translateX(-100%);
    /* Move sidebar off-screen to the right */
    box-shadow: none;
    /* No box-shadow when off */
}

.drawer.drawer-on {
    right: 0;
    /* Position on-screen */
    transform: none;
    /* Reset transform */
    box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    /* Box-shadow when on */
}