/***** 
    bootstrap 
*/
.selector-for-some-widget {
    box-sizing: content-box;
}

/***** 
    bootbox 
*/
.bootbox-body {
    word-break: break-word;
}

/***** 
    bootstrap-selectpicker 下拉選單外框
*/
button[type="button"][data-bs-toggle="dropdown"][role="combobox"] {
    border: 1px solid #ccc;
}
    /* for $dom.view */
    button[type="button"][data-bs-toggle="dropdown"][role="combobox"].gs-readonly {
        border: 0px solid #ccc;
    }

        /* for $dom.view */
        button[type="button"][data-bs-toggle="dropdown"][role="combobox"].gs-readonly::after {
            border: 0px solid #ccc;
            display: none;
        }

/***** 
    去除 amcharts 浮水印 
*/
a[href="http://www.amcharts.com"], a[href="http://www.amcharts.com/javascript-charts/"] {
    display: none !important;
}

/***** 
    去除 bootbox header 底線 
*/
div.bootbox.modal div.modal-header {
    border-bottom: 0 !important;
    text-shadow: rgba(0, 0, 0, 0.13) 0.1em 0.1em 0.2em;
}


/*****
    fix bootbox close button : 因為bootbox還不支援BS5
*/
.bootbox.modal .close {
    float: right;
    font-size: 1.40625rem;
    font-weight: 600;
    line-height: 1;
    color: #000;
    text-shadow: none;
    opacity: .5;
}

    .bootbox.modal .close:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

        .bootbox.modal .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
            color: #000;
            text-decoration: none;
            opacity: .75;
        }

.bootbox.modal button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

/***** 
    文字陰影 
*/
.gs-text-shadow {
    text-shadow: rgba(0, 0, 0, 0.13) 0.1em 0.1em 0.2em;
}

/***** 
    用於一組RADIO的背景色    
    <div class="input-group gs-radio-box">
          <div class="custom-control custom-radio custom-control-inline">
               <input type="radio" class="custom-control-input" id="a" value="1">
               <label class="custom-control-label" for="a">是</label>
          </div>
          <div class="custom-control custom-radio custom-control-inline">
               <input type="radio" class="custom-control-input" id="b" value="0" checked>
               <label class="custom-control-label" for="b">否</label>
          </div>
    </div>
*/
.gs-radio-box {
    background-color: #f8f9fa;
    padding: 6px 10px;
    border-radius: 4px;
}

/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/

/*******************************************************************************/
/*******************************************************************************/
/* 主要是 gs.helper.errors 用 */
/*******************************************************************************/
/*******************************************************************************/

/***** 
    錯誤訊息視窗標題樣式 
*/
.gs-error-tile {
    color: #465962;
    font-weight: bold;
    font-size: 1.15rem;
}

/***** 
    錯誤訊息視窗項目樣式 
*/
.gs-error-item {
    color: #E91E63;
    font-weight: bold;
}

/*******************************************************************************/
/*******************************************************************************/
/* 主要是  gs.helper.jqhelper.$dom 用 */
/*******************************************************************************/
/*******************************************************************************/

/***** 
    唯讀 style 
*/
.gs-readonly {
    background: #fafafa !important;
    background-color: #fafafa !important;
    opacity: 1 !important;
    border: 1px solid transparent !important;
    resize: none !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.gs-readonly-bg-transparent {
    background: transparent !important;
    background-color: transparent !important;
    opacity: 1 !important;
    resize: none !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.gs-readonly-transparent {
    background: transparent !important;
    background-color: transparent !important;
    opacity: 1 !important;
    border: 1px solid transparent !important;
    resize: none !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

/***** 
    驗證錯誤欄位可使用這個來表示 
*/
input.error, textarea.error, select.error {
    border: 1px solid #E91E63;
}

/***** 
    驗證錯誤欄位表示，用在LABEL 
*/
label.error {
    color: #d33333;
}

    label.error::before {
        content: "*";
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px;
        margin-left: 3px;
    }

/***** 
    隱藏元素的  before
*/
*.before-hide:before {
    display: none !important;
}

/***** 

*/
.sys-formlable {
    color: #0f675f;
    /* text-shadow: rgba(0, 0, 0, 0.13) 0.1em 0.1em 0.2em; */
    margin-bottom: 0px;
    font-weight: 700 !important;
}

/***** 
    必填欄位表示，用在LABEL 
*/
label.required:before {
    content: '*';
    color: #E91E63;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
    font-weight: bold;
    font-size: 1.2rem;
}

label.norequired:before {
    content: '';
    color: transparent;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: bold;
}


/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/