/*button dropdown 二層選單*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-submenu .dropdown-item.hover {
    color:#db593b;
    text-decoration:none;
    background-color:#f8f9fa;
} 
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*datatable裡的datatable*/
.tableinside {
    padding-bottom:12px !important;
    padding-left:0px !important;
    padding-right:0px !important;
}
.tableinside th{
    text-align:left;
    padding-left:12px;
}
.odd .table-spec tr {
    border-bottom:1px solid #ffffff;
}
.even .table-spec tr {
    border-bottom:1px solid #e9eef2;
}
.table-spec tr:last-child {
    border-bottom:0px;
}
.table-spec tr.odd {
    background-color:#f2f4f8;
}
.table-spec tr.even {
    background-color:#ffffff;
}
.table-spec td {
    padding:8px 12px;
}
.table-spec td.name{
    padding:3px;
    
}
.table-spec td {
    border: 0px;
    vertical-align: middle;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*浮動的功能列*/
.tmptablebutton{
    display: none;
    position:fixed;
    top:0px;
    width:100%;
    background-color:#FFFFFF;
    z-index:999;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*自訂格式*/
.dataTable li{
    list-style: none;
    padding:3px 0px;

}

.maintable {
    width:100% !important;
    min-width:800px;
}

.mainbody{
    padding-top:0px !important;
}
.preloader{
    display: none;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*tab的頁籤格式及裡面的datatable*/
.modal a.nav-link.active {
    background-color: transparent !important;
    border-bottom: 3px solid #e8596f;
    color: #e8596f !important;
}

.modal a.nav-link {
    color: #000000 !important;
    border-radius: 0px;
}

.modal a.nav-link:hover {
    color: #e8596f !important;
}

.nav-pills .nav-link {
    border-radius: 0px;
}
.tab-pane{
    padding-top:20px;

}
.itemlist{
    margin-top:20px;
}
.itemlist thead{
    background-color:#e9eef2;
} 
.itemlist thead th{
    border:1px solid #FFFFFF;
} 
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.button-group .purchasemode{
    display: none;
}

.container-fluid{
    padding-top:0px !important;
}

.container-fluid .card{
    margin-bottom:15px !important;
}


.label {
    padding: 3px 10px;
    line-height: 13px;
    color: #fff;
    font-weight: 400;
    border-radius: 2px;
    font-size: 75%
}

.label-rounded {
    border-radius: 60px
}

.label-custom {
    background-color: #27a9e3
}

.label-success {
    background-color: #28b779
}

.label-info {
    background-color: #2255a4
}

.label-warning {
    background-color: #ffb848
}

.label-danger {
    background-color: #da542e
}

.label-megna {
    background-color: #27a9e3
}

.label-primary {
    background-color: #7460ee
}

.label-purple {
    background-color: #7460ee
}

.label-red {
    background-color: #da542e
}

.label-inverse {
    background-color: #343a40
}

.label-default {
    background-color: #f8f9fa
}

.bootstrap-tagsinput{
    width:100%;
}

#pics .card .el-card-item{
    width:170px;
    height:170px;
    border:1px dashed #CCCCCC;
}

.ajaxloader {
    width: 100%;
    height: 100%;
    display: none;
}

    .ajaxloader .mask {
        width: 100%;
        height: 100%;
        top: 0px;
        position: fixed;
        z-index: 99998;
        /*background: transparent;*/
        background-color: #FFFFFF;
        opacity: 0.5;
    }

    .ajaxloader .lds-ripple {
        position: fixed;
        opacity: 1;
        z-index: 99999;
    }

    .ajaxloader .message {
        margin-top: 60px;
        margin-left: 0px;
        width: 100%;
        text-align: center
    }

/*讓文字只顯示兩行*/
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis; /* 文本溢出时显示省略号来代表被修剪的文本 */
    display: -webkit-box; /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical; /* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 2; /* 文本需要显示多少行 */
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: #f3b44b !important;
}