body:not(.is_loaded) {
    background-color: #1ab394;
    -webkit-animation: random 0s infinite;
    animation: random 0s infinite;
}
body.auth {
    background-color: #3852a6 !important;
}
body.icp_blue:not(.is_loaded) {
    background-color: #3852a6 !important;
}
body.recevent:not(.is_loaded) {
    background-color: #d60033 !important;
}
body.spark:not(.is_loaded) {
    background-color: #08737d !important;
}
body.mim:not(.is_loaded) {
    background-color: #fff !important;
}

body.ipideng:not(.is_loaded) {
    background-color: #fff !important;
}

body.recevent #page-wrapper.gray-bg {
    background-color: #f4f4fa !important;
}
body.recevent .search-wrapper .search-queryfield .filter-btn {
    background-color: #d60033 !important;
}
body.recevent .report_btn .lazur-bg {
    background-color: #d60033 !important;
}
.icp_intro {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #1ab394 !important;
}
body.icp_blue .icp_intro {
    background-color: #3852a6 !important;
}
body.recevent .icp_intro {
    background-color: #d60033 !important;
}
body.spark .icp_intro {
    background-color: #08737d !important;
}
body.mim .icp_intro {
    background-color: #fff !important;
}
body.ipideng .icp_intro {
    background-color: #fff !important;
}

.login-box .logo {
    height: 240px;
    background: url("./assets/svg/icp-icproject-WPZ-color.svg") no-repeat center center;
    background-size: 500px 240px;
}

.icp_intro .logo {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -145px;
    margin-left: -250px;
    width: 500px;
    height: 290px;
    background: url("./assets/svg/icp-icproject-WPZ-white.svg") no-repeat center center;
    background-size: 500px 290px;
    animation-name: pulse_animation;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

body.ipideng .icp_intro .logo {
    margin-top: -186px;
    margin-left: -250px;
    width: 500px;
    height: 373px;
    background: url("./assets/images/ipid.png") no-repeat center center;
    background-size: 500px 373px;
    transform-origin: 70% 70%;
}

body.spark .icp_intro .logo {
    margin-top: -147px;
    margin-left: -117px;
    width: 234px;
    height: 295px;
    background: url("./assets/images/spark.png") no-repeat center center;
    background-size: 234px 295px;
    transform-origin: 70% 70%;
}

body.mim .icp_intro .logo {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -321px;
    width: 643px;
    height: 378px;
    background: url("./assets/images/mim.jpg") no-repeat center center;
    background-size: 643px 378px;
    animation-name: pulse_animation;
    animation-duration: 1500ms;
    transform-origin: 70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

body.has_template .page-wrapper {
    padding-bottom: 30px;
}

@keyframes pulse_animation {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scale(1);
    }
    40% {
        transform: scale(1.08);
    }
    50% {
        transform: scale(1);
    }
    60% {
        transform: scale(1);
    }
    70% {
        transform: scale(1.05);
    }
    80% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.is_loaded .icp_intro {
    animation-name: fadeOut !important;
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    display: none;
}
.resolution-info {
    display: none;
}
body {
    display: block;
    padding: 0;
}

@media screen and (max-width: 1160px) {
    body:not(.ticket-lp) {
        background-color: #2f4050 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 25px;
    }
    body:not(.ticket-lp) app {
        display: none;
    }
    body:not(.ticket-lp).is_loaded .resolution-info {
        display: block;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    body:not(.ticket-lp) .resolution-info .app-icons {
        margin-top: 20px;
    }
    body:not(.ticket-lp) .resolution-info .app-icons img {
        width: 45px;
    }
    body:not(.ticket-lp) .resolution-info .app-icons img.ios {
        width: 60px;
    }
}