:root {
    --se-theme-color: #0C134F;
}

.form-control {
    border-radius: 2px;
    height: 30px;
    padding: 3px 6px;
    outline: 0;
}

.th-inner {
    font-weight: 400;
}

.se-input-group {
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

.se-input-group label {
    width: 90px;
    flex-shrink: 0;
    /*	padding: 0 5px;*/
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
}

.se-input-group input,
.se-input-group select,
.se-input-group button {
    border-radius: 2px;
    height: 30px;
    padding: 3px 6px;
    outline: 0;
}

.se-input-group button {
    margin-left: 5px;
}

.se-input-group-multiplelines {
    padding: 0;
}

.btn-getinfo input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-getinfo button {
    margin-left: 0px;
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    outline: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.btn-getinfo button span {
    width: 20px;
    height: 20px;
    display: block;
    /* background-image: url(../images/getinfo_defualt.png); */
    background-position: center;
    background-repeat: no-repeat;
}

.btn-getinfo button:hover {
    background-color: #4e9beb;
    border: 1px solid #4e9beb;
}

.btn-getinfo button:hover>span {
    /* background-image: url(../images/getinfo_press.png); */
}

.btn-primary {
    background: #4e9beb;
    border-color: #4e9beb;
}

.se-btn-back {
    border: 0;
    background: #FFF;
    outline: 0;
}

.btn-container {
    padding: 10px;
    border-bottom: 1px solid #E5E5E5;
    background-color: #FFFFFF;
}

.input-detail {
    padding-left:0 !important;
    padding-top:10px;
    padding-bottom:10px;
}

.btn-enable,
.btn-disable {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    height: 32px;
    font-size: 14px;
    font-family: "微软雅黑";
}

.btn-enable {
    border: 0;
    background-color: var( --se-theme-color);
    color: #FFF;
}

    .btn-enable:hover {
        background-color: var( --se-theme-color);
        color: #FFF;
    }

.btn-enable:active,
.btn-enable:focus {
    background-color: #367fa9;
    color: #FFF;
}

.btn-enable:active:focus {
    background-color: #367fa9;
    color: #FFF;
}

.btn-disable {
    border: 1px solid #DDDDDD;
    background-color: #FFF;
    color: #000;
}

.btn-container {
    display: flex;
}

.btn-icon {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.btn-enable .add-icon {
    /* background-image: url(../images/btn_add.png); */
    width: 14px;
    height: 14px;
    background-size: 8px;
    background-color: #FFF;
    border-radius: 100%;
}

.btn-enable .plus-icon {
    /* background-image: url(../images/mimaxianshi.png); */
    width: 14px;
    height: 14px;
    background-size: 8px;
    background-color: #FFF;
}

.btn-enable .search-icon {
    /* background-image: url(../images/mimaxianshi.png); */
    width: 16px;
    height: 16px;
    background-size: 16px;
}

.btn-enable .refresh-icon {
    /* background-image: url(../images/custome/function_btn_refresh.png); */
    width: 17px;
    height: 17px;
    background-size: 17px;
}

.btn-disable .add-icon {
    /* background-image: url(../images/list_add_press.png); */
    width: 14px;
    height: 14px;
    background-size: 14px;
    background-color: #FFF;
}

.btn-disable .plus-icon {
    /* background-image: url(../images/mimayincang.png); */
    width: 14px;
    height: 14px;
    background-size: 14px;
    background-color: #FFF;
}

.btn-enable .save-icon {
    /* background-image: url(../images/function_btn_save.png); */
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.btn-disable .save-icon {
    /* background-image: url(../images/function_btn_save_unable.png); */
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.btn-enable .cancel-icon {
    /* background-image: url(../images/License_Expired.png); */
    width: 16px;
    height: 16px;
    background-size: 16px;
}

.btn-disable .cancel-icon {
    /* background-image: url(../images/window_close.png); */
    width: 16px;
    height: 16px;
    background-size: 8px;
    border-radius: 100%;
    background-color: #707070;
}

.btn-enable .delete-icon {
    /* background-image: url(../images/function_btn_delete.png); */
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.btn-disable .delete-icon {
    /* background-image: url(../images/function_btn_delete_unable.png); */
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.btn-enable .lock-icon {
    /* background-image: url(../images/custome/function_btn_unlock.png); */
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.btn-disable .lock-icon {
    /* background-image: url(../images/custome/function_btn_unlock_unable.png); */
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.btn-enable .restpwd-icon {
    /* background-image: url(../images/custome/function_btn_resetpassword.png); */
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.btn-disable .restpwd-icon {
    /* background-image: url(../images/custome/function_btn_resetpassword_unable.png); */
    width: 20px;
    height: 20px;
    background-size: 20px;
}


.copy-icon {
    /* background-image: url(../images/btn_copy.png); */
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.list-search .title {
    display: inline-block;
    padding-top: 5px;
}

.page-list {
    display: none !important;
}

.search-navbar {
    display: flex;
    align-items: center;
}

.search-navbar .search-navbar-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #eee
}

.search-navbar .add-icon {
    background-size: 20px;
    /* background-image: url(../images/action_add.png); */
}

.search-navbar .delete-icon {
    background-size: 20px;
    /* background-image: url(../images/action_delete.png); */
}

.se-search-group {
    margin: 0 auto;
}

.se-search-group input {
    height: 30px;
}

.se-search-group button {
    display: flex;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.se-search-group button i {
    display: block;
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
    /* background-image: url(../images/search_btn_default.png); */
}


input[type=checkbox] {
    width: 14px;
    height: 14px;
}

table label {
    margin-bottom: 0;
}

.date {
    position: relative;
}

.date i {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 99;
    /* background-image: url(../images/cal_default.png); */
    background-position: center;
    background-repeat: no-repeat;
}

.date input {
    padding-left: 40px;
}

.bootstrap-timepicker-widget {
    display: none !important;
}




.layui-layer-title {
    text-align: left;
}






/*表格样式*/
/* 头部颜色 */
.bootstrap-table thead tr ,
.bootstrap-table .fixed-table-container .fixed-table-header {
    background: #f5f5f5;
}


.bootstrap-table .select {
    background-color: red;
}

/* 内容间颜色 */
.bootstrap-table tr:nth-of-type(odd) td {
    background-color: #ffffff ;
}

.bootstrap-table tr td {
    background-color: #f9f9f9 ;
}

.bootstrap-table table > tbody > tr:hover td{
    background-color: #f5f5f5!important;
}

.bootstrap-table .success>td {
    background-color: #E9E9E9 !important;
    /* color: #FFFFFF !important; */
}

/* 防内容出现头部 */
.bootstrap-table > .fixed-table-container > .fixed-table-body > table {
    margin-top: -52px !important;
}


/* 自带搜索 */
.bootstrap-table .fixed-table-toolbar {
    display: none !important;
}


/* 表格高度自定義 */
.custom_no_style .bootstrap-table .fixed-table-container .table td {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    word-wrap: break-word;
}


/* 加载框样式 */
.layui-layer-content {
    padding-top: 39px;
    width: auto !important;
    background-position: center center!important;
}


/* 时间控件样式 */
.Datepicker-left {
    /* background-image: url('../images/monitor/textbox_calendar.png'); */
    background-repeat: no-repeat;
    background-size: 14px 14px;
    padding-left: 25px!important;
    background-position: 5px center;
}



/* 下拉框控件 */
/* 搜索下拉框控件樣式 */
.selectControlBox .select2-container--default .select2-selection--single {
    height: 30px;
    border-radius: 2px;
    border: 1px solid #ccc;
}
/* .selectControlBox .select2-container--default .select2-selection--single {
    padding: 3px 0px;
} */
.selectControlBox .select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc !important;
}
.selectControlBox .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #3c8dbc !important;
    border-color: #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    /* -webkit-box-shadow: none 0 1px 1px rgba(60, 141, 188, .075) !important;
    box-shadow: none 0 1px 1px rgba(60, 141, 188, .075) !important;
    border: 1px solid #3c8dbc !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; */
}
.selectControlBox .select2-container--default .select2-results > .select2-results__options {
    max-height: 350px;
}
.selectControlBox {
    width: 100%;
    height: 30px;
    overflow: hidden;
}
.selectControlBox .select2-container .select2-selection--multiple {
    min-height: 30px;
    height: 30px;
}
.selectControlBox .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}
.selectControlBox .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
    height: 100%;
}

select:hover {
    cursor: pointer;
}







/* 編輯 */
.bootstrap-table .Edit_GreyImg {
    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
    min-height: 15px !important;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 5px;
    /* background-image: url('../images/form_edit.png'); */
    cursor: pointer;
}
.bootstrap-table .Edit_GreyIcon {
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    /* background-image: url('../images/form_edit.png'); */
    cursor: pointer;
    background-position: center;
}
.bootstrap-table .Edit_WhiteImg {
    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
    min-height: 15px !important;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 5px;
    /* background-image: url('../images/form_edit_w.png'); */
    cursor: pointer;
}
.bootstrap-table .Edit_WhiteIcon {
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    /* background-image: url('../images/form_edit_w.png'); */
    cursor: pointer;
    background-position: center;
}
.bootstrap-table .Edit_RedIcon {
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    /* background-image: url('../images/form_edit_r.png'); */
    cursor: pointer;
    background-position: center;
}



/* 刪除 */
.bootstrap-table .Delete_GreyImg {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 5px;
    /* background-image: url("../images/custome/function_btn_delete_unable.png"); */
    cursor: pointer;
}
.bootstrap-table .Delete_WhiteImg {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 5px;
    /* background-image: url("../images/function_btn_delete.png"); */
    cursor: pointer;
}



/* 加人 */
.bootstrap-table .user_img {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-size: 100%;
    /* background-image: url('../images/add user.png'); */
    cursor: pointer;
}



/* 按钮组 */
.ButtonGroup {
    margin: 0 10px;
    display: flex;
}
.ButtonGroup > button {
    min-width: 40px;
    min-height: 30px;
    line-height: 30px;
    text-align: center;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    color: #1d84df;
    font-weight: bolder;
    background-color: #ffffff;
}
.ButtonGroup > button:not([disabled]):hover {
    background-color: #1d84df;
    color: #ffffff;
}
.ButtonGroup .plus_img {
    /* background-image: url('../images/function_btn_add_bule.png'); */
}
.ButtonGroup .plus_img:not([disabled]):hover {
    /* background-image: url('../images/function_btn_add.png'); */
}

.ButtonGroup .add_img {
    /* background-image: url('../images/add_defualt.png'); */
    border: 0;
}
.ButtonGroup .add_img:not([disabled]):hover {
    background-color: transparent;
}

.ButtonGroup .reduce_img {
    /* background-image: url('../images/reduce_defualt.png'); */
    border: 0;
}
.ButtonGroup .reduce_img:not([disabled]):hover {
    background-color: transparent;
}

.ButtonGroup .delete_img {
    /* background-image: url('../images/action_delete.png'); */
}
.ButtonGroup .delete_img:not([disabled]):hover {
    /* background-image: url('../images/function_btn_delete.png'); */
}

.ButtonGroup .search_img {
    /* background-image: url('../images/search_press.png'); */
}
.ButtonGroup .search_img:not([disabled]):hover {
    /* background-image: url('../images/search_press_icon.png'); */
}




.sidebar-hide .logo_mini {
    display: block;
}

.sidebar-hide .logo_big {
    display: none;
}





/* 勾选框 */
.checked_box .form-control {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.checked_box .form-control label {
    width: auto;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.checked_box .Radio_Disable_Box label {
    cursor: not-allowed;
}
.checked_box .form-control label > input {
    min-width: 14px;
    min-height: 14px;
    margin-right: 10px;
    margin-top: 0;
    cursor: pointer;
}
.checked_box .form-control label > input[disabled] {
    cursor: not-allowed;
}
.checked_box .form-control label span {
    white-space: nowrap;
}



.SelectBlue {
    color: #1D84DF;
    border-bottom: 1px #1D84DF solid !important;
    font-weight: bolder;
}
.SelectTab {
    cursor: pointer;
    border-bottom: 1px #333333 solid;
    font-weight: bolder;
}


.bootstrap-select .filter-option-inner-inner {
    color: #444;
}