﻿.qrm-pointer {
    cursor: pointer;
}

.k-loading-mask {
    z-index: 99999;
}

/* 主頁內容跟著 app-main 走*/
.ap-content-wrapper {
    width: inherit;
    height: inherit;
}

.layout-user-info-menu {
    z-index: 10;
}

.ap-content-wrapper-min {
    max-height: 0;
}

/* 子頁面的[返回] icon*/
.page-title .qrm-back {
    border-right: 1px solid #BFC4DE;
    padding-right: 3px;
}

/* 數字靠右 */
.k-numerictextbox .k-formatted-value,
.k-numerictextbox input[data-role=numerictextbox],
.k-numerictextbox input[data-role=ttcnumerictextbox] {
    text-align: right;
    padding-right: 5px;
}

/* kendo grid 數字欄位靠右 */
.k-grid .k-grid-content .num[role=gridcell] {
    text-align: right;
}

/*kendo grid 數字欄位 header 靠右*/
.k-grid .k-grid-header-wrap .k-header.num {
    text-align: right;
}

/* 圖片上傳提示訊息 */
.ttc-upload-shift .ttc-file-notice {
    padding-left: 183px;
}

.ttc-file-notice {
    display: block;
    padding-top: 2px;
    color: #BFC4DE;
}

.ttc-upload-shift .logo-change-area {
    margin-left: 183px;
}

/* 圖片預覽刪除按鈕 */
.logo-change-area.deletable {
    position: relative;
    margin-top: 20px;
}

    .logo-change-area.deletable .deletetype {
        position: absolute;
        right: -15px;
        top: -15px;
        width: 30px;
        height: 30px;
        font-size: 15px;
        color: #888888;
        background-color: #fff;
        border: 1px solid #DDDDDD;
        border-radius: 100%;
        box-sizing: border-box;
        cursor: pointer;
    }

        .logo-change-area.deletable .deletetype:hover {
            background-color: #888888;
            color: #fff;
        }

.ap-nav .logo {
    overflow: hidden;
}

.clipboard-wrapper {
    position: relative;
}

    .clipboard-wrapper > .k-textbox {
        padding-right: 2.75rem;
    }

    .clipboard-wrapper .clippy {
        background: #FFF;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: 0;
        padding: 0;
        width: 2.25rem;
        line-height: 0;
        border-color: #DEDEE2;
        border-radius: 0 4px 4px 0;
    }

    .clipboard-wrapper *:focus ~ .clippy {
        border-color: #FFBF00;
    }

    .clipboard-wrapper .clippy.hidden {
        opacity: 0;
        left: 0;
        width: 100%;
        top: -.5rem;
        bottom: -.5rem;
        display: block;
    }


/* 修正表單群組用到float導致跑板問題 */
.form-group:after {
    content: "";
    display: block;
    clear: both;
}


.k-tooltip-content {
    text-align: left;
}

/* 內容超出3行的部分用省略號代替 */
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}




.setting-section .window-form .form-group .system-setting-tabstrip-top  .k-tabstrip-items {
    width: auto;
    padding-top: 0;
    margin: 0;
}

    .setting-section .window-form .form-group .system-setting-tabstrip-top .k-tabstrip-items .k-item {
        margin: 0;
    }

        .setting-section .window-form .form-group .system-setting-tabstrip-top .k-tabstrip-items .k-item .k-link {
            padding: .5em .92em;
            margin: 0;
        }

            .setting-section .window-form .form-group .system-setting-tabstrip-top .k-tabstrip-items .k-item .k-link:after {
                width: 100%;
                height: 3px;
                top: auto;
                bottom: 0;
                background: none;
                background-color: #FFA100;
                position: absolute;
            }

.setting-section .window-form .form-group .system-setting-tabstrip-top  .k-content {
    padding: 10px;
    height: auto;
}

.setting-section .window-form .form-group .system-setting-tabstrip-top  .form-input {
    max-width: 550px;
}


@media only screen and (max-width: 1024px) {
    .k-edge .k-grid .k-pager-numbers:first-child, 
    .k-ff .k-grid .k-pager-numbers:first-child, 
    .k-ie11 .k-grid .k-pager-numbers:first-child, 
    .k-safari .k-grid .k-pager-numbers:first-child, 
    .k-webkit .k-grid .k-pager-numbers:first-child {
        display: none;
    }
}