body {
    font-family: "Lato",sans-serif !important;
    background: #F5F6FA;
}

#DownloadPdf {
    visibility: hidden;
    display: none;
    height: 0px;
    width: 0px;
}

.bg-theme {
    background-color: #4c56c0;
}

.brand-logo h5 {
    font-weight: 900;
    font-size: 24px;
    color: #4c56c0;
}

header {
    height: 75px;
    padding: 15px 0px;
    box-shadow: 0px 4px 4px -2px #0000001f;
    background-color: #0051a8;
}


thead tr th {
    font-size: 13px;
    padding: 10px 20px 15px !important;
    font-weight: 700;
    color: #2A2A2D;
    line-height: 20px;
    text-align: center;
    border-bottom: none !important;
}

#example tbody tr td {
    height: 70px;
    color: #696969;
    padding: 0px 20px !important;
    vertical-align: middle !important;
    font-size: 12px;
    background-color: #FFF;
    text-align: center;
    border-bottom: 8px solid #f5f6fa !important;
}

#progress-chart tbody tr td {
    color: #676B79;
    padding: 0px !important;
    vertical-align: middle !important;
    font-size: 13px;
    text-align: center;
}

table.dataTable.no-footer {
    border-bottom: none;
}

#progressbar {
    margin-bottom: 10px;
    overflow: hidden;
    color: #455A64;
    padding-left: 0px;
    margin-top: 20px
}

    #progressbar li {
        list-style-type: none;
        font-size: 13px;
        width: 33.333333%;
        float: left;
        position: relative;
        font-weight: 400
    }

    #progressbar .step0:before {
        font-family: "Font Awesome 5 Free";
        content: "\f111";
        color: #c3c5ce
    }

    #progressbar li:before {
        width: 40px;
        height: 40px;
        line-height: 41px;
        display: block;
        font-size: 20px;
        background: #fafafe;
        border-radius: 50%;
        margin: auto;
        padding: 0px;
        position: relative;
        z-index: 2;
    }

    #progressbar li:after {
        content: '';
        width: 100%;
        height: 12px;
        background: #fafafe;
        position: absolute;
        left: 0;
        top: 16px;
        z-index: 0
    }

    #progressbar li:last-child:after {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        position: absolute;
        left: -50%
    }

    #progressbar li:nth-child(2):after,
    #progressbar li:nth-child(3):after {
        left: -50%
    }

    #progressbar li:first-child:after {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        position: absolute;
        left: 50%
    }

    #progressbar li:last-child:after {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px
    }

    #progressbar li:first-child:after {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    #progressbar li.active:before,
    #progressbar li.active:after {
        background: #78d885;
    }

    #progressbar li.active:before {
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        font-weight: 900;
        color: #FFF;
    }

.icon {
    width: 60px;
    height: 60px;
    margin-right: 15px
}

.icon-content {
    padding-bottom: 20px
}

.top {
    padding-top: 0px;
    padding-left: 14% !important;
    padding-right: 14% !important;
}

.child-row {
    z-index: 0;
    background-color: #FFF;
    padding-bottom: 20px;
    margin-top: 90px;
    margin-bottom: 90px;
}

.btn-cancel {
    background-color: #f46e6e !important;
    font-size: 13px;
    color: #FFF !important;
    padding: 7px 23px;
}

.badge {
    height: 25px;
    font-size: 11px;
    padding: 0px 12px;
    display: inline-flex;
    align-items: center;
    border-radius: 3px;
    justify-content: center;
    color: #fff;
    font-weight: 400;
}

.badge-success {
    background: #78d885 !important;
}

.badge-danger {
    background: #f46e6e !important;
}

.badge-warning {
    background: #DFA100 !important;
}

.text-warning {
    color: #DFA100 !important;
}

.text-success {
    color: #78d885 !important;
}
.text-exception {
    color: #ff7e33 !important;
}

@media screen and (max-width: 992px) {
    .icon-content {
        width: 50%
    }
}

.user_icon .dropdown-menu {
    transform: none !important;
    border: none;
    border-radius: 0px;
    box-shadow: 0 0 14px 0 rgba(53,64,82,.05);
    font-size: 14px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    right: -20px;
    top: 42px !important;
    width: 150px !important;
    left: unset !important;
}

.dropdown-menu.show {
    transition: opacity 302ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 201ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transform: none !important;
    top: 42px !important;
    left: unset !important;
}

.user_icon .dropdown-item em {
    font-size: 16px;
    margin-right: 5px;
    vertical-align: middle;
}

.user_icon .dropdown-item {
    color: #696969;
    padding: 8px 12px;
    cursor: pointer;
}

    .user_icon .dropdown-item:active, .user_icon .dropdown-item:hover {
        color: #fff;
        text-decoration: none;
        background-color: #0051a8;
    }

[data-name]:before {
    content: attr(data-name);
    display: inline-block;
    font-size: 1.5em;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    color: white;
    background-color: #18bab0;
}

.drop__down {
    cursor: pointer;
    color: #FFF;
    font-size: 38px;
    margin-bottom: 0px;
    margin-top: -5px;
}

.profilename {
    font-size: 14px;
    font-weight: 600;
    color: #666666;
}

.user_icon span {
    font-size: 13px;
    color: #FFF;
    display: block;
    line-height: 16px;
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.userrole {
    font-size: 12px;
}

.usernamerole {
    float: right;
    margin-left: 4px;
    margin-top: 0px;
    cursor: pointer;
}

.brand-logo img {
    margin-top: 2px;
    width: 60px;
}

.vertical-align-middle {
    vertical-align: middle;
}

.page-title {
    padding: 20px 0px;
    margin-top: 20px;
}

    .page-title h5 {
        font-weight: 600;
        font-size: 21px;
        color: #0051a8;
        margin-bottom: 10px;
        position: relative;
    }

.page-inner-title h5 {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
    margin-top: 20px;
}

.brand-logo {
    float: left;
}

ul.nav-bar-menu {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    width: 54%;
    z-index: 1;
    margin-left: 17.5%;
    margin-right: auto;
}

    ul.nav-bar-menu li {
        padding: 0px 5px;
        display: inline-block;
    }

        ul.nav-bar-menu li a {
            color: #FFF;
            font-size: 13px;
            padding: 8px 5px;
            border: 1px solid transparent;
            text-decoration: none !important;
            margin-right: 5px;
        }

            ul.nav-bar-menu li a em {
                margin-right: 5px;
                font-size: 18px;
                vertical-align: text-bottom;
            }




            ul.nav-bar-menu li.active a, ul.nav-bar-menu li a:hover {
                color: #FFF;
                border-bottom: 2px solid #FFF;
            }

.page-wrapper {
    padding: 0px 10px;
    margin-bottom: 130px;
    width: 100%;
    float: left;
}


.doc-item {
    padding: 10px;
    background-color: #FFF;
    margin: 0px;
    margin-bottom: 10px;
    justify-content: space-between;
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 9%);
    border-radius: 4px;
    position: relative;
}

    .doc-item.selected:before {
        content: "";
        position: absolute;
        width: 5px;
        height: 100%;
        left: 0px;
        z-index: 1;
        background-color: #0051a8;
        top: 0px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .doc-item .badge {
        margin-top: 12px;
    }

p.table-title label {
    cursor: pointer;
}

p.row-index {
    padding: 3px 8px;
    width: auto;
    margin-bottom: 0px;
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    background-color: #0051a8;
    cursor: pointer;
}

.selecttransaction {
    width: 25px;
    color: #FFF;
    font-size: 12px;
    background-color: #0051a8;
    cursor: pointer;
    height: 25px;
    border-radius: 50px;
    line-height: 28px;
    text-align: center;
    display: none;
    margin: auto;
}

.selectcurrenttransaction {
    vertical-align: middle !important;
}

p.table-title {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #FFF;
}

p.table-value {
    font-size: 12px;
    padding-top: 4px;
    color: #696969;
    margin-bottom: 0px;
}

.doc-title a {
    padding-right: 5px;
    white-space: nowrap;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    text-decoration: none !important;
    cursor: text !important;
    color: #696969 !important;
}

.btn-recommanded {
    background-color: #4c56c0;
    font-size: 13px;
    border-radius: 0px;
    color: #FFF;
    padding: 8px 20px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.doc-item.active {
    box-shadow: 0px 0px 14px 1px #0000001f;
}

.table-view .doc-item.active {
    transform: scale(1.02);
}

.box {
    width: 150px !important;
}

    .box h2 {
        display: block;
        text-align: center;
        color: #fff;
    }

    .box .chart {
        position: absolute;
        text-align: center;
        font-size: 21px;
        color: #FFF;
        font-weight: 500;
        top: 73px;
        width: 160px;
    }

        .box .chart span {
            font-size: 16px;
            display: block;
        }

    .box canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

#progress-chart {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1051;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background-color: rgb(0 0 0 / 0.85);
    padding-left: 17px;
}

.outputprogress {
    background-color: rgb(0 0 0 / 0.85);
}

.progress-bar {
    transition: none;
}

#progress-chart .box {
    width: 200px;
    height: 200px;
    padding: 20px;
    opacity: 1;
    margin-top: 18% !important;
    position: relative;
}

#progress-chart .box-bar {
    width: 60%;
    height: 60%;
    margin-top: 20% !important;
    position: relative;
}

.progressvalue {
    font-size: 42px;
    color: #FFF;
    font-weight: 600;
    margin-bottom: 10px;
}

.progressmessage {
    font-size: 16px;
    margin-top: 10px;
    color: #FFF;
    font-weight: 600;
}

.progress {
    background-color: #b6c0d8;
    height: 20px;
}

.progress-bar {
    background-color: #0051a8;
}

.progress-landing .progress-bar {
    background-color: #0051a8;
}

#progress-chart svg {
    position: relative;
    width: 160px;
    height: 160px;
    transform: rotate(-90deg);
}

    #progress-chart svg circle {
        width: 160px;
        height: 160px;
        fill: none;
        stroke-width: 10px;
        stroke: #4c56c0;
        transform: translate(10px, 10px);
        stroke-dasharray: 440;
        stroke-dashoffset: 440;
        stroke-linecap: round;
        transition: stroke-dashoffset .6s ease;
    }

        #progress-chart svg circle:nth-child(1) {
            stroke-dashoffset: 0;
            stroke: #2a1225;
        }

        #progress-chart svg circle:nth-child(2) {
            stroke-dashoffset: calc(440 - (440 * 73) / 100);
            stroke: #e2105c;
        }

.usernamerole:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d7";
    color: #ffffff;
    position: absolute;
    right: -16px;
    top: 4px;
    font-size: 14px;
}

.btn-action {
    padding: 4px 16px;
    font-size: 12px;
    font-weight: 600;
}

.user_icon {
    margin-top: 10px;
    margin-right: 15px;
}

.w-title {
    -ms-flex: 0 0 15.333333%;
    flex: 0 0 15.333333%;
    max-width: 15.333333%;
}

.w-snoh {
    -ms-flex: 0 0 7%;
    flex: 0 0 7%;
    max-width: 7%;
    padding-left: 2px;
}

.w-sno {
    -ms-flex: 0 0 6%;
    flex: 0 0 6%;
    max-width: 5%;
    padding-left: 5px;
}
.w-uniqueId {
    -ms-flex: 0 0 6%;
    flex: 0 0 8%;
    max-width: 8%;
    padding-left: 21px;
}
.w-checkbox {
    -ms-flex: 0 0 3%;
    flex: 0 0 2%;
    max-width: 2%;
    padding-left: 0px;
}
.uniqId{
    width: 59px;
}
.w-doc-title {
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 17%;
    padding: 0 10px;
}

.w-ver-title {
    -ms-flex: 0 0 11%;
    flex: 0 0 11%;
    max-width: 10%;
    padding: 0 10px;
}

.w-docupload {
    -ms-flex: 0 0 12%;
    flex: 0 0 12%;
    max-width: 11%;
    padding: 0px 6px;
}

.w-startTime {
    -ms-flex: 0 0 12.666667%;
    flex: 0 0 12.666667%;
    max-width: 12.666667%;
}

.w-esttime {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
    padding: 0px 10px;
}

.w-remtime {
    -ms-flex: 0 0 10.333333%;
    flex: 0 0 10.333333%;
    max-width: 10.333333%;
}

.w-status {
    -ms-flex: 0 0 11.333333%;
    flex: 0 0 11.333333%;
    max-width: 10.333333%;
    padding: 0px;
}

.w-action {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 10%;
    max-width: 10%;
    padding: 0px;
}

.doc-title span {
    font-size: 11px;
}

.btn-theme {
    color: #fff !important;
    background-color: #0051a8 !important;
    font-size: 13px;
    padding: 7px 23px;
    border-radius: 8px;
    border: 1px solid transparent !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.text-count {
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 0px;
}

.action-icons .fas {
    color: #696969;
    margin-right: 10px;
    cursor: pointer;
    font-size: 15px;
}

    .action-icons .fas:last-child {
        margin-right: 0px;
    }

.version-file-name {
    padding-right: 5px;
    cursor: pointer;
    white-space: nowrap;
    width: 43%;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    display: inline;
    margin-bottom: 0px;
}

.version-file-list ul li span {
    float: left;
}

.version-file-list {
    display: none;
    position: absolute;
    z-index: 1;
    width: 250px;
    margin-top: 4px;
    left: 101%;
    top: -6px;
}

    .version-file-list ul {
        background-color: #ffffff;
        padding: 5px 0px;
        font-size: 12px;
        border: 1px solid #cacaca;
        list-style-type: none;
        box-shadow: 0px 0px 1px 0px rgb(0 0 0 / 34%);
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-radius: 4px;
    }

        .version-file-list ul:before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            z-index: 1;
            border-width: 5px;
            border-color: transparent #b3b3b3 transparent transparent;
            border-style: solid;
            left: -10px;
            top: 11px;
        }

        .version-file-list ul li {
            margin-bottom: 3px;
            color: #565656;
            padding: 6px 6px;
            position: relative;
            padding-left: 30px;
            text-align: left;
            border-bottom: 1px solid #dfdfdf;
        }

            .version-file-list ul li:first-child {
                font-weight: 600;
            }

                .version-file-list ul li:first-child .me-1 {
                    opacity: 0;
                }

                .version-file-list ul li:first-child input {
                    display: none;
                }

            .version-file-list ul li span.me-1 {
                color: #5d5d5d;
            }

.view-version-file {
    text-align: center;
    position: relative;
}

.version-file-list ul li input {
    position: absolute;
    left: 6px;
    top: 6px;
}

.version-file-list ul li label:nth-child(1) {
    width: 43%;
}

.version-file-list ul li span:nth-child(2), .version-file-list ul li span:nth-child(4) {
    width: 2%;
    text-align: center;
}

.version-file-list ul li span:nth-child(3), .version-file-list ul li span:nth-child(5) {
    width: 22%;
}

.version-file-list ul li:last-child {
    border-bottom: none;
}

.view-version-file span.versionname {
    font-size: 12px;
    padding-top: 4px;
    margin-bottom: 0px;
    color: #696969;
    position: relative;
}
.versionname .fa-info-circle {
    font-size: 14px;
    position: absolute;
    right: -16px;
    color: #17a2b8;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid green;
}

.table-value span[class^='text-'] {
    padding: 2px 6px 4px;
    background-color: #FFF;
    border-radius: 3px;
    font-size: 12px;
    color: #FFF;
}

.table-value span.text-success {
    background-color: #28a745 !important;
    color: #FFF !important;
}
.table-value span.text-exception {
    background-color: #ff7e33 !important;
    color: #FFF !important;
}
.table-value span.text-info {
    background-color: #17a2b8 !important;
    color: #FFF !important;
}

.table-value span.text-warning {
    background-color: #ffc107 !important;
    color: #FFF !important;
}

.table-value span.text-danger {
    background-color: #dc3545 !important;
    color: #FFF !important;
}

.text-lable {
    font-size: 15px;
    font-weight: 600;
}

.text-icon {
    font-size: 28px;
    margin-top: 10px;
}

.layers {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.d-f, .layers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-20 {
    padding: 20px !important;
}

.peers {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.fxw-nw {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.peer {
    display: block;
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.peer-greed, .peers-greed > .peer, .peers-greed > .peers {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.c-green-500, .cH-green-500:hover {
    color: #4caf50 !important;
}

.bgc-green-50, .bgcH-green-50:hover {
    background-color: #e8f5e9 !important;
}

.bdrs-10em {
    border-radius: 10em !important;
}

.lh-0 {
    line-height: 0 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.pX-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pY-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.va-m {
    vertical-align: middle !important;
}

.d-ib {
    display: inline-block !important;
}

.layer h6 {
    font-size: 15px;
    color: #333;
    line-height: 1 !important;
    font-weight: 600;
}

.peer-greed em {
    font-size: 24px;
}

.c-blue-500, .cH-blue-500:hover {
    color: #2196f3 !important;
}

.peer-greed em.c-blue-500 {
    color: #17a2b8 !important;
}

.bgc-blue-50, .bgcH-blue-50:hover {
    background-color: #e3f2fd !important;
}

.c-red-500, .cH-red-500:hover {
    color: #f44336 !important;
}

.bgc-red-50, .bgcH-red-50:hover {
    background-color: #ffebee !important;
}

.c-purple-500, .cH-purple-500:hover {
    color: #9c27b0 !important;
}

.bgc-purple-50, .bgcH-purple-50:hover {
    background-color: #f3e5f5 !important;
}

.vertical-align-text-bottom {
    vertical-align: text-bottom;
}


.upload-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    flex-direction: column;
    background-color: white;
    border: 2px dashed #BEBEBE;
    font-size: 13px;
    font-weight: 600;
    color: #929398;
    cursor: pointer;
    position: relative;
}

    .upload-box em {
        font-size: 48px;
        margin-bottom: 10px;
        color: #ccc;
    }

    .upload-box a {
        text-decoration: underline !important;
        font-weight: 500 !important;
        color: #007bff !important;
    }

        .upload-box a:after {
            content: "*";
            text-decoration: none;
            position: absolute;
            margin-left: 4px;
            color: red;
            font-size: 18px;
            margin-top: -6px;
        }

.rowuploaded {
    color: #474646;
    font-size: 12px;
    background-color: #f1f1f1;
    margin: 0px;
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 7px 1px 4px;
    position: relative;
    box-shadow: 0px 0px 3px 1px #00000012;
    border: 1px solid #BEBEBE;
    cursor:
}

.rowuploadedhead {
    padding: 8px 5px 5px;
    margin: 0px;
    margin-bottom: 6px;
    color: #474646;
    font-size: 13px;
    font-weight: 600;
}

p.uploadfilevalue {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rowuploadedhead div[class^='col-'],
.rowuploaded div[class^='col-'] {
    padding: 0px 6px;
}

.rowuploadedhead p,
.rowuploaded p {
    margin: 0px;
}

.closeicon {
    position: absolute;
    width: 43px;
    right: -22px;
    top: -10px;
    cursor: pointer;
    border-radius: 50px;
}

.modal-lg {
    max-width: 1000px;
}

.rowuploaded p em {
    font-size: 18px;
    vertical-align: sub;
    margin-right: 6px;
    color: #ff6c6c;
}

.modal-header {
    background-color: #0051a8;
    border-color: #0051a8;
}

#strikeUl .rowuploadedhead {
    margin-bottom: -6px;
}

#divStrikeList {
    max-height: 225px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 10px;
}

    #divStrikeList .rowuploaded {
        cursor: move;
    }
    /* width */
    #divStrikeList::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    #divStrikeList::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    #divStrikeList::-webkit-scrollbar-thumb {
        background: #888;
    }

        /* Handle on hover */
        #divStrikeList::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.modal-header h4 {
    font-size: 18px;
    margin: 0px;
    color: #FFF;
}

.modal-header h4 {
    font-size: 18px;
    margin: 0px;
    color: #FFF;
}

.report-chart .col-md-3 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0px 8px;
}

.repor-item {
    background-color: #FFF;
    padding: 12px;
    color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 24%);
    height: 120px;
    padding-top: 35px;
}

.doc-title-row {
    padding: 10px 10px;
    margin: 0px;
    margin-bottom: 8px;
    justify-content: space-between;
    background-color: #0051a8;
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 9%);
    border-radius: 4px;
}

.repor-item-success {
    background-color: #4caf50;
}

.repor-item-progress {
    background-color: #17a2b8;
}

.repor-item-pending {
    background-color: #ffcd39 !important
}

.repor-item-failed {
    background: #f46e6e !important;
}
.repor-item-completedwithexception {
    background: #ff7e33 !important;
}
.repor-item-remtime {
    background: #0051a8 !important;
}

.divider {
    content: " ";
    background-color: #bebebe;
    width: 1px;
    height: 120px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.clearfix {
    clear: both;
}

.modal-header .close {
    opacity: 1;
    color: #FFF;
}

.jumbotron h4 {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 1.25rem !important;
}

.text-theme {
    color: #4c56c0 !important;
}

.btn-transparent {
    color: #4c56c0 !important;
    background-color: transparent !important;
    font-size: 14px;
    padding: 4px 24px;
    border-radius: 50px;
    border: 1px solid #4c56c0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    line-height: 26px;
}

.shadow {
    box-shadow: 0px 0px 9px 3px #0000000f !important;
}

.filerlinks {
    list-style: none;
    padding-left: 0px;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .filerlinks li {
        display: inline-block;
        padding-left: 10px;
    }

.labletext {
    font-size: 14px;
    color: #333
}





/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block !important;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block !important;
    width: 50px;
    height: 25px;
    margin-top: 10px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 19px;
        width: 19px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #0051a8;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.searchbox img {
    position: absolute;
    width: 21px;
    top: 9px;
    left: 10px;
}

.searchbox input {
    padding-left: 35px;
    font-size: 13px;
    height: 38px;
    border-color: #c0c0c0 !important;
    box-shadow: none !important;
    background-color: #FFF !important;
    border-radius: 50px;
    color: #a5a6ad !important;
}

.customtable table {
    width: 100% !important;
}

.customtable thead tr th {
    color: #000;
    padding: 10px 12px !important;
    vertical-align: middle !important;
    font-size: 12px;
    text-align: center;
    border-bottom: none;
    font-weight: 600;
}

.customtable tbody tr td {
    color: #000;
    min-height: 50px;
    padding: 12px 12px !important;
    vertical-align: middle !important;
    font-size: 12px;
    background-color: #f5f5f5;
    text-align: center;
    border-top: 1px solid #dfdfdf;
}

.btn-adduser, .btn-addaccount {
    font-size: 13px;
    background-color: #0051a8 !important;
    color: #fff !important;
    padding: 7px 13px;
    border-radius: .25rem !important;
}

#lbl_title {
    color: #AA2E16;
    font-weight: 600;
    font-size: 23px;
    margin-bottom: 25px;
}

.modal-footer {
    border-top: none;
}

.userlistform .form-control {
    border: 1px solid #DADBE4;
    border-radius: 50px;
    height: 40px;
    box-shadow: none;
    transition: none;
    background-color: #FFFFFF;
    -webkit-appearance: none;
    color: #686868;
    width: 100%;
    font-size: 13px;
    padding: 0.375rem 1rem;
}

#Domain {
    width: 85%;
}

.userlistform label {
    color: #3e3e3e;
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 8px;
}

.userlistform .requiredfield::after {
    content: "*";
    color: #AA2E16;
    margin-left: 1px;
    font-weight: 900;
    font-size: 16px;
}

.action-option ul:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #8b8b8b94;
    position: absolute;
    z-index: 1;
    top: -4px;
    left: 9px;
    background-color: transparent;
}

.action-option {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #ffffff;
}

    .action-option ul {
        border-radius: 3px;
        padding: 3px 5px;
        border: 1px solid #eaeaea;
        list-style-type: none;
        box-shadow: 0px 0px 1px 0px rgb(0 0 0 / 52%);
        margin-bottom: 0px;
    }

        .action-option ul li {
            display: inline-block;
            line-height: 18px;
        }

        .action-option ul .fas {
            margin: 0px 7px;
        }

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type=checkbox],
    input[type=radio] {
        --active: #275EFE;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        --border: #BBC1E1;
        --border-hover: #275EFE;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 18px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }

        input[type=checkbox]:after,
        input[type=radio]:after {
            content: "";
            display: block;
            left: 0;
            top: 0;
            position: absolute;
            transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
        }

        input[type=checkbox]:checked,
        input[type=radio]:checked {
            --b: var(--active);
            --bc: var(--active);
            --d-o: .3s;
            --d-t: .6s;
            --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
        }

        input[type=checkbox]:disabled,
        input[type=radio]:disabled {
            --b: var(--disabled);
            cursor: not-allowed;
            opacity: 0.9;
        }

            input[type=checkbox]:disabled:checked,
            input[type=radio]:disabled:checked {
                --b: var(--disabled-inner);
                --bc: var(--border);
            }

            input[type=checkbox]:disabled + label,
            input[type=radio]:disabled + label {
                cursor: not-allowed;
            }

        input[type=checkbox]:hover:not(:checked):not(:disabled),
        input[type=radio]:hover:not(:checked):not(:disabled) {
            --bc: var(--border-hover);
        }

        input[type=checkbox]:focus,
        input[type=radio]:focus {
            box-shadow: 0 0 0 var(--focus);
        }

        input[type=checkbox]:not(.switch),
        input[type=radio]:not(.switch) {
            width: 18px;
        }

            input[type=checkbox]:not(.switch):after,
            input[type=radio]:not(.switch):after {
                opacity: var(--o, 0);
            }

            input[type=checkbox]:not(.switch):checked,
            input[type=radio]:not(.switch):checked {
                --o: 1;
            }

        input[type=checkbox] + label,
        input[type=radio] + label {
            font-size: 14px;
            line-height: 21px;
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
            margin-left: 4px;
        }

        input[type=checkbox]:not(.switch) {
            border-radius: 4px;
        }

            input[type=checkbox]:not(.switch):after {
                width: 5px;
                height: 9px;
                border: 2px solid var(--active-inner);
                border-top: 0;
                border-left: 0;
                left: 6px;
                top: 3px;
                transform: rotate(var(--r, 20deg));
            }

            input[type=checkbox]:not(.switch):checked {
                --r: 43deg;
            }

        input[type=checkbox].switch {
            width: 38px;
            border-radius: 11px;
        }

            input[type=checkbox].switch:after {
                left: 2px;
                top: 2px;
                border-radius: 50%;
                width: 15px;
                height: 15px;
                background: var(--ab, var(--border));
                transform: translateX(var(--x, 0));
            }

            input[type=checkbox].switch:checked {
                --ab: var(--active-inner);
                --x: 17px;
            }

            input[type=checkbox].switch:disabled:not(:checked):after {
                opacity: 0.6;
            }

    input[type=radio] {
        border-radius: 50%;
    }

        input[type=radio]:after {
            width: 19px;
            height: 19px;
            border-radius: 50%;
            background: var(--active-inner);
            opacity: 0;
            transform: scale(var(--s, 0.7));
        }

        input[type=radio]:checked {
            --s: .5;
        }
}

.autoselec {
    position: absolute !important;
    right: 22px;
    width: 18px !important;
    height: 18px !important;
    border-radius: 4px !important;
    top: 0px;
}

input[type=checkbox].autoselec:not(.switch):after {
    left: 6px;
    top: 3px;
    width: 4px;
    height: 9px;
}

.select-icon {
    position: absolute;
    right: 30px;
    font-size: 18px;
    top: 40px;
    color: #9399AC;
    pointer-events: none;
}

#searchUser {
    pointer-events: all;
    position: absolute;
    right: 18px;
    height: 48px;
    width: 50px;
    top: 26px;
    box-shadow: none;
    color: #bcbcbc;
    font-size: 21px;
    background-color: #efefef
}

.select-icon-domain {
    right: 80px;
    top: 36px;
}

#searchUser em {
    color: #bcbcbc !important;
}

.file_upload {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}

.file_upload:disabled {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0.2;
        cursor: default;
        z-index: 5;
    }

#upload_stamp_file_name:before, #upload_strikethrogh_file_name:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1c1";
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px;
    color: #f40f02b0;
    display: none;
}

.Stampbefore #upload_stamp_file_name:before, .Strikebefore #upload_strikethrogh_file_name:before {
    display: inline;
}

#upload_stamp_file_name, #upload_strikethrogh_file_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    max-width: 25%;
}


footer {
    background-color: #0051a8;
    font-size: 11px;
    color: #FFF;
    text-align: center;
    width: 100%;
    bottom: 0px;
    padding: 10px;
    margin-top: 20px;
    box-shadow: 0px 0px 6px 0px #0000001f;
    position: fixed;
    font-weight: 600;
}

.sponser-text {
    color: #FFF !important;
    margin-top: 3px;
    margin-left: 2px;
}

.quick-links {
    position: absolute;
    right: 20px;
}

.sponser-text img {
    width: 26px;
    vertical-align: sub;
    margin-left: 4px;
}

.logs-container {
    padding: 15px;
    border-radius: 5px;
    background-color: #FFF;
    box-shadow: 0px -1px 6px #00000029;
    width: 100%;
    margin: 10px 0px;
    float: left;
}

.searcharea .form-control {
    border-color: #e5e9ec;
    font-size: 13px;
    box-shadow: none;
    padding-left: 35px;
}

.searcharea img {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 23px;
}

.logsfilterarea {
    justify-content: flex-end;
}

    .logsfilterarea .col-md-3, .logsfilterarea .col-md-2, .logsfilterarea .col-md-1 {
        padding: 0px 8px;
    }

    .logsfilterarea .col-md-1 {
        flex: 0 0 100px;
        max-width: 100px;
        padding-right: 0;
    }

    .logsfilterarea .form-control {
        font-size: 13px;
        border-color: #d0d4d7;
        box-shadow: none;
        -webkit-appearance: none;
        cursor: pointer;
    }

.inputicongroup em {
    position: absolute;
    right: 20px;
    font-size: 16px;
    top: 9px;
    color: #8a8a8a;
    pointer-events: none;
}

    .inputicongroup em.fa.fa-caret-down {
        font-size: 24px;
        top: 5px;
    }

.btn-smt {
    width: 90px;
    background-color: #0051a8;
    color: #fff !important;
    border-radius: .25rem;
    font-size: 13px;
}

.btn-download {
    width: 120px;
    background-color: #0051a8;
    color: #fff !important;
    border-radius: .25rem;
    font-size: 13px;
    padding: 6px 12px;
}

.logstableview .table > thead > tr > th {
    font-size: 13px;
    font-weight: 600;
    border: none;
    padding: 12px 20px;
}

.logstableview {
    padding: 10px;
}

    .logstableview .table > tbody > tr > td {
        border: none;
        padding: 2px 20px;
        background-color: #FFF;
        height: 60px;
        vertical-align: middle;
        font-size: 12px;
        color: #808080;
        text-align: center;
    }

        .logstableview .table > tbody > tr > td a {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 180px;
            display: inline-block;
            vertical-align: middle;
            text-decoration: none !important;
            cursor: text !important;
            color: #007bff !important;
        }

        .logstableview .table > tbody > tr > td p {
            color: #BEBEBE;
        }

table.dataTable {
    margin-bottom: 20px;
}

    table.dataTable thead .sorting_asc {
        background-image: url(../img/sort_asc.png);
    }

    table.dataTable thead .sorting_desc {
        background-image: url(../img/sort_desc.png);
    }

    table.dataTable thead .sorting {
        background-image: url(../img/sort_both.png);
    }

    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting_asc_disabled,
    table.dataTable thead .sorting_desc_disabled {
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center right;
    }

div#auditlogtable_info, div#transactionlogtable_info, div#DataTables_Table_0_info, div#usermanagement_info {
    font-weight: 600;
    color: #848484;
    font-size: 13px;
}

:focus {
    outline: none !important;
}

table.dataTable.no-footer {
    border-bottom: none;
}

.dt-paging-button {
    margin: 0px 7px;
    border-radius: 4px !important;
    padding: 5px 8px !important;
    font-size: 12px !important;
    vertical-align: middle;
    line-height: 14px;
    background: #e9e9e9 !important;
    color: #848484 !important;
    font-weight: 600;
    text-decoration: none !important;
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
    background: #0051a8 !important;
    border-color: #0051a8 !important;
    color: #fff !important;
}

div.dt-container .dt-paging .dt-paging-button:hover {
    background: #0051a8 !important;
    border-color: #0051a8 !important;
    color: #fff !important;
}

.statustext {
    display: inline-block;
    padding: 4px 10px 2px;
    width: 70px;
    text-align: center;
}

.btn-download img {
    width: 16px;
    margin-right: 5px;
}

.datepicker td, .datepicker th {
    padding: 3px !important;
    font-size: 12px;
}

.resulttext {
    font-size: 13px;
    color: #333;
    font-weight: 600;
    margin-top: 10px;
}

.grid-content-container {
    width: 100%;
    margin: 0 auto;
    padding: 25px 30px 10px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px -1px 6px #00000029;
    margin-bottom: 20px;
}

h4.releasetitle {
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
    font-size: 19px;
}

span.releasedate {
    float: right;
    font-size: 16px;
    font-weight: 500;
    color: #666;
}

.grid-content-container ul {
    padding-left: 20px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    opacity: 0.8;
}

    .grid-content-container ul li {
        padding: 1px 0px;
    }

button.dt-button {
    display: none;
}

.resulttext span {
    color: #7b7c7e;
}

.buttons-excel {
    display: none !important;
}

.dataTables_filter {
    display: none;
}

.loading {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 100000000000;
    cursor: pointer;
}

.spin-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

p.filename:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1c1";
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px;
    color: #f40f02b0;
}

#CompletedDoc, #InProgressDoc, #PendingDoc, #FailedDoc, #NoDifferenceDoc, #FilePageSizeNotSameDoc, #CompletedWithExceptionDoc {
    display: none;
}

.PositionDisplayNone {
    display: none !important;
}

.sub-list {
    padding: 10px 0;
    margin: 0;
    list-style: none;
    font-size: 12px;
    padding-top: 15px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

    .sub-list li {
        display: inline-block;
        padding: 0 7px 0px 17px;
        cursor: pointer;
        vertical-align: middle;
        margin-bottom: 5px;
        text-align: center;
    }

.previcon em, .nexticon em {
    font-size: 28px;
    color: #777777;
}

.form-control-searchboxicon {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 1;
    display: block;
    width: 25px;
    height: 34px;
    line-height: 34px;
    text-align: right;
    pointer-events: none;
    font-size: 14px;
    color: #555;
}

.divsearchboxdiv .searchbox {
    border-radius: 50px;
    background-color: #ecedef;
    border-color: #ecedef !important;
    box-shadow: none !important;
    outline: none !important;
    padding-left: 30px;
    height: 34px;
    font-size: 13px;
}

.downloadicon, .searchicon {
    background-color: #15b9b0;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    display: inline-block;
}

.viewerfilter {
    background-color: #FFF;
}

.downloadicon .fa, .searchicon .fa {
    color: #FFF;
    font-size: 16px;
    line-height: 38px;
}

.toolbarField.pageNumber {
    color: #777777 !important;
    background-color: #ecedef !important;
    border: none !important;
    height: 36px;
    text-align: center;
    box-shadow: none;
    margin: 0px;
    border-radius: 5px;
    font-size: 14px;
    margin-right: 3px;
}

.line {
    width: 1px;
    height: 30px;
    background: #ccc;
    display: inline-block;
    vertical-align: middle;
    /* margin: 0 10px; */
}

#viewerContainer {
    top: 10px;
    height: 70%;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.filerlinks .form-control, .sort-btn {
    font-size: 13px;
    border-color: #ecedef !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    outline: none !important;
    background-color: #ffffff !important;
    min-width: 140px;
    border-radius: 50px;
    color: #333 !important;
    text-align: left;
}

.filerlinks .dropdown-toggle::after {
    display: none;
}

.filerlinks .dropdown-item {
    font-size: 13px;
    color: #333;
    padding: 8px 12px;
}

    .filerlinks .dropdown-item span, .sort-btn span {
        font-size: 13px;
        color: #666666;
        margin-right: 6px;
    }

    .filerlinks .dropdown-item svg, .sort-btn svg {
        width: 13px;
        fill: #666666;
        margin-right: 6px;
        vertical-align: text-bottom;
    }

.filerlinks .inputicongroup em {
    right: 10px;
}

.filerlinks .dropdown-item:active {
    color: #333;
    text-decoration: none;
    background-color: #ecedef;
}

.filerlinks label {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #666666;
}

@font-face {
    font-family: "BAD GRUNGE";
    src: url("../fonts/9940eb554216bb36559f837fa4c0e73d.eot"); /* IE9*/
    src: url("../fonts/9940eb554216bb36559f837fa4c0e73d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/9940eb554216bb36559f837fa4c0e73d.woff2") format("woff2"), /* chrome firefox */
    url("../fonts/9940eb554216bb36559f837fa4c0e73d.woff") format("woff"), /* chrome firefox */
    url("../fonts/9940eb554216bb36559f837fa4c0e73d.ttf") format("truetype"); /* chrome firefox opera Safari, Android, iOS 4.2+*/
}

.logoh2 {
    font-family: "BAD GRUNGE";
    font-size: 52px;
    color: #FFF;
    position: absolute;
    margin-left: 5px;
    top: -15px;
}

    .logoh2 span {
        text-decoration: line-through;
        font-family: fantasy;
        font-size: 36px;
        text-transform: uppercase;
        font-weight: 900;
    }

.cursor-pointer {
    cursor: pointer !important;
}

.centerFlex {
    margin-top: 6%;
    display: block;
}

.under-construction-bg {
    background-image: none;
    width: 280px;
    height: 220px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 12px;
    position: relative;
}

.error-innercontent {
    content: "";
    position: absolute;
    top: 12px;
    left: 22px;
}

    .error-innercontent h1 {
        font-size: 140px;
        font-weight: 600;
        color: #333;
        text-align: center;
        margin-top: 5px;
        margin-bottom: -8px;
        letter-spacing: 4px;
    }

    .error-innercontent em {
        font-size: 100px;
        position: absolute;
        left: -131px;
        color: #f46e6e;
        top: 74px;
    }

    .error-innercontent p {
        font-size: 28px;
        text-align: center;
        font-weight: 900;
        color: #333;
        letter-spacing: 3px;
        text-transform: uppercase;
    }

.centerFlex a {
    display: block;
    text-align: center;
    color: #4c56c0;
    font-size: 16px;
    text-decoration: underline;
}

.under-construction-text {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #333333d1;
    margin-bottom: 8px;
    margin-top: 10px;
}

.errorcontainer {
    width: 60%;
    background-color: #FFF !important;
    height: 60%;
    margin: auto;
    margin-top: 3%;
    box-shadow: -1px 0px 13px 1px rgb(0 0 0 / 22%);
    text-align: center;
    padding: 20px !important;
    padding-top: 6% !important;
    position: relative !important;
    top: unset !important;
}

    .errorcontainer .closeicon {
        position: absolute;
        right: -15px;
        top: -15px;
    }

    .errorcontainer .fa-exclamation-circle {
        font-size: 52px;
        color: #f46e6e;
        display: block;
        margin-bottom: 20px;
    }

    .errorcontainer #errorMessage {
        font-size: 21px;
        text-align: center;
        font-weight: 900;
        color: #333;
        letter-spacing: 0px;
        text-transform: uppercase;
        display: inline-block;
        margin-bottom: 15px;
    }

    .errorcontainer #errorMoreInfo {
        background-color: rgba(255, 255, 255, 1);
        padding: 5px;
        margin: 0px;
        width: 98%;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        color: #333;
        line-height: 24px;
        border: none;
        overflow: hidden;
        height: 100px !important;
        resize: none;
    }

#download-user-manual {
    cursor: pointer;
}

.filtererror p {
    font-size: 13px;
    margin-bottom: 10px;
    color: #696969;
    margin-top: 10px;
    text-align: center;
    display: block;
}

.w-doc-title-op {
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
    padding: 0 10px;
}

    .w-doc-title-op .doc-title a {
        width: 60%;
    }

.activationlink span {
    color: #A4A5A6;
    font-size: 24px;
    vertical-align: middle;
}

.activationlink a {
    color: #4c56c0;
    font-size: 15px;
    text-decoration: underline;
    vertical-align: middle;
}

    .activationlink a em {
        font-size: 21px;
        vertical-align: middle;
    }

#pswd-info {
    background-color: #FFF;
    position: absolute;
    padding: 20px;
    box-shadow: 0px 1px 10px 1px rgb(0 0 0 / 22%);
    right: -258px;
    z-index: 1;
    top: -25px;
    display: none;
}

    #pswd-info h6 {
        font-weight: 600;
        font-size: 15px;
    }

    #pswd-info ul {
        margin-bottom: 0px;
        padding-left: 6px;
        list-style: none;
        font-size: 14px;
        color: #828282;
    }

.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    margin-top: -4px;
}

.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #e5e5e56b;
    border-width: 13px;
    margin-top: -7px;
}

#usermanagement tbody tr td:first-child, #usermanagement thead tr th:first-child {
    width: 180px !important;
}

#accountmaster tbody tr td:first-child, #accountmaster thead tr th:first-child {
    width: 180px !important;
}

.accesslogtable tbody tr td:first-child, .accesslogtable thead tr th:first-child {
    width: 30px !important;
}

.accesslogtable tbody tr td:nth-child(2), .accesslogtable thead tr th:nth-child(2) {
    width: 140px !important;
}

.error-msg {
    color: red;
    font-size: 13px;
    margin-bottom: -8px;
    margin-top: 4px;
}

.invalid, .valid {
    padding-left: 22px;
    line-height: 24px;
    list-style: none;
}

.invalid {
    background: url('../img/error.png') no-repeat 0 50%;
    color: #ec3f41;
}

.valid {
    background: url('../img/success-small.png') no-repeat 0 50%;
    color: #3a7d34;
}

.error-border {
    border: 1px solid red !important;
}


.div-pager {
    padding: 0px 33px;
}

.page-length {
    margin-top: 10px;
}

    .page-length.child {
        margin-top: -4px;
    }

    .div-pager label, .page-length label {
        font-size: 13px;
        font-weight: 600;
        color: #929398;
        margin-right: 8px;
    }

.page-input-group .form-control {
    width: 30px !important;
    display: inline;
    margin-bottom: 0px;
    padding: 0px 2px;
    height: 24px;
    font-size: 11px;
    margin-top: -12px;
    text-align: center;
    border-color: #BEBEBE;
    box-shadow: none !important;
}

.page-input-group {
    margin-top: -6px;
}

    .page-input-group span {
        margin: 0px 2px;
        font-size: 18px;
        color: #686868;
    }

.div-pager .switch {
    width: 40px;
    height: 19px;
    margin-top: 18px;
}

.div-pager .slider:before {
    height: 15px;
    width: 15px;
    left: 2px;
    bottom: 2px;
}

.div-pager input:checked + .slider:before {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
}

.page-length .fa {
    font-size: 20px;
    cursor: pointer;
}

.page-length .fa-plus-circle {
    color: #4c56c0 !important;
}

.page-length .fa-times-circle {
    color: #f46e6e !important;
}

.input-group-divider {
    content: " ";
    background-color: #bebebe;
    width: 1px;
    height: 50px;
    margin-top: -4px;
    margin-left: auto;
    margin-right: auto;
}

.page-action {
    position: absolute;
    right: 55px;
    top: 9px;
}

#searchUserDetail {
    position: absolute;
    right: 18px;
    top: 35px;
    background-color: #0051a8;
    height: 35px;
    border-radius: 50px;
    width: 35px;
    padding: 0px;
    color: #FFF;
    font-size: 13px;
}

#Domain + span.select-icon {
    right: 90px;
    top: 40px;
}
/* The container */
.customcheckbox .form-check {
    display: block;
    position: relative;
    padding-left: 27px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #929398;
    font-weight: 600;
}

    .customcheckbox .form-check.checkbox-major {
        color: #f46e6e;
    }

    .customcheckbox .form-check.checkbox-moderate {
        color: #dfa100;
    }

    .customcheckbox .form-check.checkbox-minor {
        color: #4dabf7;
    }

    .customcheckbox .form-check.checkbox-slight {
        color: #4caf50;
    }

    /* Hide the browser's default checkbox */
    .customcheckbox .form-check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    .customcheckbox .form-check .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #eee;
    }

    /* On mouse-over, add a grey background color */
    .customcheckbox .form-check:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .customcheckbox .form-check input:checked ~ .checkmark {
        background-color: #0051a8;
    }

    .customcheckbox .form-check.checkbox-major input:checked ~ .checkmark {
        background-color: #f46e6e !important;
    }

    .customcheckbox .form-check.checkbox-moderate input:checked ~ .checkmark {
        background-color: #DFA100 !important;
    }

    .customcheckbox .form-check.checkbox-minor input:checked ~ .checkmark {
        background-color: #4dabf7;
    }

    .customcheckbox .form-check.checkbox-slight input:checked ~ .checkmark {
        background-color: #4caf50;
    }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheckbox .form-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheckbox .form-check .checkmark:after {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate( 45deg );
    -ms-transform: rotate(45deg);
    transform: rotate( 45deg );
}

.hide {
    display: none !important;
}

#settingsdetails .progress {
    height: 8px;
    background-color: #d8d9da;
}

#settingsdetails .grid-content-container h4 {
    font-size: 16px;
    font-weight: 600;
}

.grid-content-container p {
    font-size: 14px;
    font-weight: 600;
    color: #f46e6e !important;
    margin-bottom: 5px;
}

.grid-content-container .progress-major p {
    color: #f46e6e !important;
}

.grid-content-container .progress-moderate p {
    color: #dfa100 !important;
}

.grid-content-container .progress-minor p {
    color: #4dabf7 !important;
}

.grid-content-container .progress-slight p {
    color: #4caf50 !important;
}

.progress-major .progress-bar.lower {
    width: 0%;
    background-color: #f46e6e !important;
}

.progress-major .progress-bar.upper {
    width: 60%;
    background-color: #f46e6e !important;
}

.progress-moderate .progress-bar.lower {
    width: 61%;
    background-color: #dfa100 !important;
}

.progress-moderate .progress-bar.upper {
    width: 75%;
    background-color: #dfa100 !important;
}

.progress-minor .progress-bar.lower {
    width: 61%;
    background-color: #4dabf7 !important;
}

.progress-minor .progress-bar.upper {
    width: 75%;
    background-color: #4dabf7 !important;
}

.progress-slight .progress-bar.lower {
    width: 91%;
    background-color: #4caf50 !important;
}

.progress-slight .progress-bar.upper {
    width: 100%;
    background-color: #4caf50 !important;
}

#settingsdetails .grid-content-container .row.mb-3 .col-md-6 {
    background-color: #f7f7f7;
    padding: 20px;
    border-radius: 5px;
    max-width: 49%;
    margin-right: 1%;
    box-shadow: 0px 0px 3px 1px #00000018;
}

#settingsdetails .grid-content-container .row.mb-3 {
    margin: 0px;
    margin-top: 10px;
}

.tablelength label {
    font-size: 13px;
    color: #0B375D !important;
    margin-bottom: .8rem;
}

.tablelength select {
    border: 1px solid #dde1e5;
    border-radius: 0.25rem;
    padding: 6px 6px;
    appearance: none;
    margin-right: 3px;
    margin-left: 3px;
    height: 38px;
    width: 55px;
}

.tablelength:after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f0dc";
    left: 90px;
    top: 12px;
    pointer-events: none;
    font-size: 13px;
    color: #657889;
}

#accountmaster tbody tr td:nth-child(2), #accountmaster thead tr th:nth-child(2) {
    width: 400px !important;
    word-break: break-all;
}


#ddlAccounts {
    float: left;
    width: 130px;
    font-size: 13px;
    height: 30px;
    background-color: #fafafa;
    color: #000;
    padding: 3px;
}

.disableOption {
    color: #BBBBBB !important;
}


.account_drop {
    margin-right: 15px;
    margin-top: 8px;
}

.navIcons_IP #ddlAccounts {
    margin-right: 15px;
}


/*#strikeUl, #stampUl {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: 130px;
}*/

p.standingfilename, p.strikethroughfilename {
    bottom: 0px;
    color: #28a745 !important;
    font-weight: 400;
    margin-bottom: 4px;
    padding: 0px 10px;
    text-align: left;
    font-size: x-small;
    width: 97%;
}

.paddingSeq {
    padding-right: 8px;
}

p.standingfilenameH, p.strikethroughfilenameH {
    bottom: 0px;
    color: #28a745 !important;
    font-weight: 400;
    margin-bottom: 4px;
    padding: 0px 10px;
    text-align: left;
    font-size: small;
    width: 97%;
}

.firstNameCol {
    padding-right: 48px;
}

.paddingSeqH {
    padding-right: 8px;
}


#removeModFile {
    text-align: center;
}

.modSpan {
    text-align: right !important;
    width: 15% !important;
}

.fileSize {
    width: 20%;
    max-width: 20%;
    text-overflow: ellipsis;
    display: inline-block;
}

.VersionUploadBox {
    opacity: 0.2;
}


.filter-area {
    background-color: #fff;
    border-bottom: 1px solid #cdcdcd;
}

.filter-option {
    list-style: none;
    margin-bottom: 0px;
    padding: 5px 0px 3px;
    text-align: center;
}

    .filter-option li {
        display: inline-block;
        margin-right: 6px;
        margin-bottom: 0px;
        margin-top: 0px;
        position: relative;
    }

.filetools em,
.downloadarea em {
    font-size: 21px;
    margin-right: 8px;
    color: #a4a4a4;
    vertical-align: middle;
    cursor: pointer;
}

.collapsesummary {
    font-size: 26px;
}

.pagenumber {
    height: 30px;
    border-radius: 2px;
    width: 50px;
    font-size: 13px;
    padding: 5px 6px;
    display: inline-block;
}

.paginationtools label {
    font-size: 12px;
}

.uploadarea {
    position: relative;
}

    .uploadarea select {
        height: 30px;
        border-radius: 2px;
        font-size: 11px;
        padding: 5px 6px;
        appearance: none;
        padding-right: 20px;
        width: 100px;
        display: inline-block;
    }

    .uploadarea .selecticon,
    .zoomntools .selecticon, .filenametools .selecticon {
        position: absolute;
        right: 3px;
        top: 7px;
        color: #a4a4ad;
        background-color: #FFF;
        width: 16px;
        pointer-events: none;
    }
    .uploadarea label {
        font-size: 12px;
        margin-right: 6px;
        margin-bottom: 0px;
    }
.uploadedfilename {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0px;
    padding: 6px 12px;
    text-align: left;
    background-color: #0051a8;
    color: #FFF;
    margin-top: 6px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .uploadedfilename em {
        font-size: 21px;
        margin-right: 5px;
        color: #FFF;
        vertical-align: bottom;
    }

.pagetoolsicon {
    position: absolute;
    top: -31px;
    right: 10px;
    color: #FFF;
}

    .pagetoolsicon .fa-arrows-alt-v {
        cursor: pointer;
        margin-top: 2px;
        margin-left: 15px;
        transform: rotate(45deg);
    }

    .pagetoolsicon .fa-arrow-up,
    .pagetoolsicon .fa-arrow-down,
    .pagetoolsicon .fa-arrows-v {
        font-size: 21px;
        margin-right: 5px;
        vertical-align: middle;
    }

.page {
    background-color: #FFF;
    overflow-y: auto;
    height: 76vh;
    border: 1px solid #dfdfdf;
}

div.Section1 {
    /*padding: 72pt;*/
    width: 595pt;
    /*height: 842pt;*/
    margin: 30px !important;
    /* zoom: 0.5; */
    text-size-adjust: none;
}

.scanproperty {
    list-style: none;
    margin-top: 0px;
    margin-bottom: -11px;
    background-color: #f2f2f2;
    padding: 5px 4px 2px 6px;
}

    .scanproperty li {
        width: 48%;
        display: inline-block;
        box-shadow: 0px 0px 3px 0px #0000004a;
        margin: 0.5%;
        margin-bottom: -3px;
        border-radius: 3px;
        padding: 3px 8px;
        cursor: pointer;
        position: relative;
    }

.clearfilter {
    margin-bottom: 0px;
    font-size: 12px;
    color: #4b55bd;
    text-decoration: underline;
    float: right;
    cursor: pointer;
    margin-right: 8px;
    margin-top: -4px;
    display: none;
}

.scanproperty li.inactive:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    background-color: #00000070;
    top: 0px;
    border-radius: 3px;
}

.scanproperty p {
    margin-bottom: 0px;
    color: #FFF;
    display: inline;
}

p.summarytitle {
    font-size: 12px;
    font-weight: 600;
    color: rgb(255 255 255);
    float: left;
    line-height: 32px;
}

p.summarycount {
    font-size: 21px;
    font-weight: 600;
    vertical-align: middle;
    float: right;
}

.scansummary h4 {
    margin-bottom: 0px;
    font-size: 16px;
    margin-top: 5px;
    border-bottom: 1px solid #ebebeb;
    padding: 6px 3px;
    color: #0051a8;
    font-weight: 600;
}

    .scansummary h4 em {
        font-size: 24px;
        position: absolute;
        right: 25px;
        color: #333;
        cursor: pointer;
    }

.totalsummary {
    background-color: #00bcd4;
}

.sylesummary {
    background-color: #ffc107;
}

.deletedsummary {
    background-color: #ff0000a8;
}

.insertedsummary {
    background-color: #4caf50;
}

del {
    background-color: #ff00004d;
    text-decoration: none;
    color: initial !important;
}

ins {
    background-color: #bde6db;
    text-decoration: none;
    color: initial !important;
}

.changeslist {
    background-color: #FFF;
    margin-top: 6px;
}

    .changeslist .card-header {
        background-color: #0051a8;
        padding: 5px 12px;
        border-radius: 0px;
        cursor: pointer;
    }

        .changeslist .card-header a {
            color: #FFF;
            font-size: 12px;
            font-weight: 600;
        }

.badge-count {
    padding: 5px 8px;
    box-shadow: 0px 0px 2px 0px #0000001f;
    background-color: #e91e63;
    margin-left: 5px;
    border-radius: 6px;
    height: 20px;
}

.changeslist .card-body {
    padding: 8px 8px 0px;
    font-size: 14px;
    color: #868686;
    max-height: 305px;
    overflow-x: auto;
}

.differentslist::-webkit-scrollbar {
    width: 5px;
}

.differentslist::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.differentslist::-webkit-scrollbar-thumb {
    background: #888;
}

    .differentslist::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.changeslist .card-header:after {
    content: "\f106";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    float: right;
    color: #FFF;
    font-size: 21px;
    line-height: 21px;
}

.changeslist .card-header.collapsed:after {
    content: "\f107";
}

.differentslist {
    padding: 5px;
    border: 1px solid #dfdfdf;
    padding-bottom: 0px;
    max-height: 78vh;
    overflow-x: auto;
}

.differents-list-item {
    padding: 6px 10px;
    border: 1px solid #dfdfdf;
    margin-bottom: 5px;
    cursor: pointer;
    position: relative;
}

    .differents-list-item.selected:before {
        content: "";
        position: absolute;
        left: 0px;
        z-index: 1;
        background-color: #0051a8;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 0.1;
    }

    .differents-list-item .diffType-left p {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 2px;
        position: relative;
        margin-left: 15px;
        padding: 0px 2px;
    }

    .differents-list-item .diffType-left img {
        margin-right: 8px;
    }

    .differents-list-item .float-end p {
        font-size: 13px;
        color: #a9a9a9;
    }

.color-style {
    color: #ffc107;
}

.color-delete {
    color: rgb(255 0 0 / 80%);
}

    .color-delete + p {
        background-color: #ffb9c1;
        color: #333;
    }

.color-added {
    color: #25b015;
}

    .color-added + p {
        background-color: #bde6db;
        color: #333;
    }

.difftype em {
    margin-right: 6px;
    font-size: 16px;
    font-weight: 600;
    margin-left: -20px;
}

.nav-tabs {
    border: none;
    color: #fff;
    background: #272e38;
    border-radius: 0;
}

    .nav-tabs a {
        border: none;
        padding: 18px 25px;
        color: #fff;
        background: #272e38;
        border-radius: 0;
    }

span.result-title {
    padding: 8px 0px;
    font-size: 15px;
    color: #484848;
    display: inline-block;
}

.filter-icon {
    display: inline-block;
    padding: 8px 0px;
    font-size: 15px;
    color: #484848;
    cursor: pointer;
}

    .filter-icon em {
        font-size: 16px;
    }

.dropdown-menu--animate {
    opacity: 0.8;
    height: 0;
    display: block;
    transition: all 0.3s;
    overflow: hidden;
    transform-origin: top;
    transform: scale(1, 0);
}

.searchfilter {
    position: absolute;
    background-color: #FFF;
    padding: 8px;
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 9%);
    top: 31px;
    left: -6px;
    border: 1px solid #dedede;
    border-radius: 3px;
    width: 255px;
    display: none;
}

    .searchfilter .form-control {
        border-color: #e5e9ec;
        font-size: 13px;
        box-shadow: none;
        padding: 6px 8px;
        padding-right: 121px;
    }

.search-tools {
    position: absolute;
    right: 10px;
    top: 13px;
    padding-left: 10px;
    border-left: 1px solid #dedede;
}

    .search-tools .fa-times {
        font-size: 13px;
    }

.pagezoom {
    height: 30px;
    border-radius: 2px;
    width: 65px;
    font-size: 12px;
    padding: 5px;
    display: inline-block;
}

.zoomntools em {
    font-size: 16px;
}

.form-control:focus {
    box-shadow: 0 0 0 0.1rem rgb(0 123 255 / 25%);
}

.btn-exldownload {
    font-size: 13px;
    padding: 5px 5px;
    border-radius: 4px;
    margin-top: 2px;
    margin-left: -6px;
    background-color: #fff !important;
    color: #1D6F42 !important;
}

.btn-downloadfiles {
    padding: 6px 28px 5px 13px;
    display: block;
    margin-bottom: 0px !important;
    border-radius: 2px;
    font-size: 13px;
    position: relative;
}

    .btn-downloadfiles:after {
        position: absolute;
        content: "\f107";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        float: right;
        color: #fff;
        font-size: 19px;
        line-height: 21px;
        right: 8px;
        top: 5px;
    }

.btn-exldownload .fa-file-excel {
    font-size: 19px;
    vertical-align: text-bottom;
    margin-right: 2px;
}

.collapsesummary {
    font-size: 24px !important;
    line-height: 14px;
    margin-top: 1px;
    position: absolute;
    right: 9px;
    color: #000 !important;
}

.showsummary {
    position: fixed;
    z-index: 1021;
    color: #787878;
    text-align: center;
    top: 75px;
    font-size: 28px;
    right: 13px;
    padding-left: 13px;
    border-left: 1px solid #cdcdcd;
    cursor: pointer;
    display: none;
}

.page iframe {
    box-shadow: none;
    border: none;
    border-width: 0px;
    margin-bottom: -10px;
    width: 100%;
    height: 100%;
}
a[id^='_documentTypeVersion'] {
    position: relative;
}
.acceptChanges {
    display: none;
}
.updateChanges {
    border: 1px solid #d7cbcb;
    box-shadow: 0 3px 3px rgb(0 0 0 / 9%);
    background: rgb(255 255 255);
    border-radius: 41px;
    position: absolute;
    width: 40px;
    text-align: center;
    cursor: default;
    top: 0px;
    z-index: 1;
}

    .updateChanges ul {
        list-style: none;
        margin-bottom: 0px;
        padding: 6px 0px;
    }

    .updateChanges li {
        color: #a9a9a9;
        font-size: 21px;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .updateChanges:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        z-index: 1;
        border-width: 5px;
        border-color: transparent #b3b3b3 transparent transparent;
        border-style: solid;
        left: -10px;
        top: 11px;
    }


/* The container must be positioned relative: */

.custom-selectbox {
    position: relative;
    font-family: Arial;
    width: 100%;
}

    .custom-selectbox select {
        display: none;
        /*hide original SELECT element: */
    }

.select-selected {
    background-color: #0051a8 !important;
    color: #ffffff !important;
}

.color-style + p {
    background-color: #fff2cb;
    color: #333;
}

.same-as-selected {
    background-color: #0051a8 !important;
    color: #ffffff !important;
}
    /* Style the arrow inside the select element: */

    .select-selected:after {
        position: absolute;
        content: "\f107";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        float: right;
        color: #FFF;
        font-size: 21px;
        line-height: 21px;
        right: 12px;
        top: 8px;
    }


    /* Point the arrow upwards when the select box is open (active): */

    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }


/* style the items (options), including the selected item: */

.select-items div,
.select-selected {
    color: #535151;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    background-color: #eeeeee;
}


/* Style items (options): */

.select-items {
    position: absolute;
    background-color: #0051a8;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}


/* Hide the items when the select box is closed: */

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.downloadarea .dropdown-item {
    border-bottom: 1px solid #d6d6d6;
    font-size: 13px;
    padding: 8px 10px;
    color: #333;
    font-weight: 600;
}

.downloadarea .dropdown-menu {
    background-color: #f2f2f2;
    padding: 0px;
}

.downloadarea .dropdown-item:last-child {
    border-bottom: none;
}

.downloadarea .dropdown-item:hover,
.downloadarea .dropdown-item:active {
    background-color: #b9b9b9;
}

.downloadarea .dropdown-item em {
    font-size: 18px;
    margin-right: 4px;
    color: #1B5EBE;
    vertical-align: text-bottom;
}

.downloadarea em.fa-file-excel {
    color: #185C37 !important;
}

.downloadarea em.fa-file-pdf {
    color: #F40F02 !important;
}
.selected:before {
    content: "";
    position: absolute;
    width: 101%;
    height: 101%;
    top: -2px;
    border: 1px solid #4285f4;
    background-color: #4285f46b;
    z-index: 1;
    left: -4px;
}
.highlight:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #4285f4;
    pointer-events: none;
}
.Section1 p, .Section1 table, .Section1 h2, .Section1 h1 {
    position: relative;
    margin-left: 0px !important;
}
.downloadarea.w-action .dropdown-menu:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    border-width: 5px;
    border-color: transparent transparent #b7b7b7 transparent;
    border-style: solid;
    top: -10px;
    right: 31px;
}
.downloadarea.w-action .dropdown-menu {
    left: unset !important;
    transform: none !important;
    top: 27px !important;
    right: 0px;
}
.downloadarea.w-action .dropdown-menu {
    background-color: #f2f2f2;
    padding: 0px;
}
.downloadarea.w-action .dropdown-item {
    font-size: 12px;
    padding: 6px 8px;
    margin-bottom: 0px;
    cursor: pointer;
}

.downloadarea.w-action .dropdown-item em {
    font-size: 16px;
    margin-right: 4px !important;
}
#comparerResult mark,#modifiedMasterContainer mark{
    border: 2px solid yellow;
    padding: 0 !important;
}

.selMark {
    border: 2px solid #4caf50 !important;
    padding: 0 !important;
}
.NoFind {
    background-color: #dd9696 !important;
}
.recomparetxt span {
    color: #ff0000;
    font-size: 14px;
    margin-right: 10px;
}

.recomparetxt {
    width: 90%;
    background-color: #ff000026;
    z-index: 1;
    left: 0;
    border: 1px solid #ff0000b0;
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 9%);
    border-radius: 4px;
    right: 0;
    margin: auto;
    padding: 5px 12px;
    bottom: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.shortfilename {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: 3px;
    width: 30%;
    vertical-align: middle;
    padding-right: 5px;
    margin-right: 3px;
    line-height: 16px;
}
.customtable #transactionlogtable_wrapper thead tr th:nth-child(1),
.customtable #transactionlogtable_wrapper thead tr th:nth-child(2),
.customtable #transactionlogtable_wrapper tbody tr td:nth-child(1),
.customtable #transactionlogtable_wrapper tbody tr td:nth-child(2) {
    width: 250px !important;
    max-width: 250px !important;
    min-width: 250px !important;
}
.tdContent {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 0px;
}
.acceptedwidth {
    width: 150px;
}

.notes {
    float: right;
    font-size: 13px;
    font-weight: 700;
}

.pagecnt {
    font-size: 13px;
    color: #a9a9a9;
    display: inline-block;
    width: 20%;
    text-align: right;
    vertical-align: super;
    margin-bottom: 0px !important;
}

.difftype + p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: 3px;
    width: 68%;
}

.customtable #auditlogtable_wrapper thead tr th:nth-child(2),
.customtable #auditlogtable_wrapper thead tr th:nth-child(3),
.customtable #auditlogtable_wrapper tbody tr td:nth-child(2),
.customtable #auditlogtable_wrapper tbody tr td:nth-child(3) {
    width: 150px !important;
    max-width: 150px !important;
    min-width: 150px !important;
}

.customtable #auditlogtable_wrapper .shortfilename {
    border-right: none;
}
.Section1 img {
    max-width: 100% !important;
}
.searchCnt {
    font-size: 13px;
    position: absolute;
    margin-top: -26px;
}
.disable-click {
    /*pointer-events: none;*/
    opacity: 0.5;
}
.disable-pointer {
    pointer-events: none;
    /*opacity: 0.5;*/
}
.toolToppp {
    
    position: relative;
    cursor: pointer;
    padding: 7px;
}
.toolTip{
    text-overflow:ellipsis;
    width:auto;
    overflow:hidden;
}
.toolTipmsg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-color: #ffffff;
    color: hsl(0deg 5% 39%);
    white-space: nowrap;
    padding: 0px 12px;
    border-radius: 7px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease;
    border: 1px solid #cacaca;
    font-size: 13px;
}
    .toolTipmsg::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
        border: 5px solid;
        border-color: #b3b3b3 transparent transparent transparent;
    }
.toolToppp:hover .toolTipmsg {
    top: -60%;
    visibility: visible;
    opacity: 1;
}
.toolToppp:hover .disable-click {
    pointer-events: none;
    cursor: default;
}
body{
    overflow-x:hidden;
}
#uniqueid {
    font-size: 15px;
    margin-left: -180px;
    color: #a4a4a4;
    vertical-align: middle;
    display:inline !important;
    font-weight:bold;
}
.filename {
    height: 30px;
    border-radius: 2px;
    width: 190px;
    font-size: 12px;
    padding: 5px;
    display: inline-block;
}

a.sponser-text {
    text-decoration: none;
}

    a.sponser-text:hover {
        text-decoration: underline;
    }

.searcharea, .searchbox {
    position: relative;
}

.form-group {
    margin-bottom: 1rem;
    position: relative;
}

.dt-paging.paging_simple_numbers {
    float: right;
    padding-top: 10px;
}

.dt-info {
    clear: both;
    float: left;
    padding-top: 0.755em;
}

button.swal2-confirm.swal2-styled {
    background-color: #7cd1f9;
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
    cursor: pointer;
}

div#swal2-html-container {
    font-size: 16px;
    position: relative;
    float: none;
    line-height: normal;
    vertical-align: top;
    display: inline-block;
    margin: 0;
    padding: 10px;
    font-weight: 400;
    color: rgba(0, 0, 0, .64);
    max-width: calc(100% - 20px);
    overflow-wrap: break-word;
    box-sizing: border-box;
}

.swal2-actions {
    width: 100%;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 16px 0 0;
    margin: 13px auto 0;
}

.swal2-popup.swal2-modal.swal2-icon-error.swal2-show {
    width: 478px;
}

button.swal2-cancel.order-1.swal2-styled {
    color: #555;
    background-color: #efefef;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
    margin-right: 15px;
}

button.swal2-deny.order-2.swal2-styled {
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
}

.close {
    font-size: 10px;
}

.row.rowuploadedhead {
    position: relative;
}

input#autoselec {
    margin: 10px;
}

table.dataTable thead .dt-orderable-asc {
    background-image: none;
}

.dt-type-numeric span.dt-column-order, .dt-type-date span.dt-column-order {
    left: 100%;
}

th.dt-orderable-asc.dt-orderable-desc, th.nosort.dt-orderable-none, th.dt-orderable-asc.dt-orderable-desc.dt-type-numeric {
    background-color: transparent;
    text-align: center !important;
}

.btn:hover, .btn:first-child:active {
    background-color: #0051a8;
}

.container-fluid .dropdown-menu.show {
    z-index: 1025;
}