.ajaxBackground, .alertBackground, .popupBackground, .popupBackgroundAddtional, .popupBackgroundAddtional {
    background-color: #000000 !important;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}

.ajaxBackground {
    z-index: 9998;
}

.loadernew {
    width: 65px;
    aspect-ratio: 1;
    border: 15px solid #ddd;
    border-radius: 50%;
    position: relative;
    transform: rotate(45deg);
}

.loadernew::before {
    content: "";
    position: absolute;
    inset: -15px;
    border-radius: 50%;
    border: 15px solid #5d068f;
    animation: l18 2s infinite linear;
}

@keyframes l18 {
    0% {
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0 )
    }

    25% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0 )
    }

    50% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)
    }

    100% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0 )
    }
}


.alertBackground {
    z-index: 9098;
}

.popupBackground {
    z-index: 9008;
}

.popupBackgroundAddtional {
    z-index: 9999;
}

.ajaxloderpopup {
    background-color: #FFFFFF;
    position: absolute;
}

.popupctrl, .alertpopup {
    position: absolute;
    border-radius: 8px;
}

.popupctrlAdditional, .alertpopup {
    position: absolute;
}

.ajaxloderpopup {
    border: 2px solid #000000;
    width: 66px;
    height: 66px;
    z-index: 9999;
    border-radius: 10%;
}

.left, .mid, .rgt {
    float: left;
    margin-left: -5px;
}

.left, .top .mid, .btm .mid, .rgt {
    height: 18px;
}

.rgt {
    width: 13px;
}

.alertpopup .cen {
    background-color: white;
    border-radius: 5px;
}

    .alertpopup .cen .mid {
        /*background-color: #4797FB;*/
    }

    .alertpopup .cen .rgt {
        /* background: url("Image/Alert/alert_left_rgt.png") repeat-y scroll -13px 0;*/
    }

    .alertpopup .cen .left {
        /* background: url("Image/Alert/alert_left_rgt.png") repeat-y scroll 0 0;*/
    }

.alertpopup .top .mid {
    /* background: url("Image/Alert/alert_top_btm.png") repeat-x scroll 0 0;*/
    width: 25px;
}

.alertpopup .top .rgt {
    /* background: url("Image/Alert/alert_arc.png") no-repeat scroll -13px 0;*/
}

.alertpopup .top .left {
    /* background: url("Image/Alert/alert_arc.png") no-repeat scroll 0 0;*/
}

.alertpopup .btm .mid {
    /*background: url("Image/Alert/alert_top_btm.png") repeat-x scroll 0 -14px;*/
    width: 25px;
}

.alertpopup .btm .rgt {
    /* background: url("Image/Alert/alert_arc.png") no-repeat scroll -13px -14px;*/
}

.alertpopup .btm .left {
    /*background: url("Image/Alert/alert_arc.png") no-repeat scroll 0 -14px;*/
}

.alertpopup {
    z-index: 10099;
    margin: 200px 8px 8px 8px;
    box-shadow: 0px 6px 42px 8px rgb(38 38 38)
}

.alertpopuphead {
    cursor: move;
    float: left;
    font-family: arial;
    font-size: 9px;
    height: 26px;
    line-height: 26px;
    padding-right: 0;
    text-align: right;
    width: 100%;
}

.arrowsec {
    float: left;
    padding: 16px 0 0 5px;
}

    .arrowsec div.arrow {
        background: url("Image/Alert/Arrow_big.gif") no-repeat scroll 0 0;
        display: table;
        float: left;
        height: 28px;
        width: 22px;
    }

ul.msgul {
    color: #FFFFFF;
    float: left;
    list-style-type: none;
    margin: 15px;
    padding: 0 0 0 15px;
    font-size: 12px;
}

    ul.msgul li {
        background-image: url("Image/Alert/arrow_small.png");
        background-repeat: no-repeat;
        color: #000000;
        font-size: 12px;
        line-height: 18px;
        padding-left: 20px;
    }

.Ealert, .Salert, .Ialert, .Qalert {
    height: 1px;
    width: 48px;
}

.Ealert {
    background: url("Image/Alert/error.png") no-repeat scroll 0 0;
}

.Salert {
    background: url("Image/Alert/sucess.png") no-repeat scroll 0 0;
}

.Ialert {
    background: url("Image/Alert/Info.png") no-repeat scroll 0 0;
}

.Qalert {
    background: url("Image/Alert/question.png") no-repeat scroll 0 0;
}

.alertpopuphead .Salert .alertMsg {
    text-align: center;
}

.alertpopupclose {
    float: right;
    padding-bottom: 10px;
}

    .alertpopupclose .cbtn, .bleft, .bmid, .brgt {
        cursor: pointer;
        float: left;
        height: 22px;
        line-height: 22px;
        margin-right: 20px;
    }

        .alertpopupclose .cbtn .bleft {
            background: url("Image/Alert/Button.png") no-repeat scroll 0 0;
            width: 7px;
        }

        .alertpopupclose .cbtn .bmid {
            background: url("Image/Alert/Button.png") repeat-x scroll 0 -23px;
            font-size: 13px;
            padding: 0 5px;
        }

        .alertpopupclose .cbtn .brgt {
            background: url("Image/Alert/Button.png") no-repeat scroll 0 -46px;
            width: 7px;
        }

        .alertpopupclose .cbtn:hover .bleft {
            background: url("Image/Alert/Button.png") no-repeat scroll 0 -69px;
            width: 7px;
        }

        .alertpopupclose .cbtn:hover .bmid {
            background: url("Image/Alert/Button.png") repeat-x scroll 0 -92px;
            font-size: 13px;
            padding: 0 5px;
        }

        .alertpopupclose .cbtn:hover .brgt {
            background: url("Image/Alert/Button.png") no-repeat scroll 0 -115px;
            width: 7px;
        }

.popupctrl {
    overflow: auto;
    z-index: 9009;
}

.popupctrlAdditional {
    overflow: auto;
    z-index: 9010;
}

.popupctrl .inner {
    background-color: #F2F2F2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
}

.popupctrlAdditional .inner {
    background-color: #f0f7fc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
}

.arrowbig {
    float: left;
    height: 19px;
    line-height: 31px;
    margin: 6px 0 0 10px;
    width: 19px;
}

.arrowsmall {
    float: left;
    height: 19px;
    line-height: 31px;
    margin: 6px 0 0 10px;
    width: 19px;
}

.popuphead {
    cursor: move;
}

.popuphead, .divHead {
    float: left;
    font-family: arial;
    font-size: 13px;
    height: 31px;
    line-height: 32px;
    padding-right: 0;
    text-align: right;
    width: 100%;
    background: #5f0594;
}

.divHead {
    float: left;
    font-family: arial;
    font-size: 9px;
    height: 30px;
    line-height: 30px;
    padding-right: 0;
    text-align: right;
    width: 100%;
}

.popuphead .pleft, .popuphead .pmid, .popuphead .prgt {
    float: left;
    height: 31px;
}

.divHead .dileft, .divHead .dimid, .divHead .dirgt {
    float: left;
}

.popuphead .pleft {
    background: url("Image/popup.png") no-repeat scroll 0 0;
    width: 10px;
}

.divHead .dileft {
    background: url("Image/popup.png") no-repeat scroll 0 0;
    width: 11px;
}

.popuphead .pmid, .divHead .dimid {
    background: url("Image/popup.png") repeat-x scroll 0 -50px;
}

.popuphead .prgt {
    background: url("Image/popup.png") no-repeat scroll 0 -100px;
    width: 10px;
}

.divHead .dirgt {
    background: url("Image/popup.png") no-repeat scroll 0 -100px;
    width: 11px;
}

.popupheadlbl, .divHeadlbl {
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    font-weight: bold;
}

.alertheadlbl {
    color: #2c3c4d;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-left: 35px;
}

.popupheadlbl {
    color: #FFFFFF;
}

.ajaxloderimg {
    background-image: url("images/loader.gif");
    background-repeat: no-repeat;
    height: 65px;
}

.ajaxtext {
    color: #5A1919;
    font-size: 9px;
    margin-left: 20px;
}

.LRHead {
}

.LRSection {
    background-repeat: repeat-y;
}

    .LRSection .lrleft {
        background: url("Image/LRSection.png") repeat-y scroll 0 0;
        width: 11px;
    }

    .LRSection .lrright {
        background: url("Image/LRSection.png") repeat-y scroll right center;
        width: 11px;
    }

    .LRSection .lrmid {
        background-color: #F7F7F7;
    }

.BSection {
    height: 16px;
}

    .BSection .bleft {
        background: url("Image/BSection.png") no-repeat scroll 0 0;
        height: 16px;
        width: 11px;
    }

    .BSection .bright {
        background: url("Image/BSection.png") no-repeat scroll 0 -32px;
        height: 16px;
        width: 11px;
    }

    .BSection .bmid {
        background: url("Image/BSection.png") repeat-x scroll 0 -16px;
        height: 16px;
    }

.popup_head {
    background: #008d6a; /* Old browsers */
    line-height: 28px;
    color: #ffffff;
    font-weight: 600;
}