html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
    padding-top: 56px;
}

@media (max-width: 991.98px) {
    .offcanvas-collapse {
        position: fixed;
        top: 56px; /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #343a40;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }

        .offcanvas-collapse.open {
            visibility: visible;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

    .nav-scroller .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        color: rgba(255, 255, 255, .75);
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d;
}

    .nav-underline .nav-link:hover {
        color: #007bff;
    }

.nav-underline .active {
    font-weight: 500;
    color: #343a40;
}

.text-white-50 {
    color: rgba(255, 255, 255, .5);
}

.bg-moi {
    background-color: #202755;
}

.lh-100 {
    line-height: 1;
}

.lh-125 {
    line-height: 1.25;
}

.lh-150 {
    line-height: 1.5;
}

/*.ck-editor__editable {
    min-height: 300px;
}*/


#featured_image.dropzone, #builder_image.dropzone {
    border: none;
    padding: 0px;
}

    #featured_image.dropzone .dz-preview .dz-image, #builder_image.dropzone .dz-preview .dz-image {
        width: 100%;
        height: auto;
        border-radius: 0px;
    }


@media (min-width: 1200px) {
    .container {
        max-width: 1260px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1660px;
    }
}

.moi-card {
    border: solid 1px #c4c4c4;border-radius:1px;margin-bottom:20px;}

.moi-card-header {
    border-bottom: solid 1px #c4c4c4;
    height: 30px;
    line-height: 25px;
    background-color: #fafafa;font-size:14px;padding-left:10px;padding-right:10px;
}

.moi-card-body {
    padding:10px;
}


.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

    .form-signin .checkbox {
        font-weight: 400;
    }

    .form-signin .form-control {
        position: relative;
        box-sizing: border-box;
        height: auto;
        padding: 10px;
        font-size: 16px;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.dz-image img {
width:100%;}

label.error {
color:red;}
.btnholder button {
float:right;}

#media_file.dropzone {
border:0px !important;}


.tr_hoder {
position:relative;}
.translation_btn {
    font-size: 22px;
    color: #007bff;
    position: absolute;
    right: 10px;
    top: 3px;
}

    .translation_btn i {
    font-size:22px;}