:root{--main-bg:#2a3042;--soft-bg:#7c8dbe;--dark-bg:#5674cc;--main-color:#6a7187;--soft-color:#ffffff;--dark-color:#b7a5a5;--bb-color-1:#61c78c;--bb-color-2:#d14c67;--bb-color-3:#5accc2}html:has(body.dx-color-scheme-dark){--container-bg-outer:#333;--container-bg-inner:#2e2e2e;--container-bg-inner-2:#383838;--border-color:#4d4d4d;--nav-color-active:#bababa;--disabled-font-color:#4d4d4d}html:has(body.dx-color-scheme-light){--container-bg-outer:#eee;--container-bg-inner:#fff;--container-bg-inner-2:#f4f4f4;--border-color:#ccc;--nav-color-active:black;--disabled-font-color:#ddd}*{margin:0;padding:0;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}body{font-family:Inter,sans-serif;height:100vh;display:flex;flex-direction:column;overflow:hidden}#bodyWrapper{display:flex;height:calc(100% - 20px - 4.2em);padding:0 20px!important;width:100%;overflow:hidden}#bodyWrapper .section:not(.active){display:none}#bodyWrapper .section{width:100%;height:100%}a{text-decoration:none;color:inherit}.container{display:flex;padding:0}div:has(#loadIndicatorContainer){justify-content:center;align-items:center}#loadIndicatorContainer{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}.dx-icon-check.dx-icon.dx-icon-success{color:var(--bb-color-1)}.dx-icon-close.dx-icon.dx-icon-danger{color:var(--bb-color-2)}.dx-item.dx-box-item{min-width:unset!important}i[class*=" fa-"],i[class^=fa-]{margin:0 2px}.formView{display:flex}.formView .formArea{width:100%}.dx-popup-content:has(.dx-tabs) .dx-tabs{margin-bottom:10px}#Dashboard{display:flex;justify-content:space-between;padding-top:20px;height:100%;overflow:hidden;gap:20px}#Dashboard #Appointments,#Dashboard #Tickets{padding:10px;background-color:var(--container-bg-outer);border-radius:8px;max-height:100%;height:-moz-available;animation:fadeIn .5s ease-in-out;text-align:center}#Dashboard #Appointments .appointmentsTitle,#Dashboard #Tickets .ticketsTitle{font-size:1.4rem;line-height:.8;font-family:"Segoe UI Light","Helvetica Neue Light","Segoe UI","Helvetica Neue","Trebuchet MS",Verdana,sans-serif;font-weight:300}#Dashboard #Appointments .scrollContainer,#Dashboard #Tickets .scrollContainer{text-align:left}#Dashboard #Appointments .scrollContainer .noEntries,#Dashboard #Tickets .scrollContainer .noEntries{text-align:center;background-color:var(--container-bg-inner);border-radius:4px;padding:10px}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}#Dashboard .dashboardTile{width:100%;height:100%;display:flex;position:relative}#Dashboard .dashboardTile #contactCategoriesPie{padding-top:10px}#Dashboard .dashboardTile>div{width:100%}#Contacts{width:100%;height:100%}#Admin{display:flex;flex-direction:column;justify-content:flex-start;gap:20px}#Admin #Clients{height:100%}#Pipelines{display:flex;justify-content:flex-start;align-items:center}#NavBar{width:100%;height:4.2em;background-color:transparent;padding:0 20px;display:flex;align-items:center;justify-content:space-between}#NavBar .logo{place-self:baseline;display:flex;align-items:center}#NavBar .logo img{position:relative;width:55px;height:55px;object-fit:cover}html:has(body.dx-color-scheme-dark) #NavBar .logo img{filter:brightness(2)}#NavBar .logo a{position:relative}#NavBar .logo a:after{content:"CRM";color:#999;position:absolute;transform:translate(-50%,50%);bottom:5%;left:55%;z-index:1;font-size:.6em;letter-spacing:.5em;font-weight:600}#NavBar .mainNav{position:absolute;left:250px;display:flex;align-items:center;gap:30px}#NavBar .mainNav a{text-decoration:none;font-size:24px;position:relative;color:#777;display:flex;align-items:center;flex-direction:column}#NavBar .mainNav a.active{color:var(--nav-color-active)}#NavBar .mainNav a:hover{color:var(--nav-color-active);cursor:pointer}#NavBar .mainNav a:after{content:" " attr(title) " ";font-size:.4em;font-family:arial;display:flex;justify-content:center;margin-top:4px}#NavBar .mainNav #MetaControls{display:flex;color:#777;gap:10px;position:relative}#NavBar .mainNav #MetaControls a:after{content:" " attr(data-title) " ";font-size:.4em;font-family:arial;display:flex;justify-content:center}#NavBar .mainNav #MetaControls .optionsMenu,#NavBar .userControls .optionsMenu{font-family:Inter,sans-serif;border-radius:4px;height:fit-content;display:flex;flex-direction:column;gap:4px;position:absolute;z-index:2;overflow:hidden}#NavBar .mainNav #MetaControls .optionsMenu{font-size:.65em;top:20px;left:20px}#NavBar .userControls .optionsMenu{font-size:1em;top:30px;right:30px}#NavBar .userControls .optionsMenuHeader{display:flex;flex-direction:column;gap:3px}#NavBar .userControls .optionsMenu .optionsMenuHeader>div{display:flex;align-items:center;justify-content:space-between}html:has(body.dx-color-scheme-light) #NavBar .optionsMenu{background-color:#fff;color:#616161;box-shadow:0 3px 5px 2px #b8b8b880}html:has(body.dx-color-scheme-dark) #NavBar .optionsMenu{background-color:#464646;color:#b3b3b3;box-shadow:0 3px 6px 1px #1d1d1d}#NavBar .mainNav #MetaControls .optionsMenu span{padding:5px 10px}#NavBar .mainNav .addonIcon.dx-icon-preferences{position:absolute;font-size:.9rem;left:6px;bottom:10px}#NavBar .rightNav{display:flex;align-items:center;gap:20px}#NavBar .rightNav .notifications{position:relative}#NavBar .rightNav .notifications .notification-count{position:absolute;top:-10px;right:-10px;width:16px;height:16px;background-color:red;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}#NavBar .rightNav .user{display:flex;align-items:center;gap:10px}#NavBar .rightNav .user img{width:26px;height:26px;border-radius:50%;object-fit:cover}#NavBar .userControls{display:flex;align-items:center;position:relative;gap:10px}#NavBar .userControls .welcomeMessage{font-size:1.2em;font-weight:500;color:#777;word-break:break-all;overflow:hidden;height:1.2em}#NavBar .userControls #userCtrl{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.2rem;font-weight:500;background-color:var(--container-bg-outer);border-radius:50%;cursor:pointer}#NavBar .userControls #userCtrl:has(.avatar-title){border:1px solid gray}#NavBar .userControls #userCtrl:not(:has(.avatar-title)) .avatar-image{border:2px solid #f8bd3f}#NavBar .userControls #userCtrl:not(:has(.avatar-title)) .avatar-image:hover{border:2px solid var(--bb-color-1)}#NavBar .userControls .avatar-xs{display:flex;align-items:center;justify-content:center;height:100%;width:100%}#NavBar .userControls .avatar-xs div{width:40px;height:40px;background-size:cover;background-position:center}#NavBar .userControls .optionsMenu .controlContainer{display:flex;align-items:center;gap:10px;padding:5px 10px}#NavBar .userControls .optionsMenu .controlContainer i{width:15px}#NavBar .userControls .optionsMenu .uname{font-size:1.3em;font-weight:400;text-wrap:nowrap}#NavBar .userControls .optionsMenu .uemail{font-size:.8em;color:#8f8f8f}#NavBar .optionsMenu i,#NavBar .optionsMenu span{cursor:pointer}html:has(body.dx-color-scheme-light) #NavBar .optionsMenu span:hover{color:#000;background-color:#ddd}#NavBar .userControls .optionsMenu .themeSwitch{display:flex;align-items:center;gap:5px}html:has(body.dx-color-scheme-light) #NavBar .userControls .optionsMenu .themeSwitch .theme-active,html:has(body.dx-color-scheme-light) #NavBar .userControls .optionsMenu .themeSwitch i:hover{color:#000}html:has(body.dx-color-scheme-dark) #NavBar .optionsMenu span:hover{color:#fff;background-color:#555}html:has(body.dx-color-scheme-dark) #NavBar .userControls .optionsMenu .themeSwitch .theme-active,html:has(body.dx-color-scheme-dark) #NavBar .userControls .optionsMenu .themeSwitch i:hover{color:#fff}#NavBar .userControls .fa-ticket{transform:rotate(-40deg)}#Appointments{display:flex;flex-direction:column;gap:10px}#Appointments .showDoneSwitch{display:flex;justify-content:flex-end;margin:0;width:fit-content;place-self:self-end}#Appointments .showDoneSwitch .dx-field-label{width:fit-content}#Appointments .showDoneSwitch .dx-field-value{width:fit-content}#Appointments .scrollContainer{display:flex;flex-direction:column;gap:10px;height:100%;overflow-y:auto}#Appointments .appointmentWrapper{display:flex;border:1px solid var(--border-color);border-radius:4px;background-color:var(--container-bg-inner)}#Appointments .appointmentWrapper .appointmentDetails{display:flex;flex-direction:column;width:100%}#Appointments .appointmentWrapper .appointmentItem{display:flex;justify-content:space-between;padding:5px 10px;gap:6px;height:100%}#Appointments .appointmentWrapper .appointmentItem:nth-child(2n){background-color:var(--container-bg-inner-2)}#Appointments .appointmentWrapper .appointmentItem:hover{background-color:var(--container-bg-inner-2)}#Appointments .appointmentWrapper .appointmentItem.done{color:#ccc}#Appointments .appointmentWrapper .appointmentDate{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;font-weight:600;padding:15px 10px 0 10px;background-color:#5accc2;color:#f8f8f8}#Appointments .appointmentWrapper .appointmentDate.done{background-color:#ccc}#Appointments .appointmentWrapper .appointmentDate.today{background-color:#61c78c}#Appointments .appointmentWrapper .appointmentDate.overdue{background-color:#d14c67}#Appointments .appointmentWrapper .appointmentDate.planned{background-color:#5accc2}#Appointments .appointmentWrapper .appointmentDate .weekday{font-size:1.6rem;line-height:1.2rem;font-weight:extra-bold}#Appointments .appointmentWrapper .appointmentDate .date{font-size:.9rem;font-weight:600}#Appointments .appointmentWrapper .appointmentTime{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;font-size:.9rem;min-width:4rem}#Appointments .appointmentWrapper .appointmentContent{display:flex;flex-direction:column;justify-content:flex-start;width:75%}#Appointments .appointmentWrapper .appointmentContent .subject{cursor:pointer;width:fit-content;font-weight:500}#Appointments .appointmentWrapper .appointmentContent .subject.clickable:hover{cursor:pointer;color:#61c78c}#Appointments .appointmentWrapper .appointmentContent .appointmentContacts{display:flex;gap:0 10px;font-size:12px;flex-wrap:wrap}#Appointments .appointmentWrapper .appointmentContent .appointmentContacts .calendarContact.clickable:hover{cursor:pointer;color:#61c78c}#Appointments .appointmentWrapper .appointmentControls{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}#Appointments .appointmentWrapper .appointmentControls span{padding:5px}#Appointments .appointmentWrapper .appointmentControls span:hover{cursor:pointer;color:#61c78c}#Tickets{display:flex;flex-direction:column;gap:10px;height:calc(100% - 20px);position:relative}#Tickets .ticketFilter{font-size:1rem;cursor:pointer}#Dashboard #Tickets .ticketFilter{position:absolute;top:10px}#Tickets .ticketFilterControls{display:flex;justify-content:space-between;align-items:center}#SideSlider #Tickets .ticketTitle{font-size:1.4rem;font-weight:300;text-align:center;position:absolute;left:50%;transform:translate(-50%,0);display:flex}#SideSlider #Tickets .ticketTitle div{position:relative}#SideSlider .fa-ticket{transform:rotate(-30deg);margin-right:10px}#Tickets .ticketFilter.active .ticketFilterTitle{opacity:1;transition:opacity .5s}#Tickets .ticketFilter .ticketFilterTitle{font-size:.8rem;transition:opacity .5s;opacity:0}#Tickets .ticketFilter:hover{color:var(--bb-color-1)}#Tickets .ticketFilterBar{display:none}#Tickets .ticketFilterBar div:last-child:has(input){display:flex;flex-direction:row;gap:5px}#Tickets .ticketFilterBar div:last-child input{height:25px}#Tickets .showDoneSwitch{display:flex;justify-content:flex-end;margin:0;width:fit-content;place-self:self-end}#Tickets .showDoneSwitch .dx-field-label{width:fit-content}#Tickets .showDoneSwitch .dx-field-value{width:fit-content}#TicketDetail .scrollContainer,#Tickets .scrollContainer{display:flex;flex-direction:column;gap:10px;height:100%;overflow-y:auto}#Tickets .ticketWrapper{display:flex;border:1px solid var(--border-color);border-radius:4px;background-color:var(--container-bg-inner)}#Tickets .ticketWrapper .ticketDetails{display:flex;flex-direction:column;width:100%}#Tickets .ticketWrapper .ticketItem{display:flex;justify-content:space-between;padding:5px 10px}#Tickets .ticketWrapper .ticketItem:nth-child(2n){background-color:var(--container-bg-inner-2)}#Tickets .ticketWrapper .ticketItem:hover{background-color:var(--container-bg-inner-2)}#Tickets .ticketWrapper .ticketItem.done{color:#ccc}#Tickets .ticketWrapper .ticketDate{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;font-weight:600;padding:15px 10px 0 10px;background-color:#b7a5a5;color:#f8f8f8}#Tickets .ticketWrapper .ticketDate .weekday{font-size:1.6rem;line-height:1.2rem;font-weight:extra-bold}#Tickets .ticketWrapper .ticketDate .date{font-size:.9rem;font-weight:600}#Tickets .ticketWrapper .ticketLegend,#Tickets .ticketWrapper .ticketTime{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;font-size:.9rem;min-width:2rem}#Tickets .ticketWrapper .ticketLegend .ticketCategory i{font-size:1.5rem;position:absolute;top:0;left:0}#Tickets .ticketWrapper .ticketContent{display:flex;flex-direction:column;width:75%;justify-content:space-between}#Tickets .ticketWrapper .ticketContent .subject{cursor:pointer;width:fit-content;font-weight:500}#Tickets .ticketWrapper .ticketContent .subject:hover{cursor:pointer;color:var(--bb-color-1)}#Tickets .ticketWrapper .ticketContent .ticketContacts{display:flex;gap:0 10px;font-size:12px;flex-wrap:wrap}#Tickets .ticketWrapper .ticketContent .ticketContacts .ticketContact.clickable:hover{cursor:pointer;color:var(--bb-color-1)}#Tickets .ticketWrapper .ticketControls{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}#Tickets .ticketWrapper .ticketControls span{padding:5px}#Tickets .ticketWrapper .ticketControls span:hover{cursor:pointer;color:var(--bb-color-1)}#TicketDetail{height:100%;display:flex;flex-direction:column;gap:10px}#TicketDetail .ticketControls{display:flex;gap:5px;float:right;font-size:1rem}#TicketDetail .ticketItem .ticketItemFooter,#TicketDetail .ticketItem .ticketItemHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;width:100%;opacity:.6}#TicketDetail .ticketItem .ticketItemHeader{font-size:.6rem}#TicketDetail .ticketItem .ticketItemFooter{font-size:.68rem}#TicketDetail .ticketItem .ticketItemBody{padding:5px 0}#TicketDetail .ticketItem hr{margin:2px 0}#TicketDetail .ticketDetailHeader{display:flex;flex-direction:column;gap:10px}#TicketDetail .ticketDetailHeader .ticketStatus{position:absolute;right:20px;top:10px}#TicketDetail .scrollContainer{padding-top:20px}#TicketDetail .ticketDetailFooter{margin-bottom:20px;display:flex;justify-content:space-between}#TicketDetail .ticketItem{--r:1em;--t:1.5em;width:fit-content;max-width:75%;padding:.5em .8em .5em .8em;border-inline:var(--t) solid #0000;border-radius:calc(var(--r) + var(--t))/var(--r);mask:radial-gradient(100% 100% at var(--_p) 0,#0000 99%,#000 102%) var(--_p) 100%/var(--t) var(--t) no-repeat,linear-gradient(#000 0 0) padding-box;color:#fff;position:relative}.left{--_p:0;border-bottom-left-radius:0 0!important;place-self:start;background:var(--soft-bg)}.right{--_p:100%;border-bottom-right-radius:0 0!important;place-self:end;background:var(--dark-bg)}#TicketDetail .ticketSubject{font-size:1rem;font-weight:600}#TicketDetail .ticketAppointment{display:flex;justify-content:center;align-items:center}#TicketDetail .ticketAppointment>hr{width:100%;height:1px;color:gray}#TicketDetail .ticketAppointment:hover{color:var(--bb-color-1)}#TicketDetail .ticketAppointment>div{display:flex;gap:5px;justify-content:center;align-items:center;padding:10px 0;cursor:pointer;width:100%}#ContactAppointments{display:flex;flex-direction:column;height:calc(100% - 70px);justify-content:space-between;padding-bottom:20px}#ContactAppointments #Appointments{height:calc(100% - 50px)}#ContactLog{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-bottom:20px}#ContactLog .scrollable{overflow-y:auto;height:100%;margin-bottom:10px}#ContactLog .logItem{padding:5px}#ContactLog .logItem:nth-child(2n){background-color:var(--container-bg-inner-2)}#ContactLog .contactLogHeader{font-weight:600}#ContactLog .contactLogHeader hr{margin:10px 0}#ContactLog .contactDetails{display:flex;flex-direction:column;gap:5px;padding-top:5px}#ContactLog .contactDetails [class^=contactDetail]{display:flex;align-items:center;gap:5px}#ContactLog .noData{text-align:center}#ContactLog .logControls{display:flex;width:100%;justify-content:center;gap:10px}#LogForm .formButtons #sendEmail{margin-right:auto}div[id*=GridContainer]{height:100%}.dx-datagrid-header-panel .dx-toolbar{margin-bottom:5px;margin-top:5px}.dx-datagrid .dx-pager{position:relative}.dx-datagrid .totalCount{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}div[id*=GridContainer] .avatar-title{display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:1.2rem;font-weight:500;background-color:#00c5b5}div[id*=GridContainer] .avatar-xs{display:flex;align-items:center;justify-content:center;height:100%;width:100%}div[id*=GridContainer] .avatar-xs div{width:35px;height:35px;background-size:cover;background-position:center}div[id*=GridContainer] .avatar-xs .avatar-title{width:35px;height:35px}div[id*=GridContainer] [aria-label="Column #"],div[id*=GridContainer] [aria-label="Spalte #"]{text-align:center!important}div[id*=GridContainer] .dx-row>td{vertical-align:middle!important}div[id*=GridContainer] .dx-row{cursor:pointer}div[id*=GridContainer] .dx-row:hover{background-color:var(--container-bg-inner-2)}#SideSlider{padding:40px 30px 0 30px;position:absolute;right:calc(-20px - 40vw);width:40vw;top:0;height:100vh;background-color:var(--container-bg-inner);z-index:3;transition:right .4s ease-in-out;filter:drop-shadow(-1px 0 15px rgba(0, 0, 0, .5));overflow:hidden}#SideSlider.active{right:0;transition:right .4s ease-in-out}#SideSlider:not(:has(.dx-tabs)) .slideContent{height:calc(100vh - 40px)}#SideSlider:not(:has(.dx-tabs)) .slideContent:has(.formButtons){height:calc(100vh - 125px)}#SideSlider:has(.dx-tabs) .slideContent{height:calc(100vh - 100px)}#SideSlider:has(.dx-tabs) .slideContent:has(.formButtons){height:calc(100vh - 185px)}#SideSlider:has(.dx-tabs) .slideContent:has(.formButtons):not(:has(.isUser)){height:calc(100vh - 175px)}#SideSlider .isUser:has(span){display:flex;position:absolute;left:30px;bottom:60px;font-weight:600;color:#999}#SideSlider .isUser:not(:has(span)){display:none}#SideSlider:not(:has(#ContactsForm)) .isUser{display:none}#SideSlider .slideContent{display:flex;position:relative;flex-direction:column;gap:20px;overflow-y:auto}#SideSlider .dx-tabs{margin-bottom:10px}#SideSlider .dx-tabs .tabButton{color:#fff}#SideSlider .dx-tabs .tabButton i{color:#999;font-size:1rem}#SideSlider .dx-tabs .tabButton span{color:#999}#SideSlider .dx-tabs .tabButton.active i{color:#000}#SideSlider .dx-tabs .tabButton.active span{color:#000}#SideSlider .dx-tab::after{position:absolute;content:"";width:100%;height:2px;background-color:#000;bottom:0;left:0;transform:scaleX(0)}#SideSlider .dx-tab.dx-tab-selected::after{transform-origin:center;transform:scaleX(1);transition:transform .3s ease-in-out}#SideSlider .closeSlide{position:absolute;top:10px;left:10px;color:#a9a9a9;cursor:pointer;font-size:1.2rem}#SideSlider .closeSlide:hover{color:#000}#SideSlider #Appointments{height:calc(100% - 20px)}#SideSlider #Appointments .scrollContainer{height:100%;overflow-y:auto}#SideSlider .dx-button-content:has(.addIcon),#SideSlider .dx-button-content:has(.subIcon){position:relative}#SideSlider .dx-button-content:has(.fa-ticket.addIcon) .fa-ticket.addIcon{position:absolute;bottom:5px;left:8px;font-size:1.2rem}#SideSlider .dx-button-content:has(.subIcon) .subIcon{position:absolute;top:50%;left:50%;transform:translate(-35%,-35%);color:#61c78c;font-size:1.2rem;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}.footer{display:flex;position:fixed;bottom:0;left:0;background-color:rgba(255,255,255,0);padding:0 10px!important;align-items:center;justify-content:end;width:100%;height:20px}.footer span:last-child{font-size:12px}[id$=Kanban]{white-space:nowrap}.list{border-radius:8px;margin:5px;background-color:rgba(192,192,192,.4);display:inline-block;vertical-align:top;white-space:normal;height:100%}.list-title{font-size:16px;padding:10px;padding-left:30px;margin-bottom:-10px;font-weight:700;cursor:pointer}.scrollable-list{height:100%;width:260px}.sortable-cards{min-height:380px}.card{position:relative;background-color:#fff;box-sizing:border-box;width:230px;padding:10px 20px;margin:10px;cursor:pointer}.card-subject{padding-bottom:10px}[class^=card-assignee]{opacity:.6}.card-priority{position:absolute;top:10px;bottom:10px;left:5px;width:5px;border-radius:2px;background:#86c285}.priority-1{background:#adadad}.priority-2{background:#86c285}.priority-3{background:#edc578}.priority-4{background:#ef7d59}#EmailForm{display:flex;flex-direction:column;gap:10px}#EmailForm .dx-field-item:has(.dx-state-invisible):not(:has(.dx-dropdowneditor-overlay)):not(:has(.dx-placeholder.dx-state-invisible)){padding:0}#EmailForm #EmailForm_email_message{margin-top:10px}#EmailForm .dx-quill-container{display:flex;flex-direction:column;overflow:auto;padding:0 15px}#EmailForm .dx-quill-container p{margin:0}#EmailForm .ql-editor{overflow-y:unset;padding:0}#EmailForm .contactWrapper{display:flex;flex-direction:row;justify-content:flex-end;position:relative;padding:5px 25px 5px 10px;border-radius:15px;cursor:pointer;background-color:#e0e0e0;margin-left:5px}#EmailForm .contactWrapper span{line-height:12px}#EmailForm .contactDetails{display:flex;flex-direction:column}#EmailForm .contactDetails .contactEmail{font-size:10px;font-weight:700;text-align:end;color:gray}#EmailForm .emailAttachments{display:flex;flex-direction:row;gap:5px;flex-wrap:wrap;margin-bottom:10px}#EmailForm .emailAttachment{width:fit-content;padding:5px 20px 5px 5px;position:relative;background-color:#f0f0f0;border-radius:5px;display:flex;flex-direction:column}#EmailForm .emailAttachmentDetails{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:10px;color:#808080a3;gap:5px}#EmailForm .emailAttachmentRemove{position:absolute;top:5px;right:5px;cursor:pointer;color:#808080a3;font-weight:600;font-size:12px}.formView .formButtons{position:fixed;width:100%;bottom:0;left:0;display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:20px;padding:10px 20px;background-color:var(--container-bg-inner);border-top:1px solid var(--border-color)}#CalendarForm .tagBox .dx-button{margin-right:5px}#CalendarForm div.dx-item-content{justify-content:center}#CalendarForm .customEditorButtonGroup{display:flex;justify-content:flex-end;gap:10px}#CalendarForm .dx-last-row:has(.dx-checkbox){display:flex;gap:5px}.dx-calendar-cell .holiday{color:var(--bb-color-2)}.dx-calendar-cell .weekend{color:#a9a9a9}#ContactsForm .isUser:has(span){display:flex;position:absolute;left:30px;bottom:65px;font-weight:600;color:#999}#ContactsForm .isUser:not(:has(span)){display:none}#ContactsForm .dx-item-content.dx-box-item-content:has(#ContactsForm_is_user){justify-content:end}#ContactsForm .dx-field-item:has(#ContactsForm_is_user){display:flex;gap:10px}#ContactsForm .dx-field-item:has(#ContactsForm_is_user) label{text-wrap:nowrap}#ContactsForm .dx-field-item-content{width:100%}#UserSettingsForm{display:flex;flex-direction:column;gap:1em}#UserSettingsForm .avatarPreview{display:flex;align-items:center;justify-content:center}#UserSettingsForm .avatar-xs{display:flex;align-items:center;justify-content:center;height:100%;width:100%}#UserSettingsForm .avatar-xs:has(.avatar-title){border:1px solid gray;width:40px;height:40px;font-size:1.2rem;font-weight:500;background-color:#eee;border-radius:50%}#UserSettingsForm .avatar-xs div{width:100px;height:100px;background-size:cover;background-position:center}#UserSettingsForm .dx-form-group-with-caption.dx-from-group{margin-top:20px!important}#UserSettingsForm .dx-box-flex{gap:10px}#Login,#PWReset,#PWSet{display:flex;justify-content:center;align-items:center;height:100dvh}#Login .login-logo a,#PWReset .login-logo a,#PWSet .login-logo a{position:relative;display:flex;justify-content:center;align-items:center}#Login .login-logo a:after,#PWReset .login-logo a:after,#PWSet .login-logo a:after{content:"C R M";color:#999;position:absolute;transform:translate(-50%,50%);bottom:5%;left:50%;z-index:1;font-size:1em;font-weight:600}#Login .login-logo img,#PWReset .login-logo img,#PWSet .login-logo img{width:60%}html:has(body.dx-color-scheme-dark) #Login .login-logo img,html:has(body.dx-color-scheme-dark) #PWReset .login-logo img,html:has(body.dx-color-scheme-dark) #PWSet .login-logo img{filter:brightness(1.7)}#Login .login-box,#PWReset .login-box,#PWSet .login-box{display:flex;flex-direction:column;gap:1.5em;position:relative;top:-50px}#Login .login-box .login-box-body,#PWReset .login-box .login-box-body,#PWSet .login-box .login-box-body{width:250px;display:flex;flex-direction:column;gap:.8em;align-items:center}#Login #login_password,#Login #login_username,#PWReset #pwdReset_email,#PWSet #password_confirm,#PWSet #password_new{width:100%}#Login .login-box .login-box-body button,#PWReset .login-box .login-box-body button,#PWSet .login-box .login-box-body button{width:100%}#pwdReset{color:var(--main-color);font-size:.8em}#pwdReset:hover{color:var(--dark-bg);cursor:pointer;text-decoration:underline}