@charset "UTF-8";
/* ------------------------------------
   Eric Meyer's Reset CSS v2.0
------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* ------------------------------------
   Mixins
------------------------------------- */
/* Clearfix,  @include clearfix(); */
/* Display Flex, @include display-flex(); */
/* Flex Wrap, @include flex-wrap(); */
/* Calc, @include calc( width, '100% - 2px'); */
/* Box Sizing, @include box-sizing(border-box); */
/* Mask, @include mask( images/svg/icons/home.svg ); */
/* Mask Size, @include mask-size( cover ); */
/* Border radius, @include border-radius(10px); */
/* Border Radius Special, @include border-radius-custom( 10px, 0, 10px, 0 ); */
/* Box Shadow Custom, @include box-shadow( 0, 0, 20px, 0, rgba( 0, 0, 0, 0.2 ) ); */
/* Transition,  @include transition(all, 0.2s, ease-in-out); */
/* Transform None, @include transform-none(); */
/* Translate 3D, @include translate3D( -400px, 0, 0 ); */
/* Translate, @include translate( -400px, 0 ); */
/* Translate(X), @include translateX(-50%); */
/* Translate(Y), @include translateY(-50%); */
/* Translate(Z), @include translateZ(0); */
/* User select, @include user-select(none); */
/* ------------------------------------
   Variables
------------------------------------- */
/* PATHS */
/* DIMENSIONS */
/* FONT FAMILIES, SIZES. LINE-HEIGHTS & WEIGHTS */
/* COLORS */
/* ICONS */
.mm-hide {
  display: none !important;
}

#export-box {
  z-index: 9;
  position: fixed;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 98%;
  padding: 15.5px 30.5px 14.5px 35px;
  background: #fff;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  font-weight: 600;
  opacity: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#export-box.active {
  bottom: 45px;
  opacity: 1;
}
#export-box .content {
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#export-box .content .count {
  padding-right: 31.5px;
  margin-right: 39.5px;
  border-right: 1px solid #cecece;
  font-size: 16px;
  font-weight: 700;
  color: #2B2729;
}
#export-box .content .export, #export-box .content .cancel, #export-box .content .delete {
  font-size: 16px;
  font-weight: 500;
  color: #8D8D8D;
  line-height: 30px;
}
#export-box .content .export:hover, #export-box .content .cancel:hover, #export-box .content .delete:hover {
  color: #2B2729;
}
#export-box .content .export:hover:before, #export-box .content .cancel:hover:before, #export-box .content .delete:hover:before {
  background-color: #2B2729 !important;
}
#export-box .content .export {
  position: relative;
  padding-left: 29px;
  cursor: pointer;
}
#export-box .content .export:before {
  display: none;
  -webkit-mask: url(../images//svg/icons/icon-upload.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-upload.svg) no-repeat 50% 50%;
  width: 19px !important;
  height: 18.5px !important;
  left: 0;
  background-color: #8D8D8D !important;
  z-index: 10;
}
#export-box .content .delete {
  position: relative;
  padding-left: 45px;
  cursor: pointer;
}
#export-box .content .delete:before {
  display: none;
  -webkit-mask: url(../images//svg/icons/icon-trash.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-trash.svg) no-repeat 50% 50%;
  width: 18px !important;
  height: 20px !important;
  left: 20px !important;
  background-color: #8D8D8D !important;
  z-index: 10;
}
#export-box .content .cancel {
  position: relative;
  padding-left: 45px;
  cursor: pointer;
}
#export-box .content .cancel:before {
  display: none;
  -webkit-mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
  width: 16px !important;
  height: 16px !important;
  left: 20px !important;
  background-color: #8D8D8D !important;
  z-index: 10;
}

/* ------------------------------------
   Icons
------------------------------------- */
/*

USAGE:

:before { 
	@extend .mm-icon;
	@include mask( 'images/icon.svg' ); // AINOA PAKOLLINEN MÄÄRITYS, yliaja muut jos tarpeen
	background-color: $color-dark; // VALINNAINEN, aseta iconin väri, oletuksena $color-dark
}

*/
.mm-icon, #Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper #view-nav-toggle:before, #Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper #view-nav-toggle:after, #Side .middle .navigation > .item > a:before, #Login-wrapper .content .form-wrapper .input-wrapper.icon:after, .mm-list-wrapper .row .column.comment.task .sub-label:before, .mm-list-wrapper .row .column.comment.note .sub-label:before, .mm-list-wrapper .row .column .label.task:before, .mm-list-wrapper .row .column .inner .list-actions div.action span.icon:before, .mm-list-wrapper .row .column .a10-toggle .checkbox:before, .mm-list-wrapper .row.head .column .label div.sort-icon .asc:before, .mm-list-wrapper .row.head .column .label div.sort-icon .desc:before, .mm-list-tools-wrapper .column.search-bar .a10-select-field .a10-select-selection .selection > div.selected-value:before, .mm-list-tools-wrapper .inner .row .col.calendar:before, .mm-flex-grid .inner .col.label-special.icon:before, .a10-filter-wrapper .a10-select-field .a10-select-selection .selection > div.selected-value:before, .a10-filter-row #content .item.new-filter:before, .a10-filter-row #content .item:hover .remove-filter, .a10-select-multiple-container .a10-selection .icon-wrap:before, .a10-select-field .a10-select-selection .clear-selections:before, .a10-select-field .a10-select-selection .selection .a10-select-search-wrap:before, .a10-select-field.icon-closed:before, .a10-select-field.icon-open:before, .dmp-content .a10-toggle label.checkbox:before, .dmp-outer .dmp-inner .dmp-close:before, .btn.loading .label:before, input.loading[type=submit].mm-btn .label:before,
button.loading.mm-btn .label:before, .btn.icon .label:before, input.icon[type=submit].mm-btn .label:before,
button.icon.mm-btn .label:before, div.toggle-password-visibility:before, i.icon:before, #export-box .content .export:before, #export-box .content .delete:before, #export-box .content .cancel:before {
  content: " ";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #2B2729;
}

i.icon {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  width: 14px;
  height: 14px;
}
i.icon.lock:before {
  -webkit-mask: url(../images//svg/icons/Iconly-Light-Lock.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/Iconly-Light-Lock.svg) no-repeat 50% 50%;
  background-color: #2B2729;
  width: 14px;
  height: 14px;
  margin-top: -2px;
}

/* ------------------------------------
   Keyframes
------------------------------------- */
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ------------------------------------
   Preloaders
------------------------------------- */
/* ------------------------------------
   Forms
------------------------------------- */
form {
  position: relative;
}

input, textarea, button {
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -webkit-border-radius: 0;
  outline: none;
}

input[type=submit]:focus,
button:focus {
  outline: none;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #959595;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #959595;
  opacity: 1;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #959595;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #959595;
}

::-moz-placeholder {
  opacity: 1;
}

/* HEADINGS
--------------------------------------------- */
div.form-subheading {
  margin-top: 30px;
  margin-bottom: 20px;
}

/* ERROR MESSAGE
--------------------------------------------- */
.form-message {
  display: none;
  margin-bottom: 0;
  margin-left: 20px;
  line-height: 56px;
  font-weight: 600;
}
.form-message.active {
  display: block;
}
.form-message.active.success {
  color: #73D220;
}
.form-message.active.error {
  color: #E34141;
}

/* LABEL
--------------------------------------------- */
label {
  display: block;
  font-size: 15px;
  margin-bottom: 6px;
  font-weight: 500;
}
label.field-error {
  color: #E34141;
}
label.field-error span.required-marker:after {
  content: " Pakollinen";
  color: #E34141;
  white-space: nowrap;
}

/* INPUT, TEXTAREA, SELECT
-------------------------------------------- */
input:not([type=file]):not([type=submit]),
textarea {
  width: 100%;
  border: 0.5px solid #8D8D8D;
  color: #2B2729;
  background: #fff;
  font-family: "Asap", sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input:not([type=file]):not([type=submit]).rounded,
textarea.rounded {
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  border-radius: 999px;
}

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=date],
input[type=password] {
  height: 50px;
  padding: 0 12px;
  line-height: 50px;
  font-family: "Asap", sans-serif;
  font-size: 15px;
  line-height: 600;
}
input[type=text].field-error,
input[type=email].field-error,
input[type=url].field-error,
input[type=tel].field-error,
input[type=number].field-error,
input[type=date].field-error,
input[type=password].field-error {
  border-color: #E34141;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=password]:focus {
  border-color: #707070;
}

textarea {
  height: 224px;
  padding: 12px;
  line-height: 1.34;
  resize: none;
}
textarea.field-error {
  border-color: #E34141;
}
textarea.field-error span.required-marker:after {
  content: " Pakollinen";
  color: #E34141;
  white-space: nowrap;
}
textarea:focus {
  border-color: #707070;
}

div.toggle-password-visibility {
  position: absolute;
  bottom: 10px;
  right: 12px;
  width: 34px;
  height: 34px;
  cursor: pointer;
}
div.toggle-password-visibility:before {
  -webkit-mask: url(../images//svg/icons/icon-show.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-show.svg) no-repeat 50% 50%;
  background-color: #CFCFCF;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
div.toggle-password-visibility.show:before {
  -webkit-mask: url(../images//svg/icons/icon-hide.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-hide.svg) no-repeat 50% 50%;
}
div.toggle-password-visibility:hover:before {
  background-color: #8D8D8D;
}

/* ON/OFF SWITCH
-----------------------------------------------------------------------------

div.mm-onoffswitch {

	position: relative; width: 100px; @include user-select(none);

    .checkbox { display: none; }

    .label { display: block; border-radius: 999px; cursor: pointer; overflow: hidden; }

    .inner {
        display: block; width: 200%; margin-left: -100%; @include transition( margin, 0.3s, ease-in );
        &:before, 
        &:after {
            display: block; float: left; width: 50%; height: 46px; padding: 0; @include box-sizing(border-box);
        }
        &:before { content: ''; padding-left: 10px; background-color: $color-green; } // Active
        &:after { content: ''; padding-right: 10px; background-color: $color-grey-dark; } // Deactive
    }

	.switch {
        position: absolute; display: block; top: 0; bottom: 0; right: 50px; width: 30px; margin: 8px; background: $color-light; border-radius: 999px; @include transition( all, 0.3s, ease-in );
    }

	.checkbox:checked + .label .inner { margin-left: 0; }
	.checkbox:checked + .label .switch { right: 0; }

}

*/
/* ON/OFF SWITCH
--------------------------------------------------------------------------------- */
div.mm-onoffswitch {
  position: relative;
  width: 100px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.mm-onoffswitch .checkbox {
  display: none;
}
div.mm-onoffswitch .label {
  display: block;
  border-radius: 22px;
  cursor: pointer;
  overflow: hidden;
}
div.mm-onoffswitch .inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
div.mm-onoffswitch .inner:before, div.mm-onoffswitch .inner:after {
  content: "";
  display: block;
  float: left;
  width: 50%;
  height: 44px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div.mm-onoffswitch .inner:before {
  padding-left: 10px;
  background-color: #73D220;
}
div.mm-onoffswitch .inner:after {
  padding-right: 10px;
  background-color: #707070;
}
div.mm-onoffswitch .switch {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 56px;
  width: 26.4px;
  margin: 8.8px;
  background: #fff;
  border-radius: 22px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
div.mm-onoffswitch .checkbox:checked + .label .inner {
  margin-left: 0;
}
div.mm-onoffswitch .checkbox:checked + .label .switch {
  right: 0;
}

/*----------------------------------------------------
		Modals
------------------------------------------------------*/
.dmp-content input[type=text],
.dmp-content input[type=email],
.dmp-content input[type=url],
.dmp-content input[type=tel],
.dmp-content input[type=number],
.dmp-content input[type=date],
.dmp-content input[type=password] {
  height: 50px;
  padding: 0 16px;
  font-size: 15px;
  color: #707070;
}
.dmp-content textarea {
  height: auto;
  min-height: 108px;
  padding: 12px 16px;
  font-size: 15px;
  color: #707070;
}
.dmp-content input[type=text].a10-select-search {
  height: 48px;
}
.dmp-content form .a10-select-field .a10-select-selection {
  border: 0.5px solid #8D8D8D !important;
}
.dmp-content form .a10-select-field input {
  padding: 0 21px;
}
.dmp-content form .a10-select-field .a10-select-selection {
  border: 1px solid #8D8D8D;
  border-radius: 10px;
  line-height: 48px;
  min-height: 48px;
}
.dmp-content form .a10-select-field .a10-select-selection .selection {
  font-size: 15px;
  color: #707070;
}
.dmp-content form .a10-select-field .a10-select-selection .selection .a10-select-search-wrap {
  padding-left: 20px;
}
.dmp-content form .a10-select-field .a10-select-selection .selection .a10-select-search-wrap:before {
  height: 18px;
  width: 17.57px;
  left: 15px;
}
.dmp-content form .a10-select-field .a10-select-selection .selection div.placeholder, .dmp-content form .a10-select-field .a10-select-selection .selection > div.selected-value {
  text-indent: 16px;
}
.dmp-content form .a10-select-field .a10-select-selection .clear-selections {
  right: 15px;
}
.dmp-content form .a10-select-field .a10-select-selection .clear-selections:before {
  height: 18px;
  width: 17.57px;
}
.dmp-content .form-calculation {
  position: relative;
  padding: 10px 0 10px 32px;
  border-radius: 10px;
  background-color: #ECECEC;
}
.dmp-content .form-calculation .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
.dmp-content .form-calculation .value {
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}
.dmp-content .form-calculation:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 100%;
  background-color: #D5006E;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

/* --------------------------------------------------
    SELECT2
--------------------------------------------------- */
.select2-container {
  display: block;
  height: 56px;
}
.select2-container .select2-selection {
  height: 56px;
  border-color: #8D8D8D;
}
.select2-container .select2-selection[aria-expanded=true] {
  border-color: #707070;
}
.select2-container .select2-selection .select2-selection__rendered {
  line-height: 56px;
  padding-left: 12px;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.select2-container .select2-selection .select2-selection__rendered li.select2-selection__choice {
  position: relative;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 11px;
  margin-right: 10px;
  padding: 0 16px 0 32px;
  color: #707070;
  border: none;
}
.select2-container .select2-selection .select2-selection__rendered li.select2-selection__choice span.select2-selection__choice__remove {
  position: absolute;
  left: 12px;
  font-size: 22px;
  font-weight: normal;
  line-height: 26px;
}
.select2-container .select2-selection .select2-selection__arrow {
  display: none;
}
.select2-container .select2-selection span.select2-selection__clear {
  color: #8D8D8D;
  font-weight: normal;
  line-height: 48px;
  font-size: 26px;
}
.select2-container .select2-selection span.select2-selection__clear:hover {
  color: #2B2729;
}
.select2-container.field-error .select2-selection {
  border-color: #E34141;
}
.select2-container .select2-results__option--highlighted[aria-selected] {
  background: #D5006E;
}
.select2-container .select2-dropdown {
  border-color: #707070;
}
.select2-container .select2-dropdown ul.select2-results__options li.select2-results__option .select2-results__group {
  font-weight: 700;
}

.search-bar .select2-container .select2-selection .select2-selection__rendered {
  padding-left: 64px;
}
.search-bar .select2-container .select2-selection span.select2-selection__clear {
  line-height: 46px;
}

/* --------------------------------------------------
    SUBMIT
--------------------------------------------------- */
#form-import-employee-csv .error {
  padding: 12px;
  border: 0.5px solid gray;
  border-radius: 6px;
  margin-top: 10px;
}

/* ------------------------------------
   Typography
------------------------------------- */
body {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  font-family: "Asap", sans-serif;
  color: #2B2729;
}
@media only screen and (max-width: 479px) {
  body {
    font-size: 0.875em;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Asap", sans-serif;
}

h1 {
  font-size: 1.5em;
  font-weight: 700;
}

h4 {
  font-size: 1.26em;
  font-weight: 600;
}

a {
  color: #D5006E;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:focus {
  outline: none;
}

strong, b {
  font-weight: 700;
}

/* ------------------------------------
   Buttons
------------------------------------- */
.btn, input[type=submit].mm-btn,
button.mm-btn {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 50px;
  padding: 0 30px;
  font-family: "Asap", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #2B2729;
  border: 2px solid #2B2729;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  border-radius: 999px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn.second, input.second[type=submit].mm-btn,
button.second.mm-btn {
  margin-left: 6px;
}
.btn.disabled, input.disabled[type=submit].mm-btn,
button.disabled.mm-btn {
  opacity: 0.25;
  cursor: default;
  pointer-events: none;
}
.btn.icon, input.icon[type=submit].mm-btn,
button.icon.mm-btn {
  padding: 0 40px 0 70px;
}
.btn.icon .label, input.icon[type=submit].mm-btn .label,
button.icon.mm-btn .label {
  position: relative;
}
.btn.icon .label:before, input.icon[type=submit].mm-btn .label:before,
button.icon.mm-btn .label:before {
  left: -30px;
  width: 22px;
  height: 22px;
  background-color: #2B2729;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn.icon.icon-dashboard .label:before, input.icon.icon-dashboard[type=submit].mm-btn .label:before,
button.icon.icon-dashboard.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-home.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-home.svg) no-repeat 50% 50%;
}
.btn.icon.icon-clients .label:before, input.icon.icon-clients[type=submit].mm-btn .label:before,
button.icon.icon-clients.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-category.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-category.svg) no-repeat 50% 50%;
}
.btn.icon.icon-employees .label:before, input.icon.icon-employees[type=submit].mm-btn .label:before,
button.icon.icon-employees.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-users-3.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-users-3.svg) no-repeat 50% 50%;
}
.btn.icon.icon-comments .label:before, input.icon.icon-comments[type=submit].mm-btn .label:before,
button.icon.icon-comments.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-comments.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-comments.svg) no-repeat 50% 50%;
}
.btn.icon.icon-resources .label:before, input.icon.icon-resources[type=submit].mm-btn .label:before,
button.icon.icon-resources.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-folder.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-folder.svg) no-repeat 50% 50%;
}
.btn.icon.icon-emails .label:before, input.icon.icon-emails[type=submit].mm-btn .label:before,
button.icon.icon-emails.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-emails.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-emails.svg) no-repeat 50% 50%;
}
.btn.icon.icon-new-row .label:before, input.icon.icon-new-row[type=submit].mm-btn .label:before,
button.icon.icon-new-row.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-plus.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-plus.svg) no-repeat 50% 50%;
}
.btn.icon.icon-edit .label:before, input.icon.icon-edit[type=submit].mm-btn .label:before,
button.icon.icon-edit.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-edit.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-edit.svg) no-repeat 50% 50%;
}
.btn.icon.icon-clock .label:before, input.icon.icon-clock[type=submit].mm-btn .label:before,
button.icon.icon-clock.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-time.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-time.svg) no-repeat 50% 50%;
}
.btn.icon.icon-search .label:before, input.icon.icon-search[type=submit].mm-btn .label:before,
button.icon.icon-search.mm-btn .label:before {
  -webkit-mask: url(../images/svg/icons/icon-search.svg) no-repeat 50% 50%;
  mask: url(../images/svg/icons/icon-search.svg) no-repeat 50% 50%;
}
.btn.icon.icon-order .label:before, input.icon.icon-order[type=submit].mm-btn .label:before,
button.icon.icon-order.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-order.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-order.svg) no-repeat 50% 50%;
}
.btn.icon.icon-filters .label:before, input.icon.icon-filters[type=submit].mm-btn .label:before,
button.icon.icon-filters.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-filters.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-filters.svg) no-repeat 50% 50%;
}
.btn.icon.icon-export .label:before, input.icon.icon-export[type=submit].mm-btn .label:before,
button.icon.icon-export.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-export.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-export.svg) no-repeat 50% 50%;
}
.btn.icon.icon-arrow-left-thin .label:before, input.icon.icon-arrow-left-thin[type=submit].mm-btn .label:before,
button.icon.icon-arrow-left-thin.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-arrow-left-thin.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-arrow-left-thin.svg) no-repeat 50% 50%;
}
.btn.loading, input.loading[type=submit].mm-btn,
button.loading.mm-btn {
  padding: 0 70px 0 40px;
}
.btn.loading .label, input.loading[type=submit].mm-btn .label,
button.loading.mm-btn .label {
  position: relative;
}
.btn.loading .label:before, input.loading[type=submit].mm-btn .label:before,
button.loading.mm-btn .label:before {
  top: -2px;
  left: calc(100% + 12px);
  width: 22px;
  height: 22px;
  background-color: #2B2729;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-mask: url(../images//svg/icons/icon-spinner.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-spinner.svg) no-repeat 50% 50%;
  animation: spin 1s ease-in-out infinite;
}
.btn:hover, input[type=submit].mm-btn:hover,
button.mm-btn:hover {
  color: #fff;
  background: #2B2729;
  -webkit-box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.2);
  box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.2);
}
.btn:hover.icon .label:before, input[type=submit].mm-btn:hover.icon .label:before,
button.mm-btn:hover.icon .label:before {
  background-color: #fff;
}
.btn.border-brand, input.border-brand[type=submit].mm-btn,
button.border-brand.mm-btn {
  color: #D5006E;
  border-color: #D5006E;
}
.btn.border-brand:hover, input.border-brand[type=submit].mm-btn:hover,
button.border-brand.mm-btn:hover {
  background: #D5006E;
  color: #fff;
}
.btn.filled-dark, input.filled-dark[type=submit].mm-btn,
button.filled-dark.mm-btn {
  background: #2B2729;
  border: 2px solid #2B2729;
  color: #fff;
}
.btn.filled-dark.icon .label:before, input.filled-dark.icon[type=submit].mm-btn .label:before,
button.filled-dark.icon.mm-btn .label:before, .btn.filled-dark.loading .label:before, input.filled-dark.loading[type=submit].mm-btn .label:before,
button.filled-dark.loading.mm-btn .label:before {
  background-color: #fff;
}
.btn.filled-dark.active, input.filled-dark.active[type=submit].mm-btn,
button.filled-dark.active.mm-btn, .btn.filled-dark:hover, input.filled-dark[type=submit].mm-btn:hover,
button.filled-dark.mm-btn:hover {
  background: #1D1B1C;
  border-color: #1D1B1C;
}
.btn.filled-grey, input.filled-grey[type=submit].mm-btn,
button.filled-grey.mm-btn {
  background: #8D8D8D;
  border: 2px solid #8D8D8D;
  color: #fff;
}
.btn.filled-grey.icon .label:before, input.filled-grey.icon[type=submit].mm-btn .label:before,
button.filled-grey.icon.mm-btn .label:before, .btn.filled-grey.loading .label:before, input.filled-grey.loading[type=submit].mm-btn .label:before,
button.filled-grey.loading.mm-btn .label:before {
  background-color: #fff;
}
.btn.filled-grey.active, input.filled-grey.active[type=submit].mm-btn,
button.filled-grey.active.mm-btn, .btn.filled-grey:hover, input.filled-grey[type=submit].mm-btn:hover,
button.filled-grey.mm-btn:hover {
  background: #707070;
  border-color: #707070;
}
.btn.filled-brand, input.filled-brand[type=submit].mm-btn,
button.filled-brand.mm-btn {
  background: #D5006E;
  border: 2px solid #D5006E;
  color: #fff;
}
.btn.filled-brand.icon .label:before, input.filled-brand.icon[type=submit].mm-btn .label:before,
button.filled-brand.icon.mm-btn .label:before, .btn.filled-brand.loading .label:before, input.filled-brand.loading[type=submit].mm-btn .label:before,
button.filled-brand.loading.mm-btn .label:before {
  background-color: #fff;
}
.btn.filled-brand.active, input.filled-brand.active[type=submit].mm-btn,
button.filled-brand.active.mm-btn, .btn.filled-brand:hover, input.filled-brand[type=submit].mm-btn:hover,
button.filled-brand.mm-btn:hover {
  background: #b6005e;
  border-color: #b6005e;
}
.btn.filled-red, input.filled-red[type=submit].mm-btn,
button.filled-red.mm-btn {
  background: #E34141;
  border: 2px solid #E34141;
  color: #fff;
}
.btn.filled-red.icon .label:before, input.filled-red.icon[type=submit].mm-btn .label:before,
button.filled-red.icon.mm-btn .label:before, .btn.filled-red.loading .label:before, input.filled-red.loading[type=submit].mm-btn .label:before,
button.filled-red.loading.mm-btn .label:before {
  background-color: #fff;
}
.btn.filled-red.active, input.filled-red.active[type=submit].mm-btn,
button.filled-red.active.mm-btn, .btn.filled-red:hover, input.filled-red[type=submit].mm-btn:hover,
button.filled-red.mm-btn:hover {
  background: #2B2729;
  border-color: #2B2729;
}
.btn.filled-green, input.filled-green[type=submit].mm-btn,
button.filled-green.mm-btn {
  background: #73D220;
  border: 2px solid #73D220;
  color: #fff;
}
.btn.filled-green.icon .label:before, input.filled-green.icon[type=submit].mm-btn .label:before,
button.filled-green.icon.mm-btn .label:before, .btn.filled-green.loading .label:before, input.filled-green.loading[type=submit].mm-btn .label:before,
button.filled-green.loading.mm-btn .label:before {
  background-color: #fff;
}
.btn.filled-green.active, input.filled-green.active[type=submit].mm-btn,
button.filled-green.active.mm-btn, .btn.filled-green:hover, input.filled-green[type=submit].mm-btn:hover,
button.filled-green.mm-btn:hover {
  background: #2B2729;
  border-color: #2B2729;
}
.btn.filled-dark.active, input.filled-dark.active[type=submit].mm-btn,
button.filled-dark.active.mm-btn, .btn.filled-grey.active, input.filled-grey.active[type=submit].mm-btn,
button.filled-grey.active.mm-btn, .btn.filled-brand.active, input.filled-brand.active[type=submit].mm-btn,
button.filled-brand.active.mm-btn {
  cursor: default;
}

/* ------------------------------------
   Modals
------------------------------------- */
.dmp-outer {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(5, 0, 2, 0.6);
  overflow: auto;
  z-index: 999;
  scrollbar-color: light;
}
.dmp-outer .dmp-inner {
  position: absolute;
  left: 50%;
  max-width: -moz-calc(100% - 40px);
  max-width: -webkit-calc(100% - 40px);
  max-width: calc(100% - 40px);
  background-color: transparent;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1043;
}
.dmp-outer .dmp-inner.fixed-content {
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.dmp-outer .dmp-inner .dmp-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 56px;
  height: 56px;
  cursor: pointer;
  background: transparent;
  z-index: 1044;
}
.dmp-outer .dmp-inner .dmp-close:before {
  -webkit-mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
  left: 20px;
  width: 16px;
  height: 16px;
  background-color: #CFCFCF;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.dmp-outer .dmp-inner .dmp-close:hover:before {
  background-color: #D5006E;
}

.dmp-content {
  display: none;
  width: 640px;
  max-width: 100%;
  margin-bottom: 0;
  padding: 50px 40px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.dmp-content.active {
  display: block;
}
.dmp-content .dmp-heading {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 34px;
}
.dmp-content .dmp-heading.alert {
  color: #E34141;
}
.dmp-content .dmp-prompt-label {
  margin-bottom: 8px;
}
.dmp-content .dmp-prompt-content {
  font-size: 1.2em;
  font-weight: 600;
}
.dmp-content .divider {
  height: 1px;
  width: 100%;
  background-color: #cecece;
  margin: 10px 0 24px;
}
.dmp-content .dynamic-content {
  width: 100%;
  max-width: 100%;
}
.dmp-content div.textarea {
  width: 100%;
  height: 92px;
  padding: 12px 14px 14px 14px;
  overflow-y: scroll;
  border: 0.5px solid #e8e8e8;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.dmp-content div.textarea .pipe {
  color: #CFCFCF;
  margin: 0 8px;
}
.dmp-content .a10-toggle {
  position: relative;
  padding: 8px 0;
}
.dmp-content .a10-toggle input[type=checkbox] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.dmp-content .a10-toggle input[type=checkbox]:checked ~ .checkbox {
  background: #D5006E !important;
  border-color: #D5006E;
}
.dmp-content .a10-toggle input[type=checkbox]:checked ~ .checkbox:before {
  display: initial;
}
.dmp-content .a10-toggle input[type=checkbox]:checked ~ .checkbox {
  background-color: transparent;
  border-color: #8D8D8D;
}
.dmp-content .a10-toggle label.checkbox {
  z-index: 99;
  position: relative;
  margin: 0;
  height: 20px;
  width: 20px;
  border-radius: 6px;
  border: 1px solid #8D8D8D;
  cursor: pointer;
  line-height: 22px;
}
.dmp-content .a10-toggle label.checkbox:before {
  display: none;
  -webkit-mask: url(../images//svg/icons/icon-checkmark.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-checkmark.svg) no-repeat 50% 50%;
  padding: 8px 0;
  height: 12px;
  width: 12px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 10;
}
.dmp-content .a10-toggle label.checkbox:after {
  content: attr(data-text);
  position: absolute;
  padding: 8px 30px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
}

/* ------------------------------------
   Plugins
------------------------------------- */
.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  z-index: 1;
}

.datepicker--cell.-focus- {
  background: #f0f0f0;
}

.datepicker--cell.-current- {
  color: #4EB5E6;
}

.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}

.datepicker--cell.-current-.-in-range- {
  color: #4EB5E6;
}

.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0;
}

.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}

.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 4px 0 0 4px;
}

.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 4px 4px 0;
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #D5006E;
}

.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}

.datepicker--cell.-selected- {
  border: none;
}

.datepicker--cell.-selected-.-focus- {
  background: #45bced;
}

.datepicker--cell:empty {
  cursor: default;
}

.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}

.datepicker--day-name {
  color: #FF9A19;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer {
  display: none;
}

.datepicker--cell-day {
  width: 14.28571%;
}

.datepicker--cells-months {
  height: 170px;
}

.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}

.datepicker--cells-years, .datepicker--years {
  height: 170px;
}

.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}

.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}

@media print {
  .datepickers-container {
    display: none;
  }
}
.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100;
}

.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.datepicker--content {
  box-sizing: content-box;
  padding: 4px;
}

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}

.datepicker--nav-action:hover, .datepicker--nav-title:hover {
  background: #f0f0f0;
}

.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer {
  left: 10px;
}

.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer {
  right: 10px;
}

.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer {
  left: calc(50% - 5px);
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
  top: 10px;
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  bottom: 10px;
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
  top: calc(50% - 5px);
}

.datepicker--body.active {
  display: block;
}

.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
}

.-only-timepicker- .datepicker--nav {
  display: none;
}

.datepicker--nav-action, .datepicker--nav-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker--nav-action.-disabled- {
  visibility: hidden;
}

.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}

.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px;
}

.datepicker--buttons, .datepicker--time {
  border-top: 1px solid #efefef;
  padding: 4px;
}

.datepicker--nav-title i {
  font-style: normal;
  color: #9c9c9c;
  margin-left: 5px;
}

.datepicker--nav-title.-disabled- {
  cursor: default;
  background: 0 0;
}

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
}

.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}

.datepicker--time {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
  -webkit-flex: 0 1 138px;
  -ms-flex: 0 1 138px;
  flex: 0 1 138px;
  max-width: 138px;
}

.-only-timepicker- .datepicker--time {
  border-top: none;
}

.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
  -ms-flex: 0 1 153px;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}

.datepicker--time-label {
  display: none;
  font-size: 12px;
}

.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.datepicker--time-current-hours, .datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after {
  content: "";
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after {
  opacity: 1;
}

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;
}

.datepicker--time-row:first-child {
  margin-bottom: 4px;
}

.datepicker--time-row input[type=range] {
  background: 0 0;
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.datepicker--time-row input[type=range]::-ms-tooltip {
  display: none;
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:focus {
  outline: 0;
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
  background: #D5006E;
  border-color: #D5006E;
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
  background: #D5006E;
  border-color: #D5006E;
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
  background: #D5006E;
  border-color: #D5006E;
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
  margin-top: -6px;
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}

.datepicker--time-row input[type=range]::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}

.datepicker--time-row input[type=range]::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
  background: 0 0;
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
  background: 0 0;
}

.datepicker--time-row span {
  padding: 0 12px;
}

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}

.datepicker--time-icon:after, .datepicker--time-icon:before {
  content: "";
  background: currentColor;
  position: absolute;
}

.datepicker--time-icon:after {
  height: 0.4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.datepicker--time-icon:before {
  width: 0.4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px);
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #ccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: 0 0;
  border: none;
}

.datepicker--cell.-selected-.-focus- {
  background: #a20054;
}

.datepicker--cell.-current- {
  color: #D5006E;
}

#datepickers-container .datepicker {
  z-index: 2000;
}
#datepickers-container .datepicker.open-above {
  margin-top: -400px !important;
}
#datepickers-container .datepicker.open-above .datepicker--pointer {
  top: 100% !important;
  margin-top: -4px !important;
  transform: rotate(-225deg) !important;
  transform: rotate(-225deg) !important;
}

input[type=text].mm-datepicker-month-picker {
  border-radius: 10px;
  height: 50px;
  padding: 0 21px;
  line-height: 50px;
  border-color: #8D8D8D;
  color: #707070;
  font-size: 15px;
}

.fileuploader-theme-dragdrop {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow-x: hidden;
}
.fileuploader-theme-dragdrop .fileuploader-input {
  display: block;
  padding: 60px 0;
  background: #fff;
  border: 2px dashed #CFCFCF;
  border-radius: 14px;
  text-align: center;
  /* dragging state */
}
.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-icon-main {
  display: block;
  font-size: 56px;
  margin: 0 auto;
  margin-bottom: 26px;
  color: #CFCFCF;
}
.fileuploader-theme-dragdrop .fileuploader-input h3 {
  margin: 0;
  margin-bottom: 8px;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  font-size: 18px;
  font-weight: bold;
  color: #707070;
  white-space: normal;
  box-shadow: none;
}
.fileuploader-theme-dragdrop .fileuploader-input p {
  margin: 0;
  padding: 0;
  color: #90a0bc;
  margin-bottom: 12px;
}
.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-input-inner > * {
  -webkit-transition: 500ms cubic-bezier(0.17, 0.67, 0, 1.01);
  transition: 500ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-inner > * {
  transform: translateY(18px);
  opacity: 0;
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-icon-main {
  transform: translateY(30px) scale(1.2);
  opacity: 0.6;
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-caption {
  transform: translateY(30px);
  opacity: 0.6;
}
.fileuploader-theme-dragdrop button.fileuploader-input-button {
  background: #D5006E;
}
.fileuploader-theme-dragdrop button.fileuploader-input-button:hover {
  box-shadow: none;
  transform: translateY(0);
  background: #2B2729;
}
.fileuploader-theme-dragdrop .fileuploader-items .fileuploader-items-list {
  margin: 16px 0 16px 0;
}
.fileuploader-theme-dragdrop .fileuploader-items .fileuploader-items-list div.column-title {
  color: #8D8D8D;
}
.fileuploader-theme-dragdrop .fileuploader-items .fileuploader-items-list button.fileuploader-action.fileuploader-action-success {
  box-shadow: none;
  background: #73D220;
}
.fileuploader-theme-dragdrop .fileuploader-items .fileuploader-items-list button.fileuploader-action.fileuploader-action-success:hover {
  box-shadow: none;
  background: #E34141;
}

.fileuploader-theme-avatar {
  width: 80px;
  height: 80px;
  margin-top: 15px;
}
.fileuploader-theme-avatar:hover .fileuploader-menu {
  transform: unset;
}
.fileuploader-theme-avatar .fileuploader-menu {
  bottom: 5px;
  right: 0;
}
.fileuploader-theme-avatar .fileuploader-menu ul li {
  background: #fff;
}
.fileuploader-theme-avatar .fileuploader-menu-open {
  padding: 0 2px;
  background-color: #D5006E;
  color: #fff;
  font-size: 15px;
}
.fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 span i.fileuploader-icon-success {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(67, 208, 132, 0.6);
}
.fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 span i.fileuploader-icon-success:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 svg {
  display: none !important;
}

/* ------------------------------------
   A10Select
------------------------------------- */
.a10-select-field {
  position: relative;
  min-height: 48px;
  cursor: pointer;
}
.a10-select-field .hide {
  display: none !important;
}
.a10-select-field.icon-open:before {
  -webkit-mask: url(../images//svg/icons/icon-arrow-up.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-arrow-up.svg) no-repeat 50% 50%;
  left: unset;
  right: 21px;
  width: 12px;
  height: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #8D8D8D;
  z-index: 10;
}
.a10-select-field.icon-closed:before {
  -webkit-mask: url(../images//svg/icons/icon-arrow-down.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-arrow-down.svg) no-repeat 50% 50%;
  left: unset;
  right: 21px;
  width: 12px;
  height: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #8D8D8D;
  z-index: 10;
}
.a10-select-field .a10-select-selection {
  position: relative;
  width: 100%;
  min-height: 48px;
  height: auto;
  line-height: 48px;
  border: 0.5px solid #8D8D8D;
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  font-size: 15px;
  pointer-events: none;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.a10-select-field .a10-select-selection * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.a10-select-field .a10-select-selection.opened {
  position: absolute;
  -webkit-box-shadow: 0px 2px 3px 9px rgba(255, 255, 255, 0.83);
  box-shadow: 0px 2px 3px 15px white;
}
.a10-select-field .a10-select-selection .selection {
  min-height: inherit;
}
.a10-select-field .a10-select-selection .selection > div.placeholder, .a10-select-field .a10-select-selection .selection > div.selected-value, .a10-select-field .a10-select-selection .selection div.a10-select-search {
  line-height: inherit;
  min-height: inherit;
  text-indent: 12px;
}
.a10-select-field .a10-select-selection .selection div.placeholder {
  color: #8D8D8D;
}
.a10-select-field .a10-select-selection .selection .a10-select-search-wrap {
  position: relative;
  min-height: inherit;
  padding-left: 40px;
}
.a10-select-field .a10-select-selection .selection .a10-select-search-wrap:before {
  -webkit-mask: url(../images/svg/icons/icon-search.svg) no-repeat 50% 50%;
  mask: url(../images/svg/icons/icon-search.svg) no-repeat 50% 50%;
  left: 20px;
  width: 20px;
  height: 20px;
  opacity: 0.4;
  z-index: 10;
}
.a10-select-field .a10-select-selection .selection .a10-select-search-wrap .a10-select-search {
  min-height: inherit;
  border: none;
  background: transparent;
  cursor: text;
  pointer-events: initial;
}
.a10-select-field .a10-select-selection .selection .a10-select-search-wrap .a10-select-search * {
  pointer-events: none;
}
.a10-select-field .a10-select-selection .selection .a10-select-search-wrap .a10-select-search:focus {
  border: none;
  outline: none;
}
.a10-select-field .a10-select-selection .selection .a10-select-search-wrap .a10-select-search:focus::placeholder {
  color: transparent;
}
.a10-select-field .a10-select-selection .selection .a10-select-multiple-container {
  padding: 3px;
}
.a10-select-field .a10-select-selection .selection .a10-select-multiple-container .a10-selection {
  margin: 3px;
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
}
.a10-select-field .a10-select-selection .selection .inner-multiselect-placeholder {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  min-height: inherit;
  width: auto;
  padding-left: 15px;
  overflow: hidden;
}
.a10-select-field .a10-select-selection .selection .inner-multiselect-placeholder:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: 0;
  width: calc(144px);
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 66.6%);
}
.a10-select-field .a10-select-selection .selection .inner-multiselect-placeholder .item {
  flex: 0;
  max-width: 100%;
  height: 28px;
  line-height: 28px;
  margin-right: 5px;
  padding: 0 8px;
  font-size: 10px;
  border-radius: 10px;
  background-color: #D5006E;
  color: #fff;
  opacity: 1;
  text-align: center;
  white-space: nowrap;
  cursor: default;
}
.a10-select-field .a10-select-selection .clear-selections {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  min-height: inherit;
  cursor: pointer;
  pointer-events: initial;
}
.a10-select-field .a10-select-selection .clear-selections:before {
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 14px;
  background-color: #8D8D8D;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
}
.a10-select-field .a10-select-selection .clear-selections.hide {
  display: none;
}
.a10-select-field .a10-select-selection div.content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.a10-select-field .a10-select-selection div.content div.profile, .a10-select-field .a10-select-selection div.content div.manager {
  display: none;
}

.a10-select-multiple-container {
  position: relative;
  width: 100%;
  pointer-events: initial;
  cursor: default;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  max-width: auto;
}
.a10-select-multiple-container.hide {
  display: none;
}
.a10-select-multiple-container .a10-selection {
  flex: 0;
  max-width: 100%;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px 8px 6px;
  font-size: 11px;
  border-radius: 10px;
  background-color: #D5006E;
  color: #fff;
  opacity: 1;
  text-align: center;
  white-space: nowrap;
  pointer-events: initial;
  cursor: default;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.a10-select-multiple-container .a10-selection .icon-wrap {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  height: 100%;
  font-weight: bold;
  width: 8px;
  vertical-align: middle;
  line-height: inherit;
  cursor: pointer;
}
.a10-select-multiple-container .a10-selection .icon-wrap:before {
  -webkit-mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
  line-height: inherit;
  left: 0px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  z-index: 10;
}

.a10-select-dropdown {
  z-index: 1050;
  position: absolute;
  height: 200px;
  max-height: 200px;
  border: 0.5px solid #e8e8e8;
  cursor: pointer;
  overflow: hidden;
  background-color: #fff;
  opacity: 0;
  border-radius: 10px;
  font-size: 14px;
  line-height: 17px;
  color: #2B2729;
  opacity: 1;
  margin-top: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(130, 130, 130, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(130, 130, 130, 0.2);
  box-shadow: 0 0 20px 0 rgba(130, 130, 130, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  -webkit-transition-property: opacity, margin;
  -moz-transition-property: opacity, margin;
  -ms-transition-property: opacity, margin;
  -o-transition-property: opacity, margin;
  transition-property: opacity, margin;
}
.a10-select-dropdown * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.a10-select-dropdown.visible {
  opacity: 1;
}
.a10-select-dropdown.search {
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.a10-select-dropdown.scrolling .a10-select-option:hover {
  background-color: #fff !important;
}
.a10-select-dropdown.scroll-disabled .a10-select-scrollbar .handle {
  opacity: 0.4;
  cursor: default;
}
.a10-select-dropdown.scroll-disabled .a10-select-scrollbar .handle:hover {
  background-color: #CFCFCF;
}
.a10-select-dropdown.appended {
  opacity: 0;
  margin-top: 10px;
}
.a10-select-dropdown .a10-select-options {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.a10-select-dropdown .a10-select-options .a10-select-option {
  padding: 11.5px 20px;
  line-height: inherit;
}
.a10-select-dropdown .a10-select-options .a10-select-option:not(:last-child) {
  border-bottom: 0.5px solid #e8e8e8;
}
.a10-select-dropdown .a10-select-options .a10-select-option:hover, .a10-select-dropdown .a10-select-options .a10-select-option:hover.selected {
  background-color: #dbdbdb;
}
.a10-select-dropdown .a10-select-options .a10-select-option.selected {
  background-color: #e8e8e8;
}
.a10-select-dropdown .a10-select-options .a10-select-option.active {
  background-color: #cfcfcf;
}
.a10-select-dropdown .a10-select-options .a10-select-option.hide {
  display: none;
}
.a10-select-dropdown .a10-select-options .a10-select-option div.content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.a10-select-dropdown .a10-select-options .a10-select-option div.content div.text, .a10-select-dropdown .a10-select-options .a10-select-option div.content div.title {
  margin-bottom: 4px;
}
.a10-select-dropdown .a10-select-options .a10-select-option div.content div.profile, .a10-select-dropdown .a10-select-options .a10-select-option div.content div.info {
  font-size: 12px;
  color: #8d8d8d;
}
.a10-select-dropdown .a10-select-options .a10-select-option div.content div.manager, .a10-select-dropdown .a10-select-options .a10-select-option div.content div.profile-title {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 50px;
  color: #8D8D8D;
  font-style: italic;
  opacity: 0.5;
}
.a10-select-dropdown .a10-select-scrollbar {
  position: absolute;
  background: #FAFAFA;
  height: 100%;
  width: 14px;
  top: 0;
  right: 0;
  cursor: default;
  border-left: 0.5px solid #e8e8e8;
  border-radius: 0px 6px 6px 0px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.a10-select-dropdown .a10-select-scrollbar .handle {
  position: absolute;
  top: 0;
  width: 14px;
  height: 20%;
  min-height: 20px;
  left: 0;
  padding: 4px;
  background-color: #CFCFCF;
  border-radius: 10px;
  background-clip: content-box;
}
.a10-select-dropdown .a10-select-scrollbar .handle:hover {
  background-color: #c2c2c2;
}

/*------------------------------------
	a10FilterRow
------------------------------------*/
.a10-filter-row {
  padding: 0 30px;
}
.a10-filter-row #content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.a10-filter-row #content .item {
  position: relative;
  flex: 0;
  max-width: 240px;
  height: 32px;
  padding: 8px;
  background-color: #D5006E;
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
  line-height: 0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.a10-filter-row #content .item span {
  vertical-align: text-bottom;
}
.a10-filter-row #content .item span.label {
  font-weight: 600;
  pointer-events: none;
  white-space: nowrap;
}
.a10-filter-row #content .item span.value {
  white-space: nowrap;
  margin-left: 5px;
  pointer-events: none;
}
.a10-filter-row #content .item .remove-filter {
  display: none;
}
.a10-filter-row #content .item:before {
  content: "";
  position: absolute;
  display: block;
  background: #D5006E;
  width: 8px;
  height: 100%;
  right: 0;
  top: 0;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.a10-filter-row #content .item:hover:not(.new-filter)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background: linear-gradient(to right, rgba(213, 0, 110, 0) 0%, #d5006e 66.6%);
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.a10-filter-row #content .item:hover .remove-filter {
  z-index: 10;
  display: block;
  top: 50%;
  left: unset;
  right: 5px;
  width: 12px;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
}
.a10-filter-row #content .item.new-filter {
  position: relative;
  flex: 1;
  max-width: 200px;
  display: initial;
  background-color: transparent;
  color: #2B2729;
  font-weight: 600;
}
.a10-filter-row #content .item.new-filter * {
  pointer-events: none;
}
.a10-filter-row #content .item.new-filter span {
  padding-left: 6px;
}
.a10-filter-row #content .item.new-filter:before {
  -webkit-mask: url(../images//svg/icons/icon-plus-strong.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-plus-strong.svg) no-repeat 50% 50%;
  height: 12px;
  width: 12px;
  left: 0;
  margin-top: -1px;
  background-color: #2B2729;
  z-index: 10;
}
.a10-filter-row #filter-fields {
  display: none;
}

.a10-filter-wrapper {
  z-index: 99;
  position: absolute;
  padding: 14px 13px 26px 12px;
  border: 0.5px solid #e8e8e8;
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.a10-filter-wrapper.hide {
  display: none;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection {
  line-height: 34px;
  min-height: 34px;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .selection {
  font-size: inherit;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .selection .a10-select-search-wrap {
  padding-left: 30px;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .selection .a10-select-search-wrap:before {
  height: 12px;
  width: 12px;
  left: 11px;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .selection .a10-select-search-wrap input {
  padding: 0;
  font-size: inherit;
  height: 34px;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .selection > div.selected-value {
  text-indent: 0;
  padding-left: 30px;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .selection > div.selected-value:before {
  -webkit-mask: url(../images/svg/icons/icon-search.svg) no-repeat 50% 50%;
  mask: url(../images/svg/icons/icon-search.svg) no-repeat 50% 50%;
  height: 12px;
  width: 12px;
  left: 11px;
  z-index: 10;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .clear-selections {
  right: 11px;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .clear-selections:before {
  height: 12px;
  width: 12px;
}
.a10-filter-wrapper .a10-select-dropdown .a10-select-options .a10-select-option {
  color: #2B2729;
  font-size: 14px;
}
.a10-filter-wrapper .a10-select-multiple-container {
  margin-top: 10px;
}
.a10-filter-wrapper .a10-select-multiple-container .a10-selection {
  margin-right: 5px;
  margin-bottom: 5px;
}

/* ------------------------------------
   Body
------------------------------------- */
html {
  min-height: 101%;
}
html.login-template {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  min-height: unset;
  height: 100%;
  overflow: hidden;
}
html.login-template body {
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

/* ------------------------------------
	Grids
------------------------------------- */
.mm-flex-grid {
  width: 100%;
}
.mm-flex-grid .inner,
.mm-flex-grid .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.mm-flex-grid .inner {
  width: 100%;
}
.mm-flex-grid .inner.content-h-align-left {
  justify-content: flex-start;
}
.mm-flex-grid .inner.content-h-align-left .row {
  justify-content: flex-start;
}
.mm-flex-grid .inner.content-h-align-center {
  justify-content: center;
}
.mm-flex-grid .inner.content-h-align-center .row {
  justify-content: center;
}
.mm-flex-grid .inner.content-h-align-right {
  justify-content: flex-end;
}
.mm-flex-grid .inner.content-h-align-right .row {
  justify-content: flex-end;
}
.mm-flex-grid .inner.content-v-align-top {
  align-items: flex-start;
}
.mm-flex-grid .inner.content-v-align-top .row {
  align-items: flex-start;
}
.mm-flex-grid .inner.content-v-align-center {
  align-items: center;
}
.mm-flex-grid .inner.content-v-align-center .row {
  align-items: center;
}
.mm-flex-grid .inner.content-v-align-bottom {
  align-items: flex-end;
}
.mm-flex-grid .inner.content-v-align-bottom .row {
  align-items: flex-end;
}
.mm-flex-grid .inner .row {
  width: 100%;
  margin-bottom: 10px;
  /* overflow-y: hidden; */
}
.mm-flex-grid .inner .row:last-child {
  margin-bottom: 0;
}
.mm-flex-grid .inner .row.no-margin {
  margin: 0;
}
.mm-flex-grid .inner .row.space-before-extra-small {
  margin-top: 8px;
}
.mm-flex-grid .inner .row.space-before-small {
  margin-top: 30px;
}
.mm-flex-grid .inner .row.space-before-normal {
  margin-top: 25px;
}
.mm-flex-grid .inner .row.space-before-medium {
  margin-top: 70px;
}
.mm-flex-grid .inner .row.space-before-large {
  margin-top: 90px;
}
.mm-flex-grid .inner .row.content-h-align-left {
  justify-content: flex-start;
}
.mm-flex-grid .inner .row.content-h-align-center {
  justify-content: center;
}
.mm-flex-grid .inner .row.content-h-align-right {
  justify-content: flex-end;
}
.mm-flex-grid .inner .row.content-v-align-top {
  align-items: flex-start;
}
.mm-flex-grid .inner .row.content-v-align-center {
  align-items: center;
}
.mm-flex-grid .inner .row.content-v-align-bottom {
  align-items: flex-end;
}
.mm-flex-grid .inner .row.no-margin {
  margin-bottom: 0;
}
.mm-flex-grid .inner .row.hidden {
  display: none;
}
.mm-flex-grid .inner .flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 30px;
}
.mm-flex-grid .inner .flex-row .item.weekday {
  width: 68px;
  height: 68px;
  background-color: #fff;
  color: #D5006E;
  line-height: 68px;
  font-size: 16px;
  font-weight: 600;
  border: 0.5px solid #707070;
  border-radius: 35px;
  text-align: center;
  cursor: pointer;
}
.mm-flex-grid .inner .flex-row .item.weekday.selected, .mm-flex-grid .inner .flex-row .item.weekday:hover {
  background-color: #D5006E;
  color: #fff;
  border-color: #D5006E;
}
.mm-flex-grid .inner .col {
  position: relative;
  min-height: 1px;
  padding: 0 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mm-flex-grid .inner .col.size-1-12 {
  width: -moz-calc(( ( 100% / 12 ) * 1 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 1 ) - 10px);
  width: calc(( ( 100% / 12 ) * 1 ) - 10px);
}
.mm-flex-grid .inner .col.size-2-12 {
  width: -moz-calc(( ( 100% / 12 ) * 2 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 2 ) - 10px);
  width: calc(( ( 100% / 12 ) * 2 ) - 10px);
}
.mm-flex-grid .inner .col.size-3-12 {
  width: -moz-calc(( ( 100% / 12 ) * 3 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 3 ) - 10px);
  width: calc(( ( 100% / 12 ) * 3 ) - 10px);
}
.mm-flex-grid .inner .col.size-4-12 {
  width: -moz-calc(( ( 100% / 12 ) * 4 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 4 ) - 10px);
  width: calc(( ( 100% / 12 ) * 4 ) - 10px);
}
.mm-flex-grid .inner .col.size-5-12 {
  width: -moz-calc(( ( 100% / 12 ) * 5 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 5 ) - 10px);
  width: calc(( ( 100% / 12 ) * 5 ) - 10px);
}
.mm-flex-grid .inner .col.size-6-12 {
  width: -moz-calc(( ( 100% / 12 ) * 6 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 6 ) - 10px);
  width: calc(( ( 100% / 12 ) * 6 ) - 10px);
}
.mm-flex-grid .inner .col.size-7-12 {
  width: -moz-calc(( ( 100% / 12 ) * 7 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 7 ) - 10px);
  width: calc(( ( 100% / 12 ) * 7 ) - 10px);
}
.mm-flex-grid .inner .col.size-8-12 {
  width: -moz-calc(( ( 100% / 12 ) * 8 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 8 ) - 10px);
  width: calc(( ( 100% / 12 ) * 8 ) - 10px);
}
.mm-flex-grid .inner .col.size-9-12 {
  width: -moz-calc(( ( 100% / 12 ) * 9 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 9 ) - 10px);
  width: calc(( ( 100% / 12 ) * 9 ) - 10px);
}
.mm-flex-grid .inner .col.size-10-12 {
  width: -moz-calc(( ( 100% / 12 ) * 10 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 10 ) - 10px);
  width: calc(( ( 100% / 12 ) * 10 ) - 10px);
}
.mm-flex-grid .inner .col.size-11-12 {
  width: -moz-calc(( ( 100% / 12 ) * 11 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 11 ) - 10px);
  width: calc(( ( 100% / 12 ) * 11 ) - 10px);
}
.mm-flex-grid .inner .col.size-12-12 {
  width: -moz-calc(( 100% / 12 ) * 12);
  width: -webkit-calc(( 100% / 12 ) * 12);
  width: calc(( 100% / 12 ) * 12);
}
.mm-flex-grid .inner .col.size-auto {
  width: auto;
}
.mm-flex-grid .inner .col.size-max {
  flex-grow: 1;
}
.mm-flex-grid .inner .col.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.mm-flex-grid .inner .col.select-open {
  z-index: 99;
}
.mm-flex-grid .inner .col label {
  font-size: 12px;
  color: #8D8D8D;
}
.mm-flex-grid .inner .col.label-special {
  padding-top: 10px;
}
.mm-flex-grid .inner .col.label-special label {
  z-index: 9;
  position: absolute;
  top: 0px;
  left: 16px;
  background-color: #fff;
  padding: 0 6px;
  pointer-events: none;
  font-size: 12px;
  color: #8D8D8D;
}
.mm-flex-grid .inner .col.label-special.icon {
  position: relative;
}
.mm-flex-grid .inner .col.label-special.icon:before {
  left: unset;
  right: 21px;
  width: 15px;
  height: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -moz-calc(10px/2);
  margin-top: -webkit-calc(10px/2);
  margin-top: calc(10px/2);
  background-color: #8D8D8D;
  z-index: 10;
}
.mm-flex-grid .inner .col.label-special.icon.calendar::before {
  -webkit-mask: url(../images//svg/icons/icon-calendar.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-calendar.svg) no-repeat 50% 50%;
}
.mm-flex-grid .inner .col.label-special.icon.time::before {
  -webkit-mask: url(../images//svg/icons/icon-time.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-time.svg) no-repeat 50% 50%;
}
.mm-flex-grid .inner .col.label-special.euro-marker:before {
  content: "€";
  position: absolute;
  margin-top: -moz-calc(10px/2);
  margin-top: -webkit-calc(10px/2);
  margin-top: calc(10px/2);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 21px;
  font-size: 15px;
  color: #8D8D8D;
}
@media only screen and (max-width: 767px) {
  .mm-flex-grid .col {
    width: 100% !important;
    margin-bottom: 15px;
  }
}

/* ------------------------------------
   Lists
------------------------------------- */
.mm-list-tools-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  margin-bottom: 22px;
  width: 100%;
}
.mm-list-tools-wrapper .inner .row .col.calendar {
  position: relative;
  width: 350px;
  max-width: 100%;
  cursor: pointer;
}
.mm-list-tools-wrapper .inner .row .col.calendar:before {
  -webkit-mask: url(../images//svg/icons/icon-calendar.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-calendar.svg) no-repeat 50% 50%;
  pointer-events: none;
  left: unset;
  right: 20px;
  width: 20px;
  height: 20px;
  background-color: #8D8D8D;
  z-index: 10;
}
.mm-list-tools-wrapper .column {
  position: relative;
}
.mm-list-tools-wrapper .column.search-bar {
  flex-grow: 1;
}
.mm-list-tools-wrapper .column.search-bar input#Search-employee {
  padding-left: 60px;
  border-color: #d9d9d9;
  background: #d4d4d4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mm-list-tools-wrapper .column.search-bar input#Search-employee:focus {
  border-color: #cacaca;
  -webkit-box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.04);
  -moz-box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.04);
  box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.04);
}
.mm-list-tools-wrapper .column.search-bar .a10-select-field {
  height: 50px;
}
.mm-list-tools-wrapper .column.search-bar .a10-select-field input {
  padding: 0 14.4px;
}
.mm-list-tools-wrapper .column.search-bar .a10-select-field .a10-select-selection {
  background-color: #ECECEC;
  border: 0.5px solid #DEDEDE;
  border-radius: 30px;
  line-height: 49px;
  min-height: 49px;
  height: 49px;
}
.mm-list-tools-wrapper .column.search-bar .a10-select-field .a10-select-selection .selection {
  font-size: 16px;
}
.mm-list-tools-wrapper .column.search-bar .a10-select-field .a10-select-selection .selection .a10-select-search-wrap {
  padding-left: 50px;
}
.mm-list-tools-wrapper .column.search-bar .a10-select-field .a10-select-selection .selection .a10-select-search-wrap:before {
  height: 18px;
  width: 17.57px;
  left: 30px;
}
.mm-list-tools-wrapper .column.search-bar .a10-select-field .a10-select-selection .selection .a10-select-search-wrap input {
  height: 50px;
}
.mm-list-tools-wrapper .column.search-bar .a10-select-field .a10-select-selection .selection > div.selected-value {
  padding-left: 50px;
}
.mm-list-tools-wrapper .column.search-bar .a10-select-field .a10-select-selection .selection > div.selected-value:before {
  -webkit-mask: url(../images/svg/icons/icon-search.svg) no-repeat 50% 50%;
  mask: url(../images/svg/icons/icon-search.svg) no-repeat 50% 50%;
  height: 18px;
  width: 17.57px;
  left: 30px;
  z-index: 10;
}
.mm-list-tools-wrapper .column.search-bar .a10-select-field .a10-select-selection .clear-selections {
  right: 15px;
}
.mm-list-tools-wrapper .column.search-bar .a10-select-field .a10-select-selection .clear-selections:before {
  height: 18px;
  width: 17.57px;
}
@media only screen and (max-width: 767px) {
  .mm-list-tools-wrapper {
    display: block;
  }
}

.mm-list-actions-wrapper {
  position: relative;
  top: -10px;
  width: 100%;
  overflow-x: hidden;
}
.mm-list-actions-wrapper .content {
  position: absolute;
  top: 0;
  right: -1000px;
  height: 1px;
  overflow-y: hidden;
  opacity: 0;
  margin-bottom: 50px;
  padding: 36px 40px 50px 40px;
  background: rgba(238, 238, 238, 0.6);
  border-left: 6px solid #D5006E;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mm-list-actions-wrapper .content.active {
  position: relative;
  right: unset;
  height: auto;
  opacity: 1;
}
.mm-list-actions-wrapper .content .choices-group {
  margin-bottom: 32px;
}
.mm-list-actions-wrapper .content .choices-group:last-child {
  margin-bottom: 0;
}
.mm-list-actions-wrapper .content .choices-group .choices-heading {
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 700;
}
.mm-list-actions-wrapper .content .select2-group {
  margin-bottom: 16px;
}
.mm-list-actions-wrapper .content .select2-group:last-child {
  margin-bottom: 0;
}
.mm-list-actions-wrapper .content .select2-group.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.mm-list-actions-wrapper .content .buttons-group {
  margin-top: 40px;
}

.mm-list-wrapper .date-wrap .row {
  border-top: none;
}
.mm-list-wrapper .date-wrap .row:not(.head) {
  border-top: 1px solid #eee;
}
.mm-list-wrapper .date-wrap .row .column {
  padding: 4px 0 4px 26px;
}
.mm-list-wrapper .date-wrap .row .column .a10-toggle .checkbox {
  height: 14px;
  width: 14px;
}
.mm-list-wrapper .date-wrap .row .column .a10-toggle .checkbox:before {
  height: 8px;
  width: 8px;
}
.mm-list-wrapper .date-wrap .row .column .a10-toggle .checkbox.special {
  background: #fff !important;
}
.mm-list-wrapper .date-wrap .row .column .a10-toggle .checkbox.special:before {
  background: #D5006E;
}
.mm-list-wrapper .row {
  display: none;
  position: relative;
  border-top: 1px solid #ECECEC;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  font-size: 0.9em;
}
.mm-list-wrapper .row:nth-child(2) {
  border-top: none;
}
.mm-list-wrapper .row.date {
  height: 30px;
  background-color: #F0F0F0;
}
.mm-list-wrapper .row.date.first {
  margin-top: 17px;
}
.mm-list-wrapper .row.date > .column {
  padding: 0 0 0 26px;
  color: #707070;
}
.mm-list-wrapper .row.empty {
  height: 30px;
}
.mm-list-wrapper .row.empty > .column {
  padding: 0 0 0 26px;
}
.mm-list-wrapper .row.head {
  background-color: #2B2729;
  border-radius: 12px;
  border: none;
}
.mm-list-wrapper .row.head .column {
  padding: 17px 26px;
  color: #fff;
}
.mm-list-wrapper .row.head .column .label {
  font-weight: 600;
  padding-right: 15px;
}
.mm-list-wrapper .row.head .column .label.sorting {
  cursor: pointer;
}
.mm-list-wrapper .row.head .column .label div.sort-icon {
  position: absolute;
  right: 0;
  top: 50%;
  display: flex;
  flex-direction: column;
  width: 8px;
  height: 30px;
  justify-content: space-between;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mm-list-wrapper .row.head .column .label div.sort-icon .asc:before, .mm-list-wrapper .row.head .column .label div.sort-icon .desc:before {
  left: 0 !important;
  width: 8px !important;
  height: 8px !important;
  background-color: #8D8D8D;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  z-index: 10;
}
.mm-list-wrapper .row.head .column .label div.sort-icon .asc {
  position: relative;
  height: 15px;
  width: 100%;
}
.mm-list-wrapper .row.head .column .label div.sort-icon .asc:before {
  -webkit-mask: url(../images//svg/icons/icon-sort-asc.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-sort-asc.svg) no-repeat 50% 50%;
  top: unset;
  bottom: 2px;
}
.mm-list-wrapper .row.head .column .label div.sort-icon .desc {
  position: relative;
  height: 15px;
  width: 100%;
}
.mm-list-wrapper .row.head .column .label div.sort-icon .desc:before {
  -webkit-mask: url(../images//svg/icons/icon-sort-desc.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-sort-desc.svg) no-repeat 50% 50%;
  top: 2px;
}
.mm-list-wrapper .row.head .column .label[data-sort-direction=DESC] div.sort-icon .asc:before {
  background-color: #fff;
}
.mm-list-wrapper .row.head .column .label[data-sort-direction=ASC] div.sort-icon .desc:before {
  background-color: #fff;
}
.mm-list-wrapper .row.head .column .a10-toggle input[type=checkbox]:checked ~ .checkbox {
  background-color: transparent;
  border-color: #8D8D8D;
}
.mm-list-wrapper .row.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}
.mm-list-wrapper .row.last {
  border-bottom: 1px solid #ECECEC;
}
.mm-list-wrapper .row:not(.head)::before {
  content: " ";
  display: block;
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0);
  z-index: 2;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.mm-list-wrapper .row:not(.head)::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  background: rgba(213, 0, 110, 0);
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  height: -moz-calc(100%);
  height: -webkit-calc(100%);
  height: calc(100%);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  z-index: 3;
}
.mm-list-wrapper .row:not(.head).link:hover {
  -webkit-box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.14);
  -moz-box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.14);
  box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.14);
  border-color: #fff;
  cursor: pointer;
  border-radius: 12px;
}
.mm-list-wrapper .row:not(.head).link:hover:before {
  display: none;
  background: white;
}
.mm-list-wrapper .row:not(.head).link:hover:after {
  background: #d5006e;
}
.mm-list-wrapper .row:not(.head).link:hover .column.action-icons .inner .icon {
  opacity: 1;
}
.mm-list-wrapper .row:not(.link):not(.head):not(.date.empty):hover .column {
  color: #2B2729;
}
.mm-list-wrapper .row:not(.link):not(.head):not(.date.empty):hover .column .inner .list-actions div.action {
  color: #D5006E;
}
.mm-list-wrapper .row:not(.link):not(.head):not(.date.empty):hover .column .inner .list-actions div.action span.icon::before {
  background-color: #D5006E;
}
.mm-list-wrapper .row.icon-links {
  cursor: default;
}
.mm-list-wrapper .row a.link-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.mm-list-wrapper .row .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1;
  padding: 16px 0 16px 26px;
  color: #8D8D8D;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /*.sub-label { 
  	position: relative; font-size: 0.8em; margin-top: 4px; line-height: 1.26; @include box-sizing(border-box);
  	span.pipe { margin: 0 4px; }
  	&.task {
  		padding-left: 20px;
  		&:before {  @extend .mm-icon; @include mask( ../images//svg/icons/icon-time.svg ); width: 14px; height: 14px; background-color: $color-grey-dark; }
  	}
  }

  &.task-done {
  	.label,
  	.sub-label {
  		color: $color-green;
  	}
  	.sub-label:before,
  	.label:before { background-color: $color-green; }
  }

  &.task-alert {
  	.label, .sub-label {
  		color: $color-red;
  		&:before { background-color: $color-red; }
  	}
  }*/
}
.mm-list-wrapper .row .column .a10-toggle {
  position: relative;
}
.mm-list-wrapper .row .column .a10-toggle input[type=checkbox] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.mm-list-wrapper .row .column .a10-toggle input[type=checkbox]:checked ~ .checkbox {
  background: #D5006E;
  border-color: #D5006E;
}
.mm-list-wrapper .row .column .a10-toggle input[type=checkbox]:checked ~ .checkbox:before {
  display: initial;
}
.mm-list-wrapper .row .column .a10-toggle .checkbox {
  z-index: 99;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  margin: 0 20px 0 0;
  border-radius: 6px;
  border: 1px solid #8D8D8D;
  cursor: pointer;
}
.mm-list-wrapper .row .column .a10-toggle .checkbox:before {
  display: none;
  -webkit-mask: url(../images//svg/icons/icon-checkmark.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-checkmark.svg) no-repeat 50% 50%;
  height: 12px;
  width: 12px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 10;
}
.mm-list-wrapper .row .column .a10-toggle .checkbox.disabled {
  opacity: 0;
  pointer-events: none;
}
.mm-list-wrapper .row .column .a10-toggle .checkbox.date-cb:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 150px;
}
.mm-list-wrapper .row .column .inner {
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mm-list-wrapper .row .column .inner .list-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mm-list-wrapper .row .column .inner .list-actions div.action {
  flex: 0;
  margin-right: 20px;
  cursor: pointer;
  color: #8D8D8D;
}
.mm-list-wrapper .row .column .inner .list-actions div.action span.icon {
  position: relative;
  margin-right: 22px;
}
.mm-list-wrapper .row .column .inner .list-actions div.action span.icon:before {
  left: 0;
  width: 15px;
  height: 15px;
  background-color: #8D8D8D;
}
.mm-list-wrapper .row .column .inner .list-actions div.action span.icon.edit::before {
  -webkit-mask: url(../images//svg/icons/icon-edit.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-edit.svg) no-repeat 50% 50%;
}
.mm-list-wrapper .row .column .inner .list-actions div.action span.icon.duplicate::before {
  -webkit-mask: url(../images//svg/icons/icon-duplicate.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-duplicate.svg) no-repeat 50% 50%;
}
.mm-list-wrapper .row .column .inner .list-actions div.action span.icon.download::before {
  -webkit-mask: url(../images//svg/icons/icon-download.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-download.svg) no-repeat 50% 50%;
}
.mm-list-wrapper .row .column .inner .list-actions div.action:hover {
  color: #2B2729 !important;
}
.mm-list-wrapper .row .column .inner .list-actions div.action:hover span.icon:before {
  background-color: #2B2729 !important;
}
.mm-list-wrapper .row .column .inner a:hover {
  text-decoration: underline;
}
.mm-list-wrapper .row .column .label {
  position: relative;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.26;
}
.mm-list-wrapper .row .column .label span.primary-option {
  display: block;
  font-weight: 400;
  margin-bottom: 6px;
  opacity: 0.6;
  text-transform: capitalize;
}
.mm-list-wrapper .row .column .label.task {
  padding-left: 20px;
}
.mm-list-wrapper .row .column .label.task:before {
  -webkit-mask: url(../images//svg/icons/icon-time.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-time.svg) no-repeat 50% 50%;
  width: 14px;
  height: 14px;
  background-color: #707070;
}
.mm-list-wrapper .row .column .label.alert {
  color: #E34141;
}
.mm-list-wrapper .row .column .label.done {
  color: #73D220;
}
.mm-list-wrapper .row .column .label.no-checkbox {
  margin-left: 42px;
}
.mm-list-wrapper .row .column.comment .sub-label {
  display: none;
}
.mm-list-wrapper .row .column.comment.task .sub-label, .mm-list-wrapper .row .column.comment.note .sub-label {
  display: block;
  padding-left: 20px;
}
.mm-list-wrapper .row .column.comment.task .sub-label:before, .mm-list-wrapper .row .column.comment.note .sub-label:before {
  background-color: #707070;
}
.mm-list-wrapper .row .column.comment.task .sub-label {
  padding-left: 18px;
}
.mm-list-wrapper .row .column.comment.task .sub-label:before {
  -webkit-mask: url(../images//svg/icons/icon-time.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-time.svg) no-repeat 50% 50%;
  width: 13px;
  height: 13px;
  margin-top: 0;
}
.mm-list-wrapper .row .column.comment.note .sub-label {
  padding-left: 24px;
}
.mm-list-wrapper .row .column.comment.note .sub-label:before {
  -webkit-mask: url(../images//svg/icons/icon-comment.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-comment.svg) no-repeat 50% 50%;
  width: 17px;
  height: 17px;
}
.mm-list-wrapper .row .column.comment.task.alert *, .mm-list-wrapper .row .column.comment.task.task-alert * {
  color: #E34141;
}
.mm-list-wrapper .row .column.comment.task.alert .sub-label:before, .mm-list-wrapper .row .column.comment.task.task-alert .sub-label:before {
  background-color: #E34141;
}
.mm-list-wrapper .row .column.comment.task.task-done .sub-label {
  color: #73D220;
}
.mm-list-wrapper .row .column.comment.task.task-done .sub-label.not-confirmed {
  display: none;
}
.mm-list-wrapper .row .column.comment.task.task-done .sub-label.confirmed:before {
  -webkit-mask: url(../images//svg/icons/icon-thumb-up.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-thumb-up.svg) no-repeat 50% 50%;
  width: 15px;
  height: 15px;
  margin-top: -1px;
}
.mm-list-wrapper .row .column.comment.task.task-done .sub-label:before {
  background-color: #73D220;
}
.mm-list-wrapper .row .column.status {
  flex-direction: row-reverse;
}
.mm-list-wrapper .row .column.status .inner {
  width: 110px;
  padding-left: 30px;
}
.mm-list-wrapper .row .column.status .inner:before {
  content: " ";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  border-radius: 999px;
}
.mm-list-wrapper .row .column.status.active .inner:before {
  background: #73D220;
}
.mm-list-wrapper .row .column.status.pending .inner:before {
  background: #20AED2;
}
.mm-list-wrapper .row .column.status.archive .inner:before {
  background: #8D8D8D;
}
.mm-list-wrapper .row .column.size-3-48 {
  width: -moz-calc(100%/48*3);
  width: -webkit-calc(100%/48*3);
  width: calc(100%/48*3);
}
.mm-list-wrapper .row .column.size-4-48 {
  width: -moz-calc(100%/48*4);
  width: -webkit-calc(100%/48*4);
  width: calc(100%/48*4);
}
.mm-list-wrapper .row .column.size-5-48 {
  width: -moz-calc(100%/48*5);
  width: -webkit-calc(100%/48*5);
  width: calc(100%/48*5);
}
.mm-list-wrapper .row .column.size-6-48 {
  width: -moz-calc(100%/48*6);
  width: -webkit-calc(100%/48*6);
  width: calc(100%/48*6);
}
.mm-list-wrapper .row .column.size-7-48 {
  width: -moz-calc(100%/48*7);
  width: -webkit-calc(100%/48*7);
  width: calc(100%/48*7);
}
.mm-list-wrapper .row .column.size-8-48 {
  width: -moz-calc(100%/48*8);
  width: -webkit-calc(100%/48*8);
  width: calc(100%/48*8);
}
.mm-list-wrapper .row .column.size-9-48 {
  width: -moz-calc(100%/48*9);
  width: -webkit-calc(100%/48*9);
  width: calc(100%/48*9);
}
.mm-list-wrapper .row .column.size-10-48 {
  width: -moz-calc(100%/48*10);
  width: -webkit-calc(100%/48*10);
  width: calc(100%/48*10);
}
.mm-list-wrapper .row .column.size-12-48 {
  width: -moz-calc(100%/48*12);
  width: -webkit-calc(100%/48*12);
  width: calc(100%/48*12);
}
.mm-list-wrapper .row .column.size-14-48 {
  width: -moz-calc(100%/48*14);
  width: -webkit-calc(100%/48*14);
  width: calc(100%/48*14);
}
.mm-list-wrapper .row .column.size-16-48 {
  width: -moz-calc(100%/48*16);
  width: -webkit-calc(100%/48*16);
  width: calc(100%/48*16);
}
.mm-list-wrapper .row .column.size-18-48 {
  width: -moz-calc(100%/48*18);
  width: -webkit-calc(100%/48*18);
  width: calc(100%/48*18);
}
.mm-list-wrapper .row .column.size-30-48 {
  width: -moz-calc(100%/48*30);
  width: -webkit-calc(100%/48*30);
  width: calc(100%/48*30);
}
.mm-list-wrapper .row .column.size-25-100 {
  width: 25%;
}
.mm-list-wrapper .row .column.size-30-100 {
  width: 30%;
}
.mm-list-wrapper .row .column.size-35-100 {
  width: 35%;
}
.mm-list-wrapper .row .column.size-40-100 {
  width: 40%;
}
.mm-list-wrapper .row .column.size-45-100 {
  width: 45%;
}
.mm-list-wrapper .row .column.size-50-100 {
  width: 50%;
}
.mm-list-wrapper .row .column.size-55-100 {
  width: 55%;
}
.mm-list-wrapper .row .column.size-60-100 {
  width: 60%;
}
.mm-list-wrapper .row .column.size-65-100 {
  width: 65%;
}
.mm-list-wrapper .row .column.size-70-100 {
  width: 70%;
}
.mm-list-wrapper .row .column.size-75-100 {
  width: 75%;
}
.mm-list-wrapper .row .column.size-80-100 {
  width: 80%;
}
.mm-list-wrapper .row .column.size-85-100 {
  width: 85%;
}
.mm-list-wrapper .row .column.size-90-100 {
  width: 90%;
}
.mm-list-wrapper .no-results-message {
  padding: 21px 0 20px 26px;
  color: #8D8D8D;
}

.mm-list-pagination-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  margin-top: 70px;
}
.mm-list-pagination-wrapper.hidden {
  display: none;
}
.mm-list-pagination-wrapper .text-wrapper {
  flex-grow: 1;
  margin-left: 26px;
  line-height: 56px;
}

/* ------------------------------------
   Navigations
------------------------------------- */
/*

ul.view-nav {

	float: right; list-style: none;

    > li { position: relative; display: block; float: left; list-style: none; @include transition( all, 0.2s, ease-in-out ); }
    > li > a { display: block; float: left; height: 120px; padding: 76px 28px 0 28px; color: $color-dark; font-family: $font-family-body; font-size: 16px; font-weight: $font-weight-semi-bold; line-height: 1; @include box-sizing(border-box); }

	> li > a:hover { color: $color-brand; }

    > li.active > a { background: $color-brand; color: $color-light; }

}

*/
/* ------------------------------------
   Site
------------------------------------- */
#Site {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  min-height: 100vh;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#Site .site-message-box {
  z-index: 99;
  display: none;
  position: fixed;
  right: 30px;
  bottom: 30px;
  padding: 16px 26px;
  background-color: #E34141;
  color: #fff;
}
#Site .site-message-box.active {
  display: block;
}
#Site .site-message-box.success {
  background-color: #73D220;
}
#Site.blur {
  filter: blur(2px);
  -webkit-filter: blur(2px);
}

#Login-wrapper {
  flex-grow: 1;
  position: relative;
  background: #fff;
}
#Login-wrapper .logo-wrapper {
  position: absolute;
  top: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-bottom: 44px;
  text-align: center;
}
#Login-wrapper .logo-wrapper .logo {
  display: inline-block;
  width: 240px;
  max-width: 100%;
}
#Login-wrapper .logo-wrapper .logo img {
  display: block;
  width: 100%;
  height: auto;
}
#Login-wrapper .copyright {
  position: absolute;
  bottom: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #707070;
  font-size: 14px;
}
#Login-wrapper .content {
  position: absolute;
  width: 480px;
  max-width: -moz-calc(100% - 52px);
  max-width: -webkit-calc(100% - 52px);
  max-width: calc(100% - 52px);
  margin: 0 auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
#Login-wrapper .content .form-wrapper {
  position: relative;
}
#Login-wrapper .content .form-wrapper .input-wrapper {
  position: relative;
  height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#Login-wrapper .content .form-wrapper .input-wrapper.label-special {
  padding-top: 10px;
}
#Login-wrapper .content .form-wrapper .input-wrapper.label-special label {
  z-index: 9;
  position: absolute;
  top: 0px;
  left: 16px;
  background-color: #fff;
  padding: 0 6px;
  pointer-events: none;
  font-size: 12px;
  color: #8D8D8D;
}
#Login-wrapper .content .form-wrapper .input-wrapper input {
  position: relative;
  border: 0.5px solid #BEBEBE !important;
}
#Login-wrapper .content .form-wrapper .input-wrapper input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
}
#Login-wrapper .content .form-wrapper .input-wrapper.username {
  margin-bottom: 14px;
}
#Login-wrapper .content .form-wrapper .input-wrapper.icon:after {
  left: unset;
  right: 20px;
  width: 16px;
  background-color: #8D8D8D;
  margin-top: -moz-calc(10px/2);
  margin-top: -webkit-calc(10px/2);
  margin-top: calc(10px/2);
}
#Login-wrapper .content .form-wrapper .input-wrapper.icon.username:after {
  -webkit-mask: url(../images//svg/icons/Iconly-Light-Message.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/Iconly-Light-Message.svg) no-repeat 50% 50%;
}
#Login-wrapper .content .form-wrapper .input-wrapper.icon.lock:after {
  -webkit-mask: url(../images//svg/icons/Iconly-Light-Lock.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/Iconly-Light-Lock.svg) no-repeat 50% 50%;
}
#Login-wrapper .content .form-wrapper input#username,
#Login-wrapper .content .form-wrapper input#password,
#Login-wrapper .content .form-wrapper input#code {
  border: none;
}
#Login-wrapper .content .form-wrapper .submit-wrapper {
  text-align: center;
}
#Login-wrapper .content .form-wrapper .submit-wrapper input.btn, #Login-wrapper .content .form-wrapper .submit-wrapper input[type=submit].mm-btn {
  margin-top: 48px;
}
#Login-wrapper .content .notification-wrapper {
  font-size: 14px;
  text-align: center;
  color: #fff;
  opacity: 0.7;
  margin-top: 48px;
}
#Login-wrapper .content .notification-wrapper a {
  font-weight: 600;
  color: #fff;
  opacity: 0.7;
}
#Login-wrapper .content .notification-wrapper a:hover {
  opacity: 1;
}

/* ------------------------------------
   Side
------------------------------------- */
#Side {
  position: fixed;
  width: 300px;
  height: 100vh;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
  /* FOR LOW SCREENS -- window_height <= 960 */
}
#Side .top,
#Side .middle,
#Side .bottom {
  position: absolute;
}
#Side .top,
#Side .bottom {
  left: 40px;
  width: -moz-calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
}
#Side .top {
  top: 40px;
}
#Side .top .logo {
  width: 86%;
  margin-bottom: 16px;
}
#Side .top .logo img {
  display: block;
  width: 100%;
  height: auto;
}
#Side .top .version {
  font-size: 14px;
  color: #707070;
}
#Side .middle {
  top: 260px;
  width: 100%;
}
#Side .middle .mobile-navigation {
  display: none;
}
#Side .middle .navigation > .item > a {
  position: relative;
  display: block;
  padding-left: 90px;
  font-size: 18px;
  line-height: 56px;
  font-weight: 500;
  color: #2B2729;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#Side .middle .navigation > .item > a:before {
  left: 40px;
  background-color: #2B2729;
  height: 20px;
  width: 26px;
}
#Side .middle .navigation > .item.active > a {
  color: #fff;
  background: #D5006E;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
#Side .middle .navigation > .item.active > a:before {
  background-color: #fff;
}
#Side .middle .navigation > .item.emails {
  display: none !important;
}
#Side .middle .navigation > .item.dashboard a:before {
  -webkit-mask: url(../images//svg/icons/icon-home.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-home.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.clients a:before {
  -webkit-mask: url(../images//svg/icons/icon-category.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-category.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.employees a:before {
  -webkit-mask: url(../images//svg/icons/icon-users-3.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-users-3.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.comments a:before {
  -webkit-mask: url(../images//svg/icons/icon-comments.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-comments.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.resources a:before {
  -webkit-mask: url(../images//svg/icons/icon-folder.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-folder.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.emails a:before {
  -webkit-mask: url(../images//svg/icons/icon-emails.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-emails.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.users a:before {
  -webkit-mask: url(../images//svg/icons/icon-users-2.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-users-2.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.reports a:before {
  -webkit-mask: url(../images//svg/icons/icon-reports.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-reports.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item:not(.active):hover > a {
  color: #D5006E;
}
#Side .middle .navigation > .item:not(.active):hover > a:before {
  background-color: #D5006E;
}
#Side .middle .navigation > .item > .sub {
  display: none;
  background: #1D1B1C;
}
#Side .middle .navigation > .item > .sub.active {
  display: block;
}
#Side .middle .navigation > .item > .sub > .item a {
  position: relative;
  display: block;
  padding-left: 90px;
  font-size: 14px;
  line-height: 56px;
  font-weight: 500;
  color: #8D8D8D;
  border-bottom: 1px solid #2B2729;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#Side .middle .navigation > .item > .sub > .item a:before {
  content: " ";
  position: absolute;
  display: inline-block;
  left: 48px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  -webkit-mask: url(../images//svg/icons/icon-arrow-right.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-arrow-right.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #8D8D8D;
}
#Side .middle .navigation > .item > .sub > .item.active a {
  color: #fff;
}
#Side .middle .navigation > .item > .sub > .item.active a:before {
  background-color: #fff;
}
#Side .middle .navigation > .item > .sub > .item:hover > a {
  color: #fff;
}
#Side .middle .navigation > .item > .sub > .item:hover > a:before {
  background-color: #fff;
}
#Side .bottom {
  bottom: 50px;
}
#Side .bottom .profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}
#Side .bottom .profile .image,
#Side .bottom .profile .content {
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#Side .bottom .profile .image {
  width: 56px;
  height: 56px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  border-radius: 999px;
  overflow: hidden;
}
#Side .bottom .profile .image img {
  display: block;
  width: 100%;
  height: auto;
}
#Side .bottom .profile .content {
  width: -moz-calc(100% - 56px);
  width: -webkit-calc(100% - 56px);
  width: calc(100% - 56px);
  padding-left: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#Side .bottom .profile .content .username {
  font-size: 16px;
  font-weight: 500;
  color: #2B2729;
}
#Side .bottom .profile .content .links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}
#Side .bottom .profile .content .links .settings,
#Side .bottom .profile .content .links a.logout,
#Side .bottom .profile .content .links .divider {
  font-size: 14px;
  color: #8D8D8D;
  font-weight: 400;
  cursor: pointer;
}
#Side .bottom .profile .content .links .settings:hover,
#Side .bottom .profile .content .links a.logout:hover {
  color: #707070;
}
#Side .bottom .profile .content .links .divider {
  margin: 0 6px;
  cursor: default;
}
#Side.view-low {
  position: relative;
  flex-grow: 1;
  height: auto;
}
#Side.view-low .top,
#Side.view-low .middle,
#Side.view-low .bottom {
  position: relative;
  top: unset;
  bottom: unset;
}
#Side.view-low .top {
  margin-top: 26px;
}
#Side.view-low .top .logo {
  width: 80%;
  margin-bottom: 8px;
}
#Side.view-low .middle {
  margin-top: 40px;
  margin-bottom: 60px;
}
#Side.view-low .bottom {
  margin-bottom: 40px;
}
@media only screen and (max-width: 959px) {
  #Side {
    display: none;
  }
}

/* ------------------------------------
   Content
------------------------------------- */
#Content {
  opacity: 0;
  flex-grow: 1;
  position: relative;
  width: calc( 100% - 300px );
  margin-bottom: 100px;
  padding: 40px 40px 40px 340px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#Content.loaded {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#Content.view-low {
  padding: 40px;
}
#Content .view-heading-wrapper {
  height: auto;
  margin-bottom: 30px;
  width: 100%;
}
#Content .view-heading-wrapper .heading-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: baseline;
}
#Content .view-heading-wrapper .heading-wrapper .heading {
  flex: 1;
  width: auto;
}
#Content .view-heading-wrapper .heading-wrapper .heading h1 {
  line-height: 1.3em;
}
#Content .view-heading-wrapper .heading-wrapper .btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex: 0;
  margin-left: auto;
  padding-left: 100px;
  align-self: center;
}
#Content .view-heading-wrapper .heading-wrapper .btn-wrap .btn, #Content .view-heading-wrapper .heading-wrapper .btn-wrap input[type=submit].mm-btn,
#Content .view-heading-wrapper .heading-wrapper .btn-wrap button.mm-btn {
  margin: 0;
}
#Content .view-heading-wrapper .heading-wrapper .btn-wrap .btn:first-child, #Content .view-heading-wrapper .heading-wrapper .btn-wrap input[type=submit].mm-btn:first-child,
#Content .view-heading-wrapper .heading-wrapper .btn-wrap button.mm-btn:first-child {
  margin-bottom: 15px;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex: 0;
  width: auto;
  height: 62px;
  z-index: 10;
  margin-left: 50px;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper .current-page {
  position: relative;
  display: inline-block;
  width: auto;
  font-size: 16px;
  font-weight: 600;
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -ms-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper.active .current-page {
  opacity: 0.26;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper #view-nav-toggle {
  position: relative;
  width: 44px;
  height: 60px;
  background: transparent;
  cursor: pointer;
  z-index: 30;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper #view-nav-toggle * {
  pointer-events: none;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper #view-nav-toggle:before, #Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper #view-nav-toggle:after {
  background-color: #2B2729;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -ms-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper #view-nav-toggle:before {
  -webkit-mask: url(../images//svg/icons/icon-hamburger.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-hamburger.svg) no-repeat 50% 50%;
  left: 14px;
  width: 28px;
  height: 28px;
  opacity: 1;
  z-index: 10;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper #view-nav-toggle:after {
  -webkit-mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
  left: 17px;
  width: 22px;
  height: 22px;
  opacity: 0;
  z-index: 20;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper #view-nav-toggle.active:before {
  opacity: 0;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper #view-nav-toggle.active:after {
  opacity: 1;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper #view-nav-toggle:hover:before, #Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper #view-nav-toggle:hover:after {
  background-color: #D5006E;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper ul.view-nav {
  z-index: 99;
  display: none;
  position: absolute;
  top: 80px;
  right: 0;
  list-style: none;
  min-width: 260px;
  -webkit-box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.22);
  -moz-box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.22);
  box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.22);
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper ul.view-nav.active {
  display: block;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper ul.view-nav > li {
  position: relative;
  display: block;
  list-style: none;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper ul.view-nav > li:after {
  content: " ";
  position: absolute;
  display: block;
  width: 8px;
  height: 50px;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 40;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper ul.view-nav > li:last-child {
  border-bottom: none;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper ul.view-nav > li > a {
  display: block;
  height: 50px;
  padding: 0 24px;
  color: #2B2729;
  font-family: "Asap", sans-serif;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper ul.view-nav > li > a:hover {
  color: #948a8f;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper ul.view-nav > li.active:after {
  background: #D5006E;
}
#Content .view-heading-wrapper .heading-wrapper .view-nav-wrapper ul.view-nav > li.active > a {
  color: #2B2729;
}
#Content .view-heading-wrapper h1.heading {
  display: inline-block;
  line-height: 1.3em;
}
#Content .view-heading-wrapper h1.heading span.status {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 16px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  border-radius: 999px;
}
#Content .view-heading-wrapper h1.heading span.status.green {
  background: #73D220;
}
#Content .view-heading-wrapper h1.heading span.status.red {
  background: #E34141;
}
#Content .view-heading-wrapper h1.heading span.status.orange {
  background: #FF8431;
}
#Content .view-heading-wrapper h1.heading span.status.blue {
  background: #20AED2;
}
#Content .view-heading-wrapper h1.heading span.status.grey {
  background: #CFCFCF;
}
#Content .view-heading-wrapper h1.heading span.count {
  margin-left: 24px;
  font-weight: 400;
  color: #CFCFCF;
}
#Content .view-heading-wrapper .btn, #Content .view-heading-wrapper input[type=submit].mm-btn,
#Content .view-heading-wrapper button.mm-btn {
  background-color: #D5006E;
  color: #fff;
  border: none;
  margin-left: 20px;
  white-space: nowrap;
}
#Content .view-heading-wrapper .btn .label::before, #Content .view-heading-wrapper input[type=submit].mm-btn .label::before,
#Content .view-heading-wrapper button.mm-btn .label::before {
  background-color: #fff;
}
#Content .view-heading-wrapper .btn.active .label:before, #Content .view-heading-wrapper input.active[type=submit].mm-btn .label:before,
#Content .view-heading-wrapper button.active.mm-btn .label:before {
  -webkit-mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-close.svg) no-repeat 50% 50%;
  width: 20px;
  height: 20px;
}
#Content .view-content-wrapper .employee-contact-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
#Content .view-content-wrapper .employee-contact-wrapper .last_contacted {
  margin-left: 15px;
}
#Content .view-content-wrapper#content-employee #form-edit-employee, #Content .view-content-wrapper#content-employee #form-add-note-employee, #Content .view-content-wrapper#content-employee .mm-list-wrapper {
  margin-bottom: 50px;
}
#Content .view-content-wrapper#content-employee #form-add-note-employee textarea {
  height: auto;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 30px;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority {
  position: relative;
  width: -moz-calc((100% - 60px)/3);
  width: -webkit-calc((100% - 60px)/3);
  width: calc((100% - 60px)/3);
  padding: 28px 30px 40px;
  -webkit-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.14);
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10px;
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority.priority-low .heading .icon::before {
  background-color: #8D8D8D;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority.priority-low .heading .text {
  color: #2B2729;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority.priority-low:after {
  background-color: #8D8D8D;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority.priority-med .heading .icon::before {
  background-color: #FF8431;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority.priority-med .heading .text {
  color: #2B2729;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority.priority-med:after {
  background-color: #FF8431;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority.priority-high .heading .icon::before {
  background-color: #E34141;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority.priority-high .heading .text {
  color: #2B2729;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority.priority-high:after {
  background-color: #E34141;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .heading .icon {
  position: relative;
  width: 14px;
  height: 14px;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .heading .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-mask: url(../images//svg/icons/icon_ellipse.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon_ellipse.svg) no-repeat 50% 50%;
  width: 14px;
  height: 14px;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .heading .text, #Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .heading .count {
  font-size: 20px;
  font-weight: 500;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .heading .count {
  margin-left: 12px;
  color: #CFCFCF;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .heading a.link {
  position: relative;
  display: block;
  margin-left: auto;
  padding-left: 18px;
  color: #707070;
  font-size: 13px;
  font-weight: 500;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .heading a.link:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-mask: url(../images//svg/icons/arrow-right-boxed.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/arrow-right-boxed.svg) no-repeat 50% 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-color: #707070;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task {
  padding-bottom: 10px;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task:not(:first-child) {
  padding-top: 10px;
  border-top: 1px solid #ebebeb;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task.alert .profile-title, #Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task.alert .text-content, #Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task.alert .deadline-author {
  color: #E34141;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task.alert .deadline-author .deadline::before {
  background-color: #E34141;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task .profile-title, #Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task .profile-title > a, #Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task .text-content, #Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task .deadline-author {
  color: #2B2729;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task .profile-title {
  font-size: 14px;
  font-weight: 600;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task .text-content {
  font-size: 12px;
  line-height: 1.25;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task .deadline-author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 500;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task .deadline-author .deadline {
  position: relative;
  padding-left: 18px;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task .deadline-author .deadline:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-mask: url(../images//svg/icons/icon-clock-thin.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-clock-thin.svg) no-repeat 50% 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-color: #2B2729;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task .deadline-author .author {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}
#Content .view-content-wrapper#content-dashboard .dashboard-tasks .priority .tasks .task .deadline-author .pipe {
  margin: 0 5px;
}
#Content .view-content-wrapper#content-dashboard .mm-widgets {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
#Content .view-content-wrapper#content-dashboard .mm-widgets .mm-widget {
  padding: 26px 20px 40px;
  -webkit-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.14);
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#Content .view-content-wrapper#content-dashboard .mm-widgets .mm-widget.size-1-2 {
  width: -moz-calc((100% - 30px)/2);
  width: -webkit-calc((100% - 30px)/2);
  width: calc((100% - 30px)/2);
}
#Content .view-content-wrapper#content-dashboard .mm-widgets .mm-widget .widget-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
#Content .view-content-wrapper#content-dashboard .mm-widgets .mm-widget .widget-heading .title {
  margin-left: 12px;
  font-size: 20px;
  font-weight: 500;
  color: #2B2729;
}
#Content .view-content-wrapper#content-dashboard .mm-widgets .mm-widget .widget-heading .calendar {
  margin-left: auto;
  padding-right: 10px;
}
#Content .view-content-wrapper#content-dashboard .mm-widgets .mm-widget input.filter-field {
  height: 40px;
}
#Content span.auth_secret {
  padding: 8px 10px;
  margin-left: 6px;
  background: #CFCFCF;
  font-weight: 600;
}
@media only screen and (max-width: 959px) {
  #Content {
    width: 100%;
    padding: 0 30px;
  }
  #Content.view-low {
    padding: 0 30px;
  }
}

/* -------------------------------------------------------
   ALL DESKTOPS ... 1240px ->
------------------------------------------------------- */
/* -------------------------------------------------------
   LARGE DESKTOPS ... 1680px ->
------------------------------------------------------- */
/* -------------------------------------------------------
   TABLETS LANDSCAPE, SMALL & MEDIUM DESKTOPS ... 960px <-> 1679px 
------------------------------------------------------- */
/* -------------------------------------------------------
   ALL MOBILE DEVICES ... 0 <-> 1239px
------------------------------------------------------- */
/* -------------------------------------------------------
   TABLETS PORTRAIT & LANDSCAPE ... 768px <-> 1239px
------------------------------------------------------- */
/* -------------------------------------------------------
   TABLETS LANDSCAPE ... 960px <-> 1239px
------------------------------------------------------- */
/* -------------------------------------------------------
   TABLETS PORTRAIT ... 768px <-> 959px
------------------------------------------------------- */
/* -------------------------------------------------------
   TABLETS PORTRAIT & SMARTPHONES ... 0 <-> 959px
------------------------------------------------------- */
/* -------------------------------------------------------
   SMARTPHONES PORTRAIT & LANDSCAPE ... 0 <-> 767px
------------------------------------------------------- */
/* -------------------------------------------------------
   SMARTPHONES LANDSCAPE ... 480px <-> 767px
------------------------------------------------------- */
/* -------------------------------------------------------
   SMARTPHONES PORTRAIT ... 0px <-> 479px
------------------------------------------------------- */
/* -------------------------------------------------------
   SMARTPHONES EXTRA SMALL ... 0px <-> 380px
------------------------------------------------------- */