@-ms-viewport { width: auto !important; }
html { height: 99.9%; /* giving 99.9% intead of 100% can eliminate the IE v-scrollbar */ }
body { padding-right: 0 !important;}
a{cursor:pointer;}
.navbar { background: #0085CA !important; padding-right: 16px !important; }
.navbar .navbar-brand img { position: relative; top: -2px; margin-right: 8px; height: 18px; }
.fixed-top{z-index:10300;}
.main-section { position: relative; top: 58px; }
    .main-section .sidebar {
        width: calc((100vw * 0.05) + 188px);
        position: sticky;
        border-right: 1px #e7e7e7 solid;
        min-height: calc(100vh - 58px);
        max-height: calc(100vh - 58px);
        overflow-y:auto;
        line-height: 180%;
        z-index: 3;
        background: white;
    }
.main-section .render-body { margin-left: calc((100vw * 0.05) + 180px); padding: 15px !important;}

.footbar { background: #0085CA; padding: 10px; font-size: 11px; color: #ddd; display: none; }

.legacy-page-iframe { width: 100%; height: 100%; }
.height-vh-remained { height: calc(100vh - 150px); }

.form-control.instant-edit-label { border-color: transparent; padding-left: 0; }
.form-control.instant-edit-label:hover { cursor: pointer; background-color: #f3f3f3; }

#ShadeOverlay {
    display: none;
    background-color: #374140;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    margin-top: 0px;
    top: 0px;
    opacity: 0.7;
    z-index: 19999;
}

    #ShadeOverlay .extryLoading {
        margin: 20% auto;
        width: 140px;
        height: 30px;
        text-align: center;
        font-size: 16px;
    }

        #ShadeOverlay .extryLoading > div {
            /*background-color: #0094ff;*/
            color: #0094ff;
            height: 100%;
            /*width: 20px;*/
            font-size: 20px;
            font-weight: bold;
            display: inline-block;
            -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
            animation: stretchdelay 1.2s infinite ease-in-out;
        }

        #ShadeOverlay .extryLoading .rect2 {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s;
        }

        #ShadeOverlay .extryLoading .rect3 {
            -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s;
        }

        #ShadeOverlay .extryLoading .rect4 {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s;
        }

        #ShadeOverlay .extryLoading .rect5 {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s;
        }

#ShadeOverlay2 {
    display: none;
    background-color: #374140;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    margin-top: 0px;
    top: 0px;
    opacity: 0.7;
    z-index: 19999;
}

    #ShadeOverlay2 .extryLoading {
        margin: 20% auto;
        width: 140px;
        height: 30px;
        text-align: center;
        font-size: 16px;
    }

        #ShadeOverlay2 .extryLoading > div {
            /*background-color: #0094ff;*/
            color: #0094ff;
            height: 100%;
            /*width: 20px;*/
            font-size: 20px;
            font-weight: bold;
            display: inline-block;
            -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
            animation: stretchdelay 1.2s infinite ease-in-out;
        }

        #ShadeOverlay2 .extryLoading .rect2 {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s;
        }

        #ShadeOverlay2 .extryLoading .rect3 {
            -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s;
        }

        #ShadeOverlay2 .extryLoading .rect4 {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s;
        }

        #ShadeOverlay2 .extryLoading .rect5 {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s;
        }

#ShadeOverlayOther {
    display: none;
    background-color: #374140;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    margin-top: 0px;
    top: 0px;
    opacity: 0.7;
    z-index: 19999;
}

    #ShadeOverlayOther .extryLoading {
        margin: 20% auto;
        width: 140px;
        height: 30px;
        text-align: center;
        font-size: 16px;
    }

        #ShadeOverlayOther .extryLoading > div {
            /*background-color: #0094ff;*/
            color: #0094ff;
            height: 100%;
            /*width: 20px;*/
            font-size: 20px;
            font-weight: bold;
            display: inline-block;
            -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
            animation: stretchdelay 1.2s infinite ease-in-out;
        }

        #ShadeOverlayOther .extryLoading .rect2 {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s;
        }

        #ShadeOverlayOther .extryLoading .rect3 {
            -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s;
        }

        #ShadeOverlayOther .extryLoading .rect4 {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s;
        }

        #ShadeOverlayOther .extryLoading .rect5 {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s;
        }
@-webkit-keyframes stretchdelay {
    0%, 70%, 100% {
        -webkit-transform: scaleY(0.7)
    }

    50% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {
    0%, 70%, 100% {
        transform: scaleY(0.7);
        -webkit-transform: scaleY(0.7);
    }

    50% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.breadcrumb {
    color: #515967;
}