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

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

a {
    text-decoration: none;
    outline: none;
}

.acor-hide {
    display: none;
}
/*input.form-control {
    text-transform: inherit !important;
}*/


input.form-control {
    text-transform: none !important;
}

.form-control,
input,
textarea {
    text-transform: none !important;
}

    input:focus,
    select:focus {
        box-shadow: none !important;
        outline: none !important;
    }

body {
    font-family: "Poppins", sans-serif !important;
    font-weight: 400;
    /* background: #F8FBFF; */
    background-color: #ffffff;
    /*    overflow-x: hidden;*/
    overflow: hidden;
}

button:focus {
    box-shadow: none;
    outline: none;
}

table th,
table td {
    padding: 13px 15px !important;
}

.w-20 {
    width: 20px;
}

button.btn.btn-primary {
    background-color: #1b6dba;
    border-radius: 5px;
    padding: 9px 35px;
    font-weight: 400;
    font-size: 17px;
}

button.btn.btn-secondary {
    border-radius: 5px;
    padding: 9px 30px;
    background-color: #fff;
    border: 1px solid #6c757d;
    color: #6c757d;
    font-weight: 600;
}

header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 1030;
}

a.navbar-brand > img {
    width: 249px;
    margin: -7px 0;
}

ul.navbar-nav > li > a {
    font-weight: 500;
    margin: 0 0px;
    padding: 10px 24px !important;
    border-radius: 14px;
    line-height: 50px;
    color: #595959 !important;
    font-size: 17px;
    font-family: "Poppins", sans-serif;
}

ul.navbar-nav > li > a.nav-link.active {
    color: #1b6dba;
    font-weight: 600;
    border-bottom: 1px solid #1b6dba;
    background-color: transparent;
    border-radius: 0px;
}

div#navbarSupportedContent {
    /*    margin-left: 30px;*/
    margin-left: 18px;
}

header nav {
    box-shadow: 0px 0px 0px #000;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 12px !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
    color: #1b6db5;
}

header > .container-fluid > nav.navbar.navbar-expand-lg {
    padding: 0 0 0px 0 !important;
}

.appname > p {
    font-weight: 500;
    font-size: 12px;
    max-width: 110px;
    text-align: right;
    border-right: 0;
    padding-right: 16px;
    text-transform: capitalize;
}

.appname a.btn.btn-secondary.dropdown-toggle {
    height: 46px;
    margin: -5px -1px -5px 0;
    vertical-align: middle;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background-color: #1b6dba;
}

.appname a.btn.btn-secondary.dropdown-toggle::after {
    margin-top: 16px;
    font-size: 15px;
}

.appname a.btn.btn-secondary.dropdown-toggle ul.dropdown-menu.show {
    right: 0;
    left: auto;
    top: 41px;
    border: 1px solid #1b6dba;
}

form.d-flex.mainsearchbar {
    position: relative;
    width: 30%;
    margin-top: 12px;
}

form.mainsearchbar button {
    border: 0;
    background-color: #0d6fc7;
    width: 38px;
    height: 38px;
    border-radius: 50px;
    position: absolute;
    right: 0;
    padding: 0;
    line-height: 0;
}

form.mainsearchbar button > img {
    filter: invert(1);
    width: 17px;
}

form.d-flex.mainsearchbar > input {
    border-radius: 0;
    padding-right: 19px;
    font-size: 15px;
    height: 40px;
    border: 0;
    margin-left: 0 !important;
    padding-left: 51px;
}

form.mainsearchbar.d-flex > img {
    width: 23px;
    position: absolute;
    left: 18px;
    top: 9px;
    opacity: 0.7;
}

form.d-flex.mainsearchbar > input::placeholder {
    font-size: 13px;
    font-weight: 400;
}

#navbarSupportedContent > ul > li {
    margin-right: 10px;
}

.rightcontainer.d-flex {
    align-items: center;
}

.notification > a {
    margin: 0px 4px 0px 19px;
    padding: 0 10px;
}

    .notification > a > img {
        width: 30px;
    }

.userprofile .dropdown > button {
    background: transparent !important;
    border: 0;
    display: flex;
}

.userprofile ul.dropdown-menu.show {
    right: 20px;
    left: auto;
    background-color: #ffffff;
    border-radius: 14px;
    border: 1px solid #0d6fc752;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    margin-top: 6px;
}

    .userprofile ul.dropdown-menu.show > li > a {
        color: #fff;
        font-weight: 500;
        font-size: 15px;
        border-bottom: 1px solid rgb(255 255 255 / 25%);
        padding: 9px 20px;
    }

    .userprofile ul.dropdown-menu.show > li:last-child > a {
        border: 0;
    }

.userprofile ul.dropdown-menu.show {
    padding: 4px 0;
    overflow: hidden;
}

    .userprofile ul.dropdown-menu.show > li > a {
        color: #0d6fc7;
        font-weight: 500;
        font-size: 12px;
        border-bottom: 1px solid rgb(255 255 255 / 25%);
        padding: 3px 20px;
    }

    .userprofile ul.dropdown-menu.show > li:last-child {
        border: 0;
    }

    .userprofile ul.dropdown-menu.show > li {
        border-bottom: 1px solid #0d6fc73b;
    }

        .userprofile ul.dropdown-menu.show > li > a:hover {
            color: #0d6fc7;
        }

.userprofile .dropdown > button > img {
    width: 54px;
}

.userprofile span.username > i {
    color: #000;
}

.language-dropdown select.form-select {
    padding: .375rem 2.25rem .375rem .75rem;
}

section.create-clients :not(.btn-check) + .btn:active {
    background: transparent;
}

span.username {
    color: #000;
    font-weight: 500;
    display: grid;
    text-align: left;
    margin-left: 5px;
    margin-top: 11px;
}

.userprofile i.fa-sharp.fa-solid.fa-sort-down {
    position: absolute;
    right: 28px;
}

.profilegrid {
    font-size: 14px;
    font-weight: 500;
}

.namegrid {
    font-size: 15px;
}

    .namegrid > i {
        font-size: 14px;
        position: relative;
        top: -1px;
    }

body.home main {
    min-height: calc(100vh - 148px);
}

main {
    min-height: calc(100vh - 148px);
}

.EnvelopeUsage-main .innertitle h4 {
    font-weight: 500;
    font-size: 19px;
}

.EnvelopeUsage-main {
    padding: 10px 11px 18px 11px;
}

    .EnvelopeUsage-main .innertitle {
        padding-left: 10px;
        padding-right: 10px;
    }

.sectionui.EnvelopeUsage-main {
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 56px;
}

.envelopeUsage-content table td {
    font-weight: 500;
    font-size: 15px;
}

.countergrid {
    border: 1px solid #d9d9d9;
    padding: 5px 16px;
    border-radius: 14px;
    box-shadow: 0 15px 24px #1e78c70d;
    border-bottom: 2px solid #1e78c7;
    margin-top: 8px;
}

.sectiontitle > h3 {
    font-size: 21px;
    font-weight: 700;
    text-transform: capitalize;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.countercontent > h2 {
    font-weight: bold;
    font-size: 31px;
    margin-top: -12px;
    color: #1b6db5;
    margin-bottom: 3px;
}

.countercontent > p {
    font-size: 14px;
    font-weight: 700;
    margin-top: 4px;
}

.countergrid > .d-flex {
    justify-content: space-between;
}

.countericons {
    display: inline-flex;
}

    .countericons > img {
        width: 35px;
    }

.innertitle > h4 {
    font-size: 19px;
    font-weight: 500;
}

.sectionui {
    border: 1px solid #ececec;
    padding: 10px 30px;
    border-radius: 14px;
    box-shadow: 0 15px 24px #1e78c70d;
    border-bottom: 1px solid #1e78c7;
    margin-top: 8px;
}

.innertitle > h4 {
    font-weight: 500;
    font-size: 19px;
}

.innertitle {
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 6px;
    margin-bottom: 9px;
}

footer p {
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
    border-top: 1px solid #ccc;
    padding-top: 18px;
    padding-bottom: 18px;
    font-weight: 500;
}

.actionbuttons > ul {
    padding-left: 0;
    display: flex;
    list-style: none;
    margin-bottom: 7px;
}

    .actionbuttons > ul > li > a {
        display: flex;
        width: 40px;
        height: 40px;
        background-color: #1b6db5;
        margin-right: 8px;
        border-radius: 40px;
        box-shadow: 0px 7px 5px rgb(27 109 181 / 26%);
    }

        .actionbuttons > ul > li > a > img {
            filter: invert(1);
            width: 26px;
            margin: 0 auto;
        }

.table-wrapper table {
    font-size: 15px;
    font-weight: 500;
}

    .table-wrapper table tr th, table thead tr th {
        font-weight: 600;
        border: 0;
        padding: 14px 7px !important;
    }

.actionbuttons > select option {
    font-weight: 700;
}

.actionbuttons > select {
    border: 1px solid #1b6db5;
    height: 42px;
    font-weight: 800;
    color: #1b6db5;
    cursor: pointer;
}

.table-wrapper table td > p > a {
    color: #000;
}

form.d-flex.tablesearchmain {
    margin: 10px 0;
    width: 100%;
}

form.tablesearchmain > input {
    width: 100%;
    border: 1px solid #1b6db52b !important;
    border-radius: 12px !important;
    padding: 0px 53px !important;
    height: 45px !important;
}

form.mainsearchbar.d-flex.tablesearchmain > img {
    top: 11px;
    opacity: 0.7;
}

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

    .actionbuttons ul.dropdown-menu.show li > a {
        border-bottom: 1px solid #ccc;
        padding: 12px 17px;
    }

    .actionbuttons ul.dropdown-menu.show li:last-child > a {
        border-bottom: 0;
    }

.statuslabel {
    display: inline-grid;
    padding: 5px 22px;
    color: #fff;
    font-size: 14px;
    border-radius: 43px;
    margin-top: -5px;
    min-width: 82px;
    text-align: center;
}

.completedlabel {
    background-color: rgb(255 255 255);
    border: 1.5px solid rgb(2 146 91);
    color: rgb(2 146 91);
    font-weight: 700;
}

.onholdlabel {
    background-color: rgb(255 255 255);
    border: 1.5px solid #00104d;
    color: #00104d;
    font-weight: 700;
}

.currentlabel {
    background-color: rgb(255 255 255);
    border: 1.5px solid rgb(27 109 181);
    color: rgb(27 109 181);
    font-weight: 700;
}

img.tablefilter {
    width: 16px;
    float: right;
    /* margin-top: 5px; */
}

.form-check-input:checked[type="checkbox"] {
    background-color: #1b6db5;
    box-shadow: 3px 7px 10px rgb(27 109 181 / 13%) !important;
}

.form-check > input {
    background-color: #ffffff;
    /*box-shadow: 3px 7px 10px rgb(27 109 181 / 13%);*/
    border: 1px solid #1b6dba;
    cursor: pointer;
}

.form-check-input {
    width: 1.1em;
    height: 1.1em;
}

input#flexCheckDefault {
    width: 18px;
    height: 18px;
}

.table-wrapper table td > p.name {
    font-size: 14px;
}

.filterpanel .filterlist ul > li.stepfilter > .form-check {
    padding-left: 10px;
    cursor: pointer;
    padding-top: 3px;
    padding-bottom: 3px;
}

.filterpanel .filterlist ul {
    padding-left: 0;
    list-style: none;
}

    .filterpanel .filterlist ul > li.active {
        background-color: rgb(27 109 186);
        border-bottom-left-radius: 7px;
        border-top-left-radius: 7px;
        color: #fff;
    }

.col-lg-12.filterlist {
    padding: 0;
}

.filterpanel .filterlist ul > li {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 600;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .filterpanel .filterlist ul > li input {
        margin-right: 10px;
    }

    .filterpanel .filterlist ul > li span {
        margin-top: 1px;
        display: inline-flex;
        text-transform: capitalize;
    }

.filterpanel-body {
    /*  background-color: #f3f3f3;
  padding-top: 20px;
  padding-left: 0px!important;
height: calc(100vh - 100px);
padding-right: 0px!important;*/
    /*padding-right: 0px !important;*/
    background: #fff;
    padding: 20px;
    border-right: 1px solid #eee;
}

    .filterpanel-body .sectiontitle.mb-3 > h3 {
        font-size: 20px;
    }

    .filterpanel-body hr {
        border-color: #676767;
        margin: 10px 0;
    }

.stepfilter {
    border: 1px solid #ccc;
    padding: 0px 14px 15px 14px !important;
    margin-top: 11px;
    margin-bottom: 11px !important;
    margin-right: 10px;
}

    .stepfilter h4.filterinnerheading {
        font-size: 18px;
        font-weight: 700;
        margin-top: -10px;
        background-color: #f3f3f3;
        display: table;
        padding: 0 9px 0 0px;
        margin-bottom: 14px;
    }

li.stepfilter > .form-check:last-child {
    margin-bottom: 0;
}

li.stepfilter > .form-check {
    margin-bottom: 11px;
}

.datearea {
    font-size: 13px;
    font-weight: 700;
    margin-top: 22px;
    margin-bottom: 5px;
    text-align: center;
}

    .datearea > img {
        width: 16px;
        margin-right: 5px;
        margin-top: -3px;
    }

.table-wrapper table td > p {
    margin-bottom: 0;
}

.table-wrapper td {
    font-weight: 400;
    border: 0;
    vertical-align: middle;
}

.envelopinfo > h5 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
}

.envelopinfo {
    text-transform: capitalize;
    padding: 6px 12px 22px 0px;
    position: relative;
}

    .envelopinfo:before {
        content: "";
        display: block;
        height: 132%;
        width: 0.5px;
        background-color: #ccc;
        position: absolute;
        right: -10px;
        top: 0;
    }

.envelopinfo-inner {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

    .envelopinfo-inner > p > strong {
        margin-right: 7px;
        display: block;
    }

    .envelopinfo-inner > p {
        margin-bottom: 0;
    }

.midsec-info {
    text-transform: capitalize;
    border: 0;
    padding: 0px 0px 13px;
    margin: 0px 0 10px 10px;
}

.docstatus > h3 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 7px;
    display: flex;
    align-items: center;
}

span.docstatuslable {
    background-color: rgb(255 255 255);
    border: 1.5px solid #958f00;
    color: #958f00;
    font-weight: 700;
    padding: 10px 12px;
    margin-left: 8px;
    border-radius: 70px;
    font-size: 15px;
    text-transform: capitalize;
}

.midsec-info ul.d-flex.pl-0.mb-0 {
    padding-left: 0;
    list-style: none;
    margin-top: 0;
}

    .midsec-info ul.d-flex.pl-0.mb-0 > li {
        margin-right: 19px;
        border: 1px solid #1b6db5;
        padding: 10px 20px;
        color: #1b6db5;
        font-weight: 800;
    }

.featurebuttons ul {
    list-style: none;
    padding-left: 0;
}

    .featurebuttons ul > li {
        width: 40px;
        margin-left: 13px;
        background-color: #1b6db5;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 4px;
        border-radius: 0px;
    }

        .featurebuttons ul > li img {
            filter: invert(1);
            width: 22px;
            margin: 0 auto;
        }

.buttongroup {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .buttongroup > .btn-download {
        display: flex;
        font-weight: 600;
        background-color: #1b6db5;
        padding: 6px 19px;
        border-radius: 40px;
        justify-content: center;
        align-items: center;
        color: #fff;
        border: 0;
        margin: 14px 0;
        font-size: 14px;
    }

        .buttongroup > .btn-download > img {
            width: 17px;
            filter: invert(1);
            margin-right: 10px;
        }

        .buttongroup > .btn-download:focus {
            background-color: #0d5594;
            color: #fff;
        }

p.numberofsign > strong {
    width: 33px;
    height: 33px;
    display: inline-block;
    text-align: center;
    color: #1b6db5;
    margin-left: -4px;
    font-size: 18px;
    vertical-align: revert;
    position: relative;
    top: 2px;
}

p.numberofsign {
    font-size: 15px;
    font-weight: 600;
    margin-top: 9px;
    margin-bottom: 0;
}

h6.signingo span.locationfeature {
    width: 25px;
    margin-left: 5px;
}

    h6.signingo span.locationfeature > a > img {
        filter: brightness(0.5);
    }

span.locationfeature {
    width: 40px;
    display: inline-flex;
    margin-left: 15px;
}

.envelopedetail-wrapper > .row:nth-child(2) {
    border-bottom: 1px solid #ccc;
}

.table-wrapper thead {
    border-bottom: 1px solid #979797;
    border-top: 1px solid #fff;
    background: #f6f8fb;
}

.appname {
    border: 1px solid #2196f3;
    text-align: center;
    padding: 5px 1px 5px 12px;
    border-radius: 7px;
    display: flex;
}

span.dropbox {
    padding: 0 10px;
    margin-top: 3px;
}

.filterpanel .filterlist ul.pl-0 > li:hover {
    background-color: rgb(150 169 187);
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    color: #fff;
}

    .filterpanel .filterlist ul.pl-0 > li:hover a {
        color: #fff;
        font-weight: 500;
    }

.col-lg-12.filterlist > ul > li.stepfilter {
    background: transparent !important;
    color: #000 !important;
}

.filterpanel .filterlist ul.pl-0 > li .form-check:hover {
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
}

.col-lg-12.filterlist > ul > li.stepfilter {
    background: transparent !important;
    color: #000 !important;
    padding-right: 0 !important;
}

.waitingother {
    background-color: rgb(255 255 255);
    border: 1.5px solid #958f00;
    color: #958f00;
    font-weight: 700;
}

.expsoon {
    background-color: rgb(255 255 255);
    border: 1.5px solid #c70000;
    color: #c70000;
    font-weight: 700;
}

.appname
a.btn.btn-secondary.dropdown-toggle
ul.dropdown-menu.show > li:last-child > a {
    border: 0;
}

.appname a.btn.btn-secondary.dropdown-toggle ul.dropdown-menu.show a {
    border-bottom: 1px solid #ccc;
    width: 92%;
    margin: 0 auto;
    padding-left: 6px;
    font-size: 12px;
}

.font15 {
    font-size: 15px;
    text-align: center;
}

td.subjecttd > p:nth-child(1) > a {
    width: 370px;
    max-height: 87px;
    margin-bottom: 0;
    display: block;
}

td.subjecttd > p:nth-child(1) > span {
    display: block;
    font-size: 14px;
}

.envelopeUsage-content table {
    width: 100%;
}

#chart1 {
    display: flex;
    justify-content: center;
}

h6.signingo p {
    font-size: 15px;
}

.envelopeUsage-legend {
    display: flex;
    justify-content: space-evenly;
    font-size: 13px;
    font-weight: 600;
}

    .envelopeUsage-legend > .infogrids > span {
        width: 10px;
        height: 10px;
        display: inline-flex;
        margin-right: 4px;
        border-radius: 50%;
    }

    .envelopeUsage-legend > .infogrids > .colorgrid-1 {
        background-color: #249efa;
    }

    .envelopeUsage-legend > .infogrids > .colorgrid-2 {
        background-color: #24e5a4;
    }

    .envelopeUsage-legend > .infogrids > .colorgrid-3 {
        background-color: #fcba39;
    }

.tabwrapper .wrapper {
    text-align: center;
}

.tabwrapper .tabs ul {
    font-size: 15px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    background: #ffffff;
    display: flex;
    border-radius: 0;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0px auto 10px auto;
    border-bottom: 1px solid #d3d3d3;
    gap: 36px;
}
/* ul#pills-tab > li {
  width: 19%;
} */
.tabwrapper .tabs a.completed > img {
    width: 26px;
    margin-bottom: -12px;
    position: relative;
    top: -7px;
    margin-left: 1px;
    display: inline !important;
}

.tabwrapper .tabs a {
    text-decoration: none;
    color: #2c2c2c;
    text-transform: capitalize;
    padding: 10px 10px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition-duration: 0.6s;
    font-weight: 500;
    width: 100%;
    font-size: 17px;
}

    .tabwrapper .tabs a.active {
        border-bottom: 1px solid #1b6dba;
    }

    .tabwrapper .tabs a i {
        margin-right: 5px;
    }

.tabwrapper .tabs .selector {
    height: 85%;
    display: inline-block;
    position: absolute;
    left: 10%;
    top: 4px;
    z-index: 1;
    border-radius: 10px;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    background: #ffffff;
}

.tabwrapper {
    margin-top: 17px;
}

.tabscontentarea-wrapper {
    margin-top: 0px;
}
/*.createapplication-wrapper .tabscontentarea-wrapper{
  width: 80%;
}*/
.actiondelete-button > a > img {
    width: 22px;
}

.createbutton {
    text-align: center;
    border: 2px dashed #ffc43d;
    display: block;
    width: 50%;
    margin: 21px auto 0 auto;
    padding: 20px 0;
}

    .createbutton > h4 {
        font-weight: 700;
        text-transform: uppercase;
    }

    .createbutton > .btn.btn-create {
        background-color: #1b6dba;
        color: #fff;
        border-radius: 22px;
        padding: 10px 40px;
        font-size: 14px;
        font-weight: 500;
        margin: 9px 0 0px 0;
    }

.filterpanel .filterlist ul > li.active span > a {
    color: #fff;
}

.filterpanel .filterlist ul > li span > a {
    color: #000;
}

.settingsidebar li {
    margin-bottom: 8px !important;
}

.btn.btn-create {
    background-color: #1b6dba;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 12px;
    border-radius: 6px;
    /*  width: 220px;*/
    height: 45px;
    line-height: 22px;
}

    .btn.btn-create:hover {
        background-color: #1b6dba;
        color: #fff;
    }

.activity-log-bdy .btn.btn-create {
    width: 100px;
}

button.btn.btn-create i.fa-solid.fa-plus {
    margin-right: 3px;
    font-size: 17px;
    position: relative;
    top: 1px;
}

.settingmaincontainer {
    width: 100%;
    margin-left: 20px;
    margin-top: 12px;
    max-width: calc(83% - 22px);
    padding-right: 50px;
}

    .settingmaincontainer .sectiontitle > h3 {
        font-size: 19px;
    }

.settingrightrow {
    background: #f7f7f7;
    height: 89.5vh;
    width: 100px;
}

.setting-rightsidbar ul {
    padding-left: 0;
    list-style: none;
}

.bottomticky ul li img {
    width: 21px;
    filter: invert(1);
    margin-top: 0;
}

.bottomticky ul li > div > a {
    text-align: center;
    background-color: #1b6dba;
    width: 38px;
    height: 38px;
    border-radius: 26%;
    display: flex;
    margin-top: 9px !important;
    justify-content: center;
    margin-right: 0;
    margin-left: auto;
}

.bottomticky {
    position: absolute;
    right: 0;
    bottom: 0;
}

.col-lg-2.col-sm-12.settingrightrow {
    position: relative;
    width: 68px;
}

.sidebartoggle .settingmaincontainer {
    width: calc(72% - 100px);
}

.sidebartoggle .col-lg-2.col-sm-12.settingrightrow {
    width: 16%;
}

.searchbaricon img {
    width: 21px;
}

.searchbaricon {
    display: flex;
    justify-content: end;
    margin-top: 10px;
    margin-right: 18px;
}

    .searchbaricon > a {
        background-color: #fff;
        width: 41px;
        height: 40px;
        text-align: center;
        border-radius: 7px;
        border: 1px solid #1b6dba;
        margin-top: 1px;
    }

        .searchbaricon > a > img {
            margin-top: 9px;
        }

.actiondelete-button > a {
    margin: 0 3px;
}

.actiondelete-button {
    width: 106px;
}

.innerlisting-wrapper > ul > li {
    font-size: 13px;
    font-weight: 600;
    margin: 15px 4px 0 4px;
}

.innerlisting-wrapper > ul > li {
    padding-bottom: 3px;
}

    .innerlisting-wrapper > ul > li:last-child {
        border: 0;
    }

    .innerlisting-wrapper > ul > li > a {
        color: #1b6dba;
    }

body.sidebartoggle .togglediable {
    display: block;
    transition: 0.5s;
}

.togglediable {
    display: none;
}

#feedbackpop button.btn-close {
    background-color: #1b6dba;
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 80px;
    position: absolute;
    right: -1px;
    top: -2px;
    border: 2px solid #fff;
    background-image: url("../images/close.png");
    background-repeat: no-repeat;
}

h1#feedbackpopLabel {
    font-weight: 700;
}

#feedbackpop label {
    font-weight: 500;
}

button.btn.btn-secondary.dropdown-toggle:after {
    opacity: 0;
}

.needtosign .locationfeature > a > img {
    opacity: 0.4;
    cursor: not-allowed;
}

.numberofsign button.btn.btn-download {
    background-color: #1b6db5;
    border-radius: 30px;
    width: 34px;
    height: 34px;
    padding: 0;
    margin-top: -4px;
}

    .numberofsign button.btn.btn-download > img {
        width: 14px;
        filter: invert(1);
        margin-top: -6px;
    }

/*Search*/

.search-form {
    right: 200px;
    top: 200px;
}

.search-field {
    background-color: transparent;
    background-image: url("../images/search-icon.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 18px;
    border: none;
    height: 44px;
    margin: 0;
    padding: 0 7px 0 38px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition: width 400ms ease, background 400ms ease;
    width: 0px;
    cursor: pointer;
    border: 1px solid #1b6dba;
    border-radius: 5px;
}

    .search-field:focus {
        background-color: #ffffff;
        border: 1px solid #1b6dba;
        cursor: text;
        outline: 0;
        width: 250px;
        color: #000;
        padding: 0 8px 0 40px;
    }

.search-form .search-submit {
    display: none;
}

.appname ul.dropdown-menu.show {
    right: 0;
    left: auto;
    top: 43px;
    font-size: 13px;
    border: 1px solid #0d6fc752;
}

/*Login Page*/

section.loginflow-wrapper {
    height: 100vh;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

    section.loginflow-wrapper:after {
        content: "";
        display: block;
        width: 850px;
        height: 850px;
        border-radius: 100%;
        background: rgba(27, 109, 186, 0.06);
        position: absolute;
        right: -110px;
        bottom: -190px;
        z-index: -1;
    }

    section.loginflow-wrapper > .container {
        z-index: 1;
    }

    section.loginflow-wrapper button.btn.btn-primary > a {
        color: #fff;
        display: block;
    }

    section.loginflow-wrapper button.btn.btn-primary {
        width: 100%;
    }

.logininner-wrapper {
    width: 70%;
    border-radius: 50px;
    background: #fff;
    box-shadow: 0px 0px 120px 0px #e9f2ff;
    margin: 0 auto;
    padding: 50px 50px;
}

    .logininner-wrapper > form .mb-3 input::placeholder,
    .logininner-wrapper > form .mb-3 select {
        font-size: 14px;
        font-weight: 400;
        color: #9a9a9a;
    }

    .logininner-wrapper > form .mb-3 label {
        font-weight: 400;
        text-transform: capitalize;
        font-size: 16px;
    }

.loginlogo > img {
    width: 330px;
    margin: 0 auto 20px auto;
    display: flex;
}

.mb-3.form-check > label {
    font-size: 15px;
    font-weight: 600;
}

.logininner-wrapper form > .mb-3 > label + input {
    box-sizing: border-box;
    height: 56px;
    background: #f8f8f8;
    border-radius: 14px;
    padding: 0 24px;
    border: 0px;
    font-size: 14px;
    font-weight: 300;
}

.logininner-wrapper > p {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    text-align: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 57px;
}

.graphicarea > img {
    height: 100vh;
    width: auto;
    max-width: none;
    float: right;
}

.signupline {
    text-align: center;
    font-weight: 600;
    font-size: 15px;
}

    .signupline > p > a {
        color: #0063ba;
        font-weight: 400;
    }

.rememberme > label {
    font-size: 14px !important;
    position: relative;
    top: 1px;
}

.rememberme {
    display: flex;
    align-items: center;
}

    .rememberme > input {
        margin-right: 7px;
    }

    .rememberme > label {
        margin-top: 3px;
        font-size: 15px !important;
        font-weight: 500 !important;
    }

.forgetpassword > a {
    color: #0063ba;
    font-weight: 400;
    font-size: 15px;
}

.signupline > p {
    font-weight: 400;
}

.forgetpassword {
    text-align: right;
}

.logininner-wrapper > h3 {
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
}

input.form-control.otp-input {
    box-sizing: border-box;
    height: 56px;
    background: #f8f8f8;
    border-radius: 14px;
    padding: 0 24px;
}
/*Create Applicaton*/

.userwrapper .actiondelete-button > a > img {
    width: 29px;
}

.profilephoto > img {
    width: 53px;
    margin-right: 25px;
    margin-top: 1px;
}

tr.disabled > td:nth-child(1) {
    filter: opacity(1);
}

tr.disabled > td,
tr.alldisabled {
    filter: opacity(0.5);
}

.AppEnvelope .input-group.mb-3 {
    width: 329px;
}

.AppEnvelope input.form-control {
    background-color: #f8f9fa;
}

.sectiontitle {
    margin-top: 8px;
    margin-bottom: .5rem;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
}

.sectiongrid {
    /*  border-bottom: 1px solid rgb(217 217 217);*/
    margin-bottom: 19px;
    padding-bottom: 21px;
    border-bottom: 1px dashed #d4d4d4;
}

.form-label {
    font-weight: 700;
    text-transform: capitalize;
}

/*Customize*/

.colorpicker-main > #colorPicker {
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 0px;
    overflow: hidden;
    border: aliceblue;
    margin-right: 10px;
}

    .colorpicker-main > #colorPicker + span code#colorCode {
        color: #000 !important;
        margin-top: 7px;
        display: block;
        font-weight: 800;
        font-size: 16px;
    }

.colorpicker-main {
    margin-top: 6px;
}

.brandingfeature > .offcanvas.offcanvas-end.show {
    width: 40%;
    max-width: 40%;
    padding-left: 20px;
}

button.btn-close {
    opacity: 1;
    position: absolute;
    left: -26px;
    top: 20px;
    border: 1px solid #fff;
    border-radius: 40px;
    width: 30px;
    height: 30px;
    background-image: url("../images/close.png");
    background-color: #1b6dba;
    border: 2px solid #ffffff;
    border-radius: 14px;
}

.colorpicker-main {
    margin-top: 6px;
    border: 1px solid #e8e8e8;
    padding: 4px 7px;
    width: fit-content;
}

input.colorpicker {
    width: 45px;
    height: 45px;
    padding: 0;
    border-radius: 0px;
    overflow: hidden;
    border: aliceblue;
    margin-right: 10px;
}

input.hexcolor {
    color: #000 !important;
    display: block;
    font-weight: 800;
    font-size: 16px;
    border: 0;
    margin: 0;
    padding: 0;
}

.offcanvas-title {
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
    margin-left: 20px;
    margin-top: 5px;
}

.settingtab-container .offcanvas-title {
    font-size: 23px;
    font-weight: 700;
    margin-left: 5px;
}

/*Upload image preview*/

.box {
    display: block;
    height: 190px;
    background-color: white;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
    border: 2px dashed #ccc;
    border-radius: 8px;
    width: 50%;
    margin: 10px auto 0 auto;
    position: relative;
}

.upload-options {
    background-color: #1b6dba;
    cursor: pointer;
    overflow: hidden;
    transition: background-color ease-in-out 150ms;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 50px;
    text-align: center;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.9;
}

    .upload-options:hover {
        background-color: #7fb1b3;
    }

    .upload-options input {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

    .upload-options label {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        overflow: hidden;
    }

        .upload-options label::after {
            content: "+";
            font-size: 29px;
            color: #ffffff;
            margin: 0 auto;
        }

        .upload-options label span {
            display: inline-block;
            width: 50%;
            height: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: middle;
            text-align: center;
        }

            .upload-options label span:hover i.material-icons {
                color: lightgray;
            }

.js--image-preview {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-image: url(custom.css);
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 231px;
    text-align: center;
}

    .js--image-preview::after {
        content: "Upload";
        position: relative;
        font-size: 23px;
        color: rgb(49 123 193);
        z-index: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 73%;
        text-transform: uppercase;
        font-weight: 500;
    }

    .js--image-preview.js--no-default::after {
        display: none;
    }

    .js--image-preview:nth-child(2) {
        background-image: url("http://bastianandre.at/giphy.gif");
    }

i.material-icons {
    transition: color 100ms ease-in-out;
    font-size: 2.25em;
    line-height: 55px;
    color: white;
    display: block;
}

.drop {
    display: block;
    position: absolute;
    background: rgba(95, 158, 160, 0.2);
    border-radius: 100%;
    transform: scale(0);
}

.animate {
    -webkit-animation: ripple 0.4s linear;
    animation: ripple 0.4s linear;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.branding-wrapper .box + p {
    text-align: center;
    font-size: 14px;
    margin-top: 14px;
    margin-bottom: 29px;
}

.brandingfeature button.btn.btn-primary {
    margin-top: 0px;
    background: #f2f2f2;
    color: #3b3b3b;
    height: 52px;
    width: 253px;
    border-radius: 14px;
    border: 1px dashed #f4d775;
    background: #f8edc9;
    color: #2c2c2c;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.settingtab-container > .row > .col-lg-6 + .col-lg-6 {
    padding-right: 0;
}

.settingtab-container > .row > .col-lg-6 {
    padding-right: 14%;
}

/*AD Setting*/

.check-box {
    transform: scale(0.6);
    transform-origin: left top;
}

.toggleswitch input[type="checkbox"] {
    position: relative;
    appearance: none;
    width: 60px;
    height: 30px;
    background: #fff;
    border-radius: 50px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    border: 1px solid #a3a3a3;
}

.toggleswitch input:checked[type="checkbox"] {
    background: rgb(255 255 255);
}

.toggleswitch input[type="checkbox"]::after {
    position: absolute;
    content: "";
    width: 36px;
    height: 36px;
    top: -4px;
    left: -2px;
    background: #a3a3a3;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
}

.toggleswitch input:checked[type="checkbox"]::after {
    left: 50%;
    background: #1b6dba;
}

.toggleswitch label.form-check-label {
    font-size: 14px;
    position: relative;
    top: -17px;
}

.settingfilter > .col-lg-12 > ul {
    list-style: none;
    padding-left: 0;
}
    /*.settingfilter > .col-lg-12 > ul > li .dropdown-toggle + ul > li > a.dropdown-item.active {
    color: #fff !important;
}*/


.settingfilter > .col-lg-12 > ul > li a {
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    color: #2c2c2c;
    font-size: 14px;
    padding: 9px 5px;
    margin: 3px 0.5rem;
    border-radius: 0.375rem;
}

.settingfilter > .col-lg-12 > ul > li > a:hover {
    background-color: #96a9bb;
    color: #fff;
}

.settingfilter {
    padding-right: 0;
    margin-top: 7px;
    padding-left: 7px;
}

.settingfilter > .col-lg-12 > ul > li > a.active {
    background-color: #1b6dba;
    color: #fff;
}

.settingfilter > .col-lg-12 > ul > li > ul > li > a {
    color: #000;
    font-weight: 600;
}

.settingsidebar li ul {
    margin-left: 22px;
    /* background-color: #ebebeb; */
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 6px;
}

.settingfilter > .col-lg-12 > ul > li > ul > li > a:hover {
    color: #1b6dba !important;
}

.settingfilter > .col-lg-12 > ul > li .dropdown-toggle + ul {
    border-radius: 0;
    border: 0;
    transform: translate(0px, 0px) !important;
    margin-top: 8px !important;
    background-color: transparent;
    color: #2c2c2c;
    padding-top: 0;
    /*  padding-left: 19px;*/
    position: relative !important;
    padding-bottom: 0;
}

.settingfilter > .col-lg-12 > ul > li .dropdown-toggle + ul > li {
    margin-bottom: 8px !important;
    position: relative;
}

.settingfilter > .col-lg-12 > ul > li .dropdown-toggle + ul > li > a {
    white-space: inherit;
    font-size: 15px;
}

/*.settingfilter > .col-lg-12 > ul > li .dropdown-toggle + ul > li > a:hover {
  background-color: #96a9bb;
  color: #fff;
}*/

    .settingfilter > .col-lg-12 > ul > li .dropdown-toggle + ul > li > a.dropdown-item:hover {
        background: transparent !important;
        color: #1b6dba !important;
    }

  .settingfilter > .col-lg-12 > ul > li .dropdown-toggle + ul > li:before {
       /*  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #cdcdcd;
  border-radius: 50px;
  position: absolute;
  left: -7px;
  top: 16px;*/
        }

    .settingfilter > .col-lg-12 > ul > li
    .dropdown-toggle + ul > li.active-sub:before {
        background-color: #1b6dba;
    }
/*.settingfilter > .col-lg-12 > ul > li .dropdown-toggle + ul::before {
  content: "";
  display: block;
  height: 92%;
  width: 1px;
  background-color: rgb(204, 204, 204);
  position: absolute;
  top: 20px;
  left: 16px;
}*/

.btn-group.dropright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 12px;
}

.dropdown.btn-group {
    display: block;
    position: relative;
}

span.dropdown-toggle {
    position: absolute;
    right: 16px;
    top: 6px;
    font-size: 18px;
    width: 60px;
    text-align: right;
}

/*App Setting*/

.settingtab-container {
    margin-top: 21px;
}

.settingtab-container h5 {
    font-size: 18px;
    font-weight: 600;
}

.settingtab-container p {
    font-size: 16px;
    font-weight: 500;
    max-width: 1067px;
}

.settinggrid-inner .input-group > input {
    font-size: 14px;
    font-weight: 900;
}

.settingtab-container select.form-select {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
}

.AdditionalSetting h6 {
    font-weight: 700;
}

.sectionmaintitle {
    display: flex;
    align-items: self-end;
    margin-bottom: 10px;
}

.sectionmaintitle > h4 {
    font-weight: 700;
    font-size: 21px;
    margin-right: 15px;
    line-height: 1;
}

.sectionmaintitle > h4 {
    margin-right: 15px;
    line-height: 1;
    margin-top: 12px;
    margin-bottom: 8px;
    text-transform: capitalize;
    font-size: 19px;
    font-weight: 700;
}

.sectionmaintitle > button.btn > a {
    color: #fff;
}

.sectionmaintitle > button.btn {
    padding: 6px 17px;
    color: #fff;
    font-size: 14px;
}

.sectionmaintitle + p {
    font-size: 16px;
    font-weight: 500;
}

.userwrapper table p {
    font-size: 14px;
    margin-bottom: 0;
}

.userwrapper table h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0;
}

.envelop-innergrid p {
    margin-bottom: 0;
}

.envelop-innergrid > .row {
    align-items: center;
}

.envelop-innergrid .col > img {
    margin-top: -11px;
}

.envelop-innergrid {
    background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 14px;
    padding: 17px 10px;
    margin-bottom: 29px;
    display: block;
}

.envelop-innergrid h5 {
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    color: #2c2c2c;
}

.envelop-innergrid p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #3b3b3b;
}

.branding-wrapper label {
    font-weight: 700;
    font-size: 18px;
}

/*Off Canvas CSS*/

.offcanvas.offcanvas-end.show {
    width: 100%;
    max-width: 627px;
}

.dataretentionpolicy-container .col-lg-12 > h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #2c2c2c;
}

.dataretentionpolicy-container .col-lg-12 > h4 > span > img {
    width: 32px;
    position: relative;
    top: -1px;
}

.dataretentionpolicy-container {
    padding: 0 14px;
}

.unprocessed-envelopes h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    color: #2c2c2c;
}

.dataretentionpolicy-container p {
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    color: #1b6dba;
}

.unprocessed-envelopes p {
    text-align: center;
}

.unprocessed-envelopes .input-group > input + .input-group-text {
    background-color: #fff;
}

.unprocessed-envelopes .input-group {
    height: 50px;
    width: 160px;
    margin: 0 auto;
}

.unprocessed-envelopes .mb-3.form-check > label {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #2c2c2c;
}

.unprocessed-envelopes .mb-3.form-check > input.form-check-input {
    margin-right: 8px;
}

.unprocessed-envelopes .mb-3.form-check {
    display: flex;
    justify-content: center;
}

.dataretentionpolicy-container ul.nav.nav-pills {
    background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 14px;
    padding: 5px 6px;
}

.dataretentionpolicy-container ul.nav.nav-pills > li > button.active {
    background: #1b6dba;
    border: 1px solid #e9e9e9;
    border-radius: 14px;
}

.dataretentionpolicy-container ul.nav.nav-pills > li {
    width: 50%;
}

.dataretentionpolicy-container ul.nav.nav-pills > li > button {
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: rgba(44, 44, 44, 0.6);
    height: 50px;
}

.dataretentionpolicy-container ul.nav.nav-pills > li > button.active {
    background: #1b6dba;
    border: 1px solid #e9e9e9;
    border-radius: 14px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #ffffff;
}

.unprocessed-envelopes {
    text-align: center;
    margin-top: 22px;
    position: relative;
}

.optiongrids > span:nth-child(1) {
    margin-right: 10px;
    margin-bottom: 13px;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    color: #2c2c2c;
}

.optiongrids {
    display: flex;
}

.optiongrids > span > .form-check > label {
    font-size: 11px;
    color: #2c2c2c;
}

.showcaseui {
    background: #f8edc9;
    border: 1px dashed #f4d775;
    border-radius: 14px;
    width: 170px;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: rgba(44, 44, 44, 0.6);
    padding: 16px 0;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
}

p.graceinfo {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    color: #2c2c2c;
    margin-bottom: 0;
}

.dataretentionpolicy-container .row > .col-lg-12 > p {
    color: #2c2c2c;
}

.processedEnvelopes-container .mb-3.form-check {
    margin-bottom: 0 !important;
    margin-top: 13px;
}

.processedEnvelopes-container .col-lg-6 > .input-group {
    height: 53px;
}

.disabled {
    filter: blur(2px);
}

.lockedservice {
    border-radius: 10px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    top: 50px;
    width: 80%;
    margin: 0 auto;
    border: 1px solid #cfcece;
}

.lockedservice > p {
    font-size: 16px;
    color: #2c2c2c;
}

/*send policy css*/

.dataretentionpolicy-container .col-lg-9 > h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #2c2c2c;
}

.dataretentionpolicy-container .row > .col-lg-9 > p {
    color: #2c2c2c;
}

.form-check-input.checkbox-big {
    width: 4.5em;
    height: 2.3em;
    border: 1px solid #a3a3a3;
}

.form-control.custom-txt-box {
    border: 1px solid #e9e9e9;
    border-radius: 14px 0px 0px 14px;
    width: 307px;
    height: 48px;
    padding: 10px 23px;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    color: #000000;
}

.form-control.custom-txt-box::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    color: #000000;
}

.form-control.custom-txt-box .input-group-text {
    padding: 13px;
    background: #fff !important;
}

.editable_txt .input-group-text {
    padding: 13px;
    background: #fff !important;
    border: 1px solid #e9e9e9;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 48px;
    border-radius: 14px;
}

.form-control.custom-txt-box.disable-txtbox {
    background: #efefef;
    color: #6f6f6f;
    pointer-events: none;
}

.form-control.custom-txt-box.disable-txtbox::placeholder {
    color: #6f6f6f;
}

.editable_txt {
    margin-bottom: 10px;
}

.side-heading-sp {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #2c2c2c;
}

.dataretentionpolicy-container .side-para-sp {
    color: #2c2c2c;
    width: 378px;
}

.dataretentionpolicy-container .editable_txt .input-group {
    width: 86%;
}

.btn-config {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #1b6dba;
    display: flex;
    gap: 5px;
    align-items: center;
}

.btn-config span {
    margin-left: 2px;
}

.dataretentionpolicy-container .col-lg-12 .side-heading-sp-two {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #2c2c2c;
}

.side-heading-sp-two {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #2c2c2c;
}

.form-control.custom-number-txt {
    background: #ffffff;
    border: 1px solid #d5d5d5;
    border-radius: 14px;
    height: 68px;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.2em;
    color: #2c2c2c;
}

.form-control.custom-number-txt::placeholder {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.2em;
    color: #2c2c2c;
}

.txt-box-bdy {
    margin-top: 14px;
}

/*css 28-3*/

input.form-check-input.checkbox-big-box {
    width: 2.1em;
    height: 2.1em;
}

.mainsearchbar.d-flex.sidebar-search > input {
    background: #ffffff;
    border: 1px solid #d5d5d5;
    width: 100%;
    padding-left: 23px;
    padding-right: 51px;
    height: 68px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #a9a9a9;
    margin-bottom: 36px;
    border-radius: 14px;
}

.mainsearchbar.d-flex.sidebar-search > input::placeholder {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #a9a9a9;
}

.mainsearchbar.d-flex.sidebar-search {
    width: 100%;
}

form.mainsearchbar.d-flex.sidebar-search > img {
    top: 24px;
    opacity: 0.7;
    right: 23px;
    left: auto;
}

.ct-box {
    width: 100%;
    background-color: #f5f5f5;
    border-radius: 14px;
}

.ct-box > .row.p-0.w-100 {
    border: 1px solid #d5d5d5;
    border-radius: 14px;
    padding: 12px 23px 12px 23px !important;
    margin: 12px auto;
    width: 100% !important;
    background: #fff;
}

.img-body-outer {
    position: relative;
    width: 100%;
    padding-right: 4px;
    display: flex;
    align-items: center;
}

.side-heading-sp-three {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: #7e7e7e;
    padding-top: 10px;
}

.checkbox-bdy {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.border-right-ct {
    border-right: 1px solid #dadada;
}

.checkbox-bdy .form-check > label.form-check-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
}

.progress-img {
    text-align: center;
    margin-top: 132px;
    margin-bottom: 152px;
}

.progress-img > img {
    width: 150px;
}

.settingfilter > .col-lg-12 > ul > li > .dropdown > a.active {
    background: #1b6dba;
    border-radius: 0.5rem;
    cursor: pointer;
    text-align: left;
    color: #f0f0f2;
    font-weight: 500;
    text-transform: capitalize;
    display: block;
    padding: 9px;
    font-size: 16px;
}

span.dropdown-toggle img.img-fluid.img-drop-close {
    display: none;
}

span.dropdown-toggle.show img.img-fluid.img-drop-open {
    display: none;
}

span.dropdown-toggle.show img.img-fluid.img-drop-close {
    display: block;
}

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

span.dropdown-toggle {
    width: unset;
    right: 10px;
    top: 9px;
    display: flex;
}

.dropdown-toggle.show > img {
    transform: rotate(-180deg);
}

.userprofile .dropdown-toggle.show > img {
    transform: rotate(0deg);
}

.settingfilter > .col-lg-12 > ul > li > .dropdown > a + .dropdown-toggle
.img-fluid.img-drop-img-white {
    display: none;
    transform: rotate(-180deg);
}

.settingfilter > .col-lg-12 > ul > li > .dropdown > a.active + .dropdown-toggle
.img-fluid.img-drop-img-black {
    display: none;
}

.settingfilter > .col-lg-12 > ul > li > .dropdown > a.active + .dropdown-toggle
.img-fluid.img-drop-img-white {
    display: block;
    filter: invert(40%) brightness(60%);
}

.settingfilter > .col-lg-12 > ul > li > .dropdown > a.active + .dropdown-toggle.show
.img-fluid.img-drop-img-white {
    display: block;
    transform: rotate(0deg);
    filter: invert(40%) brightness(60%);
}

.lockedservice.new {
    top: 20px;
}

.settingfilter > .col-lg-12 > ul > li a:hover {
    background-color: #1b6dba;
    color: #fff;
}

.settingfilter > .col-lg-12 > ul > li
.dropdown-toggle + ul.dropdown-menu.menu-less::before {
    height: 50%;
}

.form-switch .form-check-input {
    background-color: #fff;
    border: 1px solid #a3a3a3;
    border-radius: 18px;
}

table.table.table-tamplate-style.table-user-style .form-switch .form-check-input {
    --bs-form-switch-bg: unset;
}
div#editPacketTypeModal input.form-check-input.modified.valid , div#createPacketTypeModal input.form-check-input.valid {
    --bs-form-switch-bg: unset;
}

.Category-wrapper:hover .tooltip-text {
    bottom: 93% !important;
    left: 80% !important;
}

.Subscription_plan button.btn {
    padding: 10px 10px;
    font-weight: 500;
    font-size: 0.95rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.2px;
    position: relative;
    overflow: hidden;
    box-shadow: none;
}

.Subscription_plan {
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 10px;
    padding: 2rem;
    background-color: #f8f9fa;
    border-radius: 16px;
    border: 1px solid #e9ecef;
}
button.btn.add-category-btn {
    background-color: white;
    color: #1b6dba;
    border: 1px solid #1b6dba;
}
button.btn.test-drag-btn {
    background-color: white;
    padding: 10px 21px;
    color: #2b2d42;
    border: 1px solid #d0d2d3 !important;
}
button.btn.save-chanegs {
    border: 1px solid #146c43a8 !important;
    padding: 10px 21px;
}

button.btn.reset_default {
    color: #ef476f;
    border: 1px solid #ef476f;
    background-color: white;
    padding: 10px 21px;
}

 .form-switch .form-check-input:after {
        /*    position: absolute;
    content: "";
    line-height: 20px;
    background: #a3a3a3;
    border-radius: 64px;
    width: 26px;
    height: 26px;
    left: -2px;
    top: -4px;*/
    position: absolute;
    content: "";
    line-height: 20px;
    background: #a3a3a3;
    border-radius: 64px;
    width: 26px;
    height: 26px;
    left: -2px;
    left: -11px;
    top: -4px;
    }

.form-switch input.form-check-input[type="checkbox"]:checked:after {
    /*    position: absolute;
    content: "";
    right: -3px;
    top: -5px;
    line-height: 20px;
    background: #1b6dba;
    border-radius: 64px;
    width: 26px;
    height: 26px;
    left: auto;*/
    position: absolute;
    content: "";
    right: -13px;
    top: -5px;
    line-height: 20px;
    background: #1b6dba;
    border-radius: 64px;
    width: 26px;
    height: 26px;
    left: auto;
}

.form-switch .form-check-input {
    position: relative;
    background: #ffffff;
    border: 1px solid #a3a3a3;
    border-radius: 14px;
    width: 43px;
    height: 20px;
}

.form-switch .form-check-input:checked {
    background-color: #fff;
    border: 1px solid #1b6dba;
    border-radius: 18px;
}

/*beg size switch*/

.form-switch .form-check-input.checkbox-big {
    background-color: #fff;
    border: 1px solid #a3a3a3;
    border-radius: 18px;
    width: 36px;
    height: 18px;
}

.form-switch .form-check-input.checkbox-big:after {
    position: absolute;
    content: "";
    left: -2px;
    background: #a3a3a3;
    top: -5px;
    line-height: 20px;
    background: #a3a3a3;
    border-radius: 64px;
    width: 38px;
    height: 38px;
}

.form-switch
input.form-check-input.checkbox-big[type="checkbox"]:checked:after {
    position: absolute;
    content: "";
    right: 0px;
    /*! background-image: var(--bs-form-switch-bg); */
    background: #1b6dba;
    top: -5px;
    line-height: 20px;
    background: #1b6dba;
    border-radius: 64px;
    width: 35px;
    height: 35px;
    left: auto;
}

.form-check-input.checkbox-big {
    width: 4em;
    height: 1.8em;
}

.form-switch .form-check-input.checkbox-big {
    position: relative;
    background: #ffffff;
    border: 1px solid #a3a3a3;
    border-radius: 14px;
}

.form-switch .form-check-input.checkbox-big:checked {
    background-color: #fff;
    border: 1px solid #1b6dba;
    border-radius: 18px;
}

.form-check-input:checked[type="checkbox"] {
    background-image: url(../images/check-bg.svg) !important;
    background-size: 17px;
}

.unprocessed-envelopes
.mb-3.form-check > input.form-check-input:checked[type="checkbox"] {
    background-color: #1b6dba;
    border-radius: 5px;
}

.settingfilter > .col-lg-12 > ul > li .dropdown-toggle + ul li a:hover {
    background: #1b6dba;
}

/*29-3*/

.password-setting-bdy .input-group {
    width: 246px;
    height: 51px;
    margin-bottom: 0px;
}

.password-setting-bdy .input-group > input + .input-group-text {
    background-color: #fff;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    border-radius: 14px;
    color: #2c2c2c;
}

.password-setting-bdy h5 {
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;
    color: #2c2c2c;
}

.sectiontitle-two > h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 38px;
    color: #2c2c2c;
}

.form-control.password-txtbox {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.2em;
    color: #2c2c2c;
    border-radius: 14px;
}

.form-control.password-txtbox::placeholder {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.2em;
    color: #2c2c2c;
}

.password-setting-bdy + hr {
    border-color: #dadada;
    opacity: 1;
    width: 93%;
}

.side-heading-pe {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #2c2c2c;
}

.side-para-pe {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    color: #2c2c2c;
    width: 464px;
}

.border-right-pe {
    border-right: 1px solid #dadada;
}

.grey-line-right {
    background-color: #dadada;
    width: 100%;
    height: 1px;
    display: block;
    margin: 0px 12px;
}

.checkbox-listing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 64px;
}

.checkbox-listing .form-check {
    margin-top: -9px;
}

.special-heading {
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    color: #2c2c2c;
    white-space: nowrap;
    text-transform: capitalize;
}

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

.checkbox-listing .form-check .form-check-input {
    width: 38px;
    height: 38px;
}

.settingmaincontainer
.checkbox-listing
.form-check-input:checked[type="checkbox"] {
    background-size: 23px;
}

.settingfilter > .col-lg-12 > ul > li
.dropdown-toggle + ul > li > a.dropdown-item.active {
    background: transparent;
    color: #1b6dba;
}

.settingfilter > .col-lg-12 > ul > li
.dropdown-toggle + ul > li > a.dropdown-item:hover {
    background: transparent;
    color: #1b6dba;
}

.settingfilter > .col-lg-12 > ul > li .dropdown-toggle + ul > li > a.dropdown-item.active, .settingfilter > .col-lg-12 > ul > li .dropdown-toggle + ul > li > a.dropdown-item:hover {
    background: transparent;
    color: #1b6dba;
}

.progress-img-new {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 250px);
}

.progress-img-new > img {
    width: 238px;
}

.quick-access-bdy {
    background: #eee;
    border-radius: 14px;
    padding: 12px 31px;
}

.quick-accessgrid {
    background: #ffffff;
    border: 1px solid #d8d8d8;
    border-radius: 14px;
    padding: 16px 25px;
}

.quick-accesscontent > h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #2c2c2c;
}

.quick-accesscontent > p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #2c2c2c;
    margin-bottom: 0;
}

.sectiontitle-quick > h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: #2c2c2c;
}

.quick-accessgmaincontainer {
    width: 100%;
    margin-left: 20px;
    margin-top: 12px;
    max-width: calc(83% - 249px);
}

.sectionui.quick-reportswrapper {
    margin-top: 1.8rem !important;
    border: 1px solid #ececec;
    padding: 33px 29px;
}

.bottom_list > ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 10px;
    align-items: baseline;
}

.bottom_list > ul li {
    border-right: 1px solid #8f8f8f;
    padding-right: 11px;
}

.bottom_list > ul li:last-child {
    border-right: none;
}

.small-grey-txt {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #2c2c2c;
}

.innertitle-quick-report > h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
    color: #000000;
}

.tamplate_nav .nav-tabs .nav-link.active {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    text-transform: capitalize;
    color: #1b6dba;
    background: transparent;
    border: none;
    border-bottom: 1px solid #1b6dba;
}

.tamplate_nav .nav-tabs .nav-link {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: capitalize;
    color: #2c2c2c;
    background: transparent;
    border: none;
    min-width: 91px;
}

.tamplate_nav {
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    justify-content: space-between;
}

.tamplate_nav .nav-tabs {
    border: none;
}

.btn.btn-filter {
    background: #ffffff;
    border: 1px solid #d8d8d8 !important;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: rgba(44, 44, 44, 0.46) !important;
    padding: 11px 15px;
}

.btn.btn-export {
    background: #ffffff;
    border: none;
    border-radius: 7px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: rgba(44, 44, 44, 0.46);
    padding: 11px 10px;
    min-width: 100px;
}

.search-filter {
    /*  background: #f7f7f7;*/
    border-radius: 14px;
    padding: 3px 12px;
    /*  margin-top: 12px;*/
    min-width: 100px;
}

.search-filter .btn.btn-filter {
    margin-right: 11px;
}

.search-filter .tablesearchmain > input {
    font-weight: 400;
    font-size: 15px !important;
    line-height: 19px;
    color: rgba(44, 44, 44, 0.4);
    background: #ffffff;
    border: 1px solid #d8d8d8;
    border-radius: 7px;
}

.search-filter .search-filter-main input {
    font-weight: 400;
    font-size: 15px !important;
    line-height: 19px;
    color: rgba(44, 44, 44, 0.4);
    background: #ffffff;
    border-radius: 5px !important;
    padding: 0px 53px !important;
    height: 45px !important;
    width: 100%;
    border: 1px solid #d8d8d8 !important;
    color: #2c2c2c;
}

.search-filter .search-filter-main input:placeholder {
    font-weight: 400;
    font-size: 15px !important;
    line-height: 19px;
    color: rgba(44, 44, 44, 0.4);
    background: #ffffff;
    border: 1px solid #d8d8d8 !important;
    border-radius: 7px !important;
}

.search-filter-main > img {
    top: 11px;
    opacity: 0.7;
    width: 23px;
    position: absolute;
    left: 18px;
}

.search-filter-main {
    margin: 6px 0;
    width: 100%;
    position: relative;
}

/*template*/
.btn-add-doc {
    background-color: #e7f3ff;
    color: #1b6dba;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    padding: 16px 60px;
    border: 2px dotted #1b6dba;
}

.btn-add-doc:hover {
    background-color: #e7f3ff;
    color: #1b6dba;
    border: 2px dotted #1b6dba;
}

.advance-setting-heading > h4 {
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.advance-setting-heading {
    margin-top: 30px;
    margin-bottom: 30px;
}

.border-right-saprate::after {
    content: "";
    display: block;
    height: 56%;
    width: 0.5px;
    border-right: 1px dashed #d8d8d8;
    position: absolute;
    right: -2px;
    top: 10%;
    bottom: 10%;
    transform-origin: 50% 50%;
}

.border-right-saprate {
    position: relative;
}

.genral-box-bdy {
    border-radius: 18.266px;
    background: #f8f8f8;
    padding: 21px 15px;
    margin-bottom: 50px;
}

.genral-box-bdy > h3 {
    color: #2c2c2c;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.genral-box-bdy > p {
    color: #2c2c2c;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.617px;
}

a.btn-config {
    padding: 6px 8px;
    color: #fff;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 7.384px;
    border: 1.055px solid #d8d8d8;
    background: #1b6dba;
    margin-top: 10px;
    display: inline-block;
}

.saprater-form {
    background-color: #dadada;
    height: 1px;
    margin: 0px auto;
    width: 91%;
}
/**********************add doc modal popup start***************/
.search-modal-bdy .search-filter-main > img {
    right: 8px;
    left: auto;
    top: 9px;
}

.checklisting-bdy-modal-inner {
    display: flex;
    border-bottom: 1px solid #dadada;
    padding-bottom: 20px;
    padding-top: 22px;
}

.check-box-modal-desc > p {
    color: #2c2c2c;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.checklisting-bdy-modal-inner:last-child {
    border: none;
}

.heading-modal-txt {
    margin-bottom: 20px;
}

.modal-dialog.modal-check-custom .modal-body {
    padding: 41px 38px;
}

.check-box-modal {
    margin-right: 20px;
}

.check-box-modal-desc {
    max-width: 394px;
}

.heading-modal-txt > h3 {
    color: #2c2c2c;
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.modal-dialog.modal-check-custom .modal-body {
    padding: 41px 38px;
}

.check-box-modal {
    margin-right: 20px;
}

.check-box-modal-desc {
    max-width: 394px;
}

.heading-modal-txt > h3 {
    color: #2c2c2c;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.search-modal-bdy input.form-control {
    border-radius: 11.9px;
    background: #f8f8f8;
    border: none;
    padding: 13px 18px;
    color: #aaa;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.checklisting-bdy-modal::-webkit-scrollbar-track {
    background-color: #fff;
}
/*.checklisting-bdy-modal::-webkit-scrollbar {
  width: 5px;
}
.checklisting-bdy-modal::-webkit-scrollbar-thumb {
  background-color: #1B6DBA;
  outline: 1px solid #1B6DBA;
  border-radius: 10px;
    width: 5px;
}*/
.checklisting-bdy-modal {
    max-height: 370px;
    overflow-y: auto;
}
/**********************add doc modal popup end***************/

/*table design*/

.txt-tb {
    font-style: normal;
    font-weight: 400;
    color: #182433;
    text-align: center;
}

table.table.table-subinvoice tbody tr td {
    font-style: normal;
    font-weight: 400 !important;
    color: #182433;
    font-size: 15px;
}

table.table.table-subinvoice thead th {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    color: #6c7a91;
    vertical-align: middle;
}

.table-tamplate-style thead tr th {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    color: #6c7a91;
    vertical-align: middle;
}

#downlaodmodal .table.table-tamplate-style tbody tr td {
    padding: 14px 15px !important;
}

.completed-bages {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #1f9254;
    background: #ebf9f1;
    border-radius: 6px;
    /*  border: 0.5px solid #1f9254;*/
    padding: 5px 12px;
}

.table.table-striped.table-tamplate-style {
    --bs-table-striped-bg: #f6f6f6;
}

.table.table-tamplate-style tbody tr td.font15 {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.table.table-tamplate-style tbody tr td.subjecttd {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.table.table-tamplate-style tbody tr td.action_button .actiondelete-button {
    width: 70px;
    margin: auto;
}

.table.table-tamplate-style tbody tr.selected-rw {
    background: #1b6dba;
    cursor: pointer;
}

.statuslabel.archive-bages {
    background: #f7f7f7;
    border-radius: 22px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-transform: capitalize;
    line-height: 15px;
    color: #959595;
    padding: 8px 12px;
}

.table.table-tamplate-style tbody tr.selected-rw .txt-tb {
    color: #fff;
}

.table.table-tamplate-style tbody tr.selected-rw .font15 {
    color: #fff;
}

.table.table-tamplate-style tbody tr.selected-rw .subjecttd {
    color: #fff;
}

.statuslabel.draft-bages {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #a30d11;
    background: #fbe7e8;
    border-radius: 22px;
    padding: 5px 12px;
    border: 0.5px solid #a30d11;
    text-transform: capitalize;
}

.statuslabel.trash-bages {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #a30d11;
    background: #fbe7e8;
    border-radius: 22px;
    padding: 8px 12px;
}

.statuslabel.pending-bages {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 10px;
    color: #689bff;
    background-color: #dbe7ff;
    border-radius: 22px;
    padding: 9px 12px;
    border: 0.5px solid #689bff;
    text-transform: capitalize;
}

.selected-rw .form-check-input:checked[type="checkbox"] {
    background-color: #f7f7f7;
    box-shadow: 3px 7px 10px rgb(27 109 181 / 13%) !important;
    border: none;
    background-image: url(../images/checkbg2.svg) !important;
}

.table.table-tamplate-style
tbody
tr
.actiondelete-button
a
.img-fluid.selected-white-icon {
    display: none;
}

.table.table-tamplate-style
tbody
tr
.actiondelete-button
a
.img-fluid.unselected-icon {
    display: inline-flex;
}

.table.table-tamplate-style
tbody
tr.selected-rw
.actiondelete-button
a
.img-fluid.unselected-icon {
    display: none;
}

.table.table-tamplate-style
tbody
tr.selected-rw
.actiondelete-button
a
.img-fluid.selected-white-icon {
    display: inline-flex;
}

.pagination-body ul li.page-item .page-link {
    background: #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #000000;
}

.pagination > li {
    margin-right: 5px;
}

    .pagination > li:last-child {
        margin: 0px;
    }

.pagination-body ul li.page-item .page-link.bg-transparent.border-none {
    border: none;
    color: #9e9e9e;
}

.pagination-body .pagination {
    display: flex;
    align-items: center;
}

.pagination-body ul li.page-item.active .page-link {
    background: #1b6dba;
    color: #ffffff;
}

.pagination-body {
    margin-top: 20px;
}

    .pagination-body > nav {
        display: flex;
        justify-content: space-between;
        border-radius: 14px;
        background: #f6f6f6;
        padding: 15px 19px;
    }

    .pagination-body .pagination {
        margin: 0;
    }

.totaltemplate {
    font-weight: 500;
    font-size: 15px;
    line-height: 2;
}

.creater-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #2c2c2c;
}

.shared-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #2c2c2c;
}

.shared-bdy {
    margin-top: 16px;
}

.username h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
    color: #000000;
}

.btn-edit-outline {
    /* width: 54px;
  height: 54px;
  border: 1px solid #1b6dba; */
    border-radius: 100%;
    background: white;
    display: inline-block;
    text-align: center;
    line-height: 47px;
}

.creater-profile-imgs {
    margin-top: -31px;
    display: block;
}

.profile-images {
    position: relative;
}

    .profile-images img {
        position: absolute;
        width: 58px;
        height: 58px;
        border-radius: 50%;
    }

    .profile-images img:nth-child(1) {
        top: 0;
        left: 0;
        margin-top: 0;
        margin-left: 0;
    }

    .profile-images img:nth-child(2) {
        top: 0px;
        left: 30px;
    }

    .profile-images img:nth-child(3) {
        top: 0px;
        left: 60px;
    }

.profile-img-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    margin: 30px 0px 0px 23px;
    position: relative;
}

    .profile-img-list li a img {
        width: 58px;
        border-radius: 100%;
        border: 1px solid #fff;
    }

    .profile-img-list li {
        position: static !important;
        margin-left: -20px;
        z-index: 0;
    }

.last-count-number {
    background: #1b6dba;
    border: 2px solid #ffffff;
    width: 58px;
    display: block;
    height: 58px;
    border-radius: 100%;
    text-align: center;
    line-height: 56px;
    font-weight: 500;
    font-size: 19px;
    color: #ffffff;
}

.activity-tabs {
    margin-top: 32px;
}

/*timeline css*/

.timeline-list {
    position: relative !important;
    padding: 0;
    margin: 0;
    padding-left: 19px;
    position: relative !important;
    list-style: none;
    padding-top: 1px;
}

    .timeline-list:before {
        content: "";
        display: block;
        height: 90%;
        width: 1px;
        background-color: rgb(204, 204, 204);
        position: absolute;
        top: 30px;
        left: 16px;
    }

    .timeline-list > li {
        position: relative;
    }

        .timeline-list > li:before {
            content: "";
            display: block;
            width: 11px;
            height: 11px;
            background-color: #1b6dba;
            border-radius: 50px;
            position: absolute;
            left: -25px;
            top: 18px;
        }

    .timeline-list .date-time {
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        text-transform: capitalize;
        color: #000000;
        display: block;
        margin-bottom: 12px;
        margin-top: 14px;
    }

    .timeline-list li {
        margin: 0px 17px;
        display: flex;
    }

.content-timeline {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-transform: capitalize;
    color: #000000;
    margin-left: 10px;
}

    .content-timeline.conent-two-obj {
        margin-left: 23px;
    }

.Creatorq_img {
    border: 1px solid #ffffff;
}

.activity-tabs > .tamplate_nav > .nav-tabs > button {
    width: 50%;
}

.activity-tabs > .tamplate_nav > .nav-tabs {
    width: 100%;
}

span.user-time.conent-two-obj > img {
    margin-right: -12px;
}

span.user-time.conent-two-obj {
    position: relative;
    display: flex;
}

.detail-time-line {
    display: flex;
    align-items: center;
}

.user-time > img {
    width: 43px;
    border-radius: 100px;
}

.blue-text-list {
    color: #1b6dba;
}

.creater-profile {
    margin-left: 9px;
}

.username-bdy {
    display: flex;
    align-items: center;
}

.shared-bdy {
    display: flex;
    align-items: center;
}

.shared-name-content {
    display: flex;
    width: 80%;
    align-items: center;
    margin-left: 9px;
}

.shared-name-content {
    align-content: center;
}

    .shared-name-content.row .col-lg-10 {
        padding: 0;
    }

    .shared-name-content.row .col-lg-2 {
        padding: 0px;
    }
/*table design*/

/*Inner page header with back button*/
.innerpagetitle.mt-3.mb-3 > h3 {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}

.innerpagetitle h3 {
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.innerpagetitle {
    display: flex;
    align-items: center;
}

.settingmaincontainer .sectiontitle > h3 {
    font-size: 19px;
    margin-top: 6px;
}

.backbutton.btn.btn-primary {
    background-color: transparent;
    color: #333;
    border-radius: 6px;
    padding: 8px 11px;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    min-width: 100px;
    box-shadow: unset;
    border: 1px solid #1b6dba !important;
}

    .backbutton.btn.btn-primary a > img {
        width: 17px;
        margin-top: -2px;
        filter: invert(100%);
        color: #1b6dba !important;
        filter: invert(49%) sepia(94%) saturate(2000%) hue-rotate(190deg) brightness(105%) contrast(50%) !important;
    }

button.btn.btn-success.mt-3 {
    background: #1b6dba;
    border: none;
    padding: 8px 19px;
}

.backbutton.btn.btn-primary > a {
    display: flex;
    color: #1b6dba !important;
}

.settingmaincontainer .sectiontitle > h3 {
    font-size: 27px;
    margin-top: 6px;
    color: #2c2c2c;
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.lockpaidicon > img {
    width: 48px;
    position: absolute;
    right: 10px;
    top: 87px;
    background-color: #fff;
    border-radius: 50px;
    padding: 6px;
    display: block;
}

.envelop-container .lockpaidicon > img {
    position: absolute;
    right: 14px;
    top: 2px;
    background: transparent;
}

.envelop-innergrid.disabled {
    filter: blur(0);
    cursor: not-allowed;
    pointer-events: none;
}

.paidservice-container {
    text-align: center;
    margin: 60px 0 0 0;
    display: flex;
    justify-content: center;
}

.innerpaidservice {
    border: 1px dashed #ccc;
    border-radius: 18px;
    padding: 40px 50px;
    width: 40%;
}

    .innerpaidservice > p {
        font-size: 17px;
        color: #6d6d6d;
        text-transform: capitalize;
        margin-bottom: 18px;
    }

    .innerpaidservice > h2 {
        margin-bottom: 6px;
        text-transform: uppercase;
        font-weight: 500;
    }

    .innerpaidservice > button {
        margin-top: 17px !important;
        font-weight: 600 !important;
    }

.paidservice {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    font-size: 21px;
    background-image: url(../../assets/images/dashed-line.svg);
    background-repeat: repeat;
    background-size: 10px;
    margin: -5px -15px;
    position: relative;
    padding: 22px 9px;
}

    .paidservice:before {
        content: "";
        display: block;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 39px;
        z-index: 0;
        opacity: 0.4;
    }

    .paidservice > p {
        margin-bottom: 0;
        padding: 8px;
        z-index: 10;
        font-weight: 600;
    }

    .paidservice > a {
        margin-left: 7px;
        text-transform: uppercase;
        font-weight: 700;
        color: #1b6dba;
        z-index: 10;
    }

input.form-control::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #aaa;
}

/*Download*/
#downlaodmodal button.btn-close {
    left: auto;
    right: 4px;
    top: 2px;
}

.actiondelete-button > button {
    padding: 6px 20px !important;
    font-size: 14px !important;
}

#downlaodmodal .table-responsive thead tr th {
    text-align: left !important;
}

.table.table-tamplate-style tbody tr td.action_button .actiondelete-button {
    /*  width: 70px;*/
    width: 86px;
    margin: 0px 0;
    padding: 0 !important;
}

.btn-close:hover {
    opacity: 1;
    filter: drop-shadow(2px 3px 5px #cccccc);
}

button.btn.btn-outline-success:hover {
    background-color: #dee2e6;
}

button.btn.btn-outline-success:active {
    border-color: #8c8c8c;
}

button.btn.btn-outline-success {
    border: 1px solid #dee2e6;
}

.me-2 {
    margin-left: 0.5rem !important;
}

#downlaodmodal > .modal-dialog {
    max-width: 50%;
}

#downlaodmodal .actiondelete-button {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

#downlaodmodal > .modal-dialog {
    max-width: 45%;
}

#downlaodmodal .statuslabel {
    margin-top: 4px;
}

.buttongroups {
    display: flex;
    justify-content: end;
    gap: 10px;
}

#downlaodmodal input#flexCheckDefault {
    width: 18px;
    height: 18px;
}

#downlaodmodal th input#flexCheckDefault {
    margin-top: 7px;
}

#downlaodmodal .table-wrapper {
    overflow: auto;
    height: 50vh;
}

@media only screen and (max-width: 1200px) {
    #downlaodmodal > .modal-dialog {
        max-width: 85%;
    }

    div#navbarSupportedContent {
        margin-left: 5px;
    }
}

/*Review Popup*/
#reviewmodal .modal-dialog button.btn-close {
    right: 15px;
    top: 12px;
}

#reviewmodal .modal-dialog button.btn-close {
    right: 15px;
    top: 12px;
}

#reviewmodal .modal-dialog thead tr th {
    text-align: left;
    display: flex;
}

#reviewmodal .modal-dialog {
    max-width: 68%;
}

.pdfviewwrapper img {
    width: 100%;
    margin: -2px 0 0 0;
}

#reviewmodal .modal-dialog .col-lg-8 {
    overflow-y: auto;
    max-height: 80vh;
    border: 1px dashed #ccc;
}

.pdfviewwrapper {
    padding: 0 0;
}

#reviewmodal .pdfwrapper table tr td {
    padding: 0 !important;
}

#reviewmodal table tr td:hover > a {
    color: #fff;
}

#reviewmodal table tr td:hover {
    background-color: #1b6dba;
}

    #reviewmodal table tr td:hover > a > .commenticon > img {
        filter: invert(1);
    }

#reviewmodal .pdfwrapper table tr td > a {
    font-weight: 600;
    padding: 18px 18px !important;
    display: flex;
    text-align: left;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

button.reviewbutton {
    margin-top: 2px;
}

.pdfwrapper table th.text-center {
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
}

/*****************************************/

.blinking {
    -webkit-animation: 1s blink ease infinite;
    -moz-animation: 1s blink ease infinite;
    -ms-animation: 1s blink ease infinite;
    -o-animation: 1s blink ease infinite;
    animation: 1s blink ease infinite;
}

@keyframes

"blink" {
    from, to

{
    opacity: 0;
}

50% {
    opacity: 1;
}

}

@-moz-keyframes blink {
    from, to {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes

"blink" {
    from, to

{
    opacity: 0;
}

50% {
    opacity: 1;
}

}

@-ms-keyframes

"blink" {
    from, to

{
    opacity: 0;
}

50% {
    opacity: 1;
}

}

@-o-keyframes

"blink" {
    from, to

{
    opacity: 0;
}

50% {
    opacity: 1;
}

}

.commentsection {
    position: sticky;
    bottom: 7px;
    right: 0;
    border: 1px dashed #e1e1e1;
    background-color: #fffbd4;
    display: flex;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 17px #e7e7e7;
    padding: 8px 0;
}

    .commentsection p {
        margin-bottom: 0;
        font-size: 13px;
        font-weight: 600;
    }

span.commenticon > img {
    width: 33px;
    rotate: 90deg;
}

#reviewmodal .pdfwrapper table tr td:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border-radius: 40px;
    position: absolute;
    left: 14px;
    top: 28px;
    border: 1.5px solid #2271bb;
    z-index: 10;
}

#reviewmodal .pdfwrapper table tr tdq:after {
    content: "";
    display: block;
    width: 1px;
    height: 60%;
    background: #000;
    position: absolute;
    left: 20px;
    top: 0;
}

#reviewmodal .pdfwrapper table tr td:after {
    content: "";
    display: block;
    background: #1b6dba;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 32px;
    left: 19.3px;
}

#reviewmodal .pdfwrapper table tr:last-child td:after {
    display: none;
}

#reviewmodal .pdfwrapper table tr td {
    position: relative;
    padding-left: 20px !important;
}

span.fa.fa-fw.field-icon.toggle-password {
    position: absolute;
    right: 20px;
    top: 52px;
    opacity: 0.8;
    color: #aaaaaa;
}

.password {
    position: relative;
}

.text-align-end-txt {
    text-align: end;
}
/*****************************user page css start****************************

*****************************************************************************/
table.table.table-tamplate-style.table-user-style tr {
    /*  border-bottom: 1px solid #c2c2c2;*/
}

table.table.table-tamplate-style.table-user-style tr, table.table.table-subinvoice tbody tr {
    /*  border-bottom: 1px solid #c2c2c2;*/
    border: 1px solid #0420451a;
}

table.table.table-subinvoice th, table.table.table-subinvoice td {
    padding: 19px 7px !important;
}

span.dropdown.table-dropdown .btn.btn-secondary.dropdown-toggle-two {
    background-color: unset;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    border: none;
    display: flex;
    width: 88px;
    gap: 10px;
    border-radius: 14px;
    background: #f8f8f8;
    border: 1px solid #ebebeb;
}

img.user-arrow {
    border-left: 1px solid #e9e9e9;
    padding-left: 7px;
    padding-right: 5px;
}

span.image-user-name {
    margin-left: -4px;
    text-transform: capitalize;
    /*  color: #182433;*/
    font-size: 15px;
    font-style: normal;
    /*  font-weight: 600;*/
    line-height: normal;
}

    span.image-user-name a {
        text-decoration: underline !important;
        padding: 4px 8px;
        border-radius: 6px;
        font-size: 15px;
        font-weight: 500;
        color: #1b6dba !important;
        cursor: pointer;
    }


.delete-otp-modal button.btn-close, .otp-modal-delete button.btn-close, .toggle-otp-modal button.btn-close {
    left: 0;
    top: -8px;
    right: -10px !important;
}

h5#createPacketLinkLabel {
    font-weight: 500;
    font-size: 21px;
}

div#createPacketLinkOffcanvas .offcanvas-body strong {
    font-weight: 500;
}

/*table.table.table-tamplate-style.table-user-style
  tr:nth-last-child(2):not(:last-child) {
  border-bottom: none;
}*/
table.table.table-tamplate-style.table-user-style.tableapi-acess-new
tr:nth-last-child(2):not(:last-child) {
    border-bottom: 1px solid #c2c2c2;
}

img.user_img {
    border-radius: 51px;
    width: 51px;
    height: 51px;
}

table.table.table-tamplate-style.table-user-style tr.buy-premium {
    border: none;
}

    table.table.table-tamplate-style.table-user-style tr.buy-premium td.subjecttd {
        padding: 42px;
    }

span.access-count {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

span.dropdown.table-dropdown .dropdown-toggle-two::after {
    display: none;
}

.dropdown.table-dropdown .dropdown-toggle.show > img {
    transform: rotate(0);
}

.table.table-tamplate-style.table-user-style tbody tr:nth-child(odd) {
    background-color: #fff;
}
/*popup access*/
td.access-txt {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

table.table.table-tamplate-style.table-user-access {
    width: 370px;
    height: 114px;
    border-radius: 9px;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
}

    table.table.table-tamplate-style.table-user-access thead tr th {
        color: #000;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding: 11px 19px !important;
    }

    table.table.table-tamplate-style.table-user-access tr {
        border-bottom: 1px solid #ededed;
    }

    table.table.table-tamplate-style.table-user-access
    .actiondelete-button > a > img {
        width: 16px;
    }

    table.table.table-tamplate-style.table-user-access
    tbody
    tr
    td.action_button
    .actiondelete-button {
        width: 16px;
        margin: unset;
    }

.usersetting .search-filter {
    padding: 0 9px;
}

a.btn.btn-create > i {
    margin-right: 5px;
}

.checkbox-bdy .mb-3.form-check {
    margin-bottom: 4px !important;
}

.accessoverride .checkbox-bdy {
    gap: 2px 10px;
}

#Newuserpopup .accessoverride h4.side-heading-sp-three {
    font-weight: 700;
    font-size: 16px;
    color: #000;
}

#Newuserpopup form .col-lg-6.col-sm-12 label + .d-flex {
    align-items: center;
    gap: 9px;
    font-weight: 600;
    font-size: 15px;
}

.appaccesspopup {
    top: 0px !important;
    left: -90px !important;
    padding: 0 0 0 0;
    overflow: hidden;
    border-radius: 9px;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
}

    .appaccesspopup tbody tr td {
        font-size: 15px;
        border-bottom: 1px solid #ccc;
    }

    .appaccesspopup table th {
        line-height: 8px !important;
    }

.editicon > img {
    width: 20px;
}

.usersetting .settingmaincontainer .table-responsive {
    overflow-x: visible;
}

/**/
.gridinnerarea {
    margin-top: 5px;
}

.filteropencontainer > .col-lg-12 > h3 {
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.filterbutton button {
    height: 33px !important;
    line-height: 0;
    font-size: 13px !important;
}

.filterbutton {
    margin-top: 17px;
    text-align: right;
}

.filtermaincontainer .card.card-body {
    padding: 8px 17px;
}

.uploaddocument-section {
    text-align: center;
    border-radius: 14px;
    border: 1px dashed #717171;
    background: #f5f8ff;
    padding: 19px 0;
    position: relative;
}

    .uploaddocument-section > img {
        width: 39px;
        margin-bottom: 10px;
    }

    .uploaddocument-section > h6 {
        color: #717171;
        font-family: "Poppins", sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .uploaddocument-section > p {
        color: #989898;
        text-align: center;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.btn-primarytheme {
    border-radius: 14px;
    border: 1px solid #d8d8d8;
    background: #1b6dba;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 24px;
}

    .btn-primarytheme:hover {
        background: #e0e0e0;
        color: #000000;
        box-shadow: none;
        outline: none;
    }

.btn-secondarytheme {
    border-radius: 14px;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 24px;
    background: #eee;
    color: #595959;
    border: 0;
}

    .btn-secondarytheme:hover {
        background: #dddddd;
    }

.documentdata-wrapper .profile-img-list li {
    zoom: 0.8;
}

.uploaddocument-section input.choosefile {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.sectiontitle > h1 {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
}

.navigationbutton > a {
    background-color: #1b6dba !important;
    padding-bottom: 8px;
}

.rotateleft {
    rotate: 180deg;
}

.bluerowcategory {
    border-radius: 14px;
    background: #1b6dba;
    padding: 10px 20px;
    color: #fff;
}

    .bluerowcategory h4 {
        color: #fff;
        font-size: 21px;
        font-weight: 500;
        text-transform: capitalize;
        margin-top: 6px;
    }

span.category {
    color: #d7d7d7;
    font-size: 14px;
    font-weight: 600;
}

span.editcategory > a > img {
    filter: brightness(50);
    margin: -5px 0 0 6px;
    width: 20px;
}

.statustag {
    text-align: right;
    display: flex;
    align-self: center;
    justify-content: flex-end;
}
/*************************New UI css start***********************************/
.settingmaincontainer.application-setting-container {
    max-width: 1452px;
    margin-top: 27px;
}

table.table.table-tamplate-style.table-user-style {
    margin-bottom: 4rem;
}

.sectiongrid select:has(option:checked:first-child), .country-select select:has(option:checked:first-child) {
    color: #aaa !important;
}

.createapplication-form .sectiongrid input.form-control, input.form-control {
    border-radius: 6px;
    /*  background: #f8f8f8;*/
    color: #2c2c2c;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.25px;
    /*    text-transform: capitalize;*/
    min-height: 42px;
    border: 1px solid #d1d1d1;
    padding-left: 19px;
}

.createapplication-form .sectiongrid select.form-control {
    border-radius: 6px;
    /*    background: #f8f8f8;*/
    color: #2c2c2c;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.25px;
    text-transform: capitalize;
    min-height: 42px;
    border: 1px solid #d1d1d1;
    padding-left: 19px;
}

.createapplication-form .sectiongrid input.form-control::placeholder {
    font-size: 15px;
}

button.btn.btn-primary.btn-tab-createapp {
    min-width: 210px;
    padding: 9px 35px;
    color: #fff;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 13.771px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

button.btn.btn-secondary.btn-tab-createapp {
    min-width: 210px;
    color: rgba(44, 44, 44, 0.6);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 13.771px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 5px;
    border: 0.765px solid #e9e9e9;
    background: #fff;
}

.btn-group-create-app {
    margin-top: 54px;
    margin-bottom: 54px;
}

.input-group-text {
    border-radius: 14px;
    border: 1px solid #e9e9e9;
    background: #fff;
    height: 48px;
    border: 0;
}

.AppEnvelope input.form-control {
    color: #6f6f6f;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase;
    height: 48px;
}

    .AppEnvelope input.form-control::placeholder {
        font-size: 18px;
    }

.AppEnvelope .input-group-text {
    border: 1px solid #e9e9e9;
}

.settingtab-container select.form-select {
    border-radius: 11.9px;
    background-color: #f8f8f8;
    color: #aaa;
    font-family: "Poppins", sans-serif;
    font-size: 13.6px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.25px;
    text-transform: capitalize;
    border: 0;
    height: 40px;
}

.settingtab-container .createapp-select select.form-select {
    background-image: url(../../assets/images/setting-icon/dropdown-icon-blue.svg);
    width: 20px;
}

.settingtab-container .createapp-select {
    max-width: 307px;
}

    .settingtab-container .createapp-select span.input-group-text {
        background-color: #f8f8f8;
        border-color: #e9e9e9;
        padding: 17px;
        height: 40px;
    }

        .settingtab-container .createapp-select span.input-group-text img {
            width: 11.688px;
        }

.createapp-select {
    margin-top: 19px;
}

.Access-select select.form-select {
    background-image: url(../../assets/images/setting-icon/dropdown-icon-blue.svg);
    line-height: normal;
    border-radius: 11.9px;
    border: 0.85px solid #bababa;
    color: #6c6c6c;
    font-weight: 500;
}

.Access-select span.input-group-text {
    padding: 17px;
    height: 34px;
    border: 0.85px solid #bababa;
}

.Access-select .input-group-text img {
    width: 11.688px;
}

table.table.table-bordered.table-access-no-border tbody > tr > td {
    padding: 14px;
}

    table.table.table-bordered.table-access-no-border
    tbody > tr > td.padding-left-zero {
        padding-left: 0px !important;
    }

table.table.table-bordered.table-access-no-border tbody > tr {
    border: none;
}

.Access-select {
    max-width: 188px;
}

.account-setup-modal .createapp-select select.form-select {
    -webkit-appearance: none;
    background-image: none;
    line-height: normal;
}

.account-setup-modal .createapp-select span.input-group-text {
    background-color: #f8f8f8;
    border-color: #e9e9e9;
    padding: 17px;
    height: 40px;
}

    .account-setup-modal .createapp-select span.input-group-text img.w-20 {
        width: 14px;
    }

.account-setup-modal .modal-content {
    border-radius: 50px;
    border: 1px solid #d8d8d8;
    background: #fff;
    padding: 23px;
}

.account-setup-modal .modal-header {
    justify-content: center;
    text-align: center;
}

    .account-setup-modal .modal-header h1 {
        color: #2c2c2c;
        font-family: "Poppins", sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

.account-setup-modal .modal-footer {
    justify-content: center;
}

.account-setup-modal a.btn.btn-primary {
    background-color: #1b6dba;
    color: #fff;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 14px;
    padding: 14px 10px;
    display: inline-block;
    width: 205px;
}

.module-txt-labl {
    border-radius: 22px;
    border: 0.5px solid #60b2ff;
    background: #60b2ff;
    height: 22px;
    padding: 4px 12px 5px 12px;
    flex-shrink: 0;
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
}

span.access-key-bdy-txt {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: Montserrat;
}

button.copy-btn-txt {
    background-color: transparent;
    border: none;
}

.module-txt-labl {
    display: inline-flex;
}

.table-wrapper
table.table.table-bordered.table-access-no-border.apiaccess-tbl
th {
    padding: 14px 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
    font-family: Montserrat;
}

span.access-key-bdy-txt {
    display: inline-block;
}

/*td.access-key-bdy {
    display: flex;
    align-items: center;
    column-gap: 5px;
}*/
span.access-key-sec {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

table.table.table-bordered.table-access-no-border.apiaccess-tbl
.actiondelete-button > a > img {
    width: 24px;
}

span.secret-txt {
    color: #000;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.table-wrapper
table.table.table-bordered.table-access-no-border.apiaccess-tbl
td
h4 {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    font-weight: 600;
    font-family: Montserrat;
    white-space: nowrap;
}

span.created-date-txt {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: Montserrat;
}

.id-txt-table {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: Montserrat;
}

td.alldisabled {
    filter: opacity(0.2);
    /*filter: blur(5px);*/
}

.actiondelete-button.add-more-bdy {
    display: flex;
    justify-content: center;
    width: 96px;
}

.table-wrapper
table.table.table-bordered.table-access-no-border.apiaccess-tbl
td
.actiondelete-button {
    width: 70px;
    justify-content: space-around;
    display: flex;
}
/*****************popup design**********************8*/
h5.offcanvas-title.infopopiconbdy {
    display: flex;
    justify-content: space-between;
    width: 95%;
    text-transform: capitalize;
    color: #2c2c2c;
    font-size: 25.5px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.acess-key-popup-input {
    position: relative;
}

span.copy-icon-popup {
    position: absolute;
    top: 40px;
    right: 11px;
}

.popup-form-bdy {
}

    .popup-form-bdy h5.sectiontitle {
        color: #182433;
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
    }

    .popup-form-bdy input.form-control {
        border-radius: 6px;
        /*  background: #f8f8f8;*/
        border: 0px;
        padding: 10px 16px;
        /*  color: #aaa;*/
        font-size: 13.6px;
        font-style: normal;
        font-weight: 500;
        line-height: 21.25px;
        border: 1px solid #d1d1d1;
        text-transform: capitalize;
    }

    .popup-form-bdy textarea.form-control {
        border-radius: 11.9px;
        background: #f8f8f8;
        color: #aaa;
        font-size: 13.6px;
        font-style: normal;
        font-weight: 500;
        line-height: 21.25px;
        text-transform: capitalize;
        border: 0px;
    }

.role-management-table thead th {
    position: sticky;
    top: 0;
    background: #eeeeee !important;
    z-index: 5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.role-management-table {
    max-height: 630px;
    overflow-y: auto;
    overflow-x: hidden;
}

.popup-form-bdy .checkbox-bdy .form-check > label.form-check-label {
    color: #595959;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

label.form-check-label.inactive-txt {
    color: #000;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    margin-right: 50px;
    text-transform: capitalize;
}

.inactact-pop-bdy .form-check.form-switch {
    display: flex;
    align-items: center;
}

.inactact-pop-bdy {
    display: flex;
    align-items: center;
    margin-top: 20px;
    height: 0px;
}

.dataretentionpolicy-container .inactact-pop-bdy .form-check.form-switch {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    padding-left: 0;
}

label.form-check-label.active-txt {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: 8px;
    text-transform: capitalize;
}

span.regenrate-btn-bdy {
    position: absolute;
    right: 9px;
    top: 37px;
}

button.btn.regenrate-btn {
    background-color: #f8edc9;
    color: #2c2c2c;
    font-family: "Poppins", sans-serif;
    font-size: 13.6px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    width: 155px;
}

.ct-box.ct-box-style-two .checkbox-bdy .form-check > input {
    border: 1px solid #dbdbdb;
}

.ct-box.ct-box-style-two
.form-check-input:checked[type="checkbox"] + label.form-check-label {
    color: #595959;
}

.checkbox-bdy.popup-usetting {
    gap: 13px;
}

.ct-box.ct-box-style-two
.checkbox-bdy.popup-usetting
.form-check
label.form-check-label {
    font-weight: 400;
}
/********************user setting start***********************/
span.grey-badges-txt {
    border-radius: 14px;
    background: #eee;
    width: 148px;
    display: block;
    text-align: center;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 6px 10px;
}
/*.search-filter.usser-setting-filtr {
  margin-bottom: 28px;
}*/

.backg-check-toggle {
    border-radius: 5px;
    /*  background: #f8f8f8;*/
    height: 41px;
    display: flex !important;
    justify-content: start;
    padding-left: 10px;
}

.form-check-input:checked[type="checkbox"] + label.form-check-label.active-txt {
    color: #1b6dba;
}

.ct-box.ct-box-style-two {
    background-color: transparent;
    /*  margin-bottom: 25px;*/
}

    .ct-box.ct-box-style-two > .row.p-0.w-100 {
        padding: 0px !important;
    }

    .ct-box.ct-box-style-two .statuslabel.completed-bages {
        min-width: 66px;
        padding: 2px;
    }

    .ct-box.ct-box-style-two .statuslabel.draft-bages {
        min-width: 74px;
        padding: 2px;
    }

    .ct-box.ct-box-style-two .statuslabel.draft-bage {
        min-width: 74px;
        padding: 2px;
    }

    .ct-box.ct-box-style-two > .row.p-0.w-100 {
        align-items: center;
    }

    .ct-box.ct-box-style-two .col-lg-2.border-right-ct {
        height: 100%;
        padding: 15px 10px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .ct-box.ct-box-style-two .col-lg-2.border-right-ct span.img-body-outer {
            margin-bottom: 14px;
            display: unset;
            padding-right: unset;
        }

    .ct-box.ct-box-style-two.ct-disabled {
        opacity: 0.5;
        filter: blur(0.8px);
    }

.createapplication-form label.form-label, label.form-label {
    color: #182433;
    font-family: "Poppins", sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    text-transform: capitalize;
}

/*.row.business-bdy-input input.form-control {
  width: 350px;
}*/
.row.business-bdy-input-addrecipant {
    column-gap: 48px;
    margin-top: 32px;
    margin-left: 10px;
}

.row.business-bdy-input {
    column-gap: 48px;
}

.tabwrapper-two .tabs ul {
    font-size: 15px;
    padding: 7px 0px 0px 0px;
    list-style: none;
    background: transparent;
    display: flex;
    border-radius: 0;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 2px auto 10px auto;
    border-bottom: none;
    gap: 0px;
}

.tabwrapper-two li.nav-item button.nav-link.active {
    border-right: 1px solid #a4a4a4;
    border-left: 1px solid #a4a4a4;
    background: #f0f0f0;
    width: 100%;
    color: #1b6dba;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-top: 1px solid #1b6dba;
    border-bottom: none;
}

.tabwrapper-two li.nav-item button.nav-link {
    border-right: 1px solid #a4a4a4;
    border-bottom: 1px solid #a4a4a4;
    background: #f0f0f0;
    width: 100%;
    color: #2c2c2c;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 0;
    padding: 20px;
}

.tabwrapper-two li.nav-item {
    width: 49.9%;
    background: #f0f0f0;
}

table.role-first-heading-table {
    width: 100%;
    background: #eaeaea;
}

    table.role-first-heading-table input.form-control {
        background-color: transparent;
        border: 0px;
        font-weight: 400;
        font-size: 15px !important;
        line-height: 19px;
        color: rgba(44, 44, 44, 0.4);
        border: 1px solid #d8d8d8 !important;
        border-radius: 7px !important;
        padding: 0px 35px !important;
        width: 100%;
        border: none !important;
    }

    table.role-first-heading-table .search-filter-main > img {
        top: -2px;
        opacity: 0.7;
        width: 23px;
        position: absolute;
        left: 0px;
    }

td.border-right-grey {
    border-right: 1px solid #cdcdcd;
}

td.border-right-grey-one {
    border-right: 1px solid #cdcdcd;
}

td.border-right-blue {
    border-right: 1px solid #1b6dba;
}

span.table-drop-heading {
    color: #2c2c2c;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    /* 178.571% */
    text-transform: uppercase;
}

/* Edit Recipient CSS*/

span.img-body-outer img.img-fluid {
    width: 39px;
}

button.btn.btn-primary.btn-tab-createapp, button.btn.btn-secondary.btn-tab-createapp {
    /*    padding: 0.5rem 1.25rem !important;
    min-width: 25% !important;*/
    padding: 5px 20px !important;
    min-width: 25% !important;
    min-width: 180px !important;
    width: 200px !important;
    height: 40px;
}

label.form-label {
    color: #182433;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

/* Edit Recipient CSS END */

span.second-txt-drop {
    color: #2c2c2c;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-transform: capitalize;
    display: block;
}

span.tbal-drop-body {
    display: flex;
    justify-content: space-between;
}

    span.tbal-drop-body.tble-new {
        display: flex;
        justify-content: space-between;
        gap: 5px;
    }

.accordion.table-inner-accordion
.accordion-item
.accordion-header
.accordion-button {
    background: #e3f0f8;
    border-radius: 0px;
    border: 0px;
    color: #2c2c2c;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    outline: none;
}

.accordion.table-inner-accordion .accordion-item {
    border: none;
    margin-bottom: 10px;
}

    .accordion.table-inner-accordion
    .accordion-item
    .accordion-header
    .accordion-button::after {
        background-image: none;
    }

    .accordion.table-inner-accordion
    .accordion-item
    .accordion-header
    .accordion-button:focus {
        box-shadow: none;
    }

    .accordion.table-inner-accordion .accordion-item .accordion-body {
        padding: 0px;
    }

span.item-count-accor {
    padding: 6px 19px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 11px;
    border: 1px solid #cbcbcb;
}

span.img-icon-angle {
    margin-right: 10px;
}

table.role-first-inner-table {
    width: 100%;
}

    table.role-first-inner-table > td:last-child {
        max-width: 43px;
    }

    table.role-first-inner-table tr > td:first-child {
        background: #f8f8f8;
        width: 368px;
        border-right: 1px solid #d5d5d5;
    }

    table.role-first-inner-table tr > td .form-check {
        display: flex;
        justify-content: center;
    }

    table.role-first-inner-table tr > td:last-child {
        width: 3%;
    }

.accordion-button:not(.collapsed) span.img-icon-angle {
    transform: rotate(180deg);
}

.status-dropdown-box select.form-control {
    border: none;
    color: #ffffff;
    padding: 10px 0px 9px 10px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.status-dropdown-box.active-status select.form-control {
    border-radius: 11.9px;
    border: 0.85px solid #1f9254;
    background-color: #ebf9f1;
    color: #1f9254;
    font-size: 13.6px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.25px; /* 156.25% */
    text-transform: capitalize;
    width: 140px;
}

span.table-drop-icon {
    padding-right: 10px;
}

span.select-icon {
    position: absolute;
    right: 46px;
    top: 1px;
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 40px;
    width: 36px;
    justify-content: center;
    border-radius: 0px 11.9px 11.9px 0px;
}

.status-dropdown-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 185px;
}

    .status-dropdown-box.active-status span.select-icon {
        border-left: 1px solid #1f9254;
    }

    .status-dropdown-box.inactive-status select.form-control {
        border-radius: 11.9px;
        border: 0.85px solid #a30d11;
        background-color: #fbe7e8;
        color: #a30d11;
        font-family: "Poppins", sans-serif;
        font-size: 13.6px;
        font-style: normal;
        font-weight: 400;
        line-height: 21.25px; /* 156.25% */
        text-transform: capitalize;
        width: 140px;
    }

    .status-dropdown-box.inactive-status span.select-icon {
        border-left: 1px solid #a30d11;
    }

.img-box-inner-bdy {
    width: 342px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

span.table-drop-in-heading {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 40px;
}

.country-select select.form-select {
    height: 42px;
    border-radius: 6px;
    color: #2c2c2c;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.25px;
    text-transform: capitalize;
    min-height: 42px;
    border: 1px solid #d1d1d1;
    padding-left: 19px;
}

.country-select select.form-select {
    background-image: url(../../assets/images/setting-icon/dropdown-icon-blue.svg);
    /*  width: 20px;*/
}

.country-select label.form-label {
    margin-top: 8px;
    margin-bottom: 13px;
}

.country-select span.input-group-text {
    background-color: #f8f8f8;
    border-color: #e9e9e9;
    padding: 17px;
    height: 40px;
}

    .country-select span.input-group-text img.w-20 {
        width: 11.688px;
    }

.contactbody-form input.form-control {
    border-radius: 6px;
    /*  background-color: #f8f8f8;*/
    color: #aaa;
    font-size: 13.6px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.25px;
    text-transform: capitalize;
    border: 0;
    height: 42px;
    border: 1px solid #d1d1d1;
}

    .contactbody-form input.form-control::placeholder {
        font-size: 15px;
    }

.contactbody-form h5.sectiontitle {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

h3.contact-heading-info {
    color: #2c2c2c;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.Billing-management-bdy {
    padding-top: 65px;
}

.contact-heading {
    margin-bottom: 22px;
}

.plus-table-bdy .btn-plus-table {
    position: absolute;
    right: 7px;
    top: -33px;
    display: block;
}

.plus-table-bdy {
    position: relative;
    margin-bottom: 42px;
}

.billing-body-disable {
    opacity: 0.2;
}

.check-box-billing {
    display: flex;
    gap: 9px;
}

.contact-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.check-box-billing label.form-check-label.active-txt {
    color: #1b6dba;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-transform: capitalize;
}

.contactbody.contact-billing-first {
    border-right: 1px solid #f0f0f0;
    padding-right: 40px;
}

.contactbody.contact-billing-second {
    padding-left: 23px;
}
/*subscription css start*/
.Subscription-access-bdy {
    border-radius: 11.9px;
    background: #f8f8f8;
    padding: 26px 25px;
    max-width: 99%;
    margin: auto;
    margin-bottom: 18px;
}

.Subscription-access-bdy {
    border-radius: 11.9px;
    background: #f8f8f8;
    padding: 26px 25px;
    max-width: 99%;
    margin: auto;
    margin-bottom: 18px;
    margin-top: 20px;
}

.Subscription-access-inner > h3 {
    color: #2c2c2c;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.Subscription-access-inner > p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
}

.available-access-inner .progress-bar {
    border-radius: 20px;
    background: #1b6dba;
    max-width: 347px !important;
}

.available-access-inner .progress-bar {
    border-radius: 20px;
    background: #1b6dba;
    max-width: 347px !important;
}

.available-access-inner > h3 {
    color: #2c2c2c;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 23px;
}

.available-access-inner > h4 > span {
    color: #1b6dba;
}

span.total-value-progress {
    color: #2c2c2c;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.available-access-bdy {
    border-radius: 11.9px;
    background: #f8f8f8;
    padding: 25px 26px;
}

.available-access-inner .progress {
    height: 12px;
    margin-bottom: 12px;
}

.numberineer-input-bdy input {
    color: #cdcdcd;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 6px;
    border: 0.167px solid #fff;
    background: #ededed;
    max-width: 168px;
    height: 46px;
}

/*.numberineer-input-bdy {
  margin-bottom: 20px;
}*/

.numberineer-bdy .btn-create {
    max-width: 168px;
}

.numberineer-bdy {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
}

.tabwrapper-two {
    max-width: 100%;
    margin-bottom: 31px;
}

table.role-first-heading-table tbody tr td {
    padding: 10px 29px !important;
}

    table.role-first-heading-table tbody tr td:last-child {
        padding: 10px 16px !important;
    }

/*****************nexted table css*************/
table.nextedtable-bodey {
    width: 100%;
    background: #eaeaea;
}

    table.nextedtable-bodey input.form-control {
        background-color: transparent;
        border: 0px;
        font-weight: 400;
        font-size: 15px !important;
        line-height: 19px;
        color: rgba(44, 44, 44, 0.4);
        border: 1px solid #d8d8d8 !important;
        border-radius: 7px !important;
        padding: 0px 35px !important;
        width: 100%;
        border: none !important;
    }

    table.nextedtable-bodey .search-filter-main > img {
        top: -2px;
        opacity: 0.7;
        width: 23px;
        position: absolute;
        left: 0px;
    }

th.border-right-grey-one {
    border-right: 1px solid #cdcdcd;
}

th.border-right-blue {
    border-right: 1px solid #1b6dba;
}

table.nextedtable-bodey .accordion-header .accordion-button {
    background: #e3f0f8;
    border-radius: 0px;
    border: 0px;
    color: #2c2c2c;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    outline: none;
    padding: 14px;
    margin-bottom: 10px;
}

    table.nextedtable-bodey .accordion-header .accordion-button.accodion_open {
        margin-bottom: 0px;
    }

    table.nextedtable-bodey .accordion-header .accordion-button.margin-bottom-none {
        margin-bottom: 0px;
    }

tr.accordian-tab td {
    padding: 0px !important;
}

table.nextedtable-bodey tr > td .form-check {
    display: flex;
    justify-content: center;
}

table.nextedtable-bodey tr > td:first-child {
    background-color: #f8f8f8;
    width: 368px;
    border-right: 1px solid #d5d5d5;
}

table.nextedtable-bodey thead tr th:first-child {
    width: 368px;
}

table.nextedtable-bodey tr > td {
    background-color: #fff;
}

table.nextedtable-bodey tr.accordian-tab > td {
    background-color: white;
}

[data-toggle="toggle"] {
    display: none;
}

tbody.acor-hide {
    display: none;
}

table.nextedtable-bodey tbody.accor-labels tr td {
    padding: 0px !important;
    background-color: #fff;
}
/*bliling and subscription css*/
td.strip-font {
    color: #2c2c2c;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

td.strip-font {
    color: #2c2c2c;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.invoice-subscription-bdy {
    border-radius: 11.9px;
    background-color: #f8f8f8;
    padding: 25px 26px;
    margin-top: 14px;
    margin-bottom: 47px;
}

table.table.table-stripe.table-subinvoice {
    border: none;
    margin: unset;
}

.invoice-subscription-heading > h3 {
    color: #2c2c2c;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}

table.table.table-stripe.table-subinvoice thead {
    border-top: none;
    border-bottom: none;
}

    table.table.table-stripe.table-subinvoice thead > tr > th {
        background-color: #f0f0f0;
        padding: 11px !important;
    }

table.table.table-stripe.table-subinvoice tbody tr:nth-child(even) {
    background-color: #f6f6f6;
}

table.table.table-stripe.table-subinvoice tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

table.table.table-stripe.table-subinvoice tbody tr td {
    padding: 11px !important;
    white-space: nowrap;
}

table.table.table-subinvoice thead {
    border: 1px solid #0420451a;
    border-top: 1px solid #0420451a !important;
}

table.table.table-subinvoice a.btn.btn-sm.btn-outline-primary {
    text-decoration: underline !important;
}

.plan-group h4 {
    font-size: 16px;
    font-weight: 500;
}

.plan-group .form-check.col-12 {
    padding: 12px 30px;
    border: 1px solid #e1e5ee;
    border-radius: 8px;
    background: #f9fafc;
    transition: all 0.25s ease;
    cursor: pointer;
}

.plan-group .list-unstyled li {
    display: flex;
    /* justify-content: space-between; */
    padding: 6px 0;
    font-size: 14px;
    /* border-bottom: 1px dashed #ccc; */
}

/*.invoice-subscription-inner .table-responsive {
  border-radius: 11px 11px;
  border: 1px solid #cbcbcb;
}*/
/*user activity start*/
.table-wrapper.simple-bdy-tble .table-responsive {
    border-radius: 14px;
    border: 1px solid #d6d6d6;
}

table.simple-table tbody tr {
    border-top: 0.75px solid #d6d6d6;
    border-bottom: 0.75px solid #d6d6d6;
}

.simple-table td.simple-tble-txt {
    padding-left: 18px !important;
}

table.simple-table thead tr th {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
    padding-left: 18px !important;
}

td.simple-tble-txt {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

table.simple-table {
    width: 100%;
}

.table-wrapper.simple-bdy-tble {
    max-width: 989px;
    margin-top: 32px;
}

p.simple-one {
    width: 330px;
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
}

span.simple-inner-one {
    color: #7d7d7d;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
}

span.simple-inner-two {
    color: #7d7d7d;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
}

span.simple-two-last-two {
    color: #7d7d7d;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
}

span.simple-two-last-one {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
}

.padding-left-zero {
    padding-left: 0px !important;
}

.table-wrapper table tr th.padding-left-zero {
    /*  padding-left: 0px !important;*/
    padding: 0px 15px !important;
}
/*.createapplication-wrapper .tabwrapper {
  margin-top: 40px;
}*/
.createapplication-wrapper .tabwrapper .tabs ul li:first-child a {
    padding-left: 0;
}

.createapplication-wrapper .sectiontitle, .sectiontitle {
    color: #000;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    text-transform: capitalize;
}

.createapplication-form .sectiongrid .suit-inner-input {
    max-width: 285px;
}

.row.suit-inner-input-bdy {
    column-gap: 48px;
}

.userwrapper.user-acces-tble
table.table.table-bordered.table-access-no-border
tbody > tr > td:first-child {
    width: 335px;
}

.userwrapper.user-acces-tble
table.table.table-bordered.table-access-no-border
tbody > tr > td:nth-child(2) {
    width: 160px;
}

.userwrapper.user-acces-tble
table.table.table-bordered.table-access-no-border
tbody > tr > td:nth-child(3) {
    width: 290px;
}

.offcanvas-body .form-check > input {
    border: 1px solid #dbdbdb;
}

.row.top-45-ups {
    margin-top: 30px;
}

.offcanvas-header {
    padding-right: 40px;
    padding-left: 25px;
}

.popup-form-bdy {
    padding: 0px 10px;
}
/*sidebar menu start*/
.side-menu {
    max-width: 300px;
    position: fixed;
    height: 86%;
    z-index: 99;
    overflow-x: hidden;
    overflow-y: auto;
}

.right-pannel {
    position: static;
    margin-left: 320px;
}

.activity-log-bdy .tamplate_nav .nav-tabs .nav-link {
    color: #595959 !important;
}

    .activity-log-bdy .tamplate_nav .nav-tabs .nav-link.active {
        color: #2c2c2c !important;
    }

.contactbody.contact-billing-first:before {
    content: "";
    display: block;
    height: 100%;
    width: 0.5px;
    background-color: #f0f0f0;
    position: absolute;
    right: -12px;
    top: 0;
}

.contactbody.contact-billing-first {
    position: relative;
}

.contactbody.contact-billing-first {
    position: relative;
    border-right: none;
}

footer {
    position: sticky;
    z-index: -1;
}

main {
    /*  max-height: 80vh;*/
    /*    max-height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;*/
    /*    height: calc(100vh - 0px) !important;
    overflow: hidden;*/
    /*    max-height: 100%;
    min-height: 100%;*/

    max-height: 100vh;
    /*    max-height: 100%;*/
    overflow-y: scroll;
    overflow-x: hidden;
    /*        background-color: #f1f5f9;*/
}

footer {
    position: fixed;
    bottom: 0px;
    z-index: 99;
    width: 100%;
    background-color: #fff;
}

.table-wrapper table tr th.padding-left-zero .form-check {
    font-size: 17px;
}
/*.table-wrapper table tr td.padding-left-zero {
  padding-left: 0px !important;
}*/
.module-bdy-sec {
    display: flex;
    max-width: 320px;
    flex-wrap: wrap;
    gap: 9px;
}

table.table.table-tamplate-style.table-user-style.table-user-seting
thead
tr
th {
    vertical-align: middle;
}
/*data nvolop page css start*/
.dataretentionpolicy-container .input-group > input + .input-group-text {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    height: 100%;
}

.dataretentionpolicy-container .input-group > input.form-control {
    color: #2c2c2c;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 3.2px;
}

.dataretentionpolicy-container .input-group > input + span.input-group-text {
    color: #2c2c2c;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.dataretentionpolicy-container .lockedservice.new {
    top: 1px;
    padding: 20px 10px;
    background-color: rgb(255 255 255 / 50%);
}

.dataretentionpolicy-container ul.nav.nav-pills > li > button {
    color: rgba(44, 44, 44, 0.6);
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.form-switch .form-check-input.checkbox-big:after {
    width: 20px;
    height: 20px;
    top: -3px;
    line-height: 36px;
}

.form-switch
input.form-check-input.checkbox-big[type="checkbox"]:checked:after {
    width: 23px;
    height: 23px;
    top: -4px;
    line-height: 36px;
}

.form-check-input.checkbox-big {
    width: 5.2em;
    height: 2.2em;
}

.form-switch .form-check-input.checkbox-big:checked {
    border-radius: 14px;
    width: 36px;
    height: 18px;
}

.form-switch
input.form-check-input.checkbox-big[type="checkbox"]:checked:after {
    right: -3px;
}

.dataretentionpolicy-container .editable_txt .input-group > input.form-control {
    color: #6f6f6f;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    text-transform: uppercase;
    text-align: left;
    width: 76%;
    height: 50px;
    letter-spacing: 0;
    background: #f8f8f8;
}

.dataretentionpolicy-container
.editable_txt
.input-group > .input-group-text.disable-txtbox {
    background-color: #f8f8f8 !important;
}

.dataretentionpolicy-container
.editable_txt
.input-group > input.form-control.custom-txt-box.expr-txtbox {
    color: #000;
}

.dataretentionpolicy-container
.editable_txt
.input-group > input.form-control.expr-txtbox.disable-txtbox {
    color: #000;
}

.offcanvas-body
.dataretentionpolicy-container
input.form-check-input.checkbox-big-box {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 1px solid #1b6dba;
    margin-top: 0px;
}

.offcanvas-body .dataretentionpolicy-container .side-heading-sp-two {
    font-size: 18px;
}

.ct-box.ct-box-style-two.ct-box-three > .row.p-0.w-100 {
    padding-right: 11px !important;
}

.ct-box.ct-box-style-two.ct-box-three > .row.p-0.w-100 .side-heading-sp-three {
    color: #7e7e7e;
    font-size: 24px;
}
.useraccessoverview-container {
    margin-bottom: 10%;
}

.ct-box.ct-box-style-two.ct-box-three .col-lg-2.border-right-ct {
    padding: 22px 10px;
}

.btn-group-create-app.btn-dataenv button.btn.btn-primary.btn-tab-createapp {
    min-width: 210px;
    padding: 0px 20px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.btn-group-create-app.btn-dataenv button.btn.btn-secondary.btn-tab-createapp {
    min-width: 210px;
    padding: 0px 20px;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.offcanvas-body {
    position: relative;
}
/*pie chart-css start*/
.pie-chart {
    position: relative;
    font-size: 2em;
    border-radius: 50%;
}

.pie-chart--donut:after {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    transform: translate(-50%, -50%);
    content: "";
}

.pie-chart__value {
    position: absolute;
    top: 50%;
    left: 50%;
    font-weight: 700;
    transform: translate(-50%, -50%);
    z-index: 1;
}

[data-chart="2"] .pie-chart {
    width: 240px;
    height: 240px;
    background-color: #f2f2f2;
    background: conic-gradient( #3c2bff 0deg, #3c2bff 9deg, #9f97f7 9deg, #9f97f7 20deg, #ffb44f 20deg, #ffb44f 50deg, #f99bab 50deg, #f99bab 110deg, #9bdfc4 110deg, #9bdfc4 200deg, #1b6dba 200deg, #1b6dba 300deg );
}

[data-chart="2"] .pie-chart--donut:after {
    width: 154px;
    height: 154px;
}

[data-chart="2"] .pie-chart__value {
    font-size: 53.3333333333px;
}

span.chart-heading {
    color: #222529;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    display: block;
}

span.chart-subheading {
    color: #8c97a7;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    display: block;
}

.donate-wrapper {
    display: flex;
    align-items: center;
    gap: 28px;
}

ul.color-donate-list-inner li {
    display: flex;
    gap: 20px;
    margin-bottom: 16px;
}

span.color-dot {
    width: 10.8px;
    height: 10.8px;
    display: inline-block;
    border-radius: 100%;
}

.all-color {
    background-color: #62b2fd;
}

span.color-value {
    color: #000;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.2px;
}

span.color-numeric-value {
    color: #2a2e33;
    font-size: 16.2px;
    font-style: normal;
    font-weight: 700;
    line-height: 18.9px;
    text-align: left;
}

span.pece-grey {
    color: #8c97a7;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.2px;
}

.sent-color {
    background-color: #9bdfc4;
}

.inprogress-color {
    background-color: #f99bab;
}

.completed-color {
    background-color: #ffb44f;
}

.annotated-color {
    background-color: #9f97f7;
}

.declined-color {
    background-color: #3c2aff;
}

span.left-sec {
    width: 49%;
}
/*pie chart-css End*/
.envo-dash-heading h3 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.overlay {
    fill: #3d70b2;
    opacity: 0.1;
    display: none;
    pointer-events: none;
}

.line {
    stroke-width: 2;
    stroke: #ff00ff;
    fill: none;
    pointer-events: none;
}

.axis path {
    stroke: #5a6872;
}

.tick line {
    stroke: #5a6872;
}

.tick text {
    fill: #5a6872;
}

.graph-container {
    position: relative;
}

.tooltip {
    font-weight: 700;
    padding-left: 1rem 2rem;
    background-color: #fff;
    position: absolute;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #dfe3e6;
    padding: 0.25rem 0.5rem;
    pointer-events: none;
    display: none;
}

    .tooltip:after {
        content: "";
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
    }

.y path {
    display: none;
}

.label {
    font-size: 10px;
    font-weight: 700;
    fill: #5a6872;
    text-anchor: middle;
}
/**********semi donat***************/
.semi-donut {
    --percentage: 0;
    --fill: #ff0;
    width: 300px;
    height: 150px;
    position: relative;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    overflow: hidden;
    color: var(--fill);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    box-sizing: border-box;
}

    .semi-donut:after {
        content: "";
        width: 300px;
        height: 300px;
        border: 50px solid;
        border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) var(--fill) var(--fill);
        position: absolute;
        border-radius: 50%;
        left: 0;
        top: 0;
        box-sizing: border-box;
        transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
        -webkit-animation: fillAnimation 1s ease-in;
        animation: fillAnimation 1s ease-in;
    }

.semi-donut-model-2 {
    width: 300px;
    height: 150px;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    border-radius: 150px 150px 0 0;
    overflow: hidden;
    color: var(--fill);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    box-sizing: border-box;
}

.graph-container svg.graph {
    max-width: 93%;
}

span.semidonat-conten-big {
    color: #2c2c2c;
    text-align: center;
    font-size: 44.672px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
}

span.semidonat-conten-small {
    color: #2c2c2c;
    font-size: 19.544px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/****************document page****************/
ul.profile-img-list.document li a img {
    width: 37px;
    height: 37px;
    border-radius: 100%;
    border: 1px solid #fff;
}

ul.profile-img-list.document .last-count-number {
    width: 37px;
    height: 37px;
    line-height: 37px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}

.profile-img-list.document li {
    margin-left: -15px;
}

span.txt-tb.norehire-txt {
    width: 317px;
    display: inline-block;
    text-align: left;
}

.profile-img-list.document {
    margin: 30px 0px 0px 11px;
    flex-wrap: nowrap;
}

.document-hub-heading > h3 {
    color: #182433;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    /*    margin-bottom: 25px;*/
}

/*.document-hub-heading {
  margin-bottom: 18px;
}*/
img.bottom-img-pdficon {
    width: 20px;
}

td.subjecttd.docum-date span.name {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 140px;
}

td.subjecttd.docum-name span.name {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 140px;
}

.sectionui.quick-reportswrapper.document-reprtwrapper {
    max-width: 408px;
    margin-left: auto;
}

    .sectionui.quick-reportswrapper.document-reprtwrapper .username h3 {
        color: #000;
        font-size: 18px;
        text-transform: capitalize;
    }

    .sectionui.quick-reportswrapper.document-reprtwrapper .content-timeline {
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
    }

        .sectionui.quick-reportswrapper.document-reprtwrapper
        .content-timeline.conent-two-obj {
            margin-left: 29px;
        }

    .sectionui.quick-reportswrapper.document-reprtwrapper
    span.user-time.conent-two-obj > img {
        margin-right: -25px;
    }

    .sectionui.quick-reportswrapper.document-reprtwrapper .timeline-list li {
        margin: 0px 4px 0px 17px;
        display: flex;
    }

    .sectionui.quick-reportswrapper.document-reprtwrapper .user-time > img {
        width: 37px;
        border-radius: 100px;
    }

.listing-doc-sec .step {
    position: relative;
    min-height: 43px;
    color: grey;
}

    .listing-doc-sec .step + .step {
        margin-top: 20px;
    }

    .listing-doc-sec .step > div:first-child {
        position: static;
        height: 0;
    }

    .listing-doc-sec .step > div:not(:first-child) {
        margin-left: 19px;
        padding-left: 0;
    }

    .listing-doc-sec .step.step-active {
        color: #4285f4;
    }

        .listing-doc-sec .step.step-active .circle {
            background-color: #0069b4;
        }

.listing-doc-sec .circle {
    background: #0069b4;
    position: relative;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    box-shadow: 0 0 0 3px #fff;
    margin-top: 140%;
}

    .listing-doc-sec .circle:after {
        content: " ";
        position: absolute;
        display: block;
        top: 0px;
        right: 50%;
        bottom: 1px;
        left: 50%;
        height: 100%;
        width: 2px;
        transform: scale(1, 4);
        transform-origin: 50% -46%;
        border-left: 0.5px dotted #000000;
        z-index: -1;
    }

.listing-doc-sec .step:last-child .circle:after {
    border: 1px dotted transparent;
}

.listing-doc-sec .step:first-child .circle:after {
    height: 100%;
    z-index: -1;
}

p.lay-box-bottom:last-child {
    margin-bottom: 0px;
}

.listing-doc-sec .title {
    line-height: 1.5em;
    font-weight: bold;
}

.listing-doc-sec .caption {
    font-size: 0.8em;
}

.listing-doc-body {
    padding: 17px 30px 46px 30px;
    border-radius: 11px;
    background-color: #f9f9f9;
    position: relative;
    z-index: -1;
}

.listing-doc-sec .caption {
    border: 1px solid #ececec;
    padding: 8px 11px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    background-color: #fff;
    color: #000;
}

.caption.new-layer-box {
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 63px;
}

.caption.new-layer-box {
    border-radius: 8.625px;
    background: #f8f8f8;
    padding: 12px 11px;
}

.listing-doc-sec.version {
    margin-top: 20px;
}

.new-layer-box-one > h4 {
    color: #313131;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;
}

.new-layer-box-two {
    text-align: center;
}

    .new-layer-box-two > span {
        color: #aaa;
        text-align: center;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        width: 32px;
        display: block;
    }

.new-layer-box-three > span {
    color: #aaa;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    display: block;
}

.new-layer-box-three {
    text-align: center;
}

.new-layer-box-two > h6 {
    color: #313131;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;
}

.new-layer-box-three > h6 {
    margin-bottom: 0px;
    color: #313131;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.lay-box-bottom {
    color: #c1c1c1;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.119px;
    margin-bottom: 29px;
}

.listing-doc-sec.version .step {
    display: flex;
    /* align-items: baseline; */
}

.listing-doc-sec .step + .step {
    margin-top: 30px;
}

.standared-form-bdy {
    margin-top: 31px;
    border-radius: 14px;
    border: 1px dashed #f4d775;
    background: #f8edc9;
    padding: 8px 18px;
}

p.standared-txt {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 0px;
}

.button-bottom-standared a.btn.btn-primary.btn-tab-createapp {
    min-width: 274.562px;
    padding: 14px 20px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 14px;
    background: #1b6dba;
}

.button-bottom-standared {
    position: absolute;
    bottom: 17px;
    width: 92%;
}

section.standared-form-sec {
    margin-left: 20px;
    margin-right: 20px;
}

.btn-view-light {
    border-radius: 14px;
    border: 1px dashed #f4d775;
    background: #f8edc9;
    color: #2c2c2c;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

    .btn-view-light:hover {
        border: 1px dashed #f4d775;
        background: #f8edc9;
        color: #2c2c2c;
    }

input.form-control.standared-form-contol {
    border-radius: 7.9px;
    background: #f8f8f8;
    color: #aaa;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 7px 15px;
    border: none;
    height: 40px;
}

.form-group.row {
    margin-bottom: 20px;
    align-items: center;
}

.col-form-label-sm {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 0px;
}

textarea.form-control.standared-form-contol {
    border-radius: 7.9px;
    background: #f8f8f8;
    color: #aaa;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 7px 15px;
    border: none;
}

.set-signing-check-bdy {
    border-radius: 14px;
    border: 1px dashed #f4d775;
    background: #f8edc9;
    padding: 11px 21px;
    max-width: 228px;
    margin-left: auto;
}

    .set-signing-check-bdy .form-switch .form-check-input:after {
        width: 27px;
        height: 27px;
        left: -2px;
        top: -4px;
    }

    .set-signing-check-bdy
    .form-switch
    input.form-check-input[type="checkbox"]:checked:after {
        width: 27px;
        height: 27px;
        top: -4px;
        right: -2px;
    }

    .set-signing-check-bdy .form-switch .form-check-input {
        width: 49px;
        height: 21px;
    }

.form-check-input:checked[type="checkbox"] + label.form-check-label.active-txt {
    color: #2c2c2c;
}

.particular-sec > h3 {
    color: #2c2c2c;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.row.prticular-bdy-top {
    margin-top: 62px;
}

.standared.new-layer-box {
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 14px;
}

.standared.new-layer-box {
    display: flex;
    justify-content: space-between;
    padding: 19px 25px;
}

.standared.new-layer-box {
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 14px;
}

.standared.new-layer-box {
    padding: 14px 25px;
}

.standared.new-layer-box {
    display: flex;
    justify-content: space-between;
}

button.setting-button {
    border: none;
    background-color: transparent;
}

.box-white-st {
    width: 90%;
    display: inline-block;
}

.listing-doc-sec .step > div.box-btn-st {
    margin-left: 0px;
    display: inline-block;
}

.listing-doc-sec.standared-from-listing {
    margin-top: 20px;
}

.listing-doc-sec .step > div.box-white-st {
    margin-left: 27px;
}

.listing-doc-sec.standared-from-listing .step {
    display: flex;
    align-items: baseline;
}

.listing-doc-sec.version-popup .caption.new-layer-box {
    justify-content: space-between;
}

.listing-doc-sec.version-popup .new-layer-box-one > h4 {
    color: #313131;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.listing-doc-sec.version-popup .new-layer-box-two > h6 {
    color: #313131;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.listing-doc-sec.version-popup .new-layer-box-two > span {
    color: #aaa;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    width: 45px;
}

.listing-doc-sec.version-popup .new-layer-box-three > h6 {
    color: #313131;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.listing-doc-sec.version-popup .new-layer-box-three > span {
    color: #aaa;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    width: 75px;
}

.listing-doc-sec.version-popup p.lay-box-bottom {
    color: #c1c1c1;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
}

.listing-doc-sec.version-popup .circle:after {
    transform: scale(1, 5);
    transform-origin: 50% -34%;
}

.listing-doc-sec.version-popup .step > div:not(:first-child) {
    margin-left: 23px;
    padding-left: 0;
}

.listing-doc-sec.version-popup .step {
    display: flex;
    align-items: baseline;
}

    .listing-doc-sec.version-popup .step > div:last-child {
        width: 100%;
    }

.dataretentionpolicy-container p.sub-para {
    color: #2c2c2c;
}

.input-group.heading-input-bdy input.form-control {
    border-radius: 11.9px;
    background-color: #f8f8f8;
    color: #aaa;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    padding: 15px 20px;
    letter-spacing: 0px;
    text-align: left;
    border: none;
}

button.btn-delete-pop {
    background-color: transparent;
    border: none;
}

button.btn-plus-pop {
    background-color: transparent;
    border: none;
}

textarea.form-control.custom-pop-inpt {
    border-radius: 11.9px;
    background-color: #f8f8f8;
}

p.sub-para-bold {
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.sharing-box {
    color: #aaa;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    padding-right: 18px;
}

span.email-id-txt {
    border-radius: 12px;
    border: 0.5px solid #373737;
    padding: 2px 7px;
    margin: 5px;
    display: inline-block;
}

.sharing-box-bdy {
    border-radius: 7.9px;
    background: #f8f8f8;
    padding: 7px 8px;
    min-height: 68px;
}

.close-share {
    position: absolute;
    right: 12px;
    top: 1px;
}

.sharing-box-bdy {
    position: relative;
}

.setting-button {
    margin-left: 20px;
}

.btn-secondary-theme {
    border-radius: 14px;
    background-color: #eee;
    color: #595959;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 11px 20px;
}

    .btn-secondary-theme:hover {
        background-color: #eee;
        color: #595959;
    }

.plist-item {
    border-radius: 0px 14px 14px 0px;
    border: 1px solid #dbdbdb;
    background: #fafafa;
    margin-bottom: 14px;
}

span.plist-item-icon {
    width: 40px;
    height: 43px;
    display: inline-block;
    padding: 6px;
}

.bg-blue {
    background-color: #1b6dba;
    text-align: center;
}

.bg-orange {
    background-color: #de6a15;
    text-align: center;
}

.bg-purple {
    background-color: #aa4499;
    text-align: center;
}

.bg-green {
    background-color: #117733;
    text-align: center;
}

.bg-lite-yellow {
    background-color: #ddcc77;
    text-align: center;
}

.bg-lite-pink {
    background-color: #cc6677;
    text-align: center;
}

span.plist-item-content {
    display: inline-block;
    color: #000;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 65%;
}

.particular-heading-asid {
    margin-bottom: 14px;
}

    .particular-heading-asid > h3 {
        color: #000;
        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

        .particular-heading-asid > h3 > img {
            margin-right: 14px;
        }

.view-all-pl {
    text-align: center;
}

.btn.btn-view-all-pl {
    color: #1b6dba;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
}

.q-items {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 4px 4px 0px rgba(223, 223, 223, 0.25);
    display: flex;
    align-items: center;
    padding: 12px 7px;
    margin-bottom: 12px;
}

span.q-items-watch {
    display: inline-block;
}

span.q-items-drag {
    display: inline-flex;
}

span.q-items-content {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 10px;
    display: block;
}

.search-filter-main.ques-search > img {
    right: 10px;
    position: absolute;
    left: unset;
    top: 8px;
}

.search-filter-main.ques-search input {
    border-radius: 11.9px;
    background: #f8f8f8;
    border: none;
    color: #aaa;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 11px 15px;
}

.aside-left-sec
.questions-bdy
.accordion-flush
.accordion-item
.accordion-button {
    background-color: transparent;
    padding-left: 0;
}

span.question-accordion {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.questions-bdy .accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
}

.questions-bdy .accordion-button:focus {
    border: none;
    box-shadow: unset;
}

span.q-items-watch {
    margin-right: 10px;
}

aside.aside-left-sec {
    position: fixed;
    height: 100%;
    z-index: 99;
    max-width: 24%;
    overflow-y: scroll;
    background-color: #fff;
    width: 100%;
}

.aside-left-sec .questions-bdy .accordion-body {
    padding-left: 5px;
}
/*scroll bar*/
/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #1b6dba #ffffff;
}

    /* Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 10px;
    }

    *::-webkit-scrollbar-track {
        background: #ffffff;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #1b6dba;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }

.id-box-sec {
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 19px;
    flex-wrap: wrap;
}

span.id-box-sec-txt {
    color: #1b6dba;
    text-align: right;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

span.requiredtxt {
    color: #81858d;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.rule-bg {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(223, 223, 223, 0.25);
    padding: 21px 17px;
}

.form-setting-ac input.form-control {
    border-radius: 11.9px;
    background: #f8f8f8;
    border: none;
    color: #aaa;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form-setting-ac label.form-label {
    color: #81858d;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.questions-bdy h2.accordion-header {
    border-bottom: 1px solid #d7d7d7;
}

.questions-bdy .accordion-flush .accordion-item {
    border: none;
}

.pdf-bdy {
    text-align: center;
}

.pdf-viewer-bdy {
    background-color: #f5f5f5;
    max-width: 90%;
    margin: auto;
}

.particular-heading-asid-bdy {
    margin-top: 15px;
}

aside.aside-right-sec {
    position: fixed;
    height: 100%;
    z-index: 99;
    overflow-y: scroll;
    background-color: #fff;
    width: 26%;
    right: 0;
}

.pdf-bdy-bg {
    background-color: #f5f5f5;
}

.col-xl-6.pdf-bdy-bg {
    width: 49%;
    margin: auto;
}

.pdf-bdy > img {
    max-width: 100%;
}

.search-user-name .search-filter-main > img {
    top: 11px;
    left: 9px;
}

.search-user-name input.form-control {
    border-radius: 11.9px;
    background-color: #f8f8f8;
    color: #aaa;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-indent: 20px;
    height: 42.5px;
    border: none;
}

span.manager-pop {
    color: #ababab;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    border-radius: 5px;
    border: 1px solid #ababab;
    padding: 4px 4px;
    margin-right: 10px;
}

.user-cross-listing {
    padding: 16px 17px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 10px;
}

span.close-pop-ic {
    margin-left: 4px;
}

span.image-user-pop {
    border-radius: 8px;
    background: #d9d9d9;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 20px;
}

.user-name-pop-bdy {
    display: flex;
    align-items: center;
}

.row.user-cross-listing.input-search {
    align-items: center;
    border: none;
}

.user-search-bdy input.form-control {
    border-radius: 11.9px;
    background-color: #f8f8f8;
    border: none;
    padding: 6px 16px;
}

.aside-left-sec .questions-bdy .accordion-body {
    max-height: 360px;
    overflow: scroll;
}

.aside-right-sec .questions-bdy .accordion-body {
    max-height: 338px;
    overflow: scroll;
}

button.accordion-button.blue-border {
    border-left: 10px solid #1b6dba !important;
}

button.accordion-button.orange-border {
    border-left: 10px solid #efb48a !important;
}

button.accordion-button.pink-border {
    border-left: 10px solid #d4a1cc !important;
}

button.accordion-button.green-border {
    border-left: 10px solid #88bb99 !important;
}

button.accordion-button.yellow-border {
    border-left: 10px solid #eee5bb !important;
}

button.accordion-button.red-border {
    border-left: 10px solid #e5b3bb !important;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
}

.tags-input-wrapper {
    background: transparent;
    border-radius: 4px;
    max-width: 100%;
}

    .tags-input-wrapper input {
        border: none;
        background: transparent;
        outline: none;
        width: 140px;
        margin-left: 8px;
    }

    .tags-input-wrapper .tag {
        border-radius: 12px;
        border: 0.5px solid #373737;
        padding: 2px 7px;
        margin: 5px;
        display: inline-block;
        color: #aaa;
    }

        .tags-input-wrapper .tag a {
            margin: 0 7px 3px;
            display: inline-block;
            cursor: pointer;
        }

.evlop-container {
    max-width: 1825px;
    margin: auto;
    padding-top: 38px;
}
/***************data envolop*************/
.semidonat-bottom-right > h3 {
    color: #1b6dba;
    font-family: "Poppins", sans-serif;
    font-size: 107.886px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

    .semidonat-bottom-right > h3 > span {
        color: #1b6dba;
        font-family: "Poppins", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
    }

.envo-dash-heading {
    margin-bottom: 30px;
}

.envo-donatchart_bdy {
    border-right: 2px dotted #e0e0e0;
    height: 100%;
}

.graph-vertical-bdy {
    height: 100%;
    border-right: 2px dotted #e0e0e0;
}

.semidonat-sec {
    display: flex;
    justify-content: center;
    padding-bottom: 46px;
    border-bottom: 2px dotted #E0E0E0;
}

.semidonat-bottom-sec {
    display: flex;
    align-items: center;
    justify-content: center;
}

.semidonat-bottom-left > p {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    max-width: 263px;
}

.semidonat-bottom-right {
    margin-left: 97px;
}

.row.envolope-tabs {
    border-top: 2px dotted #e0e0e0;
}

.dataretentionpolicy-container a.btn-config {
    background-color: transparent;
    color: #1b6dba;
    border: unset;
}

.semidonate-bdy .envo-dash-heading {
    padding-left: 10%;
}

/* .graph-vertical-bdy .envo-dash-heading {
  padding-left: 10%;
} */
.dataretentionpolicy-container a.btn-config {
    background-color: transparent;
    color: #1b6dba;
    border: none;
    margin-top: 0px;
}

.bx--graph-header {
    font-weight: 300;
    font-size: 24px;
}

.overlay {
    fill: #3d70b2;
    opacity: 0.1;
    display: none;
    pointer-events: none;
}

.line {
    stroke-width: 2;
    stroke: #ff00ff;
    fill: none;
    pointer-events: none;
}

.axis path {
    stroke: #5a6872;
}

.tick line {
    stroke: #5a6872;
}

.tick text {
    fill: #5a6872;
}

.graph-container {
    position: relative;
}

.tooltip {
    font-weight: 700;
    padding-left: 1rem 2rem;
    background-color: #fff;
    position: absolute;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #dfe3e6;
    padding: 0.25rem 0.5rem;
    pointer-events: none;
    display: none;
    &:after

{
    content: "";
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}

}

.y path {
    display: none;
}

.label {
    font-size: 10px;
    font-weight: 700;
    fill: #5a6872;
    text-anchor: middle;
}
/***************************/
input.form-control.custom-pop-inpt {
    color: #6d6d6d;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: lowercase;
    border-radius: 11.9px;
    background: #f8f8f8;
    border: none;
    padding: 16px 14px;
    width: 100%;
}

nav.tamplate_nav.three-tab .nav-tabs .nav-link {
    width: unset;
}

ul.doc-que-list {
    list-style: none;
    padding-left: unset;
    margin-bottom: 0px;
    margin-top: 14px;
}

span.doc-que-list {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

span.blue-bg-round {
    border-radius: 50px;
    background: #1b6dba;
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-right: 10px;
}

ul.doc-que-list > li {
    margin-bottom: 25px;
}

    ul.doc-que-list > li:last-child {
        margin-bottom: 0px;
    }

.activity-tabs > .tamplate_nav.three-tab > .nav-tabs {
    justify-content: space-between;
}

a.basic-buttons {
    border-radius: 14px;
    border: 1px solid #dbdbdb;
    background: #fafafa;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 17px 15px;
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}

.basic-element > h3 {
    color: #81858d;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 15px;
}

a.basic-buttons > img {
    margin-right: 15px;
    width: 20px;
    height: 20px;
}

.basic-element {
    margin-top: 19px;
}

.qus-hub-inner {
    padding-bottom: 142px;
}

.ques-hub-mid-bdy {
    max-width: 90%;
    margin: auto;
}

.section-toggle-sec {
    display: flex;
    align-items: baseline;
    column-gap: 10px;
}

.que-inner input.form-control {
    border-radius: 11.9px;
    background: #f8f8f8;
    border: none;
    padding: 10px 19px;
    color: #aaa;
    font-family: "Poppins", sans-serif;
    font-size: 13.6px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.25px;
    /* 156.25% */
    text-transform: capitalize;
}

.que-inner select.form-select {
    border-radius: 11.9px;
    background: #f8f8f8;
    border: none;
    padding: 10px 19px;
    color: #aaa;
    font-family: "Poppins", sans-serif;
    font-size: 13.6px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.25px;
    /* 156.25% */
    text-transform: capitalize;
    background-image: url(../../assets/images/setting-icon/dropdown-icon-blue.svg);
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
}

.que-inner textarea.form-control {
    border-radius: 11.9px;
    background: #f8f8f8;
    border: none;
    padding: 10px 19px;
    color: #aaa;
    font-family: "Poppins", sans-serif;
    font-size: 13.6px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.25px;
    /* 156.25% */
    text-transform: capitalize;
}

span.show-txt {
    color: #929292;
    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.show-checkbox input.form-check-input {
    border: 0.778px solid #1b6dba;
}

button.btn-upload-btn {
    background-color: #1b6dba;
    display: flex;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.25px; /* 177.083% */
    text-transform: capitalize;
    border: none;
    border-radius: 6px;
    padding: 6px 11px;
    align-items: center;
}

    button.btn-upload-btn > svg {
        margin-right: 4px;
    }

.show-button-bdy {
    display: flex;
    justify-content: right;
}

.input-box-bdy-ques {
    border-radius: 11.9px;
    background: #1b6dba;
    padding: 11px 12px;
    margin: unset;
}

.edit-descr-question input.form-control {
    border-radius: 11.9px;
    border: 1.16px dashed #cae5ff;
    background-color: transparent;
    position: relative;
}

.edit-descr-question img {
    position: absolute;
    right: 10px;
    z-index: 99;
    top: 15px;
}

.edit-descr-question {
    position: relative;
}

.dropbox {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 10px;
}

button.btn-delete-qus {
    background-color: transparent;
    border: none;
}

.ques-img {
    display: inline-block;
    margin-right: 2px;
}

.edit-descr-question {
    display: inline-block;
    width: 85%;
}

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

.dropdown.dropdwn {
    border-radius: 10px;
    background: #fff;
    padding: 4px 11px;
}

    .dropdown.dropdwn > a.btn-dropbox.dropdown-toggle {
        color: #8a8a8a;
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.edit-descr-question input.form-control {
    color: #fff !important;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.25px; /* 132.813% */
    text-transform: uppercase;
    padding: 13px 20px;
}

    .edit-descr-question input.form-control::placeholder {
        color: #fff;
    }

.result-input-table {
    border-radius: 11.9px;
    background: #f8f8f8;
    margin-top: 4px;
    padding: 5px 16px;
}

.result-input-table-inner {
    display: flex;
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 0px;
    justify-content: space-between;
}

.result-icon-btn li a img {
    width: 15px;
}

.result-icon-btn ul li {
    display: inline-block;
    margin-right: 10px;
}

.f-result-input-col {
    width: 87%;
}

span.re-value-txt {
    color: #c4c4c4;
    font-family: "Poppins", sans-serif;
    font-size: 13.6px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.25px;
    /* 156.25% */
    text-transform: capitalize;
    margin-left: 10px;
}

.result-icon-btn > ul {
    padding-left: 0;
}

.que-inner {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 30px;
}

.result-input-table-inner:last-child {
    border-bottom: none;
}

.statuslabel.inactive-bages {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #1f9254;
    background: #f6f6f6;
    border-radius: 22px;
    border: 0.5px solid #f6f6f6;
    padding: 5px 12px;
}

.statuslabel.drraft-bages {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #cd6200;
    background: #fef2e5;
    border-radius: 22px;
    border: 0.5px solid #fef2e5;
    padding: 5px 12px;
}

p.blue-txt-dy {
    margin-bottom: 0px;
    color: #1b6dba;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.statuslabel.active-bages {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #1f9254;
    background: #ebf9f1;
    border-radius: 22px;
    border: 0.5px solid #ebf9f1;
    padding: 5px 12px;
}

.btn.btn-whitetheme {
    border-radius: 14px;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 24px;
    border: 0.84px solid #e9e9e9;
    background: #fff;
    color: rgba(44, 44, 44, 0.6);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.rule-he-txt > h4 {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.col.two-con > span {
    display: contents;
}

    .col.two-con > span select.form-select {
        border-radius: 11.9px;
        background: #f8f8f8;
        border: none;
        padding: 6px 19px;
        color: #aaa;
        font-family: Quicksand;
        font-size: 13.6px;
        font-style: normal;
        font-weight: 500;
        line-height: 21.25px;
        text-transform: capitalize;
        background-image: url(../../assets/images/setting-icon/dropdown-icon-blue.svg);
        width: 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 16px 12px;
        width: 100%;
    }

    .col.two-con > span select.form-select {
        width: 80%;
    }

.col.two-con {
    display: flex;
    align-items: center;
    gap: 11px;
}

    .col.two-con > span:first-child {
        padding-right: 12px;
        color: #aaa;
        font-family: Quicksand;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 21.25px; /* 132.813% */
        text-transform: capitalize;
        white-space: nowrap;
    }

span.rule-short {
    color: #aaa;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.25px;
    /* 132.813% */
    text-transform: capitalize;
}

.rule-bdy-btn-container {
    align-items: center;
}

.multiple-inp-box > .row .col {
    border-right: 1px solid #dddd;
}

.rule-id-bdy.col-xl-1 {
    border-right: 1px solid #ddd;
}

.rule-he-txt-new {
    display: flex;
    justify-content: space-between;
    margin-top: 26px;
    margin-bottom: 19px;
}

.questions-bdy.rule-ac-bdy h2.accordion-header {
    border-radius: 5px;
    background: #f2f2f2;
    border: none;
    padding: 0px 0px 0px 15px;
}

.questions-bdy.rule-ac-bdy .accordion-flush .accordion-item {
    margin-bottom: 12px;
}

.bg-grey-rule {
    background-color: #f5f5f5;
    height: 100%;
}

.innerbox-rule {
    height: 72vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.innerbox-rule-para {
    border-radius: 8.115px;
    border: 1.623px dashed #1b6dba;
    background: #e7f3ff;
    display: block;
    padding: 44px 0px;
    width: 600px;
    text-align: center;
}

    .innerbox-rule-para > p {
        color: #124e86;
        font-family: Quicksand;
        font-size: 25.969px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.override-bdy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
}

.standared.box-listing-bdy {
    background-color: #fff;
    border: 0.5px solid #ececec;
    color: #000;
    font-family: Quicksand;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.25px;
    /* 118.056% */
    text-transform: capitalize;
    padding: 8px 11px;
    border-radius: 10px;
}

    .standared.box-listing-bdy > p {
        margin-bottom: 0px;
    }

.right-docli-heading > h3 {
    color: #2c2c2c;
    font-family: Quicksand;
    font-size: 25.5px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.list-document-bdy {
    border-radius: 11px;
    background: #f8f8f8;
    padding: 17px 36px;
    position: relative;
    z-index: -1;
    width: 96%;
    margin-left: auto;
}

    .list-document-bdy .listing-doc-sec .circle:after {
        transform: scale(1, 3);
    }

    .list-document-bdy .listing-doc-sec .step + .step {
        margin-top: 8px;
    }

.box-white-st-cn {
    width: 100%;
}

.crete-nv-bdy {
    max-width: 95%;
}

.border-ri-create {
    border-right: 1px solid #cfcfcf;
}

.box-white-st.right-listwtbox {
    width: 100%;
}

.sign-inpt-bdy {
    display: flex;
    gap: 14px;
}

.standared.new-layer-box.sign-inpt-content {
    align-items: center;
}

.doc-delivery-bdy {
    display: flex;
    column-gap: 10px;
}

.side-heading-sp-new {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #2c2c2c;
}

.dataretentionpolicy-container .side-para-sp-new {
    color: #2c2c2c;
    width: 378px;
    font-size: 13px;
    margin-bottom: 5px;
}

.form-switch input.form-check-input.checkbox-mid {
    position: relative;
    background: #ffffff;
    border: 1px solid #a3a3a3;
    border-radius: 14px;
}

.form-switch .form-check-input.checkbox-mid:after {
    width: 28px;
    height: 28px;
    top: -3px;
    line-height: 28px;
}

.form-switch
input.form-check-input.checkbox-mid[type="checkbox"]:checked:after {
    width: 28px;
    height: 28px;
    top: -3px;
    line-height: 28px;
}

.form-check-input.checkbox-mid {
    width: 3.5em;
    height: 1.5em;
}

.form-switch .form-check-input.checkbox-mid:checked {
    border-radius: 14px;
}

.form-switch
input.form-check-input.checkbox-mid[type="checkbox"]:checked:after {
    right: -3px;
}

.dataTables_wrapper.form-inline.dt-bootstrap.no-footer {
    display: unset !important;
}

    .dataTables_wrapper.form-inline.dt-bootstrap.no-footer .row {
        margin: unset;
    }

.dataTables_filter {
    text-align: right;
}

input.form-control.pop-txt-box {
    border-radius: 7.9px;
    background: #f8f8f8;
    color: #aaa;
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 7px 15px;
    border: none;
    height: 40px;
    margin-bottom: 24px;
}

.poplisting-box-inner-icon {
    text-align: right;
}

.listing-doc-sec.standared-from-listing.white-box .step + .step {
    margin-top: 10px;
}

.listing-doc-sec.standared-from-listing.white-box .circle:after {
    transform: scale(1, 5);
}

.pop-sel {
    margin-top: 13px;
}

.envlop-ri > .btn {
    width: 100%;
}

.btn-secondrytheme {
    border-radius: 14px;
    border: 1px solid #1b6dba;
    color: #1b6dba;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 24px;
}

    .btn-secondrytheme:hover {
        border: 1px solid #1b6dba;
        color: #1b6dba;
        background-color: #fff;
    }

.bottom-total-box {
    display: flex;
    column-gap: 21px;
    margin-top: 20px;
    padding-left: 30px;
    padding-bottom: 30px;
}

.bottom-total-box-in > h5 {
    font-size: 20px;
    font-weight: 600;
}

.test-envol-bdy > h5 {
    font-size: 20px;
    font-weight: 600;
}

.test-envol-bdy > p {
    font-size: 18px;
}

.ea-hub-heading > h3 {
    padding-left: 30px;
}

.row.pading-re {
    padding-left: 30px;
    padding-bottom: 27px;
}

.row.border-bottom-er {
    border-bottom: 1px solid #cfcfcf;
}

.reception-sect .table-wrapper thead {
    border: none;
}

td.docum-date > p {
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.table-wrapper table td > p > a.get-btn {
    color: #1b6dba;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    border-radius: 22px;
    border: 0.5px solid #1b6dba;
    padding: 7px 12px;
}

td.docum-date > p {
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

td.docum-date > p {
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.heaing-reci > h3 {
    color: #000;
    font-family: Quicksand;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.btn-bdy-modal button.btn-close {
    position: absolute;
    top: 7px;
    left: unset;
    right: 4px;
}

.check-box-modal-btn {
    margin-left: auto;
}

span.active-head {
    font-size: 17px;
    font-weight: 700;
    width: 200px;
    display: block;
    text-align: center;
}

.checklisting-bdy-modal.m-nvolp > .row {
    margin: unset;
}

.checklisting-bdy-modal.m-nvolp .listing-doc-sec .circle {
    z-index: 1;
}

.checklisting-bdy-modal.m-nvolp .listing-doc-sec .step + .step {
    margin-top: 42px;
}

.standared.box-listing-bdy.m-nvolp {
    background-color: unset;
    border: unset;
    padding-top: unset;
    padding-bottom: unset;
}

.checklisting-bdy-modal.m-nvolp .listing-doc-sec.standared-from-listing .step {
    align-items: unset;
}

.doc-vox-new-bdy.row {
    border-bottom: 1px solid #dadada;
}

h5.doc-vox-new-heading {
    font-weight: 700;
    color: #000;
}

.standared.box-listing-bdy.m-nvolp > p {
    font-size: 16px;
}

.checklisting-bdy-modal.m-nvolp .listing-doc-sec.standared-from-listing {
    max-height: 350px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.checklisting-bdy-modal {
    scrollbar-width: thin;
}

span.search-number {
    margin-left: 10px;
}

button.navbar-toggler.collapsed:focus {
    box-shadow: none !important;
}

button:focus:not(:focus-visible) {
    box-shadow: none !important;
}

aside.aside-left-sec {
    scrollbar-width: thin !important;
}

button.navbar-toggler {
    border: none;
}

a.btn.btn-plus-table:active {
    border: none;
}

.ques-hub-mid-bdy ul.dropdown-menu.show {
    transform: translate3d(0px, 34px, 0px) !important;
}

.document-main td.subjecttd.docum-date span.name {
    font-size: 17px;
}

.document-main td.subjecttd.docum-name p span.name {
    font-size: 17px;
    font-weight: 500;
}

.document-main span.txt-tb {
    font-size: 17px;
}

.question-main span.txt-tb {
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
}

.question-main td.subjecttd.docum-date span.name {
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
}

.question-main td.subjecttd.docum-name span.name {
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
    font-weight: 500;
}

.template-main span.txt-tb {
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
}

.template-main .table.table-tamplate-style tbody tr td.font15 {
    font-size: 17px;
    font-weight: 500;
}

.template-main .table.table-tamplate-style tbody tr td.subjecttd > p:nth-child(1) > span {
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
    font-weight: 500;
}

.table.table-tamplate-style tbody tr td.font15 {
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
}

.rules-main span.txt-tb {
    font-size: 17px;
}

.rules-main td.subjecttd.docum-date span.name {
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
}

.rules-main .table.table-tamplate-style tbody tr td.font15 {
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
}

.envolop-dashboard-wrapper .txt-tb {
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
}

.envolop-dashboard-wrapper .table.table-tamplate-style tbody tr td.font15 {
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
}

table.table.table-tamplate-style td {
    padding: 4px 15px !important;
}

.rules-main table.table.table-tamplate-style.tbledocument thead tr th:nth-child(4) {
    min-width: 183px;
}

table.table.table-tamplate-style.tbledocument thead tr th:nth-child(4) {
    min-width: 183px;
}

a {
    text-decoration: none !important;
}

.question-main span.txt-tb.norehire-txt {
    white-space: normal;
}

.question-main span.txt-tb {
    white-space: nowrap;
}

.btn-group-create-app.btn-dataenv button.btn.btn-primary.btn-tab-createapp {
    min-width: 48%;
    padding: 14px 20px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    /*    font-weight: 600;*/
    line-height: normal;
    border-radius: 6px;
}

.btn-group-create-app.btn-dataenv button.btn.btn-secondary.btn-tab-createapp {
    min-width: 48%;
    padding: 14px 20px;
    text-align: center;
    font-family: Quicksand;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.btn-footer-popup.bottom-fix {
    position: sticky;
    width: 100%;
    bottom: -1px;
    padding-top: 10px;
}

.offcanvas-body {
    position: relative;
}

.table-wrapper.table-responsive table.table.table-bordered.table-access-no-border.apiaccess-tbl tbody > tr > td {
    padding: 13px 6px !important;
}

.btn-footer-popup .row {
    margin-left: unset;
    margin-right: unset;
}

    .btn-footer-popup .row .col-lg-12.col-sm-12.text-center {
        width: 100%;
    }

.user-manager-pop-bdy {
    display: flex;
    justify-content: flex-end;
}

.right-content-pop.row .form-switch input.form-check-input[type="checkbox"]:checked:after {
    position: absolute;
    content: "";
    right: -3px;
    top: -2px;
    line-height: 20px;
    background: #1b6dba;
    border-radius: 64px;
    width: 18px;
    height: 18px;
    left: auto;
}

.right-content-pop.row .form-switch .form-check-input:after {
    position: absolute;
    content: "";
    line-height: 20px;
    background: #a3a3a3;
    border-radius: 64px;
    width: 18px;
    height: 18px;
    left: -2px;
    top: -2px;
}

.right-content-pop.row .form-switch .form-check-input {
    height: 17px;
    width: 32px;
}

.right-content-pop.row .col-lg-3 {
    max-width: 12%;
    text-align: center;
    padding: unset;
    display: flex;
    justify-content: center;
}

.right-content-pop.row {
    justify-content: end;
}

.listing-doc-sec.version-popup .step + .step {
    margin-top: 20px;
}

.listing-doc-sec.version-popup .circle {
    margin-top: unset;
}

.listing-doc-sec.version-popup .circle {
    margin-top: -20px;
}

.accordion-body .form-switch input.form-check-input[type="checkbox"]:checked:after {
    position: absolute;
    content: "";
    right: -3px;
    top: -2px;
    line-height: 20px;
    background: #1b6dba;
    border-radius: 64px;
    width: 18px;
    height: 18px;
    left: auto;
}

.accordion-body .form-switch .form-check-input:after {
    position: absolute;
    content: "";
    line-height: 20px;
    background: #a3a3a3;
    border-radius: 64px;
    width: 18px;
    height: 18px;
    left: -2px;
    top: -2px;
}

.accordion-body .form-switch .form-check-input {
    height: 17px;
    width: 32px;
}

section.standared-form-sec {
    margin-left: 44px;
    margin-right: 44px;
}

.btn-yellow {
    border-radius: 14px;
    border: 1px dashed #f4d775;
    background: #f8edc9;
    padding: 11px 21px;
    max-width: 228px;
    margin-left: auto;
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: 8px;
    text-transform: capitalize;
    color: #2C2C2C;
}

    .btn-yellow:hover {
        border: 1px dashed #f4d775;
        background: #f8edc9;
    }

.set-singing-btn {
    text-align: right;
}

.inactact-pop-bdy .form-switch input.form-check-input[type="checkbox"]:checked:after {
    position: absolute;
    content: "";
    right: -3px;
    top: -2px;
    line-height: 20px;
    background: #1b6dba;
    border-radius: 64px;
    width: 18px;
    height: 18px;
    left: auto;
}

.inactact-pop-bdy .form-switch .form-check-input:after {
    position: absolute;
    content: "";
    line-height: 20px;
    background: #a3a3a3;
    border-radius: 64px;
    width: 18px;
    height: 18px;
    left: -2px;
    top: -2px;
}

.inactact-pop-bdy .form-switch .form-check-input {
    height: 17px;
    width: 32px;
}

.right-content-pop.row .col {
    max-width: 17%;
    text-align: center;
    padding: unset;
    display: flex;
    justify-content: center;
}

    .right-content-pop.row .col button.btn-plus-pop {
        padding: unset;
    }

    .right-content-pop.row .col button.btn-delete-pop {
        padding: unset;
    }

.tag {
    display: inline-block;
    background-color: transparent;
    padding: 5px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #000;
    border-radius: 40px;
}

    .tag .add-icon {
        cursor: pointer;
        margin-left: 5px;
    }

input.tag-input {
    border: 0;
    background-color: transparent;
}

.send-signed-radio .form-switch input.form-check-input[type="checkbox"]:checked:after {
    position: absolute;
    content: "";
    right: -3px;
    top: -2px;
    line-height: 20px;
    background: #1b6dba;
    border-radius: 64px;
    width: 18px;
    height: 18px;
    left: auto;
}

.send-signed-radio .form-switch .form-check-input:after {
    position: absolute;
    content: "";
    line-height: 20px;
    background: #a3a3a3;
    border-radius: 64px;
    width: 18px;
    height: 18px;
    left: -2px;
    top: -2px;
}

.send-signed-radio .form-switch .form-check-input {
    height: 17px;
    width: 32px;
}

.search-user-name .search-filter-main > img {
    top: 11px;
    left: 19px;
}

.search-user-name input.form-control {
    text-indent: 36px;
    font-size: 17px;
}

    .search-user-name input.form-control::placeholder {
        font-size: 17px;
    }

.row.user-cross-listing.input-search .col-xl-2 {
    max-width: 12%;
    padding-right: unset;
}

.row.user-cross-listing.input-search {
    flex-wrap: nowrap;
}

    .row.user-cross-listing.input-search .col-xl-10 {
        max-width: 88%;
        padding-left: unset;
    }

.listing-doc-sec.standared-from-listing.white-box .circle {
    margin-top: unset;
}

.listing-doc-sec.standared-from-listing.white-box .step + .step {
    margin-top: 5px;
}

.listing-doc-sec.standared-from-listing.white-box .circle:after {
    transform-origin: 50% -19%;
    height: 135%;
}

.listing-doc-sec.standared-from-listing.white-box .step:first-child .circle:after {
    height: 135%;
}

table.template-ac {
    width: 100%;
}

    table.template-ac thead tr {
        border-bottom-width: 1px;
        border-spacing: 60px;
        border-style: dashed;
        border-color: #B3B3B3;
    }

        table.template-ac thead tr td {
            padding-left: 0px !important;
        }

span.icon-box-tem-txt {
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
    color: #000;
    font-weight: 600;
}

.search-user-name.tmacc .search-filter-main > img {
    width: 13px;
}

.search-user-name.tmacc input.form-control {
    text-indent: 23px;
    font-size: 12px;
    height: 33px;
}

    .search-user-name.tmacc input.form-control::placeholder {
        font-size: 12px;
    }

table.template-ac tbody tr td {
    padding-left: 0px !important;
}

    table.template-ac tbody tr td button.btn.btn-grey {
        background-color: #F8F8F8;
        width: 100%;
        border-radius: 11.9px;
    }

table.template-ac thead tr td:nth-child(2) {
    width: 145px;
}

table.template-ac thead tr td:nth-child(2) {
    width: 145px;
}

.search-user-name.tmacc.without-img input.form-control {
    text-indent: 2px;
}

.right-box-btn .btn-secondary-theme {
    height: 45px;
}

button.btn.btn-setting-pop img {
    width: 28px;
}

.ques-hub-mid-bdy .sectiontitle {
    font-size: 16px;
}

.show-button-bdy button.btn-upload-btn:hover {
    background-color: #1b6dba;
    color: #fff;
}

.rules-main .document-hub-heading {
    margin-bottom: 20px;
}

.list-r-wrap .col-xl-9 {
    width: 75%;
}

.list-r-wrap .col-xl-3 {
    width: 25%;
}

.modal-dialog.modal-check-custom .modal-body .que-inner {
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.multiple-inp-box > .row .col:last-child {
    border: none;
}

.multiple-inp-box .inactact-pop-bdy {
    width: 147px;
}

.multiple-inp-box label.form-check-label.inactive-txt {
    margin-right: 6px;
}

.rule-struct-bdy.row {
    flex-wrap: nowrap;
}

.rule-engin-wrapper.rule-fix-wrap {
    position: fixed;
    width: 100%;
}

.questions-bdy .d-flex.search-filter-main.ques-search {
    width: 100%;
}

.rule-he-txt-new {
    padding-right: 17px;
}

.d-flex.search-filter-main.ques-search {
    width: 97%;
}

.aside-left-sec .questions-bdy .accordion-body {
    padding: unset;
    overflow-x: hidden;
}

.aside-left-sec .questions-bdy .d-flex.search-filter-main.ques-search {
    width: 99%;
}

span.rule-he-txt-new-hea {
    color: #000;
    font-family: Quicksand;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

span.rule-short {
    line-height: 33.25px;
}

.questions-bdy.rule-ac-bdy h2.accordion-header {
    margin-right: 16px;
}

.aside-left-sec .q-items {
    margin-right: 16px;
}

.result-icon-btn ul li:last-child {
    margin-right: 13px;
}

.row.mt-1.upload-sec-wrap {
    justify-content: space-between;
}

.password-setting-bdy .input-group > input + .input-group-text {
    border: 1px solid #e9e9e9 !important;
    height: unset;
}

.pdf-top-left ul {
    list-style: none;
    padding: 0px;
    display: flex;
    margin-bottom: 0px;
}

    .pdf-top-left ul > li {
        display: inline-block;
        margin-right: 8px;
    }

.pdf-top-right .btn-clear {
    color: #000000;
    font-size: 14px;
    text-transform: capitalize;
}

.pdf-top-header-in {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pdf-view-top-header {
    background-color: #f8efcf;
    padding: 5px 10px;
    margin-bottom: 12px;
    position: sticky;
    width: 100%;
    top: 0px;
}

.pdf-viewer-bdy.two {
    margin-top: 15px;
}

.data-ent-heading {
    text-align: left;
}

.data-entry-box {
    background-color: #fff;
    padding: 22px;
    min-height: calc(100vh - 200px);
}

.data-cros-bdy {
    background-color: #f5f5f5;
    margin-bottom: 10px;
    border-radius: 5px;
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
}

    .data-cros-bdy p {
        font-size: 14px;
        padding-right: 13px;
        margin-bottom: 0px;
        text-align: left;
        font-weight: 500;
    }

.data-ent-heading h3 {
    font-size: 20px;
}

.data-ent-heading {
    margin-bottom: 20px;
}

    .data-ent-heading h3 span img {
        width: 24px;
        margin-left: 5px;
    }

.blue-box-data {
    margin-top: 77px;
}

.bottom-data-btn {
    margin-top: 20%;
}

a.btn.btn-data-form {
    background-color: #1b6dba;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 14px;
}

    a.btn.btn-data-form > img {
        margin-left: 25px;
    }

.col-xl-9.pdf-bdy-bg.p-0 {
    width: 75%;
    margin-left: auto;
}

.preview-data-aside-bdy .listing-doc-sec.standared-from-listing .step {
    align-items: flex-start;
}

.preview-data-aside-bdy .standared.box-listing-bdy {
    border: none;
    font-size: 16px;
    line-height: normal;
    padding: unset;
}

.preview-data-aside-bdy .listing-doc-sec .circle {
    margin-top: unset;
}

    .preview-data-aside-bdy .listing-doc-sec .circle:after {
        transform: scale(1, 3);
    }

.preview-data-aside-bdy .listing-doc-sec .step .circle {
    background: #E0E0E0;
}

.preview-data-aside-bdy .listing-doc-sec .step.active .circle {
    background: #0069b4;
}

a.btn.btn-data-preview {
    background-color: #1b6dba;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 14px;
}

    a.btn.btn-data-preview img {
        width: 10px;
        margin-left: 20px;
    }

.preview-txt > h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #2c2c2c;
    text-transform: uppercase;
}

.pdf-view-top-header.data-pre {
    padding: 11px 10px;
}

.data-pre-box {
    background-color: #ffff;
    border-radius: 20px;
    padding: 73px 90px;
}

.right-input-box-dp input {
    border-radius: 11.9px;
    background: #f8f8f8;
    border: 0px;
    padding: 10px 16px;
    color: #aaa;
    font-size: 13.6px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.25px;
    text-transform: capitalize;
    width: 100%;
}

.data-pre-box-he {
    text-align: left;
}

    .data-pre-box-he > h3 {
        font-size: 16px;
        font-weight: 600;
    }

.data-pre-box-light {
    background-color: #F8EDC9;
    border-radius: 14px;
    text-align: left;
    padding: 10px 13px;
    border: 1px dashed #F4D775;
    max-width: 340px;
}

.data-pre-box-top {
    display: flex;
    justify-content: space-between;
}

    .data-pre-box-top span {
        font-size: 14px;
        color: #000000;
        font-weight: 600;
    }

    .data-pre-box-top > a {
        font-size: 14px;
        color: #1B6DBA;
        font-weight: 500;
    }

.data-pre-box-btm p {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0px;
}

.row.data-pre-m {
    margin-bottom: 50px;
}

.my-section-1 {
    /*  max-width: 1500px;
    margin: 0 auto;*/
    width: 100% !important;
    max-width: 100%;
}

.my-section-2 {
    max-width: 1200px;
    margin: 0 auto;
}

.my-section-3 {
    max-width: 1000px;
    margin: 0 auto;
}

.my-section-4 {
    max-width: 800px;
    margin: 0 auto;
}

.my-section-5 {
    max-width: 1800px;
    margin: 0 auto;
}

.action_button {
    width: 90px;
}

.submitBtn {
    background-color: #1b6dba;
    color: white;
    border: none;
    padding: 0.5rem 1.25rem;
    border-radius: 5px;
    font-weight: 600;
    transition: background-color 0.2s;
    width: 200px;
    margin-right: 10px;
    height: 40px;
}

    .submitBtn:hover {
        background-color: #0056b3;
    }

.clearBtn {
    background-color: #f8f9fa;
    color: #6c757d;
    border: 1px solid #6c757d;
    padding: 0.5rem 1.25rem;
    border-radius: 5px;
    font-weight: 600;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    height: 40px;
    width: 200px;
}

    .clearBtn:hover {
        background-color: #6c757d;
        color: white;
        border-color: #6c757d;
    }

.uniqueid-text {
    white-space: nowrap;
}

.questions-head-text {
    white-space: nowrap;
}

.applied-
.badge {
    padding-right: 1.5rem;
    position: relative;
}

.applied-filters .btn-close {
    position: absolute;
    right: 0.25rem;
    top: 0.15rem;
    font-size: 0.5rem;
}

.accordion-button.subsection-button {
    font-size: 0.95rem;
    background-color: #f9f9f9;
    border: none;
    box-shadow: none;
}

    .accordion-button.subsection-button.open {
        background-color: #f0f0f0;
    }
/* Css for Some main */
table.nextedtable-bodey tr.accordion-header-row td {
    padding: 5px 5px !important;
}

.settingmaincontainer.right-pannel.security-policy-page {
    max-width: calc(93% - 22px);
    padding-right: 0;
}

.left-sidebar, .col-md-2.left-sidebar {
    background-color: #f3f3f3;
    /*    height: calc(100vh - 100px);*/
    z-index: 99;
    overflow-x: hidden;
    overflow-y: auto;
}

.profile-avatar {
    background-color: #1b6dba;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    /* margin-right: 12px; */
    box-shadow: inset 0 0 0 2px #fff, 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.checkbox-listing .form-check {
    display: flex;
    gap: 8px;
    align-items: center;
}

button.btn.btn-primary.hamburger-btn {
    background: transparent;
    border: none;
    padding: 10px 0;
    cursor: pointer;
}

button.btn.btn-secondary.delete-btn-yes {
    background: #bd0005;
    color: #fff;
    border: none;
    font-weight: 500;
    border-radius: 6px;
}

button.btn.btn-secondary.delete-btn-no {
    background: #f0f0f0;
    color: #4a4c50;
    border: none;
    font-weight: 500;
    border-radius: 6px;
}

p.pull-left {
    margin-bottom: 0;
}

.application-setting-container.left-pannel section.mt-4 {
    margin-top: 5px !important;
}

.modal.fade.show.d-block .modal-dialog.modal-dialog-centered .modal-content button.btn.btn-outline-secondary {
    border: 1px solid #dee2e6;
}

button.btn.btn-secondary.ms-2.cancel-btn-modal {
    border-radius: 6px !important;
}

.application-setting-container.container.billing_and_subscription_setting_container {
    margin: 0;
}

select.form-select.modified.valid {
    border-radius: 6px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.25px;
    text-transform: capitalize;
    border: 0;
    width: 100% !important;
    height: 42px;
    min-height: 42px;
    border: 1px solid #d1d1d1;
}

.country-select select.form-select.valid {
    width: 100%;
}

.country-select label.form-label {
    margin-bottom: .5rem;
}

.plan-group ul li strong {
    font-weight: 500;
    margin-right: 12px;
}

.userprofile .dropdown-item:active {
    background: #f8f9fa !important;
}
/*.dropdown-item.active {
    background-color: #1b6dba !important;
}*/

.recipients-table th,
.recipients-table td {
    padding: 12px 20px;
    min-width: 150px;
}

.recipients-table {
    width: 100%;
    table-layout: auto;
}

.recipients-table-wrapper {
    overflow-x: auto;
}

button.btn.btn-primary.department-add.questions-head-text {
    padding: 6px 10px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

.recipients-card-th strong {
    font-weight: 600;
}

table.recipients-table thead tr th {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 17px;
    color: #6c7a91 !important;
    vertical-align: middle;
    z-index: 5;
}

table.table.table-hover.recipients-table tbody tr td, table.table.table-hover.recipients-table tbody tr td strong {
    font-style: normal;
    font-weight: 400;
    color: #182433;
    white-space: nowrap;
    font-size: 14px;
}

table.recipients-table thead {
    border-top: 1px solid #0420451a;
    border-bottom: 1px solid #0420451a;
}

.recipients-card-th {
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.card {
    border-radius: 12px;
    border: none;
    overflow: hidden;
}

.card-body {
    padding: 2rem;
    background: #fff;
}

    .card-body h5 {
        font-size: 1.25rem;
        font-weight: 600;
        color: #51555a;
    }

.recipients-card-th.hris-id-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 10px 0;
}

span.recipients-span {
    color: #51555a;
    margin-top: 0px;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
}

.recipients-card-th {
    font-size: 0.95rem;
    color: #444;
    padding: 10px;
}

    .recipients-card-th.hris-id-wrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        padding: 4px 0 !important;
    }

.border.rounded.p-2.mb-2.w-100.recipients-Details-card {
    padding: 13px 24px !important;
}

.card-body-rows {
    padding: 15px 25px;
}

.recipients-Details-card {
    padding: 10px 20px !important;
}

.recipients-card-th strong {
    color: #007bff;
    font-weight: 600;
    margin-right: 5px;
}

.border.rounded.bg-light {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    padding: 12px 16px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.recipients-Details-card {
    background: #dee2e6;
    color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 20px;
    position: relative;
}

td.serial-no, td.serial-no {
    min-width: 66px !important;
    max-width: 66px !important;
}

button.btn.btn-primary.department-add.questions-head-text img {
    filter: invert(100%);
    width: 16px;
}

button.btn.btn-primary.department-add.questions-head-text.copy-urls {
    padding: 5px 8px !important;
}

.table-responsive.all-packet-table {
    /*    max-height: 52vh;
    min-height: 52vh;*/
    overflow: auto;
    margin-top: 10px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    scrollbar-width: thin;
    max-height: 70vh;
    height: auto;
}

.all-packet-table table.recipients-table thead {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    position: sticky;
    top: -.1px;
    /*    z-index: 1;*/
    /* top: 0; */
    z-index: 5;
    /*    background-color: #fff;*/
}

/*button.btn.btn-primary.department-add.questions-head-text.copy-urls.tooltip-btn {
    z-index: 1;
}*/

th.serial-no {
    min-width: 66px !important;
    max-width: 66px !important;
}

td.serial-no {
    min-width: 66px !important;
    max-width: 66px !important;
}

.offcanvas-footer {
    padding-top: 15px;
}

span.badge.bg-success {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #1f9254;
    background: #ebf9f1 !important;
    border-radius: 6px;
    border: 0.5px solid #1f9254;
    padding: 5px 22px;
    width: fit-content;
    height: fit-content;
}

a.btn.btn-sm.btn-outline-primary {
    border: 0;
}

.application-setting-container.clients-main, .application-setting-container.client-department-main, .application-setting-container.hiringmanager-main,
.application-setting-container.client-position-main, .application-setting-container.classCode-main {
    margin: 0 auto;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
}

h5.sectiontitle.business-details {
    text-decoration: none;
    color: #182433 !important;
    font-weight: 500 !important;
    font-size: 18px !important;
}

.all-packet-table td a {
    font-size: 15px;
    font-weight: 600;
    text-decoration: underline !important;
    color: #1b6dba;
    cursor: pointer;
}

.settingmaincontainer.application-setting-container.right-pannel button.btn.btn-success {
    background: #1b6dba;
    border-radius: 6px;
}

.Data-view-section .table-responsive {
    max-height: 70vh;
    overflow-y: auto;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.Data-view-section table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
    margin-bottom: 0;
}
/*.dropdown-item.active, .dropdown-item:active {
    background-color: #1b6dba !important;
}*/

/* Table header */
.Data-view-section thead th {
    /*    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 2;*/
    background: #f9fafb;
    color: #374151;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    border: 1px solid #e5e7eb;
    vertical-align: middle;
    white-space: nowrap;
}

td.packet-td.timestamp button.btn.btn-link {
    padding: 6px 10px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    background-color: #1b6dba;
    color: #fff;
    text-decoration: none;
}

.Data-view-section thead tr:first-child th {
    background: #e9ecef;
    font-size: 15px;
    text-align: left;
    padding-left: 10px;
}

.Data-view-section tbody td {
    padding: 8px;
    vertical-align: top;
    border: 1px solid #dee2e6;
    word-break: break-word;
    /*  text-align: left;
    word-wrap: break-word;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.Data-view-section tbody tr:nth-child(even) {
    background-color: #fafafa;
}

.generate-secret-key button.btn-close {
    left: 0;
    top: -8px;
    right: -10px !important;
}

.Data-view-section .table td {
    /*    white-space: normal;
    word-break: break-word;*/
    width: 300px !important;
    min-width: 196px !important;
}

.Data-view-section tbody td:first-child {
    text-align: center;
    min-width: 100px;
}

.Data-view-section .table .btn-primary {
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 6px;
}

.Data-view-section .table tbody tr:nth-child(even) {
    background: #f9fafb;
}

.Data-view-section .table tbody tr:hover {
    background: #f3f4f6;
}

.Data-view-section .scroll-wrapper {
    max-height: 500px;
    overflow-y: auto;
}

.Data-view-section .table-responsive::-webkit-scrollbar {
    height: 10px;
    width: 8px;
}

.Data-view-section .table-responsive::-webkit-scrollbar-thumb {
    background: #adb5bd;
    border-radius: 4px;
}

.Data-view-section .table-responsive::-webkit-scrollbar-track {
    background: #f1f3f5;
}

.no-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 10px;
    text-align: center;
    padding: 30px;
    margin-top: 33px !important;
    color: #495057;
    width: 50%;
    margin: 0 auto;
}

    .no-data img {
        width: 70px;
        height: 70px;
        margin-bottom: 12px;
        opacity: 0.75;
    }

    .no-data h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 6px;
        color: #212529;
    }

    .no-data p {
        font-size: 14px;
        color: #6c757d;
    }

.Data-view-section thead tr:first-child th {
    position: sticky;
    left: 0px;
    top: 0;
    background-color: #ebebeb;
}

th.packet-th {
    position: sticky;
    /* left: 150px; */
    top: 0;
    background-color: #ebebeb;
}

    th.packet-th.preview {
        left: -2px;
        background: #f7f7f7;
        z-index: 2;
    }

td.packet-td.preview {
    position: sticky;
    left: -3px;
    background: #f7f7f7;
    z-index: 2;
}

section.create-clients .sectiontitle.innerpagetitle, .roleandaccess-section {
    align-items: center !important;
    /* background-color: #f7f7f7; */
    padding: 11px;
    margin-bottom: 10px !important;
    padding-left: 42px;
    padding-right: 42px;
}

section.create-clients .backbutton.btn.btn-primary a > img {
    color: #1b6dba !important;
    filter: invert(49%) sepia(94%) saturate(2000%) hue-rotate(190deg) brightness(105%) contrast(50%) !important;
}

section.create-clients .backbutton.btn.btn-primary a, .backbutton.backbtn-roleaccess > a {
    color: #1b6dba !important;
}

section.create-clients .backbutton.btn.btn-primary, .backbutton.backbtn-roleaccess {
    border: 1px solid #1b6dba !important;
}

backbutton.btn.btn-primary {
    color: #1b6dba !important;
    border: 1px solid #1b6dba;
}

td.packet-td.timestamp button.btn.btn-link {
    margin: 0 auto;
    display: flex;
}

button.clearBtn.clear-filters-search {
    height: 34px;
    padding: 6px;
    width: 147px;
}

.form-list-details {
    padding: 1rem 2rem;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin: 0px auto;
}
/*Tool Tip CSS*/

.tooltip-btn {
    position: relative;
    display: inline-block;
}

.tooltip-btn .tooltip-text {
    visibility: hidden;
    /*    width: 110px;*/
    background-color: #1b6dba;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 6px;
    position: absolute;
    z-index: 9999;
    /*    z-index: 1;*/
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    white-space: nowrap;
}

.tooltip-btn .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #1b6dba transparent transparent transparent;
}

.tooltip-btn:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    }

th.packet-name {
    position: sticky;
    left: 0;
    top: 0;
    background-color: #ebebeb !important;
}

td.packet-names {
    position: sticky;
    left: 0;
    background: #f7f7f7 !important;
    z-index: 4;
    /*        z-index: 0;*/
    /*    z-index: 1;*/
}

td.select-check input[type="checkbox"] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    display: inline-grid;
    place-content: center;
    cursor: pointer;
    transition: .2s border-color, .2s background;
}

input#DocuSignSendEmail {
    width: 100%;
    padding: 10px 7px 10px 43px;
    outline: none;
    transition: .2s border-color, .2s box-shadow, .2s background;
    border: 1px solid #dee2e6;
}

span.icon {
    position: absolute;
    inset: 0 auto 0 21px;
    display: grid;
    place-items: center;
    width: 24px;
    height: 100%;
    pointer-events: none;
    opacity: .8;
}

.col-sm-12.input-relative {
    position: relative;
}

.form-list-details thead.table-light {
    border: 1px solid #dee2e6;
}

.application-setting-container.form-list-details td {
    border: none;
    font-weight: 400;
    color: #182433;
    font-size: 15px;
}

.application-setting-container.form-list-details tbody {
    border: 1px solid #dee2e6;
}

.form-list-details thead.table-light th {
    background: #f8f9fa !important;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    color: #6c7a91;
    vertical-align: middle;
}

section.create-clients h3 {
    color: #182433;
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.application-setting-container.form-list-details .table > :not(caption) > * > * {
    background: #fff;
}

table.table.table-subinvoice tbody {
    background: #fff;
}

td.attachments-pdf button.dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px;
    border-radius: 10px;
    text-decoration: none;
    color: #e5e7eb;
    font-size: 14px;
    transition: background .2s, color .2s;
    color: #111827;
}

td.attachments-pdf ul.dropdown-menu {
    /* min-width: 200px; */
    border-radius: 6px;
    padding: 8px;
    margin: 0;
    list-style: none;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .55);
    background: #dee2e6;
    color: #111827 !important;
    z-index: 1;
    left: -12px !important;
}

td.attachments-pdf a.btn.btn-link.dropdown-toggle {
    background: #1b6dba;
    border: none;
    padding: 12px 20px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    border-radius: 6px;
    /*    box-shadow: 0 4px 15px rgba(0, 0, 0, .4);*/
    text-decoration: none !important;
    transition: transform .2s;
}

td.first-childs {
    display: flex;
    align-items: center;
    gap: 6px;
}

span.image-user {
    width: 45px;
    height: 45px;
    background: #e9ecef;
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4b6cb7;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: column-reverse;
    display: none;
}

img.extend-send-icon {
    width: 21px !important;
    height: 20px !important;
    object-fit: cover;
    max-width: 100%;
    height: auto;
}

span.copy-btn {
    /*    background: #e9ecef;*/
    padding: 11px 12px;
    cursor: pointer;
    font-size: 14px;
    border-left: 1px solid #ccc;
    transition: background 0.3s;
}

.input-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

i.fa-regular.fa-copy {
    color: #7c7f83;
}

button.btn.btn-outline-secondary {
    border-top: none !important;
    border-bottom: none !important;
}

.input-group.input-wrapper button.btn.btn-outline-secondary {
    padding: 10px 10px;
}

.input-wrapper input {
    flex: 1;
    border: none;
    padding: 10px;
    /* font-size: 14px; */
    /* outline: none; */
}

.userprofile button.btn.btn-secondary {
    padding: 8px 31px 8px 6px;
}

button.btn.btn-outline-secondary.eye-password:hover {
    background-color: transparent;
    color: #7c7f83;
}

.modal-dialog.generate-secret-key .input-wrapper {
    height: 44px;
}

.language-dropdown select.form-select {
    background-color: #ecf6ff;
    border: 1px solid #1b6dba;
    color: #1b6dba;
    padding: 2px 28px 2px 8px !important;
    border-radius: 50px;
    cursor: pointer;
    font-size: medium;
}

/*Table Sticky css*/
.table-wrapper.user-table thead, section.recipients-main table.table.table-tamplate-style.table-user-style thead, .table-container.Application-table table.table.table-tamplate-style.table-user-style thead,
.table-wrapper.clients-table thead, .table-wrapper.hiringmanager-table thead, .table-wrapper.Department-table thead, .table-wrapper.Position-table thead, .table-wrapper.ClassCode-table thead {
    position: sticky;
    top: -0.1px;
}

.table-wrapper.user-table .table-responsive, section.recipients-main .table-responsive.recipient-table, .table-container.Application-table .table-responsive, .table-wrapper.clients-table .table-responsive,
.table-wrapper.Department-table .table-responsive, .table-wrapper.hiringmanager-table .table-responsive, .table-wrapper.Position-table .table-responsive, .table-wrapper.ClassCode-table .table-responsive {
    /* min-height: 62vh;*/
    max-height: 60vh;
}

i.fa-solid.fa-key {
    color: #1b6dba;
    font-weight: 600;
    font-size: 16px;
    margin-top: 5px;
}

img.generate-key-icons {
    fill: #1b6dba;
    filter: invert(28%) sepia(98%) saturate(1529%) hue-rotate(193deg) brightness(91%) contrast(95%);
    position: relative;
    z-index: 0 !important;
}

.table-container.Application-table table.table.table-tamplate-style.table-user-style thead {
    z-index: 1;
}

.search-filter-main button, .search-filter-main button:hover, .search-filter-main button:active {
    background: transparent;
    border: none;
}

section.create-clients.application-create .sectiontitle.innerpagetitle {
    margin-bottom: 0 !important;
    max-width: 98%;
    width: 100%;
    margin: 0 auto;
    padding-right: 0 !important;
}

.account-settings {
    margin-top: 12px;
}
/* Smart*/

.btn-group-create-app button.btn.btn-secondary {
    height: 40px;
    width: 200px;
    padding: 0.5rem 1.25rem;
}

.btn-group-create-app button.btn.btn-primary {
    width: 200px;
    padding: 0.5rem 1.25rem;
    height: 40px;
}

.smartaddon-forms input.form-control, .select-packet-input select, .smartaddon-forms .input-group-text {
    min-height: 42px;
    height: 42px;
}

.smartaddon-forms label.form-label {
    color: #182433;
    /* font-size: 16px; */
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0;
}

label.form-label.packet-label-mt {
    margin-bottom: 12px !important;
}

.card.participant-user-form {
    border: 1px solid #e9ecef;
    background: #f8f8f8;
    border-radius: 7px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.participant-user-form h3 {
    color: #1b6dba;
    font-size: 21px;
    font-weight: 500;
}

.participant-user-form label strong {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.participant-user-form label {
    margin-bottom: .5rem;
}

button.save-map-participant {
    border: 1px solid transparent;
    padding: 5px 35px !important;
    font-size: 1rem;
    border-radius: .25rem;
}

h3.map-h3-heading {
    color: #1b6dba;
    font-size: 21px;
    font-weight: 500;
}

.participant-user-form h4 {
    font-size: 1.2rem;
}

/*ul.dropdown-menu.show a.dropdown-item.active {
    color: #fff !important;
}*/

.small-filename {
    max-width: 200px; /* Adjust width */
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.application-setting-container.hiringmanager-main.users-main-table {
    width: 100%;
    margin: 0 auto;
    max-width: 96%;
}

.settings-card button.btn-success {
    background-color: rgba(16, 185, 129, 0.1);
    color: #065f46;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-right: 14px;
}

.settings-card .btn-warning, button.btn-warning:hover {
    background-color: rgba(239, 68, 68, 0.1);
    color: #991b1b;
    border: 1px solid rgba(239, 68, 68, 0.2) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-right: 14px;
}

/*.settings-card table th*/
.settings-card table td {
    font-size: 15px;
}

.settings-card img.img-fluid.unselected-icon {
    width: 22px;
}

.settings-card table tbody tr td:last-child {
    text-align: center;
}

/* user record access Css*/
.userrecordaccess-container h3, .useraccessoverview-container h3 {
    margin-bottom: 2px;
    margin-top: 14px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.card-header.primary-users-cards {
    background: #00000008;
}

.primary-users-cards i, .access-permissions .card-header i {
    color: #2c3e50;
}

.card-header.primary-users-cards h5, .card.access-permissions h5 {
    font-size: 18px;
    font-weight: 500;
    color: #2c3e50;
}

.form-control.choose-primary-user {
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    background-color: #f8f9fa;
    margin-top: 10px;
    transition: border-color 0.3s;
}

.locked-access-permission {
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    border-left: 4px solid #1b6dba;
}

.card.access-permissions .card-header, .card-header.primary-users-cards {
    border-bottom: 1px solid #ecf0f1;
}

button.view-all-users-acess {
    color: #fff;
    border-color: #1b6dba;
    background: #1b6dba;
}

    button.view-all-users-acess:hover, button.view-all-users-acess:active {
        color: #fff;
        border-color: #1b6dba;
        background: #1b6dba;
    }

.userrecordaccess-container .card {
    border: 1px solid rgba(0, 0, 0, .125);
}

.userrecordaccess-container .card-body {
    border-radius: 16px;
}

span.grant-permission {
    font-weight: 500;
    color: #2d3748;
}
/*div#navbarSupportedContent .language-dropdown {
    margin-bottom: 12px;
}*/

.divider {
    height: 1px;
    background: #e2e8f0;
    margin: 16px 0;
    position: relative;
}

span.divider-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 0 12px;
    color: #64748b;
    font-size: 0.9rem;
}

i.fas.fa-share-alt {
    color: #1b6dba;
}

.card.access-permissions span.badge.bg-success {
    border: 0.5px solid #1b6dba;
    color: #fff;
    background: #1b6dba !important;
}

i.fas.fa-check-circle {
    font-weight: 600;
    color: #166534;
}

.selected-users {
    background: #f0fdf4;
    border-radius: 12px;
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #dcfce7;
}

.users-selected {
    background: #f0fdf4;
    border-radius: 12px;
    padding: 13px;
    margin-top: 18px;
    border: 1px solid #dcfce7;
    margin-bottom: 22px;
}

.card.access-permissions span.badge.bg-secondary {
    background-color: #9da0a3 !important;
}

.save-permissions p strong, .access-users-section i.fas.fa-user-friends {
    color: #1b6dba !important;
}

.userrecordaccess-container strong {
    font-weight: 400;
}

.save-permission-btn button.btn {
    padding: 7px 16px;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

button.reset-btn {
    color: #64748b;
    border: 1px solid #cbd5e1 !important;
}

.active-users-list, .active-users-list:hover, .user-item.active-users-list:hover, .active-users-list {
    background: #1b6dba !important;
}

.d-block.p-3.user-item i.fas.fa-check-circle {
    color: #fff;
}

.user-access-display span.users-access-name, .user-access-display small.users-access-name-small {
    font-size: 16px;
    font-weight: 600;
    color: #3a434e;
}

span.users-access-name-small {
    padding-left: 7px;
    border-left: 1px solid #d3d3d3;
    font-size: 15px;
    color: #212529bf;
    font-weight: 400;
}

.useraccessoverview-container .card.user-card {
    border: 1px solid rgba(0, 0, 0, .125) !important;
}

.useraccessoverview-container .card-header {
    display: block;
}

.useraccessoverview-container .user-calltions {
    display: flex;
    justify-content: space-around !important;
    align-items: flex-start;
}

.useraccessoverview-container .badge-total-users {
    background: #dbeafe;
    color: #1d4ed8;
    padding: 7px 7px;
    border-radius: 9px;
    font-size: 13px;
}

.useraccessoverview-container span.badge.bg-info {
    padding: 9px 9px;
    display: inline;
    background-color: rgba(67, 97, 238, 0.1) !important;
    color: #4361ee !important;
    font-weight: 500;
    font-size: 13px !important;
}

span.badge.bg-success.fs-6.p-2.w-100 {
    padding: 9px 9px;
    display: inline;
    font-weight: 500;
    font-size: 13px !important;
    border: none;
}

/*.useraccessoverview-container .access-users-section {
    padding: 8px;
}*/
.user-access-heading {
    display: flex;
    align-items: center;
}

.useraccessoverview-container h6 {
    font-size: 14px;
    white-space: nowrap;
    padding-top: 7px;
}

.access-users-list {
    padding-top: 8px;
    overflow-x: hidden !important;
}

.useraccessoverview-container .access-user-item {
    background: #f9fcff !important;
    border: none !important;
    border-bottom: 1px solid #f7f7f7 !important;
    padding: 12px 16px;
}

.useraccessoverview-container .user-avatar {
    background: #e2e8f0 !important;
    color: #475569 !important;
}

.useraccessoverview-container .users-access-name {
    padding-right: 7px;
}

small.users-access-name-small {
    color: #212529bf;
    font-size: 13px;
}

small.updated-time-date {
    color: #718096;
    padding-right: 10px;
    border-right: 1px solid #d3d3d3;
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 0;
}

small.userId-update-users {
    background: #f7f9fc;
    padding: 5px 10px;
    border-radius: 8px;
    color: #718096;
    padding-right: 10px;
    font-size: 14px;
}

button.btn-edit {
    padding: 10px 14px;
    border-radius: 10px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #dbeafe !important;
    color: #1d4ed8 !important;
}

small.select-user-other {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.badge.bg-info.text-white, .badge.bg-warning.text-dark {
    background: #1b6dba !important;
    font-weight: 400;
    /*    color: #1d4ed8 !important;*/
    font-size: 13px;
    padding: 9px 9px;
    display: inline;
    color: #fff !important;
}

.card-body .stat-item {
    background: white;
    border-radius: 16px;
    padding: 8px;
    text-align: center;
    /*    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);*/
    min-width: 200px;
    transition: transform 0.3s ease;
    border: 1px solid rgba(0, 0, 0, .125) !important;
}

.form-control.grant-users {
    font-size: 15px;
}

.card.access-permissions button.btn.btn-outline-danger {
    background: #dc3545;
    color: #fff;
}

.upload-logo-wrapper {
    position: relative;
}

.main-content.application-app-setting .small-filename {
    position: absolute;
}

/* Extra Permission CSS*/

ul.list-group.selected-persmiison {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 9px;
    margin-top: 10px;
    /*    max-width: 96%;*/
}

.permission-pill {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    border: 1px solid #dbdbdb;
    background: #f1f7ff;
    color: #1e63c3;
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 400;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.enable-extra-permisson h5.sectiontitle {
    font-size: 15px;
    color: #333333;
}

.access-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eef0f3;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.access-title {
    display: flex;
    align-items: center;
    max-height: 29px;
    gap: 10px;
}

.access-header .access-icon span.img-body-outer img {
    width: 37px;
}

.ct-box.ct-box-style-two label {
    font-size: 16px;
    font-weight: 400;
}

.cards1 input.form-control.valid {
    font-size: 14px;
    color: #343a40;
    font-weight: 500;
    padding: 15px 17px;
    background: #f8f9fa;
    border-radius: 12px;
    border-left: 3px solid #1b6dba !important;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #f8f9fa;
}

.enable-extra-permisson {
    padding: 5px 22px 5px;
}

.cards2 h5.sectiontitle.app-access-h5 {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.5;
    color: #212529;
}

.col-md-6.enable-extra-permisson.mt-4 {
    margin-left: 0 !important;
}

a.btn.btn-sm.btn-outline-primary, a.extra-permisson-btn:hover {
    border-color: #1b6dba;
    border: 1px solid;
    color: #1b6dba;
    background: transparent;
}

.cards2 .ct-box.ct-box-style-two {
    width: 98%;
    margin: 0 auto;
}

.main-content.application-app-setting {
    min-height: 600px;
}

.enable-extra-permisson select.form-select {
    font-size: 14px;
}

section.recipients-main table.table.table-tamplate-style.table-user-style thead {
    z-index: 9999;
}

.card.user-card .card-body {
    border-radius: 19px;
}

button.btn.btn-outline-info {
    color: #1b6dba;
    border-color: #1b6dba;
}

    button.btn.btn-outline-info.view-all-users-acess {
        color: #fff !important;
    }

/* forms new design*/

.scrollable-app-access .ct-box.ct-box-style-two {
    background: #fff;
    border-radius: 16px;
    padding: 14px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 14px;
    margin-top: 14px;
}

.useraccessoverview-container .card.user-card {
    border: 1px solid rgba(0, 0, 0, .125) !important;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    width: 100%;
    box-sizing: border-box;
    transition: transform 0.3s ease;
}

.card-header.text-white {
    background: transparent;
}

.useraccessoverview-container .card-header h6 {
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
}

span.pill {
    background-color: #f0f4f8;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 500;
    color: #374151;
    box-shadow: inset 0 0 0 1px #d1d5db;
    transition: background-color 0.2s ease;
}

.user-row {
    display: flex;
    margin-right: 30px;
    gap: 16px;
    flex-wrap: nowrap;
}

span.pill span {
    color: #374151;
    font-weight: 400;
}

span.pill {
    color: #1b6dba !important;
    font-weight: 600;
    font-size: 13px;
}

.card.shadow-sm.user-card button.btn-edit {
    padding: 5px 14px;
    margin-right: 12px;
    border-radius: 6px;
}

.user-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.cards1 {
    margin: auto;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 20px;
    box-shadow: -1px 0px 6px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15px);
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.extrapermission-info-inputs h5.sectiontitle {
    color: #51555a;
    margin-top: 0px;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-size: 18px !important;
    font-weight: 500 !important;
}

.cards1 .extrapermission-info-inputs input.form-control.valid {
    font-size: 15px;
    color: #343a40;
    font-weight: 500;
    padding: 3px 1px !important;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    border: none !important;
}

.permission-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.list-group-item {
    display: inline-flex;
    align-items: center;
    padding: 0.6rem 1.2rem;
    border-radius: 50px;
    padding: 0.5rem 1rem;
    background: rgba(67, 97, 238, 0.1);
    font-size: 0.85rem;
    font-weight: 500;
}

.enable-extra-permisson h6 {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    padding-bottom: 4px;
}

.enable-extra-permisson select.form-select, .dropdown-container .form-select {
    width: 100%;
    padding: 9px;
    border-radius: 10px;
    border: 1px solid #dcdfe6;
    font-size: 0.95rem;
    transition: border 0.2s ease;
}

/* extra permission form view top */

.extrapermission-info-inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.column {
    display: flex;
    flex-direction: column;
}

.info-row {
    display: flex !important;
    margin-bottom: 0px;
    border-bottom: 1px solid #eaeaea;
    gap: 17px;
    align-items: center;
}

    .info-row .label {
        font-weight: 600;
        color: #333;
        width: 120px;
        flex-shrink: 0;
        font-size: 1rem;
        width: fit-content;
    }

    .info-row.last {
        padding-bottom: 0 !important;
        border-bottom: none;
        margin-bottom: 0;
    }

/* Create Client Forms */
.application-setting-container.container.create-clients-forms {
    display: flex;
    width: 100%;
    max-width: 1200px;
    /*    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);*/
    border-radius: 12px;
    background: white;
    margin-bottom: 6%;
}
/*.image-preview-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

.image-preview-content {
    position: relative;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.3);
    width: 400px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-preview-content img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: zoom-out;
    transition: transform 0.2s ease;
}

.image-preview-content img:hover {
    transform: scale(1.02);
}
.close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #dc3545;
    color: white;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 22px;
    line-height: 28px;
    cursor: pointer;
    transition: all 0.2s ease;
}*/

.close-btn:hover {
    background: #b02a37;
}

.create-clients-forms .form-border-bottom {
    margin-bottom: 19px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.create-clients-forms h3.clinet-create i {
    margin-right: 10px;
    color: #1b6dba;
}

.create-clients-forms h3.clinet-create {
    font-size: 18px;
    margin-bottom: 15px;
    color: #2c3e50;
    display: flex;
    align-items: center;
}

.create-clients-forms input.form-control.valid {
    width: 100%;
    padding: 12px 12px;
    border: 1px solid #e0e0e0;
    font-size: 15px;
    /* background: #f9f9f9; */
}

.create-clients-forms .sectiongrid {
    margin-bottom: 12px;
    padding-bottom: 12px;
}

div#navbarSupportedContent a#clientDropdown {
    border: none;
}

.userreord-creste-users-btn {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: flex-end;
    gap: 10px;
}

    .userreord-creste-users-btn a.btn.btn-create {
        width: fit-content !important;
        padding: 0px 6px;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

.student-forms {
    background-color: #f8fafc;
    border-radius: 12px;
    padding: 14px;
}

.smartdocument-create textarea {
    height: 80px;
}

.smart-document-edit.card .question-list p {
    margin-bottom: 0;
}

section.recipients-main thead {
    z-index: 1 !important;
}

.settingmaincontainer.application-setting-container.right-pannel {
    margin-bottom: 6%;
}

table.table.table-tamplate-style.table-user-style.table-user-seting td.fonts-n3.first-childs {
    margin-top: 8px;
}

button.submitBtn {
    width: 140px;
    color: #f6f8fb;
    border-radius: 4px;
    height: 40px;
    margin-bottom: 5px;
    margin-top: 8px;
    background-color: #1b6dba;
    font-size: 14px;
    font-weight: 500;
}

button.clearBtn {
    color: #1b6dba;
    background-color: #fff;
    border: 1px solid #E9E9E9;
    width: 140px;
    border-radius: 4px;
    height: 40px;
    margin-bottom: 5px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
}

i.fas.fa-arrow-down, i.fas.fa-arrow-up {
    margin-left: 15px;
    margin-right: 13px;
}

.language-dropdown select.form-select {
    width: auto;
}

a.btn.btn-create.recipients-create, .application-setting-container.hiringmanager-main button.btn.btn-filter {
    height: 45px;
}

.create-packet-link a.btn.btn-create {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.gauges-section .gauge-card {
    background: white;
    border-radius: 20px;
    padding: 3rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid var(--border);
    position: relative;
    overflow: hidden;
}

.gauges-section .gauge-card {
    width: 425px;
}

.cards-gauges-section {
    display: flex;
    gap: 41px;
    justify-content: center;
    align-items: center;
}

.gauge-text h4 {
    color: #1b6dba;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
}

.gauge-text p {
    color: #2c2c2c;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.dashboard-container h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.legend-count strong {
    color: #2a2e33;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18.9px;
}

.legend-item span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.2px;
}

.applied-filters button.btn.btn-filter, .applied-filters button.btn.btn-filter {
    color: #1b6dba !important;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    height: 34px !important;
    padding: 6px;
    width: 147px;
}

.initiator-div h5 span {
    color: #1b6dba !important;
}

/*for logo image preview model*/
.image-preview-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.image-preview-content {
    position: relative;
    background: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    max-width: 90%;
    max-height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.image-preview-content img {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
}

.close-btn {
    position: absolute;
    top: -12px;
    right: -12px;
    background: #dc3545;
    border: none;
    color: white;
    font-size: 24px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    cursor: pointer;
    line-height: 24px;
}
/*end*/
.applications-table table th:last-child {
    text-align: center;
}

.applications-table table td:last-child {
    display: flex;
    justify-content: center;
}

.applications-table table th:nth-child(3), .applications-table table th:nth-child(4), .applications-table table td:nth-child(3), .applications-table table td:nth-child(4) {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.applications-table table th:nth-child(4) {
    display: flex;
}

.applications-table .actiondelete-button {
    width: auto;
}

button.btn-close.account-settings-modal-close-icon {
    right: -11px;
    top: -10px;
}

.modal-footer button.verify-btn {
    background: #fff;
    color: #1b6dba;
    border: 1px solid #1b6dba;
}

.toggle-otp-modal .modal-body p, .delete-otp-modal .modal-body p {
    font-size: 14px;
    color: #64748b;
    margin-top: 4px;
}

.toggle-otp-modal h5, .delete-otp-modal h5 {
    font-size: 22px;
    font-weight: 600;
    color: #182433e0;
}

.toggle-otp-modal h6, .delete-otp-modal h6 {
    font-size: 15px;
}

.toggle-otp-modal h5.modal-title, .delete-otp-modal h5.modal-title {
    font-size: 16px;
    font-weight: 500;
}

.modal-footer.otp-footer button {
    flex: 1;
    padding: 12px;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.modal-footer.otp-footer button.btn.btn-primary {
    padding: 10px 10px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 400;
}

.modal-footer.otp-footer button.btn.btn-primary {
    box-shadow: unset;
}

h5.modal-title.main-title {
    font-size: 1.25rem;
    font-weight: 500;
}

div#createPacketTypeModal button.btn-close, div#editPacketTypeModal button.btn-close {
    left: 0;
    top: -8px;
    right: -10px;
}

.application-setting-container.container-fluid.mb-lg-5.clients-main .form-switch .form-check-input {
    background-image: unset;
}

.application-setting-container.container-fluid.mb-lg-5.clients-main .form-switch .form-check-input {
    width: 41px !important;
}

.accounts-action-btn img.img-fluid.unselected-icon {
    fill: #1b6dba;
    filter: invert(28%) sepia(98%) saturate(1529%) hue-rotate(193deg) brightness(91%) contrast(95%);
}

/* Invoice Detail offcanvas  CSS */
.status-row {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.offcanvas.invoice-detail strong {
    font-weight: 500;
    display: block;
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 4px;
}

.offcanvas.invoice-detail p {
    font-size: 14px;
    font-weight: 400;
    color: #111827;
}

.offcanvas.invoice-detail .total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 14px;
    /*    border-top: 1px dashed #d1d5db;*/
}

.offcanvas.invoice-detail .offcanvas-footer {
    text-align: right;
}

h6.heading-h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 14px;
    color: #374151;
}

.offcanvas.invoice-detail p.h5.text-primary {
    font-size: 20px;
}

.offcanvas.invoice-detail h3.offcanvas-title {
    font-size: 20px;
    font-weight: 600;
}

.offcanvas.invoice-detail .offcanvas-header {
    padding: 20px 10px;
    border-bottom: 1px solid #e5e7eb;
}

td.action_button.accounts-action-btn .actiondelete-button {
    gap: 0px;
}

    td.action_button.accounts-action-btn .actiondelete-button > a {
        margin: 0 0px;
    }

td.action_button.accounts-action-btn .form-switch .form-check-input.checkbox-big:checked {
    width: 32px;
    height: 16px;
}

.accounts-action-btn .form-switch {
    padding-left: 0px;
    margin-top: 2px;
}

/* All Data tables */
.table-wrapper table thead tr th {
    padding: 8px !important;
}

.account-settings.account-details {
    height: 700px;
    margin: 0;
    max-width: 100%;
}

div#fullSidebar {
    width: 300px;
    background: #fafafa;
    padding: 0;
}

.modal-content.account-verification button.btn-close {
    right: -8px;
    top: -6px;
}

/* Create User App Access */
.apps-list-show {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 420px;
    overflow-y: auto;
    padding-right: 4px;
}

    .apps-list-show .app-card {
        padding: 0px 12px 0px 12px;
        border-radius: 28px;
    }

.app-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 16px;
    align-items: center;
    padding: 4px 18px;
    background: #ffffff;
}

.ct-box.ct-box-style-two .heading-permission {
    display: flex;
    align-items: center;
    gap: 10px;
}

span.select-permission {
    display: flex;
    align-items: center;
}

.statuslabel.completed-bages {
    margin-top: 4px;
}

.search-filter-main input.form-control {
    border: 1px solid #d8d8d8 !important;
    padding: 0px 53px !important;
}

.show-all-access button.btn:hover {
    border: 1px solid #1b6dba;
    color: #1b6dba;
    background: transparent;
}

.useraccessoverview-container button.btn.btn-outline-info {
    background-color: transparent;
    color: #1b6dba;
    border: 1px solid #1b6dba;
}

.table-responsive .table-user-style td:nth-child(4) {
    overflow: inherit;
}

.apps-list .text-dark {
    font-weight: 400 !important;
}

.recipients-details .recipients-card-th {
    padding: 4px 10px;
    margin-top: 0px !important;
}

button.btn.refresh-packets {
    padding: 6px 10px;
    background-color: #1b6dba;
    color: #fff;
    height: 42px;
    border-radius: 6px;
}

table.table.appsetting td:nth-child(4) {
    max-width: 213px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-switch .form-check-input {
    --bs-form-switch-bg: unset;
}

.table-wrapper.clients-table td:nth-child(4) {
    max-width: 213px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

h2.smart-doc {
    padding-top: 6px;
    font-size: 21px;
    font-weight: 500;
}

/*Create Custom Plan*/
/*#plans-table {
    max-height: 430px;
    overflow-y: auto;
}
div#plans-table {
    max-height: 72vh;
    min-height: 52vh;
    overflow-x: auto;
}

div#plans-table {
    max-height: 677px;
    overflow-y: auto;
    margin-bottom: 0px !important;
}
*/
.plan-table-container {
    margin-bottom: 2.5rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.action-bar-left button.btn.btn-primary {
    padding: 9px 4px;
    font-size: 13px;
}

.main-content.application-app-setting .save-packet-card {
    background: transparent;
    border: none;
}

.selected-packets-summary button.btn.btn-sm.btn-outline-secondary {
    color: #64748b;
    border: 1px solid #cbd5e1 !important;
    background-color: #fff;
    border-radius: 5px;
    padding: 4px 10px;
}
.form-check-input:checked[type="radio"] {
    background-color: #1b6dba;
    border-color: #1b6dba;
}

.form-check-input:checked {
    background-color: #1b6dba;
    border-color: #1b6dba;
}

div#createEnvelopeParameterModal button.btn-close, div#editEnvelopeParameterModal button.btn-close {
    right: -13px;
    top: -8px;
}
.category-mapping-box span.badge {
    font-weight: 500;
}

.account-settings .main-content.application-app-setting input.form-control, .account-settings .main-content.application-app-setting select.form-select {
    height: 43px;
}

.application-setting-container.smartaddon-forms .form-control {
    display: flex;
    gap: 13px;
    min-height: 42px;
    height: 42px;
}

.application-setting-container.smartaddon-forms button.btn.btn-tooltip {
    padding: 0px 7px;
}

.account-settings .smartaddon-forms .form-group {
    margin-bottom: 16px;
}

.smartaddon-forms .mb-3 {
    margin-bottom: 0px !important;
}

button.btn.btn-secondary.delete-btn-no {
    background: #f0f0f0;
    color: #4a4c50;
    border: none;
    font-weight: 500;
    border-radius: 6px;
}

button.btn.btn-secondary.delete-btn-yes {
    background: #bd0005;
    color: #fff;
    border: none;
    font-weight: 500;
    border-radius: 6px;
}

.popup-form-bdy .mb-3 {
    margin-bottom: 6px !important;
}

input#secretKeyInput {
    border: none;
    height: 47px;
}

div#createPacketLinkOffcanvas ul.dropdown-menu.w-100.p-2.scrollable-dropdown.show {
    transform: translate(0px, 54px) !important;
}

.generate-secret-key input.form-control {
    border: transparent;
}
ul.nav.flex-column.sidebar-nav {
    margin-top: 14px;
}
.application-packet h2.top-second-heading {
    padding-top: 0px;
    font-size: 19px;
    font-weight: 500;
}
.main-content.application-app-setting .card.shadow-sm h5 {
    font-size: 15px;
    color: #374151;
}

/* Subscription plan css */
h3.page-title-plan {
    font-size: 19px;
    color: #2c3e50;
    margin-bottom: 6px;
    font-weight: 600;
}

/*button.btn.add-category-btn {
    background-color: #1b6dba;
    border-radius: 5px;
    font-weight: 400;
    padding: 9px 4px;
    font-size: 13px;
    color: #fff;
}*/


button.add-feature-btn {
    background-color: transparent;
    border: 1px dashed #1b6dba !important;
    color: #1b6dba !important;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 14px;
    cursor: pointer;
}

button.delete-btn {
    background-color: transparent;
    color: #e74c3c;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 5px;
    border-radius: 4px;
    border: 1px dashed #e74c3c;
}

tr.feature-row input.form-control {
    padding: 10px !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 317px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    text-align: center;
}

.document-hub-heading.mt-3 {
    margin-top: 0 !important;
}

i.fas.fa-circle-check , i.fas.fa-circle-xmark {
    font-size: 19px;
    margin-left: 1px;
}

/*i.fas.fa-circle-xmark {
    font-size: 19px;
    margin-top: 4px;
    margin-left: 3px;
}*/

button.btn.btn-sm.btn-icon.btn-success {
    background: transparent;
    color: #1b6dba;
    border: none;
    padding: 0;
}
/* END plan css */


/* Main Sidebar Styles */

/*.app-content-row {
    display: flex;
    min-height: calc(100vh - 148px);
    position: relative;
    width: 100%;
}*/

/* Sidebar Column */
/*.sidebar-column {
    width: 280px;
    min-width: 280px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 40;
    height: calc(100vh - 124px);
    overflow-y: auto;
    overflow-x: hidden;
    background: #f8fafc;
    border-right: 1px solid #e5e7eb;
}

.sidebar-column.collapsed {
    width: 70px;
    min-width: 70px;
}

.content-column {
    flex: 1;
    padding: 11px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 0;
    width: calc(100% - 280px);
    background: #ffffff;
}

.content-column-full {
    width: 100%;
}*/

/* Sidebar Navigation Styles */
/*.sidebar-nav .nav-item {
    margin-bottom: 0.25rem;
}

.sidebar-nav .nav-link {
    color: #4b5563;
    font-weight: 500;
    font-size: 14px;
    padding: 0.75rem 1.5rem;
    border-radius: 0.375rem;
    margin: 0 0.5rem;
    transition: all 0.2s ease;
    border: none;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}

.sidebar-nav .nav-link:hover {
    background-color: #f3f4f6;
    color: #1b6dba;
}*/

/*.sidebar-nav .nav-link.active {
    background-color: #1b6dba;
    color: white;
}*/

/*.sidebar-nav .nav-link.active .sidebar-icon {
    color: white;
}

.sidebar-icon {
    font-size: 16px;
    width: 20px;
    text-align: center;
    color: #6b7280;
    flex-shrink: 0;
    margin-right: 0.75rem;
}

.dropdown-arrow {
    font-size: 12px;
    transition: transform 0.2s ease;
    color: #9ca3af;
    flex-shrink: 0;
    margin-left: auto;
}

.nav-link[aria-expanded="true"] .dropdown-arrow {
    transform: rotate(180deg);
    color: #1b6dba;
}

.submenu {
    background: #f9fafb;
    border-radius: 0.375rem;
    margin: 0.25rem 1rem;
    padding: 0.5rem 0;
}

.submenu .nav-link {
    padding: 0.625rem 1rem;
    font-size: 13.5px;
    color: #6b7280;
    border-left: 2px solid transparent;
    margin: 0;
}

.submenu .nav-link:hover {
    background-color: #f1f5f9;
    color: #1b6dba;
    border-left-color: #93c5fd;
}

.submenu .nav-link.active {*/
/*    background-color: #eff6ff;*/
    /*color: #1b6dba;
    font-weight: 500;
}*/

/* Scrollbar Styling */
/*.sidebar-column::-webkit-scrollbar {
    width: 6px;
}

.sidebar-column::-webkit-scrollbar-track {
    background: #f1f5f9;
}

.sidebar-column::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.sidebar-column::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}*/

/* Sidebar Footer */
/*.sidebar-footer {
    padding: 1rem;
    border-top: 1px solid #e5e7eb;
    margin-top: auto;
}

.toggle-sidebar-btn {
    width: 100%;
    padding: 0.5rem;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    color: #6b7280;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.toggle-sidebar-btn:hover {
    background: #e5e7eb;
    color: #374151;
}
.nav-link i {
    color: inherit;
}

.sidebar-nav .nav-link.active .sidebar-icon {
    color: #fff;
}
.sidebar .nav-item .nav-link:hover {
    color: #fff;
}

.sidebar .nav-item .nav-link:hover i {
    color: #fff;
}

#sidebar .collapse.show {
    display: block;
}

.dropdown-arrow {
    transition: transform 0.3s ease;
}

.nav-link[aria-expanded="true"] .dropdown-arrow {
    transform: rotate(180deg);
}

#sidebar .collapse:not(.show) {
    display: none;
}

#sidebar .collapse.show {
    display: block;
}
button.sidebar-toggle-btn.d-lg-none {
    display: none !important;
}*/

/* Mobile Sidebar Styles */

/* Mobile Responsive */

/*@media (min-width: 992px) {
    .sidebar-toggle-btn {
        display: none;
    }
}*/

/* Sidebar Mobile Styles */
/*@media (max-width: 991px) {
    .sidebar-column {
        position: fixed !important;
        top: 0;
        left: -280px;
        height: 100vh;
        width: 280px;
        z-index: 1050;
        background: white;
        transition: left 0.3s ease;
        overflow-y: auto;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
        margin-left: 0 !important;
        display: block !important;
    }
    .sidebar-column {
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    .sidebar-column.show {
        transform: translateX(0);
    }

    .sidebar-column.collapsed {
        width: 280px;
        min-width: 280px;
        transform: translateX(-100%);
    }

    .sidebar-column.collapsed.show {
        transform: translateX(0);
    }

    .sidebar-column.collapsed.show {
        left: 0;
    }

    .sidebar-toggle-btn {
        display: block;
    }*/

    /* Overlay for mobile */
    /*.sidebar-column:not(.collapsed):not(.show) + .content-column::before,
    .sidebar-column:not(.collapsed):not(.show) + .content-column-full::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1040;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

    .sidebar-column.show + .content-column::before,
    .sidebar-column.show + .content-column-full::before {
        opacity: 1;
        pointer-events: all;
    }

    .sidebar-column.show {
        left: 0;
    }

    .sidebar-column.collapsed {
        width: 280px !important;
        left: -280px;
    }

    .sidebar-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1040;
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .sidebar-backdrop.show {
        display: block;
        opacity: 1;
    }

    .sidebar-toggle-btn {
        position: fixed;
        top: 15px;
        left: 15px;
        z-index: 1030;
        background: #1b6dba;
        color: white;
        border: none;
        border-radius: 4px;
        width: 40px;
        height: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        cursor: pointer;
    }

    .sidebar-toggle-btn:hover {
        background: #155d9c;*/
/*        display: none !important;*/
    /*}

    .sidebar-backdrop.show {
        display: block;
        opacity: 1;
    }

    .toggle-sidebar-btn {
        display: none !important;
    }

    body.sidebar-open {
        overflow: hidden;
    }

    .content-column {
        width: 100% !important;
        padding: 1rem !important;
    }

    section.sidebar-wrapper button.btn-close {
        left: 14rem;
        top: 6px;
    }
}

@media (min-width: 992px) {
    .sidebar-toggle-btn {
        display: none !important;
    }

    .sidebar-backdrop {
        display: none !important;
    }

    .sidebar-column {
        transition: width 0.3s ease;
    }

    .sidebar-column.collapsed {
        width: 70px !important;
    }

    .sidebar-column.collapsed .menu-text,
    .sidebar-column.collapsed .collapse-text {
        display: none !important;
    }

    .sidebar-column.collapsed .nav-link {
        justify-content: center;
        padding: 10px !important;
    }

    .sidebar-column.collapsed .sidebar-icon {
        margin-right: 0 !important;
    }

    .sidebar-column.collapsed .dropdown-arrow {
        display: none !important;
    }

    .sidebar-column.collapsed .submenu {
        display: none !important;
    }
}


@media (min-width: 992px) {
    .sidebar-wrapper {
        position: relative;
        height: 100%;
        width: 280px;
        transition: width 0.3s ease;
    }

    .sidebar-toggle-btn {
        display: none !important;
    }

    .sidebar-wrapper.collapsed {
        width: 70px;
    }

    .sidebar-wrapper.collapsed .sidebar-content {
        overflow: hidden;
    }

    .sidebar-wrapper.collapsed .nav-link span:not(.sidebar-icon),
    .sidebar-wrapper.collapsed .nav-link .dropdown-arrow,
    .sidebar-wrapper.collapsed .submenu {
        display: none;
    }

    .sidebar-wrapper.collapsed .nav-link {
        justify-content: center;
        padding: 10px;
    }

    .sidebar-wrapper.collapsed .sidebar-icon {
        margin-right: 0;
        font-size: 1.2rem;
    }

    .sidebar-toggle-btn {
        display: none !important;
    }

    .sidebar-backdrop {
        display: none !important;
    }
}*/


/* Sidebar Mobile Styles */

/*@media (min-width: 992px) {
    .sidebar-toggle-btn {
        display: none !important;
    }

    .sidebar-backdrop {
        display: none !important;
    }

    .sidebar-column {
        transition: width 0.3s ease;
    }

    .sidebar-column.collapsed {
        width: 70px !important;
    }

    .sidebar-column.collapsed .menu-text,
    .sidebar-column.collapsed .collapse-text {
        display: none !important;
    }

    .sidebar-column.collapsed .nav-link {
        justify-content: center;
        padding: 10px !important;
    }

    .sidebar-column.collapsed .sidebar-icon {
        margin-right: 0 !important;
    }

    .sidebar-column.collapsed .dropdown-arrow {
        display: none !important;
    }

    .sidebar-column.collapsed .submenu {
        display: none !important;
    }
}*/

/* Sidebar Styles */
.navbar-toggler.sidebar-toggler:hover
/* Navbar Toggle Button Styles */
.navbar-toggle-btn,
.navbar-toggler.sidebar-toggler {
    /*    background: #1b6dba;*/
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 8px 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: transparent;
}

button.navbar-toggle-btn {
    background: transparent;
    border: none !important;
}

.navbar-toggler.sidebar-toggler:hover {
    background: #0056b3;
    transform: scale(1.05);
}

.navbar-toggle-btn i,
.navbar-toggler.sidebar-toggler i {
    font-size: 1.2rem;
}

.sidebar-toggle-btn {
    display: none !important;
}

.navbar-toggle-container {
    margin-right: 1rem;
}


/* Mobile styles for navbar toggle */
@media (max-width: 991.98px) {
    .navbar-toggle-btn,
    .navbar-toggler.sidebar-toggler {
        width: 36px;
        height: 36px;
        padding: 6px 10px;
    }

    .navbar-toggle-btn i,
    .navbar-toggler.sidebar-toggler i {
        font-size: 1rem;
    }
}

/* Rest of your existing CSS remains the same */
.app-content-row {
/*    display: flex;
    min-height: calc(100vh - 60px);
    transition: all 0.3s ease;*/
/*    margin-top: 60px;*/
}

.sidebar-collapsed {
    margin-left: 0 !important;
}

/* CRITICAL FIX: Ensure header and sidebar show immediately */
header, nav.navbar, .navbar-brand, .navbar-collapse {
    opacity: 1 !important;
    visibility: visible !important;
/*    display: flex !important;
    animation: none !important;
    transition: none !important;*/
}

/* Ensure sidebar is visible */
.sidebar-column, .sidebar-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Remove any fade transitions on page load */
.app-content-row, .content-column {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
}

/* Make sure all UI elements are visible immediately */
body {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Override any Bootstrap transitions causing delay */
.navbar, .navbar-nav, .nav-link, .dropdown-menu {
    transition: none !important;
    animation: none !important;
}

.sidebar-column {
    width: 270px;
    background-color: #fafafa;
    /*    background-color: #f8f9fa;*/
    border-right: 1px solid #dee2e6;
    height: 100%;
    transition: all 0.3s ease;
    position: fixed;
    /*    top: 60px;*/
    left: 0;
    /*    bottom: 0;*/
    /*    z-index: 1000;*/
    overflow-y: auto;
}

.sidebar-column.collapsed {
    width: 0;
    min-width: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
}

.content-column {
    flex: 1;
    margin-left: 270px;
    padding: 20px;
    transition: all 0.3s ease;
    min-height: 100%;
    background-color: #fff;
}

.content-column-full {
    margin-left: 0 !important;
    width: 100% !important;
}
/*li.nav-item a.nav-link.active {
    background: #1b6dba;
    border-radius: 0.5rem;
    cursor: pointer;
    text-align: left;
    color: #f0f0f2;
    text-transform: capitalize;
    display: block;
    padding: 9px;
}*/

.submenu .nav-link.active {
    color: #1b6dba !important;
    font-weight: 500;
    background: transparent !important;
}
ul.nav.flex-column.submenu {
/*    padding-top: 10px;*/
    padding-left: 10px;
}
ul.nav.flex-column.submenu li.nav-item a.nav-link.active {
    color: #1b6dba !important;
    font-weight: 500 !important;
}
.sidebar-column .nav.flex-column.sidebar-nav,
.sidebar-column .sidebar-content,
.sidebar-column .filterpanel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.sidebar-open {
    overflow: hidden;
}
.chat-toggle {
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #6b7280;
    transition: all .18s ease;
}

.chat-toggle:hover {
    background: #f3f4f6;
    color: #111827;
}

.chat-toggle:active {
    transform: scale(.94);
}

.dropdown-menu-custom {
    display: block;
}

.custom-dropdown {
    position: relative;
    /* width: 180px; */
    font-size: 14px;
}

/*.custom-dropdown.app-acc-selection {
    position: relative;
    display: inline-block;
    width: max-content;*/
    /* min-width: 160px; */
/*}*/


    .custom-dropdown.app-acc-selection {
        position: relative;
        display: inline-block;
        min-width: 190px;
        width: 190px;
        font-size: 14px;
    }

.dropdown-selected {
    width: 100%;
    background: #ecf6ff;
    border: 1px solid #1b6dba;
    color: #1b6dba;
    padding: 4px 18px 4px 14px;
    border-radius: 999px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .2s;
}

.dropdown-selected:hover {
    background: #e2f0ff;
}

.arrow {
    width: 8px;
    height: 8px;
    border-right: 2px solid #1b6dba;
    border-bottom: 2px solid #1b6dba;
    transform: rotate(45deg);
    margin-left: 10px;
}

.dropdown-menu-custom {
    position: absolute;
    top: 115%;
    left: 3px;
    /* width: max-content;*/
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    padding: 6px;
    animation: fadeDown .18s ease;
    z-index: 999;
    border-radius: 3px 3px 10px 10px;
    background: #ecf6ff !important;
    border: 1px solid #1b6dbaa6;
    color: #1b6dba;
    width: 100%;
}

.dropdown-menu-custom.Languages {
    width: 90px;
    text-align: center;
}

.dropdown-item-custom {
    padding: 4px 0px;
    border-radius: 10px;
    cursor: pointer;
    transition: .15s;
}

.dropdown-item-custom:hover {
    background: #ecf6ff;
}

.dropdown-selected {
    white-space: nowrap;
    width: max-content;
}

/* Mobile Sidebar Responsive Styles */
@media (max-width: 991.98px) {
    .sidebar-column {
        position: fixed !important;
        top: 0px;
        left: 0 !important;
        width: 280px !important;
        height: calc(100vh - 60px) !important;
        z-index: 1050;
        background: #fff;
        transition: left 0.3s ease-in-out;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
        overflow-y: auto;
        margin-left: 0 !important;
    }

    .sidebar-column.show {
        left: 0;
    }

    .sidebar-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1040;
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .sidebar-backdrop.show {
        display: block;
        opacity: 1;
    }

    .content-column,
    .content-column-full {
        margin-left: 0 !important;
        width: 100% !important;
        padding: 15px;
    }

    .sidebar-column.collapsed {
        left: -280px !important;
        width: 280px !important;
    }

    .sidebar-column.collapsed.show {
        left: 0 !important;
    }
}

/* Desktop styles */
@media (min-width: 992px) {
    .sidebar-backdrop {
        display: none !important;
    }

    .sidebar-column {
    /* position: relative !important;*/
        left: auto !important;
        top: auto !important;
        width: 270px !important;
    /* height: auto !important;*/
        transform: none !important;
        transition: width 0.3s ease !important;
    }

    .sidebar-column.collapsed {
        width: 0 !important;
        min-width: 0 !important;
        opacity: 0;
        visibility: hidden;
    }

    .content-column {
        margin-left: 270px;
        transition: margin-left 0.3s ease;
    }

    .content-column-full {
        margin-left: 0 !important;
    }
    span.short-name {
        text-transform: uppercase;
    }
}