@CHARSET "UTF-8";

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}


.slideout-button,
.slideout-menu {
    display: none;
}
@media screen and (max-width:1200px) {

    .dashboard-navi li {
        min-width: inherit;
    }
    
    
    .dashboard-navi a {
        padding: 0;
    }
    
    .typo-logo {
        display: none;
    }
    
    .dashboard-navi {
        padding-left: 270px;
    }
    
}


@media screen and (max-width:768px) {

    .cke_editor_editor1 {
        top: 0 !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
    }

    .typo-logo {
        display: block;
    }

    .jconfirm .jconfirm-box-container {
        background-image: none;
        padding-right: 0;
    }

    .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>* {
        line-height: 30px;
    }

    .slideout-button,
    .slideout-menu {
        display: block;
        z-index: 10;
    }
    
    .slideout-button {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 11;
    }
    
    .slideout-menu-right {
        right: -256px;
        transition: ease 0.5s;
    }
    
    .slideout-menu-open {
        right: 0;
    }
    
    .mobile-navi {
        margin-top: 50px;
    }    
    
    .mobile-navi li {
        display: block;
        margin-bottom: 0;
        padding-right: 20px;
        text-align: right;
    }

    .dashboard-navi {
        display: none;
    }

    header {
        min-height: 100px;
    }

    .dashboard-navi {
        zoom: 60%;
    }
    
    .typo-logo {
/*         display: none; */
    }
    
    div.logo {
        margin-top: 10px;
        zoom: 80%;
    }
    
    .dashboard-navi {
        position: absolute;
        top: 100px;
        width: 100%;
        box-sizing: border-box;
        padding-left: 0;
    }
    
    .dashboard-navi li.logout {
        top: -80px;
    }
    
    .flex-sm {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .editor-navi {
        margin-top: 20px;
        width: 100%;
    }

    .editor-content {
        margin-left: 0;
    }
        
    .no-flex-sm {
       display: block;  
    }

    .preview-mail {
        zoom: 70%;
    }
    
    .address {
       font-size: 14px; 
    }
    
    .send-mail-image-test {
        width: 75%;
        margin: 20px 0 0 60px;
    }
    
}