/*----- Sprite Fixed Images --- */
a, input, select {
    outline: none !important;
}

.clear-all {
    clear: both;
    float: none;
    display: flex;
    position: relative;
}

input:focus, select:focus {
    outline: #555 dotted 1px !important;
}

input[type="radio"]:focus {
    outline: none !important;
}

a:active, a:focus, a {
    text-decoration: none !important;
    cursor: pointer;
}

.notAvailable, .login-box .top-arrow, .top-right ul li strong, .r-arrow .arrow,
.planTab li a, #tglH a, .actionLinks .listRow a span, .more-nav, .enroll-steps li .ico, .upload-div .img, .offline-div .img, .whats-more,
.left-col ul li a span, .get-started, .signer-ico i, .browser-tabs .bico, .java-box .java-ico,
.green-tick, .support-box .s-ico span, .cloud-icons a i, .profileScroll .chk-checked span {
    background-image: url(/Content/eMDMSCSS/img/sprite-fixed.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.upload_img {
    background-image: url(/Content/eMDMSCSS/img/uploadDoc.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.p-relative {
    position: relative;
}

form {
    margin: 0px !important;
    width: 100%;
}

embed {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0%;
    height: 0px;
}

textbox, textarea {
    resize: none;
}

.w300 {
    width: 300px !important;
}

.w150 {
    width: 150px !important;
}

.w200 {
    width: 200px !important;
}

.clearfix {
    display: block;
    overflow: hidden;
}

#modalfromAPI .modal-vlg {
    width: 90%;
}

#modalfromAPI .modal-lg {
    width: 90%;
}

.modal-lgg {
    width: 50%;
}

.boxadd-form { /*background:#f9f9f9;*/
    display: block;
    margin: -20px -20px 15px;
    padding: 5px 10px 15px;
    border-bottom: 1px solid #e2e2e2;
}

.actionBtn .delImg, .actionBtn .delImgPL, .actionBtn .configImg, .searchsName .searchIco, .signerName .arrowPrep, .moveSigner .arrow, .actions a span, a.actionLnk span, .settings span, .feArrow span,
.normal-jqgrid .ui-pg-button .ui-icon, .actionButton.disabled:hover span,
.signer-details .ico, .showhideDiv span, .captcha-box .lnk-refresh span, .dragDiv .delSigner span, .dragDiv .delSignerPL span, .dragQr .delQR span, .dragQr .delQR span,
.jstree-action i, .tree-context i {
    background-image: url(/Content/eMDMSCSS/img/glyphicons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.signer-details .ico, .showhideDiv span, .captcha-box .lnk-refresh span, .dragDiv .delQR span, .dragDiv .delSignerPL span,
.jstree-action i, .tree-context i {
    background-image: url(/Content/eMDMSCSS/img/glyphicons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.actionLnk:hover span, .actions a:hover span, .user-settings li:hover .settings span,
.normal-jqgrid .ui-pg-button:hover .ui-icon, .normal-jqgrid .s-ico .ui-grid-ico-sort,
.signerAction span span, .captcha-box .lnk-refresh:hover span {
    background-image: url(/Content/eMDMSCSS/img/glyphicons-white.png);
}

/* Signers*/
.config-sign {
    margin-top: -20px;
}

.signer-page #singerContainer #singerdashboard {
    border: none;
}

.signer-page .span81 {
    width: auto !important;
    margin: 0px !important;
}

.signer-page .span3 {
    margin: 0px !important;
    width: 290px !important;
    float: right;
}

.docSignerMain {
    width: 100% !important;
    position: relative;
}

    .docSignerMain .docSignerLeft {
        margin-right: 350px;
    }

    .docSignerMain .docSignerRight {
        width: 350px;
        position: absolute;
        right: 0px;
        top: 0px;
        overflow-y: auto;
        z-index: 1202;
        background: #fff;
        box-shadow: -3px 0px 3px 0px rgba(0,0,0,0.2);
    }

#singerContainer {
    padding: 0px;
    margin-bottom: 0px;
}

.singerPortrait { /*width: 595px;*/
    margin: 0 auto; /*width: 95% !important;*/
}
/* width: 595px; removed bcoz on 90% browser size more left and right margin gets applied due to margin: 0 auto; */
#singerWrapper, .pdfWCenter {
    padding: 0px;
    position: relative;
}

.pdfWCenter {
    margin: 0 auto;
}

.singerPortrait #singerWrapper {
    /*width: 595px;*/
    margin: 0 auto;
}

#signerContainment {
    display: block;
    padding: 10px 0px;
    margin: 0px auto;
}

.floatDocControl #signerContainment {
    padding-bottom: 60px;
}

#singerDashboard {
    height: 500px;
    overflow-y: scroll;
    padding: 0px;
    background: #444444;
}

.documentContainment {
    margin-bottom: 10px;
    position: relative;
}

    .documentContainment:last-child {
        margin-bottom: 0px;
    }

.documentVisual {
    margin: 0px;
    padding: 0px;
}

/*
.documentVisual > img {        
width: 100%;
}*/

.signing-main-full {
    margin-right: 0px !important
}
    /*.signing-main-full #singerContainer { width:100% !important;}    
.signing-main #singerContainer { width:709px !important;}
*/
    .signing-main-full .singerLandscape {
        margin: 0px auto;
        text-align: center;
    }


.selProfile {
    padding: 10px 15px;
    background: #f9f9f9;
    overflow: auto;
    border-top: 1px solid #e5e5e5;
}

    .selProfile select {
        margin: 0px;
        height: 100%;
        padding: 2px;
    }

    .selProfile a {
        padding: 3px 8px;
        font-size: 13px;
        background: #fff;
        border: 1px solid #e5e5e5;
        color: #333;
    }

        .selProfile a:hover, .selProfile a:focus {
            background: #0034ac;
            color: #fff;
            border: 1px solid #e06116;
        }

.dragDiv, .dragQr {
    background: rgba(255,255,255,0.8);
    cursor: move;
    width: 120px;
    height: 60px;
    position: absolute;
    padding: 0px 3px !important;
    border: 1.5px solid #e4c76f;
    box-shadow: 0px 0px 7px rgba(0,0,0,.1);
    word-break: break-all;
    z-index: 14;
    display: inline-block;
    border-radius: 0px !important;
}

    .dragDiv .email, .dragQr .email {
        position: absolute;
        bottom: -5px;
        left: 0px;
        padding: 0px 5px;
        text-align: left;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dragDiv .number, .dragQr .number {
        font-size: 16px;
        padding: 5px 0 0;
        margin-left: 5px;
        vertical-align: top;
        display: inline-block;
        font-weight: bold;
    }

    .dragDiv .signImg, .dragQr .signImg {
        background: url(/Content/eMDMSCSS/img/emsigner-watermark.svg) no-repeat center center;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        margin: 0px auto;
        display: block;
        vertical-align: top;
        opacity: 0.2;
    }

    .dragDiv .delSigner, .dragDiv .delSignerPL,
    .dragQr .delQR, .dragQr .delQR {
        position: absolute;
        top: 2px;
        right: 2px;
        height: 16px;
    }

        .dragDiv .delSigner span, .dragDiv .delSignerPL span,
        .dragQr .delQR span, .dragQr .delQR span {
            background-position: -310px 1px;
            width: 18px;
            height: 16px;
            display: inline-block;
        }

    .dragDiv input, .dragQr input {
        cursor: move;
        background: none;
        border: none;
    }

.divSettings {
    position: absolute;
    top: -26px;
    right: -1px;
    height: 25px;
    display: none;
    background: #e9e9e9;
    border: 1px solid #cfcfcf;
    padding: 0px;
    border-radius: 0px;
}

.dragDiv:hover {
    z-index: 1030 !important;
}

    .dragDiv:hover .divSettings, .dragDiv.selectedControl .divSettings {
        display: flex;
        z-index: 10;
    }

.divSettings a {
    vertical-align: top;
    margin: 0px;
    position: relative !important;
    background: none !important;
    color: #333 !important;
    padding: 5px 7px !important;
    display: inline-block;
    height: 25px;
    line-height: 16px;
}

    .divSettings a i {
        font-size: 12px;
    }

.dragDiv .text-input {
    width: 100%;
    outline: none;
    min-height: 12px;
    line-height: 12px !important;
    padding: 0px;
    vertical-align: top;
    height: auto;
}

.dragDiv .datepicker-input {
    background-size: contain !important;
}

.dragDiv .text-input:focus, .dragDiv .text-input:active {
    outline: none !important;
}

.dragDiv .text-input[disabled] {
    cursor: inherit !important;
    z-index: -1;
    position: relative;
}

.dragDiv.textclass {
    line-height: normal;
}

.dragDiv .psignTxt {
    font-size: 11px;
}

.ReviewSign .dragDiv .psignTxt {
    position: absolute;
    top: 0px; /*text-align:center;*/
    width: 95%;
    font-size: 9px
}

.ReviewSign .dragDiv {
    border: 1px solid #eac75c;
}

    .ReviewSign .dragDiv.focused {
        border: 1px solid #3edc44;
    }

    .ReviewSign .dragDiv .start, .ReviewSign .dragDiv .reviewed {
        color: #fff;
        font-size: 20px;
        padding: 0px 7px;
        position: absolute;
        right: -30px;
        height: 30px;
    }

    .ReviewSign .dragDiv .start {
        background: #eac75c;
        top: -2px;
        right: -27px;
    }

    .ReviewSign .dragDiv .reviewed {
        background: #3edc44;
        top: -3px;
        padding: 1px 8px;
    }

@keyframes focused {
    50% {
        box-shadow: 0px 0px 20px rgba(62,220,68,.3);
    }
}

.showSignature {
    position: absolute;
    left: 0px;
    z-index: 99;
}

    .showSignature a {
        background: #0034ac;
        font-size: 12px;
        min-width: 55px;
        text-align: center;
        color: #fff !important;
        padding: 5px 0px 6px 15px;
        height: 33px;
        position: absolute;
        /*top: 100px;*/
        left: -10px;
    }

        .showSignature a:after {
            content: '';
            position: absolute;
            right: -32px;
            top: 0px;
            border: 17px solid transparent;
            border-left: 16px solid #0034ac;
        }

        .showSignature a:before {
            content: '';
            position: absolute;
            left: 0px;
            top: -7px;
            border: 4px solid transparent;
            border-bottom: 4px solid #0034ac;
            border-right: 6px solid #0034ac;
        }

        .showSignature a.btn-prev {
            background: #999;
        }

            .showSignature a.btn-prev:after {
                border-left: 16px solid #999;
            }

            .showSignature a.btn-prev:before {
                border-bottom: 4px solid #999;
                border-right: 6px solid #999;
            }

        .showSignature a.btn-prev {
            top: 70px;
            opacity: 0.6;
        }

.autoWidth {
    width: auto !important;
}

.configBox {
    width: 120px;
    height: 60px;
}

    .configBox .signImg {
        margin: 0px;
    }

.popbox-content {
    padding: 20px;
}

    .popbox-content h3 {
        color: #333;
        margin-bottom: 10px;
    }

.signersList {
    overflow-y: scroll;
    height: 280px;
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    margin-bottom: 15px;
}

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

        .signersList ul li {
            margin: 0px;
            padding: 5px;
            clear: both;
            background: #f9f9f9;
            border-bottom: 1px solid #fff;
            display: block;
            height: 40px;
        }

    .signersList .chckBox {
        float: left;
        margin-right: 5px;
    }

    .signersList .signerNameList {
        float: left;
        padding-top: 3px;
    }

    .signersList .signersEmaill {
        color: #666;
    }

.signersform .frmRow {
    margin: 0px;
    padding: 4px 0px;
    clear: both;
    display: block;
}

.signatories-section {
    margin: 0px;
    padding: 0px;
    position: relative;
}

    .signatories-section ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .signatories-section ul li {
            margin: 0px;
            clear: both;
            cursor: pointer;
            position: relative;
        }

            .signatories-section ul li label {
                display: block;
                padding: 2px 5px 4px;
                border-top: 1px dotted #e5e5e5;
            }

                .signatories-section ul li label.userLink {
                    cursor: pointer;
                }

            .signatories-section ul li .details {
                display: block;
                padding-left: 30px;
                line-height: 14px;
                text-transform: capitalize;
                font-size: 13px;
            }

                .signatories-section ul li .details .mail {
                    font-size: 12px;
                    color: #666;
                    display: block;
                    text-transform: none;
                    width: 141px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

            .signatories-section ul li:hover {
                background: #f9f9f9;
            }

    .signatories-section li:hover {
        background: #0034ac !important;
        color: #fff !important;
    }

        .signatories-section li:hover .mail {
            color: #fff !important;
        }

        .signatories-section li:hover .user-ico {
            background: #fff;
        }

    .signatories-section ul li .chk-signer {
        position: absolute;
        right: 10px;
        top: 5px;
    }

    .signatories-section .form-signer {
        width: 80%;
        margin-right: 3px;
        display: inline-block;
        vertical-align: middle;
    }

    .signatories-section .search-signatory {
        position: relative;
    }

        .signatories-section .search-signatory .form-control {
            padding-right: 30px;
        }

        .signatories-section .search-signatory .btn-search-icon {
            position: absolute;
            right: 0px;
            top: 0px;
            padding: 3px 7px;
        }

            .signatories-section .search-signatory .btn-search-icon:focus {
                border: 1px solid #000 !important;
                border-radius: 3px;
                background: #f5f5f5;
            }

    .signatories-section .btn {
        font-size: 20px;
        font-weight: bold;
        padding: 0px 10px;
        vertical-align: middle;
        line-height: 1.4;
    }

    .signatories-section .textsearch::placeholder {
        font-size: 11px !important;
    }

    .signatories-section .searchicon {
        font-size: 9px !important;
    }

    .signatories-section .searchNote .captionNote {
        line-height: 14px;
        margin-top: 7px;
    }

.profileScroll {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #e1e1e1;
    margin-top: 10px !important;
    padding: 0px !important;
}

    .profileScroll .chk-checked {
        right: 9px !important;
    }

        .profileScroll .chk-checked span {
            background-position: -260px -18px;
            width: 20px;
            height: 20px;
            display: block;
        }

    .profileScroll li:nth-child(2n+1) {
        background: #f1f1f1 !important;
    }

    .profileScroll li:hover {
        background: #0034ac !important;
        color: #fff !important;
    }

        .profileScroll li:hover .mail {
            color: #fff !important;
        }

        .profileScroll li:hover .user-ico {
            background: #fff;
        }

    .profileScroll li label {
        padding: 3px 10px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.signatories-section .profileScroll {
    height: 250px;
}

.profileScrollSmall {
    height: 250px !important;
}

.btn-signer {
    position: absolute;
    top: 0px;
    right: 5px;
    font-size: 13px;
    padding: 4px 8px;
}

.signer-ico .user-ico {
    float: left;
    background: #ccc;
    padding: 4px;
    margin: 2px 0 0;
    border-radius: 4px;
}

.signer-ico i {
    width: 14px;
    height: 16px;
    background-position: -43px -226px;
    display: block;
}

    .signer-ico i.new {
        background-position: -2px -226px;
    }

    .signer-ico i.sign {
        background-position: -43px -226px;
    }

    .signer-ico i.user {
        background-position: -23px -226px !important;
    }

    .signer-ico i.adhoc {
        background-position: -64px -226px !important;
    }

.rightSide {
    border: none !important;
    margin: 0px !important;
    padding: 0px !important;
    min-height: inherit !important;
    overflow: visible !important;
    position: relative;
}

    .rightSide .steps {
        width: 28px;
        height: 25px;
        display: block;
        position: absolute;
        color: #754098;
        padding: 7px 0 0 10px;
        font-weight: bold;
        top: -6px;
        left: 3px;
        text-align: left;
        font-size: 20px;
    }

    .rightSide .btn-set {
        background: #e5e5e5;
        padding: 5px 20px;
        text-align: right;
        background: #f8f8f8;
    }

    .rightSide .btnTRight {
        position: absolute;
        right: 10px;
        top: -28px;
    }

    .rightSide .btn-small {
        padding: 0px 10px 1px !important;
        font-size: 13px !important;
        line-height: 18px;
    }

.main-action {
    padding: 7px 12px;
    display: block;
    color: #333;
    clear: both;
    overflow: auto;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
    z-index: 1202;
}

    .main-action:hover {
        background: #f1f1f1;
        color: #333;
    }

    .main-action .pull-left {
        margin-right: 10px;
    }

    .main-action .title {
        font-size: 16px;
        margin-top: 3px;
    }

    .main-action .desc {
        color: #666;
    }

/*.modal-link.active:after { display:block; content:'';position: absolute; left:-2px;top:30%; width:0px; height:0px; border:12px solid transparent; border-left-color:#555;}
.modal-nav.active:after { display:block; content:'';position: absolute; left:-2px;top:30%; width:0px; height:0px; border:12px solid transparent; border-left-color:#555;}
.modal-window { width:350px; position:absolute; right:350px; top:0px; z-index:1205; height:100%; border-right:1px solid #555;}
.modal-window-large { width:810px;}
.modal-content { background:#fff; padding:20px; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2; box-shadow:-8px 0px 8px 0px rgba(0,0,0,0.2);}
.modal-close { width:20px; height:20px; display:block; position:absolute; right:20px; top:20px; background:url(/Content/eMDMSCSS/img/modal-close.gif);}
.modal-slide { width:20px; height:20px; display:block; position:absolute; left:-26px; font-size:18px; top:18px; padding:2px 3px 4px; text-align:center; background:#0034ac; color:#fff; display:block;}
.modal-slide:hover { background:#e06116;}
.modal-lslide { left:350px;}*/

.btn-inline {
    display: inline-block;
}
/*.modal-content h3 { margin-bottom:15px; color:#333; font-size:18px;}*/

.orbox {
    background: #07c;
    color: #fff;
    padding: 0px 8px;
    display: inline-block;
    font-size: 10px;
    margin: 0px;
    position: absolute;
    z-index: 1220;
    left: 30%;
    top: 46px;
    border-radius: 10px;
}

.signerNameRowPrep.active:after {
    z-index: 1205;
    display: block;
    content: '';
    position: absolute;
    left: -2px;
    top: 15%;
    width: 0px;
    height: 0px;
    border: 12px solid transparent;
    border-left-color: #555;
}

.PageLevelSignerNameRowPrep.active:after {
    z-index: 1205;
    display: block;
    content: '';
    position: absolute;
    left: -2px;
    top: 15%;
    width: 0px;
    height: 0px;
    border: 12px solid transparent;
    border-left-color: #555;
}

.close-doc {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    right: 20px;
    top: 9px;
    background: url(/Content/eMDMSCSS/img/modal-close.gif) -3px -3px;
}

.modal-form .col-one label {
    padding-bottom: 5px;
    display: block;
}

.more-signer {
    padding: 0px !important;
}

    .more-signer h2 {
        font-size: 15px;
        padding: 0px 20px;
        color: #333;
        margin: 0;
    }

    .more-signer ul {
        margin: 0;
        padding: 0 0 5px;
    }

    .more-signer li a {
        color: #0034ac;
        padding: 0px 20px;
    }

    .more-signer li {
        position: relative;
        padding: 0px;
    }

    .more-signer .modal-link.active:before, .more-signer .modal-link.active:after {
        z-index: 1202;
        top: 4%;
        left: -2px;
        border: 12px solid transparent;
        border-left-color: #555;
    }

.signerFormBox .signerForm {
    padding: 10px 20px 20px;
}

.signerFormBox .configForm {
    padding: 10px 0px 20px;
}

    .signerFormBox .configForm .txtprofile {
        width: 90%;
    }

.signerFormBox input[type="text"] {
    width: 124px;
}

.signerForm .frmRow {
    padding: 0px;
    clear: both;
}

    .signerForm .frmRow .lbl-inline {
        margin-right: 15px;
    }

    .signerForm .frmRow .label {
        display: block;
        margin-bottom: 5px;
    }

    .signerForm .frmRow .field {
        display: block;
    }

        .signerForm .frmRow .field input[type='text'] {
            width: 90%;
        }

.certificateScroll {
    height: 160px;
    overflow-y: scroll;
}

/*--*/

.action-container {
    padding: 8px 20px;
    background: #ddd;
    color: #333;
    height: 16px;
    vertical-align: middle;
    margin-top: -20px;
}

.action-container .action-details { height: 100%; }

    .action-container .doc-name {
        font-size: 13px;
        margin-right: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: default;
        height: 100%;
    }

        .action-container .doc-name h4 {
            font-size: 13px;
            font-weight: bold;
            margin: 0px;
            padding: 0px;
            line-height: 16px;
            max-width: 50%;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .action-container .doc-name .viewing-count {
            line-height: 10px;
        }

    .action-container .doc-date {
        font-size: 12px;
        margin-right: 10px;
        float: left;
    }

    .action-container .doc-owner {
        font-size: 12px;
        width: 120px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
        cursor: default;
    }

    .action-container .doc-preview {
        font-size: 13px;
        margin-right: 20px;
        font-weight: bold;
        text-align: left;
        float: left;
    }

.signer-details span {
    vertical-align: top;
}

.signer-details .ico {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    margin-top: 3px;
}

.doc-name .ico {
    background-position: -24px -24px;
}

.doc-date .ico {
    background-position: -48px -24px;
}

.doc-owner .ico {
    background-position: -167px 0;
}

.signerlistPrep {
    width: 100%;
    display: block;
    clear: both;
    background-color: #fff;
}

.scrollSigner5Item, .scrollSigner4Item, .scrollSigner3Item {
    overflow-y: scroll;
    overflow-x: hidden;
}

.scrollSigner5Item {
    height: 175px;
}

.scrollSigner4Item {
    height: 141px;
}

.scrollSigner3Item {
    height: 107px;
}

.pageLevel-section {
    clear: both;
    display: block;
}

    .pageLevel-section .btn-add {
        font-size: 13px;
        padding: 1px 8px;
        float: right;
    }

.pl-title {
    background: #E5E5E5;
    padding: 4px 15px 2px;
    border: 1px solid #E5E5E5;
    overflow: auto;
    margin-top: 5px;
}

    .pl-title span {
        font-size: 15px;
        color: #333;
    }

.plScroll {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 128px;
    border: 1px solid #E5E5E5;
    border-right: none;
}

.plSignerList {
    margin-bottom: 8px;
}

    .plSignerList .signerNameRowPrep .PageLevelSignerNameRowPrep .col2 {
        vertical-align: top !important;
    }

    .plSignerList .col1 {
        padding: 0px 0px 0px 15px !important;
    }

    .plSignerList .col2 {
        margin-right: 10px;
    }

.plScroll .prepContainer.col1 {
    width: 125px !important;
}

.scrollSigner5Item .col1.prepContainer, .scrollSigner4Item .col1.prepContainer, .scrollSigner3Item .col1.prepContainer {
    width: 195px;
}

.signerNameRowPrep {
    border-bottom: #ccc 1px dotted;
    padding: 2px 0px 3px 5px;
    position: relative;
}

.PageLevelSignerNameRowPrep {
    border-bottom: #ccc 1px dotted;
    padding: 2px 0px 3px;
    position: relative;
}

.actionButton {
    display: inline-block;
}

    .actionButton span {
        width: 14px;
        height: 14px;
        display: block;
    }

    .actionButton .delImg, .actionButton .delImgPL {
        background-position: -312px 0;
    }

    .actionButton .configImg {
        background-position: -432px 0;
    }

.actionButton {
    vertical-align: middle;
    display: inline-block;
    padding: 0px;
    margin-right: 3px;
}

.searchsName {
    vertical-align: middle;
    display: inline-block;
    padding: 0px;
    margin-right: 3px;
    margin-top: 5px;
}

    .searchsName .searchIco {
        background-position: -48px 0;
        width: 14px;
        height: 14px;
        display: block;
    }

.searchsName {
    float: left;
}

.displaySigner, .displayMail {
    line-height: 14px;
    font-size: 13px;
    display: block;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-transform: capitalize;
    text-align: left;
}

.displaySigner {
    margin-top: 8px;
}

.displayMail {
    color: #666;
    text-transform: none;
    margin-bottom: 5px;
}

.profile-name {
    vertical-align: top;
    font-size: 14px;
}

    .profile-name span {
        font-size: 14px;
        color: #07c;
        line-height: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 178px;
        display: inline-block;
        vertical-align: bottom;
    }

.dropdown-actions {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: flex-start;
}

    .dropdown-actions .btn-group {
        margin-top: 0px;
    }

    .dropdown-actions .input-group .input-group-append .btn-primary {
        padding: 5px;
        min-width: 0px !important;
    }

    .dropdown-actions li {
        float: left;
        list-style: none;
        padding-right: 1px;
        position: relative;
    }

        .dropdown-actions li a {
            display: block;
            background-color: #fff;
        }

            .dropdown-actions li a i {
                background: #fff;
                color: #555;
                height: 24px;
                box-sizing: border-box;
                border: 1px solid #e2e2e2;
                padding: 3px 4px;
                line-height: 17px
            }

            .dropdown-actions li a.dropdown-toggle {
                margin-right: 5px;
            }

                .dropdown-actions li a.dropdown-toggle i {
                    padding-right: 12px;
                }

                .dropdown-actions li a.dropdown-toggle:after {
                    margin-left: -12px !important;
                }

            .dropdown-actions li a i .caret {
                margin-left: 3px;
                vertical-align: middle;
            }


            .dropdown-actions li a.dropdown-toggle.btn {
                border-radius: 25px;
                margin: 0px;
                min-width: 50px;
                padding: 3px 12px;
                display: block;
            }

    .dropdown-actions .btn-group .btn {
        border-radius: 6px 0px 0px 6px;
        padding: 4px 10px !important;
        min-width: 10px !important;
    }

    .dropdown-actions .btn-group > .btn {
        max-width: 105px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .dropdown-actions .btn-group-append .btn {
        border-radius: 0 6px 6px 0px !important;
    }

    .dropdown-actions .btn-group.btn-single .btn {
        border-radius: 6px;
        min-width: 70px !important
    }

    .dropdown-actions li a.dropdown-toggle.btn.smallActionBtn {
        max-width: 70px !important;
    }

    .dropdown-actions li a.dropdown-toggle.btn.draftActionBtn {
        max-width: 90px !important;
    }

    .dropdown-actions li a.dropdown-toggle.btn .caret {
        vertical-align: middle;
        display: inline-block;
    }

    .dropdown-actions li a.dropdown-toggle.btn:after {
        margin-left: 0px !important;
        vertical-align: top;
        margin-top: 9px;
    }

    .dropdown-actions li.dropdown {
        position: relative;
        float: left;
    }

        .dropdown-actions li.dropdown.open .dropdown-toggle i {
            background: #0034ac !important;
            color: #fff;
        }

    .dropdown-actions li a.dropdown-toggle:hover:after {
        background: linear-gradient(#037ee0, #0171e1) !important;
        color: #fff;
    }

    .dropdown-actions ul li a {
        border: none;
        padding: 7px 15px;
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .dropdown-actions ul li a i {
            border: none;
            background: none;
            height: auto;
            padding: 0px;
            margin-right: 7px;
            width: 16px;
        }

        .dropdown-actions ul li a .ico-workflow {
            border: none;
            background-position: 0px 5px;
            width: 16px;
            margin-right: 7px;
            padding: 0px;
        }

    .dropdown-actions ul li {
        float: none;
        padding: 0px;
    }

    .dropdown-actions .dropdown-menu {
        border: 1px solid #e2e2e2;
        z-index: 1030;
    }

    .dropdown-actions span.badge {
        position: absolute;
        font-size: 8px;
        top: -5px;
        right: 0px;
        padding: 3px 5px;
    }


.col2 {
    position: relative;
}

.moveSigner {
    padding: 0px;
    background: #f9f9f9;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    position: absolute;
    left: 20px;
    top: 8px;
}

    .moveSigner:first-child {
        left: 0px;
    }

    .moveSigner .arrow {
        background-position: -287px -123px;
        width: 14px;
        height: 4px;
        display: block;
    }

    .moveSigner .Up, .moveSigner .Down {
        padding: 5px 0px;
        display: block;
    }

        .moveSigner .Up .arrow {
            background-position: -287px -123px;
        }

        .moveSigner .Down .arrow {
            background-position: -312px -127px;
        }

    .actionBtn .delImg, .actionBtn .delImgPL, .searchsName .searchIco, .signerName .arrowPrep, .moveSigner .Up, .moveSigner .Down {
        opacity: 0.7;
    }

    .actionBtn:hover .delImg, .actionBtn:hover .delImgPL, .searchsName:hover .searchIco, .signerName:hover .arrowPrep, .moveSigner:hover .Up, .moveSigner:hover .Down {
        opacity: 1;
    }

.prepLabels {
    background-color: #f8f8f8;
    border-bottom: #ccc 1px dotted;
    padding: 5px 15px 8px;
    font-size: 16px;
}

.prepContainer {
    display: inline-block;
    padding: 0px;
    vertical-align: text-top;
}

    .prepContainer.col1 {
        width: 195px;
        padding: 0 0 0 20px;
    }

    .prepContainer.col2 {
        width: 40px;
    }

    .prepContainer.col3 {
        width: 60px;
    }

    .prepContainer .pageSelValue {
        font-size: 11px;
        height: 20px;
        line-height: 15px;
        margin: 0;
        padding: 0;
        display: inline-block;
        width: 40px;
    }

    .prepContainer.col1-wf {
        width: 270px;
        padding: 0 0 0 20px;
    }

    .prepContainer.col2-wf {
        width: 40px;
    }

.chartbox {
    margin: 0px;
    padding: 0px;
    height: 245px;
    overflow: hidden;
}

    .chartbox h3 {
        padding: 0px;
        margin-bottom: 5px;
    }

    .chartbox table {
        margin: 0px auto !important;
    }

.actionLinks {
    margin: 0px;
    padding: 0px;
}

.listRow a {
    background: #754098;
    width: 102px;
    padding: 15px 0px;
    height: 60px;
    float: left;
    margin: 5px 0px 5px 10px;
    text-align: center;
    display: block;
    font-size: 15px;
    line-height: 16px;
}

    .listRow a:first-child {
        margin-left: 0px;
    }

    .listRow a.lightbg {
        background: #555;
    }

    .listRow a span {
        background-position: 0 0;
        display: block;
        margin: 0px auto 3px;
        width: 36px;
        height: 36px;
    }

        .listRow a span.ico1 {
            background-position: -312px -45px;
        }

        .listRow a span.ico2 {
            background-position: -349px -45px;
        }

        .listRow a span.ico3 {
            background-position: -385px -45px;
        }

        .listRow a span.ico4 {
            background-position: -312px -78px;
        }

        .listRow a span.ico5 {
            background-position: -349px -78px;
        }

        .listRow a span.ico6 {
            background-position: -385px -78px;
        }

        .listRow a span.ico7 {
            background-position: -312px -116px;
        }

        .listRow a span.ico8 {
            background-position: -349px -116px;
        }

        .listRow a span.ico9 {
            background-position: -385px -116px;
        }

        .listRow a span.ico10 {
            background-position: -278px -116px;
        }

.signer-align .searchsName, .signer-align .actionButton {
    margin-top: 0px;
}

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

.signer-align .signerNameRowPrep .PageLevelSignerNameRowPrep .col2 {
    margin-right: 5px;
    vertical-align: middle;
}

.signer-align .col1.prepContainer {
    width: 200px;
}

.signer-align .col3.prepContainer {
    width: 20px;
}

.signerDefault {
    border-top: 1px solid #e5e5e5;
}

    .signerDefault .signerNameRowPrep .PageLevelSignerNameRowPrep {
        padding: 3px 0;
    }

    .signerDefault .searchsName {
        padding-top: 3px;
    }

.docView {
    position: relative;
}

    .docView h3 {
        margin: -10px 0 7px;
    }

.more-nav {
    background-position: -188px 0;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    right: 8px;
    top: 6px;
}

.memoryBox {
    position: absolute;
    right: 300px;
    top: -8px;
}

    .memoryBox .lbl {
        width: 120px;
        text-align: right;
        margin-right: 5px;
        display: inline-block;
        line-height: 16px;
    }

    .memoryBox .val {
        padding: 6px;
        display: inline-block;
        font-size: 20px;
        background: #f9f9f9;
        vertical-align: top;
        margin-top: 3px;
    }

    .memoryBox .green {
        background: #669900;
        color: #fff;
    }

.action-container {
    position: relative;
}

.doc-count-show {
}

    .doc-count-show h4 {
        font-size: 14px !important;
        font-weight: 600;
        margin: 0px;
        padding: 0px;
        color: #000000;
    }

    .doc-count-show .viewing-count {
        font-size: 12px;
        line-height: 14px;
    }


.page-control {
    position: absolute;
    top: 2px;
    right: 350px;
    vertical-align: middle;
}

    .page-control select {
        display: inline-block;
        width: auto;
        margin: 0px 2px;
        vertical-align: middle;
        padding: 2px;
        border-color: #000 !important;
    }

    .page-control a {
        padding: 2px;
        border: 1px solid #f1f1f1;
        margin: 0px;
        border-radius: 3px;
        background: #fff;
        color: #000;
    }

        .page-control a span {
            color: #000;
            font-size: 12px;
        }

        .page-control a:hover {
            background: #0034ac;
        }

/*.page-control-wrapper {
    background: #f1f1f1;
    padding: 10px 15px;
    bottom: 0px;
    right: 17px;
    margin: 0px;
    position: absolute;
    width: 98%;
    display: flex;
    z-index: 1030;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid #ddd;
}*/
.page-control-wrapper {
    background: #f1f1f1;
    padding: 10px 15px;
    bottom: 16px;
    right: 28px;
    margin: 0px;
    position: absolute;
    width: 95%;
    display: flex;
    z-index: 1030;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
}
    .page-control-wrapper .page-control {
        padding: 3px;
        position: static;
    }

        .page-control-wrapper .page-control a {
            border: none;
            background: none;
            color: #000;
            margin: 0px 2px;
        }

            .page-control-wrapper .page-control a span {
                color: #000;
                font-size: 14px;
            }

            .page-control-wrapper .page-control a:hover {
                background: #444;
                border: none;
            }


.dd-action {
    position: absolute;
    right: 20px;
    top: 6px;
    width: 310px;
    overflow: hidden;
}

    .dd-action a, .dd-action .fileinput-button, .dd-action a:hover {
        color: #0034ac !important;
        margin: 0px 10px;
        text-decoration: underline !important;
    }

.fileinput-button.btn-success {
    border-color: #4caf50;
}

.btn-success:hover {
    background: #3ca240 !important;
}

.btn:hover, .btn:focus {
    box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.1);
    outline: none;
}

.dragDiv .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dragDiv .ui-resizable {
    position: relative;
}

#imgFollow {
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    padding: 1px 5px;
    display: none;
    width: 20px;
    position: absolute;
    z-index: 1200;
}

    #imgFollow img {
        margin: 0px;
        padding: 0px;
    }

.loadOverylay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    background: rgba(255,255,255,0.1);
    left: 0px;
    top: 0px;
    z-index: 1000;
}

.actionButton {
    background: #fff;
    border: 1px solid #e2e2e2;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
}

    .actionButton span {
        width: 14px;
        height: 14px;
        display: flex;
        margin: 2px 3px;
        color: #000;
        justify-content: center;
        align-items: center;
    }

    .actionButton:hover {
        border: 1px solid #0034ac;
        background: #0034ac;
    }

        .actionButton:hover span {
            color: #fff !important;
        }

    .actionButton .add {
        background-position: -407px -96px;
    }

    .actionButton .default {
        background-position: -264px 0px;
    }

    .actionButton .fprev {
        background-position: -191px -72px;
    }

    .actionButton .prev {
        background-position: -241px -72px;
    }

    .actionButton .next {
        background-position: -335px -72px;
    }

    .actionButton .lnext {
        background-position: -385px -72px;
    }

    .actionButton .share {
        background-position: -73px -144px;
    }

    .actionButton .comments {
        background-position: -240px -120px;
    }

    .actionButton .zoom {
        background-position: -336px 0px;
    }

.alertComment {
    border: 1px solid transparent;
    -webkit-transition: border 1s linear, box-shadow 1s linear;
    -moz-transition: border 1s linear, box-shadow 1s linear;
    transition: border 1s linear, box-shadow 1s linear;
}

    .alertComment.active {
        border-color: green;
        -webkit-box-shadow: 0 0 25px green;
        -moz-box-shadow: 0 0 25px green;
        box-shadow: 0 0 25px green;
    }

.signerAction {
    background: #0034ac;
    display: block;
    vertical-align: middle;
    padding: 2px 10px 2px 0px;
    margin-left: 5px;
    height: 20px;
    width: 100px;
    float: right;
}

    .signerAction:hover {
        background: #e06116;
    }

    .signerAction span span {
        width: 14px;
        height: 14px;
        display: inline-block;
        margin: 3px;
        background-position: -120px -72px;
        vertical-align: top;
        overflow: auto;
    }

    .signerAction span.icobg {
        background: #e06116;
        padding: 2px 3px 3px;
        overflow: auto;
        margin-right: 5px;
    }

    .signerAction .adduser span {
        background-position: -167px 0;
    }

    .signerAction .addsigner span {
        background-position: 0 -72px;
    }

.actionButton.disabled {
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    display: inline-block;
    vertical-align: middle;
}

    .actionButton.disabled span, .actionButton.disabled:hover span {
        width: 14px;
        height: 14px;
        display: block;
        margin: 2px 3px;
        background-position: -120px -72px;
        opacity: .4;
    }

    .actionButton.disabled:hover {
        border: 1px solid #e2e2e2;
        background: #f9f9f9;
    }

.stepsLabel {
    width: 150px;
    height: 40px;
    position: absolute;
    right: 10px;
    font-size: 14px;
    text-align: right;
    top: 10px;
}

.stepsDiv {
    position: absolute;
    right: -20px;
    top: 0px;
    font-size: 20px;
}

    .stepsDiv span {
        background: rgb(238, 238, 238);
        padding: 0px;
        cursor: pointer;
        text-align: center;
        line-height: 55px;
        width: 25px;
        height: 58px;
        display: block;
    }

.enroll-box {
    background: #754098;
    position: absolute;
    width: 680px;
    right: 5px;
}

    .enroll-box h3 {
        margin-bottom: 10px;
    }

    .enroll-box .bg5 {
        min-height: auto;
        overflow: auto;
    }

    .enroll-box .enroll-steps {
        margin: 0px;
        display: block;
        position: relative;
    }

.enroll-steps .step-bline {
    background: #e0e0e0;
    display: block;
    margin: 0px;
    position: absolute;
    left: 0px;
    height: 3px;
    top: 35px;
    width: 90%;
}

.enroll-steps {
    margin: 0px;
    padding: 0px;
}

    .enroll-steps li {
        float: left;
        width: 140px;
        position: relative;
        margin: 0px;
        padding: 10px 5px 10px 20px;
        border-left: 1px solid #e9e9e9;
    }

        .enroll-steps li:first-child {
            margin-left: 0px;
        }

        .enroll-steps li span {
            display: inline-block;
            text-align: left;
            margin: 0px 0px 5px;
            vertical-align: middle;
        }

        .enroll-steps li .num {
            background: rgb(238, 238, 238);
            width: 20px;
            margin: 0px auto;
            text-align: center;
            color: #666;
            padding: 0px;
            position: absolute;
            left: 3px;
            top: -5px;
        }

            .enroll-steps li .num:after {
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                right: -10px;
                top: 0px;
                margin-top: 0px;
                border-width: 5px 5px 0 5px;
                border-style: solid;
                border-color: transparent transparent transparent #555555;
            }

        .enroll-steps li .title {
            color: #fff;
            line-height: 16px;
            font-size: 13px;
            width: 90px;
            margin-left: 5px;
        }

        .enroll-steps li .ico {
            width: 38px;
            height: 38px;
            margin: 0 0 0 5px;
            background-position: 0 0;
        }

        .enroll-steps li.step1 .ico {
            background-position: -239px -43px;
        }

        .enroll-steps li.step2 .ico {
            background-position: -277px -43px;
        }

        .enroll-steps li.step3 .ico {
            background-position: -239px -80px;
        }

        .enroll-steps li.step4 .ico {
            background-position: -277px -80px;
        }

    .enroll-steps ul li.active .num {
        background: #754098;
        width: 24px;
        margin: 0px auto;
        color: #fff;
        padding: 1px 0px;
    }

    .enroll-steps ul li.active .title {
        color: #754098;
    }

    .enroll-steps ul li.active .ico {
        opacity: 1;
    }

    .enroll-steps ul li.step1.active .ico {
        background-position: -164px -43px;
    }

    .enroll-steps ul li.step2.active .ico {
        background-position: -201px -43px;
    }

    .enroll-steps ul li.step3.active .ico {
        background-position: -164px -80px;
    }

    .enroll-steps ul li.step4.active .ico {
        background-position: -201px -80px;
    }

.sign-tabs {
    margin-bottom: 15px;
    margin-left: 0px !important;
}

    .sign-tabs .span7 {
        width: 550px !important;
        position: relative;
    }

    .sign-tabs .tab-link {
        width: 560px !important;
        float: left;
    }

.tab-link ul {
    margin: 0px;
    padding: 0px;
}

    .tab-link ul li {
        float: left;
        padding: 0px;
        height: 58px;
    }

        .tab-link ul li a {
            display: block;
            font-size: 15px;
            text-align: center;
            color: #333;
            padding: 8px 20px;
            margin-left: 10px;
        }

        .tab-link ul li:first-child a {
            margin-left: 0px;
        }

        .tab-link ul li.active a {
            background: #754098;
            color: #fff;
            border: 1px solid #754098;
        }

.sign-docform select {
    width: 295px;
}

.sign-docform input[type='text'], .sign-docform input[type='password'] {
    width: 295px;
}

.sign-docform .actions {
    margin-right: 60px;
}

    .sign-docform .actions a {
        padding-right: 10px;
    }

.sign-docform .lbl-inline {
    margin-right: 15px;
}

.gridActions, .gridStatus {
    margin: 0px;
    padding: 0px;
    position: relative;
}

    .gridStatus .status {
        padding: 0px;
        margin: 0px;
        width: 20px;
        line-height: 16px;
        cursor: default;
        padding: 2px 1px;
        display: inline-block;
        color: #fff;
        text-align: center;
        margin-right: 2px;
        font-size: 11px;
    }

    .gridStatus .pending {
        background: #f36f21;
    }

    .gridStatus .notyetstarted {
        background: #999999;
    }

    .gridStatus .recalled {
        background: #0066cc;
    }

    .gridStatus .completed {
        background: #669900;
    }

    .gridStatus .declined {
        background: #cc3333;
    }

    .gridActions ol {
        margin: 0px;
        padding: 5px 5px;
        list-style: none;
        position: absolute;
        top: 28px;
        width: 90px;
        background: #fff;
        z-index: 10;
    }

        .gridActions ol:before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            bottom: 100%;
            left: 46%;
            border-width: 0 4px 4px 4px;
            border-style: solid;
            border-color: rgba(0,0,0,0.7) transparent;
        }

        .gridActions ol li {
            margin: 0px;
            clear: both;
        }

            .gridActions ol li a {
                color: #07c;
                background: #fff;
                border-top: 1px dotted #e5e5e5;
                display: block;
                padding: 0px 5px !important;
                font-size: 12px;
            }

            .gridActions ol li:first-child a {
                border-top: none;
            }

            .gridActions ol li a:hover {
                background: #f9f9f9;
            }

    .gridActions .settListBox {
        left: -20%;
    }

    .gridActions .actListBox {
        left: -48%;
    }

    .gridActions .actions {
        float: left;
    }

.wfstatusBox {
    margin: 5px 0 0;
    text-align: right;
}

    .wfstatusBox .wflabel span {
        width: 15px;
        height: 15px;
        display: inline-block;
        margin: -3px 3px 0px 0px;
        vertical-align: middle;
    }

    .wfstatusBox .wflabel {
        margin-right: 5px;
        font-size: 13px;
    }

    .wfstatusBox .pending {
        background: #f36f21;
    }

    .wfstatusBox .notyetstarted {
        background: #999999;
    }

    .wfstatusBox .recalled {
        background: #0066cc;
    }

    .wfstatusBox .completed {
        background: #669900;
    }

    .wfstatusBox .declined {
        background: #cc3333;
    }

    .wfstatusBox .delete {
        background: #ff0000;
    }


.mhead h3 {
    color: #333;
    margin: 0px;
    float: left;
    width: 240px;
}

.mhead .filterBox {
    float: left;
}

    .mhead .filterBox label {
        margin: 0px 5px 0px 15px;
        line-height: 25px;
    }

    .mhead .filterBox input, .mhead .filterBox select {
        display: inline-block !important;
        vertical-align: top;
    }

        .mhead .filterBox input[type="submit"] {
            padding: 2px 10px 5px;
        }

.pagingBox {
    margin: 10px 0px;
}

    .pagingBox .fleft {
        float: left;
    }

    .pagingBox .fright {
        float: right;
    }

    .pagingBox input, .pagingBox select {
        display: inline-block !important;
        vertical-align: middle;
    }

        .pagingBox input[type="submit"], .pagingBox input[type="button"] {
            padding: 2px 10px 5px !important;
        }

    .pagingBox .pageLink {
        vertical-align: middle;
        display: inline-block;
    }

        .pagingBox .pageLink a {
            padding: 4px 10px;
            display: inline-block;
            vertical-align: middle;
            background: rgb(240, 240, 240);
            color: #333;
        }

    .pagingBox .pageActive {
        padding: 8px 10px;
        display: inline-block;
        background: rgb(117, 64, 152);
        color: #fff;
        vertical-align: middle;
    }

.action-link li a:hover {
    background: rgb(244, 244, 244);
}

.slaBox {
    padding: 10px 20px;
}

    .slaBox .col-one {
        clear: both;
    }

        .slaBox .col-one input {
            padding: 3px;
            height: 25px;
        }

        .slaBox .col-one label {
            clear: both;
            display: block;
        }

.acc-content {
    border-bottom: 1px solid #e2e2e2;
}

.signerDB .col-one {
    clear: both;
    padding: 10px 20px;
}

    .signerDB .col-one .txt-filename {
        width: 167px !important;
    }

    .signerDB .col-one select {
        margin-bottom: 3px;
    }

    .signerDB .col-one label {
        padding-bottom: 3px;
        clear: both;
        display: block;
    }

.signerDB .btn-control {
    margin-top: 10px;
    text-align: right;
}

    .signerDB .btn-control .btn-orange {
        line-height: 18px !important;
        padding: 4px 17px 6px;
    }

.esignForm .col-one {
    clear: both;
    padding: 10px 20px;
    margin-top: -5px;
}

    .esignForm .col-one .small-txt {
        display: inline-block !important;
        line-height: 14px !important;
    }

        .esignForm .col-one .small-txt span {
            font-size: 13px;
            vertical-align: middle;
            margin-left: 5px;
        }

    .esignForm .col-one .txt-filename {
        width: 150px !important;
        margin-right: 10px;
    }

    .esignForm .col-one .btn-browse {
        width: 90px !important;
        text-align: center;
    }

    .esignForm .col-one label {
        padding-top: 5px;
        padding-bottom: 3px;
        clear: both;
        display: block;
    }

.esignForm:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 71px;
    border-width: 0 12px 12px 12px;
    border-style: solid;
    border-color: #ddd transparent;
}

.esignForm .col-one:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 75px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: #fff transparent;
}


.SignerTimeLines {
    padding: 0px 10px;
}

    .SignerTimeLines .listStime {
        padding: 0px;
        overflow: auto;
        display: block;
        margin: 0px -10px;
    }

        .SignerTimeLines .listStime tablr {
            width: 100%;
        }

        .SignerTimeLines .listStime td {
            vertical-align: top;
            padding: 2px 0px;
            font-size: 13px;
            border-top: #ccc 1px dotted;
        }

        .SignerTimeLines .listStime tr:first-child td {
            border-top: none;
        }

        .SignerTimeLines .listStime .col1 {
            padding-left: 10px;
        }

        .SignerTimeLines .listStime .col3 {
            padding-right: 10px;
        }

lll .SignerTimeLines .listStime .col2 {
    padding-right: 10px;
}

.SignerTimeLines .signerTimeRowPrep {
    width: 136px;
    display: block;
}

.SignerTimeLines select {
    padding: 1px;
    height: 22px !important;
    margin: 0px !important;
    line-height: 18px !important;
}

.SignerTimeLines input {
    padding: 1px 5px !important;
    height: 22px !important;
    line-height: 18px !important;
    width: 40px !important;
}

.doc-tablelist label {
    display: block;
    padding-bottom: 5px;
    margin-right: 30px;
    font-weight: bold;
    word-break: break-all;
}

.doc-tablelist td {
    vertical-align: top;
}

.disBlock {
    display: block;
}

.bjqs-box {
    width: 850px !important;
}

.searchBox {
    padding: 10px 25px;
    min-height: 50px !important;
}

    .searchBox .label {
        float: left;
        padding-top: 3px;
    }

    .searchBox .control {
        float: left;
        margin: 0px 0px 0px 10px;
    }

        .searchBox .control .error {
            display: block;
            color: #ff0000;
            font-size: 13px;
        }

    .searchBox .no-margin {
        margin: 0px !important;
    }

    .searchBox select {
        vertical-align: top;
        margin: 0px !important;
    }

    .searchBox .btn-orange {
        padding: 5px 10px !important;
        line-height: 16px !important;
        height: 27px;
    }

.uploadDocBox {
    padding: 0px 25px 10px;
    margin-top: -10px;
}

    .uploadDocBox .label {
        float: left;
        padding-top: 3px;
        margin: 0px 10px 0px 0px;
    }

    .uploadDocBox .control {
        float: left;
        margin: 0px 10px 0px 0px;
    }

        .uploadDocBox .control .error {
            display: block;
            color: #ff0000;
            font-size: 13px;
        }

    .uploadDocBox .no-margin {
        margin: 0px !important;
    }

    .uploadDocBox select {
        vertical-align: top;
        margin: 0px !important;
    }

    .uploadDocBox .btn-orange {
        padding: 5px 10px !important;
        line-height: 16px !important;
        height: 27px;
    }

    .uploadDocBox .btnlink {
        height: 15px !important;
        padding: 3px 10px !important;
        margin-top: 5px;
    }

    .uploadDocBox input[type='text'] {
        border: 1px solid #e2e2e2;
    }

.btn-right {
    float: right;
    margin-bottom: 7px;
}

.enquiryBox .margin2 {
    margin-bottom: 8px;
    min-height: 43px;
}

.enquiryBox h3.margin2 {
    min-height: 25px;
}

.enquiryBox .field-validation-error {
    font-size: 12px;
    line-height: 16px;
}

.r10-margin {
    margin-right: 10px !important;
}

.r5-margin {
    margin-right: 5px !important;
}

#chart #C1s g {
    display: none;
}

.jchartfx_gauge line[x2='104.667'], .jchartfx_gauge line[x2='304'],
#ChartDiv2 svg g:last-child, .jchartfx_gauge line[x2='204.333'], .jchartfx_gauge line[x2='5'] {
    display: none;
}

#ChartDiv2 svg g:nth-child(1) {
    display: block !important;
}


.jqgfirstrow td {
    padding: 0px !important;
    border: none !important;
}

.ui-jqgrid-resize, .ui-jqgrid-resize-mark {
    display: none;
}

.ui-jqgrid-htable th {
    background: #754098;
    color: #fff;
    border: none !important;
    border-bottom: 1px solid #e2e2e2 !important;
}
/*.planGridTable { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.planGridTable:hover { -moz-transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); -ms-transform: scale(1.02); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }*/

.ui-jqgrid-sdiv.divTop {
    position: absolute;
    top: 50px;
}

.ui-jqgrid-bdiv.divTop {
    margin-top: 40px;
}

.footrow td {
    background: #e9e9e9;
    text-align: center;
    color: #754098;
    font-size: 20px !important;
    padding: 10px 15px !important;
    text-align: center;
}

    .footrow td:first-child {
        text-align: left;
        color: #333;
        font-size: 13px !important;
        padding: 10px 30px !important;
    }

.buttonFootrow {
    padding: 10px 0px;
    text-align: center;
    color: #fff;
}

.jqdataGrid {
    margin: 0px !important;
    padding: 0px;
    clear: both;
}

    .jqdataGrid table {
        border-collapse: collapse;
        margin: 0px;
        padding: 0px;
    }

        .jqdataGrid table .ui-row-ltr th {
            background: #754098;
            color: #fff;
            text-align: left;
            font-weight: bold;
        }

        .jqdataGrid table td a {
            color: #0034ac;
        }

.normal-jqgrid {
    min-height: 150px;
    position: relative;
}

    .normal-jqgrid .loading {
        text-align: center;
        position: absolute;
        left: 45%;
        top: 80px;
        z-index: 10;
        animation: none;
        padding-top: 5px;
        padding-left: 45px;
        text-indent: -99999px;
        background: none;
        padding: 18px;
    }

    .normal-jqgrid table {
        table-layout: fixed;
        /*width: 100% !important;*/
    }
    .normal-jqgrid table.ui-pager-table { width: 100% !important; }
    .normal-jqgrid .ui-jqgrid-bdiv {
        width: 100% !important;
    }

    .normal-jqgrid table td {
        /*word-break: break-all !important;*/
    }

    .normal-jqgrid .ui-jqgrid-btable tr.ui-row-ltr td {
        background: #f9f9f9;
        padding: 3px 10px;
        border: 1px solid #eaeaea;
    }

    .normal-jqgrid .ui-jqgrid-btable tr.gridAltColor td {
        background: #fff;
    }

    .normal-jqgrid .ui-jqgrid-hdiv {
        border: none !important;
        border-left: 1px solid #eaeaea !important;
        width: 100% !important;
    }

    .normal-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
        background: #fff;
        color: #555;
        text-align: left;
        font-weight: normal;
    }

        .normal-jqgrid .ui-jqgrid-htable th.ui-th-ltr div {
            padding: 5px 10px; /*
//border-right: 1px solid #eaeaea;*/
            font-weight: bold;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    /*.normal-jqgrid .ui-jqgrid-htable th.ui-th-ltr div { padding: 5px 10px; border-right: 1px solid #eaeaea; font-weight: bold; }*/

    .normal-jqgrid .ui-jqgrid-htable .row-group {
        position: relative;
    }

        .normal-jqgrid .ui-jqgrid-htable .row-group div {
            padding-right: 50px !important;
        }

        .normal-jqgrid .ui-jqgrid-htable .row-group input {
            position: absolute;
            right: 30px;
            top: 7px;
        }

.data-tooltips {
    position: absolute;
    right: 10px;
    top: 6px;
    font-weight: normal;
}

    .data-tooltips i.fa {
        display: inline-block !important;
        font-weight: normal !important;
        cursor: pointer;
        height: 16px;
        width: 16px;
        line-height: 16px;
        margin: 0px;
        vertical-align: baseline;
        background: #d5e9f6;
        border: 1px solid #47ADE0;
        color: #000;
        border-radius: 100%;
        font-size: 12px;
        text-align: center;
        padding: 0;
    }

    .data-tooltips .data-tips {
        display: none;
        right: 0px;
        padding: 8px;
        position: absolute;
        width: 300px;
        -webkit-box-shadow: 0 0 5px #aaa;
        box-shadow: 0 0 5px #aaa;
        background: #d5e9f6;
        border: 1px solid #47ADE0 !important;
        border-radius: 4px;
        color: #000 !important;
        line-height: 18px;
        border: none;
        z-index: 1205;
    }

    .data-tooltips:hover .data-tips {
        display: block;
    }

    .data-tooltips .data-tips1 {
        display: none;
        left: 0px;
        padding: 8px;
        position: absolute;
        width: 300px;
        -webkit-box-shadow: 0 0 5px #aaa;
        box-shadow: 0 0 5px #aaa;
        background: #d5e9f6;
        border: 1px solid #47ADE0 !important;
        border-radius: 4px;
        color: #000 !important;
        line-height: 18px;
        border: none;
        z-index: 1205;
    }

    .data-tooltips:hover .data-tips1 {
        display: block;
    }

    .data-tooltips .data-tips1.tips-right {
        left: auto;
        right: 0px;
    }


.normal-jqgrid .ui-jqgrid-pager {
    background: #f9f9f9 !important;
    border: 1px solid #eaeaea;
    border-top: none;
    width: 100% !important;
}

.normal-jqgrid .ui-pager-control {
    padding: 3px 15px 3px 5px;
}

.normal-jqgrid .ui-pg-table td[dir='ltr'] input {
    display: inline-block;
    width: 40px;
    text-align: center;
}

.normal-jqgrid .ui-pg-table #pager_center td {
    border: none;
    line-height: 16px;
    font-size: 13px;
    vertical-align: middle;
}

.normal-jqgrid .ui-pg-table #pager_center #sp_1_pager {
    margin-right: 5px;
}

.normal-jqgrid .ui-pg-table td select {
    height: 25px;
    font-size: 13px;
}

.normal-jqgrid .ui-pg-table .ui-pg-input {
    padding: 2px 3px;
    height: 25px;
    font-size: 13px;
}

.normal-jqgrid .ui-pg-table .ui-state-disabled {
    display: none;
}

.normal-jqgrid .ui-searchFilter {
    border: 1px solid #e2e2e2;
    margin-bottom: 10px;
    background: #fff;
    padding: 10px 10px 0px;
}

    .normal-jqgrid .ui-searchFilter td {
        vertical-align: top;
        padding: 0px 5px;
        line-height: 20px;
    }

    .normal-jqgrid .ui-searchFilter .linkbtn-orange {
        padding: 3px 10px 4px;
        cursor: pointer;
    }

.normal-jqgrid .ui-search-toolbar {
    display: none;
}

    .normal-jqgrid .ui-search-toolbar th {
        background: #FBEDBB !important;
        border-bottom: 1px solid #c9c9c9 !important;
    }

        .normal-jqgrid .ui-search-toolbar th div {
            width: auto !important;
        }

        .normal-jqgrid .ui-search-toolbar th input {
            padding: 0px 5px !important;
            height: 25px;
        }

.normal-jqgrid .ui-jqgrid {
    clear: both;
    padding: 0px;
    width: 100% !important;
}

.normal-jqgrid .ui-jqgrid-view {
    border-top: 1px solid #eaeaea;
    overflow: inherit;
    width: 100% !important;
}

.normal-jqgrid .ui-pg-button {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    padding: 3px;
    margin: 3px 2px;
    border: 1px solid #eaeaea !important;
    background: #fff;
}

.normal-jqgrid #prev_pager {
    margin-right: 5px !important;
}

.normal-jqgrid #last_pager {
    margin-right: 5px !important;
}

.normal-jqgrid .ui-pg-button:hover {
    border: 1px solid #e2e2e2;
    background: #0034ac;
    color: #fff;
}

.normal-jqgrid .ui-pg-button .ui-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: baseline;
    margin: 0px 3px;
    text-align: left;
}

.normal-jqgrid .ui-pg-button .ui-pg-div, .normal-jqgrid .ui-pg-selbox {
    vertical-align: middle;
    margin: 0px;
}

.normal-jqgrid #pager_left .ui-pg-button {
    padding-right: 10px;
}

.normal-jqgrid .ui-pg-button .ui-icon-search {
    background-position: -48px 0px;
}

.normal-jqgrid .ui-pg-button .ui-icon-refresh {
    background-position: -240px -25px;
}

.normal-jqgrid .ui-pg-button .ui-icon-seek-first {
    background-position: -216px -73px;
}

.normal-jqgrid .ui-pg-button .ui-icon-seek-prev {
    background-position: -242px -73px;
}

.normal-jqgrid .ui-pg-button .ui-icon-seek-end {
    background-position: -360px -73px;
}

.normal-jqgrid .ui-pg-button .ui-icon-seek-next {
    background-position: -335px -73px;
}

.normal-jqgrid .ui-pg-button:hover .ui-icon-search {
    background-position: -48px 0px;
}

.normal-jqgrid .ui-pg-button:hover .ui-icon-refresh {
    background-position: -240px -25px;
}

.normal-jqgrid .ui-pg-button:hover .ui-icon-seek-first {
    background-position: -216px -73px;
}

.normal-jqgrid .ui-pg-button:hover .ui-icon-seek-prev {
    background-position: -242px -73px;
}

.normal-jqgrid .ui-pg-button:hover .ui-icon-seek-end {
    background-position: -360px -73px;
}

.normal-jqgrid .ui-pg-button:hover .ui-icon-seek-next {
    background-position: -335px -73px;
}

.normal-jqgrid .gridActions, .gridStatus {
    margin: 0px;
    padding: 0px;
    position: relative;
}

.normal-jqgrid .gridStatus .status {
    padding: 0px;
    margin: 0px;
    width: 20px;
    cursor: default;
    padding: 1px 1px 2px;
    display: inline-block;
    color: #fff;
    text-align: center;
    margin: 0px 2px 2px 0;
    font-size: 11px;
}

.normal-jqgrid .gridStatus .pending {
    background: #f36f21;
}

.normal-jqgrid .gridStatus .notyetstarted {
    background: #999999;
}

.normal-jqgrid .gridStatus .recalled {
    background: #0066cc;
}

.normal-jqgrid .gridStatus .completed {
    background: #669900;
}

.normal-jqgrid .gridStatus .declined {
    background: #cc3333;
}

.normal-jqgrid .wrap-td {
    white-space: normal !important;
}

/*.normal-jqgrid .ui-widget-content td[aria-describedby='grdworkflowDetails_Actions'] { position:relative;}*/
.normal-jqgrid .ddlistBox:before {
    content: "";
    width: 0;
    height: 0;
    margin: 0px;
    position: absolute;
    bottom: 100%;
    border-width: 0 4px 5px 4px;
    border-style: solid;
    border-color: rgba(0,0,0,0.7) transparent;
}

.normal-jqgrid .ddlistBox {
    text-align: left;
    margin: 0;
    padding: 5px 5px;
    list-style: none;
    position: absolute;
    width: 110px;
    background: #fff;
    z-index: 1000;
    border: 1px solid #eaeaea;
}

    .normal-jqgrid .ddlistBox li {
        margin: 0px;
        clear: both;
    }

        .normal-jqgrid .ddlistBox li a {
            color: #07c;
            background: #fff;
            border-top: 1px dotted #e5e5e5;
            display: block;
            padding: 0px 5px !important;
            font-size: 12px;
        }

        .normal-jqgrid .ddlistBox li:first-child a {
            border-top: none;
        }

        .normal-jqgrid .ddlistBox li a:hover {
            background: #f9f9f9;
        }

.actionSettings {
    margin: 0px;
    padding: 0px;
}

    .actionSettings li {
        float: left;
        list-style: none;
    }

        .actionSettings li .ddlistBox {
            display: none;
        }

            .actionSettings li .ddlistBox li {
                float: none;
            }

        .actionSettings li:hover .ddlistBox {
            display: block;
        }

.actionButton.disabled .view, .actionButton.disabled:hover .view {
    background-position: -265px -24px;
    cursor: default;
}

.empty-record {
    padding: 50px 20px;
    text-align: center;
    background: #fff;
    min-height: 40px;
    border: 1px solid #e2e2e2;
    color: #f36f21;
    margin-left: 1px;
}

.normal-jqgrid .ui-jqgrid-view tr.ui-row-ltr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}

    .normal-jqgrid .ui-jqgrid-view tr.ui-row-ltr td:last-child {
        overflow: inherit;
        padding: 3px 6px;
    }

.ldate {
    margin-top: 10px;
    color: #999;
    font-size: 13px;
}

    .ldate span {
        color: #444;
    }

.uname {
    display: inline-block;
    vertical-align: middle;
}

.userName {
    margin-top: -5px;
    display: block;
}



.bulk-section {
    display: table-cell;
    margin: -5px 10px -5px -5px;
    float: left;
    vertical-align: top;
    padding: 5px 8px;
    width: 200px;
}

    .bulk-section label {
        margin-right: 5px;
        vertical-align: middle;
    }

    .bulk-section .dropdown-actions {
        display: inline-block;
        margin: 5px 0px 5px 10px;
        vertical-align: middle;
    }

.normal-jqgrid .idxlevel1:before, .normal-jqgrid .idxlevel2:before, .normal-jqgrid .idxlevel3:before {
    left: 81px !important;
}

.normal-jqgrid .idxlevel1, .normal-jqgrid .idxlevel2, .normal-jqgrid .idxlevel3 {
    margin-left: -75px !important;
}

.normal-jqgrid .s-ico {
    position: relative;
    display: block !important;
}

.normal-jqgrid .ui-state-default:last-child .ui-jqgrid-sortable .s-ico {
    position: relative;
    display: none !important;
}

.normal-jqgrid .s-ico .ui-grid-ico-sort {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0px;
    top: -20px;
}

.normal-jqgrid .s-ico .ui-icon-asc {
    background-position: -288px -120px;
    display: none;
}

.normal-jqgrid .s-ico .ui-icon-desc {
    background-position: -312px -120px;
}
/*.normal-jqgrid .s-ico .ui-state-disabled { display: none; }*/
.normal-jqgrid .ui-jqgrid-sortable {
    cursor: pointer;
}

.normal-jqgrid .sort-disabled {
    cursor: default;
}

.normal-jqgrid .actions {
    float: left;
}

.content-page p {
    margin-bottom: 0px !important;
}

.content-page h3 {
    font-size: 24px;
    color: #555;
}

.content-page h4 {
    color: #0034ac;
    font-weight: normal;
}

.content-page a, .content-page a:hover {
    color: #0034ac;
}

.listing {
    margin: 10px 30px 20px;
    padding: 0px;
}

    .listing li {
        margin: 0px;
        padding: 3px 0px;
        background: url(/Content/eMDMSCSS/img/listArrow.png) 0 7px no-repeat;
        padding-left: 20px;
    }

.showhideDiv {
    background: #eee;
    padding: 5px;
    display: block;
    position: absolute;
    right: 10px;
    top: 75px;
}

    .showhideDiv span {
        width: 14px;
        height: 14px;
        background-position: -288px -120px;
        display: block;
    }

        .showhideDiv span.show {
            background-position: -288px -120px;
        }

        .showhideDiv span.hide {
            background-position: -312px -120px;
        }

.mtop0 {
    margin-top: 0px !important;
}

.mtop20 {
    margin-top: 20px !important;
}

.m10 {
    margin-top: 10px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

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

.pt10 {
    padding-top: 10px !important;
}

.demoVideo {
    height: 258px;
    padding: 0px;
    position: relative;
    background: #333;
}

#demoVideoOverlay {
    width: 100%;
    height: 258px;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    z-index: 10;
    background: #000;
}

.demoVideo .demoHead {
    background: #000;
    padding: 10px 20px;
    color: #fff;
    position: absolute;
    top: 20px;
    right: 0px;
    font-size: 16px;
    width: 270px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

    .demoVideo .demoHead span {
        font-size: 24px;
        display: block;
        line-height: 24px;
    }

.news-box {
    min-height: 258px;
}

    .news-box .list-point li {
        margin-bottom: 5px;
        border-top: 1px solid #555;
    }

        .news-box .list-point li a {
            font-size: 15px;
            margin: 0px;
            padding: 5px 0px 0px;
            line-height: 20px;
            display: inline-block;
            color: #0034ac;
        }

        .news-box .list-point li p {
            line-height: 14px;
            padding: 0 0 2px;
            margin: 0px;
            font-size: 12px;
        }

        .news-box .list-point li:first-child {
            border-top: none;
        }

        .news-box .list-point li a:hover, .news-box .list-point li a:focus {
            color: #0034ac;
        }

.loginForm a:focus {
    color: #333;
}

.ofauto {
    overflow: auto !important;
}

.feature-list {
    overflow: auto;
}

    .feature-list li {
        width: 425px;
        float: left;
        margin-right: 50px;
        color: #666;
    }

        .feature-list li b {
            font-size: 16px;
            font-weight: 600;
            color: #000;
        }

.validation-box h4 {
    color: #0034ac;
    margin-top: 15px;
    font-weight: normal;
}

.validation-box table th, .validation-box table td {
    padding: 5px 10px;
    text-align: left !important;
    word-break: break-all;
}

.validation-box table th {
    background: #c4c4c4;
    color: #333;
}

.Profilename input[type='text'] {
    display: inline-block !important;
}

.loginForm a.adhoc-link {
    padding: 5px 10px;
    display: inline-block;
    color: #0034ac;
    text-decoration: underline !important;
    position: absolute;
    right: 15px;
    top: 18px;
}

.frm-section {
    margin: 15px 0px 0px;
    padding: 30px 50px;
    background: #fff;
    border: 1px solid #e2e2e2;
}

    .frm-section .frm-desc {
        float: left;
        width: 30%;
    }

    .frm-section .frm-select, .frm-section .frm-text, .frm-section .frm-button, .frm-section .frm-textarea {
        float: left;
        width: 40% !important;
        margin-bottom: 0px;
    }

    .frm-section .frm-textarea {
        border: 1px solid #e2e2e2;
    }

        .frm-section .frm-textarea:focus {
            border: 1px solid #e2e2e2;
            outline: 1px dotted #666;
        }

    .frm-section .frm-item {
        clear: both;
        padding: 4px 0px;
        overflow: auto;
    }



.text-link {
    color: #0034ac;
    margin-bottom: 10px;
    display: inline-block;
    cursor: pointer;
}

    .text-link:hover {
        color: #333;
    }

.alertContent {
    position: fixed;
    -webkit-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    background: #fff;
    width: 400px;
    padding: 10px 15px;
    left: 33%;
    top: 35%;
    vertical-align: middle;
    z-index: 10200;
    font-size: 13px;
    border-radius: 8px;
    overflow: hidden;
}

    .alertContent h2 {
        color: #fff;
        margin: 0px;
        font-size: 16px;
        background: #333;
        padding: 10px 15px;
        margin: -10px -15px 0px -15px;
    }

    .alertContent .btn-set {
        text-align: right;
        margin-bottom: 5px;
    }

        .alertContent .btn-set a {
            margin-left: 10px;
        }

    .alertContent .info, .alertContent .success, .alertContent .warning, .alertContent .error, .alertContent .help, .alertContent .download {
        margin: 15px 0px 10px;
        padding: 10px 20px 10px 40px;
        background-repeat: no-repeat;
        background-position: 0px 5px;
        overflow-wrap: break-word;
        max-height: 150px;
        overflow: auto;
    }

    .alertContent .info {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/info.png');
    }

    .alertContent .help {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/help.png');
    }

    .alertContent .success {
        color: #4F8A10;
        background-image: url('/Content/eMDMSCSS/img/success.png');
    }

    .alertContent .warning {
        color: #9F6000;
        background-image: url('/Content/eMDMSCSS/img/warning.png');
    }

    .alertContent .error {
        color: #D8000C;
        background-image: url('/Content/eMDMSCSS/img/error.png');
    }

    .alertContent .download {
        color: #333;
        background-image: url('/Content/eMDMSCSS/img/download.png');
    }

    .alertContent .closewindow {
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        right: 15px;
        top: 10px;
        background: url(/Content/eMDMSCSS/img/modal-close-white.png);
    }

.alertLarge .alertContent {
    width: 920px;
    left: 18%;
    top: 5%;
}

    .alertLarge .alertContent h2 {
        padding: 8px 15px;
        font-size: 20px;
    }

.ManageWorkflowContent {
    position: fixed;
    -webkit-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    background: #fff;
    width: 400px;
    padding: 10px 15px;
    left: 33%;
    top: 35%;
    vertical-align: middle;
    z-index: 10200;
    font-size: 13px;
}

    .ManageWorkflowContent h2 {
        color: #fff;
        margin: 0px;
        font-size: 16px;
        background: #333;
        padding: 10px 15px;
        margin: -10px -15px 0px -15px;
    }

    .ManageWorkflowContent .btn-set {
        text-align: right;
        margin-bottom: 5px;
    }

        .ManageWorkflowContent .btn-set a {
            margin-left: 10px;
        }

    .ManageWorkflowContent .info, .ManageWorkflowContent .success, .ManageWorkflowContent .warning, .ManageWorkflowContent .error, .ManageWorkflowContent .help, .ManageWorkflowContent .download {
        margin: 15px 0px 10px;
        padding: 10px 20px 10px 40px;
        background-repeat: no-repeat;
        background-position: 0px 5px;
    }

    .ManageWorkflowContent .info {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/info.png');
    }

    .ManageWorkflowContent .help {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/help.png');
    }

    .ManageWorkflowContent .success {
        color: #4F8A10;
        background-image: url('/Content/eMDMSCSS/img/success.png');
    }

    .ManageWorkflowContent .warning {
        color: #9F6000;
        background-image: url('/Content/eMDMSCSS/img/warning.png');
    }

    .ManageWorkflowContent .error {
        color: #D8000C;
        background-image: url('/Content/eMDMSCSS/img/error.png');
    }

    .ManageWorkflowContent .download {
        color: #333;
        background-image: url('/Content/eMDMSCSS/img/download.png');
    }

    .ManageWorkflowContent .closewindow {
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        right: 15px;
        top: 10px;
        background: url(/Content/eMDMSCSS/img/modal-close-white.png);
    }

.alertLarge .ManageWorkflowContent {
    width: 920px;
    left: 18%;
    top: 5%;
}

    .alertLarge .ManageWorkflowContent h2 {
        padding: 8px 15px;
        font-size: 20px;
    }

.editContent {
    position: fixed;
    -webkit-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    background: #fff;
    width: 400px;
    padding: 10px 15px;
    left: 33%;
    top: 35%;
    vertical-align: middle;
    border-radius: 8px;
    overflow: hidden;
    z-index: 10200;
    font-size: 13px;
}

    .editContent h2 {
        color: #fff;
        margin: 0px;
        font-size: 16px;
        background: #333;
        padding: 10px 15px;
        margin: -10px -15px 0px -15px;
    }

    .editContent .btn-set {
        text-align: right;
        margin-bottom: 5px;
    }

        .editContent .btn-set a {
            margin-left: 10px;
        }

    .editContent .info, .editContent .success, .editContent .warning, .editContent .error, .editContent .help, .editContent .download {
        margin: 15px 0px 10px;
        padding: 10px 20px 10px 40px;
        background-repeat: no-repeat;
        background-position: 0px 5px;
    }

    .editContent .info {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/info.png');
    }

    .editContent .help {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/help.png');
    }

    .editContent .success {
        color: #4F8A10;
        background-image: url('/Content/eMDMSCSS/img/success.png');
    }

    .editContent .warning {
        color: #9F6000;
        background-image: url('/Content/eMDMSCSS/img/warning.png');
    }

    .editContent .error {
        color: #D8000C;
        background-image: url('/Content/eMDMSCSS/img/error.png');
    }

    .editContent .download {
        color: #333;
        background-image: url('/Content/eMDMSCSS/img/download.png');
    }

    .editContent .closewindow {
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        right: 15px;
        top: 10px;
        background: url(/Content/eMDMSCSS/img/modal-close-white.png);
    }

.alertLarge .editContent {
    width: 920px;
    left: 18%;
    top: 5%;
}

    .alertLarge .editContent h2 {
        padding: 8px 15px;
        font-size: 20px;
    }


/*.lnk-storyboard {
    background: #acacac;
    cursor: pointer;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    font-weight: 300;
    margin-left: 10px;
}*/

.lnk-storyboard a {
    display: flex;
    align-items: center;
    gap: 3px;
}

    .lnk-storyboard a img {
        width: 22px;
    }

.sbWindow .overlayBg {
    margin: 0px;
    padding: 0px;
    position: fixed;
    background: #000;
    overflow: auto;
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 10100;
}

.sbContent {
    position: fixed;
    outline: 0;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0%;
    vertical-align: middle;
    z-index: 10200;
}

.sbContainer {
    font-size: 13px;
    color: #fff;
    position: relative;
}

.sbContent .main-screen {
    margin: 5% auto;
    position: absolute;
    top: 0;
    right: -720px;
    width: 720px;
}

    .sbContent .main-screen h4 {
        color: #fff;
        text-align: center;
        font-size: 24px;
        font-weight: 300;
        line-height: 36px;
    }

        .sbContent .main-screen h4 span {
            color: #ff7e00;
            font-weight: bold;
        }

    .sbContent .main-screen ul {
        list-style: none;
        margin: 30px 20px;
        margin-left: 120px;
    }

        .sbContent .main-screen ul li {
            list-style: none;
            font-size: 18px;
            padding: 8px;
            font-weight: 300;
            line-height: 30px;
        }

            .sbContent .main-screen ul li span {
                border: 1px solid rgba(255,255,255,.5);
                border-radius: 6px;
                vertical-align: middle;
                line-height: 28px;
                font-size: 15px;
                color: #fff;
                padding: 0px 15px;
                display: inline-block;
                margin-right: 5px;
            }

            .sbContent .main-screen ul li.active span {
                background: #ff7e00;
                border: 1px solid #ff7e00;
                font-weight: normal;
            }

            .sbContent .main-screen ul li.active {
                color: #ff7e00;
                font-weight: 400;
            }

.sbContent .inner-screen {
    margin: 0px;
    font-size: 17px;
    font-weight: 300;
    position: absolute;
    top: 0;
    right: -720px;
    width: 720px;
    margin: 0px auto;
}

    .sbContent .inner-screen h4 {
        color: #fff;
        text-align: center;
        font-size: 24px;
        font-weight: 300;
        line-height: 36px;
    }

        .sbContent .inner-screen h4 span {
            color: #ff7e00;
            font-weight: bold;
        }

    .sbContent .inner-screen .steps span {
        background: #ff7e00;
        border: 1px solid #ff7e00;
        font-weight: normal;
        border-radius: 6px;
        vertical-align: middle;
        line-height: 28px;
        font-size: 15px;
        color: #fff;
        padding: 0px 15px;
        display: inline-block;
        margin-right: 5px;
    }

    .sbContent .inner-screen .steps {
        font-weight: 400;
        font-size: 20px;
        padding: 8px 5px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 8px;
    }

    .sbContent .inner-screen p {
        padding: 10px;
    }

    .sbContent .inner-screen ul.step-list {
        list-style: none;
        margin: 10px 15px;
        padding: 0px;
    }

        .sbContent .inner-screen ul.step-list li {
            padding: 7px 0;
            padding-left: 30px;
            position: relative;
            font-size: 16px;
            line-height: 20px;
            text-align: justify;
        }

            .sbContent .inner-screen ul.step-list li span {
                background: #ff7e00;
                font-weight: normal;
                position: absolute;
                border-radius: 100%;
                left: 0px;
                width: 20px;
                font-size: 16px;
                font-family: Californian FB;
                height: 20px;
                display: block;
                text-align: center;
            }

.sbContent .sbButton {
    text-align: center;
    margin: 0;
}

    .sbContent .sbButton a {
        color: #fff;
        text-transform: uppercase;
        margin: 0px 10px;
        font-weight: 300;
        font-size: 13px;
    }

        .sbContent .sbButton a:hover {
            color: #80c5ff;
        }

        .sbContent .sbButton a.btn {
            border: 1px solid #00366b;
            vertical-align: middle;
            padding: 8px 25px;
            min-width: 130px;
            border-radius: 6px;
            font-size: 15px;
        }

            .sbContent .sbButton a.btn:hover {
                color: #fff;
            }

.utilityContent {
    position: fixed;
    -webkit-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    background: #fff;
    width: 400px;
    padding: 10px 15px;
    left: 33%;
    top: 35%;
    vertical-align: middle;
    z-index: 10200;
    font-size: 13px;
}

    .utilityContent h2 {
        color: #fff;
        margin: 0px;
        font-size: 16px;
        background: #333;
        padding: 10px 15px;
        margin: -10px -15px 0px -15px;
    }

    .utilityContent .btn-set {
        text-align: right;
        margin-bottom: 5px;
    }

        .utilityContent .btn-set a {
            margin-left: 10px;
        }

    .utilityContent .info, .utilityContent .success, .utilityContent .warning, .utilityContent .error, .utilityContent .help, .utilityContent .download {
        margin: 15px 0px 10px;
        padding: 10px 10px 10px 40px;
        background-repeat: no-repeat;
        background-position: 0px 5px;
    }

    .utilityContent .info {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/info.png');
    }

    .utilityContent .help {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/help.png');
    }

    .utilityContent .success {
        color: #4F8A10;
        background-image: url('/Content/eMDMSCSS/img/success.png');
    }

    .utilityContent .warning {
        color: #9F6000;
        background-image: url('/Content/eMDMSCSS/img/warning.png');
    }

    .utilityContent .error {
        color: #D8000C;
        background-image: url('/Content/eMDMSCSS/img/error.png');
    }

    .utilityContent .download {
        color: #333;
        background-image: url('/Content/eMDMSCSS/img/download.png');
    }

    .utilityContent .closewindow {
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        right: 15px;
        top: 10px;
        background: url(/Content/eMDMSCSS/img/modal-close-white.png);
    }

.alertLarge .utilityContent {
    width: 920px;
    left: 18%;
    top: 5%;
}

    .alertLarge .utilityContent h2 {
        padding: 8px 15px;
        font-size: 16px;
        margin: 0
    }

.install-info {
    padding: 15px 0px 5px;
}

    .install-info fieldset {
        border: 1px solid #e2e2e2;
        background: #f9f9f9;
        padding: 10px 15px 15px;
        margin: 0 0 10px;
    }

        .install-info fieldset legend {
            border: none;
            font-size: 17px;
            margin: 0px;
            padding: 0px;
            line-height: 20px;
            color: #0034ac;
            width: auto;
        }

    .install-info ol {
        margin: 10px 30px;
    }

    .install-info p {
        padding: 0px;
        margin: 0 0 5px;
        line-height: 18px;
    }


.helpContent {
    position: fixed;
    -webkit-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    background: #fff;
    padding: 0px;
    vertical-align: middle;
    z-index: 10200;
    font-size: 13px;
    right: -1000px;
    top: 15%;
}

    .helpContent ul {
        list-style: none;
    }

.adsContent {
    position: fixed;
    -webkit-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    background: #fff;
    padding: 0px;
    vertical-align: middle;
    z-index: 10200;
    font-size: 13px;
    left: 25%;
    top: 15%;
}

    .adsContent .w-close {
        position: absolute;
        right: 15px;
        top: 15px;
        cursor: pointer;
    }

    .adsContent .btn-blue {
        background: #0090ff;
        color: #fff;
        padding: 6px 20px;
        cursor: pointer;
        text-align: center;
        border: 2px solid #d8ead5;
        font-size: 16px;
        font-weight: normal;
        position: absolute;
        bottom: 7%;
        left: 39%;
    }

        .adsContent .btn-blue:hover {
            background: #0379d3 !important;
        }

.btn-actions {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1200;
}

    .btn-actions div {
        border: 1px solid #e2e2e2;
        padding: 0px 2px 4px;
        width: 16px;
        cursor: pointer;
        text-align: center;
        display: block;
        float: left;
        margin-left: 5px;
        color: #333;
        font-size: 16px;
        line-height: 14px;
    }

        .btn-actions div:hover, .btn-actions div:focus {
            background: #0034ac;
            border: 1px solid #0034ac;
            color: #fff;
        }

.get-started {
    position: fixed;
    right: 0px;
    top: 35%;
    cursor: pointer;
    background-position: -380px -155px;
    width: 40px;
    height: 140px;
    z-index: 1200;
}

.left-col {
    float: left;
    width: 210px;
    background: #1e1e1e;
    padding: 10px 0px 20px;
}

    .left-col ul {
        padding: 0px;
        margin: 0px;
    }

        .left-col ul li a.active {
            background: #007acc;
        }

        .left-col ul li a {
            font-size: 16px;
            line-height: 30px;
            padding: 6px 15px;
            display: block;
        }

            .left-col ul li a span {
                width: 32px;
                height: 32px;
                display: inline-block;
                background-position: 0px -195px;
                margin-right: 5px;
                vertical-align: middle;
            }

            .left-col ul li a .hico1 {
                background-position: -254px -195px;
            }

            .left-col ul li a .hico2 {
                background-position: 0px -195px;
            }

            .left-col ul li a .hico3 {
                background-position: -32px -195px;
            }

            .left-col ul li a .hico4 {
                background-position: -128px -195px;
            }

            .left-col ul li a .hico5 {
                background-position: -96px -195px;
            }

            .left-col ul li a .hico6 {
                background-position: -64px -195px;
            }

            .left-col ul li a .hico7 {
                background-position: -160px -195px;
            }

            .left-col ul li a .hico8 {
                background-position: -190px -195px;
            }

            .left-col ul li a .hico9 {
                background-position: -240px -120px;
            }

.right-col {
    float: left;
    width: 790px;
}

.helpContent .left-col {
    min-height: 410px;
}

    .helpContent .left-col h2 {
        font-size: 18px;
        padding: 0px 20px;
        margin: 0 0 10px;
    }

.helpContent .right-col h2 {
    color: #007acc;
    margin: 0px;
    font-size: 20px;
    background: #fff;
    padding: 7px 20px;
    margin: 0px;
    border-bottom: 1px solid #e2e2e2;
}

.helpContent .tab-panel {
    background: #f9f9f9;
    padding: 0px;
}

    .helpContent .tab-panel .tab-content {
        padding: 18px;
        min-height: 350px;
    }

        .helpContent .tab-panel .tab-content .btn-green {
            background: #669900;
        }

.tab-left {
    width: 485px;
    float: left;
}

.tab-right {
    width: 269px;
    float: left;
}

    .tab-right ul {
        margin: 0px 0px 20px;
        padding: 0px;
    }

        .tab-right ul li {
            margin: 0px;
            padding: 8px 0px;
            clear: both;
        }

            .tab-right ul li .num {
                float: left;
                font-size: 18px;
                color: #007acc;
                margin-right: 5px;
                font-weight: bold;
                line-height: 20px;
                width: 20px;
            }

            .tab-right ul li .val {
                float: left;
                line-height: 16px;
                width: 220px;
                font-size: 13px;
                color: #333;
            }

        .tab-right ul ul {
            margin-left: 20px;
        }

            .tab-right ul ul li .val {
                float: left;
                line-height: 16px;
                width: 190px;
            }

            .tab-right ul ul li .num {
                font-size: 16px;
                width: 25px;
                line-height: 16px;
            }

    .tab-right h3 {
        color: #000;
        font-size: 17px;
    }

    .tab-right ul li .mainli {
        font-size: 15px;
        line-height: 20px;
    }

.helpContent .btn-set {
    clear: both;
    padding: 20px 0 0;
}

.helpContent .btn-green {
    background: #669900;
    color: #fff;
    padding: 6px 20px;
    text-align: center;
    width: 130px;
    border: 1px solid #c1db9d;
    font-size: 14px;
    font-weight: bold;
}

    .helpContent .btn-green:hover {
        background: #5d8b01 !important;
    }

.lnkbtn-green {
    background: #669900;
    color: #fff;
    padding: 4px 20px;
    text-align: center;
    width: 130px;
    border: 1px solid #5d8b01;
    font-size: 16px;
    font-weight: normal;
}

    .lnkbtn-green:hover {
        background: #5d8b01 !important;
    }


.ui-widget-preview td {
    background: #444444;
    color: #fff;
    padding: 0px;
}

.ui-widget-preview .docSignerLeft {
    margin-bottom: 0px;
}

.signerPreviewForm {
    position: relative;
}

    .signerPreviewForm .frmRow {
        float: left;
    }

        .signerPreviewForm .frmRow label {
            display: block;
            margin-bottom: 3px;
            color: #333;
            font-size: 12px;
            line-height: 25px;
            margin-right: 10px;
        }

        .signerPreviewForm .frmRow input[type='password'], .signerPreviewForm .frmRow input[type='file'] {
            float: left;
            width: 150px;
            margin-right: 10px;
            border: 1px solid #c4c4c4;
        }

        .signerPreviewForm .frmRow input[type='text'] {
            float: left;
            width: 150px;
            border: 1px solid #c4c4c4;
        }

        .signerPreviewForm .frmRow .filename {
            border: 1px solid #c4c4c4;
        }

        .signerPreviewForm .frmRow input[type='button'] {
            padding: 3px 20px 4px !important;
            margin-left: 10px;
            line-height: 16px !important;
            height: 26px !important;
            float: left;
        }

        .signerPreviewForm .frmRow .btn-browse {
            margin-left: 0px !important;
        }

    .signerPreviewForm h3 {
        color: #333;
        float: left;
        font-size: 18px;
        margin-bottom: 5px;
    }

.signerPreviewForm {
    clear: both;
    margin: 0px auto;
    padding: 10px 20px;
    overflow: auto;
    background: #d5d5d5;
}

.btn-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 18px;
    height: 18px;
    background: transparent url('/Content/eMDMSCSS/img/sprite-fixed.png') -1px -101px;
    cursor: pointer;
    z-index: 1103;
    display: none;
    opacity: .7;
    filter: alpha(opacity=70);
}

    .btn-close:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

#gview_grdIndividualSummary {
    width: 370px;
    display: block;
}

#grdIndividualSummary, #grdSMESummary {
    margin-bottom: 30px;
}

.concept .bg5 {
    padding: 7px 10px;
    min-height: 50px;
    text-align: center;
    font-size: 16px;
}

    .concept .bg5 span {
        font-size: 22px;
        font-weight: bold;
        display: block;
    }

.concept sup {
    font-weight: normal;
    font-size: 14px;
    margin-left: 2px;
}

.client-list {
    position: relative;
}

    .client-list .marquee0 {
        margin: 0 0 0 20px;
        padding: 0px;
        width: 1140px;
    }

.vs-text {
    clear: both;
    font-size: 9px;
    text-align: center;
    margin: 0px;
    color: #999;
    line-height: 10px;
}

.testimonial-box {
    padding: 0px;
}

    .testimonial-box h3 {
        margin-top: 10px;
    }

.dashboard-box {
    padding: 10px;
    min-height: 250px;
}

    .dashboard-box h3 {
        font-size: 18px;
        padding: 0px;
        margin: 0 0 10px;
        line-height: 16px;
    }

    .dashboard-box .ui-jqgrid-view, .dashboard-box .ui-pager-control {
        font-size: 11px;
    }

        .dashboard-box .ui-jqgrid-view th.ui-th-ltr {
            background: #555;
        }

            .dashboard-box .ui-jqgrid-view th.ui-th-ltr div {
                font-size: 12px;
            }

            .dashboard-box .ui-jqgrid-view th.ui-th-ltr div,
            .dashboard-box .ui-jqgrid-view tr.ui-row-ltr td {
                padding: 4px 5px !important;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                cursor: default;
            }

        .dashboard-box .ui-jqgrid-view .gridStatus span {
            padding: 1px;
            font-size: 10px;
            width: 15px;
            line-height: 16px;
        }

.searchResults {
    background: #fff9ea;
    border: solid 1px #f6ecd5;
    padding: 10px 15px;
    margin: 10px 15px;
    border-radius: 4px;
    padding-right: 40px;
    position: relative;
    font-size: 12px;
    line-height: 18px;
}

    .searchResults .btnClearSearch {
        position: absolute;
        right: 15px;
        top: 10px;
    }

    .searchResults .heading {
        position: absolute;
        left: 10px;
        top: -10px;
        display: inline-block;
        padding: 0px 5px;
        border-radius: 6px;
    }

    .searchResults label {
        margin-left: 7px;
        font-weight: 600;
    }

        .searchResults label:first-child {
            margin-left: 0px;
        }

    .searchResults .text-value {
        margin: 0px 0px 0px 5px;
    }

.action-box {
    padding: 10px;
    min-height: 20px;
    overflow: auto;
}

    .action-box .wfstatusBox {
        margin: 0px;
    }

    .action-box .action-btn {
        float: left;
    }

        .action-box .action-btn .btn-orange {
            height: 25px;
            padding: 3px 10px;
            font-size: 14px;
            line-height: 14px;
        }

.offline-box {
    border: 1px solid #e2e2e2;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

    .offline-box ul li h3 {
        font-size: 18px;
        color: #333;
        margin: 10px 0px;
    }

    .offline-box ul li {
        float: left;
        position: relative;
    }

        .offline-box ul li.col1 {
            border-right: 1px solid #e2e2e2;
            padding-right: 12px;
        }

.upload-div {
    margin-bottom: 10px;
    overflow: auto;
}

    .upload-div .img {
        width: 70px;
        height: 70px;
        background-position: -25px -125px;
        display: block;
        float: left;
        margin-right: 5px;
    }

.upload_img {
    width: 70px;
    height: 70px;
    display: block;
    float: left;
    margin: 5px 45px;
}

.upload-div p {
    margin: 0 0 5px;
    padding: 0 0 5px;
    color: #666;
    font-size: 12px;
    line-height: 16px;
}

.upload-div .btn-green {
    background: #669900;
    padding: 4px 15px;
    color: #fff;
}

.upload-div.uploadDocDiv {
    margin: 0px;
    padding: 10px 0px 0px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.upload-div .btn-green {
    margin: 2px 0px;
    display: inline-block;
    padding: 6px 15px;
    color: #fff;
}

.upload-div .upload-section {
    margin-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 15px;
}

    .upload-div .upload-section .btn-category {
        display: inline-block;
        margin: 0 0 0 15px;
    }

    .upload-div .upload-section .label {
        display: inline-block;
        vertical-align: top;
        padding-top: 3px;
    }

.offline-div {
    overflow: auto;
    padding: 15px 10px 5px;
    height: 102px;
}

.line:before {
    content: '';
    height: 90px;
    width: 1px;
    border-left: 1px dashed #e2e2e2;
    display: block;
    position: absolute;
    left: 0px;
    top: 15px;
}

.offline-div h3 {
    margin-bottom: 0px !important;
}

.offline-div:hover {
    background: #f9f9f9;
    overflow: auto;
}

.offline-div .img {
    width: 50px;
    height: 50px;
    background-position: -92px -137px;
    display: block;
    float: left;
    margin: 15px 10px 0 0;
}

.whats-more {
    width: 115px;
    height: 25px;
    background-position: -247px -160px;
    display: block;
    position: absolute;
    left: 15px;
    top: -10px;
}

.offline-div .sign {
    background-position: -92px -137px;
}

.offline-div .evault {
    background-position: -142px -137px;
}

.offline-div .validate {
    background-position: -192px -137px;
}

.offline-div .r-div {
    float: left;
    width: 178px;
}

.offline-div p {
    margin: 0px;
    padding: 0px;
    color: #666;
    font-size: 12px;
    line-height: 16px;
}

    .offline-div p.desc {
        margin-bottom: 3px;
    }

.offline-div a, .offline-div a:hover, .offline-div a:focus {
    color: #0034ac;
    margin-right: 10px;
}

.signerPopModel {
    position: relative;
    background: #ddd;
    padding-bottom: 5px;
}

.signerPopForm {
    padding: 8px 20px 0px;
    background: #ddd;
    color: #333;
    clear: both;
}

    .signerPopForm h3 {
        color: #333;
        margin-bottom: 5px;
    }

    .signerPopForm .frmRow {
        float: left;
        margin-right: 20px;
    }

        .signerPopForm .frmRow label {
            display: block;
            margin-bottom: 3px;
            font-size: 12px;
        }

        .signerPopForm .frmRow input {
            display: inline-block;
            vertical-align: top;
        }

        .signerPopForm .frmRow .small {
            padding: 5px 15px !important;
            line-height: 18px;
        }

        .signerPopForm .frmRow .btn-browse {
            border: none;
        }

.subscriptionBox .bg5 {
    min-height: 100px;
}

.subscriptionBox .pc-txtbox {
    width: 100px !important;
    display: inline-block;
}

.subscriptionBox .btn-orange {
    padding: 5px 10px !important;
    line-height: 16px !important;
    height: 27px;
}

.subscriptionBox .dashed {
    border-bottom: 1px dashed #d9d9d9;
    margin: 0px;
    padding-bottom: 10px;
    clear: both;
}

.frow .flabel {
    float: left;
    width: 40%;
}

.frow .fctrl {
    float: left;
    width: 60%;
}

    .frow .fctrl .inline {
        display: inline-block !important;
    }

.frow {
    clear: both;
    padding: 0px;
    padding-bottom: 10px;
    overflow: auto;
}

    .frow .bold {
        font-weight: bold;
    }

.vas-listbox {
    margin: 10px 0px 0px;
    padding: 0px;
}

    .vas-listbox li {
        width: 220px;
        float: left;
        padding: 3px 0px;
    }

.ft-listbox {
    margin: 10px 0px 0px;
    padding: 0px;
}

    .ft-listbox li {
        width: 220px;
        float: left;
        padding: 3px 0px;
    }

        .ft-listbox li .available {
            display: inline-block !important;
            margin: 2px 10px !important;
            float: left;
        }

.captcha-box .lnk-refresh {
    background: #fff;
    border: 1px solid #e2e2e2;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 5px;
}

    .captcha-box .lnk-refresh span {
        width: 14px;
        height: 14px;
        display: block;
        margin: 2px 3px;
        background-position: -240px -24px;
    }

    .captcha-box .lnk-refresh:hover {
        border: 1px solid #0034ac;
        background: #0034ac;
    }

.captcha-box img {
    border: 1px solid #e2e2e2;
    margin-bottom: 5px;
}

.adhocActionList {
    margin: 40px 0px 40px 40px;
}

    .adhocActionList li {
        padding: 5px;
        float: left;
    }

        .adhocActionList li a {
            width: 132px;
            text-align: center;
        }

.browser-tabs {
    margin: 0px 0px 20px;
    padding: 0px;
    border-bottom: 1px solid #e2e2e2;
    display: block;
    clear: both;
    height: 71px;
}

    .browser-tabs li {
        float: left;
        margin: 0 0 0px;
        padding: 0px;
    }

        .browser-tabs li a {
            color: #333;
            font-size: 18px;
            width: 141px;
            display: block;
            padding: 15px 20px 15px 55px;
            border: 1px solid #e2e2e2;
            background: #fff;
            border-left: none;
            position: relative;
            border-bottom: none;
        }

        .browser-tabs li:first-child a {
            border-left: 1px solid #e2e2e2;
        }

        .browser-tabs li span {
            display: block;
            font-size: 14px;
            color: #999;
        }

        .browser-tabs li a:hover {
            color: #754098;
        }

        .browser-tabs li a.active, .browser-tabs li a.active:hover {
            background: #754098;
            color: #fff;
        }

            .browser-tabs li a.active span {
                color: #ccc;
            }

            .browser-tabs li a.active:after {
                z-index: 12;
                content: "";
                width: 0;
                height: 0;
                margin: 0;
                left: 45%;
                position: absolute;
                bottom: -10px;
                border-width: 10px 10px 0 10px;
                border-style: solid;
                border-top-color: #754098;
                border-left-color: transparent;
                border-right-color: transparent;
            }

    .browser-tabs .bico {
        width: 40px;
        height: 40px;
        display: inline-block;
        background-position: 0px -250px;
        position: absolute;
        left: 8px;
    }

    .browser-tabs .explorer {
        background-position: 0px -248px;
    }

    .browser-tabs .chrome {
        background-position: -40px -248px;
    }

    .browser-tabs .firefox {
        background-position: -80px -248px;
    }

    .browser-tabs .safari {
        background-position: -120px -248px;
    }

    .browser-tabs .opera {
        background-position: -160px -248px;
    }

    .browser-tabs a.active .explorer {
        background-position: 0px -292px;
    }

    .browser-tabs a.active .chrome {
        background-position: -40px -292px;
    }

    .browser-tabs a.active .firefox {
        background-position: -80px -292px;
    }

    .browser-tabs a.active .safari {
        background-position: -120px -292px;
    }

    .browser-tabs a.active .opera {
        background-position: -160px -292px;
    }

.system-box {
    float: left;
    width: 670px;
}

.java-box {
    float: right;
    position: relative;
    min-width: 280px;
}

    .java-box .java-ico {
        width: 60px;
        height: 80px;
        display: inline-block;
        background-position: -200px -250px;
        position: absolute;
        right: 0px;
    }

    .java-box h3 {
        font-size: 20px;
        margin: 0px 0px 5px;
    }

    .java-box .btn-download {
        background: #669900;
        color: #fff;
        padding: 4px 10px;
        border: 1px solid #5d8b01;
        text-transform: uppercase;
        font-size: 14px;
    }

        .java-box .btn-download:hover {
            background: #5d8b01;
            color: #fff;
        }

.order-list {
    padding: 5px 20px;
}

.tabpanelbox h4 {
    color: #754098;
    margin: 0px 10px 10px;
    font-size: 18px;
}

.tabpanelbox .listing {
    margin: 10px 30px;
}

.setting-img {
    margin-left: 10px;
}

.ldot-line {
    border-left: 1px dashed #c4c4c4;
    padding-left: 20px;
}

.shadow-box {
    position: absolute;
    padding: 0px;
    margin: 0px;
    top: 0px;
    width: 100%;
}

    .shadow-box span {
        width: 70px;
        height: 60px;
        position: absolute;
    }

    .shadow-box .left-s {
        background: url(/Content/eMDMSCSS/img/shadow-lbg.png) 0 0 repeat-y;
        left: 0px;
    }

    .shadow-box .right-s {
        background: url(/Content/eMDMSCSS/img/shadow-rbg.png) 0 0 repeat-y;
        right: 0px;
    }

.sys-check {
    background: #ffffaa;
    text-align: center;
    padding: 7px 0px 6px;
    border-bottom: 2px solid #444;
    overflow: auto;
}

    .sys-check .description {
        color: #333;
    }

.notificationClose {
    color: #333;
    font-size: 18px;
    line-height: 18px;
    padding: 0px;
    float: right;
    display: block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ffffaa;
}

    .notificationClose:hover {
        background: #f2f29d;
        text-shadow: 1px 1px #ffffaa;
        color: #333;
        border: 1px solid #e5e590;
    }

.sys-check .lnkbtn-green {
    width: auto;
    padding: 2px 10px 3px;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    margin-left: 10px;
}

.uploadReq {
    padding: 20px;
    position: absolute;
    right: 30%;
    top: 150px;
    font-size: 18px;
    line-height: 22px;
    width: 300px;
    text-align: center;
    margin: 0px;
}

.alertNote {
    text-align: center;
    padding: 10px;
    width: 100%;
    margin: 0px auto;
}

    .alertNote h3 {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 24px;
        display: inline-block;
    }

        .alertNote h3 span {
            color: #0034ac;
            font-weight: bold;
        }
    .alertNote div {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 24px;
    }


    .jstree-section {
        height: 280px;
        overflow-y: auto;
        border: 1px solid #e2e2e2;
        padding: 10px;
        background: #fff;
        margin-top: 10px;
        width: 100%;
    }

.jstree-searchbox {
    position: absolute;
    right: 25px;
    top: 53px;
    clear: both;
}

    .jstree-searchbox input {
        display: inline-block !important;
    }

    .jstree-searchbox .btn-orange {
        padding: 2px 10px 3px !important;
        margin: 0px;
        vertical-align: middle;
    }

.jstree-action {
    position: absolute;
    right: 50px;
    top: 100px;
}

    .jstree-action .btn-gray {
        font-size: 13px;
        padding: 1px 8px 1px 5px !important;
        margin: 0px 1px;
    }

    .jstree-action i, .tree-context i {
        width: 15px;
        height: 15px;
        display: inline-block;
        margin-right: 3px;
    }

.tree-context i {
    margin-left: 5px;
}

    .jstree-action i.create, .tree-context i.create {
        background-position: -456px -93px;
    }

    .jstree-action i.rename, .tree-context i.rename {
        background-position: 0 -70px;
    }

    .jstree-action i.remove, .tree-context i.remove {
        background-position: -313px 3px;
    }

    .jstree-action i.upload, .tree-context i.upload {
        background-position: -409px -118px;
    }

.jstree-action-default {
    position: relative;
    right: auto;
    top: auto;
    padding: 10px 0px;
}

    .jstree-action-default i {
        margin: 0px;
    }

    .jstree-action-default .btn-default {
        padding: 6px 10px !important;
    }

.jstree-action .btn-signatory {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.reminderContent {
    background: #fff;
    padding: 1px 15px;
    vertical-align: middle;
    font-size: 13px;
    margin-right: 50px;
}

    .reminderContent .info {
        margin: 15px 0px 10px;
        padding: 10px 10px 10px 40px;
        background-repeat: no-repeat;
        background-position: 0px 5px;
    }

    .reminderContent .info {
        color: #9F6000;
        background-image: url('/Content/eMDMSCSS/img/warning.png');
    }

.sel-category {
    margin: 0px;
}

    .sel-category .inline {
        display: inline-block !important;
    }

    .sel-category .textbox {
    }

    .sel-category .btn-orange {
        padding: 5px 10px !important;
        line-height: 18px;
    }

.cloud-icons {
    margin: 0px 15px;
    overflow: auto;
    padding: 0px;
}

    .cloud-icons li {
        display: block;
        padding: 0px;
    }

    .cloud-icons a, .cloud-icons a:active, .cloud-icons a:hover {
        color: #333 !important;
    }

    .cloud-icons a {
        font-size: 16px;
        display: block;
        padding: 5px 0px;
    }

        .cloud-icons a:hover {
            background: #fff;
        }

        .cloud-icons a i {
            width: 36px;
            height: 32px;
            display: inline-block;
            margin-right: 8px;
            vertical-align: middle;
        }

            .cloud-icons a i.gd {
                background-position: -330px -193px;
            }

            .cloud-icons a i.db {
                background-position: -330px -228px;
            }

            .cloud-icons a i.zoho {
                background-position: -331px -320px;
            }

            .cloud-icons a i.box {
                background-position: -331px -293px;
            }

.multi-upload {
    clear: both;
    width: 100%;
}

    .multi-upload .col-left {
        float: left;
        width: 50%;
        position: relative;
    }

    .multi-upload .txt-small {
        font-size: 12px;
        margin: 0px;
        color: #999;
    }

    .multi-upload h3 {
        font-size: 18px;
        margin: 0px;
    }

    .multi-upload .col-right {
        float: left;
        width: 35%;
    }

        .multi-upload .col-right p {
            padding: 0px !important;
        }

    .multi-upload .upload-div {
        text-align: center;
        padding: 10px;
        border: 2px dashed #c9c9c9;
        margin-top: 10px;
        background: #fff;
    }

        .multi-upload .upload-div .img {
            display: block;
            float: none;
            margin: 0 auto;
        }

        .multi-upload .upload-div .btn-green {
            margin: 2px 0px;
            display: inline-block;
            padding: 6px 15px;
            color: #fff;
        }

    .multi-upload .upload-section {
        margin-bottom: 25px;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 15px;
    }

        .multi-upload .upload-section .btn-category {
            display: inline-block;
            margin: 0 0 0 15px;
        }

        .multi-upload .upload-section .label {
            display: inline-block;
            vertical-align: top;
            padding-top: 3px;
        }

    .multi-upload .vas-section {
        min-height: 230px;
        border-left: 1px dashed #e0e0e0;
        position: relative;
        margin-left: 7%;
        padding-left: 7%;
    }

        .multi-upload .vas-section .or {
            position: absolute;
            left: -19px;
            font-size: 12px;
            text-align: center;
            top: 45%;
            border: 1px solid #e2e2e2;
            padding: 6px 10px;
            border-radius: 100%;
            background: #fff;
        }


.upload-list {
    margin: 15px 0;
    display: block;
    list-style: none;
    padding: 0px;
}

    .upload-list li {
        background: #eeeeee;
        padding: 7px 10px;
        padding-left: 45px;
        margin: 5px 15px;
        border: 1px solid #e4e4e4;
        border-radius: 10px;
        color: #333;
        position: relative;
        vertical-align: top;
        line-height: 20px;
    }

        .upload-list li span {
            vertical-align: middle;
        }

            .upload-list li span.count {
                background: #669900;
                color: #fff;
                width: 24px;
                border-radius: 100%;
                height: 24px;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                left: 10px;
                top: 6px;
            }

        .upload-list li a.remove {
            color: #333;
            position: absolute;
            right: 10px;
        }

            .upload-list li a.remove:hover {
                color: #CC0000;
            }

        .upload-list li .name {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 80%;
            display: inline-block;
        }

        .upload-list li .delete-document {
            cursor: pointer;
            right: 20px;
            top: 7px;
            position: absolute;
        }

        .upload-list li .status img {
            margin-top: 4px;
            vertical-align: top;
        }

        .upload-list li .status.uploaded {
            color: #669900;
        }

        .upload-list li .status.failed {
            color: #CC0000;
        }

.storage-box {
    min-height: 305px;
}

    .storage-box .value {
        font-size: 24px;
        margin: 0px;
        float: left;
        width: 40%;
    }

    .storage-box .label {
        float: left;
        font-size: 16px;
        width: 30%;
    }

    .storage-box .frow {
        clear: both;
        display: block;
        margin-bottom: 10px;
    }

.multi-upload-block {
    width: 100%;
    margin: 0px;
    border: 2px dashed #c9c9c9;
    padding: 20px;
}

    .multi-upload-block .icon-box i {
        font-size: 60px;
        margin-top: 15px;
        margin-right: 15px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 42px;
        margin-right: 15px;
        margin-top: 11px;
        padding: 20px;
        width: 100%;
        text-align: center;
    }

p.User_msg {
    margin: 0px 26px;
}

.attach-form {
    margin: 0px 0px 30px;
    display: block;
}

    .attach-form .text-desc {
        margin-right: 10px !important;
    }

    .attach-form .text-desc, .attach-form .filename {
        display: inline-block;
        width: 200px !important;
    }

    .attach-form .form-group {
        margin: 0 0 10px;
    }

.attached-docment {
    margin: 10px 0px 0px;
    list-style: none;
    padding: 0px;
}

.scrollList {
    height: 205px;
    overflow: auto;
}

.scroll2List {
    height: 102px;
    overflow: auto;
}

.scroll3List {
    height: 152px;
    overflow: auto;
}

.attached-docment li {
    border: 1px solid #f1f1f1;
    padding: 5px 0px 5px 10px;
    display: block;
    overflow: auto;
    background: #fff;
    margin: 0px 3px 1px 0px;
}

.attached-docment .doc-left {
    float: left;
    width: 70%;
}

    .attached-docment .doc-left .doc-sdes {
        line-height: 18px;
        font-size: 16px;
        word-break: break-all;
    }

    .attached-docment .doc-left .doc-sname {
        font-size: 13px;
        color: #666;
    }

        .attached-docment .doc-left .doc-sname span {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 70%;
            margin-right: 5px;
            display: inline-block;
            vertical-align: top;
        }

.attached-docment .doc-action {
    float: right;
    padding-top: 8px;
    margin-right: 5px;
}

    .attached-docment .doc-action a {
        padding: 0px 5px;
    }

    .attached-docment .doc-action .fa {
        color: #555;
    }

        .attached-docment .doc-action a:hover, .attached-docment .doc-action .fa:hover, .attached-docment .doc-action a:hover .fa {
            color: #fff;
        }

.video-verify .attached-docment {
    border-bottom: 1px solid #f1f1f1;
}

    .video-verify .attached-docment li {
        margin: 0px;
        border-bottom: none;
    }

.video-verify .doc-action {
    padding-top: 0px;
}

.video-verify iframe {
    padding: 0px;
    border: none;
    width: 100%;
}

.video-verify .resultData {
    margin: 0px;
}

.btn-form {
    text-align: right;
    border-top: 1px solid #e2e2e2;
    padding-top: 15px;
    margin-top: 20px;
}

.no-result {
    color: #0034ac;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #e9e9e9;
    background: #fff;
    margin: 15px 0px 0px;
}

.config-attach {
    margin-top: 20px;
}

.all-signer {
    margin-left: 10px;
}

.config-attach .bold {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px;
}

.radio-row {
    margin-bottom: 10px;
    display: block;
}

    .radio-row input {
        margin: 0px 5px 0px 0px !important;
    }

    .radio-row label {
        padding-top: 3px;
        margin-right: 15px;
    }

.doc-note {
    margin-left: 215px;
    display: block;
    font-size: 12px;
    color: #666;
}

.signer-attach {
    border: 1px solid #e2e2e2;
    padding: 10px 10px 15px;
    display: block;
    overflow: auto;
    background: #fff;
    margin: 10px 0px;
}

.signer-block {
    position: relative;
}

.attach-block-fixed {
    position: absolute;
    left: 15px;
    top: 120px;
    width: 165px; /*z-index:9999 !important;*/
}

    .attach-block-fixed h2 {
        font-size: 16px;
        padding: 0px 10px;
        margin-bottom: 5px;
    }

    .attach-block-fixed .alldownload {
        margin: 9px 5px !important;
        padding: 10px !important;
        width: 185px;
        text-align: center;
    }

    .attach-block-fixed .btn-download {
        background-image: url('/Content/eMDMSCSS/img/btn-download.png');
        background-repeat: no-repeat;
        background-position: center center;
        margin: 5px !important;
        padding: 10px !important;
        width: 40px;
        text-align: center;
    }

.attach-action a {
    display: block;
    background: #555;
    margin: 5px;
    width: 100%;
    padding: 7px 10px;
    overflow: auto;
}

    .attach-action a i {
        width: 26px;
        height: 26px;
        display: block;
        margin: 0px auto;
        float: left;
    }

    .attach-action a span {
        display: block;
        color: #fff;
        float: left;
        font-size: 13px;
        width: 135px;
        overflow: hidden;
        padding-top: 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.attach-action i.doc {
    background: url('/Content/eMDMSCSS/img/thumb-doc.png') no-repeat 0 0;
}

.attach-action i.xls {
    background: url('/Content/eMDMSCSS/img/thumb-xls.png') no-repeat 0 0;
}

.attach-action i.pdf {
    background: url('/Content/eMDMSCSS/img/thumb-pdf.png') no-repeat 0 0;
}

.attach-action i.jpg {
    background: url('/Content/eMDMSCSS/img/thumb-jpg.png') no-repeat 0 0;
}

.attach-action i.gif {
    background: url('/Content/eMDMSCSS/img/thumb-gif.png') no-repeat 0 0;
}

.attach-action i.png {
    background: url('/Content/eMDMSCSS/img/thumb-png.png') no-repeat 0 0;
}

.attach-action i.others {
    background: url('/Content/eMDMSCSS/img/thumb-others.png') no-repeat 0 0;
}

.dgsign-block, .esign-block {
    position: relative;
    clear: both;
    padding-bottom: 10px;
}

.config-signature #div-emBridge, .ppuptab #div-emBridge {
    background: #f1f1f1;
    padding: 12px 12px;
    margin-top: 4px;
}

    .config-signature #div-emBridge .form-group, .ppuptab #div-emBridge .form-group {
        position: relative;
    }

        .config-signature #div-emBridge .form-group label, .ppuptab #div-emBridge .form-group label {
            position: absolute;
            background: #f1f1f1;
            font-size: 12px;
            top: -10px;
            left: 13px;
            display: inline-block;
            height: 18px;
            padding: 0 5px;
            border-radius: 0 0 4px 4px;
        }

        .config-signature #div-emBridge .form-group select, .config-signature #div-emBridge .form-group input,
        .ppuptab #div-emBridge .form-group select, .ppuptab #div-emBridge .form-group input {
            height: 35px;
        }

#div-emBridge #ddlTokens {
    width: 90%;
    display: inline-block;
}

#div-emBridge #btnRefreshtoken {
    margin-left: 4px;
    cursor: pointer;
}

.esignlink, .dgsignlink {
    position: absolute;
    right: 40px;
    top: 0px;
    width: 100px;
    text-align: center;
    background: #f9f9f9;
    padding: 6px 20px;
}

    .esignlink a, .dgsignlink a {
        cursor: pointer;
        color: #0034ac;
        font-size: 16px;
        padding: 5px;
    }

        .esignlink a:hover, .dgsignlink a:hover {
            color: #0034ac;
        }

.esign-block .chk-block {
    margin-bottom: 5px;
}

    .esign-block .chk-block input {
        vertical-align: top;
    }

.ml-20 {
    margin-left: 20px;
}

.reviewer-block {
    padding-bottom: 10px;
    text-align: center;
}

.reviewer-actions {
    margin: 0px 15px 15px;
    text-align: right;
}

    .reviewer-actions .btn {
        padding: 5px 15px;
        margin-left: 10px;
    }

.viewpdfAttached, .viewpdfSigner {
    margin: 0;
    padding: 0px;
}

.viewpdfSigner {
    float: right;
}

.viewpdfAttached {
    float: left;
    position: relative;
}

.closeAttach {
    position: absolute;
    left: 450px;
    cursor: pointer;
    top: 5px;
    padding: 5px 10px;
    font-size: 15px;
    color: #0034ac;
}

    .closeAttach:hover {
        color: #0034ac;
    }

.viewpdfScroll {
    margin: 0;
    padding: 0px;
    overflow-y: scroll;
    height: 465px;
}

.viewpdfAttached h3, .viewpdfSigner h3 {
    font-size: 18px;
    padding: 0px;
    padding: 8px 0;
    color: #fff;
    overflow: hidden;
    width: 400px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdfSignerDefault h3 {
    padding-left: 100px;
}

.pdfSignerDefault .viewpdfScroll {
    width: 800px;
    overflow-y: scroll;
    height: 465px;
    padding-left: 100px;
}

.comment-section {
    min-height: 100px !important;
    margin: 0px !important;
}

.post-action {
    position: absolute;
    right: 10px;
    bottom: 5px;
    display: block;
}

.comments-block {
    padding-top: 0px !important;
}

    .comments-block ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .comments-block .comment-row {
        padding: 5px 0px 5px 0px;
        margin-bottom: 2px;
        position: relative;
    }

        .comments-block .comment-row div {
            line-height: 16px;
        }

    .comments-block ul li {
        padding: 5px 15px;
    }

        .comments-block ul li:nth-child(2n+1) {
            background: #f9f9f9;
        }

    .comments-block ul ul {
        padding: 5px 0px;
    }

        .comments-block ul ul li .comment-row {
            margin: 5px 15px 0;
            border-top: 1px solid #e9e9e9;
        }

    .comments-block .comment-row .name {
        font-weight: bold;
        color: #555;
        text-transform: capitalize;
        width: 30%;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: default;
        vertical-align: top;
    }

    .comments-block .comment-row .post-action a {
        color: #0034ac;
        margin: 0px 5px;
        font-size: 13px;
    }

    .comments-block .comment-row .date {
        font-size: 11px;
        color: #999;
    }

    .comments-block ul .comment-row .post-action {
        right: 0px;
    }

.txt-comments {
    width: 96%;
    margin: 5px 0px;
    height: 40px;
    padding: 2%;
}

.comment-section .btn-orange {
    padding: 1px 10px !important;
    line-height: 20px;
    font-size: 13px;
}

.comment-section .scrollList {
    height: auto;
    overflow: auto;
}

.comment-row .user-ico {
    float: none;
    background: none;
    padding: 0px;
}

    .comment-row .user-ico i {
        display: inline-block;
        vertical-align: text-top;
    }

.comment-row div {
    word-break: break-word;
}

.cprofile-box {
    margin: 15px 0px 0px;
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #e9e9e9;
}

    .cprofile-box .txtbox {
        display: inline-block;
        margin-bottom: 0px;
        margin-right: 15px;
    }

    .cprofile-box .btn-orange {
        height: 28px;
        line-height: 18px;
        padding: 4px 15px;
        margin-bottom: 0px;
    }

.chk-group {
    margin-top: 10px;
}

.btn-center {
    clear: both;
}

.inline-b {
    display: inline-block !important;
}

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

.tb-m10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.bold {
    font-weight: bold;
}

.gray-txt {
    color: #666;
}

.btn-group {
    margin-top: 15px;
}

    .btn-group input {
        margin-right: 15px !important;
    }

.control-note {
    margin: 5px 0px;
    font-size: 12px;
    color: #999;
    line-height: 16px !important;
}

.txt-pageno {
    display: inline-block !important;
    width: 61% !important;
    padding: 5px !important;
    margin-right: 10px;
}

.browse-group {
    margin-top: 10px;
}

    .browse-group .label {
        padding-bottom: 5px;
    }

    .browse-group .txt-filename {
        padding: 4px 5px !important;
        width: 250px !important;
    }

    .browse-group .btn-browse {
        padding: 5px 15px !important;
    }

.divider-or {
    border-bottom: 1px dashed #e2e2e2;
    margin: 30px 0px;
    text-align: center;
    position: relative;
}

    .divider-or span {
        position: absolute;
        left: 45%;
        font-size: 10px;
        text-align: center;
        top: -15px;
        border: 1px solid #e2e2e2;
        padding: 2px 7px;
        border-radius: 100%;
        background: #fff;
        text-transform: uppercase;
    }

.add-cloud {
    clear: both;
}

    .add-cloud h3 {
        margin: 0 0 10px;
        font-size: 16px;
    }

    .add-cloud p {
        margin: 0px;
    }

    .add-cloud ul li {
        float: left;
        margin: 0px;
        width: 119px;
    }

    .add-cloud ul {
        margin: 0px;
        padding: 0px;
    }

        .add-cloud ul li a {
            margin: 0 10px 0 0;
            padding: 10px;
            font-size: 13px;
            line-height: 16px;
            text-align: center;
            background: #f9f9f9;
            display: block;
            min-height: 65px;
            border: 1px solid #e9e9e9;
        }

            .add-cloud ul li a i {
                display: block;
                margin: 0px auto !important;
            }

.doclog-scroll {
    overflow-y: auto;
}

    .doclog-scroll ul {
        margin: 0px;
        padding: 0px;
    }

        .doclog-scroll ul li {
            padding: 5px 10px;
            line-height: 16px;
            border: 1px solid #e9e9e9;
            border-top: none;
        }

            .doclog-scroll ul li:first-child {
                border-top: 1px solid #e9e9e9;
            }

            .doclog-scroll ul li .desc {
                word-wrap: break-word;
                font-size: 13px;
                color: #222;
            }

            .doclog-scroll ul li .date {
                font-size: 13px;
                color: #666;
            }

            .doclog-scroll ul li.evenRow {
                background: #f9f9f9;
            }

.signer-form {
    margin-top: 10px;
}

    .signer-form .label {
        margin-bottom: 3px;
    }

    .signer-form .field {
        margin-bottom: 10px;
    }

        .signer-form .field .textbox {
            width: 90%;
            margin-bottom: 0px;
        }

.title-info {
    display: inline-block !important;
    cursor: pointer !important;
    height: 16px !important;
    width: 16px !important;
    line-height: 16px !important;
    margin: 0px !important;
    vertical-align: baseline !important;
    background: #d5e9f6 !important;
    border: 1px solid #47ADE0 !important;
    color: #000 !important;
    border-radius: 100% !important;
    font-size: 12px !important;
    text-align: center !important;
    padding: 0 !important;
}

    .title-info:hover {
        color: #000;
    }

.smlTxt {
    font-size: 10px !important
}
/* tooltip style */
.ui-tooltip {
    padding: 5px 10px !important;
    position: absolute;
    min-width: 150px;
    max-width: 400px !important;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    background: #eef8fe !important;
    border: 1px solid #95d5f6 !important;
    color: #000 !important;
    font-size: 12px !important;
    line-height: 18px;
    border: none;
    border-radius: 2px !important;
    z-index: 1205;
    opacity: 1 !important;
}

    .ui-tooltip p {
        margin: 5px 0px;
        padding: 0px;
    }

    .ui-tooltip .arrow {
        width: 60px;
        height: 16px;
        overflow: hidden;
        position: absolute;
        left: 47%;
        bottom: -15px;
        z-index: 1205;
    }

        .ui-tooltip .arrow.top {
            top: -16px;
            bottom: auto;
        }

        .ui-tooltip .arrow.left {
            left: -10px;
        }

        .ui-tooltip .arrow:after {
            content: "";
            position: absolute;
            left: 20px;
            top: -14px;
            width: 18px;
            height: 18px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .ui-tooltip .arrow.top:after {
            bottom: -15px;
            top: auto;
        }

.form16 .ui-tooltip .arrow {
    left: 43% !important;
}

#certTable {
    width: 100%;
}

    #certTable tr td {
        cursor: pointer;
    }

    #certTable tr .tdwrap {
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        white-space: nowrap;
        width: 200px;
    }

    #certTable tr td:first-child .tdwrap {
        width: 120px;
    }

    #certTable tr:nth-child(2n+1) td {
        background: #f9f9f9;
    }

    #certTable tr.selected td {
        background: #754098;
        color: #fff;
    }

#emcontainer .btn-gray {
    height: 30px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#deployJavaPlugin {
    display: none;
}

.tblDocStore thead th:first-child {
    text-align: center !important;
}

.emsignerApplet {
    padding: 10px 15px;
    width: 700px;
    left: 25%;
    top: 28%;
}

    .emsignerApplet .popbox-content {
        padding: 10px 5px;
    }

.errorMsg {
    color: #ff0000;
    padding: 5px 0 0;
    margin: 0px;
}

.docSignerRight .rhead {
    background: #f5821f;
    color: #fff;
    padding: 10px 20px;
}

.form-vertical .form-row {
    padding-bottom: 10px;
}

    .form-vertical .form-row label {
        display: inline-block;
    }

.form-vertical .col-one {
    width: 35%;
}

.form-vertical .col-two {
    width: 55%;
}

.help-note {
    font-size: 13px;
    color: #666;
    line-height: 16px;
    padding: 2px 0px;
}

.pagetitle-info {
    right: auto !important;
    margin-left: 10px !important;
    font-weight: normal !important;
    font-size: 14px !important;
    top: 12px !important;
    height: 20px !important;
    width: 20px !important;
    line-height: 20px !important;
}

.email-box {
    margin: 0 0 0 30px;
    padding: 20px 30px;
    background: #fff;
    border: 1px solid #e2e2e2;
}

    .email-box label {
        margin-bottom: 5px;
    }

    .email-box h3 {
        margin-bottom: 15px;
        font-size: 18px;
    }

.checkbox-group {
    display: flex;
}

    .checkbox-group input {
        vertical-align: middle;
    }

    .checkbox-group label {
        margin-right: 10px;
        margin-left: 2px;
        vertical-align: middle !important;
    }

.checkbox-inline {
    display: flex;
}

    .checkbox-inline input {
        vertical-align: middle;
    }

    .checkbox-inline label {
        margin-right: 10px;
        margin-left: 5px;
        vertical-align: middle !important;
    }

.email-box .title-info {
    vertical-align: baseline;
    margin-right: 30px;
}

.email-box .text-control {
    padding: 5px 10px;
    height: 145px;
}

.mandatory {
    color: red;
    margin-left: 3px;
}

.btn-form16 {
    background: #669900;
    padding: 0px 0px 0px 10px;
    margin-top: 2px;
}

    .btn-form16:hover {
        background: #558000;
    }

    .btn-form16 span {
        border-left: 1px solid #446600;
        padding: 5px 10px 8px;
        margin-left: 5px;
        display: inline-block;
        font-size: 20px;
    }

.wflow-prepare-main {
    padding: 0px;
}

.workflowMain {
    clear: both;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0px;
}

.wflow-main-scroll h3 {
    color: #333;
    padding: 15px 15px 0;
}

.workflow-container {
    background: #fff !important;
}

.workflow-section {
    padding: 0px;
    margin: 0px;
}

.workflow-upload {
    margin-left: 350px;
    margin-top: 50px;
    width: 600px;
    border: 2px dashed #c9c9c9;
    padding: 0px 30px;
}

.filter-box select {
    width: 200px;
    margin-left: 10px;
    display: inline-block;
}

.wflow-steps {
    background: #ddd;
    margin-top: -20px;
    margin-left: -3px;
    padding: 5px 0 0;
}

    .wflow-steps .page-title {
        margin: 3px 0;
        font-size: 18px;
    }

.breadcrumb-nav {
    margin: 10px 0px;
}

.signing-steps {
    margin: 0 0 0 -7px;
    overflow: auto;
}

    .signing-steps li {
        float: left;
        width: 130px;
        margin-right: 5px;
        padding: 10px 15px;
        color: #666;
        font-size: 18px;
        background: #f1f1f1;
        border: 1px solid #ddd;
        border-bottom: none;
    }

        .signing-steps li:first-child {
            width: 174px;
        }

        .signing-steps li span {
            padding: 2px 8px;
            margin-right: 10px;
            display: inline-block;
            font-size: 14px;
            background: #ddd;
        }

        .signing-steps li.active {
            color: #754098;
            background: #fff;
        }

            .signing-steps li.active span {
                background: #754098;
                color: #fff;
            }

        .signing-steps li.completed span {
            background: #754098;
            color: #fff;
        }

.workflowSigning {
    margin-top: -10px;
}

    .workflowSigning .wflow-prepare-main {
        margin-left: 275px;
    }

.wflow-left {
    padding: 0px;
    width: 260px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

    .wflow-left .box {
        margin: 0px;
        min-height: 100%;
        background: #fff;
    }

.wflow-right {
    padding: 0px;
    width: 275px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
}

    .wflow-right.vertiInt-right {
        right: -10px;
    }

    .wflow-right .box {
        margin: 0px;
        min-height: 647px;
        background: #fff;
    }

        .wflow-right .box.noPreview {
            min-height: 530px;
        }

.docSignerMain .wflow-right .box, .adhocformNw .docSignerMain .wflow-right .box, .flexiformNw .wflow-right .box {
    min-height: 830px;
}

.flexiformNw .dynamic-wrapper {
    padding: 0px;
}

.docSigner-right {
    padding: 0px;
}

    .docSigner-right .wraplist {
        margin: 0px !important;
    }

    .docSigner-right .signature-list {
        margin: 15px 0px 0px
    }

.rightSigner-box {
    margin: 0 15px;
}

    .rightSigner-box .docSigner-right .signature-list li {
        float: none;
        margin: 0 0 10px;
    }

    .rightSigner-box .signature-list li label {
        margin: 0px;
    }

        .rightSigner-box .signature-list li label small {
            line-height: 16px !important;
            display: inline-block;
        }

    .rightSigner-box .signature-list li .help-note {
        left: auto !important;
        right: 7px;
    }

    .rightSigner-box .doc-note {
        line-height: 16px !important;
    }

.comment-form {
    padding: 15px;
}

    .comment-form .form-group {
        margin-bottom: 10px;
    }

.mailMrg {
    padding: 5px 20px 0px 20px;
}

h3.wflow-head {
    margin: 0px;
    position: relative;
    clear: both;
    color: #000;
    background: #ebebeb;
    padding: 11px 15px 12px;
    font-size: 14px;
    border-bottom: 1px solid #d9d9d9;
}

    h3.wflow-head .signer-diagram {
        position: absolute;
        right: 8px;
        top: 8px;
        display: inline-block;
    }

        h3.wflow-head .signer-diagram a {
            display: block;
            background: #f1f1f1;
            width: 25px;
            height: 25px;
            line-height: 25px;
            text-align: center;
            border-radius: 100%;
        }

.mailMrg h3.wflow-head {
    text-align: left;
    margin-top: 5px;
}

    .mailMrg h3.wflow-head a.title-info {
        margin-left: 10px !important;
    }

.mailMrg .divBulkBtn {
    margin: 0 0 5px;
}

.mailMrg .docMrgBox {
    padding: 15px 0px;
    border-bottom: 2px solid #e2e2e2;
    text-align: center;
}

h3.wflow-head.selected {
    background: #754098;
    color: #fff;
}

h3.wflow-head i {
    position: absolute;
    right: 20px;
    top: 6px;
    font-size: 22px;
}

h3.wflow-head .bulkexcel {
    position: absolute;
    right: 10px;
    top: 7px;
    color: #fff;
    background: #4ebd53;
    padding: 3px 7px;
    border-radius: 4px;
}

    h3.wflow-head .bulkexcel i {
        position: relative;
        right: 0;
        top: 0;
        font-size: 15px;
    }

.completeddivscroll {
    height: 300px;
    overflow-y: auto;
}

.bulkupload-scroll {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.bulkupload-scroll1 {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.external-data {
    margin: 5px 0px;
    text-align: left;
}

    .external-data h3 {
        font-size: 14px;
        background: #ddd;
        padding: 8px 10px;
        margin: 10px 0px 0px;
    }

    .external-data ul {
        list-style: none;
        padding: 0px;
        margin: 0px 0px 10px;
        border: 1px solid #e2e2e2;
    }

        .external-data ul.extdatascroll {
            height: 60px;
            overflow-y: scroll;
        }

        .external-data ul li {
            padding: 3px 10px;
            border-bottom: 1px solid #e2e2e2;
        }

            .external-data ul li:nth-child(2n+1) {
                background: #f8f8f8;
            }

.divBulkBtn {
    margin: 5px 0px;
    text-align: left;
}

    .divBulkBtn h3 {
        font-size: 14px;
        background: #ddd;
        padding: 8px 10px;
        margin: 10px 0px 0px;
    }

    .divBulkBtn ul {
        list-style: none;
        padding: 0px;
        margin: 0px 0px 10px;
        border: 1px solid #e2e2e2;
    }

    .divBulkBtn .previewextdatascroll {
        padding: 5px 10px 10px;
        border: 1px solid #e2e2e2;
        text-align: center;
    }

        .divBulkBtn .previewextdatascroll span.label {
            border-radius: 12px;
            margin: 0px 3px 5px;
            padding: 4px 10px;
        }

h3.wflow-subhead {
    position: relative;
    clear: both;
    position: relative;
    color: #754098;
    padding: 7px 20px 6px;
    font-size: 16px;
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
}

    h3.wflow-subhead small {
        display: block;
        color: #555;
    }

.wflow-content {
    position: relative;
}

.wflow-prepare-main {
    margin-right: 280px;
    background: #fff;
}

    .wflow-prepare-main .action-container {
        margin: 0px;
        background: #ffffff;
        padding: 4px 15px;
        width: 100%;
        display: block;
        height: 45px;
        border-bottom: 1px solid #ebebeb;
    }

    .wflow-prepare-main .page-control {
        right: 20px;
        top: 10px;
    }

.wflow-prepare ul {
    margin: 8px 15px;
    padding: 0px;
    overflow: auto;
}

    .wflow-prepare ul li {
        float: left;
        width: 95px;
        padding: 1px 5px;
        font-size: 13px;
        cursor: pointer;
    }

        .wflow-prepare ul li:hover {
            color: #754098;
        }

        .wflow-prepare ul li i {
            width: 18px;
            text-align: center;
            display: inline-block;
        }

.wflow-prepare .dragDiv textarea {
    width: 100%;
    height: 100%;
    padding: 0;
    resize: none;
    border: none;
}

.wflow-prepare .dragDiv .divRemove {
    position: absolute;
    right: -16px;
    top: -1px;
    background: #754098;
    color: #fff;
    text-align: center;
    padding: 0px 5px 2px;
    cursor: pointer;
}

.upload-doc {
    color: #333;
    padding: 10px 20px;
    display: block;
}

    .upload-doc:hover {
        color: #333;
    }

    .upload-doc .title {
        display: inline-block;
        vertical-align: middle;
    }

        .upload-doc .title span {
            display: block;
            color: #659941;
            font-weight: bold;
            width: 100%;
        }

    .upload-doc input {
        display: block;
        height: 45px !important;
        width: 100%;
    }

.signer-tab {
    color: #333;
    margin: 0px;
    float: left;
    width: 134px;
    padding: 15px 20px 10px;
    background: #f1f1f1;
}

    .signer-tab:first-child {
        border-right: 1px solid #ccc;
    }

    .signer-tab:hover {
        color: #333;
    }

    .signer-tab.active {
        background: #fff;
    }

    .signer-tab .title {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        line-height: 14px;
    }

        .signer-tab .title span {
            display: block;
            color: #659941;
            font-weight: bold;
            line-height: 14px;
        }

.wflow-main {
    margin: 0px;
    padding: 0;
}

.wflow-main-scroll {
    overflow-y: scroll;
}

.wflow-doc-upload.doclist-scroll {
    float: left;
    width: 205px;
    overflow-y: scroll;
}

.wflow-upload {
    padding: 0px;
    margin: 0px;
}

    .wflow-upload.doclist-scroll {
        height: 196px;
        overflow-y: scroll;
        border-bottom: 1px solid #e2e2e2;
    }

.adhocformNw .workflowSigning .wflow-prepare-main {
    margin-left: 261px;
    position: relative;
}

.adhocformNw .listofDoc-Desk h3.wflow-head {
    padding: 14px 15px;
}

.docupload-list {
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

    .docupload-list li {
        background: #fff;
        border-bottom: 1px solid #e2e2e2;
        margin: 0px;
        position: relative;
        cursor: pointer;
        padding: 6px 20px;
    }

        .docupload-list li:hover {
            background: #f9f9f9;
        }

        .docupload-list li .dname {
            padding: 0px;
            margin: 0px;
            text-align: left;
            width: 90%;
            text-overflow: ellipsis;
            overflow: hidden;
            display: block;
            white-space: nowrap;
        }

        .docupload-list li .thumb-ico {
            position: absolute;
            height: 100%;
            right: 20px;
            top: 0px;
        }

            .docupload-list li .thumb-ico .ufchkbox {
                display: none;
            }

            .docupload-list li .thumb-ico a.remove {
                font-size: 16px;
                color: #666;
                position: absolute;
                top: 3px;
                right: 0px;
                margin: 0px;
                padding: 2px;
            }

        .docupload-list li.selected {
            background: #754098;
            color: #fff;
        }

            .docupload-list li.selected a.remove {
                color: #fff;
            }

            .docupload-list li.selected .dname {
                font-weight: bold;
            }

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

    .attachment-list li {
        color: #333;
        padding: 8px 15px;
        width: 100%;
        display: block;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        white-space: nowrap;
    }

        .attachment-list li:nth-child(2n+1) {
            background: #f9f9f9;
        }

        .attachment-list li i {
            margin-right: 10px;
        }

.fancy-content {
    padding: 15px;
}

    .fancy-content h3 {
        color: #333;
        padding: 0px 0px 15px;
    }

.templatelist {
    padding-bottom: 10px;
    display: block;
}

    .templatelist ul {
        margin: 0px;
        padding: 0px;
    }

    .templatelist li {
        list-style: none;
        float: left;
        margin: 0 8px 8px 0;
    }

        .templatelist li label {
            padding: 5px 10px;
            display: block;
            background: #f9f9f9;
            cursor: pointer;
            border: 1px solid #e2e2e2;
        }

            .templatelist li label:hover {
                background: #754098;
                border: 1px solid #754098;
                color: #fff;
            }

.view-document {
    border: 1px solid #e2e2e2;
    margin: 0px;
}

.btn-step-group {
    padding: 20px;
    text-align: right;
    position: relative;
}

    .btn-step-group a.btn-orange {
        padding: 6px 25px;
        font-size: 16px;
        margin-right: 10px;
    }

    .btn-step-group span {
        font-size: 16px; /*line-height: 32px;*/
        margin: 0px;
    }

.signer-list {
    margin: 10px 0px;
    padding: 0px;
}

.signer-list-scroll {
    height: 210px;
    overflow-y: scroll;
}

.signer-list li {
    line-height: 16px;
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 20px;
}

.signer-list label {
    display: block;
    margin: 0px;
    padding: 0px;
    color: #333;
    line-height: 14px;
}

.signer-list small {
    color: #666;
}

.wflow-right .active.signerNameRowPrep::after {
    left: 326px;
    border: 12px solid transparent;
    border-right-color: #555;
}

.wflow-nav {
    margin-bottom: 15px;
}

    .wflow-nav a {
        display: block;
        font-size: 16px;
        background: #f1f1f1;
        border: 1px solid #ddd;
        padding: 10px 15px;
        cursor: pointer;
    }

        .wflow-nav a small {
            display: block;
            font-size: 13px;
            font-weight: normal;
        }

        .wflow-nav a:hover, .wflow-nav .active a {
            background: #0034ac;
            color: #fff;
            border: 1px solid #0034ac;
        }

            .wflow-nav a:hover small, .wflow-nav .active a small {
                color: #fff;
            }

.wflow-sign {
    padding: 0px 7px; /*border-top:1px solid #e2e2e2;*/
    padding-top: 10px !important;
}

    .wflow-sign a {
        padding: 5px 10px;
        margin-bottom: 10px;
    }

        .wflow-sign a small {
            font-size: 12px;
        }

.esign-modal .chk-block {
    line-height: 20px;
}

.esign-modal .signer-form .form-group {
    margin-bottom: 10px;
}

.workflow-setup {
    padding: 0px;
    width: 100%;
}

    .workflow-setup .search-form .btn {
        position: absolute;
        /*right: 15px;
top: 15px;*/
        right: 0;
        top: 0;
    }

.searchFlowLbl {
    font-size: 11px;
    position: absolute;
    top: -12px;
    background: #fff;
    left: 20px;
    padding: 0px 5px;
    display: inline-block;
    height: 18px;
}

.workflow-setup .search-form {
    padding: 0px;
    position: relative;
}


.workflow-fgroup {
    padding: 10px 20px;
}

    .workflow-fgroup label {
        padding-bottom: 5px;
        display: block;
    }

    .workflow-fgroup input {
        display: inline !important;
    }

        .workflow-fgroup input.btn-orange {
            padding: 3px 10px 5px;
        }

.wflow-signerlist .signerName {
    margin-top: 3px;
}

.wflow-signerlist .col1.prepContainer {
    width: 240px;
}

.wflow-buttons {
    padding: 20px;
    text-align: right;
}

.db-status {
    max-width: 20%;
    cursor: pointer;
    flex: 0 0 20%;
}

    .db-status.active .db_box {
        border-radius: 8px 8px 0px 0px;
        position: relative;
    }

.db-Pending.active .db_box {
    border-bottom: 4px solid #f36f21 !important;
}

.db-Drafts.active .db_box {
    border-bottom: 4px solid #999999;
}

.db-Completed.active .db_box {
    border-bottom: 4px solid #669900;
}

.db-Declined.active .db_box {
    border-bottom: 4px solid #cc3333;
}

.db-Recalled.active .db_box {
    border-bottom: 4px solid #0034ac;
}

.bg-pending {
    background: #f36f21;
}

.bg-notyetstarted {
    background: #999999;
}

.bg-recalled {
    background: #0034ac;
}

.bg-completed {
    background: #669900;
}

.bg-declined {
    background: #cc3333;
}

.bg-deleted {
    background: #ff0000;
}

.flip-window {
    width: 250px; 
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 99;
    height: 560px;
    background: #fff;
}

.flip-window.control-properties { width: 250px; }

    .flip-window.verti-initiate {
        width: 100%;
        position: absolute;
        right: 0px;
        top: 38px;
        z-index: 10;
        height: 560px;
        background: #fff;
    }

    .flip-window h3.heading {
        font-size: 14px;
        margin: 0px;
        padding: 12px 15px 11px;
        background-color: rgba(0,0,0,.03);
        border-bottom: 1px solid rgba(0,0,0,.125);
        font-weight: bold;
    }

.flip-content {
    padding: 15px;
    background: #fff;
}

    .flip-content .button-group {
        margin-top: 15px;
    }

        .flip-content .button-group .btn {
            margin-right: 10px;
        }

.flip-close {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    right: 15px;
    top: 12px;
    background: url(/Content/eMDMSCSS/img/modal-close.gif) no-repeat -3px -3px;
}

.flip-content .form-group {
    margin-bottom: 5px;
}

.badge-signer1 {
    background-color: #4CAF50;
}

.badge-signer2 {
    background-color: #0034ac;
}

.badge-signer3 {
    background-color: #673AB7;
}

.badge-signer4 {
    background-color: #E91E63;
}

.badge-signer5 {
    background-color: #03A9F4;
}

.badge-signer6 {
    background-color: #9e9e9e;
}

.badge-signer7 {
    background-color: #FFC107;
}

.badge-signer8 {
    background-color: #f44336;
}

.badge-signer9 {
    background-color: #d09595;
}

.badge-signer10 {
    background-color: #e0b8d6;
}

.badge-signer11 {
    background-color: #b8b8e0;
}

.badge-signer12 {
    background-color: #e0b8b8;
}

.badge-signer13 {
    background-color: #b95f5f;
}

.badge-signer14 {
    background-color: #5fb9b9;
}

.badge-signer15 {
    background-color: #ffcc66;
}

.docsettings-form {
    margin: 7px 0px 10px;
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    padding: 10px 15px;
}

.company-stamp-form {
    padding: 0px;
    border-radius: 4px;
}

    .company-stamp-form .sub-title {
        font-size: 14px !important;
        margin: 0px;
    }

    .company-stamp-form .attach-div {
        clear: both;
        float: none;
        display: flex;
        align-items: center;
    }

    .company-stamp-form .attach-action {
        float: left;
        margin: 0px;
        margin-left: 10px;
    }

    .company-stamp-form .alert-note {
        font-size: 12px;
        margin: 10px 0px 20px;
        line-height: 18px;
    }

.docsettings-form .sub-title {
    cursor: pointer;
    display: block;
    margin: 0;
}

.docsettings-form .form-group {
    margin-bottom: 7px;
}

.docsettings-form .attach-div .form-control {
    vertical-align: top;
    display: inline-block;
    width: 215px;
}

.docsettings-form .attach-div .btn {
    padding: 5px 15px;
    vertical-align: top;
    display: inline-block;
}

.attach-image {
    float: left;
    height: 110px;
    border: 1px solid #e2e2e2;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 110px;
    margin-top: 0px;
}

.attach-action {
    display: inline-block;
    /*float: left;*/
    margin: 20px 0px 15px 10px;
}

    .attach-action .btn {
        margin-bottom: 5px;
    }

.attach-stamp {
    overflow: auto;
    display: block;
    clear: both;
}

    .attach-stamp .attach-action {
        margin: 15px 0px 15px 15px;
    }

.attach-doc-section > .sub-title {
    font-size: 14px !important;
    color: #000;
}

.sub-title {
    font-size: 16px !important;
    color: #000;
}

.form-inline .btn {
    padding: 4px 15px;
}

.button-right {
    text-align: right;
    margin-top: 15px;
}

.btn-sign, .btn-send {
    width: 100px;
}

.form-page .form-group {
    margin-bottom: 10px;
}

.ckeckbox-block .chk-group {
    margin-right: 20px;
    margin-top: 0px;
}

    .ckeckbox-block .chk-group label {
        margin-left: 5px;
    }

.panel_actions .add-group {
    color: #fff !important;
    padding: 5px 12px !important;
    font-size: 14px !important;
    margin-right: 15px;
}

.day-count .badge {
    padding: 5px 7px;
    margin-left: 2px;
    border-radius: 3px;
}

.list-details {
    margin: 0px;
    padding: 0px;
}

    .list-details li {
        clear: both;
        list-style: none;
    }

    .list-details span {
        font-weight: normal;
        float: left;
        width: 120px;
    }

    .list-details label {
        margin-bottom: 10px;
        float: left;
        width: 400px;
        color: #000;
    }

.pagelevelScroll .prepContainer {
    display: inline-block;
    padding: 0 0 3px;
    vertical-align: middle;
}

    .pagelevelScroll .prepContainer .signerName {
        display: inline-block;
    }

    .pagelevelScroll .prepContainer .searchsName {
        vertical-align: middle;
        padding-top: 5px;
    }

    .pagelevelScroll .prepContainer .signerName .displaySigner {
        margin: 0px;
    }

    .pagelevelScroll .prepContainer.col1 { /*width: 160px;*/
        padding: 0px;
        width: 140px;
    }

    .pagelevelScroll .prepContainer.col2 { /*width: 45px;*/
        width: 70px;
    }

    .pagelevelScroll .prepContainer.col3 {
        width: 25px;
    }

    .pagelevelScroll .prepContainer .pageSelValue {
        font-size: 11px;
        height: 20px;
        line-height: 15px;
        margin: 0;
        padding: 0;
        display: inline-block; /*width: 40px;*/
        width: 65px;
    }

.scrollSigner3Item .prepContainer.col1 {
    width: 140px;
}

.panel_header .button-actions {
    margin: 10px 15px 0px;
}

    .panel_header .button-actions .btn {
        padding: 5px 12px;
        font-size: 13px;
    }

.btn-box {
    clear: both;
    border-top: 1px solid #e2e2e2;
    padding: 15px 15px 0px;
    margin-top: 10px;
}

.template-form {
    padding: 15px;
}

    .template-form .form-group {
        margin-bottom: 8px;
    }

.doclog-scroll {
    border: 1px solid #e2e2e2;
    margin: 10px 0 0;
}

    .doclog-scroll .table {
        margin: 0px !important;
    }

.draw-sign {
    width: 100%;
    clear: both;
    float: none;
    position: relative;
}

    .draw-sign .draw-sign-action {
        position: absolute;
        top: 15%;
        text-align: center;
        width: 100%;
    }

        .draw-sign .draw-sign-action h3 {
            margin-bottom: 30px;
        }

    .draw-sign .sign-action {
        position: absolute;
        right: 10px;
        top: 5px;
    }

    .draw-sign .imgfingure {
        height: 220px;
        width: 100%;
        display: block;
    }

        .draw-sign .imgfingure img {
            border: 0px !important;
            width: 100%;
            height: 100%;
        }

.btn-sign {
    height: 35px !important;
}

.signature-box, .signaturePanel {
    position: relative;
    margin: 0;
    min-height: 0px
}

    .signaturePanel:before {
        content: ' ';
        border-bottom: 1px solid #ccc;
        width: 80%;
        margin: 0px 10%;
        position: absolute;
        color: #ccc;
        padding-bottom: 10px;
        bottom: 20%;
        text-align: left;
        font-size: 30px;
        line-height: 30px;
    }

    .signaturePanel canvas {
        width: 100% !important;
        position: relative;
        z-index: 9;
    }

    .signature-box .signTxt {
        position: absolute;
        width: 80%;
        margin: 0px 10%;
        color: #ccc;
        padding-bottom: 10px;
        bottom: 20%;
        text-align: left;
        font-size: 30px;
        line-height: 30px;
    }

    .signature-box #signature, .signature-box #signatureInitail {
        position: relative;
        background: #fff;
        margin-top: 5px;
        height: 250px;
        width: 100%;
        border: 1px dashed #000;
    }

    .signature-box .sign-action {
        position: absolute;
        right: 0px;
        top: -3px;
        z-index: 999;
    }

        .signature-box .sign-action .btn {
            padding: 3px 15px;
            font-size: 13px;
            margin-left: 5px;
        }

.drawsign-color {
    padding: 0px;
}

    .drawsign-color label {
        margin-right: 10px;
    }

    .drawsign-color a {
        vertical-align: top;
        padding: 3px 0px;
        width: 24px;
        height: 24px;
        margin-right: 5px;
        display: inline-block;
        border-radius: 100%;
        text-align: center;
        line-height: 20px;
    }

        .drawsign-color a i {
            font-size: 14px;
            margin: 0;
            color: #fff;
        }

        .drawsign-color a.lblBlue {
            background: #00008b;
        }

        .drawsign-color a.lblRed {
            background: #ff0000;
        }

        .drawsign-color a.lblGreen {
            background: #23ab23;
        }

        .drawsign-color a.lblBlack {
            background: #000000;
        }

.innertab-panel {
    padding: 15px;
    background: #f1f1f1;
    border: 1px solid #e2e2e2;
    overflow-y: auto;
    overflow-x: hidden;
    clear: both;
    margin-bottom: 15px;
    float: none;
    min-height: 230px;
    padding: 20px;
    box-sizing: border-box;
}

.innertab-panel.fingerprint-innertab-panel {
    background: #fff;
}
.fingerprint-innertab-panel .div_fingerprint_preview_section img { width: 100px; }

#Initialsconfig .innertab-panel {
    margin-bottom: 15px;
}

.signature-info-box {
    margin-top: -3px;
    margin-bottom: 15px;
}

.signature-options #divOtherSigningProviders {
    margin-bottom: 5px;
}

.reason-form-group .dropdown-menu {
    padding: 2px 0px !important;
}

.signature-info-box .title {
    margin-bottom: 5px;
}

.tab-panel .note {
    padding: 0px 0px 10px;
    display: block;
    clear: both;
}

.helpContent .left-col {
    min-height: 410px;
}

    .helpContent .left-col h2 {
        font-size: 18px;
        padding: 0px 20px;
        margin: 0 0 10px;
    }

.helpContent .right-col h2 {
    color: #007acc;
    margin: 0px;
    font-size: 20px;
    background: #fff;
    padding: 7px 20px;
    margin: 0px;
    border-bottom: 1px solid #e2e2e2;
}

.helpContent .tab-panel {
    background: #f9f9f9;
    padding: 0px;
}

    .helpContent .tab-panel .tab-content {
        padding: 18px;
        min-height: 350px;
    }

        .helpContent .tab-panel .tab-content .btn-green {
            background: #0276c3;
        }

.mt-md {
    margin-top: 10px;
}

.signing-tabscroll {
    overflow: hidden;
}

.signing-tab {
    height: auto;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin: 5px 0px 0px;
    padding: 0px;
    list-style: none;
}

    .signing-tab ul {
        margin: 0px;
        padding: 0px;
    }

    .signing-tab li {
        float: left;
        padding: 0px;
        margin: 0px 2px 2px 0px;
        vertical-align: top;
        display: inline-block;
    }

    .signing-tab a {
        display: block;
        font-size: 14px;
        text-align: center;
        color: #333;
        min-width: 100px;
        padding: 2px 7px;
        background: #fff;
        border: 1px solid #e2e2e2;
        cursor: pointer;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 160px;
    }

        .signing-tab a:hover {
            color: #333;
        }

        .signing-tab a.active {
            border-bottom: 3px solid #0034ac;
            font-weight: bold;
            color: #0034ac;
        }

.chk-group {
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    margin-right: 20px;
    margin-bottom: 15px;
}

.sign-font-block .input-font {
    margin-left: 15px;
    display: inline-block;
    font-size: 14px !important;
    padding: 5px 10px !important;
    color: #333 !important;
    width: 305px !important;
    line-height: 20px !important;
}
.sealsign-font-block.sign-font-block .input-font {
    width: 100% !important;
}

.sign-font-block .btn {
    min-width: 65px;
}

    .sign-font-block .btn#btnReset {
        width: auto;
        margin-left: 8px;
    }

.sign-font-block .initials-font {
    width: 150px !important;
}

.sign-font-block #btnReset, .sign-font-block #btnResetInitails {
    height: 26px;
    font-size: 11px;
    padding: 5px 10px;
}

.sign-font-block .form-row {
    margin: 0px !important;
    align-items: center;
}


.sign-font-option,.sign-font-seal-option {
    margin: 12px 0px 0px;
    list-style: none;
    padding: 0px;
}

.sign-font-block .input-font#txtFullNameInitails {
    width: 90px !important;
}

.leftNoRadius {
    border-radius: 0 25px 25px 0;
    margin-left: 8px;
}

.sign-font-option li, sign-font-seal-option li {
    cursor: pointer;
    margin: 5px 1.5% 10px 0;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px 15px 5px 25px;
    background: #fff;
    height: 80px;
    float: left;
    width: 48.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

    .sign-font-option li.selected, .sign-font-option li.selected:hover, .sign-font-seal-option li.selected, .sign-font-seal-option li.selected:hover {
        border: 1px solid #000;
        border-radius: 4px;
    }

    .sign-font-option li:before, .initialSign-font-option li:before, .sign-font-seal-option li:before {
        content: '';
        background: #fff;
        width: 18px;
        height: 18px;
        border: 1px solid #ddd;
        border-radius: 100px;
        position: absolute;
        top: 21px;
        left: 10px;
        z-index: 12;
        font-size: 12px;
        line-height: 18px;
        color: #fff;
        text-align: center;
    }

    .sign-font-option li.selected:before, .initialSign-font-option li.selected:before, .sign-font-seal-option li.selected:before {
        content: '\2713';
        background: #000;
        border: 1px solid #000;
    }

    .sign-font-option li:hover, .sign-font-seal-option li:hover {
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .sign-font-option li .rdo-signer, .sign-font-seal-option li .rdo-signer {
        position: absolute;
        left: 11px;
        top: 23px;
    }

    .sign-font-option li .rdo-In-signer, .sign-font-seal-option li .rdo-In-signer {
        position: absolute;
        left: 10px;
        top: 12px;
    }

    .sign-font-option li .span-label, .sign-font-seal-option li .span-label {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .sign-font-option li .font-sign, .sign-font-seal-option li .font-Sealsign {
        height: 100%;
        /*font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 38px;
    display: block;
    text-align: left;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    }

    .sign-font-option li .font-In {
        font-size: 16px;
        font-style: normal;
        font-variant: normal;
        font-weight: 500;
        line-height: 38px;
        display: inline-block;
        text-align: left;
        padding-left: 10px;
    }

    .sign-font-option li .lbl-signature, .sign-font-seal-option li .lbl-signature {
        font-size: 9px;
        line-height: 16px;
        position: absolute;
        top: 2px;
        margin-top: -10px;
        left: 10px;
        border-radius: 4px;
        background: #999999;
        padding: 0px 10px;
        display: inline-block;
        color: #fff;
    }

    .sign-font-option li.selected .lbl-signature, .sign-font-seal-option li.selected .lbl-signature {
        background: #000;
    }

.selectedfont {
    position: absolute;
    left: 50px;
    top: 50px;
}

    .selectedfont label {
        font-size: 2em;
        line-height: 2em;
        padding-left: 15px;
        padding-right: 30px;
        display: inline-block;
    }

.trackerselectedfont, .selectedfont {
    position: absolute;
    top: 0px;
}

    .trackerselectedfont:before, .selectedfont:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        background: #eee;
        top: 0px;
    }

    .trackerselectedfont label {
        font-size: 2.5em;
        line-height: 2.4em;
        padding-left: 15px;
        padding-right: 30px;
        display: inline-block;
    }


.sign-font-option li .signed-box, .sign-font-seal-option li .signed-box {
    position: absolute;
    left: -1px;
    top: -2px;
    height: 65px;
    border: 2px solid #444;
    border-right: none;
    width: 30px;
    border-radius: 4px 0 0 4px;
}

    .sign-font-option li .signed-box .signed-by, .sign-font-seal-option li .signed-box .signed-by {
        font-size: 12px;
        position: absolute;
        left: 30px;
        top: -13px;
        padding: 1px 5px;
        display: block;
        width: 100px;
        font-style: italic;
    }

    .sign-font-option li .signed-box .ref-no, .sign-font-seal-option li .signed-box .ref-no {
        font-size: 12px;
        position: absolute;
        left: 30px;
        bottom: -12px;
        padding: 1px 5px;
        display: block;
        width: 150px;
    }


.sign-font-popup li {
    width: 48.66%;
}

.innertab-panel .browse-control {
    width: 280px;
    display: inline-block;
}

.innertab-panel .browse-control-initials {
    width: 170px;
    display: inline-block;
}

.uploadedSignature, .uploadedInitial {
    border-radius: 6px;
    margin: 30px 20px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
}


.form-row label {
    font-size: 14px;
    cursor: default;
    margin-bottom: 2px;
    font-weight: normal;
    padding: 3px 0px;
}

.form-row .textsmall {
    font-size: 11px !important;
    color: #0034ac;
    display: block;
}

.bg5 input[type="text"], .bg5 input[type="password"], .bg5 textarea, select {
    border: 1px solid #bbb !important;
}

    .bg5 input[type="text"]:focus, .bg5 input[type="password"]:focus, .bg5 textarea:focus, select:focus {
        border: 1px solid #aaa !important;
    }

.normal-anchor {
    font-size: 90%;
    margin-left: 5px;
}

    .normal-anchor .a-link {
        cursor: pointer;
        color: #0034ac;
        text-decoration: underline;
    }

        .normal-anchor .a-link:hover {
        }


.nav-tabs li .count {
    background: #fff;
    color: #0034ac;
    padding: 3px 5px;
    border-radius: 3px;
    margin-left: 10px;
    min-width: 25px;
    text-align: center;
    display: inline-block;
}

.nav-tabs li.active .count, .nav-tabs li:hover .count {
    background: #0034ac;
    color: #fff;
}


.renew-section {
    margin-top: 20px;
}

    .renew-section .panel-default {
        border: 1px solid #e1e1e1;
    }

        .renew-section .panel-default.panel-active {
            border: 1px solid #0034ac;
        }

.panel-active .price-amount, .panel-active .price-amount label {
    color: #0034ac;
}

.renew-section .price-amount {
    font-size: 22px;
}

.renew-section .plan-name {
    color: #666;
    font-weight: bold;
    font-size: 15px;
}

.renew-section .price-amount label {
    font-size: 22px;
}

.mainTotal label {
    font-size: 28px;
}

.panel-heading .title-lg {
    font-weight: bold;
    font-size: 20px;
}

.panel-heading .title-md {
    font-weight: bold;
    font-size: 16px;
}

.panel-heading .panel-title a {
    color: #0034ac;
}

.panel-register {
    padding: 20px 45px;
}

    .panel-register .form-group {
        margin-bottom: 10px;
    }

.panel-renew .panel-heading {
    background: #0034ac;
    border-radius: 4px 4px 0 0;
    color: #fff;
}

.panel-renew .panel-title {
    font-size: 17px;
    padding: 10px 15px;
}

.btn-esignature {
    padding: 19px !important;
}

.default-link {
    line-height: 20px;
}

    .default-link a {
        display: inline;
        background: none;
        border: none;
        padding: 0px;
        font-size: 14px;
    }

        .default-link a:hover {
            background: none;
            color: #0034ac;
            border: none;
        }

.btn-100p {
    width: 100%;
}

.text-italic {
    font-style: italic;
}

.panel-renew .subTotal label {
    font-size: 18px;
}

.export-action {
    margin-top: 25px;
    margin-right: 30px;
    float: right;
}

.export-excel {
    margin-bottom: 10px;
    float: right;
}

.import-excel {
    margin-bottom: 10px;
    float: left;
}

.box-action {
    top: 16px;
    right: 20px;
    position: absolute;
}

    .box-action a {
        margin-left: 20px;
    }
/*.modal-search { width: 800px;}*/
.modal-search .form-group {
    margin-bottom: 10px;
}

.modal-search .form-control {
    height: auto !important;
}

.modal-lg {
    max-width: 900px !important;
}

    .modal-lg.modal-search {
        max-width: 800px !important;
    }

    .modal-lg.md-signconfigure {
        max-width: 800px !important;
    }

.modal-dialog-full .modal-body {
    max-height: 450px;
    overflow: auto;
}

.modal-dialog-full {
    max-width: 800px;
    margin: 0px auto;
    position: relative;
}

.content-ts h4 {
    color: #e7702e;
    font-weight: normal;
    font-size: 17px;
    margin: 0 0 10px;
}

.fnt12 {
    font-size: 12px;
}

.paddingRight0 {
    padding-right: 0px;
}

.active-row td {
    background: #777 !important;
    color: #fff;
}

.download-table {
    background: #777 !important;
    padding: 1px !important;
}

    .download-table table {
        margin: 0px;
        width: 100%;
    }

        .download-table table th {
            padding: 4px 10px;
            border: 1px solid #e2e2e2;
            background: #fff;
        }

.install-box {
    color: #333;
    padding: 10px 15px;
    background-color: #fff9ea;
    border: solid 1px #dfd8c2;
    border-radius: 3px;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 20px;
}

    .install-box a.btn {
        color: #fff;
        border: 1px solid #5aad35;
        margin-right: 10px;
        padding: 5px 15px !important;
        display: inline-block;
        font-size: 14px;
    }

.install-box-small {
    font-size: 14px !important;
    padding: 10px 5px;
    line-height: 18px;
}

.install-box-center {
    font-size: 13px !important;
    padding: 10px;
    line-height: 18px;
    text-align: center;
}

    .install-box-center a.btn {
        padding: 3px 15px !important;
        font-size: 14px;
    }

.install-err-box {
    color: #a94442 !important;
    padding: 20px 15px;
    background-color: #f2dede;
    border: solid 1px #ebccd1;
    border-radius: 3px;
    font-size: 15px;
    margin-bottom: 10px;
}

    .install-err-box .brnBlk {
        text-align: right;
    }

.message-box-container {
    padding: 15px 20px 0px;
}

.message-box {
    color: #333;
    padding: 10px;
    margin: 10px 0px;
    background-color: #fff9ea;
    border: solid 1px #dfd8c2;
    border-radius: 8px;
    font-size: 13px;
    line-height: 17px;
}

    .message-box p {
        margin-bottom: 0px;
    }

    .message-box .got-it {
        margin-top: 2px;
        font-size: 13px;
        display: inline-block;
        border: 1px solid #000;
        padding: 5px 15px;
        border-radius: 15px;
    }

.easystep-box {
    color: #333;
    padding: 15px 20px;
    margin: 10px 0px;
    background-color: #fff9ea;
    border: solid 1px #dfd8c2;
    border-radius: 3px;
    font-size: 13px;
    line-height: 17px;
}

    .easystep-box p {
        text-align: justify;
        line-height: 18px;
    }

.date_to {
    max-width: 12%;
}

.toolbox-list h4 {
    color: #fff;
    padding: 10px 15px;
    margin: 7px 0px 3px;
    font-size: 15px;
    background: #777;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 20%);
}

.toolbox-list #toolbox, .toolbox-list #componentbox, .toolbox-list #qrcodebox, .toolbox-list #qrcodeboxFixed {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.toolbox-list .toolbox-header {
    font-size: 14px;
    padding: 10px 10px 5px;
    margin: 0px;
}

.toolbox-list #toolbox div, .toolbox-list #componentbox div, .toolbox-list .docfield div, .toolbox-list #qrcodebox div, .toolbox-list #qrcodeboxFixed div {
    width: 47%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    padding: 2px 0px;
    margin: 3px;
    cursor: pointer;
    color: #555;
    background: #e8e8e8;
    border-radius: 4px;
    line-height: 13px;
    float: left;
    position: relative;
    box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
}

.toolbox-list #qrcodebox div, .toolbox-list #qrcodeboxFixed div {
    box-shadow: inset 0 0 1px rgba(0,0,0,0.3) !important;
    background: #e8e8e8 !important;
}

    .toolbox-list #toolbox div:hover span, .toolbox-list #componentbox div:hover span, .toolbox-list .docfield div:hover span, .toolbox-list #qrcodebox div:hover span, .toolbox-list #qrcodeboxFixed div:hover span {
        color: #000;
    }

    .toolbox-list #toolbox div:hover i img, .toolbox-list #componentbox div:hover i img, .toolbox-list .docfield div:hover i img, .toolbox-list #qrcodebox div:hover i img, .toolbox-list #qrcodeboxFixed div:hover i img {
        opacity: 1;
    }

    .toolbox-list #toolbox div span, .toolbox-list #componentbox div span, .toolbox-list .docfield div span, .toolbox-list #qrcodebox div span, .toolbox-list #qrcodeboxFixed div span {
        font-size: 11px;
    }

    .toolbox-list #toolbox div i, .toolbox-list #componentbox div i, .toolbox-list .docfield div i, .toolbox-list #qrcodebox div i, .toolbox-list #qrcodeboxFixed div i {
        display: inline-block;
        width: 18px;
        height: 22px;
        padding: 4px 0px;
        text-align: center;
    }

.toolbox-list i.ctr-icon img {
    height: 100%;
    opacity: 0.6;
}

.docname-action i.ctr-icon img {
    height: 16px;
    opacity: 0.6;
}

.toolbox-list #toolbox div, .toolbox-list #componentbox div, .toolbox-list .docfield div, .toolbox-list #qrcodebox div, .toolbox-list #qrcodeboxFixed div {
    padding: 4px 7px 4px 15px;
}

.toolbox-list .lableField .drag-icon {
    position: absolute;
    cursor: move;
    width: 15px;
    margin-left: -15px;
    height: 30px;
    justify-content: center;
    display: flex;
    align-items: center;
}

    .toolbox-list .lableField .drag-icon .fa {
        color: rgba(0,0,0,0.5);
        margin: 1px 1px 0px 0px;
    }

/*.dragDivOut { display: inline-block; width: 115px; cursor: move; padding: 0px 10px !important; background: rgba(255, 240, 155, 0.9) !important; border: 1px solid #e4c76f; box-shadow: 0px 0px 7px rgba(0,0,0,.3); }*/
.dragDivOut {
    display: inline-block;
    width: 130px;
    line-height: 12px;
    font-size: 10px !important;
    cursor: move;
    padding: 3px !important;
    background: #fff !important;
    border-radius: 0px !important;
}

/*.dragDivOut input[disabled] { cursor:move; }*/

.dragDivCheck {
    display: inline-block;
    width: auto !important;
    height: 18px;
    min-height: 0px;
    line-height: 12px;
    font-size: 10px;
    cursor: move;
    padding: 3px !important;
    background: transparent !important;
}

.dragDivQRCode, .dragDivInitial, .dragDivPhoto, .dragDiveMeterai, .dragDivQRCode-newflow, .dragDivInitial-newflow, .dragDivPhoto-newflow, .dragDiveMeterai-newflow {
    display: flex !important;
    align-items: center;
    justify-content: center !important;
}

.dragDivQRCode {
    width: 125px !important;
    height: 90px;
}
.dragDivQRCode-newflow {
    width: 125px;
    height: 90px;
}

.dragDivInitial {
    width: 60px !important;
    height: 40px;
}
.dragDivInitial-newflow {
    width: 60px;
    height: 40px;
}

.dragDivPhoto {
    width: 100px !important;
    height: 100px;
}
.dragDivPhoto-newflow {
    width: 100px;
    height: 100px;
}

.dragDiveMeterai {
    width: 100px !important;
    height: 100px;
}
.dragDiveMeterai-newflow {
    width: 100px;
    height: 100px;
}

.dragDivCheck .fa {
    margin-right: 0px;
    width: auto !important;
}

.powerformSection {
    position: relative;
    margin: 0px;
}

.powerformMain {
    margin-right: 290px;
    background: #fff;
}

.powerformRight {
    width: 250px;
    min-width: 250px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #fff;
    padding: 0px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.05);
    min-height: 100%;
    /*overflow: auto;*/
}

    .powerformRight .card {
        border-radius: 0;
        border-left: 0px;
        border-right: 0px;
    }

.card {
    border-color: #ebebeb;
}

.card-header {
    border-bottom-color: #ebebeb;
}

.powerformLeft {
    overflow: inherit;
}

.powerformRight {
    left: auto;
    right: 0px;
    padding: 0px;
}

.flexiformNw > .page-sidebar {
    box-shadow: 0px 0px 1px rgba(0,0,0,0.1) !important;
    z-index: 1035;
}

.powerformRight .powerform-rightScroll {
    overflow: auto;
    overflow-x: hidden;
}

    .powerformRight .powerform-rightScroll .flip-window {
        width: 100%;
    }

.powerformRight .document-list h4 {
    color: #fff;
    padding: 10px 15px;
    margin: 0px;
    font-size: 14px;
    background: #777;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}

.add-signatory .badge, .slaprofile .badge { /* min-width: 240px !important;*/
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: block;
    margin-bottom: 10px;
}

.powerformRight .add-signatory, .powerformRight .existing-signatory {
    margin: 0px 3px;
    padding: 5px;
    text-align: center;
    display: inline-block;
}

.powerformRight .setWorkflow {
    padding: 10px 15px 0px;
}

.powerformRight .document-list ul {
    margin: 0px;
    padding: 0px;
}

    .powerformRight .document-list ul#sub-menu {
        padding-left: 40px;
        padding-top: 10px;
    }

.powerformRight .document-list li:first-child .sub-menu {
    display: block;
}

.powerformRight .document-list li .sub-menu {
    display: none;
}

.powerformRight .document-list ul > ul {
    padding: 10px 15px;
}

.powerform-rightScroll #btnActivateWorkflow .btn.btn-primary {
    margin: 5px 21%;
    display: inline-block;
    text-align: center;
    float: none;
}

.powerformRight .document-list li {
    list-style: none;
    position: relative;
    margin: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-sizing: border-box;
    display: block;
}

.powerformRight .delete-signatory1 {
    margin: 0 10px;
    position: absolute;
    right: 2px;
}

.powerformRight .document-list li label {
    padding: 0 10px;
}

.powerformRight .document-list .menu-action li {
    margin: 2px 0px;
}

.powerformRight .doc-list {
    list-style: none;
    padding: 0px;
}

.powerformRight ul#docList {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
}

.powerformRight .doc-details {
    background: #f5f5f5;
    border-top: 1px solid #ebebeb;
    color: #333;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-right: 30px;
    position: relative;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .powerformRight .doc-details .file-count {
        top: 8px;
        left: 10px;
        position: absolute;
        background: rgba(33, 33, 33, 0.2);
        font-style: normal;
        border-radius: 100%;
        margin-right: 5px;
        width: 20px;
        height: 20px;
        display: inline-block;
        text-align: center;
    }

#frmsetting .AdhocSigningOptions, #frmsetting .AdvancedOptions {
    float: right;
}

.powerformRight .doc-details.active {
    background: transparent;
}

    .powerformRight .doc-details.active .file-count {
        background: #0034ac;
        color: #fff;
    }

.powerformRight .doc-details .page-no {
    font-size: 12px;
    color: #999;
    line-height: 14px;
    display: block;
    margin-top: -2px;
}

.powerformRight .doc-details i {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 18px;
}

.powerformRight .thumb-list {
    margin-top: 10px;
}

    .powerformRight .thumb-list a.thumb {
        width: 130px;
        height: 150px;
        margin: 10px auto;
        display: block;
        border: 1px solid #e2e2e2;
        position: relative;
    }

        .powerformRight .thumb-list a.thumb.selected {
            border: 1px solid #0034ac;
            box-shadow: 0px 0px 3px 3px rgba(0,0,0,.15);
        }

        .powerformRight .thumb-list a.thumb span {
            color: #000;
            font-size: 14px;
            display: block;
            position: absolute;
            bottom: 0px;
            left: 0px;
            background: #eee;
            padding: 2px 0px;
            width: 100%;
            text-align: center;
        }

        .powerformRight .thumb-list a.thumb img {
            width: 100%;
            height: 100%;
        }

.powerformRight .badge .fa {
    margin-right: 5px;
}


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

    .powerform-nav li {
        padding: 3px 0px;
    }
/*.powerformMain { margin: 0px 245px 0px -15px; }
.powerformMain .main-wrapper{ width:860px; overflow-x:auto;}*/
.powerformMain .action-container {
    margin: 0px;
    overflow: hidden;
    height: 40px;
}

.powerformMain .page-control {
    top: 7px;
    right: 20px;
}

.exsource-bock {
    margin: -5px 15px 0px;
    padding: 5px 15px;
    margin-bottom: 7px;
    font-size: 12px;
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

    .exsource-bock h3 {
        font-size: 13px;
        font-weight: bold;
        padding: 0px;
        margin: 5px 0px;
    }

    .exsource-bock .form-control {
        margin-bottom: 2px;
        padding: 3px 5px;
        height: 25px;
    }

    .exsource-bock .ftp-checkbox {
        position: relative;
        padding-right: 20px;
        line-height: 16px !important;
        margin-bottom: 5px;
    }

        .exsource-bock .ftp-checkbox label {
            cursor: pointer;
        }

        .exsource-bock .ftp-checkbox input.ftp-check {
            position: absolute;
            right: 0px;
            margin-top: 7px;
        }

    .exsource-bock.ocr-block {
        margin: 5px 15px 0px;
    }

.ocr-block a {
    margin: -5px 15px 0px;
    min-height: 0px !important;
}

.ocr-block .ocr-checkbox {
    position: relative;
}

.ocr-block input.ocr-check {
    position: absolute;
    right: 0px;
    top: 7px;
}

.ocr-template {
    position: fixed;
    bottom: 0px;
    z-index: 999;
    display: block;
    background: #f1f1f1;
    padding: 10px 20px;
    border-top: 1px solid #e2e2e2;
}

    .ocr-template .btn {
        margin-left: 10px;
    }

    .ocr-template .form-control {
        border-color: #ccc;
        margin-left: 10px;
    }

    .ocr-template .add-qrcode span {
        padding: 8px 20px;
        font-size: 15px;
        border-radius: 4px;
        display: block;
    }

.btnfile-upload {
    background: #fff;
    border-radius: 6px;
    margin: 20px 0px;
}

    .btnfile-upload .statustext {
        text-shadow: none;
        color: #000;
    }

    .btnfile-upload .fileinput-button {
        display: block;
        padding: 5px 0px;
    }

.exCertsource-bock {
    margin: -5px 15px 0px;
    padding: 5px 15px;
    margin-bottom: 7px;
    font-size: 12px;
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

    .exCertsource-bock h3 {
        font-size: 13px;
        font-weight: bold;
        padding: 0px;
        margin: 5px 0px;
    }

    .exCertsource-bock .form-control {
        margin-bottom: 2px;
        padding: 3px 5px;
        height: 25px;
    }

    .exCertsource-bock .cst-checkbox {
        position: relative;
        padding-right: 20px;
        line-height: 16px !important;
        margin-bottom: 5px;
    }

        .exCertsource-bock .cst-checkbox label {
            cursor: pointer;
        }

        .exCertsource-bock .cst-checkbox input.cst-check {
            position: absolute;
            right: 0px;
            margin-top: 7px;
        }

.rslide-wrapper {
    position: absolute;
    width: 260px;
    left: 260px;
    top: 0px;
    background: #fff;
    padding: 0px;
    box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
    -moz-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
    -o-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
    -ms-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
    min-height: 100%;
    overflow: auto;
}

.powerformMain .fieldDiv {
    width: 130px;
    height: 25px;
    line-height: 15px !important;
    display: block;
    text-align: left;
    font-size: 12px;
}

.fieldDiv.SelfieCapture,
.fieldDiv.QRCode,
.fieldDiv.CompanyStamp,
.fieldDiv.Signature,
.fieldDiv.eMeterai {
    display: flex;
    align-items: center;
    justify-content: center;
}

.SelfieCapture {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
}

.dscSignPreview {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

    .dscSignPreview .group-data {
        display: flex;
        flex-direction: row;
        height: 90%;
        width: 100%;
    }

    .dscSignPreview img, .CompanyStamp img {
        max-width: 100%;
        max-height: 100%;
    }

    .dscSignPreview .ribbon {
        width: 20%;
        align-items: center;
        height: 100%;
        display: flex;
    }

    .dscSignPreview .signdata {
        width: 80%;
        align-items: center;
        height: 100%;
        display: flex;
    }

    .dscSignPreview .group-data.no-ribbon .signdata {
        width: 100%;
        align-items: center;
        height: 100%;
        display: flex;
        justify-content: center;
    }

    .dscSignPreview .signdata .font-sign {
        transform: none !important;
    }

    .dscSignPreview .signedby {
        display: block;
        width: 100%;
    }

        .dscSignPreview .signedby .div-preview-content {
            display: flex;
            width: 100%;
            margin-top: 0px;
        }

            .dscSignPreview .signedby .div-preview-content div {
                margin-right: 5px;
            }

.powerformMain .fieldDiv::-webkit-input-placeholder {
    vertical-align: top;
}

.powerformMain .fieldDiv::-moz-placeholder {
    vertical-align: top;
}

.powerformMain .fieldDiv:-moz-placeholder {
    vertical-align: top;
}

.powerformMain .fieldDiv:-ms-input-placeholder {
    vertical-align: top;
}

.powerformMain .fieldDiv textarea {
    width: 100%;
    height: 100%;
    padding: 0;
    resize: none;
    border: none;
    background: none;
}

.powerformMain .fieldDiv .divRemove {
    position: absolute;
    right: -16px;
    top: -1px;
    background: #754098;
    color: #fff;
    text-align: center;
    padding: 0px 5px 2px;
    cursor: pointer;
}

/*.powerformMain .fieldDiv.docControl {
    box-shadow: 0px 0px 3px rgba(255,0,0,0.9);
    border-width: 1px;
}*/

.ccUserList, .ccUserList:hover {
    background: #f1f1f1 !important;
    border-bottom: 1px solid #eee !important;
}

.powerformMain .fieldDiv.recipient_0 {
    border-color: #F78320;
}

    .powerformMain .fieldDiv.recipient_0 .divSettings {
        border-color: #F78320;
    }

.powerformMain .fieldDiv.recipient_1 {
    border-color: #a0c1e6;
}

    .powerformMain .fieldDiv.recipient_1 .divSettings {
        border-color: #a0c1e6;
    }

.powerformMain .fieldDiv.recipient_2 {
    border-color: #dab5d0;
}

    .powerformMain .fieldDiv.recipient_2 .divSettings {
        border-color: #dab5d0;
    }

.powerformMain .fieldDiv.recipient_3 {
    border-color: #aed8b0;
}

    .powerformMain .fieldDiv.recipient_3 .divSettings {
        border-color: #aed8b0;
    }

.powerformMain .fieldDiv.recipient_4 {
    border-color: #a9a9d4;
}

    .powerformMain .fieldDiv.recipient_4 .divSettings {
        border-color: #a9a9d4;
    }

.powerformMain .fieldDiv.recipient_5 {
    border-color: #dab5d0;
}

    .powerformMain .fieldDiv.recipient_5 .divSettings {
        border-color: #a9a9d4;
    }

.powerformMain .fieldDiv.recipient_6 {
    border-color: #a9a9d4;
}

    .powerformMain .fieldDiv.recipient_6 .divSettings {
        border-color: #a9a9d4;
    }

.powerformMain .fieldDiv.recipient_7 {
    border-color: #a9a9d4;
}

    .powerformMain .fieldDiv.recipient_7 .divSettings {
        border-color: #a9a9d4;
    }

.powerformMain .fieldDiv.recipient_8 {
    border-color: #aed8b0;
}

    .powerformMain .fieldDiv.recipient_8 .divSettings {
        border-color: #aed8b0;
    }

.powerformMain .fieldDiv.recipient_9 {
    border-color: #F78320;
}

    .powerformMain .fieldDiv.recipient_9 .divSettings {
        border-color: #F78320;
    }

.recipient_0 {
    background: rgba(252, 209, 175, 1);
    border-color: #F78320;
}

    .recipient_0.active .drag-icon .fa {
        color: #db6a09;
    }

.recipient_1 {
    background: rgba(225, 239, 255, 1);
    border-color: #a0c1e6;
}

    .recipient_1.active .drag-icon .fa {
        color: #6f94bd;
    }

.recipient_2 {
    background: rgba(255, 225, 247, 1);
    border-color: #dab5d0;
}

    .recipient_2.active .drag-icon .fa {
        color: #ba7ba9;
    }

.recipient_3 {
    background: rgba(221, 255, 222, 1);
    border-color: #aed8b0;
}

    .recipient_3.active .drag-icon .fa {
        color: #70ba73;
    }

.recipient_4 {
    background: rgba(210, 211, 255, 1);
    border-color: #a9a9d4;
}

    .recipient_4.active .drag-icon .fa {
        color: #7777b8;
    }

.recipient_5 {
    background: rgba(255, 210, 225, 1);
    border-color: #dab5d0;
}

    .recipient_5.active .drag-icon .fa {
        color: #d18abe;
    }

.recipient_6 {
    background: rgba(193, 209, 219, 1);
    border-color: #a9a9d4;
}

    .recipient_6.active .drag-icon .fa {
        color: #7979b5;
    }

.recipient_7 {
    background: rgba(203, 242, 251, 1);
    border-color: #a9a9d4;
}

    .recipient_7.active .drag-icon .fa {
        color: #7676b5;
    }

.recipient_8 {
    background: rgba(202, 223, 203, 1);
    border-color: #aed8b0;
}

    .recipient_8.active .drag-icon .fa {
        color: #84c487;
    }

.recipient_9 {
    background: rgba(255, 222, 173, 1);
    border-color: #F78320;
}

    .recipient_9.active .drag-icon .fa {
        color: #d46608;
    }

.recipient_10 {
    background: rgba(206, 176, 183, 1);
    border-color: #ceb0b7;
}

    .recipient_10.active .drag-icon .fa {
        color: #ba808e;
    }

.recipient_11 {
    background: rgba(201, 168, 218, 1);
    border-color: #c9a8da;
}

    .recipient_11.active .drag-icon .fa {
        color: #a277b8;
    }

.recipient_12 {
    background: rgba(181, 196, 214, 1);
    border-color: #b5c4d6;
}

    .recipient_12.active .drag-icon .fa {
        color: #889eb8;
    }

.recipient_13 {
    background: rgba(245, 242, 180, 1);
    border-color: #f5f2b4;
}

    .recipient_13.active .drag-icon .fa {
        color: #e0dc7b;
    }

.recipient_14 {
    background: rgba(173, 255, 201, 1);
    border-color: #adffc9;
}

    .recipient_14.active .drag-icon .fa {
        color: #77d496;
    }

.recipient_15 {
    background: rgba(236, 151, 219, 1);
    border-color: #ec97db;
}

    .recipient_15.active .drag-icon .fa {
        color: #c460b0;
    }

.recipient_16 {
    background: rgba(255, 230, 162, 1);
    border-color: #ffe6a2;
}

    .recipient_16.active .drag-icon .fa {
        color: #dbbe70;
    }

.recipient_17 {
    background: rgba(165, 156, 255, 1);
    border-color: #a59cff;
}

    .recipient_17.active .drag-icon .fa {
        color: #746dc2;
    }

.recipient_18 {
    background: rgba(180, 251, 244, 1);
    border-color: #b4fbf4;
}

    .recipient_18.active .drag-icon .fa {
        color: #74cfc6;
    }

.recipient_19 {
    background: rgba(198, 255, 173, 1);
    border-color: #c6ffad;
}

    .recipient_19.active .drag-icon .fa {
        color: #99d67e;
    }

.recipient_20 {
    background: rgba(255, 210, 210, 1);
    border-color: #ffd2d2;
}

    .recipient_20.active .drag-icon .fa {
        color: #de9999;
    }

.recipient_21 {
    background: rgba(245, 190, 239, 1);
    border-color: #f5beef;
}

    .recipient_21.active .drag-icon .fa {
        color: #cc78c3;
    }

.recipient_22 {
    background: rgba(173, 228, 255, 1);
    border-color: #ade4ff;
}

    .recipient_22.active .drag-icon .fa {
        color: #7ebbd9;
    }

.recipient_23 {
    background: rgba(201, 201, 245, 1);
    border-color: #c9c9f5;
}

    .recipient_23.active .drag-icon .fa {
        color: #9898d9;
    }

.recipient_24 {
    background: rgba(173, 255, 190, 1);
    border-color: #adffbe;
}

    .recipient_24.active .drag-icon .fa {
        color: #79d98d;
    }

.recipient_25 {
    background: rgba(223, 236, 200, 1);
    border-color: #dfecc8;
}

    .recipient_25.active .drag-icon .fa {
        color: #c9e892;
    }

.recipient_26 {
    background: rgba(255, 231, 194, 1);
    border-color: #ffe7c2;
}

    .recipient_26.active .drag-icon .fa {
        color: #f0cb92;
    }

.recipient_27 {
    background: rgba(194, 222, 255, 1);
    border-color: #c2deff;
}

    .recipient_27.active .drag-icon .fa {
        color: #8dafd6;
    }

.recipient_28 {
    background: rgba(175, 255, 239, 1);
    border-color: #afffef;
}

    .recipient_28.active .drag-icon .fa {
        color: #7cd9c6;
    }

.recipient_29 {
    background: rgba(255, 225, 247, 1);
    border-color: #ffe1f7;
}

    .recipient_29.active .drag-icon .fa {
        color: #e8a2d5;
    }

.recipient_30 {
    background: rgba(221, 255, 222, 1);
    border-color: #ddffde;
}

    .recipient_30.active .drag-icon .fa {
        color: #a0eba2;
    }

.recipient_31 {
    background: rgba(210, 211, 255, 1);
    border-color: #a9a9d4;
}

    .recipient_31.active .drag-icon .fa {
        color: #8484c4;
    }

.recipient_32 {
    background: rgba(255, 210, 225, 1);
    border-color: #dab5d0;
}

    .recipient_32.active .drag-icon .fa {
        color: #d194c1;
    }

.recipient_33 {
    background: rgba(193, 209, 219, 1);
    border-color: #a9a9d4;
}

    .recipient_33.active .drag-icon .fa {
        color: #7979ad;
    }

.recipient_34 {
    background: rgba(203, 242, 251, 1);
    border-color: #a9a9d4;
}

    .recipient_34.active .drag-icon .fa {
        color: #7d7dbd;
    }

.recipient_35 {
    background: rgba(202, 223, 203, 1);
    border-color: #aed8b0;
}

    .recipient_35.active .drag-icon .fa {
        color: #7ec481;
    }

.recipient_36 {
    background: rgba(181, 208, 255, 1);
    border-color: #b5d0ff;
}

    .recipient_36.active .drag-icon .fa {
        color: #7996c9;
    }

.recipient_37 {
    background: rgba(255, 188, 188, 1);
    border-color: #ffbcbc;
}

    .recipient_37.active .drag-icon .fa {
        color: #d18888;
    }

.recipient_38 {
    background: rgba(255, 173, 250, 1);
    border-color: #ffadfa;
}

    .recipient_38.active .drag-icon .fa {
        color: #c476c0;
    }

.recipient_39 {
    background: rgba(215, 186, 255, 1);
    border-color: #d7baff;
}

    .recipient_39.active .drag-icon .fa {
        color: #9f81c7;
    }

.recipient_40 {
    background: rgba(173, 218, 255, 1);
    border-color: #addaff;
}

    .recipient_40.active .drag-icon .fa {
        color: #78a7cf;
    }

.recipient_41 {
    background: rgba(202, 223, 203, 1);
    border-color: #aed8b0;
}

    .recipient_41.active .drag-icon .fa {
        color: #72b375;
    }

.recipient_42 {
    background: rgba(255, 222, 173, 1);
    border-color: #F78320;
}

    .recipient_42.active .drag-icon .fa {
        color: #bd6820;
    }

.recipient_43 {
    background: rgba(206, 176, 183, 1);
    border-color: #ceb0b7;
}

    .recipient_43.active .drag-icon .fa {
        color: #e69eaf;
    }

.recipient_44 {
    background: rgba(201, 168, 218, 1);
    border-color: #c9a8da;
}

    .recipient_44.active .drag-icon .fa {
        color: #a57bba;
    }

.recipient_45 {
    background: rgba(181, 196, 214, 1);
    border-color: #b5c4d6;
}

    .recipient_45.active .drag-icon .fa {
        color: #8192a6;
    }

.recipient_46 {
    background: rgba(245, 242, 180, 1);
    border-color: #f5f2b4;
}

    .recipient_46.active .drag-icon .fa {
        color: #e6e073;
    }

.recipient_47 {
    background: rgba(173, 255, 201, 1);
    border-color: #adffc9;
}

    .recipient_47.active .drag-icon .fa {
        color: #6ac489;
    }

.recipient_48 {
    background: rgba(236, 151, 219, 1);
    border-color: #ec97db;
}

    .recipient_48.active .drag-icon .fa {
        color: #bd62ab;
    }

.recipient_49 {
    background: rgba(255, 230, 162, 1);
    border-color: #ffe6a2;
}

    .recipient_49.active .drag-icon .fa {
        color: #c9ad5f;
    }

.recipient_50 {
    background: rgba(165, 156, 255, 1);
    border-color: #a59cff;
}

    .recipient_50.active .drag-icon .fa {
        color: #685ec4;
    }

.recipient_51 {
    background: rgba(206, 176, 183, 1);
    border-color: #ceb0b7;
}

    .recipient_51.active .drag-icon .fa {
        color: #b5828e;
    }

.recipient_52 {
    background: rgba(201, 168, 218, 1);
    border-color: #c9a8da;
}

    .recipient_52.active .drag-icon .fa {
        color: #c184e0;
    }

.recipient_53 {
    background: rgba(181, 196, 214, 1);
    border-color: #b5c4d6;
}

    .recipient_53.active .drag-icon .fa {
        color: #8fa2b8;
    }

.recipient_54 {
    background: rgba(245, 242, 180, 1);
    border-color: #f5f2b4;
}

    .recipient_54.active .drag-icon .fa {
        color: #e8e156;
    }

.recipient_55 {
    background: rgba(173, 255, 201, 1);
    border-color: #adffc9;
}

    .recipient_55.active .drag-icon .fa {
        color: #62f093;
    }

.signature_1 {
    background: rgba(252, 209, 175, 1);
}

.signature_2 {
    background: rgba(225, 239, 255, 1);
}

.signature_3 {
    background: rgba(255, 225, 247, 1);
}

.signature_4 {
    background: rgba(221, 255, 222, 1);
}

.signature_5 {
    background: rgba(210, 211, 255, 1);
}

.signature_6 {
    background: rgba(255, 210, 225, 1);
}

.signature_7 {
    background: rgba(193, 209, 219, 1);
}

.signature_8 {
    background: rgba(203, 242, 251, 1);
}

.signature_9 {
    background: rgba(202, 223, 203, 1);
}

.signature_10 {
    background: rgba(255, 222, 173, 1);
}

.signature_11 {
    background: rgba(206, 176, 183, 1);
}

.signature_12 {
    background: rgba(201, 168, 218, 1);
}

.signature_13 {
    background: rgba(181, 196, 214, 1);
}

.signature_14 {
    background: rgba(245, 242, 180, 1);
}

.signature_15 {
    background: rgba(173, 255, 201, 1);
}

.signature_16 {
    background: rgba(236, 151, 219, 1);
}

.signature_17 {
    background: rgba(255, 230, 162, 1);
}

.signature_18 {
    background: rgba(165, 156, 255, 1);
}

.signature_19 {
    background: rgba(180, 251, 244, 1);
}

.signature_20 {
    background: rgba(198, 255, 173, 1);
}

.signature_21 {
    background: rgba(255, 210, 210, 1);
}

.signature_22 {
    background: rgba(245, 190, 239, 1);
}

.signature_23 {
    background: rgba(173, 228, 255, 1);
}

.signature_24 {
    background: rgba(201, 201, 245, 1);
}

.signature_25 {
    background: rgba(173, 255, 190, 1);
}

.signature_26 {
    background: rgba(223, 236, 200, 1);
}

.signature_27 {
    background: rgba(255, 231, 194, 1);
}

.signature_28 {
    background: rgba(194, 222, 255, 1);
}

.signature_29 {
    background: rgba(175, 255, 239, 1);
}

.signature_30 {
    background: rgba(255, 225, 247, 1);
}

.signature_31 {
    background: rgba(221, 255, 222, 1);
}

.signature_32 {
    background: rgba(210, 211, 255, 1);
}

.signature_33 {
    background: rgba(255, 210, 225, 1);
}

.signature_34 {
    background: rgba(193, 209, 219, 1);
}

.signature_35 {
    background: rgba(203, 242, 251, 1);
}

.signature_36 {
    background: rgba(202, 223, 203, 1);
}

.signature_37 {
    background: rgba(181, 208, 255, 1);
}

.signature_38 {
    background: rgba(255, 188, 188, 1);
}

.signature_39 {
    background: rgba(255, 173, 250, 1);
}

.signature_40 {
    background: rgba(215, 186, 255, 1);
}

.signature_41 {
    background: rgba(173, 218, 255, 1);
}

.signature_42 {
    background: rgba(202, 223, 203, 1);
}

.signature_43 {
    background: rgba(255, 222, 173, 1);
}

.signature_44 {
    background: rgba(206, 176, 183, 1);
}

.signature_45 {
    background: rgba(201, 168, 218, 1);
}

.signature_46 {
    background: rgba(181, 196, 214, 1);
}

.signature_47 {
    background: rgba(245, 242, 180, 1);
}

.signature_48 {
    background: rgba(173, 255, 201, 1);
}

.signature_49 {
    background: rgba(236, 151, 219, 1);
}

.signature_50 {
    background: rgba(255, 230, 162, 1);
}

.signature_51 {
    background: rgba(165, 156, 255, 1);
}

.signature_52 {
    background: rgba(206, 176, 183, 1);
}

.signature_53 {
    background: rgba(201, 168, 218, 1);
}

.signature_54 {
    background: rgba(181, 196, 214, 1);
}

.signature_55 {
    background: rgba(245, 242, 180, 1);
}


.participant_1, .Initials_1 {
    background: rgba(252, 209, 175, 1) !important;
}

.participant_2, .Initials_2 {
    background: rgba(225, 239, 255, 1) !important;
}

.participant_3, .Initials_3 {
    background: rgba(255, 225, 247, 1) !important;
}

.participant_4, .Initials_4 {
    background: rgba(221, 255, 222, 1) !important;
}

.participant_5, .Initials_5 {
    background: rgba(210, 211, 255, 1) !important;
}

.participant_6, .Initials_6 {
    background: rgba(255, 210, 225, 1) !important;
}

.participant_7, .Initials_7 {
    background: rgba(193, 209, 219, 1) !important;
}

.participant_8, .Initials_8 {
    background: rgba(203, 242, 251, 1) !important;
}

.participant_9, .Initials_9 {
    background: rgba(202, 223, 203, 1) !important;
}

.participant_10, .Initials_10 {
    background: rgba(255, 222, 173, 1) !important;
}

.participant_11, .Initials_11 {
    background: rgba(206, 176, 183, 1) !important;
}

.participant_12, .Initials_12 {
    background: rgba(201, 168, 218, 1) !important;
    border-color: #000;
}

.participant_13, .Initials_13 {
    background: rgba(181, 196, 214, 1) !important;
    border-color: #000;
}

.participant_14, .Initials_14 {
    background: rgba(245, 242, 180, 1) !important;
    border-color: #000;
}

.participant_15, .Initials_15 {
    background: rgba(173, 255, 201, 1) !important;
    border-color: #000;
}

.participant_16, .Initials_16 {
    background: rgba(236, 151, 219, 1) !important;
    border-color: #000;
}

.participant_17, .Initials_17 {
    background: rgba(255, 230, 162, 1) !important;
    border-color: #000;
}

.participant_18, .Initials_18 {
    background: rgba(165, 156, 255, 1) !important;
    border-color: #000;
}

.participant_19, .Initials_19 {
    background: rgba(180, 251, 244, 1) !important;
    border-color: #000;
}

.participant_20, .Initials_20 {
    background: rgba(198, 255, 173, 1) !important;
    border-color: #000;
}

.participant_21, .Initials_21 {
    background: rgba(255, 210, 210, 1) !important;
    border-color: #000;
}

.participant_22, .Initials_22 {
    background: rgba(245, 190, 239, 1) !important;
    border-color: #000;
}

.participant_23, .Initials_23 {
    background: rgba(173, 228, 255, 1) !important;
    border-color: #000;
}

.participant_24, .Initials_24 {
    background: rgba(201, 201, 245, 1) !important;
    border-color: #000;
}

.participant_25, .Initials_25 {
    background: rgba(173, 255, 190, 1) !important;
    border-color: #000;
}

.participant_26, .Initials_26 {
    background: rgba(223, 236, 200, 1) !important;
}

.participant_27, .Initials_27 {
    background: rgba(255, 231, 194, 1) !important;
}

.participant_28, .Initials_28 {
    background: rgba(194, 222, 255, 1) !important;
}

.participant_29, .Initials_29 {
    background: rgba(175, 255, 239, 1) !important;
}

.participant_30, .Initials_30 {
    background: rgba(255, 225, 247, 1) !important;
}

.participant_31, .Initials_31 {
    background: rgba(221, 255, 222, 1) !important;
}

.participant_32, .Initials_32 {
    background: rgba(210, 211, 255, 1) !important;
}

.participant_33, .Initials_33 {
    background: rgba(255, 210, 225, 1) !important;
}

.participant_34, .Initials_34 {
    background: rgba(193, 209, 219, 1) !important;
}

.participant_35, .Initials_35 {
    background: rgba(203, 242, 251, 1) !important;
}

.participant_36, .Initials_36 {
    background: rgba(202, 223, 203, 1) !important;
}

.participant_37, .Initials_37 {
    background: rgba(181, 208, 255, 1) !important;
}

.participant_38, .Initials_38 {
    background: rgba(255, 188, 188, 1) !important;
}

.participant_39, .Initials_39 {
    background: rgba(255, 173, 250, 1) !important;
}

.participant_40, .Initials_40 {
    background: rgba(215, 186, 255, 1) !important;
}

.participant_41, .Initials_41 {
    background: rgba(173, 218, 255, 1) !important;
}

.participant_42, .Initials_42 {
    background: rgba(202, 223, 203, 1) !important;
}

.participant_43, .Initials_43 {
    background: rgba(255, 222, 173, 1) !important;
}

.participant_44, .Initials_44 {
    background: rgba(206, 176, 183, 1) !important;
}

.participant_45, .Initials_45 {
    background: rgba(201, 168, 218, 1) !important;
}

.participant_46, .Initials_46 {
    background: rgba(181, 196, 214, 1) !important;
}

.participant_47, .Initials_47 {
    background: rgba(245, 242, 180, 1) !important;
}

.participant_48, .Initials_48 {
    background: rgba(173, 255, 201, 1) !important;
}

.participant_49, .Initials_49 {
    background: rgba(236, 151, 219, 1) !important;
}

.participant_50, .Initials_50 {
    background: rgba(255, 230, 162, 1) !important;
}

.participant_51, .Initials_51 {
    background: rgba(165, 156, 255, 1) !important;
}

.participant_52, .Initials_52 {
    background: rgba(206, 176, 183, 1) !important;
}

.participant_53, .Initials_53 {
    background: rgba(201, 168, 218, 1) !important;
}

.participant_54, .Initials_54 {
    background: rgba(181, 196, 214, 1) !important;
}

.participant_55, .Initials_55 {
    background: rgba(245, 242, 180, 1) !important;
}
.wf-parallel {    position: absolute;    left: -10px;    top: -8px;    background: #000;    padding: 0px;    display: flex;    line-height: 10px;    font-weight: normal;
    border-radius: 100px;    font-size: 12px;    width: 20px;    height: 20px;    justify-content: center;    align-items: center;    padding: 3px;}
.wf-parallel img { width: 14px; height: 14px; }
.tag-tips {
    margin-top: -10px;
    z-index: 999;
    position: absolute;
    border-radius: 100%;
    line-height: 15px;
}

    .tag-tips a.ico {
        color: #333 !important;
        display: inline-block;
        border-radius: 100%;
        font-size: 10px;
        width: 15px;
        height: 15px;
        padding: 0;
        text-align: center;
        cursor: pointer;
    }

    .tag-tips .tag-content {
        position: absolute;
        top: 0;
        left: 20px;
        display: none;
        background: #fff;
        border: 1px solid #ccc;
        padding: 0 7px;
        white-space: nowrap;
    }

        .tag-tips .tag-content:before {
            left: -10px;
            top: 5px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: transparent;
            border-right-color: #bbb;
            border-width: 5px;
        }

.flexi-input.signatory1 input, .flexi-input.signatory1 textarea {
    border: 1px solid rgba(252, 209, 175, 1);
}

.signatory1 .tag-tips a.ico, .signatory1.tag-tips a.ico {
    background: rgba(252, 209, 175, 1);
}

.flexi-input.signatory2 input, .flexi-input.signatory2 textarea {
    border: 1px solid rgba(216, 233, 253, 1);
}

.signatory2 .tag-tips a.ico, .signatory2.tag-tips {
    background: rgba(216, 233, 253, 1);
}

.flexi-input.signatory3 input, .flexi-input.signatory3 textarea {
    border: 1px solid rgba(255, 225, 247, 1);
}

.signatory3 .tag-tips a.ico, .signatory3.tag-tips {
    background: rgba(255, 225, 247, 1);
}

.flexi-input.signatory4 input, .flexi-input.signatory4 textarea {
    border: 1px solid rgba(221, 255, 222, 1);
}

.signatory4 .tag-tips a.ico, .signatory4.tag-tips {
    background: rgba(221, 255, 222, 1);
}

.flexi-input.signatory5 input, .flexi-input.signatory5 textarea {
    border: 1px solid rgba(210, 211, 255, 1);
}

.signatory5 .tag-tips a.ico, .signatory5.tag-tips {
    background: rgba(210, 211, 255, 1);
}

.flexi-input.signatory6 input, .flexi-input.signatory6 textarea {
    border: 1px solid rgba(255, 210, 225, 1);
}

.signatory6 .tag-tips a.ico, .signatory6.tag-tips {
    background: rgba(255, 210, 225, 1);
}

.flexi-input.signatory7 input, .flexi-input.signatory7 textarea {
    border: 1px solid rgba(193, 209, 219, 1);
}

.signatory7 .tag-tips a.ico, .signatory7.tag-tips {
    background: rgba(193, 209, 219, 1);
}

.flexi-input.signatory8 input, .flexi-input.signatory8 textarea {
    border: 1px solid rgba(203, 242, 251, 1);
}

.signatory8 .tag-tips a.ico, .signatory8.tag-tips {
    background: rgba(203, 242, 251, 1);
}

.flexi-input.signatory9 input, .flexi-input.signatory9 textarea {
    border: 1px solid rgba(202, 223, 203, 1);
}

.signatory9 .tag-tips a.ico, .signatory9.tag-tips {
    background: rgba(202, 223, 203, 1);
}

.flexi-input.signatory10 input, .flexi-input.signatory10 textarea {
    border: 1px solid rgba(255, 222, 173, 1);
}

.signatory10 .tag-tips a.ico, .signatory10.tag-tips {
    background: rgba(255, 222, 173, 1);
}

.flexi-input.signatory11 input, .flexi-input.signatory11 textarea {
    border: 1px solid rgba(206, 176, 183, 1);
}

.signatory11 .tag-tips a.ico, .signatory11.tag-tips {
    background: rgba(206, 176, 183, 1);
}

.flexi-input.signatory12 input, .flexi-input.signatory12 textarea {
    border: 1px solid rgba(201, 168, 218, 1);
}

.signatory12 .tag-tips a.ico, .signatory12.tag-tips {
    background: rgba(201, 168, 218, 1);
}

.flexi-input.signatory13 input, .flexi-input.signatory13 textarea {
    border: 1px solid rgba(181, 196, 214, 1);
}

.signatory13 .tag-tips a.ico, .signatory13.tag-tips {
    background: rgba(181, 196, 214, 1);
}

.flexi-input.signatory14 input, .flexi-input.signatory14 textarea {
    border: 1px solid rgba(245, 242, 180, 1);
}

.signatory14 .tag-tips a.ico, .signatory14.tag-tips {
    background: rgba(245, 242, 180, 1);
}

.flexi-input.signatory15 input, .flexi-input.signatory15 textarea {
    border: 1px solid rgba(173, 255, 201, 1);
}

.signatory15 .tag-tips a.ico, .signatory15.tag-tips {
    background: rgba(173, 255, 201, 1);
}

.flexi-input.signatory16 input, .flexi-input.signatory16 textarea {
    border: 1px solid rgba(236, 151, 219, 1);
}

.signatory16 .tag-tips a.ico, .signatory16.tag-tips {
    background: rgba(236, 151, 219, 1);
}

.flexi-input.signatory17 input, .flexi-input.signatory17 textarea {
    border: 1px solid rgba(255, 230, 162, 1);
}

.signatory17 .tag-tips a.ico, .signatory17.tag-tips {
    background: rgba(255, 230, 162, 1);
}

.flexi-input.signatory18 input, .flexi-input.signatory18 textarea {
    border: 1px solid rgba(165, 156, 255, 1);
}

.signatory18 .tag-tips a.ico, .signatory18.tag-tips {
    background: rgba(165, 156, 255, 1);
}

.flexi-input.signatory19 input, .flexi-input.signatory19 textarea {
    border: 1px solid rgba(180, 251, 244, 1);
}

.signatory19 .tag-tips a.ico, .signatory19.tag-tips {
    background: rgba(180, 251, 244, 1);
}

.flexi-input.signatory20 input, .flexi-input.signatory20 textarea {
    border: 1px solid rgba(198, 255, 173, 1);
}

.signatory20 .tag-tips a.ico, .signatory20.tag-tips {
    background: rgba(198, 255, 173, 1);
}

.flexi-input.signatory21 input, .flexi-input.signatory21 textarea {
    border: 1px solid rgba(255, 210, 210, 1);
}

.signatory21 .tag-tips a.ico, .signatory21.tag-tips {
    background: rgba(255, 210, 210, 1);
}

.flexi-input.signatory22 input, .flexi-input.signatory22 textarea {
    border: 1px solid rgba(245, 190, 239, 1);
}

.signatory22 .tag-tips a.ico, .signatory22.tag-tips {
    background: rgba(245, 190, 239, 1);
}

.flexi-input.signatory23 input, .flexi-input.signatory23 textarea {
    border: 1px solid rgba(173, 228, 255, 1);
}

.signatory23 .tag-tips a.ico, .signatory23.tag-tips {
    background: rgba(173, 228, 255, 1);
}

.flexi-input.signatory24 input, .flexi-input.signatory24 textarea {
    border: 1px solid rgba(201, 201, 245, 1);
}

.signatory24 .tag-tips a.ico, .signatory24.tag-tips {
    background: rgba(201, 201, 245, 1);
}

.flexi-input.signatory25 input, .flexi-input.signatory25 textarea {
    border: 1px solid rgba(173, 255, 190, 1);
}

.signatory25 .tag-tips a.ico, .signatory25.tag-tips {
    background: rgba(173, 255, 190, 1);
}

.flexi-input.signatory26 input, .flexi-input.signatory26 textarea {
    border: 1px solid rgba(223, 236, 200, 1);
}

.signatory26 .tag-tips a.ico, .signatory26.tag-tips {
    background: rgba(223, 236, 200, 1);
}

.flexi-input.signatory27 input, .flexi-input.signatory27 textarea {
    border: 1px solid rgba(255, 231, 194, 1);
}

.signatory27 .tag-tips a.ico, .signatory27.tag-tips {
    background: rgba(255, 231, 194, 1);
}

.flexi-input.signatory28 input, .flexi-input.signatory28 textarea {
    border: 1px solid rgba(194, 222, 255, 1);
}

.signatory28 .tag-tips a.ico, .signatory28.tag-tips {
    background: rgba(194, 222, 255, 1);
}

.flexi-input.signatory29 input, .flexi-input.signatory29 textarea {
    border: 1px solid rgba(175, 255, 239, 1);
}

.signatory29 .tag-tips a.ico, .signatory29.tag-tips {
    background: rgba(175, 255, 239, 1);
}

.flexi-input.signatory30 input, .flexi-input.signatory30 textarea {
    border: 1px solid rgba(255, 225, 247, 1);
}

.signatory30 .tag-tips a.ico, .signatory30.tag-tips {
    background: rgba(255, 225, 247, 1);
}

.flexi-input.signatory31 input, .flexi-input.signatory31 textarea {
    border: 1px solid rgba(221, 255, 222, 1);
}

.signatory31 .tag-tips a.ico, .signatory31.tag-tips {
    background: rgba(221, 255, 222, 1);
}

.flexi-input.signatory32 input, .flexi-input.signatory32 textarea {
    border: 1px solid rgba(210, 211, 255, 1);
}

.signatory32 .tag-tips a.ico, .signatory32.tag-tips {
    background: rgba(210, 211, 255, 1);
}

.flexi-input.signatory33 input, .flexi-input.signatory33 textarea {
    border: 1px solid rgba(255, 210, 225, 1);
}

.signatory33 .tag-tips a.ico, .signatory33.tag-tips {
    background: rgba(255, 210, 225, 1);
}

.flexi-input.signatory34 input, .flexi-input.signatory34 textarea {
    border: 1px solid rgba(193, 209, 219, 1);
}

.signatory34 .tag-tips a.ico, .signatory34.tag-tips {
    background: rgba(193, 209, 219, 1);
}

.flexi-input.signatory35 input, .flexi-input.signatory35 textarea {
    border: 1px solid rgba(203, 242, 251, 1);
}

.signatory35 .tag-tips a.ico, .signatory35.tag-tips {
    background: rgba(203, 242, 251, 1);
}

.flexi-input.signatory36 input, .flexi-input.signatory36 textarea {
    border: 1px solid rgba(202, 223, 203, 1);
}

.signatory36 .tag-tips a.ico, .signatory36.tag-tips {
    background: rgba(202, 223, 203, 1);
}

.flexi-input.signatory37 input, .flexi-input.signatory37 textarea {
    border: 1px solid rgba(181, 208, 255, 1);
}

.signatory37 .tag-tips a.ico, .signatory37.tag-tips {
    background: rgba(181, 208, 255, 1);
}

.flexi-input.signatory38 input, .flexi-input.signatory38 textarea {
    border: 1px solid rgba(255, 188, 188, 1);
}

.signatory38 .tag-tips a.ico, .signatory38.tag-tips {
    background: rgba(255, 188, 188, 1);
}

.flexi-input.signatory39 input, .flexi-input.signatory39 textarea {
    border: 1px solid rgba(255, 173, 250, 1);
}

.signatory39 .tag-tips a.ico, .signatory39.tag-tips {
    background: rgba(255, 173, 250, 1);
}

.flexi-input.signatory40 input, .flexi-input.signatory40 textarea {
    border: 1px solid rgba(215, 186, 255, 1);
}

.signatory40 .tag-tips a.ico, .signatory40.tag-tips {
    background: rgba(215, 186, 255, 1);
}

.flexi-input.signatory41 input, .flexi-input.signatory41 textarea {
    border: 1px solid rgba(173, 218, 255, 1);
}

.signatory41 .tag-tips a.ico, .signatory41.tag-tips {
    background: rgba(173, 218, 255, 1);
}

.flexi-input.signatory42 input, .flexi-input.signatory42 textarea {
    border: 1px solid rgba(202, 223, 203, 1);
}

.signatory42 .tag-tips a.ico, .signatory42.tag-tips {
    background: rgba(202, 223, 203, 1);
}

.flexi-input.signatory43 input, .flexi-input.signatory43 textarea {
    border: 1px solid rgba(255, 222, 173, 1);
}

.signatory43 .tag-tips a.ico, .signatory43.tag-tips {
    background: rgba(255, 222, 173, 1);
}

.flexi-input.signatory44 input, .flexi-input.signatory44 textarea {
    border: 1px solid rgba(206, 176, 183, 1);
}

.signatory44 .tag-tips a.ico, .signatory44.tag-tips {
    background: rgba(206, 176, 183, 1);
}

.flexi-input.signatory45 input, .flexi-input.signatory45 textarea {
    border: 1px solid rgba(201, 168, 218, 1);
}

.signatory45 .tag-tips a.ico, .signatory45.tag-tips {
    background: rgba(201, 168, 218, 1);
}

.flexi-input.signatory46 input, .flexi-input.signatory46 textarea {
    border: 1px solid rgba(181, 196, 214, 1);
}

.signatory46 .tag-tips a.ico, .signatory46.tag-tips {
    background: rgba(181, 196, 214, 1);
}

.flexi-input.signatory47 input, .flexi-input.signatory47 textarea {
    border: 1px solid rgba(245, 242, 180, 1);
}

.signatory47 .tag-tips a.ico, .signatory47.tag-tips {
    background: rgba(245, 242, 180, 1);
}

.flexi-input.signatory48 input, .flexi-input.signatory48 textarea {
    border: 1px solid rgba(173, 255, 201, 1);
}

.signatory48 .tag-tips a.ico, .signatory48.tag-tips {
    background: rgba(173, 255, 201, 1);
}

.flexi-input.signatory49 input, .flexi-input.signatory49 textarea {
    border: 1px solid rgba(236, 151, 219, 1);
}

.signatory49 .tag-tips a.ico, .signatory49.tag-tips {
    background: rgba(236, 151, 219, 1);
}

.flexi-input.signatory50 input, .flexi-input.signatory50 textarea {
    border: 1px solid rgba(255, 230, 162, 1);
}

.signatory50 .tag-tips a.ico, .signatory50.tag-tips {
    background: rgba(255, 230, 162, 1);
}

.flexi-input.signatory51 input, .flexi-input.signatory51 textarea {
    border: 1px solid rgba(165, 156, 255, 1);
}

.signatory51 .tag-tips a.ico, .signatory51.tag-tips {
    background: rgba(165, 156, 255, 1);
}

.flexi-input.signatory52 input, .flexi-input.signatory52 textarea {
    border: 1px solid rgba(206, 176, 183, 1);
}

.signatory52 .tag-tips a.ico, .signatory52.tag-tips {
    background: rgba(206, 176, 183, 1);
}

.flexi-input.signatory53 input, .flexi-input.signatory53 textarea {
    border: 1px solid rgba(201, 168, 218, 1);
}

.signatory53 .tag-tips a.ico, .signatory53.tag-tips {
    background: rgba(201, 168, 218, 1);
}

.flexi-input.signatory54 input, .flexi-input.signatory54 textarea {
    border: 1px solid rgba(181, 196, 214, 1);
}

.signatory54 .tag-tips a.ico, .signatory54.tag-tips {
    background: rgba(181, 196, 214, 1);
}

.flexi-input.signatory55 input, .flexi-input.signatory55 textarea {
    border: 1px solid rgba(245, 242, 180, 1);
}

.signatory55 .tag-tips a.ico, .signatory55.tag-tips {
    background: rgba(245, 242, 180, 1);
}


.dragDiv.recipient_0, .dragDiv.recipient_1, .dragDiv.recipient_2, .dragDiv.recipient_3, .dragDiv.recipient_4, .dragDiv.recipient_5, .dragDiv.recipient_6, .dragDiv.recipient_7, .dragDiv.recipient_8, .dragDiv.recipient_9 {
    background: rgba(255, 255, 255, 0.8);
}

.dragDiv.selectedControl {
    background: #fff !important;
    border-width: 2px;
}
.dragDiv.transparent-bg {
    background: rgb(255 255 255 / 40%) !important;
}

    .dragDiv.selectedControl .ui-resizable-handle {
        z-index: 9;
        background: #e4c76f;
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 10px;
    }

.dragDiv.transparent-bg {
    background: rgb(255 255 255 / 40%) !important;
}


    .dragDiv.selectedControl .ui-resizable-ne {
        right: -5px;
        top: -5px;
        cursor: ne-resize;
    }

    .dragDiv.selectedControl .ui-resizable-se {
        right: -5px;
        bottom: -5px;
        cursor: se-resize;
    }

    .dragDiv.selectedControl .ui-resizable-sw {
        left: -5px;
        bottom: -5px;
        cursor: sw-resize;
    }

    .dragDiv.selectedControl .ui-resizable-nw {
        left: -5px;
        top: -5px;
        cursor: nw-resize;
    }

.ui-icon-gripsmall-diagonal-se {
    background-image: none;
}

.QRbg {
    background: transparent !important;
    border: 2px solid #e2c11e;
}

.rslide-content .drawer-header {
    padding: 10px 15px;
    margin: 0px;
    font-size: 16px;
    border-bottom: 1px solid #e2e2e2;
}

.rslide-content .drawer-cotent {
    overflow: auto;
}

    .rslide-content .drawer-cotent ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .rslide-content .drawer-cotent ul li {
            color: #333;
            width: 100%;
            display: block;
            border-bottom: 1px solid #e2e2e2;
            padding: 0px 15px;
        }

            .rslide-content .drawer-cotent ul li a.accordion {
                font-weight: bold;
                color: #333;
                position: relative;
                display: block;
                padding: 6px 0px;
            }

                .rslide-content .drawer-cotent ul li a.accordion i {
                    position: absolute;
                    right: 0px;
                    top: 8px;
                    font-size: 18px;
                }

            .rslide-content .drawer-cotent ul li .accordion-body {
                padding-bottom: 10px;
            }

                .rslide-content .drawer-cotent ul li .accordion-body .form-group {
                    margin-bottom: 10px;
                }

#listDepartment.listScroll {
    height: 200px;
    overflow-y: scroll;
}

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

    .deparment-list li {
        float: left;
        width: 33%;
    }

    .deparment-list input {
        margin-right: 5px;
    }

.theme-group {
    /*display: inline-block;*/
    display: flex;
}

    .theme-group label, .theme-group .custom-coBrand {
        color: #fff;
        padding: 5px;
        position: relative;
        display: inline-block;
        border-radius: 4px;
        margin: 0px 5px 0px 0px;
        height: 35px;
        min-width: 50px;
        text-align: center;
        cursor: pointer;
    }

        .theme-group label i, .theme-group .custom-coBrand i {
            font-size: 23px;
            font-weight: 100;
            vertical-align: middle;
            position: absolute;
            left: 31%;
            top: 6px;
            z-index: 12;
            display: none;
        }

    .theme-group input {
        visibility: hidden;
    }

.lbldefault {
    background: #fff;
    border: 1px solid #0034ac;
    color: #0034ac !important;
}

.lblblue {
    background: #0034ac;
}

.lblpurple {
    background: #564aa3;
}

.lblred {
    background: #ec2121;
}

.lblgreen {
    background: #2b957a;
}

.lblmultiple {
    background: url(/Content/eMDMSCSS/img/color-icon-27.jpg) no-repeat center center;
    height: 100px;
    background-size: auto 100px;
    display: inline-block;
}

.theme-body .company-logo {
    min-width: 240px;
    text-align: center;
    display: inline-block;
    height: 60px;
    border: 1px solid #e2e2e2;
    padding: 0px;
    overflow: hidden;
    border-radius: 4px;
    background: #f1f1f1;
}

.theme-body .nologo {
    background: #ddd;
}

.theme-body .company-logo img {
    height: 100%;
    width: auto;
}

.theme-body .form-note {
    font-size: 13px;
    vertical-align: middle;
    margin-left: 5px;
    line-height: 18px;
    color: #888;
    margin: 10px 0px;
}

.theme-body .orboxH {
    border-bottom: 1px solid #eee;
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 25px;
    width: 240px;
}

    .theme-body .orboxH .or {
        font-size: 11px;
        position: absolute;
        top: 0px;
        left: 42%;
        height: 28px;
        background: #eee;
        color: #333;
        padding: 5px 7px;
        display: block;
        line-height: 20px;
        text-align: center;
        margin: 10px;
        border-radius: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.theme-body .image-url {
    margin: 10px 0px;
}

.customize-theme {
    display: inline-block;
    vertical-align: top;
}

    .customize-theme a.btn {
        background: #fff;
        padding: 6px 12px;
        border: 1px solid #e2e2e2;
    }

        .customize-theme a.btn:hover {
            box-shadow: none;
            background: #f9f9f9;
        }

.list-keyvalues {
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
    padding: 15px;
}

.modal-powerform .form-group {
    margin-bottom: 2px;
}

    .modal-powerform .form-group .form-control {
        border: 1px solid #ccc !important;
    }

.modal-powerform .title-info { /*position:absolute;*/
    right: 0px;
    top: 6px;
    width: 15px;
    height: 15px;
    font-size: 11px;
}

.customize-theme-block {
    padding: 15px;
}

    .customize-theme-block h3 {
        margin: 10px 0px 0px;
        font-size: 16px;
        font-weight: normal;
    }

    .customize-theme-block .color-list {
        margin: 10px 10px 10px 0px;
        list-style: none;
        padding: 0px;
    }

        .customize-theme-block .color-list li {
            padding: 7px 0px;
        }

.preview-theme {
    background: #f9f9f9;
    padding: 15px 10px;
    border: 1px solid #f1f1f1;
}

    .preview-theme h3 {
        text-align: center;
        font-size: 16px;
        margin: 0px;
    }

.preview-image {
    margin-top: 10px;
    position: relative;
}

    .preview-image .pv-img {
        width: 100%;
        height: 100%;
        border: 1px solid #e2e2e2;
    }

.preview-content {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
}

    .preview-content .header {
        height: 35px;
        background: #0034ac;
    }

        .preview-content .header .logo {
            padding: 2px 10px;
            display: inline-block;
        }

            .preview-content .header .logo img {
                width: 90px;
            }

        .preview-content .header .header-text {
            color: #fff;
            display: inline-block;
            margin-left: 75px;
            font-size: 11px;
        }

            .preview-content .header .header-text i {
                font-size: 11px;
            }

            .preview-content .header .header-text span {
                margin-right: 20px;
            }

    .preview-content .menu-sidebar {
        position: relative;
        /*width: 167px;*/
        width: 131px;
    }

    .preview-content .menu-active {
        position: absolute;
        left: 0px;
        /*top: 107px;*/
        top: 80px;
        background: #0034ac;
        width: 100%;
        padding: 0px 5px;
        font-size: 8px;
        color: #fff;
    }

        .preview-content .menu-active i {
            font-size: 10px;
            margin-right: 5px;
        }

        .preview-content .menu-active span.fa {
            float: right;
            margin-top: 5px;
        }

    .preview-content .button {
        font-size: 10px;
        background: #0034ac;
        color: #fff;
        width: 70px;
        /*padding: 3px 5px;*/
        /*margin: 200px 40px 0 0;*/
        margin: 150px 40px 0 0;
        display: block;
        float: right;
        text-align: center;
        border-radius: 4px;
    }

    .preview-content .days {
        position: absolute;
        /*left: 80px;
top: 23px;*/
        left: 64px;
        top: 10px;
    }

        .preview-content .days span {
            background: #0034ac;
            color: #fff;
            width: 16px;
            border-radius: 12px;
            margin: 0px 1px;
            font-size: 7px;
            display: inline-block;
            text-align: center;
            line-height: 14px;
        }

    .preview-content .storage {
        position: absolute;
        /*left: 14px;
top: 56px;*/
        left: 10px;
        top: 40px;
        font-size: 9px;
        color: #0034ac;
    }

    .preview-content .menu-hlink {
        position: absolute;
        /*left: 69px;
top: 85px;*/
        left: 58px;
        top: 62px;
        font-size: 6px;
        color: #0034ac;
    }

    .preview-content .menu-selected {
        position: absolute;
        /*left: 16px;
top: 129px;*/
        left: 16px;
        top: 98px;
        font-size: 7px;
        color: #0034ac;
    }

.delete-signatory1 {
    margin: 0 10px;
}

.ico-workflow {
    background: url(/Content/eMDMSCSS/img/ico-workflow.png) no-repeat 4px 5px;
    border: 1px solid #e2e2e2;
    height: 24px;
    width: 24px;
    display: inline-block;
    text-indent: 99999px;
    float: left;
}

    .ico-workflow:hover {
        background: #0034ac url(/Content/eMDMSCSS/img/ico-workflow-hover.png) no-repeat 4px 5px;
    }

#stsSordrP .modal-body, #stsSordrS .modal-body {
    padding: 0;
}

#stsSordrP ul, #stsSordrS ul {
    margin: 0;
    padding: 0;
}

#stsSordrP li, #stsSordrS li {
    list-style: none;
    border: 1px solid #f1f1f1;
    border-width: 1px 0;
    margin: 0 auto;
    padding: 0 30px;
    min-height: 100px;
    position: relative;
}

    #stsSordrP li li, #stsSordrS li li {
        border: none;
        padding: 0;
        min-height: auto;
        vertical-align: middle;
        height: auto;
    }

.widget {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: inline-block; /*width:20%;*/
    margin: 0 auto;
}

.stsPending {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    background: #999999;
    font: 600 25px/50px emSignerFont, Helvetica, Arial, sans-serif;
    color: #FFF;
    text-align: center;
    margin: 0px auto;
    display: table;
    z-index: 10;
    position: relative;
}

    .stsPending .tt {
        display: none;
    }

    .stsPending:hover .tt {
        display: block;
        font-size: 12px;
        line-height: 18px;
        border: 1px solid #999;
        color: #999999;
        text-align: center;
        width: auto;
        position: absolute;
        background: #fff;
        z-index: 9999;
        padding: 5px 10px;
        top: -10px;
    }

#stsSordrP .signerBlk {
    width: 100%;
    max-width: 600px;
    overflow-x: auto;
    display: block;
    margin: 0 auto;
}

#stsSordrS .signerBlk {
    max-height: 200px;
    overflow-y: auto;
    display: block;
    margin: 0 auto;
}

#stsSordrP .lines1 {
    border-right: 2px solid #999;
    height: 200px;
    margin-right: 5px;
    position: absolute;
    left: 50%;
    top: 50px; /*z-index:1*/
}

#stsSordrP .lines2 {
    border-bottom: 2px solid #999; /*width:90%;*/
    position: absolute;
    top: 10px;
}

#stsSordrP .flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    z-index: 10;
}

#stsSordrP .nowrap {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#stsSordrP .wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#stsSordrP .flex-item {
    width: auto;
    height: 100px;
    margin: 10px auto;
    line-height: 100px;
}

#stsSordrS .flex-item {
    width: auto;
    height: auto;
    margin: 10px;
    line-height: auto;
}

.stsPending .fa {
    font-size: 25px;
}

#SignAppearence .rdo-signer, #innertabContent_5 .rdo-signer {
    vertical-align: top;
    margin-right: 10px;
}

#SignAppearence .col-md-6 {
    margin-bottom: 10px;
}


.diagram-container {
    background-color: #f1f1f1;
    display: block;
}

.modal .content.fluid, .modal_content-list, .modal_content-noPad, .modal_content.fluid {
    margin: 0;
    padding: 0;
}

.diagram-container table {
    width: 100%;
}

.diagram-row-contents {
    padding: 10px 0px;
}

.diagram-row:last-of-type {
    border-bottom: none;
}

.diagram-row {
    border-bottom: 1px solid #e5e5e5;
}

.diagram-row-caption {
    font-size: 15px;
    color: #555;
    line-height: 35px;
    margin: 0px;
    padding: 0px 15px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 160px;
    white-space: nowrap;
}

.diagram-title-caption {
    font-size: 16px;
    color: #555;
    line-height: 35px;
    padding: 5px 15px;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    background: #eeeeee;
}

.diagram-signer {
    position: relative;
}

.thumbnail-wrapper {
    position: relative;
}

    .thumbnail-wrapper.signer {
        position: relative;
        height: 55px;
    }

.diagram-row-contents .sender:after, .diagram-row-contents .complete:before {
    content: "";
    background: url("/Content/eMDMSCSS/img/sod-line-arrow.png") no-repeat center center;
    height: 55px;
    width: 35%;
    right: 0%;
    position: absolute;
    top: -2px;
}

.diagram-row-contents .complete:before {
    left: 0px;
}

.thumbnail-wrapper .thumbnail-line {
    border-top: 2px dashed #717171;
    position: absolute;
    display: block;
    width: 100%;
    top: 25px;
}

    .thumbnail-wrapper .thumbnail-line:after {
        content: "";
        left: 50%;
        height: 55px;
        border-right: 2px dashed #717171;
        display: block;
        position: absolute;
        top: 0px;
    }

.diagram-signer .signer:before,
.diagram-signer .signer:after {
    content: "";
    height: 55px;
    background: #717171;
    width: 2px;
    display: block;
    position: absolute;
    top: 25px;
}

.diagram-signer .signer:after {
    right: 0px;
}

.diagram-signer .signer:last-child:before, .diagram-signer .no-leftline:before,
.diagram-signer .signer:last-child:after, .diagram-signer .signer:last-child .thumbnail-line:after {
    display: none;
}

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

.dashboard-signerdiagram {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
    font-weight: bold;
}

.thumbnail-wrapper {
    display: block;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}

.thumbnail-contents.recipient-completed {
    background-color: #690;
}

    .thumbnail-contents.recipient-completed *, .thumbnail-contents.recipient-completed .completion-icon::before {
        color: #fff;
    }

.thumbnail-wrapper.complete:only-child {
    background-position: -187px -30px
}

.thumbnail-contents.recipient-not-recieved {
    background-color: #d9e1f1;
    border-color: #b8bfcc;
}

.thumbnail-contents {
    background-color: #f36f21;
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 6px;
    display: inline-block;
    height: 39px;
    line-height: 36px;
    margin: 3px;
    width: 50px;
    position: relative;
    z-index: 999;
}

    .thumbnail-contents u {
        text-decoration: none;
    }

    .thumbnail-contents .fa-check {
        font-size: 18px;
    }

    .thumbnail-contents .user-status {
        position: absolute;
        right: -10px;
        top: -8px;
        background: #000;
        padding: 0px;
        display: flex;
        line-height: 10px;
        font-weight: normal;
        border-radius: 100px;
        font-size: 12px;
        width: 20px;
        height: 20px;
        justify-content: center;
        align-items: center;
    }

.strong, .text-strong, .u-text-strong, strong {
    font-weight: 700;
}

.thumbnail-contents.recipient-not-recieved *, .thumbnail-contents.recipient-not-recieved .completion-icon::before {
    color: #b8bfcc;
}

.complete .thumbnail-contents i {
    right: auto;
    left: -50%;
}

.diagram-row-contents .series-sign:before {
    display: none;
}

.diagram-row-contents .series-sign:after {
    display: none;
}

.thumbnail-wrapper .thumbnail-noline:after {
    content: "";
    left: 50%;
    height: 60px;
    background: #717171;
    width: 2px;
    display: block;
    position: absolute;
    top: 10px;
}

.diagram-row-contents .series-sender:after {
    width: 100%;
    right: -50%;
    position: absolute;
}

.diagram-row-contents .no-display:after {
    display: none;
}

.diagram-row-contents .series-completed:before {
    content: "";
    width: 100%;
    left: -50%;
    position: absolute;
}

.wfstatusBox {
    margin: 5px 0 0;
    text-align: right;
}

    .wfstatusBox .wflabel span {
        width: 15px;
        height: 15px;
        display: inline-block;
        margin: -3px 3px 0px 0px;
        vertical-align: middle;
    }

    .wfstatusBox .wflabel {
        margin-right: 15px;
        font-size: 13px;
        margin-bottom: 5px;
        display: inline-block;
    }

    .wfstatusBox .pending {
        background: #f36f21;
    }

    .wfstatusBox .notyetstarted {
        background: #969696;
    }

    .wfstatusBox .recalled {
        background: #0066cc;
    }

    .wfstatusBox .completed {
        background: #669900;
    }

    .wfstatusBox .declined {
        background: #cc3333;
    }

    .wfstatusBox .delete {
        background: #ff0000;
    }

    .wfstatusBox .carboncopy {
        background: #f1f1f1;
        border: 2px solid #de07f4;
    }

    .wfstatusBox .delegation, .wfstatusBox .reviewer, .wfstatusBox .carboncopy, .wfstatusBox .signer {
        background: #000 !important;
        border: none !important;
        color: #fff;
        border-radius: 100%;
        position: relative;
        height: 18px !important;
        width: 18px !important;
    }
    .wfstatusBox .delegation:before, .wfstatusBox .reviewer:before, .wfstatusBox .carboncopy:before, .wfstatusBox .signer:before {
        display:flex;
        font-size:10px;
        height:18px;
        justify-content:center;
        align-items:center;
    }
    .wfstatusBox .delegation:before {
        content: 'D';
    }
    .wfstatusBox .reviewer:before {
        content: 'R';
    }
    .wfstatusBox .carboncopy:before {
        content: 'CC';
    }
    .wfstatusBox .signer:before {
        content: 'S';
    }

.signer-order-status {
    text-align: left;
    padding: 10px 20px;
    margin: 0 0 5px;
    background: #f9f9f9;
    border-bottom: 1px solid #e2e2e2;
}

.sod-completed {
    background-color: #690;
    color: #ffffff;
}

.cc-completed {
    background-color: #690;
    color: #ffffff;
    border: 2px solid #de07f4;
}

.cc-pending {
    background-color: #f36f21;
    color: #ffffff;
    border: 2px solid #de07f4;
}

.sod-pending {
    background-color: #f36f21;
    color: #ffffff;
}

.sod-notstarted {
    background-color: #969696;
    color: #ffffff;
}

.sod-declined {
    background-color: #c33;
    color: #ffffff;
}

.sod-recalled {
    background-color: #06c;
    color: #ffffff;
}

.sod-deleted {
    background-color: #f00000;
    color: #ffffff;
}

.sod-delegation {
    border-color: #673695;
    color: #fff;
}

.del-completed {
    background-color: #690;
    color: #ffffff;
    border-color: #673695;
}

.del-declined {
    background-color: #c33;
    color: #ffffff;
    border-color: #673695;
}

.mysignBox {
    margin: 20px 0px !important;
    padding: 0px !important;
    width: 100%;
    list-style: none;
}

    .mysignBox li {
        border: 1px solid #ddd;
        float: left;
        width: 47.9%;
        height: 80px;
        margin: 0px;
        padding: 10px 5px 5px 30px;
        border-radius: 4px;
        margin: 0 15px 20px 0px;
        background: #fff;
        position: relative;
        text-align: center;
    }

        .mysignBox li label {
            display: block;
            height: 55px;
        }

        .mysignBox li img {
            transform: scale(1);
            height: 100%;
        }

        .mysignBox li input {
            position: absolute;
            left: 11px;
            top: 26px;
        }

        .mysignBox li.selected {
            border: 1px solid #000;
        }

        .mysignBox li:before {
            content: '';
            background: #fff;
            width: 18px;
            height: 18px;
            border: 1px solid #ddd;
            border-radius: 100px;
            position: absolute;
            top: 24px;
            left: 9px;
            z-index: 12;
            font-size: 12px;
            line-height: 18px;
            color: #fff;
            text-align: center;
        }

        .mysignBox li.selected:before {
            content: '\2713';
            background: #000;
            border: 1px solid #000;
        }

        .mysignBox li span {
            font-size: 9px;
            line-height: 16px;
            position: absolute;
            top: 0px;
            margin-top: -10px;
            left: 10px;
            border-radius: 4px;
            background: #999999;
            padding: 0px 10px;
            display: inline-block;
            color: #fff;
        }

        .mysignBox li.selected span {
            background: #000;
        }

.mysignAppearence {
    margin: 20px 0px !important;
    padding: 0px !important;
    width: 100%;
    list-style: none;
}

    .mysignAppearence li {
        border: 1px solid #ddd;
        float: left;
        width: 22%;
        margin: 0px;
        padding: 16px 16px 0px;
        border-radius: 4px;
        margin: 0 15px 25px 0px;
        background: #fff;
        height: 100px;
        position: relative;
        text-align: center;
    }

        .mysignAppearence li label {
            display: block;
        }

        .mysignAppearence li img {
            width: 100%;
            height: 70px;
        }

        .mysignAppearence li input {
            position: absolute;
            right: 10px;
            top: 10px;
        }

        .mysignAppearence li.selected {
            border: 1px solid #000;
        }

        .mysignAppearence li span {
            font-size: 12px;
            line-height: 22px;
            position: absolute;
            top: 0px;
            margin-top: -10px;
            left: 10px;
            border-radius: 4px;
            background: #999999;
            padding: 0px 10px;
            display: inline-block;
            color: #fff;
        }

        .mysignAppearence li.selected span {
            background: #000;
        }

.alert-note-wrap {
    margin-left: 20px;
    display: inline-block;
    max-width: 63%;
}

.alert-note {
    font-size: 12px;
    margin-top: 10px;
}

    .alert-note ol {
        margin: 0px;
        padding: 0px 15px;
    }

.ui-autocomplete {
    z-index: 10199 !important;
}

.cust-autocomplete {
    max-height: 200px;
    overflow: auto;
}


.table-upgrade td {
    border: none !important;
    padding: 5px 0px !important;
}

.upgrade-apps-block .apps {
    background: #fff;
    overflow: visible;
    box-sizing: border-box;
    height: 70px;
    padding: 0px;
    margin-bottom: 25px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    border-radius: 5px;
}

    .upgrade-apps-block .apps .apps-icon {
        width: 60px;
        height: 60px;
        float: left;
        margin: 5px 10px;
    }

    .upgrade-apps-block .apps .apps-name {
        margin: 20px 0px;
        line-height: 18px;
    }

    .upgrade-apps-block .apps .apps-icon img {
        width: 100%;
        height: 100%;
    }

    .upgrade-apps-block .apps .apps-name a.btn-view {
        line-height: 16px;
        font-size: 13px;
    }

.paymentContent {
    position: fixed;
    -webkit-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    background: #fff;
    width: 400px;
    padding: 10px 15px;
    left: 33%;
    top: 35%;
    vertical-align: middle;
    z-index: 10200;
    font-size: 13px;
}

    .paymentContent h2 {
        color: #fff;
        margin: 0px;
        font-size: 16px;
        background: #333;
        padding: 10px 15px;
        margin: -10px -15px 0px -15px;
    }

    .paymentContent .btn-set {
        text-align: right;
        margin-bottom: 5px;
    }

        .paymentContent .btn-set a {
            margin-left: 10px;
        }

    .paymentContent .info, .paymentContent .success, .paymentContent .warning, .paymentContent .error, .paymentContent .help, .paymentContent .download {
        margin: 15px 0px 10px;
        padding: 10px 10px 10px 40px;
        background-repeat: no-repeat;
        background-position: 0px 5px;
    }

    .paymentContent .info {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/info.png');
    }

    .paymentContent .help {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/help.png');
    }

    .paymentContent .success {
        color: #4F8A10;
        background-image: url('/Content/eMDMSCSS/img/success.png');
    }

    .paymentContent .warning {
        color: #9F6000;
        background-image: url('/Content/eMDMSCSS/img/warning.png');
    }

    .paymentContent .error {
        color: #D8000C;
        background-image: url('/Content/eMDMSCSS/img/error.png');
    }

    .paymentContent .download {
        color: #333;
        background-image: url('/Content/eMDMSCSS/img/download.png');
    }

    .paymentContent .closewindow {
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        right: 15px;
        top: 10px;
        background: url(/Content/eMDMSCSS/img/modal-close-white.png);
    }

.alertLarge .paymentContent {
    width: 920px;
    left: 18%;
    top: 5%;
}

    .alertLarge .paymentContent h2 {
        padding: 8px 15px;
        font-size: 20px;
    }

.uploadContent {
    position: fixed;
    -webkit-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    background: #fff;
    width: 400px;
    padding: 10px 15px;
    left: 33%;
    top: 35%;
    vertical-align: middle;
    z-index: 10200;
    font-size: 13px;
}

    .uploadContent h2 {
        color: #fff;
        margin: 0px;
        font-size: 16px;
        background: #333;
        padding: 10px 15px;
        margin: -10px -15px 0px -15px;
    }

    .uploadContent .btn-set {
        text-align: right;
        margin-bottom: 5px;
    }

        .uploadContent .btn-set a {
            margin-left: 10px;
        }

    .uploadContent .info, .uploadContent .success, .uploadContent .warning, .uploadContent .error, .uploadContent .help, .uploadContent .download {
        margin: 15px 0px 10px;
        padding: 10px 10px 10px 40px;
        background-repeat: no-repeat;
        background-position: 0px 5px;
    }

    .uploadContent .info {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/info.png');
    }

    .uploadContent .help {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/help.png');
    }

    .uploadContent .success {
        color: #4F8A10;
        background-image: url('/Content/eMDMSCSS/img/success.png');
    }

    .uploadContent .warning {
        color: #9F6000;
        background-image: url('/Content/eMDMSCSS/img/warning.png');
    }

    .uploadContent .error {
        color: #D8000C;
        background-image: url('/Content/eMDMSCSS/img/error.png');
    }

    .uploadContent .download {
        color: #333;
        background-image: url('/Content/eMDMSCSS/img/download.png');
    }

    .uploadContent .closewindow {
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        right: 15px;
        top: 10px;
        background: url(/Content/eMDMSCSS/img/modal-close-white.png);
    }

.alertLarge .uploadContent {
    width: 920px;
    left: 18%;
    top: 5%;
}

    .alertLarge .uploadContent h2 {
        padding: 8px 15px;
        font-size: 20px;
    }

.signerGatewayApp header {
    border-bottom: 1px solid #eee !important;
    height: 50px;
}

    .signerGatewayApp header .button-actions .form-control {
        font-size: 13px;
    }

.signerGatewayApp h3 {
    font: bold 16px 'emSignerFont';
    text-align: left;
    padding-left: 50px;
    padding-top: 10px;
}

    .signerGatewayApp h3.left {
        font: bold 16px 'emSignerFont';
        text-align: left;
        padding-left: 0px;
        padding-top: 10px;
    }

.signerGatewayApp .main-wrapper {
    margin-top: 40px;
}

    .signerGatewayApp .main-wrapper.WhiteList {
        margin-top: 20px;
        padding: 0px;
    }

.signerGatewayTheme .client-logo {
    position: absolute;
    right: 94px;
    top: 10px;
    width: 100px;
}

    .signerGatewayTheme .client-logo img {
        width: 100%;
    }

.signerGatewayTheme .preview-content .menu-hlink {
    position: absolute;
    left: 154px;
    top: 85px;
    font-size: 9px;
    color: #0034ac;
}

.signerGatewayTheme .btn1 {
    position: absolute;
    top: 135px;
    left: 96px;
    width: 130px;
    margin: 0;
}

.signerGatewayTheme .btn2 {
    position: absolute;
    top: 135px;
    left: 243px;
    width: 130px;
    margin: 0;
}

.signerGatewayTheme .btn3 {
    position: absolute;
    top: 135px;
    left: 389px;
    width: 130px;
    margin: 0;
}

.signerGatewayTheme .btn4 {
    position: absolute;
    top: 176px;
    left: 277px;
    width: 56px;
    margin: 0;
    height: 21px;
    font-size: 12px;
    line-height: 16px;
}

.no-data {
    text-align: center;
    padding-top: 15%;
}


.signer-preview-theme {
    background: #f9f9f9;
    padding: 15px 10px;
    border: 1px solid #f1f1f1;
}

    .signer-preview-theme h3 {
        text-align: center;
        font-size: 16px;
        margin: 0px;
    }

.signer-preview-image {
    margin-top: 10px;
    position: relative;
}

    .signer-preview-image .pv-img {
        width: 100%;
        height: 100%;
        border: 1px solid #e2e2e2;
    }

.signer-preview-content {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
}

    .signer-preview-content .header {
        height: 42px;
        background: #0034ac;
        position: relative;
        /*top: 32px;*/
        top: 27px;
    }

    .signer-preview-content .header-container {
        border-radius: 4px 4px 0 0;
        background: #fff;
        position: absolute;
        top: 15px;
        height: 28px;
        left: 2%;
        font-size: 11px;
        width: 96%;
        padding: 2px 5px;
    }

        .signer-preview-content .header-container .btn {
            font-size: 10px;
            padding: 3px 5px;
            border: none;
        }

        .signer-preview-content .header-container .page-control {
            right: 206px;
            top: 1px;
        }

    .signer-preview-content .header .header-text span {
        margin-right: 20px;
    }

    .signer-preview-content .menu-sidebar {
        position: relative;
        width: 167px;
    }

    .signer-preview-content .menu-active {
        position: absolute;
        left: 0px;
        top: 107px;
        background: #0034ac;
        width: 100%;
        padding: 0px 15px;
        font-size: 10px;
        color: #fff;
    }

        .signer-preview-content .menu-active i {
            font-size: 10px;
            margin-right: 5px;
        }

        .signer-preview-content .menu-active span.fa {
            float: right;
            margin-top: 5px;
        }

    .signer-preview-content .button {
        background: #0034ac;
        color: #fff;
        width: 80px;
        padding: 3px 5px;
        margin: 200px 40px 0 0;
        display: block;
        float: right;
        text-align: center;
        border-radius: 4px;
    }

    .signer-preview-content .days {
        position: absolute;
        left: 80px;
        top: 23px;
    }

        .signer-preview-content .days span {
            background: #0034ac;
            color: #fff;
            width: 20px;
            border-radius: 12px;
            margin: 0px 1px;
            font-size: 9px;
            display: inline-block;
            text-align: center;
            line-height: 16px;
        }

    .signer-preview-content .storage {
        position: absolute;
        left: 14px;
        top: 56px;
        font-size: 9px;
        color: #0034ac;
    }

    .signer-preview-content .menu-hlink {
        position: absolute;
        left: 69px;
        top: 85px;
        font-size: 9px;
        color: #0034ac;
    }

    .signer-preview-content .menu-selected {
        position: absolute;
        left: 16px;
        top: 129px;
        font-size: 9px;
        color: #0034ac;
    }

    .signer-preview-content .menu-sidebar-right {
        position: absolute;
        right: 13px;
        top: 45px;
        width: 160px;
    }

        .signer-preview-content .menu-sidebar-right .sub-title {
            font-size: 9px !important;
        }

            .signer-preview-content .menu-sidebar-right .sub-title a {
                font-size: 11px !important;
                padding: 0px;
                background: none;
                border: none;
            }

    .signer-preview-content .signature-options .btn.signer-acclink, .signer-preview-content .signature-options .btn.btn-esignature {
        display: block;
        margin-bottom: 10px;
        text-align: left;
        position: relative;
        padding: 10px;
        padding-left: 45px;
    }

        .signer-preview-content .signature-options .btn.signer-acclink small, .signer-preview-content .signature-options .btn.btn-esignature small {
            display: block;
        }

    .signer-preview-content .signature-options .option-list {
        position: relative;
    }

    .signer-preview-content .signature-options a.signer-acclink {
        font-size: 60%;
        padding: 5px !important;
        padding-left: 30px !important;
    }

        .signer-preview-content .signature-options a.signer-acclink small {
            font-size: 60%;
        }

    .signer-preview-content .signer-content {
        font-size: 50%;
        border: 1px solid #e2e2e2;
        padding: 8px;
        margin-bottom: 10px;
        margin-top: -10px;
        background: #f1f1f1;
        border-radius: 0 0 3px 3px;
    }

        .signer-preview-content .signer-content .btn-otp {
            border: none;
            padding: 3px 6px;
            font-size: 100%;
            vertical-align: top;
        }

        .signer-preview-content .signer-content .esign-form .form-control {
            padding: 2px 6px;
            font-size: 100%;
            padding: 0px;
            height: 20px;
            width: 100px;
            display: inline-block;
            vertical-align: top;
        }

    .signer-preview-content .help-note {
        font-size: 70%;
        cursor: pointer;
        border: 1px solid rgba(255,255,255,0.5);
        background: none;
        color: rgba(255,255,255,0.8);
        padding: 0px;
        border-radius: 100%;
        width: 18px;
        height: 18px;
        text-align: center;
        position: absolute;
        top: 8px;
        right: 8px;
    }

        .signer-preview-content .help-note:hover {
            border: 1px solid rgba(255,255,255,1);
            color: rgba(255,255,255,1);
        }

    .signer-preview-content .opt-div {
        font-size: 70%;
        text-align: center;
        line-height: 18px;
        background: #f1f1f1;
        padding: 0px;
        width: 18px;
        height: 18px;
        display: inline-block;
        margin: 0px auto;
        border-radius: 100%;
        position: absolute;
        top: 8px;
        left: 8px;
        z-index: 10;
    }

.emandate-preview {
    position: absolute;
    top: 249px;
    left: 230px;
}

    .emandate-preview a {
        font-size: 10px;
    }

    .emandate-preview #btnAction {
        position: absolute;
        top: 32px;
        left: -25px;
    }


/* Signing option style*/
.doclist-section {
    margin-top: -10px;
}

    .doclist-section .doclist-head {
        padding: 10px;
        font-weight: bold;
        font-size: 15px;
        margin: 0px;
        background: #ddd;
    }

.sign-options {
    padding: 0px;
    width: 320px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.signing-main {
    margin-right: 340px;
}

.signature-options .btn.signer-acclink, .signature-options .btn.btn-esignature {
    display: block;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
    padding: 10px !important;
    padding-left: 45px !important;
}

    .signature-options .btn.signer-acclink small, .signature-options .btn.btn-esignature small {
        display: block;
    }

.signature-options .option-list {
    position: relative;
}

.help-note {
    cursor: pointer;
    border: 1px solid rgba(255,255,255,0.5);
    background: none;
    color: rgba(255,255,255,0.8);
    padding: 5px 2px 0px 0px;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    text-align: center;
    position: absolute;
    top: 16px;
    right: 15px;
}

    .help-note:hover {
        border: 1px solid rgba(255,255,255,1);
        color: rgba(255,255,255,1);
    }

.help-relative {
    position: relative;
    display: block;
}

.help-content {
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    border: 2px solid #e2e2e2;
    position: absolute;
    top: 45px;
    right: 10px;
    width: 300px;
    z-index: 1200;
    display: none;
    font-size: 13px;
}

    .help-content:before {
        content: "";
        position: absolute;
        border-style: solid;
        border-width: 0px 8px 8px 8px;
        border-color: transparent transparent #e2e2e2 transparent;
        display: block;
        width: 0px;
        z-index: 0;
        top: -10px;
        right: 6px;
    }

.help-close {
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 0px;
    color: #162650;
}

    .help-close:hover {
        color: #162650;
        text-decoration: none;
    }

.help-content ul {
    margin: 10px 20px;
}

.help-content li {
    list-style: disc !important;
}

.help-link span {
    padding: 0px;
    background: #5c3484;
    color: #fff;
    cursor: pointer;
    width: 18px;
    height: 18px;
    text-align: center;
    display: inline-block;
    margin: 0px 5px;
    border-radius: 100%;
}

.opt-div {
    text-align: center;
    background: #f1f1f1;
    padding: 3px;
    line-height: 20px;
    width: 26px;
    display: inline-block;
    margin: 0px auto;
    border-radius: 100%;
    position: absolute;
    top: 16px;
    left: 10px;
    z-index: 10;
}

.data-alert {
    margin: 10px 0px;
    border: 1px solid #faebcc;
    color: #8a6d3b;
}

    .data-alert p {
        background: #fcf8e3;
        display: block;
        padding: 10px 15px;
        margin: 0px;
        font-size: 16px !important;
    }

.quick-content {
    background: #fff;
    font-weight: normal;
    text-transform: none;
    line-height: 18px;
    padding: 15px;
    border-radius: 4px;
    border: 2px solid #e2e2e2;
    position: absolute;
    left: 10px;
    z-index: 1200;
    display: none;
    font-size: 13px;
}

    .quick-content:before {
        content: "";
        position: absolute;
        border-style: solid;
        border-width: 0px 8px 8px 8px;
        border-color: transparent transparent #e2e2e2 transparent;
        display: block;
        width: 0px;
        z-index: 0;
        top: -10px;
        left: 32%;
    }

    .quick-content .help-close {
        cursor: pointer;
        font-size: 18px;
        position: absolute;
        right: 10px;
        top: 5px;
        color: #162650;
    }

.signer-content {
    border: 1px solid #e2e2e2;
    padding: 15px;
    margin-bottom: 10px;
    margin-top: -10px;
    background: #f1f1f1;
    border-radius: 0 0 3px 3px;
}

    .signer-content .btn-otp {
        padding: 4px 10px;
    }

    .signer-content .form-group {
        margin-bottom: 10px;
    }

.uploadReq {
    padding: 20px;
    position: absolute;
    right: 30%;
    top: 150px;
    font-size: 18px;
    line-height: 22px;
    width: 300px;
    text-align: center;
    margin: 0px;
}

.responseBox {
    margin-top: 60px;
    text-align: center;
}

    .responseBox p {
        text-align: center !important;
    }

.signature-links {
    margin-top: 5px;
    position: relative;
    margin-bottom: 10px;
}

    .signature-links a, .signature-links a:hover {
        background: none !important;
        text-decoration: none;
    }

    .signature-links i.help-note {
        color: #666;
        border: 1px solid #999;
        padding: 3px;
        border-radius: 100%;
        line-height: 12px;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        text-align: center;
        position: relative;
        top: 0px;
        right: auto;
        font-size: 10px;
    }

    .signature-links .help-content {
        text-align: left;
        top: 30px;
        right: -5px;
    }

        .signature-links .help-content:before {
            right: 40%;
        }

.port-link {
    font-size: 13px;
    text-align: right;
}

    .port-link i {
        text-align: left !important;
    }

    .port-link .help-content:before {
        right: 6px;
    }

.dragDiv .psignImg {
    background: url(/Content/eMDMSCSS/img/emsigner-watermark.svg) no-repeat center center;
    height: 100%;
    width: 100%;
    display: block;
    vertical-align: top;
    opacity: 1;
    background-size: contain;
}

.dragDiv .pInImg {
    background: url(/Content/eMDMSCSS/img/select-initials.svg) no-repeat center center;
    height: 100%;
    width: 100%;
    display: block;
    vertical-align: top;
    opacity: 1;
    margin-left: 3px;
    margin-right: -3px;
    background-size: contain;
}

.dragDiv .pstampImg {
    background: url(/Content/eMDMSCSS/img/select-stamp.svg) no-repeat center center;
    height: 100%;
    width: 100%;
    display: block;
    vertical-align: top;
    opacity: 1;
    background-size: contain;
}

.dragDiv .psignloadImg {
    position: absolute;
    left: 45%;
    top: 35%;
    display: block;
    vertical-align: top;
    opacity: 1;
}
.dragDiv .InitialsloadImg {
    position: absolute;
    left: 35%;
    top: 30%;
    display: block;
    vertical-align: top;
    opacity: 1;
}
.dragDiv .CmpyStamploadImg {
    position: absolute;
    left: 40%;
    top: 42%;
    display: block;
    vertical-align: top;
    opacity: 1;
}
    .dragDiv .InitialsloadImg:before, .dragDiv .InitialsloadImg:after, .dragDiv .CmpyStamploadImg:after, .dragDiv .CmpyStamploadImg:before {
        width: 16px !important;
        height: 16px !important;
        border-width: 2px !important;
        display: block;
        margin: 0px auto;
    }

.dragDiv .intl-tel-input {
    position: static;
}

    .dragDiv .intl-tel-input .flag-container {
        top: 0px;
    }

    .dragDiv .intl-tel-input .text-input, .dragDiv .intl-tel-input input {
        padding-left: 36px !important;
        width: 100% !important;
    }

    .dragDiv .intl-tel-input.allow-dropdown .selected-flag {
        width: 36px !important;
        padding: 0px !important;
        display: flex;
        justify-content: start;
        align-items: center;
    }

    .dragDiv .intl-tel-input .selected-flag .iti-flag {
        margin: 0px 5px 0px 0px !important;
        position: static;
    }

    .dragDiv .intl-tel-input .selected-flag .iti-arrow {
        top: 4px;
        margin-top: 0px !important;
        position: static;
    }

.adhocformNw .dragDiv input:focus {
    outline: none !important;
}

.eSignature-btn {
    padding: 10px 100px;
}

.recipient_QR {
    background: rgba(152, 179, 239, 0.9);
    border-color: #9ebffb;
}

ul.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

ul.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

ul.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}

ul.ui-autocomplete {
    position: absolute;
    cursor: default;
    box-shadow: 0px 0px 1px rgba(0,0,0,.3);
    max-height: 250px;
    overflow-y: auto;
}

#div-review .finishTracker {
    text-align: center;
    font-size: 18px;
    padding: 15px 10px !important;
}

.sbBtnBlk {
    float: right;
}

    .sbBtnBlk .btn {
        padding: 0 15px 0 0;
        margin: 0;
        position: relative
    }

    .sbBtnBlk .sbBtn {
        color: #fff;
        background: transparent !important;
        border: none !important;
        padding: 7px 20px 7px 18px;
        display: inline-block;
    }

    .sbBtnBlk span .fa {
        cursor: pointer;
        border: 1px solid rgba(255,255,255,0.5);
        background: none;
        color: rgba(255,255,255,0.8);
        padding: 2px 2px 0px 0px;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        text-align: center;
        position: absolute;
        top: 7px;
        right: 9px;
    }

    .sbBtnBlk a {
        color: #fff;
    }

.sbContent a.btn {
    position: inherit !important;
}

.doc-signer-info table {
    margin-bottom: 10px;
}

.signature-options {
    padding: 0;
}

.signature-list {
    margin: 8px 0 0;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

    .signature-list.other-signatures {
        margin: 4px 0 0;
    }

    .signature-list li {
        border: 1px solid #ddd;
        border-bottom-width: 3px;
        float: left;
        margin-right: 10px;
        list-style: none;
        padding: 0px 7px;
        border-radius: 3px;
        cursor: pointer;
        border-bottom-width: 3px;
        position: relative;
        margin-bottom: 4px;
        font-size: 12px !important;
    }

        .signature-list li label {
            margin-right: 5px;
            cursor: pointer; /*width:83%; display:inline-block*/
        }

        .signature-list li label {
            vertical-align: middle;
        }

        .signature-list li.selected {
            border: 1px solid #0034ac;
            border-bottom-width: 3px;
            color: #0034ac;
        }

        .signature-list li.disabled {
            border: 1px solid #ddd;
            border-bottom-width: 3px;
            cursor: not-allowed;
        }

            .signature-list li.disabled label {
                cursor: not-allowed;
                color: #9c9c9c;
            }

        .signature-list li input {
            vertical-align: middle;
            margin-top: 0px;
        }

        .signature-list li .help-content {
            background: #d5e9f6 !important;
            border-color: #47ADE0;
            top: 33px;
            right: 0;
            cursor: text !important;
            color: #474747 !important
        }

            .signature-list li .help-content::before {
                border-color: transparent transparent #47ADE0 transparent
            }

.settingBlk {
    min-height: 500px;
}

    .settingBlk .form-page .form-group {
        margin-bottom: 20px !important;
    }

/*--------------reviewer related css start--------------*/
.del-review-completed {
    background-color: #690;
    border: 2px solid #673695;
    outline: 2px solid #42f20d;
}

.reviewerPending {
    background-color: #f36f21;
    border: 2px solid #42f20d;
    color: #ffffff;
}

.reviewer-completed {
    background-color: #690;
    color: #ffffff;
    border: 2px solid #42f20d;
}

.wfstatusBox .reviewer {
    background: #f1f1f1;
    border: 2px solid #42f20d;
}

.reviewer-delegation {
    border-color: #673695;
    color: #333;
    outline: 2px solid #42f20d;
}

.reviewer-declined {
    background-color: #c33;
    /*border-color: #673695;*/
    outline: 2px solid #42f20d;
}

/*---------------------end------------------------------*/
.divAdhocTwoFactor {
    margin: 10px 0;
    font-size: 14px;
}

    .divAdhocTwoFactor .title {
        margin-bottom: 10px;
        background: #e2e2e2;
        padding: 10px 6px;
        font-size: 12px;
    }

    .divAdhocTwoFactor .note {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
        font-size: 12px;
        padding: 10px;
        line-height: 18px;
    }

.singerLandscape, .singerPortrait {
    margin: 0 auto;
}

.initialSign-font-option {
    margin: 10px 0px 0px;
    list-style: none;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

    .initialSign-font-option li {
        cursor: pointer;
        margin: 10px 10px 10px 0;
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 10px 10px 5px 30px;
        background: #fff;
        height: 80px;
        width: 48%;
        position: relative;
    }

        .initialSign-font-option li.selected, .initialSign-font-option li.selected:hover {
            border: 1px solid #000;
            border-radius: 4px;
        }

.adhocformNw #singerContainer {
    height: auto !important;
    overflow-y: visible;
}

#documentViewContent {
    overflow-y: auto;
    background: #e8e8e8;
}

.docNavigation {
    position: absolute;
    bottom: -46px;
    padding: 8px 10px;
    width: 100%;
    z-index: 99;
    text-align: center;
    background: #f7f7f7;
    box-shadow: 0px 0px 1px rgb(0 0 0 / 50%);
}

    .docNavigation .btn {
        padding: 5px 15px;
        font-size: 12px;
    }

.docNavButtons {
    position: absolute;
    padding: 8px 10px;
    width: 100%;
    z-index: 99;
    text-align: center;
    background: #f7f7f7;
    box-shadow: 0px 0px 1px rgb(0 0 0 / 50%);
}

    .docNavButtons .btn {
        padding: 5px 15px;
        font-size: 12px;
    }

/*.singerLandscape{margin:0px; }*/
/*.singerLandscape .documentContainment { width:700px;}*/
@media(min-width:1600px) {
    /*.powerformMain { width: 972px; }*/
}

.divBulkBtn {
    display: block;
    margin-bottom: 15px;
}

    .divBulkBtn .btn-step-group span, .divBulkBtn .btn-primary.btn {
        width: 30%;
        padding: 0 10px !important;
        line-height: 25px !important;
        height: 30px !important;
        font-size: 13px !important;
    }

    .divBulkBtn .form-control {
        width: 70%;
        display: inline-block !important;
        float: left;
    }

    .divBulkBtn .statustext {
        font-size: 13px !important;
        line-height: 25px !important;
    }

.trackerSingOptn .signature-list li {
    display: block;
    float: none;
    margin-bottom: 5px;
    margin-left: 15px;
}

.trackerSingOptn .help-note {
    top: 6px !important;
    right: 6px;
}

.wflow-right .box .signer-content {
    border: 0 !important;
    background: #fff !important;
    margin-top: 0 !important
}
/*.wflow-right .attach-image { float:right !important; margin-bottom:10px !important}*/

.utilityContentWrap {
    height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

#Signaturedropdown .modal-body {
    padding: 15px 25px;
}

#Signaturedropdown .modal-dialog {
    margin: 20px auto;
}

#innertabContent_1.utilityContentWrap {
    height: 53vh;
    overflow-y: auto;
    overflow-x: hidden;
}

#innertabContent_1.innertab-panel {
    max-height: 300px;
    overflow-y: auto;
}

.dsplBlk {
    display: block;
}

/*zoom and rotate*/
.zoom-actions {
    display: inline-block;
    padding-left: 50px;
}

    .zoom-actions button {
        border: 1px solid #e5e5e5;
        display: inline-block;
        margin: 0 2px;
        font-size: 16px;
        background: none;
        box-shadow: none;
        padding: 2px 6px;
        color: #000;
        vertical-align: top;
    }

#zoomContainer .modal-body {
    padding: 0px 0px 20px !important;
    background: #ebebeb;
    overflow: auto;
    height: 470px;
}

    #zoomContainer .modal-body .dragDiv {
        cursor: default;
    }

#zoomContainer #signerContainment {
    height: 530px;
}

#zoomContainer .singerPortrait {
    width: 100%;
}

#zoomContainer .singerLandscape .documentContainment {
    margin-left: 10px;
}

#info {
    background-color: black;
    color: white;
    padding: 25px 50px;
}

.pl70 {
    padding-left: 70px;
}

.progressBlk {
    border: 1px solid #ccc;
    height: 35px;
    margin: 0;
    background: #fff;
}

    .progressBlk .alert {
        height: 35px;
        padding: 5px 10px;
    }

    .progressBlk .validatingMsg {
        background: #fff;
        color: #333;
        border: 1px solid #ccc;
        height: 35px;
        padding: 5px 10px;
    }

    .progressBlk .fa {
        font-size: 25px;
        float: left;
        margin-right: 10px;
        color: #fff;
    }

    .progressBlk .validatingMsg .fa {
        color: #333;
    }

.multiselect-control {
    padding: 5px 10px 0px;
    min-height: 50px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background: #fff;
}

    .multiselect-control input {
        border: none;
        outline: none;
        display: inline;
        width: auto;
        background: #fff;
        padding: 0px;
    }

        .multiselect-control input:focus {
            outline: none !important;
            background: #fff;
        }

    .multiselect-control .label {
        margin-right: 5px;
        display: inline-block;
        border-radius: 4px;
        padding: 1px 10px;
    }

        .multiselect-control .label a, .multiselect-control .label a:hover, .multiselect-control .label a:focus {
            color: #fff !important;
            margin-left: 5px;
        }

            .multiselect-control .label a i {
                margin: 0px;
            }

.multiselect-focused {
    border: 1px solid #0060ac;
}

.reviewer-list {
    margin: 0px !important;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

    .reviewer-list .delete-signatory {
        position: absolute;
        right: 20px;
        top: 7px;
        cursor: pointer;
    }

    .reviewer-list li a {
        line-height: 36px !important;
        min-height: 36px !important;
        padding-left: 10px !important;
    }

.button-review {
    margin: 5px 15px;
    padding: 0px;
}

    .button-review li {
        position: relative;
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

    .button-review .documentstory {
        position: absolute;
        right: 20px;
        top: 10px;
    }

    .button-review .btn {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

.btn-publish-doc {
    margin: 5px 0px;
    padding: 0px;
    float: right;
}

    .btn-publish-doc li {
        position: relative;
        padding: 0px;
        margin: 0px;
        list-style: none;
        float: left;
        margin-left: 15px;
    }

    .btn-publish-doc .documentstory {
        position: absolute;
        right: 20px;
        top: 10px;
    }

    .btn-publish-doc .btn {
        text-align: center;
        margin-bottom: 10px;
        padding-right: 50px;
    }

.reviewComment {
    margin-bottom: 15px;
    overflow: auto;
}

    .reviewComment .form-control {
        margin-bottom: 10px;
    }

    .reviewComment .btn {
        width: 100%;
    }

iframe html {
    background: #444444 !important;
}

#tinymce-wrapper .defaultSkin table.mceToolbar {
    float: left;
}

#tinymce-wrapper .defaultSkin .mceButton {
    margin: 2px;
}

#tinymce-wrapper .defaultSkin td.mceToolbar {
    padding-top: 7px;
    padding-bottom: 7px;
}

#tinymce-wrapper .defaultSkin .mceStatusbar {
    height: 30px;
    padding: 5px 10px;
}

.setReviewer {
    position: relative;
    padding: 0px 5px;
}

    .setReviewer a .badge {
        padding: 7px !important;
        min-width: 100% !important;
        display: block;
    }

    .setReviewer .documentstory {
        right: 25px;
        top: 5px;
    }

.document-info {
    padding: 0px 20px;
}

    .document-info .form-group {
        margin-bottom: 7px;
    }

    .document-info .document-details {
        margin: 0px;
    }

.doc-version {
    float: right;
    margin-top: -2px;
}

.setReviewer .documentstory {
    right: 25px;
    top: 5px;
}

.ManageWorkflowContent {
    position: fixed;
    -webkit-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    box-shadow: 0 7px 20px rgba(0,0,0,0.25);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    background: #fff;
    width: 400px;
    padding: 10px 15px;
    left: 33%;
    top: 35%;
    vertical-align: middle;
    z-index: 10200;
    font-size: 13px;
}

    .ManageWorkflowContent h2 {
        color: #fff;
        margin: 0px;
        font-size: 16px;
        background: #333;
        padding: 10px 15px;
        margin: -10px -15px 0px -15px;
    }

    .ManageWorkflowContent .btn-set {
        text-align: right;
        margin-bottom: 5px;
    }

        .ManageWorkflowContent .btn-set a {
            margin-left: 10px;
        }

    .ManageWorkflowContent .info, .ManageWorkflowContent .success, .ManageWorkflowContent .warning, .ManageWorkflowContent .error, .ManageWorkflowContent .help, .ManageWorkflowContent .download {
        margin: 15px 0px 10px;
        padding: 10px 20px 10px 40px;
        background-repeat: no-repeat;
        background-position: 0px 5px;
    }

    .ManageWorkflowContent .info {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/info.png');
    }

    .ManageWorkflowContent .help {
        color: #00529B;
        background-image: url('/Content/eMDMSCSS/img/help.png');
    }

    .ManageWorkflowContent .success {
        color: #4F8A10;
        background-image: url('/Content/eMDMSCSS/img/success.png');
    }

    .ManageWorkflowContent .warning {
        color: #9F6000;
        background-image: url('/Content/eMDMSCSS/img/warning.png');
    }

    .ManageWorkflowContent .error {
        color: #D8000C;
        background-image: url('/Content/eMDMSCSS/img/error.png');
    }

    .ManageWorkflowContent .download {
        color: #333;
        background-image: url('/Content/eMDMSCSS/img/download.png');
    }

    .ManageWorkflowContent .closewindow {
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        right: 15px;
        top: 10px;
        background: url(/Content/eMDMSCSS/img/modal-close-white.png);
    }

.alertLarge .ManageWorkflowContent {
    width: 920px;
    left: 18%;
    top: 5%;
}

    .alertLarge .ManageWorkflowContent h2 {
        padding: 8px 15px;
        font-size: 20px;
    }

.mr-3 {
    margin-right: 5px !important;
}

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

#tblStudentInformation_wrapper .row {
    display: none;
}

#tblStudentInformation_wrapper .no-footer {
    border-bottom-color: #e2e2e2;
}

#tblStudentInformation_wrapper .dataTable {
    margin-bottom: 15px !important;
}

    #tblStudentInformation_wrapper .dataTable th, #tblStudentInformation_wrapper .dataTable tbody td {
        padding: 5px 10px;
    }

.adhoc-ptbox {
    padding: 7px 15px;
    margin: 0px !important;
    display: block;
    clear: both;
    position: fixed;
    width: 100%;
    left: 0px;
    z-index: 1029;
    top: 55px;
    background: #f7f7f7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

    .adhoc-ptbox .title {
        font-size: 15px;
        padding: 0px;
        color: #000;
        margin: 5px 0 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.modal-preview {
    width: 80% !important
}

table#tblPendingInformation.dataTable th:last-child, table#tblPendingInformation.dataTable tbody td:last-child,
table.dataTable.table-valign tbody td:last-child {
    overflow: visible;
}

table#tblPendingInformation.dataTable .dropdown-menu {
    min-width: 100%;
}

.table-valign td {
    vertical-align: middle;
    line-height: 18px;
}

#toolTipFTP {
    top: 6px;
    left: -6px;
}

#toolTipSignature {
    top: 6px;
    left: -6px;
}

#toolTipLTV {
    top: 6px;
    left: -6px;
}

#toolTipAdvance {
    top: 6px;
    left: -6px;
}

#checkBool {
    height: 20px;
    width: 20px;
}

#APISettings .completeddivscroll .table tbody td {
    padding: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#viewApiDetails input {
    vertical-align: sub;
    display: inline;
}

ul#apiData {
    list-style: none;
    padding: 0;
}

    ul#apiData li {
        padding: 5px;
        overflow-y: auto;
    }

ul#apiParams {
    list-style: none;
    padding: 0;
}

    ul#apiParams li {
        padding: 5px;
        overflow-y: auto;
    }

.fileinput-button {
    position: relative;
    overflow: hidden;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
    }
/* Fixes for IE < 8 */
@media screen {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.pageBtn {
    margin-top: 15px;
    text-align: right;
}

.delete-document {
    cursor: pointer;
    right: 15px;
    position: absolute;
}

.ocr_icon {
    position: absolute;
    font-size: 7px;
    color: #000;
    left: 3px;
    top: 10px;
    font-weight: bold;
    background: #fff;
    line-height: 8px;
    border: 1px solid #333;
    display: inline-block;
    pointer-events: none;
}

    .ocr_icon:hover {
        color: #fff;
        background: #0034ac;
        border: 1px solid #fff;
        display: inline-block;
    }

#FreeBasicModal .modal-dialog {
    width: 400px;
}

#FreeBasicModal .btn-register {
    width: 100%;
    font-size: 16px;
}

#FreeBasicModal .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 25px;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

    #FreeBasicModal .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto;
        float: right;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
    }

#FreeBasicModal .modal-body {
    padding: 25px;
}

.apiSetting { /*margin: 10px 15px;*/
    display: block;
}

    .apiSetting .badge {
        width: 100%
    }

.pdr0 {
    padding-right: 0px;
}

.attachment-table .label.xls {
    background: #4b0527;
}

.powerformRight .attach-signatory {
    border-radius: 0 0 3px 3px;
    position: absolute;
    right: 35px;
    color: #ffffff;
    background: #777;
    padding: 0px 5px;
    top: -3px;
}

    .powerformRight .attach-signatory:before {
        content: '';
        position: absolute;
        right: -4px;
        border: 2px solid #000;
        display: block;
        border-right-color: transparent;
        border-top-color: transparent;
    }

    .powerformRight .attach-signatory.attached:before {
        border: 2px solid #115614;
        border-right-color: transparent;
        border-top-color: transparent;
    }

    .powerformRight .attach-signatory.attached {
        background: #4caf50;
    }

.fileupload-panel {
    margin-top: 20px;
    min-height: 220px;
}

    .fileupload-panel .form-group label {
        margin: 0px;
    }

    .fileupload-panel small {
        font-style: italic;
        line-height: 16px;
    }

    .fileupload-panel label {
        display: block !important;
    }

    .fileupload-panel .help-note {
        background: #0060ac;
        padding: 2px;
        color: #fff;
        font-style: normal;
        cursor: pointer;
        vertical-align: top;
        position: relative;
        right: auto;
        top: auto;
    }

    .fileupload-panel .help-relative {
        position: relative;
        display: block;
    }

    .fileupload-panel .help-content {
        background: #fff;
        padding: 15px;
        border: 2px solid #0060ac;
        position: absolute;
        top: -10px;
        left: 0px;
        width: 500px;
        z-index: 1200;
    }

        .fileupload-panel .help-content:before {
            content: "";
            position: absolute;
            border-style: solid;
            border-width: 10px 10px 10px 0px;
            border-color: transparent #0060ac transparent transparent;
            display: block;
            width: 0px;
            z-index: 0;
            top: 12px;
            left: -10px;
        }

    .fileupload-panel .help-close {
        cursor: pointer;
        font-size: 20px;
        position: absolute;
        right: 15px;
        top: 10px;
        color: #0060ac;
    }

        .fileupload-panel .help-close:hover {
            color: #0060ac;
        }

    .fileupload-panel .help-content ul {
        margin: 10px 20px;
    }

    .fileupload-panel .help-content li {
        list-style: disc !important;
    }

    .fileupload-panel .help-link span {
        padding: 0px;
        background: #5c3484;
        color: #fff;
        cursor: pointer;
        width: 18px;
        height: 18px;
        text-align: center;
        display: inline-block;
        margin: 0px 5px;
        border-radius: 100%;
    }

.span-offset1 {
    margin-right: 50px;
}

.form-vertical .tab-content {
    overflow: inherit !important;
}

.form-vertical .form-row {
    padding: 0px;
}

    .form-vertical .form-row label {
        display: inline-block;
    }

.form-vertical .col-one {
    width: 35%;
    margin-right: 10px;
}

.form-vertical .col-two {
    width: 55%;
}

.help-note {
    font-size: 13px;
    color: #666;
    line-height: 16px;
    padding: 2px 0px;
}

tachment-table .label.xlsx {
    background: #0034ac;
}

.at.profile-form {
    padding: 10px 20px;
    background: #e9e9e9;
    margin: 10px 0px 0px;
}

.profile-form .form-label {
    line-height: 30px;
}

.attachment-table td {
    padding: 5px 10px !important;
    vertical-align: middle;
}

.attachment-table .label {
    border-radius: 3px;
    margin-right: 5px;
}

    .attachment-table .label.pdf {
        background: #ff7e00;
    }

    .attachment-table .label.jpeg {
        background: #754098;
    }

    .attachment-table .label.doc {
        background: #669900;
    }

    .attachment-table .label.docx {
        background: #cc3333;
    }

    .attachment-table .label.png {
        background: #47ADE0;
    }

    .attachment-table .label.xls {
        background: #4b0527;
    }

    .attachment-table .label.xlsx {
        background: #685CB2;
    }

.powerformRight .attach-signatory {
    border-radius: 0 0 3px 3px;
    position: absolute;
    right: 35px;
    color: #ffffff;
    background: #777;
    padding: 0px 5px;
    top: -3px;
}

    .powerformRight .attach-signatory:before {
        content: '';
        position: absolute;
        right: -4px;
        border: 2px solid #000;
        display: block;
        border-right-color: transparent;
        border-top-color: transparent;
    }

    .powerformRight .attach-signatory.attached:before {
        border: 2px solid #115614;
        border-right-color: transparent;
        border-top-color: transparent;
    }

    .powerformRight .attach-signatory.attached {
        background: #4caf50;
    }

#offlineST .main-action.fileinput-button {
    z-index: 100;
    position: relative;
    padding: 15px 15px 20px;
    padding-left: 65px;
}

#offlineST .main-action .desc {
    font-size: 13px;
    line-height: 14px;
}

#offlineST .main-action.fileinput-button img {
    position: absolute;
    left: 10px;
    top: 15px;
}

.offline-wflow-right .add-signatory {
    margin: 15px 0px;
    display: block;
}

    .offline-wflow-right .add-signatory span {
        padding: 5px 0px;
    }

.offline-wflow-right .box {
    min-height: 100% !important;
}

.dragDiv .resize-no {
    padding: 0px;
    margin-top: -2px;
}

.powerformRight .sigsetting {
    margin: 0 10px;
    position: absolute;
    right: 16px;
    top: 1px;
}

.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
}

.accordion-toggle.collapsed:after {
    content: "\f104";
}

.listdoc .exsource-bock {
    padding: 0px;
    border: none;
    background: none;
}

    .listdoc .exsource-bock h3 {
        margin: 0px;
    }

.listdoc .accordion-heading h3 {
    border-radius: 0px;
    padding: 12px 15px 11px;
    margin: 0px;
    font-size: 14px;
    background: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    font-weight: bold;
}

    .listdoc .accordion-heading h3.accordion-toggle {
        border-radius: 0px;
        position: relative;
    }

        .listdoc .accordion-heading h3.accordion-toggle .title-info {
            position: absolute;
            right: 32px;
        }

.listdoc .chkaccordion .checkbox {
    margin: 0px;
}

.list-doc h4.accordion-toggle, .list-doc h3.accordion-toggle {
    position: relative;
    font-size: 14px;
}

    .list-doc h4.accordion-toggle .title-info {
        position: absolute;
        right: 32px;
    }

.listdoc .accordion-body {
    padding: 15px 15px 5px;
}

    .listdoc .accordion-body .exsource-bock {
        margin: 0px;
        border-radius: 0px;
        background: #fff;
        padding: 0px;
        border: 0px;
    }

    .listdoc .accordion-body .add-signatory {
        margin: 0px;
    }

        .listdoc .accordion-body .add-signatory:hover {
            box-shadow: none;
        }

        .listdoc .accordion-body .add-signatory .badge {
            margin-bottom: 2px;
        }

.listdoc .accordion-group {
    margin: 7px 0px 7px;
}

.listdoc .apiSetting.api-label {
    margin: 0px;
    font-size: 14px;
    text-align: center;
}

.listdoc .exCertsource-bock {
    margin: 0px;
    background: transparent;
    border: none;
}

.wflow-prepare-left {
    margin-left: 265px;
}

.doc-name-edit {
    width: 260px;
}

    .doc-name-edit .document-info {
        padding: 15px 15px 1px;
    }

    .doc-name-edit .upload-document {
        padding: 0px 15px;
    }

        .doc-name-edit .upload-document .fileinput-button {
            width: 100%;
        }

.table-lg {
    width: 100% !important;
}

#DivCaptcha {
    display: none;
}

.powerform-rightScroll .button-group .btn.btn-primary {
    margin: 5px 10px 5px 0px;
}

.powerformRight .document-list .menu-action.sig-label li {
    padding: 5px;
}

.powerformRight .document-list .menu-action li {
    padding: 5px
}

.powerformRight .document-list ul.add-sign-action .configureSigner {
    width: 80%;
    display: inline-block;
}

.free-storage, #alertcnt_WorkFlowGrid, #alerthd_WorkFlowGrid {
    display: none;
}

.target-tag {
    position: relative;
}

    .target-tag pre {
        border: 1px solid #f1f1f1;
        padding: 5px 15px;
        margin: 0px;
    }

    .target-tag .close {
        font-size: 18px;
    }


.control-lg.multiselect-control input {
    width: 100%;
    display: block;
}

/*Drag and drop for dynamic signatories (Added By DB)*/

/* dynamic signatories */
ul.dynamic-sign li {
    position: relative;
}

    ul.dynamic-sign li a {
        padding-left: 20px !important;
        border-left: 4px solid transparent !important;
    }

        ul.dynamic-sign li a:hover {
            border-left: 4px solid transparent !important;
        }

    ul.dynamic-sign li .lableField {
        z-index: 999;
        display: block;
        line-height: 42px;
        min-height: 42px;
        padding-right: 35px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 20px;
        cursor: pointer;
    }

    ul.dynamic-sign li .carbonCopy {
        z-index: 999;
        display: block;
        line-height: 42px;
        min-height: 42px;
        padding-right: 35px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 20px;
        cursor: default !important;
    }

    ul.dynamic-sign li .dummy {
        width: 100%;
        display: block;
        line-height: 40px;
        min-height: 40px;
        padding-right: 35px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 20px;
        cursor: pointer;
    }

ul.dynamic-sign .delete-signatory {
    margin: 0 4px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.sign-otheruserconf {
    padding-left: 14px !important;
}

.dynamic-wflow-main {
    margin: 0px;
    float: left; /*width:673.33px !important;*/ /*width: 69% !important;*/
}
    /* width:673.33px gives space between right column and center column when browser width made 90% */
    .dynamic-wflow-main .box {
        margin: 0px;
        position: static;
        /*height: 100%;
overflow-y: hidden;*/
    }

.dynamic-wflow-right {
    margin: 0px;
    float: right; /*width:275px;*/
    position: static; /*width: 30%;*/
}

    /* width:275px gives space between right column and center column when browser width made 90% */
    .dynamic-wflow-right .box,
    .dynamic-wflow-right .rightSide,
    .dynamic-wflow-right #signer-menu-wrapper li,
    .dynamic-wflow-right #signer-menu-wrapper li ul.sub-menu li,
    .dynamic-wflow-main .documentContainment,
    .dynamic-wflow-main #singerWrapper {
        position: static;
    }

.dynamic-wflow-main .documentContainment { margin: 0 auto 10px; }

.dynamic-wflow-main #singerContainer {
    height: 100%;
}

.dynamic-wflow-main #signerContainment, .dynamic-wflow-main #signerContainment .documentVisual { position: relative; text-align:center; /*width: 100% !important;    height: 100% !important;*/}

.dynamic-wflow-main.pdfJS-wflow-main #signerContainment, .dynamic-wflow-main.pdfJS-wflow-main #signerContainment .documentVisual { position: relative;    width: 100% !important;    height: auto !important;}
.dynamic-wflow-main #signerContainment .documentVisual canvas { height: 100%;}
/*width: 100% !important;*/
/*.dynamic-wflow-main.pdfJS-wflow-main #signerContainment .documentVisual canvas {width: 100% !important;}*/
.dynamic-wflow-main .divSettings {
    background: rgba(255,255,255,0.8);
    right: -1px;
}

.dynamic-wflow-main.fullWidthImg {
    width: 100% !important;
}

.dynamic-wflow-right .dynamic-sign li .delete-signatory {
    position: static !important;
    display: inline-block;
    float: right;
    margin-top: -43px;
    margin-right: 0px;
    padding: 10px 8px;
}

.dynamic-wflow-right .set-position li {
    position: relative !important;
}

.powerformRight .dynamic-sign li .configure-signatory,
.powerformRight .dynamic-sign li .delete-signatory,
.powerformRight .dynamic-sign li .removeSignatory,
.powerformRight .dynamic-sign li .signerConfig {
    position: static !important;
    display: inline-block;
    float: right;
    margin-top: -40px;
    padding: 8px 0px;
    width: 24px;
    text-align: center;
}
.powerformRight .dynamic-sign li .signatoryWorkflow {
    position: relative;
    display: inline-block;
    float: right;
    margin-top: -40px;
    padding: 8px 0px;
    width: 24px;
    text-align: center;
    margin-right: 80px;
}
.powerformRight .dynamic-sign li .uploadsignatoryWorkflow {
    position: relative;
    display: inline-block;
    float: right;
    margin-top: -8px;
    padding: 8px 0px;
    width: 24px;
    text-align: center;
    margin-right: -3px;
}
.powerformRight .dynamic-sign li .signatoryWorkflow span {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 0px 5px;
    border-radius: 100%;
    font-size: 10px;
    position: absolute !important;
    right: 2px;
    top: 3px;
    height: 15px;
    line-height: 15px;
}
/*.powerformRight .dynamic-sign li .showConfig {
    position: relative;
    float: right;
    right: 50px;
    top: 0px;
    margin-top: -40px;
    padding: 8px 10px;
    cursor: pointer;
}*/
.powerformRight .dynamic-sign li .configure-signatory {
    margin-right: 18px;
}

.powerformRight .signatory-actions-group .configure-signatory {
    margin: -8px 0px 0px !important;
}

.powerformRight .dynamic-sign li .signerConfig {
    margin-right: 38px;
}

.powerformRight .dynamic-sign li.ccUserList .signerConfig {
    margin-right: 22px !important;
}

.powerformRight .dynamic-sign li .removeSignatory {
    margin-right: 58px;
}
/*.powerformRight .dynamic-sign li .dummy { width:auto;}*/
.powerformRight .flip-window {
    right: auto;
    height: 560px;
    overflow-y: auto;
}

.powerformRight .dynamic-sign {
    margin: 10px -15px -15px !important;
}

.flexiformNw.div-initiation {
    width: 100%;
    display: block;
}

.div-initiation .powerformRight .dynamic-sign {
    margin: 0px !important;
}

.configSignDocuments {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
}

    .configSignDocuments .powerformMain, .configSignDocuments .powerformRight {
        float: none;
        position: static;
        margin: 0px;
        padding: 0px;
        height: 100%;
    }

    .configSignDocuments .powerformRight {
        overflow-y: auto;
    }

        .configSignDocuments .powerformRight .flip-window {
            height: 100% !important;
            overflow: inherit;
        }

.configAccordion .card-header {
    padding: 0px !important;
    border-bottom: 1px solid #f1f1f1 !important;
}

    .configAccordion .card-header .header-text {
        margin: 0px;
        padding: 10px 12px !important;
    }

    .configAccordion .card-header a[aria-expanded='true'] .header-text {
        font-weight: bold;
    }

.configAccordion .card-body {
    padding: 10px 12px 15px !important;
    border-bottom: 1px solid #f1f1f1;
}

    .configAccordion .card-body .btn {
        padding: 5px 15px;
    }

.browse-controls {
    display: flex;
}

    .browse-controls .form-control {
        width: 70%;
    }

    .browse-controls .btn {
        width: 32%;
        padding: 3px 10px !important;
        margin-left: 2%;
    }

.wflow-right section.box, .dynamic-wflow-main section.box {
    border-radius: 0px !important;
    box-shadow: none !important;
}


.adhocformNw .adhocIcon .btnSign {
    padding: 5px 20px;
}

.adhocBtn_group-dsk {
    padding-left: 5%
}

    .adhocBtn_group-dsk a.btn-default {
        max-width: 150px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.internal-header-icons-mb, .adhocBtn_group-mb {
    display: none;
}
/*
.flexiformLeftHide .page-sidebar {
width: 45px !important;
}

.flexiformLeftHide #main-content {
margin-left: 45px;
}

.flexiformLeftHide .toolbox-list div.lableField {
padding: 5px 10px !important;
}

.flexiformLeftHide .toolbox-list div.lableField span, .flexiformLeftHide .toolbox-list h4, .flexiformLeftHide .powerform-nav .fileinput-button .btn span {
    display: none;
}

.flexiformLeftHide .powerform-nav {
padding: 20px 10px 10px;
}

.flexiformLeftHide .powerform-nav .fileinput-button .btn {
    padding: 2px 5px;
}

.flexiformLeftHide .toolbox-list #toolbox div i, .flexiformLeftHide .toolbox-list #componentbox div i, .flexiformLeftHide .toolbox-list .docfield div i, .flexiformLeftHide .toolbox-list #qrcodebox div i, .flexiformLeftHide .toolbox-list #qrcodeboxFixed div i {
    width: 100%;
}*/

.flexiformLeftHide .wflow-right {
    height: auto;
}

.delagate {
    border: 1px solid #000;
    border-radius: 50%;
    font: 600 14px/13px Helvetica, verdana, Tahoma;
    padding: 1px 3px 2px 3px;
    text-align: center;
    display: block;
    width: 18px;
    height: 17px;
    float: left;
    margin-right: 6px;
}

#singerContainer {
    position: relative;
}

#uploadMessage {
    position: relative;
    text-align: center;
    width: 100%;
    top: 35%;
}

.signatory-action {
    clear: both;
    display: flex;
    justify-content: center;
    padding: 5px;
    align-items: center;
}

.signer_dragdrop {
    margin: 0;
    font-size: 11px;
    line-height: 16px;
    padding: 0 16px 8px;
}

.signatory-action .msg-info {
    line-height: 10px;
    padding: 0px 0px 5px;
    text-align: center;
}

.add-Signatorypadding {
    padding: 10px 15px 5px !important;
    font-weight: bold;
}

.sub-menuScroll-Flexi {
    width: 100%;
    overflow-y: auto !important;
    min-height: 0px !important;
    max-height: 200px;
    margin: 0px !important;
}

.sub-menuScroll-Online {
    width: 100%;
    overflow-y: auto !important;
    min-height: 120px;
    max-height: 200px;
    margin: 0px !important;
}

.remove-doc {
    margin-top: 1em;
    margin-right: -2px;
    color: #777777;
    font-size: 14px;
}

.doc-details .remove-doc {
    margin-top: 0px;
    margin-right: 0px;
    display: block;
}

.md-signPreview .modal-body {
    max-height: 480px;
    overflow: auto;
}

.md-signPreview {
    max-width: 47.4% !important;
}

.default-bgcolor {
    background: rgba(255,255,255,0.8) !important;
    /*border: 0;*/
    box-shadow: none;
}

.blinks {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.document-list h4 {
    padding: 12px 0;
    margin: 0px;
    font-size: 14px;
    box-shadow: none;
    font-weight: bold;
}

.document-list h3.heading {
    font-size: 14px;
    margin: 0px;
    padding: 12px 15px 11px;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    font-weight: bold;
}

ul#docList {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px;
}

.document-list ul {
    margin: 0px;
    padding: 0px;
}

    .document-list ul#sub-menu {
        padding-left: 40px;
        padding-top: 10px;
    }

.document-list li {
    list-style: none;
    position: relative;
    margin: 0;
    box-sizing: border-box;
    display: block;
}

    .document-list li label {
        padding: 0 10px;
    }

.doc-list {
    list-style: none;
    padding: 0px;
}

.doc-details.active {
    background: transparent;
}

    .doc-details.active .file-count {
        background: #0034ac;
        color: #fff;
    }

.doc-details {
    background: #fff;
    border-top: 1px solid #e2e2e2;
    color: #333;
    position: relative;
    padding-top: 6px;
    font-size: 13px;
    padding-bottom: 6px;
    padding-left: 40px;
    padding-right: 35px;
    position: relative;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .doc-details .file-count {
        top: 10px;
        left: 10px;
        position: absolute;
        background: rgba(33, 33, 33, 0.2);
        font-style: normal;
        border-radius: 100%;
        margin-right: 5px;
        width: 20px;
        height: 20px;
        display: inline-block;
        text-align: center;
    }

.templateDocList .doc-details .file-count {
    left: 0px;
}

.doc-details.active {
    background: transparent;
}

    .doc-details.active .file-count {
        background: #0034ac;
        color: #fff;
    }

    .doc-details.active .doc-name {
        color: #0034ac;
    }

.doc-details .page-no {
    font-size: 9px;
    color: #999;
    line-height: 9px;
    display: block;
    margin-top: -4px;
}

.doc-details i {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    width: 20px;
    text-align: center;
    display: none;
}

.doc-details .docname-action {
    position: absolute;
    right: 5px;
    height: 100%;
    top: 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .doc-details .docname-action i {
        position: static;
        width: 22px;
        height: 25px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #333;
    }

        .doc-details .docname-action i:hover img {
            opacity: 1;
        }

        .doc-details .docname-action i.remove-doc {
            font-size: 17px;
        }

        .doc-details .docname-action i:hover {
            color: #0034ac;
        }

        .doc-details .docname-action i.demerge_icon,
        .doc-details .docname-action i.mergePDF_icon {
            display: none;
        }
/*.doc-details .docname-action i.estamping-icon:after { content:''; background:url("/Assets/images/indian-emblem.png");width: 6px;
height: 8px;display: block;position: absolute;top: 16px;left:8px;background-size: cover;}*/
.doc-details.active .docname-action i.mergePDF_icon {
    display: flex;
}

.doc-details.active {
    padding-right: 80px;
}

.doc-details.default-action.active {
    padding-right: 35px;
}

.document-list li {
    padding: 0px !important;
}

.document-list-scroll {
    width: 100%;
    min-height: 0px;
    overflow-y: auto !important;
    max-height: 125px;
    margin: 0px !important;
}

    .document-list-scroll li a.doclist {
        height: 40px !important;
        line-height: 40px !important;
        margin: 0px;
        padding: 0px;
        min-height: 40px !important;
    }

        .document-list-scroll li a.doclist .file-count {
            width: 20px !important;
            height: 20px !important;
            line-height: 20px !important;
            left: 0px;
        }

    .document-list-scroll li {
        position: relative;
    }

        .document-list-scroll li .docname-action {
            right: 8px !important;
            top: 0px;
            position: absolute;
        }

        .document-list-scroll li.open .ctr-icon {
            cursor: pointer;
            display: block;
        }

        .document-list-scroll li .docname-action .ctr-icon:hover img {
            opacity: 1;
        }

.opt-set {
    margin-bottom: 10px;
    border-bottom: 2px solid #e2e2e2;
}

.signature-dropdown {
    background: inherit;
    padding: 5px 15px 10px;
    margin-top: 10px;
}

.multiselect-dropdown {
    position: relative;
}

    .multiselect-dropdown select {
        display: none;
    }

    .multiselect-dropdown .multiselect {
        padding: 5px 20px 5px 10px !important;
        text-align: left;
        background: #fff;
    }

        .multiselect-dropdown .multiselect.dropdown-toggle::after {
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid transparent;
            border-bottom: 0;
            border-left: .3em solid transparent;
            position: absolute;
            right: 15px;
            top: 14px;
        }

    .multiselect-dropdown .multiselect-container.dropdown-menu { /*padding:10px 0px !important;*/
        width: 100%;
        max-height: 160px;
        overflow-y: auto;
    }

    .multiselect-dropdown .multiselect-container li a {
        line-height: 32px !important;
        min-height: 32px !important;
    }

        .multiselect-dropdown .multiselect-container li a input {
            vertical-align: middle;
            margin-right: 5px !important;
        }

.dynamic-sign-config li .lableField {
    padding-right: 100px !important;
}

.sub-title-bg {
    color: #000;
    background: #f1f1f1;
    padding: 5px 10px;
    margin: 0px -8px !important;
    font-size: 14px !important;
}

.supporting-docs {
    margin: 0px -8px !important;
    /*max-height: 200px;*/
    overflow-y: auto;
}

    .supporting-docs .doc-left {
        float: left;
        width: 60%;
    }

        .supporting-docs .doc-left .doc-sname {
            font-size: 13px;
            color: #c0c0c0;
            line-height: 16px;
        }

            .supporting-docs .doc-left .doc-sname span {
                width: 100%;
                margin-right: 0px;
                display: block;
                margin-top: 5px;
                color: #666;
            }

    .supporting-docs .doc-sdes {
        display: block;
        float: none;
        clear: both;
        line-height: 18px;
    }

.signature-list.other-signatures .othersigns {
    height: 25px;
    padding: 2px 10px;
    font-size: 13px;
    margin-top: 3px;
}

#singerWrapper .SignConfigPL {
    position: absolute;
    top: -2px;
    right: 25px;
    height: 16px;
}

.remove-doc {
    margin-top: 1em;
    margin-right: 0px;
}

.normal-jqgrid.jqgridTbl .ui-jqgrid-view {
    overflow: auto !important;
}

.normal-jqgrid.jqgrid-noscroll .ui-jqgrid-view {
    overflow: inherit !important;
}

.normal-jqgrid.jqgrid-noscroll table.ui-jqgrid-htable {
    margin-left: -1px;
}

.normal-jqgrid.jqgrid-noscroll .ui-jqgrid-htable th {
    border-left: 1px solid #e2e2e2 !important;
}

    .normal-jqgrid.jqgrid-noscroll .ui-jqgrid-htable th:last-child {
        border-right: 1px solid #e2e2e2 !important;
    }

.normal-jqgrid.jqgrid-noscroll .ui-jqgrid-resize, .normal-jqgrid.jqgrid-noscroll.ui-jqgrid-resize-mark {
    display: none !important;
}

.normal-jqgrid.jqgrid-userScroll .ui-jqgrid-view {
    overflow: inherit !important;
}

.normal-jqgrid.jqgrid-userScroll table.ui-jqgrid-htable {
    margin-left: -1px;
}

.normal-jqgrid.jqgrid-userScroll .ui-jqgrid-htable th {
    border-left: 1px solid #e2e2e2 !important;
}

    .normal-jqgrid.jqgrid-userScroll .ui-jqgrid-htable th:last-child {
        border-right: 1px solid #e2e2e2 !important;
    }

.jqgridTbl .ui-jqgrid-resize, .jqgridTbl.ui-jqgrid-resize-mark {
    display: block !important;
    float: right;
    height: 30px;
}

.jqgridTbl .ui-jqgrid-htable th {
    border-right: 1px solid #e2e2e2 !important;
}

div.optional-divcontent {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.control-group {
    margin-bottom: 10px;
}

    .control-group .flabel {
        font-size: 13px;
    }

.ftp-checkbox, .checkbox-group {
    position: relative;
    padding-left: 18px;
    line-height: 18px;
    font-size: 13px;
}

    .ftp-checkbox input, .checkbox-group input {
        position: absolute;
        left: 0px;
        top: 2px;
    }

.sod-declined {
    background-color: #cc3333;
    border: 2px solid #ba1f13;
    color: #ffffff;
}

.ico-workflow-new {
    line-height: 30px;
    background: url(/Content/eMDMSCSS/img/ico-workflow.png) no-repeat center center;
    height: 30px;
    width: 30px;
    display: inline-block;
    text-indent: 99999px;
    float: left;
    margin-left: 5px;
    min-height: 30px;
    border-radius: 100%;
    border: none !important;
    background-color: rgba(33, 33, 33, 0.1);
}

    .ico-workflow-new:hover {
        background: #0034ac url(/Content/eMDMSCSS/img/ico-workflow-hover.png) no-repeat center center;
    }

div.optional-divcontent {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.flexi-quick-content {
    background: rgb(0 0 0 / 0%);
    color: #0563c2;
    font-weight: normal;
    text-transform: none;
    line-height: 18px;
    padding: 15px;
    border-radius: 4px; /*border:2px solid #e2e2e2;*/
    position: absolute;
    left: 10px;
    z-index: 10200;
    font-size: 13px; /*box-shadow: 0 0 20px #cbd9e7;*/
    border-width: 5px;
    min-width: 350px;
}

    .flexi-quick-content .quick-setup-content .fa {
        font-size: 25px; /*background: #e7f0f7*/
        animation: blinker 1s linear infinite;
        color: #fff;
    }

    .flexi-quick-content .quick-setup-content span {
        color: #fff;
        font-size: 19px;
    }

ul.dynamic-sign.sub-menu1 {
    max-height: 160px;
    min-height: 120px;
    overflow-y: auto;
}

.companyStamp_width {
    max-width: 28%;
}

.flexi-quick-container {
    position: absolute;
}

.overlayBg-flexi-quick {
    margin: 0px;
    padding: 0px;
    position: fixed;
    background: #000;
    overflow: auto;
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    opacity: 0.6;
    filter: alpha(opacity=30);
    z-index: 10100;
}

#quickViewContentSteps {
    text-align: center;
}

    #quickViewContentSteps .quick-setup-content {
        display: flex;
    }

a.bulkexcel {
    color: #fff !important;
}

.dragDiv #spanSignature {
    text-align: center;
    background-image: none;
    margin-top: 0px !important;
    height: 100%;
    width: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    padding: 0px 3px;
}

.dragDiv .signerName {
    text-align: center;
    background-image: none;
    margin-top: -2% !important;
    height: 98%;
    width: 100%;
    display: flex;
    padding-bottom: 2%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.configureSigner .drag-icon {
    position: relative;
    margin-left: -20px;
    float: left;
    cursor: move;
    width: 20px;
    height: 40px;
    justify-content: center;
    display: flex;
    align-items: center;
}

    .configureSigner .drag-icon .fa {
        font-size: 16px !important;
        margin: 0px 2px 0px 0px;
        color: rgba(0,0,0,0.15);
    }

.configureSigner .roleType, .ccUserList .roleType, .reviewer .roleType {
    position: relative;
    margin-left: -18px;
    margin-top: 10px;
    float: left;
    width: 15px;
    height: 20px;
    color: #fff;
    border-radius: 20px;
    line-height: 10px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 9px;
    background: #232323;
}

.dragDiv .compStamp {
    flex-direction: row !important;
    justify-content: start;
}

.dragDiv #spanSignature .font-sign, .dragDiv .signerName .font-sign {
    white-space: nowrap;
    line-height: normal;
}

.dragDiv.radio-checkbox {
    padding: 0px;
    height: 18px;
    width: 18px;
}

    .dragDiv.radio-checkbox .value {
        position: relative;
        width: 14px;
        height: 12px;
        display: block;
        z-index: 1;
    }

    .dragDiv.radio-checkbox input {
        position: absolute;
        z-index: 1;
        left: 1px;
        top: 1px;
    }

        .dragDiv.radio-checkbox input[disabled='disabled'] {
            position: absolute;
            z-index: 0;
        }

.div-preview-content {
    width: 50%;
    font-family: Arial;
    font-size: 8px;
    color: black;
    margin-left: 2px;
    line-height: 8px;
    float: left;
    text-align: left;
    margin-top: 2px;
}

.div-uaepreview-content {
    width: 100%;
    color: black;
    font-family: Times New Roman;
    font-size: 7px;
    line-height: 12px;
}

.dragDiv.Initials {
    padding: 0px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .dragDiv.Initials img, .dragDiv.Initials_Preview img {
        width: 100%;
        height: 100%;
        box-shadow: none;
    }

.imgCompanyStamp {
    width: 100%;
    box-shadow: none;
}

#completeddiv div.dataTables_length, .fileinfo-docstore div.dataTables_length {
    margin-top: 8px;
    margin-left: 15px;
}

.dataTables_wrapper .dataTables_processing {
    position: fixed !important;
    padding: 0px !important;
    z-index: 9999 !important;
    background: none !important;
}

#accordionEx .card {
    position: initial;
    margin-bottom: 0px !important;
    border: 0;
    border-radius: 0px;
}

#accordionEx .card-header {
    padding: 10px 12px 5px;
    border: none;
    margin-bottom: 0px;
    background: transparent;
}

    #accordionEx .card-header h1.header-text, h2.header-text, h3.header-text, h4.header-text, h5.header-text, h6.header-text {
        font-family: emSignerFont, Helvetica, Arial, sans-serif;
        margin: 10px 0;
    }

    #accordionEx .card-header a.collapsed.header-collapse .header-text:after {
        font-family: 'FontAwesome';
        content: "\f104";
        float: right;
    }

#accordionEx .card-body {
    padding: 12px 15px;
}

#accordionEx .toolbox-list .card-body {
    padding: 0px;
}

.card .card-header .header-collapse h5 {
    font-weight: bold;
}

.card .card-header .header-collapse.collapsed h5 {
    font-weight: normal;
}

.rightAccordion .card-body {
    padding: 15px;
}

.Left-width {
    width: 50% !important;
}

.Right-width {
    width: 50% !important;
}

.Full-width {
    width: 100% !important;
}

.sign-features-section {
    color: #000;
    padding-left: 1rem !important;
    margin: 0 !important;
    font-size: 10px;
}

.noaccess-reports {
    font-size: 15px;
    color: #f35656;
    display: none;
}

.temp-dynamic-wflow-main {
    width: 52% !important;
}

.signer-attach-instructions {
    line-height: 16px;
}

.reportspage-sidebar.page-sidebar.pagescroll {
    top: 65px;
}

.adhocRight .flip-window, .trackerSingOptn .flip-window {
    width: 275px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10;
    height: 92%;
    background: #fff;
}

.trackerSingOptn .signatories-section .profileScroll, .configerSigners-box .profileScroll {
    height: 250px;
}

.a-disable-click {
    pointer-events: none;
}

#eSignatureMessage .modal-body {
    padding: 0 1rem 0 1rem !important;
}

.div-initiation ul.wraplist > li {
    padding: 0px;
}

.mobile-star-mandatory {
    left: 40%;
    top: 70%;
    position: absolute;
    z-index: 99;
    color: red;
}

.desktop-star-mandatory {
    left: 40%;
    top: 100%;
    position: absolute;
    z-index: 99;
    color: red;
}

.wr-padding {
    padding: 0px 15px 0 !important;
}

.wrss-padding {
    padding: 0px 0px 0px 0px !important;
}

.wr-flexi-padding {
    padding: 0px 15px;
}

.page-sidebar .lnk-upload {
    color: #0034ac;
    background: #fff;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: bold;
}

.signedby-tag, .signedby-tag-v2 {
    position: absolute;
    left: 5px;
    bottom: 0px;
    text-align: left;
    font-size: 8px;
    line-height: 10px;
    font-family: "Times New Roman"; 
}

.bottom-text {
    position: absolute;
    bottom: 0;
}

.preview-company-stamp {
    width: 40% !important;
    box-shadow: none !important;
    float: left;
}

.ImgDrawSign, .ImgMySign, .ImgUploadSign {
    width: 100%;
    height: auto;
}

.base64img { 
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    transform: scale(1) !important;
}

.compStamp .ImgDrawSign, .compStamp .ImgMySign {
    width: 55%;
    height: auto;
}

.compStamp .ImgUploadSign {
    width: 55%;
    height: auto;
}

.sticky-Preview-header {
    padding: 5px 0px;
    background: #f1f2f3;
}

    .sticky-Preview-header .btn-nav {
        padding: 5px 10px;
        font-size: 12px;
    }

    .sticky-Preview-header a.btn i {
        font-size: 12px;
    }

.mobileview.upload-document .rightToggleMobile

.main-wrapper .btn i.fa-chevron-left, .main-wrapper .btn i.fa-chevron-right, .main-wrapper .btn i.fa-chevron-up, .main-wrapper .btn i.fa-chevron-down {
    font-size: 10px !important;
}

.adhoc-header-fixed {
    /*position: fixed;*/
    top: 10px;
    z-index: 9999;
    width: 100%;
}

.workflowSigning.header-top {
    margin-top: 46px;
}

.sign-tick-icon {
    padding: 1px 5px;
    background-color: lightgray;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
}

    .sign-tick-icon i.fa-check-circle {
        font-size: 11px;
    }

    .sign-tick-icon .mark-default {
        font-style: italic;
        font-size: 10px;
    }

.mark-default {
    margin-left: 3px;
}

.sign-tick-icon.sign-default {
    background-color: green;
}

.status-dot-highlight {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

#statusCompleted {
    background-color: #669900;
}

#statusInitiate, #statusPending {
    background-color: #f36f21;
}

#statusDeclined {
    background-color: #cc3333;
}

#statusRecalled {
    background-color: #0066cc;
}

#statusDraft {
    background-color: #999999;
}

#statusWaiting {
    background-color: #00b7eb;
}

#statusDelegatePending {
    background-color: #f1f1f1;
    border: 2px solid #673695;
}

#statusInActive {
    background-color: #969696;
}

#statusReview {
    background-color: #f1f1f1;
    border: 2px solid #42f20d;
}

#statusDelete {
    background-color: #ff0000;
}

.custom-theme {
    padding: 6px 18px;
}

.customCobranding tbody tr td:not(:first-child), .customCobranding thead tr th:not(:first-child) {
    text-align: center;
    width: 30%;
}

.customCobranding tbody tr td:first-child, .customCobranding thead tr th:first-child {
    width: 40%;
}

.greenReportIconBox {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgb(33 33 33 / 20%);
    -webkit-box-shadow: 0 1px 3px rgb(33 33 33 / 20%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px;
    margin-top: 14px;
}

.greenReportIcon {
    max-width: 65px
}

.greenIcon-heading {
    font-size: 16px;
    margin-bottom: 0px;
    color: #000;
}

.greenIcon-desp {
    font-size: 10px;
    margin-bottom: 0px;
}

.page-sidebar.pagescroll.thirdPartyApp {
    display: none !important;
}

.powerformRight.thirdPartyRightCol, .flip-window.thirdPartyRightCol {
    width: 245px;
}

.signatories-section .form-signer.thirdPartyRightColInput {
    width: 170px;
}

.main-wrapper.thirdPartynoHeader {
    margin-top: 0px !important;
    /*padding: 15px 10px 0px;*/
    padding: 0px;
}

.page-sidebar.pagescroll.thirdPartySidebar {
    /*top: 15px !important;*/
    top: 0px;
}

#divTableStatus .dropdown-actions li.dropdown {
    width: 115px;
}

#attachmenttableedit tbody td[role="gridcell"]:last-child {
    text-align: center;
}

    #attachmenttableedit tbody td[role="gridcell"]:last-child a i {
        background: #fff;
        color: #555;
        height: 24px;
        box-sizing: border-box;
        border: 1px solid #e2e2e2;
        padding: 3px 4px;
        line-height: 17px;
    }

.custom-status-error {
    display: none;
    padding-top: 8px;
    float: left;
}

#SharedPendingPopup #lblPendingdocumentname {
    word-break: break-word;
}

.connector-options {
    padding: 10px 0 10px;
}

.connector-list {
    margin: 5px 0 0;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

    .connector-list li {
        border: 1px solid #ddd;
        border-bottom-width: 3px;
        float: left;
        margin-right: 10px;
        list-style: none;
        padding: 2px 7px;
        border-radius: 3px;
        cursor: pointer;
        border-bottom-width: 3px;
        position: relative;
        margin-bottom: 10px;
        font-size: 12px !important;
    }

        .connector-list li label {
            margin-right: 5px;
            cursor: pointer;
        }

        .connector-list li label {
            vertical-align: middle;
        }

        .connector-list li.selected {
            border: 1px solid #0034ac;
            border-bottom-width: 3px;
            color: #0034ac;
        }

        .connector-list li.disabled {
            border: 1px solid #ddd;
            border-bottom-width: 3px;
            cursor: not-allowed;
        }

            .connector-list li.disabled label {
                cursor: not-allowed;
                color: #9c9c9c;
            }

        .connector-list li input {
            vertical-align: middle;
            margin-top: 0px;
        }

        .connector-list li .help-content {
            background: #d5e9f6 !important;
            border-color: #47ADE0;
            top: 33px;
            right: 0;
            cursor: text !important;
            color: #474747 !important;
        }

            .connector-list li .help-content::before {
                border-color: transparent transparent #47ADE0 transparent;
            }

.connector-info .conn-cntrl {
    border: 1px solid #ddd !important;
}

    .connector-info .conn-cntrl.connector-required {
        border: 1px solid red !important;
    }

.span-conn-error-message {
    color: red;
}

#btnActivateWorkflow1 {
    border-radius: 25px;
    border: 1px solid #000;
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 200px;
    margin: 8px auto;
}

    /*#btnActivateWorkflow1 img {
        width: 200px;
    }*/


    /*#btnActivateWorkflow1:focus, #btnActivateWorkflow1:hover {
        box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 20%);
    }*/

#btnTrackerSigningIniternalUser1 {
    border-radius: 25px;
    border: 1px solid #000;
    background: #fff;
}

    /*#btnTrackerSigningIniternalUser1 img {
        width: 200px;
    }*/


    /*#btnTrackerSigningIniternalUser1:focus, #btnTrackerSigningIniternalUser1:hover {
        box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 20%);
    }*/

#btnTrackerSign1 {
    border-radius: 25px;
    border: 1px solid #000;
}

    /*#btnTrackerSign1 img {
        width: 200px;
    }


    #btnTrackerSign1:focus, #btnTrackerSign1:hover {
        box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 20%);
    }*/

#btnFlexiformInitiation1 {
    border-radius: 25px;
    border: 1px solid #000;
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

    /*#btnFlexiformInitiation1 img {
        width: 200px;
    }


    #btnFlexiformInitiation1:focus, #btnFlexiformInitiation1:hover {
        box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 20%);
    }*/

#btnAdhocSerialSigning1 {
    border-radius: 20px;
    /*padding: 12px;*/
    border: 1px solid #000;
}

    /*#btnAdhocSerialSigning1 img {
        width: 200px;
    }

    #btnAdhocSerialSigning1:focus, #btnAdhocSerialSigning1:hover {
        box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 20%);
    }*/

#btnAdhocSign1 {
    border-radius: 25px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

    /*#btnAdhocSign1 img {
        width: 200px;
    }

    #btnAdhocSign1:focus, #btnAdhocSign1:hover {
        box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 20%);
    }*/

/* Initails styles */

.initialSign-font-option li .rdo-In-signer {
    position: absolute;
    left: 12px;
    top: 23px;
}

.initialSign-font-option li.selected .lbl-signature {
    background: #000;
}

.initialSign-font-option li .lbl-signature {
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    top: 0px;
    margin-top: -10px;
    left: 10px;
    border-radius: 4px;
    background: #999999;
    padding: 0px 10px;
    display: inline-block;
    color: #fff;
}

.initialSign-font-option li.selected, .initialSign-font-option li.selected:hover {
    border: 1px solid #000;
    border-radius: 4px;
}

.initialSign-font-option li .span-label {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-left: 5px;
}

.initialSign-font-option li .font-Inl {
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 40px;
    display: inline-block;
    text-align: left;
    height: 100%;
    width: auto;
}

#btnclearestamp {
    display: none;
}

#collapseeStampDetails input#rbtoffline {
    margin-left: 16px;
}

.div-offline-group .form-group {
    position: relative;
}

.div-offline-group label.form-label {
    position: absolute;
    top: -12px;
    left: 10px;
    font-size: 12px;
    background: #fff;
    padding: 0px 5px;
    line-height: 20px;
}

.card-header {
    padding: 3px 15px;
}

    .card-header a.collapsed.header-collapse h5.header-text:after {
        font-family: 'FontAwesome';
        content: "\f104";
        float: right;
    }

    .card-header a.header-collapse h5.header-text:after {
        font-family: 'FontAwesome';
        content: "\f107";
        float: right;
    }

#listOfDenominations th:nth-of-type(1) span.s-ico,
#listOfDenominations th:nth-of-type(2) span.s-ico,
#listOfDenominations th:nth-of-type(3) span.s-ico,
#listOfDenominations th:nth-of-type(4) span.s-ico,
#listOfDenominations th:nth-of-type(5) span.s-ico {
    display: none !important;
}

#divTableStatus .highlight, #tblCollections .highlight {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    line-height: 16px;
}

#divTableStatus .small, #divTableStatus small {
    line-height: 16px;
}

.doc_Count {
    margin-left: 8px;
    font-size: 11px !important;
    font-weight: 400 !important;
}

table.dataTable tbody td .highlight span.doc_Name, table.dataTable tbody td span.doc_Name {
    display: inline-block;
    /*max-width: 100px;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

table.dataTable tbody td .highlight span.noAdditional_DocName, table.dataTable tbody td span.noAdditional_DocName {
    display: inline-block;
    /*max-width: 125px;*/
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*
.count-loader {display: inline-block;background-image: url('/Assets/images/count-loader.gif');background-repeat: no-repeat;background-size: 25px 25px;width: 25px;height: 25px;background-position: 0px 1px;}
*/
.loader {
    width: 100%;
    text-align: center;
}

.overlayBg {
    margin: 0px;
    padding: 0px;
    position: fixed;
    background: #000;
    overflow: auto;
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    opacity: 0.1;
    filter: alpha(opacity=10);
    z-index: 10100;
}

.loader .imgLoader {
    background: #fff;
    padding: 10px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px auto;
    z-index: 10100;
    height: 56px;
    width: 56px;
    display: block;
}

.loader .txtLoader {
    background: none;
    padding: 20px;
    left: 25%;
    top: 300px;
    font-size: 18px;
    line-height: 22px;
    width: 350px;
    text-align: center;
    margin: 0px;
}

.loader .txtLoaderCenter {
    left: 35%;
    top: 250px;
}

.loader .txtLoader img {
    width: 30% !important;
    background-color: #fff;
    border: 5px solid #fff;
    margin-top: 10px;
}

.box-loader {
    position: relative;
    width: 100% !important;
}

    .box-loader .gif-loader {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        background: rgba(255,255,255,0);
        padding: 5px 10px;
        text-align: center;
        width: 100%;
        vertical-align: middle;
        border-radius: 3px;
    }

        .box-loader .gif-loader img {
            width: 100px;
            margin: 0px;
        }

    .box-loader .btn-default {
        background: #eaeaea !important;
        color: #333333 !important;
        border: 1px solid #cccccc !important;
        background: -webkit-linear-gradient(#eeeeee, #dddddd) !important; /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#eeeeee, #dddddd) !important; /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#eeeeee, #dddddd) !important; /* For Firefox 3.6 to 15 */
        background: linear-gradient(#eeeeee, #dddddd) !important; /* Standard syntax */
    }

        .box-loader .btn-default small {
            color: #333333 !important;
        }

        .box-loader .btn-default:hover, .box-loader .btn-default:focus,
        .box-loader .btn-default:hover small, .box-loader .btn-default:focus small {
            color: #444 !important;
        }

    .box-loader .btn-disabled {
        background: #e5e5e5; /* For browsers that do not support gradients */
        border: 1px solid #ccc;
        background: -webkit-linear-gradient(#d2d2d2, #c2c2c2); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#d2d2d2, #c2c2c2); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#d2d2d2, #c2c2c2); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#d2d2d2, #c2c2c2); /* Standard syntax */
    }

.count-loader, .loading {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #f36f21;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.dragDiv .psignloadImg:before, .normal-jqgrid .loading:before, .dragDiv .InitialsloadImg:before, .dragDiv .CmpyStamploadImg:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #f36f21;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.count-loader:after, .loading:after, .dragDiv .psignloadImg:after, .normal-jqgrid .loading:after, .dragDiv .InitialsloadImg:after, .dragDiv .CmpyStamploadImg:after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border-left: 3px solid #0034ac;
    border-bottom: 3px solid transparent;
    border-bottom: 3px solid transparent;
    animation: rotation 0.5s linear infinite reverse;
}

.count-loader.small, .count-loader.small:after {
    width: 16px !important;
    height: 16px !important;
    border-width: 2px !important;
}

.dragDiv .psignloadImg:before, .dragDiv .psignloadImg:after {
    width: 16px !important;
    height: 16px !important;
    border-width: 2px !important;
    display: block;
    margin: 0px auto;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

table.dataTable tbody td .highlight span.doc_Count {
    font-size: 11px !important;
}

.docName_count_wrapper {
    display: flex;
}

#signer-menu-wrapper li a.reviewed_success i {
    background: #04b604 !important;
    color: #fff !important;
}

#signer-menu-wrapper li a.reviewed_Partialy i {
    background: #f36f21 !important;
    color: #fff !important;
}

.wflow-nav.wflow-sign .btn.btn-sm {
    font-size: 11px;
    white-space: inherit;
    padding: 5px 8px !important;
}

.webUrlwrapper {
    margin-bottom: 16px;
    position: relative;
}

    .webUrlwrapper label {
        position: absolute;
        left: 4%;
        top: -28%;
        background: #fff;
        padding: 0 5px;
        display: inline-block;
        height: 20px;
    }

.success-copied {
    display: none;
}

    .success-copied span, .success-copied i {
        color: green;
    }

    .success-copied span {
        margin-left: 0px;
    }

.button-group label.success-copied {
    position: absolute;
    left: 4%;
    bottom: 8%;
}

.webUrlwrapper #webUrltxtBox {
    height: 40px;
}

#SignConfigDetails .modal-dialog .modal-body {
    /*padding: 0 1rem;
    padding: 0;
    overflow: hidden;*/
    padding-top: 5px;
    padding-bottom: 5px;
}

.md-signconfigure .modal-body section.box .content-body {
    padding: 0px !important;
}

#SignConfigDetails .md-signconfigure .modal-header, #SignConfigDetails .md-signconfigure .modal-footer {
    padding: 0.7rem 1rem;
}

    #SignConfigDetails .md-signconfigure .modal-header .close {
        padding: 0.8rem 1rem;
        font-size: 24px;
    }

.modal .modal-footer > * {
    margin-top: 0px;
    margin-bottom: 0px;
}

#SignConfigDetails .md-signconfigure .modal-header .modal-title {
    font-size: 16px;
}

#SignConfigDetails .signature-options .sub-title, #div_visualappearance .sub-title, #lnkoptionalsettings.sub-title {
    font-size: 14px !important;
}

.md-signconfigure .modal-footer .btn {
    padding: 5px 18px !important;
}

.md-signconfigure .modal-body section.box {
    margin: 0px !important;
    box-shadow: none !important;
}

.md-signconfigure.initials-modal {
    max-width: 700px !important;
}

.sign-font-option li:last-of-type, .sign-font-seal-option li:last-of-type {
    margin-bottom: 8px;
}

input#btnActivateWorkflow {
    margin: 8px 0;
}

.user-experience-msg.show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.user-experience-msg {
    visibility: hidden;
    position: fixed;
    bottom: 3%;
    left: 22.5%;
    width: 666px;
    box-shadow: rgb(178, 235, 242) 2px 2px 8px;
    transform: scale(1.2);
    background: rgb(207, 232, 246);
    padding: 16px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out 0s;
    z-index: 1050;
}

.AdhocUser-experience-msg, .two-column-layout {
    left: 34%;
}

.user-experience-msg .msg-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .user-experience-msg .msg-section .fa-info-circle {
        color: rgb(69, 125, 175);
        font-size: 18px;
    }

.user-experience-msg #close-user-experience-msg {
    position: absolute;
    right: -3%;
    top: -15%;
    cursor: pointer;
    background: rgb(207, 232, 246);
    padding: 4px;
    border-radius: 50%;
}

.user-experience-msg p {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 0 8px;
}

.sign-send-section input {
    font-size: 13px;
}

a#btnaddgroup:hover {
    color: #fff !important;
}

.flexiform-wrapper > .row {
    margin-left: 0px;
    margin-right: 0px;
}

    .flexiform-wrapper > .row > .col-lg-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

.evault-collections li {
    position: relative;
}

.evault-collections.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.evault-collections.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.evault-collections.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

.dropdown-actions .evault-collections li a.dropdown-toggle:after {
    margin-left: 16px !important;
}

#tblCollections th input.evault-details-control {
    display: none;
}


.errDocList {
    height: 100px;
    overflow: auto;
}

.eStamping-Section h4 {
    font-weight: 600;
    font-size: 15px;
}

.eStamp-docList {
    background: #f6f6f6;
    padding: 24px 15px 0px;
    margin: 0px 0px 20px;
    border: 1px solid #ddd;
    position: relative;
}

    .eStamp-docList:nth-child(2n) {
        background: #f9f9f9;
    }

    .eStamp-docList .docName {
        margin-bottom: 0px;
        font-weight: 500;
        position: absolute;
        top: -12px;
        background: #e5e5e5;
        padding: 0px 10px;
        border-radius: 20px;
    }

.estamp-payment {
    padding: 0px;
}

    .estamp-payment .amount-input {
        position: relative;
        margin-bottom: 10px;
    }

        .estamp-payment .amount-input .fa-inr {
            position: absolute;
            left: 15px;
            top: 9px;
        }

        .estamp-payment .amount-input .form-control {
            text-align: right;
            padding-left: 50px;
        }

.optional-box {
    background: #f9f9f9;
    padding: 5px 10px 5px;
    border: 1px dashed #c1c1c1;
    border-radius: 3px;
    margin: 15px -10px 0px;
}

    .optional-box .header {
        font-size: 12px;
        margin: 0px;
        background: #dddddd;
        position: relative;
        padding: 2px 10px;
        line-height: 18px;
        top: -15px;
        border-radius: 10px;
    }

    .optional-box .form label {
        background: #f9f9f9;
    }

    .optional-box .form .form-control {
        background: #fff;
    }

@media (max-width: 1200px) {
    .sticky-Preview-header .sticky-Preview-btns-wrapper .btn-nav {
        padding: 5px 15px;
    }

        .sticky-Preview-header .sticky-Preview-btns-wrapper .btn-nav .text {
            display: none;
        }
}

@media (min-width: 820px) and (max-width: 1200px) {
    .mobileview .page-topbar .logo-area .brand {
        min-width: 0px;
        margin-right: 5px;
        margin-left: 10px;
    }

    .mobileview #TopMenu.collapse.show {
        min-height: 0px;
        padding: 10px;
        box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
        top: 60px;
    }

    .mobileview .info-menu.left-links a {
        padding: 5px !important;
        display: block;
    }

    .mobileview .page-topbar .quick-area .info-menu.left-links .dropdown-menu {
        min-width: 100%;
        position: relative;
    }

    .db-status {
        padding-right: 0px;
    }

        .db-status:last-child {
            padding-right: 15px;
        }

    .db_box i {
        padding: 10px;
    }

    .box-action {
        position: static;
        text-align: center;
        right: auto;
        padding: 5px 0px;
        margin-top: 20px;
        margin-bottom: -20px;
    }

    .dropdown-actions li a.dropdown-toggle.btn {
        min-width: 50px;
    }
}

@media (min-width:1200px) {
    #singerContainer {
        width: 100% !important;
    }
}

@media (max-width:1200px) {
    .mobileview .page-sidebar {
        box-shadow: 3px 0px 10px rgba(0,0,0,0.1) !important;
    }

    .mobileview .dynamic-wflow-right {
        z-index: 1;
        box-shadow: -3px 3px 10px rgba(0,0,0,0.1) !important;
    }
}


@media only screen and (orientation: landscape) {
    .innertab-panel {
        padding: 20px !important;
    }
    .right-sidebar-slider.sign-section .innertab-panel {
        padding: 8px 15px !important;
    }
    .right-sidebar-slider.initial-section .innertab-panel {
        padding: 8px 15px !important;
    }
    #signerconfig .innertab-panel {
        padding: 8px 16px 15px !important;
        min-height: 210px;
    }

        #signerconfig .innertab-panel#innertabContent_7 {
            margin-top: 8px;
        }

    #innertabContent_2 .row {
        justify-content: center;
    }
    /* #innertabContent_2 #div-drawSignature, #innertabContent_2 #div-drawInitials { max-width: 45.333%; }*/
}

@media (max-width: 820px) {
    .loader .imgLoader {
        left: 46%;
    }

    .user-experience-msg {
        left: 6%;
        width: 330px;
    }

        .user-experience-msg p {
            padding-left: 8px;
        }

    .signing-tab {
        overflow: scroll;
    }

    .page-topbar .logo-area {
        width: auto;
    }

    .page-topbar .quick-area .info-menu li {
        padding: 0px;
    }

    .page-topbar .quick-area .info-menu a span {
        overflow: hidden;
        display: inline-block;
        /*max-width: 35px;*/
        max-height: 30px;
        text-overflow: ellipsis;
    }

    .page-topbar .quick-area .info-menu li a.toggle {
        display: flex;
        align-items: center;
    }

    .adhocformNw .wflow-left {
        padding: 0px;
        width: 100% !important;
        position: relative;
        left: 0px;
        top: 0px;
    }

        .adhocformNw .wflow-left .box {
            margin: 0px;
            height: auto;
            background: #fff;
            padding-bottom: 10px;
        }

    .adhocformNw .workflowSigning .wflow-prepare-main {
        margin: 0px;
    }

    .adhocformNw .wflow-right, .adhocformNw .sign-options {
        padding: 0px;
        width: 100% !important;
        position: relative;
        right: 0px;
        top: 0px;
    }

    .adhocformNw .listofDoc-mb {
        padding: 8px 12px;
        background: #fff;
    }

        .adhocformNw .listofDoc-mb .signimg {
            top: 4px !important;
        }

    .adhocformNw .wflow-right .box {
        margin: 0px;
        height: auto;
        background: #fff;
        min-height: 0;
    }

    .adhocformNw .adhocIcon {
        margin: 0 !important;
        padding: 5px 15px;
    }

    .adhocformNw .adhoc-ptbox .title {
        margin-bottom: 10px;
    }

    .adhocformNw .adhoc-ptbox .mr-10 {
        margin-right: 0px !important;
    }

    .adhocformNw .wflow-prepare-main .action-container {
        height: auto !important;
        text-align: center;
    }

    .adhocformNw .wflow-prepare-main .page-control {
        position: relative;
        right: 0px;
        text-align: center;
    }

    .adhocformNw .dragDiv .psignImg {
        background-size: cover;
        margin: 7px 0px;
        height: 20px;
    }

    .adhocformNw #signer-menu-wrapper li a.doclist .dname {
        text-overflow: ellipsis;
        display: inline-flex;
        width: 200px;
        overflow: hidden;
    }

    .mobileview {
        min-height: 0px;
    }

        .mobileview .lnk-storyboard {
            display: none;
        }

        .mobileview .wflow-left {
            padding: 0px;
            width: 100% !important;
            position: relative;
            left: 0px;
            top: 0px;
        }

            .mobileview .wflow-left .box {
                margin: 0px;
                height: auto;
                background: #fff;
                padding-bottom: 0px;
            }

        .mobileview .dynamic-wflow-right {
            margin-top: 10px;
        }

        .mobileview .wflow-right, .mobileview .sign-options {
            padding: 0px;
            width: 100% !important;
            position: relative;
            right: 0px;
            top: 0px;
        }

    #documentViewContent {
        overflow-y: auto;
        background: #e8e8e8;
        padding: 0px;
    }

    .docNavigation {
        display: none;
    }

    .docMobNavigation {
        position: absolute;
        left: 10px;
        top: 9px;
    }

        .docMobNavigation .btn {
            padding: 4px 20px;
        }
    /*
.mobileview #singerContainer, .mobileview .documentVisual img, .mobileview .singerPortrait #singerWrapper, .mobileview .signing-main #singerContainer {
width: 100% !important;
}
.mobileview #singerContainer{height:auto !important;}*/
    .mobileview .wflow-left .box {
        position: relative;
        min-height: 10px !important;
        height: auto !important;
    }

    .mobileview .wflow-right .box {
        margin: 0px;
        min-height: 10px !important;
        height: auto !important;
        background: #fff;
    }

    .viewAddDoc {
        position: absolute;
        right: 8px;
        top: 3px;
    }

        .viewAddDoc input {
            margin: 0px !important
        }

    .listofDoc-Desk {
        display: none;
    }

    .listofDoc-mb {
        padding: 5px 12px;
        display: block !important;
        width: 100%;
        position: relative;
        z-index: 1000;
    }

        .listofDoc-mb a {
            color: #333;
        }

            .listofDoc-mb a.dropdown-toggle {
                position: relative;
                padding-left: 20px;
            }

                .listofDoc-mb a.dropdown-toggle::after {
                    position: absolute;
                    left: -5px;
                    top: 10px;
                    font-size: 18px;
                }

        .listofDoc-mb .signimg {
            background-color: #ebebeb !important;
            width: 30px;
            padding: 0px;
            height: 30px;
            line-height: 30px;
            min-height: 30px;
            background: url(/Content/eMDMSCSS/img/ico-workflow.png) no-repeat center center;
            border-radius: 100%;
            position: absolute;
            right: 10px;
            top: 3px !important;
            border: none !important;
            display: inline-block;
            text-indent: -9999px;
        }

        .listofDoc-mb li .dgrmIco {
            right: 10px !important;
            top: 6px !important;
        }

    .docnamefrmb_container {
        display: flex;
        align-items: center;
    }

    .docnamefrmb {
        display: inline-block;
        overflow: hidden;
        min-width: 95%;
        max-width: 95%;
        text-overflow: ellipsis;
    }

    .view-document-desk, .downloadAll-desk {
        display: none;
    }

    .view-doc-mb, .download-mb {
        display: inline !important;
    }

    .adhoc-ptbox {
        position: static;
        padding: 5px 12px;
        margin: -15px 0px 0px 0px !important;
    }

    .adhocDownload .adhoc-ptbox {
        margin: 7px 0px 0px 0px !important
    }

    .adhocDownload .adhocIcon {
        padding: 3px 0px;
    }

    .page-topbar .logo-area .brand img {
        height: 72%;
    }

    .page-topbar {
        min-height: 60px;
    }

        .page-topbar .quick-area .info-menu a {
            padding: 10px 5px;
        }

        /*.btnview-mobileview, .commentHidn_mobileView {
display: none !important;
}*/

        .page-topbar .logo-area .transparent-view {
            height: 60px;
        }

    .action-container {
        padding: 2px 20px 3px !important;
    }

    h3.wflow-head {
        margin: 0px;
        padding: 10px;
    }

    .mobileview .adhocIcon a {
        align-items: center;
        margin: 0;
    }

    .mobileview .adhocIcon > a:first-child {
        padding: 5px 20px;
        min-width: 130px;
        margin-left: 20px;
    }

    /*.mobileview .hidden-xs {
    margin-left: 5px;
}*/

    .mobileview .adhoc-ptbox .title {
        margin-bottom: 10px;
        display: none;
    }

    .mobileview.adhocDownload .adhoc-ptbox .title {
        display: block;
        margin: 10px 0px;
    }

    .mobileview .adhoc-ptbox .mr-10 {
        margin-right: 0px !important;
    }

    .mobileview .wflow-prepare-main {
        margin-right: 0px;
    }

        .mobileview .wflow-prepare-main .action-container {
            height: auto !important;
            text-align: center;
        }

        .mobileview .wflow-prepare-main .page-control {
            position: relative;
            right: 0px;
            text-align: center;
            top: 0px;
        }

    .mobileview .dragDiv .psignImg {
        background-size: cover;
        margin: 0px;
        height: 100%;
    }

    .mobileview #signer-menu-wrapper li a.doclist .dname {
        text-overflow: ellipsis;
        display: inline-block;
        width: 100%;
        overflow: hidden;
        margin-right: 0px;
    }

    .mobileview .mysignBox li {
        width: 100%;
    }

        .mobileview .mysignBox li img {
            width: 50%;
        }

    .mobileview .alert-note {
        padding: 14px;
        font-size: 12px;
    }

    .mobileview .adhoc-sticky {
        position: sticky;
        top: 60px;
        z-index: 100;
    }

    .mobileview .workflowSigning.header-top {
        margin-top: 13px;
    }

    .mobileview.adhocDownload .workflowSigning.header-top {
        margin-top: 0px;
    }

    #signer-menu-wrapper li a.doclist {
        display: flex;
        padding-right: 0px;
        overflow: hidden;
        align-items: center;
    }

        #signer-menu-wrapper li a.doclist .title {
            width: 160px;
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    .listOfDoc_size {
        min-width: 9rem !important;
    }

    #menu_toggle, .navbar-toggler {
        margin: 15px 5px !important;
    }

    .mobileview .page-topbar .logo-area .brand {
        min-width: 0px;
        margin-right: 5px;
        margin-left: 10px;
    }

    .mobileview .animated-icon1 {
        width: 20px;
    }

        .mobileview .animated-icon1 span {
            height: 1.4px;
        }

    .animated-icon1 span:nth-child(1) {
        top: 3px !important;
        background: #555 !important;
    }

    .animated-icon1 span:nth-child(2) {
        top: 9px !important;
        background: #555 !important;
    }

    .animated-icon1 span:nth-child(3) {
        top: 15px !important;
        background: #555 !important;
    }

    .mobileview #TopMenu.collapse.show {
        min-height: 0px;
        padding: 10px;
        box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
        top: 60px;
    }

    .mobileview .info-menu.left-links a {
        color: #003087 !important;
        padding: 7px 5px !important;
        display: flex !important;
        align-items: center;
    }

    .mobileview .page-topbar .quick-area .info-menu.left-links .dropdown-menu {
        min-width: 100%;
        position: relative;
    }

    .mobileview .mob-user {
        display: inline-block;
        width: 40px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
        text-align: right;
    }

    .mobileview .main-wrapper {
        padding: 15px 15px 0
    }

    .mobileview .div-initiation .main-wrapper {
        padding: 0px;
    }

        .mobileview .div-initiation .main-wrapper .page-title {
            padding: 0px 0px 3px;
        }

        .mobileview .div-initiation .main-wrapper .action-container {
            padding: 5px 10px !important;
        }

        .mobileview .div-initiation .main-wrapper > .row {
            margin-right: 0px;
        }

    .mobileview .wizardpills-steps {
        margin-bottom: 15px;
    }

    .mobileview .step-wizard li span {
        display: none;
    }

    .mobileview #main-content,
    .mobileview.nav-md #main-content {
        margin-left: 0px !important;
        display: block;
    }

    .mobileview .div-initiation #main-content {
        margin-left: 0px;
        display: block;
        margin-top: 0px !important;
    }
    /*.mobileview.nav-md .div-initiation .page-sidebar.pagescroll {
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 0px !important;
        margin-left: 0px !important
    }*/
    /*formtemplate initiation-mobile mode*/

    .mobileview .page-sidebar.pagescroll {
        width: 0px;
        position: absolute;
        /*height: auto;*/
        margin-top: 60px;
    }

    .mobileview .div-initiation .page-sidebar.pagescroll, .mobileview.upload-document .div-initiation .page-sidebar.expand-pagescroll {
        width: 260px !important;
    }

    .mobileview .page-sidebar.nopagescroll {
        width: 100%;
        position: relative;
        padding-top: 0px;
    }

        .mobileview .page-sidebar.nopagescroll .wflow-sign {
            padding-bottom: 10px;
            margin-bottom: 0px;
        }

    .mobileview .main-wrapper.top-wrapper {
        margin: 0px;
        padding: 0px !important;
    }

    .mobileview .main-wrapper .page-title {
        padding: 0px 0px 10px;
    }

        .mobileview .main-wrapper .page-title a.btn {
            margin: 0px 0px 10px;
        }
    /*.mobileview .hidden-xs { display:none !important;}*/

    .mobileview .flip-window {
        width: 100% !important;
        min-height: 100% !important;
    }

    .mobileview #main-menu-wrapper .menusection {
        margin-left: 5px;
    }

    .mobileview .signing-main {
        margin: 0px;
    }

    .mobileview .backBtn {
        display: none !important;
    }

    .mobileview .poweredby-section {
        display: none;
    }

    .mobileview .action-container .doc-name, .mobileview .action-container .doc-owner {
        display: none;
    }

    .mobileview .page-title {
        text-align: center !important;
    }

        .mobileview .page-title .pull-left, .mobileview .page-title .pull-right {
            float: none !important;
            clear: both;
            margin: 0px !important;
        }

    .mobileview .sticky-Preview-btns-wrapper {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 100%;
    }

        .mobileview .sticky-Preview-btns-wrapper .btn {
            margin: 0px 5px !important;
        }

    .mobileview .page-title .breadcrumb {
        margin-bottom: 5px !important;
    }

    .mobileview input[type='checkbox'] {
        vertical-align: middle;
    }

    .mobileview .plr-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .mobileview .docsettings-form {
        margin: 10px -15px;
    }

    .mobileview .profile-info .profile-details {
        margin: 0 -5px;
    }

    .mobileview .free-storage {
        margin: 0px 10px 20px;
    }

    .mobileview .multi-upload-block {
        padding: 10px 10px !important;
    }

        .mobileview .multi-upload-block h4 {
            font-size: 16px;
        }

        .mobileview .multi-upload-block p {
            font-size: 12px;
            line-height: 14px;
            margin-top: 5px;
        }

    .signature-list-mscroll {
        overflow-y: hidden;
    }

        .signature-list-mscroll .signature-list {
            height: auto;
            margin-bottom: 10px;
            max-width: 100%;
            overflow: scroll;
            display: flex;
            flex-direction: row;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
        }

            .signature-list-mscroll .signature-list li {
                padding: 5px 10px;
            }

    .collapse-sidebar, .expand-sidebar {
        position: fixed;
        left: 0px;
        z-index: 999;
        top: 60px;
        background: #999;
        color: #fff;
        line-height: 34px;
        height: 36px;
        border-radius: 0 6px 6px 0;
    }

    .normal-jqgrid .ui-pager-control {
        padding: 10px 15px;
    }

    .expand-sidebar {
        left: 310px;
        right: 0px;
    }

    .page-sidebar.collapse-pagescroll {
        position: absolute;
        width: 310px !important;
        left: 0px;
        z-index: 999;
    }

    #main-content.expand-main {
        margin-left: 0px;
    }

    .page-sidebar.expand-pagescroll {
        position: absolute;
        width: 280px !important;
        left: -280px;
        z-index: 999;
        box-shadow: 0px 3px 10px rgba(0,0,0,0.1) !important;
    }

    #main-content.collapse-main {
        margin-left: 0px;
    }

    .page-sidebar.collapse-pagescroll::after {
        display: none;
    }

    .mobileview .settings-list [class*="col-"] {
        width: 50%;
        padding: 0px 15px;
    }

    .mobileview .main-wrapper section.box {
        margin-top: 0px;
    }

    .mobileview section header {
        min-height: 0px;
    }

        .mobileview section header .title,
        .mobileview .panel_header .button-actions {
            text-align: center;
            display: block;
            float: none;
            padding-bottom: 5px;
        }

        .mobileview section header .title {
            padding: 10px 10px 0px;
            line-height: 26px;
        }

        .mobileview section header #div-heading {
            padding: 10px 10px 0px;
            font-size: 18px;
        }

    .documents_options {
        font-size: 12px;
        text-align: center;
    }

        .documents_options a {
            margin-right: 8px;
        }

    .pending-docs-ul li a {
        padding: 5px;
    }

    .datatable_options.text-right {
        text-align: center !important;
        padding-top: 15px;
    }

    .pending-docs-Btns .pending-docs-ul {
        flex-wrap: wrap;
        gap: 10px;
    }

    .pending-docs-ul li {
        margin: 0px 5px;
        padding: 0px;
    }

    .documents_options {
        padding: 15px 10px 10px;
    }

        .documents_options #btnExport {
            margin-top: 0;
            float: none;
        }

    .pending-docs-Btns {
        margin: 16px 0px 8px;
    }

    .mobileview .panel_header .button-actions .btn {
        float: none;
    }

    .mobileview .panel_header .button-actions div.fileinput-button, .mobileview .panel_header .button-actions .btn-template {
        margin-top: 5px;
    }

    .mobileview .checkbox-row .list-item {
        display: block;
    }

    .mobileview .form-inline .form-control.w300 {
        margin-bottom: 5px;
        width: 100% !important;
    }

    .mobileview .ocr-template {
        position: static;
        bottom: auto;
        padding: 20px;
    }

    .mobileview .ocr-content #main-content {
        margin-right: 0px;
    }

    .mobileview .ocr-content .main-wrapper {
        margin-top: 10px;
    }

    .mobileview .ocr-content .page-sidebar-wrapper {
        padding-bottom: 0px;
    }

    .mobileview .doc-name-edit {
        position: static;
        height: auto;
    }

    .mobileview .wflow-prepare-left {
        margin: 0px;
    }

    .mobileview.iti-mobile .flip-window {
        height: auto;
    }

    .mobileview .signature-list li .help-content {
        top: 45%;
        right: 0;
        position: fixed;
        left: 5%;
        width: 90%;
        white-space: initial;
    }

        .mobileview .signature-list li .help-content:before {
            display: none;
        }

    .mobileview .signature-box {
        min-height: 0px;
        margin: 0px -10px;
    }

        .mobileview .signature-box:before {
            padding-bottom: 5px;
            font-size: 20px;
        }

    .jqdataGrid {
        overflow: hidden;
        margin-top: 10px !important;
    }

    .ui-jqdialog {
        display: none;
    }

    .jqdataGrid .normal-jqgrid {
        height: auto;
        margin-bottom: 10px;
        max-width: 100%;
        overflow: scroll;
        display: flex;
        flex-direction: row;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

        .jqdataGrid .normal-jqgrid table.ui-jqgrid-btable,
        .jqdataGrid .normal-jqgrid table.ui-jqgrid-htable {
            width: 990px !important;
            table-layout: fixed !important;
        }

    div.jHtmlArea, div.jHtmlArea iframe, div.jHtmlArea textarea {
        width: 100% !important;
    }

    div.jHtmlArea {
        border: 1px solid #ccc !important;
        margin-bottom: 15px;
    }

    .box-action {
        position: static;
        text-align: center;
        right: auto;
        padding: 5px 0px;
        margin-top: 20px;
    }

    section .content-body {
        padding: 10px;
    }

    .landing-table.no-header {
        padding-top: 5px !important;
    }

    .workflow-setup .search-form .btn {
        position: relative;
        margin: 10px 0px;
        left: 0px;
        top: 0px;
        display: block;
    }

    .signing-tabscroll {
        overflow: hidden;
        margin: 0px -20px
    }

        .signing-tabscroll .signing-tab {
            height: auto;
            max-width: 100%;
            overflow: scroll;
            display: flex;
            flex-direction: row;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
        }

    .innertab-panel {
        margin: 0px -20px 0px;
        min-height: 200px;
    }

    .sign-font-block .form-row {
        display: flex;
        margin: 0px !important;
    }

    .signature-options {
        margin: 0px;
        padding: 0px;
    }

    .sign-font-option li, sign-font-seal-option li {
        width: 100%;
    }

    #singerContainer .uploadReq {
        position: static;
        right: 0;
        top: 150px;
        width: 100%;
        height: 350px;
        margin: 25% 0px 0px;
    }

    .modal-signbody .innertab-panel {
        margin: 0px -25px 0px;
        min-height: 180px;
    }

    .signature-box #signature:after {
        content: attr(data-portrait);
        padding: 0;
        font-style: italic;
        font-size: 0.65rem;
        display: block;
        position: absolute;
        top: 113%;
    }

    .modal-signbody .sign-font-popup li {
        width: 100%;
    }

    .modal-signbody .sign-font-block label {
        display: block;
    }

    .modal-signbody .sign-font-block .input-font {
        margin: 0px 10px 0px 0px !important;
        width: 170px !important;
    }

    .mtb-vlg {
        margin: 20px 0px;
    }

    .iti-mobile .alertContent {
        left: 5%;
        width: 90%;
        top: 25%;
    }

    .iti-mobile .login-catption h2 {
        font-size: 24px;
        margin: 20px 0 10px;
        padding: 0px;
        font-weight: bold;
        text-align: center;
    }

    #div-drawSignature {
        margin-bottom: 24px;
    }

    /*#completeddiv div.dataTables_length, .fileinfo-docstore div.dataTables_length {
    margin-left: 39% !important;
}*/

    #div-fontSignature #btnReset {
        margin: 0;
    }

    .form-page .form label {
        font-size: 10px !important;
    }

    .dashboard-signerdiagram {
        width: 100%;
    }

    .mobileview .page-sidebar.pagescroll {
        margin-top: 0 !important;
    }

    .open-menu-icon, .close-menu-icon {
        width: 30px;
        background: #f1f1f1;
        box-shadow: -1px 1px 2px rgb(0 0 0 / 20%);
        border-radius: 3px 0 0 3px;
    }

    .internal-header-icons-dsk, .adhocBtn_group-dsk {
        display: none;
    }

    .internal-header-icons-mb, .adhocBtn_group-mb {
        display: block;
    }

    .sticky-Preview-btns-wrapper .internal-header-icons-mb {
        padding: 5px;
        padding-right: 10px;
        white-space: nowrap;
        overflow: visible;
        text-align: right;
    }

        .sticky-Preview-btns-wrapper .internal-header-icons-mb a {
            direction: ltr;
        }
    /*.sticky-Preview-btns-wrapper .dropdown-menu-mb { position: fixed !important; top: unset !important; bottom: -18%; left: 3% !important; }*/
    .preview-content .header .logo img {
        width: 45px;
    }

    .preview-content .header {
        height: 20px;
    }

    .preview-content .days {
        left: 38px;
        top: 0px;
    }

        .preview-content .days span {
            width: 10px;
            font-size: 5px;
            line-height: 8px;
        }

    .preview-content .storage {
        left: 6px;
        top: 20px;
        font-size: 5px;
    }

    .preview-content .menu-hlink {
        left: 36px;
        top: 32px;
        font-size: 3px;
        color: #0034ac;
    }

    .preview-content .menu-sidebar {
        width: 76px;
    }

    .preview-content .menu-active i {
        font-size: 4px;
    }

    .preview-content .menu-active {
        top: 66px;
        font-size: 5px;
    }

    .preview-content .menu-selected {
        left: 8px;
        top: 87px;
        font-size: 4px;
    }

    .preview-content .button {
        font-size: 8px;
        width: 40px;
        margin: 75px 20px 0 0;
    }

    .theme-group .custom-theme {
        margin-top: 6px;
    }

    .page-sidebar .profile-info {
        display: none;
    }

    .listofDoc-mb .docnamefrmb_container {
        display: flex;
        width: 100%;
    }

    /*.mobileview .main-wrapper .page-title {
        padding: 0px;
    }*/

    .sticky-Preview-header {
        top: 58px !important;
    }

    .doc-tablelist td {
        width: 33%;
    }

    .alert-note-wrap {
        margin-left: 0px;
        max-width: 100%;
    }

    .signing-main.dynamic-wflow-main {
        width: 100% !important;
        float: none;
    }

    .mobileview .db-status.active .db_box {
        position: static;
    }

    .mobileview .db-status {
        padding-right: 15px;
        margin-bottom: 0px;
    }

    .mobileview .db_box {
        padding: 10px 15px 0px;
        margin: 5px 0px;
    }

    .mobileview .db-status:last-child {
        margin-bottom: 10px !important;
    }

    .mobileview .db_box i {
        padding: 10px;
        width: 34px;
        text-align: center;
    }

    .mobileview .db_box .stats {
        justify-content: flex-start;
        line-height: 30px;
        align-items: flex-start;
    }

        .mobileview .db_box .stats h4 {
            line-height: 30px;
            margin-left: 5px;
            position: absolute;
            right: 20px;
            font-size: 18px;
        }

        .mobileview .db_box .stats span {
            font-size: 18px;
        }

    .db_box {
        min-height: 40px;
    }

    .mobileview section.box.nobox {
        margin: 0px;
    }

    .mobileview .utilityContentWrap {
        height: auto !important;
        margin-bottom: 15px !important;
    }

    .ltabs-mscroll {
        overflow-y: hidden;
        margin: 0 0 10px;
    }

        .ltabs-mscroll .landing-tabs {
            flex-wrap: unset !important;
            height: auto;
            margin-bottom: 10px;
            max-width: 100%;
            overflow: scroll;
            display: flex;
            flex-direction: row;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
        }

            .ltabs-mscroll .landing-tabs li {
                padding: 0px;
            }

                .ltabs-mscroll .landing-tabs li a {
                    min-height: 55px;
                    padding: 10px 20px;
                }

    .dataTables_wrapper {
        overflow: scroll;
    }

        .dataTables_wrapper .dataTables_wrapper {
            overflow: visible;
        }

        .dataTables_wrapper .table.dataTable {
            table-layout: auto;
        }

    .box-action {
        margin-top: 0px;
    }

    .loader .txtLoaderCenter {
        left: 15%;
        top: 250px;
    }

    .loader .txtLoader {
        width: 70%;
    }

    .mobileview.upload-document .upload-list li {
        margin: 5px 0px;
    }

    .mobileview .upload-list li {
        padding: 5px 10px;
        line-height: 18px;
        padding-left: 45px;
    }

        .mobileview .upload-list li span.count {
            left: 10px;
            top: 12px;
        }

        .mobileview .upload-list li .name {
            width: 90%;
        }

        .mobileview .upload-list li .delete-document {
            right: 15px;
            top: 14px;
        }

    .mobileview.upload-document #Step0Content .main-wrapper {
        padding: 0px;
    }

    .mobileview.upload-document #Step0Content .box {
        margin-top: 0px !important;
    }

    .mobileview .main-wrapper {
        padding: 0px 15px;
    }

    .mobileview #signerContainment {
        padding-top: 0px;
    }

    .mobileview.upload-document #Step1Content .main-wrapper {
        padding: 0px;
        margin-top: 0px;
    }

    .mobileview.multi-upload-block {
        padding: 10px;
    }

    .mobileview.upload-document #Step0Content {
        padding: 10px 15px 15px;
    }

    .mobileview.upload-document .powerformRight {
        padding: 0px;
        width: 250px !important;
        position: fixed;
        right: 0%;
        top: 60px;
        margin: 0;
        margin-right: -250px;
        z-index: 1029;
        box-shadow: -3px 3px 10px rgba(0,0,0,0.1);
        transition: all 0.3s ease-in-out 0s;
    }

        .mobileview.upload-document .powerformRight.thirdPartyRightCol {
            top: 0px;
        }

    .mobileview.upload-document .page-control-wrapper {
        left: auto;
        right: auto;
        z-index: 998;
        bottom: 0px;
        padding: 10px 15px;
        flex-direction: column;
        text-align: center;
        position: fixed;
    }

    .mobileview .page-control-wrapper .page-control {
        text-align: center;
    }

    .mobileview .doc-count-show h4 {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding: 0px 20px 5px;
        display: block;
    }

    .mobileview.upload-document .page-sidebar.expand-pagescroll, .mobileview.upload-document .page-sidebar.thirdPartySidebar {
        width: 175px !important;
        left: -176px;
        margin-left: 0px !important;
        z-index: 1032;
    }

    .mobileview.upload-document #uploadMessage {
        font-size: 17px !important;
        white-space: normal !important;
        padding: 30px 60px;
        top: 30%;
    }

    .mobileview.upload-document .toolbox-list #toolbox div,
    .mobileview.upload-document .toolbox-list #componentbox div,
    .mobileview.upload-document .toolbox-list .docfield div,
    .mobileview.upload-document .toolbox-list #qrcodebox div,
    .mobileview.upload-document .toolbox-list #qrcodeboxFixed div {
        width: 96%;
    }

    .mobileview.upload-document .document-list h4 {
        display: none;
    }

    .mobileview.upload-document .documents-header {
        padding: 7px 10px;
    }

    .mobileview.upload-document .rightToggleMobile,
    .mobileview.upload-document .leftToggleMobile {
        display: block !important;
        width: 120px;
        background: #0034ac;
        padding: 10px;
        transform: rotate(-90deg);
        color: #fff !important;
        text-align: center;
        position: fixed;
        top: 40%;
        z-index: 1020;
        transition: all 0.3s ease-in-out 0s;
    }

        .mobileview.upload-document .rightToggleMobile.hideContent {
            display: none !important;
        }

        .mobileview.upload-document .rightToggleMobile i,
        .mobileview.upload-document .leftToggleMobile i {
            margin-right: 5px;
        }

    .mobileview.upload-document .rightToggleMobile {
        right: -39px;
        border-radius: 6px 6px 0px 0px;
    }

    .mobileview.upload-document .leftToggleMobile {
        left: -39px;
        border-radius: 0px 0px 6px 6px;
    }

    .mobileview.upload-document .rightToggleMobile.closeToggle {
        right: 211px;
    }

    .mobileview.upload-document .leftToggleMobile.closeToggle {
        left: 136px;
    }

    .mobileview.upload-document .configSignDocuments .powerformRight,
    .mobileview.upload-document .page-sidebar {
        overflow: inherit;
    }

    .mobileview.upload-document .div-initiation .rightToggleMobile.closeToggle {
        right: 237px;
    }

    .mobileview.upload-document .div-initiation .leftToggleMobile.closeToggle {
        left: 220px;
    }

    .mobileview.upload-document .div-initiation .powerformRight {
        width: 275px !important;
        margin-right: -275px;
    }

        .mobileview.upload-document .div-initiation .powerformRight .dynamic-sign {
            margin: 0px !important;
        }

    .mobileview.iti-mobile .flip-window {
        min-height: 0 !important;
        height: 85vh !important;
    }

    .adhocformNw .dynamic-wflow-right .box {
        padding: 15px 15px 30px;
    }

        .adhocformNw .dynamic-wflow-right .box .signerwrapper > div {
            text-align: center;
        }

        .adhocformNw .dynamic-wflow-right .box .add-signatory {
            display: inline-block;
            margin: 0px auto;
        }

            .adhocformNw .dynamic-wflow-right .box .add-signatory span {
                padding: 6px 20px;
                margin: 0px;
            }

        .adhocformNw .dynamic-wflow-right .box .flip-content {
            padding-bottom: 70px;
        }
}

@media (max-width: 600px) {
    .db-status {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .settings-section .page-title h1.title {
        display: block !important;
    }

    .mobileview .db_box {
        margin: 0px 0px 2px !important;
    }

    .mobileview .db-status:last-child {
        margin-bottom: 20px;
    }

    .page-topbar .quick-area .info-menu.left-links a span {
        padding-left: 15px;
        margin-right: 5px;
    }

    .initialSign-font-option li {
        width: 100%;
        margin-bottom: 10px;
    }

    .sign-font-block .form-row {
        display: block;
    }

    .sign-font-block label {
        display: block !important;
    }

    .sign-font-block .input-font {
        margin-left: 0px !important;
        width: 240px !important;
    }
}


@media (min-width:820px) and (max-width:960px) {
    .appExternalLink {
        border: 1px solid rgb(225, 223, 221);
        border-bottom: none;
        font-size: 12px;
    }

    .loader-body {
        background: #f5f5f5;
    }

    .appExternalLink .powerformLeft {
        margin-left: -130px !important;
        width: 130px !important;
    }

        .appExternalLink .powerformLeft .lnk-upload {
            width: 100%;
            right: auto;
            text-align: left;
            padding-left: 13px;
        }

        .appExternalLink .powerformLeft .doc-details i {
            right: 5px;
        }

    .appExternalLink .toolbox-list #toolbox div, #appExternalLink .toolbox-list #componentbox div, #appExternalLink .toolbox-list #qrcodebox div, #appExternalLink .toolbox-list #qrcodeboxFixed div {
        font-size: 11px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .appExternalLink .toolbox-list #toolbox div, .appExternalLink .toolbox-list #componentbox div, .appExternalLink .toolbox-list .docfield div, .appExternalLink .toolbox-list #qrcodebox div, .appExternalLink .toolbox-list #qrcodeboxFixed div {
        width: 100%;
    }

    .appExternalLink.expended .toolbox-list #toolbox div, .appExternalLink.expended .toolbox-list #componentbox div, .appExternalLink.expended .toolbox-list .docfield div, .appExternalLink.expended .toolbox-list #qrcodebox div, .appExternalLink.expended .toolbox-list #qrcodeboxFixed div {
        width: 47%;
    }

    .appExternalLink .toolbox-list .toolbox-header {
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .appExternalLink .documents-header {
        padding: 7px 10px;
    }

    .appExternalLink #main-content {
        margin-left: 130px !important;
    }

    .appExternalLink .dynamic-wflow-right {
        width: 210px !important;
    }

    .appExternalLink #accordionEx .card-header, #appExternalLink .document-list h4 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .appExternalLink #accordionEx {
        max-height: 80%;
        overflow: auto;
        background: none;
    }

    .appExternalLink .document-list h4 {
        display: none;
    }

    .appExternalLink.expended .document-list h4 {
        display: block;
        margin: 0px;
        padding: 0px;
    }

    .appExternalLink.expended .documents-header-btngroup {
        margin-right: 30px;
    }

    .appExternalLink #accordionEx .card-header .header-collapse h5 {
        font-size: 12px;
    }

    .appExternalLink #componentbox .docField-component-partition {
        width: 100%;
    }

    .appExternalLink .doc-list .doc-details {
        padding-right: 55px;
    }

    .appExternalLink .doc-list .page-no {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    /*.appExternalLink ul.dynamic-sign.sub-menu1 { min-height:160px;}*/

    .appExternalLink .powerformRight .add-signatory,
    .appExternalLink .powerformRight .existing-signatory {
        padding: 3px 5px;
    }

    .appExternalLink #accordionEx::-webkit-scrollbar, #documentViewContent::-webkit-scrollbar, .powerformRight::-webkit-scrollbar {
        height: 8px;
        width: 8px;
    }

    .appExternalLink #accordionEx::-webkit-scrollbar-track, #documentViewContent::-webkit-scrollbar-track, .powerformRight::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        border-radius: 10px;
    }

    .appExternalLink #accordionEx::-webkit-scrollbar-thumb, #documentViewContent::-webkit-scrollbar-thumb, .powerformRight::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: none;
        background: #767676;
    }

    .appExternalLink #Step0Content {
        margin-left: -120px;
        margin-right: 10px;
    }

    .appExternalLink #slideLeftToggle {
        display: block !important;
        position: absolute;
        right: 0px;
        z-index: 9999;
        top: 0px;
        padding: 8px;
        background: #eeebe9;
        color: #000;
        border: 1px solid rgb(225, 223, 221);
    }

    .appExternalLink.expended .powerformLeft {
        width: 260px !important;
        z-index: 9999 !important;
    }

    .appExternalLink .wr-flexi-padding {
        padding: 0px;
    }

    .appExternalLink .powerformRight.thirdPartyRightCol, .appExternalLink .flip-window.thirdPartyRightCol {
        width: 210px;
    }

    .appExternalLink .flip-content {
        padding: 0 8px;
    }

        .appExternalLink .flip-content .form-control {
            height: 25px;
            font-size: 12px;
        }

    .appExternalLink .intl-tel-input .selected-flag .iti-flag {
        margin: 4px auto;
    }

    .appExternalLink .iti-flag {
        width: 15px;
        height: 13px;
    }

    .appExternalLink .intl-tel-input .selected-flag .iti-arrow {
        margin-top: -5px;
    }

    .appExternalLink .flip-content .signatories-section {
        padding: 5px 0px;
    }

    .appExternalLink .signatories-section .form-signer.thirdPartyRightColInput {
        width: 150px;
        font-size: 12px;
    }

    .appExternalLink .flip-content .signatories-section .btn {
        font-size: 17px;
    }

    .appExternalLink .flip-content .signatories-section .profileScroll {
        height: 230px;
    }

    .appExternalLink .flip-content .button-group {
        text-align: center;
    }

    .appExternalLink .main-wrapper.thirdPartynoHeader {
        margin-top: 0px !important;
        padding: 0px !important;
        padding: 0px;
    }

    html::-webkit-scrollbar {
        height: 8px;
        width: 8px;
    }

    html::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        border-radius: 10px;
    }

    html::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: none;
        background: #767676;
    }

    .modal-lg {
        max-width: 94% !important;
    }
}

@media (max-width:768px) {
    .showSignature {
        transform: scale(0.7);
    }

    .page-topbar .quick-area .info-menu.right-links li.lang-dropdown i.fa-globe {
        margin-top: 3px !important;
    }

    .jqdataGrid .normal-jqgrid .ui-jqgrid-pager {
        width: 100% !important;
    }

    .jqdataGrid .normal-jqgrid #pager_left, .jqdataGrid .normal-jqgrid #pager_center, .jqdataGrid .normal-jqgrid #pager_right {
        display: block;
        text-align: center !important;
        margin: 0px auto;
    }

        .jqdataGrid .normal-jqgrid #pager_right * {
            text-align: center !important;
        }


    .jqdataGrid .normal-jqgrid table.ui-pg-table {
        width: 100% !important;
        table-layout: auto !important;
    }

    .jstree-action-default .btn-default {
        padding: 6px 7px !important;
    }

    .jstree-action-default .sbBtnBlk {
        float: none;
        margin: 10px 0px;
    }

    .alertWindow .alertContent, .webUrlWindow .alertContent, .paymentWindow .paymentContent .saveWindow .alertContent, .EditWindow .editContent, .ManageWindow .ManageWorkflowContent, .uploadwindow .uploadContent, .Previewwindow .PreviewContent, .utilityWindow .utilityContent {
        left: 5%;
        width: 90%;
        top: 25%;
    }

    .mobileview.upload-document .document-popup {
        left: 2%;
        width: 96%;
        position: fixed;
        top: 60px !important;
    }

        .mobileview.upload-document .document-popup:before, .mobileview.upload-document .document-popup:after {
            display: none;
        }
}

@media (max-width:420px) {
    .page-topbar .quick-area .info-menu a span {
        /*max-width: 65px;*/
        white-space: nowrap;
    }

    .docnamefrmb {
        max-width: 280px;
        min-width: 280px;
    }

    .adhoc-ptbox .title {
        font-size: 14px;
    }

    .MobSmallButtons {
        display: block !important;
    }

        .MobSmallButtons .dropdown .dropdown-toggle {
            padding: 3px 13px 2px;
            line-height: 24px;
            font-size: 13px;
        }

        .MobSmallButtons .dropdown .dropdown-menu {
            z-index: 9999;
        }

    .DeskButtons {
        display: none;
    }

    .adhoc-ptbox {
        background: none;
        box-shadow: none;
    }

    .bottom div.dataTables_length {
        margin: 0px !important;
        padding: 10px 0px 20px;
    }

        .bottom div.dataTables_length label {
            font-weight: normal;
            float: none;
            text-align: center;
            display: inline-block;
            margin: 0px auto;
        }

    .activity-audit-filter {
        margin-bottom: -10px;
        padding: 15px 10px 0px;
    }

        .activity-audit-filter .form-control {
            margin: 0px 0px 10px;
        }

    .docStoreBtns {
        position: static;
        text-align: center;
        float: none;
        padding: 10px;
    }

        .docStoreBtns a {
            margin: 0px 5px;
        }

    .btn-mobgroup {
        display: block;
        margin-top: 10px;
    }

    .ltabs-mscroll .landing-tabs li a {
        min-height: 48px;
        padding: 7px 20px;
    }

    #docStoreTable br {
        display: none;
    }

    #startUpload table thead {
        display: none;
    }

    #startUpload table tbody td {
        display: block;
    }

    .showing-results {
        text-align: center;
    }

    .floatDocControl #signerContainment {
        padding-bottom: 0px;
    }

    .toolbox-list #toolbox div span, .toolbox-list #componentbox div span, .toolbox-list .docfield div span, .toolbox-list #qrcodebox div span, .toolbox-list #qrcodeboxFixed div span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .mobileview.upload-document .toolbox-list #toolbox div, .mobileview.upload-document .toolbox-list #componentbox div, .mobileview.upload-document .toolbox-list .docfield div, .mobileview.upload-document .toolbox-list #qrcodebox div, .mobileview.upload-document .toolbox-list #qrcodeboxFixed div {
        width: 46%;
    }

    @media (max-width:820px) and (orientation:landscape) {
        .mobileview.upload-document .configSignDocuments .powerformRight,
        .mobileview.upload-document .page-sidebar {
            overflow: auto;
        }

        .signatories-section .profileScroll {
            height: 220px;
        }

        .configSignDocuments .powerformRight .flip-window {
            height: auto !important;
        }
    }

    @media (max-height:560px) {
        .trackerSingOptn .signatories-section .profileScroll, .configerSigners-box .profileScroll {
            height: 154px;
        }

        .flip-content {
            height: 100%;
            overflow: auto;
        }

        .adhocformNw .flip-content {
            height: 70vh !important;
        }
    }

    @media (min-width:820px) and (max-width:1180px) {
        section .content-body {
            padding: 10px !important;
        }

        .dashboard-gridbox .content-body {
            padding: 0px !important;
        }

        section header .title {
            font-size: 12px !important;
        }

        .counter {
            font-size: 22px !important;
            font-weight: 500;
            margin: 0px;
        }

        .avgtimespent-counter {
            font-size: 16px !important;
            font-weight: 500;
            margin: 0px;
        }

        .configAccordion .card-body .btn {
            padding: 5px 12px;
        }

        section .content-body .vertLine {
            padding: 0px !important;
        }

        .daterange-search {
            padding: 10px;
            text-align: right;
        }

            .daterange-search .form-control {
                padding: 5px 3px !important;
                width: 95px !important;
                display: inline-block;
                margin-right: 3px;
                font-size: 13px;
            }
    }

   
}

@media (min-width: 2500px) {
    .normal-jqgrid table {
        width: 100% !important;
    }
}

.uaepass-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 5px !important;
    font-weight: 400;
    color: #000;
}

.uaepass-action-btn {
    padding: 6px 20px !important;
    color: #000;
    background: #fff;
    border-radius: 25px;
}

.uaepass-btn img, .uaepass-action-btn img { width:18px !important; }

.uaepass-btn:hover, .uaepass-action-btn:hover {
    color: #000 !important;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) !important;
}

.uaepass-btn:active, .uaepass-btn:focus, .uaepass-btn:active:focus, .uaepass-action-btn:active, .uaepass-action-btn:focus, .uaepass-action-btn:active:focus {
    color: #000 !important;
    background: #ecebeb !important;
}

.min-width-200 { min-width: 200px; }

.auto-save-message {
    position: fixed;
    top: 8%;
    left: 50%;
    transform:translateX(-50%);
    background-color: #28a745;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    z-index: 1040;
}
.right-sidebar-slider.sign-section .mysignBox li, .initialSign-font-option li { width: 45%; }
.right-sidebar-slider.sign-section .mysignBox li label { height: 50px; }
.seal-designation {
    position: absolute;
    top: 8px;
    right: 0;
}
.seal-designation .btn {
    padding: 5px 10px;
    border-radius: 5px;
    min-width: 50px;
}
.offline-doc-template {
    max-height: 500px;
    overflow-y: auto;
}
#goog_conv_iframe {
    display: none;
}
/* Slide-in iframe panel (initially hidden offscreen) */
.esign-slide-panel {
    position: fixed;
    top: 0;
    right: -600px; /* Hide offscreen to right */
    width: 600px;
    height: 100vh;
    background: #fff;
    border-left: 1px solid #ccc;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
    transition: right 0.4s ease-in-out;
    z-index: 9999;
}

    /* Slide-in animation trigger */
    .esign-slide-panel.active {
        right: 0;
    }

.close-btn {
    position: absolute; /* Make it float */
    top: 10px; /* Adjust distance from top */
    right: 10px; /* Stick to the right */
    background: none; /* Remove background */
    border: none; /* Remove border */
    font-size: 20px; /* Bigger size for ✖ */
    cursor: pointer; /* Show pointer on hover */
}