body#login{
	background-color:var(--main-blue) !important;
}


.user-detail {
    display: none;
}

.topbar{
	padding-top: env(safe-area-inset-top);
}

.topbar .item {
    display: none;
}

.topbar .monitor-cluster {
    display: none;
}

.search-sidebar, .history-sidebar {
    transform: translateX(-105%);
}

body>.customer-list, body>.customer-card {
    left: 0;
    width: calc(100%);height: calc(100% - env(safe-area-inset-top));top: calc(50px + env(safe-area-inset-top));lc( 50px + envenv(safe-area-inset-top));
}

input{
	font-size:16px;
	width: 70%;
}

.threebar {
    width: 25px;
    height: 25px;
    display:block;
    position: absolute;
    left: 1em;
}

.threebar>div {
    width: 88%;
    background-color: white;
    height: 3px;
    margin-top: 4px;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
}

.customer-list .list {
    width: calc(100% - 5%);
    min-width: unset;
    max-width: unset;
}

.customer .item.address {
    font-size: 8px;
    padding-right: 10px;
    transform: translateY(-50%);
    top: 50%;
    max-width: 150px;
    text-align: right;
}

.customer .name {
    font-size: 10px;
    transform: translateY(-10%);
}

.customer-card .transactions, .open-documents .documents {
    width: 90%;
    min-width: unset;
}

.customer-card .new {
    display: none;
}

.customer-info .item .title {
    display: none;
}

.customer-card .actions {
    right: 6px;
}

.content.open-settings .finish-list {
    width: 98%;
    font-size: 11px;
}

.transaction,.contract {
    min-width: 400px;
    font-size: 10px;
}

.transactions .item,.contract .item, .log .item {
    min-width: unset !important;
    margin-left: 5px;
}

.transactions .item:last-of-type {
    font-size: 9px;
    padding-right: 14px !important;
    line-height: 10px;
}

.transaction .item:nth-child(2) {font-size: 7px;line-height: 14px;min-width: 60px !important;}

.search-sidebar.right {
    transform: unset !important;
}

i.mobile-search.fa.fa-search {
    position: absolute;
    right: 30px;
    top: calc(env(safe-area-inset-top) + 16px);
    color: white;
    display:block;
    cursor:pointer;
    display: none;
}

.customer-page{
	left:0px;
	margin-left:0px;
	width: 100% !important;
}

.customer-info {width: calc(100% - 40px);}

.customer-info.notes {
    width: calc(100% - 40px - 20px);
}

.pii-container.customer-container {
    width: 100%;
}

.customer-container .button.create {
    margin-top: 25px;
}

body>.pii-container .customer-info .item input {
    left: 50%;
    transform: translateX(-50%);
}

.tag-extra {
    max-width: 70%;
}

.logo {
    width: fit-content;
    position: relative;
    margin: auto;
    display: none;
}

.login__submit-button.button {
    background-color: white;
    color: black;
    position: fixed;
    bottom: 0px;
}

.login__header-bar__header {
    text-align: center;
    width: 100%;
    padding: unset;
    font-size: 21px;
}

.login__header-bar .reset {
    display: none;
}

.login__header-bar__header {}

.topbar .logo img {height: 26px;}

.search-sidebar .info-box {
    margin-bottom: 14px;
}

.advanced-search {
    width: 355px;
    top: 52%;
}

.advanced-search {
    font-size: 12px;
}

.advanced-search .filter-block {
    width: 90%;
}

.advanced-search .content:not(.main) .finish-list {
    width: 95%;
}

.open-documents {}

.document .item:last-of-type {
    display: none;
}

.customer-info .item input {
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
}

.population-list-export {
    width: 100%;
    left: 0px;
}

.add p {
    display: none;
}

.customer-card .campaigns, .open-documents .documents {
    width: 90%;
    min-width: unset;
}

.modal.onboard-first {
    width: 100%;
    height: 100%;
    border-radius: 0px;
}


.sidebar.path-vertical {
    width: 60px;
    touch-action: none;
    background-color: #ffffff2b;
    overflow: hidden;
}

.sidebar.path-vertical center h2 {
    display:none;
}

.sidebar.path-vertical h2 {
    display:none;
}

.path-vertical h3 {
    display: none;
}

.path-vertical .checklist:first-of-type[path-index='0'] {
    margin-top: 10px;
}

.path-vertical .checklist{
    margin-left:30px;
}

.onboard-first .sidebar-page {
    width: calc(100% - 60px) !important;
    left: 60px;
}

.modal.add-payment-method {
    width: 100%;
    height: 100%;
}

.add-payment-method .sidebar-page {
    width: calc(100% - 60px) !important;
    left: 60px;
}

.onboard-first [path-page-index='0'] h2 {
    padding: 0px 40px;
    font-size: 25px !important;
    text-align: left;
}

.onboard-first [path-page-index='0'] p {
    padding: 0px 40px;
    text-align: left;
}

.onboard-first [path-page-index='0'] h2 {
    padding: 0px 40px;
    font-size: 25px !important;
    text-align: left;
}

.onboard-first [path-page-index='0'] p {
    padding: 0px 40px;
    text-align: left;
}

.onboard-first [path-page-index='1'] .display-item {
    font-size: 12px;
}

ul[list]:not([no-collapse]) li:not([category]) {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

input {}

ul[list] li:not([category])>input, ul[list] li:not([category])>.button-bar, ul[list] li:not([category])>button {
    margin-left: unset;
    margin-top: 10px;
    width: 80%;
    margin: auto;
    margin-top: 10px;
    margin-left: unset;
}

ul[list] li:not([category])>div:nth-child(2){
    margin-left: unset;
    margin-top: 10px;
    margin-top: 10px;
    margin-left: unset;
}

ul[list] li:not([category])>.button-bar {
    width: max-content;
}



.onboard-first input[index='country_code'] {
    margin-left: unset !important;
    margin-right: auto;
}

ul[list] li .category {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

ul[list] li .category p:nth-child(2) {
    margin-top: 10px;
    margin-left: unset;
    max-width: 100%;
}


.modal.select-searchable {
    width: 100%;
    height: 100%;
    border-radius: unset;
}

.select-searchable i.fa.fa-times {
    position: absolute;
    padding: 16px;
    display: block;
    top: 0px;
    z-index: 4;
    right: 0;
    font-size: 17px;
}


button#add-payment-method {
}

.onboard-first [path-page-index='2'] .display-item {
    font-size: 14px;
    display: none;
}

i.fa.fa-times.mobile-close {
    position: absolute;
    right: 0px;
    padding: 17px;
    top: 0;
    display:block;
}

.attempt-twofactor-enable {
    width: 100%;
}

.attempt-twofactor-enable input {
    width: 44%;
}

.attempt-twofactor-enable .button.submit {
    width: 13%;
}

.onboard-first [path-page-index='3'] h2 {
    font-size: 1.7em !important;
}

.topbar.main-topbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    background: #4892ff;
}

.topbar {}

.sidebar-page.search {
    width: 100% !important;
    left: 0;
}

.customer-list>.actions {
    position: absolute;
    top: 2px;
    margin-top: unset;
    flex-direction: row;
    width: 87px;
    justify-content: space-between;
    right: 20px;
}

.population-list-export h3, .population-list-export h5 {
    display: none;
}

.population-list-export {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.population-list-export>.next {
    margin: unset !important;
    left: unset;
    right: unset;
    position: relative;
    transform: unset;
}

[data-tippy-root] {
    display: none;
}

.confirm.modal {
    width: 100%;
}

.customer-card>.flex-h:not(.customer-top-hug) {
    flex-direction: column !important;
}

.customer-list>center>* {margin-left: 20px;text-align: left;background-color: white;height: 40px;top: 0;position: absolute;}

.customer-list>center {
    width: 100%;
    height: 60px;
    background-color: white;
}

.customer-list .object-list {
    margin-top: 0px;
}

.modal.bulk-import {
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.modal.bulk-import {
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.bulk-import .sidebar-page {
    width: calc(100% - 60px) !important;
    left: 60px;
}

.login__login-form input {
    width: 93%;
    height: 40px;
}

form.login__login-form {
    width: 81%;
}

.login__header-bar {
    height: 51px;
    background: #76b2ff;
}

.login.modal {
    top: -1px;
    transform: translate(-50%, 0);
    height: 100%;
}

ul[list]:not([no-collapse]) {
    min-width: unset !important;
}


.chat-side.submission-sidebar-page {
    width: 100%;
}

.message-content-block, .message-content-block *{
	user-select: none !important;
	-webkit-user-select: none !important;
}

.submission-file{
  max-width:100%;
  width:100%;
}



.profile-modal {
    width: 85%;
    height: 100%;
    border-radius: 0;
    top: 0;
    right: 0;
    transition: all 300ms;
}

.profile-modal .profile-image.small {
    width: 55px !important;!i;!;
    height: 55px !important;!i;!;
}

.profile-modal .profile-modal-header {
    padding-top: 25px;
    padding-bottom: 15px;
}

.profile-modal .profile-name {
    font-size: 17px;
}

.profile-modal li {
    padding-left: 26px !important;!i;!;
    font-size: 18px;
}

.profile-modal ul:last-of-type {
    margin-top: auto;
    margin-bottom: 50px;
}

.profile-modal.right {
    transform: translateX(100%);
    display:block;
}

.optional-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000047;
    z-index: 12;
}


.profile-modal-header i.fa.fa-times-circle {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 18px;
}


.profile-modal-header i.fa.fa-times {
    display:block;
    position: absolute;
    top: 18px;
    right: 25px;
    padding: 3px;
    border-radius: 100%;
    background-color: #f1f1f1;
    width: 23px;
    height: 23px;
    text-align: center;
    vertical-align: middle;
}

.profile-section {
    margin-left: auto;
}