/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    background: #fff no-repeat fixed bottom;
}

a{
    text-decoration: none;
}
.form-group {
    margin-bottom: 1rem;
}

/*::-webkit-scrollbar {
width: 8px;
height: 8px;
}*/

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

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

/*!* Handle on hover *!*/
/*::-webkit-scrollbar-thumb:hover {
background-color: #555;
}*/
.btn-outline-primary:hover {
    color: #fff;
    background-color: #0c59c7;
    border-color: #0c59c7;
}

.text-primary {
    color: #0c59c7 !important;
}
.on-hover-underline:hover{
    text-decoration: underline;
}

/*Navigation css*/

.navigation {
    background-color: #0c59c7;
    color: white;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
}

.master-layout {
    padding-top: 60px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #0c59c7;
}

.navigation .user-name {
    text-transform: capitalize;
}

.navigation .user-profile-icon {
    text-transform: capitalize;
    color: #fff;
    padding-right: 0;
    padding-left: 0;
}

.navigation .user-profile-icon i {
    font-size: 26px !important;
    margin-top: 2px;
    display: block;
}

.navigation .profile-icon {
    width: inherit !important;
}

.navigation .user-profile-menu ul li {
    list-style: none !important;
    min-width: 175px;
}

.navigation .user-profile-menu ul {
    padding: 0 !important;
    margin-bottom: 0;
}

.navigation .dropdown-menu {
    min-width: max-content !important;
}

/*Navigation css*/
.documentUploadBtn {
    margin: 0;
}

.searchBoxDivider .theme--light.v-icon.fa.fa-sort-desc {
    color: #fff !important;
}

.document-list .document-name {
    max-width: 80%;
}

.document-list .signed {
    background-color: #0c59c7;
    color: #fff;
    padding: 5px 5px;
    text-transform: capitalize;
    margin-right: 10px;
    font-size: 11px;
    display: inline-block;
    border-radius: 20px;
}

.document-list .active {
    background-color: #989898;
    color: #fff;
    padding: 5px 15px;
    text-transform: capitalize;
    margin-right: 10px;
    font-size: 11px;
    display: inline-block;
    border-radius: 20px;
}

.document-list .unsigned {
    background-color: #525151;
    color: #fff;
    padding: 5px 9px;
    text-transform: capitalize;
    margin-right: 10px;
    font-size: 10px;
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 20px;
}

.signer-count {
    color: #b4bcc2;
    display: inline-block;
    font-size: 15px;
}

.document-list-date {
    font-size: 13px;
    color: cadetblue;
    vertical-align: middle;
}

.signfast-primary-btn {
    color: #fff !important;
    background-color: #2c3033;
    border: 1px solid #2c3033;
    text-transform: capitalize !important;
    box-shadow: none !important;
    font-size: 13px;
    border-radius: 0 !important;
}

.signfast-danger-btn {
    color: red !important;
    background-color: transparent;
    border: 1px solid red;
    text-transform: capitalize !important;
    box-shadow: none !important;
}

.signfast-danger-btn:hover {
    color: #fff !important;
    background-color: red;
    border: 1px solid red;
    text-transform: capitalize !important;
    box-shadow: none !important;
}

.signfast-primary-btn:hover {
    color: #fff;
    background-color: #0c59c7;
    border: 1px solid #0c59c7;
}

.signfast-default-btn {
    background-color: #fff !important;
    color: #2c3033 !important;
    text-transform: capitalize !important;
    box-shadow: none !important;
    border: 1px solid #cac9c9 !important;
    border-radius: 0;
}

/*
.add-signer-pop .signfast-default-btn{
    margin-bottom: 5px !important;
}
*/

.signfast-default-btn:hover {
    background-color: #2c3033 !important;
    color: #fff !important;
    text-transform: capitalize !important;
    box-shadow: none !important;
    border: 1px solid #2c3033 !important;
    border-radius: 0;
}

.document-list .v-card {
    margin-bottom: 15px;
}

.v-dialog.v-dialog--active .v-card__title.headline.header-title {
    background-color: #2c3033 !important;
    color: white;
    /*position: fixed;*/
    position: sticky;
    top: 0;
    padding: 10px;
    width: 100%;
    z-index: 5;
    margin: 0 !important;
    word-break: break-all;
}

.v-dialog i.icon-close {
    line-height: 0;
    font-size: 13px;
    margin-top: 10px;
    margin-right: 12px;
    cursor: pointer;
}

.signer-list-wrap i.icon-close {
    line-height: 0;
    font-size: 10px;
    cursor: pointer;
    position: absolute;
    top: 11px;
    right: 5px;
    margin-top: 0;
    margin-right: 0;
    width: auto;
    padding: 0;
}

/*.v-dialog.v-dialog--active .v-card__text.body-content {
    padding-top: 20px !important;
}*/

.v-tabs .v-tabs__bar {
    background-color: #0c59c7 !important;
    color: white !important;
}

input.form-control, select.form-select {
    height: 39px !important;
    font-size: 0.775rem;
    border-radius: 0;
}

.form-control:focus,.form-select:focus {
    color: #495057;
    background-color: #fff;
    border-color: #0c59c7 !important;
    outline: 0;
    box-shadow: none;
}

.input-group-text.signer-type {
    width: 70px;
    text-align: center !important;
}

.input-group-text {
    background-color: #f4f1f1 !important;
}

.remove-border-radious {
    border-radius: 0 !important;
}

.panel-primary {
    border-color: #0c59c7 !important;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #0c59c7;
    border-color: #0c59c7;
}

.v-card__title--primary {
    padding-top: 16px;
}

.capitalize {
    text-transform: capitalize;
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-error {
    color: #f56c6c;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    margin-top: 5px;
    left: 15px;
}

.v-messages.error--text {
    color: #f56c6c !important;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
}

.dropdown-menu .dropdown-item {
    color: #121212;
    padding: 8px 13px !important;
    font-size: 13px;
}

.dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    background-color: #0c59c7;
    color: #fff !important;
}

.v-card .v-card__title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    border-bottom: 1px solid #ececec;
    color: #0c59c7;
    font-weight: 500;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 0 !important;
}

.list-group-item-action {
    color: #000;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.list-group-item .list-group-item-action h6 {
    font-size: 14px;
}

.main-container {
    margin-top: 10px;
}

.search-field {
    padding: 10px;
}

/*Pagination css*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 4px;
    text-align: center;
}

.pagination-wrap {
    padding-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 10px 15px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #121212;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    width: 44px;
    margin-left: 08px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    width: 44px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0 4px 4px 0;
    width: 44px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #2c3033;
    border-color: transparent;
    border-radius: 0;
    width: 44px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff !important;
    background-color: #2c3033 !important;
    border-color: transparent !important;
    cursor: default !important;
    border-radius: 0 !important;
    width: 44px !important;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #ecf0f1 !important;
    background-color: #3be6c4 !important;
    border-color: transparent !important;
    cursor: not-allowed !important;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 18px 27px;
    font-size: 19px;
    line-height: 1.33;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 6px 9px;
    font-size: 13px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 21px 0;
    list-style: none;
    text-align: center;
}

.pager li {
    display: inline;
}

.pager li > a,
.pager li > span {
    display: inline-block !important;
    padding: 5px 14px !important;
    background-color: #18BC9C !important;
    border: 1px solid transparent !important;
    border-radius: 15px !important;
}

.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none !important;
    background-color: #0f7864 !important;
}

.pager .next > a,
.pager .next > span {
    float: right;
}

.pager .previous > a,
.pager .previous > span {
    float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #fff !important;
    background-color: #18BC9C !important;
    cursor: not-allowed !important;
}

/*Pagination css*/
.v-btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
    cursor: pointer;
}


/*Talsa 1 Jan 2019*/
.navigation {
    padding-top: 0;
}

.btn-group button {
    background-color: transparent;
    border: 0;
}

button:focus {
    outline: none !important;
    cursor: pointer;
}

.grid-box .document-list ul.signers,
.grid-box ul.signers {
    padding: 0;
    display: inline-block;
    list-style: none;
    min-height: 70px;
    width: 100%;
    height: 70px;
    margin: 5px 0 0;
}

.signers-item .dropdown button {
    background-color: transparent;
    border: 0;
    padding: 0 !important;
    text-wrap: nowrap;
}

.document-list ul.signers {
    margin: 0;
}

.document-list ul.signers li.signers-item {
    font-size: 12px;
    list-style: none;
    position: relative;
    margin-bottom: 2px;
    text-wrap: nowrap;
}

/*.document-list ul.signers li.signers-item:before{content:"\e107";font-family: "signfastadmin" !important;position:absolute;top:0; left:0}*/
.document .document-header h3 {
    margin: 20px 0;
}

.h3, h3 {
    font-size: 1.55rem;
}

a {
    color: #0c59c7;
}

a:hover {
    color: #0a4dad;
    text-decoration: none;
}

.input-group-prepend .input-group-text {
    font-size: 14px;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0 transparent;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #0c59c7;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #0c59c7;
}

input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
    background-color: rgb(23, 121, 185) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 transparent;
}

.document .document-header .view_by {
    margin-top: 0;
    font-size: 24px !important;
    margin-right: 0;
    border: solid 1px #dedede;
    padding: 6px;
    height: 37px;
    text-align: center;
}

.document .document-header i, .template .document-header i {
    font-size: 21px !important;
    color: #525151;
    cursor: pointer;
}

.page-number, .page-delete {
    color: #656565;
}


/*Editor css*/

.document-editor .tempaltepages div {
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}

.document-editor .tempaltepages div p {
    border: 1px solid #0c59c7;
    padding: 5px;
    border-radius: 5px;
    background-color: #ECEBEB;
    cursor: pointer;
}

.document-editor .tempaltepages div p:hover {
    background-color: #0c59c7;
    color: white;
    padding: 5px;
    border-radius: 5px;
}

.document-editor .templateapply .page-btn small {
    width: 100%;
    font-size: 8px;
}

.document-editor .templateapply .page-btn p {
    width: 100%;
}

.document-editor .editor-content .left-bar {
    position: fixed;
    max-width: 215px;
    width: 100%;
    background: #ffffff;
    z-index: 99;
    box-shadow: 0 4px 14px 0 #a4a3a4;
    left: 0;
    top: 93px;
    height: 100vh;
    padding: 10px;
}

.document-editor .editor-content {
    background: #fff;
    top: 93px;
    z-index: 9;
}

.document-editor .editor-content .documenteditor {
    height: calc(100vh - 94px);
}

.document-editor .editor-content > .row {
    margin-right: 150px;
    margin-left: 200px;
}

.document-editor .documetneditor .editor-document-pages {
    margin: 0 auto;
    text-align: center;
}

.document-editor .editor-header .right-bar label {
    margin: 0 auto;
}

.document-editor .editor-header .right-bar {
    margin: 0 auto;
    text-align: center;
    line-height: 2;
}

.document-editor .documentpages {
    position: fixed;
    right: 0;
    float: right;
    width: 162px;
    background: #ffffff;
    height: calc(100vh - 94px);
    box-shadow: 0 4px 14px 0 #a4a3a4;
    padding: 10px;
}

.document-editor .documentpages ul, .document-editor .templateapply {
    width: 100%;
}

.document-editor .templateapply {
    margin: 0 auto;
    position: relative;
    width: 100%;
    top: inherit;
}


.document-editor .documentpages ul, .templateapply {
    overflow-y: auto;
    overflow-x: hidden;
    display: inline-block;
    background-color: white;
    border: 0;
}

.document-editor .documentpages ul li {
    cursor: pointer;
    margin-bottom: 5px;
    border: 2px solid #e8e8e8;
    width: 100%;
    display: inherit;
    text-align: center;
}

.document-editor .documentpages ul li .row {
    padding: 0 5px;
}

.document-editor .documentpages ul li img {
    width: 100%;
}

.documentpages ul li canvas {
    max-width: 100%;
}

.document-editor .documentpages ul li img.active, .document-editor .documentpages ul li.active {
    border: solid 2px #0c59c7;
}

.document-editor .v-btn {
    min-width: inherit !important;
}

.document-editor .navigation {
    background-color: #0c59c7;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    top: 0;
    z-index: 130;
}

.document-editor .navigation .doc_title {
    padding: 0 !important;
    margin-bottom: 6px;
}

.document-editor .navigation .doc_title input {
    color: #ffffff !important;
}

.document-editor .navigation .template-text {
    float: left;
    background-color: #FFC107;
    border-radius: 5px;
    margin: 5px 15px 0 0;
    padding: 5px 10px;
    color: #0c59c7;
    font-weight: 600;
}

.document-editor .navigation .save {
    background-color: white;
    color: #0c59c7;
    border-radius: 20px;
    text-transform: uppercase;
    box-shadow: none !important;
    height: inherit;
    font-size: 12px;
    padding: 4px 10px !important;
}

.document-editor .navigation .back {
    background-color: unset !important;
    border: 1px solid white;
    border-radius: 20px;
    color: white;
    text-transform: uppercase;
    box-shadow: none !important;
    height: inherit;
}

.logo {
    padding: 0 0 !important;
}

.document-editor .navigation .right-actions .dropdown-toggle.user-profile-icon {
    padding: 16px !important;
}


.right-actions .btn:focus {
    box-shadow: none !important;
    border: none !important;
    border-right: 1px solid #000000 !important;
}

.right-actions .btn {
    border: none !important;
    padding: 19px 16px !important;
    cursor: pointer;
    color: white !important;
    background: transparent;
    border-radius: 0 !important;
    font-size: 14px;
    line-height: 0;
    height: 53px;
}

.right-actions .btn-group .btn {
    border-right: 1px solid #000000 !important;
}

.right-actions .btn.action {
    border: none !important;
    border-right: 1px solid #000000 !important;
    margin-right: 1px;
}

.right-actions .btn.action:focus {
    box-shadow: none !important;
    border: none !important;
    border-right: 1px solid #000000 !important;
}

.right-actions .btn.action:focus {
    box-shadow: none !important;
    border: none !important;
    border-right: 1px solid #000000 !important;
}

.document-editor .navigation .review-detail {
    margin-right: -4px;
    border-right: 1px solid #000000 !important
}

.right-actions .btn.action.inviteToSend:hover, .document-editor .navigation .review-detail:hover, .right-actions .btn-group .btn:hover {
    background-color: #2c3033;
    color: #fff !important;
}

.document-editor .navigation .review-detail .fa-pencil {
    display: none;
}

.document-editor .editor-header {
    background-color: #fff;
    position: fixed;
    top: 52px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 9;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
}

.btn-group .btn {
    border: 1px solid #fff;
}

.document-editor .signerdropdown {
    width: 160px;
    background-color: white;
    padding: 3px 9px;
    cursor: pointer;
    margin-right: 10px;
    float: left;
    font-size: 13px;
}

.document-editor .font-family-dropdown {
    background-color: white;
    border-radius: 30px;
    padding: 0 5px;
}

.document-editor .manage-signer-btn {
    background-color: #CFCFCF;
    border-radius: 30px 0 0 30px;
    padding: 3px 12px;
    margin: 0;
    float: left;
    cursor: pointer;
}

.document-editor .alignment-icon:focus, .signerdropdown:focus, .manage-signer-btn:focus {
    border: 0 !important;
    outline: none;
}

.document-editor .alignment-icon:focus, .signerdropdown:focus, .mobile-document-action:focus {
    border: 0 !important;
    outline: none;
}

.document-editor .editor-header .left-bar {
    position: absolute;
    top: 5px;
    left: 9px;
    width: auto;
    z-index: 9;
    padding: 0;
}

.zoom.btn{
    background-color: #f0f0f0;
}
    /*overwrite vuetify switch toggle */
.document-editor .v-input--selection-controls {
    margin-top: 4px;
    padding: 0;
    display: inline-block;
}

.document-editor .v-input--selection-controls .v-input__slot {
    margin: 0;
}

.document-editor .v-input--switch.v-messages {
    min-height: 0 !important;
}

.document-editor .theme--light.v-input:not(.v-input--is-disabled) input, .theme--light.v-input:not(.v-input--is-disabled) textarea {
    color: inherit !important;
}

.document-editor .document-editor .v-messages__message {
    margin-bottom: 0 !important;
}

.document-editor .alignment-icon {
    float: left;
    background-color: white;
    font-size: 15px;
    padding: 5px 10px;
    margin: 0 5px;
    cursor: pointer;
}

.document-editor .alignment-icon.icon {
    padding: 5px;
    /*background-color: no-repeat;*/
    font-size: 20px;
}

.document-editor .apply-all-pages {
    cursor: pointer;
    color: #0c59c7;
}

.page-count {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 2px;
    background-color: rgba(0, 0, 0, 0.2);
}

.document-editor .mobile-documentpages {
    display: none;
}

.document-header .sortby-filtericon {
    display: none
}

.document-editor .mobile-document-action {
    width: 200px;
    background-color: white;
    padding: 6px 9px;
    cursor: pointer;
}

.mobile-document-action {
    display: none;
}

.document-list .btn-primary {
    background-color: #839bab !important;
    color: #fff !important;
    border-color: snow !important;
    font-size: 13px;
}

.document-list .btn-primary:hover {
    background-color: #50697a !important;
    color: #fff !important;
    border-color: snow !important;
}

/*.document-list .btn {border-radius: 20px;}*/
.navigation .dropdown-toggle::after {
    display: none;
}

.list-group-item.active {
    background-color: #2c3033;
    border-color: #2c3033;
}

.subscribe-inner {
    padding-top: 10px
}

.document-list .signed i {
    font-size: 11px;
}

/*.document-list .signed{font-weight: bold;}*/
.v-dialog.v-dialog--active .v-card__text.body-content {
    padding: 0 10px 20px 10px !important;
}

.document-list .doc-list .dots {
    vertical-align: middle;
    text-decoration: none;
}

.document-list .doc-list {
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 1rem;
    position: relative;
}

.document-list .doc-list:hover {
    background: #f6f6f6
}

.document-list .doc-list .date, .document-list .doc-list .created-from {
    font-size: 13px;
    color: #3e3e3e;
    margin-right: 5px;
}

.document-list .doc-list b, .badge b {
    color: #3e3e3e;
    font-weight: 500;
}

.grid-box b{
    font-weight: 500;
}

.document-list .doc-list .pages {
    color: #999999;
    font-size: 11px;
    font-weight: 500;
}

.document-list .doc-list h6 {
    color: #0057b0;
    text-transform: capitalize;
    font-weight: 600;
}

.document-list .doc-list h6 a {
    font-size: 16px;
    font-weight: 600;
}

.document-list .doc-list small {
    color: #3e3e3e;
    font-weight: 500;
    font-style: italic;
}

.document-list .partial-sign, .fully-sign, .declined, .voided {
    background-color: #e1cc16;
    padding: 5px 15px;
    color: #fff;
    font-size: 12px;
/*    margin-bottom: 10px;*/
    display: inline-block;
    text-align: center;
    border-radius: 20px;
}

.fully-sign {
    background-color: #29842f;
}

.declined, .voided {
    background-color: #e1101a;
}

.document-list .email-partial {
    border: none;
    color: #e1cc16 !important;
    font-size: 13px;
}

.document-list .email-expired-invite {
    border: none;
    color: #e1101a !important;
    font-size: 13px;
    font-style: italic;
}

.document-list .email-sign, .grid-box .email-sign {
    border: none;
    color: #29842f !important;
    font-size: 13px;
}

.document-list .email-decline {
    border: none;
    color: #e1101a !important;
    font-size: 13px;
}

.document-list .email-active {
    border: none;
    color: #171616 !important;
    font-size: 13px;
}

.document-list .email-sign i, .grid-box .email-sign i {
    font-size: 10px;
    bottom: 0;
}

.grid-box .card {
    margin: 0 0 1rem 0;
    height: 100%;
}

.img-label {
    position: relative;
    padding: 5px;
    background-color: #f5f5f5;
}

.img-label span.pages {
    position: absolute;
    right: 5px;
    bottom: 5px;
    background-color: #8d8d8d;
    font-size: 12px;
    color: #fff;
    padding: 3px;
    width: 70px;
    text-align: center;
}

.img-label span.signers-count {
    position: absolute;
    right: 75px;
    bottom: 5px;
    background-color: #5092c5;
    font-size: 12px;
    color: #fff;
    padding: 3px;
    min-width: 70px;
    text-align: center;
}

.grid-box .card-img-top {
    background-color: #ddd;
    height: 150px;
    object-position: top;
    object-fit: cover;
}

.grid-box .card-body {
    position: relative;
    padding: 1rem;
}

.grid-box .card-title {
    font-size: 16px;
    font-weight: 600;
    color: #0057b0;
    word-break: break-all;
}

.grid-box .card-title small {
    color: #656565;
    font-weight: 500;
}

.grid-box .dots {
    position: absolute;
    right: 13px;
    top: 20px;
}

.grid-box .status {
    position: absolute;
    top: 0;
    right: 5px;
}

.card-footer .date .label {
    color: #3e3e3e;
    font-size: 12px;
    font-weight: 500;
}

.card-footer .date .value {
    color: #3e3e3e;
    font-size: 12px;
    font-weight: 400;
}

.card-footer {
    background-color: #fff;
    padding: .75rem 1rem;
}
.card-footer .date {
    flex: none !important;
}

.editor-content .documetneditor {
    overflow: auto;
    padding-top: 120px;
}

.editor-document-pages li {
    list-style: none;
}

.editor-document-pages li .drop {
    margin-bottom: 20px;
    width: 890px;
}

.editor-document-pages li .drop > div {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

.form-error {
    color: #f56c6c;
    font-size: 12px;
    line-height: 1;
    position: initial;
    top: 112%;
    left: 15px;
}

/* switch color */
.blue--text {
    color: #0c59c7 !important;
    caret-color: #0c59c7 !important;
}

/*Editor css*/
.setting-sub-heading {
    background-color: aliceblue;
    text-transform: uppercase;
    margin: 15px 0;
}

.navigation a:not([href]):not([tabindex]):focus, .navigation a:not([href]):not([tabindex]):hover {
    color: white !important;
    cursor: pointer;
}

.doc-list .document-action {
    position: absolute;
    right: 10px;
    width: auto;
}

.searchBox .v-text-field__slot {
    margin: 0 !important;
}

ul {
    margin-bottom: 0 !important;
}

.status i {
    font-size: 60px;
}

.status .icon-not-yet-signed, .icon-send {
    color: black;
}

.status .icon-fully-signed {
    color: green;
}

.status .icon-partial-signed {
    color: yellow;
}

.status .icon-declined, .icon-voided {
    color: red;
}

.custom-row-pading {
    padding-left: 35px;
}

.add-signer-pop .dragable-wrap {
    position: absolute;
    left: 15px;
    width: auto;
    padding: 0;
}

.add-signer-pop .signer-list-wrap {
    position: relative;
}

.add-signer-pop .signer-title {
    border: 1px solid #e0dfdf;
    border-bottom: 0;
    padding: 10px 15px;
    color: #656565;
    font-size: 12px;
    display: inline-block
}

.add-signer-pop .form-control {
    border-radius: 0;
    border: 1px solid #e0dfdf;
    font-size: 13px;
}

.add-signer-pop .more-wrap .btn {
    font-size: 12px;
    color: #656565;
    border-radius: 0;
    padding: .475rem .75rem;
    text-transform: capitalize;
    background-color: #e9ecef;
}

.add-signer-pop .dragable-wrap .from-control {
    text-align: center
}

.add-signer-pop .signer-list-wrap {
    display: block;
    width: 100%;
    border: 1px solid #e0dfdf;
    padding: 15px;
}

.add-signer-pop .dragArea {
    min-height: 200px;
}

.add-signer-pop .recipients-wrap label {
    font-size: 16px;
    font-weight: 500;
    color: #656565;
}

.add-signer-pop .recipients-wrap label span {
    color: #1e7ab7;
}

.add-signer-pop .close-btn {
    position: absolute;
    top: 10px;
    right: 0;
}

.add-signer-pop .icon-view-grid {
    color: #e9e9e9;
    font-size: 20px;
    padding: 8px 0;
    display: block;
    line-height: 1;
}

.add-signer-pop .recipients-wrap .form-control {
    border: 0;
    padding-left: 0;
    width: auto;
}

.statistics-body .statistics-value {
    height: 30px;
    width: 30px;
    border-radius: 25px;
    border: 1px solid #ccc;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    background-color: #fff;
}

.statistics-body {
    text-align: center
}

.nav-menu-button .icon-upload-apply-overlay {
    display: none;
}

.nav-menu-button .icon-use-template {
    display: none;
}

.nav-menu-button .icon-upload-add-signers {
    display: none;
}

.modal-content .modal-body #saveSearchForm {
    position: relative
}

.signer-icon {
    display: block;
    padding: 8px 10px 2px 10px;
    background-color: #fff;
}

.signer-icon i {
    font-size: 16px;
}

.searchBox .v-input__control {
    min-height: 37px !important;
}

.dashboard .start-here-text {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

.dashboard-counter {
    background-color: #f6f6f6;
    padding: 15px 0;
    position: relative;
    z-index: 2;
}

.dashboard-counter:before {
    content: '';
    background-color: #f6f6f6;
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    width: calc(100vw - 0vw);
    left: calc(-50vw + 50%);
    z-index: -1;
}

.counter-value {
    display: block;
    text-align: center;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    height: 45px;
    width: 45px;
    margin: 0 auto;
    line-height: 45px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 500;
    color: #575757;
    cursor: pointer;
}

.counter-value:hover{
    border: 1px solid #0c59c7;
}
.counter-wraper {
    text-align: center;
}

.statistics-label {
    font-weight: 500;
    color: #575757;
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
}

.box-body .box-wraper {
    border: 1px solid #e0e0e0;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.box-body .box-wraper .icon {
    font-size: 112px;
    padding: 30px 0 10px 0;
    display: block;
    color: #000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.box-body .box-wraper .upload-content {
    background-color: #fff;
    padding: 11px 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.box-body .box-wraper .upload-content h3 {
    font-size: 20px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.box-wraper:hover {
    cursor: pointer;
}

.box-body .box-wraper:hover .icon {
    color: #0c59c7;
}

.box-wraper:hover .upload-content {
    background-color: #0c59c7;
}

.box-wraper:hover .upload-content h3, .box-wraper:hover .upload-content p {
    color: #fff;
}

.box-body .box-wraper:hover {
    border-color: #0c59c7;
}

/*.theme--light.v-text-field--solo .v-input__slot {background-color: rgba(23,104,157,0.9);}*/
.searchBox .v-input__slot {
    border-radius: 0 !important;
}

/*.searchBox .theme--light.v-input:not(.v-input--is-disabled) input{ color: #fff !important;}*/
.navigation .buttons i.icon.icon-close {
    padding: 20px 15px !important;
}

.merge-button .icon-merge-doc {
    line-height: 19px;
}

.dialog .v-card__actions {
    position: sticky;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 9;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.dropdown-menu.show {
    padding: 0;
}

.document-list ul.signers li.signers-item .dropdown .dropdown-menu.show {
    left: 80px !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff !important;
    background-color: #2c3033 !important;
}

/*Talsa 09-03-2019 */
.existing-template.icon-img, .upload-and-signers.icon-img, .upload-and-apply-template.icon-img {
    background: url(../images/editor-icon.png) no-repeat;
    height: 172px;
    width: 172px;
    display: block;
    margin: 0 auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.social-existing-template.social-icon-img, .social-upload-and-signers.social-icon-img, .social-upload-and-apply-template.social-icon-img {
    background: url(../images/dashboard-social-icons.png) no-repeat;
    height: 172px;
    width: 172px;
    display: block;
    margin: 0 auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.existing-template.icon-img {
    background-position: 0 0;
}

.upload-and-signers.icon-img {
    background-position: -203px 0;
}

.upload-and-apply-template.icon-img {
    background-position: -396px 0;
}

.box-wraper:hover .existing-template.icon-img {
    background-position: 0 -181px;
}

.box-wraper:hover .upload-and-signers.icon-img {
    background-position: -203px -181px;
}

.box-wraper:hover .upload-and-apply-template.icon-img {
    background-position: -396px -181px;
}


.social-existing-template.social-icon-img {
    background-position: 0 0;
}

.social-upload-and-signers.social-icon-img {
    background-position: -203px 0;
}

.social-upload-and-apply-template.social-icon-img {
    background-position: -396px 0;
}

.box-wraper:hover .social-existing-template.social-icon-img {
    background-position: 0 -181px;
}

.box-wraper:hover .social-upload-and-signers.social-icon-img {
    background-position: -203px -181px;
}

.box-wraper:hover .social-upload-and-apply-template.social-icon-img {
    background-position: -396px -181px;
}

.document-title .v-messages__message {
    color: white !important;
    margin: 0 !important;
}

.document-title .v-messages.error--text {
    margin: 0 !important;
}

.el-notification__content {
    text-align: left !important;
}

.document-action .dropdown-menu i {
    font-size: 16px;
    margin-right: 8px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}

.el-loading-spinner i {
    color: #2d93de !important;
    font-size: 50px !important;
}

.el-loading-spinner .el-loading-text {
    color: #2d93de !important;
    margin: 20px 0 !important;
    font-size: 25px !important;
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

.swal2-confirm.swal2-styled {
    background-color: #0c59c7 !important;
    color: #FFF !important;
    text-transform: capitalize !important;
    font-weight: bold !important;
    box-shadow: none !important;
    border: 1px solid #0c59c7 !important;
    padding: 4px 13px !important;
    font-size: 14px !important;
}

.swal2-cancel.swal2-styled {
    background-color: #fff !important;
    color: #0c59c7 !important;
    text-transform: capitalize !important;
    font-weight: bold !important;
    box-shadow: none !important;
    border: 1px solid #0c59c7 !important;
    padding: 4px 13px !important;
    font-size: 14px !important;
}

.signer-autocomplete-search-result {
    position: absolute;
    overflow-y: auto;
    width: 100%;
    height: 130px;
    display: inline-block;
    overflow-x: hidden;
    z-index: 999;
}

.signer-autocomplete-search-result .ui-widget.ui-widget-content {
    width: 100%;
}

.dropdown-menu {
    border-radius: 0 !important;
}

.document-editor .editor-content .editor-document-pages {
    /*height: calc(100vh - 94px);*/
    height: 100%;
    overflow-y: scroll;
}

/*Talsa 13 April 2019*/
.dropdown-menu ul li {
    position: relative;
}

ul.dropdown-hover-menu {
    padding: 0
}

li ul.dropdown-hover-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 11;
    transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -webkit-transition: opacity 0.5s linear;
    left: 100%;
    top: 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    min-width: 200px;
}

li .dropdown-item .icon-right-arrow-line {
    float: right;
    font-size: 12px;
    margin-top: 4px;
    margin-right: 0;
}

li ul.dropdown-hover-menu .more i {
    margin-right: 5px;
}

li:hover ul.dropdown-hover-menu {
    visibility: visible;
    opacity: 1;
}

.documentpages .thumbnail-page-box {
    background: #e6e6e6;
    margin: 0;
    padding: 5px 5px;
    font-size: 13px;
}

.document-editor .document-title h5 {
    font-size: 17px;
}

.document-action .dropdown-menu, .signers .signers-item .dropdown-menu{
    z-index: 1;
}

/*---Prakash CSS-----*/
@media only screen and (max-width: 767px) {
    .navigation {
        z-index: 999;
    }
    /*.vw-dropdown .dropdown-menu.show {
        padding: 0;
        left: -140px !important;
        top: -4px !important;
    }*/

    .editor-document-pages span.page-record-info{
        padding-right: 15px;
    }

    .vw-dropdown .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item a i.icon-eye{
        display: none;
    }

    .vw-dropdown .dropdown-item.dropdown-submenu .dropdown-menu{
        min-width: auto;
    }
    .document-authentication-divider .v-card__actions{
        flex-direction: column;
        gap: 10px;
    }
}

.vw-dropdown .dropdown-submenu .dropdown-menu {
    right: 100% !important;
    top: 0 !important;
}

.vw-dropdown .dropdown-submenu .icon-left-arrow-line {
    float: right;
    font-size: 13px;
    margin: 3px 0;
}

.vw-dropdown a {
    width: 100%;
    display: inline-block;
}

.vw-dropdown li:hover > a, .vw-dropdown .dropdown-item:hover > a {
    color: #ffffff;
}

.vw-dropdown .dropdown-menu > li > a:hover, .vw-dropdown .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: transparent !important;
}

@media only screen and (min-width: 1024px) {
    .vw-dropdown .dropdown-item.dropdown-submenu:hover .dropdown-menu {
        display: block;
    }
}
/*---------------------Responsive--------------------------*/

/*Tab                      */
@media all and (min-width: 992px) and (max-width: 1024px) {
    .navigation {
        height: auto;
    }

    .v-text-field.v-text-field--solo .v-label {
        top: calc(50% - 9px);
    }

    .navbar ul .title {
        padding: 14px 20px 17px 0 !important;
    }

    .document-editor .mobile-document-action {
        display: inline-block;
    }

    .document-editor .editor-content .left-bar {
        display: none;
    }

    .nav-menu-button span {
        display: none;
    }

    .nav-menu-button .icon-upload-apply-overlay {
        display: block;
    }

    .nav-menu-button .icon-use-template {
        display: block;
    }

    .nav-menu-button .icon-upload-add-signers {
        display: block;
    }

    .navbar a.title.nav-menu-button {
        padding: 7px 16px !important;
    }

    .dashboard-counter {
        margin-bottom: 30px;
    }

    .box-body .box-wraper {
        height: 268px
    }

    .box-body .box-wraper .upload-content h3 {
        font-size: 15px;
    }

    .box-body .box-wraper .upload-content p {
        font-size: 12px;
        padding: 0 10px;
    }

    .box-body .box-wraper .upload-content {
        padding: 13px 0;
    }

    /*--Talsa 7 March 2019--*/
    .navbar ul .title.more {
        padding: 14px 35px 14px 10px !important;
    }

    .navbar ul .title {
        padding: 14px 5px 14px 5px !important;
    }

}

@media all and (max-width: 1384px) {
    .document-editor .documetneditor .editor-document-pages {
        border: solid 1px #bcbcbc;
    }

    .editor-document-pages li .drop {
        border: none;
    }

    .document-editor .documentImage {
        border-bottom: 0;
    }
}

@media all and (min-width: 1024px) and (max-width: 1366px) {
    .navbar ul .title {
        padding: 14px 15px 17px 15px;
    }

    /*.documentUploadBtn input {right: -17px !important;top: -9px !important;width: 161px !important;height: 38px !important;}*/
    .navbar ul .title { /*padding: 14px 21px 17px 14px !important;*/
        font-size: 14px !important;
    }

    /*.pro-name{display:none ;}*/
}

@media only screen and (min-width: 1200px) {
    .doc-list-filter-m {
        text-align: right;
    }
}

@media only screen and (max-width: 1441px) {
    span.eSign-doc-type {
        display: none;
    }
    .document-editor .navigation .template-text {
        font-size: 15px;
        padding: 5px 10px;
    }
}

@media only screen and (max-width: 1366px) {
    .document-editor .templateapply, .documentpages {
        max-width: 200px !important;
    }

    /*.document-actions {width:180px !important;}*/
    .signertype h5 {
        font-size: 12px !important;
    }

    .document-editor .editor-content .left-bar {
        min-width: 180px;
        max-width: 180px;
    }

    .document-actions {
        max-width: 150px !important;
    }

    .documentpages ul li canvas {
        width: 100%
    }
    .overlap-text{
        font-size: 13px !important;
        padding: 10px 0 !important;
    }
}

@media only screen and (max-width: 1365px) {
    .document-editor .mobile-documentpages {
        display: block;
    }

    .document-editor .mobile-documentpages li img {
        display: inline-block;
        width: 50px;
        height: 50px;
    }

    .document-editor .mobile-documentpages li {
        float: left;
        display: block;
        margin: 0 12px;
        border: solid 1px #ccc;
        padding: 8px;
        position: relative;
    }

    .document-editor .documentpages ul li img {
        width: 100%;
    }

    .navbar a.title.nav-menu-button {
        margin: 10px 2px;
        padding: 7px 12px !important;
        font-size: 13px !important;
    }

    .statistics-body {
        text-align: left
    }

    .document-editor .editor-content > .row {
        margin-right: 150px;
        margin-left: 165px;
    }
}

@media only screen and (max-width: 1200px) {
    .editor-document-pages li .drop {
       /* width: 100%;*/
        margin-bottom: 0;
    }

    .editor-document-pages #documentlist li {
        width: 100%;
        margin-bottom: 30px;
    }
    .right-actions .btn,.navigation .buttons i.icon.icon-close {
        height: 35px;
        padding: 10px !important;
    }
    .user .responsive-td .v-btn{
        margin-bottom: 5px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .document-editor .editor-content > .row {
        margin-right: 190px;
        margin-left: -15px;
    }

    .document-editor .editor-header .left-bar {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
        margin: 0 0 5px;
    }

    .document-editor .editor-content {
        top: 230px;
    }

    .document-editor .editor-content .documenteditor,
    .document-editor .editor-content .editor-document-pages {
        height: calc(100vh - 150px);
    }
    .editor-documents-responsive{
        overflow-x: revert !important;
    }
    .dashboard-counter:before {
        display: none;
    }
}
@media only screen and (max-width: 575px) {
    .pagination-wrap .v-pagination{
        justify-content: center !important;
    }
    .pagination-wrap .v-pagination{
        display: flex;
        flex-wrap: wrap;
        float: unset;
        justify-content: right;
    }
    .overlap-text{
        font-size: 10px !important;
        padding: 7px !important;
    }
    .right-actions .btn, .navigation .buttons i.icon.icon-close{
        height: 25px;
        padding: 5px !important;
    }
    .document-list .doc-list .date, .document-list .doc-list .created-from{
        display:block;
    }
}
@media only screen and (max-width: 768px) {
    .document-editor .editor-content > .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    .pagination-wrap .v-pagination{
        display: flex;
        flex-wrap: wrap;
        float: unset;
        justify-content: center;
    }
    .pagination-wrap .v-pagination__navigation,.pagination-wrap .v-pagination__item{
        height: 30px;
        width: 30px;
        margin: 3px;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .documenteditor {
        padding-left: 15px !important;
    }

    .document .searchBoxDivider {
        top: 0 !important;
        position: static !important;
        right: 0 !important;
        z-index: 1;
    }

    .document .uploadBoxDivider {
        top: 0 !important;
        position: static !important;
        right: 0 !important;
        z-index: 1;
    }

    .uploadBoxDivider button.file.btn.btn-primary.documentUploadBtn.v-btn {
        border: 1px solid #ccc !important;
        width: 100%;
    }

    /*.v-input {border-bottom: 1px solid #ccc; margin-top:10px !important}*/
    .document-header {
        margin-bottom: 15px;
    }

    .doc-list-action .btn-group .btn {
        padding: .375rem .45rem !important;
    }

    /*.searchBoxDivider .theme--light.v-icon.fa.fa-sort-desc{color: rgba(0,0,0,0.54) !important;}	*/
    .document-editor .signerdropdown {
        width: auto
    }

    .document-editor .mobile-document-action {
        display: inline-block;
        width: 48%;
    }

    .document-editor .editor-content .left-bar {
        display: none;
    }

    .navigation .buttons .v-btn {
        font-size: 13px;
    }

    .document .dropdown .dropdown-toggle {
        margin-top: 5px;
    }

    .navbar a.title.nav-menu-button {
        padding: 7px 14px !important;
        border-radius: 50px;
        line-height: 28px;
        margin: 5px 2px !important;
    }

    .nav-menu-button span {
        display: none;
    }

    /*.navigation .user-name { top: 0;position:inherit;right: 21px;}*/
    .nav-menu-button .icon-upload-apply-overlay {
        display: block;
    }

    .nav-menu-button .icon-use-template {
        display: block;
    }

    .nav-menu-button .icon-upload-add-signers {
        display: block;
    }

    .navigation .user-profile-icon i {
        margin-top: 0;
    }

    .v-text-field.v-text-field--full-width.v-input {
        margin-bottom: 4px;
    }

    .navbar a.title.nav-menu-button {
        margin: 10px 2px !important;
        padding: 4px 12px !important;
    }

    /*--Talsa 7 March 2019--*/
    .navbar ul .title.more {
        padding: 14px 5px 14px 10px !important;
    }

    .navbar ul .title {
        padding: 10px 5px 14px 5px;
    }

    .statistics-body {
        text-align: left
    }

    /*	.box-body .box-wraper{height:296px}*/
    .box-body .box-wraper .upload-content h3 {
        font-size: 15px;
    }

    .box-body .box-wraper .upload-content p {
        font-size: 12px;
        padding: 0 10px;
    }

    .box-body .box-wraper .upload-content {
        padding: 13px 0;
    }

    .document-header .searchBox {
        height: 39px;
    }
    .document-editor .editor-content{
        top: 160px;
    }
}

/**
 * Mobile
 */
@media all and (min-width: 812px) and (max-width: 375px) {
    .navigation .user-name {
        top: -83px !important;
    }

    .navbar a.title.nav-menu-button {
        margin: 0 2px !important;
        padding: 0 10px !important;
        border-radius: 50px;
    }

    .document-header .searchBox {
        margin-bottom: 10px !important;
    }
}

@media only screen and (max-width: 767px) {
    .document-editor .navigation {
        padding: 0 16px;
    }

    .v-card__actions {
        padding: 16px 16px 16px 0;
    }

    .dialog .v-card__actions {
        padding: 16px;
        flex-wrap: wrap;
        justify-content: end;
        gap: 10px;
    }

    .dialog .v-card__actions .spacer {
        width: 100%;
        text-align: right;
    }

    .swal2-container {
        width: 100% !important;
        display: inline-block;
        margin-top: 55px;
    }

    .custom-row-pading {
        padding-left: 0;
    }

    .add-signer-pop .dragable-wrap {
        position: inherit;
        margin-right: 10px;
        margin-left: 6px;
    }

    li ul.dropdown-hover-menu {
        background-color: #f7f7f7;
        border: 0;
        border-radius: 0;
        right: 0;
        bottom: -145px;
        left: 0;
    }

    li .dropdown-item .icon-right-arrow-line {
        transform: rotate(90deg);
    }

    .documenteditor {
        overflow: hidden;
    }
    /*.document-editor .logo img {width: 62px;}*/
    .box-wraper {
        margin-bottom: 16px;
    }

    .dashboard-counter {
        margin-bottom: 16px;
        margin-top: 16px;
    }

    .box-body .box-wraper {
        height: auto;
    }

    .box-body .box-wraper .upload-content {
        padding: 5px 0;
        width: 100%;
    }

    .box-body .box-wraper .icon {
        padding: 15px 0 10px 0;
        line-height: 45px;
        font-size: 45px;
    }

    .navigation .user-profile-icon i {
        margin-top: 0;
    }

    .modal-body {
        padding: 30px 0 !important
    }

    .navbar a.title.nav-menu-button {
        margin: 10px 2px !important;
        padding: 7px 13px !important;
    }

    .nav-menu-button .icon-upload-apply-overlay {
        display: block;
    }

    .nav-menu-button .icon-use-template {
        display: block;
    }

    .nav-menu-button .icon-upload-add-signers {
        display: block;
    }

    .nav-menu-button span {
        display: none;
    }

    .navbar ul li {
        display: block;
        vertical-align: top;
        text-align: center;
    }

    .statistics-body {
        text-align: left
    }

    .statistics-body .statistics-label {
        font-weight: 500;
        font-size: 11px;
    }

    .add-signer-pop .signer-list-wrap {
        padding: 15px;
    }

    .document-editor .documentpages, .document-editor .templateapply,.template-overlay-switch {
        display: none !important;
    }

    .document .doc-list small {
        font-size: 90%
    }

    /*.document .partial-sign, .fully-sign, .decline {
        margin-top: 10px;
    }*/

    .profile-right-bar {
        margin-top: 30px;
    }

    .navbar ul .title {
        font-size: 12px !important;
    }

    /*.document-editor .editor-header .right-bar{display:none;}*/
    .document-editor .editor-content .left-bar {
        display: none;
    }

    .search-field {
        position: absolute;
        width: 100%;
        right: 15px;
    }

    /*.searchBoxDivider .theme--light.v-icon.fa.fa-sort-desc{color: rgba(0,0,0,0.54) !important;}*/
    /* .doc-list-filter-m{display:none;} */
  /*  .doc-list-filter-m,
    .document .document-header i.layout-by {
        position: absolute;
        top: 0;
        right: 0;
    }*/

    .documenteditor {
        top: 0 !important;
        padding-left: 15px !important;
    }

    .document-header .sortby-filtericon {
        display: block
    }

    .doc-list-action .btn-group .btn {
        padding: .375rem .45rem !important;
    }

    .text-right.doc-list-action {
        text-align: left !important;
        margin: 10px 0;
    }

    /*.v-input{ border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-bottom: 10px;}*/
    /* comment by jeet as its showing double border default vuetify input has already border */
    .v-btn-wrap .v-btn {
        padding: 4px 7px !important;
        margin: 6px 5px 6px 0;
        font-size: 13px;
    }

    .document-header .v-btn-wrap .btn-plain {
        float: none;
        margin-bottom: 6px !important;
        width: 100%;
        text-align: center;
    }

    .document-editor .editor-header {
        top: 130px;
        z-index: 99;
    }

    .document-header .v-btn-wrap .pull-right {
        float: none;
    }

    .pro-name {
        display: none;
    }

    .navbar ul .title {
        padding: 13px 4px 13px 4px !important
    }

    /*.navigation .user-profile-icon i{font-size: 16px !important;}*/
    /*.navigation .logo img{ width:65px; }*/
    .document-editor .navigation .logo {
        padding: 5px 10px;
    }

    .document-actions {
        display: none;
    }

    .navigation {
        height: auto;
    }

    .document-editor .documentaction {
        position: relative;
    }

    .documetneditor {
        left: 0;
    }

    /*.document-editor .editor-header{top:102px;}*/
    .document-editor .signerdropdown {
        width: auto;
    }

    .document-editor .mobile-document-action {
        display: inline-block;
        width: auto;
    }

    .right-bar .pull-right {
        float: none;
    }

    .document .searchBoxDivider {
        top: 0 !important;
        position: static !important;
        right: 0 !important;
        margin-top: 10px;
        z-index: 1 !important;
    }

    .document .uploadBoxDivider {
        top: 0 !important;
        position: static !important;
        right: 0 !important;
        margin-top: 10px;
        z-index: 1 !important;
    }

    .navigation {
        height: auto;
        padding: 10px 0 0;
    }

    .uploadBoxDivider button.file.btn.btn-primary.documentUploadBtn.v-btn {
        width: 100%;
        border: 1px solid #ccc !important
    }

    .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    /*.documentUploadBtn input {position: absolute !important;right: 8px !important;top: -8px !important;width: 100% !important;height: 44px !important;	}*/
    .document-header {
        padding: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 15px !important;
        line-height: 1.5 !important;
        cursor: pointer; /*width: 44%;*/
    }

    .review-detail {
        padding: 6px 12px !important;
    }

    .document-editor .navigation .back {
        padding: 3px 10px !important
    }

    .navigation-row    {
        justify-content: center;
    }

    .manage-signer-text {
        display: none;
    }

    .document-editor .navigation .review-detail .fa-pencil {
        display: block;
    }

    /*.v-text-field__slot{ margin-top:10px;}*/
    .document-editor .navigation .buttons .v-btn {
        margin: 0 0 !important;
        font-weight: normal;
        font-size: 10px !important;
    }

    /*.document-editor .navigation .buttons i.icon.icon-close{display: none;}*/
    .document .doc-list .label-dropdown, .document .dropdown .dropdown-toggle {
        margin-top: 10px;
    }

    .navigation .user-name {
        text-transform: capitalize;
        top: -49px;
        height: 51px;
        position: absolute;
        right: 20px;
    }

    .document .document-header h3 {
        margin: 15px 0;
        font-size: 18px;
    }

    .modal-body {
        padding: 40px 15px !important;
    }

    .v-input.searchBox {
        border-bottom: 0;
        margin-bottom: 5px !important;
    }

    .statistics-body {
        padding: 7px 7px 0 7px !important;
    }

    .statistics-body .statistics-value {
        height: 27px;
        width: 27px;
        line-height: 27px;
    }

    /*.right-actions .btn {padding: 13px 15px !important;line-height: 1; font-size:12px;margin-right: -3px !important;}*/
    /*.navigation .buttons i.icon.icon-close{ font-size:11px !important;padding: 12px 16px !important;}*/
    /*    Mobile menu css*/
    .container {
        max-width: 100% !important;
    }

    .MenuIcon {
        font-size: 25px;
        cursor: pointer;
    }
    /*
    .right-actions .btn {
        height: inherit !important;
    }
    */
    .document-editor .editor-content .documenteditor, .document-editor .editor-content .editor-document-pages {
        height: calc(100vh - 240px);
    }

}

@media (max-width: 992px) {
    .top-nav-menu {
        display: none;
        position: absolute;
        height: auto;
        background: #0b59c7;
        right: 0;
        top: 65px;
        width: 250px;
    }

    .top-nav-menu .navbar ul li {
        display: block !important;
    }

    .top-nav-menu .navbar ul li ul {
        position: relative !important;
    }

    .top-nav-menu .navbar ul li ul a {
        text-transform: inherit;
        background: #0b489e;
    }

    .top-nav-menu .navbar ul ul li ul li .title {
        padding: 12px 26px 12px 42px !important;
        background: #0b489dc2;
    }

    .doc-list-filter-m{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        align-items: center;
        background: #f6f6f6;
        padding: 10px 0;
    }
    /*.top-nav-menu .navbar ul{max-height: 500px;}*/

}

/*.template ul.signers {
    padding-left: 17px !important;
}*/

/*.template ul.signers li {float: left;margin-right: 26px;list-style: circle !important;}*/

.add-signer-pop .v-card__actions {
    margin-top: 75px;
}

/*price-section*/
/*.price-section .plan-title{background-color:#34383a; color:#fff; text-transform:uppercase; text-align:center; font-size: 19px;}*/
/*.price-section .list-group-item{padding: .4rem 1.25rem}*/
/*.price-section .price-title{text-transform:uppercase;background-color:#2f3437;}*/
/*.price-section .price{font-size:37px; font-weight:600; display: block; margin-bottom: 15px; }*/
/*.price-table {margin-bottom: 1.5rem;}*/
/*.price-table:hover{box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;}*/
/*.price-table:hover .price-title{background-color:#0c59c7;}*/
/*.price-table:hover .plan-title{background-color:#0c59c7;}*/
/*.price-table:hover .btn-secondary{background-color:#0c59c7 ;border-color:#0c59c7;}*/

.billing-freqancy {
    padding: 20px;
    border: 1px solid #ebebeb
}

.planbuy-section h4.keyfeatures-title, .planbuy-section h4.billing-title {
    color: #0c59c7;
    text-transform: uppercase;
}

.planbuy-section .key-features li:before {
    content: '\64';
    position: absolute;
    top: 0;
    left: 0;
    font-family: "signfast";
    font-size: 26px;
    color: #0c59c7;
}

.planbuy-section .key-features li {
    padding-left: 38px;
    position: relative;
    margin-bottom: 15px;
    font-size: 18px;
}

.planbuy-section .key-features li span {
    color: #8e8e8e
}

.planbuy-section {
    background: url(../images/images/keyfeature-bg.png) no-repeat 100% 87%;
    padding: 100px 0 120px 0
}

.planbuy-section .key-features {
    padding: 30px;
}

.forminfo-content h3 span {
    color: #0c59c7;
}

.forminfo-content.contact-bg {
    background: #34383a url(../images/images/contact-bg.png) no-repeat 50% 105%;
}

.trial-warning-message {
    padding: 5px 5px;
    text-align: center;
}

.trial-warning-message h5 {
    display: inline-block;
}

.trial-warning-message span {
    width: 35px !important;
    height: 35px;
    border: solid 1px;
    display: inline-block;
    line-height: 35px;
    text-align: center;
    border-radius: 50px;
    margin-right: 10px;
    font-size: 22px;
    font-weight: bold;
}

.btn {
    padding: 10px 25px;
    border-radius: 0;
    position: relative;
    line-height: 1 !important;
}

.btn-secondary {
    color: #fff !important;
    background-color: #6c757d;
    border-color: #6c757d;
}

/*.document-list .doc-list .badge b{ color: #fff;}*/


.signer-type-lable {
    text-transform: capitalize;
    font-style: italic;
}

.document-header {
    margin-bottom: 5px;
}

.document-header .btn-plain {
    display: inline-block;
}

.draggable-list {
    border: solid 1px #d8e2e8;
    padding: 10px;
    cursor: pointer;
    background: aliceblue;
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
    margin: 0;
    width: 100%;
    display: inline-block;
}

.layout.draggable-row div {
    width: 100%;
    display: inline-block;
}

.forgot-password {
    position: absolute;
    top: 43%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.subscribe-inner li {
    margin-bottom: 15px;
}

.profile-left-bar .list-group-item-action h6 {
    font-size: 14px;
}


.document-header h5 {
    margin: 10px 0;
}

.btn-sm {
    padding: 5px;
    height: 30px;
    font-size: 12px;
}

div#cardElement {
    padding: 10px;
}

.error-message {
    color: #ff5252 !important;
}

.from-error {
    color: #ff5252;
    font-weight: 500;
}

.document-editor .documentpages ul::-webkit-scrollbar-track,
.document-editor .documentpages .templateapply::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #f0f0f0;
}

.document-editor .documentpages ul::-webkit-scrollbar,
.document-editor .documentpages .templateapply::-webkit-scrollbar{
    width: 6px;
    background-color: #f0f0f0;
}

.document-editor .documentpages ul::-webkit-scrollbar-thumb,
.document-editor .documentpages .templateapply::-webkit-scrollbar-thumb{
    background-color: #B7B7B7;
}

.signer-field-overlap .signerfield {
    box-shadow: 0 3px 18px 0 rgb(255 0 0);
    /*border: 2px dashed red !important;
    border-left: dashed 5px red !important;*/
}

@media screen and (max-width: 600px) {
    .responsive table tr {
        background-color: #f8f8f8;
        border: 1px solid #ddd;
        padding: .35em;
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    .responsive table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    /* .responsive table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    } */
    .responsive table td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: right;
        padding: 7px !important;
        height: 100% !important;
    }

    .responsive table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .responsive table td:last-child {
        border-bottom: 0;
    }

    .responsive-td {
        width: 100%;
    }
    .dropdown-menu.document-filter-tag,#filterDropown {
        margin: 0 0 10px !important;
        width: 100%;
        padding: 10px;
    }
    .dropdown-menu.document-filter-tag ul{
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        align-items: center;
    }

    .invoice-box{
        overflow: auto;
    }
}

.toggle-eye-r {
    position: absolute;
    right: 0;
    top: 2.5rem;
    color: #666666;
    width: 2.25rem;
    text-align: center;
    font-size: 19px;
}

.toggle-eye-r:focus, .toggle-eye-r:hover {
    color: #0c59c7;
}

.password-generate-vue {
    border: none;
    background-color: transparent;
    position: absolute;
    right: 40px;
    top: 11px;
    font-size: 22px;
    color: #757575;
}

.password-generate:focus {
    color: #0c59c7;
}

.swal2-container .swal2-popup.swal2-toast .swal2-icon::before {
    height: 100%;
}

.v-table__overflow {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 75vh;
}

.v-list__tile {
    padding: 3px 10px !important;
    border-bottom: 1px solid #eee;
    height: auto !important;
}