@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-UltraLight-06.ttf");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-UltraLightItalic-07.ttf");
  font-style: italic;
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-Light-08.ttf");
  font-weight: 200;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-LightItalic-09.ttf");
  font-style: italic;
  font-weight: 200;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-Thin-13.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-ThinItalic-14.ttf");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-01.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-Italic-03.ttf");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-Medium-11.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-Italic-03.ttf");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-Bold-02.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-BoldItalic-04.ttf");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-CondensedBold-05.ttf");
  font-weight: 800;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("_/fonts/helvetica-neue/HelveticaNeue-CondensedBlack-10.ttf");
  font-style: italic;
  font-weight: 900;
}
.enzo, #left .item.remaining, #left .item.tips, #cs .selectedClients h3, #cs h2.header1, #cs .clientCategory .catName, #cs .top2 .titleAndMenu .groupName, #cs .top2 .titleAndMenu .extraInfo, #cs .showAll h2, #cs .showEmpty h2, #cs .isEmpty h2, #cs .noResults h2, #def .eventDays .dayLabel, body.management h2, #header .archiveHeader .label, #header.timeline .right.name textarea, #header.timeline .right.name input, #header.steps .right.name textarea, #header.steps .right.name input, #header.timeline .right.name .sub, #header.steps .right.name .sub, #header.clips h2, #header.agenda h2, #header.details h2, #header.files h2, #header.iom h2, #header.groupTimeline h2, #header.groupClients h2, #header.groupUsers h2, #header.groupClips h2, #header.groupAgenda h2, #header.groupFiles h2, #header.groupSettings h2, .md h1, #insight .block.list1 .dash, #insight .block.list2 .nr, #insight .bNr, #insight .hasUnknownBox .unknown, .def2 h2, .def2 .box h3, #alertOverlay .openAlert .title, #vecozoOverlay .openAlert .title, #gdprHeader, .dropDown1 .container2.popUp h3, .dropDown1 .container2.popUp .personsDash, .dropDown1.style2 h2, .dropDown1.style2 h3, .dropDown1.style2 h4, .zoom.style2 .label, .paymentOverlay h1, .paymentOverlay h2, .paymentOverlay h3, .paymentOverlay .price, .paymentOverlay .halfPrice {
  font-family: "ff-enzo-web", sans-serif;
  font-weight: 600;
}

.ns, #fs2 *, .webix_view.webix_window.webix_popup.webix_fmanager_actions * {
  font-family: "nimbus-sans", helvetica, sans-serif;
  font-weight: 400;
}

.pn {
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.os, #cs .search, #cs .proplessClients .hdr, #cs .top2, #cs .isNonAccessibleGroupWithSingleClients, #cs .empty, #cs .showAll, #cs .showEmpty, #cs .isEmpty, #cs .noResults, .navStyle, .personSelector, .personSelector.newModes .selectAll, .personSelector .catHeader .name, .personSelector .group .letter, .personSelector .group .lastEditLabel, .personSelector .clientGroupSelf, .personSelector .ownerSelf, .dropDown1.style2, .smallerSelectric {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.hn, #cs .client .leftf input, #cs .ui-sortable-placeholder .leftf input, #cs .client .leftf .sub, #cs .ui-sortable-placeholder .leftf .sub, #cs .client h2, #cs .ui-sortable-placeholder h2, #cs .top2 .titleAndMenu .groupName .clientCountCollapsed {
  font-family: "Helvetica Neue", sans-serif;
}

.fw300 {
  font-weight: 300 !important;
}

.fw700 {
  font-weight: 700 !important;
}

.t03, .navStyle button:hover:not(:disabled), #def .eventDays .event, #def .eventDays .undo, #membersAndNetwork .memberUsers .memberBtn, .md a.step, #onboarding .section .head, #onboardingTooltip .btns .btn, #onboardingTooltip .close, .checkboxLabel .icon:after, .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-calendar td a, .container1 .entry {
  transition: all 0.3s ease;
}

.t05, #left .item .popUp, #header .tabs li, #membersAndNetwork .memberRow, #fs2 .webix_view.webix_fmanager_search input, #fs2 .webix_view.webix_fmanager_search .webix_input_icon:after, #onboarding, #onboarding .middle, #onboarding .middle .bar .fill, #onboardingTooltip, #uploadProgress .bottom, .personSelector .search .icon:after, .checkboxLabel.labelRow .pencil, .checkboxLabel.userRow .user, .button1X, .table1 tbody tr.highlight, .tabContainer .tabs .tab, .tabContainer2 .next, .tabContainer2 .prev, .tabContainer2 .tab, #detailsSelection .tab, .detailsSelButton, .searchBox, .searchBox .icon:after, .searchBox i {
  transition: all 0.5s ease;
}

.prev {
  width: 23px;
  height: 23px;
  cursor: pointer;
  background: url(../img/left.png) center center no-repeat;
}
.prev:hover {
  background: url(../img/left-h.png) center center no-repeat;
}
.prev.active {
  background: url(../img/left-a.png) center center no-repeat;
}
.prev.faster {
  background: url(../img/left2.png) center center no-repeat;
}
.prev.faster:hover {
  background: url(../img/left2-h.png) center center no-repeat;
}
.prev.faster.active {
  background: url(../img/left2-a.png) center center no-repeat;
}

.next {
  width: 23px;
  height: 23px;
  cursor: pointer;
  background: url(../img/right.png) center center no-repeat;
}
.next:hover {
  background: url(../img/right-h.png) center center no-repeat;
}
.next.active {
  background: url(../img/right-a.png) center center no-repeat;
}
.next.faster {
  background: url(../img/right2.png) center center no-repeat;
}
.next.faster:hover {
  background: url(../img/right2-h.png) center center no-repeat;
}
.next.faster.active {
  background: url(../img/right2-a.png) center center no-repeat;
}

.avatarSelector {
  width: 136px;
  height: 136px;
  max-width: 100%;
  max-height: 100%;
}
.avatarSelector.buttonsOpen .corner {
  display: none !important;
}
.avatarSelector.buttonsOpen .buttonsList {
  display: flex;
}
.avatarSelector.dragOver .twDropzone {
  display: block;
}
.avatarSelector:has(.wr.noShow) {
  display: none;
}
.avatarSelector .wr {
  border: 3px solid #bcbcbc;
  width: 100%;
  height: 100%;
  position: relative;
}
.avatarSelector .wr.readOnly .buttons, .avatarSelector .wr.readOnly .twDropzone, .avatarSelector .wr.readOnly .progress {
  display: none !important;
}
.avatarSelector img {
  width: 100%;
  height: 100%;
  display: block;
}
.avatarSelector .absFull {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.avatarSelector .buttons {
  cursor: pointer;
}
.avatarSelector .corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 35%;
  height: 35%;
  background: url(../img/avatarCorner.png) center center no-repeat;
  opacity: 0;
}
.avatarSelector .corner:hover {
  opacity: 1;
}
.avatarSelector .buttonsList {
  display: none;
  flex-direction: column;
  justify-content: flex-end;
  background-color: rgba(0, 0, 0, 0.5019607843);
  padding-bottom: 10px;
  cursor: default;
}
.avatarSelector .buttonsList > * {
  color: #ffffff;
  font-weight: 300;
  padding-left: 25px;
  text-decoration: underline;
  margin: 5px 5px 5px 10px;
  cursor: pointer;
}
.avatarSelector .buttonsList > *:hover {
  text-decoration: none;
}
.avatarSelector .buttonsList > *.renew {
  background: url(../img/avatarSelector1.png) 2px center no-repeat;
}
.avatarSelector .buttonsList > *.upload {
  background: url(../img/avatarSelector2.png) 0px center no-repeat;
}
.avatarSelector .buttonsList > *.default, .avatarSelector .buttonsList > *.remove {
  background: url(../img/avatarSelector3.png) 3px center no-repeat;
}
.avatarSelector .twDropzone {
  background: url(../img/avatar-drop.png) center center no-repeat;
  display: none;
}
.avatarSelector .twDropzone.dz-drag-hover, .avatarSelector .twDropzone:hover {
  display: block;
}
.avatarSelector .twDropzone > div {
  display: none;
}
body.dragOver .avatarSelector .twDropzone {
  display: block;
}
.avatarSelector .progress {
  background-color: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #bcbcbc;
}
.avatarSelector .progress .circle {
  width: 50px;
  height: 50px;
}

.imageDropzoneBox, #header.timeline .box, #header.steps .box {
  width: 136px;
  height: 136px;
  position: relative;
}
.imageDropzoneBox .wr, #header.timeline .box .wr, #header.steps .box .wr {
  border: 3px solid #bcbcbc;
  width: 100%;
  height: 100%;
}
.imageDropzoneBox img, #header.timeline .box img, #header.steps .box img {
  width: 100%;
  height: 100%;
  display: block;
}
.imageDropzoneBox .twDropzone, #header.timeline .box .twDropzone, #header.steps .box .twDropzone {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url(../img/avatar-drop.png) center center no-repeat;
  cursor: pointer;
  opacity: 0;
}
.imageDropzoneBox .twDropzone:hover, #header.timeline .box .twDropzone:hover, #header.steps .box .twDropzone:hover, .imageDropzoneBox .twDropzone.dz-drag-hover, #header.timeline .box .twDropzone.dz-drag-hover, #header.steps .box .twDropzone.dz-drag-hover {
  opacity: 1;
}
.imageDropzoneBox .twDropzone > div, #header.timeline .box .twDropzone > div, #header.steps .box .twDropzone > div {
  display: none;
}
.imageDropzoneBox .progress, #header.timeline .box .progress, #header.steps .box .progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #bcbcbc;
}
.imageDropzoneBox .progress .circle, #header.timeline .box .progress .circle, #header.steps .box .progress .circle {
  width: 50px;
  height: 50px;
}

.defaultText {
  width: 100%;
  border: 1px solid #d8d8d8;
  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.05) inset;
  height: 31px;
  padding: 2px 10px 0;
  border-radius: 2px;
  transition: border-color 0.5s ease;
  outline: none;
  background-color: #fff;
}
.defaultText:focus:not(:read-only) {
  border-color: #017272;
}
.defaultText:read-only {
  background-color: #f9f9f9;
}
.readyPlus500 .defaultText.error, .readyPlus500 .defaultText.err, .readyPlus500 .defaultText:invalid {
  border-color: #850012;
}
.defaultText.percentage {
  background: #fff url(../img/percentage.png) 10px center/12px auto no-repeat;
  padding-left: 30px;
}
.defaultText.euro {
  background: #fff url(../img/euro.png) 10px center/9px auto no-repeat;
  padding-left: 30px;
}
.defaultText.disabled, .defaultText:disabled {
  background-color: #f9f9f9;
}
.defaultText.flash {
  animation: 0.3s ease-in-out infinite alternate flashText;
}
@keyframes flashText {
  to {
    border-color: #017272;
  }
}
textarea.defaultText {
  line-height: 1.2;
  resize: vertical;
  padding: 10px;
}

.emptyState {
  text-align: center;
  padding: 60px 20px 20px;
  font-size: 16px;
}
.emptyState img {
  display: inline-block;
  margin-bottom: 10px;
  max-width: 150px;
  height: auto;
}
.emptyState img.maw100 {
  max-width: 100px;
}
.emptyState .text {
  color: #bcbcbc;
  margin-bottom: 15px;
  font-weight: 300;
}
.emptyState .newArt {
  display: inline-block;
}

.deleteButton {
  background: url(../img/delete2.png) center center no-repeat;
  width: 40px;
  height: 35px;
  cursor: pointer;
  display: block;
}
.deleteButton:hover {
  background: url(../img/delete2-h.png) center center no-repeat;
}
.deleteButton.active {
  background: url(../img/delete2-a.png) center center no-repeat;
}

#mainWrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#mainWrapper .mainHeader {
  flex: none;
  position: relative;
  padding: 15px 100px;
  text-align: center;
  background-color: #edede1;
}
#mainWrapper .mainHeader .text {
  font-size: 16px;
}
#mainWrapper .mainHeader .link {
  color: #4427f7;
  text-decoration: underline;
  cursor: pointer;
}
#mainWrapper .mainHeader .link:hover {
  text-decoration: none;
}
#mainWrapper .mainHeader + .mainHeader {
  border-top: 1px solid #adad9f;
}
#mainWrapper #main {
  height: 85%;
  flex: 1 1 auto;
}

#main {
  height: 100%;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}

#left {
  height: 100%;
  position: relative;
  width: 82px;
  background-color: #017272;
  -webkit-flex: none;
  flex: none;
}
#left .highLighter {
  position: absolute;
  left: 0;
  width: 100%;
  border-top: 1px solid #158787;
  border-bottom: 1px solid #158787;
  height: 68px;
  top: 227px;
}
#left .items {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#left .section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 15px;
  align-items: center;
}
#left .top {
  padding-top: 30px;
}
#left .top .hbar {
  width: 40px;
  height: 1px;
  background-color: #158787;
  margin-bottom: 8px;
}
#left .top .hbar.v2 {
  margin-bottom: 17px;
  width: 82px;
}
#left .item {
  width: 44px;
  height: 46px;
  padding: 3px 2px;
  position: relative;
}
#left .item:hover .hoverLabel {
  opacity: 1;
  z-index: 16;
}
#left .item:hover > img, #left .item:hover > a > img {
  opacity: 0.6;
}
#left .item.active > img, #left .item.active > a > img {
  opacity: 1;
}
#left .item.open .hoverLabel {
  display: none;
}
#left .item.open .popUp {
  display: block;
}
#left .item.open > img {
  opacity: 1;
}
#left .item.user {
  margin-bottom: 8px;
}
#left .item.user.white > img {
  filter: brightness(100);
}
#left .item.user > img {
  opacity: 1;
}
#left .item.teams {
  margin-bottom: 11px;
}
#left .item.teams > img {
  opacity: 1;
}
#left .item.tag {
  margin-bottom: 24px;
}
#left .item.remaining, #left .item.tips {
  font-weight: 600;
  margin-bottom: 50px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  flex: none;
  width: auto;
  height: auto;
  cursor: pointer;
}
#left .item.remaining .t2, #left .item.remaining .t4, #left .item.tips .t2, #left .item.tips .t4 {
  border: 1px solid rgba(255, 255, 255, 0.28);
  padding: 6px 0 5px;
  width: 50px;
  font-size: 32px;
  margin: 6px 0;
  border-radius: 10px;
}
#left .item.remaining .t4, #left .item.tips .t4 {
  font-size: 22px;
  padding: 14px 0 13px;
}
#left .item > img, #left .item > a > img {
  border-radius: 4px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.5;
}
#left .item .popUp {
  position: absolute;
  top: -5px;
  left: 75px;
  z-index: 6;
  display: none;
  border-radius: 6px;
}
#left .item .pTop {
  display: flex;
  margin-bottom: 15px;
  padding: 3px 5px 0 8px;
}
#left .item .pTop img {
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
#left .item .pTop .right {
  padding-top: 2px;
}
#left .item .pTop .nick {
  font-weight: 700;
  margin-bottom: 2px;
}
#left .changeTo {
  margin-bottom: 10px;
  padding-top: 12px;
  position: relative;
}
#left .changeTo:after {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  right: 8px;
  height: 1px;
  background-color: #f7f7f7;
}
#left .changeTo span {
  display: block;
  padding-left: 38px;
  background: url(../img/arrow-round-gray.png) 10px center/20px no-repeat;
}
#left .changeTo + .entry:after {
  height: 0;
}
.owningTeam15 #left {
  background-color: #133E42;
}
.owningTeam15 #left .hbar, .owningTeam15 #left .highLighter {
  background-color: #194b50;
  border-color: #175157;
}
.owningTeam381 #left {
  background-color: #EF6A4D;
}
.owningTeam381 #left .hbar, .owningTeam381 #left .highLighter {
  background-color: #e0694f;
  border-color: #e15d40;
}
.owningTeam882 #left {
  background-color: #F4A11C;
}
.owningTeam882 #left .hbar, .owningTeam882 #left .highLighter {
  background-color: #e59a21;
  border-color: #e09215;
}
.owningTeam910 #left {
  background-color: #39BAF1;
}
.owningTeam910 #left .hbar, .owningTeam910 #left .highLighter {
  background-color: #39a5d3;
  border-color: #2aa3d6;
}
.owningTeam1002 #left {
  background-color: #F58220;
}
.owningTeam1002 #left .hbar, .owningTeam1002 #left .highLighter {
  background-color: #e67c22;
}
.owningTeam1069 #left {
  background-color: #236AA2;
}
.owningTeam1069 #left .hbar, .owningTeam1069 #left .highLighter {
  background-color: #2c79b6;
  border-color: #2679bb;
}
.owningTeam1411 #left {
  background-color: #000000;
}
.owningTeam1411 #left .hbar, .owningTeam1411 #left .highLighter {
  background-color: #755002;
  border-color: #704d01;
}
.owningTeam1515 #left {
  background-color: #f2c314;
}
.owningTeam1515 #left .hbar, .owningTeam1515 #left .highLighter {
  background-color: #e3b817;
  border-color: #e0b30c;
}
.owningTeam1541 #left {
  background-color: #3597D4;
}
.owningTeam1541 #left .hbar, .owningTeam1541 #left .highLighter {
  background-color: #358fc6;
  border-color: #2c8cc8;
}
.owningTeam3041 #left {
  background-color: #2d2865;
}
.owningTeam3041 #left .hbar, .owningTeam3041 #left .highLighter {
  background-color: #e0b14c;
  border-color: #bb933e;
}
.owningTeam3451 #left {
  background-color: #f39431;
}
.owningTeam3451 #left .hbar, .owningTeam3451 #left .highLighter {
  background-color: #dc862d;
  border-color: #d2812e;
}
.owningTeam3592 #left, .owningTeam3 #left {
  background-color: #61194a;
}
.owningTeam3592 #left .hbar, .owningTeam3592 #left .highLighter, .owningTeam3 #left .hbar, .owningTeam3 #left .highLighter {
  background-color: #79225d;
  border-color: #7c1d5e;
}
.owningTeam3758 #left {
  background-color: #386B8E;
}
.owningTeam3758 #left .hbar, .owningTeam3758 #left .highLighter {
  background-color: #6EB5E3;
  border-color: #4783ac;
}
.owningTeam3978 #left {
  background-color: #14b4f0;
}
.owningTeam3978 #left .hbar, .owningTeam3978 #left .highLighter {
  background-color: #17a5db;
  border-color: #0c9dd4;
}
.owningTeam4166 #left {
  background-color: #008791;
}
.owningTeam4166 #left .hbar, .owningTeam4166 #left .highLighter {
  background-color: #02949f;
  border-color: #017780;
}
.owningTeam4316 #left {
  background-color: #0c1d5c;
}
.owningTeam4316 #left .hbar, .owningTeam4316 #left .highLighter {
  background-color: #152b7b;
  border-color: #0d2786;
}
.owningTeam4645 #left {
  background-color: #438178;
}
.owningTeam4645 #left .hbar, .owningTeam4645 #left .highLighter {
  background-color: #569b91;
  border-color: #51a297;
}
.owningTeam4756 #left {
  background-color: #FFD6B5;
}
.owningTeam4756 #left .hbar, .owningTeam4756 #left .highLighter {
  background-color: #fdcda4;
  border-color: #ffdbbe;
}
.owningTeam4831 #left {
  background-color: #253322;
}
.owningTeam4831 #left .hbar, .owningTeam4831 #left .highLighter {
  background-color: #384b34;
  border-color: #385033;
}
.owningTeam4847 #left {
  background-color: #89AA84;
}
.owningTeam4847 #left .hbar, .owningTeam4847 #left .highLighter {
  background-color: #9fc19a;
  border-color: #95bf8e;
}
.owningTeam4856 #left {
  background-color: #54A499;
}
.owningTeam4856 #left .hbar, .owningTeam4856 #left .highLighter {
  background-color: #65bbaf;
  border-color: #5fc0b3;
}
.owningTeam4920 #left {
  background-color: #15284c;
}
.owningTeam4920 #left .hbar, .owningTeam4920 #left .highLighter {
  background-color: #213b6c;
  border-color: #1f4488;
}
.owningTeam5332 #left {
  background-color: #50b821;
}
.owningTeam5332 #left .hbar, .owningTeam5332 #left .highLighter {
  background-color: #59c927;
  border-color: #47a21e;
}
.owningTeam5385 #left {
  background-color: #273572;
}
.owningTeam5385 #left .hbar, .owningTeam5385 #left .highLighter {
  background-color: #1A2552;
  border-color: #1A2552;
}
.owningTeam5405 #left {
  background-color: #AE1F29;
}
.owningTeam5405 #left .hbar, .owningTeam5405 #left .highLighter {
  background-color: #c02530;
  border-color: #a42029;
}
.owningTeam5901 #left {
  background-color: #002C51;
}
.owningTeam5901 #left .hbar, .owningTeam5901 #left .highLighter {
  background-color: #094f8a;
  border-color: #015ca8;
}
.owningTeam6112 #left {
  background-color: #E83A4F;
}
.owningTeam6112 #left .hbar, .owningTeam6112 #left .highLighter {
  background-color: #d83b4e;
  border-color: #d82e43;
}
.owningTeam1 #left, .owningTeam6360 #left {
  background-color: #681839;
}
.owningTeam1 #left .hbar, .owningTeam1 #left .highLighter, .owningTeam6360 #left .hbar, .owningTeam6360 #left .highLighter {
  background-color: #a32f5f;
  border-color: #851b46;
}

.owningTeam1 #intakeHeader, .owningTeam5405 #intakeHeader {
  background-color: #AE1F29;
}

.hasHoverLabel:hover .hoverLabel {
  opacity: 1;
  z-index: 1;
}

.hoverLabel {
  position: absolute;
  background-color: #4f4f4f;
  left: 72px;
  top: 3px;
  color: #ffffff;
  font-weight: 300;
  z-index: -1;
  padding: 11px 20px 10px;
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: 5px;
  white-space: nowrap;
}
.hoverLabel:after {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/hover-label.png) left center no-repeat;
  left: -9px;
  top: 11px;
  width: 9px;
  height: 18px;
}
.hoverLabel.above {
  left: 0;
  transform: translate(-41%, -128%);
}
.hoverLabel.above:after {
  background: url(../img/hover-label-abv.png) left center no-repeat;
  left: 50%;
  transform: translate(-10px, 0);
  top: auto;
  bottom: -8px;
  width: 19px;
  height: 9px;
}
.hoverLabel.smaller {
  padding: 7px 16px 6px;
}

.infoBox {
  float: right;
  padding-right: 5px;
  position: relative;
}
.infoBox .button {
  background: url(../img/info.png) center center no-repeat;
  opacity: 0.5;
  width: 25px;
  height: 25px;
  cursor: pointer;
  margin-top: 5px;
}
.infoBox .popOver2 {
  display: none;
  position: absolute;
  padding: 20px;
  background-color: #4f4f4f;
  top: 0;
  right: 50px;
  color: #ffffff;
  font-weight: 300;
  width: 250px;
  border-radius: 2px;
  z-index: 100;
}
.infoBox .popOver2:before {
  content: "";
  background: url(../img/hover-label-lft.png) center center no-repeat;
  width: 9px;
  height: 18px;
  position: absolute;
  right: -9px;
  top: 10px;
}
.infoBox:hover .button, .infoBox.clicked .button {
  background: #e2e2e2 url(../img/info-dark.png) center center no-repeat;
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15) inset;
}
.infoBox:hover .popOver2, .infoBox.clicked .popOver2 {
  display: block;
}
.infoBox.inline {
  float: none;
  display: inline-block;
  padding-right: 0;
  vertical-align: top;
  top: -5px;
}
.infoBox.inline .popOver2 {
  left: 30px;
  right: auto;
}
.infoBox.inline .popOver2:before {
  background: url(../img/hover-label.png) center center no-repeat;
  right: auto;
  left: -9px;
}
.infoBox.inline .button {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.infoBox p {
  margin-bottom: 15px;
}
.infoBox p:last-child {
  margin-bottom: 0;
}

#notifications .popUp {
  padding: 10px 0 10px 10px;
  width: 310px;
}
#notifications .popUp.mobileScroll .pBottom {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#notifications .defaultClose, #notifications #alertOverlay .openAlert .close, #notifications #vecozoOverlay .openAlert .close, #alertOverlay .openAlert #notifications .close, #vecozoOverlay .openAlert #notifications .close {
  right: 4px;
  top: 7px;
}
#notifications .pTop {
  padding: 0 !important;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 0;
  margin-right: 10px;
}
#notifications .pBottom {
  position: relative;
  max-height: 500px;
  padding-right: 15px;
}
#notifications .note {
  border-bottom: 1px solid #d7d7d7;
  padding: 15px 0 5px;
}
#notifications .note.v2 .nImg .i1, #notifications .note.v2 .nText .ta {
  display: block;
}
#notifications .note.v2 .nImg .i1, #notifications .note.v2 .nText .ta, #notifications .note.v2 .nMiddle .m1 {
  display: block;
}
#notifications .note.t10 .nImg .i1, #notifications .note.t10 .nText .t4, #notifications .note.t10 .nMiddle .m1, #notifications .note.t110 .nImg .i1, #notifications .note.t110 .nText .t4, #notifications .note.t110 .nMiddle .m1 {
  display: block;
}
#notifications .note.t12 .nImg .i1, #notifications .note.t12 .nText .t1, #notifications .note.t12 .nMiddle .m1, #notifications .note.t112 .nImg .i1, #notifications .note.t112 .nText .t1, #notifications .note.t112 .nMiddle .m1 {
  display: block;
}
#notifications .note.t14 .nImg .i1, #notifications .note.t14 .nText .t5, #notifications .note.t14 .nMiddle .m1, #notifications .note.t114 .nImg .i1, #notifications .note.t114 .nText .t5, #notifications .note.t114 .nMiddle .m1 {
  display: block;
}
#notifications .note.t15 .nImg .i1, #notifications .note.t15 .nText .t6, #notifications .note.t15 .nMiddle .m1, #notifications .note.t115 .nImg .i1, #notifications .note.t115 .nText .t6, #notifications .note.t115 .nMiddle .m1 {
  display: block;
}
#notifications .note.t30 .nImg .i1, #notifications .note.t30 .nText .t2, #notifications .note.t130 .nImg .i1, #notifications .note.t130 .nText .t2 {
  display: block;
}
#notifications .note.t40 .nText .t7 {
  display: block;
}
#notifications .note.t40 .nImg, #notifications .note.t40 .nMiddle {
  display: none;
}
#notifications .note.t60 .nText .t3 {
  display: block;
}
#notifications .note.t60 .nImg, #notifications .note.t60 .nMiddle {
  display: none;
}
#notifications .note.t70 .nText .t6 {
  display: block;
}
#notifications .note.t70 .nImg, #notifications .note.t70 .nMiddle {
  display: none;
}
#notifications .note.t80 .nText .t8 {
  display: block;
}
#notifications .note.t80 .nImg, #notifications .note.t80 .nMiddle {
  display: none;
}
#notifications .note.t90 .nText .t6, #notifications .note.t90 .nMiddle .m1 {
  display: block;
}
#notifications .note.t90 .nImg {
  display: none;
}
#notifications .note.t200 .nText .t9, #notifications .note.t201 .nText .t9 {
  display: block;
}
#notifications .note.t200 .nImg, #notifications .note.t200 .nMiddle, #notifications .note.t201 .nImg, #notifications .note.t201 .nMiddle {
  display: none;
}
#notifications .nTop {
  display: flex;
}
#notifications .nMiddle {
  margin-bottom: 5px;
}
#notifications .nMiddle > * {
  display: none;
}
#notifications .nMiddle .m1 {
  background-color: #f2f2eb;
  padding: 10px 22px 10px 18px;
}
#notifications .nImg {
  flex: 0 0 auto;
  margin-right: 10px;
  margin-bottom: 10px;
}
#notifications .nImg > * {
  display: none;
}
#notifications .nImg img {
  width: 27px;
  height: 27px;
  border: 1px solid #d9d9d9;
}
#notifications .nText {
  margin-bottom: 5px;
}
#notifications .nText a {
  text-decoration: underline;
}
#notifications .nText a:hover {
  text-decoration: none;
}
#notifications .nText > * {
  display: none;
}
#notifications .nTime {
  font-size: 13px;
  color: #888888;
}
#notifications .newCount {
  position: absolute;
  top: -1px;
  right: -3px;
  height: 15px;
  min-width: 15px;
  cursor: pointer;
}

#right {
  position: relative;
  background: url(../img/back2.png);
  -webkit-flex: none;
  flex: none;
}
.settings #right {
  background: #f5f5f5;
}
#right.mobileScroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.validationMessage {
  display: none;
}

body.clients #right > .scrollBox {
  background-color: #fff;
}
body.clients .flexBox {
  background: url(../img/back-clients.jpg) left bottom/auto auto no-repeat;
  display: block;
  overflow-x: hidden;
  overflow-y: visible;
}
body.clients #content {
  padding-bottom: 70px;
  position: relative;
}
body.clients #content.clouds {
  background: url(../img/cloud1.png) 0 320px repeat-x, url(../img/cloud2.png) 0 340px repeat-x, url(../img/cloud3.png) 0 310px repeat-x, url(../img/cloud4.png) 0 390px repeat-x, url(../img/cloud5.png) 0 370px repeat-x;
  animation: 150s linear infinite windContent;
}
body.clients #content.leafs .leaf1 {
  animation: 5s alternate ease-in-out infinite verticalContent;
}
body.clients #content.leafs .leaf1 .i1 {
  animation: normal 40s linear infinite horizontalContent;
}
body.clients #content.leafs .leaf1 .i2 {
  animation: normal 5s linear infinite rotationContent;
}
body.clients #content.leafs .leaf2 {
  animation: 6s alternate 5s ease-in-out infinite verticalContent;
}
body.clients #content.leafs .leaf2 .i1 {
  animation: 50s linear 5s infinite horizontalContent;
}
body.clients #content.leafs .leaf2 .i2 {
  animation: 6s normal 4s infinite rotationContent;
}
body.clients #content .leaf1 {
  position: absolute;
  width: 20px;
  height: 34px;
  left: -400px;
  bottom: 150px;
}
body.clients #content .leaf1 .i1 {
  width: 20px;
  height: 34px;
}
body.clients #content .leaf1 .i2 {
  width: 20px;
  height: 34px;
  background: url(../img/leaf1.png) center center no-repeat;
}
body.clients #content .leaf2 {
  position: absolute;
  width: 26px;
  height: 20px;
  left: -100px;
  bottom: 70px;
}
body.clients #content .leaf2 .i1 {
  width: 26px;
  height: 20px;
}
body.clients #content .leaf2 .i2 {
  width: 26px;
  height: 20px;
  background: url(../img/leaf2.png) center center no-repeat;
}
body.clients.team99 #right > .scrollBox {
  background: #fff url(../img/teams/99/logo.png) 900px 15px/150px no-repeat;
}
body.clients.team197 #right > .scrollBox {
  background: #fff url(../img/teams/197/logo.png) 900px 15px/150px no-repeat;
}
body.clients.team381 #right > .scrollBox {
  background: #fff url(../img/teams/381/logo4.png) 900px 15px/150px no-repeat;
}
body.clients.team401 #right > .scrollBox {
  background: #fff url(../img/teams/401/logo-baby-en-borstvoeding-purple.png) 900px 15px/200px no-repeat;
}
body.clients.team882 #right > .scrollBox {
  background: #fff url(../img/teams/882/logo.png) 900px 20px/150px no-repeat;
}
body.clients.team910 #right > .scrollBox {
  background: #fff url(../img/teams/910/logo.png) 900px 20px/200px no-repeat;
}
body.clients.team1008 #right > .scrollBox {
  background: #fff url(../img/teams/1008/logo.png) 900px 15px/150px no-repeat;
}
body.clients.team1069 #right > .scrollBox {
  background: #fff url(../img/teams/1069/logo.png) 900px 15px/120px no-repeat;
}
body.clients.team1126 #conright > .scrollBoxtent {
  background: #fff url(../img/teams/1126/logo.jpg) 900px 15px/150px no-repeat;
}
body.clients.team1133 #right > .scrollBox {
  background: #fff url(../img/teams/1133/logo.png) 900px 15px/150px no-repeat;
}
body.clients.team1185 #right > .scrollBox {
  background: #fff url(../img/teams/1185/logo.png) 900px 15px/150px no-repeat;
}
body.clients.team1515 #right > .scrollBox {
  background: #fff url(../img/teams/1515/logo.png) 900px 15px/150px no-repeat;
}
body.clients.team1541 #right > .scrollBox {
  background: #fff url(../img/teams/1541/logo.png) 900px 15px/150px no-repeat;
}
body.clients.team3041 #right > .scrollBox {
  background: #fff url(../img/teams/3041/logo.png) 900px 15px/150px no-repeat;
}
body.clients.team3592 #right > .scrollBox, body.clients.team3 #right > .scrollBox {
  background: #fff url(../img/teams/3592/logo.png) 900px 15px/150px no-repeat;
}
body.clients.team3758 #right > .scrollBox {
  background: #fff url(../img/teams/3758/logo.jpg) 900px 15px/230px no-repeat;
}
body.clients.team3978 #right > .scrollBox {
  background: #fff url(../img/teams/3978/logo.jpeg) 900px 15px/150px no-repeat;
}
body.clients.team4645 #right > .scrollBox {
  background: #fff url(../img/teams/4645/logo.png) 900px 15px/100px no-repeat;
}
body.clients.team4831 #right > .scrollBox {
  background: #fff url(../img/teams/4831/logo3.png) 900px 15px/100px no-repeat;
}
body.clients.team4847 #right > .scrollBox {
  background: #fff url(../img/teams/4847/logo2.png) 900px 15px/120px no-repeat;
}
body.clients.team4856 #right > .scrollBox {
  background: #fff url(../img/teams/4856/logo.png) 900px 15px/150px no-repeat;
}
body.clients.team4920 #right > .scrollBox {
  background: #fff url(../img/teams/4920/logo.png) 900px 15px/150px no-repeat;
}
body.clients.team5214 #right > .scrollBox {
  background: #fff url(../img/teams/5214/logo.png) 900px 15px/200px no-repeat;
}
body.clients.team5385 #right > .scrollBox {
  background: #fff url(../img/teams/5385/logo.png) 900px 15px/150px no-repeat;
}
body.clients.team5405 #right > .scrollBox {
  background: #fff url(../img/teams/5405/logo.png) 900px 15px/150px no-repeat;
}
body.clients.team6112 #right > .scrollBox {
  background: #fff url(../img/teams/6112/logo.png) 900px 15px/200px no-repeat;
}
body.clients.team6147 #right > .scrollBox {
  background: #fff url(../img/teams/6147/logo.png) 900px 15px/250px no-repeat;
}
body.clients.team1 #right > .scrollBox, body.clients.team6360 #right > .scrollBox {
  background: #fff url(../img/teams/6360/logo.webp) 900px 15px/120px no-repeat;
}
@keyframes windContent {
  0% {
    background-position: 0 320px, 0 340px, 0 310px, 0 390px, 0 370px;
  }
  100% {
    background-position: -1260px 320px, -2800px 340px, -1100px 310px, -2600px 390px, -2900px 370px;
  }
}
@keyframes verticalContent {
  0% {
    transform: translate(0, -50px);
  }
  100% {
    transform: translate(0, 100px);
  }
}
@keyframes horizontalContent {
  0% {
    transform: translate(3000px, 0);
  }
  100% {
    transform: translate(-5000px, 50px);
  }
}
@keyframes rotationContent {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

#cs {
  max-width: 900px;
  min-height: 700px;
  position: relative;
}
#cs.selectricOpen .clientGroup .sortAndPag .selectric-wrapper {
  transition: opacity 0.3s;
}
#cs.selectricOpen .clientGroup .sortAndPag .selectric-wrapper:not(.selectric-open) {
  opacity: 0;
}
#cs.zoom30 .clients:not(:has(.client)):not(:has(.ui-sortable-placeholder)) {
  padding-left: 273px;
  min-height: 65px;
}
#cs.zoom30 .clients:not(:has(.client)):not(:has(.ui-sortable-placeholder)):before {
  height: 52px !important;
  width: 260px;
}
#cs.zoom30 .client, #cs.zoom30 .ui-sortable-placeholder {
  width: 260px;
  height: 52px;
}
#cs.zoom30 .client a, #cs.zoom30 .client .ar, #cs.zoom30 .ui-sortable-placeholder a, #cs.zoom30 .ui-sortable-placeholder .ar {
  width: 260px;
  max-width: 260px;
  height: 52px;
}
#cs.zoom30 .client .leftf, #cs.zoom30 .ui-sortable-placeholder .leftf {
  flex: 1 1 208px;
}
#cs.zoom30 .client .leftf .sub, #cs.zoom30 .ui-sortable-placeholder .leftf .sub {
  bottom: 9px;
  font-size: 12px;
}
#cs.zoom30 .client h2, #cs.zoom30 .client input, #cs.zoom30 .ui-sortable-placeholder h2, #cs.zoom30 .ui-sortable-placeholder input {
  font-size: 14px;
}
#cs.zoom30 .client h2, #cs.zoom30 .ui-sortable-placeholder h2 {
  top: 5px;
}
#cs.zoom30 .client .rightf, #cs.zoom30 .client img, #cs.zoom30 .ui-sortable-placeholder .rightf, #cs.zoom30 .ui-sortable-placeholder img {
  width: 52px;
  height: 52px;
}
#cs.zoom30 .client .archiveDate, #cs.zoom30 .ui-sortable-placeholder .archiveDate {
  font-size: 13px;
  top: 25px;
  padding-left: 4px;
  padding-right: 4px;
}
#cs.zoom30 .addClientButton {
  width: 260px;
  height: 52px;
}
#cs.zoom20 .clients:not(:has(.client)):not(:has(.ui-sortable-placeholder)) {
  padding-left: 194px;
  min-height: 45px;
}
#cs.zoom20 .clients:not(:has(.client)):not(:has(.ui-sortable-placeholder)):before {
  height: 37px !important;
  width: 186px;
  font-size: 12px;
}
#cs.zoom20 .client, #cs.zoom20 .ui-sortable-placeholder {
  width: 186px;
  height: 37px;
  margin: 0 14px 8px 0;
}
#cs.zoom20 .client a, #cs.zoom20 .client .ar, #cs.zoom20 .ui-sortable-placeholder a, #cs.zoom20 .ui-sortable-placeholder .ar {
  width: 186px;
  max-width: 186px;
  height: 37px;
}
#cs.zoom20 .client .leftf, #cs.zoom20 .ui-sortable-placeholder .leftf {
  flex: 1 1 149px;
  padding: 0px 5px 0px 11px;
}
#cs.zoom20 .client .leftf .sub, #cs.zoom20 .ui-sortable-placeholder .leftf .sub {
  bottom: 5px;
  left: 11px;
  font-size: 10.5px;
}
#cs.zoom20 .client h2, #cs.zoom20 .client input, #cs.zoom20 .ui-sortable-placeholder h2, #cs.zoom20 .ui-sortable-placeholder input {
  font-size: 12px;
}
#cs.zoom20 .client h2, #cs.zoom20 .ui-sortable-placeholder h2 {
  top: 4px;
}
#cs.zoom20 .client .rightf, #cs.zoom20 .client img, #cs.zoom20 .ui-sortable-placeholder .rightf, #cs.zoom20 .ui-sortable-placeholder img {
  width: 37px;
  height: 37px;
}
#cs.zoom20 .client .archiveDate, #cs.zoom20 .ui-sortable-placeholder .archiveDate {
  font-size: 11px;
  padding-left: 3px;
  padding-right: 3px;
  top: 15px;
}
#cs.zoom20 .addClientButton {
  width: 186px;
  height: 37px;
  padding-left: 10px;
}
#cs.zoom20 .addClientButton .i {
  background-size: 15px;
  padding-left: 20px;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#cs.zoom10 .clients:not(:has(.client)):not(:has(.ui-sortable-placeholder)) {
  padding-left: 167px;
  min-height: 26px;
}
#cs.zoom10 .clients:not(:has(.client)):not(:has(.ui-sortable-placeholder)):before {
  height: 18px !important;
  width: 155px;
  font-size: 12px;
}
#cs.zoom10 .client, #cs.zoom10 .ui-sortable-placeholder {
  width: 155px;
  height: 18px;
  margin: 0 16px 12px 0;
  border-left: 2px solid #C7D1D6;
  background-color: #fff;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
}
#cs.zoom10 .client a, #cs.zoom10 .client .ar, #cs.zoom10 .ui-sortable-placeholder a, #cs.zoom10 .ui-sortable-placeholder .ar {
  width: 155px;
  max-width: 155px;
  height: 18px;
}
#cs.zoom10 .client .leftf, #cs.zoom10 .ui-sortable-placeholder .leftf {
  flex: 1 1 100px;
  padding: 0px 5px 0px 7px;
}
#cs.zoom10 .client .leftf .sub, #cs.zoom10 .ui-sortable-placeholder .leftf .sub {
  display: none;
}
#cs.zoom10 .client h2, #cs.zoom10 .client input, #cs.zoom10 .ui-sortable-placeholder h2, #cs.zoom10 .ui-sortable-placeholder input {
  font-size: 12px;
  line-height: 13px;
  font-weight: 400 !important;
}
#cs.zoom10 .client h2, #cs.zoom10 .ui-sortable-placeholder h2 {
  top: 2px !important;
}
#cs.zoom10 .client .rightf, #cs.zoom10 .client img, #cs.zoom10 .ui-sortable-placeholder .rightf, #cs.zoom10 .ui-sortable-placeholder img {
  width: 18px;
  height: 18px;
}
#cs.zoom10 .client .lastGroupName, #cs.zoom10 .client .archiveDate, #cs.zoom10 .ui-sortable-placeholder .lastGroupName, #cs.zoom10 .ui-sortable-placeholder .archiveDate {
  display: none !important;
}
#cs.zoom10 .addClientButton {
  width: 155px;
  height: 18px;
  padding-left: 5px;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
}
#cs.zoom10 .addClientButton .i {
  background-size: 11px;
  padding-left: 16px;
  font-size: 11px;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#cs .padding {
  padding: 33px 13px 50px;
}
#cs .topBar {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 20px;
}
#cs .topBar .buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#cs .topBar .buttons .zoom.style2 .label {
  font-size: 23px;
}
#cs .topBar .exportMenu > .btn, #cs .topBar .btn.export {
  margin-left: 10px;
}
#cs .topBar .view .popUp {
  width: 270px;
}
#cs .topBar .view .showSelect {
  width: 130px;
  margin-bottom: 10px;
}
#cs .display {
  flex: 1 0 500px;
  margin-right: 20px;
  display: flex;
  align-items: stretch;
}
#cs .selectedClients {
  margin-right: 10px;
}
#cs .selectedClients > .btn {
  white-space: nowrap;
}
#cs .selectedClients h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 15px;
}
#cs .selectedClients .popUp {
  padding-top: 15px;
  width: 463px;
  padding-bottom: 25px;
}
#cs .selectedClients .personSelector {
  margin-bottom: 30px;
}
#cs .selectedClients .checkboxLabelSwitch {
  margin-bottom: 10px;
}
#cs .selectedClients .checkboxLabelSwitch .label {
  font-weight: 300;
  position: relative;
}
#cs .selectedClients .checkboxLabelSwitch .label.bgi {
  padding-left: 25px;
}
#cs .selectedClients .checkboxLabelSwitch .label.bgi i, #cs .selectedClients .checkboxLabelSwitch .label.bgi img {
  position: absolute;
  left: 0;
}
#cs .selectedClients .ttl {
  margin-bottom: 10px;
}
#cs .selectedClients .clientGroup {
  margin-bottom: 0;
}
#cs .search {
  font-size: 13px;
  display: flex;
  align-items: center;
}
#cs .search * {
  font-weight: 300;
}
#cs .search > .btn {
  display: flex;
  align-items: stretch;
}
#cs .search > .btn .selectCollapse {
  flex: none;
  height: 23px;
  width: 170px;
  margin-right: -140px;
}
#cs .search > .btn .selectCollapse .selectric-items {
  top: auto;
}
#cs .search > .btn .afterSelectCollapse {
  min-width: 140px;
}
#cs .search > .btn .flaticon-magnifying-glass {
  flex: none;
  margin-right: 10px;
  color: #b2b2b2;
  font-size: 1.1em;
}
#cs .search > .btn .text {
  font-size: 13px;
  color: #B9B8B8;
  font-weight: 300;
  min-width: 0;
  flex: 0 1 200px;
}
#cs .search > .btn .btnLabel {
  font-weight: 700;
  color: #017272;
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#cs .search > .btn .btnLabel span {
  font-weight: 700;
  color: #202020;
}
#cs .search > .btn .clear {
  cursor: pointer;
  font-size: 0.8em;
  color: #cccccc;
  position: relative;
  top: 1px;
}
#cs .search > .btn .clear:hover {
  color: #888888;
}
#cs .search .suggestion {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
#cs .search .suggestion span {
  font-size: 13px;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}
#cs .search .suggestion span:after {
  content: "";
  position: absolute;
  bottom: -3px;
  height: 2px;
  width: 100%;
  left: 0;
  background-color: #F3F3F3;
}
#cs .search .suggestion i {
  font-size: 0.8em;
  color: #cccccc;
  cursor: pointer;
}
#cs .search .suggestion i:hover {
  color: #888888;
}
#cs .search > .popUp {
  top: 0;
  width: 415px;
}
#cs .search > .popUp:after {
  display: none;
}
#cs .search .inputs {
  padding-left: 25px;
  position: relative;
  margin-bottom: 20px;
}
#cs .search .inputs:has(.suggestion) {
  display: flex;
  align-items: center;
}
#cs .search .inputs:has(.suggestion) .defaultText {
  width: min-content;
}
#cs .search .inputs:has(.suggestion) .suggestion {
  margin-left: 10px;
  margin-right: 30px;
}
#cs .search .inputs .defaultText {
  margin-left: -25px;
  padding-left: 35px;
  border-color: transparent;
  box-shadow: none;
}
#cs .search .inputs .defaultText:focus {
  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.05) inset;
  border-color: #017272;
}
#cs .search .inputs .flaticon-magnifying-glass {
  position: absolute;
  left: 10px;
  top: 9px;
  color: #b2b2b2;
  font-size: 1.1em;
}
#cs .search .inputs input {
  min-width: 0;
  flex: 1 1 auto;
}
#cs .search .inputs input:not(:focus) {
  font-weight: 700;
  color: #017272;
}
#cs .search .inputs input::-ms-input-placeholder {
  font-weight: 300;
  font-size: 12px;
  font-style: italic;
}
#cs .search .inputs input::placeholder {
  font-weight: 300;
  font-size: 12px;
  font-style: italic;
}
#cs .search .inputs .row {
  display: flex;
  padding-right: 20px;
  align-items: center;
  position: relative;
}
#cs .search .inputs .row:first-child {
  padding-top: 4px;
}
#cs .search .inputs .row:first-child .remove {
  right: 15px;
}
#cs .search .inputs .row + .flaticon-magnifying-glass {
  left: 5px;
}
#cs .search .inputs .row .label {
  font-weight: 700;
  white-space: nowrap;
  flex: none;
}
#cs .search .inputs .row input {
  border: none;
  outline: none;
  padding: 3px 7px 3px 7px;
}
#cs .search .inputs .row .remove {
  position: absolute;
  right: 0px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(52, 73, 94, 0.3137254902);
  font-size: 0.7em;
}
#cs .search .inputs .row .remove:hover {
  color: rgba(52, 73, 94, 0.6274509804);
}
#cs .search .type1 {
  margin-bottom: 15px;
}
#cs .search .type1 .header {
  cursor: pointer;
  font-weight: 300;
  font-style: italic;
}
#cs .search .type1 .header i {
  font-size: 0.6em;
  margin-left: 3px;
  color: #888;
}
#cs .search .specifics .searchList {
  padding: 15px 0 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 0px 15px;
}
#cs .search .specifics .searchList label {
  padding: 5px 0;
}
#cs .search .specifics .searchList label:hover .text:after {
  background-color: #b6ecec;
}
#cs .search .specifics .searchList label:has(:checked) .text {
  font-weight: 400;
  top: -1px;
}
#cs .search .specifics .searchList label:has(:checked) .text:after {
  background-color: #00A9A9;
}
#cs .search .specifics .searchList label .text {
  text-transform: uppercase;
  position: relative;
}
#cs .search .specifics .searchList label .text:after {
  content: "";
  position: absolute;
  bottom: -3px;
  height: 1px;
  width: 100%;
  left: 0;
}
#cs .search .history.open {
  margin-bottom: 15px;
}
#cs .search .history .col.showMore .historyList {
  max-height: 200px;
}
#cs .search .history .col.showMore .more {
  display: none;
}
#cs .search .history .historyList {
  max-height: 70px;
  overflow-y: auto;
  margin: 10px 0 15px;
}
#cs .search .history .row {
  position: relative;
  display: flex;
  padding-right: 20px;
  cursor: pointer;
  max-width: 100%;
  align-items: center;
  margin: 3px 0;
}
#cs .search .history .row:has(.label:hover) .label {
  background-color: #017272;
  color: #fff;
  padding: 2px 3px;
}
#cs .search .history .label {
  flex: 1 1 auto;
  min-width: 0;
}
#cs .search .history .remove {
  position: absolute;
  right: 0px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(52, 73, 94, 0.3137254902);
  font-size: 0.7em;
}
#cs .search .history .remove:hover {
  color: rgba(52, 73, 94, 0.6274509804);
}
#cs .search .history .more {
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}
#cs .search .history .more:hover {
  text-decoration: none;
}
#cs h2.header1 {
  display: none;
  font-size: 19px;
  font-weight: 700;
  margin: 5px 0 30px;
}
#cs h2.title {
  font-style: italic;
  font-size: 18px;
  color: #aaaaaa;
  margin-bottom: 30px;
  font-weight: 300;
}
#cs .teamClients {
  margin-bottom: 70px;
}
#cs .singleClients {
  margin-bottom: 70px;
}
#cs .singleClients h2 {
  display: block;
}
#cs .clients {
  position: relative;
}
#cs .clients:not(:has(.client)):not(:has(.ui-sortable-placeholder)) {
  padding-left: 290px;
  pointer-events: none;
  min-height: 76px;
}
#cs .clients:not(:has(.client)):not(:has(.ui-sortable-placeholder)):before {
  content: "Geen dossiers";
  text-transform: uppercase;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 277px;
  height: 63px;
  font-weight: 300;
  color: #919191;
  font-size: 15px;
  top: 0;
  left: 0;
  border: 1px dashed rgba(0, 0, 0, 0.1);
  pointer-events: all;
}
#cs .clients:not(:has(.client)):not(:has(.ui-sortable-placeholder)) .addClientButton {
  pointer-events: all;
}
#cs .clients:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
#cs .proplessClients {
  margin-top: 50px;
}
#cs .proplessClients:not(:has(.clientGroup)) + .showAll .hbar {
  display: none;
}
#cs .proplessClients .hdr {
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
  padding-bottom: 10px;
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 20px;
  width: 80%;
}
#cs .proplessClients .hdr.lessMb {
  margin-bottom: 5px;
}
#cs .proplessClients .hdr .go {
  cursor: pointer;
  text-decoration: underline;
}
#cs .proplessClients .hdr .go:hover {
  text-decoration: none;
}
#cs .client, #cs .ui-sortable-placeholder {
  height: 63px;
  width: 277px;
  overflow: hidden;
  float: left;
  margin: 0 9px 13px 0;
  background-color: #ebf0f2;
  border-radius: 4px;
  position: relative;
}
#cs .client:hover, #cs .ui-sortable-placeholder:hover {
  background-color: #f1fbff;
}
#cs .client .ar, #cs .ui-sortable-placeholder .ar {
  height: 100%;
}
#cs .client a, #cs .client .ar, #cs .ui-sortable-placeholder a, #cs .ui-sortable-placeholder .ar {
  display: flex;
  height: 63px;
  width: 277px;
  max-width: 277px;
}
#cs .client a.showArchiveDetails .lastGroupName, #cs .client a.showArchiveDetails .archiveDate, #cs .client .ar.showArchiveDetails .lastGroupName, #cs .client .ar.showArchiveDetails .archiveDate, #cs .ui-sortable-placeholder a.showArchiveDetails .lastGroupName, #cs .ui-sortable-placeholder a.showArchiveDetails .archiveDate, #cs .ui-sortable-placeholder .ar.showArchiveDetails .lastGroupName, #cs .ui-sortable-placeholder .ar.showArchiveDetails .archiveDate {
  display: block;
}
#cs .client .lastGroupName, #cs .ui-sortable-placeholder .lastGroupName {
  display: none;
  position: absolute;
  top: 35px;
  font-weight: 300;
  font-size: 14px;
  color: #b6b6b6;
  left: 15px;
}
#cs .client .archiveDate, #cs .ui-sortable-placeholder .archiveDate {
  display: none;
  position: absolute;
  top: 35px;
  font-weight: 300;
  font-size: 14px;
  padding: 0 5px;
  right: 0;
  background-color: #dae0e3;
  color: #7a7a7a;
}
#cs .client .ar .leftf, #cs .ui-sortable-placeholder .ar .leftf {
  align-items: center;
}
#cs .client .leftf, #cs .ui-sortable-placeholder .leftf {
  padding: 5px 5px 5px 15px;
  overflow: hidden;
  display: flex;
  flex: 1 1 214px;
}
#cs .client .leftf .fb, #cs .ui-sortable-placeholder .leftf .fb {
  align-items: center;
}
#cs .client .leftf input, #cs .ui-sortable-placeholder .leftf input {
  font-weight: 700;
  width: 95%;
}
#cs .client .leftf .sub, #cs .ui-sortable-placeholder .leftf .sub {
  font-weight: 300;
  position: absolute;
  left: 15px;
  bottom: 12px;
  font-size: 14px;
  max-width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#cs .client .leftf .sub .groupName.dashRight:after, #cs .ui-sortable-placeholder .leftf .sub .groupName.dashRight:after {
  content: " - ";
}
#cs .client .leftf .highlight, #cs .ui-sortable-placeholder .leftf .highlight {
  color: #017272;
}
#cs .client .rightf, #cs .ui-sortable-placeholder .rightf {
  flex: none;
  width: 63px;
}
#cs .client h2, #cs .ui-sortable-placeholder h2 {
  font-weight: 700;
  position: relative;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  top: 7px;
}
#cs .client textarea, #cs .ui-sortable-placeholder textarea {
  width: 100%;
  resize: none;
}
#cs .client img, #cs .ui-sortable-placeholder img {
  display: block;
  height: 63px;
  width: 63px;
}
#cs .client .users, #cs .ui-sortable-placeholder .users {
  position: absolute;
  top: 21px;
  right: 50px;
  display: flex;
}
#cs .client .users img, #cs .ui-sortable-placeholder .users img {
  border: 2px solid #ffffff;
  height: 21px;
  width: 21px;
  margin-left: 3px;
}
#cs .ui-sortable-placeholder {
  background-color: #f5fcff;
  box-shadow: 0px 1px 6.51px 0.49px rgba(0, 0, 0, 0.05) inset;
}
#cs .client.active, #cs .client.ui-sortable-helper {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
#cs .client.active a, #cs .client.ui-sortable-helper a {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
#cs .client.ui-sortable-helper {
  transform: rotate(5deg);
  transform-origin: center top;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  box-shadow: -1px 3px 5px 0px rgba(0, 0, 0, 0.1);
}
#cs .position .popUp {
  width: 180px;
}
#cs .position .popUp button {
  display: block;
  position: relative;
  width: 110px;
  text-align: left;
}
#cs .position .popUp button i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 0.85em;
}
#cs .position .popUp .up {
  margin-bottom: 10px;
}
#cs .clientCategories {
  position: relative;
}
#cs .clientCategory.collapsed .nameAndMenu {
  padding-bottom: 19px;
  border-bottom: 1px solid #D9D9D9;
}
#cs .clientCategory.collapsed .catTop {
  margin-bottom: 20px;
}
#cs .clientCategory.collapsed .catMenu {
  display: none;
}
#cs .clientCategory.collapsed .catArrow {
  display: block !important;
}
#cs .clientCategory .catTop {
  display: flex;
  margin-bottom: 12px;
}
#cs .clientCategory .catTop:hover .catMenu > button {
  color: #202020;
}
#cs .clientCategory .nameAndMenu {
  display: flex;
  align-items: center;
  flex: none;
}
#cs .clientCategory .nameAndMenu.star .catName span {
  padding-right: 30px;
  background: url("../img/flaticon/star.svg") right center/21px no-repeat;
}
#cs .clientCategory .nameAndMenu.star .catStar {
  background-image: url("../img/flaticon/star.svg");
  background-position: 2px center;
  background-size: 20px;
  background-repeat: no-repeat;
}
#cs .clientCategory .nameAndMenu.star .catStar i {
  display: none;
}
#cs .clientCategory .nameAndMenu .catMenu > button {
  color: #9c9c9c;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
#cs .clientCategory .nameAndMenu .catMenu > button:hover {
  background-color: #EFEFEF;
}
#cs .clientCategory .catName {
  font-weight: 700;
  font-size: 21px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 5px;
}
#cs .clientCategory .catArrow {
  display: none;
  font-size: 0.4em;
  margin-left: 5px;
  top: 1px;
}
#cs .clientCategory .buttonAdd.cg {
  margin-bottom: 50px;
}
#cs .top2 {
  margin-bottom: 15px;
}
#cs .top2 .titleAndMenu {
  display: flex;
  align-items: center;
}
#cs .top2 .titleAndMenu.star .groupName span:first-child {
  padding-right: 30px;
  background: url("../img/flaticon/star.svg") right center/21px no-repeat;
}
#cs .top2 .titleAndMenu.star .groupStar {
  background-image: url("../img/flaticon/star.svg");
  background-position: 2px center;
  background-size: 20px;
  background-repeat: no-repeat;
}
#cs .top2 .titleAndMenu.star .groupStar i {
  display: none;
}
#cs .top2 .titleAndMenu:hover .groupMenu > button {
  color: #A3A3A3;
}
#cs .top2 .titleAndMenu .groupName {
  flex: none;
  font-weight: 600;
  color: #8D8D8D;
  font-size: 18px;
  margin-right: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
#cs .top2 .titleAndMenu .groupName .clientCountCollapsed {
  color: #202020;
  font-size: 10px;
  font-weight: 500;
  margin: 0 2px 0 7px;
  border-radius: 2px;
  background-color: #ECF0F2;
  position: relative;
  padding: 2px 4px 3px;
}
#cs .top2 .titleAndMenu .groupArrow {
  display: none;
  color: #A3A3A3;
  font-size: 0.4em;
  margin-left: 5px;
  top: 1px;
}
#cs .top2 .titleAndMenu .groupMenu > button {
  color: #e7e7e7;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
#cs .top2 .titleAndMenu .groupMenu > button:hover {
  background-color: #EFEFEF;
}
#cs .top2 .titleAndMenu .groupMenu .flaticon-graph {
  left: 4px;
  font-size: 1.1em;
}
#cs .top2 .titleAndMenu .groupMenu .flaticon-unfold {
  left: 4px;
  font-size: 1.1em;
}
#cs .top2 .titleAndMenu .groupMenu .flaticon-star {
  left: 2px;
  font-size: 1.3em;
}
#cs .top2 .titleAndMenu .groupMenu .flaticon-pen {
  left: 4px;
  font-size: 1.1em;
}
#cs .top2 .titleAndMenu .groupMenu .flaticon-file {
  left: 3px;
  font-size: 1.1em;
}
#cs .top2 .titleAndMenu .groupMenu .flaticon-calendar-1 {
  left: 4px;
  font-size: 1.1em;
}
#cs .top2 .titleAndMenu .groupMenu .flaticon-settings {
  left: 4px;
  font-size: 1.1em;
}
#cs .top2 .titleAndMenu .groupMenu .flaticon-recycle-bin {
  left: 4px;
  font-size: 1.1em;
}
#cs .top2 .titleAndMenu .groupMenu .sortSection {
  margin-bottom: 30px;
}
#cs .top2 .titleAndMenu .groupMenu .sortSection h3 {
  margin-bottom: 15px;
}
#cs .top2 .titleAndMenu .groupMenu .displaySection:not(:last-child) {
  margin-bottom: 45px;
}
#cs .top2 .titleAndMenu .extraInfo {
  margin-left: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #D7D7D7;
}
#cs .top2 .sortAndPag {
  display: flex;
  max-width: 100%;
  align-items: center;
  row-gap: 10px;
}
#cs .top2 .sortAndPag.hasLetters {
  flex-wrap: wrap;
}
#cs .top2 .sortAndPag.hasLetters .maxShowing {
  margin-right: 90px;
}
#cs .top2 .sortAndPag.hasAnything {
  margin-top: 10px;
}
#cs .top2 .sortAndPag .selectContainer {
  display: flex;
  align-items: stretch;
  min-width: 0;
  flex: 1 1 400px;
  margin-right: 15px;
}
#cs .top2 .sortAndPag .selectCollapse {
  flex: none;
}
#cs .top2 .sortAndPag .afterSelectCollapse {
  align-items: stretch;
  flex: 1 1 100px;
  min-width: 0;
}
#cs .top2 .sortAndPag .search {
  max-width: 100%;
}
#cs .top2 .sortAndPag .search > .btn {
  max-width: 100%;
  min-width: 100px;
}
#cs .top2 .selectCollapse:not(.open) {
  margin-right: -130px;
}
#cs .top2 .pages {
  flex: 1;
  margin-right: 15px;
  display: flex;
  justify-content: flex-end;
}
#cs .top2 .pages:last-child {
  margin-right: 280px;
}
#cs .top2 .sort {
  flex: none;
  width: 160px;
}
#cs .top2 .letters {
  border-bottom: 1px solid #D9D9D9;
  flex: 1 0 90%;
  display: flex;
  align-items: flex-end;
}
#cs .top2 .list {
  display: flex;
}
#cs .top2 .letter {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 13px;
  cursor: pointer;
  padding: 3px 3px 4px;
  flex: none;
  line-height: 20px;
  margin-bottom: -1px;
  vertical-align: bottom;
}
#cs .top2 .letter:not(:last-child) {
  margin-right: 5px;
}
#cs .top2 .letter:hover {
  font-size: 16px;
  border-bottom: 2px solid #AFE3E3;
}
#cs .top2 .letter.sel {
  font-size: 16px;
  font-weight: 700;
  border-bottom: 2px solid #00A9A9;
}
#cs .top2 .letter span {
  vertical-align: bottom;
}
#cs .top2 .tabs {
  z-index: 1;
}
#cs .top2 .selectContainer + .summary, #cs .top2 .letters + .summary {
  flex: 1;
}
#cs .top2 .summary {
  font-size: 13px;
  font-weight: 300;
  margin-right: 15px;
  min-width: 85px;
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
}
#cs .top2 .summary:last-child {
  margin-right: 195px;
}
#cs .top2 .maxShowing {
  font-weight: 300;
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-right: 90px;
  min-width: 90px;
  justify-content: flex-end;
}
#cs .top2 .maxShowing .smallerSelectric {
  margin-right: 6px;
}
#cs .top2 .maxShowing:first-child {
  flex: 1;
}
#cs .isNonAccessibleGroupWithSingleClients, #cs .empty {
  margin-bottom: 2px;
}
#cs .isNonAccessibleGroupWithSingleClients, #cs .isNonAccessibleGroupWithSingleClients *, #cs .empty, #cs .empty * {
  font-weight: 300;
}
#cs .isNonAccessibleGroupWithSingleClients.empty, #cs .empty.empty {
  margin-bottom: 20px;
}
#cs .showAll, #cs .showEmpty, #cs .isEmpty, #cs .noResults {
  margin-top: 30px;
}
#cs .showAll *, #cs .showEmpty *, #cs .isEmpty *, #cs .noResults * {
  font-weight: 300;
}
#cs .showAll b, #cs .showEmpty b, #cs .isEmpty b, #cs .noResults b {
  font-weight: 600;
}
#cs .showAll .hbar, #cs .showEmpty .hbar, #cs .isEmpty .hbar, #cs .noResults .hbar {
  width: 60px;
  height: 1px;
  background-color: #D9D9D9;
  margin-bottom: 25px;
}
#cs .showAll h2, #cs .showEmpty h2, #cs .isEmpty h2, #cs .noResults h2 {
  font-weight: 600;
  color: #8D8D8D;
  font-size: 18px;
  margin-bottom: 15px;
}
#cs .showAll .text, #cs .showEmpty .text, #cs .isEmpty .text, #cs .noResults .text {
  padding-left: 45px;
  position: relative;
}
#cs .showAll .icon, #cs .showEmpty .icon, #cs .isEmpty .icon, #cs .noResults .icon {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
}
#cs .showAll .icon img, #cs .showEmpty .icon img, #cs .isEmpty .icon img, #cs .noResults .icon img {
  display: block;
  position: relative;
  z-index: 1;
}
#cs .showAll .actions, #cs .showEmpty .actions, #cs .isEmpty .actions, #cs .noResults .actions {
  display: flex;
}
#cs .showAll .actions .go:not(:last-child), #cs .showEmpty .actions .go:not(:last-child), #cs .isEmpty .actions .go:not(:last-child), #cs .noResults .actions .go:not(:last-child) {
  margin-right: 40px;
}
#cs .showAll .go, #cs .showEmpty .go, #cs .isEmpty .go, #cs .noResults .go {
  cursor: pointer;
  text-decoration: underline;
}
#cs .showAll .go:hover, #cs .showEmpty .go:hover, #cs .isEmpty .go:hover, #cs .noResults .go:hover {
  text-decoration: none;
}
#cs .showAll {
  margin-top: 100px;
}
#cs .showAll .icon {
  top: 3px;
}
#cs .showAll .icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: -3px;
  left: -2px;
  background-color: #D5D3BF;
}
#cs .showEmpty {
  margin-bottom: 50px;
  display: flex;
}
#cs .showEmpty .seBox {
  flex: 0 0 auto;
  border-top: 1px solid #D9D9D9;
  padding-top: 10px;
}
#cs .showEmpty .text {
  display: flex;
  align-items: center;
  padding-left: 35px;
  padding-top: 2px;
}
#cs .showEmpty .icon img {
  width: 25px;
}
#cs .showEmpty .hideEmpty {
  cursor: pointer;
  font-size: 0.8em;
  color: #B1B7BD;
  margin-left: 10px;
  padding-bottom: 0;
}
#cs .showEmpty .hideEmpty:hover {
  color: #9da3a8;
}
#cs .isEmpty, #cs .noResults {
  margin-top: 0;
}
#cs .clientGroups {
  position: relative;
}
#cs .clientGroup {
  transition: margin-bottom 0.3s ease;
  margin-bottom: 80px;
  position: relative;
}
#cs .clientGroup.boldTitle .top .name h2 {
  color: #000;
  font-size: 19px;
  font-weight: 700;
}
#cs .clientGroup.collapsed {
  margin-bottom: 35px;
}
#cs .clientGroup.collapsed:last-child {
  margin-bottom: 50px;
}
#cs .clientGroup.collapsed:not(:last-child):after {
  content: "";
  position: absolute;
  display: block;
  bottom: -18px;
  height: 1px;
  width: 15px;
  background-color: #D9D9D9;
}
#cs .clientGroup.collapsed .groupMenu {
  display: none;
}
#cs .clientGroup.collapsed .groupArrow {
  display: block !important;
}
#cs .addClientButton {
  margin: 0 9px 13px 0;
  float: left;
  position: relative;
}
#cs .buttonAdd {
  display: inline-block;
}
#cs .buttonAdd.cat {
  margin-top: 10px;
  margin-bottom: 15px;
}
#cs .buttonAdd.cg {
  margin-left: 30px;
}
#cs .clientCount {
  padding-left: 21px;
  color: #898989;
  font-size: 14px;
  background: url(../img/personCount.png) left center no-repeat;
}
#cs .teamClients .tabContainer, #cs .clientGroup .tabContainer {
  padding-top: 5px;
  margin-bottom: 20px;
}
#cs .teamClients .tabContainer.many .tab, #cs .clientGroup .tabContainer.many .tab {
  margin-right: 4px;
  padding: 5px 4px 6px;
}
#cs .teamClients .tabContainer .tab, #cs .clientGroup .tabContainer .tab {
  padding: 6px 7px 7px;
  position: relative;
}
#cs .teamClients .tabContainer .tab.sel, #cs .clientGroup .tabContainer .tab.sel {
  font-weight: 700;
}
#cs .teamClients .tabContainer .tab:after, #cs .clientGroup .tabContainer .tab:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 30%;
  box-sizing: content-box;
}
#cs .teamClients .tabContainer .tab.glow:after, #cs .clientGroup .tabContainer .tab.glow:after {
  animation: 1s infinite alternate glowingTab;
}
@keyframes glowingTab {
  from {
    border: 0 solid rgba(213, 103, 0, 0.5);
  }
  to {
    border: 15px solid rgba(213, 103, 0, 0.05);
  }
}
#cs .teamClients .tabContainer2 .tabs, #cs .clientGroup .tabContainer2 .tabs {
  margin-top: 25px;
}
#cs .emptyMulti {
  position: relative;
  margin-top: 150px;
  padding-bottom: 50px;
}
#cs .emptyMulti .text {
  margin-bottom: 25px;
  color: #888;
}
#cs .emptyMulti .linkBox {
  position: relative;
  margin: 0 auto;
  max-width: 390px;
  padding: 25px 20px 75px;
  background: url(../img/back-search-multi.png) center top/contain no-repeat;
}
#cs .emptyMulti .button6, #cs .emptyMulti .button6D, #cs .emptyMulti .button6DP, #cs .emptyMulti .button6C, #cs .emptyMulti .button6B, #cs .emptyMulti .button6P {
  padding-left: 30px;
  background: #00a9a9 url(../img/arrow-round.png) 7px center no-repeat;
}

.navStyle {
  display: flex;
}
.navStyle button {
  flex: none;
  border: 0.5px solid #EBEBEB;
  height: 18px;
  padding: 0 5px;
  font-weight: 300;
  font-size: 13px;
  color: #9D9D9D;
}
.navStyle button:not(:last-child) {
  margin-right: 4px;
}
.navStyle button:hover:not(:disabled) {
  color: #000;
  background-color: #f2f8f8;
}
.navStyle button.sel, .navStyle button:active:not(:disabled) {
  color: #000;
  background-color: #ECF0F2;
}
.navStyle button i {
  font-size: 0.5em;
  pointer-events: none;
  padding-top: 1px;
}
.navStyle button .nr {
  padding-bottom: 2px;
}

@keyframes upDown {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(0, 5px);
  }
}
@keyframes inComing {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  70% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
#gss {
  max-width: 900px;
  background-color: #fff;
  min-height: 700px;
}
#gss .padding {
  padding: 30px 20px;
}
#gss h2 {
  font-style: italic;
  font-size: 18px;
  color: #aaaaaa;
  margin-bottom: 30px;
  font-weight: 300;
}
#gss h2.lessMb {
  margin-bottom: 10px;
}
#gss .users {
  display: flex;
  flex-wrap: wrap;
}
#gss .user {
  padding: 6px 8px;
  border-radius: 5px;
  width: 230px;
  margin-right: 40px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: background-color 0.5s;
}
#gss .user:hover {
  background-color: #f5f5f5;
}
#gss .user.sel {
  background: #d7d7d7 url(../img/oCheck.png) 95% center no-repeat;
}
#gss .user .inner {
  display: flex;
  align-items: center;
}
#gss .user .inner img {
  width: 25px;
  height: 25px;
  margin-right: 7px;
}
#gss .emptyNotice {
  font-style: italic;
  font-weight: 300;
  color: #4f4f4f;
}
#gss .section {
  margin-bottom: 50px;
}
#gss .section .selectric-wrapper {
  max-width: 350px;
}
#gss .text {
  font-style: italic;
  margin-bottom: 25px;
}
#gss .retention .selectContainer {
  display: flex;
  align-items: center;
}
#gss .retention .selectContainer .selectric-wrapper {
  flex: 0 0 150px;
  margin-right: 10px;
}
#gss .retention .selectContainer .selectric {
  background-color: #eeeeee;
}
#gss .retention .lock {
  cursor: pointer;
  flex: 0 0 25px;
  height: 25px;
  background: url(../img/unlock.png) center center/15px no-repeat;
}
#gss .retention .lock.closed {
  background: url(../img/lock.png) center center/15px no-repeat;
}
#gss .log .btn {
  display: inline-block;
  position: relative;
  font-style: normal;
  text-decoration: underline;
  margin-bottom: 20px;
}
#gss .log .btn:hover {
  text-decoration: none;
}
#gss .log .btn.active {
  top: 1px;
}

.logGrid {
  display: grid;
  grid-template-columns: minmax(100px, 1.5fr) 1fr 1fr;
  max-width: 680px;
}
.logGrid .title {
  font-weight: 300;
  font-size: 20px;
  margin-bottom: 10px;
}
.logGrid .cell {
  display: flex;
  padding: 10px 20px 10px 0;
  align-items: center;
  white-space: nowrap;
}
.logGrid .cell:nth-last-child(n+4) {
  border-bottom: 1px solid #d5d5d5;
}
.logGrid .cell.summary {
  white-space: normal;
  min-width: 0;
}
.logGrid .cell .usr {
  display: flex;
  align-items: center;
}
.logGrid .cell .usr img {
  flex: 0 0 30px;
  height: 30px;
  border-radius: 4px;
  margin-right: 15px;
}
.logGrid .cell .usr .txt {
  flex: 1 0 auto;
}
.logGrid .cell .usr .name {
  font-size: 16px;
}
.logGrid .cell .usr .email {
  font-weight: 300;
  color: #6e6e6e;
}

#def .beschikking, #a .beschikking, #t .beschikking {
  width: 400px;
  padding: 10px 0;
  border-bottom: 1px solid #a8a8a8;
  margin-bottom: 20px;
}
#def .beschikking .row, #a .beschikking .row, #t .beschikking .row {
  display: flex;
  margin-bottom: 8px;
}
#def .beschikking .l, #a .beschikking .l, #t .beschikking .l {
  width: 150px;
}
#def .beschikking .r, #a .beschikking .r, #t .beschikking .r {
  width: 200px;
}
#def .selectAll, #a .selectAll, #t .selectAll {
  margin-top: 7px;
  font-size: 13px;
  font-style: italic;
  color: #a2a2a2;
  cursor: pointer;
  padding-left: 10px;
  font-weight: 300;
  text-decoration: underline;
}
#def .emptyPage, #a .emptyPage, #t .emptyPage {
  font-size: 16px;
  color: #919191;
  font-style: italic;
}

#def {
  position: relative;
  max-width: 900px;
  background-color: #fff;
  min-height: 700px;
}
#def .padding {
  padding: 30px 20px;
}
#def .team {
  margin-bottom: 50px;
}
#def h2 {
  font-style: italic;
  font-size: 18px;
  color: #aaaaaa;
  margin-bottom: 30px;
  font-weight: 300;
}
#def h2.v2 {
  font-style: normal;
  font-weight: 700;
  color: #000;
}
#def p {
  margin-bottom: 15px;
}
#def .buttonBox {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  flex-wrap: wrap;
}
#def .buttonBox .selectric-wrapper {
  width: 150px;
  margin-right: 10px;
}
#def .buttonBox .hasSelectric {
  width: 150px;
}
#def .buttonBox .button2 {
  margin-right: 10px;
  margin-bottom: 10px;
}
#def .buttonBox input {
  margin-right: 10px;
}
#def .buttonBox input[type=text] {
  width: 150px;
}
#def.registration {
  max-width: none;
  min-width: 900px;
  padding: 56px 18px 40px 0;
}
#def.registration #dsc {
  max-width: 900px;
}
#def.registration .hbar {
  height: 1px;
  background-color: #f5f5f5;
  margin-bottom: 30px;
  margin-left: 20px;
}
#def.registration .table1 tbody .t2 {
  padding-right: 30px;
}
#def.registration .table1 tbody .t3, #def.registration .table1 tbody .t4, #def.registration .table1 tbody .t5 {
  padding-top: 4px;
  padding-bottom: 2px;
}
#def.registration .tabContainer2 {
  margin: 20px;
}
#def .flexRow {
  display: flex;
  margin-bottom: 25px;
}
#def .flexRow.ac {
  align-items: center;
}
#def .flexRow .l {
  flex: 0 0 150px;
}
#def .flexRow .l.pt {
  padding-top: 5px;
}
#def .flexRow .r {
  flex: 0 1 300px;
}
#def .flexRow .selectric-wrapper {
  width: 160px;
  margin-right: 10px;
}
#def .flexRow .quickSelect {
  margin-bottom: 10px;
}
#def .flexRow .dateRow {
  max-width: 200px;
}
#def .flexRow .checkboxLabel {
  margin-bottom: 5px;
}
#def .flexRow .indent {
  padding-left: 25px;
}
#def .flexRow .tabs {
  padding-top: 3px;
  padding-bottom: 5px;
}
#def .flexRow .button1, #def .flexRow .button5, #def .flexRow .button5B, #def .flexRow .buttonR, #def .flexRow .button4, #def .flexRow .button3, #def .flexRow #fs2 .webix_view.newButton button, #fs2 .webix_view.newButton #def .flexRow button, #def .flexRow #fs2 .webix_view.webix_fmanager_menu button, #fs2 .webix_view.webix_fmanager_menu #def .flexRow button {
  display: inline-block;
}
#def .flexRow .button1.down, #def .flexRow .down.button5, #def .flexRow .down.button5B, #def .flexRow .down.buttonR, #def .flexRow .down.button4, #def .flexRow .down.button3, #def .flexRow #fs2 .webix_view.newButton button.down, #fs2 .webix_view.newButton #def .flexRow button.down, #def .flexRow #fs2 .webix_view.webix_fmanager_menu button.down, #fs2 .webix_view.webix_fmanager_menu #def .flexRow button.down {
  padding-left: 30px;
  background-image: url(../img/arrow-down7.png);
  background-position: 10px center;
  background-size: 15px auto;
  background-repeat: no-repeat;
}
#def .eventDays {
  border-left: 3px solid #00a9a9;
  color: #1c1c1c;
  max-width: 600px;
}
#def .eventDays * {
  font-weight: 300;
}
#def .eventDays .day {
  margin-bottom: 40px;
}
#def .eventDays .dayLabel {
  background: url(../img/event-day-label.png) left center no-repeat;
  font-size: 22px;
  padding-left: 20px;
  margin-bottom: 3px;
}
#def .eventDays .subDayLabel {
  color: #9C9C9C;
  padding-left: 20px;
  margin-bottom: 25px;
  font-size: 18px;
}
#def .eventDays .events {
  padding-left: 20px;
}
#def .eventDays .event {
  padding: 5px 0;
  min-height: 55px;
  border-top: 1px solid #e3e3e3;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#def .eventDays .event:hover {
  background-color: #d9f2f2;
  padding-left: 5px;
  padding-right: 5px;
}
#def .eventDays .event:last-child {
  border-bottom: 1px solid #e3e3e3;
}
#def .eventDays .event.clickable {
  cursor: pointer;
}
#def .eventDays .eventTitle {
  font-size: 16px;
}
#def .eventDays .eventSubTitle {
  color: #9c9c9c;
  white-space: pre-line;
}
#def .eventDays .ri {
  display: flex;
  align-items: center;
  flex: none;
}
#def .eventDays .eventUser {
  flex: none;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
#def .eventDays .eventUser img {
  width: 32px;
  height: 32px;
  border-radius: 3px;
  border: 1px solid #c0c0c0;
}
#def .eventDays .undo {
  background: url(../img/reset.png) center center no-repeat;
  height: 32px;
  width: 32px;
  flex: none;
  cursor: pointer;
  position: relative;
  margin-left: 10px;
  border-radius: 5px;
}
#def .eventDays .undo:hover {
  background-color: #c1dcdd;
}
#def .eventDays .undo.active {
  top: 1px;
}

body.timeline #header, body.steps #header {
  min-width: 945px;
}
body.timeline .left.main, body.steps .left.main {
  width: 625px;
}
body.timeline.client .right.main.timeline, body.steps.client .right.main.timeline {
  display: block;
  float: left;
  padding-top: 10px;
}
body.timeline.client .right.main.timeline .button2, body.steps.client .right.main.timeline .button2 {
  width: 120px;
}
body.clips .left.main, body.agenda .left.main, body.details .left.main, body.files .left.main {
  width: 816px;
}
body.client #header .headerPadding, body.group #header .headerPadding {
  border-bottom: 2px solid #ecf0f1;
}
body.clients #left .highLighter, body.client #left .highLighter, body.group #left .highLighter {
  top: 297px;
}
body.clients #left .item.clients > a > img, body.client #left .item.clients > a > img, body.group #left .item.clients > a > img {
  opacity: 1;
}
body.knowledge #left .highLighter {
  top: 367px;
}
body.knowledge #left .item.knowledge > a > img {
  opacity: 1;
}
body.management #left .highLighter {
  top: 367px;
}
body.management #left .item.management > a > img {
  opacity: 1;
}
body.settings #left .highLighter {
  top: auto;
  bottom: 5px;
}
body.settings #left .item.settings > a > img {
  opacity: 1;
}
body.chats #left .highLighter {
  top: 367px;
}
body.chats #left .item.chat > a > img {
  opacity: 1;
}
body.offertes #left .highLighter {
  top: 227px;
}
body.offertes #left .item.offertes > a > img {
  opacity: 1;
}
body.clients.group #right {
  background: url(../img/back2.png);
}
body.management #right {
  background: url(../img/back2.png);
}
body.management #header {
  border-bottom: 2px solid #ecf0f1;
}
body.management .headerPadding {
  padding: 35px 0 0;
  display: flex;
}
body.management .left.main {
  flex: 0 1 878px;
  width: min-content;
  padding-left: 18px;
}
body.management .left.main .hbar {
  height: 1px;
  background-color: #fff;
  margin-bottom: 25px;
}
body.management h2 {
  display: block;
  font-weight: 700;
  font-size: 23px;
  margin-bottom: 15px;
}
body.management h2 span {
  font-weight: 700;
}
body.management h2 span.team {
  font-weight: 600;
}
body.team150 #header.details .right.name .clientDropDown, body.user1053 #header.details .right.name .clientDropDown {
  display: block;
}
body.team150 #header.details .right.name .clientDropDown input, body.user1053 #header.details .right.name .clientDropDown input {
  float: none;
  display: block;
}
body.team150 #header.details .right.name .clientDropDown .hbar, body.user1053 #header.details .right.name .clientDropDown .hbar {
  margin-bottom: 10px;
  height: 1px;
  background-color: #d7d7d7;
}
body.limitTeam, body.limitTeam input, body.limitTeam textarea {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#header {
  background-color: #f5f5f5;
  flex: none;
  position: relative;
}
#header .archiveHeader {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 22px;
  display: flex;
  align-items: center;
}
#header .archiveHeader .label {
  font-size: 18px;
  font-weight: 700;
  background-color: #dae0e3;
  width: 136px;
  padding: 8px 10px;
  flex: none;
  margin-right: 30px;
}
#header .archiveHeader .entry {
  margin-right: 30px;
  display: flex;
  align-items: center;
  color: #7a7a7a;
}
#header .archiveHeader .entry .le {
  font-weight: 300;
  font-size: 14px;
  margin-right: 10px;
  float: none;
}
#header .archiveHeader .entry .ri {
  font-weight: 300;
  font-size: 16px;
  background-color: #dae0e3;
  padding: 0 10px;
}
#header.timeline .headerPadding, #header.steps .headerPadding {
  padding: 54px 0 0 22px;
}
#header.timeline .left.main, #header.steps .left.main {
  position: relative;
}
#header.timeline .left.main .isArchive, #header.steps .left.main .isArchive {
  top: -54px;
}
#header.timeline .left.img, #header.steps .left.img {
  width: 160px;
  margin-bottom: 35px;
}
#header.timeline .left.img:has(.wr.noShow), #header.steps .left.img:has(.wr.noShow) {
  display: none;
}
#header.timeline .left.img:has(.wr.noShow) + .right, #header.steps .left.img:has(.wr.noShow) + .right {
  float: left;
  margin-bottom: 35px;
}
#header.timeline .right.name, #header.steps .right.name {
  width: 435px;
  position: relative;
}
#header.timeline .right.name .feedbackBox, #header.steps .right.name .feedbackBox {
  position: absolute;
  top: 0;
  right: 20px;
}
#header.timeline .right.name textarea, #header.timeline .right.name input, #header.steps .right.name textarea, #header.steps .right.name input {
  width: 400px;
  font-size: 31px;
  font-weight: 700;
  resize: none !important;
}
#header.timeline .right.name .sub, #header.steps .right.name .sub {
  color: #545252;
  font-size: 20px;
  font-weight: 600;
}
#header.timeline .right.name .sub .importantInfo, #header.steps .right.name .sub .importantInfo {
  border: 1px solid #c1c1c1;
  padding: 5px;
  white-space: pre-line;
  font-size: 19px;
  line-height: 20px;
  display: inline-block;
  min-width: 200px;
  max-width: 400px;
}
#header.timeline .groupNameBox, #header.steps .groupNameBox {
  margin-bottom: 7px;
}
#header.timeline .groupNameBox.nr2, #header.steps .groupNameBox.nr2 {
  display: none;
}
#header.timeline .groupName, #header.steps .groupName {
  font-size: 19px;
  color: #9d9d9d;
  position: relative;
  font-weight: 300;
}
#header.timeline .groupName.extra, #header.steps .groupName.extra {
  font-size: 14px;
  color: #545252;
}
#header.clips .archiveHeader, #header.agenda .archiveHeader, #header.details .archiveHeader, #header.files .archiveHeader, #header.iom .archiveHeader {
  padding-left: 18px;
}
#header.clips .archiveHeader .label, #header.agenda .archiveHeader .label, #header.details .archiveHeader .label, #header.files .archiveHeader .label, #header.iom .archiveHeader .label {
  padding: 5px 10px;
}
#header.clips .headerPadding, #header.agenda .headerPadding, #header.details .headerPadding, #header.files .headerPadding, #header.iom .headerPadding {
  padding: 35px 0 0;
}
#header.clips .left.main, #header.agenda .left.main, #header.details .left.main, #header.files .left.main, #header.iom .left.main {
  padding-left: 18px;
  position: relative;
}
#header.clips .left.main .hbar, #header.agenda .left.main .hbar, #header.details .left.main .hbar, #header.files .left.main .hbar, #header.iom .left.main .hbar {
  height: 1px;
  background-color: #fff;
  margin-bottom: 25px;
}
#header.clips .left.img, #header.agenda .left.img, #header.details .left.img, #header.files .left.img, #header.iom .left.img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  margin-bottom: 5px;
}
#header.clips .left.img:has(.wr.noShow), #header.agenda .left.img:has(.wr.noShow), #header.details .left.img:has(.wr.noShow), #header.files .left.img:has(.wr.noShow), #header.iom .left.img:has(.wr.noShow) {
  display: none;
}
#header.clips .left.img:has(.wr.noShow) + .right, #header.agenda .left.img:has(.wr.noShow) + .right, #header.details .left.img:has(.wr.noShow) + .right, #header.files .left.img:has(.wr.noShow) + .right, #header.iom .left.img:has(.wr.noShow) + .right {
  float: left;
}
#header.clips h2, #header.agenda h2, #header.details h2, #header.files h2, #header.iom h2 {
  display: block;
  font-weight: 700;
  font-size: 23px;
  line-height: 30px;
}
#header.clips .right.name, #header.agenda .right.name, #header.details .right.name, #header.files .right.name, #header.iom .right.name {
  width: 758px;
}
#header.clips .right.name textarea, #header.clips .right.name input, #header.clips .right.name .sub, #header.clips .right.name .clientDropDown, #header.agenda .right.name textarea, #header.agenda .right.name input, #header.agenda .right.name .sub, #header.agenda .right.name .clientDropDown, #header.details .right.name textarea, #header.details .right.name input, #header.details .right.name .sub, #header.details .right.name .clientDropDown, #header.files .right.name textarea, #header.files .right.name input, #header.files .right.name .sub, #header.files .right.name .clientDropDown, #header.iom .right.name textarea, #header.iom .right.name input, #header.iom .right.name .sub, #header.iom .right.name .clientDropDown {
  float: right;
  display: none;
}
#header.clips .groupNameBox.nr1, #header.agenda .groupNameBox.nr1, #header.details .groupNameBox.nr1, #header.files .groupNameBox.nr1, #header.iom .groupNameBox.nr1 {
  display: none;
}
#header.clips .groupName, #header.agenda .groupName, #header.details .groupName, #header.files .groupName, #header.iom .groupName {
  font-size: 16px;
  color: #9d9d9d;
  position: relative;
  line-height: 12px;
  top: -3px;
  font-weight: 300;
}
#header.clips .groupName.extra, #header.agenda .groupName.extra, #header.details .groupName.extra, #header.files .groupName.extra, #header.iom .groupName.extra {
  font-size: 14px;
  color: #545252;
}
#header.groupTimeline .headerPadding, #header.groupClients .headerPadding, #header.groupUsers .headerPadding, #header.groupClips .headerPadding, #header.groupAgenda .headerPadding, #header.groupFiles .headerPadding, #header.groupSettings .headerPadding {
  padding: 35px 0 0;
}
#header.groupTimeline .left.main, #header.groupClients .left.main, #header.groupUsers .left.main, #header.groupClips .left.main, #header.groupAgenda .left.main, #header.groupFiles .left.main, #header.groupSettings .left.main {
  padding-left: 18px;
}
#header.groupTimeline .left.main .hbar, #header.groupClients .left.main .hbar, #header.groupUsers .left.main .hbar, #header.groupClips .left.main .hbar, #header.groupAgenda .left.main .hbar, #header.groupFiles .left.main .hbar, #header.groupSettings .left.main .hbar {
  height: 1px;
  background-color: #fff;
  margin-bottom: 25px;
}
#header.groupTimeline h2, #header.groupClients h2, #header.groupUsers h2, #header.groupClips h2, #header.groupAgenda h2, #header.groupFiles h2, #header.groupSettings h2 {
  display: block;
  font-weight: 700;
  font-size: 23px;
  margin-bottom: 15px;
}
#header .tabs {
  position: relative;
  top: 2px;
}
#header .tabs.fitSmaller a {
  padding: 12px 16px;
}
#header .tabs a {
  display: block;
  font-size: 15px;
  padding: 12px 20px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 2px solid transparent;
  color: rgba(0, 0, 0, 0.73);
  white-space: nowrap;
}
#header .tabs ul {
  display: flex;
}
#header .tabs li {
  margin-right: 5px;
  position: relative;
}
#header .tabs li:last-child {
  margin-right: 0;
}
#header .tabs li.sel a, #header .tabs li:hover a {
  background-color: #fff;
  color: #000;
  border-color: #ecf0f1;
  border-bottom-color: #ffffff;
}
#header .tabs li.sel a {
  padding: 12px 30px;
}
#header .clientDropDown {
  position: relative;
}
#header .clientDropDown.open .container1 {
  display: block;
}
#header .clientDropDown .button.dd {
  color: #a6a6a6;
  font-weight: 700;
  display: inline-block;
  padding-right: 20px;
  background: url(../img/arrow-down2.png) 95% 50% no-repeat;
  cursor: pointer;
}
#header .clientDropDown .container1 {
  position: absolute;
  left: 0;
  top: 25px;
  padding: 15px;
  display: none;
}
#header .clientDropDown .container1:after {
  left: 20px;
  right: auto;
}
#header .clientDropDown .link .t {
  font-weight: 300;
  margin-bottom: 5px;
}
#header .clientDropDown .link input {
  display: block;
  width: 100% !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  margin-bottom: 10px !important;
  border: none;
  outline: none;
  background-color: #d7d7d7;
  padding: 8px 5px;
}
#header .clientDropDown .link .selectric-wrapper {
  margin-bottom: 10px;
}
#header .team99Logo {
  display: block;
  width: 150px;
  position: absolute;
  top: 5px;
  right: 50px;
  z-index: 1;
  pointer-events: none;
}

#fs {
  position: relative;
  min-height: 183px;
}
#fs .left.main {
  background-color: #fff;
  padding-bottom: 50px;
}
#fs .top {
  padding: 25px 55px 5px 18px;
}
#fs .top .all {
  background: url(../img/folder.png) left center no-repeat;
  padding-left: 35px;
  font-weight: 700;
  cursor: pointer;
  color: #747474;
  display: inline-block;
  line-height: 22px;
}
#fs .actions1 .left {
  width: 385px;
}
#fs .actions1 .right {
  width: 358px;
  height: 35px;
}
#fs .actions1 .right .button1, #fs .actions1 .right .button5, #fs .actions1 .right .button5B, #fs .actions1 .right .buttonR, #fs .actions1 .right .button4, #fs .actions1 .right .button3, #fs .actions1 .right #fs2 .webix_view.newButton button, #fs2 .webix_view.newButton #fs .actions1 .right button, #fs .actions1 .right #fs2 .webix_view.webix_fmanager_menu button, #fs2 .webix_view.webix_fmanager_menu #fs .actions1 .right button {
  float: none;
  width: 170px;
  display: inline-block;
}
#fs .actions1 .right .buttonR {
  float: none;
  width: 40px;
  display: inline-block;
  position: relative;
  top: -1px;
}
#fs .actions2 {
  padding-top: 5px;
}
#fs .actions2 .left {
  font-size: 15px;
  font-weight: 300;
}
#fs .actions2 .left li {
  margin-right: 7px;
  cursor: pointer;
  float: left;
}
#fs .actions2 .left li:not(:first-child) {
  background: url(../img/crumb.png) left center no-repeat;
  padding-left: 12px;
}
#fs .actions2 .hoverLabel {
  left: 9px;
  transform: translate(-50%, 0);
  top: -53px;
}
#fs .actions2 .hoverLabel.hl3 {
  left: 10px;
}
#fs .actions2 .addFile {
  background: url(../img/addFile.png) center center no-repeat;
  width: 20px;
  height: 18px;
  margin-right: 15px;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
#fs .actions2 .addFile:hover {
  background: url(../img/addFile-h.png) center center no-repeat;
}
#fs .actions2 .addFile:hover .hoverLabel {
  opacity: 1;
  z-index: 4;
}
#fs .actions2 .addFile.active {
  background: url(../img/addFile-a.png) center center no-repeat;
}
#fs .actions2 .addFolder {
  background: url(../img/addFolder.png) center center no-repeat;
  width: 20px;
  height: 18px;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
#fs .actions2 .addFolder:hover {
  background: url(../img/addFolder-h.png) center center no-repeat;
}
#fs .actions2 .addFolder:hover .hoverLabel {
  opacity: 1;
  z-index: 4;
}
#fs .actions2 .addFolder.active {
  background: url(../img/addFolder-a.png) center center no-repeat;
}
#fs .bottom {
  position: relative;
}
#fs .bottom .header {
  padding: 5px 18px;
  background-color: #d8d8d8;
  display: flex;
  align-items: center;
}
#fs .bottom .header.sel .checkbox {
  background: url(../img/files-checkbox-black-checked.png) 2px 50% no-repeat;
}
#fs .bottom .header .checkbox {
  background: url(../img/files-checkbox-black.png) 2px 50% no-repeat;
  width: 28px;
  height: 22px;
}
#fs .bottom .header .title {
  font-size: 15px;
  font-weight: 700;
}
#fs .bottom .items {
  font-weight: 300;
  font-size: 15px;
  padding: 10px 45px 5px 18px;
  margin-bottom: 5px;
}
#fs .bottom .items li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #c9c9c9;
  padding: 5px 0;
}
#fs .bottom .items li.sel {
  background: rgba(0, 125, 125, 0.1);
}
#fs .bottom .items li.sel .checkbox {
  background: url(../img/check1-checked.png) 2px 50% no-repeat;
}
#fs .bottom .items .checkbox {
  width: 28px;
  height: 22px;
  background: url(../img/check1.png) 2px 50% no-repeat;
  cursor: pointer;
}
#fs .bottom .items .checkbox:hover {
  background: url(../img/check1-hover.png) 2px 50% no-repeat;
}
#fs .bottom .items .icon {
  width: 38px;
  height: 22px;
  cursor: pointer;
  background-position: 2px center;
  background-repeat: no-repeat;
  -webkit-background-size: auto 22px;
  background-size: auto 22px;
}
#fs .bottom .items .star {
  height: 22px;
}
#fs .bottom .items .name {
  cursor: pointer;
}
#fs .bottom .folder .icon {
  background: url(../img/folder.png) left center no-repeat;
}
#fs .bottom .actions3 {
  padding-right: 45px;
}
#fs #dragOverlay {
  position: absolute;
  height: 100%;
  min-height: 400px;
  top: 40px;
  left: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.95) url(../img/drag-drop-large.png) center center no-repeat;
  border: 1px dashed #a19f99;
  border-radius: 5px;
}
#fs #dragOverlay.dz-drag-hover {
  display: block;
}
#fs #dragOverlay > * {
  display: none;
}

#contactOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
  font-size: 16px;
}
#contactOverlay * {
  font-weight: 300;
}
#contactOverlay .inner {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#contactOverlay .container {
  position: relative;
  padding: 100px 20px 100px 20px;
  display: flex;
  justify-content: center;
}
#contactOverlay .openContact {
  width: 740px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  padding: 20px 30px 25px;
  flex: none;
}
#contactOverlay .contact {
  position: relative;
  display: flex;
}
#contactOverlay .Client .imageDropzoneBox .twDropzone, #contactOverlay .Client #header.timeline .box .twDropzone, #header.timeline #contactOverlay .Client .box .twDropzone, #contactOverlay .Client #header.steps .box .twDropzone, #header.steps #contactOverlay .Client .box .twDropzone {
  display: none;
}
#contactOverlay .side {
  border-right: 1px solid #e6e6e6;
  margin-bottom: 40px;
  flex: 0 0 230px;
  padding-right: 15px;
}
#contactOverlay .side .imageDropzoneBox, #contactOverlay .side #header.timeline .box, #header.timeline #contactOverlay .side .box, #contactOverlay .side #header.steps .box, #header.steps #contactOverlay .side .box, #contactOverlay .side .avatarSelector {
  width: 125px;
  height: 125px;
  margin-bottom: 25px;
}
#contactOverlay .side .imageDropzoneBox .wr, #contactOverlay .side #header.timeline .box .wr, #header.timeline #contactOverlay .side .box .wr, #contactOverlay .side #header.steps .box .wr, #header.steps #contactOverlay .side .box .wr, #contactOverlay .side .avatarSelector .wr {
  border-width: 2px;
}
#contactOverlay .side .imgBox {
  position: relative;
  margin-bottom: 25px;
  display: inline-block;
}
#contactOverlay .side .linkedClient {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  margin-bottom: 5px;
}
#contactOverlay .side .linkedClient:hover .card {
  background-color: #f1fbff;
}
#contactOverlay .side .linkedClient .card {
  display: flex;
  flex: 0 0 185px;
  background-color: #eaf1f1;
  border-radius: 5px;
  justify-content: space-between;
}
#contactOverlay .side .linkedClient .name {
  padding: 1px 13px;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 13px;
}
#contactOverlay .side .linkedClient img {
  flex: none;
  height: 35px;
  width: 35px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#contactOverlay .side .linkedClient .remove {
  position: relative;
  top: auto;
  right: auto;
}
#contactOverlay .main {
  min-width: 0;
  position: relative;
  margin-bottom: 40px;
  flex: 1 1 auto;
  padding: 0 75px 0 20px;
}
#contactOverlay .checkboxLabel {
  margin-bottom: 5px;
}
#contactOverlay .close:not(.button6):not(.button6D):not(.button6DP):not(.button6C):not(.button6B):not(.button6P) {
  top: 0;
  right: -10px;
}
#contactOverlay .type {
  margin-bottom: 30px;
}
#contactOverlay .sect:not(:last-child) {
  margin-bottom: 20px;
}
#contactOverlay .sect.moreMb {
  margin-bottom: 40px;
}
#contactOverlay .sect .sub {
  color: #8f8f8f;
  margin-bottom: 10px;
}
#contactOverlay .sect .selectric-wrapper {
  margin-bottom: 7px;
  width: 250px;
}
#contactOverlay .sect textarea {
  min-height: 70px;
}
#contactOverlay .sect .field {
  display: flex;
  align-items: flex-start;
  margin-bottom: 7px;
}
#contactOverlay .sect .field.importantInfo2 textarea {
  flex: 1;
  background-color: #e9f8f8;
}
#contactOverlay .sect .field .label {
  flex: 1;
  padding-top: 5px;
  padding-right: 10px;
}
#contactOverlay .sect .field input, #contactOverlay .sect .field textarea {
  flex: 0 0 200px;
}
#contactOverlay .sect .contactPersons {
  padding-left: 20px;
  padding-bottom: 10px;
}
#contactOverlay .sect .contactPersons .dash {
  color: #d7d7d7;
}
#contactOverlay .sect .contactPersons .list:has(*) {
  margin-bottom: 10px;
}
#contactOverlay .sect .contactPersons .contactPerson {
  border-bottom: 1px solid #eee;
}
#contactOverlay .sect .contactPersons .contactPerson.open .header {
  background-image: url(../img/arrow-down-gray2.png);
}
#contactOverlay .sect .contactPersons .header {
  cursor: pointer;
  padding: 10px 30px 10px 0;
  background: url(../img/arrow-right-gray2.png) 97% center no-repeat;
}
#contactOverlay .sect .contactPersons .body {
  display: none;
}
#contactOverlay .sect .contactPersons .title {
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#contactOverlay .sect .contactPersons .removeBox, #contactOverlay .sect .contactPersons .addBox {
  display: flex;
  justify-content: flex-end;
}
#contactOverlay .sect .contactPersons .removeBox {
  margin: 10px 0 15px;
}
#contactOverlay .sect .items {
  margin-bottom: 15px;
}
#contactOverlay .sect a {
  text-decoration: underline;
}
#contactOverlay .saveNote {
  padding-right: 75px;
  margin-bottom: 35px;
  font-style: italic;
  font-size: 15px;
  color: #a0a0a0;
  text-align: right;
  font-weight: 300;
}
#contactOverlay .saveBox {
  display: flex;
  justify-content: flex-end;
  padding-right: 75px;
  margin: -10px 0 35px;
}
#contactOverlay .actions {
  padding-top: 30px;
  border-top: 1px solid #e6e6e6;
}
#contactOverlay .actionBox {
  display: flex;
  justify-content: flex-end;
}
#contactOverlay .actionBox:not(:last-child) {
  margin-bottom: 15px;
}
#contactOverlay h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}
#contactOverlay h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
#contactOverlay h3.moreMb {
  margin-bottom: 20px;
}
#contactOverlay h3.role {
  padding-left: 25px;
  background: url(../img/netwerk1.png) left center no-repeat;
}
#contactOverlay h3.personDetails {
  padding-left: 25px;
  background: url(../img/netwerk2.png) left center no-repeat;
}
#contactOverlay h3.address {
  padding-left: 25px;
  background: url(../img/netwerk3.png) left center no-repeat;
}
#contactOverlay h3.orgDetails {
  padding-left: 25px;
  background: url(../img/netwerk4.png) left center no-repeat;
}
#contactOverlay h3.importantInfo2 {
  padding-left: 25px;
  background: url(../img/netwerk7.png) left center no-repeat;
}
#contactOverlay h4 {
  font-size: 16px;
  font-weight: 400;
}

.grayLink {
  color: #747474;
  font-size: 12px;
  text-decoration: underline;
  text-transform: uppercase;
  cursor: default;
}
.grayLink:not(.disabled) {
  cursor: pointer;
}
.grayLink:not(.disabled):hover {
  text-decoration: none;
}
.grayLink.mb {
  margin-bottom: 5px;
}

#membersAndNetwork {
  margin-bottom: 20px;
}
#membersAndNetwork .cols {
  display: flex;
}
#membersAndNetwork .cols .c1 {
  margin-right: 13px;
}
#membersAndNetwork .cols .c1 .button2 {
  padding: 0 15px;
  line-height: 33px;
}
#membersAndNetwork .cols .c2 {
  margin-right: 5px;
}
#membersAndNetwork .cols .c2 .row {
  position: relative;
}
#membersAndNetwork .cols .c2 .row.noCnt:after {
  display: none;
}
#membersAndNetwork .cols .c2 .row:after {
  content: attr(data-cnt);
  position: absolute;
  height: 33px;
  right: 0;
  top: 0;
  background-color: rgba(1, 114, 114, 0.8);
  color: #fff;
  padding: 2px;
  display: flex;
  align-items: flex-end;
  font-size: 15px;
  pointer-events: none;
}
#membersAndNetwork .cols .c3 {
  display: none;
}
#membersAndNetwork .cols .c4 {
  width: 11px;
  background: #ededed url(../img/arrow-right-gray.png) center center no-repeat;
  cursor: pointer;
}
#membersAndNetwork .cols .row {
  height: 34px;
}
#membersAndNetwork .cols .row:not(:last-child) {
  margin-bottom: 6px;
}
#membersAndNetwork .cols .row.contactsAndClients {
  display: flex;
}
#membersAndNetwork .cols .row.contactsAndClients.firstIsContact > .userImgBox.client:first-child, #membersAndNetwork .cols .row.contactsAndClients .userImgBox.contact + .userImgBox.client {
  display: block;
  position: relative;
  margin-left: 6px;
}
#membersAndNetwork .cols .row.contactsAndClients.firstIsContact > .userImgBox.client:first-child:before, #membersAndNetwork .cols .row.contactsAndClients .userImgBox.contact + .userImgBox.client:before {
  content: "";
  position: absolute;
  width: 1px;
  left: -6px;
  top: 5px;
  bottom: 5px;
  background-color: #ebebeb;
}
#membersAndNetwork .cols .row.contactsAndClients .userImg {
  display: block;
}
#membersAndNetwork .cols .row .userImgBox {
  flex: none;
  cursor: pointer;
}
#membersAndNetwork .cols .row .userImgBox:not(.noMr) {
  margin-right: 5px;
}
#membersAndNetwork.open .c2 .row:after {
  display: none;
}
#membersAndNetwork.open .c4 {
  background-image: url(../img/arrow-left-gray.png);
}
#membersAndNetwork .searchAndAdd {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
#membersAndNetwork .searchAndAdd .add {
  background: url(../img/plus2.png) left 45% no-repeat;
  padding-left: 17px;
  margin-top: 9px;
}
#membersAndNetwork .searchBox2 {
  width: 250px;
  padding: 5px 5px 10px;
  margin-top: -5px;
  margin-left: -5px;
  border-radius: 5px;
}
#membersAndNetwork .searchBox2:has(input[type=text]:focus) {
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}
#membersAndNetwork .searchBox2:has(input[type=text]:not(:placeholder-shown)) {
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}
#membersAndNetwork .searchBox2:has(input[type=text]:not(:placeholder-shown)) .columns, #membersAndNetwork .searchBox2:has(input[type=text]:not(:placeholder-shown)) .linkContacts, #membersAndNetwork .searchBox2:has(input[type=text]:not(:placeholder-shown)) .linkClients, #membersAndNetwork .searchBox2:has(input[type=text]:not(:placeholder-shown)) .groups, #membersAndNetwork .searchBox2:has(input[type=text]:not(:placeholder-shown)) .categories {
  display: block;
}
#membersAndNetwork .searchBox2 input[type=text] {
  font-size: 15px;
}
#membersAndNetwork .searchBox2 input[type=text]:not(:focus) {
  border-color: transparent;
  box-shadow: none;
}
#membersAndNetwork .searchBox2 .columns {
  display: none;
}
#membersAndNetwork .searchBox2 .columns .c1 {
  margin-right: 0;
}
#membersAndNetwork .searchBox2 .checkboxLabel.type10 .textSubTitle {
  background: url(../img/netwerk5.png) left 45% no-repeat;
  padding-left: 17px;
}
#membersAndNetwork .searchBox2 .checkboxLabel.type20 .textSubTitle {
  background: url(../img/netwerk6.png) 1px 45% no-repeat;
  padding-left: 17px;
}
#membersAndNetwork .searchBox2 .groups, #membersAndNetwork .searchBox2 .categories {
  display: none;
}
#membersAndNetwork .searchBox2 .linkContacts, #membersAndNetwork .searchBox2 .linkClients {
  display: none;
  margin-top: 5px;
}
#membersAndNetwork .linkedClients {
  margin-top: 30px;
}
#membersAndNetwork .linkedClients .title {
  margin-bottom: 10px;
}
#membersAndNetwork .users {
  display: flex;
}
#membersAndNetwork .owner {
  position: relative;
}
#membersAndNetwork .memberUsers {
  display: flex;
}
#membersAndNetwork .memberUsers > *:first-child {
  position: relative;
  margin-left: 6px;
}
#membersAndNetwork .memberUsers > *:first-child:before {
  content: "";
  position: absolute;
  width: 1px;
  left: -6px;
  top: 5px;
  bottom: 5px;
  background-color: #ebebeb;
}
#membersAndNetwork .member {
  margin-right: 5px;
}
#membersAndNetwork .imgBox {
  position: relative;
}
#membersAndNetwork .imgBox:after {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  right: -5px;
  bottom: -3px;
}
#membersAndNetwork .imgBox.online:after {
  content: "";
  background-color: #1ab057;
}
#membersAndNetwork .imgBox.warning:after {
  content: "";
  background-color: #dd9b3a;
}
#membersAndNetwork img.button {
  cursor: pointer;
}
#membersAndNetwork img.userImg {
  height: 33px;
  width: 33px;
  border: 1px solid #d0d1d1;
  display: block;
}
#membersAndNetwork .memberUsers p, #membersAndNetwork .memberUsers .label {
  font-weight: 300;
}
#membersAndNetwork .memberUsers .errorSection {
  padding: 10px 0;
}
#membersAndNetwork .memberUsers .errorSection h4 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 15px;
}
#membersAndNetwork .memberUsers .errorSection .clickToOpen.reInvite {
  margin-bottom: 10px;
}
#membersAndNetwork .memberUsers .errorSection .clickToOpen.reInvite .container1 {
  top: 30px;
}
#membersAndNetwork .memberUsers .errorSection .clickToOpen.reInvite .pBottom {
  max-height: 300px;
  padding: 15px 15px 0 0;
}
#membersAndNetwork .memberUsers .errorSection .clickToOpen.reInvite .button {
  font-weight: 300;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
}
#membersAndNetwork .memberUsers .errorSection .clickToOpen.reInvite .red {
  color: #ff0101;
}
#membersAndNetwork .memberUsers .errorSection .changeAndSend {
  font-weight: 300;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
}
#membersAndNetwork .memberUsers .optionsSection {
  display: flex;
  padding-top: 0;
}
#membersAndNetwork .memberUsers .optionsSection .clickToOpen {
  flex: none;
  width: auto;
  margin-top: 8px;
}
#membersAndNetwork .memberUsers .optionsSection .clickToOpen.changePassword {
  margin-right: 8px;
}
#membersAndNetwork .memberUsers .optionsSection .clickToOpen.changePassword .button {
  background: url(../img/lock-refresh.png) center 30%/20px auto no-repeat;
}
#membersAndNetwork .memberUsers .optionsSection .clickToOpen.change .pBottom {
  max-height: 300px;
  padding: 15px 15px 0 0;
}
#membersAndNetwork .memberUsers .optionsSection .clickToOpen.change .button {
  background: url(../img/pencil3.png) center 70%/15px auto no-repeat;
}
#membersAndNetwork .memberUsers .optionsSection .clickToOpen.more .button {
  background: url(../img/vertical-dots.png) center 70%/auto 15px no-repeat;
}
#membersAndNetwork .memberUsers .optionsSection .clickToOpen.more .pBottom {
  padding-top: 15px;
}
#membersAndNetwork .memberUsers .optionsSection .hoverLabel {
  left: 0;
  transform: translate(-41%, -128%);
}
#membersAndNetwork .memberUsers .optionsSection .buttonBox:not(.open):hover .hoverLabel {
  opacity: 1;
  z-index: 1;
}
#membersAndNetwork .memberUsers .memberBtn {
  width: 25px;
  height: 25px;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  position: relative;
}
#membersAndNetwork .memberUsers .memberBtn.active {
  background-color: #f8f8f8 !important;
}
#membersAndNetwork .popUpBottom:not(.addMember) .utcType {
  margin-bottom: 10px;
}
#membersAndNetwork .popUpBottom:not(.addMember) .selectric-wrapper {
  width: 180px;
}
#membersAndNetwork .popUpBottom:not(.addMember) .selectric {
  background-color: #f1f1f1;
}
#membersAndNetwork .popUpBottom:not(.addMember) .hasSelectric {
  width: 180px;
}
#membersAndNetwork .popUpBottom:not(.addMember).network {
  font-size: 16px;
}
#membersAndNetwork .popUpBottom:not(.addMember).network * {
  font-weight: 300;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .header {
  margin-top: 12px;
  display: flex;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .header, #membersAndNetwork .popUpBottom:not(.addMember).network .header * {
  font-weight: 400;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .lc {
  flex: 1;
  padding-right: 10px;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .rc {
  flex: 0 0 215px;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .info {
  padding: 10px;
  background-color: #676767;
  color: #fff;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .info .title {
  font-weight: 700;
  padding-left: 15px;
  background: url(../img/info-white2.png) left 45% no-repeat;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .info p:not(:last-child) {
  margin-bottom: 15px;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .list {
  max-height: 30vh;
  overflow-y: auto;
  padding-right: 3px;
  margin-right: -3px;
  padding-bottom: 2px;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .list.bb {
  border-bottom: 1px solid #dcdcdc;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl {
  padding: 15px 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct:after, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: -2px;
  left: 0;
  background-color: #fafafa;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct:not(:last-child), #membersAndNetwork .popUpBottom:not(.addMember).network .lcl:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct:hover .expand, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl:hover .expand {
  background-color: #f3f3f3;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct.open .expand, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl.open .expand {
  background-image: url(../img/arrow-down-gray2.png);
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct.open .item.ellipsis, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl.open .item.ellipsis {
  max-width: none;
  white-space: normal;
  overflow: visible;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct.open .items, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl.open .items {
  margin-bottom: 15px;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct.open .onOpen, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl.open .onOpen {
  display: block;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct.open .onOpenFlex, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl.open .onOpenFlex {
  display: flex;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct.open .onOpenInline, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl.open .onOpenInline {
  display: inline;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct.open .importantInfo2 span, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl.open .importantInfo2 span {
  overflow: visible;
  -webkit-line-clamp: unset;
  line-clamp: unset;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct.type10 .onType10, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl.type10 .onType10 {
  display: block;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct.type10 .onType20, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl.type10 .onType20 {
  display: none;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct.type10 .role, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl.type10 .role {
  background: url(../img/netwerk5.png) left 45% no-repeat;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct.type20 .onType20, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl.type20 .onType20 {
  display: block;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct.type20 .onType10, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl.type20 .onType10 {
  display: none;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .ct.type20 .role, #membersAndNetwork .popUpBottom:not(.addMember).network .lcl.type20 .role {
  background: url(../img/netwerk6.png) left 45% no-repeat;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .lcl {
  padding: 12px 0;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .onOpen, #membersAndNetwork .popUpBottom:not(.addMember).network .onOpenFlex {
  display: none;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .noSelect {
  user-select: none;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .item.ellipsis {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .item.gray {
  color: #878787;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .item.importantInfo2 {
  background-color: #e9f8f8;
  border-radius: 3px;
  padding: 8px 6px;
  white-space: pre;
  margin-top: 5px;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .item.importantInfo2 span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .nrClients {
  margin-top: 15px;
  color: #0b31c2;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .nrClients:hover {
  text-decoration: none;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .role {
  color: #878787;
  padding-left: 20px;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .expand {
  float: right;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: url(../img/arrow-right-gray2.png) center center no-repeat;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .openBox {
  justify-content: flex-end;
  margin-bottom: -5px;
  flex: 0 0 100%;
  padding-right: 10px;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .dash {
  color: #d7d7d7;
  margin: -5px 0;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .contactPersons {
  flex: 0 0 100%;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .cpFlexBox {
  display: flex;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .card {
  display: flex;
  background-color: #eaf1f1;
  border-radius: 5px;
  justify-content: space-between;
  margin-top: 1px;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .card .name {
  padding: 1px 13px;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 13px;
}
#membersAndNetwork .popUpBottom:not(.addMember).network .card img {
  flex: none;
  height: 35px;
  width: 35px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#membersAndNetwork .addMember input, #membersAndNetwork .addMember .checkboxLabel {
  margin-bottom: 15px;
}
#membersAndNetwork .addMember input::placeholder, #membersAndNetwork .addMember .checkboxLabel::placeholder {
  font-size: 14px;
}
#membersAndNetwork .addMember input.email, #membersAndNetwork .addMember .checkboxLabel.email {
  background: url(../img/email.png) 7px 60% no-repeat;
  padding-left: 30px;
}
#membersAndNetwork .addMember .selectric-wrapper {
  width: 200px;
  margin-bottom: 15px;
}
#membersAndNetwork .addMember .invitableUsers {
  position: relative;
  max-height: 270px;
}
#membersAndNetwork .addMember .memberRow {
  cursor: pointer;
}
#membersAndNetwork .addMember .memberRow:hover {
  background-color: #e76700;
  color: #ffffff;
  padding-left: 5px;
}
#membersAndNetwork .addMember .button1, #membersAndNetwork .addMember .button5, #membersAndNetwork .addMember .button5B, #membersAndNetwork .addMember .buttonR, #membersAndNetwork .addMember .button4, #membersAndNetwork .addMember .button3, #membersAndNetwork .addMember #fs2 .webix_view.newButton button, #fs2 .webix_view.newButton #membersAndNetwork .addMember button, #membersAndNetwork .addMember #fs2 .webix_view.webix_fmanager_menu button, #fs2 .webix_view.webix_fmanager_menu #membersAndNetwork .addMember button {
  width: 200px;
}
#membersAndNetwork .memberRow {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
#membersAndNetwork .memberRow .imgBox {
  flex: none;
  margin-right: 10px;
}
#membersAndNetwork .memberRow.mb {
  margin-bottom: 10px;
}
#membersAndNetwork .memberRow .email {
  font-style: italic;
  font-size: 13px;
  line-height: 13px;
  color: #9d9d9d;
  font-weight: 300;
}
#membersAndNetwork .remove {
  text-decoration: underline;
  font-style: italic;
  cursor: pointer;
  color: #888;
  font-weight: 300;
}
#membersAndNetwork .remove:hover {
  text-decoration: none;
}
#membersAndNetwork .notice2 {
  color: rgba(104, 0, 2, 0.7);
  margin-bottom: 10px;
}

body.files .webix_popup, body.files2 .webix_popup {
  z-index: 20 !important;
}
body.files .webix_point_top, body.files2 .webix_point_top {
  z-index: 21 !important;
}

#fs2 * {
  font-weight: 300;
  font-size: 14px;
  outline: none;
  color: #000;
  box-shadow: none;
}
#fs2 .padding {
  height: 100%;
  padding-top: 20px;
}
#fs2 #fileManager {
  height: 100%;
  position: relative;
  top: -20px;
}
#fs2 #fileManager .webix_fmanager {
  padding-bottom: 20px;
}
#fs2 .webix_fmanager_save_message {
  display: none;
}
#fs2 .twIcon {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 25px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left 50%;
}
#fs2 .twIcon.icon.folder {
  background: url(../img/folder.png) center center no-repeat;
}
#fs2 .twIcon.icon.folder2 {
  background: url(../img/folder.png) center center no-repeat;
}
#fs2 .webix_fmanager_toolbar {
  background: #ffffff;
  padding: 10px 0;
}
#fs2 .webix_view {
  border: none;
}
#fs2 .webix_view.filesOwner {
  padding-left: 3px;
}
#fs2 .webix_view.filesOwner * {
  font-weight: 700;
  color: #000;
}
#fs2 .webix_view.webix_multiview {
  margin-left: 0 !important;
  box-sizing: border-box;
  border-top: 33px solid #d8d8d8 !important;
}
#fs2 .webix_view.webix_multiview > div {
  height: 100% !important;
}
#fs2 .webix_view.webix_multiview .webix_ss_body {
  height: calc(100% - 35px) !important;
}
#fs2 .webix_view.webix_multiview .webix_ss_body > div {
  height: 100% !important;
}
#fs2 .webix_view.webix_multiview .webix_ss_center_scroll {
  height: 100% !important;
}
#fs2 .webix_view.webix_multiview .webix_ss_vscroll.webix_vscroll_y {
  margin-top: 0 !important;
}
#fs2 .webix_view.webix_multiview .webix_ss_hscroll.webix_vscroll_x {
  display: none;
}
#fs2 .webix_view.webix_fmanager_up, #fs2 .webix_view.webix_spacer:not(.noHide), #fs2 .webix_view.webix_fmanager_expand, #fs2 .webix_view.webix_fmanager_collapse {
  display: none !important;
}
#fs2 .webix_view.webix_fmanager_menu {
  display: none !important;
  width: 85px !important;
}
#fs2 .webix_view.webix_fmanager_menu > div {
  width: 85px !important;
}
#fs2 .webix_view.webix_fmanager_search input {
  padding: 0 12px 0 35px;
  border-color: transparent;
  background: #ffffff;
  border-radius: 0;
}
#fs2 .webix_view.webix_fmanager_search input:focus {
  border-color: #017272;
}
#fs2 .webix_view.webix_fmanager_search input:focus + .webix_input_icon:after {
  opacity: 1;
}
#fs2 .webix_view.webix_fmanager_search .webix_input_icon {
  right: auto;
  left: 2px;
  background: url(../img/search.png) center center no-repeat;
}
#fs2 .webix_view.webix_fmanager_search .webix_input_icon:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: url(../img/search-active.png) center center no-repeat;
  opacity: 0;
}
#fs2 .webix_view.webix_fmanager_search .webix_input_icon:before {
  content: none;
}
#fs2 .webix_view.newButton .webix_el_box, #fs2 .webix_view.webix_fmanager_menu .webix_el_box {
  padding: 0;
}
#fs2 .webix_view.newButton button, #fs2 .webix_view.webix_fmanager_menu button {
  border: none;
  padding: 0 !important;
  width: 85px;
  min-width: 0 !important;
}
#fs2 .webix_fmanager_back:not(.webix_disabled_view):hover .webix_fmanager_bar_icon {
  background: url(../img/left-h.png) center center/28px 28px no-repeat;
}
#fs2 .webix_fmanager_back:not(.webix_disabled_view) button:active .webix_fmanager_bar_icon {
  background: url(../img/left-a.png) center center/28px 28px no-repeat;
}
#fs2 .webix_fmanager_back .webixtype_base {
  border: none;
}
#fs2 .webix_fmanager_back .webix_fmanager_bar_icon {
  background: url(../img/left.png) center center/28px 28px no-repeat;
}
#fs2 .webix_fmanager_back .webix_fmanager_bar_icon:before {
  content: none;
}
#fs2 .webix_fmanager_forward:not(.webix_disabled_view):hover .webix_fmanager_bar_icon {
  background: url(../img/right-h.png) center center/28px 28px no-repeat;
}
#fs2 .webix_fmanager_forward:not(.webix_disabled_view) button:active .webix_fmanager_bar_icon {
  background: url(../img/right-a.png) center center/28px 28px no-repeat;
}
#fs2 .webix_fmanager_forward .webixtype_base {
  border: none;
}
#fs2 .webix_fmanager_forward .webix_fmanager_bar_icon {
  background: url(../img/right.png) center center/28px 28px no-repeat;
}
#fs2 .webix_fmanager_forward .webix_fmanager_bar_icon:before {
  content: none;
}
#fs2 .webix_path .webix_list_item {
  font-size: 16px;
  color: #808080;
}
#fs2 .webix_path .webix_list_item:first-child:before {
  content: none;
}
#fs2 .webix_path .webix_list_item:before {
  content: "";
  background: url(../img/arrow-right4.png) left center no-repeat;
  width: 13px;
  height: 30px;
}
#fs2 .webix_fmanager_modes button {
  border: none;
}
#fs2 .webix_fmanager_modes button:hover, #fs2 .webix_fmanager_modes button.webix_selected {
  background: rgba(249, 250, 251, 0.75);
  box-shadow: -1px 2px 1px 0px rgba(0, 0, 0, 0.15) inset;
}
#fs2 .webix_fmanager_modes .webix_fmanager_files_mode {
  background: url(../img/files-grid.png) center center no-repeat;
}
#fs2 .webix_fmanager_modes .webix_fmanager_files_mode:before {
  content: none;
}
#fs2 .webix_fmanager_modes .webix_fmanager_table_mode {
  background: url(../img/files-list.png) center center no-repeat;
}
#fs2 .webix_fmanager_modes .webix_fmanager_table_mode:before {
  content: none;
}
#fs2 .webix_fmanager_tree_toolbar {
  background: #d8d8d8;
  border-color: #d8d8d8 !important;
}
#fs2 .webix_fmanager_tree_toolbar .webix_view {
  background-color: #d8d8d8;
}
#fs2 .webix_fmanager_tree_toolbar .webixtype_base {
  background-color: #d8d8d8;
  box-shadow: none;
}
#fs2 .webix_fmanager_toggle .webix_fmanager_bar_icon {
  background: url(../img/files-collapse.png) center center no-repeat;
}
#fs2 .webix_fmanager_toggle .webix_fmanager_bar_icon:before {
  content: none;
}
#fs2 .webix_fmanager_panel .webix_layout_form {
  background-color: #d8d8d8;
  width: 32px !important;
}
#fs2 .webix_fmanager_panel .webix_layout_form + div {
  margin-top: -1px !important;
}
#fs2 .webix_fmanager_panel .webix_fmanager_toggle {
  background-color: #d8d8d8;
}
#fs2 .webix_fmanager_panel .webix_fmanager_toggle .webixtype_base {
  background-color: #d8d8d8;
}
#fs2 .webix_fmanager_panel .webix_fmanager_toggle .webix_fmanager_bar_icon {
  background: url(../img/files-expand.png) center center no-repeat;
}
#fs2 .webix_fmanager_panel .webix_fmanager_toggle .webix_fmanager_bar_icon:before {
  content: none;
}
#fs2 .webix_fmanager_icon {
  flex: none;
}
#fs2 .webix_fmanager_icon.webix_folder {
  background: url(../img/folder.png) center center no-repeat;
  width: 28px;
  height: 21px;
  margin-right: 5px;
}
#fs2 .webix_fmanager_icon.webix_folder:before {
  content: none;
}
#fs2 .webix_fmanager_icon.webix_folder_open {
  background: url(../img/folder-open.png) center center no-repeat;
  width: 28px;
  height: 22px;
  margin-right: 5px;
}
#fs2 .webix_fmanager_icon.webix_folder_open:before {
  content: none;
}
#fs2 .webix_fmanager_icon.webix_tree_close {
  background: url(../img/arrow-right4.png) left center no-repeat;
  width: 15px;
  height: 21px;
}
#fs2 .webix_fmanager_icon.webix_tree_close:before {
  content: none;
}
#fs2 .webix_fmanager_icon.webix_tree_open {
  background: url(../img/arrow-down5.png) left center no-repeat;
  width: 15px;
  height: 22px;
}
#fs2 .webix_fmanager_icon.webix_tree_open:before {
  content: none;
}
#fs2 .webix_fmanager_tree {
  background: #fbfbf9;
}
#fs2 .webix_tree_item {
  height: auto;
  padding: 4px 0 7px;
  border: 1px solid transparent;
  display: flex;
}
#fs2 .webix_tree_item:hover {
  background: #f5f5f5;
}
#fs2 .webix_tree_item.webix_selected {
  background: #b8e2e2;
  border-color: #12afaf;
}
#fs2 .webix_tree_item span {
  display: block;
  line-height: 16px;
  color: #000;
  float: left;
  padding-top: 4px;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: none;
}
#fs2 .webix_tree_item:after {
  clear: both;
  display: table;
  content: "";
}
#fs2 .webix_tree_none {
  height: 20px;
  width: 15px;
  cursor: default;
  flex: none;
}
#fs2 .webix_resizer_x {
  border: 1px solid #d8d8d8;
  background: url(../img/files-resizer-dots.png) center center no-repeat;
  border-top: 33px solid #d8d8d8 !important;
  box-sizing: border-box;
  width: 5px !important;
  margin-left: -2px !important;
}
#fs2 .webix_ss_header td {
  background-color: #fff;
  border-bottom: 1px solid #c9c9c9;
  border-right: none;
}
#fs2 .webix_ss_header td:last-child > div:after {
  content: none;
}
#fs2 .webix_ss_header td > div {
  position: relative;
}
#fs2 .webix_ss_header td > div:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 16px;
  background-color: #ebebeb;
  top: 8px;
}
#fs2 .webix_ss_header .webix_ss_sort_desc {
  background: url(../img/arrow-down6.png) center center no-repeat;
  right: auto;
  height: 10px;
  width: 7px;
  position: relative;
  display: inline-block;
  top: auto;
  line-height: 28px;
  margin-left: 5px;
}
#fs2 .webix_ss_header .webix_ss_sort_desc:before {
  content: none;
}
#fs2 .webix_ss_header .webix_ss_sort_asc {
  background: url(../img/arrow-up2.png) center center no-repeat;
  right: auto;
  height: 10px;
  width: 7px;
  position: relative;
  display: inline-block;
  top: auto;
  line-height: 28px;
  margin-left: 5px;
}
#fs2 .webix_ss_header .webix_ss_sort_asc:before {
  content: none;
}
#fs2 .webix_ss_vscroll_header {
  background-color: #ffffff;
}
#fs2 .webix_column {
  text-align: left;
}
#fs2 .webix_column > div {
  border-right: none;
  border-bottom: 1px solid #c9c9c9;
}
#fs2 .webix_fmanager_files .webix_fmanager_file {
  line-height: 16px;
}
#fs2 .webix_fmanager_files .twIcon {
  width: 48px;
  height: 48px;
  margin: 9px 0;
}
#fs2 .webix_cell {
  height: 32px !important;
  line-height: 32px !important;
  text-overflow: ellipsis;
  text-wrap: none;
}
#fs2 .webix_cell.webix_row_select {
  background: #00a9a9;
  color: #ffffff;
  border-bottom-color: #00a9a9;
}
#fs2 .webix_dataview_item.webix_selected .webix_fmanager_file {
  background: #00a9a9;
  color: #ffffff;
}
#fs2 .buttonsOverlay {
  position: fixed;
  bottom: 0;
  right: 19px;
  display: flex;
  padding: 30px 20px;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 20;
}
#fs2 .buttonsOverlay .file {
  content: "Bestand toevoegen";
  margin-right: 30px;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 12px;
  padding-left: 21px;
  background: url(../img/files-plus.png) left center no-repeat;
  cursor: pointer;
}
#fs2 .buttonsOverlay .folder {
  content: "Map toevoegen";
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 12px;
  padding-left: 21px;
  background: url(../img/files-plus.png) left center no-repeat;
  cursor: pointer;
}

.webix_view.webix_window.webix_popup.webix_fmanager_actions {
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);
  padding: 5px 0;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
}
.webix_view.webix_window.webix_popup.webix_fmanager_actions * {
  font-weight: 300;
  font-size: 14px;
  outline: none;
}
.webix_view.webix_window.webix_popup.webix_fmanager_actions .webix_fmanager_icon {
  width: 19px;
  height: 26px;
  margin-right: 5px;
}
.webix_view.webix_window.webix_popup.webix_fmanager_actions .webix_fmanager_icon:before {
  content: none;
}
.webix_view.webix_window.webix_popup.webix_fmanager_actions .webix_fmanager_icon.fm-cut {
  background: url(../img/files-cut.jpg) center center no-repeat;
}
.webix_view.webix_window.webix_popup.webix_fmanager_actions .webix_fmanager_icon.fm-paste {
  background: url(../img/files-paste.png) center center no-repeat;
}
.webix_view.webix_window.webix_popup.webix_fmanager_actions .webix_fmanager_icon.fm-folder {
  background: url(../img/files-folder.jpg) center center no-repeat;
}
.webix_view.webix_window.webix_popup.webix_fmanager_actions .webix_fmanager_icon.fm-delete {
  background: url(../img/files-delete.jpg) center center no-repeat;
}
.webix_view.webix_window.webix_popup.webix_fmanager_actions .webix_fmanager_icon.fm-edit {
  background: url(../img/files-rename.jpg) center center no-repeat;
}
.webix_view.webix_window.webix_popup.webix_fmanager_actions .webix_fmanager_icon.fm-upload {
  background: url(../img/files-add.jpg) center center no-repeat;
}

.webix_point_bottom {
  display: none;
}

#t {
  width: 945px;
}
#t .left.main {
  width: 600px;
  padding: 35px 0 300px 30px;
  min-height: 400px;
  background-color: #fff;
}
#t .left.main .items {
  padding-right: 15px;
}
#t .left.main .items .templateContainer:first-child {
  padding-top: 30px;
  border-top: 1px solid #d9d9d9;
}
#t .caughtUp {
  padding: 120px 25% 0;
  background: url(../img/timeline/catched-up.png) center 30% no-repeat;
  text-align: center;
}
#t .caughtUp .title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}
#t .caughtUp .subTitle {
  font-size: 16px;
  color: #bcbcbc;
}
#t .mainInput {
  margin-bottom: 20px;
}
#t .mainInput .caughtUpBox {
  display: flex;
  justify-content: flex-end;
  padding-right: 15px;
}
#t .mainInput .caughtUpBox .caughtUp {
  text-align: left;
  padding: 3px 0 3px 40px;
  background-position: left 3px;
  background-size: 35px;
  max-width: 50%;
}
#t .mainInput .caughtUpBox .title {
  margin-bottom: 0;
}
#t.timelines {
  position: relative;
  max-width: 800px;
  background-color: #fff;
  min-height: 700px;
  padding: 56px 18px 40px 18px;
}
#t.timelines .hbar {
  height: 1px;
  background-color: #f5f5f5;
  margin-bottom: 30px;
}
#t.timelines .empty {
  font-size: 16px;
  color: #919191;
  font-style: italic;
}
#t.timelines .clientWithItems {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #bcbcbc;
  margin-bottom: 40px;
}
#t.timelines .clientWithItems .s1 {
  width: 200px;
  flex: none;
}
#t.timelines .clientWithItems .s1 img {
  display: block;
  width: 110px;
  height: 110px;
  border: 3px solid #bcbcbc;
  margin-bottom: 10px;
}
#t.timelines .clientWithItems .s1 .name {
  font-weight: 700;
  font-size: 20px;
  display: block;
}
#t.timelines .clientWithItems .s1 .group {
  display: block;
  font-size: 12px;
  color: #9d9d9d;
  position: relative;
  line-height: 12px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 30px;
}
#t.timelines .clientWithItems .s2 {
  flex: 1 1 600px;
  min-width: 0;
}
#t.timelines .timelineItem {
  justify-content: space-between;
}
#t.timelines .timelineItem .box {
  flex: 1 1 450px;
}
#t.timelines .templateContainer:last-child .timelineItem {
  border-bottom: none;
}
#t .right.main {
  width: 320px;
  background-color: #fff;
  padding: 35px 0 20px 25px;
  position: relative;
  margin-right: 25px;
}
#t .right.main.highlight {
  z-index: 1;
  width: 345px;
  padding-right: 25px;
  margin-right: 0;
}
#t .right.main.highlight:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4392156863);
  z-index: -2;
}
#t .right.main.highlight:after {
  content: "";
  background: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
#t .right.main .paddingBox.open + .searchSection {
  display: block;
}
#t .right.main .searchBox {
  margin-bottom: 25px;
}
#t .right.main .searchBox.open {
  width: 100%;
}
#t .right.main .searchBox.opened .newCount {
  display: block;
}
#t .right.main .searchBox:not(.opened) {
  border-color: transparent;
}
#t .right.main .searchBox .newCount {
  display: none;
}
#t .right.main .searchSection {
  display: none;
}
#t .right.main .results {
  max-height: 500px;
  padding-right: 14px;
  overflow-y: scroll;
}
#t .right.main .results .timelineItem {
  border: none;
  cursor: pointer;
}
#t .right.main .noResults {
  padding: 120px 0 70px;
  text-align: center;
  font-size: 16px;
  color: #bcbcbc;
  background: url(../img/timeline/no-results.png) center 30% no-repeat;
}
#t .right.main .filters {
  margin-top: 10px;
  padding-right: 20px;
}
#t .right.main .filters .hbar {
  height: 1px;
  width: auto;
}
#t .right.main .filters .hb1 {
  background-color: #e3e3e3;
  margin-bottom: 0;
}
#t .right.main .filters .hb2 {
  background-color: #e9e9e9;
  margin-bottom: 20px;
}
#t .right.main .filters .toggle {
  cursor: pointer;
  font-weight: 700;
  background: url(../img/arrow-right3.png) 63% center no-repeat;
  font-size: 17px;
  margin-bottom: 25px;
}
#t .right.main .filters .toggle.opened {
  background: url(../img/arrow-down3.png) 63% center no-repeat;
}
#t .right.main .filters .toggle:hover {
  text-decoration: underline;
}
#t .right.main .filters .section {
  margin-bottom: 20px;
}
#t .right.main .filters .section .title {
  font-weight: 700;
  margin-bottom: 8px;
}
#t .right.main .filters .dateInputs {
  display: flex;
}
#t .right.main .filters .dateInputs input {
  width: 115px;
}
#t .right.main .filters .dateInputs input.startDate {
  margin-right: 20px;
}
#t .right.main .filters .includes .checkboxLabel {
  margin-bottom: 5px;
}
#t .right.main .filters .includes .table {
  display: flex;
}

.dragOverlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px dashed #a19f99;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.95) url(../img/drag-drop.png) center center no-repeat;
}
body.dragOver .dragOverlay {
  display: block;
}
.dragOverlay > * {
  display: none;
}

.md {
  background-color: #fff;
  max-width: 670px;
  font-size: 20px;
}
.md .padding {
  padding: 22px 50px 80px 22px;
}
.md .inner {
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  padding: 60px 12% 80px;
  text-align: center;
}
.md h1 {
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 30px;
}
.md p {
  font-size: 18px;
  margin-bottom: 25px;
}
.md p.smaller {
  font-size: 16px;
}
.md a.step {
  display: flex;
  align-items: center;
  min-height: 60px;
  max-width: 375px;
  position: relative;
  margin: 0 auto 12px;
  border-radius: 4px;
  background: #f5f5f5 url(../img/arrow-step.png) 95% center no-repeat;
  border: 1px solid #e1e1e1;
  padding: 10px 30px 10px 20px;
  font-size: 16px;
}
.md a.step:hover {
  background-color: #f2faf8;
}
.md a.step:active {
  background-color: #f5fdfb;
}
.md a.step .icon {
  background: url(../img/check1.png) left top no-repeat;
  height: 20px;
  width: 20px;
  margin-right: 15px;
  flex: none;
}
.md a.step .icon.checked {
  background-image: url(../img/check1-checked.png);
}
.md a.step .cnt {
  color: #585858;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 15px;
  flex: none;
}
.md a.step .text {
  text-align: left;
  font-weight: 300;
}
.md.welcome1 img.people {
  display: inline-block;
  padding-top: 35px;
  margin-bottom: 55px;
}
.md.welcome2 img.people2 {
  display: inline-block;
  margin-bottom: 45px;
}
.md.expired img.expired {
  padding-top: 30px;
  margin-bottom: 50px;
}
.md.expired .choose {
  margin-bottom: 50px;
}
.md .btn {
  display: inline-block;
  margin-bottom: 12px;
  text-align: center;
  padding: 0;
  width: 195px;
}
.md .button1.choose, .md .choose.button5, .md .choose.button5B, .md .choose.buttonR, .md .choose.button4, .md .choose.button3, .md #fs2 .webix_view.newButton button.choose, #fs2 .webix_view.newButton .md button.choose, .md #fs2 .webix_view.webix_fmanager_menu button.choose, #fs2 .webix_view.webix_fmanager_menu .md button.choose {
  background-image: url(../img/arrow-button1.png);
  background-repeat: no-repeat;
  background-position: 90% center;
}
.md .hbar {
  display: inline-block;
  height: 1px;
  width: 80%;
  margin-bottom: 30px;
  background-color: #e1e1e1;
}

#insight {
  background-color: #fff;
  position: relative;
  padding-bottom: 150px;
  min-width: 722px;
  max-width: 772px;
}
#insight .padding {
  padding: 22px 50px 80px 22px;
}
#insight .iSection {
  padding-bottom: 20px;
}
#insight .iSection:not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
}
#insight .iSection.open .sTitle:after {
  background: url(../img/arrow-down.png) center center no-repeat;
}
#insight .iSection * {
  font-weight: 300;
}
#insight .sHeader {
  padding: 25px 0 5px;
  cursor: pointer;
}
#insight .sTitle {
  font-size: 18px;
  position: relative;
  display: inline-block;
  padding-left: 30px;
  line-height: 22px;
}
#insight .sTitle.i1 {
  background: url(../img/notifications5.png) 1px center no-repeat;
}
#insight .sTitle.i2 {
  background: url(../img/insight1.png) 3px center no-repeat;
}
#insight .sTitle.i3 {
  background: url(../img/notifications7.png) left center no-repeat;
}
#insight .sTitle.i4 {
  background: url(../img/insight2.png) 2px center no-repeat;
}
#insight .sTitle:after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 1px;
  right: -22px;
  background: url(../img/arrow-right.png) center center no-repeat;
}
#insight .sContent {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-top: 10px;
  column-gap: 25px;
  row-gap: 20px;
}
#insight .block {
  background-color: #f5f5f5;
  padding: 15px 15px 25px;
}
#insight .block.gc2 {
  grid-column: 2;
}
#insight .block.list1 {
  grid-row-end: span 2;
}
#insight .block.list1 .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  margin-bottom: 5px;
  max-width: 100%;
}
#insight .block.list1 .row .c1 {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1 1 100px;
}
#insight .block.list1 .row .c1 .nr {
  text-align: right;
  flex: none;
  width: 20px;
  padding-right: 5px;
}
#insight .block.list1 .row .c1 .img {
  flex: none;
  margin-right: 7px;
}
#insight .block.list1 .row .c1 img {
  width: 30px;
  height: 30px;
  border-radius: 3px;
}
#insight .block.list1 .row .c1 .name {
  padding-right: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#insight .block.list1 .row .c2 {
  flex: none;
}
#insight .block.list1 .dash {
  font-size: 24px;
  font-weight: 400;
}
#insight .block.list2 {
  padding-top: 10px;
  display: grid;
  grid-template-columns: min-content 1fr;
  align-items: center;
  row-gap: 10px;
  column-gap: 15px;
}
#insight .block.list2 .h0 {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
#insight .block.list2 .nr {
  font-size: 22px;
  font-weight: 700;
  text-align: right;
  min-width: 20px;
}
#insight .block.list2 .text {
  font-size: 16px;
}
#insight .bTitle {
  font-size: 18px;
  margin-bottom: 10px;
}
#insight .bNr {
  font-size: 36px;
  font-weight: 700;
}
#insight .bNr .dash {
  font-weight: 400;
  font-size: 24px;
}
#insight .bNr .unknown {
  font-weight: 700;
  color: #e76600;
}
#insight .hasUnknownBox {
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #fff;
  padding: 120px 30px 100px 0px;
  width: 210px;
}
#insight .hasUnknownBox .unknown {
  font-size: 36px;
  font-weight: 700;
  color: #e76600;
}
#insight .hasUnknownBox .text {
  font-size: 18px;
  font-weight: 300;
}

.def2 {
  background-color: #fff;
}
.def2 .padding {
  padding: 25px 50px 80px 22px;
  max-width: 810px;
}
.def2 h2 {
  color: #202020;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 20px;
}
.def2 p {
  color: #5f5f5f;
  font-size: 16px;
  margin-bottom: 15px;
}
.def2 .moreOptions {
  display: inline-block;
  background: url(../img/arrow-down.png) right center no-repeat;
  padding-right: 15px;
  cursor: pointer;
}
.def2 .moreOptions:hover {
  text-decoration: underline;
}
.def2 .boxes {
  padding-top: 30px;
  max-width: 670px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}
.def2 .box {
  margin-bottom: 5%;
  flex: 0 1 30%;
  padding: 20px 15px 40px;
  position: relative;
  cursor: pointer;
  background: #f5f5f5 url(../img/more-plus.png) 85% 102% no-repeat;
}
.def2 .box:hover {
  background: #f5f5f5 url(../img/more-plus-hover.png) 85% 102% no-repeat;
}
.def2 .box.sel {
  background: #f5f5f5 url(../img/more-plus-sel.png) 85% 102% no-repeat;
}
.def2 .box.sel:after {
  content: "";
  position: absolute;
  background: url(../img/more-shadow.png) center center no-repeat;
  width: 105px;
  height: 9px;
  bottom: -9px;
  left: 50%;
  transform: translate(-50%);
}
.def2 .box h3 {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 13px;
}
.def2 .box p {
  margin-bottom: 15px;
  font-size: 16px;
  color: #000;
}
.def2 .price {
  position: absolute;
  left: 15px;
  bottom: 10px;
  font-size: 16px;
  color: #8a8a8a;
  font-weight: 300;
}
.def2 .hbar {
  margin: 0 0 75px;
  max-width: 670px;
  height: 1px;
  background-color: #e1e1e1;
}

#bottomFixedBox {
  pointer-events: none;
  position: fixed;
  z-index: 20;
  right: 100px;
  bottom: 0;
  width: min-content;
  display: flex;
  align-items: flex-end;
}
#bottomFixedBox > * {
  flex: none;
  pointer-events: auto;
}
#bottomFixedBox > *:not(.hide):not(:last-child) {
  margin-right: 20px;
}
.files #bottomFixedBox {
  right: 320px;
}

#onboarding {
  border: 1px solid #dbdbdb;
  border-bottom: unset;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 12px 10px 35px;
  box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.09);
  width: 350px;
  background: #fff url(../img/onboarding.png) center bottom no-repeat;
}
#onboarding.open {
  padding-bottom: 50px;
  background: url(../img/onboarding-cloud.png) 85px 75px no-repeat, url(../img/onboarding-tree.png) 275px calc(100% - 5px) no-repeat, url(../img/onboarding.png) center bottom no-repeat;
  background-color: #fff;
}
#onboarding.open .top .button {
  background-image: url(../img/arrow-down11.png);
}
#onboarding.open .middle {
  padding-top: 60px;
  margin-bottom: 20px;
}
#onboarding .top {
  padding-bottom: 9px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eaeaea;
}
#onboarding .top .title {
  font-size: 20px;
  font-weight: 700;
  flex: 1 1 auto;
}
#onboarding .top .button {
  flex: none;
  width: 28px;
  height: 28px;
  cursor: pointer;
  background: #f4f4f4 url(../img/arrow-up3.png) center center no-repeat;
  border-radius: 5px;
  margin-right: 5px;
}
#onboarding .top .button:hover {
  background-color: #eee;
}
#onboarding .top .close {
  flex: none;
  width: 28px;
  height: 28px;
  cursor: pointer;
  background: url(../img/close3.png) center center no-repeat;
}
#onboarding .top .close:hover {
  background: url(../img/close3-h.png) center center no-repeat;
}
#onboarding .top .close.active {
  background: url(../img/close3-a.png) center center no-repeat;
}
#onboarding .middle {
  padding-top: 11px;
}
#onboarding .middle .bar {
  height: 9px;
  width: 100%;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  margin-bottom: 8px;
}
#onboarding .middle .bar .fill {
  width: 0;
  height: 100%;
  background-color: #017272;
  border-radius: 4px;
}
#onboarding .middle .percentage {
  text-align: right;
  font-size: 14px;
}
#onboarding .bottom .intercomBox {
  margin-top: 60px;
  text-align: center;
}
#onboarding .bottom .intercomBox .button {
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
  font-size: 17px;
}
#onboarding .bottom .intercomBox .button:hover {
  text-decoration: none;
}
#onboarding .section.done .head .text {
  text-decoration: line-through;
}
#onboarding .section.done .head .right {
  background: url(../img/check-round2.png) center center no-repeat;
}
#onboarding .section.todo:not(.done) .head {
  cursor: pointer;
}
#onboarding .section.todo:not(.done) .head:hover {
  background-color: #eee;
}
#onboarding .section.todo:not(.done) .head .right {
  background: url(../img/check-round2-open.png) center center no-repeat;
}
#onboarding .section.hasContent:not(.done) .head {
  cursor: pointer;
}
#onboarding .section.hasContent:not(.done) .head:hover {
  background-color: #eee;
}
#onboarding .section.hasContent:not(.done) .head .right {
  background: url(../img/arrow-down.png) center center no-repeat;
}
#onboarding .section.hasContent:not(.done).open .head .right {
  background: url(../img/arrow-up.png) center center no-repeat;
}
#onboarding .section.start .head {
  background: #f4f4f4 url(../img/onboarding1.png) 13px center no-repeat;
}
#onboarding .section.timeline .head {
  background: #f4f4f4 url(../img/onboarding2.png) 13px center no-repeat;
}
#onboarding .section.functionalities .head {
  background: #f4f4f4 url(../img/onboarding3.png) 14px center no-repeat;
}
#onboarding .section.teamMembers .head {
  background: #f4f4f4 url(../img/onboarding4.png) 12px center no-repeat;
}
#onboarding .section.payment .head {
  background: #f4f4f4 url(../img/onboarding8.png) 13px center no-repeat;
}
#onboarding .section .head {
  height: 50px;
  padding: 5px 12px 5px 45px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
#onboarding .section .head .text {
  font-size: 17px;
  flex: 1 1 auto;
}
#onboarding .section .head .right {
  width: 28px;
  height: 28px;
  flex: none;
}
#onboarding .section .content {
  padding: 30px 2px 50px 0;
  max-height: 40vh;
  max-height: max(200px, 100vh - 550px);
  overflow-y: auto;
  margin-right: -7px;
  margin-bottom: 8px;
}
#onboarding .section .content .title {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
}
#onboarding .section .content .title span {
  font-weight: 300;
  color: #909090;
}
#onboarding .section .content .subTitle {
  font-size: 17px;
  margin-bottom: 10px;
}
#onboarding .section .content .radios {
  display: flex;
  margin-bottom: 25px;
}
#onboarding .section .content .checkboxes {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
#onboarding .section .content .checkboxes label .text {
  border: 1px solid #ebebeb;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
#onboarding .section .content label {
  margin-right: 5px;
  margin-bottom: 6px;
  flex: none;
}
#onboarding .section .content label input {
  display: none;
}
#onboarding .section .content label input:checked + .text {
  background-color: #017272;
  color: #fff;
}
#onboarding .section .content label .text {
  padding: 8px 10px 9px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 3px;
  white-space: nowrap;
  display: block;
}
#onboarding .section .content label .text:hover {
  background-color: #f5f5f5;
}
#onboarding .section .state1 {
  position: relative;
}
#onboarding .section .state2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.96);
  padding: 30px 0px 50px 0;
}
#onboarding .section .state2 p {
  margin-bottom: 10px;
}
#onboarding .users {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 25px;
}
#onboarding .user {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#onboarding .user img {
  flex: none;
  height: 35px;
  width: 35px;
  margin-right: 10px;
  border-radius: 4px;
}
#onboarding .user .email {
  color: #808080;
}
#onboarding .newUser {
  margin-bottom: 35px;
}
#onboarding .newUser input {
  margin-bottom: 10px;
  width: 245px;
}
#onboarding .newUser .notice {
  font-style: italic;
  font-weight: 300;
  color: #983131;
}
#onboarding .newUser .invite {
  width: 180px;
}
#onboarding .complete {
  display: block;
  text-align: center;
  font-size: 14px;
}
#onboarding .complete.mb {
  margin-bottom: 8px;
}
#onboarding .complete.self {
  background-color: #017272 !important;
}
#onboarding .complete.self:hover {
  background-color: #017777 !important;
}
#onboarding .capBtn {
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 300;
  font-size: 15px;
  color: #202020;
  margin-bottom: 5px;
}
#onboarding .capBtn:hover {
  text-decoration: none;
}
#onboarding .paymentSection {
  padding-top: 20px;
}
#onboarding .paymentSection .title {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
}
#onboarding .paymentSection p {
  margin-bottom: 25px;
}

#onboardingTooltip {
  position: fixed;
  z-index: 100;
  top: 30%;
  left: 40%;
  transform: scale(0);
  opacity: 0;
}
#onboardingTooltip.show {
  animation: 0.5s ease-in-out forwards incoming;
}
#onboardingTooltip.show .inner {
  animation: 1s ease-in-out 0.5s infinite alternate updown;
}
#onboardingTooltip.phase50 .inner:before {
  background: url(../img/hover-label-udr.png) center center no-repeat;
  width: 19px;
  height: 9px;
  position: absolute;
  display: block;
  left: 120px;
  top: -8px;
}
#onboardingTooltip.phase20 .inner {
  background: #4f4f4f url(../img/onboarding5.png) right 13px top 15px no-repeat;
  padding-right: 35px;
}
#onboardingTooltip.phase30 .inner {
  background: #4f4f4f url(../img/onboarding6.png) right 15px top 15px no-repeat;
  padding-right: 60px;
}
#onboardingTooltip.phase50 .inner {
  background: #4f4f4f url(../img/onboarding7.png) right 20px top 15px no-repeat;
}
#onboardingTooltip.phase50 h3 {
  margin-right: 80px;
  margin-bottom: 15px;
}
#onboardingTooltip.phase50 .text {
  margin-bottom: 15px;
}
#onboardingTooltip.phase50 .complete {
  font-size: 14px;
  text-align: center;
  width: 120px;
  margin-bottom: 5px;
}
#onboardingTooltip.phase50 .close {
  display: none;
}
#onboardingTooltip .inner {
  position: relative;
  padding: 9px 10px 10px;
  width: 260px;
  background-color: #4f4f4f;
  border-radius: 5px;
  color: #ffffff;
  margin-left: 9px;
  font-size: 16px;
}
#onboardingTooltip .inner::before {
  content: "";
  background: url(../img/hover-label.png) center center no-repeat;
  width: 9px;
  height: 18px;
  position: absolute;
  display: block;
  left: -8px;
  top: 10px;
}
#onboardingTooltip .btns {
  display: flex;
  justify-content: center;
  margin: 10px 0 -2px;
}
#onboardingTooltip .btns .btn {
  flex: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #7b7b7b;
}
#onboardingTooltip .btns .btn:hover {
  background-color: #a1a1a1;
}
#onboardingTooltip .btns .btn.sel {
  background-color: #fff;
}
#onboardingTooltip .btns .btn:not(:last-child) {
  margin-right: 3px;
}
#onboardingTooltip h3 {
  font-weight: 700;
  font-size: inherit;
}
#onboardingTooltip .close {
  position: absolute;
  background: url(../img/demoClose.png) center center no-repeat;
  height: 20px;
  width: 20px;
  right: 4px;
  bottom: 4px;
  cursor: pointer;
  opacity: 0.3;
}
#onboardingTooltip .close:hover {
  opacity: 1;
}
@keyframes updown {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(0, 5px);
  }
}
@keyframes incoming {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  70% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

#uploadProgress {
  width: 285px;
}
.files #uploadProgress {
  right: 350px;
}
#uploadProgress.open .top .button {
  background: #676666 url(../img/progress-close.png) center center no-repeat;
}
#uploadProgress.open .bottom {
  padding-top: 5px;
  height: 190px;
}
#uploadProgress .top {
  height: 53px;
  background-color: #545454;
  padding: 0 12px 0 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
  font-size: 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#uploadProgress .top .text {
  font-style: italic;
}
#uploadProgress .top .button {
  width: 28px;
  height: 28px;
  cursor: pointer;
  background: #676666 url(../img/progress-open.png) center center no-repeat;
  border-radius: 5px;
}
#uploadProgress .bottom {
  height: 0;
  overflow: hidden;
  background-color: #fbfbfb;
  box-shadow: -2px -2px 7px 0px rgba(0, 0, 0, 0.06);
}
#uploadProgress .bottom .scrollDiv {
  height: 100%;
  max-height: 100%;
  padding: 0 9px 5px 7px;
  position: relative;
}
#uploadProgress li {
  display: flex;
  align-items: center;
  font-size: 15px;
  padding: 5px 5px 5px 4px;
  border-bottom: 1px solid #d7d7d7;
}
#uploadProgress li.busy .icon {
  opacity: 0.5;
}
#uploadProgress li.busy .name {
  color: #a29898;
}
#uploadProgress li.busy .status {
  cursor: pointer;
}
#uploadProgress li.busy .status:hover .progress, #uploadProgress li.busy .status:hover .check {
  display: none;
}
#uploadProgress li.busy .status:hover .cross {
  display: block;
}
#uploadProgress li.ready .name .an {
  text-decoration: underline;
  cursor: pointer;
}
#uploadProgress li.ready .status {
  cursor: pointer;
}
#uploadProgress li.ready .status:hover .progress, #uploadProgress li.ready .status:hover .check {
  display: none;
}
#uploadProgress li.ready .status:hover .cross {
  display: block;
}
#uploadProgress li.ready .check {
  display: block;
}
#uploadProgress li.cancel .name .an, #uploadProgress li.error .name .an {
  width: 40px;
}
#uploadProgress li.cancel .progress, #uploadProgress li.cancel .check, #uploadProgress li.error .progress, #uploadProgress li.error .check {
  display: none;
}
#uploadProgress li.cancel .cross, #uploadProgress li.error .cross {
  display: block;
}
#uploadProgress li .icon {
  width: 33px;
  height: 25px;
  background-position: left center;
  -webkit-background-size: auto 24px;
  background-size: auto 24px;
  background-repeat: no-repeat;
}
#uploadProgress li .name {
  width: 202px;
  font-weight: 300;
  display: flex;
  align-items: center;
}
#uploadProgress li .name .an {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
}
#uploadProgress li .name .msg {
  font-style: italic;
  color: #7f7f7f;
}
#uploadProgress li .status {
  width: 25px;
  height: 25px;
  position: relative;
}
#uploadProgress li .status > div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#uploadProgress li .status .check {
  background: url(../img/progress-check.png) center center no-repeat;
}
#uploadProgress li .status .cross {
  background: url(../img/progress-cross.png) center center no-repeat;
}

body.agenda #content {
  flex: auto;
}

body.registration2 #content {
  display: flex;
}

#a {
  height: 100%;
}

#alertOverlay, #vecozoOverlay {
  position: fixed;
  z-index: 30;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
#alertOverlay .inner, #vecozoOverlay .inner {
  width: 100%;
  height: 100%;
  position: relative;
}
#alertOverlay .container, #vecozoOverlay .container {
  height: 100%;
  position: relative;
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#alertOverlay .openAlert, #vecozoOverlay .openAlert {
  border: 2px solid #ecf0f1;
  border-radius: 8px;
  background-color: #f9fafb;
  color: #202020;
  width: 630px;
  position: relative;
}
#alertOverlay .openAlert:before, #vecozoOverlay .openAlert:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(79, 79, 79, 0.9);
  border-radius: 8px;
  left: -14px;
  top: 14px;
  z-index: -1;
}
#alertOverlay .openAlert .top, #vecozoOverlay .openAlert .top {
  border-bottom: 2px solid #ecf0f1;
  padding: 20px 20px 15px;
  position: relative;
}
#alertOverlay .openAlert .title, #vecozoOverlay .openAlert .title {
  font-size: 23px;
  font-weight: 600;
}
#alertOverlay .openAlert .subTitle, #vecozoOverlay .openAlert .subTitle {
  font-style: italic;
  position: relative;
  top: 5px;
  font-size: 14px;
  color: #848484;
  font-weight: 300;
}
#alertOverlay .openAlert .close, #vecozoOverlay .openAlert .close {
  top: 20px;
  right: 15px;
}
#alertOverlay .openAlert .aMiddle, #vecozoOverlay .openAlert .aMiddle {
  font-weight: 300;
  line-height: 1.3;
  padding: 25px 20px 30px;
}
#alertOverlay .openAlert .aMiddle .msg, #vecozoOverlay .openAlert .aMiddle .msg {
  white-space: pre-line;
}
#alertOverlay .openAlert .aMiddle p:not(:last-child), #vecozoOverlay .openAlert .aMiddle p:not(:last-child), #alertOverlay .openAlert .aMiddle ul:not(:last-child), #vecozoOverlay .openAlert .aMiddle ul:not(:last-child), #alertOverlay .openAlert .aMiddle ol:not(:last-child), #vecozoOverlay .openAlert .aMiddle ol:not(:last-child) {
  margin-bottom: 10px;
}
#alertOverlay .openAlert .aMiddle li, #vecozoOverlay .openAlert .aMiddle li {
  margin-left: 25px;
}
#alertOverlay .openAlert .aMiddle li:not(:last-child), #vecozoOverlay .openAlert .aMiddle li:not(:last-child) {
  margin-bottom: 8px;
}
#alertOverlay .openAlert .aMiddle ul li, #vecozoOverlay .openAlert .aMiddle ul li {
  list-style-type: disc;
}
#alertOverlay .openAlert .input, #vecozoOverlay .openAlert .input {
  margin-top: 15px;
}
#alertOverlay .openAlert .options, #vecozoOverlay .openAlert .options {
  margin-top: 15px;
}
#alertOverlay .openAlert .bottom, #vecozoOverlay .openAlert .bottom {
  background-color: #ecf0f1;
  padding: 20px;
  display: flex;
  justify-content: flex-end;
}
#alertOverlay .openAlert .bottom.smaller .btn, #vecozoOverlay .openAlert .bottom.smaller .btn {
  min-width: auto;
  flex: 0 1 auto;
}
#alertOverlay .openAlert .bottom .btn:not(:first-child), #vecozoOverlay .openAlert .bottom .btn:not(:first-child) {
  margin-left: 12px;
}
#alertOverlay .openAlert .bottom .btn.leftNoti, #vecozoOverlay .openAlert .bottom .btn.leftNoti {
  display: flex;
  align-items: center;
  margin-right: auto;
  text-decoration: underline;
  font-size: 13px;
  color: #888;
  flex: 0 0 120px;
  font-weight: 300;
}

#vecozoOverlay {
  z-index: 15;
}
#vecozoOverlay .smallerView {
  cursor: pointer;
  display: none;
  background: url(../img/minimize2.png) center center/15px auto no-repeat;
  opacity: 0.18;
  height: 25px;
  width: 25px;
  position: absolute;
  top: 10px;
  right: 50px;
}
#vecozoOverlay .smallerView:hover, #vecozoOverlay .smallerView.active {
  opacity: 0.35;
}
#vecozoOverlay.vecozo .smallerView {
  display: block;
}
#vecozoOverlay .middle {
  font-weight: 300;
  line-height: 1.3;
  padding: 25px 20px 30px;
}
#vecozoOverlay .middle .selectric-items li {
  padding: 5px 10px;
}
#vecozoOverlay .agbCode {
  display: flex;
  align-items: center;
  padding: 0 20px 30px;
}
#vecozoOverlay .agbCode .lbl {
  padding-right: 30px;
  flex: none;
  font-weight: 700;
}
#vecozoOverlay .agbCode .selectric-wrapper {
  width: 200px;
  flex: none;
}
#vecozoOverlay.mobileScroll .inner {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#vecozoOverlay .container {
  height: auto;
}
#vecozoOverlay.smallerView .elementDescription {
  display: none;
}
#vecozoOverlay.smallerView .vecozoRequestElementInstance:not(.hide).hasValue {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#vecozoOverlay.smallerView .vecozoRequestElementInstance:not(.hide).hasValue .vTitle {
  flex: 0 0 150px;
  line-height: 15px;
  padding: 3px 10px 3px 0;
  font-weight: 400;
}
#vecozoOverlay.smallerView .vecozoRequestElementInstance:not(.hide).hasValue .value {
  flex: 1 0 auto;
  width: 150px;
}
#vecozoOverlay .selectric-wrapper {
  width: 100%;
}
#vecozoOverlay .vecozoRequestElement .add {
  color: #1f7320;
  cursor: pointer;
  margin-bottom: 5px;
  display: inline-block;
}
#vecozoOverlay .vecozoRequestElement .add:hover {
  text-decoration: underline;
}
#vecozoOverlay.showInvalid .vecozoRequestElementInstance.inValid .defaultText, #vecozoOverlay.showInvalid .vecozoRequestElementInstance.inValid .selectric {
  border: 1px solid rgba(133, 0, 2, 0.86);
}
#vecozoOverlay .vecozoRequestElementInstance {
  transition: height 0.3s ease;
  margin-bottom: 5px;
}
#vecozoOverlay .vecozoRequestElementInstance.noIndent > .vTitle, #vecozoOverlay .vecozoRequestElementInstance.noIndent > .elementDescription, #vecozoOverlay .vecozoRequestElementInstance.noIndent > .typeName, #vecozoOverlay .vecozoRequestElementInstance.noIndent > .typeDescription {
  display: none;
}
#vecozoOverlay .vecozoRequestElementInstance.noIndent > .elements {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
#vecozoOverlay .vecozoRequestElementInstance.minimized {
  padding-bottom: 30px;
  background: url(../img/vertical-dots.png) 30px 70% no-repeat;
}
#vecozoOverlay .vecozoRequestElementInstance.removing {
  height: 0 !important;
  overflow: hidden;
}
#vecozoOverlay .vecozoRequestElementInstance .vTitle {
  font-weight: 700;
}
#vecozoOverlay .vecozoRequestElementInstance .vTitle .minimize {
  cursor: pointer;
  background: url(../img/minimize2.png) center center/15px auto no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  vertical-align: middle;
}
#vecozoOverlay .vecozoRequestElementInstance .vTitle .remove {
  cursor: pointer;
  padding-left: 5px;
  font-size: 18px;
  line-height: 18px;
  color: #b50000;
}
#vecozoOverlay .vecozoRequestElementInstance .vTitle .remove:hover {
  text-decoration: underline;
}
#vecozoOverlay .vecozoRequestElementInstance .elements {
  padding-left: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
#vecozoOverlay .vecozoRequestElementInstance .typeName, #vecozoOverlay .vecozoRequestElementInstance .typeDescription {
  color: #490976;
  font-size: 14px;
}
#vecozoOverlay .vecozoRequestElementInstance.bedrag .defaultText, #vecozoOverlay .vecozoRequestElementInstance.totaalBedrag .defaultText, #vecozoOverlay .vecozoRequestElementInstance.budget .defaultText, #vecozoOverlay .vecozoRequestElementInstance.productTarief .defaultText, #vecozoOverlay .vecozoRequestElementInstance.uurTarief .defaultText, #vecozoOverlay .vecozoRequestElementInstance.tarief .defaultText, #vecozoOverlay .vecozoRequestElementInstance.euro .defaultText {
  background: #fff url(../img/euro.png) 10px center/9px auto no-repeat;
  padding-left: 30px;
}
#vecozoOverlay .vecozoRequestElementInstance.btwPercentage .defaultText, #vecozoOverlay .vecozoRequestElementInstance.verrekenpercentage .defaultText {
  background: #fff url(../img/percentage.png) 10px center/12px auto no-repeat;
  padding-left: 30px;
}

#gdprHeader {
  background-color: #00a9a9;
  color: #ffffff;
  text-align: center;
  padding: 8px 20px;
  font-weight: 300;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
#gdprHeader a {
  text-decoration: underline;
}
#gdprHeader a:hover {
  text-decoration: none;
}
#gdprHeader .close {
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(../img/close-white.png) center center/contain no-repeat;
  right: 10px;
  top: 9px;
  cursor: pointer;
}

body.alertBottom #alertOverlay .container, body.alertBottom #vecozoOverlay .container {
  align-items: flex-end;
}
body.alertTop #alertOverlay .container, body.alertTop #vecozoOverlay .container {
  align-items: flex-start;
}

.personSelector * {
  font-weight: 300;
}
.personSelector.twoColumns .psPersons .checkboxLabel {
  width: 50%;
}
.personSelector.twoColumns .psPersons .checkboxLabel:nth-child(2n+1) {
  padding-right: 5px;
}
.personSelector.twoColumns .psPersons .checkboxLabel:nth-child(2n) {
  padding-left: 5px;
}
.personSelector.newModes .selectric:hover b.button:before {
  background-image: url('data:image/svg+xml,%3Csvg fill="%23656565" id="fi_3545579" height="512" viewBox="0 0 32 32" width="512" xmlns="http://www.w3.org/2000/svg" data-name="Layer 2"%3E%3Cpath d="m7 13h18a1 1 0 0 0 .707-1.707l-9-9a.9994.9994 0 0 0 -1.414 0l-9 9a1 1 0 0 0 .707 1.707z"%3E%3C/path%3E%3Cpath d="m25 19h-18a1 1 0 0 0 -.707 1.707l9 9a.9995.9995 0 0 0 1.414 0l9-9a1 1 0 0 0 -.707-1.707z"%3E%3C/path%3E%3C/svg%3E');
}
.personSelector.newModes b.button {
  color: transparent;
}
.personSelector.newModes b.button:before {
  display: block;
  content: "";
  background: url('data:image/svg+xml,%3Csvg fill="%23818181" id="fi_3545579" height="512" viewBox="0 0 32 32" width="512" xmlns="http://www.w3.org/2000/svg" data-name="Layer 2"%3E%3Cpath d="m7 13h18a1 1 0 0 0 .707-1.707l-9-9a.9994.9994 0 0 0 -1.414 0l-9 9a1 1 0 0 0 .707 1.707z"%3E%3C/path%3E%3Cpath d="m25 19h-18a1 1 0 0 0 -.707 1.707l9 9a.9995.9995 0 0 0 1.414 0l9-9a1 1 0 0 0 -.707-1.707z"%3E%3C/path%3E%3C/svg%3E') center center/15px no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.personSelector.newModes b.button:after {
  display: none;
}
.personSelector.newModes .checkboxLabel .icon {
  margin-right: 10px;
}
.personSelector.newModes .checkboxLabel .img {
  width: 23px;
  height: 23px;
}
.personSelector.newModes .empty {
  margin-bottom: 0 !important;
}
.personSelector.newModes .selectAll {
  padding-left: 0;
  margin-top: 10px;
  color: #626262;
  text-transform: uppercase;
  font-size: 13px;
}
.personSelector.newModes .selectAll.inCat {
  margin-bottom: 15px;
}
.personSelector.newModes .selectAll, .personSelector.newModes .selectAll span {
  font-weight: 400 !important;
}
.personSelector .topRow {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.personSelector .selectBox {
  margin-right: 10px;
  width: 150px;
}
.personSelector .selectBox + .search input:not(:focus) {
  border-color: transparent;
  box-shadow: none;
}
.personSelector .selectric-wrapper {
  text-transform: uppercase;
  width: 150px;
  flex: none;
  margin-right: 10px;
}
.personSelector .selectric-wrapper.selectric-open .selectric {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.personSelector .selectric-wrapper .selectric {
  border-radius: 5px;
  background-color: #C6C6C6;
  border: none;
  padding: 5px 10px;
}
.personSelector .selectric-wrapper .selectric .label {
  font-size: 13px !important;
  text-transform: uppercase;
  margin: 0;
  line-height: normal;
  height: auto;
}
.personSelector .selectric-wrapper .selectric-items {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: none;
  box-shadow: none;
  background-color: #C6C6C6;
  z-index: 2;
}
.personSelector .selectric-wrapper .selectric-items li {
  font-size: 13px !important;
  position: relative;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
  padding: 0 10px;
}
.personSelector .selectric-wrapper .selectric-items li:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.personSelector .selectric-wrapper .selectric-items li:not(:last-child) {
  padding-bottom: 1px;
}
.personSelector .selectric-wrapper .selectric-items li:not(:last-child):before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #C6C6C6;
}
.personSelector .selectric-wrapper .selectric-items li:not(:last-child):after {
  position: absolute;
  content: "";
  display: block;
  height: 1px;
  bottom: 0;
  left: 10px;
  right: 10px;
  background-color: #BEBEBE;
  z-index: 1;
}
.personSelector .search {
  position: relative;
  flex: 1;
}
.personSelector .search input {
  max-width: 100%;
  padding-left: 30px;
}
.personSelector .search input:focus + .icon {
  opacity: 1;
}
.personSelector .search input:focus + .icon:after {
  opacity: 1;
}
.personSelector .search .icon {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 8px;
  top: 8px;
  flex: none;
  opacity: 0.6;
  background: url(../img/search.png) left top/cover no-repeat;
}
.personSelector .search .icon:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/search-active.png) left top/cover no-repeat;
  opacity: 0;
}
.personSelector .search i {
  position: absolute;
  color: #a3a3a3;
  left: 8px;
  top: 8px;
  font-size: 15px;
}
.personSelector .search .cancel {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 23px;
  height: 23px;
  padding: 5px;
  background: url(../img/close3.png) center center no-repeat;
  cursor: pointer;
}
.personSelector .search .cancel:hover {
  background: url(../img/close3-h.png) center center no-repeat;
}
.personSelector .search .cancel.active {
  background: url(../img/close3-a.png) center center no-repeat;
}
.personSelector .columns {
  display: flex;
  max-height: 200px;
  position: relative;
  overflow: hidden;
}
.personSelector .columns .column {
  flex: 1 1 50%;
  padding-right: 10px;
  width: 100%;
  max-width: 100%;
}
.personSelector .columns .column:last-child {
  padding-right: 15px;
}
.personSelector .categories.noCats .category {
  border-bottom: none;
}
.personSelector .category {
  border-bottom: 1px solid #E8E8E8;
}
.personSelector .category .groups {
  padding-bottom: 8px;
  margin-right: -7px;
  padding-right: 7px;
}
.personSelector .category:has(.group) > .empty {
  display: none !important;
}
.personSelector .category > .empty {
  position: relative;
  top: -20px;
}
.personSelector .catHeader {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 16px 0 15px;
}
.personSelector .catHeader .name {
  margin-right: 5px;
  font-weight: 600;
  font-size: 15px;
}
.personSelector .catHeader i {
  font-size: 0.6em;
  color: #BDBDBD;
}
.personSelector .groups {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
}
.personSelector .group:not(:last-child) {
  margin-bottom: 5px;
}
.personSelector .group.clientGroup .psPersons, .personSelector .group.clientGroup .empty, .personSelector .group.owner .psPersons, .personSelector .group.owner .empty {
  padding-left: 25px;
}
.personSelector .group > .empty {
  margin-bottom: 8px;
}
.personSelector .group .letter, .personSelector .group .lastEditLabel {
  font-weight: 500 !important;
  color: #017272;
  font-size: 15px;
  margin-bottom: 5px;
}
.personSelector .group .lastEditLabel {
  color: inherit;
}
.personSelector .group .psPersons {
  display: flex;
  flex-wrap: wrap;
}
.personSelector .clientGroupSelf .textTitle, .personSelector .ownerSelf .textTitle {
  font-weight: 600 !important;
}
.personSelector .labelRow {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}
.personSelector .labelRow .checkboxLabel {
  width: auto;
  margin-bottom: 0;
}
.personSelector .labelRow .checkboxLabel .icon {
  margin-right: 7px;
}
.personSelector .labelRow .collapseName {
  display: flex;
  align-items: center;
}
.personSelector .labelRow .collapseName .img {
  height: 23px;
  width: 23px;
  margin-right: 7px;
}
.personSelector .labelRow .collapseName .img img {
  border-radius: 3px;
}
.personSelector .labelRow .collapseName i {
  margin-left: 5px;
  color: #BDBDBD;
  font-size: 0.6em;
}
.personSelector .checkboxLabel {
  margin-bottom: 7px;
  margin-right: 0;
  width: 100%;
  flex: none;
}
.personSelector .checkboxLabel.hasSubTitle .text {
  display: flex;
  flex-direction: column;
  padding-top: 0 !important;
}
.personSelector .checkboxLabel.hasSubTitle .textTitle {
  font-size: 16px;
  font-weight: 400;
}
.personSelector .checkboxLabel.hasSubTitle .textSubTitle {
  font-size: 12px;
  color: #a0a0a0;
  font-weight: 300;
}
.personSelector .checkboxLabel .text {
  overflow: hidden;
  flex: 1 1 100px;
  width: 100px;
  min-width: 0;
}
.personSelector .checkboxLabel .textTitle, .personSelector .checkboxLabel .textSubTitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
}
.personSelector .highlight {
  color: #017272;
}
.personSelector .selectAll {
  margin-top: 3px;
  font-style: italic;
  color: #a2a2a2;
  cursor: pointer;
  padding-left: 10px;
  text-decoration: underline;
}
.personSelector.mah100 .columns {
  max-height: 100px;
}
.personSelector.maw200 {
  max-width: 200px;
}
.personSelector.pr10 {
  padding-right: 10px;
}
.personSelector.pr10 .column:last-child {
  padding-right: 0;
}

.checkboxLabel {
  position: relative;
  min-height: 20px;
  margin-right: 20px;
  display: inline-block;
}
.checkboxLabel:has(input:disabled), .checkboxLabel:has(input:disabled) .icon {
  cursor: default;
}
.checkboxLabel > * {
  display: inline-block;
  vertical-align: middle;
}
.checkboxLabel.v2:not(.hide) {
  display: flex !important;
  flex-wrap: nowrap;
}
.checkboxLabel.v2:not(.hide):not(.aic) {
  align-items: flex-start;
}
.checkboxLabel.v2:not(.hide) .icon {
  flex: none;
}
.checkboxLabel.v2:not(.hide):not(.largerFont) .text {
  padding-top: 2px;
}
.checkboxLabel.v2:not(.hide).center {
  align-items: center;
}
.checkboxLabel.v2:not(.hide).longText .icon {
  margin-top: 3px;
  margin-right: 8px;
}
.checkboxLabel.v2:not(.hide).longText .text {
  padding-top: 0;
}
.checkboxLabel.v3 {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  margin-right: 5px;
}
.checkboxLabel.v3 .icon {
  margin-right: 0;
}
.checkboxLabel.aic {
  align-items: center;
}
.checkboxLabel.gray {
  color: #aaaaaa;
}
.checkboxLabel.red {
  color: #d00000;
}
.checkboxLabel.mb {
  margin-bottom: 5px;
}
.checkboxLabel.mb.largerFont {
  margin-bottom: 8px;
}
.checkboxLabel.smaller .icon {
  width: 15px;
  height: 15px;
}
.checkboxLabel.smaller .icon.v2 {
  font-size: 9px;
}
.checkboxLabel.smaller .icon:after {
  background-size: contain !important;
}
.checkboxLabel.smaller.radio .icon {
  top: 4px;
  background: url(../img/radio1.png) left top/contain no-repeat !important;
}
.checkboxLabel.smaller.radio .icon:after {
  background: url(../img/radio1-checked.png) left top/contain no-repeat !important;
}
.checkboxLabel.smaller .text {
  padding-top: 0 !important;
}
.checkboxLabel.ellipsis .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkboxLabel.labelRow {
  display: flex !important;
  margin-right: 0;
  align-items: center;
  margin-bottom: 7px;
}
.checkboxLabel.labelRow .icon {
  margin-right: 7px;
}
.checkboxLabel.labelRow .labelColor {
  height: 30px;
  width: 175px;
  margin-right: 5px;
}
.checkboxLabel.labelRow .labelColor input {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  color: #ffffff;
  font-size: 15px;
}
.checkboxLabel.labelRow .pencil {
  background: url(../img/pencil.png) center center no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 1px;
}
.checkboxLabel.labelRow .pencil:hover {
  background: #efefef url(../img/pencil.png) center center no-repeat;
}
.checkboxLabel.labelRow.wider .labelColor {
  width: 230px;
}
.checkboxLabel.labelRow.inactive {
  opacity: 0.3;
}
.checkboxLabel.labelRow.inactive, .checkboxLabel.labelRow.inactive * {
  cursor: default;
}
.checkboxLabel.userRow {
  display: flex !important;
  margin-right: 0;
  align-items: center;
  cursor: pointer;
}
.checkboxLabel.userRow .user {
  height: 47px;
  display: flex;
  align-items: center;
  padding-left: 5px;
}
.checkboxLabel.userRow .user img {
  height: 39px;
  width: 39px;
  border-radius: 3px;
  margin-right: 7px;
}
.checkboxLabel.white:hover input:not(:disabled) + .icon {
  background: url(../img/check1-hover-white.png) left top/100% 100% no-repeat !important;
}
.checkboxLabel.white .icon {
  background: url(../img/check1-white.png) left top/100% 100% no-repeat !important;
}
.checkboxLabel:hover input:not(:disabled) + .icon:not(.v2) {
  background: url(../img/check1-hover.png) left top/100% 100% no-repeat !important;
}
.checkboxLabel:hover input:not(:disabled) + .icon.v2 {
  color: #fff;
}
.checkboxLabel:hover input:not(:disabled) + .icon + .user {
  padding-left: 10px;
}
.checkboxLabel:hover input:not(:disabled) + .icon + .user .name {
  font-weight: 700;
}
.checkboxLabel input[type=checkbox], .checkboxLabel input[type=radio] {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 0;
  opacity: 0;
  display: block;
  cursor: pointer;
}
.checkboxLabel input[type=checkbox]:disabled:not(:checked) + .icon + .text, .checkboxLabel input[type=radio]:disabled:not(:checked) + .icon + .text {
  opacity: 0.4;
}
.checkboxLabel input[type=checkbox]:checked + .icon.v2, .checkboxLabel input[type=radio]:checked + .icon.v2 {
  background: #017272 !important;
}
.checkboxLabel input[type=checkbox]:checked + .icon:after, .checkboxLabel input[type=radio]:checked + .icon:after {
  opacity: 1;
}
.checkboxLabel input[type=checkbox]:checked + .icon + .user, .checkboxLabel input[type=radio]:checked + .icon + .user {
  padding-left: 10px;
}
.checkboxLabel input[type=checkbox]:checked + .icon + .user .name, .checkboxLabel input[type=radio]:checked + .icon + .user .name {
  font-weight: 700;
}
.checkboxLabel .icon {
  background: url(../img/check1.png) left top/100% 100% no-repeat !important;
  height: 20px;
  width: 20px;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
}
.checkboxLabel .icon.v2 {
  transition: color 0.3s;
  background: #D7DCDE !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #D7DCDE;
  border-radius: 5px;
}
.checkboxLabel .icon.v2.hasSomeSelected {
  background: #D7DCDE linear-gradient(270deg, rgba(0, 125, 125, 0) 0%, rgba(0, 125, 125, 0.61) 61%, #007D7D 100%) !important;
}
.checkboxLabel .icon.v2:after {
  display: none;
}
.checkboxLabel .icon.v2 i {
  font-size: 12px !important;
}
.checkboxLabel .icon:after {
  display: block;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: url(../img/check1-checked.png) left top/100% 100% no-repeat !important;
  opacity: 0;
}
.checkboxLabel .img {
  flex: none;
  height: 30px;
  width: 30px;
  margin-right: 7px;
}
.checkboxLabel .img img {
  border-radius: 3px;
}
.checkboxLabel.radio:hover input:not(:disabled) + .icon {
  background: url(../img/radio1-hover.png) left top no-repeat !important;
}
.checkboxLabel.radio.white:hover input:not(:disabled) + .icon {
  background: url(../img/radio1-hover-white.png) left top no-repeat !important;
}
.checkboxLabel.radio.white .icon {
  background: url(../img/radio1-white.png) left top no-repeat !important;
}
.checkboxLabel.radio .icon {
  background: url(../img/radio1.png) left top no-repeat !important;
}
.checkboxLabel.radio .icon:after {
  background: url(../img/radio1-checked.png) left top no-repeat !important;
}
.checkboxLabel.radio input:checked + .icon:after {
  opacity: 1;
}

.checkboxLabelSwitch {
  display: flex;
  align-items: center;
  position: relative;
  user-select: none;
}
.checkboxLabelSwitch.smaller input:checked ~ .switch {
  background-color: #017272;
}
.checkboxLabelSwitch.smaller input:checked ~ .switch:after {
  left: calc(100% - 20px);
}
.checkboxLabelSwitch.smaller .switch {
  height: 22px;
  width: 44px;
}
.checkboxLabelSwitch.smaller .switch:after {
  width: 18px;
}
.checkboxLabelSwitch.v2 {
  position: relative;
  margin-right: 15px;
}
.checkboxLabelSwitch.v2 input:checked ~ .switch {
  background-color: #f6f6f6;
}
.checkboxLabelSwitch.v2 input:checked ~ .switch:after {
  left: calc(100% - 20px);
  background-color: #017272;
}
.checkboxLabelSwitch.v2 .switch {
  margin-right: 0;
  width: 60px;
  height: 22px;
  background-color: #bdc3c7;
  position: relative;
}
.checkboxLabelSwitch.v2 .switch:after {
  background-color: #7f8c8d;
  width: 18px;
}
.checkboxLabelSwitch.v2 .text {
  position: absolute;
  line-height: 22px;
  text-transform: uppercase;
  top: 0;
  font-weight: 300 !important;
  font-size: 13px;
}
.checkboxLabelSwitch.v2 .text.off {
  left: 24px;
  color: #fff;
}
.checkboxLabelSwitch.v2 .text.on {
  right: 24px;
  color: #017272;
}
.checkboxLabelSwitch.v2 .label {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 300;
}
.checkboxLabelSwitch.v3 input:checked ~ .switch {
  background-color: #C8E3E3;
}
.checkboxLabelSwitch.v3 input:checked ~ .switch:after {
  left: calc(100% - 16px);
  background-color: #017272;
}
.checkboxLabelSwitch.v3 .switch {
  height: 14px;
  width: 34px;
  background-color: #E6E6E6;
}
.checkboxLabelSwitch.v3 .switch:after {
  height: 18px;
  width: 18px;
  top: -2px;
  left: -2px;
  background-color: #A6A6A6;
}
.checkboxLabelSwitch.v3 .label {
  display: flex;
  align-items: center;
}
.checkboxLabelSwitch.v3 .label i {
  margin-right: 10px;
}
.checkboxLabelSwitch:has(input:disabled) {
  cursor: default;
}
.checkboxLabelSwitch.reverseRow {
  margin-right: 0;
}
.checkboxLabelSwitch.reverseRow:not(:last-child) {
  margin-bottom: 10px;
}
.checkboxLabelSwitch.reverseRow .label {
  order: 1;
  flex: 1;
  margin-left: 0;
  font-weight: 400;
  font-size: 13px;
}
.checkboxLabelSwitch.reverseRow input {
  order: 2;
}
.checkboxLabelSwitch.reverseRow .switch {
  order: 3;
}
.checkboxLabelSwitch input {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}
.checkboxLabelSwitch input:checked ~ .switch {
  background-color: #017272;
}
.checkboxLabelSwitch input:checked ~ .switch:after {
  left: calc(100% - 26px);
}
.checkboxLabelSwitch input:checked ~ .on, .checkboxLabelSwitch input:checked ~ * .on {
  display: block;
}
.checkboxLabelSwitch input:checked ~ .off, .checkboxLabelSwitch input:checked ~ * .off {
  display: none;
}
.checkboxLabelSwitch input:disabled:not(:checked) ~ .switch {
  opacity: 0.2;
}
.checkboxLabelSwitch .switch {
  flex: none;
  height: 28px;
  width: 55px;
  transition: all 0.3s;
  background-color: #b03513;
  border-radius: 14px;
  position: relative;
  margin-right: 15px;
}
.checkboxLabelSwitch .switch:after {
  content: "";
  position: absolute;
  height: calc(100% - 4px);
  width: 24px;
  border-radius: 50%;
  background-color: #fff;
  left: 2px;
  top: 2px;
  transition: all 0.3s;
}
.checkboxLabelSwitch .text {
  font-weight: 400 !important;
}
.checkboxLabelSwitch .text.on {
  display: none;
}
.checkboxLabelSwitch.gray input:not(:checked) ~ .switch {
  background-color: rgba(0, 49, 49, 0.44);
}
.checkboxLabelSwitch:not(.gray) .text .grayText {
  display: none;
}
.checkboxLabelSwitch.mb:not(:last-child) {
  margin-bottom: 5px;
}

.filesContainer .files {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
  padding: 15px 0 0;
}
.filesContainer .files .label {
  color: #9ea1a2;
  margin-right: 15px;
}
.filesContainer .files .file {
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 5px;
}
.filesContainer .files .icon {
  width: 30px;
  height: 25px;
  background-position: left center;
  background-repeat: no-repeat;
  -webkit-background-size: auto 22px;
  background-size: auto 22px;
}
.filesContainer .files .name {
  max-width: 400px;
  word-wrap: break-word;
}
.filesContainer .files .name.ready {
  text-decoration: underline;
  cursor: pointer;
}
.filesContainer .files .remove {
  cursor: pointer;
  background: url(../img/progress-cross.png) right center no-repeat;
  width: 20px;
  height: 25px;
  opacity: 0.3;
}
.filesContainer .files .remove:hover {
  opacity: 1;
}
.filesContainer .moreFiles {
  font-size: 14px;
  text-decoration: underline;
  float: right;
  color: #888888;
  font-weight: 300;
  font-style: italic;
  cursor: pointer;
  margin-bottom: 15px;
}

.button1X {
  text-transform: uppercase;
  display: inline-block;
  color: #ffffff;
  font-weight: 700;
  background-color: #e76700;
  border: 1px solid #3a485f;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19), 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset;
  padding: 7px 45px;
  vertical-align: middle;
}
.button1X:hover {
  background-color: #d55f00;
}

.dateRow {
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.dateRow .label {
  text-transform: uppercase;
  padding-right: 10px;
}
.dateRow .defaultText {
  width: 110px;
  padding-right: 5px;
}
.dateRow .defaultText.dt2 {
  width: 90px;
}

.quickSelect {
  display: flex;
  white-space: nowrap;
}
.quickSelect.moreMargin {
  margin-bottom: 15px;
}
.quickSelect.moreMargin .item:not(:last-child) {
  margin-right: 15px;
}
.quickSelect.noComma .item:not(:last-child):after {
  content: none;
}
.quickSelect .blank {
  text-transform: uppercase;
  color: #202020;
  margin-right: 15px;
}
.quickSelect .item {
  text-transform: uppercase;
  color: #818181;
  cursor: pointer;
}
.quickSelect .item:hover, .quickSelect .item.sel {
  color: #e76700;
}
.quickSelect .item:not(:last-child) {
  margin-right: 3px;
}
.quickSelect .item:not(:last-child):after {
  content: ",";
  color: #818181;
}

.button1, .button5, .button5B, .buttonR, .button4, .button3, #fs2 .webix_view.newButton button, #fs2 .webix_view.webix_fmanager_menu button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  text-transform: uppercase;
  font-size: 13px;
  color: #ffffff;
  padding: 10px;
  background-color: #e76700;
  border-radius: 5px;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.2) inset;
  cursor: pointer;
}
.button1:hover, .button5:hover, .button5B:hover, .buttonR:hover, .button4:hover, .button3:hover, #fs2 .webix_view.newButton button:hover, #fs2 .webix_view.webix_fmanager_menu button:hover {
  background-color: #ed8100;
}
.button1:active:not(.disabled), .button5:active:not(.disabled), .button5B:active:not(.disabled), .buttonR:active:not(.disabled), .button4:active:not(.disabled), .button3:active:not(.disabled), #fs2 .webix_view.newButton button:active:not(.disabled), #fs2 .webix_view.webix_fmanager_menu button:active:not(.disabled), .button1.active:not(.disabled), .active.button5:not(.disabled), .active.button5B:not(.disabled), .active.buttonR:not(.disabled), .active.button4:not(.disabled), .active.button3:not(.disabled), #fs2 .webix_view.newButton button.active:not(.disabled), #fs2 .webix_view.webix_fmanager_menu button.active:not(.disabled) {
  background-color: #c55800;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15) inset;
}
.button1.fr, .fr.button5, .fr.button5B, .fr.buttonR, .fr.button4, .fr.button3, #fs2 .webix_view.newButton button.fr, #fs2 .webix_view.webix_fmanager_menu button.fr {
  float: right;
  margin-left: 12px;
}
.button1.fl, .fl.button5, .fl.button5B, .fl.buttonR, .fl.button4, .fl.button3, #fs2 .webix_view.newButton button.fl, #fs2 .webix_view.webix_fmanager_menu button.fl {
  float: left;
}
.button1.fl + .btn, .fl.button5 + .btn, .fl.button5B + .btn, .fl.buttonR + .btn, .fl.button4 + .btn, .fl.button3 + .btn, #fs2 .webix_view.newButton button.fl + .btn, #fs2 .webix_view.webix_fmanager_menu button.fl + .btn {
  margin-left: 12px;
}
.button1.disabled, .disabled.button5, .disabled.button5B, .disabled.buttonR, .disabled.button4, .disabled.button3, #fs2 .webix_view.newButton button.disabled, #fs2 .webix_view.webix_fmanager_menu button.disabled {
  cursor: default;
  background-color: #dadfe2 !important;
  box-shadow: none;
}
.button1.mb, .mb.button5, .mb.button5B, .mb.buttonR, .mb.button4, .mb.button3, #fs2 .webix_view.newButton button.mb, #fs2 .webix_view.webix_fmanager_menu button.mb {
  margin-bottom: 10px;
}
.button1.download, .download.button5, .download.button5B, .download.buttonR, .download.button4, .download.button3, #fs2 .webix_view.newButton button.download, #fs2 .webix_view.webix_fmanager_menu button.download {
  padding-left: 30px;
  background-image: url(../img/arrow-down7.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 15px;
}
body.demo .button1:not(.demoButton), body.demo .button5:not(.demoButton), body.demo .button5B:not(.demoButton), body.demo .buttonR:not(.demoButton), body.demo .button4:not(.demoButton), body.demo .button3:not(.demoButton), body.demo #fs2 .webix_view.newButton button:not(.demoButton), #fs2 .webix_view.newButton body.demo button:not(.demoButton), body.demo #fs2 .webix_view.webix_fmanager_menu button:not(.demoButton), #fs2 .webix_view.webix_fmanager_menu body.demo button:not(.demoButton) {
  background-color: #bdc3c7;
}
body.demo .button1:not(.demoButton):hover, body.demo .button5:not(.demoButton):hover, body.demo .button5B:not(.demoButton):hover, body.demo .buttonR:not(.demoButton):hover, body.demo .button4:not(.demoButton):hover, body.demo .button3:not(.demoButton):hover, body.demo #fs2 .webix_view.newButton button:not(.demoButton):hover, #fs2 .webix_view.newButton body.demo button:not(.demoButton):hover, body.demo #fs2 .webix_view.webix_fmanager_menu button:not(.demoButton):hover, #fs2 .webix_view.webix_fmanager_menu body.demo button:not(.demoButton):hover {
  background-color: #c3c9d2;
}
body.demo .button1:not(.demoButton):active, body.demo .button5:not(.demoButton):active, body.demo .button5B:not(.demoButton):active, body.demo .buttonR:not(.demoButton):active, body.demo .button4:not(.demoButton):active, body.demo .button3:not(.demoButton):active, body.demo #fs2 .webix_view.newButton button:not(.demoButton):active, #fs2 .webix_view.newButton body.demo button:not(.demoButton):active, body.demo #fs2 .webix_view.webix_fmanager_menu button:not(.demoButton):active, #fs2 .webix_view.webix_fmanager_menu body.demo button:not(.demoButton):active, body.demo .button1:not(.demoButton).active, body.demo .button5:not(.demoButton).active, body.demo .button5B:not(.demoButton).active, body.demo .buttonR:not(.demoButton).active, body.demo .button4:not(.demoButton).active, body.demo .button3:not(.demoButton).active, body.demo #fs2 .webix_view.newButton button:not(.demoButton).active, #fs2 .webix_view.newButton body.demo button:not(.demoButton).active, body.demo #fs2 .webix_view.webix_fmanager_menu button:not(.demoButton).active, #fs2 .webix_view.webix_fmanager_menu body.demo button:not(.demoButton).active {
  background-color: #b5bbbb;
}

.button3 {
  background-color: #bdc3c7;
}
.button3:not(.disabled):hover {
  background-color: #c3c9d2;
}
.button3:not(.disabled):active, .button3:not(.disabled).active {
  background-color: #b5bbbb;
}

.button4 {
  background-color: #848484;
  box-shadow: none;
}
.button4:not(.disabled):hover {
  background-color: #8d8d8d;
}
.button4:not(.disabled):active, .button4:not(.disabled).active {
  background-color: #818286;
}

.vbar {
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  width: 1px;
  background-color: #c5c5c5;
  margin: 0 10px;
}

.buttonR {
  background: #850012 url(../img/delete.png) center center no-repeat;
  width: 40px;
  min-width: 0;
  vertical-align: middle;
}
.buttonR:not(.disabled):hover {
  background: #730010 url(../img/delete.png) center center no-repeat;
}
.buttonR:not(.disabled):active, .buttonR:not(.disabled).active {
  background: #850012 url(../img/delete.png) center center no-repeat;
}
.buttonR.withText {
  display: inline-block;
  width: auto;
  background-position: 10px center !important;
  padding-left: 30px;
}
.buttonR.wide {
  width: auto;
  background-position: 10% center !important;
  padding-left: 30px;
}

.button2 {
  line-height: 35px;
  font-size: 17px;
  border-radius: 4px;
  border: 1px solid #ebebeb;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
  background: linear-gradient(to bottom, #fdfdfd, #fcfcfc);
  cursor: pointer;
  padding-left: 13px;
}
.button2:not(.disabled):hover:not(.disabled) {
  background: linear-gradient(to bottom, #fdfdfd, #f6f6f6);
}
.button2:not(.disabled):active:not(.disabled), .button2:not(.disabled).active:not(.disabled) {
  background: linear-gradient(to bottom, #fff, #f0f0f0) !important;
}
.button2.disabled {
  opacity: 0.35;
  cursor: default;
}
.button2 span {
  padding-left: 20px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
}
.button2.v2 {
  min-width: 100px;
  padding: 2px 10px 2px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
}

.button5, .button5B {
  background-color: #ffffff;
  box-shadow: none;
  color: #000;
  border: 1px solid #000;
  line-height: 33px;
}
.button5:not(.disabled):hover, .button5B:not(.disabled):hover {
  background-color: #f8f8f8;
}
.button5:not(.disabled):active, .button5B:not(.disabled):active, .button5:not(.disabled).active, .button5B:not(.disabled).active {
  background-color: #f2f2fa;
}

.button5B {
  display: block;
  background-color: #ffffff;
  box-shadow: 0px 4px 0.86px 0.14px rgba(0, 0, 0, 0.2);
  color: #117d7b;
  border: 1px solid #fff;
  line-height: 45px;
  padding: 0 5px;
  border-radius: 1px;
  font-size: 16px;
}
.button5B:not(.disabled):hover {
  background-color: #f8f8f8;
}
.button5B:not(.disabled):active, .button5B:not(.disabled).active {
  background-color: #f2f2fa;
}

.button6, .button6D, .button6DP, .button6C, .button6B, .button6P {
  color: #ffffff;
  background-color: #00a9a9 !important;
  cursor: pointer;
  padding: 11px 10px 10px;
  font-size: 12px;
  position: relative;
  display: inline-block;
  border-radius: 4px;
  text-transform: uppercase;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.15) inset;
}
.button6.fz13, .fz13.button6D, .fz13.button6DP, .fz13.button6C, .fz13.button6B, .fz13.button6P {
  font-size: 13px;
}
.button6:not(.disabled):not(:disabled):hover, .button6D:not(.disabled):not(:disabled):hover, .button6DP:not(.disabled):not(:disabled):hover, .button6C:not(.disabled):not(:disabled):hover, .button6B:not(.disabled):not(:disabled):hover, .button6P:not(.disabled):not(:disabled):hover {
  background-color: #02a0a0 !important;
}
.button6:not(.disabled):not(:disabled):active, .button6D:not(.disabled):not(:disabled):active, .button6DP:not(.disabled):not(:disabled):active, .button6C:not(.disabled):not(:disabled):active, .button6B:not(.disabled):not(:disabled):active, .button6P:not(.disabled):not(:disabled):active, .button6:not(.disabled):not(:disabled).active, .button6D:not(.disabled):not(:disabled).active, .button6DP:not(.disabled):not(:disabled).active, .button6C:not(.disabled):not(:disabled).active, .button6B:not(.disabled):not(:disabled).active, .button6P:not(.disabled):not(:disabled).active {
  top: 1px;
}
.button6.tac, .tac.button6D, .tac.button6DP, .tac.button6C, .tac.button6B, .tac.button6P {
  text-align: center;
}
.button6.disabled, .disabled.button6D, .disabled.button6DP, .disabled.button6C, .disabled.button6B, .disabled.button6P, .button6:disabled, .button6D:disabled, .button6DP:disabled, .button6C:disabled, .button6B:disabled, .button6P:disabled {
  cursor: default;
  background-color: #dadfe2 !important;
  box-shadow: none;
  top: 0;
}

.button6P {
  padding: 10px 25px 9px;
}

.button6B {
  background-color: #aeaeae !important;
}
.button6B:not(.disabled):hover {
  background-color: #b4b4b4 !important;
}

.button6C {
  background-color: #851113 !important;
}
.button6C:not(.disabled):hover {
  background-color: #961416 !important;
}

.button6D, .button6DP {
  background-color: #007d7d !important;
}
.button6D:not(.disabled):not(:disabled):hover, .button6DP:not(.disabled):not(:disabled):hover {
  background-color: #016e6e !important;
}

.button6DP {
  padding: 10px 25px 9px;
}

.buttonD1 {
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 7px 5px 6px 10px;
  font-weight: 300;
}
.buttonD1:hover {
  background-color: #f3f3f3;
}
.buttonD1 i {
  margin-left: 5px;
  font-size: 0.6em;
  color: #bbb;
}

.addClientButton {
  height: 63px;
  width: 277px;
  cursor: pointer;
  border-radius: 4px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  background-color: #f9fafb;
  color: #a8a8a8;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.15) inset;
  text-transform: uppercase;
}
.addClientButton:hover {
  background-color: #fdfdfd;
}
.addClientButton.active, .addClientButton:active {
  background-color: #f9fafb !important;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15) inset;
}
.addClientButton .i {
  font-size: 15px;
  background: url(../img/plus.svg) left center/18px 18px no-repeat;
  padding-left: 25px;
  line-height: 25px;
}
.addClientButton.pulsing {
  animation: 1s ease-in-out infinite alternate pulsing;
}

.buttonAdd {
  font-size: 12px;
  background: url(../img/files-plus.png) left center no-repeat;
  padding-left: 20px;
  cursor: pointer;
  text-transform: uppercase;
  color: #747474;
}
.buttonAdd span {
  position: relative;
  display: inline-block;
  text-decoration: underline;
}
.buttonAdd.gray {
  background: url(../img/files-plus-gray.png) left center no-repeat;
}
.buttonAdd:hover {
  color: #aaaaaa;
}
.buttonAdd.active span {
  top: 1px;
}
.buttonAdd.fr {
  margin-left: 20px;
  float: right;
}
.buttonAdd.fl {
  float: left;
}
.buttonAdd.fl + .btn {
  margin-left: 12px;
}

.buttonAdd2 {
  font-size: 12px;
  background: url(../img/plus-bigger.png) left center no-repeat;
  padding-left: 23px;
  cursor: pointer;
  text-transform: uppercase;
  color: #000;
  line-height: 18px;
}
.buttonAdd2 span {
  position: relative;
  display: inline-block;
  text-decoration: underline;
}
.buttonAdd2:hover {
  background: url(../img/plus-bigger-h.png) left center no-repeat;
}
.buttonAdd2.active {
  background: url(../img/plus-bigger-a.png) left center no-repeat;
}
.buttonAdd2.fr {
  margin-left: 20px;
  float: right;
}
.buttonAdd2.fl {
  float: left;
}
.buttonAdd2.fl + .btn {
  margin-left: 12px;
}

.grayButton {
  text-transform: uppercase;
  font-size: 12px;
  padding: 7px 10px 8px;
  background-color: #e3e3e3;
  color: #747474;
  border-radius: 4px;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.15) inset;
  display: inline-block;
}
.grayButton:hover {
  background-color: #efefef;
}
.grayButton.active {
  background-color: #c6c6c6;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15) inset;
}

.defaultClose, #alertOverlay .openAlert .close, #vecozoOverlay .openAlert .close {
  background: url(../img/close3.png) center center no-repeat;
  padding: 6px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.defaultClose:not(.disabled), #alertOverlay .openAlert .close:not(.disabled), #vecozoOverlay .openAlert .close:not(.disabled) {
  cursor: pointer;
}
.defaultClose:not(.disabled):hover, #alertOverlay .openAlert .close:not(.disabled):hover, #vecozoOverlay .openAlert .close:not(.disabled):hover {
  background: url(../img/close3-h.png) center center no-repeat;
}
.defaultClose:not(.disabled).active, #alertOverlay .openAlert .close:not(.disabled).active, #vecozoOverlay .openAlert .close:not(.disabled).active {
  background: url(../img/close3-a.png) center center no-repeat;
}
.defaultClose.white, #alertOverlay .openAlert .white.close, #vecozoOverlay .openAlert .white.close {
  background: url(../img/close-white.png) center center/13px 13px no-repeat;
}
.defaultClose.white:not(.disabled):hover, #alertOverlay .openAlert .white.close:not(.disabled):hover, #vecozoOverlay .openAlert .white.close:not(.disabled):hover {
  background: url(../img/close3.png) center center no-repeat;
}
.defaultClose.white:not(.disabled).active, #alertOverlay .openAlert .white.close:not(.disabled).active, #vecozoOverlay .openAlert .white.close:not(.disabled).active {
  top: 11px;
}
.defaultClose.right, #alertOverlay .openAlert .right.close, #vecozoOverlay .openAlert .right.close {
  background-position: right center;
  right: 0;
}

.btn {
  cursor: pointer;
}

.search1, .search2 {
  height: 40px;
  padding: 0 10px 0 40px;
  background: #ffffff url(../img/search.png) 10px center no-repeat;
  display: block;
  transition: border-color 0.5s ease;
  outline: none;
  border: 1px solid #eef0f1;
  width: 100%;
  max-width: 400px;
}
.search1:focus, .search2:focus {
  border-color: #017272;
}

.search2 {
  border-color: transparent;
  box-shadow: 0px 1px 5.46px 0.54px rgba(0, 0, 0, 0.1);
}

.table1 {
  color: #171717;
  max-width: 100%;
}
.table1 th {
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 15px;
  vertical-align: top;
}
.table1 th, .table1 td {
  text-align: left;
  padding-right: 10px;
  word-break: break-word;
}
.table1 th:last-child, .table1 td:last-child {
  padding-right: 0;
}
.table1 th.tar, .table1 td.tar {
  text-align: right;
}
.table1 th.blank, .table1 td.blank {
  width: 20px;
  max-width: 20px;
}
.table1 th.noPr, .table1 td.noPr {
  padding-right: 0;
}
.table1 td {
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align: middle;
}
.table1 td .person {
  display: flex;
  align-items: center;
}
.table1 td .person img {
  height: 33px;
  width: 33px;
  margin-right: 7px;
  border-radius: 3px;
  flex: none;
}
.table1 td .images {
  display: flex;
  max-width: 100px;
  align-items: center;
  justify-content: space-between;
}
.table1 td .images .img {
  flex: 0 1 25px;
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.table1 td .images .img:last-child {
  margin-right: 0;
}
.table1 td .images img {
  height: auto;
  border-radius: 3px;
}
.table1 tbody * {
  font-weight: 300;
}
.table1 tbody tr.highlight {
  background: rgba(120, 195, 195, 0.55);
}
.table1 tbody tr:hover td {
  background: #bfe9e9;
}
.table1 tbody tr:hover td.inactive {
  color: #9e9e9e;
}
.table1 tbody tr td.inactive {
  color: #b6b6b6;
}
.table1 tbody tr td.totalColumn {
  color: #103ca2;
}
.table1 .green {
  color: #017272;
}
.table1 .red {
  color: #e70021;
}
.table1 .slash {
  font-size: 10px;
}
.table1.declaraties {
  padding-top: 4px;
  padding-bottom: 4px;
}
.table1.declaraties tr {
  cursor: pointer;
}
.table1.exports th, .table1.exports td {
  padding-right: 20px;
}
.table1.exports tbody tr:hover td {
  background: none;
}
.table1.exports .t6 .box {
  display: inline-block;
  position: relative;
}
.table1.exports .t6 .box .cnt {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(0, 125, 124, 0.7529411765);
  color: #ffffff;
  font-size: 12px;
  padding-top: 10px;
}
.table1.exports .t6 .box .cnt.smaller {
  font-size: 10px;
}
.table1.exports .t6 img {
  display: block;
}
.table1.exports .t6 img.rounded {
  height: 26px;
  width: 26px;
  border-radius: 2px;
}
.table1.exports .t6 img.square {
  height: 24px;
  width: 24px;
  border: 1px solid #78baba;
  border-radius: 1px;
}
.table1.exports .t11 {
  text-align: right;
}
.table1.exports .t11 img {
  padding-left: 15px;
  padding-right: 5px;
  cursor: pointer;
}
.table1 .nonRegisteredResult {
  border-top: 20px solid transparent;
  color: #535353;
}

.ui-slider.ui-slider-horizontal {
  height: 12px;
  border: none;
  border-radius: 6px;
  outline: none;
  background-color: #ecf0f1;
}
.ui-slider.gray .ui-slider-range {
  background-color: rgba(182, 182, 182, 0.29);
}
.ui-slider.gray .ui-slider-handle {
  background-color: rgb(189, 189, 189);
}
.ui-slider .ui-slider-range {
  background-color: #017272;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 18px;
  height: 18px;
  border: none;
  cursor: pointer;
  background-color: #005a5a;
  border-radius: 50%;
  color: inherit;
  top: -3px;
  margin-left: -9px;
  outline: none;
}
.ui-slider .ui-slider-handle:after {
  content: attr(data-time);
  position: absolute;
  display: inline-block;
  top: -17px;
  left: -8px;
  font-size: 13px;
}

.ui-datepicker {
  background-color: #017272;
  border-radius: 8px;
  margin-top: 10px;
  border: 1px solid #e8e8e8;
  padding: 4px 7px 7px;
  z-index: 20 !important;
}
.ui-datepicker:after {
  content: "";
  position: absolute;
  background: url(../img/datepicker-arrow.png) center center no-repeat;
  width: 14px;
  height: 7px;
  top: -7px;
  left: 20px;
}
.ui-datepicker .ui-datepicker-header {
  padding: 0;
  margin-bottom: 5px;
}
.ui-datepicker .ui-datepicker-prev {
  cursor: pointer;
  background: url(../img/datepicker-left.png) center center no-repeat;
  top: 0;
  left: 0;
  width: 35px;
  height: 30px;
}
.ui-datepicker .ui-datepicker-prev:hover {
  background-color: #188887;
}
.ui-datepicker .ui-datepicker-next {
  cursor: pointer;
  background: url(../img/datepicker-right.png) center center no-repeat;
  top: 0;
  right: 0;
  width: 35px;
  height: 30px;
}
.ui-datepicker .ui-datepicker-next:hover {
  background-color: #188887;
}
.ui-datepicker .ui-datepicker-title {
  line-height: 27px;
}
.ui-datepicker .ui-datepicker-title select {
  display: inline-block;
  vertical-align: middle;
}
.ui-datepicker .ui-datepicker-calendar {
  background-color: #fff;
  margin: 0;
  color: #34495e;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day span {
  background-color: #e76700;
  color: #ffffff;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today {
  color: #e76700;
}
.ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span {
  border-radius: 5px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td a:hover {
  background-color: #ebedee;
}

.clockpicker-popover.popover {
  border: 5px solid #017272;
  background-color: #017272;
}
.clockpicker-popover.popover .arrow {
  border: none;
  position: absolute;
  background: url(../img/datepicker-arrow.png) center center no-repeat;
  width: 14px;
  height: 7px;
  top: -12px;
  left: 20px;
}
.clockpicker-popover.popover .arrow:after {
  content: none;
}
.clockpicker-popover.popover .popover-title {
  background-color: #017272;
  color: #cccccc;
  padding: 0 10px 5px;
}
.clockpicker-popover.popover .text-primary {
  color: #ffffff;
}
.clockpicker-popover.popover .clockpicker-tick:hover {
  background-color: #ebedee;
}
.clockpicker-popover.popover .clockpicker-tick.active {
  background-color: #e76700;
}
.clockpicker-popover.popover .clockpicker-canvas line {
  stroke: #e76700;
}
.clockpicker-popover.popover .clockpicker-canvas-bg {
  fill: #e76700;
}
.clockpicker-popover.popover .clockpicker-canvas-bearing {
  fill: #e76700;
}
.clockpicker-popover.popover .clockpicker-canvas-fg {
  fill: #e76700;
}

.scrollbarAsync {
  position: relative;
}

.clickToOpen[tabindex] {
  outline: none;
}
.clickToOpen.goals .content {
  max-height: 350px;
}
.clickToOpen .popUp.fixed {
  transition: transform 0.5s ease, opacity 0.5s ease, top 0.05s linear, left 0.05s linear;
  position: fixed;
}

.container1 {
  border: 1px solid #e8e8e8;
  background-color: #ffffff;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  border-radius: 5px;
  width: 215px;
  cursor: default;
  padding: 5px 0;
  font-weight: 300;
  z-index: 4;
}
.container1.bigger .entry {
  padding: 13px 15px;
}
.container1.bigger2 .entry {
  padding: 9px 15px;
}
.container1.firstHbarTop .entry:first-child:after {
  height: 1px;
  left: 8px;
  right: 8px;
  top: 0 !important;
}
.container1 .title {
  font-weight: 700;
  margin-bottom: 8px;
}
.container1 .hbar {
  height: 1px;
  background-color: #d7d7d7;
}
.container1 .hbar.mb {
  margin-bottom: 10px;
}
.container1 .entry {
  padding: 5px 15px;
  position: relative;
  cursor: pointer;
  display: block;
}
.container1 .entry.wider {
  padding-left: 8px;
  padding-right: 8px;
}
.container1 .entry.higher {
  padding-top: 15px;
  padding-bottom: 15px;
}
.container1 .entry.extraMt {
  margin-top: 10px;
}
.container1 .entry.extraMt:after {
  top: -10px !important;
}
.container1 .entry:hover:not(.disabled), .container1 .entry.sel:not(.disabled) {
  background-color: #e76700 !important;
  color: #ffffff;
}
.container1 .entry:hover:not(.disabled):after, .container1 .entry.sel:not(.disabled):after {
  background-color: transparent;
}
.container1 .entry:not(.noTop):after {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  height: 1px;
  background-color: #f7f7f7;
}
.container1 .entry:first-child:after {
  height: 0;
}
.container1 .entry.disabled {
  cursor: default;
  color: #a8a8a8;
}
.container1.top:after {
  content: "";
  background: url(../img/container-top.png) center center no-repeat;
  width: 16px;
  height: 9px;
  position: absolute;
  top: -9px;
  right: 15px;
}
.container1.top.v2 {
  top: 40px;
}
.container1.top.v2:after {
  right: auto;
  left: 8px;
}
.container1.top.v3:after {
  right: auto;
  left: 35px;
}
.container1.left:after {
  content: "";
  background: url(../img/container-left.png) center center no-repeat;
  width: 10px;
  height: 18px;
  position: absolute;
  left: -10px;
  top: 17px;
}

.dropDown1.open .btn1 {
  background: #dddddd url(../img/arrow-down4.png) right 10px center no-repeat;
}
.dropDown1 .btnBox {
  display: flex;
}
.dropDown1 .btn1 {
  position: relative;
  padding: 10px 30px 9px 10px;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 13px;
  color: #1c1c1c;
  background: #dddddd url(../img/arrow-right3.png) right 10px center/6px no-repeat;
  border: 1px solid #cecece;
  border-radius: 5px;
  width: auto;
  min-width: 330px;
  max-width: 700px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropDown1 .btn1.asterisk {
  padding-right: 40px;
}
.dropDown1 .btn1.asterisk:after {
  content: "*";
  position: absolute;
  font-weight: 700;
  font-size: 30px;
  color: #e76600;
  right: 25px;
  line-height: 25px;
  top: 10px;
}
.dropDown1 .container2.popUp {
  width: 700px;
  padding: 25px 25px 30px 35px;
}
.dropDown1 .container2.popUp .section {
  padding-bottom: 20px;
}
.dropDown1 .container2.popUp h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
.dropDown1 .container2.popUp .hbar {
  height: 1px;
  width: 100%;
  background-color: #e0e3e5;
  margin-bottom: 10px;
}
.dropDown1 .container2.popUp .quickSelect {
  font-size: 13px;
  margin-bottom: 10px;
}
.dropDown1 .container2.popUp .dateRow {
  display: flex;
  justify-content: flex-start;
}
.dropDown1 .container2.popUp .dateUnit {
  display: flex;
  margin-right: 30px;
  align-items: center;
  flex: 0 1 auto;
}
.dropDown1 .container2.popUp .dateUnit .label {
  margin-right: 10px;
  flex: none;
  text-transform: uppercase;
  font-size: 13px;
}
.dropDown1 .container2.popUp .dateUnit input {
  width: 120px;
  flex: none;
}
.dropDown1 .container2.popUp .persons {
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
}
.dropDown1 .container2.popUp .persons .imgs {
  display: flex;
}
.dropDown1 .container2.popUp .persons .imgs img {
  height: 30px;
  width: 30px;
  border-radius: 3px;
  flex: none;
}
.dropDown1 .container2.popUp .persons .imgs img:not(:last-child) {
  margin-right: 2px;
}
.dropDown1 .container2.popUp .persons .count {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  background-color: rgba(1, 114, 114, 0.8);
  color: #fff;
  padding: 2px;
  display: flex;
  align-items: flex-end;
  font-size: 15px;
}
.dropDown1 .container2.popUp .personsDash {
  font-weight: 400;
  font-size: 36px;
  margin-top: -10px;
}
.dropDown1 .container2.popUp .radios {
  display: flex;
  margin-bottom: 15px;
}
.dropDown1 .container2.popUp .radios .checkboxLabel:not(:last-child) {
  margin-right: 30px;
}
.dropDown1 .container2.popUp .radios .checkboxLabel .text {
  font-weight: 300;
  font-size: 15px;
}
.dropDown1 .container2.popUp .radios .checkboxLabel .p3 {
  padding-left: 30px;
  background: url(../img/timeline/all.png) 2px center/20px no-repeat;
}
.dropDown1 .container2.popUp .radios .checkboxLabel .p2 {
  padding-left: 30px;
  background: url(../img/timeline/selected.png) 3px center/18px no-repeat;
}
.dropDown1 .container2.popUp .radios .checkboxLabel .p1 {
  padding-left: 30px;
  background: url(../img/timeline/private.png) 3px center/18px no-repeat;
}
.dropDown1 .container2.popUp .extraSwitch {
  margin: 5px 0 15px;
  display: flex;
}
.dropDown1 .container2.popUp .personSelector {
  font-size: 16px;
}
.dropDown1 .container2.popUp .cols {
  display: flex;
}
.dropDown1 .container2.popUp .cols .col {
  flex: none;
  padding-right: 30px;
}
.dropDown1.style2 {
  font-size: 14px;
}
.dropDown1.style2 > .popUp {
  padding: 20px 15px 25px;
}
.dropDown1.style2 > .popUp.menu {
  width: 270px;
  padding-left: 18px;
  padding-right: 23px;
}
.dropDown1.style2 > .popUp.menu:after {
  left: 10px;
}
.dropDown1.style2 > .popUp.menu .menuSummary {
  font-size: 17px;
  white-space: pre-line;
  margin-bottom: 10px;
}
.dropDown1.style2 > .popUp.menu .item {
  padding: 5px 0 5px 30px;
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 300;
}
.dropDown1.style2 > .popUp.menu .item:not(:last-child) {
  margin-bottom: 5px;
}
.dropDown1.style2 > .popUp.menu .item.moreMb {
  margin-bottom: 15px;
}
.dropDown1.style2 > .popUp.menu .item:hover {
  background-color: #f5f5f5;
}
.dropDown1.style2 > .popUp.menu .item i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.dropDown1.style2 > .popUp.menu .item > input[type=checkbox] {
  visibility: hidden;
}
.dropDown1.style2 > .popUp.menu > .dropDown1:not(:last-child) {
  margin-bottom: 5px;
}
.dropDown1.style2 > .popUp.menu > .dropDown1.moreMb {
  margin-bottom: 15px;
}
.dropDown1.style2 > .popUp.menu input[type=text] {
  font-weight: 400;
  margin-bottom: 15px;
}
.dropDown1.style2 h2 {
  font-size: 18px;
  margin-bottom: 15px;
  display: block;
}
.dropDown1.style2 h2.lessMb {
  margin-bottom: 10px;
}
.dropDown1.style2 h3 {
  font-size: 15px;
  color: #A6A6A6;
  margin-bottom: 10px;
  display: block;
}
.dropDown1.style2 h3.moreMb {
  margin-bottom: 20px;
}
.dropDown1.style2 h4 {
  font-size: 12px;
  color: #A6A6A6;
  margin-bottom: 10px;
}
.dropDown1.style2 .section:not(:last-child) {
  margin-bottom: 25px;
}
.dropDown1.style2 .section.moreMb {
  margin-bottom: 40px;
}
.dropDown1.style2 .indent {
  padding-left: 15px;
}
.dropDown1.style2 .hbar {
  background-color: #D9D9D9;
  margin-bottom: 15px;
}
.dropDown1.style2 .optionRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dropDown1.style2 .betweenRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dropDown1.style2 .betweenRow > :last-child {
  margin: 0;
}

.plus1 {
  background: url(../img/plus-bigger.png) center center no-repeat;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.plus1:hover {
  background: url(../img/plus-bigger-h.png) center center no-repeat;
}
.plus1.active {
  background: url(../img/plus-bigger-a.png) center center no-repeat;
}

.doEffect .effect.left {
  transform: translate(-40px, 0);
}

.doEffect.effectInit > .effect {
  opacity: 1;
  transform: translate(0, 0) !important;
}
.doEffect .effect {
  transition: transform 0.5s;
  opacity: 0;
  transform: translate(0, -40px);
}

.tabContainer .tabs {
  border-bottom: 2px solid #ecf0f1;
  font-weight: 300;
  font-size: 14px;
  color: #202020;
  padding-left: 18px;
  margin-bottom: 15px;
}
.tabContainer .tabs.compact .tab {
  margin-right: 7px;
}
.tabContainer .tabs .tab {
  border: 2px solid transparent;
  position: relative;
  margin-bottom: -2px;
  display: inline-block;
  background-color: #fafafa;
  cursor: pointer;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 12px 8px;
  margin-right: 10px;
  border-bottom-color: #ecf0f1;
}
.tabContainer .tabs .tab.sel, .tabContainer .tabs .tab:hover {
  background-color: #fff;
  border-color: #ecf0f1;
  border-bottom-color: #ffffff;
}
.tabContainer .content .c {
  display: none;
}
.tabContainer .content .c.sel {
  display: block;
}
.tabContainer .content .c.scrollbarAsync {
  position: relative;
  max-height: 187px;
}

.tabContainer2 {
  display: inline-block;
}
.tabContainer2 .tabs {
  display: flex;
  align-items: center;
}
.tabContainer2 .next, .tabContainer2 .prev {
  height: 23px;
  width: 23px;
  border: 1px solid #ebebeb;
  cursor: pointer;
}
.tabContainer2 .next:hover, .tabContainer2 .prev:hover {
  background-color: #fae1cc;
}
.tabContainer2 .prev {
  background: url(../img/tc2left.png) center center no-repeat;
  margin-right: 10px;
}
.tabContainer2 .next {
  background: url(../img/tc2right.png) center center no-repeat;
  margin-left: 10px;
}
.tabContainer2 .ts {
  display: flex;
  align-items: center;
}
.tabContainer2 .tab {
  font-weight: 300;
  color: #7d7d7d;
  padding: 3px 8px 2px;
  cursor: pointer;
}
.tabContainer2 .tab:hover {
  background-color: #fae1cc;
  color: #000;
}
.tabContainer2 .tab.sel {
  background-color: #e76700;
  color: #ffffff;
  font-weight: 400;
}

.newCount {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 10px;
  color: #ffffff;
  background-color: #e76700;
  border-radius: 3px;
  padding: 2px;
}

.cup {
  cursor: pointer;
}

.scrollBox {
  width: 100%;
  height: 100%;
  position: relative;
}

.flexBox {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

body .loadingDiv {
  position: fixed;
  right: -30px;
  top: -30px;
  height: 30px;
  width: 30px;
  z-index: 999999;
  opacity: 0;
  background: url(../img/loading.svg) center center/contain no-repeat;
  -webkit-transform: translateZ(0) translate3d(0, 0, 0);
  transform: translateZ(0) translate3d(0, 0, 0);
  transition: opacity 0.5s ease;
}
body.loading .loadingDiv {
  right: 11px;
  top: 2px;
  opacity: 1;
}
body.loadingCursor * {
  cursor: wait !important;
}
body.inside .notice {
  font-weight: 300;
  margin-bottom: 30px;
  font-style: italic;
  color: #750208;
}
body.inside .notice.ok {
  color: #33c337;
}
body .ps-container .ps-scrollbar-x-rail, body .ps-container .ps-scrollbar-y-rail {
  opacity: 0.45 !important;
  background-color: rgba(54, 47, 43, 0.5) !important;
  border-radius: 4px;
}
body .ps-container .ps-scrollbar-x-rail .ps-scrollbar-x, body .ps-container .ps-scrollbar-x-rail .ps-scrollbar-y, body .ps-container .ps-scrollbar-y-rail .ps-scrollbar-x, body .ps-container .ps-scrollbar-y-rail .ps-scrollbar-y {
  background-color: rgba(0, 0, 0, 0.5) !important;
  cursor: pointer;
  border-radius: 4px;
}
body .ps-container .ps-scrollbar-x-rail {
  height: 8px !important;
  margin-bottom: 2px;
}
body .ps-container .ps-scrollbar-x-rail .ps-scrollbar-x {
  height: 8px !important;
  bottom: 0 !important;
  border-radius: 4px;
}
body .ps-container .ps-scrollbar-y-rail {
  width: 8px !important;
  margin-right: 2px;
}
body .ps-container .ps-scrollbar-y-rail .ps-scrollbar-y {
  width: 8px !important;
  right: 0 !important;
  border-radius: 4px;
}
body .tribute-container {
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
body .tribute-container ul {
  margin-top: 0;
  background: #ffffff;
}
body .tribute-container ul li.highlight {
  color: #ffffff;
  background-color: #e76701;
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #b0b0b0 #f4f4f4;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: #f4f4f4;
  border-radius: 3px;
}

*::-webkit-scrollbar-thumb {
  background-color: #b0b0b0;
  border-radius: 3px;
  cursor: pointer;
}

#timelineOverlay .inner, #clipOverlay .inner, #letterOverlay .inner, #vecozoOverlay .inner {
  scrollbar-color: #596a6a #f4f4f4;
}
#timelineOverlay .inner::-webkit-scrollbar-thumb, #clipOverlay .inner::-webkit-scrollbar-thumb, #letterOverlay .inner::-webkit-scrollbar-thumb, #vecozoOverlay .inner::-webkit-scrollbar-thumb {
  background-color: #596a6a;
}

#dsc {
  position: absolute;
  width: 100%;
  flex: none;
  z-index: 5;
  top: 0;
  left: 0;
}
body.management.agenda #dsc {
  width: auto;
  right: 200px;
}
body.management.registration #dsc .dateRow {
  max-width: 180px;
}
#dsc .dsbBox {
  position: absolute;
  right: 18px;
  bottom: -44px;
  display: flex;
  justify-content: flex-end;
  background-color: #fff;
}
#dsc .dsbBox.lower {
  bottom: -55px;
}
#dsc .dsbBox.open {
  bottom: -15px;
}
#dsc .dsbBox.open .detailsSelButton {
  background: #fff url(../img/arrow-up.png) 95% center no-repeat;
}
#dsc .dsbBox.open .detailsSelButton.noMove {
  bottom: -29px;
}
#dsc .dsbBox.open .hideOnOpen {
  display: none;
}
#dsc .dsbBox > div:not(:last-child), #dsc .dsbBox > a:not(:last-child) {
  margin-right: 10px;
}
#dsc .dsbBox .newItem {
  min-width: 110px;
}
#dsc .searchBox {
  margin-right: 15px;
  border: 1px solid transparent;
}
#dsc .buttonBox .container1 {
  width: 220px;
}
#dsc .buttonBox .container1.state2 {
  width: 550px;
}
#dsc .buttonBox .container1.state2 .popUpBottom {
  max-height: 500px;
  overflow-y: auto;
  padding: 5px 5px 5px 0;
}
#dsc .buttonBox .popUpBottom.hasNoSidePadding {
  padding-top: 0;
}
#dsc .buttonBox .popUpBottom.hasNoSidePadding * {
  font-weight: 400;
}
#dsc .buttonBox .popUpBottom.hasNoSidePadding .header {
  color: #8c8c8c;
  padding: 9px 15px;
}
#dsc .buttonBox .summary {
  font-size: 18px;
  margin-bottom: 10px;
}
#dsc .buttonBox .subSummary {
  font-style: italic;
  margin-bottom: 10px;
  color: #8c8c8c;
}
#dsc .buttonBox .selectDetailTypes {
  padding-left: 30px;
  background: url(../img/mobile/caution.png) left 5px/20px no-repeat;
}
#dsc .buttonBox .selectDetailTypes .hdr {
  font-weight: 700;
  color: #860707;
  margin-bottom: 5px;
}
#dsc .buttonBox .selectDetailTypes .types {
  width: 200px;
  margin-bottom: 10px;
}
#dsc .buttonBox .selectDetailTypes .type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 0;
}
#dsc .buttonBox .selectDetailTypes .remove {
  height: 20px;
  width: 20px;
  background: url(../img/close3.png) center center no-repeat;
  cursor: pointer;
}
#dsc .buttonBox .selectDetailTypes .remove:hover {
  background: url(../img/close3-h.png) center center no-repeat;
}
#dsc .buttonBox .selectDetailTypes .remove.active {
  background: url(../img/close3-a.png) center center no-repeat;
}
#dsc .buttonBox .detailTabs {
  columns: 3;
  margin-bottom: 10px;
  column-gap: 0px;
}
#dsc .buttonBox .detailTabs .checkboxLabel {
  margin-right: 10px;
  margin-bottom: 0;
}
#dsc .buttonBox .detailTabs .tab {
  margin-bottom: 15px;
}
#dsc .buttonBox .detailTabs .tabName {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
#dsc .buttonBox .detailTabs .form {
  break-inside: avoid-column;
  margin-bottom: 15px;
}
#dsc .buttonBox .detailTabs .formName {
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 4px;
}
#dsc .buttonBox .detailTabs label {
  margin-bottom: 2px;
  font-size: 14px;
}
#dsc .buttonBox .hbar {
  height: 2px;
  background-color: #d2d2d2;
}
#dsc .buttonBox .buttonBox {
  display: flex;
  justify-content: flex-end;
}
#dsc .buttonBox > .btn {
  height: 100%;
}

.buttonBox.dsc .container1 {
  width: 220px;
}
.buttonBox.dsc .container1.state2 {
  width: 550px;
}
.buttonBox.dsc .container1.state2 .popUpBottom {
  max-height: 500px;
  overflow-y: auto;
  padding: 5px 5px 5px 0;
}
.buttonBox.dsc .popUpBottom.hasNoSidePadding {
  padding-top: 0;
}
.buttonBox.dsc .popUpBottom.hasNoSidePadding * {
  font-weight: 400;
}
.buttonBox.dsc .popUpBottom.hasNoSidePadding .header {
  color: #8c8c8c;
  padding: 9px 15px;
}
.buttonBox.dsc .summary {
  font-size: 18px;
  margin-bottom: 10px;
}
.buttonBox.dsc .subSummary {
  font-style: italic;
  margin-bottom: 10px;
  color: #8c8c8c;
}
.buttonBox.dsc .selectDetailTypes {
  padding-left: 30px;
  background: url(../img/mobile/caution.png) left 5px/20px no-repeat;
}
.buttonBox.dsc .selectDetailTypes .hdr {
  font-weight: 700;
  color: #860707;
  margin-bottom: 5px;
}
.buttonBox.dsc .selectDetailTypes .types {
  width: 200px;
  margin-bottom: 10px;
}
.buttonBox.dsc .selectDetailTypes .type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 0;
}
.buttonBox.dsc .selectDetailTypes .remove {
  height: 20px;
  width: 20px;
  background: url(../img/close3.png) center center no-repeat;
  cursor: pointer;
}
.buttonBox.dsc .selectDetailTypes .remove:hover {
  background: url(../img/close3-h.png) center center no-repeat;
}
.buttonBox.dsc .selectDetailTypes .remove.active {
  background: url(../img/close3-a.png) center center no-repeat;
}
.buttonBox.dsc .detailTabs {
  columns: 3;
  margin-bottom: 10px;
  column-gap: 0px;
}
.buttonBox.dsc .detailTabs .checkboxLabel {
  margin-right: 10px;
  margin-bottom: 0;
}
.buttonBox.dsc .detailTabs .tab {
  margin-bottom: 15px;
}
.buttonBox.dsc .detailTabs .tabName {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.buttonBox.dsc .detailTabs .form {
  break-inside: avoid-column;
  margin-bottom: 15px;
}
.buttonBox.dsc .detailTabs .formName {
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 4px;
}
.buttonBox.dsc .detailTabs label {
  margin-bottom: 2px;
  font-size: 14px;
}
.buttonBox.dsc .hbar {
  height: 2px;
  background-color: #d2d2d2;
}
.buttonBox.dsc .buttonBox {
  display: flex;
  justify-content: flex-end;
}
.buttonBox.dsc > .btn {
  height: 100%;
}

#declareerButton, #exportButton {
  margin-right: 10px;
}

#detailsSelection {
  background-color: #fff;
  padding: 65px 18px 40px;
  border: 1px solid #cecece;
  border-top: none;
  user-select: none;
  position: relative;
}
#detailsSelection .selectable {
  user-select: all;
}
#detailsSelection.clients {
  padding: 30px 18px 40px;
}
#detailsSelection h2 {
  font-size: 22px;
  color: #999;
  margin-bottom: 15px;
}
#detailsSelection .settings {
  display: flex;
  margin-bottom: 25px;
}
#detailsSelection .settings .section {
  flex: 1;
  padding-right: 50px;
}
#detailsSelection .settings .par {
  margin-bottom: 25px;
}
#detailsSelection .settings.intakeLinks {
  flex-wrap: wrap;
}
#detailsSelection .settings.intakeLinks .link {
  flex: none;
}
#detailsSelection .settings.intakeLinks .link:not(:last-child) {
  margin-bottom: 10px;
}
#detailsSelection .scrollbarAsync {
  position: relative;
  max-height: 300px;
  padding-right: 15px;
}
#detailsSelection h3 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 15px;
}
#detailsSelection h3.lessMb {
  margin-bottom: 8px;
}
#detailsSelection p {
  margin-bottom: 15px;
}
#detailsSelection p.tinyMb {
  margin-bottom: 5px;
}
#detailsSelection .twoCols {
  display: flex;
  flex-wrap: wrap;
}
#detailsSelection .twoCols > * {
  flex: none;
  width: 47%;
  margin-right: 3%;
}
#detailsSelection .tabs {
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  position: relative;
  min-height: 45px;
}
#detailsSelection .tab {
  background-color: #fafafa;
  font-weight: 300;
  color: #171717;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: 9px;
  cursor: pointer;
}
#detailsSelection .tab.showing, #detailsSelection .tab:hover {
  background-color: #e3e3e3;
}
#detailsSelection .content {
  background-color: #e3e3e3;
  padding: 15px 15px 30px;
}
#detailsSelection .content * {
  font-weight: 300;
}
#detailsSelection .title {
  font-style: italic;
  margin-bottom: 10px;
}
#detailsSelection .left {
  min-width: 160px;
  padding-right: 10px;
}
#detailsSelection .checkboxLabel {
  display: block;
  margin-bottom: 5px;
}
#detailsSelection .quickSelect {
  margin-bottom: 10px;
  font-size: 13px;
}
#detailsSelection .radios {
  margin-bottom: 10px;
}
#detailsSelection .radios.inline .checkboxLabel.v2:not(.hide) {
  display: inline-flex !important;
}
#detailsSelection .radios.inline .checkboxLabel.v2:not(.hide):last-child {
  margin-right: 0;
}
#detailsSelection .indications {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
#detailsSelection .indications .checkboxLabel:nth-child(4), #detailsSelection .indications .checkboxLabel:nth-child(8) {
  margin-bottom: 20px;
}
#detailsSelection .userRow .user {
  height: 30px;
}
#detailsSelection .userRow .user img {
  height: 30px;
  width: 30px;
}
#detailsSelection .userRow .user .name {
  font-weight: 400;
}
#detailsSelection .includeMembership {
  margin-top: 10px;
}

.detailsSelButton {
  font-weight: 300;
  color: #747474;
  border: 1px solid #cecece;
  padding: 9px 25px 5px 8px;
  background: #fff url(../img/arrow-down.png) 95% center no-repeat;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 13px;
}
.detailsSelButton.noArrow {
  padding: 9px 8px 5px 8px;
  background: #fff !important;
}
.detailsSelButton.open {
  background: #fff url(../img/arrow-up.png) 95% center no-repeat;
  top: -40px;
}
.detailsSelButton.gray {
  opacity: 0.5;
}

#hiddenContainer {
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}
#hiddenContainer span.twAutoWidth {
  white-space: nowrap;
  word-break: keep-all;
}

#previewOverlay {
  position: fixed;
  z-index: 25;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
#previewOverlay .inner {
  width: 100%;
  height: 100%;
  position: relative;
}
#previewOverlay .container {
  height: 100%;
  position: relative;
  padding: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#previewOverlay .content {
  height: 100%;
  width: 100%;
  padding-bottom: 60px;
  position: relative;
  background-color: #fff;
}
#previewOverlay .content iframe {
  width: 100%;
  height: 100%;
}
#previewOverlay .content .bottom {
  position: absolute;
  height: 60px;
  width: 100%;
  bottom: 0;
  left: 0;
  border-top: 1px solid #d6d6d6;
  padding: 9px 0 0 20px;
}

.searchBox {
  display: flex;
  align-items: center;
  width: 120px;
  border: 1px solid #eef0f1;
  padding: 5px 5px 5px 10px;
}
.searchBox:not(.open), .searchBox:not(.open) * {
  cursor: pointer;
}
.searchBox .icon {
  width: 19px;
  height: 19px;
  position: relative;
  flex: none;
  background: url(../img/search.png) left top no-repeat;
}
.searchBox .icon:after {
  content: "";
  width: 19px;
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/search-active.png) left top no-repeat;
  opacity: 0;
}
.searchBox i {
  color: #a3a3a3;
  font-size: 0.9em;
}
.searchBox input {
  border: none;
  outline: none;
  padding: 0 10px;
  height: 22px;
  flex: 1 1 auto;
  width: 75px;
}
.searchBox .close {
  transition: width 0.5s;
  width: 0;
  height: 23px;
  padding: 5px;
  background: url(../img/close3.png) center center no-repeat;
  visibility: hidden;
  flex: none;
  cursor: pointer;
}
.searchBox .close:hover {
  background: url(../img/close3-h.png) center center no-repeat;
}
.searchBox .close.active {
  background: url(../img/close3-a.png) center center no-repeat;
}
.searchBox.open {
  width: 300px;
  border-color: #017272 !important;
}
.searchBox.open .icon:after {
  opacity: 1;
}
.searchBox.open i {
  color: #017272;
}
.searchBox.open .close {
  width: 23px;
}
.searchBox.open.opened .close {
  visibility: visible;
}

.feedbackBox {
  float: right;
  padding-top: 5px;
  width: 400px;
  text-align: right;
  font-size: 14px;
  color: #717171;
  font-weight: 300;
}
.feedbackBox .inner {
  background-color: rgba(245, 245, 245, 0.7);
  position: relative;
  z-index: 2;
}

.pagination {
  display: flex;
  align-items: center;
}
.pagination .pages {
  display: flex;
  align-items: center;
  margin: 0 10px;
}
.pagination button {
  height: 23px;
  width: 23px;
  color: #7d7d7d;
}
.pagination button i {
  font-size: 0.7em;
  color: #c4c4c4;
}
.pagination button:not(:disabled):hover {
  background-color: #fae1cc;
  color: #202020;
}
.pagination button.sel {
  background-color: #e76600;
  color: #fff;
}
.pagination .prv, .pagination .nxt {
  border: 1px solid #ebebeb;
}

.selectric-wrapper.null .selectric .label {
  color: #bbb;
}
.selectric-wrapper .selectric {
  width: 100%;
  border: 1px solid #d8d8d8;
  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.05) inset;
  background-color: #fff;
}
.selectric-wrapper .selectric .label {
  font-size: inherit;
  color: inherit;
  height: 30px;
  line-height: 30px;
  margin-right: 25px;
}
.selectric-wrapper .selectric .button {
  height: 100%;
  width: 25px;
  background-color: transparent;
}
.selectric-wrapper .selectric-items {
  background-color: #fff;
}
.selectric-wrapper .selectric-items li {
  font-size: 14px;
  color: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
}
.selectric-wrapper .selectric-items li.selected {
  background: #e0e0e0 !important;
  color: #444 !important;
}
.selectric-wrapper .selectric-items li.selectric-group-label {
  font-size: 15px;
  font-weight: 600;
}
.selectric-wrapper .selectric-items li.null {
  color: #bbb;
}
.selectric-wrapper .selectric-scroll {
  position: relative;
}
.selectric-wrapper.selectric-disabled {
  opacity: 1;
}
.selectric-wrapper.selectric-disabled .selectric {
  background-color: #f9f9f9;
}
.selectric-wrapper.selectric-disabled .selectric-items {
  display: none;
}

.smallerSelectric {
  font-size: 13px;
}
.smallerSelectric * {
  font-weight: 300;
}
.smallerSelectric .selectric-wrapper .selectric .label {
  height: 20px;
  line-height: 20px;
  margin-right: 17px;
}
.smallerSelectric .selectric-wrapper .selectric .button {
  height: 20px;
  width: 15px;
}
.smallerSelectric .selectric .label {
  line-height: 20px;
  margin: 0 15px 0 5px;
}
.smallerSelectric .selectric-items {
  box-shadow: none;
}
.smallerSelectric .selectric-items li {
  line-height: 15px;
  padding: 5px;
}
.smallerSelectric .selectric-items li:hover {
  background: #f4f4f4 !important;
}
.smallerSelectric .selectric-items li.selected {
  background: #efefef !important;
}

.darkerSelectric.semiDarker .selectric-wrapper .selectric {
  background-color: #F5F5F5;
}
.darkerSelectric.semiDarker .selectric-wrapper .selectric-items {
  background-color: #F5F5F5;
}
.darkerSelectric.semiDarker .selectric-wrapper .selectric-items li:hover:not(.selectric-group-label) {
  background-color: #e3e3e3;
}
.darkerSelectric.semiDarker .selectric-wrapper .selectric-items li:not(:last-child):before {
  background-color: #F5F5F5;
}
.darkerSelectric.semiDarker .selectric-wrapper .selectric-items li:not(:last-child):after {
  background-color: #dfdfdf;
}
.darkerSelectric.semiDarker .selectric-wrapper .selectric-items li.selectric-group-label {
  color: #a1a1a1;
}
.darkerSelectric .selectric-wrapper {
  text-transform: uppercase;
  flex: none;
}
.darkerSelectric .selectric-wrapper.selectric-open .selectric {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.darkerSelectric .selectric-wrapper .selectric {
  border-radius: 5px;
  background-color: #C6C6C6;
  border: none;
  padding: 5px 10px;
}
.darkerSelectric .selectric-wrapper .selectric .label {
  font-size: 13px !important;
  text-transform: uppercase;
  margin: 0;
  line-height: normal;
  height: auto;
}
.darkerSelectric .selectric-wrapper .selectric-items {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: none;
  box-shadow: none;
  background-color: #C6C6C6;
  z-index: 2;
}
.darkerSelectric .selectric-wrapper .selectric-items .selectric-group:not(:last-child) {
  margin-bottom: 10px;
}
.darkerSelectric .selectric-wrapper .selectric-items li {
  font-size: 13px !important;
  position: relative;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
  padding: 0 10px;
  font-weight: 300;
}
.darkerSelectric .selectric-wrapper .selectric-items li:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.darkerSelectric .selectric-wrapper .selectric-items li:not(:last-child) {
  padding-bottom: 1px;
}
.darkerSelectric .selectric-wrapper .selectric-items li:not(:last-child):before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #C6C6C6;
}
.darkerSelectric .selectric-wrapper .selectric-items li:not(:last-child):after {
  position: absolute;
  content: "";
  display: block;
  height: 1px;
  bottom: 0;
  left: 10px;
  right: 10px;
  background-color: #BEBEBE;
  z-index: 1;
}
.darkerSelectric .selectric-wrapper .selectric-items li.selectric-group-label {
  font-size: 13px !important;
  font-weight: 600 !important;
}
.darkerSelectric .selectric-wrapper .selectric-items li.selectric-group-label:after {
  display: none;
}

.selectCollapse {
  position: relative;
}
.selectCollapse:has(.semiDarker):before {
  background-color: #F5F5F5;
}
.selectCollapse:has(.semiDarker) i {
  color: #cccccc;
}
.selectCollapse:has(.semiDarker):hover > i {
  color: #b1b1b1;
}
.selectCollapse:has(.semiDarker):has(select:disabled) {
  opacity: 0.6;
}
.selectCollapse:hover > i {
  color: #656565;
}
.selectCollapse:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 19px;
  background-color: #C6C6C6;
  border-radius: 5px;
}
.selectCollapse:has(.selectric-open):before {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: calc(100% + 5px);
}
.selectCollapse:has(select:disabled) {
  opacity: 0.2;
  pointer-events: none;
}
.selectCollapse:has(select:disabled) * {
  cursor: default;
}
.selectCollapse.open {
  margin-right: 12px;
}
.selectCollapse.open > i {
  display: none;
}
.selectCollapse.open + .letters {
  flex: 1 0 80%;
}
.selectCollapse.open .selectric {
  opacity: 1;
  clip-path: none;
}
.selectCollapse.open .selectric-items {
  top: 100%;
}
.selectCollapse.open .selectric-items, .selectCollapse.open .selectric-items li:first-child {
  border-top-right-radius: 0;
}
.selectCollapse .selectric {
  opacity: 0;
  clip-path: rect(auto 25px auto auto);
}
.selectCollapse .selectric-items {
  top: calc(100% + 5px);
}
.selectCollapse .selectric-items, .selectCollapse .selectric-items li:first-child {
  border-top-right-radius: 5px;
}
.selectCollapse i {
  position: absolute;
  top: 50%;
  font-size: 0.9em;
  left: 3px;
  transform: translate(0, -50%);
  pointer-events: none;
  color: #818181;
}

.afterSelectCollapse {
  display: flex;
  align-items: center;
  z-index: 1;
}

.hasSelectric {
  width: 100%;
}

.zoom {
  display: flex;
  align-items: center;
}
.zoom.style1 button {
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  padding: 6px;
  color: #BDBDBD;
  display: flex;
  align-items: center;
}
.zoom.style1 button:disabled {
  color: #F0F0F0;
  border-color: #F0F0F0;
}
.zoom.style1 button:not(:disabled):hover {
  background-color: #F5F5F5;
  cursor: pointer;
}
.zoom.style1 button:not(:disabled):active {
  color: #A1A1A1;
}
.zoom.style1 button i {
  font-size: 0.8em;
}
.zoom.style1 .plus {
  margin-right: 4px;
}
.zoom.style1 .minus {
  margin-right: 10px;
}
.zoom.style1 .label {
  text-transform: uppercase;
  font-size: 13px;
  width: 90px;
}
.zoom.style2 {
  margin-top: 10px;
}
.zoom.style2 button {
  padding: 7px;
}
.zoom.style2 button:disabled {
  opacity: 0.15;
}
.zoom.style2 button:not(:disabled):hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.zoom.style2 .plus {
  margin-right: 4px;
}
.zoom.style2 .label {
  font-size: 30px;
  min-width: 90px;
  width: fit-content;
  margin-right: 5px;
}

.tac {
  text-align: center;
}

.defaultHtml a {
  text-decoration: underline;
  color: #e76700;
}
.defaultHtml ul, .defaultHtml ol {
  margin: 10px 0;
}
.defaultHtml p:not(:last-child) {
  margin-bottom: 5px;
}

.ui-timepicker-wrapper {
  overflow: hidden;
  width: 90px;
}
.ui-timepicker-wrapper .ui-timepicker-innerWrapper {
  max-height: 150px;
  width: 105px;
  overflow-y: auto;
}
.ui-timepicker-wrapper .ui-timepicker-list li.empty {
  height: 24px;
}
.ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-selected, .ui-timepicker-wrapper .ui-timepicker-list li:hover {
  color: #ffffff;
  background-color: #e76700;
}

.debugInfo {
  position: -webkit-sticky;
  position: sticky;
  display: block;
  z-index: 10000;
  top: auto;
  left: 0;
  max-width: 100%;
  width: 100%;
  overflow-wrap: break-word;
  padding: 5px;
  background-color: #000000;
  color: #f9ffde;
  font-size: 14px;
  -webkit-transform: translateZ(0) translate3d(0, 0, 0);
  transform: translateZ(0) translate3d(0, 0, 0);
}

.isNonAccessibleGroupWithSingleClients {
  position: relative;
}
.isNonAccessibleGroupWithSingleClients:hover .icon {
  background-color: #f6f6f6;
}
.isNonAccessibleGroupWithSingleClients:hover .balloon {
  display: block;
}
.isNonAccessibleGroupWithSingleClients .icon {
  width: 24px;
  height: 24px;
  background: url(../img/d-passport.png) center center/13px no-repeat;
  border: 1px solid #ebebeb;
  border-radius: 3px;
}
.isNonAccessibleGroupWithSingleClients .balloon {
  display: none;
  position: absolute;
  left: 0;
  bottom: 30px;
  background-color: #4f4f4f;
  color: #ffffff;
  font-weight: 300;
  font-size: 14px;
  padding: 9px 8px 8px;
  width: 270px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.75);
  z-index: 2;
}
.clients .clientGroup:first-child .isNonAccessibleGroupWithSingleClients .balloon {
  top: 30px;
  bottom: auto;
}

.paymentOverlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.98);
  z-index: 29;
  color: #272727;
  overflow: auto;
}
.paymentOverlay.showMenu {
  left: 82px;
}
.paymentOverlay.showMenu .inner {
  max-width: 680px;
}
.paymentOverlay.subscribe h2 {
  font-size: 28px;
  margin-bottom: 15px;
}
.paymentOverlay.init .priceBox .greenInner:after {
  transform: rotate(-15deg);
}
.paymentOverlay .inner {
  max-width: 762px;
  padding: 110px 30px;
  display: flex;
  justify-content: flex-end;
  min-height: 100%;
  width: 100%;
}
.paymentOverlay .container {
  flex: 0 1 530px;
  position: relative;
}
.paymentOverlay h1 {
  font-weight: 700;
  font-size: 36px;
  margin-bottom: 5px;
  color: #171717;
}
.paymentOverlay h2 {
  font-size: 30px;
  margin-bottom: 30px;
  color: #171717;
}
.paymentOverlay h3 {
  font-size: 22px;
  color: #171717;
  margin-bottom: 15px;
}
.paymentOverlay .header {
  display: flex;
  font-size: 17px;
  margin-bottom: 50px;
}
.paymentOverlay .header .h1 {
  padding-right: 25px;
  flex: 0 1 48%;
}
.paymentOverlay .header .h2 {
  flex: 0 1 52%;
}
.paymentOverlay .header p {
  margin-bottom: 20px;
}
.paymentOverlay .links {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 15px;
}
.paymentOverlay .links a {
  width: 48.5%;
  margin-bottom: 20px;
  border: 1px solid #e8e8e8;
  padding: 15px 15px 0;
  display: flex;
  flex-direction: column;
}
.paymentOverlay .links a.a6 .imgBox {
  align-items: center;
}
.paymentOverlay .links a:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.paymentOverlay .links .title {
  font-size: 17px;
  margin-bottom: 10px;
  flex: none;
  text-decoration: underline;
}
.paymentOverlay .links .text {
  font-size: 14px;
  margin-bottom: 15px;
  flex: none;
}
.paymentOverlay .links .imgBox {
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.paymentOverlay .noMoreBox {
  display: flex;
  justify-content: flex-end;
}
.paymentOverlay .noMoreBox .noMore {
  cursor: pointer;
  text-decoration: underline;
  font-size: 16px;
}
.paymentOverlay .noMoreBox .noMore:hover {
  text-decoration: none;
}
.paymentOverlay .headerText {
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 45px;
}
.paymentOverlay .priceBox {
  max-width: 455px;
  min-width: 350px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.paymentOverlay .priceBox.showWhite .green:after {
  content: "";
  display: block;
  position: absolute;
  top: 90px;
  right: -8px;
  background: url(../img/arrow-right-green.png) center center no-repeat;
  width: 8px;
  height: 17px;
}
.paymentOverlay .priceBox.showWhite .whiteInner {
  display: block;
}
.paymentOverlay .priceBox * {
  font-weight: 300;
}
.paymentOverlay .green {
  background-color: #117d7b;
  box-shadow: -4px 1px 3px 0px rgba(0, 0, 0, 0.18);
  color: #fff;
  font-size: 17px;
  flex: 0 1 52%;
  position: relative;
}
.paymentOverlay .green .greenInner {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 20px 16px 18px 17px;
}
.paymentOverlay .green .greenInner:after {
  content: "";
  position: absolute;
  top: -100px;
  left: 125%;
  width: 100%;
  height: 450px;
  transition: transform 0.8s ease-in;
  transform-origin: bottom left;
  background-color: rgba(255, 255, 255, 0.12);
}
.paymentOverlay .green h1 {
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 30px;
}
.paymentOverlay .green p {
  margin-bottom: 25px;
}
.paymentOverlay .green p.moreMb {
  margin-bottom: 75px;
}
.paymentOverlay .tdu {
  text-decoration: underline;
}
.paymentOverlay .tdu.clickable:hover {
  cursor: pointer;
  text-decoration: none;
}
.paymentOverlay .price {
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 5px;
}
.paymentOverlay .price span {
  text-decoration: line-through;
}
.paymentOverlay .halfPrice {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 30px;
}
.paymentOverlay .halfPrice span {
  font-size: 16px;
}
.paymentOverlay .white {
  flex: 0 1 46%;
  min-height: 280px;
  background: url(../img/priceBox.png) 15px top no-repeat;
}
.paymentOverlay .white .whiteInner {
  display: none;
  position: relative;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  padding: 20px 15px;
  font-size: 18px;
}
.paymentOverlay .white .top {
  margin-bottom: 30px;
}
.paymentOverlay .white .subTitle {
  margin-bottom: 20px;
  font-weight: 400;
}
.paymentOverlay .priceLine {
  font-size: 16px;
  margin-bottom: 20px;
}
.paymentOverlay .priceLine.noMb {
  margin-bottom: 0;
}
.paymentOverlay .priceLine .title {
  font-weight: 700;
}
.paymentOverlay .priceLine .sub {
  font-weight: 400;
}
.paymentOverlay .priceLine span {
  font-weight: 400;
  text-decoration: line-through;
}
.paymentOverlay .hBar {
  background-color: #ddebe8;
  height: 1px;
  margin: 0 10px 25px;
}

.sb:not(.disabled):not(:disabled).t1.active, .sb:not(.disabled):not(:disabled).t1:active, button:not(.disabled):not(:disabled).t1.active, button:not(.disabled):not(:disabled).t1:active {
  position: relative;
  top: 1px;
}

.centerContent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ellipsis {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@keyframes pulsing {
  from {
    background-color: #f9fafb;
  }
  to {
    background-color: #d8d9da;
  }
}
#headerNotification {
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(203, 190, 172, 0.95);
  padding: 5px 30px;
  text-align: center;
  transition: transform 0.5s 1s ease, background-color 0.3s ease;
}
#headerNotification:hover:not(:has(.close:hover)) {
  background-color: rgba(203, 190, 172, 0.3);
  transform: translate(0, -100%);
}
#headerNotification p:not(:last-child) {
  margin-bottom: 5px;
}
#headerNotification a {
  color: #e76700;
}
#headerNotification a:hover {
  text-decoration: underline;
}
#headerNotification .close {
  top: 5px;
}

.iti {
  display: block;
}

.iti__flag {
  background-image: url(../lib/intl-tel-input/img/flags.png);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .iti__flag {
    /** @noinspection */
    background-image: url(../lib/intl-tel-input/img/flags@2x.png);
  }
}

input.hide {
  width: 0;
  height: 0;
  position: absolute;
  visibility: hidden;
  z-index: -1;
}

.fsp-summary__alttext {
  display: none;
}

/*# sourceMappingURL=main.css.map */