@charset "utf-8";

.ui_dialog .ui_title_bar{
    height: 100%;
    border-bottom: 1px solid var(--themeColor);
}

.ui_dialog .ui_title_bar .ui_title{
    height: 40px;
    line-height: 40px;
    padding-left: 25px;
    color: var(--themeFontColor);
    background: var(--themeLightColor);
    border-bottom:var(--themeColor);
}


.ui_dialog .ui_title_buttons{
    top: 10px;
    background: var(--themeLightColor);
}

.ui_dialog .ui_close:hover,.ui_close:focus{
    color: #fff;
}

.ui_dialog .ui_close:hover{
    /*transform: rotate(360deg);*/
    /*transition: .3s;*/
}


table.ui_border  .ui_lt,.ui_rt,.ui_l,.ui_r,.ui_lb,.ui_b,.ui_t,.ui_rb{
    background:none;
}

table.ui_border .ui_c .ui_inner{
    border:none;
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    box-sizing: border-box;
}

table.ui_border, table.ui_dialog{
    border-radius:4px;
}

table.ui_border:not(.ui_state_tips ) td.ui_c{
    box-shadow: 1px 1px 5px 1px var(--themeColor);
}



.ui_dialog .ui_buttons{
    display: flex;
    justify-content: center;
}

.ui_dialog .ui_buttons input{
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: scroll;
    background: var(--buttonBgColor);
    border: 1px solid var(--buttonBdColor);
    text-shadow:none;
    letter-spacing:unset;
    color: var(--buttonColor);
    cursor: pointer;
    font-family: arial;
    font-size: 12px;
    line-height: 27px;
    height: 34px;
    overflow: hidden;
    text-align: center;
    border-radius: 4px;
    min-width: 76px;
    margin: 10px 20px;
    outline: none;
    box-shadow:none;
}

.ui_dialog .ui_buttons input:hover{
    color: var(--themeHoverColor)!important;
    border-color:var(--buttonBdColor)!important;
}

.ui_dialog .ui_buttons input:focus{
    box-shadow:none;
}

.ui_dialog input.ui_state_highlight:active{
    background:var(--buttonBgColor);
}


.ui_state_tips .ui_content{
    margin-top: -2px;
    height: 100%;
    font-size: 14px;
    line-height: 38px;
    width: 380px;
    background-color: #edf2fc;
    color: var(--ttx-info);
    border: 1px solid #ebeef5;
    border-radius: 3px;
    border-collapse: unset;
    font-weight: 400;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
    word-break: break-all;
}

.ui_state_tips .ui_content.success{
    background-color: #f0f9eb;
    color: var(--ttx-success);
    border: 1px solid #e1f3d8;
}

.ui_state_tips .ui_content.info{
    background-color: #edf2fc;
    color: var(--ttx-info);
    border: 1px solid #ebeef5;
}

.ui_state_tips .ui_content.warning{
    background-color: #fdf6ec;
    color: var(--ttx-warning);
    border: 1px solid #faecd8;
}

.ui_state_tips .ui_content.danger{
    background-color: #fef0f0;
    color: var(--ttx-danger);
    border: 1px solid #fde2e2;
}
/*Tips end*/

.ui_min:hover b, .ui_max:hover b, .ui_res:hover b{
    border-color:#fff!important;
}

div.customDialog{
    box-shadow: 1px 1px 5px 1px var(--themeColor)!important;
}


.layui-layer .layui-layer-title{
    background-color: var(--themeLightColor);
}

.layui-layer .layui-layer-content{
    background-color: var(--themeColor);
}

.layui-layer .layui-layer-btn{
    background-color: var(--themeLightColor);
}

.dialog_icon_dir_box {
    width: 126px;
    position: relative;
    height: 100px;
    margin-top: -18px;
}

.dialog_icon_dir_box a {
    background: url(../../808gps/images/icon_state.png) 0 0 no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    transition: none;
    position: absolute;
}

.dialog_icon_dir_box a:hover {
    transition: none;
}

.dialog_icon_dir_box a.icon_dir_0 {
    background-position: -39px 0;
    left: 10px;
    top: 14px;
}

.dialog_icon_dir_box a.icon_dir_0:hover, .dialog_icon_dir_box a.icon_dir_0.directionActive{
    background-position: 0 0;
}


.dialog_icon_dir_box a.icon_dir_1 {
    background-position: -39px -169px;
    left: 41px;
    top: 14px;

}

.dialog_icon_dir_box a.icon_dir_1:hover, .dialog_icon_dir_box a.icon_dir_1.directionActive {
    background-position: -0px -169px;
}

.dialog_icon_dir_box a.icon_dir_2 {
    background-position: -40px -39px;
    left: 71px;
    top: 14px;

}

.dialog_icon_dir_box a.icon_dir_2:hover , .dialog_icon_dir_box a.icon_dir_2.directionActive{
    background-position: -78px -39px;
}

.dialog_icon_dir_box a.icon_dir_3 {
    background-position: -127px -159px;
    left: 10px;
    top: 45px;
}

.dialog_icon_dir_box a.icon_dir_3:hover, .dialog_icon_dir_box a.icon_dir_3.directionActive {
    background-position: -127px -120px;
}


.dialog_icon_dir_box a.icon_dir_4 {
    background-position: -168px -159px;
    left: 71px;
    top: 45px;
}

.dialog_icon_dir_box a.icon_dir_4:hover, .dialog_icon_dir_box a.icon_dir_4.directionActive {
    background-position: -168px -120px;
}

.dialog_icon_dir_box a.icon_dir_5 {
    background-position: -39px -120px;
    left: 10px;
    top: 75px;
}

.dialog_icon_dir_box a.icon_dir_5:hover, .dialog_icon_dir_box a.icon_dir_5.directionActive {
    background-position: -0px -120px;

}

.dialog_icon_dir_box a.icon_dir_6 {
    background-position: -39px -210px;
    left: 41px;
    top: 75px;
}

.dialog_icon_dir_box a.icon_dir_6:hover, .dialog_icon_dir_box a.icon_dir_6.directionActive {
    background-position: -0px -209px;
}

.dialog_icon_dir_box a.icon_dir_7 {
    background-position: -40px -79px;
    left: 71px;
    top: 75px;
}

.dialog_icon_dir_box a.icon_dir_7:hover, .dialog_icon_dir_box a.icon_dir_7.directionActive {
    background-position: -78px -79px;
}