/********************login page start**********************/
.loginPage #wrapper {
    min-height: 100%;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
}

.lpWrap {
    position: absolute;
    width: 100%;
    min-height: 762px;
    left: 0;
    top: 0;
    height: 100%;
}

    .lpWrap #header {
        padding: 15px 0;
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .lpWrap #logo {
        margin: 0 auto;
    }
.captchaFeild {
    width: 150px;
    border: 1px solid #999;
    height: 43px;
    border-left:0;
}
.lpFormOuter .captchaWrap #refreshCaptcha {
    position: absolute;
    right: 0;
    top: 12px;
    font-size: 18px;
}
.lpContArea {
    min-height: 761px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    padding-top: 94px;
    padding-bottom: 50px;
    background: url(../CMS/images/login-bg.jpg) center top no-repeat;
    background-size: cover;
    height: 100vh;
}

.lpboxWrap {
    padding: 35px 55px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
    margin: 20px auto 0;
    max-width: 425px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

    .lpboxWrap h1, .lpboxWrap h2 {
        font-size: 22px;
        margin-bottom: 35px;
    }

        .lpboxWrap h1 span {
            font-size: 14px;
            display: block;
            margin-bottom: 4px;
        }

.togglePassword {
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    right: 0;
}

.lpFormOuter input[type='text'], .lpFormOuter input[type='password'], .lpFormOuter input[type='email'] {
    border: 0 none;
    height: 42px;
    padding: 5px 0 13px;
    border-bottom: 1px solid rgba(50,50,50,0.4);
}

.lpFormOuter .feildLabel {
    margin-bottom: 0;
}

.lpFormOuter .captchaWrap {
    position: relative;
    /*border: 1px solid rgba(50,50,50,0.4);*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding-left: 130px;
}

.lpFormOuter .captchaImg {
    position: absolute;
    width: 130px;
    text-align: center;
    left: 0;
    top: 0;
    padding: 0 0;
    border: 1px solid #999;
    border-right:0;
}

    .lpFormOuter .captchaImg img {
        height: 41px;
    }

.lpFormOuter .captchaFeild input {
    border-bottom: 0 none;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-right: 10px;
    text-align: center;
}

.lpFormOuter .btnRow {
    margin-bottom: 30px;
}

.footerRowOuter {
    padding: 15px 0;
}

.lpWrap #footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
/********************login page End**********************/
/********************Silver CMS other Pages END**********************/
/********************Silver CMS Header*********************/
#header {
    padding: 15px 25px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
    z-index: 11;
    position: relative;
}

#logo {
    width: 430px;
}

    #logo img {
        max-height: 64px;
        width: auto;
    }

.headerRP {
    max-width: 635px;
    width: 70%;
    padding: 10px 0;
}

    .headerRP > div {
        margin-right: 30px;
        float: left;
    }

        .headerRP > div:last-child {
            margin-right: 0;
        }

.sbWrap {
    float: left;
    width: 242px;
    position: relative;
}

    .sbWrap .bBdrFeild {
        border: 0 none;
        border-bottom: 1px solid rgba(50,50,50,0.3);
        padding: 5px 0
    }

    .sbWrap input[type="text"] {
        height: 45px;
        padding-right: 25px;
    }

input[type="submit"].sbBtn, .sbBtn {
    width: 21px;
    height: 21px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    line-height: 1;
    text-indent: -9999px;
    border: 0 none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.hSprit {
    background: transparent url(../content/images/top-icon-sprite.png) left top no-repeat;
    height: 21px;
    width: 21px;
    line-height: 1;
    text-indent: -9999px;
    display: inline-block;
}

    .hSprit.sbBtn, input[type="submit"].hSprit.sbBtn {
        background-position: left top;
        background-color: transparent;
    }

.rptusRow .rptUserPhoto {
    float: right;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}

.rptusRow .rptUserDetail {
    padding: 5px 63px 5px 0;
    text-align: right;
}

.headerRP .rptUserSectionWrap {
    width: 204px;
    float: right;
    position: relative;
}

.rptUserDetail {
    font-size: 14px;
    color: #0a46c8;
    font-weight: 600;
}

    .rptUserDetail span {
        font-weight: 400;
    }

.headerRP .trpDiv {
    margin-top: 10px;
}

.headerRP .rptUserSectionWrap:before {
    height: 68px;
    width: 1px;
    left: 0;
    top: 50%;
    margin-top: -34px;
    content: "";
    position: absolute;
}

.rptAiIconWrap {
    position: relative;
    font-size: 22px;
}

.alertCount {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

.userToggleDtl {
    padding: 30px 22px;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    border: 1px solid #d8d8d8;
}

    .userToggleDtl .button {
        max-width: 48%;
        display: inline-block;
    }

        .userToggleDtl .button:first-child {
            margin-right: 1%;
        }

.topDoggleDivInf.userToggleDtl:before {
    right: 20px;
}

.text-left {
    text-align: left;
}

.mt-50 {
    margin-top: 50px;
}

.pos-relative {
    position: relative;
}
/********************Silver CMS Header end*********************/
/********************Silver CMS Middle Content part*********************/
.caWrapOuter {
    position: relative;
    padding-bottom: 0;
}

.caWrap {
    position: relative;
    padding: 0;
    width: 100%;
}

.sbmOuter {
    width: 120px;
    float: left;
    padding: 46px 0 46px;
    padding-left: 44px;
    height: 100%;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    position: relative;
    z-index: 11;
}

    .sbmOuter:before {
        background: rgba(50,50,50,0.1);
        width: 1px;
        height: 100%;
        left: 83px;
        position: absolute;
        content: "";
        top: 0;
        z-index: -1;
    }

.menu {
    box-shadow: 4px 0 5px rgba(6,10,97,0.03);
    -webkit-box-shadow: 4px 0 5px rgba(6,10,97,0.03);
    padding: 30px 0;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    position: relative;
    z-index: 1;
}

.menuNav {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .menuNav > li {
        position: relative;
    }

        .menuNav > li > a {
            position: relative;
            padding: 15px 10px;
            text-align: center;
            display: block;
            transition: all 0.2s ease-out;
            -webkit-transition: all 0.2s ease-out;
        }

            .menuNav > li > a .menuIcon {
                font-size: 30px;
                color: rgba(50,50,50,0.7);
                position: relative;
            }

            .menuNav > li > a:hover .menuIcon, .menuNav > li.active > a .menuIcon {
                color: #0a46c8;
            }

            .menuNav > li > a .menuIcon:after {
                background: #e63746;
                width: 0;
                height: 2px;
                position: absolute;
                top: 35px;
                left: 50%;
                transform: translateX(-50%);
                content: "";
                transition: all 0.4s ease-out;
                -webkit-transition: all 0.4s ease-out;
            }

            .menuNav > li > a:hover .menuIcon:after, .menuNav > li.active > a .menuIcon:after {
                width: 28px;
            }

.subMenuWrap {
    position: absolute;
    left: 200%;
    opacity: 0;
    visibility: hidden;
    top: 0;
    padding-left: 18px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    min-width: 280px;
    width: auto;
    z-index: -9999;
}

.menuNav > li:hover .subMenuWrap {
    opacity: 1;
    visibility: visible;
    left: 100%;
    z-index: 1;
}

.menuNav > li ul {
    margin: 0;
    padding: 0 0 10px;
    list-style: none;
    border: 1px solid #d8d8d8;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    box-shadow: 0 4px 15px rgba(50,50,50,0.15);
    -werbkit-box-shadow: 0 4px 15px rgba(50,50,50,0.15);
    display: none;
}

.menuNav .subMenuWrap ul {
    display: block;
}

.subMenuWrap li.menuHeading {
    padding: 10px 36px;
    border-bottom: 1px solid #d8d8d8;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    margin-bottom: 11px;
    font-size: 18px;
    font-weight: 600;
}

.subMenuWrap li.menuItem a {
    padding: 8px 25px;
    text-decoration: none;
    color: rgba(50,50,50,0.7);
    display: block;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    font-size: 15px;
    font-weight: 600;
}

.menuHeadingSingle {
    padding: 19px 36px;
    border-bottom: 0 none;
    border-radius: 20px 20px;
    margin-bottom: 12px;
    position: absolute;
    left: 200%;
    opacity: 0;
    visibility: hidden;
    top: 0;
    padding-left: 18px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    margin-left: 18px;
    min-width: 213px;
    width: auto;
    box-shadow: 0 4px 15px rgba(50,50,50,0.15);
    -werbkit-box-shadow: 0 4px 15px rgba(50,50,50,0.15);
}

.menuNav > li > a:hover .menuHeadingSingle {
    opacity: 1;
    visibility: visible;
    left: 100%;
    font-size: 18px;
}

    .menuNav > li > a:hover .menuHeadingSingle:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 10px solid #0a46c8;
        content: "";
        position: absolute;
        left: -10px;
        top: 50%;
        margin-top: -7px;
    }

.menuNav > li .subMenuWrap::before {
    width: 10px;
    height: 15px;
    left: 9px;
    content: "";
    position: absolute;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid #0a46c8;
    border-right-color: rgb(10, 70, 200);
    right: 0;
    top: 18px;
    margin-top: 0;
}

.menu.fixMenu {
    position: fixed;
    top: 46px;
    min-width: 76px;
}

.menu.fixMenu {
    padding: 20px 0;
}

    .menu.fixMenu .menuNav > li > a {
        padding: 15px 10px;
    }

.menuHeadMobile {
    display: none;
}

.subMenuIcon {
    display: none;
}

.mobSearchBtn {
    position: relative;
    display: none;
}
/********************Silver CMS Content part Start*******************/
.contentArea {
    padding: 46px 70px 0 188px;
    margin: 0;
}

.contentPart {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 58px;
    min-height: 600px;
}

.titleWrightBtn {
    position: relative;
    padding-right: 170px;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 25px;
}

.titleRightText {
    position: relative;
    padding-right: 170px;
}

.infBoxWrap .titleWrightBtn h2 {
    margin-bottom: 0;
}

.infBoxWrap h2 {
    margin-bottom: 25px;
    font-size: 22px;
    padding-bottom: 17px;
}

.titleLowMrg h2 {
    margin-bottom: 0;
}

.rightDiv {
    position: absolute;
    right: 0;
    top: 0;
}

.button.smallhBtn {
    font-size: 14px;
    padding: 10px 25px;
    line-height: 1;
    height: auto;
    display: inline-block;
    width: auto;
}

.boxSprite:before {
    width: 26px;
    height: 24px;
    background: url(../Content/images/dashboard-bullet-icon.png) left top no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}

.boxSprite.icon1:before {
    background-position: left top;
}

.boxSprite.icon2:before {
    background-position: -63px top;
}

.boxSprite.icon3:before {
    background-position: -34px top;
}

.boxSprite.icon4:before {
    background-position: -98px top;
}

.infBoxWrap.iconBg {
    background-image: url(../content/images/search-bg-ion.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.infBoxWrap.recentLoginBox {
    min-height: 378px;
}
/**********quick Tips*********/
.qTSlider {
    margin: 5px 0 0;
}

.tipsSlide .leftIconImg {
    width: 80px;
    float: left;
    margin-top: 10px;
}

.tipsSlide .tipSlideDesc {
    padding-left: 82px;
    padding-right: 15px;
    line-height: 23px;
}

.qTSlider .swiper-container {
    padding-bottom: 20px;
}

.qTSlider .swiper-pagination {
    position: absolute;
    bottom: -2px;
    right: 0;
    left: auto;
    width: auto;
    z-index: 11;
}

.qTSlider .swiper-pagination-bullet {
    opacity: 1;
}
/**********cms Pages************/
.dashPageReport {
    margin: 40px -5px 0;
    padding: 0;
    list-style: none;
}

    .dashPageReport li {
        width: 25%;
        padding: 0 5px;
        float: left;
    }

        .dashPageReport li .colorCnt {
            display: block;
            font-size: 22px;
            font-weight: 700;
        }

.pageRCount {
    margin-bottom: 20px;
}

.attentionWrap {
    border-top: 1px solid #c1c1c1;
    padding-top: 25px;
}

.attention {
    margin-bottom: 0;
    padding-left: 28px;
    font-weight: 600;
    position: relative;
}

    .attention .stIcon-alert {
        position: absolute;
        font-size: 22px;
        position: absolute;
        left: 0;
        top: -2px;
        color: #ffcc4d;
    }

.pluginCountWrap {
    width: 100%;
}

.pluginCountList {
    margin: 0 -15px;
    padding: 0;
    list-style: none;
}

    .pluginCountList li {
        float: left;
        width: 25%;
        padding: 0 15px;
        text-align: center;
        position: relative;
    }

        .pluginCountList li:before {
            content: "";
            width: 1px;
            height: 105px;
            position: absolute;
            right: 0;
            top: 15px;
        }

.pcCountWrap {
    border: 2px solid #0a46c8;
    width: 144px;
    height: 144px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    margin-bottom: 30px;
    display: inline-block;
    padding-top: 36px;
}

.pluginCountList li:last-child:before {
    display: none;
}

.pluginCountList .count {
    display: block;
    font-size: 18px;
}

.pluginCountList li .row {
    margin: 0 -5px;
}

    .pluginCountList li .row > div {
        padding: 0 5px;
    }

.pluginCountList li span {
    display: block;
}

    .pluginCountList li span.countBig {
        font-size: 38px;
    }

.pluginCountList li .count {
    margin-bottom: 5px;
}
/**********mutliLangualWrap************/
.mutliLangualWrap {
    background: rgba(240,100,30,1);
    background: -moz-linear-gradient(45deg, rgba(240,100,30,1) 0%, rgba(240,167,30,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(240,100,30,1)), color-stop(100%, rgba(240,167,30,1)));
    background: -webkit-linear-gradient(45deg, rgba(240,100,30,1) 0%, rgba(240,167,30,1) 100%);
    background: -o-linear-gradient(45deg, rgba(240,100,30,1) 0%, rgba(240,167,30,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(240,100,30,1) 0%, rgba(240,167,30,1) 100%);
    background: linear-gradient(45deg, rgba(240,100,30,1) 0%, rgba(240,167,30,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0641e', endColorstr='#f0a71e', GradientType=1 );
    position: relative;
    overflow: hidden;
    min-height: 370px;
}

    .mutliLangualWrap:before {
        position: absolute;
        font-size: 976px;
        font-weight: 800;
        left: -157px;
        bottom: 102px;
        line-height: 0;
        content: "M";
    }

.mutliLangualInfor {
    position: relative;
    z-index: 1;
}

    .mutliLangualInfor table td {
        font-size: 22px;
        text-align: center;
        vertical-align: middle;
        border-right: 1px solid rgba(255,255,255,0.2);
        padding: 9px 15px;
    }

        .mutliLangualInfor table td:first-child, .mutliLangualInfor table td:last-child {
            border-right: 0 none;
        }

    .mutliLangualInfor table th {
        font-size: 14px;
    }

.langRoundBox {
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.mutliLangualWrap h2 {
    position: relative;
    z-index: 1;
}
/**********RecentLogin************/
.recentLoginRow {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

    .recentLoginRow:last-child {
        border-bottom: 0 none;
        padding-bottom: 0;
    }

.rluserImg {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #d3d3d3;
    float: left;
    overflow: hidden;
}

    .rluserImg img {
        min-height: 46px;
        max-height: 46px;
    }

.rluserInf {
    padding-left: 65px;
}

    .rluserInf span {
        display: block;
        margin-bottom: 2px;
    }

.recentLoginBox .titleRightText h2 {
    margin-bottom: 15px;
}
/********************Silver CMS Middle Content part End*********************/
/***************************page Search Part*********************/
.searchPanelWrap {
    position: relative;
}

/*.filterReset, input[type="button"].filterReset {
    background: url(../content/images/reset-icon.png) no-repeat 0 1px;
    color: rgba(50,50,50,1);
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    border: 0;
    position: absolute;
    right: 15px;
    bottom: -60px;
    z-index: 1;
    padding-left: 20px;
    box-shadow: 0 0 0 #fff;
}*/
.filterReset, input[type="button"].filterReset {
    background: #0a46c8;
    color: #fff;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    border: 0;
    position: absolute;
    right: 15px;
    bottom: -45px;
    z-index: 1;
    margin-left: 20px;
    box-shadow: 0 0 0 #fff;
    border-radius: 30px;
}

    .filterReset:hover, input[type="button"].filterReset:hover {
        color: #0a46c8;
    }

.rightBtnDiv {
    position: absolute;
    right: 0;
    top: 0;
}

.filterListWrap {
    margin-bottom: 40px;
    padding: 0;
}

.filterList {
    margin: 0 -7px;
    padding: 0;
    list-style: none;
    position: relative;
    padding-left: 25px;
    padding-right: 100px;
}

    .filterList:before {
        background: url(../content/images/filter-icon.png) left top no-repeat;
        width: 16px;
        height: 16px;
        top: 3px;
        left: 15px;
        position: absolute;
        content: "";
    }

    .filterList li {
        display: inline-block;
        float: left;
        padding: 0 15px;
        position: relative;
        margin-bottom: 10px;
    }

        .filterList li a {
            text-decoration: none;
        }

        .filterList li:before {
            height: 13px;
            width: 1px;
            right: 0;
            top: 50%;
            margin-top: -6px;
            content: "";
            position: absolute;
        }

        .filterList li:last-child:before {
            display: none;
        }

        .filterList li.active a {
            font-weight: 600;
        }
/**********************bluk Action**************/
.blukActionDetail {
    padding-bottom: 20px;
    display: none;
}

.bulkActionWrap {
    display: inline-block;
    width: 100%;
}
#divPageSearch {
    margin-bottom: 25px;
}
.bAFilters {
    max-width: 347px;
    position: relative;
}
.singleRightBtn {
    position: relative;
}
.bAFilters {
    margin-bottom: 30px;
}
.blukPageListOuter {
    padding: 20px 20px 20px 10px;
    border: 1px solid #b4b4b4;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.blukPageListWrap {
    max-height: 255px;
    height: 255px;
    overflow: auto;
}

.blukPageListOuter .bulkPageList {
    margin: -10px 0;
    padding: 0 0 0 0;
    list-style: none;
}

.bulkPageList li {
    position: relative;
    padding-right: 30px;
}

    .bulkPageList li input[type="checkbox"] {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

        .bulkPageList li input[type="checkbox"]:checked + label {
            background: #ecf0fb;
            position: relative;
        }

            .bulkPageList li input[type="checkbox"]:checked + label:before {
                background: rgba(51,51,51,0.1);
                left: 0;
                bottom: 0;
                width: 100%;
                height: 1px;
                content: "";
                position: absolute;
            }

    .bulkPageList li label {
        padding: 10px 25px 10px 10px;
        display: block;
    }

    .bulkPageList li a.removeBtn {
        background: url(../Content/images/remove-icon.png) left top no-repeat;
        padding: 0;
        height: 12px;
        width: 12px;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        text-indent: -999px;
        overflow: hidden;
        display: none;
    }

.blukActionDetailBox:first-child {
    margin-bottom: 2px;
}

.blukActionDetailBox h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.blukPageListWrap .mCSB_inside > .mCSB_container {
    margin-right: 15px;
}
/***************************Pagination*********************/
.pageRecordsOuter {
    margin: 0 0 30px;
}

.pagination, .dataTables_paginate {
    margin-right: 15px;
}

    .pagination a, .pagination ul, .dataTables_paginate ul, .dataTables_paginate a {
        display: inline-block;
        vertical-align: middle;
    }

.paginationList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination li, .dataTables_paginate a {
    margin: 0 3px;
    float: left;
}

.pagination a.firstPage, .pagination a.lastPage, .dataTables_wrapper .top a, .dataTables_wrapper .bottom a {
    display: inline-block;
    vertical-align: middle;
    margin: 2px 7px;
    cursor: pointer;
    float: none;
}

.pagination .ellipsis, .dataTables_wrapper .top .ellipsis, .dataTables_wrapper .bottom .ellipsis {
    font-size: 21px;
    line-height: 10px;
    height: 10px;
    display: inline-block;
}

.pagination li a, .dataTables_paginate a {
    display: inline-block;
    text-decoration: none;
    margin: 0 5px;
    line-height: 26px;
}

    .pagination li a.active, .dataTables_paginate a.current {
        height: 30px;
        width: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 26px;
        -webkit-border-radius: 50%;
        background: #d9d9d9;
    }

.prWrap, .dataTables_wrapper .bottom, .dataTables_wrapper .top {
    max-width: 650px;
}

    .goPageActDiv > div, .dataTables_wrapper .top > div, .dataTables_wrapper .bottom > div, .dataTables_info {
        display: inline-block;
        vertical-align: middle;
    }

.formCtrl.smallHeight, .gotopagetop select, .gotopagetop .nice-select, .gotopagebottom select, .gotopagebottom .nice-select {
    height: 28px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    padding: 2px 10px;
}

.pageNoDrp label, .pageNoDrp select, .pageNoDrp .nice-select, .gotopagetop select, .gotopagetop .nice-select, .gotopagebottom select, .gotopagebottom .nice-select {
    display: inline-block;
    vertical-align: middle;
}

.pageNoDrp label {
    margin-right: 10px;
    margin-top: 4px;
}

.pageNoDrp select, .pageNoDrp .nice-select, .gotopagetop select, .gotopagetop .nice-select, .gotopagebottom select, .gotopagebottom .nice-select {
    max-width: 65px;
    width: 65px;
    float: none;
    line-height: 20px;
    padding-left: 15px;
}

.pageNoDrp, .gotopagetop, .gotopagebottom {
    margin-right: 5px;
}

.pageRecordsOuter.topSDiv {
    margin-top: -50px;
}

.pageRecordsOuter.botSDiv {
    margin-top: 30px;
}

    .pageRecordsOuter.botSDiv .nice-select .list {
        bottom: 100%;
        top: auto;
    }

        .pageRecordsOuter.botSDiv .nice-select .list:before {
            bottom: -10px;
            top: auto;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }

.dataTables_paginate {
    float: left;
}

    .dataTables_paginate .gotopagetop, .dataTables_paginate .dataTables_info {
        margin-top: 5px;
    }

    .dataTables_paginate .previous, .dataTables_paginate .next {
        width: 20px;
        height: 20px;
        position: relative;
        text-indent: -999px;
        overflow: hidden;
        cursor: pointer;
        line-height: 21px;
    }

        .dataTables_paginate .previous:before {
            content: "\e926";
            position: absolute;
            left: 50%;
            top: 4px;
            font-family: 'sttlFIcon';
            color: #fff;
            text-indent: 0;
            font-size: 34px;
            text-align: center;
            transform: translate(-50%);
            -webkit-transform: translate(-50%);
        }

        .dataTables_paginate .next:before {
            content: "\e927";
            position: absolute;
            left: 50%;
            top: 4px;
            font-family: 'sttlFIcon';
            color: #fff;
            text-indent: 0;
            font-size: 34px;
            text-align: center;
            transform: translate(-50%);
            -webkit-transform: translate(-50%);
        }

.dataTables_info {
    margin-top: 2px;
}

.gotopagetop, .gotopagebottom {
    margin-top: 3px;
}

    .gotopagebottom .nice-select .list {
        top: auto;
        bottom: 100%;
        margin-bottom: 15px;
    }

    .gotopagebottom .nice-select {
    }

.pagination li.active a {
    background: #0a46c8;
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
}
/******************RecordList******************/
.recordListWrap {
    position: relative;
    padding-top: 5px;
    padding-bottom: 0;
}

    .recordListWrap .top {
        position: absolute;
        right: 0;
        top: -50px;
    }

    .recordListWrap .bottom {
        /* position: absolute; */
        /* right: 0; */
        /* bottom: 0; */
        /* margin-bottom: 10px; */
        /* margin-right: 25px; */
        margin-top: 30px;
        float: right;
    }

    .recordListWrap .titleWrightBtn h2 {
        padding-bottom: 25px;
    }

    .recordListWrap .titleWrightBtn {
        margin: 0 -25px 20px;
        padding: 0 25px;
    }

        .recordListWrap .titleWrightBtn .rightDiv {
            right: 150px;
        }

            .recordListWrap .titleWrightBtn .rightDiv.rightBtn {
                right: 30px;
            }

    .recordListWrap .tableBotBdr th {
        border-bottom: 1px solid #ececec;
        padding-bottom: 15px;
        font-weight: 600;
    }

    .recordListWrap td {
        padding: 20px 15px;
    }

        .recordListWrap td:first-child, .recordListWrap th:first-child {
            padding-left: 20px;
            position: relative;
        }

        .recordListWrap td:last-child {
            padding-left: 25px;
            position: relative;
        }

        .recordListWrap td.gridPageSelect {
            width: 17px;
            padding-right: 0;
        }

            .recordListWrap td.gridPageSelect input {
                margin-right: 0;
                margin-bottom: 0;
                height: auto;
            }

.actions {
    position: relative;
    text-align: right;
}

.actionBtn {
    display: inline-block;
    width: 18px;
    height: 22px;
    margin: 0 7px;
    font-size: 18px;
}

    .actionBtn.morActBtn {
        text-align: right;
        display: inline-block;
        font-size: 30px;
        line-height: 1;
        width: 30px;
        margin-right: 0;
        margin-left: -5px;
        color: #969696;
        position: relative;
        right: 0;
        top: 6px;
    }

.iconMore span {
    width: 3px;
    height: 3px;
    background: #969696;
    border-radius: 50%;
    text-indent: -999px;
    overflow: hidden;
    display: block;
    margin-bottom: 4px;
}

    .iconMore span:last-child {
        margin-bottom: 0;
    }

.moreActWrap {
    display: none;
    position: absolute;
    top: 100%;
    border-radius: 4px 0 4px 4px;
    -webkit-border-radius: 4px 0 4px 4px;
    border-radius: 4px 0 4px 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    top: 47px;
    z-index: 11;
    min-width: 155px;
    right: 12px;
}

    .moreActWrap ul {
        margin: 0;
        padding: 15px 0;
        list-style: none;
        text-align: left;
    }

    .moreActWrap li {
        padding: 10px 25px;
    }

        .moreActWrap li a {
            text-decoration: none;
            font-weight: 500;
        }

            .moreActWrap li a.active, .moreActWrap li:hover a {
                color: #0a46c8;
                font-weight: 600;
            }

.actionBtn:hover {
    opacity: 0.7;
}

.actionBtnCol {
    width: 240px;
}

.moduleActTable th:last-child {
    text-align: right !important;
}

.moduleActTable td:last-child {
    white-space: nowrap;
}

.cchild1 .pageSpacer, .cchild2 .pageSpacer {
    position: relative;
    padding-left: 25px;
}

    .cchild1 .pageSpacer:before, .cchild2 .pageSpacer:before {
        background: url(../Content/images/spacer-bullet-text.png) left center repeat-x;
        width: 18px;
        height: 7px;
        top: 50%;
        margin-top: -4px;
        left: 0;
        position: absolute;
        content: "";
    }

.cchild2 .pageSpacer {
    padding-left: 35px;
}

    .cchild2 .pageSpacer:before {
        width: 28px;
    }

.cchild2 .pageSpacer {
    margin-left: 25px;
}

.recordListWrap th:last-child {
    text-align: right;
}

.recordListWrap .lastLeft th:last-child {
    text-align: left;
}

.recordListWrap .lastLeft td:last-child {
    padding-left: 15px;
}

.cexpired .pageSpacer {
    text-decoration: line-through;
}

.moreActWrap:before {
    background: url(../Content/images/more-action-arrow.png) left top no-repeat;
    width: 11px;
    height: 9px;
    position: absolute;
    right: 0;
    top: -9px;
    content: "";
}
/******************Add new Page css ******************/
.topBarWithBackbt {
    margin-bottom: 30px;
}

.langSlctBar {
    margin-top: 5px;
}

    .langSlctBar span, .langSlctBar ul, .langChangeLinks {
        display: inline-block;
        vertical-align: middle;
    }

.labelTitle {
    font-weight: 600;
    margin-right: 10px;
}

.langSlctBar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.langSlctBar li, .langChangeLinks a {
    display: inline-block;
    margin: 0 3px;
}

    .langSlctBar li a, .langChangeLinks a {
        text-decoration: none;
        padding: 5px 8px;
        position: relative;
    }

        .langSlctBar li a:before, .langChangeLinks a:before {
            height: 2px;
            width: 0;
            top: 100%;
            left: auto;
            right: auto;
            background: #e63746;
            content: "";
            position: absolute;
            transition: all 0.5s ease-out;
            -webkit-transition: all 0.5s ease-out;
        }

        .langSlctBar li a.active, .langChangeLinks a.active {
            font-weight: 700;
        }

            .langSlctBar li a.active:before, .langChangeLinks a.active:before {
                left: 0;
                right: 0;
                width: 100%;
            }

.inlineBtns a, .inlineBtns input {
    float: left;
    vertical-align: middle;
}

.inlineBtns.twoBtn input, .inlineBtns.twoBtn input, .inlineBtns.twoBtn a {
    max-width: 46%;
    margin-left: 2%;
    width: 100%;
    padding: 4px;
    font-size: 12px;
}

.inlineBtns.twoBtn a {
    line-height: 38px;
    vertical-align: middle;
}
.inlineBtns.twoBtn a {
    border: 1px solid #0a46c8;
    border-radius: 25px;
    text-align: center;
    background: #0a46c8;
    color: #fff;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
    .inlineBtns.twoBtn a:hover {
        background: #fff;
        color: #0a46c8;
    }

.img100 {
    width: 100%;
    max-width: none;
    height: auto;
}

.permalinkBox {
    position: relative;
    overflow: hidden;
}

    .permalinkBox input {
        background: none;
        display: inline-block;
        vertical-align: middle;
        max-width: 250px;
        border: 0 none;
        border-bottom: 1px solid #ccc;
    }

    .permalinkBox.activeEdit input {
        display: block;
    }

    .permalinkBox.activeEdit a {
        display: none;
    }

    .permalinkBox a {
        line-height: 30px;
        vertical-align: middle;
    }

.perLinkText {
    width: auto;
    min-width: 590px;
    position: relative;
    display: inline-block;
    padding-right: 25px;
}

.permalinkBox a {
    text-decoration: none;
    padding: 5px 10px;
}

.perLinkText .editPermalink {
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 15px;
    margin-top: -7px;
    line-height: 1;
}

.permaLinkWrap {
    max-width: 85%;
    margin-bottom: 20px;
}

.perLinkText.active {
    width: 80%;
}

.boxTitleAcc {
    position: relative;
    padding: 20px 55px 20px 30px;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

    .boxTitleAcc.noBg {
        background: none;
    }

    .boxTitleAcc h2 {
        margin: 0;
        padding-bottom: 0;
        font-size: 18px;
    }

.accBtn span {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    margin-top: -15px;
    top: 50%;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    font-size: 30px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.accBtn.active span {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    color: #0f4ac9;
}

.topTitleHead {
    padding: 2px 0 0;
}

.sbLeftLabel {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

    .sbLeftLabel li {
        position: relative;
        padding-left: 80px;
        padding-right: 20px;
        margin-bottom: 25px;
    }

        .sbLeftLabel li:last-child {
            margin-bottom: 0;
        }

    .sbLeftLabel .labelLeft {
        width: 75px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .sbLeftLabel .labelValue {
        min-height: 20px;
    }

    .sbLeftLabel .editIcon {
        position: absolute;
        right: 0;
        top: 50%;
        font-size: 15px;
        margin-top: -7px;
        line-height: 1;
    }

.topTitleHead {
    margin-bottom: 30px;
}

    .topTitleHead:last-child {
        margin-bottom: 30px;
    }

.uploadFImg {
    background: url(/Content/images/img-icon.png) center 25px no-repeat;
    position: relative;
    margin: -25px -20px 0;
}

#divNoModel {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.customImgUploadFeild {
    width: 100%;
    margin-bottom: 6px;
    position: relative;
}

    .customImgUploadFeild label {
        padding-top: 80px;
        padding-bottom: 15px;
        position: relative;
        display: block;
        text-align: center;
    }

        .customImgUploadFeild label:before {
            height: 47px;
            width: 60px;
            position: absolute;
            left: 50%;
            top: 0;
            margin-left: -30px;
            content: "";
        }

    .customImgUploadFeild input {
        display: none !important;
    }

    .customImgUploadFeild label span {
        display: inline-block;
        border: 1px solid #515151;
        font-size: 15px;
        padding: 5px 30px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        background: #fff;
    }

.uploadSepCont {
    border-top: 1px solid #d9d9d9;
    padding: 10px 10px 0;
    margin: 0 -20px -20px;
    box-shadow: inset 0 4px 5px rgba(0,0,0,0.03);
    -webkit-box-shadow: inset 0 4px 5px rgba(0,0,0,0.03);
}

    .uploadSepCont ul {
        margin: 0 0 0 15px;
        padding: 0;
        list-style: disc;
    }

    .uploadSepCont li {
        margin-bottom: 5px;
        font-size: 13px;
    }

.editorBlock {
    margin-bottom: 30px;
}

.btnRow.inlineBtn input {
    display: inline-block;
    width: auto;
    padding: 10px 35px;
    margin-right: 5px;
}

.btnRow.inlineBtn .xSmallhBtn {
    padding-left: 13px;
    padding-right: 13px;
}

.smallhBtn.dBlock {
    display: block;
}

.uploadFImg {
    height: 144px;
    overflow: hidden;
}

    .uploadFImg.uploaded .customImgUploadFeild {
        opacity: 0;
        visibility: hidden;
        z-index: -11;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
    }

    .uploadFImg img {
        width: 100%;
        max-width: none;
        height: auto;
        min-height: 144px;
    }

    .uploadFImg.uploaded:hover .customImgUploadFeild {
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

        .uploadFImg.uploaded:hover .customImgUploadFeild label span, .uploadFImg.uploaded:hover .customImgUploadFeild label:hover span {
            background: #fff;
            color: #363636;
        }

#spnValidImage {
    padding: 5px;
    text-align: center;
}
/**************************edit Page*********************/
.editTitle {
    position: relative;
}

    .editTitle input[type="text"] {
        font-size: 20px;
        padding-left: 20px;
    }

    .editTitle .bookMarkBtn {
        position: absolute;
        top: 50%;
        font-size: 18px;
        right: 15px;
        margin-top: -11px;
        font-size: 20px;
    }

.menuSettingList {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

    .menuSettingList li {
        position: relative;
        padding-left: 0;
        padding-right: 25px;
        margin-bottom: 20px;
    }

        .menuSettingList li:last-child {
            margin-bottom: 0;
        }

    .menuSettingList .editIcon {
        position: absolute;
        right: 0;
        top: 50%;
        font-size: 15px;
        margin-top: -7px;
        line-height: 1;
        color: #28a064;
    }

.bannerImageUploaded {
    margin: 0;
    position: absolute;
    height: auto;
    width: 100%;
}

.uploadFImg .img-wrap {
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}

.uploadFImg.uploaded .img-wrap {
    opacity: 1;
    visibility: visible;
}

.bannerImageUploaded:after, .uploadFImg .img-wrap:after {
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
}

.bannerImageUploaded > img {
    width: 100%;
    height: 144px;
    max-width: none;
}

.bannerImageUploaded label {
    display: inline-block;
    border: 1px solid #fff;
    font-size: 15px;
    padding: 5px 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.removeLink {
    background: url(/Content/images/close-icon.png) left top no-repeat;
    width: 13px;
    height: 13px;
    right: 10px;
    top: 10px;
    position: absolute;
    text-indent: -999px;
    overflow: hidden;
    z-index: 1111;
    cursor: pointer;
}

    .removeLink:hover {
        opacity: 0.7;
    }

.bannerImageUploaded + .customImgUploadFeild {
    display: none;
}

.logList {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}

    .logList li {
        position: relative;
        padding-left: 0;
        padding-right: 25px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #c1c1c1;
    }

        .logList li p {
            margin-bottom: 8px;
        }

.authorInfo {
    font-size: 13px;
}

.logList li:last-child {
    margin-bottom: 0;
    border-bottom: 0 none;
    padding-bottom: 0;
}

.logList .editIcon {
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 15px;
    margin-top: 0;
    line-height: 1;
}

.protectPage {
    position: relative;
}

    .protectPage:before {
        width: 50px;
        left: -65px;
        content: "";
        height: 1px;
        top: 50%;
        margin-top: -1px;
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }

    .protectPage:after {
        background: url(../Content/images/protect-arrow.png) left top no-repeat;
        width: 11px;
        left: -70px;
        content: "";
        height: 130px;
        top: 50%;
        margin-top: -1px;
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }

.active.protectPage:before {
    opacity: 1;
    visibility: visible;
}

.active.protectPage:after {
    opacity: 1;
    visibility: visible;
}

.chDateTime input {
    border: rgba(50,50,50,0.5);
    height: 40px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.chDateTime .btnRow.inlineBtn input {
    padding: 8px 30px 9px;
    line-height: 14px;
}

.chDateTime .feildRow {
    margin-bottom: 15px;
}

.arrowBtn {
    position: absolute;
    left: 8px;
    top: 50%;
    background: url(../Content/images/grid-updown-arrow.png) left top no-repeat;
    width: 14px;
    height: 16px;
    overflow: hidden;
    text-indent: -9999px;
    margin-top: -15px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-out;
}

    .arrowBtn.downArrow {
        background-position: right top;
        right: 8px;
        left: auto;
        margin-top: 4px
    }

.recordListWrap tr:hover .arrowBtn {
    opacity: 1;
    visibility: visible;
}

#divCustomField th {
    text-align: left;
}
/********************custom drop menu****************/
.nice-select {
    line-height: 28px;
}

    .nice-select .current {
        display: block;
        overflow: hidden;
        width: 90%;
    }

    .nice-select .list {
        height: 0;
    }

    .nice-select.open .list {
        height: auto;
    }

    .nice-select .list {
        margin-top: 15px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        border-radius: 20px;
        border: 1px solid #d8d8d8;
        width: 100%;
        overflow-y: auto;
        padding: 15px 0;
        max-height: 250px;
    }

    .nice-select:before {
        background: url(../content/images/dropdown-arrow.png) left top no-repeat;
        width: 15px;
        height: 10px;
        bottom: -16px;
        right: 22px;
        position: absolute;
        content: "";
        opacity: 0;
        visibility: hidden;
        z-index: 11;
    }

    .nice-select.open:before {
        opacity: 1;
        visibility: visible;
        transition: all 0.35s ease-out;
        -webkit-transition: all 0.35s ease-out;
    }

    .nice-select .option {
        padding-left: 20px;
        padding-right: 20px;
    }

.button.addBtn {
    padding-left: 35px;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
}

    .button.addBtn span {
        position: absolute;
        left: 12px;
        font-size: 16px;
        top: 50%;
        margin-top: -8px;
    }

.nice-select:after {
    margin-top: -6px;
}

.pageCommonForm {
    margin-bottom: 15px;
}

    .pageCommonForm .nice-select {
        line-height: 24px;
    }

        .pageCommonForm .nice-select:after {
            margin-top: -7px;
        }

    .pageCommonForm.labelLeft .feildLabel {
        width: 90px;
        float: left;
        margin-left: 30px;
        padding: 15px 0;
    }

    .pageCommonForm.labelLeft .feildInput {
        padding-left: 120px;
    }

    .pageCommonForm.labelLeft .nice-select {
        clear: none;
    }

.blukActionDetailBox textarea {
    height: 125px;
}

.nice-select .mCSB_inside > .mCSB_container {
    margin-right: 10px;
}

.nice-select .list li:last-child {
    margin-bottom: 0;
}
/******************page footer******************/
#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.caWrapOuter #footer .container {
    max-width: none;
}
/********************Silver CMS other Pages  END**********************/
.pageNoDrp .nice-select .option {
    min-height: 30px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

button.linkUlink, .linkUlink {
    text-decoration: underline;
    background: none;
    color: #323232;
    padding: 0;
    border: 0 none;
}

    button.linkUlink span {
        text-decoration: underline;
    }

    button.linkUlink:hover, .linkUlink:hover {
        text-decoration: none;
    }

.rightLink {
    position: absolute;
    right: 15px;
    top: 3px;
    text-decoration: underline;
}

    .rightLink:hover {
        text-decoration: none;
    }

.rightMetaAdd {
    padding-right: 80px;
    position: relative;
}

.screenSettingWrap .pageNoDrp .nice-select {
    padding-left: 10px;
    line-height: 20px;
}

    .screenSettingWrap .pageNoDrp .nice-select:after {
        right: 10px;
        margin-top: -7px;
    }

.logDetails {
    padding: 20px;
}

    .logDetails li {
        border-bottom: 0 none;
        margin-bottom: 5px;
    }

    .logDetails h3 {
        font-size: 20px;
        margin-bottom: 20px;
        font-weight: 600;
    }

.topDoggleDivInf .logListTop {
    margin-bottom: 20px;
}

.logListTop .feildLabel {
    float: left;
    width: 100px;
    display: inline-block opacity:1;
}

.logListTop .feildValue {
    padding-left: 140px;
    display: block;
}

.removeIcon {
    background: url(../Content/images/remove-icon.png) left top no-repeat;
    padding: 0;
    height: 12px;
    width: 12px;
    text-indent: -999px;
    overflow: hidden;
}

.hideForm {
    display: none;
}

.otherLinks a.forgotPass {
    text-decoration: underline;
}

    .otherLinks a.forgotPass:hover {
        text-decoration: none;
    }

.notification {
    padding: 20px;
}

#dvForgotpassbox {
    display: none;
}

.addNew, input[type="submit"].addNew {
    background: none;
    color: rgba(50,50,50,1);
    text-decoration: underline !important;
    border: 0 none;
    box-shadow: none;
}

    .addNew:hover, input[type="submit"].addNew:hover {
        text-decoration: none !important;
    }
/***********loader**************/
#DivLoading {
    position: fixed;
    background: rgba(0,0,0,0.8);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11111 !important;
}

.loader {
    height: 20px;
    width: 170px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.loader--dot {
    animation-name: loader;
    animation-timing-function: ease-in-out;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: black;
    position: absolute;
    border: 0 none;
}
    /*.loader--dot:first-child {background-color: #8cc759;animation-delay: 0.5s;}
.loader--dot:nth-child(2) {background-color: #8c6daf;animation-delay: 0.4s;}
.loader--dot:nth-child(3) {background-color: #ef5d74;animation-delay: 0.3s;}
.loader--dot:nth-child(4) {background-color: #f9a74b;animation-delay: 0.2s;}
.loader--dot:nth-child(5) {background-color: #60beeb;animation-delay: 0.1s;}
.loader--dot:nth-child(6) {background-color: #fbef5a;animation-delay: 0s;}*/
    /*.loader--dot:first-child {background-color:rgba(255,255,255,1);animation-delay: 0.5s;}
.loader--dot:nth-child(2) {background-color:rgba(255,255,255,0.85);animation-delay: 0.4s;}
.loader--dot:nth-child(3) {background-color:rgba(255,255,255,0.6);;animation-delay: 0.3s;}
.loader--dot:nth-child(4) {background-color:rgba(255,255,255,0.6);animation-delay: 0.2s;}
.loader--dot:nth-child(5) {background-color:rgba(255,255,255,0.85);animation-delay: 0.1s;}
.loader--dot:nth-child(6) {background-color:rgba(255,255,255,1);animation-delay: 0s;}*/
    .loader--dot:first-child {
        background-color: #1b91f7;
        animation-delay: 0.5s;
    }

    .loader--dot:nth-child(2) {
        background-color: #fac24c;
        animation-delay: 0.4s;
    }

    .loader--dot:nth-child(3) {
        background-color: #7a45e5;
        animation-delay: 0.3s;
    }

    .loader--dot:nth-child(4) {
        background-color: #fa5667;
        animation-delay: 0.2s;
    }

    .loader--dot:nth-child(5) {
        background-color: #60beeb;
        animation-delay: 0.1s;
        display: none;
    }

    .loader--dot:nth-child(6) {
        background-color: #fbef5a;
        animation-delay: 0s;
        display: none;
    }

.loader--text {
    position: absolute;
    top: 200%;
    left: 0;
    right: 0;
    width: 4rem;
    font-size: 18px;
    margin: auto;
    color: #fff;
}

    .loader--text:after {
        content: "Loading";
        font-weight: bold;
        animation-name: loading-text;
        animation-duration: 3s;
        animation-iteration-count: infinite;
    }

@keyframes loader {
    15% {
        transform: translateX(0);
    }

    45% {
        transform: translateX(150px);
    }

    65% {
        transform: translateX(150px);
    }

    95% {
        transform: translateX(0);
    }
}

@keyframes loading-text {
    0% {
        content: "Loading";
    }

    25% {
        content: "Loading.";
    }

    50% {
        content: "Loading..";
    }

    75% {
        content: "Loading...";
    }
}
/*************************chart******************************/
.toolTipDivWrap {
    min-width: 448px;
    color: #323232;
}

    .toolTipDivWrap h3 {
        font-size: 18px;
        color: #e63746 !important;
        margin: 0;
        padding: 0;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .toolTipDivWrap ul {
        margin: 0 -10px 0;
        padding: 0;
        list-style: none;
    }

    .toolTipDivWrap h4 {
        font-size: 12px;
        color: #28a064;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }

    .toolTipDivWrap ul li {
        padding: 0 10px;
        width: 33.33%;
        float: left;
        text-align: center;
        margin: 0;
    }

    .toolTipDivWrap .pageC {
        display: block;
        font-size: 24px;
        margin-bottom: 5px;
    }

.toolTipDiv .colBlock:first-child {
    border-right: 1px solid #dedede;
}

.chartImgOuter g[aria-labelledby="id-65-title"], .amcharts-chart-div a {
    display: none !important;
}

#chartdivMonthlyAct {
    width: 100%;
    height: 360px;
}

#chartdivSEO {
    width: 100%;
    height: 259px;
}

.pageCommonForm .mCustomScrollbar {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 250px;
}

.pageCommonForm .commentActionList.mCustomScrollbar {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 350px;
}

#abtnHistory {
    display: none !important;
}
/********************editor css**************/
/*.mce-container-body .mce-abs-layout-item{padding:10px !important; box-sizing:border-box;}
.mce-container-body .mce-abs-layout-item .mce-abs-layout{ box-sizing:border-box; width:100% !important;}
.mce-panel{border-color:rgba(50,50,50,0.1) !important;}*/
.mce-container-body textarea.mce-textbox {
    left: 0 !important;
    top: 10px !important;
    width: 100%;
    box-sizing: border-box;
}

.mce-btn button:hover {
    background: transparent;
}
/*******************page setting****************/
.noLeftMrg .singleLineRadio {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
}

.displaySettings {
    margin-top: 15px;
}
/*****Create SharedDocs CSS END*****/
.popupAbsoulate {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999999;
}

.popupOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background-color: rgba(0,0,0,0.5);
}

.popup_cover {
    width: 350px;
    height: 50px;
    margin: 0;
    padding: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 999991;
    -webkit-box-shadow: 0 0 3px #111;
    box-shadow: 0 0 3px #111;
    background-color: #fff;
    border-radius: 4px;
}

    .popup_cover.green {
        background: #64b540 url(../Content/images/success-icon-new.png) no-repeat 10px center;
        padding-left: 44px;
        border: 0 solid #adde5c;
        height: auto;
        width: auto;
        -webkit-box-shadow: 0 0 0 #adde5c;
    }

    .popup_cover p {
        margin-bottom: 0px;
    }

#spanUserMessage {
    font-weight: bold;
    text-align: center;
    color: green;
    margin-bottom: 0;
    font-size: 15px;
}

.popup_cover.red {
    background: #fa413c url(../Content/images/error-icon.png) no-repeat 10px center;
    padding-left: 44px;
    border: 0 solid #fa413c;
    height: auto;
    width: auto;
    -webkit-box-shadow: 0 0 0 #fa413c;
}

    .popup_cover.red #spanUserMessage, .popup_cover.green #spanUserMessage {
        color: #fff;
    }

    .popup_cover.red .pop_close, .popup_cover.green .pop_close {
        display: none;
    }

.pop_msg {
    position: relative;
}

.pop_close {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #FF5722;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
}

.popup_cover.red .pop_close {
    background: #fde4e1;
}
/*****************Upload Popup****************/
#divcropImage {
    max-width: 900px;
    height: auto;
    margin: 3% auto;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    -webkit-border-radius: 3px;
}

.commonPopupWrap {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .commonPopupWrap .commonPopCont {
        padding: 15px 10px;
    }

    .commonPopupWrap h2 {
        background: #f3f6fc;
        padding: 10px 15px;
        font-size: 25px;
        margin-bottom: 0;
    }

    .commonPopupWrap .jcrop-active {
        width: 100% !important;
        height: auto !important;
    }
/****************rSelectCutomScroll***********/
.rSelectLisWrap {
    max-height: 180px;
    overflow: auto;
}

    .rSelectLisWrap .rSelectList {
        margin: 0 0;
        padding: 0 0 0 0;
        list-style: none;
    }

.height300 {
    height: 400px;
}

.mrgB30 {
    margin-bottom: 30px !important;
}

.dz-message h3 {
    font-size: 30px;
    color: #0a46c8 !important;
    opacity: 0.3;
}

.btnRightTitle .button {
    width: auto;
    min-width: 90px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.boxTitleAcc.btnRightTitle {
    padding-right: 120px;
}

.btnRightTitle h2 {
    float: left;
}

#videoMgmt .girdImg {
    max-width: none;
}

/********************menu page*************/
.menuPWrap {
    padding: 0;
    border: 1px solid #c1c1c1;
}
/*** Nestable****/
.menuTitle {
    position: relative;
}

.menuTitleWrap {
    margin-bottom: 0;
}

.dd-item .dd-list {
    margin-top: 10px;
}

.menuTitleWrap + .infoBoxCont {
    margin-top: 0;
    margin-bottom: 10px;
}

.menuTitleWrap + .infoBoxCont {
    border: 1px solid #c1c1c1;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-top: 0 none;
}

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 600px;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .dd-list .dd-list {
        padding-left: 30px;
    }

.dd-collapsed .dd-list {
    display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}

.dd-item {
    margin-bottom: 10px;
}

.dd-handle {
    display: block;
    height: 52px;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

    .dd-item > button:before {
        content: '+';
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0;
    }

    .dd-item > button[data-action="collapse"]:before {
        content: '-';
    }

.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}
/**
 * Nestable Extras
 */
.nestable-lists {
    display: block;
    clear: both;
    padding: 30px 0;
    width: 100%;
    border: 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

#nestable-menu {
    padding: 0;
    margin: 20px 0;
}

#nestable-output,
#nestable2-output {
    width: 100%;
    height: 7em;
    font-size: 0.75em;
    line-height: 1.333333em;
    font-family: Consolas, monospace;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#nestable2 .dd-handle {
    color: #fff;
    border: 1px solid #999;
    background: #bbb;
    background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
    background: -moz-linear-gradient(top, #bbb 0%, #999 100%);
    background: linear-gradient(top, #bbb 0%, #999 100%);
}

    #nestable2 .dd-handle:hover {
        background: #bbb;
    }

#nestable2 .dd-item > button:before {
    color: #fff;
}
/**
 * Nestable Draggable Handles
 */
.dd3-content {
    display: block;
    margin: 0;
    padding: 15px 30px 15px 45px;
    color: #323232;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #c1c1c1;
    background: #fff;
}

    .dd3-content:hover {
        color: #2ea8e5;
        background: #fff;
    }

.dd-dragel > .dd3-item > .dd3-content {
    margin: 0;
}

.dd3-item > button {
    margin-left: 30px;
}

.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: move;
    width: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-indent: -999px;
    z-index: 111;
}

.menuDragIcon {
    height: 15px;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background: #969696;
}

    .menuDragIcon:before {
        content: '';
        display: block;
        height: 15px;
        width: 1px;
        position: absolute;
        background: #969696;
        left: -4px;
        top: 0;
    }

    .menuDragIcon:after {
        content: '';
        display: block;
        height: 15px;
        width: 1px;
        position: absolute;
        background: #969696;
        left: 5px;
        top: 0;
    }

.menuTitleWrap .accBtn span {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.menuTitleWrap.activeMenu .dd3-content {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.subItemtext {
    margin-left: 15px;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
}

.menuTitleWrap.activeMenu .dd3-content {
    background: #f3f6fc !important;
    color: #0a46c8;
}

.menuTitleWrap.activeMenu .accBtn span {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.menuTitleWrap .linkType {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.editorBlock .abEditorTitle {
    margin-bottom: -30px;
    font-size: 22px;
}
/*************************tabs sidebar*************/
.lineTabs ul.ctNavs {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    float: none;
}

.lineTabs .ctNavs li {
    display: inline-block;
    margin: 0 0;
    margin-right: 15px;
}

    .lineTabs .ctNavs li a {
        text-decoration: none;
        padding: 5px 0;
        position: relative;
        border: 0 none;
        color: #969696;
        font-size: 14px;
    }

        .lineTabs .ctNavs li a:before {
            height: 2px;
            width: 0;
            top: 100%;
            left: auto;
            right: auto;
            background: #e;
            content: "";
            position: absolute;
            transition: all 0.5s ease-out;
            -webkit-transition: all 0.5s ease-out;
        }

    .lineTabs .ctNavs li.active a {
        font-weight: 400;
        color: #0a46c8;
    }

        .lineTabs .ctNavs li.active a:before {
            left: 0;
            right: 0;
            width: 100%;
        }

.lineTabs .ctNavs a, .lineTabs .ctNavs input {
    float: left;
    vertical-align: middle;
}

.menupageListWrap {
    max-height: 280px;
    overflow: auto;
    margin-bottom: 25px;
}

    .menupageListWrap .mCSB_container {
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

.sideBarPageList {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sideBarPageList li {
        position: relative;
    }

        .sideBarPageList li input[type="checkbox"] {
            opacity: 0;
            visibility: hidden;
            position: absolute;
            left: 0;
            top: 0;
        }

        .sideBarPageList li label {
            padding: 10px 30px;
            font-size: 14px;
            width: 100%;
            border-bottom: 1px solid #e0e0e0;
            position: relative;
        }

        .sideBarPageList li:last-child label {
            border-bottom: 0 none;
        }

        .sideBarPageList li.subItemFirst label {
            padding-left: 35px;
        }

        .sideBarPageList li.subItemSecond label {
            padding-left: 45px;
        }

        .sideBarPageList li label:before {
            content: '\e917';
            font-size: 15px;
            font-family: 'sttlFIcon';
            position: absolute;
            left: 8px;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }

        .sideBarPageList li label:after {
            content: '\e924';
            font-size: 24px;
            font-family: 'sttlFIcon';
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            color: #969696;
        }

        .sideBarPageList li input[type="checkbox"]:checked + label {
            border-bottom-color: transparent;
            background: #f4f4f4;
            border-radius: 5px;
            -webkit-border-radius: 5px;
        }

            .sideBarPageList li input[type="checkbox"]:checked + label:after, .sideBarPageList li input[type="checkbox"] + label:after {
                display: none;
            }

            .sideBarPageList li input[type="checkbox"]:checked + label:before {
                color: #0a46c8;
            }

.menuPWrap .colorError {
    font-weight: 600;
    text-decoration: underline;
}

.menuPWrap .btnRow {
    margin-top: -10px;
}

.menuPWrap .pageCommonForm .feildRow {
    margin-bottom: 20px;
}

.menuPWrap .current {
    font-style: italic;
    font-size: 13px;
    color: #969696;
}

.note {
    color: #969696;
    font-style: italic;
    font-size: 13px;
}

.tuLine {
    text-decoration: underline;
    font-weight: 600;
}
/********************blog Comments************/
.commentActionList {
    max-height: 600px;
    overflow: auto
}

.pageCommonForm ul.commentsList {
    padding-left: 0
}

    .pageCommonForm ul.commentsList, .pageCommonForm ul.commentsList ul {
        list-style: none
    }

        .pageCommonForm ul.commentsList ul {
            padding-left: 65px;
            margin-bottom: 30px
        }

.commentsRow {
    position: relative;
}

    .commentsRow.userComment {
        padding-left: 65px;
        color: #323232
    }

.commProStatus {
    position: absolute;
    right: 0;
    top: 0
}

.commProPic, .commNameInfo {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

    .commProPic img {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        overflow: hidden;
        width: 52px;
        height: 52px;
    }

    .commNameInfo h4 {
        font-size: 14px;
        margin-bottom: 5px;
        font-weight: bold
    }

    .commNameInfo p {
        margin-bottom: 0;
        color: #6f6f6f
    }

.greenFont {
    color: #28a064;
    font-weight: bold
}

.redFont {
    color: #e63746;
    font-weight: bold
}

.orgFont {
    color: #f0641e;
    font-weight: bold
}

.greenBdrBtnm, input.greenBdrBtn {
    border: 1px solid #28a064;
    font-size: 14px;
    padding: 3px 15px;
    border-radius: 15px;
    color: #28a064;
    margin-right: 10px;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    background: transparent;
}

.redBdrBtn, input.redBdrBtn {
    border: 1px solid #e63746;
    font-size: 14px;
    padding: 3px 15px;
    border-radius: 15px;
    color: #e63746;
    margin-right: 10px;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    background: transparent;
}

.redBdrFillBtn, input.redBdrFillBtn {
    border: 1px solid #e63746;
    font-size: 14px;
    padding: 3px 15px;
    border-radius: 15px;
    color: #fff;
    margin-right: 10px;
    background: #e63746;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}

.blueBdrBtn, input.blueBdrBtn {
    border: 1px solid #0a46c8;
    font-size: 14px;
    padding: 3px 15px;
    border-radius: 15px;
    color: #0a46c8;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    background: transparent;
}

.greenBdrBtn:hover, input.greenBdrBtn:hover {
    color: #fff;
    background: #28a064;
    border: 1px solid #28a064;
}

.blueBdrBtn:hover, input.blueBdrBtn:hover {
    color: #fff;
    background: #0a46c8;
    border: 1px solid #0a46c8;
}

.redBdrBtn:hover, input.redBdrBtn:hover {
    color: #fff;
    background: #e63746;
    border: 1px solid #e63746;
}

.infoBoxGridWithPage {
    padding: 60px 0;
}

.recordListWrap.infoBoxGridWithPage .top {
    top: 0;
}

.recordListWrap.infoBoxGridWithPage .top {
    top: 0;
}

.infoBoxGridWithPage table td:last-child, .infoBoxGridWithPage table th:last-child {
    text-align: center;
    width: 180px;
}

.maxWidthBtn .button {
    width: auto;
    padding: 4px 25px;
}

.pageCommonForm.leftFeilds {
    max-width: 200px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.rightBtn.inlineBtn {
    width: 285px;
    max-width: none;
    top: 27px;
    z-index: 1;
}

    .rightBtn.inlineBtn a {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        padding: 10px 25px;
    }
/*******************pop Settings********************/
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    max-width: 650px;
    width: 100%;
}

.mfp-inline-holder .mfp-close, .mfp-ajax-holder .mfp-close {
    height: 65px;
}

#moduleMgmt_wrapper table td:nth-child(2), #moduleMgmt_wrapper table th:nth-child(2) {
    text-align: center;
    width: 130px;
}

#moduleMgmt_wrapper table td:last-child, #moduleMgmt_wrapper table th:last-child {
    width: 120px;
}

.jc-bs3-container {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}
.jc-bs3-container.container {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

/* .jconfirm .jconfirm-box div.jconfirm-title-c{color:#0a46c8; font-size:26px !important; margin-bottom:5px;} */
/* .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{font-size:16px;} */
#treeSelectedMenu ul.jqtree-tree li.jqtree_common {
    position: relative;
    margin: 7px 0;
    z-index: 1;
}

#treeSelectedMenu ul.jqtree-tree .jqtree-element {
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 52px;
    text-indent: -999px;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
}

#treeSelectedMenu .dd3-content, #treeSelectedMenu .linkType, #treeSelectedMenu .accBtn {
    z-index: 11;
}

#treeSelectedMenu .dd3-content {
    position: relative;
    background: transparent;
}

#treeSelectedMenu ul.jqtree-tree > li.jqtree_common li:last-child {
    margin-bottom: 0;
}

#treeSelectedMenu span.jqtree-dragging {
    display: block;
    margin: 0;
    padding: 15px 30px 15px 45px;
    color: #323232;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #c1c1c1;
    background: #ffffff !important;
    opacity: 1;
    width: 100%;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    z-index: 111;
}

#treeSelectedMenu ul.jqtree-tree li.jqtree-ghost span.jqtree-line {
    background: rgba(10,70,200,0.15);
    border: 2px dashed rgba(10,70,200,0.2);
    height: 48px;
    padding: 0;
    position: static;
    top: -1px;
    left: 2px;
    width: 100%;
    margin-bottom: 5px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

#treeSelectedMenu ul.jqtree-tree .jqtree-moving > .menuTitleWrap {
    outline: 2px dashed rgba(10,70,200,0.2);
    background: #fff;
}

    #treeSelectedMenu ul.jqtree-tree .jqtree-moving > .menuTitleWrap .menuTitle {
        opacity: 0;
        visibility: hidden;
    }

#treeSelectedMenu .accBtn {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    top: 50%;
    margin-top: -15px;
}

#treeSelectedMenu .infoBoxCont .btnRow a {
    display: inline-block;
    width: auto;
    margin-right: 5px;
}

#menuEdit .menuPWrap {
    min-height: 600px;
}

.mfp-image-holder .mfp-content {
    max-width: 75%;
}

.videoPlaytext {
    display: none;
}

.userToggleDtl .rptUserDetail {
    display: none;
}

.topEditFeildRow.fullWidth {
    width: 100%;
    padding-right: 0;
}

.feildLabel.textRight {
    text-align: right;
}

.mWBtns {
    max-width: 300px;
}

/*2020-04-22*/
.d-block {
    display: block !important;
}

.grievanceReplyFormContainer {
    padding: 0;
    margin: 15px 0 0;
}

    .grievanceReplyFormContainer textarea {
        margin: 0 0 15px;
    }

.commentedPart {
    padding: 0;
    margin-bottom: 0;
}

    .commentedPart .commentPart {
        float: left;
        width: 50%;
        padding: 0 15px;
        margin: 0 0 25px;
    }

.iconBlue {
    color: #0a46c8;
    margin: 5px 0 0 5px;
}

.radioInline .radioBtn {
    margin: 0 12px 0 0;
}

    .radioInline .radioBtn label {
        padding: 1px 0 0 20px;
    }

.commentPart {
    margin: 0;
}

.labelPadNone .feildLabel label {
    padding: 0;
}

.ml-1 {
    margin-left: 5px;
}

.moveToTrash, .moveToRestore {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #f0641e;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    transition: all 350ms ease 0s;
    -webkit-transition: all 350ms ease 0s;
}

    .moveToTrash:hover {
        background: #0a46c8;
        color: #fff;
    }

.moveToRestore {
    background: #f0641e url(../Content/images/restore-icon.png) no-repeat center center;
    text-indent: -9999px;
}

    .moveToRestore:hover {
        background: #0a46c8 url(../Content/images/restore-icon.png) no-repeat center center;
    }

.defaultPopup h2 {
    padding: 15px;
    background: #f1f1f1;
    margin: -20px -20px 20px -20px;
    font-size: 22px;
}

.defaultPopup .mfp-close {
    height: 58px;
    background: #ccc;
    width: 58px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mb-50 {
    margin-bottom: 50px;
}

.pl-0 {
    padding-left: 0;
}

.pageCommonForm.chDateTime .btnRow {
    margin-top: 20px;
}

.checkboxGroup {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
}

    .checkboxGroup li label {
        font-size: 16px;
    }

.defaultPopup.titleSpace h2 {
    margin: 0;
}

.popupCommonForm {
    padding: 20px;
}

    .popupCommonForm label {
        font-weight: 600;
    }

    .popupCommonForm input[type="text"] {
        height: 40px;
    }

.seeReportLink {
    position: absolute;
    left: 40px;
    bottom: 60px;
}

    .seeReportLink a {
        color: #fff;
        font-size: 16px;
        display: inline-block;
        padding: 2px 10px 8px 10px;
        border-radius: 5px;
    }

        .seeReportLink a:hover {
            background: #fff;
            color: #ee691a;
        }

    .seeReportLink .stIcon-reports {
        font-size: 23px;
        position: relative;
        top: 4px;
    }

.gotopagetop select, .gotopagebottom select {
    max-width: 75px;
    width: 75px !important;
    float: none;
    line-height: 20px;
    height: 28px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    padding: 2px 10px;
    padding-left: 15px;
    background: #fff url(../Content/images/select-arrow-small.png) no-repeat right center;
    border: solid 1px #e0e7ee;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    outline: none;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.redColor {
    color: #F00;
}

.exportBtnDataTable div.dt-buttons {
    float: right;
    left: 230px;
    top: -30px;
}

.exportBtnDataTable {
    padding: 30px 10px;
}

    .exportBtnDataTable div.dt-buttons > .dt-button {
        background: #0a46c8;
        color: #fff;
        border-radius: 50px;
        border-color: #0a46c8;
        font-size: 14px;
    }

        .exportBtnDataTable div.dt-buttons > .dt-button:hover {
            background: #f0641e !important;
            border-color: #f0641e !important;
        }

    .exportBtnDataTable .pagination .previous .page-link, .exportBtnDataTable .pagination .next .page-link {
        display: none !important;
    }

.recordListWrap .exportBtnDataTable .top {
    right: 20px;
    top: -40px;
}

.recordListWrap .exportBtnDataTable .bottom {
    right: 20px;
    bottom: -20px;
}

.recordListWrap .exportBtnDataTable div.dataTables_wrapper div.dataTables_info {
    padding-top: 0;
}

::marker {
    color: transparent;
}

.exportBtnDataTable .dataTableAlign {
    position: relative;
}

    .exportBtnDataTable .dataTableAlign .dataTables_info,
    .exportBtnDataTable .dataTableAlign .dataTables_paginate,
    .exportBtnDataTable .dataTableAlign .dataTables_length,
    .exportBtnDataTable .dataTableAlign .dataTables_filter {
        position: absolute;
    }

    .exportBtnDataTable .dataTableAlign .dataTables_info,
    .exportBtnDataTable .dataTableAlign .dataTables_length {
        left: 10px;
    }

    .exportBtnDataTable .dataTableAlign .dataTables_paginate,
    .exportBtnDataTable .dataTableAlign .dataTables_filter {
        right: 10px;
    }

    .exportBtnDataTable .dataTableAlign .dataTables_length {
        top: -10px;
    }

    .exportBtnDataTable .dataTableAlign .dataTables_filter {
        top: -10px;
    }

.exportBtnDataTable .dataTableAlign {
    padding: 20px;
}

    .exportBtnDataTable .dataTableAlign .dataTables_length {
        max-width: 200px;
        width: 100%;
    }

        .exportBtnDataTable .dataTableAlign .dataTables_length label {
            display: flex;
            align-items: center;
        }

        .exportBtnDataTable .dataTableAlign .dataTables_length .nice-select {
            max-width: 80px;
            margin: 5px;
        }