/*
 Template Name: Lexa - Responsive Bootstrap 4 Admin Dashboard
 Author: Themesbrand
 Website: www.themesbrand.com
 File: Main Css File
*/
/* ============
TABLES OF CSS
---------------

01. General
02. Bootstrap-custom
03. Helper
04. Waves Effect
05. Menu
06. Buttons
07. Cards
08. Email
09. Summernote
10. Alerts
11. Demo Only
12. Pagination
13. Progress
14. Popover - Tooltips
15. Sweet Alerts
16. Tabs
17. Form-elements
18. Form-validation
19. Form-advanced
20. Form-editors
21. Form-upload
22. Calendar
23. Tables
24. Maps
25. Range-slider
26. Session-timeout
27. Charts
28. Widgets
29. TImeline
30. Directory
31. Invoice
32. Account Pages
33. Dashboard Page
34. Responsive


*/
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600");
/* ======
01. General
   ====== */
body {
  background-repeat: repeat;
  background: #F3F4F4 !important;
  font-family: "Poppins", sans-serif !important;
  color: #5b626b;
  font-size: 13px !important;
}

html {
  overflow-x: hidden;
  position: relative;
  min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 10px 0;
}

p {
  line-height: 1.7;
}

svg {
  max-width: 100%;
}

a {
  color: #707070;
}
a:hover {
  outline: 0;
  text-decoration: none;
}
a:active {
  outline: 0;
  text-decoration: none;
}
a:focus {
  outline: 0;
  text-decoration: none;
}

.container-alt {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.footer {
  bottom: 0;
  text-align: center;
  padding: 20px 30px;
  position: absolute;
  right: 0;
  left: 0;
  /* background-color: #fafafa; */
  background-color: #231F20 !important;
  /* box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.05); */
  box-shadow: none;
  z-index: 9999;
  color:#fff !important;
}
.footer .container-fluid {
    width: calc(100% - 30px);
}

#wrapper {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.slimScrollDiv {
  height: auto !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #8ebd4d;
}

/* Social */
.social-links li a {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 30px;
}

/* ======
02. Bootstrap-custom
   ====== */
.dropdown-menu {
  padding: 4px 0;
  font-size: 13px;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  border-color: transparent;
  margin: 0;
}

.dropdown-item {
  background-color: #ffffff;
  padding: .55rem 1.5rem;
}
.dropdown-item:active, .dropdown-item:hover {
  background-color: #f8f9fa;
  color: #323031;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #f8f9fa;
  color: #323031;
}

.breadcrumb > li + li::before {
  padding: 0 5px;
  color: #707070;
  content: "/\00a0" !important;
}

.bg-primary {
  background-color: #8ebd4d !important;
}

.bg-success {
  background-color: #58db83 !important;
}

.bg-info {
  background-color: #29bbe3 !important;
}

.bg-warning {
  background-color: #f5b225 !important;
}

.bg-danger {
  background-color: #ec536c !important;
}

.bg-muted {
  background-color: #707070 !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.text-white {
  color: #ffffff !important;
}

.text-danger {
  color: #ec536c !important;
}

.text-muted {
  color: #707070 !important;
}

.text-primary {
  color: #8ebd4d !important;
}

.text-warning {
  color: #f5b225 !important;
}

.text-success {
  color: #58db83 !important;
}

.text-info {
  color: #29bbe3 !important;
}

.text-dark {
  color: #323031 !important;
}

.badge {
  font-weight: 500;
}

.badge-primary {
  background-color: #8ebd4d;
}

.badge-success {
  background-color: #58db83;
}

.badge-info {
  background-color: #29bbe3;
}

.badge-warning {
  background-color: #f5b225;
  color: white;
}

.badge-danger {
  background-color: #ec536c;
}

.badge-dark {
  background-color: #323031;
}

dt {
  font-weight: 500;
}

/* ======
03. Helper
   ====== */
/* ==============
  Helper Classes
===================*/
.p-0 {
  padding: 0;
}

.p-t-10 {
  padding-top: 10px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.m-0 {
  margin: 0;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.w-30 {
  max-width: 30px;
}

.w-xs {
  min-width: 80px;
}

.w-sm {
  min-width: 95px;
}

.w-md {
  min-width: 110px;
}

.w-lg {
  min-width: 140px;
}

.l-h-23 {
  line-height: 23px;
}

.l-h-34 {
  line-height: 34px;
}

.font-12 {
  font-size: 12px;
}

.font-14 {
  font-size: 14px;
}

.font-16 {
  font-size: 16px;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px;
}

.font-24 {
  font-size: 24px;
}

.font-30 {
  font-size: 30px;
}

.thumb-sm {
  height: 32px;
  width: 32px;
}

.thumb-md {
  height: 48px;
  width: 48px;
}

.thumb-lg {
  height: 88px;
  width: 88px;
}

.font-500 {
  font-weight: 500;
}

.font-600 {
  font-weight: 600;
}

.header-title {
  font-size: 16px;
}

/* ======
04. Waves Effect
   ====== */
/* ==============
  Waves Effect
===================*/
/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  -o-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
  padding: 0;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

/* ======
05. Menu
   ====== */
/* ==============
  Menu
===================*/
body {
  padding-bottom: 65px;
}
body[style] {
  padding-bottom: 65px !important;
}

.wrapper {
  padding-top: 165px;
}

.container-fluid {
  width: 90%;
}

#topnav {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1030;
  /*background: $dark;*/
  background: #3d4d8e;
  border: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  min-height: 62px;
}

.pvtUi {
  padding-top: 100px;
  width: 100%;
  color: #333;
}
#topnav .has-submenu.active a {
  color: #8ebd4d;
  border-bottom: 2px solid;
}
#topnav .has-submenu.active .submenu li.active > a {
  color: #8ebd4d;
  border: none;
}
#topnav .topbar-main {
  background-color: #ffffff;
}
#topnav .topbar-main .logo {
  line-height: 56px;
  /* &__img{
       @media (max-width:575px){
           display:block;
           width:30px;
           overflow:hidden;
       }
   }*/
}
#topnav .topbar-main .logo .logo-large {
  height: 35px;
}
#topnav .topbar-main .logo-small {
  display: none;
  height: 30px;
}
#topnav .topbar-main .nav > li > a {
  height: 36px;
  width: 36px;
  padding: 0;
  font-size: 24px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  margin: 12px 8px;
  color: rgba(50, 48, 49, 0.7);
}
#topnav .topbar-main .nav > li > a:focus, #topnav .topbar-main .nav > li > a:hover {
  background-color: rgba(50, 48, 49, 0.1);
  color: #323031;
}
#topnav .navbar-custom #navigation {
  background-color: #ffffff;
  margin-bottom: -40px;
  border-radius: 3px;
  box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
}
#topnav .navbar-toggle {
  border: 0;
  position: relative;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
#topnav .navbar-toggle:hover {
  background-color: transparent;
}
#topnav .navbar-toggle:hover span {
  background-color: #ffffff;
}
#topnav .navbar-toggle .lines {
  width: 25px;
  display: block;
  position: relative;
  padding-top: 23px;
  margin: 0 0 0 10px;
  height: 60px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
#topnav .navbar-toggle span {
  height: 2px;
  width: 100%;
  background-color: #ffffff;
  display: block;
  margin-bottom: 5px;
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
}
#topnav .navbar-toggle.open span {
  position: absolute;
}
#topnav .navbar-toggle.open span:first-child {
  top: 30px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #ffffff;
}
#topnav .navbar-toggle.open span:nth-child(2) {
  visibility: hidden;
}
#topnav .navbar-toggle.open span:last-child {
  width: 100%;
  top: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#topnav .navigation-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
#topnav .navigation-menu > li {
  display: inline-block;
  position: relative;
}
#topnav .navigation-menu > li.has-submenu {
  padding-left: 20px;
  padding-right: 20px;
}
#topnav .navigation-menu > li > a {
  display: block;
  font-size: 13.3px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  line-height: 18px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  #topnav .navigation-menu > li > a {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#topnav .navigation-menu > li > a:hover {
  color: #8ebd4d;
}
#topnav .navigation-menu > li > a:focus {
  color: #8ebd4d;
}
#topnav .navigation-menu > li > a:active {
  color: #8ebd4d;
}
#topnav .navigation-menu > li > a i {
  display: inline-block;
  font-size: 16px;
  margin-right: 8px;
  vertical-align: middle;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
#topnav .navigation-menu > li > a:hover,
#topnav .navigation-menu > li > a:focus {
  background-color: transparent;
  border-color: #8ebd4d;
}

.topbar-custom .show > .nav-link, .topbar-custom .show > .nav-link:hover, .topbar-custom .show > .nav-link:focus {
  /*background: $gray-100;*/
  background: transparent;
}

.menu-extras ul li {
  float: left;
}

/* Notification */
.notification-item-list {
  max-height: 230px;
}

.notification-list .noti-icon {
  font-size: 20px;
  vertical-align: middle;
  color: #323031;
}
.notification-list .noti-icon-badge {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 9px;
}
.notification-list .notify-item {
  padding: 10px 20px;
}
.notification-list .notify-item .notify-icon {
  float: left;
  height: 36px;
  width: 36px;
  text-align: center;
  margin-right: 10px;
  border-radius: 50%;
  color: #323031;
}
.notification-list .notify-item .notify-icon i {
  height: 32px;
  width: 32px;
  background-color: #ffffff;
  border-radius: 50%;
  line-height: 30px;
  margin-top: 2px;
}
.notification-list .notify-item .notify-details {
  margin-bottom: 0;
  overflow: hidden;
  margin-left: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}
.notification-list .notify-item .notify-details span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 12px;
  font-weight: normal;
}
.notification-list .profile-dropdown .notify-item {
  padding: 4px 20px;
}
.notification-list .nav-link {
  padding: 0 8px;
  line-height: 70px;
}

.profile-dropdown {
  width: 170px;
}
.profile-dropdown i {
  font-size: 17px;
  vertical-align: middle;
  margin-right: 5px;
  color: #adb5bd;
}
.profile-dropdown span {
  vertical-align: middle;
}

.nav-user img {
  height: 36px;
  width: 36px;
}

.agency-title {
  font-size: 1rem !important;
}

.arrow-none:after {
  border: none;
  margin: 0;
  display: none;
}

.dropdown-menu-lg {
  width: 300px;
}

.app-search {
  margin-top: 13px;
}
.app-search .form-control,
.app-search .form-control:focus {
  border: 1px solid #e9ecef;
  font-size: 13px;
  height: 34px;
  padding-left: 18px;
  padding-right: 40px;
  margin-right: 20px;
  background: #f8f9fa;
  box-shadow: none;
  border-radius: 30px;
  width: 200px;
}
.app-search button {
  position: absolute;
  top: 13px;
  right: 20px;
  display: block;
  height: 34px;
  line-height: 34px;
  width: 34px;
  text-align: center;
  color: #707070;
  font-size: 11px;
  border: none;
  background-color: transparent;
}

.page-title-box {
  padding: 20px 0;
}
.page-title-box .page-title {
  font-size: 16px;
  margin: 0;
  line-height: 30px;
  color: #ffffff;
}
.page-title-box .breadcrumb {
  padding: 4px 0;
  background-color: transparent;
  margin-bottom: 0;
}
.page-title-box .breadcrumb a {
  color: rgba(255, 255, 255, 0.7);
}
.page-title-box .breadcrumb a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.page-title-box .breadcrumb .active {
  color: rgba(255, 255, 255, 0.7);
}
.page-title-box .state-information {
  position: absolute;
  right: 20px;
  top: 20px;
}
.page-title-box .state-information .state-graph {
  float: right;
  margin-left: 40px;
  text-align: center;
}
.page-title-box .state-information .state-graph .info {
  font-size: 12px;
  margin-top: 5px;
  color: #eee;
}

/*
  Responsive Menu
*/
@media (min-width: 992px) {
  #topnav .navigation-menu > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid transparent;
  }

  #topnav .navigation-menu > li.last-elements .submenu {
    left: auto;
    right: 0;
  }
  #topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu {
    left: 100%;
    right: auto;
    margin-left: 0;
    margin-right: 10px;
  }
  #topnav .navigation-menu > li:hover a {
    color: #8ebd4d;
  }
  #topnav .navigation-menu > li:hover a i {
    color: #8ebd4d;
  }
  #topnav .navigation-menu > li .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    padding: 10px 0;
    list-style: none;
    min-width: 200px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    margin-top: 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #ffffff;
    box-shadow: 0 17px 34px 0 rgba(0, 0, 0, 0.05), 0 8px 14px 0 rgba(0, 0, 0, 0.02);
  }
  #topnav .navigation-menu > li .submenu.megamenu {
    white-space: nowrap;
    width: auto;
  }
  #topnav .navigation-menu > li .submenu.megamenu > li {
    overflow: hidden;
    width: 200px;
    display: inline-block;
    vertical-align: top;
  }
  #topnav .navigation-menu > li .submenu > li.has-submenu > a:after {
    content: "\56";
    font-family: "dripicons-v2";
    position: absolute;
    right: 20px;
    top: 8px;
    font-size: 15px;
  }
  #topnav .navigation-menu > li .submenu > li .submenu {
    left: 100%;
    top: 0;
    margin-top: 10px;
  }
  #topnav .navigation-menu > li .submenu li {
    position: relative;
  }
  #topnav .navigation-menu > li .submenu li ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
  }
  #topnav .navigation-menu > li .submenu li a {
    display: block;
    padding: 8px 25px;
    clear: both;
    white-space: nowrap;
    font-size: 13px;
    color: #4c494b;
    margin-bottom: 2px;
    border: none;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
  }
  #topnav .navigation-menu > li .submenu li a:hover {
    color: #8ebd4d;
  }
  #topnav .navbar-toggle {
    display: none;
  }

  #topnav #navigation {
    display: block;
  }
}
@media (max-width: 991px) {
  .wrapper {
    padding-top: 140px;
  }

  .container-fluid {
    width: 100%;
  }

  #topnav {
    /*.has-submenu.active a, .navigation-menu > li > a:active,.navigation-menu > li > a:hover {
  color: $primary !important;
}*/
  }
  #topnav .navigation-menu {
    float: none;
    max-height: 400px;
    text-align: left;
  }
  #topnav .navigation-menu > li {
    display: block;
  }
  #topnav .navigation-menu > li > a {
    color: #323031;
    padding: 15px;
  }
  #topnav .navigation-menu > li > a i {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
    vertical-align: inherit;
  }
  #topnav .navigation-menu > li > a:after {
    position: absolute;
    right: 15px;
  }
  #topnav .navigation-menu > li .submenu {
    display: none;
    list-style: none;
    padding-left: 20px;
    margin: 0;
  }
  #topnav .navigation-menu > li .submenu li a {
    display: block;
    position: relative;
    padding: 7px 20px;
    color: #323031;
  }
  #topnav .navigation-menu > li .submenu li a:hover {
    color: #8ebd4d;
  }
  #topnav .navigation-menu > li .submenu li.has-submenu > a:after {
    content: "\54";
    font-family: "dripicons-v2";
    position: absolute;
    right: 30px;
  }
  #topnav .navigation-menu > li .submenu.open {
    display: block;
  }
  #topnav .navigation-menu > li .submenu .submenu {
    display: none;
    list-style: none;
  }
  #topnav .navigation-menu > li .submenu .submenu.open {
    display: block;
  }
  #topnav .navigation-menu > li .submenu.megamenu > li > ul {
    list-style: none;
    padding-left: 0;
  }
  #topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span {
    display: block;
    position: relative;
    padding: 15px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    color: #323031;
  }
  #topnav .navigation-menu > li.has-submenu.open > a {
    color: #8ebd4d;
  }
  #topnav .navbar-header {
    float: left;
  }

  #navigation {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    display: none;
    height: auto;
    padding-bottom: 0;
    overflow: auto;
    background-color: #ffffff;
    z-index: 1000;
  }

  #navigation.open {
    display: block;
    overflow-y: auto;
  }
}
@media (min-width: 768px) {
  #topnav .navigation-menu > li.has-submenu:hover > .submenu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
  }

  #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu {
    visibility: visible;
    opacity: 1;
    margin-top: -1px;
    margin-right: 0;
  }

  .navbar-toggle {
    display: block;
  }
}
@media (max-width: 767px) {
  .page-title-box .breadcrumb,
  .page-title-box .state-information {
    display: none;
  }

  .wrapper {
    padding-top: 160px;
  }

  .notification-list .nav-link {
    padding: 0 7px;
  }
}
@media (max-width: 620px) {
  .logo-large {
    display: none;
  }

  .logo-small {
    display: inline-block !important;
  }

  #topnav .has-submenu.active a {
    color: #8ebd4d;
  }
}
@media (max-width: 575px) {
  .wrapper.mob {
    padding-top: 140px;
  }

  .wrapper.notLogo {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 375px) {
  .agency-title {
    font-size: 15px !important;
  }
}
.topbar-custom .nav-link {
  line-height: 60px;
  color: #323031;
  display: block;
  max-height: 60px;
}
.topbar-custom .dropdown-toggle:after {
  content: initial;
}
.topbar-custom .menu-left {
  overflow: hidden;
}

.footer {
  left: 0 !important;
  font-size: inherit;
  padding: 20px 0;
  bottom: 0;
  text-align: center;
  position: absolute;
  right: 0;
  background-color: #fafafa;
  box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 575px) {
  .footer {
    padding: 10px 0;
  }
}

/* ======
06. Buttons
   ====== */
.btn {
  border-radius: 3px;
  font-size: 13px;
}

button:focus {
  outline: none;
}

.btn-sm {
  font-size: 10.8333333333px;
}

.btn-lg {
  font-size: 15.6px;
}

.btn-primary, .btn-success, .btn-info, .btn-warning,
.btn-danger, .btn-dark, .btn-pink, .btn-purple, .btn-indigo, .btn-teal,
.btn-lime, .btn-orange, .btn-brown, .btn-blue-grey {
  color: #ffffff;
}

.btn-primary {
  background-color: #8ebd4d;
  border: 1px solid #8ebd4d;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover,
.open > .dropdown-toggle.btn-primary, .btn-outline-primary.active, .btn-outline-primary:active,
.show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:hover, .btn-primary.active,
.btn-primary:active, .show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  background-color: #81af41;
  border: 1px solid #81af41;
}

.btn-primary.focus, .btn-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(142, 189, 77, 0.3);
  box-shadow: 0 0 0 2px rgba(142, 189, 77, 0.3);
}

.btn-secondary.focus, .btn-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(50, 48, 49, 0.3);
  box-shadow: 0 0 0 2px rgba(50, 48, 49, 0.3);
}

.btn-success {
  background-color: #58db83;
  border: 1px solid #58db83;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover,
.open > .dropdown-toggle.btn-success, .btn-outline-success.active, .btn-outline-success:active,
.show > .btn-outline-success.dropdown-toggle, .btn-outline-success:hover, .btn-success.active,
.btn-success:active, .show > .btn-success.dropdown-toggle,
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
  background-color: #43d673;
  border: 1px solid #43d673;
}

.btn-success.focus, .btn-success:focus, .btn-outline-success.focus, .btn-outline-success:focus,
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(88, 219, 131, 0.3);
  box-shadow: 0 0 0 2px rgba(88, 219, 131, 0.3);
}

.btn-info {
  background-color: #29bbe3;
  border: 1px solid #29bbe3;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus,
.btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info,
.btn-outline-info.active, .btn-outline-info:active,
.show > .btn-outline-info.dropdown-toggle, .btn-outline-info:hover, .btn-info.active, .btn-info:active,
.show > .btn-info.dropdown-toggle, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
  background-color: #1caed6;
  border: 1px solid #1caed6;
}

.btn-info.focus, .btn-info:focus, .btn-outline-info.focus, .btn-outline-info:focus,
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(41, 187, 227, 0.3);
  box-shadow: 0 0 0 2px rgba(41, 187, 227, 0.3);
}

.btn-warning {
  background-color: #f5b225;
  border: 1px solid #f5b225;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
.btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover,
.open > .dropdown-toggle.btn-warning, .btn-outline-warning.active, .btn-outline-warning:active,
.show > .btn-outline-warning.dropdown-toggle, .btn-outline-warning:hover, .btn-warning.active,
.btn-warning:active, .show > .btn-warning.dropdown-toggle,
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
  background-color: #f4a90d;
  border: 1px solid #f4a90d;
  color: #ffffff;
}

.btn-warning.focus, .btn-warning:focus, .btn-outline-warning.focus, .btn-outline-warning:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(245, 178, 37, 0.3);
  box-shadow: 0 0 0 2px rgba(245, 178, 37, 0.3);
}

.btn-danger {
  background-color: #ec536c;
  border: 1px solid #ec536c;
}

.btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger.active,
.btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover,
.open > .dropdown-toggle.btn-danger, .btn-outline-danger.active, .btn-outline-danger:active,
.show > .btn-outline-danger.dropdown-toggle, .btn-outline-danger:hover, .btn-danger.active,
.btn-danger:active, .show > .btn-danger.dropdown-toggle,
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
  background-color: #e93c58;
  border: 1px solid #e93c58;
}

.btn-danger.focus, .btn-danger:focus, .btn-outline-danger.focus, .btn-outline-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(236, 83, 108, 0.3);
  box-shadow: 0 0 0 2px rgba(236, 83, 108, 0.3);
}

.btn-dark {
  background-color: #323031;
  border: 1px solid #323031;
  color: #ffffff;
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus,
.btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark,
.btn-outline-dark.active, .btn-outline-dark:active,
.show > .btn-outline-dark.dropdown-toggle, .btn-outline-dark:hover {
  background-color: #252424;
  border: 1px solid #252424;
  color: #ffffff;
}

.btn-dark.focus, .btn-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(50, 48, 49, 0.3);
  box-shadow: 0 0 0 2px rgba(50, 48, 49, 0.3);
}

.btn-link {
  color: #323031;
}
.btn-link:hover {
  color: #8ebd4d;
}

/* button Outline */
.btn-outline-primary {
  color: #8ebd4d;
  border-color: #8ebd4d;
}

.btn-outline-success {
  color: #58db83;
  border-color: #58db83;
}

.btn-outline-info {
  color: #29bbe3;
  border-color: #29bbe3;
}

.btn-outline-warning {
  color: #f5b225;
  border-color: #f5b225;
}

.btn-outline-danger {
  color: #ec536c;
  border-color: #ec536c;
}

.btn-outline-dark {
  color: #000;
  background-image: none;
  background-color: transparent;
  border-color: #000;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.upload-btn-wrapper .btn {
  border: 1px solid gray;
  color: gray;
  background-color: white;
  padding: 8px;
  border-radius: 50%;
  font-size: 18px;
  max-width: 36px;
  max-height: 36px;
  line-height: 20px;
}
.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.user-info-btn {
  top: 50%;
  right: 0;
}

.text-link {
  color: #007bff;
}
.text-link:hover {
  text-decoration: underline;
}

/* ======
07. Cards
   ====== */
.card {
  border: none;
  box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}
.card-columns .card {
  margin-bottom: 30px;
}

/* ======
08. Email
   ====== */
/* ==============
  Email
===================*/
.email-leftbar {
  width: 230px;
  float: left;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 5px;
}

.email-rightbar {
  margin-left: 260px;
}

.chat-user-box p.user-title {
  font-size: 13px;
  color: #323031;
  font-weight: 500;
}
.chat-user-box p {
  font-size: 12px;
}

@media (max-width: 767px) {
  .email-leftbar {
    float: none;
    width: 100%;
  }

  .email-rightbar {
    margin: 0;
  }
}
.mail-list a {
  display: block;
  color: #3f3c3e;
  font-size: 13px;
  line-height: 24px;
  padding: 5px;
}
.mail-list a.active {
  color: #ec536c;
  font-weight: 600;
}

.message-list {
  display: block;
  padding-left: 0;
}
.message-list li {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  cursor: default;
  transition-duration: .3s;
}
.message-list li a {
  color: #707070;
}
.message-list li:hover {
  background: rgba(112, 112, 112, 0.08);
  transition-duration: .05s;
}
.message-list li .col-mail {
  float: left;
  position: relative;
}
.message-list li .col-mail-1 {
  width: 320px;
}
.message-list li .col-mail-1 .star-toggle,
.message-list li .col-mail-1 .checkbox-wrapper-mail,
.message-list li .col-mail-1 .dot {
  display: block;
  float: left;
}
.message-list li .col-mail-1 .dot {
  border: 4px solid transparent;
  border-radius: 100px;
  margin: 22px 26px 0;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
}
.message-list li .col-mail-1 .checkbox-wrapper-mail {
  margin: 15px 10px 0 20px;
}
.message-list li .col-mail-1 .star-toggle {
  margin-top: 18px;
  font-size: 13px;
  margin-left: 5px;
}
.message-list li .col-mail-1 .title {
  position: absolute;
  top: 14px;
  left: 110px;
  right: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0;
}
.message-list li .col-mail-2 {
  position: absolute;
  top: 0;
  left: 320px;
  right: 0;
  bottom: 0;
}
.message-list li .col-mail-2 .subject,
.message-list li .col-mail-2 .date {
  position: absolute;
  top: 0;
}
.message-list li .col-mail-2 .subject {
  left: 0;
  right: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.message-list li .col-mail-2 .date {
  right: 0;
  width: 170px;
  padding-left: 80px;
}
.message-list li.active,
.message-list li.active:hover {
  box-shadow: inset 3px 0 0 #8ebd4d;
}
.message-list li.unread {
  background-color: #f7f7f7;
  font-weight: 500;
}
.message-list li.unread a {
  color: #252424;
  font-weight: 500;
}
.message-list .checkbox-wrapper-mail {
  cursor: pointer;
  height: 20px;
  width: 20px;
  position: relative;
  display: inline-block;
  box-shadow: inset 0 0 0 1px #dee2e6;
  border-radius: 1px;
}
.message-list .checkbox-wrapper-mail input {
  opacity: 0;
  cursor: pointer;
}
.message-list .checkbox-wrapper-mail input:checked ~ label {
  opacity: 1;
}
.message-list .checkbox-wrapper-mail label {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  cursor: pointer;
  opacity: 0;
  margin-bottom: 0;
  transition-duration: .05s;
  top: 0;
}
.message-list .checkbox-wrapper-mail label:before {
  content: "\F12C";
  font-family: "Material Design Icons";
  top: 0;
  height: 20px;
  color: #252424;
  width: 20px;
  position: absolute;
  margin-top: -16px;
  left: 4px;
  font-size: 13px;
}

/* ======
09. Summernote
   ====== */
/* ==============
  Summernote
===================*/
.note-btn-group .dropdown-menu > li > a {
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.note-btn-group .dropdown-menu > li > a:hover {
  background-color: #e4e7ea;
}

.note-image-popover, .note-air-popover, .note-link-popover {
  display: none;
}
.note-image-popover .dropdown-toggle::after, .note-air-popover .dropdown-toggle::after, .note-link-popover .dropdown-toggle::after {
  margin-left: 0;
}

.note-icon-caret {
  display: none;
}

.note-editor {
  position: relative;
}
.note-editor .btn-default {
  background-color: transparent;
  border-color: transparent;
}
.note-editor .btn-group-sm > .btn, .note-editor .btn-sm {
  padding: 8px 12px;
}
.note-editor .note-toolbar {
  background: #edeff1;
  border-bottom: 1px solid #e9ecef;
  margin: 0;
}
.note-editor .note-statusbar {
  background-color: #ffffff;
}
.note-editor .note-statusbar .note-resizebar {
  border-top: none;
  height: 15px;
  padding-top: 3px;
}

.note-editor.note-frame {
  border: 1px solid #e9ecef;
  box-shadow: none;
}

.note-popover .popover .popover-content {
  padding: 5px 0 10px 5px;
}
.note-popover .btn-default {
  background-color: transparent;
  border-color: transparent;
}
.note-popover .btn-group-sm > .btn, .note-popover .btn-sm {
  padding: 8px 12px;
}

.note-toolbar {
  padding: 5px 0 10px 5px;
}

/* ======
10. Alerts
   ====== */
.alert {
  position: relative;
  border: 0;
}
.alert .alert-link {
  font-weight: 600;
}

.alert-success {
  color: #58db83;
  background-color: #d6f6e0;
}
.alert-success .alert-link {
  color: #2ed264;
}
.alert-success hr {
  border-top-color: #2ed264;
}

.alert-info {
  color: #29bbe3;
  background-color: #c7edf8;
}
.alert-info .alert-link {
  color: #199cc0;
}
.alert-info hr {
  border-top-color: #199cc0;
}

.alert-warning {
  color: #f5b225;
  background-color: #fce9c1;
}
.alert-warning .alert-link {
  color: #dd990a;
}
.alert-warning hr {
  border-top-color: #dd990a;
}

.alert-danger {
  color: #ec536c;
  background-color: #fbdde2;
}
.alert-danger .alert-link {
  color: #e72545;
}
.alert-danger hr {
  border-top-color: #e72545;
}

/* ======
11. Demo Only
   ====== */
/* ==============
 Demo Only css
===================*/
.button-items {
  margin-bottom: -8px;
}
.button-items .btn {
  margin-bottom: 8px;
  margin-right: 5px;
}

.bs-example-modal {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  display: block;
}

body.modal-open {
  padding-right: 0 !important;
}

.icon-demo-content {
  text-align: center;
  color: #707070;
}
.icon-demo-content i {
  display: block;
  font-size: 28px;
  margin-bottom: 5px;
}
.icon-demo-content .col-md-4 {
  margin-bottom: 30px;
}
.icon-demo-content .col-md-4:hover i {
  color: #8ebd4d;
}

.blockquote {
  padding: 10px 20px;
  margin-bottom: 20px;
  border-left: 4px solid #e9ecef;
}

.blockquote-reverse {
  border-left: 0;
  border-right: 4px solid #e9ecef;
  text-align: right;
}

/* ======
12. Pagination
   ====== */
/* ==============
  Pagination
===================*/
.page-link {
  color: #8ebd4d;
}

.page-item.active .page-link {
  background-color: #8ebd4d;
  border-color: #8ebd4d;
}

.page-link:focus, .page-link:hover {
  color: #323031;
  background-color: #e9ecef;
}

/* ======
13. Progress
   ====== */
.progress {
  height: 10px;
}

.progress-bar {
  background-color: #8ebd4d;
}

/* ======
14. Popover - Tooltips
   ====== */
/* ==============
  Popover & Tooltips
===================*/
.popover-header {
  margin-top: 0;
}

.tooltip .tooltip-inner {
  padding: 4px 10px;
}

/* ======
15. Sweet Alerts
   ====== */
/* =========== */
/* Sweet Alert */
/* =========== */
.swal2-modal {
  font-family: inherit;
}
.swal2-modal .swal2-title {
  font-size: 28px;
}
.swal2-modal .swal2-content {
  font-size: 16px;
}
.swal2-modal .swal2-spacer {
  margin: 10px 0;
}
.swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea {
  border: 2px solid #707070;
  font-size: 16px;
  box-shadow: none !important;
}
.swal2-modal .swal2-styled {
  border: inherit;
}
.swal2-modal .swal2-image {
  height: 30px;
}

.swal2-icon.swal2-question {
  color: #8ebd4d;
  border-color: #8ebd4d;
}

.swal2-icon.swal2-success {
  border-color: #58db83;
}
.swal2-icon.swal2-success .line {
  background-color: #58db83;
}
.swal2-icon.swal2-success .placeholder {
  border-color: #58db83;
}

.swal2-icon.swal2-warning {
  color: #f5b225;
  border-color: #f5b225;
}

.swal2-icon.swal2-error {
  border-color: #ec536c;
}
.swal2-icon.swal2-error .line {
  background-color: #ec536c;
}

.swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus {
  outline: 0;
  border: 2px solid #8ebd4d;
}

/* ======
16. Tabs
   ====== */
/* =============
   Tabs & Accordions
============= */
.nav-tabs .nav-link, .nav-pills .nav-link {
  color: #323031;
  font-weight: 500;
}

.nav-tabs-custom {
  border-bottom: 2px solid #DDD;
}
.nav-tabs-custom .nav-item {
  position: relative;
}
.nav-tabs-custom .nav-item .nav-link {
  border: none !important;
  font-weight: 500;
}

.nav-tabs-custom > li > a {
  color: #323031;
}

.nav-tabs-custom > li > a::after {
  content: "";
  background: #8ebd4d;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}

.nav-tabs-custom > li > a.active::after, .nav-tabs-custom > li:hover > a::after {
  transform: scale(1);
}

.nav-tabs-custom > li > a.active {
  color: #8ebd4d !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background: #8ebd4d;
}

#accordion .card-header {
  border-bottom: 1px solid rgba(50, 48, 49, 0.05);
}

/* ======
17. Form-elements
   ====== */
/* ==============
  Form-elements
===================*/
label {
  font-weight: 500;
}

.form-control {
  font-size: 13px;
}
.form-control:focus {
  border-color: #8ebd4d;
  box-shadow: none;
}

.form-control-sm {
  font-size: .875rem;
}

.custom-select-sm {
  font-size: 75%;
}

.custom-control-input:checked ~ .custom-control-indicator {
  background-color: #8ebd4d;
}

.custom-control-input:focus ~ .custom-control-indicator {
  -webkit-box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #8ebd4d;
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #8ebd4d;
}

.has-success .form-control {
  border-color: #58db83;
  box-shadow: none;
}

.has-warning .form-control {
  border-color: #f5b225;
  box-shadow: none;
}

.has-error .form-control {
  border-color: #ec536c;
  box-shadow: none;
}

.input-group-addon {
  border-radius: 2px;
  border: 1px solid #f8f9fa;
}

.custom-checkbox-green .custom-control-label::before {
  background-color: #ffffff;
  border-radius: 0;
}

/* ======
18. Form-validation
   ====== */
/* ==============
  Form-Validation
===================*/
.error {
  color: #ff0000;
}

.invalid .select2-container .select2-selection--single {
  border: 1px solid red !important;
}

.parsley-error, .invalid .error {
  border-color: #ec536c;
}

.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0;
}

.parsley-errors-list.filled {
  display: block;
}

.parsley-errors-list > li, .invalid-feedback {
  font-size: 12px;
  list-style: none;
  color: #ec536c;
  margin-top: 5px;
}

.custom-checkbox-new {
  padding-left: 2rem;
}
.custom-checkbox-new label {
  margin-top: 5px;
}
.custom-checkbox-new .custom-control-label::before {
  width: 1.4rem;
  height: 1.4rem;
  background-color: #ffffff;
  border: 1px solid #ddd;
}
.custom-checkbox-new .custom-control-label::after {
  width: 1.4rem;
  height: 1.4rem;
}

/* ======
19. Form-advanced
   ====== */
/* ==============
  Form-Advanced
===================*/
/* Datepicker */
.datepicker {
  border: 1px solid #f8f9fa;
  padding: 8px;
  z-index: 16777271 !important;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover, .datepicker table tr td.today, .datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover, .datepicker table tr td.selected,
.datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
  background-color: #8ebd4d !important;
  background-image: none;
  box-shadow: none;
  color: #ffffff;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > td {
  padding: 5px;
}

/* Bootstrap-touchSpin */
.bootstrap-touchspin .input-group-btn-vertical .btn {
  padding: 9px 12px;
}

.bootstrap-touchspin .input-group-btn-vertical i {
  top: 4px;
  left: 8px;
}

/* Color Picker */
.colorpicker-visible {
  visibility: visible;
  opacity: 1;
  display: block;
  margin-top: 0;
}

.datepicker-dropdown.dropdown-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}

.colorpicker-selectors i {
  margin-top: 5px;
  margin-left: 5px;
}

.colorpicker-2x .colorpicker-saturation {
  width: 200px;
  height: 200px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
  width: 30px;
  height: 200px;
}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
  height: 30px;
}

/* Select 2 */
.select2-container {
  width: 100% !important;
}
.select2-container .select2-selection--single {
  border: 1px solid #ced4da !important;
  height: 38px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px !important;
  padding-left: 12px !important;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 34px !important;
  width: 34px !important;
  right: 3px !important;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #999 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 6px 6px 6px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #8ebd4d;
}

.select2-results__option {
  padding: 6px 12px;
}

.select2-dropdown {
  border: 1px solid #e3e3e3;
  padding-top: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.select2-search input {
  border: 1px solid #e3e3e3;
}

.select2-container .select2-selection--multiple {
  min-height: 38px !important;
  border: 1px solid #e3e3e3 !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 2px 10px;
}
.select2-container .select2-selection--multiple .select2-search__field {
  margin-top: 7px;
  border: 0;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 1px;
  padding: 0 7px;
}

/* CSS Switch */
input[switch] {
  display: none;
}

input[switch] + label {
  font-size: 1em;
  line-height: 1;
  width: 80px;
  height: 24px;
  background-color: #dee2e6;
  background-image: none;
  border-radius: 2rem;
  padding: 0.16667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  font-weight: 500;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:before {
  color: #323031;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  right: 1px;
  margin: 3px;
  top: -2px;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

input[switch] + label:after {
  content: '';
  position: absolute;
  left: 3px;
  background-color: #e9ecef;
  box-shadow: none;
  border-radius: 2rem;
  height: 20px;
  width: 20px;
  top: 2px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

input[switch]:checked + label {
  background-color: #8ebd4d;
}

input[switch]:checked + label:before {
  color: #ffffff;
  content: attr(data-on-label);
  right: auto;
  left: 3px;
}

input[switch]:checked + label:after {
  left: 57px;
  background-color: #e9ecef;
}

input[switch="bool"] + label {
  background-color: #ec536c;
}

input[switch="bool"] + label:before, input[switch="bool"]:checked + label:before,
input[switch="default"]:checked + label:before {
  color: #ffffff;
}

input[switch="bool"]:checked + label {
  background-color: #58db83;
}

input[switch="default"]:checked + label {
  background-color: #a2a2a2;
}

input[switch="primary"]:checked + label {
  background-color: #8ebd4d;
}

input[switch="success"]:checked + label {
  background-color: #58db83;
}

input[switch="info"]:checked + label {
  background-color: #29bbe3;
}

input[switch="warning"]:checked + label {
  background-color: #f5b225;
}

input[switch="danger"]:checked + label {
  background-color: #ec536c;
}

input[switch="dark"]:checked + label {
  background-color: #323031;
}

/* Bootstrap filestyle */
.icon-span-filestyle {
  padding-right: 5px;
}

.bootstrap-filestyle label {
  margin-bottom: 0;
}

.group-span-filestyle .badge {
  background-color: #323031;
}

/* Bootstrap Touchspin */
.bootstrap-touchspin .input-group-addon {
  padding: .5rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  color: #323031;
  text-align: center;
  background-color: #e9ecef;
  border: 1px solid rgba(50, 48, 49, 0.15);
}
.bootstrap-touchspin .input-group-btn:not(:first-child) > .btn, .bootstrap-touchspin .input-group-btn:not(:first-child) > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.bootstrap-touchspin .input-group .form-control:not(:first-child), .bootstrap-touchspin .input-group-addon:not(:first-child), .bootstrap-touchspin .input-group-btn:not(:first-child) > .btn, .bootstrap-touchspin .input-group-btn:not(:first-child) > .btn-group > .btn, .bootstrap-touchspin .input-group-btn:not(:first-child) > .dropdown-toggle, .bootstrap-touchspin .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .bootstrap-touchspin .input-group-btn:not(:last-child) > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bootstrap-touchspin .input-group .form-control:not(:last-child), .bootstrap-touchspin .input-group-addon:not(:last-child), .bootstrap-touchspin .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .bootstrap-touchspin .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .bootstrap-touchspin .input-group-btn:not(:last-child) > .btn, .bootstrap-touchspin .input-group-btn:not(:last-child) > .btn-group > .btn, .bootstrap-touchspin .input-group-btn:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bootstrap-touchspin .btn {
  font-size: 16px;
}

/* Prism editor */
:not(pre) > code[class*="language-"], pre[class*="language-"] {
  background: #f8f9fa;
}

/* ======
20. Form-editors
   ====== */
/* ==============
  Form Editor
===================*/
.mce-panel {
  border-color: #cfd5db !important;
  background-color: #f8f9fa !important;
}

.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
  background-color: #8ebd4d !important;
}

.mce-menu {
  background-color: #ffffff !important;
}

/* ======
21. Form-upload
   ====== */
/* ==============
  Form-Upload
===================*/
/* Dropzone */
.dropzone {
  min-height: 230px;
  border: 2px dashed rgba(0, 0, 0, 0.3);
  background: #ffffff;
  border-radius: 6px;
}
.dropzone .dz-message {
  font-size: 30px;
}

.file-upload {
  position: relative;
  display: inline-block;
}

.file-upload__label {
  display: block;
  padding: .5em 1em;
  background: #fff;
  border-radius: .3em;
  transition: background .3s;
  border: 1px solid #e4e5e6;
  margin-bottom: 0;
  color: #808184;
}
.file-upload__label:hover {
  cursor: pointer;
}
.file-upload__label::before {
  content: "";
  width: 22px;
  height: 15px;
  display: inline-block;
  background-image: url(../images/browse-img.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}

.file-upload__input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 1;
  width: 0;
  height: 100%;
  opacity: 0;
}

/* ======
22. Calendar
   ====== */
/* ==============
  Calendar
===================*/
.calendar {
  float: left;
  margin-bottom: 0;
}

.none-border .modal-footer {
  border-top: none;
}

.fc-toolbar {
  margin-bottom: 5px;
}
.fc-toolbar h2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
}

.fc-day {
  background: #ffffff;
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active,
.fc-toolbar button:focus, .fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
  z-index: 0;
}

.fc-widget-header {
  border: 1px solid #d5d5d5;
  background-color: #f8f9fa;
}

.fc-widget-content {
  border: 1px solid #d5d5d5;
}

.fc th.fc-widget-header {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  font-weight: 500;
  text-transform: uppercase;
}

.fc-button {
  background: #ffffff;
  border: 1px solid #d5d5d5;
  color: #555555;
  text-transform: capitalize;
  outline: none;
}

.fc-state-active, .fc-state-down {
  box-shadow: none;
  background-color: #8ebd4d;
  border-color: #8ebd4d;
  color: #ffffff;
}

.fc-text-arrow {
  font-family: arial;
  font-size: 16px;
}

.fc-state-hover {
  background: #e9ecef;
}

.fc-state-highlight {
  background: #f0f0f0;
}

.fc-cell-overlay {
  background: #f0f0f0;
}

.fc-unthemed .fc-today {
  background: #ffffff;
}

.fc-event {
  border-radius: 2px;
  border: none;
  cursor: move;
  font-size: 13px;
  margin: 5px 0;
  padding: 5px 5px;
  text-align: center;
  background-color: #8ebd4d;
  color: #ffffff !important;
}
.fc-event .fc-time {
  font-weight: 500;
}

.external-event {
  color: #ffffff;
  cursor: move;
  margin: 10px 0;
  padding: 6px 10px;
}

.fc-basic-view td.fc-week-number span {
  padding-right: 5px;
}
.fc-basic-view td.fc-day-number {
  padding-right: 5px;
}

.card-dsb .fc th.fc-widget-header {
  background-color: #323031;
  color: #ffffff;
  font-weight: normal;
  font-size: 11px;
  padding: 3px 0;
}
.card-dsb .fc-toolbar h2 {
  text-transform: none;
  font-weight: normal;
  color: #231f20;
  line-height: 23px;
}
.card-dsb .fc-state-default {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  text-shadow: none;
  box-shadow: none;
}
.card-dsb .fc-icon-left-single-arrow, .card-dsb .fc-icon-right-single-arrow {
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  color: #808184;
}
.card-dsb .fc-icon-left-single-arrow:after, .card-dsb .fc-icon-right-single-arrow:after {
  content: none;
}
.card-dsb .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
}
.card-dsb .fc button {
  padding: 0;
}
.card-dsb .ti-check {
  color: #31aa49;
}
.card-dsb .ti-close {
  color: #e93333;
}

/* ======
23. Tables
   ====== */
/* ==============
  Tables
===================*/
th {
  font-weight: 500;
}

.table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > td {
  padding: 15px 12px;
}

.table-hover tbody tr:hover, .table-striped tbody tr:nth-of-type(odd),
.thead-default th {
  background-color: #f8f9fa;
}

.table td, .table th {
  vertical-align: middle;
}

.table-vertical td {
  vertical-align: middle;
}

/* == Responsive Table ==*/
table.focus-on tbody tr.focused th {
  background-color: #8ebd4d;
  color: #ffffff;
}
table.focus-on tbody tr.focused td {
  background-color: #8ebd4d;
  color: #ffffff;
}

.table-rep-plugin .btn-toolbar {
  display: block;
}
.table-rep-plugin .table-responsive {
  border: none !important;
}
.table-rep-plugin .btn-group.float-right .dropdown-menu {
  left: auto;
  right: 0;
}
.table-rep-plugin tbody th {
  font-size: 14px;
  font-weight: normal;
}
.table-rep-plugin .checkbox-row {
  padding-left: 40px;
}
.table-rep-plugin .checkbox-row label {
  display: inline-block;
  padding-left: 5px;
  position: relative;
}
.table-rep-plugin .checkbox-row label::before {
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #dee2e6;
  content: "";
  display: inline-block;
  height: 17px;
  left: 0;
  margin-left: -20px;
  position: absolute;
  transition: 0.3s ease-in-out;
  width: 17px;
  outline: none !important;
}
.table-rep-plugin .checkbox-row label::after {
  color: #e9ecef;
  display: inline-block;
  font-size: 11px;
  height: 16px;
  left: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  position: absolute;
  top: -1px;
  width: 16px;
}
.table-rep-plugin .checkbox-row input[type="checkbox"] {
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  outline: none !important;
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled + label {
  opacity: 0.65;
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:focus + label::before {
  outline-offset: -2px;
  outline: none;
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::after {
  content: "\f00c";
  font-family: 'FontAwesome';
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled + label::before {
  background-color: #f8f9fa;
  cursor: not-allowed;
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::before {
  background-color: #8ebd4d;
  border-color: #8ebd4d;
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::after {
  color: #ffffff;
}
.table-rep-plugin .sticky-table-header.fixed-solution {
  top: 239px !important;
}

.custom-control {
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
	.col-md-4.text-center .card {
		display: table;
		height: 100%;
		width: 100%;
		vertical-align: middle;
		margin-bottom: 0 !important;
	}
	.col-md-4.text-center .card .card-body {
		height: 100%;
		vertical-align: middle;
		width: 100%;
		display: flex;
		flex-flow: wrap;
		align-items: baseline;
	}
	.row+.text-right{
		margin-top:15px;
	}
	.col-md-4.text-center .card .card-body * {
		flex: 0 0 100%;
	}
}
@media only screen and (max-width: 810px) {
	#modarationModal .modal-dialog {
		min-width: calc(100% - 20px) !important;
	}
}
@media (max-width: 767px) {
  .table-rep-plugin .sticky-table-header.fixed-solution {
    top: 130px !important;
  }
}
.table .thead-dark th {
  background-color: #323031;
  border-color: #323031;
  vertical-align:top;
}
table.table-bordered.dataTable td a+ a+ .deleteEntity span {
    margin: 0 !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child img,
table.dataTable.dtr-inline.collapsed>tbody>tr>td img {
    width: 50px;
    height: 50px;
}

@media only screen and (max-width: 575px) {
  div.dataTables_wrapper div.dataTables_filter label {
    white-space: normal !important;
    text-align: left !important;
  }
  div.dataTables_wrapper div.dataTables_filter label input {
    margin-left: 0;
    width: 100% !important;
    margin-top: 5px !important;
  }
}

@media only screen and (max-width: 575px) {
  .pagination {
    justify-content: center !important;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 575px) {
  .role-list-title {
    font-size: 14px;
    font-weight: normal !important;
  }
  .role-list .btn {
    padding: .25rem .5rem;
    line-height: 1.5;
  }

  .role-permission .card-body {
    padding-left: 0;
    padding-right: 0;
  }

  table.dataTable > tbody > tr.child td {
    white-space: normal;
  }

  table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child {
    /* padding-left:10px !important; */
    /* &:before{
      top:50% !important;
      transform:translateY(-50%);
    } */
  }

  #accordion .card-header {
    padding-left: 10px;
    padding-right: 10px;
  }
  #accordion .card-header h6 {
    font-weight: normal;
  }
  #accordion a.collapsed {
    font-size: 14px;
  }

  .header-title > span {
    display: inline-block;
    margin-top: 5px;
  }
  .header-title #addBtn {
    line-height: 1;
  }

  .logo img {
    height: 45px;
  }

  .table > tbody > tr > td label.custom-control {
    /* margin-left:25px !important; */
  }
}
@media only screen and (max-width: 1200px) {
  table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child {
    /* padding-left:10px !important; */
  }
  table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before {
    top: 50% !important;
    transform: translateY(-50%);
    /*left:38px !important;*/
  }
  table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:has(label) {
    border: 1px solid red;
  }

  .table > tbody > tr > td label.custom-control {
    /* margin-left:25px !important; */
  }
  .development-btn .card-enrolled{
	display: inline-block;
	vertical-align: top;
  }
}
.table-borderless tbody tr td {
  border-top: none;
  color: #59595c;
  font-size: 14px;
  white-space: nowrap;
}

.table-borderless.table-striped tbody tr:nth-of-type(odd),
.table-borderless.table-hover tbody tr:hover {
  background-color: #f5f5f5;
}

/* ======
24. Maps
   ====== */
/* ==============
  Maps
===================*/
.gmaps, .gmaps-panaroma {
  height: 300px;
  background: #f8f9fa;
  border-radius: 3px;
}

.gmaps-overlay {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  line-height: 40px;
  background: #8ebd4d;
  border-radius: 4px;
  padding: 10px 20px;
}

.gmaps-overlay_arrow {
  left: 50%;
  margin-left: -16px;
  width: 0;
  height: 0;
  position: absolute;
}

.gmaps-overlay_arrow.above {
  bottom: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #8ebd4d;
}

.gmaps-overlay_arrow.below {
  top: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #8ebd4d;
}

.vector-map-height {
  height: 400px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
  display: none;
}

/* ======
25. Range-slider
   ====== */
/* ==============
  Range slider
===================*/
.irs-from, .irs-to, .irs-single {
  background: #8ebd4d;
}

.irs-from:after, .irs-to:after, .irs-single:after {
  border-top-color: #8ebd4d;
}

/* ======
26. Session-timeout
   ====== */
/* ==============
  Session Timeout
===================*/
#session-timeout-dialog .modal-title {
  margin-top: 0;
}
#session-timeout-dialog .close {
  display: none;
}
#session-timeout-dialog .btn-default {
  background-color: #ffffff;
  color: #ec536c;
}
#session-timeout-dialog .countdown-holder {
  color: #ec536c;
  font-weight: 700;
}

/* ======
27. Charts
   ====== */
.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.chart.chart-widget-pie {
  margin-top: 5px;
  margin-bottom: 5px;
}

.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}

/* Morris chart */
.morris-charts text {
  font-family: "Poppins", sans-serif !important;
}

.morris-chart-height {
  height: 300px;
}

.morris-hover.morris-default-style {
  border-radius: 5px;
  padding: 10px 12px;
  background: #ffffff;
  border: none;
  box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);
}
.morris-hover.morris-default-style .morris-hover-point {
  font-weight: 500;
  font-size: 13px;
  color: #323031 !important;
  font-family: "Poppins", sans-serif;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  background-color: #323031;
  color: #ffffff;
  padding: 4px;
  border-radius: 5px 5px 0 0;
  margin: -10px -12px 10px;
  font-family: "Poppins", sans-serif;
}

/* Flot chart */
.flot-chart-height {
  height: 320px;
}

#flotTip {
  padding: 8px 12px;
  background-color: #ffffff;
  z-index: 100;
  color: #323031;
  box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);
  border-radius: 1px;
}

/* Chartist chart */
.ct-golden-section:before {
  float: none;
}

.ct-chart {
  height: 300px;
}

.ct-grid {
  stroke: rgba(0, 0, 0, 0.09);
  stroke-width: 2px;
  stroke-dasharray: 3px;
}

.ct-chart .ct-label {
  fill: #707070;
  color: #707070;
  font-size: 14px;
  line-height: 1;
}

.ct-chart.simple-pie-chart-chartist .ct-label {
  color: #ffffff;
  fill: #ffffff;
  font-size: 16px;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: #8ebd4d;
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
  stroke: #29bbe3;
}

.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
  stroke: #f5b225;
}

.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
  stroke: #323031;
}

.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
  stroke: #58db83;
}

.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
  stroke: #ec536c;
}

.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
  stroke: #f8f9fa;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
  fill: #8ebd4d;
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
  fill: #f5b225;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
  fill: #323031;
}

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 10px;
  padding: 2px 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  background-clip: padding-box;
  background: #323031;
  color: #ffffff;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.chartist-tooltip.tooltip-show {
  opacity: 1;
}

/* C3 chart */
.c3 svg {
  max-width: 100%;
}

.c3-tooltip td > span {
  background: #323031;
}

.c3-tooltip td {
  border-left: none;
}

.c3-tooltip {
  box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);
  opacity: 1;
}

.c3-chart-arcs-title {
  font-size: 18px;
  font-weight: 600;
}

.c3-tooltip tr {
  border: none !important;
}

.c3-tooltip th {
  background-color: #323031;
}

.c3-tooltip .value {
  font-weight: 600;
}

.c3-line {
  stroke-width: 2px;
}

.c3-legend-item {
  font-size: 13px;
}

/* Sparkline chart */
.jqstooltip {
  box-sizing: content-box;
  background-color: #ffffff !important;
  padding: 5px 10px !important;
  border-radius: 3px;
  border-color: #ffffff !important;
  box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
}

.jqsfield {
  font-size: 12px !important;
  line-height: 18px !important;
  color: #323031 !important;
}

/* ======
28. Widgets
   ====== */
/* ==============
  Widgets
===================*/
.widget-chart li {
  width: 31.5%;
  display: inline-block;
  padding: 0;
}
.widget-chart li i {
  font-size: 22px;
}

.mini-stat {
  border: none;
}
.mini-stat .mini-stat-img {
  background: url(../images/bg-1.png);
  background-size: cover;
}
.mini-stat .mini-stat-icon i {
  font-size: 30px;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  color: #ffffff !important;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: inline-block;
}

.inbox-wid .inbox-item {
  position: relative;
  border-bottom: 1px solid rgba(243, 243, 243, 0.9);
  overflow: hidden;
  padding: 10px 0;
}
.inbox-wid .inbox-item .inbox-item-date {
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 8px;
}
.card-body.p-2 {
    padding-right: 0 !important;
}
.widget-user {
  overflow: hidden;
}
.widget-user .widget-user-desc::after {
  left: 18px;
  bottom: -20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #8ebd4d;
  border-width: 10px;
  margin-left: -1px;
  border-right-color: #8ebd4d;
}

/* ======
29. TImeline
   ====== */
/* ==============
  Timeline
===================*/
/* Activity */
.activity-feed {
  padding: 15px 15px 0 15px;
  list-style: none;
}
.activity-feed .feed-item {
  position: relative;
  padding-bottom: 29px;
  padding-left: 30px;
  border-left: 2px solid #e9ecef;
}
.activity-feed .feed-item:last-child {
  border-color: transparent;
}
.activity-feed .feed-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -10px;
  width: 16px;
  height: 10px;
  border-radius: 6px;
  background: #ffffff;
  border: 4px solid #8ebd4d;
}
.activity-feed .feed-item .feed-item-list {
  padding: 12px 20px;
  border-radius: 7px;
  background: #f8f9fa;
}
.activity-feed .feed-item .feed-item-list::after {
  left: 19px;
  top: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #f8f9fa;
  border-width: 10px;
  margin-left: -1px;
  border-right-color: #f8f9fa;
}
.activity-feed .feed-item .date {
  display: block;
  position: relative;
  top: -5px;
  color: #8c96a3;
  text-transform: uppercase;
  font-size: 13px;
}
.activity-feed .feed-item .activity-text {
  position: relative;
  top: -3px;
}

/* Timeline */
.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}

.cd-container::after {
  content: '';
  display: table;
  clear: both;
}

@media only screen and (max-width: 1170px) {
  #cd-timeline {
    margin-bottom: 2em;
    margin-top: 2em;
    padding: 2em 0;
    position: relative;
  }
  #cd-timeline::before {
    border-left: 3px solid #e9ecef;
    content: '';
    height: 100%;
    left: 18px;
    position: absolute;
    top: 0;
    width: 3px;
  }

  .cd-timeline-img {
    top: 10px !important;
  }
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-bottom: 3em;
    margin-top: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}
.cd-timeline-block {
  margin: 2em 0;
  position: relative;
}
.cd-timeline-block:after {
  clear: both;
  content: "";
  display: table;
}

.cd-timeline-block:first-child {
  margin-top: 0;
}

.cd-timeline-block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }

  .cd-timeline-block:first-child {
    margin-top: 0;
  }

  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }

  .timeline-right::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 3px;
    background: #e9ecef;
    left: 50%;
    top: 150px;
    transform: translateX(-50%) rotate(35deg);
  }

  .timeline-left::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 3px;
    background: #e9ecef;
    left: 50%;
    top: 150px;
    transform: translateX(-50%) rotate(-35deg);
  }
}
.cd-timeline-img {
  position: absolute;
  top: 20px;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 20px;
  color: #ffffff;
  background-color: #8ebd4d;
  border: 5px solid #ffffff;
}
.cd-timeline-img i {
  margin-left: 1px;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 40px;
    height: 40px;
    line-height: 32px;
    left: 50%;
    margin-left: -20px;
    top: 130px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
}
.cd-timeline-content {
  border-radius: 5px;
  background: #f8f9fa;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
.cd-timeline-content:after {
  clear: both;
  content: "";
  display: table;
}
.cd-timeline-content h2 {
  margin-top: 0;
}
.cd-timeline-content .cd-read-more {
  background: #8ebd4d;
  border-radius: 0.25em;
  color: white;
  display: inline-block;
  float: right;
  font-size: 14px;
  padding: .8em 1em;
}
.cd-timeline-content .cd-date {
  display: inline-block;
  font-size: 14px;
}
.cd-timeline-content h3 {
  font-size: 16px;
  margin: 0 0 15px 0;
}

.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 12px solid transparent;
  border-right: 12px solid #f8f9fa;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 36%;
  }

  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #f8f9fa;
  }

  .cd-timeline-content .cd-read-more {
    float: left;
  }

  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 108%;
    top: 16px;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #f8f9fa;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 106%;
    text-align: right;
  }
}
/* ======
30. Directory
   ====== */
.directory-card {
  overflow: hidden;
}
.directory-card .directory-bg {
  background-image: url("../images/directory-bg.jpg");
  background-size: cover;
  background-position: center center;
}
.directory-card .directory-overlay {
  background-color: rgba(142, 189, 77, 0.7);
  padding: 20px;
}
.directory-card img {
  position: relative;
  top: 60px;
}

/* ======
31. Invoice
   ====== */
/* ==== =====
Invoice
============= */
.table > thead > tr > .no-line {
  border-bottom: none;
}

.table > tbody > tr > .no-line {
  border-top: none;
}

.table > tbody > tr > .thick-line {
  border-top: 2px solid #f8f9fa;
}

/* ==============
  Print css
===================*/
@media print {
  #topnav, .footer {
    display: none;
  }

  .wrapper {
    padding: 0;
  }

  .container-fluid {
    width: 100%;
  }
}
/* ======
32. Account Pages
   ====== */
/* ==============
  Account Pages
===================*/
.wrapper-page {
  /*margin: 5.5% auto;*/
  max-width: 460px;
  position: relative;
}
.wrapper-page .logo-admin {
  font-size: 28px;
  line-height: 70px;
}

.user-thumb {
  position: relative;
  z-index: 999;
}
.user-thumb img {
  height: 88px;
  margin: 0 auto;
  width: 88px;
}

.ex-page-content h1 {
  font-size: 98px;
  font-weight: 500;
  line-height: 150px;
  text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px;
}

/* ======
33. Dashboard Page
   ====== */
.dashboard-charts {
  height: 300px;
}

.user-info__img {
  display: inline-block;
}

@media (min-width: 575px) {
  .find .find-card-1 {
    -webkit-box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.1);
    box-shadow: -1px 0px 4px 0px rgba(0, 0, 0, 0.1), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 4px rgba(0, 0, 0, 0.1);
  }
  .find .find-card-2 {
    -webkit-box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.1);
  }
  .find .select2-container .select2-selection--single {
    border: none !important;
  }
  .find .btn-search {
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
  }
  .find .easy-autocomplete input {
    box-shadow: none;
    border: none;
  }
}
.find .easy-autocomplete input {
  height: 38px;
}
@media (max-width: 575px) {
  .find .btn-search {
    display: block;
    width: 100%;
    position: static !important;
  }
}

.agency-logo {
  /*min-width:80px;
  max-width:80px;
  max-height:50px;
  background-position:50%;
  background-size:cover;*/
}
@media (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
  .agency-logo .agency-logo__img {
    width: 60px !important;
    height: 40px;
    object-fit: cover;
  }
}

@media (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
  .agency-title {
    font-size: 15px !important;
  }
}

.agency-banner {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
@media (min-width: 1200px) {
  .agency-banner {
    min-height: 350px;
    max-height: 350px;
    overflow: hidden;
  }
}

.directory-card {
  box-shadow: none;
  border-radius: 0;
}
.directory-card a:hover, .directory-card a:focus, .directory-card a:active {
  color: #707070;
}
.directory-desc {
  min-height: 45px;
  max-height: 45px;
  overflow: hidden;
}
.directory-overlay {
  min-height: 180px;
  max-height: 180px;
}
.directory-overlay img {
  position: absolute;
  bottom: -44px;
  left: 50%;
  top: auto;
  transform: translate(-50%, 0px);
}

@media (max-width: 575px) {
  .agency-brand__img {
    max-width: 100px !important;
  }
  .agency-brand__title {
    font-size: 14px;
  }
}

.title-1 {
  line-height: 50px;
}

.box-shadow-none {
  box-shadow: none;
}

.resume-header-section {
  font-size: 14px;
}
.resume-header .far, .resume-header .fa, .resume-header .fas {
  color: #939498;
}
@media (min-width: 576px) {
  .resume-header__right {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.resume .non-profit__logo--img {
  width: 180px;
  height: 40px;
  object-fit: contain;
}

.navigation-menu > li .organization-icon {
  background-image: url(../images/organization-icon.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 17px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 575px) {
  .subject {
    max-width: 100px;
  }
}

.word-break {
  word-break: break-all;
}

.accrodian .card-header-circle {
  width: 24px;
  height: 24px;
}
.accrodian .card-header-circle .fas {
  font-size: 0.875rem;
}
.accrodian .editSupportMaterialBtn {
  margin-top: 3px;
}

.switch-account {
  margin-left: -1rem;
  margin-right: -1rem;
}
.switch-account-table thead th {
  border-top: 0;
  border-bottom: 0;
}
.switch-account-table td, .switch-account-table th {
  padding: .75rem !important;
  white-space: nowrap;
}

/* New Dsb Board */
.card-enrolled, .card-present, .card-today, .card-week, .card-month {
  border-radius: 0.5rem;
  min-height: 130px;
  background-color: #f1595a;
  color: #ffffff;
}
.card-enrolled__title {
  font-size: 14px;
  letter-spacing: .5px;
}

.card-present {
  background-color: #7dbc42;
}
.card-today {
  background-color: #5b60ab;
}
.card-week {
  background-color: #a24399;
}
.card-month {
  background-color: #c2792a;
}

.card-dsb {
  border-radius: .5rem;
}
.card-dsb .card-header:first-child {
  border-radius: 1rem 1rem 0 0;
}
.card-dsb .card-header .card-dsb-header__right [class^="ti-"] {
  font-size: 0.75rem;
  color: #a9b2bf;
}
.card-dsb .ti-trash {
  font-size: 1rem;
  color: #e93333;
}
.card-dsb-fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  margin-bottom: 0;
}
.card-dsb .rotate-180 {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.upload-img__img--delete {
  top: 1px;
  right: 5px;
  background-color: #2b2824;
  border-radius: 50%;
  padding: 5px;
  width: 22px;
  height: 22px;
  line-height: 10px;
  text-align: center;
}
.upload-img__img--delete .fa {
  font-size: 10px;
  color: #ffffff;
}

.upload-add-more {
  text-decoration: underline;
  color: #0b58b8;
}

a.list-arrow {
  color: #0b58b8;
}

.expand {
  background-color: #d0d2d3;
}
.expand .fa-chevron-down:before {
  content: "\f077";
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1200px;
  }
}

.bg-light {
  background-color: #e6e7e7 !important;
}

.page-title a {
  color: #414042;
}

.more-than {
  color: #000;
}

.subheading {
  margin-top: 1rem;
  margin-bottom: .5rem;
  text-transform: uppercase;
}
.subheading:first-child {
  margin-top: 0;
}

.select-checkbox {
  position: relative;
}
.select-checkbox:before {
  content: "\e64c";
  font-family: 'themify';
  vertical-align: 0px;
  display: inline-block;
  margin-right: 10px;
  color: green;
}

a.text-white.dropdown-toggle:after {
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: middle;
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.modal-loader.modal-backdrop-zindex {
  z-index: 1040 !important;
}

.modal-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index: -1;
}

.modal-loader.show {
  opacity: .5;
}

.main-dsb .card {
  flex: 1 auto;
}
.main-dsb .card-body h6 {
  font-size: 0.875rem;
  font-weight: normal;
}

/* ======
34. Responsive
   ====== */
/* Some Components responsive */
@media (max-width: 425px) {
  .table-rep-plugin .sticky-table-header.fixed-solution {
    top: 130px !important;
  }

  .nav-tabs .nav-link, .nav-pills .nav-link {
    padding: 0.5rem;
  }
}
@media (max-width: 620px) {
  .mo-mb-2 {
    margin-bottom: 10px;
  }

  .mo-mt-2 {
    margin-top: 10px !important;
  }
}
@media (max-width: 768px) {
  .table-rep-plugin .sticky-table-header.fixed-solution {
    top: 160px !important;
  }
}
/* ======
33. Loader css
   ====== */
.lds-default {
  display: inline-block;
  position: fixed;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lds-default div {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}

.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 29px;
  left: 53px;
}

.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 18px;
  left: 50px;
}

.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 9px;
  left: 41px;
}

.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 6px;
  left: 29px;
}

.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 9px;
  left: 18px;
}

.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 18px;
  left: 9px;
}

.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 29px;
  left: 6px;
}

.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 41px;
  left: 9px;
}

.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 50px;
  left: 18px;
}

.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 53px;
  left: 29px;
}

.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 50px;
  left: 41px;
}

.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 41px;
  left: 50px;
}

@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}

body{
	background:#F3F4F4;
}
.ps {
	overflow: hidden;
}
.main-sidebar {
	width: 269px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-right: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transition: left 0.4s ease, width 0.4s ease;
	transition: left 0.4s ease, width 0.4s ease;
	overflow-y:auto;
}
.main-sidebar-sticky {
	position: fixed;
	top: 0px;
	left: 0;
	bottom: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #dc5082;
	padding-bottom:60px;
}
#topnav {
	position: relative;
	top: 20px;
	margin-left: 300px;
	width: calc(100% - 330px);
	margin-right: 30px;
}

.main-sidebar-sticky .navigation-menu {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
#topnav .navbar-custom.side-menu #navigation{
	background:transparent;
	margin-bottom:0;
	border-radius:0;
	box-shadow:none;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 0 0 15px;
	margin: 0 auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 5px;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.has-submenu {
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	margin: 0 0;
	padding-left:0;
	padding-right:0;
}
#topnav .navbar-custom.side-menu #navigation li {
	position: relative;
	display: block;
	border-bottom: 1px solid #c1366f;
	margin:0;
}
#topnav .navbar-custom.side-menu #navigation li a span {
	-webkit-transition: margin-left 0.45s ease;
	transition: margin-left 0.45s ease;
}
#topnav .navbar-custom.side-menu #navigation li:hover a span {
	margin-left: 5px;
	-webkit-transition: margin-left 0.45s ease;
	transition: margin-left 0.45s ease;
	word-break: break-word;
	white-space: normal;
}
#topnav .navbar-custom.side-menu #navigation li.active{
	border-bottom:0;
}
#topnav .navbar-custom.side-menu #navigation a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 4px;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	margin:5px 0;
	word-break: break-word;
	white-space: normal;
}
#topnav .navbar-custom.side-menu #navigation li.active a {
	background-color: #F3F4F4;
	position: relative;
	z-index: 1;
	margin: 10px auto;
	text-align: center;
	border-radius: 30px 0 0 30px;
	margin-left: 0;
	border: 0px solid transparent;
	border-right: 0px;
	width: inherit;
}
#topnav .navbar-custom.side-menu #navigation li.active a:before {
	content: "";
	position: absolute;
	top: -30px;
	z-index: 9;
	right: 0px;
	bottom: 0;
	height: 30px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-bottom: transparent;
	border-radius: 0px 0px 48px 0px;
}
#topnav .navbar-custom.side-menu #navigation li.active a:after {
	content: "";
	position: absolute;
	top: 43px;
	z-index: 0;
	right: 0px;
	bottom: 0;
	height: 30px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-bottom: transparent;
	border-radius: 0px 48px 0px 0px;
}
#topnav .navbar-custom.side-menu #navigation li.active a:before,
#topnav .navbar-custom.side-menu #navigation li.active a:after {
	border-right: 20px solid #dc5082;
}
#topnav .navbar-custom.side-menu #navigation li.active a .shape1 {
	position: absolute;
	top: -30px;
	width: 20px;
	height: 60px;
	right: -1px;
}
#topnav .navbar-custom.side-menu #navigation li.active a .shape2 {
	position: absolute;
	top: 35px;
	width: 20px;
	height: 30px;
	right: -1px;
}
#topnav .navbar-custom.side-menu #navigation li.active a .shape1,
#topnav .navbar-custom.side-menu #navigation li.active a .shape2 {
	background: #F3F4F4;
}

#topnav .navbar-custom.side-menu #navigation li.active .submenu li{
	border-bottom:1px solid #c1366f;
}
#topnav .navbar-custom.side-menu #navigation li.active .submenu li a {
	background-color: transparent;
	margin: 0 auto;
	text-align: left;
	border-right: 0px;
	width: inherit;
	color:rgba(255,255,255,0.8);
}
#topnav .navbar-custom.side-menu #navigation li.active .submenu li.active a {
	color: rgba(255,255,255,1);
}
#topnav .navbar-custom.side-menu #navigation li.active .submenu li.active .submenu li a {
	background-color: transparent;
	margin: 0 auto;
	text-align: left;
	border-right: 0px;
	width: inherit;
	color:rgba(255,255,255,0.5);
}
#topnav .navbar-custom.side-menu #navigation li.active .submenu li.active .submenu li.active a  {
	color: rgba(255,255,255,1);
}
#topnav .navbar-custom.side-menu #navigation li.active .submenu li a:after{
	display:none;
}
#topnav .navbar-custom.side-menu #navigation li.active .submenu li a:before {
	position: relative;
	margin-top: 0;
	margin-right: 10px;
	width: auto;
	padding-right: 0;
	border-right: 0;
	top: 5px;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.active > .submenu > li i.angle{
	color:#fff;
}
#topnav .navbar-custom.side-menu #navigation li.active .submenu li .submenu li a .shape1
#topnav .navbar-custom.side-menu #navigation li.active .submenu li a .shape2 {
	display:none;
}	

#topnav .navbar-custom.side-menu #navigation li i {
	font-size: 22px;
	line-height: 0;
	margin-right: 10px;
	width: 25px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #ffffff;
}
#topnav .navbar-custom.side-menu #navigation li.active a {
	color: #dc5082;
}
#topnav .navbar-custom.side-menu #navigation li.active i {
	color: #dc5082;
	background:transparent;
	box-shadow:none;
}
#topnav .navbar-custom.side-menu #navigation li i.angle {
	-webkit-transform-origin: center;
	transform-origin: center;
	position: absolute;
	top: 5px;
	right: 0px;
	font-size: 12px;
	margin-right:0;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li > a:hover,
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li > a:focus{
	border-color:transparent;
}

#topnav .navbar-custom.side-menu #navigation .navigation-menu > li {
	position: relative;
	display: block;
	width:100%;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li a.with-sub {
	position: relative;
}

#topnav .navbar-custom.side-menu #navigation .navigation-menu > li .submenu {
	max-height: 0;
	overflow: hidden;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li .submenu {
	list-style: none;
	padding: 0;
	margin-left: 0;
	position: relative;
	top: 0;
	min-width: 100%;
	visibility: visible;
	margin-top: 0;
	background: transparent;
	box-shadow: none;
	left: 0;
	z-index: 1;
	padding-left:10px;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li .submenu a {
	-webkit-transition: all .25s;
	transition: all .25s;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li .submenu a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: rgba(255,255,255,0.5);
	font-size: 13px;
	padding: 8px 15px 8px 0;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li .submenu a:before {
	content: '\e048';
	font-family: 'typicons';
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	top: 8px;
	font-size: 12px;
	opacity: 0.4;
	margin-right: 10px;
	color: rgba(255, 255, 255, 0.8);
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.show i.angle,
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.active i.angle {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.show > .submenu > li i.angle,
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.active > .submenu > li i.angle {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	top:2px;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.show > .submenu > li.show i.angle,
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.active > .submenu > li.active i.angle {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.show > .submenu,
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.show > .submenu > li.show > .submenu,
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.active > .submenu,
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.active > .submenu > li.active > .submenu {
	max-height: 100vh;
	-webkit-transition: all 2s;
	transition: all 2s;
	position: relative;
	top: 0;
	visibility: visible;
	z-index: 6;
	width: 100%;
	margin: 0;
	opacity: 1;
	max-width: 100%;
	left: 0;
	background: transparent;
	box-sizing: border-box;
	padding-left:10px;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.active > .submenu,
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.active > .submenu > li.active > .submenu{
	display:block;
}
#topnav .navbar-custom.side-menu #navigation li.show:hover .submenu li a span,
#topnav .navbar-custom.side-menu #navigation li.active:hover .submenu li a span{
	margin-left:0;
}
#topnav .navbar-custom.side-menu #navigation li.show:hover .submenu li:hover a span,
#topnav .navbar-custom.side-menu #navigation li.active:hover .submenu li:hover a span{
	margin-left:5px;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.show > .submenu > li.show > .submenu,
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.active > .submenu > li.active > .submenu{
	padding-left:20px;
}
#topnav .navbar-custom.side-menu #navigation li.show:hover .submenu li.show:hover .submenu li a span,
#topnav .navbar-custom.side-menu #navigation li.active:hover .submenu li.active:hover .submenu li a span{
	margin-left:0;
}
#topnav .navbar-custom.side-menu #navigation li.show:hover .submenu li.show:hover .submenu li:hover a span,
#topnav .navbar-custom.side-menu #navigation li.active:hover .submenu li.active:hover .submenu li:hover a span{
	margin-left:5px;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu{
	margin-top:0;
}
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li .submenu > li.has-submenu > a:after{
	display:none;
}
.wrapper.notLogo .container-fluid {
	width: 100%;
	padding: 0;
}

#topnav{
	background:#fff;
}
#topnav .topbar-main .container-fluid {
	width: 100%;
}
.page-title-box .page-title {
	color: #dc5082;
}
.menu-extras.topbar-custom ul li a{
	color:#dc5082 !important;
}
.menu-extras.topbar-custom ul li .dropdown-menu a {
    color: #212529 !important;
}
.menu-extras.topbar-custom ul li .dropdown-menu a.select-checkbox {
    color: #fff !important;
	background-color:#dc5082;
}
.menu-extras.topbar-custom ul li:first-child .dropdown-menu.show {
    transform: translate(8px, 40px) !important;
}
.menu-extras.topbar-custom ul li .dropdown-menu a.select-checkbox:before {
    color: #fff;
}
.wrapper {
	margin-top: 40px;
	width: calc(100% - 320px);
	margin-right: 25px;
	padding-top: 0;
	position:relative;
}
.wrapper.notLogo{
	margin-left: 295px;
}
.wrapper.notLogo .row .card{
	margin-bottom:10px;
}
.morris-charts text {
    font-size: 10px !important;
    font-weight: normal !important;
	font-family: arial !important;
}
.main-dsb .row{
	margin-right:0;
	margin-left:-10px;
}
.main-dsb .row .col-lg-3,
.main-dsb .row .col-sm-4,
.main-dsb .row .col-sm-12{
	padding-right:0;
	padding-left:10px;
}
.main-dsb .card-body h6.card-title {
    margin-bottom: 0 !important;
    float: left;
    margin-top: 0;
	font-weight: bold;
}
.main-dsb .card-body h6.card-title + a {
    float: right;
     margin-right:0px;
}
.main-dsb .card-body .cardcnt{
	margin-bottom:0 !important;
	margin-right:5px;
}
.main-dsb .card-body p.cardcnt.mb-0 {
    font-size: 16px;
    line-height: 24px;
}
.main-dsb .card-body .col-sm-6 h6 {
    font-size: 20px;
}
.main-dsb .card-body .cardcnt + p {
    line-height: 18px;
}
.morris-charts {
    position: relative;
    max-height: 300px;
    min-height: 200px;
}
.morris-charts svg { 
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    box-sizing: border-box !important;
	margin:0 auto !important;
	position:absolute !important;
}
.inbox-wid .inbox-item-img{
	max-height:50px;
	max-width:50px;
	border-radius:100%;
overflow:hidden;
border:1px solid #aaa;
}
.inbox-wid .inbox-item-img img{
	max-width:100%;
	border-radius:0 !important;
	min-width: 54px;
    min-height: 54px;
    margin-top: -4px;
    margin-left: -3px;
}
.inbox-wid p.inbox-item-color {
    position: absolute;
    top: 10px;
    z-index: 1;
    border-radius: 100%;
	width:15px;
	height:15px;
}
img.line-dot-icon {
    max-height: 15px;
}
.right-icon {
    position: absolute;
    right: 10px;
    top: 21px;
	z-index: 10;
}
.main-dsb .card .card-subtitle {
    display: block;
    clear: both;
    margin: 0;
    padding-top: 0px;
    font-size: 28px;
	color:#dc5082;
}
.main-dsb .card a{
	color:#dc5082;
}
.masonry-layout {
  column-count: 4;
  column-gap: 0;
  margin-bottom:30px;
}
.masonry-layout__panel {
  break-inside:avoid-column;
  padding: 0;
  width:100%;
  max-width:100%;
  padding:0 5px;
}
.masonry-layout__panel-content {
  margin-bottom:10px;
  box-shadow: none;
}
.wrapper.notLogo .mb-3.bg-light.p-2.px-3.h6.page-title {
    display: none;
}
#topnav .navbar-mobile-toggle {
    border: 0;
    position: relative;
    padding: 0;
    margin: 0;
    cursor: pointer;
	padding-right: 0;
	text-align:right;
}
#topnav .navbar-mobile-toggle.sm-navbar-mobile-toggle{
	padding-right:10px;
}
#topnav .navbar-mobile-toggle .lines {
    width: 25px;
    display: block;
    position: relative;
    padding-top: 23px;
    margin: 0 0 0 auto;
    height: 60px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
#topnav .navbar-mobile-toggle span {
    height: 2px;
    width: 100%;
    background-color: #57BFE6;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
}
#topnav .navbar-mobile-toggle.sm-navbar-mobile-toggle span {
    background-color: #ffffff;
}
#topnav .navbar-mobile-toggle.open span {
    position: absolute;
}
#topnav .navbar-mobile-toggle.open span:first-child {
    top: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #57BFE6;
}
#topnav .navbar-mobile-toggle.sm-navbar-mobile-toggle.open span:first-child {
    background-color: #ffffff;
}
#topnav .navbar-mobile-toggle.open span:nth-child(2) {
    visibility: hidden;
}
#topnav .navbar-mobile-toggle.open span:last-child {
    width: 100%;
    top: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#topnav .navbar-mobile-toggle.sm-navbar-mobile-toggle {
    display: none;
}
#topnav .navbar-custom.side-menu #navigation li.active .submenu li:last-child.active {
    border-bottom: 0;
}
#topnav .navbar-custom.side-menu #navigation li.active .submenu li:last-child.active li:last-child {
    border-bottom: 1px solid #25305E;
}
p.inbox-item-text {
    position: relative;
}
.inbox-wid .inbox-item p.inbox-item-text .inbox-item-date {
    right: 0;
    top: 2px;
}
.main-dsb .card-body h6.inbox-item-author,
.main-dsb .card-body p.inbox-item-text {
    margin-left: 60px !important;
}
.main-dsb .card-body p.inbox-item-text {
    font-size: 12px;
}
.calendar-block .card-body{
	width: 100%;
    background: #fff;
    padding: 10px 0 !important;
    box-shadow: 0 0px 12px rgb(0 0 0 / 20%);
}
.masonry-grid-column{
	position:relative;
}
.active.calendar-block {
    opacity: 0;
    height: 0;
	z-index:0;
}
.calendar-block {
    position: absolute;
    top: 45px;
    z-index: 11;
    right: 0;
}
.calendar-block button.fc-button {
    background: transparent;
    box-shadow: none;
    border: 0;
	color:#57BFE6;
}
.calendar-block .fc td, .calendar-block .fc th{
	border:0;
	text-align: center !important;
	font-size:12px;
}
.calendar-block .fc-basic-view td.fc-day-number,
.calendar-block .fc-basic-view td.fc-week-number span {
    padding-top: 16px;
    padding-bottom: 16px;
}
.row.justify-content-center .card {
    border-radius: 24px;
}
@media only screen and (min-width: 992px){
	.mobile-menu-button{
		display:none;
	}
	#topnav .navbar-mobile-toggle{
		display:none;
	}
}
@media only screen and (max-width: 1400px){
	#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.show > .submenu > li i.angle,
#topnav .navbar-custom.side-menu #navigation .navigation-menu > li.active > .submenu > li i.angle{
		top:5px;
	}
	.card-body{
		padding:10px 1.25rem;
	}
}
@media only screen and (max-width: 1301px){
	.morris-charts svg{
		max-height:200px !important;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1301px){
	.main-dsb .card-body .inbox-item-img {
		float: none !important;
		margin-bottom: 10px;
	}
	.main-dsb .card-body h6.inbox-item-author, .main-dsb .card-body p.inbox-item-text {
		margin-left: 0px !important;
	}
}
@media only screen and (max-width: 1200px){
	.masonry-layout {
		column-count: 2;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1400px){
	.main-dsb .card .card-subtitle {
		padding-top: 0;
	}
	.main-dsb .card-body h6.card-title + a {
		line-height: 16px;
		/*margin-right:15px;*/
	}
	.main-dsb .card-body h6.card-title {
		font-size: 12px;
	}
	.right-icon {
		top: 10px;
	}
}
@media only screen and (max-width: 992px){
	#topnav {
		width: calc(100% - 30px);
	}
	#topnav {
		margin-left: auto;
		margin-right: auto;
	}
	.wrapper {
		width: calc(100% - 30px);
	}
	.wrapper.notLogo {
		margin-left: auto;
		margin-right: auto;
	}
	#topnav #navigation{
		position:relative;
		display:block;
		top:0;
	}
	#topnav .navbar-custom.side-menu #navigation .navigation-menu{
		max-height:100%;
	}
	.main-dsb .card-body h6.card-title + a {
		/*margin-right: 15px;*/
	}
	.right-icon {
		top: 12px;
	}
}
@media only screen and (max-width:850px){
	ul.mainCategory, ul.sub-cat {
		padding-left: 15px;
	}
	ul.mainCategory .p-3, ul.sub-cat .p-3 {
		padding: 0.5rem!important;
	}
	ul.mainCategory .btn, ul.sub-cat .btn{
		padding: .275rem .25rem;
	}
	ul.mainCategory input[switch] + label, ul.sub-cat input[switch] + label{
		width: 60px;
	}
	ul.mainCategory input[switch]:checked + label:after, ul.sub-cat input[switch]:checked + label:after {
		left: 37px;
	}
}
@media only screen and (max-width: 768px){
	#topnav {
		width: calc(100% - 20px);
	}
	#topnav {
		margin-left: auto;
		margin-right:auto;
	}
	.wrapper {
		width: calc(100% - 20px);
	}
	.wrapper.notLogo {
		margin-left: auto;
		margin-right: auto;
		padding-bottom:40px;
	}
	.footer{
		padding:20px 0;
	}
	.footer .container-fluid {
		width: calc(100% - 20px);
		/* padding: 0; */
	}
}
@media only screen and (max-width: 725px){
	.footer{
		padding:20px 0;
	}
	.footer .container-fluid .col-6 {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center !important;
	}
}
@media only screen and (max-width: 575px){
	.wrapper.notLogo {
		padding-top: 0px;
	}
}
@media only screen and (min-width: 500px) and (max-width: 575px){
	.main-dsb .card .card-subtitle {
		padding-top: 0;
	}
	.main-dsb .card-body h6.card-title + a {
		line-height: 16px;
		/*margin-right:15px;*/
	}
	.main-dsb .card-body h6.card-title {
		font-size: 12px;
	}
	.right-icon {
		top: 10px;
	}
}
@media only screen and (max-width: 500px){
	.masonry-layout {
		column-count: 1;
	}
}


.tui-full-calendar-floating-layer {
    top: 0 !important;
}
/*# sourceMappingURL=style.css.map */


.modal-loader.fade {
    display: none;
}
.modal-loader.fade.show,
.modal-loader.show {
    display: block;
}
.main-dsb #lnb {
    position: relative;
    top: 0;
    height: 100%;
    display: inline-block;
    vertical-align: top;
}
.main-dsb #right {
    position: relative;
    left: 0;
    top: 0;
    vertical-align: top;
    width: calc(100% - 210px);
    display: inline-block;
	background: #fff;
    border: 1px solid #e5e5e5;
}
.main-dsb #calendar {
    position: relative;
    left: 0;
    right: 0;
    bottom: 5px;
    top: 0;
    margin-bottom: 50px;
}

.main-dsb .tui-full-calendar-floating-layer {
    /*position: fixed !important;*/
    top: 0 !important;
    margin-left: 0;
    left: 0 !important;
    /*width: 100%;
    height: 100%;*/
    right: auto !important;
    /*background: rgba(0,0,0,0.2);
    z-index: 10000 !important;*/
}
.main-dsb .tui-full-calendar-floating-layer .tui-full-calendar-popup {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.tui-full-calendar-button.tui-full-calendar-section-private {
    display: none;
}
.tui-full-calendar-popup-section-item.tui-full-calendar-section-allday {
    display: none;
}
.tui-full-calendar-popup-section.tui-full-calendar-dropdown.tui-full-calendar-close.tui-full-calendar-section-state {
    display: none;
}
.tui-full-calendar-popup-section-item.tui-full-calendar-section-title {
    width: 100%;
}
.tui-full-calendar-section-start-date, .tui-full-calendar-section-end-date {
    width: 48.6%;
}
.main-dsb .tui-full-calendar-floating-layer .tui-full-calendar-popup {
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 500px;
    transform: translate(0, -50%);
}
span.tui-full-calendar-icon.tui-full-calendar-ic-state-b, span.tui-full-calendar-icon.tui-full-calendar-ic-state-b + .tui-full-calendar-content {
    display: none;
}

.tui-full-calendar-popup-detail .tui-full-calendar-popup-container {
    width: 100% !important;
}

.tui-full-calendar-popup-section {
    font-size: 0;
    min-height: auto !important;
    margin-bottom: 10px;
}

.tui-full-calendar-popup-section-item.tui-full-calendar-section-location {
    display: none !important;
}

#categoryModal .modal-dialog {
    z-index: 1041;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0px, -50%);
}
#categoryModal .modal-dialog .modalContent {
    padding: 20px;
}
#categoryModal .modal-dialog .modalContent div {
    margin: 0;
    padding: 10px;
    border-bottom: 0;
    background: transparent;
    width: 50%;
    float: left;
    margin-bottom: 15px;
    margin-right: 0;
}
#categoryModal .modal-dialog .modalContent div label {
    margin: 0;
    padding: 0px 10px 15px 0px;
    color: #555;
}
#categoryModal .modal-dialog .modalContent div input {
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 10px;
    display: block;
    border: 1px solid #ccc;
    min-height: 35px;
}
#categoryModal .modal-dialog .modalContent div:last-child {
    width: auto;
    background: transparent;
    padding: 0 10px;
    margin-bottom: 0;
    clear: both;
    float: right;
    display: inline-block;
}
#modarationModal .modal-dialog .modalContent div:last-child input,
#categoryModal .modal-dialog .modalContent div:last-child input {
    height: auto;
    padding: 7px 25px;
    min-height: inherit;
    line-height: inherit;
    text-transform: uppercase;
    background: #000;
    color: #fff;
}
#modarationModal .modal-header,
#categoryModal .modal-header{
    align-items: center;
}
#modarationModal .modal-header .modal-title,
#categoryModal .modal-header .modal-title {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}
#modarationModal .modal-header .close,
#categoryModal .modal-header .close {
    margin-top: -10px;
}

.lnb-calendars-item .lnb-new-schedule-btn {
    padding: 0;
    vertical-align: top;
    width: 25px;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin-top: -5px;
}

.lnb-calendars-item .lnb-new-schedule-btn:hover {
    padding: 0;
    vertical-align: top;
    width: 25px;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin-top: -5px;
}

.catErrorClass { border:  1px solid red !important; }

.tui-full-calendar-layout span.custom-day {
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
    font-size: 12px;
    margin-top: 5px;
}

.tui-full-calendar-layout span.custom-day:first-child {
    margin-left: 5px;
}
.tui-full-calendar-layout span.custom-day input {
    margin: 0 5px 0 0;
}

.btn-sm.move-day .ic-arrow-line-right {
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    margin-left: 2px;
}
.btn-sm.move-day .ic-arrow-line-left {
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    margin-right: 2px;
}

span.currmonthyear {
    font-size: 17px;
    font-weight: bold;
    margin-left: 10px;
    position: relative;
    top: 3px;
}
.tui-full-calendar-section-button-save {
    height: auto;
}
.tui-full-calendar-section-button-save .tui-full-calendar-confirm {
    display: block;
    clear: both;
    float: none;
    margin-top: 10px;
    margin-left: auto;
}

 .tui-full-calendar-section-button-save {
    height: auto !important;
}
.tui-full-calendar-section-button-save {
    height: auto !important;
}
.tui-full-calendar-section-button-save {
    height: auto !important;
}


#detailModal .modal-dialog {
    z-index: 1041;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
	-webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}
#detailModal .modal-dialog .modalContent,
#FormModal .modal-dialog .modalContent {
    padding: 20px;
}
#detailModal .modal-dialog .modalContent div {
    margin: 0;
    padding: 10px;
    border-bottom: 0;
    background: transparent;
    width: 50%;
    float: left;
    margin-bottom: 15px;
    margin-right: 0;
}
#detailModal .modal-dialog .modalContent div label {
    margin: 0;
    padding: 0px 10px 15px 0px;
    color: #555;
}
#detailModal .modal-dialog .modalContent div input {
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 10px;
    display: block;
    border: 1px solid #ccc;
    min-height: 35px;
}
#detailModal .modal-dialog .modalContent div:last-child {
    width: auto;
    background: transparent;
    padding: 0 10px;
    margin-bottom: 0;
    clear: both;
    float: right;
    display: inline-block;
}
#detailModal .modal-dialog .modalContent div:last-child input {
    height: auto;
    padding: 7px 25px;
    min-height: inherit;
    line-height: inherit;
    text-transform: uppercase;
    background: #000;
    color: #fff;
}
#detailModal .modal-header,
#FormModal .modal-header,
#DeleteFormModal .modal-header{
    align-items: center;
}
#detailModal .modal-header .modal-title,
#FormModal .modal-header .modal-title,
#DeleteFormModal .modal-header .modal-title {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}
#detailModal .modal-header .close,
#FormModal .modal-header .close,
#DeleteFormModal .modal-header .close {
    margin-top: -13px;
    font-size: 25px;
    opacity: 0.5;
}

select.form-control {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}
select.form-control {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}
select.form-control {
    border: 1px solid #ced4da !important;
    height: 38px !important;
}

button.btn.switchSiteClassBtn {
    padding: 10px 35px;
    background: #000;
    color: #fff;
}
#detailModal .modal-body .row .row label, #detailModal .modal-body .row .row div {
    flex: 0 0 auto;
    display: inline-block;
    width: auto;
    padding-right: 0;
    max-width: inherit;
}

#detailModal .modal-body .border-bottom .row .row label, #detailModal .modal-body .border-bottom:first-child .row .row div {
    font-size: 14px;
}
#detailModal .modal-body .border-bottom .row .row label {
    color: #000 !important;
}
#detailModal .modal-body .border-bottom+ .border-bottom .row {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
}
#detailModal .modal-body .border-bottom+ .border-bottom .row .row {
    padding-bottom: 0;
    border-bottom: 0;
}
#detailModal .modal-body .border-bottom+ .border-bottom .row:first-child {
    padding-top: 0;
}
#detailModal .modal-body .border-bottom+ .border-bottom {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}
@media only screen and (min-width:1441px){
#detailModal .modal-body .border-bottom .row .row label, #detailModal .modal-body .border-bottom:first-child .row .row div {
    font-size: 16px;
}
#detailModal .modal-body .border-bottom+ .border-bottom .row .row label, #detailModal .modal-body .border-bottom + .border-bottom .row .row div {
    font-size: 14px;
}
}
span.custom-day {
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
    font-size: 12px;
    margin-top: 5px;
}
span.custom-day:first-child {
    margin-left: 0;
}
span.custom-day input {
    margin: 0 5px 0 0;
}
button.btn.submitBtn {
    background-color: #000;
    padding: 10px 25px;
}
button.btn.submitBtn+.btn,
button.btn.submitBtn+.btn+.btn {
    padding: 10px 25px;
}
#detailModal .modal-body .border-bottom+ .border-bottom .row .col-md-12 {
    text-align: center;
}
@media only screen and (max-width: 768px){
	#detailModal .modal-dialog{
		margin-left: auto;
		margin-right: auto;
	}
	.col-md-6.development-btn {
		flex: 0 0 50%;
		max-width: 50%;
		display: inline-block;
	}
	.col-md-6.development-btn+.col-md-6 {
		flex: 0 0 45%;
		max-width: 45%;
		display: inline-block;
	}
}
@media only screen and (max-width: 767px){
	.main-dsb #lnb {
		display: block;
		width: 100%;
	}
	.main-dsb #right {
		width: 100%;
		display: block;
	}
	#detailModal .modal-body {
		/* width: 500px; */
		overflow-x: auto;
		box-sizing: content-box;
		display: block !important;
	}
	#detailModal .modal-body .border-bottom {
		width: 500px;
	}
	#detailModal .modal-body .border-bottom .col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	#detailModal .modal-body .border-bottom .col-md-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	#detailModal .modal-body .border-bottom .col-md-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	#detailModal .modal-body .border-bottom .col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	#detailModal .modal-body .border-bottom .col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media only screen and (min-width: 575px) and (max-width: 768px){
	div.dataTables_wrapper.dt-bootstrap4 div#datatable-buttons_length {
		width: 50%;
		display: inline-block;
		vertical-align: top;
		text-align:left;
	}
	div.dataTables_wrapper div.dataTables_filter {
		text-align: right !important;
		width: 50%;
		float: right;
	}
	div.dataTables_wrapper div.dataTables_filter label{
		text-align: right !important;
	}
	div.dataTables_wrapper.dt-bootstrap4 div#datatable-buttons_length+ .dt-buttons.btn-group{
		position: relative;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		vertical-align: middle;
		width: auto;
	}
}
@media only screen and (max-width: 600px){
	ul.mainCategory .d-flex {
		flex-wrap: wrap;
	}
	ul.mainCategory .d-flex .d-flex {
		clear: both;
		width: 100%;
		flex: 0 0 100%;
		text-align: right;
		max-width: 100%;
		display: block !important;
		margin-top: 5px;
	}
	ul.mainCategory input[switch] + label, ul.sub-cat input[switch] + label {
		top: 9px;
	}
	ul.mainCategory .d-flex .d-flex .mr-2{
		margin-right: .25rem!important;
	}
	#menu {
		padding: 16px 0;
		box-sizing: border-box;
	}
	.main-dsb #menu .row {
		margin-right: 0;
		margin-left: 0;
	}
	#menu .col-sm-4.col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	#menu .col-sm-4.col-md-4:first-child {
		margin-bottom: 10px;
		text-align: center;
		position: relative;
	}
	#menu .col-sm-4.col-md-4:first-child .btn {
		position: absolute;
		left: 0;
		top: 0;
	}
	#menu .col-sm-4.col-md-4:first-child .btn+ .btn {
		left: auto;
		right: 0;
	}
}
@media only screen and (max-width: 575px){
	div.dataTables_wrapper div.dataTables_filter label{
		width:100%;
	}
	div.dataTables_wrapper div.dataTables_filter label input {
		margin-left: 10px;
		width: calc(100% - 60px) !important;
		margin-top: 0px !important;
		display: inline-block;
	}
	.main-cat-add+a.saveBtn {
		margin-left: 0.25rem!important;
	}
	#modarationModal .row .col-2 {
		flex: 0 0 100px;
		max-width: 100px;
	}
	#modarationModal .row .col-2+ .col {
		max-width: calc(100% - 100px) !important;
		flex: 0 0 calc(100% - 100px) !important;
	}
	.col-md-6.development-btn+.col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
		display: block;
	}
	.col-md-6.development-btn {
		flex: 0 0 100%;
		max-width: 100%;
		display: block;
	}
	.development-btn .card-enrolled{
		display:block;
	}
	.development-btn .card-body{
		display:block !important;
		text-align:center !important;
	}
	.col-md-6.development-btn+ .col-md-6 .text-right {
		padding: 0;
	}
	.col-md-6.development-btn+ .col-md-6 button.btn {
		display: block;
		width: 100%;
	}
}
#student_screening .col-md-12.d-flex.align-items-center, #student_screening .col-md-12.d-flex.align-items-center+ .col-md-12, #student_screening .col-md-12.d-flex.align-items-center+ .col-md-12+ .col-md-12 {
    padding: 0;
}
#student_screening .col-md-12.text-md-right {
    padding-right: 0;
    padding-left: 0;
}
#student_screening .row.w-100 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#student_screening .row.w-100 .col-md-9 {
	flex: 0 0 75%;
	max-width: 75%;
}
#student_screening .row.w-100 .col-md-3 {
	flex: 0 0 25%;
	max-width: 25%;
}
#student_screening .row.w-100 .col-md-9 {
    padding-left: 0;
}
#student_screening .col-sm-3.col-md-3 {
    padding-right: 0;
}
.form-group.d-flex.align-items-center {
    display: block !important;
    text-align: right;
}
@media only screen and (max-width: 767px){
	#student_screening .row.w-100 .col-md-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	#student_screening .row.w-100 .col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
}
@media only screen and (max-width: 575px){
	#student_screening .row.w-100 .col-md-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	#student_screening .row.w-100 .col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
		padding-left:0;
	}
}
.modal.in .modal-dialog{
	z-index:1041;
}
a:focus, a:hover {
    text-decoration: none !important;
}
.open>.dropdown-menu {
    display: none !important;
}
.open.show>.dropdown-menu {
    display: block !important;
}
.notification-list .dropdown-menu {
    z-index: 1000;
    float: left;
    min-width: 10rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.notification-list .dropdown-menu {
    padding: 4px 0;
    font-size: 13px;
    box-shadow: 0 2px 30px rgb(0 0 0 / 8%);
    background-color: #ffffff;
    border-color: transparent;
    margin: 0;
	min-width: 194px;
}
button.btn.dropdown-item.text-danger {
    border-radius: 3px;
    font-size: 13px;
    text-align: left;
}
.notification-list .dropdown-item {
  padding: 10px 20px !important;
  border:0;
}
.btn-primary{
	background-color: #8ebd4d !important;
    border: 1px solid #8ebd4d !important;
}
#loginForm .loginBtn.submitBtn, #loginForm .loginBtn.submitBtn~.btn, #forgotPassword .submitBtn{
	background-color: #dc5082 !important;
    border-color: #dc5082 !important;
}
a.text-primary.font-secondary{
color: #dc5082 !important;
}

.mainCommentCategory .sub-cat .d-flex {
    flex-flow: wrap;
}
.mainCommentCategory .sub-cat .d-flex .form-control {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
}

div#mealList {
    border: 1px solid #dee2e6!important;
}
div#mealList .categorymeallist-title {
    padding: 1rem !important;
    display: block;
    margin: 0;
    background: #d0d2d3;
}
div#mealList li {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
}
#mealList span {
    padding-bottom: 10px;
    display: block;
}
#mealList span + br {
    display: none;
}
#mealList span+br+span+span {
    padding-bottom: 0;
}
#mealList ul.mainCategory {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
div#mealList li:last-child {
    border-bottom: 0;
}

ul#student_id {
    border: 0;
    padding: 0;
    display: flex;
    flex-flow: wrap;
    list-style: none;
}
ul#student_id li {
    flex: 0 0 11.6%;
    max-width: 11.6%;
    margin-top: 10px;
    margin-right: 1%;
    text-align: center;
    font-size: 14px;
    position: relative;
}
ul#student_id li:nth-child(8n) {
    margin-right: 0;
}
ul#student_id li img {
    margin-bottom: 5px;
    border-radius: 100%;
    height: 100px;
    width: 100px;
}
ul#student_id li span {
    display: block;
    width: 100%;
    clear: both;
}
input.studentcheckbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}
input.studentcheckbox:checked+ span {
    position: absolute;
    top: 15px;
    left: 25px;
    height: 25px;
    width: 25px !important;
    background-color: #8ebd4d;
    border-radius: 100%;
} 

input.studentcheckbox:checked+ span.student-checkboxspan:after {
    left: 10px;
    top: 5px;
    width: 6px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate( 
45deg
 );
    -ms-transform: rotate(45deg);
    transform: rotate( 
45deg
 );
    content: "";
    display: block;
    position: absolute;
}
.mainCategoryMeal.d-flex {
    position: relative;
    flex-wrap: wrap;
}

.mainCategoryMeal.d-flex span, .mainCategoryMeal.d-flex .form-block {
    flex: 0 0 95%;
    max-width: 95%;
}
.mainCategoryMeal.d-flex input.form-check-input.meal-checkbox {
    position: absolute !important;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
}
.mainCategoryMeal.d-flex .font-big{
font-size:14px;
font-weight:bold;
}
.mainCategoryMeal.d-flex .font-small{
font-size:13px;
}
input.form-check-input.drc-checkbox {
    width: 20px;
    height: 20px;
}
.student-content-block {
    margin-left: 10px;
}
.student-content-block .d-flex {
    padding-top: 5px;
    padding-bottom: 5px;
}
.student-content-block .d-flex span:last-child {
    font-weight: bold;
    margin-left: 10px;
}
.serving{
clear:both;
padding-top:10px;
}
.tui-full-calendar-weekday-grid-date{
position:relative;
}
.success-plus {
    padding: 0 6px;
    cursor: pointer;
    background: red;
    color: #fff;
    border-radius: 100%;
    font-size: 14px;
    margin-left: 5px;
opacity:0;
visibility:hidden;
}
.tui-full-calendar-near-month-day:hover .success-plus {
    opacity: 1;
    visibility: visible;
}
.tui-full-calendar-extra-date .success-plus,
.success-plus ~ .success-plus{
display:none;}
.btn.btn-primary.px-4.delAllBtn {
    background: transparent !important;
    color: #000;
    margin-top: -10px;
    border: 1px solid #000 !important;
    padding: 0px 10px !important;
    width: auto !important;
    margin-left: auto;
    margin-right: 15px;
    height: auto !important;
    max-height: 30px;
    font-size: 12px;
}
button.btn.btn-primary.px-4.repAllBtn {
    font-size: 12px;
    margin-top: -10px;
    max-height: 30px;
}
.btn.btn-primary.px-4.delAllBtn:hover {
    background: #000 !important;
    color: #fff;
}
#lnb .lnb-calendars > div{
padding-left:0;
padding-right:0;
}
.lnb-calendars-item div a:last-child {
    margin-left: 5px;
}

#categoryModal .modal-dialog .modalContent #color-picker-component {
    clear: both;
    width: 100%;
    padding: 0;
}
#categoryModal .modal-dialog .modalContent #color-picker-component input {
    background: transparent !important;
    color: #000;
    padding: 7px;
    width: calc(100% - 30px);
    border-radius: 0;
}
#categoryModal .modal-dialog .modalContent #color-picker-component span.input-group-addon {
    width: 30px;
    display: inline-block;
}
#categoryModal .modal-dialog .modalContent #color-picker-component span.input-group-addon i {
    height: 35px;
}

.from-group.from-group-checkbox{
	position:relative;
}
.from-group-checkbox .form-check{
    position: absolute;
    top: 5px;
    right: 0;
}
.from-group-checkbox .form-check .form-check-input{
    position: relative;
    margin: 0 !important;
}
.from-group-checkbox .form-check .form-check-label{
    position: relative;
    top: -2px;
}
.from-group-datecheckbox span.form-check {
    margin-top: 5px;
}
.from-group-datecheckbox input[type="radio"] {
    margin-top: 0;
}
.from-group-datecheckbox label {
    margin-bottom: 0;
    position: relative;
    top: -2px;
}
.datepicker-days .table-condensed>tbody>tr>td,
.datepicker-days .table-condensed>tbody>tr>th,
.datepicker-days .table-condensed>tfoot>tr>td,
.datepicker-days .table-condensed>tfoot>tr>th,
.datepicker-days .table-condensed>thead>tr>td,
.datepicker-days .table-condensed>thead>tr>th {
    padding: 5px 7px;
    text-align: center;
}

.form-date-block {
    position: relative;
}

input#multi_date {
    position: absolute;
    height: 100% !important;
    opacity: 0;
}

input#dmulti_date {
    position: absolute;
    height: 100% !important;
    opacity: 0;
}

.datepicker-days .table-condensed>tbody>tr>td.day {
    font-size: 12px;
    padding: 10px 12px;
}
.datepicker-days .table-condensed>tbody>tr>td.active.day {
    box-shadow: 0px 0px 0px 1px #fff inset;
}

.datepicker-days .table-condensed>tbody>tr>td.active.day{border-radius: 100%;}
.datepicker-days .table-condensed>tbody>tr>td.day{cursor: pointer;}
.form-group-multiple {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
}

.addMoreOption {
    cursor: pointer;
 
   padding: 7px 10px;
 
   border: 1px solid #000;
  
  display: inline-block;
   
 float: right;
  
  margin-right: 20px;
}


.addMoreOption:hover {
    
background: #8ebd4d !important;
   
 color: #fff;
  
  border-color: #8ebd4d !important;
}
.form-group-multiple .col-form-label {
    flex: 0 0 100%;
    max-width: 100%;
}
.form-group-multiple .form-check {
    margin-right: 2%;
}

.form-group-multiple input {
    margin-top: 3px !important;
}
.form-check-label.form-title{
font-weight:600;}

.fieldsection.row {
    margin-left: -20px;
    margin-right: -20px;
    background: #F3F4F4 !important;
    padding: 20px 0 0;
}
.fieldsection.row:last-child {
    padding-bottom: 20px;
}
.fieldsection.row .col-12,
.fieldsection.row .col-sm-12.col-md-12,
.fieldsection.row .col-sm-6.col-md-6,
.fieldsection.row .col-sm-3.col-md-3 {
    background: #fff;
}
.form-check-label.form-title{
	padding-top: 15px;
}
.fieldsection.row .col-sm-12.col-md-12 .form-group, .fieldsection.row .col-sm-6.col-md-6 .form-group, .fieldsection.row .col-sm-3.col-md-3 .form-group {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
.fieldsection.row .col-sm-12.col-md-12 .form-group .form-control, .fieldsection.row .col-sm-6.col-md-6 .form-group .form-control, .fieldsection.row .col-sm-3.col-md-3 .form-group .form-control {
    flex: 0 0 calc(100% - 80px);
    max-width: calc(100% - 80px);
}
.fieldsection.row .col-sm-12.col-md-12 .form-group .col-lable-title,
.fieldsection.row .col-sm-6.col-md-6 .form-group .col-lable-title,
.fieldsection.row .col-sm-3.col-md-3 .form-group .col-lable-title {
    flex: 0 0 80px;
    max-width: 80px;
}
.parentClass {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.dclass {
    text-indent: -999999px;
    position: relative;
}
.dclass:before {
    content: '\e123';
    font-family: 'typicons';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-indent: 0px;
    position: absolute;
    left: 0;
    font-size: 25px;
    top: -3px;
    cursor: pointer;
	color: #5b626b;
}

.survey-body-block #topnav, .survey-body-block .wrapper {
    margin-left: auto;
    width: calc(100% - 60px);
    margin-right: auto;
}
.survey-body-block .wrapper .container-fluid {
    width: 100%;
    padding: 0;
}
.survey-body-block .wrapper .container-fluid form .row {
    margin-left: -20px;
    margin-right: -20px;
    border-top: 10px solid #F3F4F4;
    padding-top: 20px;
}
.survey-body-block .wrapper .container-fluid form .row .survey-block-container {
    padding-left: 0;
    margin-left: 15px;
}
.survey-body-block .wrapper .container-fluid form .row .survey-block-container li {
    padding-left: 10px;
}

[4:40 pm, 19/07/2021] Sandeep Unify: .survey-body-block #topnav, .survey-body-block .wrapper {
    margin-left: auto;
    width: calc(100% - 60px);
    margin-right: auto;
}
.survey-body-block .wrapper .container-fluid {
    width: 100%;
    padding: 0;
}
.survey-body-block .wrapper .container-fluid form .row {
    margin-left: -20px;
    margin-right: -20px;
    border-top: 10px solid #F3F4F4;
    padding-top: 20px;
}
.survey-body-block .wrapper .container-fluid form .row .survey-block-container {
    padding-left: 0;
    margin-left: 15px;
}
.survey-body-block .wrapper .container-fluid form .row .survey-block-container li {
    padding-left: 10px;
}
.survey-body-block .survey-header {
    flex: 0 0 75%;
}
.survey-body-block .survey-header + .col-12 {
    flex: 0 0 8%;
}
.survey-body-block .wrapper .container-fluid form .row .survey-block-container .form-group.form-group-multiple {
    padding-left: 10px;
    padding-top: 10px;
}
.survey-body-block .wrapper .container-fluid form .row .survey-block-container label.col-form-label {
    font-weight: 600;
    font-size: 15px;
}

.survey-body-block .wrapper .container-fluid form .row .survey-block-container input[type="radio"],
.survey-body-block .wrapper .container-fluid form .row .survey-block-container input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 25px;
    width: 25px;
    top: -5px;
    z-index: 1;
    left: 10px;
}
.survey-body-block .wrapper .container-fluid form .row .survey-block-container .form-check label.form-check-label {
    position: relative;
}
.survey-body-block .wrapper .container-fluid form .row .survey-block-container .form-check input[type="radio"]+ label.form-check-label:before{
    position: absolute;
    top: -2px;
    left: -30px;
    height: 25px;
    width: 25px;
    background-color: transparent;
    content: "";
    border-radius: 100%;
    border: 1px solid #bbb;
}
.survey-body-block .wrapper .container-fluid form .row .survey-block-container .form-check input[type="checkbox"]+ label.form-check-label:before {
    position: absolute;
    top: -2px;
    left: -30px;
    height: 25px;
    width: 25px;
    background-color: transparent;
    content: "";
    border-radius: 5px;
    border: 1px solid #bbb;
}

.survey-body-block .wrapper .container-fluid form .row .survey-block-container .form-check input[type="radio"]:checked+ label.form-check-label:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: -23px;
    background: #bbb;
    top: 5px;
    border-radius: 100%;
}
.survey-body-block .wrapper .container-fluid form .row .survey-block-container .form-check input[type="checkbox"]:checked+ label.form-check-label:after {
    width: 7px;
    height: 13px;
    border: solid #bbb;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate( 
45deg
 );
    -ms-transform: rotate(45deg);
    transform: rotate( 
45deg
 );
    content: "";
    left: -20px;
    position: absolute;
    top: 2px;
}
.survey-body-block .wrapper .container-fluid ul#student_id li {
    flex: 0 0 15.6%;
    max-width: 15.6%;
}
.survey-body-block .wrapper .container-fluid ul#student_id li img {
    border-radius: 100%;
    height: 60px;
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.survey-title-block {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    text-align: left;
}
.survey-title-block span:first-child{
font-weight:bold;
}
.survey-body-block .wrapper .container-fluid form .row .survey-block-container .demo-wrapper-label {
    display: block;
    text-align: center;
    margin-bottom: -30px;
    font-size: 14px;
}
.survey-body-block .wrapper .container-fluid form .slider--green .slider__bar,
.survey-body-block .wrapper .container-fluid form .slider--green .slider__handle,
.survey-body-block .wrapper .container-fluid form .slider--green .slider__tip {
    background-color: #57bfe6;
}

.survey-body-block .wrapper .container-fluid form .slider--green .slider__tongue {
    border-bottom: 14px solid #57bfe6;
}

.col-12.move-up-down-block {
    text-align: right;
    width: auto;
    z-index: 1;
    flex: 0 0 auto;
    max-width: initial;
    position: absolute;
    right: 0;
    padding-top:10px;
}

.survey-body-block .header-title{
    line-height: 24px;
}
.survey-body-block .wrapper .container-fluid ul#student_id li {
    flex: 0 0 32.33%;
    max-width: 32.33%;
    text-align: left;
}
.survey-body-block .wrapper .container-fluid form .row .survey-block-container .form-group.form-group-multiple{
    align-items: flex-start;
}
.survey-body-block .wrapper .container-fluid .form-group-multiple .form-check {
    flex: 0 0 22%;
    margin-bottom: 15px;
    max-width: 22%;
}
.survey-body-block #topnav .topbar-main .logo {
    flex: 0 0 17%;
    max-width: 17%;
}

.survey-body-block .wrapper .container-fluid form .row .survey-block-container label.col-form-label {
    vertical-align: top;
    padding-top: 0;
    margin-top: -1px;
}

@media only screen and (max-width: 1100px){
.survey-body-block .wrapper .container-fluid ul#student_id li {
    flex: 0 0 28%;
    max-width: 28%;
}
.survey-body-block .wrapper .container-fluid ul#student_id li:first-child {
    flex: 0 0 40%;
    max-width: 40%;
}
}
@media only screen and (max-width: 800px){
.survey-body-block #topnav .topbar-main .logo {
    flex: 0 0 26%;
    max-width: 26%;
}
.survey-body-block .survey-header {
    flex: 0 0 50%;
    max-width: 50%;
}
.survey-body-block .survey-header + .col-12 {
    flex: 0 0 15%;
}
}
@media only screen and (max-width: 670px){
.survey-body-block .wrapper .container-fluid ul#student_id li {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
}
.survey-body-block .wrapper .container-fluid ul#student_id li:first-child {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
}
.survey-body-block .wrapper .container-fluid .form-group-multiple .form-check {
    flex: 0 0 48%;
    max-width: 48%;
}
.survey-body-block #topnav, .survey-body-block .wrapper{
    width: calc(100% - 20px);
}
}
@media only screen and (max-width: 575px){
.survey-body-block #topnav .row {
    display: block;
    text-align: center;
}
.survey-body-block #topnav .d-none {
    display: block !important;
    text-align: center;
}
.survey-body-block #topnav .topbar-main .logo {
    flex: 0 0 100%;
    max-width: 100%;
}
.survey-body-block .survey-header {
    flex: 0 0 100%;
    max-width: 100%;
}
}
.d-flex .deleteAllMeals {
    margin-left: auto;
    margin-right: 15px;
}
.d-flex .deleteAllMeals.d-none+ .deleteMeals {
    margin-left: auto;
}
.deleteMeals{padding-top:3px;}
.category-checkbox-group {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    width: 100%;
}
.category-checkbox.checkbox {
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 20px;
}
.category-checkbox.checkbox input[type="checkbox"] {
    position: relative;
    left: 0;
    top: 1px;
}
.category-checkbox.checkbox label.col-form-label {
    padding-left: 0px;
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 1400px) {
.main-dsb .row .col-sm-4:first-child {
    padding-left: 0;
}
.main-dsb .card-body .cardcnt {
    margin-right: 2px;
    margin-top: 3px;
}
.main-dsb .card-body .cardcnt + p {
    font-size: 11px;
}
}
@media only screen and (max-width: 576px) {
.main-dsb .row .col-sm-4:first-child {
    padding-left: 10px;
}
}

.main-dsb .card-body .cardcnt + p {
    text-align: left;
}

@media only screen and (min-width: 1300px) and (max-width: 1600px){
.main-dsb .masonry-layout .card-body {
    padding: 12px;
}
}
@media only screen and (min-width: 1300px) and (max-width: 1500px){
.main-dsb .card-body .col-sm-4 .cardcnt {
    max-width: 10px;
    max-height: 10px;
    margin-top: 4px;
}
.main-dsb .card-body .col-sm-4 .cardcnt+ p {
    font-size: 12px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px){
.main-dsb .row .col-sm-4 {
    flex: 0 0 50%;
    max-width: 50%;
}
}
@media only screen and (min-width: 576px) and (max-width: 1400px){
.main-dsb .row .col-sm-4:first-child {
    padding-left: 10px;
}
.main-dsb .row .col-sm-4{
margin-bottom:10px;
}
}

input.otherinputfld {
    display: block;
    width: calc(100% + 28px);
    margin-top: 15px !important;
    margin-left: -28px;
    padding: .375rem .75rem;
    font-size: 13px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    max-width: calc(100% + 28px);
}
.student-name-block {
    font-weight: bold;
    text-transform: capitalize;
}
.hospital-list .ms-container .ms-selectable, .hospital-list .ms-container .ms-selection{
	width: calc(50% - 1.5%);
}
.parent-heading-block {
    margin-top: 20px;
    margin-bottom: 10px;
    background: #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-left: -20px;
    margin-right: -20px;
}
@media only screen and (max-width: 1200px){
	.hospital-list .ms-container .ms-selectable, .hospital-list .ms-container .ms-selection{
	width: calc(50% - 2%);
}
}
@media only screen and (max-width: 768px){
	.hospital-list .ms-container .ms-selectable, .hospital-list .ms-container .ms-selection{
	width: calc(50% - 2.5%);
}
}
@media only screen and (max-width: 575px){
	.hospital-list .ms-container .ms-selectable, .hospital-list .ms-container .ms-selection{
	width: 100%;
}
.hospital-list .ms-container .ms-selectable{
	margin-bottom:15px;
}
.hospital-list .ms-container .ms-selection{
	margin-top:15px;
}
.hospital-list .ms-container{
	background:transparent url('../plugins/multi-select/img/switch-vertical.png') no-repeat 50% 50%;
}
}
.invalid-feedback.d-block {
    display: none !important;
}
select.form-control.error {
    border-color: #ec536c !important;
}
.student-profile-block .student-image-block img {
    max-width: 75px;
    margin-right: 20px;
    vertical-align: top;
	margin-bottom:20px;
}
.student-profile-block .student-name-block div {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
}
label.student-label {
    font-size: 20px;
    margin-top: 0;
    padding-top: 0;
    display: block;
    border-bottom: 1px solid;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto !important;
    min-width: 19em !important;
}

input[switch] + label:before{
margin: 3px 4px 0 0px;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

#loaderModalnew .modal-lg {
    max-width: 500px;
    min-height: 300px;
    top: 50%;
    transform: translate(0, -50%);
}

#loaderModalnew .modal-lg .modal-content {
    min-height: 300px;
}
#loaderModalnew .modal-lg .modal-content .modalContent{
	min-height: 300px;
	text-align:center;
}
#loaderModalnew .modal-lg .modal-content .fa-spinner {
    font-size: 70px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 40%;
	animation-name: spin;
	animation-duration: 1200ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.mainCategoryMeal .form-block {
    margin-bottom: 5px;
}
#feeCollectionTable span.feespan {
    display: inline-block;
    width: calc(100% - 20px);
}
#feeCollectionTable span.feesave {
    width: 20px;
}
#feeDepositModal.modal .modal-header {
    background: #000;
    color: #fff;
    padding: 10px;
}
#feeDepositModal.modal h5.modal-title {
    margin-top: 0;
}
#feeDepositModal.modal button.close {
    opacity: 1;
    color: #fff;
}

#feeDepositModal.modal .modal-body {
    padding:10px !important;
}
#feeDepositModal.modal .modal-body .border-bottom {
    padding: 0 !important;
}
#feeDepositModal.modal .modal-body .row .col-md-12,
#feeDepositModal.modal .modal-body .row .col-md-6 {
    margin-bottom: 15px;
}
#feeDepositModal.modal .modal-body .row .col-md-12 input {
    width: 100%;
}
#feeDepositModal.modal .py-3.mt-4 {
    margin-top: 0 !important;
    text-align: right;
}
.ctable .card {
    width: 100%;
}
.loadingfBtn.loading {
	position:relative;
}
.loadingfBtn.loading:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "FontAwesome";
    content: "";
    background: rgba( 255, 255, 255, 0.7 );
    text-align: center;
    line-height: 34px;
}

@media only screen and (min-width: 1200px){
#feeCollectionTable .table-responsive .table-responsive {
    max-height: calc(100vh - 320px);
}
}

#feeCollectionTable .table-responsive {
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
#feeCollectionTable #definefeestructure {
    margin-bottom: 0;
}
#feeCollectionTable #definefeestructure select.paymentMode {
    min-width: 210px;
}
#feeCollectionTable #definefeestructure input.cheque_dd_no {
    min-width: 100px;
}
#feeCollectionTable #definefeestructure input.bank_name {
    min-width: 200px;
}
#feeCollectionTable #definefeestructure input.date.instrument_date {
    min-width: 100px;
}

#feeCollectionTable #definefeestructure td:last-child > .form-group.mb-0 .pdfClass {
    min-width: 150px;
}
#feeCollectionTable span.feespan input {
    max-width: 90px;
}

#definefeestructure.table-striped tbody tr:first-child td .bootstrap-datetimepicker-widget.dropdown-menu,
#definefeestructure.table-striped tbody tr:first-child+ tr td .bootstrap-datetimepicker-widget.dropdown-menu,
#definefeestructure.table-striped tbody tr:first-child+tr +tr td .bootstrap-datetimepicker-widget.dropdown-menu,
#definefeestructure.table-striped tbody tr:first-child+tr +tr+tr td .bootstrap-datetimepicker-widget.dropdown-menu {
    inset: auto!important;
}

/* disbled row css start */
.table-striped tbody tr .custom-control-label::before{
	border:1px solid;
	background-color:#fff;
}
.table-striped tbody tr.disabledrow {
    background: #ddd;
}
.table-striped tbody tr.disabledrow input:disabled {
    background: #ddd;
    color: #666;
}

.table-striped tbody tr.disabledrow .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before, .table-striped tbody tr.disabledrow .custom-checkbox .custom-control-input:disabled~.custom-control-label::before {
    background: #e2e2e2;
	border: 1px solid;
}
.table-striped tbody tr.disabledrow .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::after{
	background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23666' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>");
}
.modified-bock{
	text-align:right;
}
.modified-bock span {
    display: block;
}

header#topnav.fee-collection-topnav .topbar-main .row {
  margin: 0;
  box-sizing: border-box;
  align-items: center;
}


.pvtVals .pvtAggregator,.pvtVals a,.pvtRenderer{
  display: none !important;
}





@keyframes spin {
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}
.spinner-loader{
  font-size:40px;
  animation-name: spin;
  animation-duration: 500ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
  color: #dc5082;
}
.loader{
  position: absolute;
  z-index: 1000;
  height: 31px;
  width: 31px;
  text-align: center;
}
.loader.custom-status-loader {
  z-index: 10000;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background-color: #dc508229;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.loader.custom-status-loader:before {
  content: "";
  background: rgba(0,0,0,0.2);
  z-index: 100000000;
  display:block !important;
}


/* pivot_ui css strat*/


#pivot_ui_progress {
  width: 300px;
  height: 20px;
  border: 1px solid #ccc;
}

#pivot_ui_bar {
  width: 0%;
  height: 100%;
  background: #0f0;
  display: flex;
  justify-content: center;
  align-items: center;
}
  .total_bg_color {
    font-weight: bold !important;;
    color: black !important;;
    background-color: #98fc98b3 !important;;
  }
  .paid_bg_color {
    font-weight: bold !important;;
    color: black !important;;
    background-color: #d8fba7 !important;
  }
  .pending_bg_color {
    font-weight: bold !important;;
    color: black !important;;
    background-color: #fdc490ba !important;
  }
  .total_total_bg_color {
    font-weight: bold !important;;
    color: black !important;;
    background-color: #7de37dfc !important;;
  }
  .paid_total_bg_color {
    font-weight: bold !important;;
    color: black !important;;
    background-color: #a9ca7b !important;
  }
  .pending_total_bg_color {
    font-weight: bold !important;;
    color: black !important;;
    background-color: #e2a46bf2 !important;
  }

  .fee-collection-topnav+.container-fluid .pivot_ui_container {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}
.fee-collection-topnav+.container-fluid div#output {
  width: 100%;
  position: relative;
  top: 20px;
  background: #f3f4f4;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea::-webkit-scrollbar {
  height: 8px; /* Height of the scrollbar */
  width: 8px; /* Width of the scrollbar */
}

.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea::-webkit-scrollbar-track {
  background-color: lightgray; /* Color of the scrollbar thumb */
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea::-webkit-scrollbar-thumb {
  background: #dc5082; /* Color of the scrollbar track */
  border-radius: 4px; /* Rounded corners of the thumb */
}
.fee-collection-topnav+.container-fluid div#output table.pvtUi td.pvtUiCell {
  border: 1px solid #ddd;
  /* background-color: #EEE; */
  background-color: #e0eeff;
  padding: 10px;
  padding-bottom: 4px;
}
.fee-collection-topnav+.container-fluid div#output table.pvtUi td.pvtCols {
  border: 1px solid #ddd;
  /* background-color: #EEE; */
  background-color: #e3ffed;
  padding: 4px 10px;
}
.fee-collection-topnav+.container-fluid div#output table.pvtUi td.pvtRows {
  border: 1px solid #ddd;
  /* background-color: #EEE; */
  background-color: #e0eeff;
  padding: 10px;
}
.fee-collection-topnav+.container-fluid div#output table.pvtUi th.pvtColTotalLabel {
  border: 1px solid #ddd;
  /* background-color: #EEE; */
  background-color: #fff;
  padding: 10px;
}
.fee-collection-topnav+.container-fluid div#output table.pvtUi .pvtAxisContainer li {
  padding-left: 0;
  padding-top: 0;
  display: inline-block;
  padding-bottom: 0;
}
.fee-collection-topnav+.container-fluid div#output table.pvtUi .pvtAxisContainer li span.pvtAttr {
  font-size: 15px;
  padding: 6px 15px;
  box-sizing: border-box;
  display: inline-block;
  background: #fff;
  margin: 3px;
}
.fee-collection-topnav+.container-fluid div#output table.pvtTable {
  font-size: 15px;
  text-align: left;
  border-collapse: separate;
  width: 100%;
  border-spacing: 0 !important;

}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th {
  font-size: 15px;
  padding: 6px 10px;
  font-weight: 700;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable thead tr th, 
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable tbody tr td {
  border-right: 0 !important;
  border-bottom: 0 !important;
}
.fee-collection-topnav+.container-fluid div#output .pvtFilterBox {
  
  z-index: 99999;
  width:360px;
  
}
.fee-collection-topnav+.container-fluid div#output .pvtFilterBox h4 {
  margin: 0;
  padding: 15px;
  background: #000;
  color: #fff;
  display: none;
  
}
.fee-collection-topnav+.container-fluid div#output .pvtFilterBox h4 span.count {
  color: #fff;
  font-size: 17px;
}
.fee-collection-topnav+.container-fluid div#output .pvtFilterBox input[type='text'] {
  width: calc(100% - 30px);
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 15px;
  color: #000;
}
.fee-collection-topnav+.container-fluid div#output .pvtFilterBox button, 
.fee-collection-topnav+.container-fluid div#output .pvtFilterBox button+ button {
  float: left;
  margin-left: 15px;
  background-color: #8ebd4d !important;
  border: 1px solid #8ebd4d !important;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  width:calc(50% - 23px);
}
.fee-collection-topnav+.container-fluid div#output .pvtFilterBox button+ button {
  float: right;
  margin-right: 15px;
  background: transparent !important;
  color: #000;
  border-color: #000 !important;
}
.fee-collection-topnav+.container-fluid div#output .pvtFilterBox button+ button:hover {
  background: #000 !important;
  color: #fff !important;
}
.fee-collection-topnav+.container-fluid div#output .pvtFilterBox .pvtCheckContainer {
  clear: both;
  display: block;
  position: relative;
  top: 15px;
  border-top:0;
  overflow-y: auto;
}
.fee-collection-topnav+.container-fluid div#output .pvtFilterBox .pvtCheckContainer+p {
  display: block;
  float: left;
  width: 100%;
}
.fee-collection-topnav+.container-fluid div#output table.pvtUi tr:last-child td.pvtAxisContainer:first-child li {
  display: block;
  float: left;
  clear: both;
}



/* pivot ui headers css  starting */
.fee-collection-topnav+.container-fluid div#output table.pvtUi .pvtFilteredAttribute .pvtAttr{
  font-style: italic;
  background: #bfbfbf !important;
  color: black;
}

.fee-collection-topnav+.container-fluid div#output table.pvtUi .pvtUnused li span.pvtAttr span.pvtTriangle {
  display: none;
}
.fee-collection-topnav+.container-fluid div#output table.pvtUi .pvtUnused li span.pvtAttrShow span.pvtTriangle {
  display: inline;
}

.fee-collection-topnav+.container-fluid div#output table.pvtUi .pvtAxisContainer li span.colBgColor {
  /* font-style: italic;
  background: #8ce1f8 !important;
  color: black; */
  font-style: italic;
    background: #e0eeff !important;
    color: black;
    border: 2px solid #0b58b6;
    border-radius: 10px;
}

.fee-collection-topnav+.container-fluid div#output table.pvtUi .pvtAxisContainer li span.rowBgColor {
  /* font-style: italic;
  background: #e5f1d4 !important;
  color: black; */
    /* font-style: italic; */
    background: #e3ffed !important;
    color: black;
    border-radius: 10px;
    border: 2px solid #00a33d
}


/* .fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable thead tr:first-child th { */
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable thead tr th {
/* .fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable thead tr:nth-child(2) th { */
  clear: both;
  /* background-color: #e5f1d4 !important; */
  background-color: #fff !important;
  color: black !important;
  font-weight: bold !important;
  border: 1px solid #cdcdcd;

}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable thead tr th.pvtColLabel {
  white-space: nowrap;
}
/* .fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable thead tr:nth-child(3) th { */
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable thead tr:last-child th {
  clear: both;
  /* background-color: #8ce1f8 !important; */
  background-color: #fff !important;
  color: black !important;
  font-weight: bold !important;

}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.pvtRowLabel {
  clear: both;
  /* background-color: #8ce1f8 !important; */
  background-color: #fff !important;
  color: black !important;
  font-weight: bold !important;
  white-space: nowrap;
  border-right: 0;
  border-bottom: 0;
}
.fee-collection-topnav+.container-fluid div#output td.pvtVal.sub_total_bg_color{
  /* background: #fde7e7; */
  font-weight: 700;
}
.fee-collection-topnav+.container-fluid div#output td.pvtVal.sub_grand_total_bg_color{
  /* background: #fbcaca; */
  font-weight: 700;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.deleted {
  border-left:6px solid red !important;
}
/* .fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.deleted:parent tr td{ */
/* .fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.deleted ~ td{
  border-bottom:3px solid red !important;
} */
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.inactive {
  border-left:6px solid orange !important;
  /* border-left:6px solid #ffa3a3 !important; */
}
/* .fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.inactive:parent tr td{ */
/* .fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.inactive ~ td{
  border-bottom:3px solid #ffa3a3 !important;
} */
.fee-collection-topnav + .container-fluid .top-button-wraper {
  display: flex;
  justify-content: start;
  align-items: baseline;
  gap: 24px;
  margin-bottom: -74px;
  z-index: 1;
  position: relative;
  max-width: 130px;
}
.fee-collection-topnav + .container-fluid .top-button-wraper button {
  margin-top: 0;
  margin-right: 0 !important;
  cursor: pointer;
}
.fee-collection-topnav + .container-fluid .top-button-wraper span{
  cursor: pointer;
  position: relative;
}
.fee-collection-topnav + .container-fluid .top-button-wraper span#export:before {
  content: "Export";
  position: absolute;
  top: 3px;
  background: #dc5082;
  padding: 5px;
  border-radius: 5px;
  z-index: 20;
  transition: all 0.3s;
  left: -10px;
  color:#fff;
  display: none;
}
.fee-collection-topnav + .container-fluid .top-button-wraper span#export:hover:before{
  display: block;
  bottom:-30px;
  top:inherit;
  z-index: 30;
}
.fee-collection-topnav + .container-fluid button.btn.btn-sm.btn-danger.fee-reminder-btn:before {
  content: "Send Fee Reminder";
  position: fixed;
  /* top: 3px; */
  background: #dc5082;
  padding: 5px;
  border-radius: 5px;
  z-index: 20;
  transition: all 0.3s;
  /* left: -10px; */
  color:#fff;
  display: none;
}
.fee-collection-topnav + .container-fluid button.btn.fee-reminder-btn{
  margin-top: 7px;
  position: relative;
}
.fee-collection-topnav + .container-fluid button.btn.btn-sm.btn-danger.fee-reminder-btn:hover:before{
  font-size: 12px;
  font-weight: 700;
  display: block;
  bottom:-30px;
  top:inherit;
  z-index: 30;
  position: absolute;
  color: #e93c58;
  background: white;
  border: 2px solid #e93c58;
}
.fee-collection-topnav + .container-fluid .top-button-wraper span#reset:before {
  content: "Reset";
  position: absolute;
  top: 0;
  background: #dc5082;
  padding: 5px;
  border-radius: 5px;
  z-index: 1;
  transition: all 0.3s;
  left: -10px;
  color:#fff;
  display: none;
}
.fee-collection-topnav + .container-fluid .top-button-wraper span#reset:hover:before{
  display: block;
  bottom:-30px;
  top:inherit;
}
.fee-collection-topnav + .container-fluid .top-button-wraper a.breadcrumb-arrow {
  padding: 10px 0;
  cursor: pointer;
}
.fee-collection-topnav+.container-fluid div#output table.pvtUi tr:first-child td.pvtUiCell:first-child {
  border: 0;
  background: #F3F4F4;
  max-width: 130px;
  min-width: 130px;
  width: 130px;
}
.fee-collection-topnav+.container-fluid div#output table.pvtUi tr:first-child td.pvtAxisContainer.ui-sortable:last-child {
  background: #F3F4F4;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .grand_total_total_bg_color {
  background: #96d745 !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .grand_total_paid_bg_color {
  background: #d9dd00 !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .grand_total_pending_bg_color {
  background: #ff7e78 !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .sub_total_total_bg_color {
  background: #a6e35b !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .sub_total_paid_bg_color {
  background: #f6f954 !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .sub_total_pending_bg_color {
  background: #ffa09c !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .total_total_bg_color {
  background: #c3f18a !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .total_paid_bg_color {
  background: #fdff9a !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .total_pending_bg_color {
  background: #ffbdba !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .grand_total_fee_bg_color {
  background: #ff9776 !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .sub_total_fee_bg_color {
  background: #ffb199 !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .total_fee_bg_color {
  background: #ffd4c6 !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .grand_total_deposit_bg_color {
  background: #c081ff !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .sub_total_deposit_bg_color {
  background: #d2a5ff !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .total_deposit_bg_color {
  background: #e3c8ff !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .grand_total_summer_bg_color {
  background: #ef5aab !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .sub_total_summer_bg_color {
  background: #ff96cf !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable .total_summer_bg_color {
  background: #ffbce0 !important;
}
.output-wrapper.loading {
  position: fixed;
  top: 120px;
  width: 100%;
  left: 0;
  height: 3rem;
  background-color: #e2e2e2;
  z-index: 10;
}
.output-wrapper1.loading {
  position: fixed;
  top: calc(130px + 3rem);
  width: 100%;
  left: 0;
  height: 100%;
  background-color: #e2e2e2;
  z-index: 10;
}
 
.loading::after { 
  display: block; 
  content: ""; 
  position: absolute; 
  width: 100%; 
  height: 100%; 
  transform: translateX(-100%); 
  background: -webkit-gradient(linear, left top, 
              right top, from(transparent),  
              color-stop(rgba(255, 255, 255, 0.5)), 
              to(transparent)); 
                
  background: linear-gradient(90deg, transparent, 
          rgba(255, 255, 255, 0.5), transparent); 

  /* Adding animation */ 
  animation: loading 0.8s infinite; 
} 

/* Loading Animation */ 
@keyframes loading { 
  100% { 
      transform: translateX(100%); 
  } 
} 

.fee-collection-topnav+.container-fluid div#output table.pvtUi .pvtAxisContainer li.ui-sortable-handle.colBgColor.pvtFilteredAttribute .rowBgColor {
  background: #9bffbe !important;
  font-weight: 600;
}
.fee-collection-topnav+.container-fluid div#output table.pvtUi .pvtAxisContainer li.ui-sortable-handle.rowBgColor.pvtFilteredAttribute span.pvtAttr.colBgColor {
  background: #acd1fe !important;
  font-weight: 600;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.pvtRowLabel.sub_total_bg_color {
  text-align: right;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.pvtRowLabel.sub_grand_total_bg_color {
  text-align: right;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.deleted span.deleted{
  color: red !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.inactive span.inactive{
  color: orange !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea {
  display: block !important;
  width: 100%;
  overflow: auto;
  max-height: calc(100vh - 225px);
  height: calc(100vh - 225px);
  max-width: calc(100vw - 160px);
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea span.renderError {
  display: flex;
  height: 100%;
  vertical-align: middle;
  width: 100%;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 30px;
  font-size: 20px;
  color: #ff0000;
}
.fee-collection-topnav+.container-fluid div#output .pvtFilterBox button.btn.btn-sm.btn-danger.fee-reminder-btn {
  display: none;
}
img.send-reminder-icon {
    width: 20px;
}

.invalid .error[type="checkbox"]{
    outline: 0.1px auto !important;
}
.invalid .error[type="radio"] {
    position: relative;
}
.invalid .error[type="radio"]:before {
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid red;
    border-radius: 100%;
}
/* .fee-collection-topnav+.container-fluid div#output td.pvtRendererArea span {
  font-size: 30px;
  text-align: center;
} */
/* .fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.pvtRowLabel.sub_total_bg_color {
  background: #fde7e7 !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.pvtRowLabel.sub_grand_total_bg_color {
  background: #fbcaca !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.pvtRowLabel.sub_total_bg_color::before {
  background: #fde7e7 !important;
  content: 'Total';
  display: none !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.pvtRowLabel.sub_total_bg_color::after {
  background: #fde7e7 !important;
  content: 'Total';
  display: none !important;
}
.fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.pvtRowLabel.sub_total_bg_color{
  background: #fde7e7 !important;
  content: 'Total' !important;
} */
/* .fee-collection-topnav+.container-fluid div#output td.pvtRendererArea table.pvtTable th.pvtRowLabel.sub_grand_total_bg_color::after {
  background: #fbcaca !important;
  content: 'Sub Total';
} */
/* pivot ui headers css  ending */

/* pivot_ui css end */
/* disbled row css end */