@charset "utf-8";

html,
body {
    background: #000000;
    color: #fff;
}

table {
    word-break: break-word;
}

table span {
    word-break: break-word;
}

a {
    color: #fff;
}

.ab-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes reo-k-loading {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes reo-k-xcharging {
    100% {
        width: 100%;
    }
}

@keyframes reo-k-ycharging {
    100% {
        height: 100%;
    }
}

.reo-loading-animation {
    animation: reo-k-loading 1s linear infinite;
}

.mask-box {

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    opacity: 0.9;
    display: none;
    z-index: 999;
    text-align: center;
}

.mask-box .loading-img,
.mask-box .right-view-status-prompt {
    display: none;
}
.mask-box.show-loading-img,
.mask-box.show-status-prompt,
.mask-box.show-loading-img .loading-img,
.mask-box.show-status-prompt .right-view-status-prompt {
    display: block;
}
.mask-box.show-status-prompt {
    background: transparent;
}
.right-view-status-prompt {
    background-color: #222;
    color: #f7f8f9;
    font-size: 14px;
    font-weight: 400;
    min-width: 210px;
    padding: 6px 20px;
    border-radius: 6px;
}

.header_blueBG {
    background: linear-gradient(180deg, rgba(34, 34, 34, 1) 0%, rgba(0, 0, 0, 1) 100%);
    ;
}

.preLeft_menu_box {
    width: 238px;
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e5e5e5 50%, #e5e5e5 100%);
}

.pb_menu_box {
    width: 238px;
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e5e5e5 50%, #e5e5e5 100%);
}

.popover {
    background-image: url(../img/white_popoverBG.png);
    background-repeat: repeat-x;
}

.loginLogo {
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
}

.tab-slice01,
.cetvel {
    background-image: url(../img/allbg.png);
    background-repeat: repeat-x;
}

.iconName,
.iconPass,
.iconLang {
    background-image: url(../img/icons.png);
    background-repeat: no-repeat !important;
}

.pre_ptz_up_left,
.pre_ptz_control_decrease,
.pre_ptz_control_increase,
.pre_ptz_control_zoom,
.pre_ptz_control_iris,
.pre_ptz_control_focus,
.pre_ptz_down,
.pre_ptz_down_right,
.pre_ptz_down_left,
.pre_ptz_left,
.pre_ptz_up_right,
.pre_ptz_up,
.pre_ptz_right,
.pre_ptz_scan {

    background-image: url(../img/preview_ptz.png);
}

.loginLeft,
.loginRight {
    background-image: url(../img/bg-Login.png);
    background-repeat: repeat-x;
}

.loginContent {
    background-image: url(../img/bg-login-big.png);
    background-repeat: no-repeat;
}

.cam_01 {
    background-image: url(../img/cam01.jpg);
}

.cam_02 {
    background-image: url(../img/cam02.jpg);
}

.cam_03 {
    background-image: url(../img/cam03.jpg);
}

.cam_04 {
    background-image: url(../img/cam04.jpg);
}

.CPU {
    background-image: url(../img/cpu.png);
    background-repeat: no-repeat;
}

.fix {
    *zoom: 1;
}

.fix:after {
    display: table;
    content: '';
    clear: both;
}