@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Smooch&display=swap');
:root {
    --primaryclr:#072D66;
    --secondary : #C1CBD9;
    --basegreen: #3DBC1D;
    --baseorange: #FF6E4F;
    --background: #EFF5FD;
    --textgray: #888888;
    --lightbgcolor: #E8F1FF;
}
* {
    padding: 0;
    margin: 0;
    font-family: poppins;
    box-sizing: border-box;
}

button, a {
    cursor: pointer;
    text-transform: capitalize;
    outline: none !important;
    text-decoration: none !important;
}
a:hover {
    color: #3276b1 !important;
}
.hoverClass a:hover {
    color: #3276b1 !important;
}
h3 {
    font-size: 17px;
}
label {
    text-transform: capitalize;
}
/* navbar */
nav.nav-parent-container {
    width: 100%;
    height: 100px;
    /*background-image: url(../images/portal/bg-image.svg);*/
    display: flex;
    justify-content: center;
    align-items: center;
}
nav.bg-img {
    background-image: url(../images/portal/bg-image.svg);
}
.nav-container {
    width: 90%;
    max-width: 1603px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.logo-container {
    display: flex;
    column-gap: 14px;
}
.logo-container div {
    display: none;
    /* display: flex; */
    flex-direction: column;
    row-gap: 5px;
}
.logo-container h3.heading {

    background: linear-gradient(93.84deg, #3C7DEA 7.15%, #235CB3 98.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

}
.logo-container  img{
    width: 67px;
}
.logo-container  span {
    font-size: 12px;
    color: #666666;
}
.nav-container ul {
    font-size: 13px;
    line-height: 1.5em;
    margin: 5px 0 15px;
    padding: 0;
}
.nav-container li {
    list-style: none;
    position: relative;
    padding: 0 0 0 20px;
    font-size: 12px;
    color: #666666;
}
.nav-container ul.round li::before  {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    background-color: var(--basegreen);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.nav-container ul.round1 li::before  {
    /*content: "";*/
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    background-color: var(--basegreen);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.img-width{width: 17px !important; margin-right: 2px}
/* main container */
.main-container {
    width: 100%;
    min-height: calc(100vh - 100px);
    display: flex;
    flex-direction: column;
    align-items: center !important;
    /*background-color: var(--primaryclr) !important;*/
}
.body-container {
    width: 90%;
    max-width: 1603px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
}
.tab-section {
    width: 100%;
    display: flex;
}
.tab {
    display: flex;
    width: 21%;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    row-gap: 5px;
    opacity: .5;
    padding: 5px;
    cursor: pointer;
}
.tab-icon {
    width: 40px;
    display: none;
}
.tab span {
    font-size: 12px;
    text-align: center;
    color:var(--textgray);
}
.tab.active{
    background-color: var(--lightbgcolor);
    opacity: 1;
    border-radius: 10px 10px 0 0;
}

.tab.active  span{
    color: var(--textgray);
}

.tab > div {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    column-gap: 10px;
}
.tab > div  img{
    width: 20px;
    display: none;
}


.tab-content-container {
    width: 100%;
    min-height: calc(100vh - 340px);
}
.tab-content {
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
}
.tab-content.active {
    display: flex;
}
.tab.completed {
    background-color: transparent;
    opacity: 1;
}
.tab.tablinks.completed.active {
    background-color: var(--lightbgcolor);
}
.tab.completed  .check-icon {
    display: flex;
}
.arrow-icon {
    display: none;
}
.tab.completed > .arrow-icon {
    display: none;
}
.btn-section {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 15px;
    padding: 20px 0
}
.green-btn {
    justify-content: end;
}
.blue-btn {
    justify-content: start;
}
.btn-section button {
    padding: 0 20px;
    height: 54px;
    background-color: var(--basegreen);
    border-radius: 8px;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
}
button a, .tab-content .previous a {
    text-decoration: none;
    color: #FFF;
}
.tab-content .previous {
    /* background-color: transparent; */
    color: #FFF;
}
/* error ul */
.error-list {
    width: 100%;
    height: 100%;
    /*padding: 20px 10px 0 10px;*/
    color: #f30f38;
    background-color: var(--lightbgcolor);
    display: none;
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
    box-sizing: 5px 5px 0 0;
}
.error-list  span {
    width: 90%;
    font-size: 12px !important;
    text-align: left;
}
.error-ul {
    width: 90%;
    display: flex;
    flex-direction: column;
    margin: 0;
    list-style-position: inside;
    font-size: 13px;
    padding-left: 15px;
    font-size: 12px;
}
/* error ul */
.success-list {
    width: 100%;
    height: 100%;
    padding: 20px 10px 0 10px;
    color: green;
    background-color: var(--lightbgcolor);
    display: none;
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
    box-sizing: 5px 5px 0 0;
}
.success-list  span {
    width: 90%;
    font-size: 13px;
    text-align: left;
}
.success-ul {
    width: 90%;
    display: flex;
    flex-direction: column;
    margin: 0;
    list-style-position: inside;
    font-size: 13px;
    padding-left: 15px;
    font-size: 12px;
}
/* form */
.form-container {
    width: 100%;
    background-color: var(--lightbgcolor);
    /* border-radius: 3px; */
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
/* #businessDetails > .form-container {
    border-radius: 0 10px 10px 10px;
}
#bankInfo > .form-container {
    border-radius: 10px 0 10px 10px;
} */
.form-padding {
    padding: 25px 10px;

}
.input-container {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.input-container label {
    font-size: 13px;
    color: var(--textgray);
    margin: 0;
}
.input {
    position: relative;
    width: 100%;
    height: 54px;
    background-color: #FFF;
    border-radius: 10px;
    color: var(--textgray);

}
.input input, .input select {
    width: 100%;
    height: 100%;
    border: 1px solid #C9DEFF;
    padding: 15px 20px;
    outline: #117df6;
    background-color: #FFF;
    border-radius: 10px;
    font-size: 13px;
}
.select-input {
    padding: 0 5px;
    border: 1px solid #C9DEFF;
}
.select {
    width: 100% !important;
    height: 100%;
    box-sizing: 10px;
    outline: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:12px;
}
.select button.btn {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    outline: none !important;
    background-color: #fff;
}
.select .filter-option-inner {
    height: 100% !important;
}
.select .filter-option-inner-inner {
    height: 100% !important;
    display: flex;
    align-items: center;
	color: var(--textgray);
}
.input input::placeholder {
    color: var(--secondary);
    text-transform: capitalize;
}
.page-name {
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    color: #fff;

    border-radius: 5px;
}
.validation {
    opacity: absolute;
    display: block;
    font-size: 12px;
    color: rgb(249, 92, 89);
}
.validation-active {
    display: none;
}
.pink {
    background-color:#D96FFF;

}
.orange {
    background-color: var(--baseorange);
}
.blue-btn > button {
    background-color: #5A96FB;
}
.form-list {
    width: 100%;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.form-list li {
    counter-increment: step-counter;
    margin-bottom: 5px;
    display: flex;
}
/* .form-list li::before {
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 100%;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 11px;
  } */
.card-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.card {
    width: 100%;
    border-radius: 10px;
}
.card-head {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0 0;
    background-color: #5A96FB;
    color: #fff;
    padding: 10px;
    column-gap: 15px;
}
.card-body {
    width: 100%;
    /* height: 230px; */
    border-radius:  10px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 17px;
}
.card-body > input, .signature-container input{
    border: none;
    width: 90%;
    height: 60px;
    text-align: center;
    border-bottom: 1px solid #8884 ;
    font-family: smooch;
    font-size: 44px;
    color: #888;
    outline: none;
}
.card-body > input::placeholder, .signature-container input::placeholder{
    color: #8882;
}
.upload-doc {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}

.file-upload {
    display: flex;
    column-gap: 10px;
    align-items: center;
}
.upload-doc span {
    font-size: 14px;
    color: var(--textgray);
}
.file-upload input{
    display: none;
}
.file-upload label {
    cursor: pointer;
    font-size: 14px;
    color: #5A96FB;
    font-weight: 600;
}
.card-body > span {
    font-size: 12px;
    color: var(--secondary);
}

/* select */
.select {
    position: relative;
    margin-bottom: 15px;
    height: 100%;
    width: 100%;
    background-color: transparent;
    border: 1px solid #C9DEFF;
    border-radius: 10px;
}
.select .selectBtn {
    background: var(--bg1);
    padding: 14px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    width: 100%;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    color: var(--secondary);
    font-size: 15px;
}
.select .selectBtn:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 15px;
    width: 6px;
    height: 6px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid var(--secondary);
    border-bottom: 2px solid var(--secondary);
    transition: 0.2s ease;
}
.select .selectBtn.toggle {
    border-radius: 3px 3px 0 0;
}
.select .selectBtn.toggle:after {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
}
.select .selectDropdown {
    position: absolute;
    top: 88%;
    width: 100.5%;
    max-height: 300px;
    overflow-y: auto !important;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    background: var(--bg1);
    border: 1px solid #C9DEFF;
    border-top: none;
    z-index: 1;
    left: -.6px;
    background: #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    visibility: hidden;
    transition: 0.2s ease;
}
.select .selectDropdown .option {
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    color: #666;
}
.select .selectDropdown .option:hover {
    background: #f8f8f8;
}
.select .selectDropdown.toggle {
    visibility: visible;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-orange a {
    color: var(--baseorange);
}
.btn-orange:hover a, .btn-orange:active {
    color: #fff;
}
/* select end */
.full {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.full span {
    color: var(--textgray);
    font-size: 16px;
}
.full > div {
    display: flex;
    column-gap: 15px;
}
.full > div button {
    padding: 0 40px;
    height: 50px;
    font-size: 16px;
    font-weight: 600;
    background-color: #FFF;
    border-radius: 10px;
}
.full .btn-green {
    border: 1px solid var(--basegreen);
    color: var(--basegreen);
}
.full .btn-green:hover{
    background-color: var(--basegreen);
    color: #FFF;
}
.btn-green.active-prop {
    background-color: var(--basegreen);
    color: #FFF;
}
.full .btn-orange {
    border: 2px solid var(--baseorange);
    color: var(--baseorange);
}
.full .btn-orange:hover {
    background-color: var(--baseorange);
    color: #FFF;
}
.btn-orange.active-prop {
    background-color: var(--baseorange);
    color: #FFF;
}
.form-container .full > .form-container {
    padding: 0;
}
.property-tab {
    display: none;
}
footer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}
footer img {
    width: 50px;
}
footer img.nbc {
    width: 40px;
}
.form-container.hidden {
    display: none;
}

/* signature page */
.signature-section {
    display: flex;
}
.document-container {
    width: 100%;
    background-color: var(--lightbgcolor);
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 37px;
}
.document-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.document-content > span {
    font-size: 16px;
    color: #666;
    font-weight: 400;
    font-size: 16px;
    line-height: 163.5%;

    letter-spacing: 0.01em;
    text-transform: capitalize;
}
.document-content ul {
    font-size: 12px;
    list-style-position: inside;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    row-gap: 3px;
}
.flex {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.flex span, .flex label {
    color: #666;
    font-size: 12px;
    font-weight: 500;
}
.flex label {
    text-transform: none !important;
}
.flex .ittalic-red {
    color: red;
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
}
.signature-container {
    width: 100%;
    height: 200px;
    border: 1px dashed #5A96FB;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: 15px;
    flex-direction: column;
}
.text-area-cont {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #f7faff;
    border-radius: 5px;
}
p {
    width: 100%;
    height: 200px;
    padding: 10px;
    background-color: #f7faff;
    border: none;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    font-size: 13px;
}

/* doc upload page ui */
.upload-section {
    row-gap: 20px;
}
.document-upload-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.document-upload-container  .card {
    width: 100%;
}
.document-upload-container .card .card-body {
    background-color: transparent;
    border:  1px dashed #3C7DEA;
}
.document-upload-container .uploaded-docs {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 7px;
}
.uploaded-docs >  .card {
    width: 100%;
    flex-wrap: wrap;
    row-gap: 15px;
    padding: 29px 22px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.uploaded-docs >  .card select {
    border: 1px solid #Fff;
    padding: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #111;
    border-radius: 5px;
    background-color: #FFF;
}
.uploaded-docs .card > div {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.uploaded-docs >  .card div.select-cont {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.uploaded-docs >  .card div.select-cont select {
    width: 100%;
}
.uploaded-docs .card div span {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    width: 170px;
    word-wrap: break-word;
}
.uploaded-docs .card > span {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}
.uploaded-docs .card button {
    background-color: transparent;
    border: none;
}
.uploaded-docs .card .name {
    width: 50%;
    padding-left: 40px;
}
/* progress bar */
.progress-bar-container {
    width: 40%;
    row-gap: 8px;
}
.progress {
    width: 100% !important;
    border-radius: 7px;
    border: none;
    height: 7px;
    width: inherit;
    background-color: rgba(255, 255, 255, 0.05);
}
progress::-webkit-progress-bar {
    border-radius: 7px;
    background-color: rgba(255, 255, 255, 0.05);
}
progress::-webkit-progress-value {
    background-color: #00BA00;
    border-radius: 7px;
}
progress::-moz-progress-bar {
    background-color: #00BA00;
    border-radius: 7px;
}

/* popup */
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    /* transition: opacity 500ms; */
    visibility: visible;
    /* opacity: 0; */
    display: none;
    justify-content: center;
}
.overlay:target {
    visibility: visible;
    /* opacity: 1; */
    display: block;
}

.popup {
    margin: 10% auto;
    padding: 20px;
    background: #fff;
    border-radius: 20px;
    width: 90%;
    max-width: 715px;
    position: relative;
    transition: all 2s ease-in-out;
    padding: 40px;
}
.popup-signature {
    width: 90%;
    max-width: 900px;
    height: 350px;
    padding: 10px;background: #fff;
    border-radius: 20px;
}
.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 100ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.popup .close:hover {
    color: #06D85F;
}
.popup .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    align-items: center;
}
.popup .content img {
    width: 90px;
}
.popup .content h3 {
    color : #3DBC1D;
    font-size: 20px;
    font-weight: 500;
}
.popup .content div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.popup .content div span {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    line-height: 27px;
}
.popup .content div a {
    font-size: 14px;
    color: #5A96FB;
}

/* canvas */
#sig-canvas {
    border-radius: 15px;
    cursor: crosshair;
}
/* signature popup */
.signature-popup {
    position: absolute;
    width: 500px;
    height: 200px;
    background-color: #000;
    top: 50px;
    left: 50%;
}
.signature-popup .row{
    width: 100%;
}
.signature-conatiner {
    width: 100%;
}
.signature-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.signature-conatiner h4{
    font-size: 24px;
    font-weight: 700;
    color: #072D66;
}
.signature-text-area {
    width: 100%;
    height: 150px;
    border: 1px solid #5A96FB;
    border-radius: 10px;
}
.signature-text-area p {
    height: 100%;
    font-size: 13px;
    color: var(--textgray);
    overflow-y: auto;
}
.signature-text-area > .flex > span {
    font-size: 13px;
}
.signature-button {
    width: 100%;
    height: 120px;
    border-radius: 10px;
    border: 1px dashed #5A96FB;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    cursor: pointer;
}
.signature-button span {
    font-weight: 500;
    color: #235CB3;
    background-color: transparent;
}
.popup-signature {
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    row-gap: 20px;
    padding: 20px 40px;
    height: unset;
    max-height: 360px;
    margin-top: 40px;
    max-width: 700px;
}
.sign-close {
    position: absolute;
    right: 40px;
    top:20px
}
.sign-content {
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 50px;
    border-radius: 10px;
}
.button-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    justify-content: flex-end;
    column-gap: 15px;
}
.button-container  button {
    height: 40px;
    padding: 0 30px;
    border-radius: 10px;
    outline: none;
    border: none;
}
.submit-btn {
    background-color: var(--basegreen);
    color: #FFF;
    font-weight: 500;
}
.clear-btn {
    background-color: var(--primaryclr);
    color:#fff;
}


/* document upload */
button.file-upload {
    border: none;
    background: transparent;
}
.upload-main-container  {
    row-gap: 20px;
}
article {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.upload-main-card {
    width: 100%;
    display: flex;
    flex-dirextion: column;
    align-items: center;
    display: flex;
    aligh-items: center;
    column-gap: 20px;
}
.upload-main-card .card-body {
    width: 49%;
    height: 100px;
    border-radious-top: 10px;
    padding: 10px;
    border: 1px solid  var(--primaryclr);
}
/* .card-body.upload {
    background-color: #5a96fb;
} */
.card-body.upload {
    background-color: #3DBC1D;
}
.upload-main-card button strong {
    font-size: 20px;
    color: #fff;
}
.upload-img {
    width: 30px
}
.table-container {
    width: 100%;
    display: none;
    background-color: var(--background);
    border-radius: 10px;
    padding: 10px;
}
article table {
    width: 100%;

}
article table tr {
    width: 100%;
    background-color: var(--background);
    border: none;
}
article table tr td {
    padding: 15px;
    border: none;
}
table .name {
    display: flex;
    column-gap: 5px;
}
table .name img {
    width: 20px;
}
table td button {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
}
div.table  {
    width: 100%;
    background-color: #FFF;
    border-radius: 5px;
}
div.table table {
    width: 100%;

}
div.table table td, div.table table th {
    padding: 15px;
    color: var(--primaryclr);
}
div.table  th {
    text-align: left;
    border-bottom: 1px solid var(--primaryclr);
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    height: 30px;
    padding: 4px 6px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    margin-left: 10px;
}
.even{background-color: #f9f9f9; !important;}
.btn-section-remove {
    width: 10%;
    display: flex;
    align-items: center;
    column-gap: 15px;
    padding: 20px 0;
    float: right;
}
.btn-section-remove button {
    padding: 0 30px;
}
.btn-section-remove button {
    padding: 0 20px;
    height: 30px;
    background-color: var(--basegreen);
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
}
.red-btn > button {
    background-color: #cc1034;
}
.red-btn {
    justify-content: start;
    margin-top: 10px;
}


.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
}
.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    border: 0;
    font-weight: 700;
    width: 100%;
    padding: 4px 0;
    background-color: #f5f5f5;
    color: gray;
}
.ui-corner-all {
    border-radius: 0;
}
.ui-helper-clearfix {
    display: block;
    min-height: 0;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    text-align: center;
    margin-top: 2px;
    display: none;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-widget-header a {
    color: #222;
}
.ui-datepicker
{
    width: fit-content !important;
}
.ui-state-default{
    color: #222;
}
.ui-state-default:hover{
    color: #222 !important;
    text-decoration: none !important;
}
.upload-btn{
    width: 10% !important;
}
.ui-widget-overlay{opacity:0.6 !important;  filter: alpha(opacity=60) !important; background:#0d0d0d !important;width:100%}
#ajaxOverlay {display:none; position:absolute; background:#333333;}
#img-load {position:absolute;}
.customer_processing{
    background: none repeat scroll 0 0 #333333;
    height: 100%;
    left: 0;
    opacity: 0.75;
    position: fixed;
    top: 0;
    z-index: 949 !important;
}
.removeBtn {
    background-color: #c40f34 !important;
}
.margin-bottom-0{margin-bottom:  0px!important;}
.lender-input-error{font-size: 10pt !important;}
.ui-corner-all:hover{
    color: #222 !important;
    text-decoration: none !important;
}
.ui-autocomplete-loading{background-image:url(../img/select2-spinner.gif)!important;background-repeat:no-repeat;background-position:99% 50%;padding-right:27px}

.scroll-hide .ui-dialog{position:fixed !important; padding:0;}
.scroll-hide{overflow-y:hidden; }
.none-border{border:none !important;}

.select2-container{margin:0;position:relative;display:inline-block;zoom:1;*display:inline;vertical-align:middle}.select2-container,.select2-drop,.select2-search,.select2-search input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.select2-container .select2-choice{display:block;height:52px;padding:9px 0 0 22px;border-radius:10px;overflow:hidden;position:relative;border:1px solid #ccc;white-space:nowrap;line-height:32px;color:#444;text-decoration:none;background-clip:padding-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}.select2-container.select2-drop-above .select2-choice{border-bottom-color:#ccc}.select2-container.select2-allowclear .select2-choice .select2-chosen{margin-right:42px}.select2-container .select2-choice>.select2-chosen{margin-right:26px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.select2-container .select2-choice abbr{display:none;width:12px;height:12px;position:absolute;right:24px;top:8px;font-size:1px;text-decoration:none;border:0;cursor:pointer;outline:0}.select2-container.select2-allowclear .select2-choice abbr{display:inline-block}.select2-container .select2-choice abbr:hover{cursor:pointer}.select2-drop-mask{border:0;margin:0;padding:0;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:9998;background:#fff;filter:alpha(opacity=0)}.select2-drop{margin-top:-1px;width:100%;position:absolute;z-index:9999;top:100%;background:#fff;color:#000;border:1px solid #ccc;border-top:0;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15)}.select2-drop-auto-width{border-top:1px solid #ccc;width:auto}.select2-drop-auto-width .select2-search{padding-top:4px}.select2-drop.select2-drop-above{margin-bottom:0;border-top:1px solid #5D98CC;border-top-width:3px;border-bottom:0;-webkit-box-shadow:0 -4px 5px rgba(0,0,0,.15);box-shadow:0 -4px 5px rgba(0,0,0,.15)}.select2-drop-active{border:1px solid #5D98CC;border-top:none;border-bottom-width:3px}.select2-drop.select2-drop-above.select2-drop-active{border-top-width:3px}
.select2-container .select2-choice .select2-arrow{display:inline-block;width:34px;height:100%;position:absolute;right:0;top:0}
.select2-container .select2-choice .select2-arrow b{width:100%;height:100%;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;font-size:10px;margin-top:20px}
.select2-container .select2-choice .select2-arrow b:before{content:"\f107";width:100%;height:100%;text-align:center;display:block}.select2-search{display:inline-block;width:100%;min-height:26px;margin:0;padding-left:4px;padding-right:4px;position:relative;z-index:10000;white-space:nowrap}.select2-search input{width:100%;height:auto!important;min-height:29px;padding:6px 20px 5px 10px;margin:0;outline:0;font-family:sans-serif;font-size:1em;border:1px solid #aaa;-webkit-box-shadow:none;box-shadow:none;background:#fff;background:-webkit-gradient(linear,left bottom,left top,color-stop(0.85,#fff),color-stop(0.99,#eee));background:-webkit-linear-gradient(center bottom,#fff 85%,#eee 99%);background:-moz-linear-gradient(center bottom,#fff 85%,#eee 99%);background:linear-gradient(top,#fff 85%,#eee 99%)}.select2-search:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;content:"\f002";top:25%;right:10px;color:#686868!important}.select2-drop.select2-drop-above .select2-search input{margin-top:4px}.select2-drop.select2-drop-above .select2-search:before{top:34%}.select2-search input.select2-active{background:#fff url(../img/select2-spinner.gif) no-repeat 100%;background:url(../img/select2-spinner.gif) no-repeat 100%,-webkit-gradient(linear,left bottom,left top,color-stop(0.85,#fff),color-stop(0.99,#eee));background:url(../img/select2-spinner.gif) no-repeat 100%,-webkit-linear-gradient(center bottom,#fff 85%,#eee 99%);background:url(../img/select2-spinner.gif) no-repeat 100%,-moz-linear-gradient(center bottom,#fff 85%,#eee 99%);background:url(../img/select2-spinner.gif) no-repeat 100%,linear-gradient(top,#fff 85%,#eee 99%)}.select2-container-active .select2-choice,.select2-container-active .select2-choices{border:1px solid #5D98CC;outline:0}.select2-dropdown-open .select2-choice{border-bottom-color:transparent;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:#fff}.select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices{border:1px solid #5D98CC;border-top-color:transparent}.select2-dropdown-open .select2-choice .select2-arrow{background:0 0;border-left:none;filter:none}.select2-dropdown-open .select2-choice .select2-arrow b{background-position:-18px 1px}.select2-results{max-height:200px;padding:0 0 0 4px;margin:4px 4px 4px 0;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-tap-highlight-color:rgba(0,0,0,0)}.select2-results ul.select2-result-sub{margin:0;padding-left:0}.select2-results ul.select2-result-sub>li .select2-result-label{padding-left:20px}.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:40px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:60px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:80px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:100px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:110px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:120px}.select2-results li{list-style:none;display:list-item;background-image:none}.select2-results li.select2-result-with-children>.select2-result-label{font-weight:700}.select2-results .select2-result-label{padding:3px 7px 4px;margin:0;cursor:pointer;min-height:1em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select2-results .select2-highlighted{background:#3276b1;color:#fff}.select2-results li em{background:#feffde;font-style:normal}.select2-results .select2-highlighted em{background:0 0}.select2-results .select2-highlighted ul{background:#fff;color:#000}.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit{background:#f4f4f4;display:list-item;padding:3px 5px}.select2-no-results{padding-left:20px}.select2-no-results:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f05a";margin-right:5px}.select2-results .select2-disabled.select2-highlighted{color:#666;background:#f4f4f4;display:list-item;cursor:default}.select2-results .select2-disabled{background:#f4f4f4;display:list-item;cursor:default}.select2-results .select2-selected{display:none}.select2-more-results.select2-active{background:#f4f4f4 url(../img/select2-spinner.gif) no-repeat 100%}.select2-more-results{background:#f4f4f4;display:list-item}.select2-container.select2-container-disabled .select2-choice{background-color:#f4f4f4;background-image:none;border:1px solid #ddd;cursor:default}.select2-container.select2-container-disabled .select2-choice .select2-arrow{background-color:#f4f4f4;background-image:none;border-left:0}.select2-container.select2-container-disabled .select2-choice abbr{display:none}.select2-container-multi .select2-choices{height:auto!important;height:1%;margin:0;padding:0;position:relative;border:1px solid #ccc;cursor:text;overflow:hidden;background-color:#fff}.select2-locked{padding:3px 5px!important}.select2-container-multi .select2-choices{min-height:26px}.select2-container-multi.select2-container-active .select2-choices{border:1px solid #5D98CC;outline:0}.select2-container-multi .select2-choices li{float:left;list-style:none}.select2-container-multi .select2-choices .select2-search-field{margin:0;padding:0;white-space:nowrap}.select2-container-multi .select2-choices .select2-search-field input{padding:5px;margin:1px 0;font-family:sans-serif;font-size:100%;color:#666;outline:0;border:0;-webkit-box-shadow:none;box-shadow:none;background:transparent!important}.select2-container-multi .select2-choices .select2-search-field input.select2-active{background:#fff url(../img/select2-spinner.gif) no-repeat 100%!important}.select2-default{color:#999!important}.select2-container-multi .select2-choices .select2-search-choice{padding:1px 28px 1px 8px;margin:4px 0 3px 5px;position:relative;line-height:18px;color:#fff;cursor:default;border:1px solid #2a6395;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#3276b1}.select2-container-multi .select2-choices .select2-search-choice .select2-chosen{cursor:default}.select2-container-multi .select2-choices .select2-search-choice-focus{opacity:.8}.select2-search-choice-close{display:block;min-width:21px;min-height:20px;position:absolute;right:3px;top:3px;margin:0;padding:0;font-size:15px;text-decoration:none!important;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.select2-search-choice-close:before{color:#fff;content:"\f057"}.select2-container-multi .select2-search-choice-close{display:block;top:0;right:0;padding:3px 4px 3px 6px}.select2-container-multi .select2-search-choice-close:hover{background:rgba(0,0,0,.3)}.select2-container-multi.select2-container-disabled .select2-choices{background-color:#f4f4f4;background-image:none;border:1px solid #ddd;cursor:default}.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice{padding:3px 5px;border:1px solid #4a90cc;background-image:none;background-color:#86b4dd;cursor:not-allowed}.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close{display:none;background:0 0}.select2-result-selectable .select2-match,.select2-result-unselectable .select2-match{text-decoration:underline}.select2-offscreen,.select2-offscreen:focus{clip:rect(0 0 0 0)!important;width:1px!important;height:1px!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important;position:absolute!important;outline:0!important;left:0!important;top:0!important}.select2-display-none{display:none}.select2-measure-scrollbar{position:absolute;top:-10000px;left:-10000px;width:100px;height:100px;overflow:scroll}


/*.select_sign{*/
/*    min-width: 500px;*/
/*}*/

.sign_radio {
    width: 300px;
    float: left;
}
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: transparent;
  border-color: #adadad;
}
.dropdown-menu > .active .text {
	color: #fff;
}
.dropdown-menu > li > a:hover .text{color: #fff;}
.select2-results .select2-highlighted .select2-result-label {
	color: #fff;
}
.imgChk {
    margin-left: 11px !important;
    margin-top: 15px !important;
}
.popup-signature .widget-body {
    width: 100%;
}
.save-ctn-btn{
    background-color: #117df6 !important;
    border-radius: 8px !important;
}
.first-form-container{
    border-radius: 0px 15px 15px 15px !important;
}
.big-img{ width:170px !important;}
html, body {
    font-family: 'Inter', sans-serif;
}
.tab_click,.tab_click_step4 {
    font-weight: 500;
}
.tab.active span{font-weight: 500;}
.input-container label {
    font-weight: 400;
}
.signature-content .flex span {
    font-size: 13px;
    font-weight: 500;
}
.footer-bb-logo {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}
.footer-contact-us {
    display: flex;
    gap: 12px;
    align-items: center;
	text-align: center;
}
.footer-contact-us .ph-icn {
    background: #117df6;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
#bankInfo .input-container label {
    text-transform: none;
}
.select2-container .select2-choice{border: 0px}
.select button.btn{border: 0px;}
.rounded-lg {
    border-radius: 15px;
}
.select2-container .select2-choice > .select2-chosen{font-size: 13px !important}

.d-none{display:none!important}


.header-banner {
    display: flex;
    gap: 15px;
}
.banner-stats-cont .banner-stats {
    display: flex;
    justify-content: center;
    gap: 20px;
    text-align: center;
    align-items: center;
}
.banner-stats-cont {
    background: #fff;
    padding: 5px 20px;
    border-radius: 15px;
    box-shadow: 0 0 5px #999;
    display: flex;
}
.header-banner .banner-img {
    position: relative;
    top: 4px;
}

.banner-stats-cont .banner-stats h5 {
    margin: 0;
}
.banner-stats-cont .banner-stats h3 {
    margin: 0;
    color: #3DBC1D;
    font-weight: bold;
}


.select2-results .select2-result-label {
    font-size: 16px;
    color: var(--textgray);
}


tr.template-upload .folderNames, tr.template-upload .monthList.month-select {
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 5px;
}
.pac-container:after{display:none !important;}
.select2-hidden-accessible{display:none !important;}
.section-title h2 {
	color: var(--textgray);
	margin-bottom: 20px;
}
.select-banks-section{
    width: 550px;
}
.find-bank-title h2 {
    font-size: 22px;
}
.footer-container {
    flex-direction: column;
    gap: 20px;
}
.footer-need-text-cont {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #333;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
}
.ph-txt {
    color: #333;
    font-size: 14px !important;
    font-weight: 500;
}

.trusted img {
    max-width: 120px;
}
.footer_experain img{
    max-width: 60px;
}
.footer_master img{
    max-width: 70px;
}
.footer_master{
    margin-top: -5px;
}
.trusted {
    display: inline-flex;
    align-items: center;
    align-self: center;
    gap: 6px;
    font-size: 9px;
    color:var(--textgray);
}
.upload-title {
    text-align: center;
    color: #333;
    font-weight: bold;
}
@media screen and (min-width: 640px) {
    .logo-container div {
        display: flex;
    }
    .tab-icon {
        display: block;
    }
    .tab > div  {
        flex-direction: row;
    }
    .tab span {
        font-size: 12px;
        color:var(--textgray);
    }

    .form-container {
        flex-direction: row;
        column-gap: 20px;
        flex-wrap: wrap;
        justify-content: start;
        /*border-right: 25px;*/
        border-radius: 15px 15px 15px 15px;
    }
    .input-container {
        width: calc(50% - 10px);
    }
    .full  {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    footer img {
        width: 150px;
        padding-right: 2px;
    }
    .popup-signature  {
        max-height: 360px;
    }
    .button-container  {
        flex-direction: row;
    }
    .form-list li {
        align-items: center;
    }
    .form-list li::before {
        margin-right: 20px;
    }
}
@media screen and (min-width: 768px) {
    .card-container, .document-upload-container
    {
        flex-direction: row;
        column-gap: 20px;
    }
    .document-upload-container > .card {
        width: 50%;
        flex-wrap: nowrap;
    }
    .document-upload-container .uploaded-docs {
        width: 50%;
    }
}
@media screen and (min-width: 1024px) {
    h3 {
        font-size: 44px;
    }
    nav.nav-parent-container {
        height: 95px;
    }
    /* .nav-container {
        width: 100%;
        padding: 0 100px;
    } */
    /*.logo-container img {*/
    /*    width: 100px;*/
    /*}*/
    .logo-container  span {
        font-size: 20px;
    }
    .nav-container ul {
        display: flex;
        flex-direction: column;
        row-gap: 0px;
    }
    .nav-container li {
        font-size: 15px;
        display: flex;
        align-items: center;
    }
    main {
        min-height: calc(100vh - 211px);
    }
    .full > div button {
        font-size: 22px;
    }
    .card-body > input{
        width: 70%;
    }

    .nav-container ul.round li::before  {
        width: 15px;
        height: 15px;
        top: 0;
    }
    .tab {
        flex-direction: row;
        justify-content: center;
        column-gap: 10px;
    }
    .arrow-icon {
        display: block;
    }
    .tab span {
        font-size: 15px;
        color:var(--textgray);
    }
    .error-list span {
        width: 100%;
        padding: 0 48px;
    }
    .error-list ul {
        width: 100%;
        padding: 0 48px;
    }
    .success-list span {
        width: 100%;
        padding: 0 48px;
    }
    .success-list ul {
        width: 100%;
        padding: 0 48px;
    }
    .form-padding {
        padding: 30px;
    }
    .input-container {
        width: calc(32% - 10px);
    }
    .full div button {
        width: 300px;
    }
    .btn-section button {
        padding: 0 30px;
    }
    .card-body > span {
        font-size: 14px;
    }
    .upload-doc span {
        font-size: 17px;
    }
    .file-upload label {
        font-size: 17px;
    }
    .document-container {
        padding: 15px 25px;
    }
    .uploaded-docs .card div span {
        font-size: 17px;
    }
    .popup {
        padding: 76px 156px;
    }
    .popup .content h3 {
        font-size: 36px;
    }
    .popup .content div span, .popup .content div a  {
        font-size: 16px;
    }
}
@media screen and (min-width: 1280px) {
    .input-container {
        width: calc(24.5% - 10px);
    }
    /* .nav-container {
         max-width: 1421px;
     }*/

}
@media screen and (min-width: 1280px) {
    .input-container-long {
        width: calc(45.5% - 10px);
    }
    .nav-container-long {
        max-width: 1421px;
    }

}
@media screen and (min-width: 1280px) {
    .input-container-small {
        width: calc(18.5% - 10px);
    }
    .nav-container-small {
        max-width: 1421px;
    }

}
@media screen and (min-width: 1280px) {
    .input-container-x-small {
        width: calc(2.5% - 10px);
    }
    .nav-container-small {
        max-width: 1421px;
    }

}
@media screen and (min-width: 1536px) {
    .tab span {
        font-size: 17px;
        color:var(--textgray);
    }
    .card-body  {
        height: 300px;
    }
    .uploaded-docs >  .card div.select-cont {
        flex-direction: row;
        column-gap: 10px;
    }
    .uploaded-docs >  .card div.select-cont select{
        flex: 1;
    }
}
@media(max-width: 767px){
    .signature-content .signature-button {
        flex-direction: column;
    }
    #myTabContent1 #s1 .row {
        width: 100% !important;
        min-height: auto !important;
    }
    .popup-signature{overflow-y:auto;}
    #sig-canvas{width:100%}
    .footer-container {
        /* flex-direction: column-reverse; */
        gap: 15px;
    }
    .footer-bb-logo {
        flex-direction: column-reverse;
        margin-top: 20px;
    }
    footer img {
        width: 150px;
    }
    .footer-contact-us{text-align: center;}
}
@media(max-width: 640px){
    .form-container{border-radius: 15px;}
}
@media (min-width: 768px){
    nav.nav-parent-container {
        /*height: 112px;*/
    }
    .ph-txt.show-mob {
        display: none;
    }
    .show-mob {
        display: none !important;
    }
}
@media(max-width: 768px){
    .ph-txt.show-dektop{display:none;}
    .show-desktop{display:none;}
    .ph-txt.show-mob {
        display: block;
    }
    .show-mob {
        display: block;
    }
    .header-banner{display: none;}
    .flex.checkbox-div {
        align-items: baseline;
    }
    .flex.checkbox-div #agree_checked {
        position: relative;
        top: 5px;
        width: 20px;
    }
    .flex.checkbox-div #agree {
        position: relative;
        top: 5px;
        width: 20px;
    }
    tr.template-upload {
        display: flex;
        flex-direction: column;
        align-content: start;
    }
    /* select.folderNames {
        max-width: 65px;
    } */
    tr.template-upload td {
        border-bottom: 1px solid #ccc;
    }
    tr.template-upload > * {
        width: auto !important;
    }
    table td button.cancel {
        background: #ffbfc5;
        padding: 10px 0;
        border-radius: 5px;
    }
    tr.template-upload .folderNames {
        padding: 5px;
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px !important;
    }
    tr.template-upload .monthList.month-select{padding: 5px;
        width: 100%;

        font-size: 16px !important;
    }
    select:focus,
    textarea:focus,
    input:focus {
        font-size: 16px;

    }
    select,
    textarea,
    input {
        font-size: 16px;
    }
    .bootstrap-select .dropdown-toggle .filter-option-inner-inner{font-size:16px;}
    .select2-container .select2-choice > .select2-chosen{font-size: 16px !important}
    .input input, .input select{font-size: 16px;}
    .flex.checkbox-div label {
        max-width: 90%;
    }
}
@media(max-width: 768px){
    .find-bank-title h2 {
        text-align: center;
        flex-direction: column;
    }
	.footer-schd-btn {
	display: flex;
	transform: translateX(-50px);
	}
	.upload-docs-section{padding-left: 0;}
	#fileupload {
		margin-bottom: 20px;
	}

}
@media(max-width: 520px){
    .brMob {
        display: block;
    }
}

tr.template-upload .folderNames, tr.template-upload .monthList.month-select {
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 5px;
}
.pac-container:after{display:none !important;}
.select2-hidden-accessible{display:none !important;}
.section-title h2 {
	color: var(--textgray);
	margin-bottom: 20px;
}
.input input:focus, .input input:active, .input select:focus, .input select:active {
    outline: #117df6;
    border: 2px solid #117df6;
}
.form-container .bootstrap-select .dropdown-toggle:focus, .form-container .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important;
    outline: none !important;
    outline-offset: -2px;
    box-shadow: 0 0 0 2px #117df6;
}

.margin-top-12{margin-top: 12px}
.xdsoft_timepicker{display: none  !important}



.popover-content:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.editableform {
    margin-bottom: 0;
}
.popover-content:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.editableform .control-group {
    white-space: nowrap;
}
.editable-input {
    vertical-align: top;
    display: inline-block;
    width: auto;
    white-space: normal;
    /*zoom: 1;*/
    /**display: inline;*/
}
.editable-input {
    white-space: normal;
}
.editable-buttons {
    display: inline-block;
    vertical-align: top;
    margin-left: 7px;
    /*zoom: 1;*/
    /**display: inline;*/
}
.editable-error-block {
    max-width: 300px;
    margin: 5px 0 0;
    width: auto;
    white-space: normal;
}
.popover{
    max-width: 500px !important;
    min-width: 500px !important;
}
.editable-buttons button{
    width: 45px !important;
    height: 40px !important;
    margin-left: 2px !important;
}
@media(max-width: 768px){
    .popover {
        max-width: 100% !important;
        min-width: 100% !important;
    }
    .popover .editable-input {
        width: 180px;
    }
    .popover .editable-input .combodate {
        display: block;
        width: 100%;
        color: #fff;
    }
    .popover .editable-input .combodate .form-control {
        width: 100% !important;
    }
    .popover .editable-input .combodate .form-control {
        width: 100% !important;
        color: #333;
    }
}
.combodate .form-control {
    text-transform: capitalize;
}
@media (max-width: 768px){
    .logo-container {
        display: flex;
        column-gap: 14px;
        max-width: 160px;
    }
    .logo-container  img {
        width: 100%;
    }
}
.pull-right{float: right!important;}