@import url(../fonts/iconsmind/iconsmind.css);

/*-----LOGIN-----*/
.main-content-wrap.sidenav-open {
   width: 100%;
}
.modalAjax {
   display: none;
   position: fixed;
   z-index: 10000;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: rgba(255, 255, 255, 0.8) url(../images/loader.gif) 50% 50% no-repeat;
}

body.loadAjax .modalAjax {
   overflow: hidden;
}

body.loadAjax .modalAjax {
   display: block;
}

/*---Dashborad---*/
.complete-champ {
   width: 100%;
   clear: both;
   position: relative;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   object-fit: cover;
   min-height: 100vh;
}
.bx-size {
   position: relative;
   width: 100%;
   min-height: 204px;
   padding: 20px;
}

.box-bg {
   background: #ffffff;
   -webkit-box-shadow: 0 1px 11px 0 rgba(164, 164, 164, 0.2);
   box-shadow: 0 1px 11px 0 rgba(164, 164, 164, 0.2);
   border-radius: 5px;
   display: block;
}
.box-bg:hover {
   transition: all 0.5s ease-in-out;
   box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}

.hm-heading {
   font-size: 18px;
   line-height: 24px;
   letter-spacing: 0.5px;
   height: 30px;
   text-transform: capitalize;
   color: #595959;
   font-weight: 300;
   border-bottom: 1px solid #eee;
   padding-bottom: 33px;
   margin-bottom: 18px;
}
.navbar-brand {
   font-size: 1rem;
}
.re-cnt h4 {
   font-size: 20px;
   color: #f8c733;
   line-height: 24px;
   letter-spacing: 0.5px;
   padding: 10px 0;
}

.bx-heading {
   font-size: 26px;
   line-height: 30px;
   letter-spacing: 0.5px;
   color: #7576b8;
}

.hm-content {
   color: #545252;
   padding-top: 7px;
   font-size: 14px;
}

.bx-img {
   position: absolute;
   right: 3%;
   bottom: 6%;
   max-width: 100px;
   max-height: 100px;
}

/*---Dashborad---*/

body {
   overflow: visible;
   width: 100%;
}

.header-top {
   width: 100%;
   height: 70px;
   position: relative;
   z-index: 2;
}

.bg-gradiant {
   background: #875aa9;
   color: #fff;
   border-color: #8540b2;
   transition: 0.5s ease-in-out;
}

.bg-gradiant:hover {
   color: #fff;
   background: linear-gradient(90deg, #7b38a7 34%, #a04fc6 82%);
   transition: 0.5s ease-in-out;
}

.auth-logo {
   max-width: 220px;
   margin: 25px auto;
   margin-top: 0px;
}
.login-bg {
   z-index: 1;
   position: relative;
   background: linear-gradient(45deg, #ecf1f0, #fefefe);
   padding: 80px 0;
}
.login .form-group label {
   display: inline-block;
   margin-bottom: 0.4rem;
   font-size: 14px;
   text-transform: capitalize;
   letter-spacing: 0.3px;
   font-weight: 500;
}

.card {
   border-radius: 10px;
   box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);
   border: 0;
}

.card {
   position: relative;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border-radius: 0.25rem;
}

.login .error {
   font-size: 13px;
   text-transform: capitalize;
   color: #f31f1f;
   padding-top: 8px;
   font-family: "Open Sans", sans-serif;
}

.login {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   min-height: 100vh;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../images/1.jpg);
}

.login-form {
   padding: 30px;
   border-radius: 2px 2px 2px 30px;
   border: 1px dashed #d6d6d6;
}

.login:before {
   position: absolute;
   content: "";
   background-color: rgba(218, 215, 215, 0.5);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   width: 100%;
   height: 100%;
   left: 0;
   bottom: 0;
}

.brder {
   height: 100%;
   border-left: 1px dashed #a9a7a7;
}

.text-inner h2 {
   font-family: "Poppins", sans-serif;
   font-weight: 600;
   letter-spacing: 0.3px;
   line-height: 40px;
   color: #875aa9;
   margin-bottom: 15px;
   font-size: 30px;
}

.text-inner p {
   color: #4a4a4a;
   font-size: 1rem;
   font-weight: 26px;
   letter-spacing: 0.1px;
}

ul.lo-li-info {
   padding-left: 10px;
}

ul.lo-li-info li {
   list-style: none;
   font-size: 14px;
   letter-spacing: 0.3px;
   line-height: 26px;
   padding-bottom: 3px;
}

ul.lo-li-info li:before {
   font-family: FontAwesome;
   content: "\f046";
   display: inline-block;
   padding-right: 7px;
   vertical-align: middle;
}

/*-----LOGIN-1-----*/

.layout-sidebar-compact .main-header {
   position: absolute !important;
   width: 100%;
   left: 0;
   box-shadow: none;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: space-between;
   background: transparent;
   z-index: 100;
   transition: all 0.24s ease-in-out;
}

.layout-sidebar-compact .main-header .logo {
   display: none;
}

.main-header .menu-toggle {
   /* width: 90px; */
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
   align-items: center;
   cursor: pointer;
   margin-right: 12px;
   /* margin-top: 9px; */
}

.main-header .menu-toggle div {
   width: 24px;
   height: 1px;
   background: #47404f;
   margin: 3px 0;
}

.main-header .search-bar {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: left;
   background: #f8f9fa;
   border: 1px solid #eee;
   border-radius: 20px;
   position: relative;
   width: 230px;
   height: 40px;
}

.main-header .search-bar input {
   background: transparent;
   border: 0;
   color: #212121;
   font-size: 0.8rem;
   line-height: 2;
   height: 100%;
   outline: initial !important;
   padding: 0.5rem 1rem;
   width: calc(100% - 32px);
}

.main-header .logo img {
   width: 100%;
   height: auto;
   margin: 0 auto;
   display: block;
   max-width: 130px;
   height: auto;
}
.main-header .logo .logo-sm {
   display: none;
}

.main-header .header-icon {
   font-size: 19px;
   cursor: pointer;
   height: 36px;
   width: 36px;
   line-height: 36px;
   display: inline-block;
   text-align: center;
   border-radius: 8px;
   margin: 0 2px;
}

.main-header .header-icon:hover {
   background: #b85bf65e;
   transition: 0.5s;
}

.main-header .header-icon.dropdown-toggle:after {
   display: none;
}

.main-header .header-part-right {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.main-header .header-part-right .user {
   margin-right: 2rem;
}

.main-header .header-part-right .user img {
   width: 36px;
   height: 36px;
   border-radius: 50%;
}

.main-header .notification-dropdown {
   padding: 0;
   max-height: 260px;
   cursor: pointer;
}

.main-header .notification-dropdown .dropdown-item {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   padding: 0;
   height: 72px;
   border-bottom: 1px solid #dee2e6;
}

.main-header .notification-dropdown .dropdown-item .notification-icon {
   background: #eee;
   height: 100%;
   width: 44px;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: center;
}

.main-header .notification-dropdown .dropdown-item .notification-icon i {
   font-size: 18px;
}

.main-header .notification-dropdown .dropdown-item .notification-details {
   padding: 0.25rem 0.75rem;
}

.main-header .notification-dropdown .dropdown-item:active {
   color: inherit;
   background: inherit;
}

@media (max-width: 1024px) {
   .main-header .search-bar {
      width: 180px;
      display: none;
   }
   .main-header .menu-toggle {
      width: 24px;
      margin: 0 36px;
   }
   .main-header .header-part-right .user {
      margin-right: 1rem;
   }
}

@media (max-width: 767px) {
   .main-header .search-bar {
      display: none;
   }
   .main-header .menu-toggle {
      width: 24px;
      margin-right: 36px;
   }
}

@media (max-width: 576px) {
   .main-header {
      height: 70px;
      padding: 0 1.5rem;
   }
   .main-header .logo {
      width: 60px;
   }
   .main-header .menu-toggle {
      width: 24px !important;
      margin: 0 10px !important;
   }
   .main-header .header-part-right .user {
      margin-right: 0;
      padding-right: 0;
   }
   .notification-dropdown {
      left: -180px !important;
   }
}

@media (max-width: 360px) {
   .main-header .menu-toggle {
      margin: 0;
   }
}

.layout-sidebar-compact.app-admin-wrap {
   width: 100%;
}

.layout-sidebar-compact.sidenav-open .main-content-wrap {
   width: calc(100% - 76px - 220px);
}

.layout-sidebar-compact.sidenav-open .sidebar-left {
   left: 0;
}

.layout-sidebar-compact .main-content-wrap {
   width: 100%;
   float: right;
   margin-top: 0;
   transition: all 0.24s ease-in-out;
   padding: 0 2rem;
   position: relative;
   min-height: calc(100vh - 80px);
   background: #fff;
}

.layout-sidebar-compact .main-content {
   margin-top: 104px;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
   min-height: calc(100vh - 104px);
}

.layout-sidebar-compact .sidebar-left-secondary,
.layout-sidebar-compact .sidebar-left {
   position: fixed;
   top: 0;
   height: 100vh;
   box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);
   z-index: 101;
}

.layout-sidebar-compact .sidebar-left {
   left: calc(-76px - 20px);
   transition: all 0.24s ease-in-out;
}

.layout-sidebar-compact .sidebar-left .logo {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 68px;
   border-bottom: 1px solid rgba(248, 249, 250, 0.05);
}

.layout-sidebar-compact .sidebar-left .logo img {
   width: 40px;
}

.layout-sidebar-compact .sidebar-left .navigation-left {
   list-style: none;
   text-align: center;
   width: 76px;
   height: 100%;
   margin: 0;
   padding: 0;
}

.layout-sidebar-compact .sidebar-left .navigation-left .nav-item {
   position: relative;
   display: block;
   width: 100%;
   color: #fff;
   cursor: pointer;
   border-bottom: 1px solid rgba(248, 249, 250, 0.05);
}

.layout-sidebar-compact .sidebar-left .navigation-left .nav-item:focus,
.layout-sidebar-compact .sidebar-left .navigation-left .nav-item:active {
   outline: none;
}

.layout-sidebar-compact .sidebar-left .navigation-left .nav-item.lvl1 {
   text-align: center;
}

.layout-sidebar-compact .sidebar-left .navigation-left .nav-item.active {
   color: #fff;
   border-left: 2px solid #fff;
}

.layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold {
   width: 100%;
   padding: 22px 0;
   display: block;
   color: #ffffff;
}

.layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold:focus,
.layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold:active {
   outline: none;
}

.layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon,
.layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold .feather {
   font-size: 24px;
   height: 24px;
   width: 24px;
   display: block;
   margin: 0 auto;
}

.layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text {
   display: none;
}

.layout-sidebar-compact .sidebar-left .navigation-left .nav-item .nav-item-hold a {
   color: #fff;
}

.layout-sidebar-compact .sidebar-left .navigation-left .nav-item.active .triangle {
   display: none;
}

.layout-sidebar-compact.sidenav-open .sidebar-left-secondary {
   left: 76px;
}

.layout-sidebar-compact .sidebar-left-secondary {
   left: calc(-220px - 20px);
   width: 220px;
   padding: 0.75rem 0;
   transition: all 0.24s ease-in-out;
   background: #fff;
}

.layout-sidebar-compact .sidebar-left-secondary .sidebar-close {
   display: none;
   position: absolute;
   top: 0;
   right: 0;
   font-size: 18px;
   padding: 16px;
}

.layout-sidebar-compact .sidebar-left-secondary header {
   padding: 0px 24px;
}

.layout-sidebar-compact .sidebar-left-secondary header .logo {
   padding: 10px 0;
   margin-bottom: 14px;
}

.layout-sidebar-compact .sidebar-left-secondary header .logo img {
   width: auto;
   height: 24px;
}

.layout-sidebar-compact .sidebar-left-secondary header h6 {
   font-size: 18px;
   margin-bottom: 4px;
   font-weight: 600;
}

.layout-sidebar-compact .sidebar-left-secondary header p {
   color: #70657b;
   margin-bottom: 12px;
}

.layout-sidebar-compact .sidebar-left-secondary .submenu-area {
   display: none;
}

.layout-sidebar-compact .sidebar-left-secondary .childNav {
   list-style: none;
   padding: 0;
}

.layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item {
   display: block;
}

.layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a {
   color: #332e38;
   text-transform: capitalize;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   font-size: 13px;
   cursor: pointer;
   padding: 12px 24px;
   transition: 0.15s all ease-in;
}

.layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a:hover {
   background: #eee;
}

.layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a.open {
   color: #663399;
   background: #eee;
}

.layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .nav-icon {
   font-size: 18px;
   margin-right: 8px;
   vertical-align: middle;
   color: #70657b;
}

.layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .item-name {
   vertical-align: middle;
   font-weight: 400;
}

.layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .dd-arrow {
   margin-left: auto;
   font-size: 11px;
}

.layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item .submenu {
   margin-left: 8px;
}

.layout-sidebar-compact .sidebar-left-secondary > .childNav {
   margin: 0;
}

.layout-sidebar-compact .sidebar-left-secondary li.nav-item.open > div > a > .dd-arrow {
   transform: rotate(90deg);
}

.layout-sidebar-compact .sidebar-left-secondary li.nav-item.open > div > .childNav {
   max-height: 1000px;
   overflow: visible;
}

.layout-sidebar-compact .sidebar-left-secondary li.nav-item > div > a > .dd-arrow {
   transition: all 0.4s ease-in-out;
}

.layout-sidebar-compact .sidebar-left-secondary li.nav-item > div > .childNav {
   max-height: 0;
   overflow: hidden;
   background: #fff;
   transition: all 0.4s ease-in-out;
}

.layout-sidebar-compact .sidebar-left-secondary li.nav-item > div > .childNav li.nav-item a {
   padding: 12px 12px 12px 50px;
}

.layout-sidebar-compact .sidebar-overlay {
   display: none !important;
}

@media (max-width: 767px) {
   .layout-sidebar-compact.sidenav-open .main-content-wrap {
      width: 100%;
   }
   .layout-sidebar-compact .sidebar-left-secondary .sidebar-close {
      display: block;
   }
}

@media (max-width: 576px) {
   .main-content-wrap.sidenav-open {
      width: 100%;
   }
   .main-content-wrap {
      margin-top: 70px;
   }
   .sidebar-left-secondary,
   .sidebar-left {
      top: 70px;
      height: calc(100vh - 70px);
   }
   .sidebar-left {
      left: calc(-90px - 20px);
   }
   .sidebar-left .navigation-left {
      width: 90px;
   }
   .sidebar-left .navigation-left .nav-item.active .triangle {
      border-width: 0 0 24px 24px;
   }
   .sidebar-left .navigation-left .nav-item .nav-item-hold {
      padding: 16px 0;
   }
   .sidebar-left-secondary {
      left: calc(-190px - 20px);
      width: 190px;
   }
   .sidebar-left-secondary.open {
      left: 90px;
   }
   .sidebar-overlay {
      height: calc(100vh - 70px);
   }
}

[dir="rtl"] .layout-sidebar-compact .sidebar-left {
   left: auto !important;
   right: calc(-76px - 20px);
}

[dir="rtl"] .layout-sidebar-compact.sidenav-open .sidebar-left {
   left: auto !important;
   right: 0;
}

[dir="rtl"] .layout-sidebar-compact.sidenav-open .sidebar-left-secondary {
   right: 76px;
}

[dir="rtl"] .layout-sidebar-compact .sidebar-left-secondary {
   left: auto !important;
   right: calc(-220px - 20px);
}

[dir="rtl"] .layout-sidebar-compact .sidebar-left-secondary header {
   text-align: right;
}

[dir="rtl"] .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .dd-arrow {
   margin-left: unset !important;
   margin-right: auto;
}

[dir="rtl"] .layout-sidebar-compact .sidebar-left-secondary .childNav li.nav-item a .nav-icon {
   margin-left: 8px;
   margin-right: 0;
}

[dir="rtl"] .layout-sidebar-compact .main-content-wrap {
   float: left;
}

.layout-sidebar-large .main-header {
   position: fixed;
   width: 100%;
   height: 70px;
   box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: space-between;
   background: #fff;
   z-index: 100;
   background: #875aa9;
}

.layout-sidebar-large .main-header .menu-toggle div {
   width: 24px;
   height: 1px;
   background: #ffffff;
   margin: 3px 0;
}

.layout-sidebar-large .main-header .logo {
   width: 142px;
   margin-left: 10px;
   margin-right: 25px;
}

.layout-sidebar-large .main-header .header-icon {
   font-size: 19px;
   cursor: pointer;
   height: 36px;
   width: 36px;
   line-height: 36px;
   display: inline-block;
   text-align: center;
   border-radius: 8px;
   margin: 0 2px;
   color: #ffffff;
}

.layout-sidebar-large .main-header .header-icon.dropdown-toggle:after {
   display: none;
}

.layout-sidebar-large .main-header .header-part-right {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.layout-sidebar-large .main-header .header-part-right .user {
   margin-right: 0.3rem;
}

.layout-sidebar-large .main-header .header-part-right .user img {
   width: 36px;
   height: 36px;
   border-radius: 50%;
}

.layout-sidebar-large .main-header .notification-dropdown {
   padding: 0;
   max-height: 260px;
   cursor: pointer;
}

.layout-sidebar-large .main-header .notification-dropdown .dropdown-item .notification-icon {
   background: #eee;
   height: 100%;
   width: 44px;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: center;
}

.layout-sidebar-large .main-header .notification-dropdown .dropdown-item .notification-icon i {
   font-size: 18px;
}

.layout-sidebar-large .main-header .notification-dropdown .dropdown-item .notification-details {
   padding: 0.25rem 0.75rem;
}

.layout-sidebar-large .main-header .notification-dropdown .dropdown-item:active {
   color: inherit;
   background: inherit;
}

@media (max-width: 991px) {
   .layout-sidebar-large .main-header .search-bar {
      width: 180px;
   }
   .layout-sidebar-large .main-header .menu-toggle {
      width: 24px;
      margin-right: 36px;
   }
}

@media (max-width: 767px) {
   .layout-sidebar-large .main-header .search-bar {
      display: none;
   }
   .layout-sidebar-large .main-header .menu-toggle {
      width: 24px;
      margin-right: 36px;
   }
}

@media (max-width: 576px) {
   .layout-sidebar-large .main-header {
      height: 70px;
      padding: 0 1.5rem;
   }
   .layout-sidebar-large .main-header .logo .logo-sm {
      width: 48px;
      margin: 0;
      display: block;
   }
   .layout-sidebar-large .main-header .logo {
      width: 48px;
      margin-right: 7px;
      margin-left: 0;
   }
   .layout-sidebar-large .main-header .logo .logo-large {
      display: none;
   }
   .layout-sidebar-large .main-header .search-bar {
      display: none;
   }
   .layout-sidebar-large .main-header .menu-toggle {
      width: 60px;
   }
   .layout-sidebar-large .main-header .header-part-right .user {
      margin-right: 0;
      padding-right: 0;
   }
   .layout-sidebar-large .notification-dropdown {
      left: -0px !important;
   }
}

@media (max-width: 360px) {
   .layout-sidebar-large .main-header .menu-toggle {
      margin: 0;
   }
}

.app-admin-wrap {
   width: 100%;
}

.con-pd {
   padding: 2rem 2rem;
   margin-bottom: 50px;
}

.main-content-wrap {
   width: 100%;
   float: right;
   transition: all 0.24s ease-in-out;
   position: relative;
   min-height: calc(100vh - 80px);
   background: #fff;
}

.main-content-wrap.sidenav-open {
   width: calc(100% - 120px);
}

.layout-sidebar-large .sidebar-left-secondary,
.layout-sidebar-large .sidebar-left {
   position: fixed;
   top: 71px;
   height: calc(100vh - 70px);
   background: #fff;
   box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);
   border-radius: 0 2px 0 2px;
}

.layout-sidebar-large .sidebar-left {
   left: calc(-120px - 20px);
   z-index: 90;
   transition: all 0.24s ease-in-out;
}

.layout-sidebar-large .sidebar-left.open {
   left: 0;
}

.layout-sidebar-large .sidebar-left .logo {
   display: none;
}

.layout-sidebar-large .sidebar-left .navigation-left {
   list-style: none;
   text-align: center;
   width: 120px;
   height: 100%;
   margin: 0;
   padding: 0;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item {
   position: relative;
   display: block;
   width: 100%;
   color: #332e38;
   cursor: pointer;
   border-bottom: 1px solid #dee2e6;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item:focus,
.layout-sidebar-large .sidebar-left .navigation-left .nav-item:active {
   outline: none;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item.lvl1 {
   text-align: center;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active {
   color: #875aa9;
   transition: 0.5s ease-in-out;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .nav-item-hold {
   color: #875aa9;
   background: #ffffff;
   transition: 0.5s ease-in-out;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold {
   display: block;
   width: 100%;
   padding: 26px 0;
   color: #ffffff;
   background: #875aa9;
   transition: 0.5s ease-in-out;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold:focus,
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold:active {
   outline: none;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon,
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .feather {
   font-size: 30px;
   height: 32px;
   width: 32px;
   display: block;
   margin: 0 auto 6px;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text {
   font-size: 13px;
   display: block;
   font-weight: 500;
   letter-spacing: 0.5px;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold a {
   color: #332e38;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .triangle {
   position: absolute;
   width: 0;
   height: 0;
   right: 0;
   bottom: 0;
   border-style: solid;
   border-width: 0 0 30px 30px;
   border-color: transparent transparent #875aa9 transparent;
}

.layout-sidebar-large .sidebar-left-secondary {
   left: calc(-220px - 20px);
   z-index: 89;
   width: 220px;
   padding: 0.75rem 0;
   transition: all 0.3s ease-in-out;
   background: #875aa9;
   border-left: 1px solid #fff;
}

.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item:hover .nav-icon {
   background: rgb(145, 75, 179);
   box-shadow: 0 0 5px 2px rgb(131, 58, 168);
   transition: 0.2s ease-in-out;
   border: 2px solid rgb(189, 121, 221);
}

.layout-sidebar-large .sidebar-left-secondary .childNav li:hover {
   background: linear-gradient(45deg, #875aa9 35%, #a04fc6 65%);
   transition: 0.2s ease-in-out;
}

.layout-sidebar-large .sidebar-left-secondary.open {
   left: 120px;
}

.layout-sidebar-large .sidebar-left-secondary header {
   display: none;
}

.layout-sidebar-large .sidebar-left-secondary .childNav {
   list-style: none;
   padding: 0;
   display: none;
}

.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item {
   display: block;
   border: 2px solid rgb(255, 255, 255, 0.1);
   border-radius: 73px;
   margin: 12px 10px;
}

.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a {
   color: #fff;
   text-transform: capitalize;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   font-size: 13px;
   cursor: pointer;
   padding: 7px 0px;
   transition: 0.15s all ease-in;
   letter-spacing: 0.5px;
   position: relative;
}

.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .item-name {
   padding-left: 47px;
}

.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a.open {
   color: #663399;
}

.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .nav-icon {
   font-size: 17px;
   vertical-align: middle;
   color: #ffffff;
   position: absolute;
   background: #875aa9;
   width: 40px;
   height: 40px;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
   border: 2px solid rgb(255, 255, 255, 0.3);
   box-shadow: 0 0 0px 2px #875aa9;
   left: -2px;
}

.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .item-name {
   vertical-align: middle;
   font-weight: 400;
}

.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .dd-arrow {
   margin-left: auto;
   font-size: 11px;
   transition: all 0.3s ease-in;
}

.layout-sidebar-large .sidebar-left-secondary > .childNav {
   margin: 0;
}

.layout-sidebar-large .sidebar-left-secondary li.nav-item.open > div > a > .dd-arrow {
   transform: rotate(90deg);
}

.layout-sidebar-large .sidebar-left-secondary li.nav-item.open > div > .childNav {
   max-height: 1000px;
   overflow: visible;
}

.layout-sidebar-large .sidebar-left-secondary li.nav-item > div > a > .dd-arrow {
   transition: all 0.4s ease-in-out;
}

.layout-sidebar-large .sidebar-left-secondary li.nav-item > div > .childNav {
   max-height: 0;
   overflow: hidden;
   background: #fff;
   transition: all 0.4s ease-in-out;
}

.layout-sidebar-large .sidebar-left-secondary li.nav-item > div > .childNav li.nav-item a {
   padding: 12px 12px 12px 50px;
}

.layout-sidebar-large .sidebar-overlay {
   display: none;
   position: fixed;
   width: calc(100% - 120px - 220px);
   height: calc(100vh - 80px);
   bottom: 0;
   right: 0;
   background: rgba(0, 0, 0, 0);
   z-index: 101;
   cursor: w-resize;
}

.layout-sidebar-large .sidebar-overlay.open {
   display: block;
}

.module-loader {
   position: fixed;
   background: rgba(255, 255, 255, 0.5);
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   z-index: 9;
}

.module-loader .loader,
.module-loader .spinner {
   position: fixed;
   top: 45%;
   left: calc(50% + 56px);
   z-index: inherit;
}

[dir="rtl"] .layout-sidebar-large .sidebar-left {
   left: auto !important;
   right: calc(-120px - 20px);
}

[dir="rtl"] .layout-sidebar-large .sidebar-left.open {
   left: auto !important;
   right: 0;
}

[dir="rtl"] .layout-sidebar-large .sidebar-left .navigation-left .nav-item .triangle {
   transform: rotate(90deg);
   right: auto;
   left: 0;
}

[dir="rtl"] .layout-sidebar-large .sidebar-left-secondary {
   left: auto !important;
   right: calc(-220px - 20px);
}

[dir="rtl"] .layout-sidebar-large .sidebar-left-secondary.open {
   left: auto !important;
   right: 120px;
}

[dir="rtl"] .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .dd-arrow {
   margin-left: unset !important;
   margin-right: auto;
}

[dir="rtl"] .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .nav-icon {
   margin-left: 8px;
   margin-right: 0;
}

[dir="rtl"] .layout-sidebar-large .main-content-wrap {
   float: left;
}

[dir="rtl"] .layout-sidebar-large .sidebar-overlay {
   right: auto !important;
   left: 0;
   cursor: e-resize;
}

.app-admin-wrap {
   width: 100%;
}

.app-footer {
   background: #f5f5f5;
   padding: 15px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   text-align: center;
   font-size: 13px;
   left: 0;
   right: 0;
   bottom: 0;
   position: fixed;
}

.b-none_button {
   border: none;
}

.b-none_button {
   box-shadow: none !important;
}

.gull-input:focus {
   box-shadow: none !important;
}

.avatar-dropdown .user img {
   width: 100px;
   height: 36px;
   border-radius: 50%;
   cursor: pointer !important;
}

.cursor-pointer {
   cursor: pointer !important;
}

.gull-brand img {
   width: 60px;
   margin-right: 5px;
}

.gull-sidebar--width {
   width: 20px;
   margin-right: 15px;
}

.app-admin-wrap.sidebar-full.sidebar-closed .sidebar-panel {
   left: -240px;
}

.app-admin-wrap.sidebar-full.sidebar-closed .main-content-wrap {
   width: 100%;
}

.app-admin-wrap.sidebar-full .sidebar-panel {
   width: 240px;
   left: 0px;
}

.app-admin-wrap.sidebar-full .main-content-wrap {
   width: calc(100% - 240px);
   padding: 1rem 2rem 0rem;
}

.app-admin-wrap.sidebar-compact .sidebar-panel {
   width: 75px;
   left: 0;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .app-user,
.app-admin-wrap.sidebar-compact .sidebar-panel .icon-menu-title,
.app-admin-wrap.sidebar-compact .sidebar-panel .main-menu-title,
.app-admin-wrap.sidebar-compact .sidebar-panel .item-badge,
.app-admin-wrap.sidebar-compact .sidebar-panel .item-name {
   display: none;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .sidebar-compact-switch {
   display: none;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .icon-menu-item {
   flex-direction: column;
   padding: 0;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .icon-menu-item a {
   width: 100%;
   display: contents;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .icon-menu-item a i {
   padding: 5px;
   font-size: 28px;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .icon-menu-item a:hover {
   cursor: pointer;
   padding: 0px 10px;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .main-menu ul li a i {
   padding: 0;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .main-menu ul li a i a {
   width: 100%;
   display: contents;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .main-menu ul li a i a i {
   padding: 5px;
   font-size: 28px;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .main-menu ul li a i a:hover {
   cursor: pointer;
   padding: 0px 10px;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .main-menu ul li a .main-menu ul li a i {
   padding: 0;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .main-menu ul li a .main-menu .dropdown {
   display: none;
}

.app-admin-wrap.sidebar-compact .sidebar-panel .main-menu .dropdown {
   display: none;
}

.app-admin-wrap.sidebar-compact .main-content-wrap {
   width: calc(100% - 65px);
   padding: 1rem 2rem 0;
}

.app-admin-wrap.sidebar-compact .main-content-wrap .main-header {
   height: 64px;
}

.main-content-wrap.sidebar-full-z-index {
   width: calc(100% - 65px) !important;
   z-index: -100;
}

ul.metismenu {
   position: relative;
}

.Ul_li--hover::before {
   content: "";
   background-color: #663399;
   position: absolute;
   height: 36px;
   width: 225px;
   border-top-right-radius: 25px;
   border-bottom-right-radius: 25px;
   opacity: 0.1;
   left: -233px;
   transition: all 400ms ease;
}

.Ul_li--hover:hover::before {
   left: 0px;
   transition: all 300ms ease;
   z-index: -1;
}

.metismenu .has-arrow:after {
   right: 2em !important;
   opacity: 0.6 !important;
   width: 0.6em !important;
   height: 0.6em !important;
   border-width: 2px 0 0 2px !important;
}

.comp {
   position: absolute;
   top: 69px;
   right: -166px;
}

.header-toggle .mobile-menu-icon {
   display: none !important;
}

.has-arrow.without-after-element:after {
   content: none !important;
}

.sidebar-overlay {
   display: none;
}

@media only screen and (max-width: 1150px) {
   .sidebar-switch-open {
      left: 0px !important;
   }
   .app-admin-wrap.sidebar-full .sidebar-panel {
      left: -240px;
   }
   .header-toggle .mobile-menu-icon {
      display: block !important;
   }
   .switch-overlay {
      height: calc(100vh - 70px);
      display: block;
      position: fixed;
      width: calc(100% - 240px);
      height: calc(100vh - 5px);
      bottom: 0;
      right: 0;
      background: rgba(0, 0, 0, 0);
      z-index: 20000;
      cursor: w-resize;
   }
   .app-admin-wrap.sidebar-full .main-content-wrap {
      width: calc(100% - 0px);
   }
   .sidebar-compact-switch {
      display: none;
   }
}

@media only screen and (max-width: 530px) {
   .mobile-hide {
      display: none !important;
   }
}

.has-arrow.without-after-element:after {
   content: none !important;
}

[dir="rtl"] .Ul_li--hover::before {
   content: "";
   background-color: #663399;
   position: absolute;
   height: 36px;
   width: 225px;
   border-top-left-radius: 25px;
   border-bottom-left-radius: 25px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   opacity: 0.1;
   right: -233px;
   transition: all 400ms ease;
}

[dir="rtl"] .Ul_li--hover:hover::before {
   right: 0px;
   transition: all 300ms ease;
   z-index: -1;
}

[dir="rtl"] .metismenu .has-arrow:after {
   left: 2em !important;
   right: auto !important;
   opacity: 0.6 !important;
   width: 0.6em !important;
   height: 0.6em !important;
   border-width: 2px 0 0 2px !important;
}

[dir="rtl"] .comp {
   position: absolute;
   top: 69px;
   left: -166px;
}

[dir="rtl"] .app-admin-wrap.sidebar-full.sidebar-closed .sidebar-panel {
   right: -240px;
}

[dir="rtl"] .app-admin-wrap.sidebar-full.sidebar-closed .main-content-wrap {
   width: 100%;
}

[dir="rtl"] .app-admin-wrap.sidebar-full .sidebar-panel {
   width: 240px;
   right: 0px;
}

[dir="rtl"] .app-admin-wrap.sidebar-full .main-content-wrap {
   width: calc(100% - 240px);
   padding: 1rem 2rem 0rem;
}

[dir="rtl"] .app-admin-wrap.sidebar-compact .sidebar-panel {
   width: 75px;
   right: 0;
}

[dir="rtl"] .app-admin-wrap.sidebar-compact .sidebar-panel .app-user,
[dir="rtl"] .app-admin-wrap.sidebar-compact .sidebar-panel .icon-menu-title,
[dir="rtl"] .app-admin-wrap.sidebar-compact .sidebar-panel .main-menu-title,
[dir="rtl"] .app-admin-wrap.sidebar-compact .sidebar-panel .item-badge,
[dir="rtl"] .app-admin-wrap.sidebar-compact .sidebar-panel .item-name {
   display: none;
}

.sidebar-panel,
.main-content-wrap,
.main-header {
   transition: all 0.2s ease-in;
}

.main-content-wrap {
   width: 100%;
   min-height: 100vh;
   float: right;
}

.main-content-wrap .main-content-body {
   padding: 0.66rem;
}

.app-admin-wrap.sidebar-compact-onhover .sidebar-compact-switch {
   background: #663399;
}

.app-admin-wrap.sidebar-compact-onhover .sidebar-compact-switch span {
   left: 14px;
   background: #fff;
}

.bg-off-white {
   background-color: #f9f9f9;
}

.sidebar-left-secondary .childNav li.nav-item.open > a {
   background: #eee;
}

.sidebar-left-secondary .childNav li.nav-item.open > a > .dd-arrow {
   transform: rotate(90deg);
}

.sidebar-left-secondary .childNav li.nav-item.open > .submenu {
   max-height: 1000px;
}

.sidebar-left-secondary .childNav li.nav-item .submenu {
   margin: 0;
   padding: 0;
   list-style: none;
   max-height: 0;
   overflow: hidden;
   transition: all 0.3s ease-in;
}

.sidebar-left-secondary .childNav li.nav-item .submenu > li a {
   padding-left: 50px;
}

[dir="rtl"] .notification-dropdown .dropdown-item .notification-details {
   text-align: right;
}

[dir="rtl"] .main-header .user {
   margin-left: 2rem;
   margin-right: 0;
}

.active-color {
   height: 40px;
   padding: 0 12px 0 24px;
   border-radius: 0 35px 35px 0;
   margin-right: 16px;
   background-color: #663399;
   color: #fff !important;
}

[role="tab"] .btn {
   width: 100%;
   text-align: left;
}

[role="tab"] .btn:hover,
[role="tab"] .btn:focus {
   text-decoration: none;
}

.nav-tabs {
   border: 0;
}

.nav-tabs .nav-item .nav-link {
   border: 0;
   padding: 1rem;
}

.nav-tabs .nav-item .nav-link:not(.disabled) {
   color: inherit;
}

.nav-tabs .nav-item .nav-link.active {
   border-bottom: 2px solid #663399;
   background: rgba(102, 51, 153, 0.1);
}

.nav-tabs .nav-item .dropdown-toggle:after {
   position: absolute;
   top: calc(50% - 2px);
   right: 6px !important;
}

.tab-content {
   padding: 1rem;
}

ngb-tabset.p-0 .tab-content {
   padding: 1rem 0;
}

.dropdown-toggle {
   position: relative;
}

.dropdown-toggle.btn {
   padding-right: 28px;
}

.dropdown-toggle::after {
   position: absolute;
   top: calc(50% - 2px);
   right: 10px !important;
}

.dropdown-menu {
   border: 0;
   box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.08);
}

.dropdown-item {
   padding: 0.42rem 1.5rem;
   font-size: 13px;
}

.menu-icon-grid {
   width: 220px;
   padding: 0 8px;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.menu-icon-grid > a {
   display: inline-flex;
   width: 6rem;
   flex-direction: column;
   align-items: center;
   padding: 18px 12px;
   color: #52495a;
   border-radius: 4px;
}

.menu-icon-grid > a i {
   font-size: 27px;
   margin-bottom: 4px;
}

.menu-icon-grid > a:hover {
   background: #663399;
   color: #fff;
}

.mega-menu {
   position: static;
}

.mega-menu .dropdown-menu {
   left: auto;
   right: 0;
   width: calc(100% - 120px);
   max-width: 1200px;
   padding: 0;
   overflow: hidden;
   max-height: calc(100vh - 100px);
   overflow-y: scroll;
}

.mega-menu .dropdown-menu .bg-img {
   background: linear-gradient(to right, #663399, #003473);
}

.mega-menu .dropdown-menu .bg-img,
.mega-menu .dropdown-menu .bg-img .title {
   color: #ffffff;
}

.mega-menu .dropdown-menu ul.links {
   list-style: none;
   margin: 0;
   padding: 0;
   column-count: 2;
}

.mega-menu .dropdown-menu ul.links li a {
   display: inline-block;
   margin-bottom: 8px;
   color: #70657b;
}

.mega-menu .dropdown-menu ul.links li a:hover {
   color: #663399;
}

.widget_dropdown .dropdown-menu {
   left: auto !important;
   right: 2px !important;
}

@media (max-width: 767px) {
   .mega-menu .dropdown-menu {
      width: calc(100% - 10px);
   }
}

[dir="rtl"] .mega-menu .dropdown-menu {
   left: 0 !important;
   right: 0 !important;
   margin: auto !important;
}

.nav-tabs {
   border-bottom: 1px solid #663399;
}

.nav-tabs .nav-item .nav-link.active {
   border: 1px solid transparent;
   background: rgba(102, 51, 153, 0.1);
   border-color: #663399 #663399 #fff;
}

.dropdown-toggle:after {
   display: inline-block;
   width: 0;
   height: 0;
   right: 5px;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid;
   border-right: 0.3em solid transparent;
   border-bottom: 0;
   border-left: 0.3em solid transparent;
}

#calendar {
   float: right;
   width: 100%;
}

#external-events h4 {
   font-size: 15px;
   margin-top: 0;
   padding-top: 1em;
}

#external-events .fc-event {
   margin: 2px 0;
   cursor: move;
}

.create_event_wrap p {
   margin: 1.5em 0;
   font-size: 11px;
   color: #666;
}

.create_event_wrap p input {
   margin: 0;
   vertical-align: middle;
}

.fc-event {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 1.3;
   border-radius: 3px;
   border: 0px solid #663399 !important;
}

a.fc-day-grid-event {
   background: #663399;
   padding: 5px;
}

th.fc-day-header {
   border-bottom-width: 2px;
   padding: 10px 0px;
   display: table-cell;
   background: #f5f5f5;
   font-size: 15px;
   font-weight: bold;
   text-align: center;
}

td.fc-head-container {
   padding: 0px !important;
}

.fc-toolbar h2 {
   margin: 0;
   font-weight: bold;
}

span.fa {
   font-family: "iconsmind" !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
}

span.fa.fa-chevron-left:before {
   content: "\f077";
}

span.fa.fa-chevron-right:before {
   content: "\f07d";
}

.main-header .menu-toggle div {
   width: 24px;
   height: 1px;
   background: #47404f;
   margin: 3px 0;
}

.main-header .show .header-icon {
   background: #b85bf65e;
}

.main-header .header-icon {
   font-size: 19px;
   cursor: pointer;
   height: 36px;
   width: 36px;
   line-height: 36px;
   display: inline-block;
   text-align: center;
   border-radius: 8px;
   margin: 0 2px;
}

.main-header .header-icon.dropdown-toggle:after {
   display: none;
}

.main-header .header-part-right {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.main-header .header-part-right .user {
   margin-right: 2rem;
}

.main-header .header-part-right .user img {
   width: 36px;
   height: 36px;
   border-radius: 50%;
   cursor: pointer;
}

.main-header .notification-dropdown .dropdown-item .notification-icon {
   background: #eee;
   height: 100%;
   width: 44px;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: center;
}

.main-header .notification-dropdown .dropdown-item .notification-icon i {
   font-size: 17px;
}

.main-header .notification-dropdown .dropdown-item .notification-details {
   padding: 0.25rem 0.75rem;
}

.main-header .notification-dropdown .dropdown-item:active {
   color: inherit;
   background: inherit;
}

@media (max-width: 991px) {
   .main-header .search-bar {
      width: 180px;
   }
   .main-header .menu-toggle {
      width: 24px;
      margin-right: 36px;
   }
}

@media (max-width: 615px) {
   .main-header .header-part-right .user {
      margin-right: 0rem;
   }
}

@media (max-width: 580px) {
   .main-header {
      height: 70px;
      padding: 0 1.5rem;
   }
   .main-header .logo {
      width: 60px;
   }
   .main-header .search-bar {
      display: none;
   }
   .main-header .menu-toggle {
      width: 60px;
   }
   .main-header .header-part-right .user {
      margin-right: 0;
      padding-right: 0;
   }
   .notification-dropdown {
      left: 10px !important;
   }
}

@media (max-width: 360px) {
   .main-header .menu-toggle {
      margin: 0;
   }
}

@media all and (max-width: 330px) {
   .topnav ul li {
      display: block;
      width: 94%;
   }
}

[dir="rtl"] .topnav a .mat-icon,
[dir="rtl"] .topnav label .mat-icon {
   margin-right: 0;
   margin-left: 2px;
}

.custom-separator {
   border-bottom: 1px dashed #ebedf2;
   margin: 15px 0;
}

div.tab-border {
   border: 1px dashed #ebedf2 !important;
   margin: 30px 0 !important;
}

/*  shakti style*/

.main-content.con-pd {
   background: #fefeff;
}

.table-card {
   position: relative;
   margin-bottom: 1.5rem;
   width: 100%;
   border-radius: 12px;
}

.table-card {
   position: relative;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   box-shadow: 0 16px 26px 0 rgb(239, 239, 255, 0.7);
}

.card-info {
   font-size: 17px;
   font-weight: 500;
   letter-spacing: 0.2px;
}
.card-header {
   padding: 0.75rem 1.25rem;
   margin-bottom: 20px;
   background-color: rgba(0, 0, 0, 0.03);
   border-bottom: none;
}
.badge-success {
   color: #fff;
   background-color: #24e271 !important;
}

.badge {
   display: inline-block;
   padding: 0.35em 0.5em;
   font-weight: 700;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25rem;
}

.badge-danger {
   background-color: #f5365c !important;
   color: #fff;
}

.menu-toggle .ti-align-left {
   font-size: 21px;
   color: #fff;
}

.internal-info input.invalid {
   background-color: #ffdddd;
}

.internal-info .tab {
   display: none;
}

.internal-info .step {
   /* height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbbbbb;
border: none;
border-radius: 50%;
display: inline-block;
opacity: 0.5; */
}

.internal-info .step.active {
   opacity: 1;
}

.internal-info .step.finish {
   /* background-color: #4CAF50; */
}

#msform {
   text-align: center;
   position: relative;
   margin-top: 20px;
}

.txt-info h2 {
   font-size: 28px;
   line-height: 35px;
   margin-bottom: 7px;
   font-weight: 600;
   color: #5e5e98;
}

.txt-info {
   transform: translateY(30%);
}

.top-sec-info {
   background: #aec5bf;
   margin-top: 1px;
   min-height: 200px;
}

#msform fieldset .form-card,
.tab fieldset .form-card {
   border-radius: 0px;
   box-sizing: border-box;
   width: 100%;
   position: relative;
   border-bottom: 2px solid rgba(193, 193, 193, 0.1);
   padding: 30px 0 30px 20px;
}

#msform fieldset {
   box-sizing: border-box;
   width: 100%;
   position: relative;
}

#msform fieldset:not(:first-of-type) {
   display: none;
}

#msform fieldset .form-card {
   text-align: left;
   color: #9e9e9e;
}

.card-deatail {
   z-index: 0;
   border: none;
   position: relative;
   border-left: 2px solid rgba(193, 193, 193, 0.1);
}

.fs-title {
   font-size: 15px;
   color: #2c3e50;
   font-weight: 500;
   text-align: left;
   white-space: nowrap;
}

#progressbar {
   padding-bottom: 50px;
   overflow: hidden;
   color: lightgrey;
}

#progressbar .active {
   color: #000000;
}

#progressbar li {
   list-style-type: none;
   font-size: 12px;
   float: left;
   position: relative;
   padding: 0px;
   color: #585858;
   width: 100%;
}

.prog-info {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   justify-content: space-between;
   border-bottom: 2px solid rgba(193, 193, 193, 0.1);
   margin-bottom: 0;
   padding-left: 15px;
   width: 100%;
}
#progressbar #name:before {
   font-family: FontAwesome;
   content: "\f007";
}

#progressbar #type:before {
   font-family: FontAwesome;
   content: "\f0f6";
}

#progressbar #list:before {
   font-family: FontAwesome;
   content: "\f022";
}

#progressbar #CSV:before {
   font-family: FontAwesome;
   content: "\f1c1";
}

#progressbar #question:before {
   font-family: FontAwesome;
   content: "\f128";
}

#progressbar #submit:before {
   font-family: FontAwesome;
   content: "\f00c";
}

#progressbar li:before {
   width: 35px;
   height: 35px;
   line-height: 33px;
   display: block;
   font-size: 15px;
   color: #ffffff;
   background: #8888b8;
   border-radius: 50%;
   margin: 6px auto 4px auto;
   text-align: center;
   padding: 2px;
}

#progressbar li:after {
   content: "";
   width: 100%;
   height: 2px;
   background: lightgray;
   position: absolute;
   left: 0;
   top: 25px;
   z-index: -1;
}

#progressbar li.active:before,
#progressbar li.active:after {
   background: #721da0;
}

.fit-image {
   width: 100%;
   object-fit: cover;
   max-width: 120px;
}

.lable-tag {
   border: none;
   padding: 5px 9px;
   border-radius: 2px;
}

.btn-purple {
   color: #fff;
   background-color: #875aa9 !important;
   border-color: #875aa9 !important;
}

.bg-gradient-primary {
   background: linear-gradient(230deg, #759bff, #843cf6);
}

.bg-gradient-danger {
   background: linear-gradient(316deg, #fc5286, #fbaaa2);
}

.bg-gradient-warning {
   background: linear-gradient(135deg, #ffc480, #ff763b);
}

.rating-result {
   margin-bottom: 30px;
}

.display-4.wfh_text {
   color: #fff;
}

.internal-info {
   /* background: url(../images/rating-star.jpg);*/
   background-repeat: no-repeat;
   background-size: cover;
   min-height: 100%;
   width: 100%;
   clear: both;
   position: relative;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   background-position: bottom center;
   object-fit: cover;
   min-height: 100vh;
}

.internal-info:before {
   background: rgb(252, 246, 255, 0.95);
   width: 100%;
   height: 100%;
   position: absolute;
   content: "";
   left: 0;
   right: 0;
   top: 0;
}

.bg-light-purple {
   background-color: #a04fc6 !important;
   padding: 3px;
   margin-bottom: 15px;
   border-radius: 5px;
}

.btn-purple:hover {
   color: #fff;
}

p.check-label {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   justify-content: space-between;
}

span.align-label {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.ad-ques-info {
   background: #fbf3fc;
   padding: 15px;
   margin-bottom: 15px;
   border-radius: 6px;
   box-shadow: 0 0 2px 0 #adadea;
   padding-bottom: 1px;
}

.alert-massage {
   padding: 50px 0;
   color: #5e5e98;
   font-weight: 600;
}

.pre-next-btn {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   justify-content: flex-end;
   margin-top: 15px;
}

.submit-data {
   color: #9e9e9e;
}

.upload-csv-btn {
   font-size: 13px;
   padding: 5px 10px !important;
   background: #8888b8;
   border-color: #8888b8 !important;
   letter-spacing: 0.7px;
   color: #fff;
   border-radius: 3px;
   border: 1px solid;
   box-shadow: 0 0 3px 0 #8888b8;
}

.add-more-btn {
   font-size: 13px;
   padding: 3px 7px !important;
   background: #8888b8;
   border-color: #8888b8 !important;
   letter-spacing: 0.7px;
   color: #fff;
   border-radius: 3px;
   border: 1px solid;
   box-shadow: 0 0 3px 0 #8888b8;
}

.img-uplod {
   background: #e6daf8;
   padding: 7px 6px;
   border-radius: 1px;
   display: block;
   width: 100%;
}

#_checkbox {
   display: none;
}

.lable-tag-info {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   align-items: center;
   border-bottom: 1px solid #eee;
}

.lable-tag-check {
   margin-right: 15px;
   margin-left: 15px;
}

.lable-tag-check label {
   width: 23px;
   height: 23px;
   margin: 0 auto;
   transform: translateY(0%);
   border-radius: 3px;
   box-shadow: 0 1px 3px #393768;
   cursor: pointer;
   transition: 0.2s ease transform, 0.2s ease background-color, 0.2s ease box-shadow;
   overflow: hidden;
   z-index: 1;
   border: 2px solid #393768;
   background: #fff;
}

.lable-tag-check label:before {
   content: url(https://alfaforex.support/r/copy.png);
   position: absolute;
   top: 50%;
   right: 0;
   left: 0;
   width: 23px;
   height: 23px;
   margin: auto;
   transform: translateY(-50%);
   transition: 0.2s ease width, 0.2s ease height;
}

.lable-tag-check label:active {
   transform: translateY(-50%) scale(0.9);
}

#tick_mark {
   position: absolute;
   top: -11px;
   right: 0;
   left: -3px;
   width: 27px;
   height: 22px;
   margin: 0 auto;
   margin-left: -2px;
   transform: rotateZ(-47deg);
}

#tick_mark:before,
#tick_mark:after {
   content: "";
   position: absolute;
   background-color: #fff;
   border-radius: 2px;
   opacity: 0;
   transition: 0.2s ease transform, 0.2s ease opacity;
}

#tick_mark::before {
   left: 0;
   bottom: 0;
   width: 4px;
   height: 10px;
   box-shadow: -2px 0 5px rgba(0, 0, 0, 0.23);
   transform: translateY(-68px);
}

#tick_mark::after {
   left: 0;
   bottom: 0;
   width: 62%;
   height: 4px;
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.23);
   transform: translateX(78px);
}

#_checkbox:checked + label {
   background-color: #393768;
   box-shadow: 0 1px 3px #393768;
}

#_checkbox:checked + label:before {
   width: 0;
   height: 0;
}

#_checkbox:checked + label #tick_mark:before,
#_checkbox:checked + label #tick_mark:after {
   transform: translate(0);
   opacity: 1;
}

.down-file a {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   font-size: 13px;
   color: #393768;
   font-weight: 600;
   align-items: center;
   margin-top: 10px;
}

.down-file a i {
   margin-right: 8px;
}

.que-dea-info {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   justify-content: flex-start;
}

.que-dea-info a {
   padding: 5px 10px;
   background: #685e98;
   margin: 10px 8px 0px 8px;
   border-radius: 3px;
   color: #fff;
   font-size: 13px;
   font-weight: 400;
   letter-spacing: 0.1px;
   background-color: #5e5e98;
   box-shadow: 0 0 2px #b7b7b7;
}

.save-change {
   max-width: 150px;
}

.text-hea {
   font-weight: 600;
   text-transform: capitalize;
   font-size: 23px;
   color: #111111;
   line-height: 36px;
}

.tex-p {
   font-weight: 500;
   font-size: 13px;
   color: #111111;
   line-height: 26px;
}

.modal-popup {
   max-width: 700px !important;
}

.btn-gre {
   color: #fff;
   background-color: #997364;
   border-color: #997364;
}

.form-info {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   justify-content: space-around;
}

.form-infos {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   justify-content: space-around;
}
.btn-gre:hover {
   color: #fff;
   background-color: #997364;
   border-color: #997364;
}
button.backward,
button.forward,
button.submit {
   border: none;
   color: #fff;
   transition: background 0.5s ease;
   -moz-transition: background 0.5s ease;
   -webkit-transition: background 0.5s ease;
   -o-transition: background 0.5s ease;
   display: inline-block;
   min-width: 110px;
   background: #409fff;
   position: relative;
   font-size: 14px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   line-height: 1;
   padding: 10px 20px;
   outline: none;
}
button.backward {
   color: #333;
   background: #e8e8e8;
}
.backward:hover,
.forward:hover {
   background: #0073e5;
   color: #fff;
}
button.forward::after,
button.submit::after {
   font-family: "FontAwesome";
   content: "\f105";
   display: inline-block;
   margin-left: 7px;
   vertical-align: top;
   font-weight: 900;
}
button.backward::before {
   font-family: "FontAwesome";
   content: "\f104";
   display: inline-block;
   margin-right: 7px;
   vertical-align: top;
   font-weight: 900;
}
button.submit::after {
   font-family: "FontAwesome";
   content: "\f00c";
   display: inline-block;
   margin-left: 7px;
   vertical-align: top;
   font-weight: 900;
}
#viewQuestionContent table td {
   word-break: break-all;
}
.w-20 {
   width: 17%;
   display: block;
}
.pd-lr {
   padding: 10px !important;
   padding-right: 0 !important;
}

.user-rad-btn {
   display: block;
   position: relative;
   padding-left: 35px;
   cursor: pointer;
   font-size: 13px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   margin-right: 30px;
}
.user-rad-btn input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
}

.checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 22px;
   width: 22px;
   background-color: #c4c2c2;
   border-radius: 50%;
}

.user-rad-btn:hover input ~ .checkmark {
   background-color: #ccc;
}

.user-rad-btn input:checked ~ .checkmark {
   background-color: #2196f3;
}

.checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

.user-rad-btn input:checked ~ .checkmark:after {
   display: block;
}

.user-rad-btn .checkmark::after {
   top: 7px;
   left: 7px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: white;
}
.choice-info {
   display: flex;
   margin-bottom: 20px;
}
.choicebyuser {
   background: #f1f1f2;
   padding: 25px 20px 30px 20px;
   border-radius: 5px;
}
.dis-play {
   display: flex;
   justify-content: space-between;
}
.m-0-b {
   margin-bottom: 0;
}

.front-demo-img {
   margin-top: 5px;
   width: 30px;
   height: 30px;
   cursor: pointer;
   border: 2px solid #fff;
}

/*==dashboard==*/
.sursta-info {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}
.rigt-pro {
   width: 80%;
   float: right;
   height: 8px !important;
}
.survey-name {
   width: 20%;
   display: block;
   float: left;
}
.active-uset-info {
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   margin-bottom: 12px;
   border-bottom: 1px solid #f4f3f3;
   padding-bottom: 12px;
}

.active-uset-info:last-child {
   border: none;
   padding-bottom: 0;
   margin-bottom: 0;
}
.active-user {
   border-radius: 100%;
   margin-right: 20px;
   width: 2.7rem;
   height: 2.7rem;
   display: block;
   max-width: 100%;
}
.act-usrname p {
   margin: 0;
}
.user-nm {
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
}
.use-las {
   color: #666;
   font-weight: 400;
   padding-left: 10px;
   text-transform: capitalize;
   font-size: 14px;
}
.user-date {
   font-size: 14px;
   color: #666;
}
.winner-info {
   display: flex;
   justify-content: space-evenly;
   align-content: center;
   margin-bottom: 15px;
   border-bottom: 1px solid #eee;
   padding-bottom: 15px;
}

.winner-info span {
   font-size: 17px;
   line-height: 26px;
   letter-spacing: 0.2px;
}
.bg-gr {
   background: #f4f4f4;
}
.detail-rep {
   text-align: center;
   margin-top: 20px;
   margin-bottom: 20px;
}
.detail-rep h5 {
   font-size: 15px;
   font-weight: normal;
   margin-bottom: 10px;
}
.detail-rep p {
   font-size: 18px;
   font-weight: 500;
   color: #0056b3;
}
.min-ht-1 {
   min-height: 338px;
}
.min-ht-2 {
   min-height: 567px; /*567px*/
}
.min-ht-3 {
   min-height: 380px;
}
.over-hidden {
   overflow-y: scroll;
   max-height: 365px;
}

.max-heg {
   overflow-y: scroll;
   max-height: 333px !important;
}
.done-feed {
   font-size: 15px;
   letter-spacing: 0.1px;
   display: block;
   font-weight: 500;
   text-transform: uppercase;
   margin-bottom: 4px;
   color: #7c18ac;
}

.fill-answer {
   padding: 15px 0;
   margin-bottom: 15px;
   background: #fcfcfc;
   border-radius: 4px;
   padding: 20px 15px 20px 15px;
}
.ques-info {
   margin-bottom: 30px;
   text-transform: uppercase;
   margin-top: 15px;
   color: #8838ae;
}
.select-user-fil {
   margin-bottom: 30px;
}
.fill-info {
   font-size: 14px;
   line-height: 24px;
   color: #443b3b;
   letter-spacing: 0.3px;
}
.ques-report-info {
   padding: 20px;
   background: rgba(0, 0, 0, 0.03);
   margin-bottom: 30px;
   border-radius: 3px;
}

.inp-upl {
   width: 84%;
   display: block;
   float: left;
   margin-right: 5px;
}
.img-uplo {
   float: right;
   width: 100%;
   max-width: 80px;
   margin-top: 02px;
   height: 44px;
   border: 1px solid #d2d2d2;
   box-shadow: 0 0 6px 1px #32303040;
}
.genrel-sett {
   margin-bottom: 25px;
   display: inline-block;
   width: 100%;
}
.Save-btn {
   text-align: right;
}
.message.success {
   padding-left: 16px;
   padding-bottom: 20px;
   color: green;
   font-size: 16px;
}
.message.error {
   padding-left: 16px;
   padding-bottom: 20px;
   color: red;
   font-size: 16px;
}
.general-setting {
   background: #f7f7f7;
   padding: 30px 20px;
   border-radius: 4px;
   box-shadow: 0 0 2px 0 #eee;
}
.img-wid {
   display: block;
   white-space: nowrap;
   text-align: right;
}

.hubspot-detail {
   display: flex;
   justify-content: center;
   align-items: flex-end;
   align-self: center;
   margin-top: 15px;
   margin-bottom: 20px;
   border-bottom: 2px solid #f4f4f4;
   padding-bottom: 20px;
}

.hubspot-detail h5 {
   text-transform: capitalize;
   margin-right: 16px;
}
.hubspot-detail img {
   max-width: 100%;
   height: auto;
   cursor: pointer;
}

.pagnation-info {
   border: 1px solid #f0eeee;
   background: #f5f6f8;
}

.pagnation-info li {
   padding: 6px 7px;
   font-size: 14px;
}

.pagnation-info .active {
   pointer-events: none;
}
.pagnation-info .active a {
   pointer-events: none;
   color: #9d9d9d;
}
.pagnation-info li a {
   letter-spacing: 0.5px;
}
.total_record_left {
   border: 1px solid #f0eeee;
   background: #f5f6f8;
   padding: 10px 20px;
   border-radius: 4px;
   font-size: 14px;
   letter-spacing: 0.5px;
}
.pagnation-info .first {
   padding-left: 14px !important;
}
.pagnation-info .last {
   padding-right: 14px !important;
}
.bg-primary {
   background-color: #875aa9 !important;
}