/*Base*/
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #868e96;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #868e96;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-helvetica: Helvetica, sans-serif;
  --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --font-family-monospace: "SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }

* {
  margin: 0;
  padding: 0; }

*, ::after, ::before {
  box-sizing: border-box; }

::-webkit-scrollbar {
  width: 8px; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(238, 47, 93, 0.3);
  border-radius: 8px; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ee2f5d; }

body, html, form {
  overflow-x: hidden;
  overflow-y: auto; }

html, body, form {
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0; }

html {
  font-size: 62.5%;
  position: relative;
  font-family: var(--font-family-helvetica);
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent; }

body {
  background: var(--#ffffff);
  font-size: 1.6rem;
  font-family: var(--font-family-helvetica); }

/*Buttons*/
/*  Material Button */
.material-btn {
  background: red;
  color: #fff !important;
  padding: 10px;
  margin-right: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  line-height: 16px;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 15px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 2px;
  -webkit-transition-property: box-shadow, background-color;
  -moz-transition-property: box-shadow, background-color;
  -o-transition-property: box-shadow, background-color;
  transition-property: box-shadow, background-color;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-tap-highlight-color: transparent; }

.material-btn:hover {
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  position: relative;
  top: -3px;
  text-decoration: none !important; }

.material-btn:checked {
  color: white;
  /*background-color: #00897B;*/ }

.material-btn:focus {
  color: white;
  /*background-color: #26A69A;*/
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2); }

.btn-pink {
  background-color: #ee2f5d; }

.btn-blue {
  background-color: #548DCA; }

.btn-green {
  background-color: #2BBA96; }

/*login*/
.zevioo-flex {
  display: flex; }
  .zevioo-flex .zevioo-flex__center {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center; }

.zevioo__logo {
  max-width: 564px;
  width: 100%;
  margin: auto; }

.zevioo__logo h2 {
  text-align: center;
  color: #a3a3a3;
  margin-top: 10px; }

.zevioo-login__form {
  width: 100%;
  max-width: 306px;
  margin: 30px auto 0; }

.zevioo-login__form__input .dxeTextBox_Material {
  padding: 10px;
  font-size: 18px;
  font-family: Helvetica,sans-serif;
  border: 1px solid #EE2F5D; }

.email .dxeTextBox_Material {
  border-radius: 10px 10px 0 0; }

.password .dxeTextBox_Material {
  border-radius: 0 0 10px 10px; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.loginButton {
  font-family: Helvetica,sans-serif;
  color: #FFF;
  margin: 25px 40px;
  width: 200px !important;
  background: #EE2F5D;
  box-shadow: none;
  border-radius: 5px;
  padding: 4px 0;
  border: 2px solid transparent;
  transition: all 0.2s ease;
  display: block !important; }

.loginButton:hover {
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  position: relative;
  top: -3px; }

/*Header*/
div#dvHeader {
  background-color: #fff;
  height: auto;
  color: #ee2f5d; }

td.zevioo-menu_top a {
  position: relative;
  font-size: 20px;
  font-family: var(--font-family-helvetica); }

.menu-active {
  font-size: 25px !important; }

td.zevioo-menu_top a:hover:after,
.menu-active:after {
  content: " ";
  position: absolute;
  bottom: -15px;
  left: -1px;
  right: -1px;
  border-bottom: 5px solid #EE2F5D; }

.zevioo-menu_user .dxeBase_Material {
  color: #000; }

/*sidebar*/
.dxnbLite_Material a:hover,
.dxnb-item.dxnb-itemSelected.dxnb-link:hover,
.dxnbLite_Material .dxnb-item.dxnb-link:hover {
  background: #ee2f5d !important;
  color: #fff !important; }

.dxnbLite_Material .dxnb-itemHover,
.dxnbLite_Material .dxnb-itemHover a,
.dxnbLite_Material .dxnb-largeHover,
.dxnbLite_Material .dxnb-largeHover a,
.dxnbLite_Material .dxnb-bulletHover,
.dxnbLite_Material .dxnb-bulletHover a {
  background-color: #ee2f5d !important;
  color: #fff !important; }

.dxgvControl_Material .dxgvTable_Material .dxgvFocusedRow_Material,
.dxgvControl_Material .dxgvTable_Material .dxgvFocusedRow_Material.dxgvDataRowHover_Material {
  background-color: #ee2f5d !important;
  color: white !important; }

.dxbButton_Material {
  background-color: #ee2f5d !important;
  color: white !important; }

.dxgvFocusedGroupRow_Material,
.dxtlFocusedNode_Material,
.dxtlFocusedNode_Material,
.dxpLite_Material .dxp-current {
  background-color: #ee2f5d !important;
  color: white !important; }

.dxmLite_Material .dxm-main .dxm-item.dxm-hovered,
.dxmLite_Material .dxm-main .dxm-checked.dxm-item.dxm-hovered,
.dxmLite_Material .dxm-popup .dxm-item.dxm-checked.dxm-hovered a.dx,
.dxmLite_Material .dxm-main .dxm-selected.dxm-item.dxm-hovered {
  background-color: #ee2f5d !important;
  color: #fff !important; }

.dxnbLite_Material .dxnb-item.dxnb-link, .dxnbLite_Material .dxnb-item .dxnb-link, .dxnbLite_Material .dxnb-bullet.dxnb-link {
  border-bottom: 1px solid #efefef;
  background-color: #fafafa;
  padding: 7px 7px 8px 0px;
  white-space: nowrap;
  text-align: right;
  color: #ee2f5d;
  border-right: 1px solid #efefef; }

.dxnbLite_Material div.dxnb-headerCollapsed,
.dxnbLite_Material .dxnb-header, .dxnbLite_Material .dxnb-headerCollapsed {
  background-color: #fff; }

.dxnbLite_Material .dxnb-btnLeft, .dxnbLite_Material .dxnb-rtlHeader .dxnb-btn {
  float: right;
  margin: 0 10px 0 0; }

span.dxnb-ghtext.dx-vam,
div#navBarLeftMenu_GHE2,
.dxnbLite_Material div.dxnb-headerCollapsed, .dxnbLite_Material .dxnb-header, .dxnbLite_Material .dxnb-headerCollapsed,
.dxgvControl_Material a {
  color: #ee2f5d; }

.dxeHyperlink_Material {
  color: #ee2f5d !important; }

.dxeHyperlink_Material:hover,
.dxnbLite_Material .dxnb-item .dxnb-link:hover,
.dxnbLite_Material a:hover {
  text-decoration: none; }

.dxnb-item.dxnb-itemSelected.dxnb-link,
.dxnb-item.dxnb-itemSelected.dxnb-link a {
    font-weight: bold;
    color: #fafafa;
    background: #ee2f5d;
}

/* -- Focused Style -- */
.dxeFocused_Material {
  border: 1px solid #ee2f5d; }

.dxeCalendarButtonPressed_Material, .dxeButtonEditButtonPressed_Material, .dxeSpinIncButtonPressed_Material, .dxeSpinDecButtonPressed_Material, .dxeSpinLargeIncButtonPressed_Material, .dxeSpinLargeDecButtonPressed_Material, .dxeColorEditButton_Material:active,
.dxeButtonEditButtonHover_Material, .dxeSpinIncButtonHover_Material, .dxeSpinDecButtonHover_Material, .dxeSpinLargeIncButtonHover_Material, .dxeSpinLargeDecButtonHover_Material {
  background-color: #ee2f5d;
  color: white; }

.dxeCalendarHeader_Material {
  background-color: #ee2f5d; }

.dxeCalendarToday_Material {
  background-image: none;
  border: 3px solid #ee2f5d;
  border-radius: 60px; }

.dxeCalendarSelected_Material {
  background-image: none;
  background: #ee2f5d;
  border: 3px solid #ee2f5d;
  border-radius: 60px; }

.dxeCalendarSelected_Material.dxeCalendarToday_Material {
  background-image: none; }

.dxtcLite_Material.dxtc-top > .dxtc-stripContainer .dxtc-activeTab .dxtcLite_Material > .dxtc-stripContainer .dxtc-activeTab, .dxtcLite_Material > .dxtc-stripContainer .dxtc-activeTab a {
  color: #ee2f5d; }

.dxucBrowseButton_Material {
  border: 1px solid #ee2f5d;
  padding: 6px 18px 8px;
  background-color: #ee2f5d;
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0; }

.dxucControl_Material .dxucBrowseButton_Material a {
  color: #fff; }

.dxnbLite_Material .dxnb-header, .dxnbLite_Material .dxnb-headerCollapsed {
  font-size: 2rem;
  white-space: nowrap;
  border: none;
  webkit-box-shadow: 0px 0px 0px 1px rgba(113, 106, 202, 0.08);
  -moz-box-shadow: 0px 0px 0px 1px rgba(113, 106, 202, 0.08);
  box-shadow: 0px 0px 0px 1px rgba(113, 106, 202, 0.08);
  background-color: #ffffff;
  padding: 20px; }

.dxnbLite_Material .dxnb-item, .dxnbLite_Material .dxnb-large, .dxnbLite_Material .dxnb-bullet {
  border: none; }

.dxnbLite_Material .dxnb-content {
  border: none; }

.dxnbLite_Material .dxnb-content:before {
  border: 1px solid #efefef;
  content: "";
  display: block;
  width: 100%; }

/* Loading panel*/
.dxlpLoadingPanel_Material .dxlp-loadingImage,
.dxlpLoadingPanelWithContent_Material .dxlp-loadingImage,
.dxisControl_Material .dxis-nbItem .dx-is-loading,
.dxisControl_Material .dxis-nbItem .dxis-nbHoverItem,
.dxisControl_Material .dxis-nbSelectedItem,
.dxigControl_Material .dxisControl_Material .dxis-nbSelectedItem {
  border: 4px solid #ee2f5d !important; }

/*sidebar*/
.zevioo-sidebar {
  position: fixed;
  background: #fff;
  background-color: #fff;
  bottom: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  width: 300px;
  z-index: 1000; }

.zevioo-sidebar__inner {
  position: relative;
  height: 100%; }

.zevioo-sidebar__logo {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0625);
  padding: 0 20px;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease; }
  .zevioo-sidebar__logo img {
    width: 150px;
    padding: 10px; }

.zevioo-sidebar__menu {
  border-right: 1px solid rgba(0, 0, 0, 0.0625);
  height: calc(100vh - 65px);
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0;
  position: relative; }
  .zevioo-sidebar__menu ul {
    list-style-type: none; }
    .zevioo-sidebar__menu ul li.nav-item.dropdown {
      position: relative; }
      .zevioo-sidebar__menu ul li.nav-item.dropdown a {
        text-decoration: none;
        display: block;
        font-size: 15px;
        font-weight: 500;
        padding: 5px 15px;
        position: relative;
        white-space: nowrap;
        color: #72777a;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }

.dxnb-header .zevioo-radius {
  background: #3696fe;
  color: #fff;
  margin-left: 20px;
  border-radius: 60px;
  padding: 8px;
  font-size: 1.2rem; }