/*Loader code Starts*/
.loaderCntr-custom {
    width: 100%;
    height: 100%;
    float: left;
    z-index: 999998;
    background: #000;
    opacity: 0.4;
    position: absolute;
}

.loadingWrapper-custom {
    width: 100%;
    height: 100%;
    float: left;
    display: none;
    position: absolute;
}

.loader-custom {
    background-image: url(../../global/img/Spinner.gif);
    background-repeat: no-repeat;
    background-size: 100px 100px;
    z-index: 999999;
    margin: 0 auto;
    z-index: 999999;
    min-width: 100px;
    max-width: auto;
    height: 100px;
    position: fixed;
    top: 45%;
    left: 38.7%;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#loaderText-custom, #loaderText_poller-custom {
    font-weight: 600 !important;
    padding: 15px 3px 0px;
    font-size: 17.5px;
    animation: type 2s infinite;
    white-space: nowrap;
    overflow: hidden;
    width: 250px;
    color: #000 !important;
    margin-bottom: 0;
}

    #loaderText-custom p {
        animation: blink 1s infinite;
    }
.loadingWrapper-custom .close-custom {
    padding: 0px 3px 0px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    width: 250px;
    color: #0073b0 !important;
    margin-bottom: 0;
    margin-top: 5px;
}

    .branding-custom {
        width: 300px;
        position: fixed;
        top: 45%;
        left: 45%;
        z-index: 999999;
        height: 100px;
        background-color: #fff;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        /*margin-top: 110px;
    margin-left: -60px;*/
    }
/*.brandLogo{background-image: url(../../assets/img/logo.png);background-repeat: no-repeat;width:29px;height:29px;float: left;margin-top: -3px;}*/
@keyframes blink {
    to {
        opacity: .0;
    }
}

@keyframes type {
    from {
        width: 0;
    }
}
/*Loader code Ends*/

/*Notifications code Starts*/

#notificationBar {
    display: block;
    position: fixed;
    right: -600px;
    top: 70px;
    height: 80px;
    line-height: 80px;
    width: 430px;
    box-shadow: 3px 3px 7px #ccc;
    filter: progid:DXImageTransform.Microsoft.Glow(Color=black,Strength=20);
    font-weight: 600px;
    float: right;
    z-index: 999999;
}

.notificationPb {
    position: fixed !important;
    top: 70px !important;
}

#notificationBar .statusImgCntr {
    width: 0%;
    float: left;
    height: 100%;
}

.success {
    background: green;
}

.warning {
    background: orange;
}

.error {
    /*background: #C62828;
    border: 1px solid #C62828;*/
}

.status {
    font-weight: 500;
    color: white;
}

.success .statusImg {
    background-image: url(../../assets/img/successNotification.png);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    float: left;
    margin: 23px 0 0px 13px;
}

.warning .statusImg {
    background-image: url(../../assets/img/warningNotification.png);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    float: left;
    margin: 23px 0 0px 13px;
}

.error .statusImg {
    background-image: url(../../assets/img/errorNotification.png);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    float: left;
    margin: 23px 0 0px 13px;
}

#notificationBar .statusText {
    width: 87%;
    float: left;
    background: #f1f1f1;
    height: 100%;
    text-align: center;
    font-size: 15px;
    padding: 2px;
    white-space: pre-line;
    vertical-align: middle;
    line-height: normal;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.success .statusText {
    border-top: 2px solid green;
    border-right: none;
    color: green;
}

.warning .statusText {
    border-top: 2px solid orange;
    border-right: none;
    color: orange;
}

.success .closeNotificationCntr {
    border-top: 2px solid green;
    border-left: none;
}
.success .closeNotificationCntr .closeNotification i {
    color: green;
}

.warning .closeNotificationCntr {
    border-top: 2px solid orange;
    border-left: none;
}
.warning .closeNotificationCntr .closeNotification i {
    color: orange;
}

.error .statusText {
    border-top: 2px solid #C62828;
    border-right: none;
    color: #C62828;
}

.error .closeNotificationCntr {
    border-top: 2px solid #C62828;
    border-left: none;
}
.error .closeNotificationCntr .closeNotification i {
    color: #C62828;
}

#notificationBar .closeNotificationCntr {
    width: 13%;
    background: #f1f1f1;
    float: right;
    height: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

    #notificationBar .closeNotificationCntr:hover {
        background: #f1f1f1;
    }

#notificationBar .closeNotification {
    background-image: url(../../assets/img/closeNotificationNew.png);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    float: left;
    margin: 0;
    cursor: pointer;
}

/*Notifications code Ends*/