/*
	===============================
			Variables
	===============================
*/
:root {
  --main-color:                 #2dd3b0;
  --main-color-hover:           #0db390;  
  --main-alt-color:             #3d2652;
  --main-graph-color:           #05a7f1;
  --main-button-shadow-color:   rgba(45, 211, 176, 0.4);
  --main-loader-spinner-color:  #0db390;   

  --main-table-header-color:    #4f4f4f;
  --main-table-text-color:      #3d2652;
  --main-table-hover:           rgba(45, 211, 176, 0.25);

  --login-cb-label:             rgba(94, 92, 154, 0.50);

  --agenda-day-color:           #e6b1ff;
}
/*
	===============================
			Main Definitions
	===============================
*/
html {
  min-height: 100%;
}

body {
  color: #888ea8;
  height: 100%;
  font-size: 0.875rem;
  background: #f1f2f3;
  overflow-x: hidden;
  overflow-y: auto;
  letter-spacing: 0.0312rem;
  font-family: 'Nunito', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  color: #3b3f5c; }

:focus {
  outline: none; }

::-moz-selection {
  /* Code for Firefox */
  color: #4361ee;
  background: transparent; }

::selection {
  color: #4361ee;
  background: transparent; }

p {
  margin-top: 0;
  margin-bottom: 0.625rem;
  color: #515365; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #f1f2f3; }

strong {
  font-weight: 600; }

code {
  color: #e7515a; }

/*Page title*/
.page-header {
  border: 0;
  margin: 0; }
  .page-header:before {
    display: table;
    content: "";
    line-height: 0; }
  .page-header:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both; }

.page-title h3 {
  margin: 0;
  margin-bottom: 0;
  font-size: 15px;
  color: #3b3f5c;
  font-weight: 700; }

.page-title span {
  display: block;
  font-size: 11px;
  color: #888;
  font-weight: normal; }

.main-container {
  background-color: #e3e4e8;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 0 0 0; }

#container.fixed-header {
  margin-top: 56px; }

#content {
  position: relative;
  width: 50%;
  flex-grow: 8;
  margin-top: 85px;
  margin-bottom: 0;
  margin-left: 212px;
  transition: .600s; }

.main-container-fluid > .main-content > .container {
  float: left;
  width: 100%; }

#content > .wrapper {
  -webkit-transition: margin ease-in-out .1s;
  -moz-transition: margin ease-in-out .1s;
  -o-transition: margin ease-in-out .1s;
  transition: margin ease-in-out .1s;
  position: relative; }

.widget {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 6px;
  border: 1px solid #e0e6ed;
  box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.06); }

.layout-top-spacing {
  margin-top: 23px;
  padding-right: 6px;
  padding-left: 6px;
}

.layout-spacing {
  padding-bottom: 24px;
  padding-right: 12px;
  padding-left: 12px;
}

.layout-px-spacing {
  padding: 0 20px 0 28px !important;
  min-height: calc(100vh - 170px) !important; }

.sidebar-closed .layout-px-spacing {
  padding: 0 16px !important; }

.widget.box .widget-header {
  background: #fff;
  padding: 0px 8px 0px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px; }

.row [class*="col-"] .widget .widget-header h4 {
  color: #3b3f5c;
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  padding: 16px 15px; }

.seperator-header {
  background: transparent;
  box-shadow: none;
  margin-bottom: 40px;
  border-radius: 0; }
  .seperator-header h4 {
    margin-bottom: 0;
    line-height: 1.4;
    padding: 5px 8px;
    font-size: 15px;
    border-radius: 4px;
    letter-spacing: 1px;
    display: inline-block;
    background: rgba(0, 150, 136, 0.26);
    color: #009688;
    font-weight: 500; }

.widget .widget-header {
  border-bottom: 0px solid #f1f2f3; }
  .widget .widget-header:before {
    display: table;
    content: "";
    line-height: 0; }
  .widget .widget-header:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both; }

.widget-content-area {
  padding: 20px;
  position: relative;
  background-color: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.content-area {
  max-width: 58.333333%;
  margin-left: 80px; }

/* 
=====================
    Navigation Bar
=====================
*/
.header-container {
  z-index: 1030;
}
.header-container .navbar {
  padding: 4px 0;
}

.navbar {
  height: 84px;
  padding: 9px 24px 8px 10px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}
.navbar .theme-brand {
  padding: 0.9px 0 0.9px 27px !important;
  border-radius: 6px 6px 0 0;
  justify-content: space-between; }
  .navbar .theme-brand li.theme-logo {
    align-self: center; }
    
.navbar .theme-brand li.theme-logo img {
  width: 174px;
  height: 50px;
  border-radius: 6px;
}
  .navbar .theme-brand li.theme-text {
    margin-right: 47px; }
    .navbar .theme-brand li.theme-text a {
      font-size: 24px !important;
      color: #e0e6ed !important;
      line-height: 2.75rem;
      padding: 0 0.8rem;
      text-transform: initial;
      position: unset;
      font-weight: 700; }
.navbar.expand-header {
  margin: 0; }

.navbar-brand {
width: 5.5rem;
padding-top: 0.0rem;
padding-bottom: 0.0rem;
margin-right: 0.0rem; }

.navbar-expand-sm .navbar-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.navbar-expand-sm .navbar-item .nav-link {
  line-height: 2.75rem;
  padding: 6.24px 9.6px;
  text-transform: initial;
  position: unset; }

.header-container .navbar .dropdown-menu {
  border-radius: 6px;
  border-color: #e0e6ed; }

.header-container .navbar .dropdown-item {
  line-height: 1.8;
  font-size: 0.96rem;
  padding: 15px 0 15px 0;
  word-wrap: normal;
  border-radius: 6px; }

.header-container .navbar .navbar-item .nav-item .dropdown-item.active, .header-container .navbar .navbar-item .nav-item .dropdown-item:active {
  background-color: transparent;
  color: #16181b; }

.header-container .navbar .navbar-item .nav-item.dropdown .nav-link:hover span {
  color: #e0e6ed !important; }

.header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu {
  top: 139% !important;
  border-radius: 6px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
  box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
  background: #fff;
  padding: 10px; }
  .header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu.show {
    top: 102% !important; }
  .header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu:after {
    position: absolute;
    content: '';
    top: -10px;
    margin-left: -7px;
    height: 0;
    width: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 15px solid #fff;
    left: auto;
    right: 7px;
    border-bottom-color: #fafafa; }

.header-container .navbar .language-dropdown {
  margin-left: 20px; }
  .header-container .navbar .language-dropdown a.nav-link {
    position: relative;
    font-size: 24px;
    padding: 0; }
  .header-container .navbar .language-dropdown a.dropdown-toggle:after {
    display: none; }
  .header-container .navbar .language-dropdown a.dropdown-toggle img {
    width: 20px;
    height: 20px;
    margin: 11px 0px; }

.header-container .navbar .navbar-item .nav-item.dropdown.language-dropdown .dropdown-menu {
  min-width: 9rem;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  box-shadow: none;
  z-index: 1070;
  padding: 6px 6px;
  border-radius: 4px; }

.header-container .navbar .language-dropdown .dropdown-menu:before {
  top: -10px;
  left: 41%;
  right: auto !important; }

.header-container .navbar .language-dropdown .dropdown-menu:after {
  top: -8.5px;
  left: 49% !important;
  right: auto !important; }

.header-container .navbar .language-dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu .dropdown-item:hover {
  background: transparent; }

.header-container .navbar .language-dropdown .dropdown-menu .dropdown-item.active, .header-container .navbar .language-dropdown .dropdown-menu .dropdown-item:active {
  background: transparent;
  color: #16181b; }

.header-container .navbar .language-dropdown .dropdown-menu a img {
  width: 20px;
  height: 20px;
  margin-right: 16px; }

.header-container .navbar .language-dropdown .dropdown-menu a span {
  color: #3b3f5c;
  font-weight: 600; }

.header-container .navbar .language-dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu .dropdown-item:hover span {
  color: #4361ee; }

/*   Language   */
/*   Language Dropdown  */
/*Message Dropdown*/
.navbar .navbar-item .nav-item.dropdown.message-dropdown {
  margin-left: 20px; }
  .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link {
    padding: 0 0; }
    .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link:after {
      display: none; }
    .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link svg {
      color: #e0e6ed;
      width: 22px;
      height: 22px; }
    .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link span.badge {
      position: absolute;
      top: 13px;
      right: 2px;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      padding: 1px 5px 0px;
      font-size: 10px;
      color: #fff !important;
      background: #4361ee;
      border: 1px solid #e0e6ed;
      top: 10px;
      right: -8px; }
  .navbar .navbar-item .nav-item.dropdown.message-dropdown.double-digit .nav-link span.badge {
    top: 11px;
    right: 1px;
    width: 22px;
    height: 22px;
    padding: 3px 3px 0px;
    font-size: 9px; }
  .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu {
    min-width: 13rem;
    right: -15px;
    left: auto; }
    .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu.show {
      top: 102% !important; }
    .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item {
      padding: 8px 8px; }
      .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item.active, .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:active, .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:focus, .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:hover {
        background-color: transparent; }
      .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:first-child {
        padding-top: 8px; }
    .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu:after {
      right: 17px; }
    .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:last-child {
      padding-bottom: 8px;
      cursor: pointer; }
    .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media {
      margin: 0; }
      .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .avatar {
        position: relative;
        display: inline-block;
        width: 39px;
        height: 39px;
        font-size: 14px;
        margin-right: 11px;
        font-weight: 500; }
        .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .avatar .avatar-title {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          background-color: #304aca;
          color: #fff;
          font-weight: 600; }
      .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media img {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        border: 3px solid rgba(224, 230, 237, 0.16); }
      .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body h5.usr-name {
        font-size: 15px;
        margin-bottom: 0px;
        color: #3b3f5c;
        font-weight: 600; }
    .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:hover .media-body h5.usr-name {
      color: #4361ee; }
    .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body {
      align-self: center; }
      .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body p.msg-title {
        font-size: 10px;
        font-weight: 700;
        color: #888ea8;
        margin-bottom: 0;
        letter-spacing: 0; }

.navbar .navbar-item .nav-item.dropdown.notification-dropdown {
  margin-left: 23px;
  margin-top: 4px;
}
  .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link {
    padding: 0 0; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link:after {
      display: none; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link svg {
      color: var(--main-color);
      width: 22px;
      height: 22px; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link span.badge {
      position: absolute;
      display: block;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      padding: 0;
      font-size: 10px;
      color: #fff !important;
      background: #1abc9c;
      top: 7px;
      right: 2px; }
  .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu {
    min-width: 15rem;
    right: -7px;
    left: auto;
    min-width: 15rem;
    right: -6px;
    left: auto; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:focus, .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:hover {
      background-color: transparent;
      cursor: pointer; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:not(:last-child) {
      border-bottom: 1px solid #e0e6ed; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item .media {
      margin: 0; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item .notification-para {
      color: #506690;
      font-size: 14px;
      font-weight: 600;
      line-height: 1.5;
      white-space: normal; }
      .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item .notification-para .user-name {
        color: #e0e6ed;
        font-weight: 700; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item .notification-meta-time {
      font-size: 13px;
      font-weight: 600;
      color: #bfc9d4; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu.show {
      top: 102% !important; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item {
      padding: 0.5rem 0.5rem;
      cursor: pointer;
      border-radius: 0;
      background: transparent; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media {
      margin: 0; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu svg {
      width: 23px;
      height: 23px;
      font-weight: 600;
      color: #e2a03f;
      fill: rgba(226, 160, 63, 0.270588);
      margin-right: 9px;
      align-self: center; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media.file-upload svg {
      color: #e7515a;
      fill: rgba(231, 81, 90, 0.239216); }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media.server-log svg {
      color: #009688;
      fill: rgba(0, 150, 136, 0.368627); }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media-body {
      display: flex;
      justify-content: space-between; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .data-info {
      display: inline-block;
      white-space: normal; }
      .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .data-info h6 {
        margin-bottom: 0;
        font-weight: 600;
        font-size: 14px;
        margin-right: 8px;
        color: #3b3f5c; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:hover .data-info h6 {
      color: #445ede; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .data-info p {
      margin-bottom: 0;
      font-size: 13px;
      font-weight: 600;
      color: #888ea8; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .icon-status {
      display: inline-block;
      white-space: normal; }
      .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .icon-status svg {
        margin: 0; }
        .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .icon-status svg.feather-x {
          color: #bfc9d4;
          width: 19px;
          height: 19px;
          cursor: pointer; }
          .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .icon-status svg.feather-x:hover {
            color: #e7515a; }
        .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .icon-status svg.feather-check {
          color: #fff;
          background: #0d9a5d;
          border-radius: 50%;
          padding: 3px;
          width: 22px;
          height: 22px; }

.navbar .navbar-item .nav-item.search-animated {
  position: relative; }
  .navbar .navbar-item .nav-item.search-animated svg {
    font-weight: 600;
    margin: 0 9.6px;
    cursor: pointer;
    color: #888ea8;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 9px; }

.navbar .navbar-item .nav-item form.form-inline input.search-form-control {
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  background-color: #ebe4e7;
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #888ea8;
  letter-spacing: 1px;
  padding: 0px 4px 0px 20px;
  height: 51px;
}

.navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus {
  border: 1px solid #3b3f5c;
  box-shadow: none;
}

.navbar .navbar-item .nav-item .form-inline.search .search-form-control {
  border: 1px solid rgba(81, 83, 101, 0.28);
  width: 100%;
  width: 428px; }

.navbar .navbar-item .nav-item form.form-inline input.search-form-control::-webkit-input-placeholder, .navbar .navbar-item .nav-item form.form-inline input.search-form-control::-ms-input-placeholder, .navbar .navbar-item .nav-item form.form-inline input.search-form-control::-moz-placeholder {
  color: #888ea8;
  letter-spacing: 1px;
  font-size: 13px; }

.navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus::-webkit-input-placeholder, .navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus::-ms-input-placeholder, .navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus::-moz-placeholder {
  color: #3b3f5c; }

/*Notification Dropdown*/
.search-overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: transparent !important;
  z-index: 814 !important;
  opacity: 0;
  transition: all 0.5s ease-in-out; }
  .search-overlay.show {
    display: block;
    opacity: .1; }

/* User Profile Dropdown*/
.navbar .navbar-item .nav-item.user-profile-dropdown {
  margin: 4px 24px 0 16px;
}
.navbar .navbar-item .nav-item.user-profile-dropdown .nav-link.user {
  padding: 0;
  position: relative;
}

.navbar .navbar-item .nav-item.dropdown.user-profile-dropdown .nav-link:after {
  display: none; }

.navbar .navbar-item .nav-item.user-profile-dropdown .nav-link img {
  width: 44px;
  border-radius: 21px;
  height: 44px; }

.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu {
  max-width: 13rem;
  padding: 0 11px; }
  .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item {
    padding: 0;
    background: transparent;
    border-radius: 0; }
    .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a {
      display: block;
      color: #5a5f84 !important;
      font-size: 13px;
      font-weight: 600;
      padding: 9px 14px; }
    .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:hover a {
      color: #4361ee; }
    .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item.active, .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:active {
      background-color: transparent; }
    .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:not(:last-child) {
      border-bottom: 1px solid #ebedf2; }
    .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item svg {
      width: 17px;
      margin-right: 7px;
      height: 17px; }

/* 
===============
    Sidebar
===============
*/
.sub-header-container {
  position: fixed;
  top: 53px;
  width: 100%;
  z-index: 1029;
  display: flex; }
  .sub-header-container .navbar {
    -webkit-box-shadow: 0px 0px 15px 1px rgba(138, 132, 206, 0.03);
    -moz-box-shadow: 0px 0px 15px 1px rgba(138, 132, 206, 0.03);
    box-shadow: 0px 20px 20px rgba(126, 142, 177, 0.12);
    background: #fafafa;
    border-radius: 0;
    padding: 9px 0;
    justify-content: flex-start;
    min-height: 53px;
    width: 100%;
    border-bottom: 1px solid #ebedf2; }
    .sub-header-container .navbar .toggle-sidebar {
      position: relative;
      padding: 0 25px 0 31px;
      margin-left: 0; }
    .sub-header-container .navbar .sidebarCollapse {
      position: relative;
      padding: 0 25px 0 31px;
      margin-left: 0; }
      .sub-header-container .navbar .sidebarCollapse svg {
        width: 20px;
        height: 20px;
        color: #3b3f5c;
        vertical-align: text-top; }

.page-header {
  display: flex;
  padding: 0 0; }

.sub-header-container .breadcrumb-one {
  display: inline-block; }
  .sub-header-container .breadcrumb-one .breadcrumb {
    padding: 0;
    vertical-align: sub;
    background-color: transparent;
    margin-bottom: 0; }
  .sub-header-container .breadcrumb-one .breadcrumb-item {
    align-self: center;
    display: flex; }
    .sub-header-container .breadcrumb-one .breadcrumb-item a {
      color: #515365;
      vertical-align: sub; }
      .sub-header-container .breadcrumb-one .breadcrumb-item a svg {
        width: 18px;
        height: 18px;
        vertical-align: sub;
        fill: #515365; }
    .sub-header-container .breadcrumb-one .breadcrumb-item.active a {
      color: #515365; }
    .sub-header-container .breadcrumb-one .breadcrumb-item span {
      vertical-align: sub; }
    .sub-header-container .breadcrumb-one .breadcrumb-item.active {
      color: #3b3f5c;
      font-weight: 600; }
    .sub-header-container .breadcrumb-one .breadcrumb-item + .breadcrumb-item {
      padding: 0px; }
      .sub-header-container .breadcrumb-one .breadcrumb-item + .breadcrumb-item::before {
        color: #515365;
        padding: 0 6px 0 6px;
        vertical-align: bottom;
        display: inline-block;
        float: none; }

.sub-header-container .more-dropdown .custom-dropdown-icon {
  padding-right: 20px; }
  .sub-header-container .more-dropdown .custom-dropdown-icon a.dropdown-toggle {
    position: relative;
    padding: 9px 35px 10px 15px;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    transform: none;
    font-size: 13px;
    line-height: 17px;
    background-color: #fff;
    letter-spacing: normal;
    min-width: 115px;
    text-align: inherit;
    color: #1b2e4b;
    box-shadow: none;
    max-height: 35px; }
    .sub-header-container .more-dropdown .custom-dropdown-icon a.dropdown-toggle svg {
      position: absolute;
      right: 15px;
      top: 11px;
      color: #888ea8;
      width: 13px;
      height: 13px;
      margin: 0;
      -webkit-transition: -webkit-transform .2s ease-in-out;
      transition: -webkit-transform .2s ease-in-out;
      transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
  .sub-header-container .more-dropdown .custom-dropdown-icon.show a.dropdown-toggle svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu {
    position: absolute;
    right: 16px;
    top: 40px !important;
    padding: 8px 0;
    border: none;
    min-width: 155px;
    border: 1px solid #d3d3d3; }
    .sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu a {
      padding: 8px 15px;
      font-size: 13px;
      font-weight: 500;
      color: #3b3f5c; }
      .sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu a:hover {
        background-color: #bae7ff;
        color: #2196f3; }

@media (max-width: 575px) {
  .page-header {
    display: block; } }

/* 
===============
    Sidebar
===============
*/
.sidebar-wrapper {
  width: 221px;
  position: fixed;
  z-index: 1028;
  border-radius: 6px 6px 0 0;
  transition: .600s;
  height: 100vh;
  touch-action: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 84px;
  left: 0px;
  padding-left: 10px;
}

.sidebar-theme {
  background: white; }

.sidebar-closed.main-container {
  padding: 0; }

.sidebar-closed > .sidebar-wrapper {
  left: -270px; }

.sidebar-closed > #content {
  margin-left: 0; }

#sidebar .navbar-brand .img-fluid {
  display: inline;
  width: 44px;
  height: auto;
  margin-left: 20px;
  margin-top: 5px; }

#sidebar .border-underline {
  border-left: 1px solid #ccc;
  height: 20px;
  margin-top: 18px;
  margin-left: 0px;
  margin-right: 8px; }

#sidebar * {
  overflow: hidden;
  white-space: normal; }

.shadow-bottom {
  display: block;
  position: absolute;
  z-index: 2;
  height: 33px;
  width: 100%;
  pointer-events: none;
  margin-top: -13px;
  left: -4px;
  -webkit-filter: blur(5px);
  filter: blur(3px);
  background: -webkit-linear-gradient(180deg, #f1f2f3 49%, #f1f2f3f2 85%, #2C303C00);
  background: linear-gradient(#F2F4F4 41%, rgba(255, 255, 255, 0.11) 95%, rgba(255, 255, 255, 0)); }

#sidebar ul.menu-categories {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(100vh - 127px) !important;
  overflow: hidden;
  overflow-y: scroll;
}

  #sidebar ul.menu-categories.ps {
    height: calc(100vh - 107px) !important;
    margin-right: 0;
    padding-right: 10px;
    border-right: 1px solid #e0e6ed; }

#sidebar .ps__thumb-y {
  right: 4px; }

#sidebar ul.menu-categories li > .dropdown-toggle[data-active="true"] svg.feather-chevron-right, #sidebar ul.menu-categories li > .dropdown-toggle[aria-expanded="true"] svg.feather-chevron-right {
  transform: rotate(90deg); }

#sidebar ul.menu-categories li.menu:first-child ul.submenu > li a {
  justify-content: flex-start; }
  #sidebar ul.menu-categories li.menu:first-child ul.submenu > li a i {
    align-self: center;
    margin-right: 12px;
    font-size: 19px;
    width: 21px; }

#sidebar ul.menu-categories li.menu:first-child > .dropdown-toggle {
  margin-top: 21px; }

#sidebar ul.menu-categories li.menu > .dropdown-toggle {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  font-size: 13px;
  color: #0e1726;
  padding: 13px 14px 10px 14px;
  transition: .600s;
  margin-bottom: 4px;
  font-weight: 600;
  letter-spacing: 1px; }
  #sidebar ul.menu-categories li.menu > .dropdown-toggle > div {
    align-self: center; }

#sidebar ul.menu-categories li.menu .dropdown-toggle:after {
  display: none; }

#sidebar ul.menu-categories li.menu > .dropdown-toggle svg {
  color: #506690;
  margin-right: 10px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  stroke-width: 1.6; }

#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] {
  background: var(--main-color);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  color: #fff; }
  #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg {
    color: #fff;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"]:hover svg, #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] span {
  color: #fff;
  font-weight:600;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover, #sidebar ul.menu-categories li.menu > .dropdown-toggle.dropdown-toggle:not([data-active="true"]):not([aria-expanded="true"]):hover {
  background: #bfc9d4;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  border-radius: 6px; }

#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"]:not([data-active="true"]) {
  background: #bfc9d4;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  color: #0e1726; }

#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover svg {
  color: #030305; }

#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"]:not([data-active="true"]) svg {
  color: #030305;
  color: #506690; }

#sidebar ul.menu-categories li.menu > .dropdown-toggle svg.feather-chevron-right {
  vertical-align: middle;
  margin-right: 0;
  width: 15px; }

#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg.flaticon-right-arrow, #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg.flaticon-down-arrow {
  background-color: transparent; }

#sidebar ul.menu-categories li.menu > a span:not(.badge) {
  vertical-align: middle; }

#sidebar ul.menu-categories ul.submenu > li a {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 10px 12px 0px 24px;
  margin-left: 5px;
  font-size: 13px;
  color: #515365; }

#sidebar ul.menu-categories li.menu ul.submenu > li a:before {
  content: '';
  background-color: #d3d3d3;
  position: absolute;
  height: 3px;
  width: 3px;
  top: 17.5px;
  left: 13px;
  border-radius: 50%; }

#sidebar ul.menu-categories ul.submenu > li.active a {
  color: #4361ee;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: 600; }

#sidebar ul.menu-categories ul.submenu > li a.dropdown-toggle {
  padding: 10px 15px 10px 24px; }

#sidebar ul.menu-categories li.menu ul.submenu > li.active a:before {
  background-color: #4361ee; }

#sidebar ul.menu-categories ul.submenu > li.active {
  position: relative; }

#sidebar ul.menu-categories ul.submenu > li a:hover {
  color: #4361ee; }
  #sidebar ul.menu-categories ul.submenu > li a:hover:before {
    background-color: #4361ee !important; }

#sidebar ul.menu-categories ul.submenu > li a i {
  align-self: center;
  font-size: 9px; }

#sidebar ul.menu-categories ul.submenu li > [data-active="true"] i {
  color: #4361ee; }

#sidebar ul.menu-categories ul.submenu li > [data-active="true"]:before {
  background-color: #4361ee !important; }

#sidebar ul.menu-categories ul.submenu li > a[data-active="true"] {
  color: #4361ee; }

#sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li a {
  position: relative;
  padding: 10px 12px 10px 48px;
  padding-left: 13px;
  margin-left: 47px;
  font-size: 12px;
  color: #515365;
 }

#sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li.active a {
  color: #805dca; }

#sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li a:hover {
  color: #4361ee; }

#sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li a:before {
  display: none; }

#sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li.active a:before {
  background-color: #4361ee; }

.submenuspace{
    margin-bottom: 12px;
}

.overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1035 !important;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.e-animated {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes e-fadeInUp {
  0% {
    opacity: 0;
    margin-top: 10px; }
  100% {
    opacity: 1;
    margin-top: 0; } }

@keyframes e-fadeInUp {
  0% {
    opacity: 0;
    margin-top: 10px; }
  100% {
    opacity: 1;
    margin-top: 0; } }

.e-fadeInUp {
  -webkit-animation-name: e-fadeInUp;
  animation-name: e-fadeInUp; }

#sidebar ul.menu-categories .ps__rail-y {
  right: -4px !important; }

/*  
    ======================
        Footer-wrapper
    ======================
*/
.footer-wrapper {
  padding: 10px 20px 10px 18px;
  display: inline-block;
  background: transparent;
  font-weight: 600;
  font-size: 12px;
  width: 100%;
  border-top-left-radius: 6px;
  display: flex;
  justify-content: space-between; }

.main-container.sidebar-closed .footer-wrapper {
  border-radius: 0; }

.footer-wrapper .footer-section p {
  margin-bottom: 0;
  color: #515365;
  font-size: 13px;
  letter-spacing: 1px; }
  .footer-wrapper .footer-section p a {
    color: #515365; }

.footer-wrapper .footer-section svg {
  color: #e7515a;
  fill: rgba(231, 81, 90, 0.419608);
  width: 15px;
  height: 15px;
  vertical-align: text-top; }

/*  
    ======================
        MEDIA QUERIES
    ======================
*/
@media (min-width: 992px) {
  .sidebar-closed #sidebar .theme-brand li.theme-text a {
    display: none; } }

@media (max-width: 991px) {
  .navbar .theme-brand {
    padding: 0.9px 0 0.9px 14px !important; }
  .sub-header-container .navbar .toggle-sidebar, .sub-header-container .navbar .sidebarCollapse {
    position: relative;
    padding: 0 25px 0 16px; }
  /*
      =============
          NavBar
      =============
  */
  .main-container.sidebar-closed #content {
    margin-left: 0; }
  /*
      =============
          Sidebar
      =============
  */
  .shadow-bottom {
    width: 100%; }
  #content {
    margin-left: 0; }
  #sidebar .theme-brand {
    border-radius: 0;
    background-color: #4361ee;
    padding: 7px 12px 7px 24px;
    border-color: #4361ee; }
  .sidebar-closed #sidebar .theme-brand {
    padding: 0.9px 12px 0.9px 24px; }
  .main-container:not(.sbar-open) .sidebar-wrapper, body.alt-menu .sidebar-closed > .sidebar-wrapper {
    width: 0;
    left: -52px; }
  .main-container {
    padding: 0; }
  #sidebar ul.menu-categories.ps {
    height: calc(100vh - 70px) !important; }
  .sidebar-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 255px;
    z-index: 9999;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 0; }
  .sidebar-closed > .sidebar-wrapper {
    left: 0; }
  .sidebar-noneoverflow {
    overflow: hidden; }
  #sidebar {
    height: 100vh !important;
    padding: 10px 0 10px 10px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #f1f2f3; }
  .footer-wrapper {
    padding: 6px 16px 9px 16px; }
  .layout-px-spacing {
    padding: 0 16px !important; }
  /* display .overlay when it has the .active class */
  .overlay.show {
    display: block;
    opacity: .7; } }

@media (max-width: 767px) {
  .navbar .theme-brand li.theme-text {
    display: none;
    margin-right: 0; }
  .navbar .navbar-item .nav-item .form-inline.search {
    opacity: 0;
    transition: opacity 200ms, top 200ms;
    top: -25px; }
    .navbar .navbar-item .nav-item .form-inline.search .search-form-control {
      opacity: 0;
      transition: opacity 200ms, top 200ms; }
    .navbar .navbar-item .nav-item .form-inline.search.input-focused {
      position: absolute;
      bottom: 0;
      top: 0;
      background: #060818;
      height: 100%;
      width: 100%;
      left: 0;
      right: 0;
      z-index: 32;
      margin-top: 0px !important;
      display: flex;
      opacity: 1;
      transition: opacity 200ms, top 200ms; }
      .navbar .navbar-item .nav-item .form-inline.search.input-focused .search-form-control {
        opacity: 1;
        transition: opacity 200ms, top 200ms; }
  .navbar .navbar-item .nav-item.search-animated {
    position: initial; }
    .navbar .navbar-item .nav-item.search-animated svg {
      font-weight: 600;
      margin: 0 9.6px;
      cursor: pointer;
      color: #e0e6ed;
      position: initial;
      width: 24px;
      height: 24px;
      transition: top 200ms;
      top: -25px; }
    .navbar .navbar-item .nav-item.search-animated.show-search svg {
      margin: 0;
      position: absolute;
      top: 16px;
      left: 16px;
      width: 22px;
      height: 22px;
      color: #e0e6ed;
      z-index: 40;
      transition: top 200ms; }
  .navbar .navbar-item .nav-item .form-inline.search.input-focused .search-bar {
    width: 100%; }
  .navbar .navbar-item .nav-item .form-inline.search.input-focused .search-form-control {
    background: transparent;
    display: block;
    padding-left: 50px;
    padding-right: 12px;
    border: none; }
  .navbar .navbar-item .nav-item .form-inline.search .search-form-control {
    border: none;
    width: 100%;
    display: none; }
  .header-container .navbar .language-dropdown {
    margin-left: 16px; } }

@media (max-width: 575px) {
  .navbar .navbar-item .nav-item.message-dropdown .dropdown-menu {
    min-width: 16.2rem; }
  .sub-header-container .breadcrumb-one .breadcrumb-item:not(.active), .sub-header-container .breadcrumb-one .breadcrumb-item + .breadcrumb-item::before {
    display: none; }
  .sub-header-container .breadcrumb-one .breadcrumb-item span {
    vertical-align: sub;
    font-size: 15px;
    font-weight: 700; }
  .sub-header-container .navbar .toggle-sidebar, .sub-header-container .navbar .sidebarCollapse {
    padding: 0 13px 0 16px; }
  .navbar .navbar-item .nav-item.dropdown .dropdown-menu:after {
    right: 45px; }
  .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu {
    right: -44px; }
    .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu:after {
      right: 46px; }
  .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu {
    right: -82px; }
    .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu:after {
      right: 83px; }
  .footer-wrapper .footer-section.f-section-2 {
    display: none; } }

  .widget {
      position: relative;
      padding: 20px;
      background: #fff;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: 1px solid #e0e6ed;

      border-radius: 6px;
      box-shadow: 4px 6px 10px -3px #bfc9d4;
      background-color: #ffffff;
  }
  .widget .widget-heading {
      margin-bottom: 15px;
  }
  .widget h5 {
      letter-spacing: 0px;
      font-size: 19px;
      display: block;
      color: var(--main-alt-color);
      font-weight: 600;
      margin-bottom: 0;
  }
   
  /*
	===============================
			@Import	Function
	===============================
*/
/*
	===============================
			@Import	Mixins
	===============================
*/
/*      Alert       */
.alert {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 0.9375rem; }
  .alert .btn {
    padding: 3px 12px;
    margin-right: 20px; }
    .alert .btn:hover {
      box-shadow: none; }
  .alert .alert-icon svg {
    vertical-align: middle;
    width: 33px;
    height: 33px;
    stroke-width: 1.5; }

  .alert .close {
    color: #fff;
    opacity: 1;
    width: 18px; }

/*Default Alerts*/
.alert-primary {
  color: #fff;
  background-color: #4361ee;
  border-color: #4361ee; }

.alert-warning {
  color: #fff;
  background-color: #e2a03f;
  border-color: #e2a03f; }

.alert-success {
  background-color:#d7f3db;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #373d3f;
  border-radius: 0px;


}

.alert-info {
  color: #fff;
  background-color: #2196f3;
  border-color: #2196f3; }

.alert-danger {
  color: #fff;
  background-color: #e7515a;
  border-color: #e7515a; }

.alert-dark {
  color: #fff;
  background-color: #3b3f5c;
  border-color: #3b3f5c; }

/*Outline Alerts*/
.alert-outline-primary {
  border-color: #4361ee;
  border-radius: 5px; }

.alert-outline-warning {
  border-color: #dea82a;
  border-radius: 5px; }

.alert-outline-success {
  border-color: #1abc9c;
  border-radius: 5px; }

.alert-outline-info {
  border-color: #009eda;
  border-radius: 5px; }

.alert-outline-danger {
  border-color: #e7515a;
  border-radius: 5px; }

.alert-outline-dark {
  border-color: #454656;
  border-radius: 5px; }

.alert.alert-light .close {
  color: #0e1726; }

.alert.solid-alert-3 .close, .alert.solid-alert-4 .close {
  color: #000; }

.hide-default {
  display: none; }

/*      Light Alert         */
.alert-light-primary {
  color: #4361ee;
  background-color: #eaf1ff;
  border-color: #4361ee; }
  .alert-light-primary svg.close {
    color: #4361ee; }

.alert-light-warning {
  color: #e2a03f;
  background-color: #fff9ed;
  border-color: #e2a03f; }
  .alert-light-warning svg.close {
    color: #e2a03f; }

.alert-light-success{
  background-color: #ddf5f0;
  border-color: #ddf5f0;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #373d3f;
  border-radius: 0px;
}

.alert-light-success svg.close {
    color: #373d3f;
  }

.alert-light-info {
  color: #2196f3;
  background-color: #e7f7ff;
  border-color: #2196f3; }
  .alert-light-info svg.close {
    color: #2196f3; }

.alert-light-danger {
  background-color:rgba(227, 82, 148, 0.12);
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--main-alt-color);
  border-radius: 0px;
}
  
.alert-light-danger svg.close {
    color: var(--main-alt-color);
}

.alert-light-dark {
  color: #3b3f5c;
  background-color: #e3e4eb;
  border-color: #3b3f5c; }
  .alert-light-dark svg.close {
    color: #3b3f5c; }

/*  Background Alerts      */
.alert-background {
  color: #fff;
  background: #fff url(../../img/ab-1.jpeg) no-repeat center center;
  background-size: cover; }

/*  Gradient Alerts      */
.alert-gradient {
  color: #fff;
  border: none;
  background-size: cover;
  background-image: linear-gradient(135deg, #bc1a4e 0%, #004fe6 100%); }

/* Custom Alerts */
/* Default */
.custom-alert-1 {
  background-color: #61b6cd;
  border-color: #61b6cd;
  border-radius: 5px;
  color: #fff; }
  .custom-alert-1 .alert-icon {
    margin-right: 25px; }
  .custom-alert-1 .media-body {
    display: flex;
    justify-content: space-between; }
  .custom-alert-1 .alert-text {
    margin-right: 10px; }
    .custom-alert-1 .alert-text strong, .custom-alert-1 .alert-text span {
      vertical-align: sub; }

/*  Alert with Icon */
.alert-icon-left {
  border-left: 64px solid; }
  .alert-icon-left svg:not(.close) {
    color: #FFF;
    width: 4rem;
    left: -4rem;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.alert-icon-right {
  border-right: 64px solid; }
  .alert-icon-right svg:not(.close) {
    color: #FFF;
    width: 4rem;
    right: -4rem;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .alert-icon-right i {
    float: left;
    margin-right: 7px; }

.alert[class*=alert-arrow-]:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  border-left: 8px solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left-color: inherit;
  margin-top: -8px; }

.alert.alert-arrow-right:before {
  left: auto;
  right: 0;
  border-left: 0;
  border-right: 8px solid;
  border-right-color: inherit; }

@media (max-width: 575px) {
  .custom-alert-1 .media-body {
    display: block; }
  .alert .btn {
    margin-top: 8px; } }

.tit20{
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--main-graph-color);
}

.tit30{
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--main-graph-color);
}

.titSec{
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #919496;
}

.tit14{
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #8d909f;
}

.tit14P{
  font-size: 14px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: var(--main-color);  
}

.tit14Error{
  font-size: 14px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #ff0000;  
}

.tit14Ok{
  font-size: 14px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #128008;  
}

.tit20P{
  font-size: 20px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: var(--main-color);  
}

.sectionSubtitle{
  height:38px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #8d909f;
  margin-top: 3px;
}

.formPanel{
  margin-top:25px;
}

.searchInput{
  margin: 20px 0px 24px 0px;
  padding: 5px 60px 5px 20px;
  border-radius: 6px;
  border: solid 1px #e3e4e8;
  background-color: #f1f2f4;
  height: 52px;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  vertical-align: middle;
  color: #8d909f;
}

.searchInput::-webkit-input-placeholder { color: #8d909f; }
.searchInput:-moz-placeholder { color: #8d909f;  }
.searchInput::-moz-placeholder { color: #8d909f;  }
.searchInput:-ms-input-placeholder { color: #8d909f;  }
.searchInput::-ms-input-placeholder { color: #8d909f;  }
.searchInput::placeholder { color: #8d909f; opacity: 0.5; } 

.searchButton{
  position: absolute;
  top: 25px;
  right: 5px;
  width: 42px;
  height: 42px;
  margin: 0 0 0 60px;
  padding: 7px;
  border-radius: 3px;
  box-shadow: 0 20px 10px -15px rgba(227, 82, 148, 0.5);
  border: solid 2px var(--main-color);
  background-color: var(--main-color);
  color:#fff;
  cursor:pointer;
}

.searchButton:hover{
  background-color: var(--main-color-hover);
  border: solid 2px var(--main-color-hover);
  color:#eee;
}

.searchButton:disabled{
  background-color: #aaa;
  border: solid 2px #aaa;
  box-shadow:none;
  cursor:default;
}

.searchPanel{
  margin-top: 20px;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom:5px;
}

.searchCard {
  width: 100%;
  height: 120px;
  margin: 0 0 13px 0;
  padding: 9px 17px 8px 20px;
  border-radius: 6px;
  box-shadow: 0 2px 9px 2px rgba(94, 92, 154, 0.15);
  background-color: #ffffff;
  position:relative;
}

.sId{
  position:absolute;
  width: 80px;
  left: 20px;
  top: 10px;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #373d3f;
}

.sLab{
  position:absolute;
  width: 100%;
  left: 95px;
  top: 10px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #888ea8;
}

.sName{
  position:absolute;
  width: 100%;
  left: 20px;
  top: 30px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--main-alt-color);
}

.sRent{
  position:absolute;
  width: 100px;
  right: 20px;
  bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.5px;
  text-align: right;
  color: var(--main-graph-color);
}

.sPVP{
  position:absolute;
  width: 100px;
  left: 20px;
  bottom: 18px;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  color:var(--main-alt-color);
}

.sQTD{
  position:absolute;
  width: 100px;
  left: 20px;
  bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  color: #373d3f;
}

.sPCU{
  position:absolute;
  width: 100px;
  left: 95px;
  bottom: 18px;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  color:var(--main-alt-color);
}

.sDesc{
  position:absolute;
  width: 100px;
  left: 170px;
  bottom: 18px;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  color:var(--main-alt-color);
}

.sTit1{
  position:absolute;
  width: 70px;
  left: 20px;
  bottom: 33px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  color: #888ea8;
  text-align: left;
}

.sTit2{
  position:absolute;
  width: 70px;
  left: 95px;
  bottom: 33px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  color: #888ea8;
  text-align: left;
}

.sTit3{
  position:absolute;
  width: 70px;
  left: 170px;
  bottom: 33px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  color: #888ea8;
  text-align: left;
}

.sTit4{
  position:absolute;
  width: 100px;
  right: 20px;
  bottom: 33px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: right;
  color: #373d3f;
}

.sRect {
  position: absolute;
  height: 1px;
  top: 59px;
  right: 0px;
  left: 20px;
  background-color: #f1f2f4;
}

.searchCat{
  width:100%;
  height: 52px;
  margin: 20px 0 10px;
  padding: 2px 13px 2px 21px;
  border-radius: 6px;
  border: solid 1px #e3e4e8;
  box-shadow: 4px 6px 10px -3px #bfc9d4;
  background-image: linear-gradient(to bottom, #f9f8f8, #d8d3d3);
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #8d909f;
}

.cardIcon{
  width: 140px;
  height: 98px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #f1f2f4;
  float: left;
  color: var(--main-color);
  text-align: center;
}

.cardLetter{
  width: 140px;
  background-color: #fff;
  float: left;
  color: var(--main-color);
  margin-top:21px;
  margin-left: 24px;
}

.iconLetter{
  font-size:70px;
  font-weight:600;
  margin-left:16px;
  margin-top:0px;
  line-height:96px;
}

.alignRight{
  text-align: right !important;
  padding-right:20px;
}

.cardInfo{
  text-align: center;
}

.cardInfoMain{
  width:100%;
  margin-top: 17px;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--main-alt-color);
}

.cardInfoMainAbs{
  position:absolute;
  right:20px;
  top:12px;
  width:100%;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: var(--main-alt-color);
}

.cardInfoMainAn{
  position: absolute;
  left: 172px;
  top: 36px;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #373d3f;
}

.cardIconAn{
  padding-top: 25px;
  width: 140px;
  height: 98px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #f1f2f4;
  float: left;
  text-align: center;
}

.arrow{
  color: var(--main-color);  
  margin-top: 17px;
  text-align:right;
  margin-right:13px;
}

.arrow a{
  color: var(--main-color);  
}

.arrow a:hover{
  color: #ff4298;  
}

.cardInfoSec{
  margin-top: -5px;
  width:100%;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #6c7577;
}

.cardInfoSecAbs{
  position:absolute;
  right:20px;
  top:60px;
  width:100%;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #6c7577;
}

.cardInfoSecAn{
  position: absolute;
  right: 24px;
  top: 28px;
  font-size: 32px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #8ed298;
}

.negative{
  color: #ec838a;;
}

.cardInfoNA{
  position: absolute;
  right: 24px;
  top: 40px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6c7577;
}

.formInput{
  width:262px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-radius: 6px;
  border: solid 1px #a1a5b2;
  background-color: #ffffff;
}

.formInput:disabled{
  color: #444;
}
.formInput:focus{
  outline: none !important;
  border:1px solid var(--main-color);
}

.formInput input:focus{
  outline-color: var(--main-color) !important;;
}

.formItem{
  width:265px;
  height:42px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-radius: 6px;
  border: solid 1px #a1a5b2;
  background-color: #ffffff;
}

.formItem100{
  width:100%;
  height:42px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-radius: 6px;
  border: solid 1px #a1a5b2;
  background-color: #ffffff;
  padding-top:8px;
}

.formItem250{
  width:250px;
  margin-left:10px;
  height:42px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-radius: 6px;
  border: solid 1px #a1a5b2;
  background-color: #ffffff;
  padding-top:8px;
}

.formItem350{
  width:350px;
  margin-left:10px;
  height:42px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-radius: 6px;
  border: solid 1px #a1a5b2;
  background-color: #ffffff;
  padding-top:8px;
}

.formItemLarge{
  width:546px;
  height:42px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-radius: 6px;
  border: solid 1px #a1a5b2;
  background-color: #ffffff;
  padding-top:8px;
}

.formItem520{
  width:520px;
  height:42px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-radius: 6px;
  border: solid 1px #a1a5b2;
  background-color: #ffffff;
  padding-top:8px;
}

.formItemMonth{
  width:140px;
  height:42px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-radius: 6px;
  border: solid 1px #a1a5b2;
  background-color: #ffffff;
  padding-top:8px;
}

.formItemYear{
  width:115px;
  height:42px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-radius: 6px;
  border: solid 1px #a1a5b2;
  background-color: #ffffff;
  padding-top:8px;
  margin-left:10px;
}

.formItemNoMargin{
  margin-left:0px;
}

.formItemRep{
  height:24px;
  font-size:14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-radius: 3px;
  border: solid 1px #a1a5b2;
  background-color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
}

.formItemRep12{
  height:24px;
  font-size:12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-radius: 3px;
  border: solid 1px #a1a5b2;
  background-color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  text-align:right;
}

.formItemTask{
  margin-top: -2px;
  height:30px;
  width:180px;
  font-size:14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  border-radius: 3px;
  border: solid 1px #a1a5b2;
  background-color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

.formLabel{
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #373d3f; 
  display: block; 
}

.formText{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #373d3f; 
  display: block; 
}

.formLabel12{
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #373d3f; 
  display: block; 
}

.formSep{
  clear:both;
  width: calc(100% + 35px);
  height: 1px;
  margin-left: -17px;
  margin-top: 14px;
  background-color: #f1f2f4;
}

.cbContainer {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  padding-left:22px;
  padding-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #373d3f;

}

.cbContainerR {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  padding-left:22px;
  padding-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #373d3f;

}


/* Hide the browser's default checkbox */
.cbContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 1px;
  left: 0px;
  height: 14px;
  width: 14px;
  border-radius: 2px;
  border: solid 1px #a1a5b2;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.cbContainer:hover input ~ .checkmark {
  background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.cbContainer input:checked ~ .checkmark {
  background-color: var(--main-color);
  border: solid 1px var(--main-color-hover);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cbContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cbContainer .checkmark:after {
  left: 3px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.formBtnSub{
  width: 148px;
  height: 42px;
  margin: 24px 16px 4px 0px;
  padding: 10px 0;
  border-radius: 4px;
  box-shadow: 0 20px 10px -15px var(--main-button-shadow-color);
  border: solid 1px var(--main-color);
  background-color: var(--main-color);

  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.formBtnSub:disabled{
  border: solid 1px #ddd;
  background-color: #ddd;
  box-shadow: none;
  cursor: default;
}


.formBtnSub:not(:disabled):hover{
  background: var(--main-color-hover);
  border: solid 1px var(--main-color-hover);
  box-shadow: 0 20px 10px -15px var(--main-button-shadow-color);
}

.formBtnClr{
  width: 148px;
  height: 42px;
  margin: 24px 16px 4px 0px;
  padding: 10px 0;
  border-radius: 4px;
  border: solid 1px var(--main-color);
  background-color: #ffffff;

  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--main-color);
}

.formBtnClr:hover{
  color:#fff;
  background-color: var(--main-color);
}

.formBtnEdit{
  width: 148px;
  height: 42px;
  margin: 24px 16px 4px 0px;
  padding: 10px 0;
  border-radius: 4px;
  border: solid 1px var(--main-color);
  background-color: #ffffff;

  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--main-color);
}

.formBtnEdit:hover{
  color:#fff;
  background-color: #ff4298;
}

.formRel{
  width: 100px;
  height: 30px;
  margin-top:-6px;
  border-radius: 4px;
  border: solid 1px var(--main-color);
  background-color: #ffffff;

  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--main-color);
}

.table-light > td, .table-light > th {
  background-color: #ffffff;
  color: #888ea8;
}

.table > thead > tr > th {
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase; }

.table-light>th {
  background-color: var(--main-color)4;
}

.table > tbody > tr > td {
  vertical-align: top;
  color: var(--main-table-text-color);
  font-size: 14px;
}

.table-hover:not(.table-dark) tbody tr:hover {
  background-color: var(--main-table-hover) !important; }

.widget .widget-sidebyside {
  display: flex;
  justify-content: space-between;
}

.table th:first-child{
  border-radius:6px 0 0 6px;
}

.table th:last-child{
  border-radius:0 6px 6px 0;
}

.iconPr{
  color:#373d3f;
}

.iconPr :hover{
  color:var(--main-color);
}

.inputfile {
  display: none;
}

.inputfile-label{
  width:265px;
  height: 42px;
  border: solid 1px #f1f2f4;
  border-radius: 6px;
  background-color: #f1f2f4;
  cursor:pointer;
  text-align: center;
  padding-top: 10px;
}

.inputfile-label-ext{
  width:350px;
  height: 42px;
  border: solid 1px #f1f2f4;
  border-radius: 6px;
  background-color: #f1f2f4;
  cursor:pointer;
  text-align: center;
  padding-top: 10px;
}
.inputfile-label-large{
  width:488px;
  height: 42px;
  border: solid 1px #f1f2f4;
  border-radius: 6px;
  background-color: #f1f2f4;
  cursor:pointer;
  text-align: center;
  padding-top: 10px;
}

.inputfile-text {
  display: inline-block;
  width: calc(100% - 8px);
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  opacity: 0.5;
  overflow-x: hidden;
  padding-right: 4px;
  padding-left:4px;
}

.btn-primary{
  color:#fff;
  background-color:var(--main-color) !important;
  border-color:var(--main-color);
  border-radius: 4px;
  box-shadow: 0 20px 10px -15px var(--main-button-shadow-color);
  border: solid 1px var(--main-color);
  font-size:16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
.btn-primary:hover{
  color:#fff;
  background-color:var(--main-color-hover) !important;
  border-color:var(--main-color-hover);
  border-radius: 4px;
  box-shadow: 0 16px 8px -10px var(--main-button-shadow-color);
  border: solid 1px var(--main-color-hover);
}
.btn-primary.focus,.btn-primary:focus{
  color:#fff;
  border-radius: 4px;
  border: solid 1px var(--main-color-hover);
  background-color: var(--main-color-hover);
}
.btn-primary.disabled,.btn-primary:disabled{
  color:#fff;
  background-color:var(--main-color);
  border-color:var(--main-color); 
}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{
  color:#fff;
  background-color:var(--main-color-hover);
  border-color:var(--main-color-hover);
}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{
  box-shadow: none;
}

.pf-dim-1{
  width:160px;
  height:42px;
  padding-top: 9px;
}

.pf-dim-2{
  width:148px;
  height:42px;
  padding-top: 9px;
}

.pf-dim-3{
  width:190px;
  height:42px;
  padding-top: 9px;
}

.pf-circ{
  height: 262px;
  padding:26px;
}

.pf-circ-heading{
  width:100%;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--main-alt-color);
  margin-top: 26px;
}

.pf-circ-button{
  position: absolute;
  width:100%;
  text-align: left;
  bottom:26px;
}

.pf-circ-date{
  position: absolute;
  width:100%;
  text-align: left;
  bottom:97px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--main-alt-color);
}

.pf-amig{
  height: 220px;
  text-align: center;
}

.pf-amig-icon{
  width:100%;
  text-align: center;
  margin-top:32px;
}

.pf-amig-heading{
  position: absolute;
  bottom:98px;
  width:100%;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #373d3f;
}

.pf-amig-button{
  position: absolute;
  width:100%;
  text-align: center;
  bottom:26px; 
}

.pf-amig-item{
  height: 420px;
  text-align: center;
  padding: 0px;
}


.farmPopup{
  width:600px;
  margin-left: auto;
  margin-right: auto;
  height: calc(100% - 220px);
  margin-top:110px;
}

.farmPopupBody{
  overflow-y: scroll;
  padding: 24px;
}

@media (max-height: 800px) {
  .farmPopup{
    height: calc(100% - 100px);
    margin-top:50px;
  }
}

@media (max-width: 680px) {
  .farmPopup{
    width:400px;
  }
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 600px;
  }
}

.menuSep{
  width:100%;
  height: 1px;
  background-color: #f1f2f4;
  margin-top:18px;
  margin-bottom:11px;
}

.po_tab{
  width: 480px;
  height: 60px;
  padding: 12px 12px 5px 12px;
}

.po_nav_item{
  display: inline-flex;
  float: left;
}

.po_nav_sep{
  width:32px;
  height: 31px;
  border-bottom: 2px solid #e3e4e8;
}

.po_nav_link{
  border:none;
  background-color: #fff;
  text-align:left;
  padding-bottom: 9px;
  border-bottom: 2px solid #e3e4e8;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6c7577;;
}

.po_nav_link:hover{
  color:var(--main-color);
  border-bottom: 2px solid var(--main-color);
}

.po_nav_link:disabled{
  color:var(--main-color);
  border-bottom: 2px solid var(--main-color);
}

.po-parent{
  padding-top: 32px;
  padding-right: 10px;
}

.po-button-text{
    display: flex;
    width: 32px;
    height: 32px;
    padding: 3px;
    background-color: #fff;
    border: solid 1px #fff;
}

.po-button-text:hover{
  background-color: #f8f8f8;
  border: solid 1px #f0f0f0
}

.po-container{
  display: flex;
  margin-top: 40px;
  width: 100%;
  flex-wrap: wrap;
}

.po-title{
  margin-top:12px;
  margin-left:12px;
  margin-right:12px;
  margin-bottom:24px;
  min-width:calc(100% - 24px);
  overflow-x:hidden;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--main-alt-color);
  text-align: center;
}


.po-body{
  height: 300px;
  padding:0px;
}

.po-icon{
  text-align: center;
  padding-top: 24px;
}

.po-button-container{
  position:absolute;
  bottom:24px;
  width:100%;
  text-align:center;
}

.po-button{
  margin-top:10px;
}

.pfBanner{
  display:flex;
  width:100%;
  text-align:center;
  margin-bottom:24px;
}

.pgImgBanner{
  max-width:100%;
  max-height:100%;
}

.fo_tab{
  width: 270px;
  height: 60px;
  padding: 12px 12px 5px 12px;
}

.fo-web{
  padding:0px;
  position:relative;
  height:200px;
  width:100%;
}

.fo-web-img{
  position: absolute;
  right:0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.fo-web-logo{
  margin-left:68px;
  margin-top:40px;
}

.fo-main{
  min-height:400px;
  padding:0px;
}

.fo-title{
  margin-left:24px;
  margin-right:24px;
  margin-top:12px;
  margin-bottom:24px;
  height:110px;
  min-width:calc(100% - 48px);
  overflow-x:hidden;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--main-alt-color);
}

.fo-title-el{
  width:100%;
  text-align:center;
  position:absolute;
  bottom:80px;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #373d3f; 
}

.fo-author{
  margin-top:30px;
  margin-left:24px;
  color:var(--main-alt-color);
}

.fo-doc{
  height:420px;
  padding:0px;
}

.fo-icon{
  text-align:center;
  padding-top:0px;
  margin-top:0px;
}

.fo-video{
  padding:0px;
  width:100%;
}

.fo-icon-web{
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.videoPopup{
  width:727px;
  height: 452px;
}

.videoPopupBody{
  padding: 0px;
  margin-left:-38px;
}

.username{
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #575757;
}

.pr-settings{
  min-width: 100px;
  height: 51px;
  margin: 0 0 0 21px;
  padding: 14px 10px 15px 13px;
  border-radius: 6px;
  border: solid 1px #d5d4d5;
  background-color: #ffffff;
}

.pr-settings:hover{
  background-color: #f1f2f4;;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.pr-main-ver{
  font-size: 16px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
}

.icon_profile svg{
  margin-top:11px;
  margin-left:10px;
}

.profile-link{
  color: #5a5f84;
}

.profile-link:hover{
  color: #5a5f84;
}

.profile-item{
  border-radius: none !important;
  background-color: #fff !important;
  border-bottom: none !important;
}
.profile-item:hover{
  color: #5a5f84;
  border-radius: 6px !important;
  background-color: #f1f2f4 !important;
}

.profile-sep{
  clear:both;
  width: 100%;
  height: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
  background-color: #f1f2f4;
}

.profile-edit{
  max-width:590px;
}

.bg-premium {
  background-color: var(--main-color) !important;
  border-color: var(--main-color);
  color: #fff;
}

.msg-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.pf-msg{
  clear:both;
  margin-top:117px;
  min-height:90px;
  text-align:center;
}

.btnFiles{
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}


.modalPopup{
	position:fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left:0px;
	z-index: 1050;
}

.modalBackground {
	position:absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: 100%;
  opacity: 0.4;
  background-color: #000000;
	z-index: 1055;
}

.modalDialog{
	position:relative;
	left:50%;
	top:50%;
	height:600px;
	width:800px;
	z-index:1060;
	display:block;
	border:none;
	background-color: #f7f9fb;
	margin-left: -400px;
  margin-top: -300px;
  border-radius: 6px;
  background-color: #ffffff;
  padding: 24px;
}

.modalDim{
  width:325px;
}

.repDim{
  margin-top:2px;
  width:100px;
  height:24px;
  padding-top:2px;
  padding-right:0px;
  border-radius:3px;
}

.allDim{
  width:100%;
}

.allDimExt{
  width:calc(100% - 45px);
}

.redDim{
  width:190px;
}

.redDimPerc{
  width:100%;
}

.flexRow{
  display:flex;
  justify-content: space-between;
}

.flexRowLeft {
  display: flex;
  justify-content:left; 
  flex-wrap: wrap;
}

.flexRowLeft > div {
  margin-right: 24px;
}


.infoDiv {
  border: thin solid #ddd;
  background-color: white;
  width: 233px;
  min-height: 18px;
  max-height: 18px;
  float: right;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 2px;
  padding-right: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #333;
}

.labelFormInfo {
  position: relative;
  float: left;
  text-align: right;
  margin-bottom: 0;
  margin-top: -5px;
  padding-top: 5px;
  font-size: 12px;
  color: #444;
  width: 90px;
}

.multiselectList{
  padding: 5px;
}

.multiselectList:focus option:checked {
  background: var(--main-color) linear-gradient(0deg, var(--main-color) 0%, var(--main-color) 100%);
}

.multiselectList option{
  padding-top: 5px;
  padding-bottom: 5px;
}

.multiselectList [selected] {
    background-color: var(--main-color);
    font-weight:bold;
}

.dialogMsg{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 0;
  font-size:14px;
}

.headerReport{
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--main-color);
}

.radio-toolbar{
  display:inline;
}

.radio-toolbar input[type="radio"] {
  display: none;
}

.radio-toolbar label {
  display: inline-block;
  background-color: #ddd;
  padding: 2px 6px;
  font-family: Arial;
  font-size: 12px;
  cursor: pointer;
  margin-left:4px;
}

.radio-toolbar input[type="radio"]:checked+label {
  background-color: #309975;
  color: #eee;
}

.radio-toolbar-neg{
  display:inline;
}
.radio-toolbar-neg input[type="radio"] {
  display: none;
}

.radio-toolbar-neg label {
  display: inline-block;
  background-color: #ddd;
  padding: 2px 6px;
  font-family: Arial;
  font-size: 12px;
  cursor: pointer;
  margin-left:4px;
}

.radio-toolbar-neg input[type="radio"]:checked+label {
  background-color:var(--main-color);
  color: #eee;
}

.inSliderClass {
  width: 50px;
  height: 24px;
  text-align: center;
  margin-left: 10px;
}

#panelServiceClinic input[disabled], #panelServiceClinic input[readonly] {
  cursor: default;
  background-color:#f6f6f7 !important;
  border: 1px solid #ddd;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #575757;
  width:50px;
  margin-top:-3px;
  text-align:center;
  margin-left:20px;
}


.event-report{
  border-color: black !important;
  border-top-width: 0px !important;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
  border-bottom-width: 4px !important;
}

.notification-badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color:var(--main-color);
  border-radius: 10px;
}

.pb-crm{
  width: 100%;
  margin-top: 5px;
  margin-right: 5px;
}

.pb-score{
  width: 50px;
  text-align: right;
  font-size: 13px;
  margin-top: 1px;
  font-weight: 600;
  color: #888ea8;
}

.btSetupMetas{
  width: 180px;
  height: 42px;
  margin: -8px 0px 0px 40px;
  padding: 10px 0;
  border-radius: 4px;
  box-shadow: 0 20px 10px -15px rgba(227, 82, 148, 0.5);
  border: solid 1px var(--main-color);
  background-color: var(--main-color);

  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
.btSetupMetas:hover{
  background: #ff4298;
  border: solid 1px #ff4298;
  box-shadow: 0 20px 10px -15px rgba(227, 82, 148, 0.5);
}

.sTitMeta{
  position:absolute;
  width: 100px;
  right: 40px;
  bottom: 25px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: right;
  color: #373d3f;
}

.sMeta{
  position:absolute;
  width: 100px;
  right: 40px;
  bottom: 2px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.5px;
  text-align: right;
  color: #373d3f;
}

.sNameMeta{
  position:absolute;
  width: 100%;
  left: 20px;
  top: 13px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--main-color);
}

.setupMetaTitle{
  margin-top:25px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.5px;
  text-align: left;
  color: #373d3f;
}

.cbMeta {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  padding-left:22px;
  padding-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #373d3f;
  margin-top: 11px;
  margin-left:10px;
}

/* Hide the browser's default checkbox */
.cbMeta input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* On mouse-over, add a grey background color */
.cbMeta:hover input ~ .checkmark {
  background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.cbMeta input:checked ~ .checkmark {
  background-color: var(--main-color);
  border: solid 1px #d34284;
}

/* Show the checkmark when checked */
.cbMeta input:checked ~ .checkmark:after {
  display: block;
}

.cbMeta .checkmark{
  height: 20px;
  width: 20px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.cbMeta .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Style the checkmark/indicator */
.cbMeta .checkmark:after {
  left: 5px;
  top: 0px;
  width: 6px;
  height: 15px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.setupMetaCard {
  width: 100%;
  height: 45px;
  margin: 0 0 10px 0;
  padding: 0px 0px 0px 0px;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  box-shadow: 0 2px 9px 2px rgba(94, 92, 154, 0.15);
  background-color: #ffffff;
  position:relative;
}

.setupMetaCardGroup {
  width: 100%;
  margin: 0 0 13px 0;
  padding: 10px 0px 0px 0px;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  box-shadow: 0 2px 9px 2px rgba(94, 92, 154, 0.15);
  background-color: #ffffff;
  position:relative;
}


.setupMetaGroup {
  width: 100%;
  height: 45px;
  margin: 0 0 10px 0;
  padding: 0px 0px 0px 0px;
  border: none;
  background-color: #ffffff;
  position:relative;
}

.posMeta{
  position:absolute;
  right:10px;
  top:10px;
}

/*----------Theme checkbox---------*/
.new-control {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 1.5rem;
  margin-right: 1rem;
  font-weight: 100;
  font-size: 14px; }

.new-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.new-control.new-checkbox {
  cursor: pointer; }
  .new-control.new-checkbox .new-control-indicator {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 17px;
    height: 17px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e0e6ed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    border-radius: 4px; }
  .new-control.new-checkbox > input:checked ~ span.new-control-indicator {
    background: #888ea8; }
    .new-control.new-checkbox > input:checked ~ span.new-control-indicator:after {
      display: block; }
  .new-control.new-checkbox span.new-control-indicator:after {
    border: solid #fff;
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -5px;
    width: 4px;
    height: 8px;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg);
    content: '';
    position: absolute;
    display: none;
    margin-left: -2px;
    margin-top: -5px;
    width: 4px;
    height: 8px;
    height: 8px; }

/*rounded checkbox*/
.new-checkbox-rounded span.new-control-indicator {
  border-radius: 50% !important; }

/*  line through colors   */
.new-control.new-checkbox.new-checkbox-text > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-default > input:checked ~ span.new-chk-content {
  color: #888ea8; }

.new-control.new-checkbox.new-checkbox-text.checkbox-primary > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-primary > input:checked ~ span.new-chk-content {
  color: #4361ee; }

.new-control.new-checkbox.new-checkbox-text.checkbox-success > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-success > input:checked ~ span.new-chk-content {
  color: #1abc9c; }

.new-control.new-checkbox.new-checkbox-text.checkbox-info > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-info > input:checked ~ span.new-chk-content {
  color: #2196f3; }

.new-control.new-checkbox.new-checkbox-text.checkbox-warning > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-warning > input:checked ~ span.new-chk-content {
  color: #e2a03f; }

.new-control.new-checkbox.new-checkbox-text.checkbox-danger > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-danger > input:checked ~ span.new-chk-content {
  color: #e7515a; }

.new-control.new-checkbox.new-checkbox-text.checkbox-secondary > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-secondary > input:checked ~ span.new-chk-content {
  color: #805dca; }

.new-control.new-checkbox.new-checkbox-text.checkbox-dark > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-dark > input:checked ~ span.new-chk-content {
  color: #3b3f5c; }

.new-control.new-checkbox.checkbox-primary > input:checked ~ span.new-control-indicator {
  background: #4361ee; }

.new-control.new-checkbox.checkbox-success > input:checked ~ span.new-control-indicator {
  background: #1abc9c; }

.new-control.new-checkbox.checkbox-info > input:checked ~ span.new-control-indicator {
  background: #2196f3; }

.new-control.new-checkbox.checkbox-warning > input:checked ~ span.new-control-indicator {
  background: #e2a03f; }

.new-control.new-checkbox.checkbox-danger > input:checked ~ span.new-control-indicator {
  background: #e7515a; }

.new-control.new-checkbox.checkbox-secondary > input:checked ~ span.new-control-indicator {
  background: #805dca; }

.new-control.new-checkbox.checkbox-dark > input:checked ~ span.new-control-indicator {
  background: #3b3f5c; }

.new-control.new-checkbox[class*="checkbox-outline-"] > input:checked ~ span.new-control-indicator {
  background-color: transparent; }

.new-control.new-checkbox.checkbox-outline-default > input:checked ~ span.new-control-indicator {
  border: 2px solid #888ea8; }

.new-control.new-checkbox.checkbox-outline-primary > input:checked ~ span.new-control-indicator {
  border: 2px solid #4361ee; }

.new-control.new-checkbox.checkbox-outline-success > input:checked ~ span.new-control-indicator {
  border: 2px solid #1abc9c; }

.new-control.new-checkbox.checkbox-outline-info > input:checked ~ span.new-control-indicator {
  border: 2px solid #2196f3; }

.new-control.new-checkbox.checkbox-outline-warning > input:checked ~ span.new-control-indicator {
  border: 2px solid #e2a03f; }

.new-control.new-checkbox.checkbox-outline-danger > input:checked ~ span.new-control-indicator {
  border: 2px solid #e7515a; }

.new-control.new-checkbox.checkbox-outline-secondary > input:checked ~ span.new-control-indicator {
  border: 2px solid #805dca; }

.new-control.new-checkbox.checkbox-outline-dark > input:checked ~ span.new-control-indicator {
  border: 2px solid #3b3f5c; }

.new-control.new-checkbox.checkbox-outline-default > input:checked ~ span.new-control-indicator:after {
  border-color: #888ea8; }

.new-control.new-checkbox.checkbox-outline-primary > input:checked ~ span.new-control-indicator:after {
  border-color: #4361ee; }

.new-control.new-checkbox.checkbox-outline-success > input:checked ~ span.new-control-indicator:after {
  border-color: #1abc9c; }

.new-control.new-checkbox.checkbox-outline-info > input:checked ~ span.new-control-indicator:after {
  border-color: #2196f3; }

.new-control.new-checkbox.checkbox-outline-warning > input:checked ~ span.new-control-indicator:after {
  border-color: #e2a03f; }

.new-control.new-checkbox.checkbox-outline-danger > input:checked ~ span.new-control-indicator:after {
  border-color: #e7515a; }

.new-control.new-checkbox.checkbox-outline-secondary > input:checked ~ span.new-control-indicator:after {
  border-color: #805dca; }

.new-control.new-checkbox.checkbox-outline-dark > input:checked ~ span.new-control-indicator:after {
  border-color: #3b3f5c; }

.new-control.new-radio {
  cursor: pointer; }
  .new-control.new-radio .new-control-indicator {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e0e6ed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    border-radius: 50%; }
  .new-control.new-radio > input:checked ~ span.new-control-indicator {
    background: #888ea8; }
  .new-control.new-radio span.new-control-indicator:after {
    top: 50%;
    left: 50%;
    margin-left: -3px;
    margin-top: -3px;
    content: '';
    position: absolute;
    display: none;
    border-radius: 50%;
    height: 6px;
    width: 6px;
    background-color: #fff; }
  .new-control.new-radio.square-radio .new-control-indicator, .new-control.new-radio.square-radio span.new-control-indicator:after {
    border-radius: 0; }
  .new-control.new-radio.radio-primary > input:checked ~ span.new-control-indicator {
    background: #4361ee; }
  .new-control.new-radio.radio-success > input:checked ~ span.new-control-indicator {
    background: #1abc9c; }
  .new-control.new-radio.radio-info > input:checked ~ span.new-control-indicator {
    background: #2196f3; }
  .new-control.new-radio.radio-warning > input:checked ~ span.new-control-indicator {
    background: #e2a03f; }
  .new-control.new-radio.radio-danger > input:checked ~ span.new-control-indicator {
    background: #e7515a; }
  .new-control.new-radio.radio-secondary > input:checked ~ span.new-control-indicator {
    background: #805dca; }
  .new-control.new-radio.radio-dark > input:checked ~ span.new-control-indicator {
    background: #3b3f5c; }
  .new-control.new-radio[class*="radio-classic-"] > input:checked ~ span.new-control-indicator {
    background-color: transparent; }
  .new-control.new-radio.radio-classic-default > input:checked ~ span.new-control-indicator {
    border: 3px solid #888ea8; }
  .new-control.new-radio.radio-classic-primary > input:checked ~ span.new-control-indicator {
    border: 3px solid #4361ee; }
  .new-control.new-radio.radio-classic-success > input:checked ~ span.new-control-indicator {
    border: 3px solid #1abc9c; }
  .new-control.new-radio.radio-classic-info > input:checked ~ span.new-control-indicator {
    border: 3px solid #2196f3; }
  .new-control.new-radio.radio-classic-warning > input:checked ~ span.new-control-indicator {
    border: 3px solid #e2a03f; }
  .new-control.new-radio.radio-classic-danger > input:checked ~ span.new-control-indicator {
    border: 3px solid var(--main-color); }
  .new-control.new-radio.radio-classic-secondary > input:checked ~ span.new-control-indicator {
    border: 3px solid #805dca; }
  .new-control.new-radio.radio-classic-dark > input:checked ~ span.new-control-indicator {
    border: 3px solid #3b3f5c; }
  .new-control.new-radio.radio-classic-default > input:checked ~ span.new-control-indicator:after {
    background-color: #888ea8; }
  .new-control.new-radio.radio-classic-primary > input:checked ~ span.new-control-indicator:after {
    background-color: #4361ee; }
  .new-control.new-radio.radio-classic-success > input:checked ~ span.new-control-indicator:after {
    background-color: #1abc9c; }
  .new-control.new-radio.radio-classic-info > input:checked ~ span.new-control-indicator:after {
    background-color: #2196f3; }
  .new-control.new-radio.radio-classic-warning > input:checked ~ span.new-control-indicator:after {
    background-color: #e2a03f; }
  .new-control.new-radio.radio-classic-danger > input:checked ~ span.new-control-indicator:after {
    background-color: var(--main-color); }
  .new-control.new-radio.radio-classic-secondary > input:checked ~ span.new-control-indicator:after {
    background-color: #805dca; }
  .new-control.new-radio.radio-classic-dark > input:checked ~ span.new-control-indicator:after {
    background-color: #3b3f5c; }
  .new-control.new-radio.new-radio-text > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-default > input:checked ~ span.new-radio-content {
    color: #888ea8; }
  .new-control.new-radio.new-radio-text.radio-primary > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-primary > input:checked ~ span.new-radio-content {
    color: #4361ee; }
  .new-control.new-radio.new-radio-text.radio-success > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-success > input:checked ~ span.new-radio-content {
    color: #1abc9c; }
  .new-control.new-radio.new-radio-text.radio-info > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-info > input:checked ~ span.new-radio-content {
    color: #2196f3; }
  .new-control.new-radio.new-radio-text.radio-warning > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-warning > input:checked ~ span.new-radio-content {
    color: #e2a03f; }
  .new-control.new-radio.new-radio-text.radio-danger > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-danger > input:checked ~ span.new-radio-content {
    color: var(--main-color); }
  .new-control.new-radio.new-radio-text.radio-secondary > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-secondary > input:checked ~ span.new-radio-content {
    color: #805dca; }
  .new-control.new-radio.new-radio-text.radio-dark > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-dark > input:checked ~ span.new-radio-content {
    color: #3b3f5c; }

.containerMontras{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  row-gap: 16px;
  margin-bottom:24px;
}

.widget-man {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 6px;
  border: 1px solid #e0e6ed;
  background-color:#e6e8ef;
  padding:15px;
  min-height:400px;
}

.table_idx{
  font-weight: bold;
}

.table_high{
  color:var(--main-graph-color) !important;
  font-weight: bold;
}

.table_Green{
  color:#0d9a5d !important;
  font-weight: bold;
}

.table_Red{
  color: #e7515a !important;
  font-weight: bold;
}

.table-group{
  background-color: #d6d8df;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  font-size: 0.75rem;
}

.remove-table-hover{
  color: #616569 !important;
}

.red-notice{
  color: #f00 !important;  
}

.confirm-modal-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.confirm-modal-overlay.active {
    display: flex;
}

.confirm-modal {
    background: #fff;
    padding: 24px;
    border-radius: 6px;
    max-width: 540px;
    min-width: 480px;
    width: 90%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    text-align: center;
}

.confirm-modal p {
    margin: 0 0 20px;
    font-size: 15px;
    color: #333;
}

.confirm-modal-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.confirm-modal-actions button {
    padding: 8px 18px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}