/* http://stackoverflow.com/questions/12082948/resize-the-content-propertys-image */
@font-face {
    font-family: 'Rethink Sans';
    src: url('/userdocument/fonts/RethinkSans-Regular.ttf');
}
@font-face {
    font-family: 'Rethink Sans';
    src: url('/userdocument/fonts/RethinkSans-Regular.woff2') format('woff2'), url('/userdocument/fonts/RethinkSans-Regular.woff') format('woff'); font-weight: 400; font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('/userdocument/fonts/RethinkSans-Medium.woff2') format('woff2'), url('/userdocument/fonts/RethinkSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('/userdocument/fonts/RethinkSans-SemiBold.woff2') format('woff2'), url('/userdocument/fonts/RethinkSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('/userdocument/fonts/RethinkSans-Bold.woff2') format('woff2'), url('/userdocument/fonts/RethinkSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/*new theme modified css*/
html .modal .modal-content, html.themeone .modal-content {
    background: #fff !important
}
html .btn,
html .form-control,
html .lead,
html .list-inline,
html .navbar-nav a,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html p,
html small,
html ul,
html ol,
html li,
html div,
html label {
    font-family: "Rethink Sans";
}

/*NEW LOGIN*/

html body,
html button,
html input,
html label,
html select,
html td,
html textarea {
    font-family: "Rethink Sans";
}

html button.btn.btn-primary {
    background: radial-gradient(100% 568.33% at 0% 0%, #F95A38 0%, #FF9823 100%);
    border-color: #e24b2e;
    padding: 15px 40px;
    border-radius: 100px;
}

/*signer page css*/
.esign-header {
    border-bottom: 1px solid #EAEBED;
    background: #F7F7F7;
}
.signer-intro .signer-multiple {
    background: url(/content/assets/images/create-envelope-bg.png);
}
.signer-intro .signer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.signer-intro .signer-content .text-container {
    display: flex;
    width: 400px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.signer-single h2 {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 36px */
    letter-spacing: 0.6px;
    margin: 0;
}
.signer-single p {
    width: 266px;
    color: #16283D;
    text-align: center;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.32px;
    margin: 0;
}
.signer-multiple h2 {
    color: #FFF;
    font-family: "Rethink Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.6px;
    margin: 0;
}
.signer-multiple p {
    color: #FFF;
    text-align: center;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.32px;
    margin: 0;
    width: 280px;
}

.signer-intro button {
    color: #FFF;
    font-family: "Rethink Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.36px;
    text-transform: uppercase;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
    background: radial-gradient(100% 568.33% at 0% 0%, #F95A38 0%, #FF9823 100%);
    border-color: #e24b2e;
}
footer#minimal-footer {
    height: auto;
    padding: 10px 0px;
}
    footer#minimal-footer span {
        color: #0E76FF;
    }
footer#minimal-footer a {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.footer-text {
    display: flex;
    padding: 10px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    background: #0E76FF;
    color: #fff;
}
.text-footer-pdfsimpli {
    margin: 0;
    color: #FFF;
    font-family: "Rethink Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.footer-text a, .footer-text a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}
input.form-control {
    border-radius: 4px;
    border: 2px solid #E7F1FF;
}
#progress-modal .pull-right{
    float:right;
}
.modal-footer{
    border:none;
}
.add-recipients .recipients-list .circle.sender-circle {
    top: 30%;
}
.StepProgress::before{
    height:98%;
}
/*add recipients page css*/
button.btn.btn-primary.primary {
    font-family: "Rethink Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.36px;
    text-transform: uppercase;
    padding: 15px 40px !important;
    border-radius: 100px !important;
    background: radial-gradient(100% 568.33% at 0% 0%, #F95A38 0%, #FF9823 100%);
}
button.btn.btn-primary.primary:hover{
    background: radial-gradient(100% 568.33% at 0% 0%, #F95A38 0%, #FF9823 100%);
    border-color: #e24b2e;
}
.modal-body label {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.32px;
}
html .modal-content {
    background: #fff;
}
.modal-title {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 24px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.48px;
}
.add-recipients h1 {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    letter-spacing: 0.64px;
}
.add-recipients .recipients-list h5 {
    color: #687585;
    font-family: "Rethink Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.36px;
}
.add-recipients .recipients-list strong {
    font-family: "Rethink Sans";
    font-style: normal;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.36px;
}
.add-recipients .recipient-order label {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.28px;
}
.add-recipients .recipients-list .circle {
    border-radius: 67.935px;
    background: #FFF0E6;
    border: none;

    display: flex;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.add-recipients .circle-border {
    border-radius: 100px;
    border: 1px solid #F60;
    display: flex;
    width: 16px;
    height: 16px;
    padding: 4.667px 3.733px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 9.333px;
    flex-shrink: 0;
}

.add-recipients .StepProgress-item.current::after {
    border: 1px solid #F60;
    border-radius: 100px;
    background: #FFF0E6;
    color: #F60;
    box-shadow: 0 0 0 6px #FFF0E6;
}
.add-recipients .StepProgress::before {
    border-left: 1.5px solid #DBDEE1;
}
.add-recipients .StepProgress .StepProgress-item .border-box {
    border-width: 2px 2px 5px 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 2px solid #E7F1FF;
    border-right: 2px solid #E7F1FF;
    border-bottom: 2px solid #E7F1FF;
}
#addRecipients .dropdown-toggle {
    font-family: "Rethink Sans";
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}
.add-recipients button#AddRecipient {
    border-radius: 100px;
    background: #0E77FF;
    color: #FFF;
    text-align: center;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    padding: 15px 30px;
}
.add-recipients .recipients-list.recipients-list-text {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.32px;
}
.btn-group-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 10px;
}
.btn.btn-clear {
    border-radius: 100px;
    background: #DBDEE1;
   /* padding: 20px 60px;*/
    padding: 15px 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.36px;
    text-transform: uppercase;
}
.btn-group-footer .btn.btn-primary {
    border-radius: 100px;
    background: radial-gradient(100% 568.33% at 0% 0%, #F95A38 0%, #FF9823 100%);
    border-color: #e24b2e;
    padding: 20px 60px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.36px;
    text-transform: uppercase;
}
/*multisigner index page css*/
#toolbarAnnotationsMiddle ul#steps li.num.passed::before, ul#steps li.num.n-three::before, ul#steps li.num.n-four::before {
    content: none;
}
#toolbarAnnotationsMiddle{
    padding:0;
}
#toolbarAnnotationsMiddle #steps {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding: 18px 0;
}
#toolbarAnnotationsMiddle #steps .list-inline-item.num{
    display: flex;
    align-items: center;
    gap: 10px;
}
#toolbarAnnotationsMiddle #steps .line-seprator {
    width: 20px;
}
#toolbarAnnotationsMiddle #steps .list-inline-item.num .Check-wrap {
    display: flex;
    width: 30px;
    height: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #16283D;
}
#toolbarAnnotationsMiddle #steps .list-inline-item.num.current-step .Check-wrap {
    background: #264A73;
}
#toolbarAnnotationsMiddle #steps .list-inline-item.num.review .Check-wrap{
    background: #DBDEE1;
}
#toolbarAnnotationsMiddle #steps .list-inline-item.num .step-content {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#toolbarAnnotationsMiddle #steps .list-inline-item.num.review .step-content {
    color: #A1A7B0;
}
#btnSaveEnvelope {
    padding: 12px 18px !important;
    font-size: 16px;
}
#btnDiscard,#btnCancel {
    border-radius: 100px;
    background: #DBDEE1;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.36px;
}
#pdfSimpliEditor p {
    padding: 12px 18px !important;
    color: #A1A7B0;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.32px;
}
/*editor css*/
#document-area-b {
    background: #fff;
}

.sidebar-fields {
    background: #F7F7F7;
}
html #outerContainer.withRightSidebarOpen > #rightSidebarContainer.rightsidebar {
    background: #EFEFEF;
    border:none;
}
#sidebarContent, #sidebarContainer, #sidebarContainer #toolbarSidebar {
    width: 200px;
}
.menu-fields .menu_item img, html .secondary-nav li button#undoBtn img, html .secondary-nav li button img {
    filter: none;
}
/*.secondary-nav li button#zoomIn img, .secondary-nav li button#zoomOut img {
    filter: invert(.8) sepia(0) saturate(5) hue-rotate(0deg);
}*/
html .pdfViewer .page {
    box-shadow: unset;
    border-radius: 4px;
    border: 1px solid rgb(22, 40, 61);
}
html #viewerContainer {
    top: 110px !important;
}
html .propertiesToolbarRibbon {
    height: 48px;
}
html .propertiesToolbarRibbon ul.secondary-nav button{
   padding: 12px 6px;
}
@media screen and (min-width: 768px) {
    html #toolbarSidebar {
        height: 46px;
    }

    html #sidebarContent {
        top: 46px;
    }
    #sidebarContainer {
        margin-top: 67px!important;
    }
}
#toolbarViewerRight a {
    margin: 5px;
    margin-top: 2px;
}

/*   thumbnail css */
html #thumbnailView > a:hover .thumbnail {
    border-color: #687585;
    background-color: #687585;
}

html #thumbnailView > a .thumbnail:not(.selected) .thumbnailNumber {
    background: #687585;
}

html #thumbnailView > a .thumbnail.selected, html.themeone.newtheme #thumbnailView > a .thumbnail.selected:hover .thumbnail {
    border-color: #16283D;
    background-color: #16283D;
}

html .thumbnailNumber {
    background: #16283D;
}

html .thumbnail {
    padding: 2px;
}

html .thumbnailNumber {
    right: 2px;
    padding: 5px 6px;
    font-size: 12px;
}

html #sidebarContent, html #sidebarContent #sidebarContent {
    background: #F7F7F7;
}
/*   end thumbnail css */

/*   left sidebar css */
.RecipientDropdownlst .RecipientDropdown {
    padding: 15px 12px;
}
.light-theme-sidebar{
    width:200px;
}
#sidebarContent .sidebar-fields .tab-content, #sidebarContent .light-theme-sidebar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}
#sidebarContent .tab-pane-header {
    display: flex;
    padding: 5px 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}
#sidebarContent .tab-pane-header .heading-wrap {
    display: flex;
    padding: 5px 10px 5px 0px;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
}
#sidebarContent .sidebar-fields .tab-content>.active, #sidebarContent .light-theme-sidebar .tab-pane-wrapper {
    align-self: stretch;
}
#sidebarContent .tab-pane-header .heading-wrap h5 {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    padding: 0;
    border: none;
}
#sidebarContent .sidebar-fields .tab-content .menu_list, #sidebarContent .tab-pane-wrapper .menu_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin: 0;
}
#sidebarContent .sidebar-fields .tab-content .menu-fields .menu_listItem, #sidebarContent .tab-pane-wrapper .menu_list .menu_listItem {
    display: flex;
    padding: 10px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    padding: 10px 20px;
}
#sidebarContent .sidebar-fields .tab-content .menu-fields .menu_listItem button, #sidebarContent .tab-pane-wrapper .menu_list .menu_listItem button{
    padding:0;
}
#sidebarContent .sidebar-fields .tab-content .menu-fields .menu_listItem.border-bottom, #sidebarContent .tab-pane-wrapper .menu_list .menu_listItem.border-bottom {
    border-bottom: 1px solid #B3B6BE;
}
#sidebarContent .sidebar-fields .tab-content .menu-fields .swatch, #sidebarContent .tab-pane-wrapper .menu_list .swatch {
    height: 25px;
    width: 25px;
}
.menu-fields .menu_item:not(.disabled):hover {
    background: #e5e5e5;
    color: #16283D;
}
#sidebarContent .sidebar-fields .tab-content .menu-fields .menu_listItem:not(.disabled):hover, #sidebarContent .sidebar-fields .tab-content .menu-fields .menu_listItem.selected, .menu-fields .menu_item.selected, #sidebarContent .tab-pane-wrapper .menu_list .menu_listItem:not(.disabled):hover, #sidebarContent .tab-pane-wrapper .menu_list .menu_listItem.selected, .menu-fields .menu_item.selected, #annotationList tr:hover {
    background: #e5e5e5;
}
#annotationList tr:hover {
    color: #16283D!important;
}
.menu-fields .menu_item .u-ellipsis {
    color: #16283D;
    text-transform: capitalize;
}
#toolbarViewerRight .other-actions-menu .btn.dropdown-toggle {
   /* color: #C5601B;*/
    color: #0E76FF;
    font-family: "Rethink Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 5px;
}
.thumbs-view button {
    background: #fff;
}
.thumbs-view button img,.light-theme-sidebar.menu-fields .menu_item img {
    filter: none;
}
.action-bar-helpful-message {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 12px!important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 200% */
}

.sidebar-fields {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #888 transparent;
}

    .sidebar-fields::-webkit-scrollbar {
        width: 1px; /* vertical scrollbar */
        height: 1px; /* horizontal scrollbar */
    }

    .sidebar-fields::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 1px;
    }

    .sidebar-fields::-webkit-scrollbar-track {
        background: transparent;
    }


/*guest signer*/
#reviewModal .modal-header h4 {
    font-size: 20px!important;
}
#reviewModal .user-details .user-content {
    padding-left: 5px;
    align-self: center;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.28px;
    font-size: 14px;
    font-family: "Rethink Sans";
}
#reviewModal .modal-footer div {
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.28px;
    font-size: 14px;
    font-family: "Rethink Sans";
}
#reviewModal .checkbox-label {
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    gap: 8px; /* space between checkbox and text */
    margin-top: 8px;
}
#reviewModal .modal-footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
    border:none;
}
#reviewModal .checkbox-label input[type="checkbox"] {
    margin: 0;
}
html .modal-dialog .modal-header, .digital-signature-modal .modal-header {
    display: flex;
    padding: 20px 30px;
    gap: 30px;
    align-items: center;
    align-self: stretch;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px solid rgba(219, 222, 225, 0.50);
    background: #FFF;
}

#annotationList body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin: 0;
}
#annotationList tr {
    display: flex;
    padding: 10px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    padding: 10px 20px;
}
.annotation-icon {
    transform: none;
}
#annotationList td{
    padding:0;
}

.recipient #toolbarSidebar {
    padding: 5px 20px;
    align-items: center;
}
.recipient #toolbarSidebar button{
    padding: 5px 10px 5px 0px;
    align-items: center;
}
.recipient #toolbarSidebar button h5 {
    margin: 0;
    font-family: "Rethink Sans";
    font-style: normal;
    font-weight: 700;
    padding: 0;
    border: none;
}
/*digitalSignature modal*/

.modal-header .close-btn-container {
    display: flex;
    width: 50px;
    height: 50px;
    padding: 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    right: 0px;
    cursor: pointer;
    top: 0;
}
div#digitalSignatureContainer.remodal {
    padding: 0!important;
}
.modal-header .close-btn-container svg {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    stroke-width: 2.4px;
    stroke: #E4E4E4;
}
div#digitalSignatureContainer.remodal {
    border-radius: 10px;
    background: #FFF;
    border: 2px solid #D2E5FF;
    width: 850px;
}
div#digitalSignatureContainer h4#digital_signature_title {
    color: #fff;
    text-align: left;
    margin: 0 !important;
}
div#digitalSignatureContainer ul.nav-pills li .nav-link.active {
    background-color: #16283D!important;
}
div#digitalSignatureContainer ul.nav-pills li a {
    background-color: #0E77FF !important;
    text-align: center;
    font-family: "Rethink Sans";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    padding: 15px 30px !important;
}
#digitalSignatureContainer .ng-scope .nav > li > a {
    border-radius: 100px !important;
}
#digitalSignatureContainer .modal-body-wrap {
   /* padding: 15px;*/
    padding: 30px;
    padding-bottom: 25px;
}
#digitalSignatureContainer .signaturecolor #dropdownMenu2 {
    border-radius: 177.778px;
    background: #F4F4F4;
    padding: 10.667px;
}
#digitalSignatureContainer input.controls__input#typein, #digitalSignatureContainer input.controls__input#typeininitial {
    border-radius: 4px !important;
    border: 2px solid #E7F1FF !important;
    padding: 10px!important;
}
#digitalSignatureContainer .textsign div, #digitalSignatureContainer .textinitial div {
    border: none !important;
}
#digitalSignatureContainer #3a .drop-text {
    color: #16283D;
}
#digitalSignatureContainer .footer p {
    color: #A1A7B0;
}
.signaturecolor .dropdown-toggle::after {
    width: 15px !important;
    height: 7.5px !important;
    background: url(/esignature/images/theme-icons/down-arrow.svg) no-repeat center center;
    background-size: contain;
    border: none !important;
    margin-top: 0 !important;
}
#viewHistoryModal table {
    table-layout: fixed;
    width: 100%;
}
#viewHistoryModal table td{
    max-width: 108px;
    width: 108px;
    white-space: normal;
    word-break: break-word;
    vertical-align: top;
    line-height: normal;
}
#digitalSignatureContainer .tab-pane .controls label {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.32px;
}
#digitalSignatureContainer .sign-label div, #signature-pad label, #digitalSignatureContainer .tab-pane label {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.32px;
}
#digitalSignatureContainer .sig-content {
    border-radius: 10px;
    border: 1px solid #DBDEE1;
    background: #F7F7F7!important;
}
#digitalSignatureContainer .modal_content-list .fontList.selected {
    background: #F7F7F7 !important;
}
#digitalSignatureContainer .modal_content-list .fontList:hover {
    /*background: #EDEDED;*/
    background: #F7F7F7 !important;
}

#digitalSignatureContainer .clear-btn {
    font-family: "Rethink Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.36px;
    text-transform: capitalize !important;
    padding: 15px 40px !important;
    border-radius: 100px !important;
    background: #EAEBED;
}
#digitalSignatureContainer .drawsign, #digitalSignatureContainer .drawinital {
    color: #16283D !important;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.32px;
}

.editor-footer {
    flex-direction: column;
    align-items: flex-start;
}
.editor-footer footer#minimal-footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}
.editor-footer footer#minimal-footer .list-inline {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 0;
}
#sidebarContent .light-theme-sidebar .tab-pane-wrapper {
    padding-bottom: 78px;
}
#sidebarContent .sidebar-fields .tab-content .menu_list, #annotationListContainer {
    padding-bottom: 58px;
}
#toolbarTop #toolbarViewerRight #btnBack, #cancelDoc, #singleSignerNothanks {
    padding: 15px 35px;
    border-radius: 100px;
    background: #DBDEE1;
    color: #687585;
    font-family: "Rethink Sans";
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
    text-transform: uppercase;
}

#toolbarTop #toolbarViewerRight #btnNext, #toolbarTop #toolbarViewerRight #btnFinish, #toolbarTop #toolbarViewerRight #gotoDash, #downloadDoc {
    padding: 15px 35px !important;
    border-radius: 100px;
    background: radial-gradient(100% 568.33% at 0% 0%, #F95A38 0%, #FF9823 100%);
    color: #fff;
    font-family: "Rethink Sans";
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
    text-transform: uppercase;
}

#PrintSignDownloadDocument .modal-body p {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#PrintSignDownloadDocument .modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border:none;
}
/*progress-modal  css */
html #progress-modal .modal-dialog {
    width: 100%;
    max-width: 660px;
}

html #progress-modal h4.modal-title {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.48px;
}

html #progress-modal .modal-body {
    padding: 30px;
}

html #progress-modal .modal-body .modal-body-text {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.32px;
}

html #progress-modal #progress-conversion-modal {
    margin: 30px !important;
}

html #propor button.toolbarButton img {
    filter: none !important;
}
html #propor button#duplicateBtn img {
    filter: invert(0.8) sepia(0) saturate(5) hue-rotate(0deg) !important;
}
html #progress-modal .progress-bar {
    border-radius: 100px;
    background: radial-gradient(629.94% 237.92% at 104.73% -54.57%, #DA0000 0%, #F95A38 34%, #F95A38 60%, #FF9823 100%);
}
/*viewhistory modal*/
#viewHistoryModal .modal.fade .modal-dialog {
    max-width:920px;
    width:100%;
}
#viewHistoryModal .modal-body {
    padding: 16px 30px;
}
#viewHistoryModal .modal-body h5{
    display: flex;
    padding: 15px 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    background: #EAEBED;
    font-family: "Rethink Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.36px;
}
#viewHistoryModal .modal-body td p{
    color: #16283D;
    font-family: "Rethink Sans";
    font-style: normal;
    letter-spacing: 0.32px;
    font-weight: 400;
    line-height: 100%; 
}
#viewHistoryModal .modal-body td strong{
    color: #16283D;
    font-family: "Rethink Sans";
    font-style: normal;
    letter-spacing: 0.32px;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
}
#tblEnvHistory th {
    padding: 15px 20px;
    color: #16283D;
    font-family: "Rethink Sans";
    font-style: normal;
    letter-spacing: 0.32px;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
}
#tblEnvHistory td {
    color: #16283D;
    font-family: "Rethink Sans";
    font-style: normal;
    letter-spacing: 0.32px;
    font-weight: 400;
    line-height: 100%;
}
#tblEnvHistory th, #tblEnvHistory td {
    border-radius: 8px 0px 0px 0px;
    border: 2px solid #E7F1FF;
}
/*send-envelope screen*/
.envelope-left h1, .envelope-left h4 {
    color: #16283D;
    font-family: "Rethink Sans";
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.envelope-left h4 {
    font-weight: 700;
}
label, label.form-label {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.32px;
}
small,small.form-text, .envelope-right h5, .envelope-right h6,.envelope-right strong {
    color: #16283D;
    font-family: "Rethink Sans";
    font-style: normal;
    letter-spacing: 0.32px;
    line-height: 100%;
}
#recptDetail span {
    font-family: "Rethink Sans";
    font-style: normal;
}
.button-footer .btn.btn-clear {
    padding: 15px 40px;
}
.envelope-right p.card-text {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.32px;
}
.addPrivatelink button {
    border-radius: 100px;
    background: #DBDEE1;
    padding: 10px 20px;
    font-style: normal;
}
#addPrivateMessage .modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
}
#addPrivateMessage .btn.btn-clear {
    padding: 15px 40px;
}
#addPrivateMessage .send-to, #addPrivateMessage textarea#txtPvtMessage {
    border-radius: 4px;
    border: 2px solid #E7F1FF;
}

.eSign-sent-notification {
    display: flex;
  /*  padding: 80px 0px;*/
    padding-top: 100px;
    padding-bottom: 30px;
    justify-content: center;
    align-items: flex-start;
    gap: 80px;
    flex-shrink: 0;
    align-self: stretch;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 63.43%, #FFF 100%), linear-gradient(350deg, rgba(255, 255, 255, 0.00) 20.89%, #FFF 49.2%), linear-gradient(66deg, rgba(255, 224, 204, 0.50) 16.76%, rgba(236, 179, 227, 0.50) 53.82%, rgba(179, 226, 240, 0.50) 86.03%);
    backdrop-filter: blur(100px);
}
.eSign-sent-notification .esign-wrap {
    display: flex;
    width: 497px;
    padding: 40px 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    align-self: stretch;
    border-radius: 14px 14px 50px 50px;
    border: 2px solid #FFE1CC;
    background: #FFF;
    max-height: 388px;
}
.eSign-sent-notification .esign-container {
    display: flex;
    width: 377px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.eSign-sent-notification .esign-container .img-wrap {
    display: flex;
    align-items: center;
    gap: 18.333px;
    display: flex;
    width: 55px;
    height: 55px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 18.333px;
    border-radius: 183.333px;
    background: #0D8000;
}
.eSign-sent-notification .esign-container p {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 43.2px */
    letter-spacing: 0.72px;
    margin:0;
}
.eSign-sent-notification .esign-container .sub-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    align-self: stretch;
}
.eSign-sent-notification .esign-container .sub-text p {
    display: flex;
    align-items: flex-start;
    color: #16283D;
    text-align: center;
    font-family: "Rethink Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.36px;
    width:220px;
}

.eSign-sent-notification .btn-container {
    display: flex;
    width: 377px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}
    .eSign-sent-notification .btn-container a {
        display: flex;
        height: 60px;
        padding: 15px 40px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;

        padding: 15px 40px;
        color: #FFF;
        font-family: "Rethink Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 21.6px */
        letter-spacing: 0.36px;
        text-transform: uppercase;
        border-radius: 100px;
        background: radial-gradient(100% 568.33% at 0% 0%, #F95A38 0%, #FF9823 100%);
    }
#upload-sign-confrmation-modal .modal-body p {
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 14px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: 0.36px;
}
#upload-sign-confrmation-modal .modal-footer .signconfrmation {
    padding: 15px 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.36px;
    color: #fff;
}

#PrintSignDownloadDocument .modal-body {
    display: flex;
  /*  padding: 30px;*/
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    align-self: stretch;
}
#PrintSignDownloadDocument .print-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
#PrintSignDownloadDocument .print-wrap .print-container {
    display: flex;
    width: 450px;
    height: 128.81px;
    align-items: center;
    gap: 17.857px;
    position:relative;
}
#PrintSignDownloadDocument .print-wrap .print-container .content-item{
   display: flex;
    height: 97.142px;
    padding: 12.5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10.714px;
    flex: 1 0 0;
    border-radius: 14.286px;
    border: 3.571px solid rgba(255, 255, 255, 0.40);
    background: #FFF;
    box-shadow: 0px 1.678px 12.588px 0px rgba(0, 0, 0, 0.10);
}
#PrintSignDownloadDocument .print-wrap .print-container .content-item .icon-wrap {
    display: flex;
    width: 33.333px;
    height: 33.333px;
    padding: 2.667px;
    justify-content: center;
    align-items: center;
    gap: 13.333px;
    flex-shrink: 0;
    aspect-ratio: 33.33/33.33;
    border-radius: 8px;
}
#PrintSignDownloadDocument .print-wrap .print-container .content-item p {
    display: flex;
    height: 19px;
    align-items: flex-start;
    flex-shrink: 0;
    color: #16283D;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.32px;
}
#PrintSignDownloadDocument .modal-dialog {
    max-width: 500px;
}
#PrintSignDownloadDocument .right-arrow {
    width: 25px;
    height: 0px;
    position: absolute;
    top: 34%;
}
#PrintSignDownloadDocument .right-arrow.arrow-1 {
    left: 86.465px;
    bottom: 62.857px;
}
#PrintSignDownloadDocument .right-arrow.arrow-2 {
    left: 201.965px;
    bottom: 62.857px;
}
#PrintSignDownloadDocument .right-arrow.arrow-3 {
    right: 105.535px;
    bottom: 62.857px;
}
#PrintSignDownloadDocument .mobile-view {
    display: none;
}
#signModal .modal-body {
    padding-bottom: 0;
}
#signModal .modal-footer {
    padding-bottom: 25px;
    padding-right: 20px;
}
@media (min-width: 551px) {
    #digitalSignatureContainer .modal_content-list .col-md-8, #digitalSignatureContainer .sign-label .col-md-8 {
        width: 50%!important;
    }

    #digitalSignatureContainer .modal_content-list .col-md-4, #digitalSignatureContainer .sign-label .col-md-4 {
        width: 50% !important;
    }
}
#digitalSignatureContainer .footer button#createMouse, #digitalSignatureContainer .footer button#btnSaveSignature, #digitalSignatureContainer .footer button#btnImageSignature, #digitalSignatureContainer .footer button#createTouchScreen {
    float: right !important;
}
#signature-pad button.annotation-form-save, #signature-pad1 button.annotation-form-save {
    margin-right: 15px;
    float: right !important;
}

#uploadImage-draganddrop, #uploadImage-draganddrop2 {
    border-radius: 10px !important;
    border: 2px dashed #DBDEE1 !important;
}
.finish-signning .wrap-content h1, .finish-signning .wrap-content h3{
    text-align: center;
    font-family: "Rethink Sans";
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #16283D;
    margin-top: 0;
}
.finish-signning .wrap-content .subhead {
    text-align: center;
    font-family: "Rethink Sans";
    font-style: normal;
    line-height: normal;
    margin-top: 0;
    color: #16283D;
}

.finish-signning .wrap-content p {
    color: #16283D;
    text-align: center;
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.32px;
}
.finish-signning .wrap-content a {
    padding: 15px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: radial-gradient(100% 568.33% at 0% 0%, #F95A38 0%, #FF9823 100%);
    margin-top: 30px;
}
.finish-signning .wrap-content .all-done {
    background: linear-gradient(90deg, #1DCAFF 32.34%, #0E76FF 66.86%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.finish-signning .hor-divider {
    margin: 40px auto;
}
.finish-signning, .eSign-sent-notification {
    height: calc(100% - 87px);
}
#declineModal .modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 10px;
    padding: 30px;
    padding-top: 0;
}
#declineModal .modal-body, #assignSomeoneModal .modal-body {
    padding-left: 30px;
    padding-right: 30px;
}
#assignSomeoneModal label{
    font-weight:600;
}
#assignSomeoneModal.modal.fade .modal-dialog {
    max-width: 625px;
}
#assignSomeoneModal .modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 10px;
    padding: 30px;
    padding-top: 0;
}
#assignSomeoneModal #assignRpt {
    border-radius: 100px;
    background: radial-gradient(100% 568.33% at 0% 0%, rgb(249, 90, 56) 0%, rgb(255, 152, 35) 100%) !important;
    padding: 15px 30px !important;
}
#pdfSimpliEditor.modal.fade .modal-dialog {
    max-width:600px;
}
#pdfSimpliEditor .modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    padding: 30px;
    padding-top: 0;
}
#pdfSimpliEditor .modal-footer button{
    padding: 15px 40px !important;
}
.add-recipients .btn-clear {
    padding: 20px 60px;
}
.add-recipients .recipients-list {
    padding-left: 50px;
}
.add-recipients ul#addRecipients {
    padding-left: 38px;
}
.add-recipients .StepProgress-item.current::after {
    left: -32px;
}
#add-recipients-content .right{
    float:left!important;
}
#add-recipients-content .btn:hover {
    border: 1px solid transparent;
    background-color: transparent;
}
#add-recipients-content .right .btn {
    padding-left: 0;
}
#singleSignerNothanks {
    padding: 15px 40px !important;
    font-size: 18px;
}
#single-signer-add-recipients .content{
    margin-top:0;
}

.user-details .user-avatar {
    display: flex;
    width: 60px;
    height: 60px;
    padding: 4.8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25.26px;
    aspect-ratio: 1 / 1;
    border-radius: 150px;
    background: #A1A7B0;
    overflow: hidden;
    position: relative;
    margin-left: 10px;
}
    .user-details .user-avatar img {
        border-radius: unset;
        position: absolute;
        left: 7.5px;
        bottom: 0px;
        width: 45px;
        height: 54.008px;
    }
.dropdown-menu > li > a {
    color: #16283D;
}

#dialogContainer #passwordDialog label {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
/*.RecipientIcon {
    background: url('/esignature/images/theme-icons/icon-profile-ed.svg') no-repeat center center;
    background-size: contain;
}*/
@media screen and (min-width: 768px) {
    .multisigner #sidebarContainer {
        margin-top: 66px !important;
    }
}
.rightsidebar {
    margin-top: 113px!important;
}
#propertiesToolbarRibbon {
    background: #F7F7F7;
}
.thumbs-view {
    right: 20px;
    top: 4px;
    height: 34px;
    line-height: 38px;
    border-left: none;
}
.thumbs-view button {
    border-radius: 4px;
}
.thumbs-view button img {
    width: 18px;
    height: 18px;
}
#reviewModal .modal-body{
    padding-bottom:0;
}
#reviewModal .col-md-12 {
    border-radius: 10px;
    border: 2px solid #D2E5FF;
}
#reviewModal .modal-footer {
    padding-top:0;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    justify-content: flex-end;
}
#reviewModal .reviewModal-subtext {
    padding: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#finishModal .modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}
#finishModal .modal-footer a#btnNoThanks {
    display: flex;
    padding: 15px 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;

    color: #687585;
    font-family: "Rethink Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
    text-transform: uppercase;
    border:none;
}
#finishModal img.logo {
    filter: none;
    width: 204px;
}
#finishModal .modal-footer a#btnSubmit {
    display: flex;
    padding: 15px 60px !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: radial-gradient(100% 568.33% at 0% 0%, rgb(249, 90, 56) 0%, rgb(255, 152, 35) 100%) !important;
    color: #FFF;
    font-family: "Rethink Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.36px;
    text-transform: uppercase;
}
#toolbarViewerRight #btnClose {
    padding: 15px 35px !important;
    border-radius: 100px;
    background: radial-gradient(100% 568.33% at 0% 0%, #F95A38 0%, #FF9823 100%);
}
#decline-to-sign .modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}
#decline-to-sign #markVoidContinue, #decline-to-sign #declineToSign {
    display: flex;
    padding: 15px 30px !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: radial-gradient(100% 568.33% at 0% 0%, rgb(249, 90, 56) 0%, rgb(255, 152, 35) 100%) !important;
    color: #FFF;
    font-family: "Rethink Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.36px;
    text-transform: uppercase;
}
    @media (min-width: 1400px) {
        .eSign-sent-notification {
            padding-top: 140px;
        }
    }

    @media (max-width: 518px) {
        .eSign-sent-notification .esign-wrap, .eSign-sent-notification .esign-container {
            width: 320px;
        }

            .eSign-sent-notification .esign-container p {
                font-size: 30px;
            }
    }

    @media (max-width: 991px) {
        #sidebarContainer.sidebar-nav #sidebarContent .tab-pane-header {
            display: none;
        }

        #sidebarContent .sidebar-fields .tab-content .menu_list {
            flex-direction: row;
        }

        html #outerContainer #sidebarContainer.sidebar-nav {
            height: 42px;
        }

        #sidebarContent .sidebar-fields .tab-content .menu-fields .menu_listItem {
            padding: 6px 10px;
        }
    }

    @media (max-width: 767px) {

        #pdfSimpliEditor .modal-footer {
            gap: 10px;
        }

        .btn-group-footer, #PrintSignDownloadDocument .modal-footer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            #PrintSignDownloadDocument .modal-footer button {
                align-self: stretch;
            }

        #PrintSignDownloadDocument .print-wrap.desktop-view {
            display: none;
        }

        #PrintSignDownloadDocument .modal-body {
            display: unset;
        }

        #PrintSignDownloadDocument .print-wrap {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            /* gap: 20px;*/
            gap: 5px;
            align-self: stretch;
        }

        #PrintSignDownloadDocument .mobile-view {
            display: block;
        }

        #PrintSignDownloadDocument .print-wrap .mobile-view .print-container {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            align-self: stretch;
            width: auto;
            height: auto;
        }

        #PrintSignDownloadDocument .print-wrap .print-container {
            width: 300px;
            height: 116.57px;
        }

        #PrintSignDownloadDocument .right-arrow.arrow-1, #PrintSignDownloadDocument .right-arrow.arrow-2 {
            left: 130px;
            bottom: 60.429px;
        }

        #PrintSignDownloadDocument .modal-footer {
            flex-direction: column-reverse;
        }

        #declineModal .modal-footer, #assignSomeoneModal .modal-footer, #single-signer-add-recipients .modal-footer, #decline-to-sign .modal-footer {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            flex-direction: column-reverse;
        }

            #decline-to-sign .modal-footer button {
                align-self: stretch !important;
            }
            #declineModal .modal-footer button, #assignSomeoneModal .modal-footer button, #assignSomeoneModal #assignRpt, #pdfSimpliEditor .modal-footer button, #single-signer-add-recipients .modal-footer button {
                align-self: stretch !important;
            }

        #PrintSignDownloadDocument .right-arrow.arrow-3 {
            width: 74.906px;
            height: 0px;
            left: 123.27px;
            top: 103.16px;
        }

        #reviewModal .modal-footer {
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            #reviewModal .modal-footer button {
                align-self: stretch !important;
                margin-left: unset;
            }

        #reviewModal .col-md-12 .user-details {
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            #reviewModal .col-md-12 .user-details .user-avatar {
                width: 40px;
                height: 40px;
                margin-left: 0;
            }

        #reviewModal .user-details .user-avatar img {
            width: 30px;
            height: 36.005px;
            left: 4.5px;
        }
        html.themeone div#digitalSignatureContainer h4#digital_signature_title {
            font-size: 20px !important;
        }
        #digitalSignatureContainer .modal-body-wrap {
            padding: 15px;
        }
        div#digitalSignatureContainer ul.nav-pills li a {
            padding: 11px !important;
            font-size: 13.6px !important;
            border-radius: 4px !important;
        }
        div#digitalSignatureContainer.remodal {
            width: 100%;
        }

        #digitalSignatureContainer .footer button#createMouse, #digitalSignatureContainer .footer button#btnSaveSignature, #digitalSignatureContainer .footer button#btnImageSignature, #digitalSignatureContainer .footer button#createTouchScreen {
            align-self: stretch !important;
            float: unset !important;
            display: flex;
            width: 100% !important;
            justify-content: center;
            align-items: center;
            margin-bottom: 5px;
        }
        #signature-pad button.annotation-form-save, #signature-pad1 button.annotation-form-save {
            float: unset !important;
            width: 100% !important;
        }
        #sidebarContent .light-theme-sidebar .tab-pane-wrapper{
            padding:0;
        }
        #sidebarContent .sidebar-fields .tab-content .menu_list, #sidebarContent .tab-pane-wrapper .menu_list {
            flex-direction: row;
        }
            #sidebarContent .sidebar-fields .tab-content .menu-fields .menu_listItem, #sidebarContent .tab-pane-wrapper .menu_list .menu_listItem {
                padding: 7px 0px 7px;
            }

        html #signModal .modal-dialog .modal-header {
            padding: 1rem;
        }
        html #signModal .modal-title {
            font-size: 18px!important;
        }
        #signModal .modal-footer {
            padding-top: 0;
            padding-bottom: 1rem;
        }
        .add-recipients .btn-clear, .add-recipients #btnNext {
            width: 100%;
            max-width: 400px;
        }
        #progress-modal img.pull-right {
            max-width: 100% !important;
            margin-left: unset !important;
        }
        #progress-modal .modal-body .modal-body-text {
            float: unset;
        }
        html #progress-modal .progress-bar {
            min-height: 16px;
        }

        #toolbarTop #toolbarViewerRight #btnBack, #cancelDoc, #singleSignerNothanks {
            padding: 15px 30px;
        }
        #toolbarTop #toolbarViewerRight #btnNext, #toolbarTop #toolbarViewerRight #btnFinish, #toolbarTop #toolbarViewerRight #gotoDash, #downloadDoc {
            padding: 15px 30px !important;
        }
        .multisigner #toolbarViewerRight .nav-btn {
            padding-bottom:0;
        }
        .send-envelope-section .button-footer {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 5px;
        }
        .send-envelope-section .button-footer .btn.btn-clear{
             padding: 10px 16px;
             font-size: 14px;
             line-height: normal;
        }
        html .send-envelope-section .button-footer button.btn.btn-primary {
            padding: 10px 16px;
            font-size: 14px;
        }
        #want-to-sign-another-document .modal-dialog {
            width: 100% !important;
            max-width: 675px;
        }
        #want-to-sign-another-document .modal-dialog .sign-next-emptyspace {
            height: 20px;
        }
        #want-to-sign-another-document .modal-dialog .modal-footer {
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        #want-to-sign-another-document .modal-dialog .modal-footer button.btn.btn-primary.primary, #want-to-sign-another-document .modal-dialog .modal-footer .btn.btn-clear {
            align-self: stretch !important;
        }
        .send-envelope-section .addPrivatelink{
            float: unset !important;
        }
        .send-envelope-section .addPrivatelink button{
            width: 100%;
            margin-top: 10px;
        }
        .send-envelope-wrap .footer-text {
            padding-bottom: 60px;
        }
        .send-envelope-section .envelope-left {
            padding-bottom: 10px;
        }
        .send-envelope-section .envelope-right h6 {
            word-break: break-word;
        }
    }
    @media (max-width: 991px) {
        #sidebarContainer.sidebar-nav #toolbarSidebar {
            bottom: 66px;
        }
    }

@media (max-width: 518px) {
    .eSign-sent-notification .btn-container {
        width: 280px;
    }
}