/*
+==============================================================================
|
|    Copyright(c) 2020 IMS. All Rights. Reserved.
|
|  ・システム     ： クリーニング店向けＰＯＳシステム
|
+==============================================================================
|
|   ダイアログ系共通スタイルシート
|
|=== 改 版 履 歴 ==============================================================
| Date         Author           Reference                              Version
|==============================================================================
| 2020/02/27   IMS下平          新規作成                               1.0.0
|
|
===============================================================================
*/
@charset "UTF-8";

.dialog-pane {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
}

.ui-dialog {
    padding: 0px !important;
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
}

.ui-dialog, .ui-dialog-buttonpane { 
    background: #ffffff !important;
}

.ui-dialog-titlebar {
    height: 40px !important;
}

.ui-dialog-title {
    margin: 0px !important;
    width: 100% !important;
}

/* タイトル（共通） */
div.ui-dialog-titlebar {
    border-radius: 0px !important;
    background: #013c95 !important;
    border: 1px solid #013c95 !important;
    color: #ffffff !important;
    width: 100%;
    text-align: center;
}

/****************************** メニュー *******************************/

/* ダイアログ本体 */
div.menu-dialog {
    width: 100% !important;
    height: 100% !important;
    background-image: url("../Content/Themes/images/menu_bg.jpg") !important;
    background-size: cover !important;
    padding-left: 0px !important;
}
div.menu-dialog > div.ui-dialog-content {
    padding: 0px !important;
}
.btn-dialog-ok {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #013c95;
    border: 1px solid #013c95;
    border-radius: 8px;
    cursor: pointer;
    height: 30px;
    width: 120px;
    font-size: 16px !important;
}

    .btn-dialog-ok:hover {
        font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
        color: #ffffff;
        background: #0065d8;
        border: 1px solid #0065d8;
        border-radius: 8px;
        cursor: pointer;
        height: 30px;
        width: 120px;
        font-size: 16px !important;
    }

.btn-dialog-cancel {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #c0272d;
    border: 1px solid #c0272d;
    border-radius: 8px;
    cursor: pointer;
    height: 30px;
    width: 120px;
    font-size: 16px !important;
}

.btn-dialog-cancel:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #f05a24;
    border: 1px solid #f05a24;
    border-radius: 8px;
    cursor: pointer;
    height: 30px;
    width: 120px;
    font-size: 16px !important;
}

.btn-dialog {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #54c3ff;
    background: -webkit-gradient( linear, left top, left bottom, from(#edfaf7), to(#8afbff));
    background: linear-gradient( top, #edfaf7 0%, #8afbff);
    background: -ms-linear-gradient( top, #edfaf7 0%, #8afbff); /* IE対応用 */
    border-radius: 20px;
    border: 1px solid #54c3ff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 10px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    cursor: pointer;
    height: 40px;
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    font-size: 18px !important;
}

.btn-dialog:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, from(#8cf7ff), to(#8afbff));
    background: linear-gradient( top, #8cf7ff 0%, #8afbff);
    background: -ms-linear-gradient( top, #8cf7ff 0%, #8ce8ff); /* IE対応用 */
    border-radius: 20px;
    border: 1px solid #54c3ff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 10px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    cursor: pointer;
    height: 40px;
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    font-size: 18px !important;
}


input[type=checkbox] {
    height: 20px;
    width: 20px;
    position: relative;
    top: 2px;
}

input[type=radio] {
    height: 20px;
    width: 20px;
    position: relative;
    top: 2px;
}

.ui-progressbar-value.ui-widget-header {
    border: 1px solid #88cbf7 !important;
    background: url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) #88cbf7 repeat-x 50% 50% !important;
    margin: 0px !important;
    height: 100% !important;
}

.ui-progressbar.ui-widget {
    font-size: 15px !important;
}