@import url("https://fonts.googleapis.com/css2?family=Arimo:wght@200;300;400;600;700;800");
html[dir="ltr"] body, 
html[dir="ltr"] .btn 
    {font-family: Arimo; font-size: 14px; line-height: 20px;}
html[dir="rtl"] body, 
html[dir="rtl"] .btn 
    {font-family: Arimo; font-size: 14px; line-height: 20px;}

body {background: #FDFCFD; scroll-behavior: smooth;}
body[data-layout="horizontal"][data-topbar="light"] .topnav .navbar-nav .nav-link.part-active { font-weight: 800; color:#555; }
body[data-layout="horizontal"] .page-content {padding: 30px 12px 90px;}
@media (max-width: 575.98px){
    body[data-layout="horizontal"] .page-content {padding: 30px 0 100px;}
}

.hidden { display: none !important; }
.nowrap {white-space: nowrap !important;}
.text-md-nowrap {white-space: nowrap !important;}
b, strong {font-weight: 700;}
a {color: #0168f5;}
a:hover {color: #0168f5; opacity: 0.8;}
.page-main .card, 
.page-docs .card, 
.page-client .card,
.page-rates .card,
.page-contacts .card,
.page-users-sub .card, 
.page-ws .card
    {display: block; padding: 1rem; background: #FFFFFF; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08); border-radius: 8px;}
.page-docs .folders.card,
.page-ws .card
    {border:1px solid #eee;}
@media (max-width: 575.98px){
    .page-main .card, 
    .page-docs .card, 
    .page-client .card,
    .page-rates .card,
    .page-contacts .card,
    .page-users-sub .card, 
    .page-wss .card 
        {margin-bottom: 1rem; padding: .5rem;}
    .text-md-nowrap {white-space: normal !important;}
}

.page-content .page-content-margin-start {margin-top: 35px;}
h1 {display: inline-block; position: relative; vertical-align: top; font-size: 32px; font-weight: 700; line-height: 40px; color: #000000;}
@media (max-width: 575.98px){
    .page-content .page-content-margin-start {margin-top: 5px;}
}

.btns-group-menu {display: inline-block; position: relative; padding: 6px 8px; background: #F4F2F4; border: 1px solid rgba(46, 82, 178, 0.05); border-radius: 6px;}
.btns-group-menu button.btns-group-menu-item {display: inline-block; position: relative; padding: 3px 8px 4px; font-weight: 600; color: #6F6E77; border: 0; border-radius: 4px; background: none;}
.btns-group-menu button.btns-group-menu-item:not(:first-child) {margin-left: 4px;}
.btns-group-menu button.btns-group-menu-item.active {color: #1A1523; background: #FFFFFF; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08);}
.btns-group-menu button.btns-group-menu-item svg {margin: -2px 4px auto 0;}

.alert {border-radius: 8px;}
.alert.alert-clickable {cursor: pointer;}

.image-ssl {display: none !important; vertical-align: top;}
@media (min-width: 768px){
    .page-landing .image-ssl {display: inline-block !important; vertical-align: top;}
}

#cookie-banner {display:block; position:fixed; bottom:0px; padding:1rem; max-width: 100%;}
html[dir="ltr"] #cookie-banner {right:0;}
html[dir="rtl"] #cookie-banner {left :0;}
#cookie-banner > div {color: #222; background: #f2f4fc; border:1px solid #2d6af1; border-radius: .75rem; box-shadow: 0 0 24px 0 rgba(0,0,0,.4),0 1px 0 0 rgba(0,0,0,.2);}

.btns {display: inline-block; position: relative; margin: 0; padding: .25rem .5rem; vertical-align: top; font-weight: 400; white-space: nowrap; background: none; border: 1px solid transparent; border-radius: .5rem;}
.btns svg, .btns img {display: inline-block; position: relative; vertical-align: top; max-height: 20px; max-width: 20px;}
.btns-huge {padding: .64rem 1rem; font-weight: 600;}
.btns-normal {padding: .6rem 1rem; font-weight: 600;}
.btns-primary {color: #FFFFFF; background: #2D6AF1; border:1px solid #2D6AF1;}
.btns-primary:hover {color: #FFFFFF; background: #457BF4;}
.btns-success {color: #FFFFFF; background: #16A34A; border:1px solid #16A34A;}
.btns-success:hover {color: #FFFFFF; background: #16A34A;}
.btns-white {color: #6F6E77; background: #FFFFFF; border: 1px solid rgba(183, 182, 196, 0.3); box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08);}
.btns-white:hover {color: #6F6E77; background: #F4F2F4;}
.btns-danger {color: #FFFFFF; background: #A32318; border: 1px solid #A32318;}
.btns-danger:hover {color: #FFFFFF; background: #A32318;}
.btns.disabled, .btns:disabled, fieldset:disabled .btns {pointer-events: none; opacity: .65;}
.btns-dropdown-menu-item {display:block; padding: 12px; width: 100%; text-align: start; color: #6F6E77; font-size: 14px; border-radius: 0;}
.btns-dropdown-menu-item:first-child {border-radius: 8px 8px 0 0;}
.btns-dropdown-menu-item:last-child {border-radius: 0 0 8px 8px;}
.btns-dropdown-menu-item:hover {color: #1A1523; background: rgba(244, 242, 244, 0.5);}
.btns-dropdown-menu-item svg, .btns-dropdown-menu-item img {margin-right: 4px;}
html[dir="rtl"] .btns-dropdown-menu-item svg {margin-left: 4px;}
@media (max-width: 575.98px){
    .btn {padding: .4rem .5rem;}
    .btns-huge {padding: .6rem .5rem; }
    .btns-normal {padding: .4rem .5rem;}
}

.btn.btn-info               svg.fill-color {fill: #FFFFFF;}
.btn.btn-info:hover         svg.fill-color {fill: #FFFFFF;}
.btn.btn-outline-info       svg.fill-color {fill: #2d7bf4;}
.btn.btn-outline-info:hover svg.fill-color {fill: #FFFFFF;}
.btn.btn-link               svg.fill-color {fill: #2d7bf4;}
.btn.btn-link:hover         svg.fill-color {fill: #3682a8;}

.form-control, .form-select, .input-group-text
{padding: 10px 12px; font-weight: 400; font-size: 14px; line-height: 20px; color: #6F6E77; background-color: #F4F2F4; border: 1px solid #F4F6FB; border-radius: 6px;}
.form-control::placeholder {color: #B7B6C4;}
.form-control:focus, .form-select:focus {background-color: #FFFFFF; border: 1px solid #2D6AF1; -webkit-box-shadow: none; box-shadow: none;}
.form-control:disabled {color: #98a6ad;}
.form-control-sm {padding: .25rem .5rem;}
.form-check-input:checked {background-color: #2D6AF1; border-color: #2D6AF1;}
.select2-container .select2-selection--single {color: #6F6E77; background: #F4F2F4;border: #F4F6FB; border-radius: 6px;}
.select2-container--default .select2-results > .select2-results__options {scrollbar-width: thin;}
.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option[aria-selected="true"]:hover {color: #fff; background-color: #2D6AF1;}
.select2-container--default.select2-container--disabled .select2-selection--single {opacity: .3;}
.select2-container--default .select2-selection--single .select2-selection__clear {color: #f1556c;}
html[dir="ltr"] .select2-container .select2-selection--single .select2-selection__rendered {padding-right: 40px;}
html[dir="rtl"] .select2-container .select2-selection--single .select2-selection__rendered {padding-left : 40px;}
label {font-weight: 600; font-size: unset; color: #000000;}
label span.optional {color: #98a6ad !important;}
.form-text {margin-top: 8px; font-size: 14px; font-weight: 400; line-height: 20px; color: #6F6E77;}
@media (max-width: 575.98px){
    label span.optional {font-size: 12px; line-height: 16px; vertical-align: middle;}
}

.modal {background: rgba(0, 0, 0, 0.6);}
.modal .text-muted {color:#B7B5C4 !important;} 
.modal-content {padding: 1rem; border-radius: 8px; box-shadow: 0px 4px 12px rgba(3, 13, 26, 0.05), 0px 1px 2px rgba(3, 13, 26, 0.04);}
.modal-header  {border: 0;}
.modal-header .btn-close {display: block; position: absolute; top:1.5rem;}
html[dir="ltr"] .modal-header .btn-close {right:1.5rem;}
html[dir="rtl"] .modal-header .btn-close {left: 1.5rem;}
.modal-title   {font-weight: 600; font-size: 20px; line-height: 32px; color: #1A1523;}
.modal-body    {padding: 0 16px;}
.modal-footer  {padding: 16px; border: 0;}
.modal-footer  .btns + .btns {margin: 0; margin-left: 16px;}
html[dir="rtl"] .modal-footer .btns + .btns {margin: 0; margin-right: 16px;}
#fileViewerModalVerifyBtns {display: flex;}
#fileViewerModalVerifyBtns .btns-normal {margin: 0 .25rem; padding: .5rem; white-space: nowrap;}
@media (max-width: 575.98px){
    .modal-content {padding: .5rem;}
    .modal-header  {padding: .5rem .25rem;}
    .modal-footer  {padding: .5rem .25rem;}
    #fileViewerModal .modal-title {font-size: 14px; line-height: 16px;}
    #fileViewerModal .modal-title span {display: flex; font-size:  12px; line-height: 14px;}
    #fileViewerModal .btns-normal {margin: 0 .1rem; padding: .65rem .5rem; font-size: 12px; line-height: 14px;}
    #fileViewerModalVerifyBtns .btns-normal {padding: .5rem; font-size: 12px; line-height: 14px; white-space: nowrap;}
    #fileViewerModalVerifyBtns .btns-normal img {width: 14px;}
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {background: rgba(0, 0, 0, 0.6);}
.swal2-popup {border-radius: 8px; box-shadow: 0px 4px 12px rgba(3, 13, 26, 0.05), 0px 1px 2px rgba(3, 13, 26, 0.04);}
.swal2-container .swal2-title {font-size: 20px; font-weight: 600;}
.swal2-icon {width: 4em; height: 4em;}
.swal2-icon.swal2-success {width: 5em; height: 5em;}
.swal2-styled.swal2-confirm, .swal2-styled.swal2-deny, .swal2-styled.swal2-cancel {padding: 10px 16px; font-size: 14px; font-weight: 400; line-height: 20px; border-radius: 8px;}
.swal2-styled.swal2-confirm {color: #FFFFFF; background: #2D6AF1; border:1px solid #2D6AF1;}
.swal2-styled.swal2-cancel {color: #6F6E77; background: #FFFFFF; border: 1px solid rgba(183, 182, 196, 0.3); box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08);}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {top: 1.9em; width: 2.1em;}

header {background: #FFFFFF; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08);}
header .top-menu-items a {display: inline-block; margin:auto 4px; padding: 8px 12px; font-weight: 600; color: #6F6E77; border-radius: 8px;}
header .top-menu-items a.active {color: #191522; background: #F4F2F4;}
header .top-menu-items a img  {display: inline-block; margin-right: 8px;}
header .top-menu-items a span {display: inline-block; vertical-align: middle;}
header .cabinets {margin-top:15px;}
header .dropdown-menu, .footer .dropdown-menu {box-shadow: 0px 6px 12px 2px rgba(3, 13, 26, 0.08), 0px 1px 2px rgba(3, 13, 26, 0.04); border-radius: 8px;}
#page-header-user-dropdown .user-name {display: inline-block; width: 40px; height: 40px; padding: 10px; text-align: center; color: #fff; text-transform: capitalize; font-size: 14px; font-weight: 800; background: #7738C8; border-radius: 50%;}
header .dropdown-item {font-size: 14px; font-weight: 600; line-height: 20px; color:#6F6E77;}
header .dropdown-item img {display: inline-block; width: 20px;}
html[dir="ltr"] header .dropdown-item img {margin-right: 0.5rem;}
html[dir="rtl"] header .dropdown-item img {margin-left: 0.5rem;}
.footer {padding: 22px 0; height: auto; font-size: 12px; font-weight: 400; color: #6F6E77; background: #FDFCFD; border:0; border-top: 1px solid #EFEEF1;}
.footer .copyright a {font-size: 12px; font-weight: 400; color: #6F6E77; text-decoration: underline !important;}
.footer .logos img {display: inline-block; margin: 0 2px; height: 36px; opacity: .5; filter: grayscale(1);}
.footer .logos img:hover {opacity: 1; filter: grayscale(0);}
.footer .dropdown button {padding: 10px 16px; color: #6F6E77; background: #FFFFFF; border: 1px solid rgba(183, 182, 196, 0.3); border-radius: 8px; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08);}
.footer .dropdown-item {color: #6F6E77;}
@media (max-width: 575.98px){
    #page-header-mobile-dropdown {padding: .4rem .75rem;}
    .footer {padding: .5rem 0; font-size: 11px; line-height: 16px;}
    .dropdown.language button {padding: 8px 10px;}
    .dropdown.language .dropdown-menu {min-width: 7rem;}
    .dropdown.language .dropdown-menu .dropdown-item {padding: .4rem 1rem;}
}

.header-profile-user {height: 48px; width: 48px; background: none; border-radius: 16px;}

.tabs .col {border-bottom: 2px solid #EFEEF1;}
.tabs.sub-border {border-bottom: 1px solid #EFEEF1;}
.tabs.sub-border .col {border: 0;}
.tabs a {display: block; position: relative; margin-bottom: -2px; padding: 0 5px 20px 5px; text-align: center; color:#6F6E77;}
.tabs a:hover  {opacity: 0.7;}
.tabs a.active {display: block; min-height: 104%; color: #2D6AF1; border-bottom: 2px solid #2D6AF1;}
.tabs.tabs-success a {border-color: #16A34A;}
.tabs.tabs-success a.active {color: #16A34A;}
@media (max-width: 575.98px){
    .tabs a {padding: 0 2px 10px; font-size: 13px; line-height: 16px;}
}
.tabs.tabs-main.sub-border {}
.tabs.tabs-main a {margin-left: 1px; margin-right: 1px; padding: 12px 5px 6px; min-height: 100%; white-space: nowrap; background: #f9f9f9; border: 1px solid #D3D7DF; border-bottom: 0; border-radius: 8px 8px 0 0;}
.tabs.tabs-main a.active {background: none; border: 1px solid #BBCFF7; border-bottom: 2px solid #FDFCFD;}

.badge {display: inline-block; padding: .25rem .5rem; font-size: 12px; font-weight: 500; line-height: 16px; color: #eee; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; cursor: default;}
.badge.badge-info    {color: #2D6AF1; background: #2D6AF11A; border: 1px solid #2D6AF14D;}
.badge.badge-success {color: #16A34A; background: #16A34A1A; border: 1px solid #16A34A4D;}
.badge.badge-warning {color: #E9A23B; background: #E9A23B1A; border: 1px solid #E9A23B4D;}
.badge.badge-danger  {color: #A32318; background: #A323181A; border: 1px solid #A323184D;}
@media (max-width: 575.98px){
    .badge {font-size: 11px; line-height: 12px; padding: .125rem .25rem;}
}

.pp-menu {}
.pp-menu .pp-menu-item {}
.pp-menu .pp-menu-item.pp-menu-item-header {font-weight: bold; padding: 10px 16px; border-bottom: 1px solid #e9e9ed;}
.pp-menu .pp-menu-item + .pp-menu-item {margin-top: .5rem;}
.pp-menu .pp-menu-item a {display: block; position: relative; margin:0; padding: 10px 16px; color: #6F6E77; font-weight: 600; font-size: 14px; line-height: 20px; border-radius: 8px;}
.pp-menu .pp-menu-item a:hover {background-color: #F4F2F499;}
html[dir="ltr"] .pp-menu .pp-menu-item a {background-image: url("/assets/images/icons/arrow-angle-right.svg"); background-repeat: no-repeat; background-position: right 10px center;}
html[dir="rtl"] .pp-menu .pp-menu-item a {background-image: url("/assets/images/icons/arrow-angle-left.svg");  background-repeat: no-repeat; background-position: left  10px center;}
.pp-menu .pp-menu-item.active a {color: #1A1523; background-color: #F4F2F4;}
.pp-menu .pp-menu-item.pp-menu-item-sub a {padding: 10px 8px;}

.infoblocks {margin-bottom: 0;}
.infoblock  {padding: 16px; border-left: 1px solid #F1F0F3;}
.infoblock:first-child  {border-left: 0;}
.infoblock .infoblock-title {margin-bottom: 8px; font-weight: 700; font-size: 12px; line-height: 16px; text-transform: uppercase; white-space: nowrap; color: #B7B6C4;}
.infoblock .infoblock-text  {font-weight: 600; font-size: 16px; line-height: 24px; white-space: nowrap; color: #1A1523;}
.infoblock .infoblock-text  img {display: inline-block; margin: 0;}
@media (max-width: 575.98px){
    .infoblocks {margin-bottom: 0;}
    .infoblock  {padding: 8px; }
    .infoblock .infoblock-title {font-size: 10px; line-height: 12px;}
    .infoblock .infoblock-text {font-size: 14px; line-height: 16px;}
}

table.dataTable td {vertical-align: middle;}
.table-condensed > tbody > tr > td {padding: 4px;}
.page-link {padding: .25rem .5rem;}

.table-docs .btn-link  {padding: 0 0.1rem;}
.table-docs .file-icon {width:55px !important;}

.main-docs-table th {font-weight: 700; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #B7B6C4;}
.main-docs-table td {padding: 1rem !important; border-bottom-width: 0;}
.main-docs-table tr:hover {background: #fff !important; --bs-table-accent-bg:#fff !important; border-radius: 8px; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08);}
.main-docs-table .btn-link {padding: 0 4px;}
.main-docs-table .file-type-icon {display: block; position: relative; width: 48px; height: 48px;}
.main-docs-table .file-type-icon img {margin-top: -4px; padding: 4px; min-width: 48px; min-height: 48px; border: 1px solid rgba(183, 182, 196, 0.2); border-radius: 8px;}
.main-docs-table .file-name {color: #1A1523; font-weight: 600; direction: ltr;}
html[dir="rtl"] .main-docs-table .file-name {text-align: right;}
.main-docs-table .file-type-icon i {display: block; position: absolute; left: -6px; top: -10px; width: 14px; height: 20px;}
html[dir="rtl"] .main-docs-table .file-type-icon i {display: block; position: absolute; right: -6px; top: -10px;}
.main-docs-table .file-date {font-size: 12px; white-space: nowrap;}
@media (max-width: 575.98px){
    .main-docs-table th {font-size: 11px; line-height: 14px;}
    .main-docs-table td {padding: .5rem .125rem 0 !important;}
    .main-docs-table .file-type-icon {width: 48px; height: 50px;}
    .main-docs-table .file-type-icon img {margin-top:0; padding: 0; min-width: 48px; min-height: 48px; border: 0;}
    .main-docs-table .file-type-icon i {top: -6px; left: 0;}
    .main-docs-table .file-name {min-width: 150px; max-width: 250px; line-height: 18px;}
    .main-docs-table .file-date {font-size: 11px; line-height: 16px;}
    .main-docs-table .file-client a {display: block; height: 16px; font-size: 11px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .main-docs-table .btn-link {margin-bottom: 8px;}
}

.page-clients .mobileNotReadyAlert {display: none;}
.table-clients.table {color: #1A1523; font-weight: 400;}
.page-clients div.dataTables_wrapper div.dataTables_filter {padding-bottom: 20px;}
.table-clients th {font-weight: 700; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #B7B6C4;}
.table-clients td {padding: 8px !important; border: 0;}
.table-clients tr:hover  {background: #fff !important; --bs-table-accent-bg:#fff !important; border-radius: 8px; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08);}
.table-clients .btn-link {padding: 0 4px;}
.table-clients .btn-group > .btn-outline-light {padding: 3px 4px; border-color: transparent;}
.table-clients .dropdown-menu .btn-link {padding: .3rem .75rem;}
.table-clients .dropdown-menu .btn-link span {padding: 0 .5rem;}
@media (max-width: 575.98px){
    .page-clients .page-content-margin-start {margin-top: 50px;}
    .page-clients .page-h1-wrapper {margin-bottom: 1rem;}
    .page-clients h1 {font-size: 24px;}
    .table-clients th {font-size: 11px; line-height: 14px;}
    .table-clients td {padding: 6px 4px !important;}
    .table-clients .btn-link {margin-bottom: 8px;}
    .table-clients .btn-group > .btn-outline-light {margin-bottom: 8px;}
    .table-clients .dropdown-menu .btn-link {margin-bottom: 0;}
}

.table-client.table {color: #1A1523; font-weight: 400;}
.table-client th {font-weight: 700; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #B7B6C4;}
.table-client td {padding: 16px !important; border: 0;}
.table-client tr:hover  {background: #fff !important; --bs-table-accent-bg:#fff !important; border-radius: 8px; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08);}
.table-client .btn-link {padding: 0 4px;}

.table-logs th {font-weight: 700; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #B7B6C4;}
.table-logs td {padding: 4px !important; border: 0;}
.table-logs tr:hover  {background: #fff !important; --bs-table-accent-bg:#fff !important; border-radius: 8px; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08);}

.table-docs th {font-weight: 700; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #B7B6C4;}
.table-docs td {padding: 16px !important; border-bottom-width: 0;}
.table-docs tr:hover  {background: #fff !important; --bs-table-accent-bg:#fff !important; border-radius: 8px; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08);}
.table-docs .btn-link {padding: 0 4px;}
.table-docs .btn-state-undo {cursor: pointer;}
.table-docs .file-folder-icon {display: block; position: relative; top:-2px; width: 48px;}
.table-docs .file-type-icon {display: block; position: relative; width: 48px; height: 48px;}
.table-docs .file-type-icon img {margin-top: -4px; padding: 4px; min-width: 48px; min-height: 48px; border: 1px solid rgba(183, 182, 196, 0.2); border-radius: 8px;}
.table-docs .file-name {display: block; position: relative; color: #1A1523; font-weight: 600; direction: ltr;}
html[dir="rtl"] .table-docs .file-name {text-align: right;}
.table-docs .file-type-icon i {display: block; position: absolute; left: -6px; top: -10px; width: 14px; height: 20px;}
html[dir="rtl"] .table-docs .file-type-icon i {display: block; position: absolute; right: -6px; top: -10px;}
@media (max-width: 575.98px){
    .table-docs th {font-size: 11px; line-height: 14px;}
    .table-docs td {padding: .5rem .25rem !important;}
    .table-docs .file-type-icon {width: 38px; height: 38px;}
    .table-docs .file-type-icon img {margin-top:0; padding: 0; min-width: 40px; min-height: 40px; border: 0;}
    .table-docs .file-type-icon i {top: -6px; left: 0;}
    .table-docs .file-name {min-width1: 150px; max-width: 250px; line-height: 18px;}
    .table-docs .file-date {font-size: 11px; line-height: 16px;}
    .table-docs a.dop-info {display: block; height: 18px; font-size: 13px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .table-docs .btn-link {margin-bottom: 8px;}
}

.table-docs .dropdown-menu {padding: 0 !important; border-radius: 8px; box-shadow: 0px 6px 12px 2px rgba(3, 13, 26, 0.08), 0px 1px 2px rgba(3, 13, 26, 0.04); transform: none !important;}
.table-docs .dropdown-toggle {padding: 0 0.6rem;}
.table-docs .btn-link  {padding: 0 0.1rem;}
html[dir="rtl"] .main-content .dropdown-menu[style] {right: auto !important; left:0 !important;}

#docSignersModal .file-type-icon img {width: 44px;}
#docSignersModalTitle {line-height: 44px;}
#docSignersModal .dsm {margin-bottom: .5rem;}
#docSignersModal .dsm .dsm-name {font-weight: 700;}
@media (max-width: 575.98px){
    #docSignersModal .file-type-icon img {width: 36px;}
    #docSignersModalTitle {font-size: 16px; line-height: 36px;}
}

.info-table {margin-bottom: 0;}
.info-table tr td:first-child {width:85px; min-width: 85px;}
.info-table td {padding: 12px 8px !important; border-bottom-width: 1px;}
.info-table td b {color:#000000;}
.info-table tr:last-child td {border:0;}

#fileInfoModal .file-type-icon {display: block; position: relative; width: 48px; height: 48px;}
#fileInfoModal .file-type-icon img {margin-top: -4px; padding: 4px; min-width: 48px; min-height: 48px; border: 1px solid rgba(183, 182, 196, 0.2); border-radius: 8px;}
#fileInfoModal .file-name {display: block; position: relative; color: #1A1523; font-size: 18px; line-height: 40px; font-weight: 600; direction: ltr;}
html[dir="rtl"] #fileInfoModal .file-name {text-align: right;}

.dropdown.auth{ width: 130px; margin: 0 auto !important; }
.dropdown.auth .dropdown-menu{ width: 130px; }
.dropdown.landing button {margin: 0;}
.dropdown.landing button .lang-cur-name {display: none;}
@media (min-width: 768px) {
    .dropdown.landing button {margin-left:10px;} 
    html[dir="rtl"] .dropdown.landing button {margin-right:10px;} 
    .dropdown.landing button .lang-cur-name {display: inherit;} 
}

html[dir="ltr"] .dropdown.language .dropdown-menu-end[style]{left:unset !important; right:unset !important;}
html[dir="rtl"] .dropdown.language .dropdown-menu-end[style]{}

.terms {padding: 100px 0 40px;}
.terms .terms-header{padding-bottom: 8px;text-decoration: underline;text-align: center;font-size: 24px;}
.terms p{margin-bottom: 0;}
.terms .terms-underline{text-decoration: underline;}
.terms .terms-wrapper{padding: 10px;}
.terms .terms-sub-header{font-weight: 600; text-decoration: underline;}

#privacy {margin: 0 auto; padding: 2rem 0; max-width: 1300px; }
#privacy h2 {margin: 2rem 0 1rem; font-size: 24px;}
@media (max-width: 767.98px){
    #privacy {padding: 1rem 0;}
}

.navbar.landing-not-main{background-color: #3185a9;}

.card-title small {font-weight: normal;}
.nav-pills > li > a, .nav-tabs > li > a {opacity: 0.6;}
.nav-tabs .nav-item .nav-link {border-radius: 8px 8px 0 0; line-height: 24px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-color: rgba(183, 182, 196, 0.3); opacity: 1;}

#cpCabinetsWrapperMobile button {text-align: end;}

#activeProfessions .btn {position: relative;}
#activeProfessions .btn .x {display: block; position: absolute; top:0px; right:0px; cursor:pointer;}
#activeProfessions .btn.disabled .x {display: none;}
html[dir="rtl"] #activeProfessions .btn .x {left:0px; right: unset;}

.language-add-btn {min-width:120px; text-align:left;}
html[dir="rtl"] .language-add-btn {text-align: right;}

#folderNotaryBookBtn i.mdi {line-height: 1.2; vertical-align: bottom;}
#folderNotaryBookBtn i.fas {line-height: 1.6;}
.bg-notary-book {background-color1: #f4f5ff !important;}

.email-leftbar {padding: 0;}
.mail-list a.active {color:#0168f5;}
.documents-folders-breadscrums {font-size: 12px;}
.documents-folders-breadscrums.uc-folders {font-size: 14px;}
.documents-folders-breadscrums svg {display: inline-block; position: relative; top: -1px;}

.dropify-wrapper {padding: 0px; border: 1px solid rgba(46, 82, 178, 0.05); border-radius: 6px;}
.dropify-wrapper .dropify-preview {padding-top: 3px !important; background-color: #F4F2F4;}
.dropify-wrapper .dropify-message p {line-height: 58px;}
.dropify-wrapper .dropify-filename-inner {direction: ltr; unicode-bidi: embed;}
.dropify-wrapper.touch-fallback .dropify-message {padding: 20rem 0;}
.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p {text-align: center; line-height: 16px;}
.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename {display: none;}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {padding: 5px 15px !important;}
@media (max-width: 575.98px){
    .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file::before {margin: 5px auto;}
    .dropify-wrapper .dropify-message p {font-size: 32px; line-height: 42px;}
}

.page-doc-edit .mobileNotReadyAlert {display: none;}
.page-doc-edit .page-content-margin-start {margin-top: 0 !important;}
@media (max-width: 430px){
    html[lang="ru"] .btn {font-size: 12px;}
}
@media (max-width: 575.98px){
    .page-doc-edit .page-content-margin-start {margin-top: 30px !important;}
    .page-doc-edit .card .card-body {padding: .5rem;}
    #uploadFormPartFile {margin-bottom: 1rem;}
}

.change-folder-btn, .change-ucfolder-btn {cursor: pointer;}
.dd-nodrag {border: none; padding: 10px; height: auto; font-weight: 400; border-radius: 8px; color: #495057;}
html[dir="ltr"] .dd-nodrag {padding-right: 20px;}
html[dir="rtl"] .dd-nodrag {padding-left : 20px;}
.dd-nodrag:hover  {color: #1A1523; background: #F4F2F4;}
.dd-nodrag.active {color: #1A1523; background: #F4F2F4; font-weight: 600;}
.dd-item {font-size: inherit; margin: 2px 0;}
.dd-item svg {display: inline-block; position: relative; top: -2px; width: 16px;}
.dd-list .dd-item button {position: absolute; width:20px; top: 3px; font-size: 24px; line-height: 20px;}
html[dir="ltr"] .dd-list .dd-item button {right: 2px;}
html[dir="rtl"] .dd-list .dd-item button {left: 2px; }
.dd-list .dd-list {padding-left: 10px;}
html[dir="ltr"] .dd-item > button.dd-expand::before {font-family: 'Font Awesome 5 Free'; content: "\f105";}
html[dir="rtl"] .dd-item > button.dd-expand::before {font-family: 'Font Awesome 5 Free'; content: "\f108";}
.dd-item > button.dd-collapse::before {font-family: 'Font Awesome 5 Free'; content: "\f107";}

html[dir="rtl"] .dd-list .dd-item button {margin-right:-20px; margin-left: inherit; float:right;}
html[dir="rtl"] .dd-list .dd-list {padding-left: inherit; padding-right: 20px;}
html[dir="rtl"] .dd-item > button.dd-expand::before {font-family: 'Font Awesome 5 Free'; content: "\f104";}


#folders-nestable-list {/*padding-bottom: 1rem;*/}
#folders-nestable-list + #clients-nestable-list {padding-top: 1rem; border-top: 1px solid #B7B5C430;}
#clients-nestable-list {padding-top: 0.5rem;}
.accordion-item {margin: 0; border: 0;background: none;}
.accordion-item:last-of-type .accordion-button.collapsed {border: 0; border-radius: 8px;}
.accordion-button{padding: 10px; color: #495057; font-size: 14px; line-height: 20px; font-weight: 400; background-color: inherit;}
.accordion-button:focus {box-shadow: none !important;}
.accordion-button::after {position: relative;}
html[dir="ltr"] .accordion-button::after {right: -5px; transform: rotate(270deg);}
html[dir="rtl"] .accordion-button::after {left: -5px; transform: rotate(90deg);}
.accordion-button:not(.collapsed) {color: #1A1523; font-size: 14px; font-weight: 600; background-color: #F4F2F4; border: 0; border-radius: 8px !important; box-shadow: none; -webkit-box-shadow: none;}
.accordion-button:not(.collapsed)::after {transform: rotate(0deg) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23495057'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.accordion-button span {width:100%;}
.accordion-item input {display: block; position: relative; margin: 1rem auto 0.5rem; background: none; border-color: #B7B6C4;}
.accordion-item .scrollbar {max-height: 300px;}
.accordion-item .scrollbar .simplebar-horizontal {display: none !important;}
.accordion-item .dataTables_filter {display: none;}
.accordion-item .dataTables_empty  {color: #98a6ad !important;}
.accordion-item table.dataTable {margin:0 !important;}
.accordion-item table.dataTable td {padding: 0; border: 0;}
.accordion-item .change-client-btn {margin: 0; padding: 8px !important; max-width: 80%; white-space: nowrap; overflow: hidden; cursor: pointer; border-radius: 8px;}
html[dir="ltr"] .accordion-item .change-client-btn {margin-left: 12px;}
html[dir="rtl"] .accordion-item .change-client-btn {margin-right: 12px;}
.accordion-button:hover,
.accordion-item .change-client-btn.active,
.accordion-item .change-client-btn:hover {background: #F4F2F4;}

/* Main */
.page-main .mobileNotReadyAlert {display: none;}
.page-main .page-content-margin-start {padding-top: 30px;}
.page-main h2 {display: inline-block; position: relative; vertical-align: top; font-size: 24px; font-weight: 700; line-height: 32px; color: #000000;}
@media (max-width: 575.98px){
    .page-main .page-content-margin-start {margin-top: 5px;}
    .page-main h2 {font-size: 18px; line-height: 22px;}
}
/* ------- */

/* Start Profile */
.page-start-profile .mobileNotReadyAlert {display: none;}
.page-start-profile hr {color: #F4F2F4; opacity: 1;}
.page-start-profile .text-muted {color: #6F6E77 !important;}
.page-start-profile .card {margin:0 0 2rem 0; background: #FFFFFF; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08); border-radius: 8px;}
.page-start-profile .card-title {margin: 0; font-weight: 600; font-size: 20px; line-height: 32px; color: #1A1523;}
.page-start-profile .card-body {padding: 2rem;}
@media (max-width: 767.98px){
    .page-start-profile h1 {font-size: 18px; line-height: 22px; margin-top: 1rem !important;}
    .page-start-profile .card-title {margin-bottom: 8px; font-size: 18px; line-height: 22px;}
    .page-start-profile .card-subtitle {font-size: 13px; line-height: 16px;}
    .page-start-profile .card-body {padding: 1rem;}
}

/* Profile */
.page-profile hr {color: #F4F2F4; opacity: 1;}
.page-profile .text-muted {color: #6F6E77 !important;}
.page-profile .card {margin:0 0 2rem 0; background: #FFFFFF; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08); border-radius: 8px;}
.page-profile .card-title {margin: 0; font-weight: 600; font-size: 20px; line-height: 32px; color: #1A1523;}
.page-profile .card-body {padding: 2rem;}

.scroll-menu hr {margin: 4px 0; color: #F1F0F3;}
.scroll-menu button {margin: 4px 0; text-align: start; color: #6F6E77; background-image: url('/assets/images/icons/arrow-angle-right.svg');  background-repeat: no-repeat; background-position: right 16px top 12px; background-color: #FFF; background-blend-mode: exclusion;}
html[dir="rtl"] .scroll-menu button {background-image: url('/assets/images/icons/arrow-angle-left.svg'); background-repeat: no-repeat; background-position: left 16px top 12px;}
.scroll-menu button:first-child {margin-top: 0;}
.scroll-menu button:last-child  {margin-bottom: 0;}
.scroll-menu button.active {color: initial;background-color: #F4F2F4; background-blend-mode: unset;}
.scroll-menu button:hover  {color: initial;background-color: #F4F2F4; opacity: .6;}
.scroll-menu button img {top: 2px; float: right;}

#activeProfessions .btns {position: relative; color: #1A1523;}
#activeProfessions .btns .x {padding: 0 0 0 6px; cursor:pointer;}
html[dir="rtl"] #activeProfessions .btns .x {padding:0 6px 0 0;}
#activeProfessions .btns.disabled {opacity: 1;}
#activeProfessions .btns.disabled .x {display: none;}

.page-profile .nav-tabs {border-bottom: 1px solid rgba(183, 182, 196, 0.3);}
.page-profile .nav-tabs .nav-link { border-radius: 8px 8px 0 0; border-color: rgba(183, 182, 196, 0.3); line-height: 24px;}
.page-profile .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-bottom-color: #fff; opacity: 1;}
.page-profile .logo-wrapper {margin: 2rem 0;}
.page-profile .logo-wrapper .logo {display: block; position: relative; width: 64px; height: 64px; border-radius: 16px; cursor: pointer;}
.page-profile .logo-wrapper .logo-empty-bg {background-color: #7738C8;}
.page-profile .logo-wrapper .logo span {display: block; position: relative; padding: 21px; font-size: 24px; font-weight: 800; line-height: 20px; color:#FFFFFF; text-align: center; }
.page-profile .logo-wrapper .logo .user-logo {display: block; position: relative; margin:0; padding: 0; width:100%; height: 100%; border-radius: 16px;}
.page-profile .logo-wrapper .logo .logo-edit-icon {display: block; position: absolute; bottom: -4px; right: -1px; padding: 6px; background-color: #FFFFFF; border-radius: 16px; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08);}
.page-profile .logo-wrapper.logo-brand-wrapper {margin: 1rem 0 0;}
.page-profile .logo-wrapper.logo-brand-wrapper .logo {display: block; position: relative; width: fit-content; min-width: 64px; max-width: 100%; max-height: 64px; border-radius: 8px; cursor: pointer;}
.page-profile .logo-wrapper.logo-brand-wrapper .logo .user-logo {display: block; position: relative; margin:0; padding: 0; width:auto; height: auto; max-height: 64px; border-radius: 0;}
.page-profile .logo-wrapper.logo-brand-wrapper .logo-empty-bg {background-color: #F4F2F4;}

.page-profile .card-title span.optional {color: #98a6ad !important;}
/* ------ */

/* Users Sub */
header .dropdown-item i.mdi:before {font-size: 20px !important;}
header .dropdown-item i.mdi {position: relative; top:2px;}
html[dir="ltr"] header .dropdown-item i.mdi {margin-right: .5rem;}
html[dir="rtl"] header .dropdown-item i.mdi {margin-left:  .5rem;}
.page-users-sub .mobileNotReadyAlert {display: none;}
.page-users-sub .page-content-margin-start {}
.page-users-sub .users-list .users-list-item-th {margin-bottom: 1rem; padding-bottom: 1rem; font-weight: bold;}
.page-users-sub .users-list .users-list-item {margin-bottom: 1rem;}
.page-users-sub .users-list .users-list-item:last-of-type {margin-bottom: 0;}
@media (max-width: 575.98px){
    .page-users-sub .page-content-margin-start {margin-top: 50px;}
    .page-users-sub .page-h1-wrapper {margin-bottom: 1rem;}
    .page-users-sub h1 {font-size: 24px;}
}
/* ------ */

/* Client */
.page-client h2 {font-size: 24px; line-height: 40px; font-weight: 600; color: #1A1523;}
.page-client .card-body {padding: 1rem;}
.page-client .client-name {font-size: 16px; line-height: 24px; font-weight: 600; color: #1A1523;}
.page-client a.folder-name svg {display: inline-block; position: relative; vertical-align: top; top:2px;}
.requests-list-item {padding: .5rem; border: 1px solid transparent;}
.requests-list-item:hover {background: #fff !important; --bs-table-accent-bg: #fff !important; border-radius: 8px; border: 1px solid #E9E8EE; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.04);}
.requests-list-item .request-type {margin-bottom: .25rem; font-size: 16px; font-weight: 600; line-height: 26px;}
.requests-list-item .request-type.internal {font-weight: normal; font-style: italic; }
.requests-list-item .request-type.not-relevant {text-decoration: line-through;}
.requests-list-item .request-date {font-size: 12px; line-height: 20px;}
.requests-list-item .request-comment {color: #1A1523; font-weight: 400; font-size: 14px; line-height: 20px;}
.requests-list-item .badge {text-transform: capitalize;}
#clientInviteModal .modal-body h5 {margin-top: 1.5rem; margin-bottom: 1.0rem; font-weight: 600;} 
#clientInviteModal select option:disabled {color:#999; font-style: italic;} 
#clientInviteModal li b {display: inline-block;} 
#clientInviteModal li:has(span) b {font-weight: 400; color:#B7B5C4;} 
#clientInviteModal li span {display: inline-block; font-style: italic;} 
html[dir="ltr"] #clientInviteModal li span {padding-left: 5px;} 
html[dir="rtl"] #clientInviteModal li span {padding-right: 5px;} 
#clientInviteModal li i {display: inline-block; vertical-align: top; cursor: pointer;}
html[dir="ltr"] #clientInviteModal li i {padding-left: 5px;}
html[dir="rtl"] #clientInviteModal li i {padding-right: 5px;}
@media (max-width: 575.98px){
    .requests-list-item {padding: .5rem 0;}
    .requests-list-item .request-type {margin-bottom: 0; font-size: 14px; line-height: 20px;}
    .requests-list-item .request-date {font-size: 10px; line-height: 12px;}
}
/* ------ */

/* UserInfo */
.userinfo-wrapper div {margin-bottom: 1rem; min-height: 20px; color: #1A1523; font-size: 14px; font-weight: 400; line-height: 20px; overflow-x: hidden;}
.userinfo-wrapper div:last-child {margin-bottom: 0;}
.userinfo-wrapper div b {color: #B7B5C4; font-size: 12px; font-weight: 700; line-height: 16px; text-transform: uppercase;}
.userinfo-wrapper .userinfo-icon div {display: block; position: relative; margin:0 auto; padding: 24px 12px 12px; width: 72px; height: 72px; text-align: center; font-size: 20px; font-weight: 800; line-height: 24px; color: #FFFFFF; background-color: #F3722C; border-radius: 16px; }
.userinfo-wrapper .userinfo-logo img {display: block; position: relative; margin:0 auto; padding: 0; width: auto; height: auto; max-width: 100%; max-height: 72px; border-radius: 16px; }
.userinfo-wrapper .userinfo-name {margin-bottom: .5rem; text-align: center; font-weight: 600; color: #2D6AF1;}
.userinfo-wrapper .userinfo-name span {line-height: 20px; vertical-align: middle;}
.userinfo-wrapper .userinfo-profession {text-align: center; color: #6F6E77;}
.userinfo-wrapper .userinfo-email {text-align: center; color: #B7B5C4;}
.userinfo-wrapper .userinfo-buttons {clear: both; min-height: 0; }
.userinfo-wrapper .userinfo-buttons .btns {margin-top: 4px; width: 100%; white-space: nowrap;}
@media (max-width: 767.98px){
    .userinfo-wrapper div {margin-bottom: 6px;}
    .userinfo-wrapper .userinfo-logo, .userinfo-wrapper .userinfo-icon {display: inline-block; float: left; margin-bottom: 10px;}
    .userinfo-wrapper .userinfo-icon div {margin:0 0.5rem 0 0; padding-top: 18px; width: 60px; height: 60px;}
    .userinfo-wrapper .userinfo-logo img {margin:0 0.5rem 0 0; max-width: 90px;}
    .userinfo-wrapper .userinfo-name, .userinfo-wrapper .userinfo-profession, .userinfo-wrapper .userinfo-email {display: block; text-align: start;}
    .userinfo-wrapper .userinfo-name {margin: 0; padding: .25rem 0;}
/*
    .userinfo-wrapper .userinfo-mobile, .userinfo-wrapper .userinfo-preflang, .userinfo-wrapper .userinfo-phones, .userinfo-wrapper .userinfo-country, .userinfo-wrapper .userinfo-address {display: none; clear: both;}
*/
    .userinfo-wrapper .userinfo-buttons .btns + .btns {width: 49%;}
}
/* ------ */

#meAddBtn {/*width: auto; padding-left: 0;*/}
#configRecipientsList i {cursor:pointer;}
#onlyMeInfoAlert {margin: 12rem 0 2rem; display: none; font-size: 36px; font-weight: 600; line-height: 4rem; text-align: center; color: #98a6ad; text-transform: uppercase;}

.color-selecter div {display:inline-block; position: relative; margin:0; padding: 6px 5px; width: 20px; height: 20px; vertical-align: top; border-radius: 50%; cursor: pointer;}
.color-selecter div svg {display: none;}
.color-selecter div.active svg {display: block;}
#drawModal .color-selecter div {margin:  0.5rem 0.25rem;}
#textModal .color-selecter div {margin:  0.125rem;}
#docSignCanvas {width: 300px; height: 150px; background: #F4F2F4; border-radius: 6px; cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>✍️</text></svg>") 5 25,auto;}

#docWrapper {margin: 32px 0 64px;}
#docImgsAndElsWrapper {display: block; position: relative; margin:0 auto; max-width: max-content;}
#docImgsWrapper{display: block; position: relative; margin:0; padding:0;}
#docImgsWrapper img {display: block; position: relative; margin-bottom: 3px; max-width:100%; background: #fff; border:1px solid #eee;}
#docElsWrapper {display: block; position: absolute; top:0; left:0; right:0; bottom:0;}
.doc-el, .doc-pl {display:block; position: absolute; text-align: center; color: #2D6AF1; font-size: 14px; font-weight: 500; line-height: 20px; background: #f4f7ff; border: 2px dashed #BCD0FB; border-radius: 4px; opacity: 0.75;}
.doc-pl svg.fill-color {fill: #2D6AF1;}
.doc-el-sign {}
.doc-el-date {padding: .25rem; font-family: Helvetica; font-size: 14pt; line-height: 16pt; color: #000000; white-space: nowrap; overflow: hidden;}
.doc-el-date i {display:none !important;}
.doc-pl-sign {padding:33px 0 5px; white-space: nowrap; overflow: hidden;}
.doc-pl-date {padding:.25rem; white-space: nowrap; overflow: hidden; text-align: start;}
.doc-pl-text {padding:0; /*min-height: 24px;*/ white-space: nowrap; overflow: hidden; text-align: start;}
.doc-pl-text svg {display: inline-block; height: inherit; vertical-align: middle;}
.doc-pl-text span {display: inline-block; height: inherit; vertical-align: top;}
.doc-pl-text[dir="ltr"] {padding-right: 38px;}
.doc-pl-text[dir="rtl"] {padding-left:  38px;}
.doc-pl-smart {padding:33px 0 5px; white-space: nowrap; overflow: hidden;}
.doc-pl-smart i {display:none !important;}
#docElsWrapper .doc-el, #docElsWrapper .doc-pl {opacity: 0.94; border-width: 1px; border-style: solid; touch-action: none; box-sizing: border-box;}
#docElsWrapper .doc-el {opacity: 1; background: none;}
#docElsWrapper .doc-el img {width:100%; touch-action: pinch-zoom;}
#docElsWrapper .doc-el span {touch-action: pinch-zoom;}
#docElsWrapper .doc-el div.resize-btn {position: absolute; width: 13px; height: 13px; right: -7px; bottom: -7px; background: #BCD0FB; border-radius: 50%;}
#docElsWrapper .doc-pl i.mdi-window-close {display: block; position: absolute; top: 3px; color: #D28282/*#BCD0FB*/; cursor:pointer;}
#docElsWrapper .doc-pl-date i.mdi-window-close {top: 0;}
#docElsWrapper .doc-pl-text i.mdi-window-close {top: 0; background: #f4f7ff;}
html[dir="ltr"] #docElsWrapper .doc-pl i.mdi-window-close {right: 3px;}
html[dir="rtl"] #docElsWrapper .doc-pl i.mdi-window-close {left:  3px;}
html[dir="ltr"] #docElsWrapper .doc-pl-date i.mdi-window-close {right: 0;}
html[dir="rtl"] #docElsWrapper .doc-pl-date i.mdi-window-close {left:  0;}
html[dir="ltr"] #docElsWrapper .doc-pl-text {padding-right: 24px;}
html[dir="rtl"] #docElsWrapper .doc-pl-text {padding-left:  24px;}
html[dir="ltr"] #docElsWrapper .doc-pl-text i.mdi-window-close {right: 0;}
html[dir="rtl"] #docElsWrapper .doc-pl-text i.mdi-window-close {left:  0;}
.modal-process-sign .modal-dialog {margin: .5rem auto; max-width: 366px;}
.modal-process-sign .modal-header, 
.modal-process-sign .modal-footer {border:0;}
#drawModal .modal-body {padding-top: 0;}
#drawModal #docSignCanvasBtnClr {color:#B7B6C4 !important; font-size: 14px; border: 0;}
#docSignImgChooseUpload,
#docStampImgChooseUpload,
#docPictImgChooseUpload {margin: 10px auto; padding: 1rem; width: 300px; height: auto; line-height: unset; text-align: center; color: #777; background: #eee; border-radius: 6px; cursor: pointer;}
.modal-process-sign .imgs-wrapper {padding-top: 5px; scrollbar-width: thin;}
.modal-process-sign .img-file-saved {display: inline-block; position: relative; width: 49%; border: 2px solid transparent; border-radius: 6px; cursor: pointer;}
.modal-process-sign .img-file-saved.active {border-color: #2d6af1; }
.modal-process-sign .img-file-saved i {display: none; position: absolute; padding: 2px 2px 0 2px; top:-7px; right:-6px; color: #2d6af1; background: #fff; border-radius: 50%;}
.modal-process-sign .img-file-saved.active i {display: block;}
.modal-process-sign .img-file-saved img {display: block; margin: 0 auto; max-width: 144px; max-height: 140px;}
#docSigner p {margin: 0; color:#B7B6C4; font-size: 12px; font-weight: 400;}
#docSignCanvasBtnSave {cursor: pointer;}
#docSignCanvasBtnSave.disabled {opacity: .5; cursor: auto !important;}
#textModal select {padding: .45rem;}
#textModal textarea {display: block; padding: .5rem .75rem; width: 100%; height: 80px; resize: none;}
#textModalFormField_textCounter {font-size: 11px; text-align: start;}
.user-files-or-line {display: block; position: relative; width: 100%;}
.user-files-or-line div {position: absolute; top:-9px; left: 39%; width: 80px; font-weight: 700; text-align: center; text-transform: uppercase !important; color: #B7B5C4 !important; background: #ffffff;}
.doc-el-add-btns {margin-top:6px; width: 100%; text-align: start; line-height: 24px !important;}
html[dir="ltr"] .doc-el-add-btns {padding-left:  30%;}
html[dir="rtl"] .doc-el-add-btns {padding-right: 30%;}
.doc-el-add-btns i {width: 24px;height: 24px;display: inline-block;vertical-align: top;}
@media (max-width: 575.98px){
    .doc-el-add-btns {width: 32%; padding: .2rem !important; text-align: center;}
}

.section.ds {padding: 0; background: #f5f5f5;}
.page-ds .sign-place-block {display:inline-block; position: relative; margin: 0 2px 4px 0; padding:14px 6px; width: 31%; height: 50px; font-size: 24px; text-align: center; color: #2D6AF1; background: #f4f7ff; border: 1px solid #BCD0FB; border-radius: 4px; cursor: pointer;}
.page-ds .sign-place-block svg.fill-color {fill: #2D6AF1;}
.page-ds .sign-place-block span {display:block; position: absolute; top:0; font-size: 14px; }
html[dir="ltr"] .page-ds .sign-place-block span {right: 4px;}
html[dir="rtl"] .page-ds .sign-place-block span {left:  4px;}
.page-ds .doc-pl {cursor: pointer;}
.page-ds .doc-pl-date {text-align: center; cursor: auto;}
.page-ds .doc-pl-text {text-align: start;  cursor: auto;}

#footerSignBtns {display: block; position: fixed; bottom: 0; margin: 0; padding: 0 calc(24px / 2) 0 0; width: 100%; text-align: center; background: #ffffff; box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);}

.section.sign-done {padding-bottom: 30%;}

.text-noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.page-ds .docNameWrapper {font-size: .96rem; line-height: 2rem; text-align: center;}
@media (max-width: 767.98px){
    .page-ds .docNameWrapper {font-size: 12px; line-height: 12px; text-align: start; max-width: 170px; overflow: hidden;}
    .page-ds .docNameWrapper img {width:24px;}
}

.ga-auth-wrapper {display: block; position: relative; margin: 0; padding: 0; text-align:center !important;}
.or-line {display: block; position: relative; margin: 2rem 0;}
.or-line div {display: block; position: absolute; width: 50px; top: -11px; left: 45%; text-align: center; text-transform: uppercase; background: white;}
.ga-wrapper {width: 190px; margin: 0 auto; text-align: center;}

.page-auth .wrapper-auth {max-width: 656px;}
.page-auth .page-content-margin-start {margin-top: -10px;}
@media (max-width: 991.98px){
    .page-auth .page-content-margin-start {margin-top: 45px;}
}
.page-auth h1 {display: block; margin-bottom: 0; text-align: center;}
.page-auth h4 {font-weight: 600; font-size: 16px; line-height: 24px;}
.page-auth p {color: #6F6E77;}
.page-auth .card {background: #FFFFFF; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08); border-radius: 8px;}
.page-auth .card-body {padding: 2rem;}
.page-auth .add-text-block {text-align: center;}
.page-auth .add-text-block .col .card-body:hover {background: #FDFCFD;}
.page-auth .add-text-block .col .card-body:hover {border-radius: 8px;}
.page-auth .add-text-block.add-text-block-double .col:first-child .card-body:hover {border-radius: 8px 0px 0px 8px;}
.page-auth .add-text-block.add-text-block-double .col:last-child  .card-body:hover {border-radius: 0px 8px 8px 0px;}

.page-landing #layout-wrapper {min-height: 700px;}
.page-landing.is-landing #layout-wrapper {background-image: url("/assets/images/landing-header-bg.png"); background-size: 100% 680px; background-repeat: no-repeat;}
.page-landing #page-topbar {position: relative; background: none; box-shadow: none;}
.page-landing .navbar-header .col:last-child {text-align: end;}
html[dir="ltr"] .page-landing .navbar-header .btns + .btns {margin-left: 4px;}
html[dir="rtl"] .page-landing .navbar-header .btns + .btns {margin-right: 4px;}
.page-landing .navbar-brand-box {text-align: unset;}
.page-landing .page-content {margin-top:0 !important; padding: 0 !important;}
.page-landing .footer {position: relative; padding: 48px 0;}
.page-landing section {padding: 5rem 0; text-align: center;}
.page-landing #home {display: block; position: relative; padding: 4rem 0 10rem;}
.page-landing #home h1 {display: block; position: relative; margin: 0 auto 2rem; max-width: 1172px; font-size: 56px; line-height: 64px; font-weight: 700; color: #28282C;}
.page-landing #home p {display: block; position: relative;  margin-bottom: 2.5rem; font-size: 24px; line-height: 32px; font-weight: 400; color: #1A1523;}
.page-landing #home .btns-success {margin-bottom: 2rem; padding: 6px 16px; font-size: 14px; line-height: 20px; font-weight: 600; color: #FFFFFF; border-radius: 18px;}
.page-landing h2 {display: block; position: relative; margin-bottom: 1rem;  font-weight: 700; font-size: 32px; line-height: 40px; text-align: center; color: #28282C;}
.page-landing #features {padding-bottom: 0;}
.page-landing #features #featuresContainer {--bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem;}
.page-landing #features .block {display: block; text-align: start; position: relative; margin-bottom: 1.5rem; padding: 4rem; font-size: 20px; line-height: 32px; font-weight: 400; color: #1A1523; border-radius: 16px; overflow: hidden;}
.page-landing #features .block img {display: block; position: relative; margin: 0 0 2rem 0; padding: 0; width: 100%;}
.page-landing #features .block h3 {display: block; position: relative; margin: 0 0 2rem 0; padding: 0; font-size: 32px; line-height: 40px; font-weight: 700;}
.page-landing #features .block p {display: block; position: relative; margin: 0 0 1rem 0; padding: 0; font-size: 20px; line-height: 32px; font-weight: 400;}
.page-landing #features .block .btns {margin: 1rem 0 0 0; padding: 16px 32px; font-size: 18px; line-height: 28px; font-weight: 600; color: #1A1523; border-radius: 8px;}
html[dir="ltr"] .page-landing #features .block .btns {margin-right: 0.5rem;}
html[dir="rtl"] .page-landing #features .block .btns {margin-left:  0.5rem;}
.page-landing #features .block .btns.btns-youtube {color: #FFFFFF !important; background: #BB0000 !important; border: 0 !important;}
.page-landing #features .block.block-blue {background: rgba(45, 106, 241, 0.1); }
.page-landing #features .block.block-blue .btns {color: #2D6AF1; border: 1px solid rgba(45, 106, 241, 0.2);}
.page-landing #features .block.block-green {margin-top: 8rem; background: rgba(22, 163, 74, 0.1);}
.page-landing #features .block.block-green .btns {color: #16A34A; border: 1px solid rgba(22, 163, 74, 0.2);}
.page-landing #features .block.block-yellow {background: rgba(233, 162, 59, 0.15);}
.page-landing #features .block.block-yellow .btns {color: #E9A23B; border: 1px solid rgba(233, 162, 59, 0.3);}
.page-landing #features .block.block-grey {background: #F4F2F4;}
.page-landing #features .block.block-grey .btns {color: #6F6E77; border: 1px solid rgba(111, 110, 119, 0.2);}
.page-landing #features .block.block-purple {background: rgba(151, 71, 255, 0.05);}
.page-landing #features .block.block-purple .btns {color: #6A32B3; border: 1px solid rgba(106, 50, 178, 0.2);}
.page-landing #features .block.block-rose {background: rgba(163, 35, 24, 0.05);}
.page-landing #features .block.block-rose .btns {color: #A32318; border: 1px solid rgba(163, 35, 24, 0.2);}
.page-landing #features .block.block-blue2 {background: #EAF5FE;}
.page-landing #features .block.block-blue2 .btns {color: #156CB2; border: 1px solid rgba(21, 108, 178, 0.3);}
.page-landing #reviews #reviewsContainer {--bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem;}
.page-landing #reviews .card {margin: 0; padding: 2rem; text-align: start; background: #FFFFFF; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08); border-radius: 16px;}
.page-landing #reviews .card .author {display: block; position: relative; margin: 0 0 2rem 0; padding: 0;}
.page-landing #reviews .card .author img {display: block; position: relative; margin: 0; padding: 0; width: 48px; height: 48px; border-radius: 50%;}
html[dir="ltr"] .page-landing #reviews .card .author img {float: left; margin-right: 1rem;}
html[dir="rtl"] .page-landing #reviews .card .author img {float: right; margin-left: 1rem;}
.page-landing #reviews .card .author div {display: block; position: relative; margin: 0; padding: 0; font-size: 16px; line-height: 24px; font-weight: 600;}
.page-landing #reviews .card .author p {display: block; position: relative; margin: 0; padding: 0; font-size: 16px; line-height: 20px; font-weight: 400; color: #B7B6C4;}
.page-landing #reviews .card p {margin: 0; padding: 0; font-size: 18px; line-height: 32px; font-weight: 400; color: #1A1523;}
.page-landing #rates .period-save {display: inline-block; position: relative; padding: 4px 6px; margin: 0; font-weight: 600; font-size: 10px; line-height: 12px; color: #FFFFFF; background: #16A34A; border: 0px solid #16A34A; border-radius: 3px; vertical-align: middle;}
.page-landing #rates .rate-card {display: block; position: relative; padding: 2rem 1.5rem; margin: 0; text-align: start; background: #2d6af10d; border: 1px solid #F4F2F4; border-radius: 16px;}
.page-landing #rates .rate-card .rate-card-body {display: block; position: relative; padding: 0; margin: 0;}
.page-landing #rates .rate-card .badge-popular {display: block; position: absolute; top:-4px; padding: 4px 10px; margin: 0; font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF; background: rgba(255, 255, 255, 0.2); border: 0; border-radius: 4px;}
html[dir="ltr"] .page-landing #rates .rate-card .badge-popular {right: 0;}
html[dir="rtl"] .page-landing #rates .rate-card .badge-popular {left: 0;}
.page-landing #rates .rate-card img {display: block; position: relative; margin: 0; padding: 0; width: 16px; height: 16px;}
.page-landing #rates .rate-card .rate-icon {display: block; position: relative; margin-bottom: 24px; width: 32px; height: 32px;}
.page-landing #rates .rate-card .rate-icon-1 {background: url('/assets/images/icons/rate-1.svg') no-repeat;}
.page-landing #rates .rate-card .rate-icon-2 {background: url('/assets/images/icons/rate-2.svg') no-repeat;}
.page-landing #rates .rate-card .rate-icon-3 {background: url('/assets/images/icons/rate-3.svg') no-repeat;}
.page-landing #rates .rate-card .rate-icon-4 {background: url('/assets/images/icons/rate-4.svg') no-repeat;}
.page-landing #rates .rate-card .rate-name  {display: block; position: relative; margin: 0; text-transform: uppercase; font-weight: 700; font-size: 12px; line-height: 16px; color: #6F6E77;}
.page-landing #rates .rate-card .rate-amount {display: block; position: relative; margin-bottom: 24px;}
.page-landing #rates .rate-card .rate-amount .price {display: inline-block; position: relative; font-weight: 700; font-size: 20px; line-height: 32px; color: #1A1523;}
.page-landing #rates .rate-card .rate-amount .period {display: inline-block; position: relative; font-weight: 400; font-size: 14px; line-height: 20px; color: #B7B5C4;}
.page-landing #rates .rate-card .btn-purchase {display: block; position: relative; margin: 34px 0; padding: 10px 16px; width: 100%; text-align: center; font-weight: 600; font-size: 14px; line-height: 20px; color: #6F6E77; background: #FDFCFD; border-color: rgba(183, 182, 196, 0.3); border-radius: 8px;}
.page-landing #rates .rate-card .purchase-btns {color: #000000; border: 1px solid #B7B5C4; cursor: pointer; opacity: 1;}
.page-landing #rates .rate-card .rate-features {display: block; position: relative; margin: 0; padding: 0; font-weight: 600; font-size: 14px; line-height: 20px; color: #6F6E77;}
.page-landing #rates .rate-card .rate-features div {display: block; position: relative; margin: 0 0 12px 0; padding: 0; font-weight: 400; font-size: 14px; line-height: 20px; vertical-align: text-top;}
.page-landing #rates .rate-card .rate-features div .feature-check {display: inline-block; position: relative; margin: 0; padding: 0; width: 16px; height: 16px;}
.page-landing #rates .rate-card .rate-features div .feature-check {background: url('/assets/images/icons/rate-check.svg') no-repeat;}
.page-landing #rates .rate-card .rate-features div .feature-check.popular {background: url('/assets/images/icons/rate-check-popular.svg') no-repeat;}
html[dir="ltr"] .page-landing #rates .rate-card .rate-features div .feature-check {margin-right: 8px;}
html[dir="rtl"] .page-landing #rates .rate-card .rate-features div .feature-check {margin-left:  8px;}
.page-landing #rates .rate-card div.text-muted {font-size: 12px; line-height: 18px;}
.page-landing #rates .rate-card.rate-card-green  .purchase-btns {color: #FFFFFF; background: #16A34A; border-color: #16A34A;}
.page-landing #rates .rate-card.rate-card-orange .purchase-btns {color: #FFFFFF; background: #FF9700; border-color: #FF9700;}
.page-landing #rates .rate-card.rate-card-purple .purchase-btns {color: #FFFFFF; background: #7738C8; border-color: #7738C8;}
.page-landing #rates .rate-card.rate-card-popular {background: #2D6AF1; color:#ffffff;}
.page-landing #rates .rate-card.rate-card-popular .purchase-btns {color: #000000; background: #FFFFFF; border-color: #FFFFFF;}
.page-landing #rates .rate-card.rate-card-popular .rate-name,
.page-landing #rates .rate-card.rate-card-popular .rate-amount .price, 
.page-landing #rates .rate-card.rate-card-popular .rate-amount .period,
.page-landing #rates .rate-card.rate-card-popular .rate-features
    {color: #FFFFFF;}
.page-landing #rates .rate-card.rate-card-popular .rate-amount .period {opacity: 0.7;}
.page-landing #contacts {padding: 5rem 1rem; background-image: url("/assets/images/landing-contacts-bg.png"); background-color: rgba(45, 106, 241, 0.05); background-repeat: no-repeat;}
.page-landing #contacts h2 {display: block; position: relative; margin-bottom: 1.5rem;}
.page-landing #contacts h3 {display: block; position: relative; margin-bottom: 2.5rem; font-size: 18px; line-height: 24px; font-weight: 400; color: #6F6E77;}
.page-landing #contacts .card {margin: 0; padding: 2rem; text-align: start; background: #ffffff; box-shadow: 0px 1px 2px rgba(3, 13, 26, 0.08); border-radius: 0;}
.page-landing #contacts .card:first-child {border-radius: 8px 0 0 8px;}
.page-landing #contacts .card:last-child {border-radius: 0 8px 8px 0;}
.page-landing #contacts .card:hover {background: #FDFCFD;}
.page-landing #contacts .card img {display: block; width: 40px; height: 40px; margin-bottom: 1rem;}
.page-landing #contacts .card h4 {display: block; position: relative; margin: 0; padding: 0; font-size: 18px; line-height: 32px; font-weight: 600; color: #1A1523; }
.page-landing #contacts .card p {display: block; position: relative; margin: 0; padding: 0; font-size: 16px; line-height: 24px; font-weight: 400; color: #6F6E77; }
.page-landing #terms {padding: 2rem 1rem; text-align: start;}
.page-landing #terms .terms-header {padding-bottom: 2rem; text-align: center; font-size: 32px; line-height: 42px; font-weight: 600;}
.page-landing #terms p {margin-bottom: .5rem; line-height: 1.4;}
.page-landing #terms .terms-underline {text-decoration: underline;}
.page-landing #about {padding: 2rem 1rem; text-align: start;}
.page-landing #about .about-header {padding-bottom: 2rem; text-align: center; font-size: 32px; line-height: 42px; font-weight: 600;}
.page-landing #about p {margin-bottom: .5rem; line-height: 1.4;}
@media (max-width: 767.98px){
    .page-landing #features .block.block-rose  {margin-bottom: 0;}
    .page-landing #features .block.block-green {margin-top:    0;}
    .page-landing #contacts .card:first-child {border-radius: 8px 8px 0 0; border-bottom: 1px solid #B7B6C422;}
    .page-landing #contacts .card:last-child  {border-radius: 0 0 8px 8px; border-top:    1px solid #B7B6C422;}
}
@media (max-width: 575.98px){
    .navbar-brand-box {display: block; padding: 0 .5rem;}
    .page-landing .navbar-header .btns {padding: 8px 12px;}
    .page-landing .navbar-header .col:first-child {max-width: 20%;}
    .page-landing .navbar-header .col:last-child {min-width: 70%; text-align: end;}
    .page-landing section {padding: 2.5rem 0;}
    .page-landing #home {padding: 2rem 0;}
    .page-landing #home h1 {font-size: 34px; line-height: 46px;}
    .page-landing #home p  {font-size: 22px; line-height: 32px;}
    .page-landing h2 {font-size: 26px; line-height: 36px;}
    .page-landing #features #featuresContainer {--bs-gutter-x: 1rem; --bs-gutter-y: .5rem;}
    .page-landing #features .block {padding: 1rem; margin-bottom: .5rem;}
    .page-landing #features .block img {margin: 0 0 1rem 0;}
    .page-landing #features .block h3 {margin: 0 0 .25rem 0;font-size: 22px; line-height: 30px;}
    .page-landing #features .block p {margin: 0 0 0rem 0;font-size: 18px; line-height: 28px;}
    .page-landing #features .block .btns {padding: 8px 16px;}
    .page-landing #reviews #reviewsContainer {--bs-gutter-x: 1rem; --bs-gutter-y: .5rem;}
    .page-landing #reviews .card {padding: 1rem;}
    .page-landing #reviews .card .author {margin: 0 0 .5rem 0;}
    .page-landing #reviews .card .author img {width: 32px; height: 32px; margin: 0;}
    html[dir="ltr"] .page-landing #reviews .card .author img {margin-right: .5rem;}
    html[dir="rtl"] .page-landing #reviews .card .author img {margin-left:  .5rem;}
    .page-landing #reviews .card .author div {display: inline-block; font-size: 16px; line-height: 32px;}
    .page-landing #reviews .card .author p   {display: inline-block; font-size: 15px; line-height: 32px; padding: 0 4px;}
    .page-landing #reviews .card p {font-size: 15px; line-height: 22px;}
    .page-landing #rates .rate-card {padding: .75rem; height: 100% !important;}
    .page-landing #rates .rate-card .badge-popular {display: none; padding: 2px 4px; top:-10px; font-size: 11px; line-height: 16px;}
    html[dir="ltr"] .page-landing #rates .rate-card .badge-popular {right: -8px;}
    html[dir="rtl"] .page-landing #rates .rate-card .badge-popular {left:  -8px;}
    .page-landing #rates .rate-card .rate-icon {margin-top: 0; margin-bottom: 0; width: 24px; height: 24px; background-size: 24px;}
    html[dir="ltr"] .page-landing #rates .rate-card .rate-icon {float: left; margin-right: .5rem;}
    html[dir="rtl"] .page-landing #rates .rate-card .rate-icon {float: right; margin-left: .5rem;}
    .page-landing #rates .rate-card .rate-name {font-size: 20px; line-height: 24px;}
    .page-landing #rates .rate-card .rate-amount {margin: .75rem .25rem; white-space: nowrap; clear: both;}
    .page-landing #rates .rate-card .rate-amount .price {font-size: 18px; line-height: 22px;}
    .page-landing #rates .rate-card .rate-amount .period {max-width: 140px; font-size: 12px; vertical-align: middle; overflow: hidden;}
    .page-landing #rates .rate-card .rate-amount .annualy {display: block; clear: both;}
    .page-landing #rates .rate-card .purchase-btns, .page-rates .rate-card .btn-purchase {margin: 1rem 0;}
    .page-landing #rates .rate-card .rate-features div {margin-bottom: .25rem; font-size: 13px; line-height: 16px;}
    html[dir="ltr"] .page-landing #rates .rate-card .rate-features div .feature-check {margin-right: 4px;}
    html[dir="rtl"] .page-landing #rates .rate-card .rate-features div .feature-check {margin-left:  4px;}
    .page-landing #rates .rate-card div.text-muted {font-size: 11px; line-height: 16px;}
    .page-landing #contacts {padding: 2.5rem 1rem;}
    .page-landing #contacts h3 {margin-bottom: 1.5rem; font-size: 16px; line-height: 24px;}
    .page-landing #contacts .card {display: block; padding: .75rem 1rem; font-size: 15px;}
    .page-landing #contacts .card img {display: inline-block; margin-bottom: .5rem; width: 32px; height: 32px;}
    .page-landing #contacts .card h4 {display: inline-block; padding: 0 4px; line-height: 32px; vertical-align: top;}
    .page-landing .footer {padding: 1rem 0; font-size: 11px; line-height: 16px;}
}

/* WorkSpace */
.page-psd .mobileNotReadyAlert {display: none;}

.page-ws .mobileNotReadyAlert {display: none;}
.page-ws .page-h1-wrapper {margin-bottom: 1.5rem;}
.page-ws .ws-menu {padding: .5rem;}
.page-ws .ws-menu i {position: relative;}
.page-ws .ws-menu .accordion-button:not(.collapsed) {font-weight1: inherit;}
.page-ws .ws-menu .accordion-button span {display: inline-block; padding: 0 .4rem;}
.page-ws .ws-menu .ws-menu-item {display: block;}
.page-ws .ws-menu .ws-menu-item .ws-menu-item-name {margin-bottom: .25rem; padding-bottom: .25rem; font-weight: bold; border-bottom: 1px solid #ddd;}
.page-ws .ws-menu .ws-menu-item.ws-menu-item-devider hr {margin: .25rem 2rem;}
.page-ws .ws-menu .ws-menu-item a {display: block; padding: .5rem 2rem; color: #495057; vertical-align: middle;}
.page-ws .ws-menu .ws-menu-item a.active {font-weight: bold;}
.page-ws .ws-menu .ws-menu-item a i {top:2px;}
.page-ws .ws-menu .ws-menu-item .select2-selection__clear {padding-right: 20px;}
.page-ws #dataTableSearchWrapper label {font-weight: normal; white-space: nowrap !important;}
.page-ws #dataTableSearchWrapper input {display: inline-block; margin: 0 .25rem;}
@media (max-width: 575.98px){
    .page-psd .page-content-margin-start {margin-top: 50px;}
    .page-psd .page-h1-wrapper {margin-bottom: 1rem;}
    .page-ws .page-content-margin-start {margin-top: 50px;}
    .page-ws .page-h1-wrapper {margin-bottom: 1rem;}
    .page-ws h1 {font-size: 24px;} 
    .page-ws .ws-menu .ws-menu-item {display: inline-block; padding-bottom: 0rem;}
    .page-ws .ws-menu .ws-menu-item a {padding: .75rem .5rem;}
    .page-ws .ws-menu .ws-menu-submenu .ws-menu-item:nth-child(1) a,
    .page-ws .ws-menu .ws-menu-submenu .ws-menu-item:nth-child(4) a {padding-left: 2rem;}
    .page-ws .ws-menu .ws-menu-item.ws-menu-item-devider {display:block;}
    .page-ws .ws-menu .ws-menu-item.ws-menu-item-devider hr {display:none;}
}

/* WorkSpace Todos  */
.todo-list .todo-box {background-color: transparent; border: 1px solid transparent; border-radius: .5rem;}
.todo-list .todo-box:hover {background-color: #ffffff; border: 1px solid #efeff1;}
.todo-list .todo-box .todo-task {padding: .5rem .5rem;}
.todo-list .todo-box .todo-task .ckbox {margin: 0; cursor: pointer; }
html[dir="ltr"] .todo-list .todo-box .todo-task .ckbox {margin-right: 90px;}
html[dir="rtl"] .todo-list .todo-box .todo-task .ckbox {margin-left : 90px;}
                .todo-list .todo-box .btns-todo {position: absolute; margin-top: 7px; padding: 0; z-index: 10;}
html[dir="ltr"] .todo-list .todo-box .btns-todo.btns-todo-edit   {right: 60px; }
html[dir="ltr"] .todo-list .todo-box .btns-todo.btns-todo-delete {right: 20px; }
html[dir="rtl"] .todo-list .todo-box .btns-todo.btns-todo-edit   {left : 60px; }
html[dir="rtl"] .todo-list .todo-box .btns-todo.btns-todo-delete {left : 20px; }
                .todo-list .todo-box.completed .btns-todo        {display: none;}
.todo-list .todo-box .todo-task .ckbox span {display: inline-block; width: 250px;}
.todo-list .todo-box .todo-task .ckbox span::after {top: 2px; font-weight: bolder; color: #16A34A;}
.todo-list .todo-box .todo-task .ckbox i    {color:#666;}
.todo-list .todo-box .todo-task input:checked + span {color:#999;}
.todo-list .todo-box .todo-task input:checked + span + i {color:#ccc;}
@media (max-width: 575.98px){
    .todo-list .todo-box {background-color: #ffffff; border: 1px solid #efeff1; margin-bottom: .5rem;}
    .todo-list .todo-box .todo-task .ckbox {margin: 0 !important;}
    .todo-list .todo-box .todo-task .ckbox i {display: block; width: auto; padding: 0 !important; line-height: 20px;}
}
/* ------- */

.page-rates .mobileNotReadyAlert {display: none;}
.page-rates .page-h1-wrapper {margin-bottom: 1.5rem;}
.page-rates .period-save {display: inline-block; position: relative; padding: 4px 6px; margin: 0; font-weight: 600; font-size: 10px; line-height: 12px; color: #FFFFFF; background: #16A34A; border: 0px solid #16A34A; border-radius: 3px; vertical-align: middle;}
.page-rates .current-rate {font-size: 12px; text-transform: uppercase; color:#B7B5C4;}
.page-rates .current-rate div {white-space: nowrap; overflow: hidden;}
.page-rates .current-rate div span {display: block; font-size: 14px; font-weight: 700; text-transform: none; color: #495057;}
.page-rates .current-rate div.cr-name span {font-size: 16px; text-transform: uppercase;}
.page-rates .current-rate div.cr-name span span {display: inline-block; font-size: 14px !important; text-transform: none; font-weight: 400;}
.page-rates .rate-card {display: block; position: relative; padding: 2rem 1.5rem; margin: 0; background: #FDFCFD; border: 1px solid #F4F2F4; border-radius: 16px;}
.page-rates .rate-card .rate-card-body {display: block; position: relative; padding: 0; margin: 0;}
.page-rates .rate-card .badge-popular {display: block; position: absolute; top:-4px; padding: 4px 10px; margin: 0; font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF; background: rgba(255, 255, 255, 0.2); border: 0; border-radius: 4px;}
html[dir="ltr"] .page-rates .rate-card .badge-popular {right: 0;}
html[dir="rtl"] .page-rates .rate-card .badge-popular {left: 0;}
.page-rates .rate-card img {display: block; position: relative; margin: 0; padding: 0; width: 16px; height: 16px;}
.page-rates .rate-card .rate-icon {display: block; position: relative; margin-bottom: 24px; width: 32px; height: 32px;}
.page-rates .rate-card .rate-icon-1 {background: url('/assets/images/icons/rate-1.svg') no-repeat;}
.page-rates .rate-card .rate-icon-2 {background: url('/assets/images/icons/rate-2.svg') no-repeat;}
.page-rates .rate-card .rate-icon-3 {background: url('/assets/images/icons/rate-3.svg') no-repeat;}
.page-rates .rate-card .rate-icon-4 {background: url('/assets/images/icons/rate-4.svg') no-repeat;}
.page-rates .rate-card .rate-name  {display: block; position: relative; margin: 0; text-transform: uppercase; font-weight: 700; font-size: 12px; line-height: 16px; color: #6F6E77;}
.page-rates .rate-card .rate-amount {display: block; position: relative; margin-bottom: 24px;}
.page-rates .rate-card .rate-amount .price {display: inline-block; position: relative; font-weight: 700; font-size: 20px; line-height: 32px; color: #1A1523;}
.page-rates .rate-card .rate-amount .period {display: inline-block; position: relative; font-weight: 400; font-size: 14px; line-height: 20px; color: #B7B5C4;}
.page-rates .rate-card .btn-purchase {display: block; position: relative; margin: 34px 0; padding: 10px 16px; width: 100%; text-align: center; font-weight: 600; font-size: 14px; line-height: 20px; color: #6F6E77; background: #FDFCFD; border-color: rgba(183, 182, 196, 0.3); border-radius: 8px;}
.page-rates .rate-card .purchase-btns {color: #000000; border: 1px solid #B7B5C4; cursor: pointer; opacity: 1;}
.page-rates .rate-card .rate-features {display: block; position: relative; margin: 0; padding: 0; font-weight: 600; font-size: 14px; line-height: 20px; color: #6F6E77;}
.page-rates .rate-card .rate-features div {display: block; position: relative; margin: 0 0 12px 0; padding: 0; font-weight: 400; font-size: 14px; line-height: 20px; vertical-align: text-top;}
.page-rates .rate-card .rate-features div .feature-check {display: inline-block; position: relative; margin: 0; padding: 0; width: 16px; height: 16px;}
.page-rates .rate-card .rate-features div .feature-check {background: url('/assets/images/icons/rate-check.svg') no-repeat;}
.page-rates .rate-card .rate-features div .feature-check.popular {background: url('/assets/images/icons/rate-check-popular.svg') no-repeat;}
html[dir="ltr"] .page-rates .rate-card .rate-features div .feature-check {margin-right: 8px;}
html[dir="rtl"] .page-rates .rate-card .rate-features div .feature-check {margin-left:  8px;}
.page-rates .rate-card div.text-muted {font-size: 12px; line-height: 18px;}

.page-rates .rate-card.rate-card-green  {background: inherit;}
.page-rates .rate-card.rate-card-green  .purchase-btns {color: #FFFFFF; background: #16A34A; border-color: #16A34A;}
.page-rates .rate-card.rate-card-orange {background: inherit;}
.page-rates .rate-card.rate-card-orange .purchase-btns {color: #FFFFFF; background: #FF9700; border-color: #FF9700;}
.page-rates .rate-card.rate-card-purple {background: inherit;}
.page-rates .rate-card.rate-card-purple .purchase-btns {color: #FFFFFF; background: #7738C8; border-color: #7738C8;}
.page-rates .rate-card.rate-card-popular {background: #2D6AF1; color:#ffffff;}
.page-rates .rate-card.rate-card-popular .purchase-btns {color: #000000; background: #FFFFFF; border-color: #FFFFFF;}
.page-rates .rate-card.rate-card-popular .rate-name,
.page-rates .rate-card.rate-card-popular .rate-amount .price, 
.page-rates .rate-card.rate-card-popular .rate-amount .period,
.page-rates .rate-card.rate-card-popular .rate-features
    {color: #FFFFFF;}
.page-rates .rate-card.rate-card-popular .rate-amount .period {opacity: 0.7;}

.page-rates #billingModal .modal-dialog {max-width:600px;}
.page-rates #billingModal .rate-info {margin: -1px; padding:0; border-radius: 8px 0 0 8px;}
.page-rates #billingModal .rate-card {height: 100%; background: #F4F2F4; border-radius: 8px 0 0 8px;}
html[dir="ltr"] .page-rates #billingModal .rate-card {border-radius: 8px 0 0 8px;}
html[dir="rtl"] .page-rates #billingModal .rate-card {border-radius: 0 8px 8px 0;}
.page-rates #billingModal .badge-popular {display:none;}
.page-rates #billingModal .rate-name  {display: block; position: relative; margin: 0; text-transform: uppercase; font-weight: 700; font-size: 12px; line-height: 16px; color: #6F6E77;}
.page-rates #billingModal .btn-purchase {display:none;}
.page-rates #billingModal .rate-icon {margin-bottom:2rem;}
.page-rates #billingModal .rate-icon-3 {background: url('/assets/images/icons/rate-3-modal.svg') no-repeat;}
.page-rates #billingModal .rate-amount {margin-bottom:2rem;}
.page-rates #billingModal .rate-info {}
.page-rates #billingModal .rate-info {}
.page-rates #billingModal .billing-btns {display:block; position: relative; width:100%; margin: .25rem;}
@media (max-width: 575.98px){
    .page-rates .page-content-margin-start {margin-top: 50px;}
    .page-rates .page-h1-wrapper {margin-bottom: 1rem;}
    .page-rates h1 {font-size: 24px;} 
    #pricingPeriodBtns.btns-group-menu {padding: 4px; white-space: nowrap;}
    #pricingPeriodBtns.btns-group-menu button.btns-group-menu-item {padding: 4px; font-size: 12px; line-height: 18px;}
    #pricingPeriodBtns.btns-group-menu button .period-save {padding: 4px;}
    #pricingCards.row {--bs-gutter-x: 12px; --bs-gutter-y: 12px;}
    .page-rates .current-rate {padding-bottom: 0;}
    .page-rates .current-rate div {padding-bottom: .5rem; font-size: 12px; text-align: center; }
    .page-rates .current-rate div span {font-size: 12px; line-height: 16px;}
    .page-rates .current-rate div.cr-name span {font-size: 14px;}
    .page-rates .current-rate div.cr-name span span {font-size: 11px;}
    .page-rates .rate-card {padding: .75rem; height: 100% !important;}
    .page-rates .rate-card .badge-popular {display: none; padding: 2px 4px; top:-10px; font-size: 11px; line-height: 16px;}
    html[dir="ltr"] .page-rates .rate-card .badge-popular {right: -8px;}
    html[dir="rtl"] .page-rates .rate-card .badge-popular {left:  -8px;}
    .page-rates .rate-card .rate-icon {margin-top: 0; margin-bottom: 0; width: 24px; height: 24px; background-size: 24px;}
    html[dir="ltr"] .page-rates .rate-card .rate-icon {float: left; margin-right: .5rem;}
    html[dir="rtl"] .page-rates .rate-card .rate-icon {float: right; margin-left: .5rem;}
    .page-rates .rate-card .rate-name {font-size: 20px; line-height: 24px;}
    .page-rates .rate-card .rate-amount {margin: .75rem .25rem; white-space: nowrap; clear: both;}
    .page-rates .rate-card .rate-amount .price {font-size: 18px; line-height: 22px;}
    .page-rates .rate-card .rate-amount .period {max-width: 140px; font-size: 12px; vertical-align: middle; overflow: hidden;}
    .page-rates .rate-card .rate-amount .annualy {display: block; clear: both;}
    .page-rates .rate-card .purchase-btns, .page-rates .rate-card .btn-purchase {margin: 1rem 0;}
    .page-rates .rate-card .rate-features div {margin-bottom: .25rem; font-size: 13px; line-height: 16px;}
    html[dir="ltr"] .page-rates .rate-card .rate-features div .feature-check {margin-right: 4px;}
    html[dir="rtl"] .page-rates .rate-card .rate-features div .feature-check {margin-left:  4px;}
    .page-rates .rate-card div.text-muted {font-size: 11px; line-height: 16px;}
    
    .page-rates #billingModal .modal-header {padding: .5rem 1rem;}
    .page-rates #billingModal .modal-title {padding: 0; font-size: 18px; line-height: 24px;}
    html[dir="ltr"] .page-rates #billingModal .rate-card {padding-right: 4px;}
    html[dir="rtl"] .page-rates #billingModal .rate-card {padding-left:  4px;}
    .page-rates #billingModal .rate-card .rate-name {font-size: 20px; line-height: 24px;}
    .page-rates #billingModal .rate-card .rate-icon {margin-top: 0; margin-bottom: 0; width: 24px; height: 24px; background-size: 24px;}
    .page-rates #billingModal .rate-amount {margin: 1.5rem .5rem;}
    .page-rates #billingModal .billing-btns.mb-4 {margin-bottom: .75rem !important;}
}

.page-contacts .mobileNotReadyAlert {display: none;}
.page-contacts #contacts {padding-bottom: 4rem; background: none;}
.page-contacts #contacts img.image {max-width: 100%;}
.page-contacts #contacts .title h2 {margin-bottom: 1.5rem; font-weight: 700; font-size: 32px; line-height: 40px; text-transform: capitalize; color: #000000;}
.page-contacts #contacts .title p  {margin-bottom: 2.0rem;  font-weight: 400; font-size: 16px; line-height: 24px; color: #1A1523;}
.page-contacts #contacts .card  {margin-bottom: 0; padding: 2rem; border-radius: 0;}
.page-contacts #contacts .card:first-child {border-radius: 8px 8px 0 0; border-bottom: 1px solid #B7B6C422;}
.page-contacts #contacts .card:last-child  {border-radius: 0 0 8px 8px; border-top:    1px solid #B7B6C422;}
.page-contacts #contacts .card:hover {background: #FFFFFF;}
.page-contacts #contacts .card img {margin-bottom: 1rem;}
.page-contacts #contacts .card h4 {margin-bottom: 8px; font-weight: 600; font-size: 18px; line-height: 32px; color: #1A1523;}
.page-contacts #contacts .card p  {margin-bottom: 8px; font-weight: 400; font-size: 16px; line-height: 24px; color: #6F6E77; max-width: 300px;}
.page-contacts #contacts .card a  {margin-bottom: 8px; font-weight: 400; font-size: 16px; line-height: 24px;}
.page-contacts #contacts .card button {display: inline-block; padding: 0; margin: 0; margin-bottom: 8px; font-weight: 400; font-size: 16px; line-height: 24px; color: #0168f5; border: 0; background: none;}

.page-landing.page-contacts #layout-wrapper {background: url('/assets/images/page-contacts-bg.png') repeat-x;}
.page-landing.page-contacts #contacts {padding-bottom: 2rem;}
.page-landing.page-contacts #contacts .title h2 {margin-bottom: 2rem; font-weight: 700; font-size: 48px; line-height: 64px; text-align: center; color: #28282C;}
.page-landing.page-contacts #contacts .title p  {margin-bottom: 84px; font-weight: 400; font-size: 24px; line-height: 32px; text-align: center;}
@media (min-width: 767.98px){
    .page-contacts #contacts {padding-bottom: 2rem;}
    .page-landing.page-contacts #contacts {padding: 5rem 8rem 2rem;}
}
@media (max-width: 575.98px){
    .page-contacts .page-content-margin-start {margin-top: 50px;}
    .page-contacts #contacts {padding: .25rem;}
    .page-landing.page-contacts #contacts {padding: 1rem 1rem 2rem;}
    .page-contacts #contacts .title h2,
    .page-landing.page-contacts #contacts .title h2 {margin-bottom: 1rem; font-size: 28px; line-height: 36px; text-align: center;}
    .page-contacts #contacts .title p,
    .page-landing.page-contacts #contacts .title p  {margin-bottom: 0rem; font-size: 18px; line-height: 28px; text-align: center;}
    .page-contacts #contacts img.image {display: block; margin: 0 auto; width: 70%; }
    .page-contacts #contacts .card {padding: 1rem;}
    .page-contacts #contacts .card img {margin-bottom: .5rem; width: 24px; height: 24px;}
    .page-contacts #contacts .card h4  {display:inline-block; margin: 0; font-size: 16px; line-height: 26px;}
    .page-contacts #contacts .card p   {margin-bottom: 4px; font-size: 14px; line-height: 20px;}
}

.cp-ws-widget-chat-unread-message-wrapper {padding: .5rem .25rem .25rem; background-color: #FFFFFF; border: 1px solid #eee; border-radius: 6px; box-shadow: 0 5px 10px #eee;}
.cp-ws-widget-chat-unread-message-wrapper:hover {background-color: transparent; border: 1px solid #f5f5f5;}
.cp-ws-widget-chat-unread-message {margin-bottom: .25rem; padding: .125rem 0; background-color: #F4F2F4; border-radius: 6px;}

.header-item-btn-with-close {position: relative;}
.header-item-btn-with-close span.icon-close {display: none; position: absolute; font-size: 14px !important;}
.header-item-btn-with-close span.icon-num {display: block; position: absolute; font-size: 12px; line-height: 1; padding: .1rem .25rem; top: 18px;}
.header-item-btn-with-close.text-danger span.icon-close {display: block;}
.header-item-btn-with-close.text-danger span.icon-num   {display: none;}
.header-item-btn-with-close span.icon-close i {display: block; position: absolute; top: -30px;}
html[dir="ltr"] .header-item-btn-with-close span.icon-close i {right: -35px;}
html[dir="rtl"] .header-item-btn-with-close span.icon-close i {right: 20px;}
html[dir="ltr"] .header-item-btn-with-close span.icon-num {left: 24px;}
html[dir="rtl"] .header-item-btn-with-close span.icon-num {right: 24px;}

/* Client Part */
.part-client .page-content .page-content-margin-start {margin-top:0;}
.part-client h2 {font-weight: 700; font-size: 24px; line-height: 32px;}
.part-client .navbar-brand-box span > span {display: inline-block; padding: 2px 12px; color: #FFFFFF; font-weight: 400; font-size: 14px; line-height: 28px; background: #2D6AF1; border-radius: 28px;}
html[dir="ltr"] .part-client .navbar-brand-box span > span {margin-left:  12px;}
html[dir="rtl"] .part-client .navbar-brand-box span > span {margin-right: 12px;}
.part-client #page-header-user-dropdown .user-name {border-radius: 8px; background: #F94144;}
.part-client.page-main h2 {font-size: 24px; line-height: 40px; font-weight: 600; color: #1A1523;}
.part-client.page-main .card-body {padding: 0;}
.part-client.page-main .userinfo-wrapper .userinfo-logo img {border-radius: 8px;}
.part-client.page-main .docs-requests-list .dr-state {margin-bottom: 0.5rem; height: 22px;}
.part-client.page-main .docs-requests-list .dr-state button {margin: 0 5px; height: 22px;}
.part-client.page-main .docs-requests-list .dr-name {margin-bottom: 0.5rem; min-height: 48px; font-size: 16px; line-height: 24px; font-weight: 600; color: #1A1523;}
.part-client .requests-list-item-header {margin-bottom: .5rem; padding: .5rem; font-weight: 700; font-size: 12px; text-transform: uppercase; color:#B7B6C4;}
.part-client .partners-list > div {margin:0 0 0.5rem 0; padding: 0.5rem; min-height: 90px; border: 1px solid #ddd; border-radius: 16px; clear: both; cursor: pointer; }
.part-client .partners-list > div.active {background-color: #F4F2F4; cursor: unset; opacity: 0.7;}
.part-client .partners-list > div:hover  {background-color: #F4F2F4; }
.part-client .partners-list .partner-logo {display: inline-block; position: relative; margin:0 0.5rem 0 0; padding: 0; width: 72px; max-height: 72px; border-radius: 16px; }
.part-client .partners-list .partner-logo img {display: inline-block; position: relative; max-width: 100%; vertical-align: middle;}
.part-client .partners-list .partner-icon {display: block; position: relative; float:left; margin:0 0.5rem 0 0; padding: 24px 12px 12px; width: 72px; height: 72px; text-align: center; font-size: 20px; font-weight: 800; line-height: 24px; color: #FFFFFF; background-color: #F3722C; border-radius: 16px; }
.part-client .partners-list .partner-name {display: inline-block; position: relative; color: #1A1523; font-size: 16px; font-weight: 600; line-height: 40px;}
@media (max-width: 767.98px){
    .part-client .page-content .page-content-margin-start {margin-top:45px;}
    .part-client.page-main h2 {font-size: 20px;}
    .part-client.page-main .card {margin-bottom: 0.5rem; padding: 0.5rem;}
    .part-client.page-main .card-body {padding: 0.5rem;}
    
    .part-client.page-main .modal .text-muted {display: block;}
    .part-client.page-main .modal .dropify-wrapper .dropify-message p {font-size: 18px;}
    .part-client .partners-list > div {text-align: center; }
    .part-client .partners-list .partner-logo {margin: 0 auto 0.5rem; float:none;}
    .part-client .partners-list .partner-icon {margin: 0 auto 0.5rem; float:none;}
    .part-client .partners-list .partner-name {line-height: 24px;}
}
/* ------ */

#partnerSwitchModal select option:disabled {font-style: italic; color: #bbb;}

.system-help-item {margin: 0; padding: 0; border: 0px solid #aaa;}
.system-help-item + .system-help-item {margin-top: 1.5rem;}
.system-help-item .help-item-title {font-size: 18px; font-weight: 700; line-height: 1.4; color: #222; }
.system-help-item .help-item-text {padding-bottom: 10px; font-size: 14px;}

/* EXTERNAL CSS */
.keyboard-shorcut {display: none !important;}
button#enable-toolbar-trigger {padding-bottom: 5px !important;}