@import "../main.css";
/** simpliq icon */
@import "../../simpliq/stylesheets/font-awesome.min.css";
/** ml_page.css */
@import "../../../statics/common/css/ml_page.css";

@media print {
    /** 印刷時のZoom・基本画面サイズ */
    body {
        zoom : 100%;
        width: 1000px !important;
    }
    /** 印刷時フォント ja:MS 明朝 en:Times New Roman cn: */
    body.ja {
        font-family: "MS 明朝", serif;
    }

    body.en {
        font-family:Times New Roman, Times, Minion Web;
    }

    body.cn {
    }

    /** 問い合わせ先住所を2行表示にする(タイが改行される) */
    #main_footer .contacts .contact .address {
        height : 50px;
    }
    /** サイドメニュー・広告を非表示化 (TOPページでは表示するため .not-printableにはしない)*/
    #side_menu, #frame_ad_content {
        display:none;
    }
    /** 印刷対象外項目を非表示に設定 */
    .not-printable {
        display:none !important;
    }
    /** パンくずリストを非表示にする */
    .breadcrumb {
        display:none;
    }

    /** ロゴ画像の位置調整 */
    .navbar-brand>img {
        margin-top : -15px;
    }

    /** Copyrightを印刷用に変更 */
    #main_footer .footer-menu .print-copyright {
        display: block;
    }
    /** サイドバーの領域分、左に寄せる */
    .container-fluid{
        margin-left: -180px;
    }

    /** 台数DBグラフはサイドメニューが存在しないので、左寄せを戻す */
    /**
    #number_graph {
        margin-left : 180px;
    }*/

    /** 台数DBグラフ凡例のfloatを解除 */
    /**
    .graph-legends {
        clear : both;
    }*/

    /** bootstrap gridデザインがA4印刷時にxsに変更されるので元のスタイルを定義しておく */
    .col-md-1 {
        width : 8.33333333% !important;
        float : left !important;
    }
    .col-md-2 {
        width : 16.66666667% !important;
        float : left !important;
    }
    .col-md-3 {
        width : 25% !important;
        float : left !important;
    }
    .col-md-4 {
        width : 33.33333333% !important;
        float : left !important;
    }
   .col-md-5{
        width : 41.66666667% !important;
        float : left !important;
   }
   .col-md-6 {
        width : 50% !important;
        float : left !important;
    }
   .col-md-7 {
        width : 58.33333333% !important;
        float : left !important;
    }
    .col-md-8 {
        width: 66.66666667% !important;
        float : left !important;
    }
    .col-md-9 {
        width : 75% !important;
        float : left !important;
    }
    .col-md-10 {
        width : 83.33333333% !important;
        float : left !important;
    }
    .col-md-11 {
        width : 91.66666667% !important;
        float : left !important;
    }
    .col-md-12 {
        width : 100% !important;
        float : left !important;
    }
}