@charset "UTF-8";
/* feather icons start */

@font-face {
  font-family: "feather";
  src: url("../../globals/fonts/feather6cfa.eot?t=1501841394106");
  /* IE9*/
  src:
    url("../../globals/fonts/feather6cfa.eot?t=1501841394106#iefix")
      format("embedded-opentype"),
    url("../../globals/fonts/feather6cfa.woff?t=1501841394106") format("woff"),
    url("../../globals/fonts/feather6cfa.ttf?t=1501841394106")
      format("truetype"),
    url("../../globals/fonts/feather6cfa.svg?t=1501841394106#feather")
      format("svg");
  /* iOS 4.1- */
}

.feather {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-alert-octagon:before {
  content: "\e81b";
}

.icon-alert-circle:before {
  content: "\e81c";
}

.icon-activity:before {
  content: "\e81d";
}

.icon-alert-triangle:before {
  content: "\e81e";
}

.icon-align-center:before {
  content: "\e81f";
}

.icon-airplay:before {
  content: "\e820";
}

.icon-align-justify:before {
  content: "\e821";
}

.icon-align-left:before {
  content: "\e822";
}

.icon-align-right:before {
  content: "\e823";
}

.icon-arrow-down-left:before {
  content: "\e824";
}

.icon-arrow-down-right:before {
  content: "\e825";
}

.icon-anchor:before {
  content: "\e826";
}

.icon-aperture:before {
  content: "\e827";
}

.icon-arrow-left:before {
  content: "\e828";
}

.icon-arrow-right:before {
  content: "\e829";
}

.icon-arrow-down:before {
  content: "\e82a";
}

.icon-arrow-up-left:before {
  content: "\e82b";
}

.icon-arrow-up-right:before {
  content: "\e82c";
}

.icon-arrow-up:before {
  content: "\e82d";
}

.icon-award:before {
  content: "\e82e";
}

.icon-bar-chart:before {
  content: "\e82f";
}

.icon-at-sign:before {
  content: "\e830";
}

.icon-bar-chart-2:before {
  content: "\e831";
}

.icon-battery-charging:before {
  content: "\e832";
}

.icon-bell-off:before {
  content: "\e833";
}

.icon-battery:before {
  content: "\e834";
}

.icon-bluetooth:before {
  content: "\e835";
}

.icon-bell:before {
  content: "\e836";
}

.icon-book:before {
  content: "\e837";
}

.icon-briefcase:before {
  content: "\e838";
}

.icon-camera-off:before {
  content: "\e839";
}

.icon-calendar:before {
  content: "\e83a";
}

.icon-bookmark:before {
  content: "\e83b";
}

.icon-box:before {
  content: "\e83c";
}

.icon-camera:before {
  content: "\e83d";
}

.icon-check-circle:before {
  content: "\e83e";
}

.icon-check:before {
  content: "\e83f";
}

.icon-check-square:before {
  content: "\e840";
}

.icon-cast:before {
  content: "\e841";
}

.icon-chevron-down:before {
  content: "\e842";
}

.icon-chevron-left:before {
  content: "\e843";
}

.icon-chevron-right:before {
  content: "\e844";
}

.icon-chevron-up:before {
  content: "\e845";
}

.icon-chevrons-down:before {
  content: "\e846";
}

.icon-chevrons-right:before {
  content: "\e847";
}

.icon-chevrons-up:before {
  content: "\e848";
}

.icon-chevrons-left:before {
  content: "\e849";
}

.icon-circle:before {
  content: "\e84a";
}

.icon-clipboard:before {
  content: "\e84b";
}

.icon-chrome:before {
  content: "\e84c";
}

.icon-clock:before {
  content: "\e84d";
}

.icon-cloud-lightning:before {
  content: "\e84e";
}

.icon-cloud-drizzle:before {
  content: "\e84f";
}

.icon-cloud-rain:before {
  content: "\e850";
}

.icon-cloud-off:before {
  content: "\e851";
}

.icon-codepen:before {
  content: "\e852";
}

.icon-cloud-snow:before {
  content: "\e853";
}

.icon-compass:before {
  content: "\e854";
}

.icon-copy:before {
  content: "\e855";
}

.icon-corner-down-right:before {
  content: "\e856";
}

.icon-corner-down-left:before {
  content: "\e857";
}

.icon-corner-left-down:before {
  content: "\e858";
}

.icon-corner-left-up:before {
  content: "\e859";
}

.icon-corner-up-left:before {
  content: "\e85a";
}

.icon-corner-up-right:before {
  content: "\e85b";
}

.icon-corner-right-down:before {
  content: "\e85c";
}

.icon-corner-right-up:before {
  content: "\e85d";
}

.icon-cpu:before {
  content: "\e85e";
}

.icon-credit-card:before {
  content: "\e85f";
}

.icon-crosshair:before {
  content: "\e860";
}

.icon-disc:before {
  content: "\e861";
}

.icon-delete:before {
  content: "\e862";
}

.icon-download-cloud:before {
  content: "\e863";
}

.icon-download:before {
  content: "\e864";
}

.icon-droplet:before {
  content: "\e865";
}

.icon-edit-2:before {
  content: "\e866";
}

.icon-edit:before {
  content: "\e867";
}

.icon-edit-1:before {
  content: "\e868";
}

.icon-external-link:before {
  content: "\e869";
}

.icon-eye:before {
  content: "\e86a";
}

.icon-feather:before {
  content: "\e86b";
}

.icon-facebook:before {
  content: "\e86c";
}

.icon-file-minus:before {
  content: "\e86d";
}

.icon-eye-off:before {
  content: "\e86e";
}

.icon-fast-forward:before {
  content: "\e86f";
}

.icon-file-text:before {
  content: "\e870";
}

.icon-film:before {
  content: "\e871";
}

.icon-file:before {
  content: "\e872";
}

.icon-file-plus:before {
  content: "\e873";
}

.icon-folder:before {
  content: "\e874";
}

.icon-filter:before {
  content: "\e875";
}

.icon-flag:before {
  content: "\e876";
}

.icon-globe:before {
  content: "\e877";
}

.icon-grid:before {
  content: "\e878";
}

.icon-heart:before {
  content: "\e879";
}

.icon-home:before {
  content: "\e87a";
}

.icon-github:before {
  content: "\e87b";
}

.icon-image:before {
  content: "\e87c";
}

.icon-inbox:before {
  content: "\e87d";
}

.icon-layers:before {
  content: "\e87e";
}

.icon-info:before {
  content: "\e87f";
}

.icon-instagram:before {
  content: "\e880";
}

.icon-layout:before {
  content: "\e881";
}

.icon-link-2:before {
  content: "\e882";
}

.icon-life-buoy:before {
  content: "\e883";
}

.icon-link:before {
  content: "\e884";
}

.icon-log-in:before {
  content: "\e885";
}

.icon-list:before {
  content: "\e886";
}

.icon-lock:before {
  content: "\e887";
}

.icon-log-out:before {
  content: "\e888";
}

.icon-loader:before {
  content: "\e889";
}

.icon-mail:before {
  content: "\e88a";
}

.icon-maximize-2:before {
  content: "\e88b";
}

.icon-map:before {
  content: "\e88c";
}

.icon-map-pin:before {
  content: "\e88e";
}

.icon-menu:before {
  content: "\e88f";
}

.icon-message-circle:before {
  content: "\e890";
}

.icon-message-square:before {
  content: "\e891";
}

.icon-minimize-2:before {
  content: "\e892";
}

.icon-mic-off:before {
  content: "\e893";
}

.icon-minus-circle:before {
  content: "\e894";
}

.icon-mic:before {
  content: "\e895";
}

.icon-minus-square:before {
  content: "\e896";
}

.icon-minus:before {
  content: "\e897";
}

.icon-moon:before {
  content: "\e898";
}

.icon-monitor:before {
  content: "\e899";
}

.icon-more-vertical:before {
  content: "\e89a";
}

.icon-more-horizontal:before {
  content: "\e89b";
}

.icon-move:before {
  content: "\e89c";
}

.icon-music:before {
  content: "\e89d";
}

.icon-navigation-2:before {
  content: "\e89e";
}

.icon-navigation:before {
  content: "\e89f";
}

.icon-octagon:before {
  content: "\e8a0";
}

.icon-package:before {
  content: "\e8a1";
}

.icon-pause-circle:before {
  content: "\e8a2";
}

.icon-pause:before {
  content: "\e8a3";
}

.icon-percent:before {
  content: "\e8a4";
}

.icon-phone-call:before {
  content: "\e8a5";
}

.icon-phone-forwarded:before {
  content: "\e8a6";
}

.icon-phone-missed:before {
  content: "\e8a7";
}

.icon-phone-off:before {
  content: "\e8a8";
}

.icon-phone-incoming:before {
  content: "\e8a9";
}

.icon-phone:before {
  content: "\e8aa";
}

.icon-phone-outgoing:before {
  content: "\e8ab";
}

.icon-pie-chart:before {
  content: "\e8ac";
}

.icon-play-circle:before {
  content: "\e8ad";
}

.icon-play:before {
  content: "\e8ae";
}

.icon-plus-square:before {
  content: "\e8af";
}

.icon-plus-circle:before {
  content: "\e8b0";
}

.icon-plus:before {
  content: "\e8b1";
}

.icon-pocket:before {
  content: "\e8b2";
}

.icon-printer:before {
  content: "\e8b3";
}

.icon-power:before {
  content: "\e8b4";
}

.icon-radio:before {
  content: "\e8b5";
}

.icon-repeat:before {
  content: "\e8b6";
}

.icon-refresh-ccw:before {
  content: "\e8b7";
}

.icon-rewind:before {
  content: "\e8b8";
}

.icon-rotate-ccw:before {
  content: "\e8b9";
}

.icon-refresh-cw:before {
  content: "\e8ba";
}

.icon-rotate-cw:before {
  content: "\e8bb";
}

.icon-save:before {
  content: "\e8bc";
}

.icon-search:before {
  content: "\e8bd";
}

.icon-server:before {
  content: "\e8be";
}

.icon-scissors:before {
  content: "\e8bf";
}

.icon-share-2:before {
  content: "\e8c0";
}

.icon-share:before {
  content: "\e8c1";
}

.icon-shield:before {
  content: "\e8c2";
}

.icon-settings:before {
  content: "\e8c3";
}

.icon-skip-back:before {
  content: "\e8c4";
}

.icon-shuffle:before {
  content: "\e8c5";
}

.icon-sidebar:before {
  content: "\e8c6";
}

.icon-skip-forward:before {
  content: "\e8c7";
}

.icon-slack:before {
  content: "\e8c8";
}

.icon-slash:before {
  content: "\e8c9";
}

.icon-smartphone:before {
  content: "\e8ca";
}

.icon-square:before {
  content: "\e8cb";
}

.icon-speaker:before {
  content: "\e8cc";
}

.icon-star:before {
  content: "\e8cd";
}

.icon-stop-circle:before {
  content: "\e8ce";
}

.icon-sun:before {
  content: "\e8cf";
}

.icon-sunrise:before {
  content: "\e8d0";
}

.icon-tablet:before {
  content: "\e8d1";
}

.icon-tag:before {
  content: "\e8d2";
}

.icon-sunset:before {
  content: "\e8d3";
}

.icon-target:before {
  content: "\e8d4";
}

.icon-thermometer:before {
  content: "\e8d5";
}

.icon-thumbs-up:before {
  content: "\e8d6";
}

.icon-thumbs-down:before {
  content: "\e8d7";
}

.icon-toggle-left:before {
  content: "\e8d8";
}

.icon-toggle-right:before {
  content: "\e8d9";
}

.icon-trash-2:before {
  content: "\e8da";
}

.icon-trash:before {
  content: "\e8db";
}

.icon-trending-up:before {
  content: "\e8dc";
}

.icon-trending-down:before {
  content: "\e8dd";
}

.icon-triangle:before {
  content: "\e8de";
}

.icon-type:before {
  content: "\e8df";
}

.icon-twitter:before {
  content: "\e8e0";
}

.icon-upload:before {
  content: "\e8e1";
}

.icon-umbrella:before {
  content: "\e8e2";
}

.icon-upload-cloud:before {
  content: "\e8e3";
}

.icon-unlock:before {
  content: "\e8e4";
}

.icon-user-check:before {
  content: "\e8e5";
}

.icon-user-minus:before {
  content: "\e8e6";
}

.icon-user-plus:before {
  content: "\e8e7";
}

.icon-user-x:before {
  content: "\e8e8";
}

.icon-user:before {
  content: "\e8e9";
}

.icon-users:before {
  content: "\e8ea";
}

.icon-video-off:before {
  content: "\e8eb";
}

.icon-video:before {
  content: "\e8ec";
}

.icon-voicemail:before {
  content: "\e8ed";
}

.icon-volume-x:before {
  content: "\e8ee";
}

.icon-volume-2:before {
  content: "\e8ef";
}

.icon-volume-1:before {
  content: "\e8f0";
}

.icon-volume:before {
  content: "\e8f1";
}

.icon-watch:before {
  content: "\e8f2";
}

.icon-wifi:before {
  content: "\e8f3";
}

.icon-x-square:before {
  content: "\e8f4";
}

.icon-wind:before {
  content: "\e8f5";
}

.icon-x:before {
  content: "\e8f6";
}

.icon-x-circle:before {
  content: "\e8f7";
}

.icon-zap:before {
  content: "\e8f8";
}

.icon-zoom-in:before {
  content: "\e8f9";
}

.icon-zoom-out:before {
  content: "\e8fa";
}

.icon-command:before {
  content: "\e8fb";
}

.icon-cloud:before {
  content: "\e8fc";
}

.icon-hash:before {
  content: "\e8fd";
}

.icon-headphones:before {
  content: "\e8fe";
}

.icon-underline:before {
  content: "\e8ff";
}

.icon-italic:before {
  content: "\e900";
}

.icon-bold:before {
  content: "\e901";
}

.icon-crop:before {
  content: "\e902";
}

.icon-help-circle:before {
  content: "\e903";
}

.icon-paperclip:before {
  content: "\e904";
}

.icon-shopping-cart:before {
  content: "\e905";
}

.icon-tv:before {
  content: "\e906";
}

.icon-wifi-off:before {
  content: "\e907";
}

.icon-minimize:before {
  content: "\e88d";
}

.icon-maximize:before {
  content: "\e908";
}

.icon-gitlab:before {
  content: "\e909";
}

.icon-sliders:before {
  content: "\e90a";
}

.icon-star-on:before {
  content: "\e90b";
}

.icon-heart-on:before {
  content: "\e90c";
}

/* feather icons end */

:root {
  --main-color: #7F8274;
  --main-text-color: #676767;
  --secondary-color: #4A4D40;
  --main-link-color: #a1a985;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.swal2-container {
  z-index: 99999 !important;
}

.p-item {
  font-size: 17px;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y,
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

/* @media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

    right: 100%;
  }

  60% {
    left: 107%;
    right: -8%;
  }

  100% {
    left: 107%;
    right: -8%;
  }
} */

@keyframes m_s {
  0% {
    left: -200%;
    right: 100%;
  }

  60% {
    left: 107%;
    right: -8%;
  }

  100% {
    left: 107%;
    right: -8%;
  }
}

/* Pre-loader css end */
/* header css start */
.search-bar {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 2px 10px -1px rgba(69, 90, 100, 0.3);
  z-index: 1030;
  background: #fff;
  padding: 12px;
}

.search-bar .close {
  padding: 8px 16px;
}

.pcoded-header {
  z-index: 1029;
  position: relative;
  display: flex;
  min-height: 80px;
  padding: 0;
  top: 0;
  background: #fff;
  color: rgba(16, 27, 51, 0.8);
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.pcoded-header .m-header {
  width: 230px;
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 25px;
}

.pcoded-header .m-header .logo-dark,
.pcoded-header .m-header .logo-thumb {
  display: none;
}

.pcoded-header .input-group {
  background: transparent;
}

.pcoded-header .input-group .input-group-text {
  margin-right: 0;
}

.pcoded-header .input-group .input-group-text,
.pcoded-header a,
.pcoded-header dropdown-toggle {
  color: rgba(16, 27, 51, 0.8);
}

.pcoded-header .input-group .input-group-text:hover,
.pcoded-header a:hover,
.pcoded-header dropdown-toggle:hover {
  color: #101b33;
}

.pcoded-header #mobile-header {
  display: none;
}

.pcoded-header .navbar-nav {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  display: inline-flex;
  flex-direction: row;
}

.pcoded-header .navbar-nav>li {
  line-height: 50px;
  display: inline-block;
}

.pcoded-header .navbar-nav>li .nav-link {
  padding: 0;
}

@media(min-width:991.9px) {
  .pcoded-header .navbar-nav>li:first-child {
    padding-left: 25px;
  }
}

.pcoded-header .navbar-nav>li:last-child {
  padding-right: 25px;
}

.pcoded-header .navbar-nav .dropdown {
  height: 50px;
}

.pcoded-header .me-auto .dropdown-menu {
  margin-left: -20px;
}

.pcoded-header .ms-auto {
  float: right;
  height: 50px;
}

@media (max-width:991.9px) {
  .pcoded-header .ms-auto {
    width: 100%;
    justify-content: space-between;
  }
}

.pcoded-header .ms-auto .dropdown-menu {
  margin-right: -20px;
}

.pcoded-header .main-search .input-group {
  border-radius: 3px;
  padding: 0;
}

.pcoded-header .main-search .input-group .form-control,
.pcoded-header .main-search .input-group .input-group-text {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  height: auto;
}

.pcoded-header .main-search .input-group .search-close {
  display: none;
}

.pcoded-header .main-search .input-group .search-btn {
  padding: 0;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  margin-bottom: 0;
  margin-right: 0;
}

.pcoded-header .main-search .input-group .form-control {
  transition: all 0.3s ease-in-out;
  font-size: 14px;
}

.pcoded-header .main-search .input-group .form-control:active,
.pcoded-header .main-search .input-group .form-control:focus,
.pcoded-header .main-search .input-group .form-control:hover,
.pcoded-header .main-search .input-group .search-btn:active,
.pcoded-header .main-search .input-group .search-btn:focus,
.pcoded-header .main-search .input-group .search-btn:hover {
  outline: none;
  box-shadow: none;
}

.pcoded-header .main-search.open .input-group {
  background: #ecf0f5;
  border: 0 solid #ecf0f5;
  padding: 0 0 0 20px;
}

.pcoded-header .main-search.open .input-group .search-close {
  display: flex;
}

.pcoded-header .main-search.open .input-group .search-btn {
  padding: 6px 9px;
  margin-left: 5px;
  color: #fff;
  background: #4680ff;
  border-color: #4680ff;
}

.pcoded-header .main-search.open .input-group .search-btn .input-group-text {
  color: #fff;
}

.pcoded-header .main-search.open .input-group .form-control {
  transition: all 0.3s ease-in-out;
}

.pcoded-header .main-search.open .input-group .form-control:active,
.pcoded-header .main-search.open .input-group .form-control:focus,
.pcoded-header .main-search.open .input-group .form-control:hover,
.pcoded-header .main-search.open .input-group .search-btn:active,
.pcoded-header .main-search.open .input-group .search-btn:focus,
.pcoded-header .main-search.open .input-group .search-btn:hover {
  outline: none;
  box-shadow: none;
}

.pcoded-header .dropdown .dropdown-toggle {
  line-height: 50px;
  display: inline-block;
  text-align: center;
  /* width: 40px; */
}

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

.pcoded-header .dropdown .dropdown-menu {
  position: absolute;
  min-width: 250px;
}

.pcoded-header .dropdown .dropdown-menu li {
  line-height: 1.2;
}

.pcoded-header .dropdown .dropdown-menu li a {
  padding: 10px;
  font-size: 14px;
}

.pcoded-header .dropdown .dropdown-menu li.active a,
.pcoded-header .dropdown .dropdown-menu li:active a,
.pcoded-header .dropdown .dropdown-menu li:focus a,
.pcoded-header .dropdown .dropdown-menu li:hover a {
  color: #373a3c;
}

.pcoded-header .dropdown .notification {
  width: 350px;
  padding: 0;
  line-height: 1.4;
  overflow: hidden;
}

.pcoded-header .dropdown .notification a {
  color: #373a3c;
}

.pcoded-header .dropdown .notification a:hover {
  color: #37474f;
}

.pcoded-header .dropdown .notification .noti-head {
  background: #101b33;
  padding: 15px 20px;
}

.pcoded-header .dropdown .notification .noti-head h6,
.pcoded-header .dropdown .notification .noti-head .h6 {
  color: #fff;
}

.pcoded-header .dropdown .notification .noti-head a {
  color: #fff;
  text-decoration: underline;
  font-size: 13px;
}

.pcoded-header .dropdown .notification .noti-body {
  padding: 0;
  position: relative;
  height: 300px;
}

.pcoded-header .dropdown .notification .noti-body img {
  width: 40px;
  margin-right: 20px;
}

.pcoded-header .dropdown .notification .noti-body li {
  padding: 15px 20px;
  transition: all 0.3s ease-in-out;
}

.pcoded-header .dropdown .notification .noti-body li.n-title {
  padding-bottom: 0;
}

.pcoded-header .dropdown .notification .noti-body li.n-title p {
  margin-bottom: 5px;
}

.pcoded-header .dropdown .notification .noti-body li.notification:hover {
  background: rgba(70, 128, 255, 0.1);
}

.pcoded-header .dropdown .notification .noti-body li p {
  margin-bottom: 5px;
  font-size: 13px;
}

.pcoded-header .dropdown .notification .noti-body li p strong {
  color: #222;
}

.pcoded-header .dropdown .notification .noti-body li .n-time {
  font-size: 80%;
  float: right;
}

.pcoded-header .dropdown .notification .noti-footer {
  border-top: 1px solid #f1f1f1;
  padding: 15px 20px;
  text-align: center;
  background: #ecf0f5;
}

.pcoded-header .dropdown .notification .noti-footer a {
  text-decoration: underline;
  font-size: 13px;
}

.pcoded-header .dropdown .notification ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.pcoded-header .dropdown .notification ul li {
  padding: 20px 15px;
}

.pcoded-header .dropdown .profile-notification {
  padding: 0;
  line-height: 1.4;
  overflow: hidden;
}

.pcoded-header .dropdown .profile-notification .pro-head {
  color: #fff;
  padding: 15px;
  position: relative;
  background: var(--secondary-color);
  display: flex;
  align-items: center;
}

.pcoded-header .dropdown .profile-notification .pro-head:first-child {
  border-bottom: 1px solid #d3d3d363;
}

.pcoded-header .dropdown .profile-notification .pro-head img {
  width: 40px;
  margin-right: 10px;
  border-radius: 8px;
}

.pcoded-header .dropdown .profile-notification .pro-head .dud-logout {
  color: #fff;
  padding-right: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pcoded-header .dropdown .profile-notification .pro-body {
  padding: 20px 0;
  margin-bottom: 0;
  list-style: none;
}

.pcoded-header .dropdown .profile-notification .pro-body li {
  margin: 0 10px;
  border-radius: 2px;
}

.pcoded-header .dropdown .profile-notification .pro-body li a {
  color: #373a3c;
  font-size: 14px;
  padding: 10px;
}

.pcoded-header .dropdown .profile-notification .pro-body li a i {
  margin-right: 10px;
  height: 18px;
}

.pcoded-header .dropdown .profile-notification .pro-body li.active,
.pcoded-header .dropdown .profile-notification .pro-body li:active,
.pcoded-header .dropdown .profile-notification .pro-body li:focus,
.pcoded-header .dropdown .profile-notification .pro-body li:hover {
  background: #4680ff;
  box-shadow: 0 15px 8px -9px rgba(0, 0, 0, 0.25);
}

.pcoded-header .dropdown .profile-notification .pro-body li.active>a,
.pcoded-header .dropdown .profile-notification .pro-body li:active>a,
.pcoded-header .dropdown .profile-notification .pro-body li:focus>a,
.pcoded-header .dropdown .profile-notification .pro-body li:hover>a {
  color: #fff;
  background: transparent;
}

/* header css end */
/* menu[ vartical ] css start */
.mob-toggler,
.mobile-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 50px;
  padding: 0 10px;
}

.mob-toggler span,
.mobile-menu span {
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  background-color: rgba(16, 27, 51, 0.8);
  transition: 0.3s cubic-bezier(0.97, 0.75, 0.61, 1.84);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 2px;
}

.mob-toggler span:after,
.mob-toggler span:before,
.mobile-menu span:after,
.mobile-menu span:before {
  content: "";
  position: absolute;
  left: 0;
  height: 2px;
  background-color: rgba(16, 27, 51, 0.8);
  transition: 0.3s cubic-bezier(0.97, 0.75, 0.61, 1.84);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 2px;
}

.mob-toggler span:after,
.mobile-menu span:after {
  top: 6px;
  width: 70%;
}

.mob-toggler span:before,
.mobile-menu span:before {
  top: -6px;
  width: 40%;
}

.mob-toggler:hover span,
.mobile-menu:hover span {
  background-color: #101b33;
}

.mob-toggler:hover span:after,
.mob-toggler:hover span:before,
.mobile-menu:hover span:after,
.mobile-menu:hover span:before {
  background-color: #101b33;
  width: 100%;
}

.mob-toggler {
  right: 5px;
  display: none;
}

.pcoded-header:before,
.pcoded-main-container:before {
  content: "";
  transition: all 0.3s ease-in-out;
}

.pcoded-navbar {
  display: block;
  z-index: 1028;
  position: absolute;
  box-shadow: 0 2px 10px -1px rgba(69, 90, 100, 0.3);
  transition: all 0.3s ease-in-out;
  width: 230px;
  height: calc(100% - 50px);
  margin-top: 90px;
  border-radius: 0 6px 0 0;
  top: 0;
  background: #101b33;
  color: #97a7c1;
}

.pcoded-navbar ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.pcoded-navbar .scroll-div.navbar-content {
  height: 100%;
}

.pcoded-navbar .header-logo {
  position: relative;
  align-items: center;
  display: inline-flex;
  float: left;
  background: #101b33;
  height: 50px;
  text-align: center;
  width: 230px;
  margin-right: 0;
  padding: 10px 25px;
  transition: all 0.3s ease-in-out;
}

.pcoded-navbar .header-logo .logo-dark {
  display: none;
}

.pcoded-navbar .header-logo .logo-thumb {
  transform: rotateY(-90deg);
  opacity: 0;
  position: absolute;
  transition: unset;
}

.pcoded-navbar .header-logo+.scroll-div {
  float: left;
  display: inline-block;
}

.pcoded-navbar .mobile-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 50px;
  position: absolute;
  right: 10px;
  top: 0;
  padding: 0 10px;
  transition: all 0.3s ease-in-out;
}

.pcoded-navbar .pcoded-badge {
  font-size: 75%;
  position: relative;
  right: 0;
  top: -1px;
  padding: 2px 7px;
  border-radius: 2px;
  display: inline-block;
  margin-left: 10px;
}

.pcoded-navbar .main-menu-header {
  position: relative;
  padding: 25px 25px 10px;
  height: 116px;
  text-align: center;
}

.pcoded-navbar .main-menu-header .user-details {
  cursor: pointer;
}

.pcoded-navbar .main-menu-header .user-details>div {
  transition: all 0.3s ease-in-out;
}

.pcoded-navbar .main-menu-header .img-radius {
  width: 60px;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}

.pcoded-navbar .main-menu-header+div .list-inline {
  display: flex;
  width: 80%;
  margin: 10px auto 0;
  border-top: 1px solid rgba(151, 167, 193, 0.2);
  border-bottom: 1px solid rgba(151, 167, 193, 0.2);
}

.pcoded-navbar .main-menu-header+div .list-inline .list-inline-item {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
  text-align: center;
  padding: 10px 0;
  font-size: 18px;
  border: none;
}

.pcoded-navbar .main-menu-header+div .list-inline .list-inline-item a {
  position: relative;
}

.pcoded-navbar .main-menu-header+div .list-inline .list-inline-item .badge {
  position: absolute;
  top: -8px;
  right: -11px;
  font-size: 11px;
}

.pcoded-navbar .pcoded-inner-navbar {
  flex-direction: column;
}

.pcoded-navbar .pcoded-inner-navbar li {
  position: relative;
}

.pcoded-navbar .pcoded-inner-navbar li>a {
  text-align: left;
  padding: 7px 10px;
  margin: 5px 10px;
  border-radius: 0.25rem;
  display: block;
  position: relative;
}

.pcoded-navbar .pcoded-inner-navbar li>a .pcoded-mtext {
  position: relative;
}

.pcoded-navbar .pcoded-inner-navbar li>a>.pcoded-micon {
  font-size: 16px;
  padding: 0;
  margin-right: 5px;
  border-radius: 4px;
  width: 30px;
  display: inline-flex;
  align-items: center;
  height: 30px;
  text-align: center;
  justify-content: center;
}
.pcoded-navbar .pcoded-inner-navbar li>a>.pcoded-micon svg , .pcoded-navbar .pcoded-inner-navbar li>a>.pcoded-micon svg g {
  height: 25px;
  width: 25px;
  fill: #535763;
}

.pcoded-navbar .pcoded-inner-navbar li>a>.pcoded-micon+.pcoded-mtext {
  position: relative;
  top: 0;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu>a .pcoded-mtext::after {
  content: "\e844";
  font-family: "feather";
  font-size: 13px;
  border: none;
  /* position: absolute; */
  top: 3px;
  right: -15px;
  transition: 0.3s ease-in-out;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu.pcoded-trigger>a .pcoded-mtext::after {
  transform: rotate(90deg);
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu {
  display: none;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li+li>a {
  border-top: 1px solid rgba(151, 167, 193, 0.2);
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu a:after {
  top: 7px;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu.pcoded-trigger.active>.pcoded-submenu {
  display: block;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu.pcoded-trigger.active>a {
  position: relative;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu {
  position: relative;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li {
  position: relative;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li>a {
  text-align: left;
  padding: 10px 7px 10px 45px;
  margin: 0;
  display: block;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li>a:before {
  content: "\e844";
  font-family: "feather";
  position: absolute;
  top: 10px;
  left: 24px;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu:after {
  left: 45px;
  top: -20px;
  height: calc(100% - 15px);
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu>li:after {
  left: 46px;
  width: 20px;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu>li>a {
  padding: 10px 7px 10px 65px;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu>li>a:before {
  left: 45px;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu>li .pcoded-submenu:after {
  left: 45px;
  top: -20px;
  height: calc(100% - 15px);
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu>li .pcoded-submenu>li:after {
  left: 46px;
  width: 20px;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu>li .pcoded-submenu>li>a {
  padding: 10px 7px 10px 85px;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li .pcoded-submenu>li .pcoded-submenu>li>a:before {
  left: 65px;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-menu-caption {
  font-size: 13px;
  font-weight: 600;
  color: #4680ff;
  padding: 18px 15px 5px;
  text-transform: capitalize;
  position: relative;
  margin-top: 10px;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-menu-caption:first-child {
  border-top: none;
  margin-top: 0;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-menu-caption>label {
  margin-bottom: 0;
}

.pcoded-navbar .pcoded-inner-navbar li.disabled>a {
  cursor: default;
  opacity: 0.5;
}

.pcoded-navbar .pcoded-submenu {
  background: #101b33;
  padding: 15px 0;
}

.pcoded-navbar a {
  color: #97a7c1;
}

.pcoded-navbar .navbar-content,
.pcoded-navbar .navbar-wrapper {
  width: 100%;
  height: 100%;
}

.pcoded-navbar.navbar-collapsed {
  width: 70px;
  height: calc(100% - 50px);
  transition: all 0.3s ease-in-out;
}

.pcoded-navbar.navbar-collapsed .header-logo {
  width: 70px;
  padding: 10px 20px;
}

.pcoded-navbar.navbar-collapsed .header-logo img {
  transform: rotateY(-90deg);
  transform-origin: 0 0;
  opacity: 0;
  transition: unset;
}

.pcoded-navbar.navbar-collapsed .header-logo .logo-thumb {
  transform: rotateY(0deg);
  transform-origin: 0 0;
  opacity: 1;
  left: calc((70px / 2) - 20px);
}

.pcoded-navbar.navbar-collapsed .header-logo .mobile-menu {
  transform: rotateY(-90deg);
  transform-origin: 0 0;
  opacity: 0;
}

.pcoded-navbar.navbar-collapsed .navbar-content.ps {
  overflow: visible;
}

.pcoded-navbar.navbar-collapsed .pcoded-menu-caption {
  position: relative;
  width: 100%;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
}

.pcoded-navbar.navbar-collapsed .pcoded-menu-caption>label {
  transform: rotateY(-90deg);
  transform-origin: 0 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.pcoded-navbar.navbar-collapsed .pcoded-menu-caption:after {
  content: "";
  position: absolute;
  top: 32px;
  left: 15px;
  width: calc(100% - 30px);
  height: 1px;
  background: rgba(151, 167, 193, 0.5);
}

.pcoded-navbar.navbar-collapsed .pcoded-inner-navbar>li>a {
  padding: 7px 20px;
}

.pcoded-navbar.navbar-collapsed .pcoded-inner-navbar>li>a>.pcoded-micon+.pcoded-mtext {
  position: absolute;
  top: 11px;
}

.pcoded-navbar.navbar-collapsed .pcoded-inner-navbar>li>a>.pcoded-mtext {
  transform: rotateY(-90deg);
  transform-origin: 0 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.pcoded-navbar.navbar-collapsed .pcoded-inner-navbar>li.pcoded-hasmenu>a:after {
  right: 12px;
}

.pcoded-navbar.navbar-collapsed .pcoded-inner-navbar>li.pcoded-hasmenu .pcoded-submenu {
  display: none;
}

.pcoded-navbar.navbar-collapsed .pcoded-inner-navbar>li.pcoded-trigger .pcoded-submenu li a {
  color: transparent;
  white-space: nowrap;
}

.pcoded-navbar.navbar-collapsed .pcoded-inner-navbar>li.pcoded-trigger .pcoded-submenu li+li a {
  border-top: none;
}

.pcoded-navbar.navbar-collapsed .pcoded-inner-navbar>li.pcoded-trigger .pcoded-submenu .pcoded-submenu li a:before {
  opacity: 0;
}

.pcoded-navbar.navbar-collapsed~.pcoded-main-container {
  margin-left: 70px;
}

.pcoded-navbar.navbar-collapsed .pcoded-badge {
  transform: rotateX(-90deg);
  transform-origin: 50% 50%;
  opacity: 0;
  display: none;
  transition: all 0.15s ease-in-out;
}

.pcoded-navbar.navbar-collapsed:hover {
  width: 230px !important;
}

.pcoded-navbar.navbar-collapsed:hover .header-logo {
  width: 230px;
}

.pcoded-navbar.navbar-collapsed:hover .header-logo img {
  transform: rotateY(0deg);
  opacity: 1;
}

.pcoded-navbar.navbar-collapsed:hover .header-logo .logo-thumb {
  transform: rotateY(-90deg);
  opacity: 0;
}

.pcoded-navbar.navbar-collapsed:hover .header-logo .mobile-menu {
  display: flex;
  right: 10px;
}

.pcoded-navbar.navbar-collapsed:hover .pcoded-menu-caption>label {
  transform: rotateY(0deg);
  opacity: 1;
}

.pcoded-navbar.navbar-collapsed:hover .pcoded-menu-caption:after {
  background: transparent;
}

.pcoded-navbar.navbar-collapsed:hover .mobile-menu {
  transform: rotateY(0deg);
  opacity: 1;
}

.pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar>li>a>.pcoded-mtext {
  transform: rotateY(0deg);
  opacity: 1;
}

.pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar>li>a>.pcoded-mtext:after {
  opacity: 1;
  visibility: visible;
}

.pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar>li.pcoded-hasmenu>a:after {
  transform: rotateX(0deg);
}

.pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar>li.pcoded-hasmenu.pcoded-trigger>a:after {
  transform: rotateX(0deg) rotate(90deg);
}

.pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar>li.pcoded-trigger .pcoded-submenu li a {
  color: inherit;
}

.pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar>li.pcoded-trigger .pcoded-submenu .pcoded-submenu li a:before {
  opacity: 1;
}

.pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar>li>a {
  padding: 7px 10px;
  transition: all 0.3s ease-in-out;
}

.pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar>li>a:after {
  display: none;
}

.pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar>li.active>a,
.pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar>li.pcoded-trigger>a {
  width: calc(70px - 20px);
}

.pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar>li.pcoded-trigger.pcoded-hasmenu>.pcoded-submenu li.active>a:before,
.pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar>li.pcoded-trigger.pcoded-hasmenu>.pcoded-submenu li.pcoded-trigger>a:before,
.pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar>li.pcoded-trigger.pcoded-hasmenu>.pcoded-submenu li:hover>a:before {
  content: "";
  top: 10px;
  left: 31px;
  border-radius: 50%;
  background: #4680ff;
  padding: 5px;
  box-shadow: 0 0 0 5px #fff;
  z-index: 6;
}

.pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar>li.pcoded-trigger.pcoded-hasmenu>.pcoded-submenu:before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(70px / 2);
  z-index: 5;
  background: rgba(151, 167, 193, 0.2);
}

.pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar>li.pcoded-trigger .pcoded-submenu li+li>a {
  border-top-color: transparent !important;
}

.pcoded-navbar.navbar-collapsed:not(:hover) .main-menu-header {
  padding: 25px 9px;
}

.pcoded-navbar.navbar-collapsed:not(:hover) .main-menu-header .img-radius {
  width: calc(70px - 20px);
}

.pcoded-navbar.navbar-collapsed:not(:hover) .main-menu-header .user-details>div {
  transform: rotateY(-90deg);
  transform-origin: 0 0;
}

.pcoded-navbar .pcoded-menu-caption {
  color: #8090a5;
}

.pcoded-navbar .pcoded-inner-navbar li.active>a,
.pcoded-navbar .pcoded-inner-navbar li:focus>a,
.pcoded-navbar .pcoded-inner-navbar li:hover>a {
  color: #e5efff;
}

.pcoded-navbar .pcoded-inner-navbar>li.active>a,
.pcoded-navbar .pcoded-inner-navbar>li.pcoded-trigger>a {
  background: #4680ff;
  color: #fff;
  box-shadow: 0 10px 5px -8px rgba(0, 0, 0, 0.4);
}

.pcoded-navbar .pcoded-inner-navbar>.pcoded-menu-caption.active:after,
.pcoded-navbar .pcoded-inner-navbar>.pcoded-menu-caption.pcoded-trigger:after {
  display: none;
}

.pcoded-navbar.mob-open~.pcoded-header:before,
.pcoded-navbar.mob-open~.pcoded-main-container:before,
.pcoded-navbar.navbar-collapsed:hover~.pcoded-header:before,
.pcoded-navbar.navbar-collapsed:hover~.pcoded-main-container:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* ===  scroll bar start  ===== */
.navbar-content {
  position: relative;
}

.ps__rail-y {
  z-index: 5;
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: transparent;
}

.ps__thumb-y {
  background: #98aec9;
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
  background: #a9bbd2;
}

/* ===  scroll bar End  ===== */
/* menu [ vartical ] css end */
/* menu[ horizontal ] css start */
.pcoded-navbar.theme-horizontal {
  display: block;
  width: 100%;
  z-index: 1023;
  position: fixed;
  border-radius: 0;
  top: 80px;
  margin-top: 0;
}

.pcoded-navbar.theme-horizontal .pcoded-badge {
  display: none;
}

.pcoded-navbar.theme-horizontal.top-nav-collapse {
  top: 0;
}

.pcoded-navbar.theme-horizontal.default,
.pcoded-navbar.theme-horizontal.default.top-nav-collapse {
  top: 50px;
}

.pcoded-navbar.theme-horizontal.header-hide {
  top: 0;
}

.pcoded-navbar.theme-horizontal.header-hide.top-nav-collapse {
  top: -50px;
}

.pcoded-navbar.theme-horizontal.header-hide~.pcoded-main-container {
  margin-top: 50px;
}

.pcoded-navbar.theme-horizontal .header-logo {
  display: none;
}

.pcoded-navbar.theme-horizontal .sidenav-horizontal-wrapper {
  display: flex;
  align-items: center;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  white-space: nowrap;
  transition: all 0.5s ease-in-out;
}

@media (max-width:991.9px) {
  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar {
    display: flex;
  }

  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li {
    display: unset !important;
  }

  .nav-item.pcoded-hasmenu .pcoded-submenu {
    transform: unset !important;
    display: none;
    position: unset !important;
    box-shadow: 0 4px 24px 0 rgb(62 57 107 / 5%) !important;
  }

  .nav-item.pcoded-hasmenu.opened .pcoded-submenu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-menu-caption {
  display: none;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li {
  display: inline-flex;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: relative;
  margin-left: 20px;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li>a {
  margin: 0;
  padding: 8px 0px;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li>a>.pcoded-mtext {
  position: relative;
  top: 0;
  margin-right: 5px;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li>a:after {
  position: relative;
  top: 0;
  right: 0;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li.active a,
.pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li.pcoded-trigger a,
.pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li:hover a {
  box-shadow: none;
  color: #fff;
  background: transparent;
}

/* @media(min-width:991.9px) {

  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li.pcoded-hasmenu.active>.pcoded-submenu,
  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li.pcoded-hasmenu.pcoded-trigger>.pcoded-submenu {
    margin-top: 30px;
  }

  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li.pcoded-hasmenu.active:before,
  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li.pcoded-hasmenu.pcoded-trigger:before {
    content: "m";
    position: absolute;
    bottom: -24px;
    left: 0;
    font-family: "pct";
    z-index: 1001;
    font-size: 50px;
    line-height: 1;
    padding-left: calc(50% - 25px);
    color: #101b33;
    text-shadow: 0 3px 4px rgba(69, 90, 100, 0.3);
    width: 100%;
    height: 40px;
    transform: scaleX(1.2);
  }
} */

@media (min-width: 991.9px) {

/* 
  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.active:before,
  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.pcoded-trigger:before {
    content: ""; 
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%) translateY(-10px) rotate(-45deg);
    z-index: 1002;
    width: 30px;
    height: 30px;    
    background: #fff; 
    border-bottom-left-radius: 8px;
    filter: drop-shadow(4px 4px 5px rgba(69, 90, 100, 0.18));
    clip-path: polygon(0px 0%, 100% 100%, 100% 200%, -10px 200%);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s ease-in-out;  }*/
}
.pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.active:before,
  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.pcoded-trigger:before {
    opacity: 1;
}

/* .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.active::after,
  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.pcoded-trigger::after {
    content: "";
    position: absolute;
    bottom: -28px; 
    left: 0;
    width: 100%;
    height: 35px;
    background: transparent; 
    z-index: 1000; 
} */

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li.pcoded-trigger .nav-link {
  position: relative;
  transition: none;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li.active .nav-link::after,
.pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li.pcoded-trigger .nav-link::after {
  content: "";
  background-color: var(--main-color);
  z-index: 4;
  position: absolute;
  top: auto;
  bottom: 0px;
  width: 100%;
  height: 2px;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar>li.pcoded-hasmenu.edge>.pcoded-submenu {
  left: auto;
  right: 0;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu {
  position: relative;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu {
  opacity: 0;
  visibility: hidden;
  transform-origin: 50% 50%;
  transition: transform 0.3s, opacity 0.3s;
  transform-style: preserve-3d;
  transform: rotateX(-90deg);
  position: absolute;
  min-width: 250px;
  z-index: 1;
  top: 100%;
  list-style: outside none none;
  margin: 0;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 4px 24px 0 rgba(62, 57, 107, 0.18);
  background: #fff;
}

@media (min-width:991.9px) {
  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu {
    display: block;
  }
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu:after {
  display: none;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu a {
  color: #101b33;
  padding: 10px 20px 10px 30px;
  text-decoration: none;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu a:before {
  left: 5px;
  top: 11px;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li+li>a {
  border-top-color: #ededed;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li:after {
  display: none;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li.active>a,
.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li.pcoded-trigger>a,
.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li:hover>a {
  color: var(--main-link-color);
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-submenu {
  position: absolute;
  min-width: 250px;
  z-index: 1;
  left: calc(100% + 10px);
  top: -10px;
  margin: 0 0 0 20px;
  border-radius: 4px;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-submenu:before {
  content: "j";
  position: absolute;
  top: 8px;
  left: -31px;
  font-family: "pct";
  z-index: 1001;
  font-size: 50px;
  line-height: 1;
  color: #fff;
  width: 40px;
  height: 100%;
  text-shadow: -8px 0 13px rgba(62, 57, 107, 0.08);
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-submenu a {
  color: #101b33;
  padding: 10px 20px 10px 30px;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-submenu a:before {
  left: 5px;
  top: 11px;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-submenu .pcoded-submenu a {
  padding: 10px 20px 10px 30px;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-submenu .pcoded-submenu a:before {
  left: 5px;
  top: 11px;
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-hasmenu.edge .pcoded-submenu {
  left: auto;
  margin: 0 20px 0 0;
  right: calc(100% + 10px);
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu .pcoded-hasmenu.edge .pcoded-submenu:before {
  content: "k";
  left: auto;
  right: -21px;
  text-shadow: 8px 0 13px rgba(62, 57, 107, 0.08);
}

.pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu.pcoded-trigger>.pcoded-submenu {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0deg);
}

@media (min-width:991.9px) {
  .pcoded-navbar.theme-horizontal .navbar-content {
    display: flex;
  }

  .pcoded-navbar.theme-horizontal {
    height: 50px;
  }
}

.pcoded-navbar.theme-horizontal~.pcoded-header {
  position: fixed;
  top: 0;
  margin-left: 0;
  width: 100%;
}

.pcoded-navbar.theme-horizontal~.pcoded-header:not(.headerpos-fixed) {
  background: var(--main-color);
}

.pcoded-navbar.theme-horizontal~.pcoded-header .b-title {
  color: #101b33;
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .b-title {
  color: #fff;
}

.pcoded-navbar.theme-horizontal~.pcoded-header .m-header {
  display: inline-flex;
  padding: 0 15px;
}

.pcoded-navbar.theme-horizontal~.pcoded-header .m-header .logo-main,
.pcoded-navbar.theme-horizontal~.pcoded-header .m-header .logo-thumb {
  display: none;
}

.pcoded-navbar.theme-horizontal~.pcoded-header .m-header .logo-dark {
  display: inline-block;
}

@media (min-width:991.9px) {
  .pcoded-navbar.theme-horizontal~.pcoded-header .mobile-menu {
    display: none;
  }
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  color: rgba(255, 255, 255, 0.8);
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .m-header {
  padding: 0 15px;
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .m-header .logo-dark,
.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .m-header .logo-thumb {
  display: none;
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .m-header .logo-main {
  display: inline-block;
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown-menu {
  color: #373a3c;
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown-menu a {
  color: #373a3c;
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown-menu>li>a {
  color: #373a3c;
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown-menu>li.active,
.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown-menu>li:active,
.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown-menu>li:focus,
.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown-menu>li:hover {
  background: rgba(70, 128, 255, 0.1);
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown-menu>li.active>a,
.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown-menu>li:active>a,
.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown-menu>li:focus>a,
.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown-menu>li:hover>a {
  background: transparent;
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] a,
.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] dropdown-toggle {
  color: #fff;
  text-decoration: none;
}

@media(max-width:991.9px) {

  /* .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] a,
    .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] dropdown-toggle {
        color: #444;
    } */
  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu {
    box-shadow: none !important;
    padding: 0px !important;
  }

  .m-header {
    justify-content: space-between !important;
  }
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown .notification .noti-body li.notification:hover {
  background: rgba(70, 128, 255, 0.1);
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown .profile-notification .pro-head {
  color: #fff;
}

.pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] .dropdown .profile-notification .pro-head .dud-logout {
  color: #fff;
}

.page-header-title i {
  width: 18px;
  height: 25px;
  color: var(--main-text-color);
} 

.page-header-title svg {
  width: 20px;
  height: 20px;
  fill: var(--main-text-color);
  margin-right: 10px;
  margin-bottom: 9px;
}

.pcoded-navbar.theme-horizontal~.pcoded-main-container .page-header h5,
.pcoded-navbar.theme-horizontal~.pcoded-main-container .page-header .h5 {
  color: var(--main-text-color);
}

.pcoded-navbar.theme-horizontal~.pcoded-main-container .page-header .page-header-title+.breadcrumb>.breadcrumb-item:before {
  color: rgba(55, 71, 79, 0.8);
}

.pcoded-navbar.theme-horizontal~.pcoded-main-container .page-header .page-header-title+.breadcrumb>.breadcrumb-item a {
  color: #37474f;
}

/* menu [ horizontal ] css end */
/* main content start */
.pcoded-content {
  position: relative;
  display: block;
  padding: 15px 25px 25px 25px;
}

.page-wrapper {
  position: relative;
  background: #ecf0f5;
  padding-bottom: 60px;
  min-height: 100vh;
}

/* @media (min-width:991.9px) { */
.page-wrapper {
  min-height: calc(100vh - 130px);
  margin-top: 130px;
}

/* } */



/* main content end*/
/* ==========================    Rsponsive Menu  start   ====================== */
@media only screen and (max-width: 991px) {

  .pcoded-header .input-group-text,
  .pcoded-header a,
  .pcoded-header dropdown-toggle {
    color: #101b33;
  }

  .pcoded-header .input-group-text:hover,
  .pcoded-header a:hover,
  .pcoded-header dropdown-toggle:hover {
    color: #4680ff;
  }

  .pcoded-header #mobile-header {
    display: none;
    right: 20px;
  }

  .pcoded-header>.collapse:not(.show),
  .pcoded-header .container>.collapse:not(.show) {
    background: #fff;
    box-shadow: 0 2px 10px -1px rgba(69, 90, 100, 0.3);
    position: relative;
  }

  .pcoded-header>.collapse:not(.show) .mob-toggler:after,
  .pcoded-header .container>.collapse:not(.show) .mob-toggler:after {
    content: "\e89a";
    font-family: "feather";
    font-size: 20px;
    color: #101b33;
    position: absolute;
    right: 10px;
    top: 0;
    width: 40px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pcoded-header>.collapse:not(.show) .me-auto,
  .pcoded-header .container>.collapse:not(.show) .me-auto {
    height: 50px;
    display: flex;
    justify-content: center;
  }

  .pcoded-header>.collapse:not(.show) .ms-auto,
  .pcoded-header .container>.collapse:not(.show) .ms-auto {
    margin-left: auto;
    margin-right: 0 !important;
  }

  .pcoded-header .dropdown-menu,
  .pcoded-header .dropdown-menu a,
  .pcoded-header .search-close .input-group-text {
    color: #101b33;
  }

  .pcoded-header .m-header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .pcoded-header .m-header .mobile-menu {
    right: auto;
    left: 10px;
  }

  .pcoded-header .m-header .mob-toggler {
    display: flex;
  }

  .pcoded-header .full-screen {
    display: none;
  }

  .pcoded-header .navbar-nav>li:last-child {
    padding-right: 20px;
  }

  .pcoded-navbar {
    left: -100%;
    position: absolute;
    height: 100vh;
  }

  .pcoded-navbar.active {
    left: 0;
  }

  .pcoded-navbar .scroll-div.navbar-content {
    height: 100%;
  }

  .pcoded-navbar~.pcoded-header,
  .pcoded-navbar~.pcoded-main-container {
    margin-left: 0;
  }

  .pcoded-navbar~.pcoded-header {
    width: 100%;
  }

  .pcoded-navbar .navbar-brand {
    display: none;
  }

  .pcoded-navbar.mob-open {
    left: 0;
  }

  .pcoded-navbar.mob-open .pcoded-main-container~.pcoded-header,
  .pcoded-navbar.mob-open~.pcoded-main-container {
    margin-left: 0;
  }

  .pcoded-main-container {
    padding-top: 0;
  }
}

@media only screen and (max-width: 575px) {
  .pcoded-header .main-search.open .input-group .search-close {
    display: none;
  }

  .pcoded-header .navbar-nav>li {
    padding: 0 8px;
  }

  .pcoded-header .navbar-nav.ms-auto>li:first-child {
    padding-left: 0;
  }

  .pcoded-header .navbar-nav>li:last-child {
    padding-right: 15px;
  }

  .pcoded-header .navbar-nav.me-auto li.nav-item:not(.dropdown) {
    display: block;
    padding-right: 0;
  }

  .pcoded-header .navbar-nav.me-auto li.nav-item:not(.dropdown) .search-close {
    display: none;
  }

  .pcoded-header .dropdown.show {
    position: static;
  }

  .pcoded-header .dropdown.show a:after {
    display: none;
  }

  .pcoded-header .dropdown.show:before {
    display: none;
  }

  .pcoded-header .dropdown .notification {
    width: 100%;
  }

  .pcoded-header .dropdown .dropdown-menu {
    width: 95%;
    margin-right: auto;
    right: 0;
  }

  .header-chat.open,
  .header-user-list.open {
    width: 280px;
  }

  .pcoded-content {
    padding: 25px 15px;
  }

  .card {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
  .pcoded-navbar .header-logo {
    transition: none;
  }

  .pcoded-navbar.navbar-collapsed {
    transition: none;
  }

  .pcoded-navbar.navbar-collapsed .header-logo img {
    transition: none;
  }

  .pcoded-navbar.navbar-collapsed .pcoded-menu-caption>label {
    transition: none;
  }

  .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar>li>a>.pcoded-mtext {
    transition: none;
  }

  .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar>li.pcoded-hasmenu>a:after {
    transition: none;
    transition-delay: 0;
  }

  .pcoded-navbar.navbar-collapsed .pcoded-badge {
    transition: none;
  }

  .pcoded-navbar.navbar-collapsed:hover .pcoded-badge {
    transition-delay: 0;
  }
}

/* responsive horizontal menu */
@media only screen and (max-width: 991px) {
  .pcoded-navbar.theme-horizontal {
    margin-left: 0;
  }

  .pcoded-navbar.theme-horizontal~.pcoded-header>.collapse:not(.show),
  .pcoded-navbar.theme-horizontal~.pcoded-header .container>.collapse:not(.show) {
    display: inline-flex;
    background: #fff;
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
  }

  .pcoded-navbar.theme-horizontal~.pcoded-header .b-title {
    color: #fff;
  }

  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu.pcoded-trigger>.pcoded-submenu .pcoded-trigger>.pcoded-submenu,
  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu.pcoded-trigger>.pcoded-submenu .pcoded-trigger.edge>.pcoded-submenu {
    position: relative;
    left: 0;
    min-width: 100%;
    margin: 0;
    box-shadow: none;
  }

  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu.pcoded-trigger>.pcoded-submenu .pcoded-trigger>.pcoded-submenu:before,
  .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu.pcoded-trigger>.pcoded-submenu .pcoded-trigger.edge>.pcoded-submenu:before {
    display: none;
  }
}

/* ==========================    Rsponsive Menu  end   ====================== */
/* ******************************************************************************* */
/* * Horizontal */
.theme-horizontal .sidenav-horizontal-wrapper {
  flex: 1 1 auto;
  width: 0;
}

.sidenav:not(.sidenav-no-animation) .theme-horizontal .sidenav-horizontal-wrapper .sidenav-inner {
  transition: margin 0.2s;
}

.theme-horizontal .sidenav-horizontal-next,
.theme-horizontal .sidenav-horizontal-prev {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 2.25rem;
  background-color: #101b33;
  z-index: 9;
}

.theme-horizontal .sidenav-horizontal-next::after,
.theme-horizontal .sidenav-horizontal-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border: 2px solid;
  border-top: 0;
}

.theme-horizontal .sidenav-horizontal-next.disabled,
.theme-horizontal .sidenav-horizontal-prev.disabled {
  cursor: default !important;
  opacity: 0;
}

.theme-horizontal .sidenav-horizontal-prev::after {
  border-right: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

.theme-horizontal .sidenav-horizontal-next::after {
  border-left: 0;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.theme-horizontal .sidenav-horizontal:after,
.theme-horizontal .sidenav-horizontal:before {
  content: "";
  background: #101b33;
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 5;
}

@media only screen and (max-width: 991px) {

  .theme-horizontal .sidenav-horizontal:after,
  .theme-horizontal .sidenav-horizontal:before {
    display: none;
  }
}

.theme-horizontal .sidenav-horizontal:before {
  left: 100%;
}

.theme-horizontal .sidenav-horizontal:after {
  right: 100%;
}

.theme-horizontal.menu-light .sidenav-horizontal:after,
.theme-horizontal.menu-light .sidenav-horizontal:before {
  background: #fff;
}

@-webkit-keyframes sidenavDropdownShow {
  0% {
    opacity: 0;
    transform: translateY(-0.5rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes sidenavDropdownShow {
  0% {
    opacity: 0;
    transform: translateY(-0.5rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.pcoded-navbar .card {
  background: rgba(255, 255, 255, 0.1);
  margin: 20px;
  box-shadow: 0 0 0 1px rgba(226, 229, 232, 0.15);
  color: rgba(255, 255, 255, 0.6);
}

.pcoded-navbar .card h6,
.pcoded-navbar .card .h6 {
  color: rgba(255, 255, 255, 0.6);
}

.pcoded-navbar .card .close {
  position: absolute;
  color: #97a7c1;
  position: absolute;
  top: 10px;
  right: 12px;
  opacity: 0.8;
  text-shadow: none;
}

.pcoded-navbar.menu-light .card {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px #ecf0f5;
  color: rgba(0, 0, 0, 0.6);
}

.pcoded-navbar.menu-light .card h6,
.pcoded-navbar.menu-light .card .h6 {
  color: #535763;
}

.pcoded-navbar.menu-light .card .close {
  color: #535763;
}

.pcoded-navbar.navbar-collapsed .card {
  display: none;
}

.menu-styler {
  z-index: 1029;
  position: relative;
  color: #373a3c;
}

.menu-styler h5,
.menu-styler .h5,
.menu-styler h6,
.menu-styler .h6 {
  color: #37474f;
}

.menu-styler hr {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.menu-styler .style-toggler>a {
  position: fixed;
  right: 0;
  top: 80px;
  z-index: 1031;
  transition: 0.3s ease-in-out;
}

.menu-styler .style-toggler>a:before {
  content: "";
  width: 45px;
  height: 45px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1001;
  background: #ff5252;
  transition: 0.3s ease-in-out;
  border-radius: 30px 0 0 30px;
  box-shadow: -4px 0 8px rgba(255, 82, 82, 0.16), -6px 0 8px rgba(0, 0, 0, 0.1);
}

.menu-styler .style-toggler>a:after {
  content: "\e849";
  top: 12px;
  font-size: 21px;
  position: absolute;
  right: 11px;
  font-family: "feather";
  z-index: 1029;
  line-height: 1;
  color: #fff;
  transition: 0.3s ease-in-out;
}

@media all and (-ms-high-contrast: none) {
  .menu-styler .style-toggler>a:after {
    line-height: 0.5;
    top: 18px;
  }
}

.menu-styler.open .style-toggler>a,
.menu-styler.prebuild-open .style-toggler>a {
  right: 400px;
  -webkit-animation: sh-shake 0s ease infinite;
  animation: sh-shake 0s ease infinite;
}

.menu-styler.open .style-toggler>a:after,
.menu-styler.prebuild-open .style-toggler>a:after {
  content: "\e847";
  -webkit-animation: anim-rotate 0s linear infinite;
  animation: anim-rotate 0s linear infinite;
}

.menu-styler.open .prebuild-toggler>.prebuild-group,
.menu-styler.prebuild-open .prebuild-toggler>.prebuild-group {
  right: calc(400px - 100px);
}

.menu-styler.open .style-block {
  right: 0;
  box-shadow: -6px 0 12px rgba(0, 0, 0, 0.175);
}

.menu-styler.prebuild-open .style-block-prebuild {
  right: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.menu-styler .style-block,
.menu-styler .style-block-prebuild {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  border-radius: 4px 0 0 4px;
  background: #fff;
  z-index: 1030;
  transition: 0.3s ease-in-out;
  padding: 25px 20px 20px;
}

.menu-styler .mst-scroll {
  height: calc(100vh - 175px);
  background-color: rgba(70, 128, 255, 0.03);
  padding: 0 15px;
}

.menu-styler label {
  margin-bottom: 3px;
}

.menu-styler .switch input[type=checkbox]+.cr {
  top: 8px;
}

.menu-styler .radio input[type=radio]+.cr {
  margin-right: 10px;
}

.menu-styler .radio input[type=radio]+.cr:after,
.menu-styler .radio input[type=radio]+.cr:before {
  margin-right: 3px;
}

.menu-styler h6,
.menu-styler .h6 {
  position: relative;
  margin: 20px 0 10px;
}

.menu-styler .nav-pills {
  padding: 0;
  box-shadow: none;
}

.menu-styler .nav-pills li {
  width: 33.3333333333%;
}

.menu-styler .m-style-scroller {
  padding: 15px 20px;
  box-shadow: none;
  background-color: #ecf0f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.24);
}

@media only screen and (max-width: 992px) {
  .menu-styler {
    display: none;
  }
}

@-webkit-keyframes sh-shake {

  0%,
  100%,
  25% {
    transform: scale(1);
  }

  15%,
  3%,
  9% {
    transform: scale(1.1);
  }

  12%,
  20%,
  6% {
    transform: scale(0.9);
  }
}

@keyframes sh-shake {

  0%,
  100%,
  25% {
    transform: scale(1);
  }

  15%,
  3%,
  9% {
    transform: scale(1.1);
  }

  12%,
  20%,
  6% {
    transform: scale(0.9);
  }
}

.lay-customizer .theme-color,
.theme-color {
  display: block;
  position: relative;
  padding: 0;
  margin-bottom: 10px;
}

.lay-customizer .theme-color>a,
.theme-color>a {
  position: relative;
  width: 45px;
  height: 30px;
  border-radius: 3px;
  display: inline-block;
  background: #ecf0f5;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

.lay-customizer .theme-color>a+a,
.theme-color>a+a {
  margin-left: 8px;
}

.lay-customizer .theme-color>a span,
.theme-color>a span {
  width: 100%;
  position: absolute;
}

.lay-customizer .theme-color>a span:after,
.lay-customizer .theme-color>a span:before,
.theme-color>a span:after,
.theme-color>a span:before {
  content: "";
  height: 100%;
  position: absolute;
}

.lay-customizer .theme-color>a span:before,
.theme-color>a span:before {
  width: 32%;
  left: 0;
  background: #101b33;
}

.lay-customizer .theme-color>a span:after,
.theme-color>a span:after {
  width: 70%;
  right: 0;
  background: #ecf0f5;
}

.lay-customizer .theme-color>a>span:nth-child(1),
.theme-color>a>span:nth-child(1) {
  height: 30%;
  top: 0;
}

.lay-customizer .theme-color>a>span:nth-child(1):after,
.theme-color>a>span:nth-child(1):after {
  background: #fff;
}

.lay-customizer .theme-color>a>span:nth-child(2),
.theme-color>a>span:nth-child(2) {
  height: 75%;
  bottom: 0;
}

.lay-customizer .theme-color>a>span:nth-child(2):before,
.theme-color>a>span:nth-child(2):before {
  border-radius: 0 3px 0 0;
}

.lay-customizer .theme-color>a.active:before,
.theme-color>a.active:before {
  content: "\e83e";
  top: 1px;
  font-size: 20px;
  position: absolute;
  left: 12px;
  font-family: "feather";
  z-index: 1001;
  color: #4680ff;
  transition: 0.3s ease-in-out;
  text-shadow: 0 1px 3px rgba(70, 128, 255, 0.9), 0 3px 8px rgba(0, 0, 0, 0.1);
}

.lay-customizer .theme-color>a.active:after,
.theme-color>a.active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}

.lay-customizer .theme-color>a[data-value=menu-light] span:before,
.theme-color>a[data-value=menu-light] span:before {
  background: #fff;
}

.lay-customizer .theme-color>a[data-value=dark] span:after,
.theme-color>a[data-value=dark] span:after {
  background: black;
}

.lay-customizer .theme-color>a[data-value=reset],
.theme-color>a[data-value=reset] {
  background: #ff5252;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: -10px;
  width: 135px;
  box-shadow: none;
}

.lay-customizer .theme-color.small>a,
.theme-color.small>a {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.lay-customizer .theme-color.small>a:before,
.theme-color.small>a:before {
  font-size: 15px;
  left: 5px;
  top: 1px;
}

.lay-customizer .theme-color.small>a>span,
.theme-color.small>a>span {
  display: none;
}

.lay-customizer .theme-color.header-color>a[data-value=header-blue]>span:nth-child(1):after,
.theme-color.header-color>a[data-value=header-blue]>span:nth-child(1):after {
  background: #4680ff;
}

.lay-customizer .theme-color.header-color.small>a[data-value=header-blue],
.theme-color.header-color.small>a[data-value=header-blue] {
  background: #4680ff;
}

.lay-customizer .theme-color.header-color>a[data-value=header-red]>span:nth-child(1):after,
.theme-color.header-color>a[data-value=header-red]>span:nth-child(1):after {
  background: #ff5252;
}

.lay-customizer .theme-color.header-color.small>a[data-value=header-red],
.theme-color.header-color.small>a[data-value=header-red] {
  background: #ff5252;
}

.lay-customizer .theme-color.header-color>a[data-value=header-purple]>span:nth-child(1):after,
.theme-color.header-color>a[data-value=header-purple]>span:nth-child(1):after {
  background: #536dfe;
}

.lay-customizer .theme-color.header-color.small>a[data-value=header-purple],
.theme-color.header-color.small>a[data-value=header-purple] {
  background: #536dfe;
}

.lay-customizer .theme-color.header-color>a[data-value=header-info]>span:nth-child(1):after,
.theme-color.header-color>a[data-value=header-info]>span:nth-child(1):after {
  background: #00bcd4;
}

.lay-customizer .theme-color.header-color.small>a[data-value=header-info],
.theme-color.header-color.small>a[data-value=header-info] {
  background: #00bcd4;
}

.lay-customizer .theme-color.header-color>a[data-value=header-green]>span:nth-child(1):after,
.theme-color.header-color>a[data-value=header-green]>span:nth-child(1):after {
  background: #539B00;
}

.lay-customizer .theme-color.header-color.small>a[data-value=header-green],
.theme-color.header-color.small>a[data-value=header-green] {
  background: #539B00;
}

.lay-customizer .theme-color.header-color>a[data-value=header-dark]>span:nth-child(1):after,
.theme-color.header-color>a[data-value=header-dark]>span:nth-child(1):after {
  background: #101b33;
}

.lay-customizer .theme-color.header-color.small>a[data-value=header-dark],
.theme-color.header-color.small>a[data-value=header-dark] {
  background: #101b33;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-blue],
.theme-color.background-color.flat>a[data-value=background-blue] {
  background: #4680ff;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-blue]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.flat>a[data-value=background-blue]>span:nth-child(1):before,
.theme-color.background-color.flat>a[data-value=background-blue]>span:nth-child(1):after,
.theme-color.background-color.flat>a[data-value=background-blue]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-blue]>span:nth-child(2):before,
.theme-color.background-color.flat>a[data-value=background-blue]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-blue]>span:nth-child(2):after,
.theme-color.background-color.flat>a[data-value=background-blue]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-red],
.theme-color.background-color.flat>a[data-value=background-red] {
  background: #ff5252;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-red]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.flat>a[data-value=background-red]>span:nth-child(1):before,
.theme-color.background-color.flat>a[data-value=background-red]>span:nth-child(1):after,
.theme-color.background-color.flat>a[data-value=background-red]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-red]>span:nth-child(2):before,
.theme-color.background-color.flat>a[data-value=background-red]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-red]>span:nth-child(2):after,
.theme-color.background-color.flat>a[data-value=background-red]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-purple],
.theme-color.background-color.flat>a[data-value=background-purple] {
  background: #536dfe;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-purple]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.flat>a[data-value=background-purple]>span:nth-child(1):before,
.theme-color.background-color.flat>a[data-value=background-purple]>span:nth-child(1):after,
.theme-color.background-color.flat>a[data-value=background-purple]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-purple]>span:nth-child(2):before,
.theme-color.background-color.flat>a[data-value=background-purple]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-purple]>span:nth-child(2):after,
.theme-color.background-color.flat>a[data-value=background-purple]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-info],
.theme-color.background-color.flat>a[data-value=background-info] {
  background: #00bcd4;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-info]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.flat>a[data-value=background-info]>span:nth-child(1):before,
.theme-color.background-color.flat>a[data-value=background-info]>span:nth-child(1):after,
.theme-color.background-color.flat>a[data-value=background-info]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-info]>span:nth-child(2):before,
.theme-color.background-color.flat>a[data-value=background-info]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-info]>span:nth-child(2):after,
.theme-color.background-color.flat>a[data-value=background-info]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-green],
.theme-color.background-color.flat>a[data-value=background-green] {
  background: #539B00;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-green]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.flat>a[data-value=background-green]>span:nth-child(1):before,
.theme-color.background-color.flat>a[data-value=background-green]>span:nth-child(1):after,
.theme-color.background-color.flat>a[data-value=background-green]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-green]>span:nth-child(2):before,
.theme-color.background-color.flat>a[data-value=background-green]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-green]>span:nth-child(2):after,
.theme-color.background-color.flat>a[data-value=background-green]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-dark],
.theme-color.background-color.flat>a[data-value=background-dark] {
  background: #101b33;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-dark]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.flat>a[data-value=background-dark]>span:nth-child(1):before,
.theme-color.background-color.flat>a[data-value=background-dark]>span:nth-child(1):after,
.theme-color.background-color.flat>a[data-value=background-dark]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-dark]>span:nth-child(2):before,
.theme-color.background-color.flat>a[data-value=background-dark]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.flat>a[data-value=background-dark]>span:nth-child(2):after,
.theme-color.background-color.flat>a[data-value=background-dark]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-blue],
.theme-color.background-color.gradient>a[data-value=background-grd-blue] {
  background: linear-gradient(to right, #4680ff 0%, #00f2fe 100%);
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-blue]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-blue]>span:nth-child(1):before,
.theme-color.background-color.gradient>a[data-value=background-grd-blue]>span:nth-child(1):after,
.theme-color.background-color.gradient>a[data-value=background-grd-blue]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-blue]>span:nth-child(2):before,
.theme-color.background-color.gradient>a[data-value=background-grd-blue]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-blue]>span:nth-child(2):after,
.theme-color.background-color.gradient>a[data-value=background-grd-blue]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-red],
.theme-color.background-color.gradient>a[data-value=background-grd-red] {
  background: linear-gradient(to right, #ff5252 0%, #ff9a44 100%);
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-red]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-red]>span:nth-child(1):before,
.theme-color.background-color.gradient>a[data-value=background-grd-red]>span:nth-child(1):after,
.theme-color.background-color.gradient>a[data-value=background-grd-red]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-red]>span:nth-child(2):before,
.theme-color.background-color.gradient>a[data-value=background-grd-red]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-red]>span:nth-child(2):after,
.theme-color.background-color.gradient>a[data-value=background-grd-red]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-purple],
.theme-color.background-color.gradient>a[data-value=background-grd-purple] {
  background: linear-gradient(to right, #536dfe 0%, #00adff 100%);
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-purple]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-purple]>span:nth-child(1):before,
.theme-color.background-color.gradient>a[data-value=background-grd-purple]>span:nth-child(1):after,
.theme-color.background-color.gradient>a[data-value=background-grd-purple]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-purple]>span:nth-child(2):before,
.theme-color.background-color.gradient>a[data-value=background-grd-purple]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-purple]>span:nth-child(2):after,
.theme-color.background-color.gradient>a[data-value=background-grd-purple]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-info],
.theme-color.background-color.gradient>a[data-value=background-grd-info] {
  background: linear-gradient(to right, #00bcd4 0%, #22e1ff 100%);
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-info]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-info]>span:nth-child(1):before,
.theme-color.background-color.gradient>a[data-value=background-grd-info]>span:nth-child(1):after,
.theme-color.background-color.gradient>a[data-value=background-grd-info]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-info]>span:nth-child(2):before,
.theme-color.background-color.gradient>a[data-value=background-grd-info]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-info]>span:nth-child(2):after,
.theme-color.background-color.gradient>a[data-value=background-grd-info]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-green],
.theme-color.background-color.gradient>a[data-value=background-grd-green] {
  background: linear-gradient(to right, #539B00 0%, #00e3ae 100%);
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-green]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-green]>span:nth-child(1):before,
.theme-color.background-color.gradient>a[data-value=background-grd-green]>span:nth-child(1):after,
.theme-color.background-color.gradient>a[data-value=background-grd-green]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-green]>span:nth-child(2):before,
.theme-color.background-color.gradient>a[data-value=background-grd-green]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-green]>span:nth-child(2):after,
.theme-color.background-color.gradient>a[data-value=background-grd-green]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-dark],
.theme-color.background-color.gradient>a[data-value=background-grd-dark] {
  background: linear-gradient(to right, #101b33 0%, #1f3054 100%);
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-dark]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-dark]>span:nth-child(1):before,
.theme-color.background-color.gradient>a[data-value=background-grd-dark]>span:nth-child(1):after,
.theme-color.background-color.gradient>a[data-value=background-grd-dark]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-dark]>span:nth-child(2):before,
.theme-color.background-color.gradient>a[data-value=background-grd-dark]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.gradient>a[data-value=background-grd-dark]>span:nth-child(2):after,
.theme-color.background-color.gradient>a[data-value=background-grd-dark]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.image>a,
.theme-color.background-color.image>a {
  background-size: contain;
  background-repeat: no-repeat;
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-1],
.theme-color.background-color.image>a[data-value=background-img-1] {
  background-image: url("../images/nav-bg/body-bg-1.jpg");
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-1]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.image>a[data-value=background-img-1]>span:nth-child(1):before,
.theme-color.background-color.image>a[data-value=background-img-1]>span:nth-child(1):after,
.theme-color.background-color.image>a[data-value=background-img-1]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-1]>span:nth-child(2):before,
.theme-color.background-color.image>a[data-value=background-img-1]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-1]>span:nth-child(2):after,
.theme-color.background-color.image>a[data-value=background-img-1]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-2],
.theme-color.background-color.image>a[data-value=background-img-2] {
  background-image: url("../images/nav-bg/body-bg-2.jpg");
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-2]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.image>a[data-value=background-img-2]>span:nth-child(1):before,
.theme-color.background-color.image>a[data-value=background-img-2]>span:nth-child(1):after,
.theme-color.background-color.image>a[data-value=background-img-2]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-2]>span:nth-child(2):before,
.theme-color.background-color.image>a[data-value=background-img-2]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-2]>span:nth-child(2):after,
.theme-color.background-color.image>a[data-value=background-img-2]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-3],
.theme-color.background-color.image>a[data-value=background-img-3] {
  background-image: url("../images/nav-bg/body-bg-3.jpg");
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-3]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.image>a[data-value=background-img-3]>span:nth-child(1):before,
.theme-color.background-color.image>a[data-value=background-img-3]>span:nth-child(1):after,
.theme-color.background-color.image>a[data-value=background-img-3]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-3]>span:nth-child(2):before,
.theme-color.background-color.image>a[data-value=background-img-3]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-3]>span:nth-child(2):after,
.theme-color.background-color.image>a[data-value=background-img-3]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-4],
.theme-color.background-color.image>a[data-value=background-img-4] {
  background-image: url("../images/nav-bg/body-bg-4.jpg");
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-4]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.image>a[data-value=background-img-4]>span:nth-child(1):before,
.theme-color.background-color.image>a[data-value=background-img-4]>span:nth-child(1):after,
.theme-color.background-color.image>a[data-value=background-img-4]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-4]>span:nth-child(2):before,
.theme-color.background-color.image>a[data-value=background-img-4]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-4]>span:nth-child(2):after,
.theme-color.background-color.image>a[data-value=background-img-4]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-5],
.theme-color.background-color.image>a[data-value=background-img-5] {
  background-image: url("../images/nav-bg/body-bg-5.jpg");
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-5]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.image>a[data-value=background-img-5]>span:nth-child(1):before,
.theme-color.background-color.image>a[data-value=background-img-5]>span:nth-child(1):after,
.theme-color.background-color.image>a[data-value=background-img-5]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-5]>span:nth-child(2):before,
.theme-color.background-color.image>a[data-value=background-img-5]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-5]>span:nth-child(2):after,
.theme-color.background-color.image>a[data-value=background-img-5]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-6],
.theme-color.background-color.image>a[data-value=background-img-6] {
  background-image: url("../images/nav-bg/body-bg-6.jpg");
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-6]>span:nth-child(1):after,
.lay-customizer .theme-color.background-color.image>a[data-value=background-img-6]>span:nth-child(1):before,
.theme-color.background-color.image>a[data-value=background-img-6]>span:nth-child(1):after,
.theme-color.background-color.image>a[data-value=background-img-6]>span:nth-child(1):before {
  background: transparent;
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-6]>span:nth-child(2):before,
.theme-color.background-color.image>a[data-value=background-img-6]>span:nth-child(2):before {
  background: #fff;
}

.lay-customizer .theme-color.background-color.image>a[data-value=background-img-6]>span:nth-child(2):after,
.theme-color.background-color.image>a[data-value=background-img-6]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 8px, #ecf0f5 0%);
}

.doc-img>a {
  position: relative;
  width: 130px;
  height: 80px;
  display: inline-block;
  background: #ecf0f5;
  overflow: hidden;
  box-shadow: 0 0 0 1px #e2e5e8;
}

.doc-img>a span {
  width: 100%;
  position: absolute;
}

.doc-img>a span:after,
.doc-img>a span:before {
  content: "";
  height: 100%;
  position: absolute;
}

.doc-img>a span:before {
  width: 30%;
  left: 0;
  background: #101b33;
}

.doc-img>a span:after {
  width: 70%;
  right: 0;
  background: #ecf0f5;
}

.doc-img>a>span:nth-child(1) {
  height: 20%;
  top: 0;
}

.doc-img>a>span:nth-child(1):after {
  background: #fff;
}

.doc-img>a>span:nth-child(2) {
  height: 80%;
  bottom: 0;
}

.doc-img>a>span:nth-child(2):before {
  border-radius: 0 5px 0 0;
}

.doc-img>a.active {
  border-color: #4680ff;
}

.doc-img>a.active:before {
  content: "\e83f";
  top: -4px;
  font-size: 20px;
  position: absolute;
  left: 10px;
  font-family: "feather";
  z-index: 1001;
  color: #4680ff;
  transition: 0.3s ease-in-out;
  text-shadow: 0 3px 8px rgba(70, 128, 255, 0.9), 0 3px 8px rgba(0, 0, 0, 0.1);
}

.doc-img>a.active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.65);
}

.doc-img>a[data-value=menu-light] span:before {
  background: #fff;
}

.doc-img>a[data-value=dark] span:after {
  background: black;
}

.doc-img.header-color>a[data-value=header-blue]>span:nth-child(1):after {
  background: #4680ff;
}

.doc-img.header-color>a[data-value=header-red]>span:nth-child(1):after {
  background: #ff5252;
}

.doc-img.header-color>a[data-value=header-purple]>span:nth-child(1):after {
  background: #536dfe;
}

.doc-img.header-color>a[data-value=header-info]>span:nth-child(1):after {
  background: #00bcd4;
}

.doc-img.header-color>a[data-value=header-green]>span:nth-child(1):after {
  background: #539B00;
}

.doc-img.header-color>a[data-value=header-dark]>span:nth-child(1):after {
  background: #101b33;
}

.doc-img.background-color.flat>a[data-value=background-blue] {
  background: #4680ff;
}

.doc-img.background-color.flat>a[data-value=background-blue]>span:nth-child(1):after,
.doc-img.background-color.flat>a[data-value=background-blue]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.flat>a[data-value=background-blue]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.flat>a[data-value=background-blue]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.flat>a[data-value=background-red] {
  background: #ff5252;
}

.doc-img.background-color.flat>a[data-value=background-red]>span:nth-child(1):after,
.doc-img.background-color.flat>a[data-value=background-red]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.flat>a[data-value=background-red]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.flat>a[data-value=background-red]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.flat>a[data-value=background-purple] {
  background: #536dfe;
}

.doc-img.background-color.flat>a[data-value=background-purple]>span:nth-child(1):after,
.doc-img.background-color.flat>a[data-value=background-purple]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.flat>a[data-value=background-purple]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.flat>a[data-value=background-purple]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.flat>a[data-value=background-info] {
  background: #00bcd4;
}

.doc-img.background-color.flat>a[data-value=background-info]>span:nth-child(1):after,
.doc-img.background-color.flat>a[data-value=background-info]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.flat>a[data-value=background-info]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.flat>a[data-value=background-info]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.flat>a[data-value=background-green] {
  background: #539B00;
}

.doc-img.background-color.flat>a[data-value=background-green]>span:nth-child(1):after,
.doc-img.background-color.flat>a[data-value=background-green]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.flat>a[data-value=background-green]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.flat>a[data-value=background-green]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.flat>a[data-value=background-dark] {
  background: #101b33;
}

.doc-img.background-color.flat>a[data-value=background-dark]>span:nth-child(1):after,
.doc-img.background-color.flat>a[data-value=background-dark]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.flat>a[data-value=background-dark]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.flat>a[data-value=background-dark]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.gradient>a[data-value=background-grd-blue] {
  background: linear-gradient(to right, #4680ff 0%, #00f2fe 100%);
}

.doc-img.background-color.gradient>a[data-value=background-grd-blue]>span:nth-child(1):after,
.doc-img.background-color.gradient>a[data-value=background-grd-blue]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.gradient>a[data-value=background-grd-blue]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.gradient>a[data-value=background-grd-blue]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.gradient>a[data-value=background-grd-red] {
  background: linear-gradient(to right, #ff5252 0%, #ff9a44 100%);
}

.doc-img.background-color.gradient>a[data-value=background-grd-red]>span:nth-child(1):after,
.doc-img.background-color.gradient>a[data-value=background-grd-red]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.gradient>a[data-value=background-grd-red]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.gradient>a[data-value=background-grd-red]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.gradient>a[data-value=background-grd-purple] {
  background: linear-gradient(to right, #536dfe 0%, #00adff 100%);
}

.doc-img.background-color.gradient>a[data-value=background-grd-purple]>span:nth-child(1):after,
.doc-img.background-color.gradient>a[data-value=background-grd-purple]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.gradient>a[data-value=background-grd-purple]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.gradient>a[data-value=background-grd-purple]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.gradient>a[data-value=background-grd-info] {
  background: linear-gradient(to right, #00bcd4 0%, #22e1ff 100%);
}

.doc-img.background-color.gradient>a[data-value=background-grd-info]>span:nth-child(1):after,
.doc-img.background-color.gradient>a[data-value=background-grd-info]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.gradient>a[data-value=background-grd-info]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.gradient>a[data-value=background-grd-info]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.gradient>a[data-value=background-grd-green] {
  background: linear-gradient(to right, #539B00 0%, #00e3ae 100%);
}

.doc-img.background-color.gradient>a[data-value=background-grd-green]>span:nth-child(1):after,
.doc-img.background-color.gradient>a[data-value=background-grd-green]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.gradient>a[data-value=background-grd-green]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.gradient>a[data-value=background-grd-green]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.gradient>a[data-value=background-grd-dark] {
  background: linear-gradient(to right, #101b33 0%, #1f3054 100%);
}

.doc-img.background-color.gradient>a[data-value=background-grd-dark]>span:nth-child(1):after,
.doc-img.background-color.gradient>a[data-value=background-grd-dark]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.gradient>a[data-value=background-grd-dark]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.gradient>a[data-value=background-grd-dark]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.image>a {
  background-size: cover;
  background-repeat: no-repeat;
}

.doc-img.background-color.image>a[data-value=background-img-1] {
  background-image: url("../images/nav-bg/body-bg-1.jpg");
}

.doc-img.background-color.image>a[data-value=background-img-1]>span:nth-child(1):after,
.doc-img.background-color.image>a[data-value=background-img-1]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.image>a[data-value=background-img-1]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.image>a[data-value=background-img-1]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.image>a[data-value=background-img-2] {
  background-image: url("../images/nav-bg/body-bg-2.jpg");
}

.doc-img.background-color.image>a[data-value=background-img-2]>span:nth-child(1):after,
.doc-img.background-color.image>a[data-value=background-img-2]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.image>a[data-value=background-img-2]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.image>a[data-value=background-img-2]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.image>a[data-value=background-img-3] {
  background-image: url("../images/nav-bg/body-bg-3.jpg");
}

.doc-img.background-color.image>a[data-value=background-img-3]>span:nth-child(1):after,
.doc-img.background-color.image>a[data-value=background-img-3]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.image>a[data-value=background-img-3]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.image>a[data-value=background-img-3]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.image>a[data-value=background-img-4] {
  background-image: url("../images/nav-bg/body-bg-4.jpg");
}

.doc-img.background-color.image>a[data-value=background-img-4]>span:nth-child(1):after,
.doc-img.background-color.image>a[data-value=background-img-4]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.image>a[data-value=background-img-4]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.image>a[data-value=background-img-4]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.image>a[data-value=background-img-5] {
  background-image: url("../images/nav-bg/body-bg-5.jpg");
}

.doc-img.background-color.image>a[data-value=background-img-5]>span:nth-child(1):after,
.doc-img.background-color.image>a[data-value=background-img-5]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.image>a[data-value=background-img-5]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.image>a[data-value=background-img-5]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

.doc-img.background-color.image>a[data-value=background-img-6] {
  background-image: url("../images/nav-bg/body-bg-6.jpg");
}

.doc-img.background-color.image>a[data-value=background-img-6]>span:nth-child(1):after,
.doc-img.background-color.image>a[data-value=background-img-6]>span:nth-child(1):before {
  background: transparent;
}

.doc-img.background-color.image>a[data-value=background-img-6]>span:nth-child(2):before {
  background: #fff;
}

.doc-img.background-color.image>a[data-value=background-img-6]>span:nth-child(2):after {
  background: linear-gradient(to bottom, transparent 20px, #ecf0f5 0%);
}

/* ===================================================================================
 ==========================    Diffrent Layout Styles Start     ====================
 ===================================================================================
 ====== [ light menu style start ] ======== */
.pcoded-navbar.menu-light {
  background-color: #fff;
  color: #535763;
}

@media (max-width:991.9px) {
  .pcoded-navbar.menu-light {
    z-index: 9999;
  }

  /* .pcoded-navbar.theme-horizontal{
        top:90px;
    } */
}

.pcoded-navbar.menu-light .header-logo {
  background-color: #101b33;
}

.pcoded-navbar.menu-light .header-logo .logo-dark {
  display: none;
}

.pcoded-navbar.menu-light .header-logo .logo-main {
  display: block;
}

.pcoded-navbar.menu-light .sidenav-horizontal-next,
.pcoded-navbar.menu-light .sidenav-horizontal-prev {
  background: #fff;
}

.pcoded-navbar.menu-light .main-menu-header+div .list-inline {
  border-top-color: rgba(151, 167, 193, 0.5);
  border-bottom-color: rgba(151, 167, 193, 0.5);
}

.pcoded-navbar.menu-light .mobile-menu span {
  background-color: rgba(255, 255, 255, 0.8);
}

.pcoded-navbar.menu-light .mobile-menu span:after,
.pcoded-navbar.menu-light .mobile-menu span:before {
  background-color: rgba(255, 255, 255, 0.8);
}

.pcoded-navbar.menu-light .mobile-menu.on span {
  background-color: transparent;
}

.pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li+li>a {
  border-top: 1px solid rgba(151, 167, 193, 0.5);
}

.pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.active>a:before,
.pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.pcoded-trigger>a:before,
.pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li:hover>a:before {
  color: var(--main-link-color);
}

.pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li+li>a {
  border-top-color: #ededed;
}

.pcoded-navbar.menu-light .pcoded-submenu {
  background: #fff;
}

.pcoded-navbar.menu-light a {
  color: #535763;
}

.pcoded-navbar.menu-light.navbar-collapsed .pcoded-menu-caption:after {
  background: rgba(0, 0, 0, 0.1);
}

.pcoded-navbar.menu-light.navbar-collapsed:hover .pcoded-menu-caption:after {
  background: transparent;
}

.pcoded-navbar.menu-light .pcoded-menu-caption {
  color: #535763;
}

.pcoded-navbar.menu-light .pcoded-inner-navbar li.active>a,
.pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-trigger>a,
.pcoded-navbar.menu-light .pcoded-inner-navbar li:hover>a {
  color: #4680ff;
  background: transparent;
}

.pcoded-navbar.menu-light .pcoded-inner-navbar>li.active>a,
.pcoded-navbar.menu-light .pcoded-inner-navbar>li.pcoded-trigger>a {
  background: #4680ff;
  color: #fff;
}

.pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar>li.active a,
.pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar>li.pcoded-trigger a,
.pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar>li:hover a {
  color: #535763;
  background: transparent;
}

.pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar>li.pcoded-hasmenu.active:before,
.pcoded-navbar.menu-light.theme-horizontal .pcoded-inner-navbar>li.pcoded-hasmenu.pcoded-trigger:before {
  color: #fff;
}

/* ====== [ light menu style end ] ======== */
/* ====== [ Header color start ] ======== */
.pcoded-header[class*=header-] .mobile-menu span {
  background-color: rgba(255, 255, 255, 0.8);
}

.pcoded-header[class*=header-] .mobile-menu span:after,
.pcoded-header[class*=header-] .mobile-menu span:before {
  background-color: rgba(255, 255, 255, 0.8);
}

.pcoded-header[class*=header-] .mobile-menu:hover span {
  background-color: #fff;
}

.pcoded-header[class*=header-] .mobile-menu:hover span:after,
.pcoded-header[class*=header-] .mobile-menu:hover span:before {
  background-color: #fff;
}

@media only screen and (min-width: 992px) {

  .pcoded-header[class*=header-] .page-header .breadcrumb-item+.breadcrumb-item::before,
  .pcoded-header[class*=header-] .page-header .page-header-title+.breadcrumb>.breadcrumb-item a,
  .pcoded-header[class*=header-] .page-header h5,
  .pcoded-header[class*=header-] .page-header .h5 {
    color: #fff;
  }
}

.pcoded-header.header-blue {
  background: #4680ff;
  color: rgba(255, 255, 255, 0.8);
}

.pcoded-header.header-blue:not(.headerpos-fixed) {
  background: #03306E;
}

.pcoded-header.header-blue .profile-notification li>a {
  color: #373a3c;
}

.pcoded-header.header-blue .profile-notification li.active,
.pcoded-header.header-blue .profile-notification li:active,
.pcoded-header.header-blue .profile-notification li:focus,
.pcoded-header.header-blue .profile-notification li:hover {
  background: rgba(70, 128, 255, 0.1);
}

.pcoded-header.header-blue .profile-notification li.active>a,
.pcoded-header.header-blue .profile-notification li:active>a,
.pcoded-header.header-blue .profile-notification li:focus>a,
.pcoded-header.header-blue .profile-notification li:hover>a {
  background: transparent;
}

.pcoded-header.header-blue .dropdown-menu {
  color: #373a3c;
}

.pcoded-header.header-blue .dropdown-menu a {
  color: #373a3c;
}

.pcoded-header.header-blue .dropdown-menu>li>a {
  color: #373a3c;
}

.pcoded-header.header-blue .dropdown-menu>li.active,
.pcoded-header.header-blue .dropdown-menu>li:active,
.pcoded-header.header-blue .dropdown-menu>li:focus,
.pcoded-header.header-blue .dropdown-menu>li:hover {
  background: rgba(70, 128, 255, 0.1);
  color: #373a3c;
}

.pcoded-header.header-blue .dropdown-menu>li.active>a,
.pcoded-header.header-blue .dropdown-menu>li:active>a,
.pcoded-header.header-blue .dropdown-menu>li:focus>a,
.pcoded-header.header-blue .dropdown-menu>li:hover>a {
  background: transparent;
}

.pcoded-header.header-blue .input-group .input-group-text,
.pcoded-header.header-blue a,
.pcoded-header.header-blue dropdown-toggle {
  color: rgba(255, 255, 255, 0.8);
}

.pcoded-header.header-blue .input-group .input-group-text:hover,
.pcoded-header.header-blue a:hover,
.pcoded-header.header-blue dropdown-toggle:hover {
  color: #fff;
}

@media only screen and (max-width: 991px) {

  .pcoded-header.header-blue .input-group .input-group-text,
  .pcoded-header.header-blue a,
  .pcoded-header.header-blue dropdown-toggle {
    color: #535763;
  }

  .pcoded-header.header-blue .input-group .input-group-text:hover,
  .pcoded-header.header-blue a:hover,
  .pcoded-header.header-blue dropdown-toggle:hover {
    color: #3c3f47;
  }
}

@media only screen and (max-width: 991px) {
  .pcoded-header.header-blue .m-header>a {
    color: #fff;
  }
}

.pcoded-header.header-blue .main-search .search-close>.input-group-text {
  color: #4680ff;
}

.pcoded-header.header-blue .main-search.open .input-group {
  background: rgba(255, 255, 255, 0.25);
  border: 0 solid rgba(255, 255, 255, 0.25);
  padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
  .pcoded-header.header-blue .main-search.open .input-group {
    background: #ecf0f5;
  }
}

@media only screen and (min-width: 992px) {
  .pcoded-header.header-blue .main-search.open .input-group .form-control {
    color: #fff;
  }

  .pcoded-header.header-blue .main-search.open .input-group .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }

  .pcoded-header.header-blue .main-search.open .input-group .form-control:-ms-input-placeholder {
    color: #fff;
  }

  .pcoded-header.header-blue .main-search.open .input-group .form-control::-webkit-input-placeholder {
    color: #fff;
  }
}

.pcoded-header.header-blue .main-search.open .input-group .search-btn {
  background: #4680ff;
  border-color: #4680ff;
}

.pcoded-header.header-blue .main-search.open .input-group .search-btn .input-group-text {
  color: #fff;
}

.pcoded-header.header-blue .dropdown .notification .noti-head a {
  color: #fff;
}

.pcoded-header.header-blue .dropdown .notification .noti-body li.notification:hover {
  background: rgba(70, 128, 255, 0.1);
}

.pcoded-header.header-blue .dropdown .profile-notification .pro-head {
  color: #fff;
}

.pcoded-header.header-blue .dropdown .profile-notification .pro-head .dud-logout {
  color: #fff;
}

.pcoded-header.header-blue .b-bg {
  background: #fff;
  color: #4680ff;
}

.pcoded-header.header-red {
  background: #ff5252;
  color: rgba(255, 255, 255, 0.8);
}

.pcoded-header.header-red:not(.headerpos-fixed) {
  background: transparent;
}

.pcoded-header.header-red .profile-notification li>a {
  color: #373a3c;
}

.pcoded-header.header-red .profile-notification li.active,
.pcoded-header.header-red .profile-notification li:active,
.pcoded-header.header-red .profile-notification li:focus,
.pcoded-header.header-red .profile-notification li:hover {
  background: rgba(255, 82, 82, 0.1);
}

.pcoded-header.header-red .profile-notification li.active>a,
.pcoded-header.header-red .profile-notification li:active>a,
.pcoded-header.header-red .profile-notification li:focus>a,
.pcoded-header.header-red .profile-notification li:hover>a {
  background: transparent;
}

.pcoded-header.header-red .dropdown-menu {
  color: #373a3c;
}

.pcoded-header.header-red .dropdown-menu a {
  color: #373a3c;
}

.pcoded-header.header-red .dropdown-menu>li>a {
  color: #373a3c;
}

.pcoded-header.header-red .dropdown-menu>li.active,
.pcoded-header.header-red .dropdown-menu>li:active,
.pcoded-header.header-red .dropdown-menu>li:focus,
.pcoded-header.header-red .dropdown-menu>li:hover {
  background: rgba(255, 82, 82, 0.1);
  color: #373a3c;
}

.pcoded-header.header-red .dropdown-menu>li.active>a,
.pcoded-header.header-red .dropdown-menu>li:active>a,
.pcoded-header.header-red .dropdown-menu>li:focus>a,
.pcoded-header.header-red .dropdown-menu>li:hover>a {
  background: transparent;
}

.pcoded-header.header-red .input-group .input-group-text,
.pcoded-header.header-red a,
.pcoded-header.header-red dropdown-toggle {
  color: rgba(255, 255, 255, 0.8);
}

.pcoded-header.header-red .input-group .input-group-text:hover,
.pcoded-header.header-red a:hover,
.pcoded-header.header-red dropdown-toggle:hover {
  color: #fff;
}

@media only screen and (max-width: 991px) {

  .pcoded-header.header-red .input-group .input-group-text,
  .pcoded-header.header-red a,
  .pcoded-header.header-red dropdown-toggle {
    color: #535763;
  }

  .pcoded-header.header-red .input-group .input-group-text:hover,
  .pcoded-header.header-red a:hover,
  .pcoded-header.header-red dropdown-toggle:hover {
    color: #3c3f47;
  }
}

@media only screen and (max-width: 991px) {
  .pcoded-header.header-red .m-header>a {
    color: #fff;
  }
}

.pcoded-header.header-red .main-search .search-close>.input-group-text {
  color: #ff5252;
}

.pcoded-header.header-red .main-search.open .input-group {
  background: rgba(255, 255, 255, 0.25);
  border: 0 solid rgba(255, 255, 255, 0.25);
  padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
  .pcoded-header.header-red .main-search.open .input-group {
    background: #ecf0f5;
  }
}

@media only screen and (min-width: 992px) {
  .pcoded-header.header-red .main-search.open .input-group .form-control {
    color: #fff;
  }

  .pcoded-header.header-red .main-search.open .input-group .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }

  .pcoded-header.header-red .main-search.open .input-group .form-control:-ms-input-placeholder {
    color: #fff;
  }

  .pcoded-header.header-red .main-search.open .input-group .form-control::-webkit-input-placeholder {
    color: #fff;
  }
}

.pcoded-header.header-red .main-search.open .input-group .search-btn {
  background: #ff5252;
  border-color: #ff5252;
}

.pcoded-header.header-red .main-search.open .input-group .search-btn .input-group-text {
  color: #fff;
}

.pcoded-header.header-red .dropdown .notification .noti-head a {
  color: #fff;
}

.pcoded-header.header-red .dropdown .notification .noti-body li.notification:hover {
  background: rgba(255, 82, 82, 0.1);
}

.pcoded-header.header-red .dropdown .profile-notification .pro-head {
  color: #fff;
}

.pcoded-header.header-red .dropdown .profile-notification .pro-head .dud-logout {
  color: #fff;
}

.pcoded-header.header-red .b-bg {
  background: #fff;
  color: #ff5252;
}

.pcoded-header.header-purple {
  background: #536dfe;
  color: rgba(255, 255, 255, 0.8);
}

.pcoded-header.header-purple:not(.headerpos-fixed) {
  background: transparent;
}

.pcoded-header.header-purple .profile-notification li>a {
  color: #373a3c;
}

.pcoded-header.header-purple .profile-notification li.active,
.pcoded-header.header-purple .profile-notification li:active,
.pcoded-header.header-purple .profile-notification li:focus,
.pcoded-header.header-purple .profile-notification li:hover {
  background: rgba(83, 109, 254, 0.1);
}

.pcoded-header.header-purple .profile-notification li.active>a,
.pcoded-header.header-purple .profile-notification li:active>a,
.pcoded-header.header-purple .profile-notification li:focus>a,
.pcoded-header.header-purple .profile-notification li:hover>a {
  background: transparent;
}

.pcoded-header.header-purple .dropdown-menu {
  color: #373a3c;
}

.pcoded-header.header-purple .dropdown-menu a {
  color: #373a3c;
}

.pcoded-header.header-purple .dropdown-menu>li>a {
  color: #373a3c;
}

.pcoded-header.header-purple .dropdown-menu>li.active,
.pcoded-header.header-purple .dropdown-menu>li:active,
.pcoded-header.header-purple .dropdown-menu>li:focus,
.pcoded-header.header-purple .dropdown-menu>li:hover {
  background: rgba(83, 109, 254, 0.1);
  color: #373a3c;
}

.pcoded-header.header-purple .dropdown-menu>li.active>a,
.pcoded-header.header-purple .dropdown-menu>li:active>a,
.pcoded-header.header-purple .dropdown-menu>li:focus>a,
.pcoded-header.header-purple .dropdown-menu>li:hover>a {
  background: transparent;
}

.pcoded-header.header-purple .input-group .input-group-text,
.pcoded-header.header-purple a,
.pcoded-header.header-purple dropdown-toggle {
  color: rgba(255, 255, 255, 0.8);
}

.pcoded-header.header-purple .input-group .input-group-text:hover,
.pcoded-header.header-purple a:hover,
.pcoded-header.header-purple dropdown-toggle:hover {
  color: #fff;
}

@media only screen and (max-width: 991px) {

  .pcoded-header.header-purple .input-group .input-group-text,
  .pcoded-header.header-purple a,
  .pcoded-header.header-purple dropdown-toggle {
    color: #535763;
  }

  .pcoded-header.header-purple .input-group .input-group-text:hover,
  .pcoded-header.header-purple a:hover,
  .pcoded-header.header-purple dropdown-toggle:hover {
    color: #3c3f47;
  }
}

@media only screen and (max-width: 991px) {
  .pcoded-header.header-purple .m-header>a {
    color: #fff;
  }
}

.pcoded-header.header-purple .main-search .search-close>.input-group-text {
  color: #536dfe;
}

.pcoded-header.header-purple .main-search.open .input-group {
  background: rgba(255, 255, 255, 0.25);
  border: 0 solid rgba(255, 255, 255, 0.25);
  padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
  .pcoded-header.header-purple .main-search.open .input-group {
    background: #ecf0f5;
  }
}

@media only screen and (min-width: 992px) {
  .pcoded-header.header-purple .main-search.open .input-group .form-control {
    color: #fff;
  }

  .pcoded-header.header-purple .main-search.open .input-group .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }

  .pcoded-header.header-purple .main-search.open .input-group .form-control:-ms-input-placeholder {
    color: #fff;
  }

  .pcoded-header.header-purple .main-search.open .input-group .form-control::-webkit-input-placeholder {
    color: #fff;
  }
}

.pcoded-header.header-purple .main-search.open .input-group .search-btn {
  background: #536dfe;
  border-color: #536dfe;
}

.pcoded-header.header-purple .main-search.open .input-group .search-btn .input-group-text {
  color: #fff;
}

.pcoded-header.header-purple .dropdown .notification .noti-head a {
  color: #fff;
}

.pcoded-header.header-purple .dropdown .notification .noti-body li.notification:hover {
  background: rgba(83, 109, 254, 0.1);
}

.pcoded-header.header-purple .dropdown .profile-notification .pro-head {
  color: #fff;
}

.pcoded-header.header-purple .dropdown .profile-notification .pro-head .dud-logout {
  color: #fff;
}

.pcoded-header.header-purple .b-bg {
  background: #fff;
  color: #536dfe;
}

.pcoded-header.header-info {
  background: #00bcd4;
  color: rgba(255, 255, 255, 0.8);
}

.pcoded-header.header-info:not(.headerpos-fixed) {
  background: transparent;
}

.pcoded-header.header-info .profile-notification li>a {
  color: #373a3c;
}

.pcoded-header.header-info .profile-notification li.active,
.pcoded-header.header-info .profile-notification li:active,
.pcoded-header.header-info .profile-notification li:focus,
.pcoded-header.header-info .profile-notification li:hover {
  background: rgba(0, 188, 212, 0.1);
}

.pcoded-header.header-info .profile-notification li.active>a,
.pcoded-header.header-info .profile-notification li:active>a,
.pcoded-header.header-info .profile-notification li:focus>a,
.pcoded-header.header-info .profile-notification li:hover>a {
  background: transparent;
}

.pcoded-header.header-info .dropdown-menu {
  color: #373a3c;
}

.pcoded-header.header-info .dropdown-menu a {
  color: #373a3c;
}

.pcoded-header.header-info .dropdown-menu>li>a {
  color: #373a3c;
}

.pcoded-header.header-info .dropdown-menu>li.active,
.pcoded-header.header-info .dropdown-menu>li:active,
.pcoded-header.header-info .dropdown-menu>li:focus,
.pcoded-header.header-info .dropdown-menu>li:hover {
  background: rgba(0, 188, 212, 0.1);
  color: #373a3c;
}

.pcoded-header.header-info .dropdown-menu>li.active>a,
.pcoded-header.header-info .dropdown-menu>li:active>a,
.pcoded-header.header-info .dropdown-menu>li:focus>a,
.pcoded-header.header-info .dropdown-menu>li:hover>a {
  background: transparent;
}

.pcoded-header.header-info .input-group .input-group-text,
.pcoded-header.header-info a,
.pcoded-header.header-info dropdown-toggle {
  color: rgba(255, 255, 255, 0.8);
}

.pcoded-header.header-info .input-group .input-group-text:hover,
.pcoded-header.header-info a:hover,
.pcoded-header.header-info dropdown-toggle:hover {
  color: #fff;
}

@media only screen and (max-width: 991px) {

  .pcoded-header.header-info .input-group .input-group-text,
  .pcoded-header.header-info a,
  .pcoded-header.header-info dropdown-toggle {
    color: #535763;
  }

  .pcoded-header.header-info .input-group .input-group-text:hover,
  .pcoded-header.header-info a:hover,
  .pcoded-header.header-info dropdown-toggle:hover {
    color: #3c3f47;
  }
}

@media only screen and (max-width: 991px) {
  .pcoded-header.header-info .m-header>a {
    color: #fff;
  }
}

.pcoded-header.header-info .main-search .search-close>.input-group-text {
  color: #00bcd4;
}

.pcoded-header.header-info .main-search.open .input-group {
  background: rgba(255, 255, 255, 0.25);
  border: 0 solid rgba(255, 255, 255, 0.25);
  padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
  .pcoded-header.header-info .main-search.open .input-group {
    background: #ecf0f5;
  }
}

@media only screen and (min-width: 992px) {
  .pcoded-header.header-info .main-search.open .input-group .form-control {
    color: #fff;
  }

  .pcoded-header.header-info .main-search.open .input-group .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }

  .pcoded-header.header-info .main-search.open .input-group .form-control:-ms-input-placeholder {
    color: #fff;
  }

  .pcoded-header.header-info .main-search.open .input-group .form-control::-webkit-input-placeholder {
    color: #fff;
  }
}

.pcoded-header.header-info .main-search.open .input-group .search-btn {
  background: #00bcd4;
  border-color: #00bcd4;
}

.pcoded-header.header-info .main-search.open .input-group .search-btn .input-group-text {
  color: #fff;
}

.pcoded-header.header-info .dropdown .notification .noti-head a {
  color: #fff;
}

.pcoded-header.header-info .dropdown .notification .noti-body li.notification:hover {
  background: rgba(0, 188, 212, 0.1);
}

.pcoded-header.header-info .dropdown .profile-notification .pro-head {
  color: #fff;
}

.pcoded-header.header-info .dropdown .profile-notification .pro-head .dud-logout {
  color: #fff;
}

.pcoded-header.header-info .b-bg {
  background: #fff;
  color: #00bcd4;
}

.pcoded-header.header-green {
  background: #539B00;
  color: rgba(255, 255, 255, 0.8);
}

.pcoded-header.header-green:not(.headerpos-fixed) {
  background: transparent;
}

.pcoded-header.header-green .profile-notification li>a {
  color: #373a3c;
}

.pcoded-header.header-green .profile-notification li.active,
.pcoded-header.header-green .profile-notification li:active,
.pcoded-header.header-green .profile-notification li:focus,
.pcoded-header.header-green .profile-notification li:hover {
  background: rgba(156, 204, 101, 0.1);
}

.pcoded-header.header-green .profile-notification li.active>a,
.pcoded-header.header-green .profile-notification li:active>a,
.pcoded-header.header-green .profile-notification li:focus>a,
.pcoded-header.header-green .profile-notification li:hover>a {
  background: transparent;
}

.pcoded-header.header-green .dropdown-menu {
  color: #373a3c;
}

.pcoded-header.header-green .dropdown-menu a {
  color: #373a3c;
}

.pcoded-header.header-green .dropdown-menu>li>a {
  color: #373a3c;
}

.pcoded-header.header-green .dropdown-menu>li.active,
.pcoded-header.header-green .dropdown-menu>li:active,
.pcoded-header.header-green .dropdown-menu>li:focus,
.pcoded-header.header-green .dropdown-menu>li:hover {
  background: rgba(156, 204, 101, 0.1);
  color: #373a3c;
}

.pcoded-header.header-green .dropdown-menu>li.active>a,
.pcoded-header.header-green .dropdown-menu>li:active>a,
.pcoded-header.header-green .dropdown-menu>li:focus>a,
.pcoded-header.header-green .dropdown-menu>li:hover>a {
  background: transparent;
}

.pcoded-header.header-green .input-group .input-group-text,
.pcoded-header.header-green a,
.pcoded-header.header-green dropdown-toggle {
  color: rgba(255, 255, 255, 0.8);
}

.pcoded-header.header-green .input-group .input-group-text:hover,
.pcoded-header.header-green a:hover,
.pcoded-header.header-green dropdown-toggle:hover {
  color: #fff;
}

@media only screen and (max-width: 991px) {

  .pcoded-header.header-green .input-group .input-group-text,
  .pcoded-header.header-green a,
  .pcoded-header.header-green dropdown-toggle {
    color: #535763;
  }

  .pcoded-header.header-green .input-group .input-group-text:hover,
  .pcoded-header.header-green a:hover,
  .pcoded-header.header-green dropdown-toggle:hover {
    color: #3c3f47;
  }
}

@media only screen and (max-width: 991px) {
  .pcoded-header.header-green .m-header>a {
    color: #fff;
  }
}

.pcoded-header.header-green .main-search .search-close>.input-group-text {
  color: #539B00;
}

.pcoded-header.header-green .main-search.open .input-group {
  background: rgba(255, 255, 255, 0.25);
  border: 0 solid rgba(255, 255, 255, 0.25);
  padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
  .pcoded-header.header-green .main-search.open .input-group {
    background: #ecf0f5;
  }
}

@media only screen and (min-width: 992px) {
  .pcoded-header.header-green .main-search.open .input-group .form-control {
    color: #fff;
  }

  .pcoded-header.header-green .main-search.open .input-group .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }

  .pcoded-header.header-green .main-search.open .input-group .form-control:-ms-input-placeholder {
    color: #fff;
  }

  .pcoded-header.header-green .main-search.open .input-group .form-control::-webkit-input-placeholder {
    color: #fff;
  }
}

.pcoded-header.header-green .main-search.open .input-group .search-btn {
  background: #539B00;
  border-color: #539B00;
}

.pcoded-header.header-green .main-search.open .input-group .search-btn .input-group-text {
  color: #fff;
}

.pcoded-header.header-green .dropdown .notification .noti-head a {
  color: #fff;
}

.pcoded-header.header-green .dropdown .notification .noti-body li.notification:hover {
  background: rgba(156, 204, 101, 0.1);
}

.pcoded-header.header-green .dropdown .profile-notification .pro-head {
  color: #fff;
}

.pcoded-header.header-green .dropdown .profile-notification .pro-head .dud-logout {
  color: #fff;
}

.pcoded-header.header-green .b-bg {
  background: #fff;
  color: #539B00;
}

.pcoded-header.header-dark {
  background: #101b33;
  color: rgba(255, 255, 255, 0.8);
}

.pcoded-header.header-dark:not(.headerpos-fixed) {
  background: transparent;
}

.pcoded-header.header-dark .profile-notification li>a {
  color: #373a3c;
}

.pcoded-header.header-dark .profile-notification li.active,
.pcoded-header.header-dark .profile-notification li:active,
.pcoded-header.header-dark .profile-notification li:focus,
.pcoded-header.header-dark .profile-notification li:hover {
  background: rgba(16, 27, 51, 0.1);
}

.pcoded-header.header-dark .profile-notification li.active>a,
.pcoded-header.header-dark .profile-notification li:active>a,
.pcoded-header.header-dark .profile-notification li:focus>a,
.pcoded-header.header-dark .profile-notification li:hover>a {
  background: transparent;
}

.pcoded-header.header-dark .dropdown-menu {
  color: #373a3c;
}

.pcoded-header.header-dark .dropdown-menu a {
  color: #373a3c;
}

.pcoded-header.header-dark .dropdown-menu>li>a {
  color: #373a3c;
}

.pcoded-header.header-dark .dropdown-menu>li.active,
.pcoded-header.header-dark .dropdown-menu>li:active,
.pcoded-header.header-dark .dropdown-menu>li:focus,
.pcoded-header.header-dark .dropdown-menu>li:hover {
  background: rgba(16, 27, 51, 0.1);
  color: #373a3c;
}

.pcoded-header.header-dark .dropdown-menu>li.active>a,
.pcoded-header.header-dark .dropdown-menu>li:active>a,
.pcoded-header.header-dark .dropdown-menu>li:focus>a,
.pcoded-header.header-dark .dropdown-menu>li:hover>a {
  background: transparent;
}

.pcoded-header.header-dark .input-group .input-group-text,
.pcoded-header.header-dark a,
.pcoded-header.header-dark dropdown-toggle {
  color: rgba(255, 255, 255, 0.8);
}

.pcoded-header.header-dark .input-group .input-group-text:hover,
.pcoded-header.header-dark a:hover,
.pcoded-header.header-dark dropdown-toggle:hover {
  color: #fff;
}

@media only screen and (max-width: 991px) {

  .pcoded-header.header-dark .input-group .input-group-text,
  .pcoded-header.header-dark a,
  .pcoded-header.header-dark dropdown-toggle {
    color: #535763;
  }

  .pcoded-header.header-dark .input-group .input-group-text:hover,
  .pcoded-header.header-dark a:hover,
  .pcoded-header.header-dark dropdown-toggle:hover {
    color: #3c3f47;
  }
}

@media only screen and (max-width: 991px) {
  .pcoded-header.header-dark .m-header>a {
    color: #fff;
  }
}

.pcoded-header.header-dark .main-search .search-close>.input-group-text {
  color: #101b33;
}

.pcoded-header.header-dark .main-search.open .input-group {
  background: rgba(255, 255, 255, 0.25);
  border: 0 solid rgba(255, 255, 255, 0.25);
  padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
  .pcoded-header.header-dark .main-search.open .input-group {
    background: #ecf0f5;
  }
}

@media only screen and (min-width: 992px) {
  .pcoded-header.header-dark .main-search.open .input-group .form-control {
    color: #fff;
  }

  .pcoded-header.header-dark .main-search.open .input-group .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }

  .pcoded-header.header-dark .main-search.open .input-group .form-control:-ms-input-placeholder {
    color: #fff;
  }

  .pcoded-header.header-dark .main-search.open .input-group .form-control::-webkit-input-placeholder {
    color: #fff;
  }
}

.pcoded-header.header-dark .main-search.open .input-group .search-btn {
  background: #101b33;
  border-color: #101b33;
}

.pcoded-header.header-dark .main-search.open .input-group .search-btn .input-group-text {
  color: #fff;
}

.pcoded-header.header-dark .dropdown .notification .noti-head a {
  color: #fff;
}

.pcoded-header.header-dark .dropdown .notification .noti-body li.notification:hover {
  background: rgba(16, 27, 51, 0.1);
}

.pcoded-header.header-dark .dropdown .profile-notification .pro-head {
  color: #fff;
}

.pcoded-header.header-dark .dropdown .profile-notification .pro-head .dud-logout {
  color: #fff;
}

.pcoded-header.header-dark .b-bg {
  background: #fff;
  color: #101b33;
}

body.background-blue {
  background: #4680ff;
}

body.background-blue .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background: #4680ff;
}

body.background-red {
  background: #ff5252;
}

body.background-red .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background: #ff5252;
}

body.background-purple {
  background: #536dfe;
}

body.background-purple .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background: #536dfe;
}

body.background-info {
  background: #00bcd4;
}

body.background-info .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background: #00bcd4;
}

body.background-green {
  background: #539B00;
}

body.background-green .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background: #539B00;
}

body.background-dark {
  background: #101b33;
}

body.background-dark .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background: #101b33;
}

body.background-grd-blue {
  background: linear-gradient(to right, #4680ff 0%, #00f2fe 100%);
}

body.background-grd-blue .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background: linear-gradient(to right, #4680ff 0%, #00f2fe 100%);
}

body.background-grd-red {
  background: linear-gradient(to right, #ff5252 0%, #ff9a44 100%);
}

body.background-grd-red .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background: linear-gradient(to right, #ff5252 0%, #ff9a44 100%);
}

body.background-grd-purple {
  background: linear-gradient(to right, #536dfe 0%, #00adff 100%);
}

body.background-grd-purple .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background: linear-gradient(to right, #536dfe 0%, #00adff 100%);
}

body.background-grd-info {
  background: linear-gradient(to right, #00bcd4 0%, #22e1ff 100%);
}

body.background-grd-info .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background: linear-gradient(to right, #00bcd4 0%, #22e1ff 100%);
}

body.background-grd-green {
  background: linear-gradient(to right, #539B00 0%, #00e3ae 100%);
}

body.background-grd-green .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background: linear-gradient(to right, #539B00 0%, #00e3ae 100%);
}

body.background-grd-dark {
  background: linear-gradient(to right, #101b33 0%, #1f3054 100%);
}

body.background-grd-dark .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background: linear-gradient(to right, #101b33 0%, #1f3054 100%);
}

body[class*=background-img-] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
  background-attachment: fixed;
}

body[class*=background-img-] .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
  background-attachment: fixed;
}

body.background-img-1 {
  background-image: url("../images/nav-bg/body-bg-1.jpg");
}

body.background-img-1 .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background-image: url("../images/nav-bg/body-bg-1.jpg");
}

body.background-img-2 {
  background-image: url("../images/nav-bg/body-bg-2.jpg");
}

body.background-img-2 .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background-image: url("../images/nav-bg/body-bg-2.jpg");
}

body.background-img-3 {
  background-image: url("../images/nav-bg/body-bg-3.jpg");
}

body.background-img-3 .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background-image: url("../images/nav-bg/body-bg-3.jpg");
}

body.background-img-4 {
  background-image: url("../images/nav-bg/body-bg-4.jpg");
}

body.background-img-4 .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background-image: url("../images/nav-bg/body-bg-4.jpg");
}

body.background-img-5 {
  background-image: url("../images/nav-bg/body-bg-5.jpg");
}

body.background-img-5 .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background-image: url("../images/nav-bg/body-bg-5.jpg");
}

body.background-img-6 {
  background-image: url("../images/nav-bg/body-bg-6.jpg");
}

body.background-img-6 .pcoded-navbar.theme-horizontal~.pcoded-header[class*=header-] {
  background-image: url("../images/nav-bg/body-bg-6.jpg");
}

/* ====== [ Header color end ] ======== */
/* ====== [ Brand color start ] ======== */
.pcoded-header[class*=brand-]:not(.brand-default) .mobile-menu span,
.pcoded-header[class*=brand-]:not(.brand-default) .mobile-menu span:after,
.pcoded-header[class*=brand-]:not(.brand-default) .mobile-menu span:before {
  background: #fff;
}

.pcoded-header[class*=brand-]:not(.brand-default) .mobile-menu.on span {
  background: transparent;
}

.pcoded-header[class*=brand-]:not(.brand-default) .b-bg {
  background: #fff;
  color: #4680ff;
}

.pcoded-header.brand-blue .m-header,
.pcoded-header[class*=header-].brand-blue .m-header {
  background: #4680ff;
}

.pcoded-header.brand-blue .m-header .b-bg,
.pcoded-header[class*=header-].brand-blue .m-header .b-bg {
  background: #fff;
  color: #4680ff;
}

.pcoded-header.brand-red .m-header,
.pcoded-header[class*=header-].brand-red .m-header {
  background: #ff5252;
}

.pcoded-header.brand-red .m-header .b-bg,
.pcoded-header[class*=header-].brand-red .m-header .b-bg {
  background: #fff;
  color: #ff5252;
}

.pcoded-header.brand-purple .m-header,
.pcoded-header[class*=header-].brand-purple .m-header {
  background: #536dfe;
}

.pcoded-header.brand-purple .m-header .b-bg,
.pcoded-header[class*=header-].brand-purple .m-header .b-bg {
  background: #fff;
  color: #536dfe;
}

.pcoded-header.brand-info .m-header,
.pcoded-header[class*=header-].brand-info .m-header {
  background: #00bcd4;
}

.pcoded-header.brand-info .m-header .b-bg,
.pcoded-header[class*=header-].brand-info .m-header .b-bg {
  background: #fff;
  color: #00bcd4;
}

.pcoded-header.brand-green .m-header,
.pcoded-header[class*=header-].brand-green .m-header {
  background: #539B00;
}

.pcoded-header.brand-green .m-header .b-bg,
.pcoded-header[class*=header-].brand-green .m-header .b-bg {
  background: #fff;
  color: #539B00;
}

.pcoded-header.brand-dark .m-header,
.pcoded-header[class*=header-].brand-dark .m-header {
  background: #101b33;
}

.pcoded-header.brand-dark .m-header .b-bg,
.pcoded-header[class*=header-].brand-dark .m-header .b-bg {
  background: #4680ff;
  color: #fff;
}

.pcoded-header.brand-default .header-logo,
.pcoded-header[class*=header-].brand-default .header-logo {
  background: #101b33;
}

/* ====== [ Brand color end ] ======== */
/* ====== [ menu fixed start ] ======== */
.pcoded-navbar.menupos-fixed {
  position: fixed;
  height: 100vh;
  min-height: 100vh;
  border-radius: 0;
}

.pcoded-navbar.menupos-fixed .scroll-div.navbar-content {
  height: calc(100% - 50px);
  min-height: calc(100% - 50px);
}

/* ====== [ menu fixed end ] ======== */
/* ====== [ Header Fixed start ] ======== */
.pcoded-header.headerpos-fixed {
  position: fixed;
  top: 0;
}

.pcoded-header.headerpos-fixed~.pcoded-main-container {
  padding-top: 50px;
}

.pcoded-header.headerpos-fixed~.pcoded-main-container .page-header h5,
.pcoded-header.headerpos-fixed~.pcoded-main-container .page-header .h5 {
  color: #37474f;
}

.pcoded-header.headerpos-fixed~.pcoded-main-container .page-header .page-header-title+.breadcrumb>.breadcrumb-item:before {
  color: rgba(55, 71, 79, 0.8);
}

.pcoded-header.headerpos-fixed~.pcoded-main-container .page-header .page-header-title+.breadcrumb>.breadcrumb-item a {
  color: #37474f;
}

@media only screen and (max-width: 991px) {
  .pcoded-header.headerpos-fixed~.pcoded-main-container {
    padding-top: 50px;
  }
}

/* ====== [Header Fixed  end ] ======== */
/* ====== [Box start ] ======== */
body.box-layout {
  position: static;
  background-size: auto;
}

body.box-layout .pcoded-header {
  position: relative;
}

body.box-layout .pcoded-header~.pcoded-main-container {
  padding-top: 0;
  background: #ecf0f5;
}

body.box-layout .pcoded-navbar {
  position: fixed;
  border-radius: 6px 6px 0 0;
  align-content: space-around;
  height: 100%;
}

body.box-layout .pcoded-navbar.theme-horizontal~.pcoded-header {
  position: relative;
}

@media only screen and (max-width: 992px) {
  body.box-layout {
    position: relative;
  }
}

@media only screen and (max-width: 992px) {
  .container {
    padding: 0;
  }
}

/* ====== [ Box end ] ======== */
.form-control {
  border: 1px solid #ced4da;
  background: no-repeat center bottom, center calc(100% - 1px);
  background-size: 0 100%, 100% 100%;
  transition: background 0s ease-out;
  border-radius: 8px !important;
}

.form-control:focus {
  transition-duration: 0.3s;
  box-shadow: none;
}

.form-group {
  position: relative;
}

.form-group .form-control {
  /* padding-left: 0; */
  /* padding-right: 0; */
}

.form-group .floating-label {
  position: absolute;
  top: 11px;
  left: 20px;
  font-size: 0.875rem;
  z-index: 1;
  cursor: text;
  transition: all 0.3s ease;
}

.form-group .floating-label+.form-control {
  /* padding-left: 0; */
  padding-right: 0;
  border-radius: 0;
}

.form-group.fill .floating-label {
  top: -10px;
  font-size: 0.75rem;
  color: #4680ff;
  background-color: #fff;
}

.spinner-border {
  border-bottom-width: 0;
  border-left-width: 0;
}

.nav-tabs .nav-item {
  margin-bottom: 0;
}

.nav-tabs .nav-link {
  border: none;
  background: no-repeat center bottom, center 100%;
  background-size: 0 100%, 100% 100%;
  transition: background 0.3s ease-out;
  background-image: linear-gradient(to top, var(--main-color) 2px, rgba(255, 255, 255, 0) 2px);
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.nav-tabs .nav-link.active {
  background-size: 100% 100%, 100% 100%;
}

.nav-tabs .nav-link svg {
  width: 22px;
  height: 22px;
  fill: var(--main-text-color);
  margin-right: 7px;
}

.page-item .page-link {
  border-radius: 60px;
  margin: 0 5px;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
}

.page-item:last-child .page-link {
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #4680ff;
  border-color: #4680ff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
}

.has-ripple {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.ripple {
  display: block;
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  transform: scale(0);
  background: #fff;
  opacity: 1;
}

.ripple-animate {
  -webkit-animation: ripple;
  animation: ripple;
}

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2);
  }
}

.social-card {
  color: #fff;
  overflow: hidden;
}

.social-card .social-icon {
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  padding: 22px 23px;
}

.social-card .download-icon {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  height: 125px;
  width: 125px;
  right: -125px;
  font-size: 35px;
  padding: 40px 22px;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}

.social-card:hover .download-icon {
  right: -60px;
}

.total-card {
  overflow: hidden;
}

.total-card .text-start h4,
.total-card .text-start .h4 {
  color: #fff;
  font-weight: 400;
  margin-bottom: 5px;
}

.total-card .text-start p {
  color: #fff;
  font-size: 15px;
}

.table-card .card-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.table>:not(:last-child)>:last-child>* {
  border-bottom:  none !important;
}
.table-card .card-body .table>thead>tr>th {
  border-top: 0;
}

.table-card .card-body .table .chk-option {
  vertical-align: middle;
  width: 30px;
  display: inline-block;
}

.table-card .card-body .table .chk-option .checkbox-fade,
.table-card .card-body .table .chk-option .checkbox-fade .cr,
.table-card .card-body .table .chk-option .checkbox-zoom,
.table-card .card-body .table .chk-option .checkbox-zoom .cr {
  margin-right: 0;
}

.table-card .card-body .table label {
  margin-bottom: 0;
}

.table-card .card-body .table tr td:first-child,
.table-card .card-body .table tr th:first-child {
  padding-left: 20px;
}

.table-card .card-body .table tr td:last-child,
.table-card .card-body .table tr th:last-child {
  padding-right: 20px;
}

.latest-update-card .card-body {
  padding-top: 0;
}

.latest-update-card .card-body .latest-update-box {
  position: relative;
}

.latest-update-card .card-body .latest-update-box td {
  border-top: none;
}

.latest-update-card .card-body .latest-update-box:after {
  content: "";
  position: absolute;
  background: #e2e5e8;
  height: 100%;
  width: 1px;
  top: 0;
  left: 110px;
  z-index: 1;
}

.latest-update-card .card-body .latest-update-box .update-meta {
  z-index: 2;
  min-width: 160px;
}

.latest-update-card .card-body .latest-update-box .update-meta .update-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  padding: 12px 13px;
  font-size: 16px;
  color: #fff;
  margin-left: 10px;
}

@media only screen and (max-width: 575px) {
  .latest-update-card .card-body .latest-update-box:after {
    display: none;
  }

  .latest-update-card .card-body .latest-update-box .update-meta {
    z-index: 2;
    min-width: 100%;
    text-align: left !important;
    margin-bottom: 15px;
    border-top: 1px solid #f1f1f1;
    padding-top: 15px;
  }
}

.review-card .review-block .cust-img {
  width: 50px;
  height: 50px;
}

.review-card .review-block>div {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.review-card .review-block>div:hover {
  background-color: rgba(70, 128, 255, 0.1);
}

.user-card2 .risk-rate {
  display: inline-block;
  margin: 0 auto;
}

.user-card2 .risk-rate span {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 6px dashed #d6d6d6;
  border-top-color: #539B00;
  border-bottom-color: transparent;
  padding: 45px;
  display: block;
  position: relative;
}

.user-card2 .risk-rate span:after {
  content: "";
  width: 90px;
  height: 90px;
  background-color: rgba(156, 204, 101, 0.5);
  border-radius: 50%;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
}

.user-card2 .risk-rate span b {
  font-size: 20px;
  color: #fff;
  z-index: 2;
  position: relative;
}

.to-do-list {
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.to-do-list i {
  color: #ccc;
  font-size: 17px;
  opacity: 0;
}

.to-do-list:last-child {
  border: none;
  padding: 0;
  margin: 0;
}

.to-do-list:hover i {
  opacity: 1;
  transition: opacity ease-in 0.3s;
}

.to-do-list p {
  display: inline-block;
}

.to-do-label .checkbox-fade {
  display: block;
}

.to-do-label .checkbox-fade .delete_todo {
  float: right;
  font-size: 24px;
  color: #ccc;
}

.to-do-label .check-task {
  display: block;
}

.to-do-label i {
  cursor: pointer;
}

.done-task .captions,
.done-task span {
  color: #919aa3;
  text-decoration: line-through;
}

.trafic-card .progress {
  height: 7px;
}

.trafic-card .progress.blue {
  background-color: rgba(70, 128, 255, 0.5);
}

.trafic-card .progress.green {
  background-color: rgba(156, 204, 101, 0.5);
}

.trafic-card .progress.red {
  background-color: rgba(255, 82, 82, 0.5);
}

.trafic-card .progress.purple {
  background-color: rgba(83, 109, 254, 0.5);
}

.trafic-card .progress.yellow {
  background-color: rgba(255, 186, 87, 0.5);
}

.user-activity-card .u-img {
  position: relative;
}

.user-activity-card .u-img .cover-img {
  width: 40px;
  height: 40px;
}

.user-activity-card .u-img .profile-img {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0;
  right: -5px;
}

.user-Messages-card .u-img {
  position: relative;
}

.user-Messages-card .u-img .profile-img {
  width: 40px;
  height: 40px;
}

.user-Messages-card .u-img .tot-msg {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 0;
  right: -5px;
  background-color: #ff5252;
  color: #fff;
  font-size: 10px;
  border-radius: 50%;
  text-align: center;
}

.latest-posts-card .latest-posts-img {
  width: 90px;
  height: 80px;
}

.task-card .task-list {
  position: relative;
}

.task-card .task-list:after {
  content: "";
  position: absolute;
  background: #e2e5e8;
  height: 100%;
  width: 2px;
  top: 0;
  left: 10px;
  z-index: 1;
}

.task-card .task-list:before {
  content: "";
  position: absolute;
  background: #e2e5e8;
  height: 15px;
  width: 15px;
  bottom: -14px;
  left: 3px;
  z-index: 2;
  border-radius: 50%;
}

.task-card .task-list li {
  margin-bottom: 30px;
  padding-left: 30px;
  position: relative;
}

.task-card .task-list li .task-icon {
  position: absolute;
  left: 3px;
  top: 1px;
  border-radius: 50%;
  padding: 2px;
  color: #fff;
  min-width: 15px;
  min-height: 15px;
  z-index: 2;
}

.latest-activity-card .card-body {
  padding-top: 0;
}

.latest-activity-card .card-body .latest-update-box {
  position: relative;
}

.latest-activity-card .card-body .latest-update-box .update-meta {
  z-index: 2;
  min-width: 160px;
}

.latest-activity-card .card-body .latest-update-box .update-meta .update-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  padding: 12px 13px;
  font-size: 16px;
  color: #fff;
  margin-left: 10px;
}

@media only screen and (max-width: 575px) {
  .latest-activity-card .card-body .latest-update-box .update-meta {
    z-index: 2;
    min-width: 100%;
    text-align: left !important;
    margin-bottom: 15px;
    border-top: 1px solid #f1f1f1;
    padding-top: 15px;
  }
}

.feed-card h6,
.feed-card .h6 {
  margin-top: 7px;
}

.feed-card .feed-icon {
  color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 8px;
}

.latest-activity-card .table td {
  vertical-align: middle;
}

.order-visitor-card {
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.order-visitor-card h4,
.order-visitor-card .h4,
.order-visitor-card h6,
.order-visitor-card .h6,
.order-visitor-card p {
  transition: all 0.3s ease-in-out;
}

.order-visitor-card:hover {
  background-color: #4680ff;
}

.order-visitor-card:hover h4,
.order-visitor-card:hover .h4,
.order-visitor-card:hover h6,
.order-visitor-card:hover .h6,
.order-visitor-card:hover p {
  color: #fff;
}

.user-card-full {
  overflow: hidden;
}

.user-card-full .user-profile-side {
  border-radius: 5px 0 0 5px;
}

.user-card-full .social-link li {
  display: inline-block;
}

.user-card-full .social-link li a {
  font-size: 20px;
  margin: 0 10px 0 0;
  transition: all 0.3s ease-in-out;
}

.user-card-full .social-link li a i {
  color: #373a3c;
}

.form-icon {
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.form-icon .btn.btn-icon {
  width: 35px;
  height: 35px;
}

.widget-statstic-card {
  position: relative;
  overflow: hidden;
}

.widget-statstic-card .st-icon {
  color: #fff;
  font-size: 23px;
  padding: 40px 40px 20px 20px;
  border-radius: 50%;
  position: absolute;
  top: -30px;
  right: -30px;
  transition: all 0.3s ease-in-out;
}

.widget-statstic-card h2,
.widget-statstic-card .h2 {
  font-weight: 600;
  display: inline-block;
}

.widget-statstic-card span {
  border-radius: 30px;
  padding: 5px 20px;
  color: #fff;
  font-weight: 600;
}

.widget-statstic-card:hover .st-icon {
  font-size: 50px;
}

.widget-visitor-card {
  overflow: hidden;
  padding: 10px 0;
}

.widget-visitor-card i {
  color: #fff;
  font-size: 80px;
  position: absolute;
  bottom: -10px;
  opacity: 0.3;
  left: -10px;
  transform: rotate(15deg);
  transition: all 0.3s ease-in-out;
}

.widget-visitor-card:hover i {
  transform: rotate(0deg) scale(1.4);
  opacity: 0.5;
}

.app-design .btn {
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 5px;
}

.app-design .team-section img {
  width: 35px;
  border-radius: 5px;
}

.app-design .progress-box p {
  margin-bottom: 0;
}

.app-design .progress-box .progress {
  width: calc(100% - 80px);
  height: 8px;
  text-align: center;
  margin: 0 auto;
  background-color: #E5E5E5;
  border-radius: 30px;
  position: relative;
  overflow: inherit;
}

.app-design .progress-box .progress .progress-bar {
  border-radius: 30px;
}

.app-design .progress-box .progress .progress-bar label {
  position: absolute;
  top: -24px;
  right: 0;
  font-weight: 600;
  font-size: 13px;
}

.order-card {
  color: #fff;
  overflow: hidden;
}

.order-card .card-icon {
  position: absolute;
  right: -17px;
  font-size: 100px;
  top: 20px;
  opacity: 0.5;
}

.statustic-card .card-body {
  position: relative;
}

.statustic-card .card-body .progress {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 5px;
  overflow: visible;
}

.statustic-card .card-body .progress .progress-bar {
  position: relative;
}

.statustic-card .card-body .progress .progress-bar:before {
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  background: inherit;
}

.statustic-card .card-body .progress .progress-bar.bg-c-blue:before {
  -webkit-animation: blue-blink-bar 0.5s linear infinite;
  animation: blue-blink-bar 0.5s linear infinite;
}

.statustic-card .card-body .progress .progress-bar.bg-c-green:before {
  -webkit-animation: green-blink-bar 0.5s linear infinite;
  animation: green-blink-bar 0.5s linear infinite;
}

.statustic-card .card-body .progress .progress-bar.bg-c-red:before {
  -webkit-animation: red-blink-bar 0.5s linear infinite;
  animation: red-blink-bar 0.5s linear infinite;
}

.statustic-card .card-body .progress .progress-bar.bg-c-yellow:before {
  -webkit-animation: yellow-blink-bar 0.5s linear infinite;
  animation: yellow-blink-bar 0.5s linear infinite;
}

@-webkit-keyframes blue-blink-bar {
  0% {
    box-shadow: 0 0 0 0 rgba(70, 128, 255, 0.1);
  }

  50% {
    box-shadow: 0 0 0 6px rgba(70, 128, 255, 0.3);
  }
}

@keyframes blue-blink-bar {
  0% {
    box-shadow: 0 0 0 0 rgba(70, 128, 255, 0.1);
  }

  50% {
    box-shadow: 0 0 0 6px rgba(70, 128, 255, 0.3);
  }
}

@-webkit-keyframes green-blink-bar {
  0% {
    box-shadow: 0 0 0 0 rgba(156, 204, 101, 0.1);
  }

  50% {
    box-shadow: 0 0 0 6px rgba(156, 204, 101, 0.3);
  }
}

@keyframes green-blink-bar {
  0% {
    box-shadow: 0 0 0 0 rgba(156, 204, 101, 0.1);
  }

  50% {
    box-shadow: 0 0 0 6px rgba(156, 204, 101, 0.3);
  }
}

@-webkit-keyframes red-blink-bar {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.1);
  }

  50% {
    box-shadow: 0 0 0 6px rgba(255, 82, 82, 0.3);
  }
}

@keyframes red-blink-bar {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.1);
  }

  50% {
    box-shadow: 0 0 0 6px rgba(255, 82, 82, 0.3);
  }
}

@-webkit-keyframes yellow-blink-bar {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 186, 87, 0.1);
  }

  50% {
    box-shadow: 0 0 0 6px rgba(255, 186, 87, 0.3);
  }
}

@keyframes yellow-blink-bar {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 186, 87, 0.1);
  }

  50% {
    box-shadow: 0 0 0 6px rgba(255, 186, 87, 0.3);
  }
}

.statustic-progress-card .progress {
  height: 5px;
}

.quater-card .progress {
  height: 4px;
}

.client-map img {
  vertical-align: top;
  width: 90px;
}

.client-map .client-detail {
  margin-bottom: 20px;
}

.client-map .client-detail img {
  border-radius: 5px;
}

.client-map .client-profile {
  float: left;
}

.client-map .client-contain {
  display: inline-block;
  margin-left: 20px;
}

.client-map .client-contain h5,
.client-map .client-contain .h5 {
  display: block;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
  padding-bottom: 10px;
}

.client-map .client-card-box {
  border: 1px solid #ccc;
  border-radius: 5px;
}

.client-map .client-card-box .client-border {
  border-right: 1px solid #ccc;
}

.client-map .client-card-box .client-border-card {
  border-top: 1px solid #ccc;
}

.flat-card .row-table {
  display: table;
  align-items: center;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  margin: 0;
}

.flat-card .row-table:first-child {
  border-bottom: 1px solid #ddd;
}

.flat-card .row-table .br {
  border-right: 1px solid #ccc;
}

.flat-card .row-table i {
  font-size: 28px;
}

.flat-card .row-table span {
  text-transform: uppercase;
  font-size: 12px;
}

.flat-card .row-table h5,
.flat-card .row-table .h5 {
  display: block;
  margin-bottom: 0.3em;
  margin-right: 0;
}

.flat-card .row-table>[class*=col-] {
  display: table-cell;
  float: none;
  table-layout: fixed;
  vertical-align: middle;
}

.flat-card .row-table>[class*=col-] .row {
  display: flex;
  align-items: center;
}

.flat-card[class*=widget-] .row-table {
  display: flex;
}

.table-card .card-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.table-card .card-body .table>thead>tr>th {
  border-top: 0;
}

.table-card .card-body .table tr td:first-child,
.table-card .card-body .table tr th:first-child {
  padding-left: 25px;
}

.table-card .card-body .table tr td:last-child,
.table-card .card-body .table tr th:last-child {
  padding-right: 25px;
}

.table-card .card-body .table.without-header tr:first-child td {
  border-top: none;
}

.stastic-slider-full-card .carousel-item {
  transition: transform 12s linear;
}

.statstic-data-card .active.carousel-item-right,
.statstic-data-card .carousel-item-next:not(.carousel-item-left) {
  transform: translateY(100%);
}

.statstic-data-card .active.carousel-item-left,
.statstic-data-card .carousel-item-prev:not(.carousel-item-right) {
  transform: translateY(-100%);
}

.statstic-data-card .card-body {
  border-top: 2px solid transparent;
}

.statstic-data-card .card-body.level-down {
  border-color: #ff5252;
}

.statstic-data-card .card-body.level-up {
  border-color: #539B00;
}

.social-widget-card {
  border-top: none;
  color: #fff;
}

.social-widget-card:hover i {
  opacity: 1;
  transform: scale(1.1);
}

.social-widget-card i {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 48px;
  opacity: 0.4;
  transition: all ease-in 0.3s;
}

.ticket-card .lbl-card {
  border-radius: 50px;
  padding: 5px 15px;
  display: inline-block;
}

.widget-profile-card-1 {
  position: relative;
  margin-bottom: 50px;
}

.widget-profile-card-1 .middle-user {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  bottom: -60px;
}

.widget-profile-card-1 .middle-user img {
  width: 115px;
  border-radius: 50%;
}

.widget-profile-card-1~.card-footer [class*=col-] {
  border-right: 1px solid #fff;
}

.widget-profile-card-1~.card-footer [class*=col-]:last-child {
  border: none;
}

@media only screen and (max-width: 767px) {
  .widget-profile-card-1~.card-footer [class*=col-]:nth-child(2) {
    border: 0;
  }

  .widget-profile-card-1~.card-footer [class*=col-]:last-child {
    margin-top: 10px;
  }
}

.widget-profile-card-2 img.user-img {
  width: 115px;
}

.widget-profile-card-2 a {
  color: #fff;
  transition: all ease-in 0.3s;
}

.widget-profile-card-2 a:hover {
  opacity: 0.7;
}

.widget-profile-card-3 {
  background-image: url("../images/widget/slider5.jpg");
  background-size: cover;
  padding: 50px 0;
  text-align: center;
}

.widget-profile-card-3 img {
  width: 120px;
  border-radius: 50%;
}

.profile-card {
  position: relative;
  min-height: 410px;
  overflow: hidden;
}

.profile-card img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.profile-card .card-body {
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.72));
}

.profile-card .card-body h3,
.profile-card .card-body .h3 {
  font-weight: 600;
}

.profile-card~.card-footer [class*=col-] {
  padding: 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.57);
}

.profile-card~.card-footer [class*=col-] h4,
.profile-card~.card-footer [class*=col-] .h4 {
  font-size: 18px;
  font-weight: 600;
}

.profile-card~.card-footer [class*=col-]:last-child {
  border: none;
}

.profile-card~.card-footer [class*=col-] span {
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .profile-card~.card-footer [class*=col-]:nth-child(2) {
    border: none;
  }
}

.blur-user-card {
  color: #fff;
  text-align: center;
  padding-top: 45px;
  background-image: url("../images/widget/blur-bg.png");
  background-size: cover;
}

.blur-user-card h3,
.blur-user-card .h3 {
  margin-top: 10px;
  font-size: 30px;
  font-weight: 600;
}

.blur-user-card p {
  font-size: 18px;
  font-weight: 300;
}

.blur-user-card .blur-footer [class*=col-] {
  padding: 1em;
  border-right: 1px solid #fff;
  margin-top: 30px;
  margin-bottom: 30px;
}

.blur-user-card .blur-footer [class*=col-]:last-child {
  border-right: none;
}

@media only screen and (max-width: 767px) {
  .blur-user-card .blur-footer [class*=col-]:nth-child(2) {
    border: 0;
  }

  .blur-user-card .blur-footer [class*=col-]:last-child {
    margin-top: 0;
    padding-top: 0;
  }
}

.weather-bg-card {
  position: relative;
}

.weather-bg-card img {
  width: 100%;
}

.weather-bg-card .card-body {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}

.weather-bg-card h5,
.weather-bg-card .h5 {
  color: #fff;
}

.weather-bg-card .card-body.alt {
  position: absolute;
  top: 0;
}

.weather-bg-card .card-body.alt span {
  color: #fff;
}

.weather-bg-card .weather-temp {
  font-size: 70px;
  color: #fff;
}

.weather-bg-card~.card-footer {
  border-top: none;
}

@media only screen and (max-width: 575px) {
  .weather-bg-card~.card-footer [class*=col-] {
    margin-bottom: 10px;
  }
}

.new-cust-card img {
  width: 40px;
}

.new-cust-card h6,
.new-cust-card .h6 {
  margin-bottom: 0;
}

.new-cust-card .align-middle {
  position: relative;
}

.new-cust-card .align-middle .status {
  position: absolute;
  right: 0;
  top: 19px;
  font-size: 13px;
}

.new-cust-card .align-middle .status.active {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #539B00;
}

.latest-update-card.update-card .card-body .latest-update-box:after {
  left: 19px;
}

.testimonial-card .progress {
  height: 5px;
}

.testimonial-card .review-block .cust-img {
  width: 40px;
  height: 40px;
}

.testimonial-card .review-block>div {
  padding-top: 15px;
  padding-bottom: 9px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.testimonial-card .review-block>div:hover {
  background-color: rgba(70, 128, 255, 0.1);
}

.widget-chat-box .card-header i {
  font-size: 17px;
  color: #263238;
  position: relative;
}

.widget-chat-box .card-header .pop-up:after {
  content: "";
  position: absolute;
  background-color: #ff5252;
  height: 8px;
  width: 8px;
  border-radius: 50px;
  right: -3px;
}

.widget-chat-box .send-chat,
.widget-chat-box .receive-chat {
  position: relative;
  background: #dfe9ff;
  padding: 7px;
  border-radius: 0 10px 10px 10px;
  font-size: 13px;
  margin-bottom: 30px;
}

.widget-chat-box .send-chat:before,
.widget-chat-box .receive-chat:before {
  content: "";
  position: absolute;
  height: 12px;
  width: 12px;
  border: 6px solid transparent;
  border-top: 6px solid #dfe9ff;
  border-right: 6px solid #dfe9ff;
  left: -12px;
  top: 0;
}

.widget-chat-box .send-chat .time,
.widget-chat-box .receive-chat .time {
  position: absolute;
  bottom: -20px;
  left: 0;
}

.widget-chat-box .receive-chat {
  background-color: #4680ff;
  color: #fff;
  border-radius: 10px;
}

.widget-chat-box .receive-chat:before {
  display: none;
}

.widget-chat-box .receive-chat .time {
  color: #666;
}

.widget-chat-box .rc-10 {
  margin-bottom: 10px;
}

.chat-card .msg {
  margin-bottom: 5px;
  display: inline-block;
  padding: 10px;
  position: relative;
}

.chat-card .msg img {
  width: 60px;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-right: 10px;
}

.chat-card .received-chat .msg {
  background: #dfe9ff;
  border-radius: 0 5px 5px 5px;
}

.chat-card .received-chat .msg:after {
  content: "";
  position: absolute;
  left: -7px;
  top: -7px;
  transform: rotate(45deg);
  border: 7px solid transparent;
  border-bottom-color: #dfe9ff;
}

.chat-card .send-chat,
.chat-card .widget-chat-box .receive-chat,
.widget-chat-box .chat-card .receive-chat {
  text-align: right;
}

.chat-card .send-chat .msg,
.chat-card .widget-chat-box .receive-chat .msg,
.widget-chat-box .chat-card .receive-chat .msg {
  background: #4680ff;
  color: #fff;
  border-radius: 5px 0 5px 5px;
}

.chat-card .send-chat .msg:after,
.chat-card .widget-chat-box .receive-chat .msg:after,
.widget-chat-box .chat-card .receive-chat .msg:after {
  content: "";
  position: absolute;
  right: -7px;
  top: -7px;
  transform: rotate(45deg);
  border: 7px solid transparent;
  border-right-color: #4680ff;
}

.nav {
  position: relative;
  z-index: 1;
}

.feed-card h6,
.feed-card .h6 {
  margin-top: 7px;
  font-size: 14px;
}

.feed-card .feed-icon {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 8px 9px;
}

.mrr-card {
  position: relative;
}

.mrr-card .bottom-chart {
  bottom: 0;
}

.bg-pattern {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2H0v-2h20v-2H0V8h20V6H0V4h20V2H0V0h22v20h2V0h2v20h2V0h2v20h2V0h2v20h2V0h2v20h2v2H20v-1.5zM0 20h2v20H0V20zm4 0h2v20H4V20zm4 0h2v20H8V20zm4 0h2v20h-2V20zm4 0h2v20h-2V20zm4 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2z' fill='%234680ff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.samp-bg {
  background: gradient-x-three-colors();
}

.swal-icon--error {
  border-color: #ff5252;
}

.swal-icon--error__line {
  background-color: #ff5252;
}

.swal-icon--warning {
  border-color: #ffba57;
}

.swal-icon--warning__body {
  background-color: #ffba57;
}

.swal-icon--warning__dot {
  background-color: #ffba57;
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #ffc471;
  }

  to {
    border-color: #ffba57;
  }
}

@keyframes pulseWarning {
  0% {
    border-color: #ffc471;
  }

  to {
    border-color: #ffba57;
  }
}

.swal-icon--success {
  border-color: #539B00;
}

.swal-icon--success__ring {
  border: 4px solid rgba(156, 204, 101, 0.2);
}

.swal-icon--success__line {
  background-color: #539B00;
}

.swal-icon--info {
  border-color: #00acc1;
}

.swal-icon--info:after,
.swal-icon--info:before {
  background-color: #00acc1;
}

.swal-title {
  color: rgba(0, 0, 0, 0.65);
}

.swal-text {
  color: rgba(0, 0, 0, 0.64);
}

.swal-button {
  background-color: #4680ff;
}

.swal-button:not([disabled]):hover {
  background-color: #2d6eff;
}

.swal-button:active {
  background-color: #2d6eff;
}

.swal-button:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(70, 128, 255, 0.29);
}

.swal-button--cancel {
  color: #555;
  background-color: #efefef;
}

.swal-button--cancel:not([disabled]):hover {
  background-color: #e8e8e8;
}

.swal-button--cancel:active {
  background-color: #d7d7d7;
}

.swal-button--cancel:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(116, 136, 150, 0.29);
}

.swal-button--danger {
  background-color: #ff5252;
}

.swal-button--danger:not([disabled]):hover {
  background-color: #ff3939;
}

.swal-button--danger:active {
  background-color: #ff3939;
}

.swal-button--danger:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(255, 82, 82, 0.29);
}

.swal-footer {
  text-align: center;
}

.swal-content__input:focus {
  border-color: rgba(70, 128, 255, 0.29);
}

.swal-content__textarea:focus {
  border-color: rgba(70, 128, 255, 0.29);
}

.lb-cancel {
  background: url("../images/loading.gif") no-repeat;
}

.lb-nav a.lb-prev {
  background: url("../images/prev.png") left 48% no-repeat;
}

.lb-nav a.lb-next {
  background: url("../images/next.png") right 48% no-repeat;
}

.lb-data .lb-caption a {
  color: theme-color("primary");
}

.lb-data .lb-close {
  background: url("../images/close.png") top right no-repeat;
}

.alert-dismissable .close,
.alert-dismissible .close {
  color: inherit;
  text-shadow: none;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.alert-inverse {
  background-color: #333;
  border-color: transparent;
  color: #fff;
}

.alert-inverse .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: #fff;
  text-shadow: none;
}

.alert-inverse .alert-link {
  color: #e6e6e6;
}

.growl-animated.alert-inverse {
  box-shadow: 0 0 5px rgba(51, 51, 51, 0.5);
}

.growl-animated.alert-info {
  box-shadow: 0 0 5px rgba(70, 128, 255, 0.5);
}

.growl-animated.alert-success {
  box-shadow: 0 0 5px rgba(156, 204, 101, 0.5);
}

.growl-animated.alert-warning {
  box-shadow: 0 0 5px rgba(255, 186, 87, 0.5);
}

.growl-animated.alert-danger {
  box-shadow: 0 0 5px rgba(255, 82, 82, 0.5);
}

[data-notify=progressbar] {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
}

[ui-pnotify].ui-pnotify.stack-bar-top {
  width: 100%;
}

[ui-pnotify].ui-pnotify.stack-bar-bottom {
  width: 100%;
}

[ui-pnotify].ui-pnotify .brighttheme-notice {
  background-color: #ffeed7;
}

[ui-pnotify].ui-pnotify .brighttheme-notice div,
[ui-pnotify].ui-pnotify .brighttheme-notice h4,
[ui-pnotify].ui-pnotify .brighttheme-notice .h4 {
  color: #bd6f00;
}

[ui-pnotify].ui-pnotify .brighttheme-info {
  background-color: #c6d8ff;
}

[ui-pnotify].ui-pnotify .brighttheme-info div,
[ui-pnotify].ui-pnotify .brighttheme-info h4,
[ui-pnotify].ui-pnotify .brighttheme-info .h4 {
  color: #0036ac;
}

[ui-pnotify].ui-pnotify .brighttheme-success {
  background-color: #daecc5;
}

[ui-pnotify].ui-pnotify .brighttheme-success div,
[ui-pnotify].ui-pnotify .brighttheme-success h4,
[ui-pnotify].ui-pnotify .brighttheme-success .h4 {
  color: #4f7226;
}

[ui-pnotify].ui-pnotify .brighttheme-error {
  background-color: #ffd2d2;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

[ui-pnotify].ui-pnotify .brighttheme-error div,
[ui-pnotify].ui-pnotify .brighttheme-error h4,
[ui-pnotify].ui-pnotify .brighttheme-error .h4 {
  color: danger(#ff5252, 30%);
}

[ui-pnotify].ui-pnotify .brighttheme-icon-notice {
  background-color: #bd6f00;
  color: #ffeed7;
}

[ui-pnotify].ui-pnotify .brighttheme-icon-info {
  background-color: #0036ac;
  color: #c6d8ff;
}

[ui-pnotify].ui-pnotify .brighttheme-icon-success {
  background-color: #4f7226;
  color: #daecc5;
}

[ui-pnotify].ui-pnotify .brighttheme-icon-error {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-radius: 0;
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
  border-bottom: 1.2rem solid danger(#ff5252, 30%);
  color: #ffd2d2;
}

[ui-pnotify].ui-pnotify .brighttheme-icon-error:after {
  position: absolute;
  top: 0.1rem;
  left: -0.25rem;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.4rem;
  content: "!";
}

[ui-pnotify].ui-pnotify .brighttheme {
  border-radius: 0;
}

[ui-pnotify].ui-pnotify .brighttheme.ui-pnotify-container {
  padding: 1.3rem;
}

[ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-confirm,
[ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-text,
[ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-title {
  margin-left: 1.8rem;
}

[dir=rtl] [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-confirm,
[dir=rtl] [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-text,
[dir=rtl] [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-title {
  margin-right: 1.8rem;
  margin-left: 0;
}

[ui-pnotify].ui-pnotify .brighttheme-icon-notice:after {
  content: "!";
}

[ui-pnotify].ui-pnotify .brighttheme-icon-info:after {
  content: "i";
}

[ui-pnotify].ui-pnotify .brighttheme-icon-success:after {
  content: "✓";
}

[ui-pnotify].ui-pnotify .brighttheme-icon-error:after {
  content: "!";
}

[ui-pnotify].ui-pnotify .brighttheme-icon-closer:after {
  content: "✕";
}

[ui-pnotify].ui-pnotify .brighttheme-icon-sticker:after {
  top: -1px;
  content: "‖";
}

[ui-pnotify].ui-pnotify .brighttheme-icon-sticker.brighttheme-icon-stuck:after {
  content: ">";
}

.br-theme-bars-1to10 .br-widget a {
  background-color: #fff9f0;
}

.br-theme-bars-1to10 .br-widget a.br-active,
.br-theme-bars-1to10 .br-widget a.br-selected {
  background-color: #ffba57;
}

.br-theme-bars-1to10 .br-widget .br-current-rating {
  color: #ffba57;
}

.br-theme-bars-1to10 .br-readonly a.br-active,
.br-theme-bars-1to10 .br-readonly a.br-selected {
  background-color: #ffba57;
}

.br-theme-bars-1to10 .br-readonly .br-current-rating {
  color: #ffe4bd;
}

.br-theme-bars-horizontal .br-widget a {
  background-color: #fff9f0;
}

.br-theme-bars-horizontal .br-widget a.br-active,
.br-theme-bars-horizontal .br-widget a.br-selected {
  background-color: #ffba57;
}

.br-theme-bars-horizontal .br-widget .br-current-rating {
  color: #ffba57;
}

.br-theme-bars-horizontal .br-readonly a.br-active,
.br-theme-bars-horizontal .br-readonly a.br-selected {
  background-color: #fff9f0;
}

.br-theme-bars-horizontal .br-readonly .br-current-rating {
  color: #fff9f0;
}

.br-theme-bars-movie .br-widget {
  height: auto;
}

.br-theme-bars-movie .br-widget a {
  background-color: #dfe9ff;
}

.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected {
  background-color: #4680ff;
}

.br-theme-bars-movie .br-widget .br-current-rating {
  color: #4680ff;
}

.br-theme-bars-movie .br-readonly a.br-active,
.br-theme-bars-movie .br-readonly a.br-selected {
  background-color: #acc6ff;
}

.br-theme-bars-movie .br-readonly .br-current-rating {
  color: #acc6ff;
}

.br-theme-bars-pill .br-widget a {
  background-color: white;
  color: #539B00;
}

.br-theme-bars-pill .br-widget a.br-active,
.br-theme-bars-pill .br-widget a.br-selected {
  background-color: #539B00;
}

.br-theme-bars-pill .br-readonly a.br-active,
.br-theme-bars-pill .br-readonly a.br-selected {
  background-color: #b5d98b;
}

.br-theme-bars-reversed .br-widget a {
  background-color: #a8f5ff;
  color: #00acc1;
}

.br-theme-bars-reversed .br-widget a.br-active,
.br-theme-bars-reversed .br-widget a.br-selected {
  background-color: #00acc1;
}

.br-theme-bars-reversed .br-widget .br-current-rating {
  color: #00acc1;
  width: 100%;
  padding: 0;
  margin-top: 15px;
}

.br-theme-bars-reversed .br-readonly a.br-active,
.br-theme-bars-reversed .br-readonly a.br-selected {
  background-color: #00d9f4;
}

.br-theme-bars-reversed .br-readonly .br-current-rating {
  color: #00d9f4;
}

.br-theme-bars-square .br-widget a {
  border: 2px solid #ffd2d2;
  color: #ffd2d2;
}

.br-theme-bars-square .br-widget a.br-active,
.br-theme-bars-square .br-widget a.br-selected {
  border: 2px solid #ff5252;
  color: #ff5252;
}

.br-theme-bars-square .br-readonly a.br-active,
.br-theme-bars-square .br-readonly a.br-selected {
  border: 2px solid #ff8585;
  color: #ff8585;
}

.br-theme-bootstrap-stars .br-widget a:after {
  color: #e2e8f0;
}

.br-theme-bootstrap-stars .br-widget a.br-active:after,
.br-theme-bootstrap-stars .br-widget a.br-selected:after {
  color: #ffba57;
}

.br-theme-css-stars .br-widget a:after {
  color: #e2e8f0;
}

.br-theme-css-stars .br-widget a.br-active:after,
.br-theme-css-stars .br-widget a.br-selected:after {
  color: #ffba57;
}

.br-theme-fontawesome-stars .br-widget a {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
}

.br-theme-fontawesome-stars .br-widget a:after {
  content: "\f005";
  color: #e2e8f0;
}

.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #ffba57;
}

.br-theme-fontawesome-stars-o .br-widget a {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
}

.br-theme-fontawesome-stars-o .br-widget a:after {
  content: "\f005";
  color: #e2e8f0;
}

.br-theme-fontawesome-stars-o .br-widget a.br-active:after,
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
  color: #539B00;
}

.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
  content: "\f5c0";
  color: #539B00;
}

.slider.slider-horizontal .slider-handle.triangle,
.slider.slider-horizontal .slider-tick.triangle {
  border-bottom-color: #4680ff;
}

.slider.slider-vertical .slider-handle.triangle,
.slider.slider-vertical .slider-tick.triangle {
  border-left-color: #4680ff;
  border-right-color: #4680ff;
}

.slider.slider-disabled .slider-handle {
  background-image: linear-gradient(to bottom, #dfdfdf 0, #bebebe 100%);
  background-repeat: repeat-x;
}

.slider.slider-disabled .slider-track {
  background-image: linear-gradient(to bottom, #ecf0f5 0, #ecf0f5 100%);
  background-repeat: repeat-x;
}

.slider-track {
  background-image: linear-gradient(to bottom, #ecf0f5 0, #ecf0f5 100%);
  background-repeat: repeat-x;
}

.slider-selection {
  background-image: linear-gradient(to bottom, #c6d8ff 0, #c6d8ff 100%);
  background-repeat: repeat-x;
}

.slider-selection.tick-slider-selection {
  background-image: linear-gradient(to bottom, #acc6ff 0, #acc6ff 100%);
  background-repeat: repeat-x;
}

.slider-handle {
  background-color: #4680ff;
  background-image: linear-gradient(to bottom, #4680ff 0, #4680ff 100%);
  background-repeat: repeat-x;
}

.slider-tick {
  background-image: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%);
  background-repeat: repeat-x;
}

.slider-tick.in-selection {
  background-image: linear-gradient(to bottom, #acc6ff 0, #acc6ff 100%);
  background-repeat: repeat-x;
}

#ex7-enabled {
  position: relative;
  top: 4px;
  height: 18px;
  width: 18px;
}

#RGB {
  height: 10px;
  background: gray;
}

#RC .slider-selection {
  background: #FF8282;
}

#RC .slider-handle {
  background: red;
}

#GC .slider-selection {
  background: #428041;
}

#GC .slider-handle {
  background: green;
}

#BC .slider-selection {
  background: #8283FF;
}

#BC .slider-handle {
  border-bottom-color: blue;
}

#B,
#G,
#R {
  width: 300px;
}

.slider-handle.custom {
  background: transparent none;
}

.slider-handle.custom::before {
  line-height: 15px;
  font-size: 28px;
  content: "★";
  color: #726204;
}

#slider12a .slider-track-high,
#slider12c .slider-track-high {
  background: #539B00;
}

#slider12b .slider-track-low {
  background: #ff5252;
}

#slider12c .slider-track-low {
  background: #ff5252;
}

#slider12c .slider-selection {
  background: #ffba57;
}

#slider22 .slider-rangeHighlight {
  background: #f70616;
}

#slider22 .slider-rangeHighlight.category1 {
  background: #FF9900;
}

#slider22 .slider-rangeHighlight.category2 {
  background: #99CC00;
}

.daterangepicker {
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 25px rgba(70, 128, 255, 0.15);
  background-color: #fff;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  background-color: #fff;
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
  color: #6c757d;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  border-color: #adb5bd;
}

.daterangepicker td.in-range {
  background-color: #e9f0ff;
  color: #495057;
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
  background-color: #fff;
  color: #373a3c;
  opacity: 0.5;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #4680ff;
  color: #fff;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #4680ff;
  color: #fff;
}

.daterangepicker td.available:hover>span,
.daterangepicker th.available:hover>span {
  border-color: #fff;
}

.daterangepicker:after {
  border-bottom: 6px solid #fff;
}

.daterangepicker:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
}

.daterangepicker .ranges ul {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (min-width: 564px) {
  .daterangepicker .ranges ul {
    width: 160px;
  }
}

.daterangepicker .ranges ul li {
  margin: 5px 10px;
  transition: all 0.2s ease-in-out;
}

.daterangepicker .ranges ul li.active {
  background-color: #4680ff;
}

.daterangepicker .ranges ul li:hover {
  box-shadow: 0 15px 8px -9px rgba(0, 0, 0, 0.25);
  background-color: #4680ff;
  color: #fff;
}

.daterangepicker .drp-buttons {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.bootstrap-tagsinput {
  padding: 5px 10px;
  background: #ecf0f5;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  width: 100%;
}

.bootstrap-tagsinput .tag {
  background: #4680ff;
  color: #fff;
  border-radius: 0.25rem;
}

.bootstrap-maxlength {
  background: theme-color("primary");
  border-radius: 0.25rem;
  padding: 5px 10px;
  color: #fff;
}

.bootstrap-maxlength.label-danger {
  background: theme-color("danger");
}

.bootstrap-maxlength.label-success {
  background: theme-color("success");
}

.bootstrap-maxlength.label-warning {
  background: theme-color("warning");
}

.bt-wizard .nav {
  background: #ecf0f5;
}

.bt-wizard .nav .nav-link.active {
  box-shadow: 0px 0px 5px 2px rgba(70, 128, 255, 0.3);
}

/* .select2-container .select2-selection--single {
  height: 43px;
} */

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 15px;
  padding-right: 40px;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  min-height: 32px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding-left: 8px;
}

.select2-dropdown {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 8px;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 8px;
  transition: 0.15s ease-in-out;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  text-align: left !important;
  line-height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;
  height: 9px;
  position: absolute;
  vertical-align: top;
  width: 9px;
  top: 15px;
  right: 20px;
  transform: rotate(135deg);
  border-color: #685e50;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  color: #fff;
  border-radius: 5px;
  padding: 2px 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  margin-right: 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 8px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #ced4da 1px;
  outline: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ced4da;
  border-radius: 5px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ecf0f5;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--main-color);
  color: #fff;
  border-radius: 8px;
}

.select2-container--default .select2-results__option {
  text-align: left !important;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #ced4da;
  border-radius: 3px;
  outline: 0;
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #4680ff;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: calc(1.5em + 0.75rem + 2px);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ecf0f5;
  border-left: 1px solid #ced4da;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  height: calc(1.5em + 0.75rem + 2px);
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border-right: 1px solid #ced4da;
  border-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #4680ff;
}

.select2-container--classic .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 3px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #4680ff;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 3px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #4680ff;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #ced4da;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #4680ff;
}
.select2-results  {
  padding: 0px 5px;
}
/**  =====================
      Data Tables css start
==========================  **/

.table {
  border-collapse: collapse;
}

.table td,
.table th {
  border-top: 1px solid #dcdbdb;
  white-space: nowrap;
}

.table td {
  padding: 5px 7px;
}

.table thead th {
  border-bottom: 1px solid #dcdbdb;
  font-size: 14px;
  color: #37474f;
  background: #f5f6f7;
  text-transform: uppercase;
  padding: 10px;
}

.table tbody+tbody {
  border-top: 2px solid #e2e5e8;
}

.table.table-dark thead th {
  background-color: #11171a;
}

.table.dataTable[class*=table-] thead th {
  background: #ecf0f5;
}

/* Border versions */
.table-bordered {
  border: 1px solid #dcdbdb;
}

.table-bordered td,
.table-bordered th {
  border: 1px solid #dcdbdb;
}

@media(min-width:600px) {
  .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f5f5f5 !important;
  }
}

.table-striped tbody tr {
  background-color: #fff !important;
}

/* .table-striped tbody tr:nth-of-type(2n+1) td,
.table-striped tbody tr:nth-of-type(2n+1) th{
    border-color:#fff !important;
} */

/* Hover effect */
.table-hover tbody tr:hover {
  background-color: rgba(70, 128, 255, 0.03);
}

/* Table backgrounds */
.table .thead-dark th {
  color: #fff;
  background-color: #263238;
  border-color: #11171a;
}

.table-dark {
  color: #fff;
  background-color: #263238;
}

.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #11171a;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: #222d32;
}

.table-dark.table-hover tbody tr:hover {
  background-color: #1c2429;
}

.table-dark thead th {
  color: #fff;
}

/* fixed header position */
table.dataTable.fixedHeader-floating {
  top: 0 !important;
}

@media screen and (max-width: 992px) {
  table.dataTable.fixedHeader-floating {
    display: none !important;
  }
}

@media screen and (max-width: 992px) {
  .fixedHeader-locked {
    display: none !important;
  }
}

/**  =====================
      Foo-table css start
==========================  **/
.footable .pagination>.active>a,
.footable .pagination>.active>span {
  background-color: #4680ff;
  border-color: #4680ff;
}

.footable .pagination>.active>a:focus,
.footable .pagination>.active>a:hover,
.footable .pagination>.active>span:focus,
.footable .pagination>.active>span:hover {
  background-color: #4680ff;
  border-color: #4680ff;
}

.footable .pagination>li>a,
.footable .pagination>li>span {
  color: #222;
}

.footable-details.table,
.footable.table {
  margin-bottom: 0;
}

table.footable>tfoot>tr.footable-paging>td>span.label {
  margin-bottom: 0;
}

table.footable-paging-center>tfoot>tr.footable-paging>td {
  padding-bottom: 0;
}

.table-columned>tbody>tr>td {
  border: 0;
  border-left: 1px solid #dcdbdb;
}

.table-columned>tbody>tr>th {
  border: 0;
}

table {
  border-collapse: separate;
  border-spacing: 0 1em;
}

td .form-group {
  margin-bottom: 0;
}

td .switch label {
  margin-bottom: 5px;
}

/**====== Foo-table css end ======**/
/**======= basic table css start =======**/
.table.table-xl td,
.table.table-xl th {
  padding: 1.25rem 0.75rem;
}

.table.table-lg td,
.table.table-lg th {
  padding: 0.9rem 0.75rem;
}

.table.table-de td,
.table.table-de th {
  padding: 0.75rem 0.75rem;
}

.table.table-sm td,
.table.table-sm th {
  padding: 0.6rem 0.75rem;
}

.table.table-xs td,
.table.table-xs th {
  padding: 0.4rem 0.75rem;
}

/**======= basic table css end ======**/
#row-delete .selected,
#row-select .selected {
  background-color: #4680ff;
  color: #fff;
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
  background: #4680ff;
}

table.dataTable tbody>tr.selected table.dataTable tbody>tr>.selected td.select-checkbox:after,
table.dataTable tbody>tr.selected table.dataTable tbody>tr.selected.select-checkbox:after,
table.dataTable tbody>tr.selected th.select-checkbox:after,
table.dataTable tbody>tr>.selected table.dataTable tbody>tr>.selected td.select-checkbox:after,
table.dataTable tbody>tr>.selected table.dataTable tbody>tr.selected.select-checkbox:after,
table.dataTable tbody>tr>.selected th.select-checkbox:after {
  text-shadow: 1px 1px #e4f2fe, -1px -1px #e4f2fe, 1px -1px #e4f2fe, -1px 1px #e4f2fe;
}

table.dataTable tbody .selected td.select-checkbox:before,
table.dataTable tbody .selected th.select-checkbox:before {
  border-color: #fff;
}

table.dataTable tbody>tr>.selected td.select-checkbox:after,
table.dataTable tbody>tr>.selected th.select-checkbox:after,
table.dataTable tbody>tr.selected td.select-checkbox:after,
table.dataTable tbody>tr.selected th.select-checkbox:after {
  content: "✔";
  margin-top: -11px;
  margin-left: -4px;
  text-align: center;
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: #dfe9ff;
  color: #4680ff;
  border: 2px solid #4680ff;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}

div.dt-button-info h2,
div.dt-button-info .h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  color: #fff;
  border-bottom: 1px solid #4680ff;
  background-color: #4680ff;
}

div.dt-button-info>div {
  padding: 1em;
}

.dt-buttons {
  margin-bottom: 5px;
}

table.dataTable tbody td.focus,
table.dataTable tbody th.focus {
  box-shadow: inset 0 0 1px 2px #4680ff;
}

div.dtk-focus-alt table.dataTable tbody td.focus,
div.dtk-focus-alt table.dataTable tbody th.focus {
  box-shadow: inset 0 0 1px 2px #ffba57;
  background: rgba(255, 186, 87, 0.15);
  color: #ffba57;
}

/**====== Data Tables css end ======**/
.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  font-size: 12px;
}

.highcharts-root {
  display: block;
}

.highcharts-root text {
  stroke-width: 0;
}

.highcharts-strong {
  font-weight: bold;
}

.highcharts-emphasized {
  font-style: italic;
}

.highcharts-anchor {
  cursor: pointer;
}

.highcharts-background {
  fill: #ffffff;
}

.highcharts-label-box,
.highcharts-plot-background,
.highcharts-plot-border {
  fill: none;
}

.highcharts-button-box {
  fill: inherit;
}

.highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: rgba(192, 192, 192, 0.0001);
  stroke-width: 22;
  fill: none;
}

.highcharts-tracker-area {
  fill: rgba(192, 192, 192, 0.0001);
  stroke-width: 0;
}

/* Titles */
.highcharts-title {
  fill: #333333;
  font-size: 1.5em;
}

.highcharts-subtitle {
  fill: #666666;
}

/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-axis-title {
  fill: #666666;
}

.highcharts-axis-labels {
  fill: #666666;
  cursor: default;
  font-size: 0.9em;
}

.highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6;
}

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-tick {
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}

.highcharts-minor-grid-line {
  stroke: #f2f2f2;
}

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #cccccc;
}

.highcharts-crosshair-category {
  stroke: #ccd6eb;
  stroke-opacity: 0.25;
}

/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 0.7em;
  transition: fill 250ms, font-size 250ms;
}

.highcharts-credits:hover {
  fill: black;
  font-size: 1em;
}

/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}

.highcharts-tooltip text {
  fill: #333333;
}

.highcharts-tooltip .highcharts-header {
  font-size: 0.85em;
}

.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

.highcharts-tooltip-box .highcharts-label-box {
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

.highcharts-selection-marker {
  fill: theme-color("primary");
  fill-opacity: 0.25;
}

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}

.highcharts-state-hover path {
  transition: stroke-width 50;
  /* quick in */
}

.highcharts-state-normal path {
  transition: stroke-width 250ms;
  /* slow out */
}

/* Legend hover affects points and series */
.highcharts-data-labels,
.highcharts-markers,
.highcharts-point,
g.highcharts-series {
  transition: opacity 250ms;
}

.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover) {
  opacity: 0.2;
}

.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover) {
  opacity: 0.2;
}

/* Series options */
/* Default colors */
.highcharts-color-0 {
  fill: #4680ff;
  stroke: #4680ff;
}

.highcharts-color-1 {
  fill: #343a40;
  stroke: #343a40;
}

.highcharts-color-2 {
  fill: #539B00;
  stroke: #539B00;
}

.highcharts-color-3 {
  fill: #ff5252;
  stroke: #ff5252;
}

.highcharts-color-4 {
  fill: #6610f2;
  stroke: #6610f2;
}

.highcharts-color-5 {
  fill: #e83e8c;
  stroke: #e83e8c;
}

.highcharts-color-6 {
  fill: #ffba57;
  stroke: #ffba57;
}

.highcharts-color-7 {
  fill: #20c997;
  stroke: #20c997;
}

.highcharts-color-8 {
  fill: #fd7e14;
  stroke: #fd7e14;
}

.highcharts-color-9 {
  fill: #00acc1;
  stroke: #00acc1;
}

.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: #ffffff;
}

.highcharts-point {
  stroke-width: 1px;
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}

.highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold;
}

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-data-label text,
text.highcharts-data-label {
  fill: #333333;
}

.highcharts-data-label-connector {
  fill: none;
}

.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}

.highcharts-markers .highcharts-point-select,
.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
  fill: #cccccc;
  stroke: #000000;
}

.highcharts-column-series rect.highcharts-point {
  stroke: #ffffff;
}

.highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms;
}

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point,
.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-funnel-series .highcharts-point-hover,
.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point-select,
.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #e6e6e6;
  transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}

.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}

.highcharts-treemap-series .highcharts-above-level {
  display: none;
}

.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75;
}

/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item>text {
  fill: #333333;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  stroke-width: 0;
}

.highcharts-legend-item:hover text {
  fill: #000000;
}

.highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important;
  transition: fill 250ms;
}

.highcharts-legend-nav-active {
  fill: theme-color("primary");
  cursor: pointer;
}

.highcharts-legend-nav-inactive {
  fill: #cccccc;
}

circle.highcharts-legend-nav-active,
circle.highcharts-legend-nav-inactive {
  /* tracker */
  fill: rgba(192, 192, 192, 0.0001);
}

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}

/* Bubble legend */
.highcharts-bubble-legend-symbol {
  stroke-width: 2;
  fill-opacity: 0.5;
}

.highcharts-bubble-legend-connectors {
  stroke-width: 1;
}

.highcharts-bubble-legend-labels {
  fill: #333333;
}

/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: #ffffff;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms;
}

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end;
}

.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}

/* Plot bands and polar pane backgrounds */
.highcharts-pane,
.highcharts-plot-band {
  fill: #000000;
  fill-opacity: 0.05;
}

.highcharts-plot-line {
  fill: none;
  stroke: #999999;
  stroke-width: 1px;
}

/* Highcharts More and modules */
.highcharts-boxplot-box {
  fill: #ffffff;
}

.highcharts-boxplot-median {
  stroke-width: 2px;
}

.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}

.highcharts-errorbar-series .highcharts-point {
  stroke: #000000;
}

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-gauge-series .highcharts-dial {
  fill: #000000;
  stroke-width: 0;
}

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}

.highcharts-waterfall-series .highcharts-graph {
  stroke: #333333;
  stroke-dasharray: 1, 3;
}

.highcharts-sankey-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-sankey-series .highcharts-link {
  transition: fill 250ms, fill-opacity 250ms;
  fill-opacity: 0.5;
}

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1;
}

.highcharts-venn-series .highcharts-point {
  fill-opacity: 0.75;
  stroke: #cccccc;
  transition: stroke 250ms, fill-opacity 250ms;
}

.highcharts-venn-series .highcharts-point-hover {
  fill-opacity: 1;
  stroke: #cccccc;
}

/* Highstock */
.highcharts-navigator-mask-outside {
  fill-opacity: 0;
}

.highcharts-navigator-mask-inside {
  fill: theme-color("primary");
  /* navigator.maskFill option */
  fill-opacity: 0.25;
  cursor: ew-resize;
}

.highcharts-navigator-outline {
  stroke: #cccccc;
  fill: none;
}

.highcharts-navigator-handle {
  stroke: #cccccc;
  fill: #f2f2f2;
  cursor: ew-resize;
}

.highcharts-navigator-series {
  fill: theme-color("primary");
  stroke: theme-color("primary");
}

.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}

.highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05;
}

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #e6e6e6;
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999;
}

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-scrollbar-thumb {
  fill: #cccccc;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-arrow {
  fill: #666666;
}

.highcharts-scrollbar-rifles {
  stroke: #666666;
  stroke-width: 1px;
}

.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px;
}

.highcharts-button {
  fill: #f7f7f7;
  stroke: #cccccc;
  cursor: default;
  stroke-width: 1px;
  transition: fill 250ms;
}

.highcharts-button text {
  fill: #333333;
}

.highcharts-button-hover {
  transition: fill 0;
  fill: #e6e6e6;
  stroke: #cccccc;
}

.highcharts-button-hover text {
  fill: #333333;
}

.highcharts-button-pressed {
  font-weight: bold;
  fill: #e6ebf5;
  stroke: #cccccc;
}

.highcharts-button-pressed text {
  fill: #333333;
  font-weight: bold;
}

.highcharts-button-disabled text {
  fill: #333333;
}

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0;
}

.highcharts-range-label rect {
  fill: none;
}

.highcharts-range-label text {
  fill: #666666;
}

.highcharts-range-input {
  stroke-width: 1px;
  stroke: #cccccc;
}

.highcharts-range-input rect {
  fill: none;
}

.highcharts-range-input text {
  fill: #333333;
}

input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;
  /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em;
  /* #4798 */
}

.highcharts-crosshair-label text {
  fill: #ffffff;
  font-size: 1.1em;
}

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}

.highcharts-candlestick-series .highcharts-point {
  stroke: #000000;
  stroke-width: 1px;
}

.highcharts-candlestick-series .highcharts-point-up {
  fill: #ffffff;
}

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}

.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #999999;
  fill: #ffffff;
  transition: fill 250ms;
}

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #000000;
  fill: #ccd6eb;
}

.highcharts-flags-series .highcharts-point text {
  fill: #000000;
  font-size: 0.9em;
  font-weight: bold;
}

/* Highmaps */
.highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: #cccccc;
}

.highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0;
  fill-opacity: 0.5;
  stroke-width: 2px;
}

.highcharts-mapline-series .highcharts-point {
  fill: none;
}

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

.highcharts-coloraxis {
  stroke-width: 0;
}

.highcharts-coloraxis-marker {
  fill: #999999;
}

.highcharts-null-point {
  fill: #f7f7f7;
}

/* 3d charts */
.highcharts-3d-frame {
  fill: transparent;
}

/* Exporting module */
.highcharts-contextbutton {
  fill: #ffffff;
  /* needed to capture hover */
  stroke: none;
  stroke-linecap: round;
}

.highcharts-contextbutton:hover {
  fill: #e6e6e6;
  stroke: #e6e6e6;
}

.highcharts-button-symbol {
  stroke: #666666;
  stroke-width: 3px;
}

.highcharts-menu {
  border: 1px solid #999999;
  background: #ffffff;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888;
}

.highcharts-menu-item {
  padding: 0.5em 1em;
  background: none;
  color: #333333;
  cursor: pointer;
  transition: background 250ms, color 250ms;
}

.highcharts-menu-item:hover {
  background: theme-color("primary");
  color: #ffffff;
}

/* Drilldown module */
.highcharts-drilldown-point {
  cursor: pointer;
}

.highcharts-drilldown-axis-label,
.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label {
  cursor: pointer;
  fill: theme-color("primary");
  font-weight: bold;
  text-decoration: underline;
}

/* No-data module */
.highcharts-no-data text {
  font-weight: bold;
  font-size: 12px;
  fill: #666666;
}

/* Drag-panes module */
.highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: black;
  stroke-width: 2px;
}

/* Bullet type series */
.highcharts-bullet-target {
  stroke-width: 0;
}

/* Lineargauge type series */
.highcharts-lineargauge-target,
.highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: #333333;
}

/* Annotations module */
.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: #000000;
  fill: #000000;
  fill-opacity: 0.75;
}

.highcharts-annotation-label text {
  fill: #e6e6e6;
}

/* Gantt */
.highcharts-treegrid-node-collapsed,
.highcharts-treegrid-node-expanded {
  cursor: pointer;
}

.highcharts-point-connecting-path {
  fill: none;
}

.highcharts-grid-axis .highcharts-axis-line,
.highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px;
}

.peity-chart+.peity {
  width: 100%;
  height: 250px;
}

/**  =====================
      Authentication css start
==========================  **/
.auth-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-width: 100%;
  min-height: 100vh;
  background-color: #2b3d45 !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.login-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #0000005c;
}

.auth-content .card {
  position: relative;
  z-index: 1;
}

@media (min-width: 1200px) {
  .auth-wrapper .container {
    max-width: 1140px;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .auth-wrapper {
    display: block;
    margin: 0 auto;
  }

  .auth-wrapper>.row {
    min-height: 100vh;
  }

  .auth-wrapper>.row>.aut-bg-img {
    min-height: 100vh;
  }
}

.auth-wrapper .saprator {
  position: relative;
  margin: 8px 0;
}

.auth-wrapper .saprator span {
  background: #fff;
  position: relative;
  padding: 0 10px;
  z-index: 5;
  font-size: 20px;
}

.auth-wrapper .saprator:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e2e5e8;
  z-index: 1;
}

.auth-wrapper a,
.auth-wrapper p>a {
  color: #37474f;
  font-weight: 600;
}

.auth-wrapper .input-group {
  background: transparent;
}

.auth-wrapper .card {
  margin-bottom: 0;
  padding: 8px;
}

.auth-wrapper .card .card-body {
  padding: 20px 25px 20px 40px;
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .auth-wrapper .card {
    display: block;
  }
}

/* .auth-wrapper>div {
    z-index: 5;
} */

.auth-wrapper .auth-content {
  position: relative;
  padding: 15px;
  z-index: 5;
}

.auth-wrapper .auth-content:not(.container) {
  width: 400px;
}

.auth-wrapper .auth-content:not(.container) .card-body {
  padding: 40px 35px 15px 35px;
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .auth-wrapper .auth-content {
    margin: 0 auto;
  }
}

.auth-wrapper .auth-side-img {
  padding-right: 400px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  justify-content: center;
}

@media only screen and (max-width: 991px) {
  .auth-wrapper .auth-side-img {
    display: none;
  }
}

.auth-wrapper .auth-side-form {
  position: relative;
  min-height: 100%;
  background: #fff;
  display: inline-flex;
  align-items: center;
  left: auto;
  float: right;
}

.auth-wrapper .auth-side-form>* {
  position: relative;
  z-index: 5;
}

@media only screen and (max-width: 991px) {
  .auth-wrapper .auth-side-form {
    width: 100%;
    justify-content: center;
  }

  .auth-wrapper .auth-side-form .auth-content:not(.container) {
    max-width: 350px;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .auth-wrapper.aut-bg-img .auth-side-form {
    height: 100vh;
  }
}

@media only screen and (max-width: 767px) {
  .auth-wrapper .card .card-body {
    padding: 30px 15px;
  }
}

.auth-wrapper.offline {
  background-image: none;
}

.auth-wrapper.offline h1,
.auth-wrapper.offline .h1 {
  font-size: 87px;
  font-weight: 700;
}

.auth-wrapper.offline:before {
  display: none;
}

.auth-wrapper .card-body .carousel-indicators {
  margin: 15px 0 10px;
  bottom: 0;
}

.auth-wrapper .card-body .carousel-indicators li {
  width: 50px;
  background-color: rgba(70, 128, 255, 0.4);
  border-radius: 5px;
  height: 4px;
}

.auth-wrapper .card-body .carousel-indicators li.active {
  background-color: #4680ff;
}

.auth-wrapper .img-logo-overlay {
  position: absolute;
  top: 40px;
  left: 50px;
}

/* image varient start */
.aut-bg-img {
  background-image: url("../images/auth/img-auth-big.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}

.aut-bg-img .auth-content {
  padding: 70px 40px;
}

/* image varient End */
/**====== Authentication css end ======**/
/**  =====================
      Authentication css start
==========================  **/
.auth-wrapper.maintance {
  background: #ecf0f5;
}

.auth-wrapper.offline {
  background: radial-gradient(#94acbe, #253653);
}

.auth-wrapper.offline .offline-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
}

.auth-wrapper.offline .offline-wrapper>svg {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.auth-wrapper.offline .offline-wrapper .boat-img {
  -webkit-animation: boatanim 12s ease-in-out infinite;
  animation: boatanim 12s ease-in-out infinite;
}

.auth-wrapper.offline .s-img-1,
.auth-wrapper.offline .s-img-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.auth-wrapper.offline .s-img-1 {
  -webkit-animation: sparcle 3.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: sparcle 3.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.auth-wrapper.offline .s-img-2 {
  -webkit-animation: sparcle 3.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: sparcle 3.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.19s;
  animation-delay: 1.19s;
}

.auth-wrapper.offline .moon {
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 12%;
  left: 40%;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}

.auth-wrapper.offline .moon:after,
.auth-wrapper.offline .moon:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset 0 0 20px 5px rgba(255, 255, 255, 0.4);
}

.auth-wrapper.offline .moon:after {
  -webkit-animation: sunwawe 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: sunwawe 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.auth-wrapper.offline .moon:before {
  -webkit-animation: sunwawe 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: sunwawe 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}

.auth-wrapper.offline .sark .img-sark {
  width: 300px;
  position: absolute;
  right: -200px;
  -webkit-animation: sark 12s ease-in-out infinite;
  animation: sark 12s ease-in-out infinite;
}

.auth-wrapper.offline .sark .bubble {
  background: rgba(255, 255, 255, 0);
  position: absolute;
  top: 12%;
  left: 60%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-animation: bubble 12s ease-in-out infinite;
  animation: bubble 12s ease-in-out infinite;
}

.auth-wrapper.offline .sark .bubble:after,
.auth-wrapper.offline .sark .bubble:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset 0 0 20px 5px rgba(255, 255, 255, 0.4);
}

.auth-wrapper.offline .sark .bubble:after {
  -webkit-animation: sunwawe 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: sunwawe 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.auth-wrapper.offline .sark .bubble:before {
  -webkit-animation: sunwawe 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: sunwawe 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}

.auth-wrapper.offline .off-main {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.auth-wrapper.offline .off-main .off-content {
  position: absolute;
  width: 100%;
  bottom: 5%;
  left: 0;
  z-index: 5;
}

@media only screen and (max-width: 575px) {
  .auth-wrapper.offline .sark {
    display: none;
  }

  .auth-wrapper.offline .offline-wrapper>svg {
    height: 95%;
  }

  .auth-wrapper.offline .off-main .off-content {
    bottom: 0%;
  }

  .auth-wrapper.offline .off-main .off-content h1,
  .auth-wrapper.offline .off-main .off-content .h1 {
    font-size: 45px;
  }

  .auth-wrapper.offline .moon {
    top: 12%;
    width: 50px;
    height: 50px;
  }
}

@-webkit-keyframes bubble {

  0%,
  30% {
    opacity: 0;
  }

  31% {
    opacity: 1;
  }

  59% {
    opacity: 1;
  }

  60%,
  100% {
    opacity: 0;
  }
}

@keyframes bubble {

  0%,
  30% {
    opacity: 0;
  }

  31% {
    opacity: 1;
  }

  59% {
    opacity: 1;
  }

  60%,
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes sark {
  0% {
    transform: rotate(-10deg) translate(245px, 46px);
  }

  30% {
    transform: rotate(-13deg) translate(-329px, -80px);
  }

  60% {
    transform: rotate(-13deg) translate(-329px, -80px);
  }

  100% {
    transform: rotate(-26deg) translate(-887px, -80px);
  }
}

@keyframes sark {
  0% {
    transform: rotate(-10deg) translate(245px, 46px);
  }

  30% {
    transform: rotate(-13deg) translate(-329px, -80px);
  }

  60% {
    transform: rotate(-13deg) translate(-329px, -80px);
  }

  100% {
    transform: rotate(-26deg) translate(-887px, -80px);
  }
}

@-webkit-keyframes boatanim {
  0% {
    transform: rotate(-10deg) translate(95px, -14px);
  }

  50% {
    transform: rotate(5deg) translate(-65px, -14px);
  }

  100% {
    transform: rotate(-10deg) translate(95px, -14px);
  }
}

@keyframes boatanim {
  0% {
    transform: rotate(-10deg) translate(95px, -14px);
  }

  50% {
    transform: rotate(5deg) translate(-65px, -14px);
  }

  100% {
    transform: rotate(-10deg) translate(95px, -14px);
  }
}

@-webkit-keyframes sunwawe {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(4);
    opacity: 0;
  }
}

@keyframes sunwawe {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(4);
    opacity: 0;
  }
}

@-webkit-keyframes sparcle {
  0% {
    opacity: 0.5;
  }

  50% {
    opacity: 0;
  }
}

@keyframes sparcle {
  0% {
    opacity: 0.5;
  }

  50% {
    opacity: 0;
  }
}

/**====== Authentication css end ======**/
/* ===================== to do page start ======================================= */
#task-container ul {
  overflow: hidden;
  padding: 0;
}

#task-container li {
  float: left;
  width: 49%;
  overflow: auto;
  height: auto;
  min-height: 10px;
  background: #fff;
  display: inline-block;
  padding: 20px;
  border: 1px solid #ccc;
  color: #666;
  border-top: 5px solid #4680ff;
  cursor: pointer;
  margin-bottom: 20px;
  margin-right: 2%;
  transition: all 0.3s;
  position: relative;
}

#task-container li:nth-child(2n) {
  margin-right: 0;
}

#task-container li.complete {
  opacity: 1;
  border-top: 9px solid #ff5252;
  transition: all ease-in 0.3s;
}

#task-container li.complete:before {
  background: url("../images/complete.png") no-repeat;
  position: absolute;
  top: 5px;
  right: 5px;
  content: "";
  width: 55px;
  height: 55px;
  background-size: 100%;
}

#task-container li.complete p {
  text-decoration: line-through;
}

@media screen and (max-width: 580px) {
  #task-container li {
    width: 100%;
  }
}

.new-task .to-do-list .cr {
  float: left;
  top: 0;
  margin-right: 16px;
}

.checkbox-fade .cr {
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  margin-right: 0.5em;
  position: relative;
  width: 24px;
  margin-right: 16px;
  top: 0;
}

.task-panel .to-do-label {
  margin-bottom: 15px;
}

.task-panel .to-do-label:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0;
}

.done-task .captions,
.done-task span {
  color: #919aa3;
  text-decoration: line-through;
}

.to-do-list i {
  color: #ccc;
  font-size: 17px;
  opacity: 0;
}

.to-do-list:hover i {
  opacity: 1;
  transition: opacity ease-in 0.3s;
}

.to-do-list h6,
.to-do-list .h6 {
  display: inline-block;
}

.to-do-list .done-task {
  opacity: 0.7;
}

.to-do-list .done-task>div {
  filter: grayscale(0.8);
}

.to-do-list .done-task h6,
.to-do-list .done-task .h6,
.to-do-list .done-task p,
.to-do-list .done-task span {
  text-decoration: line-through;
}

.to-do-list .checkbox-fade .check-task {
  display: block;
}

.to-do-list .checkbox-fade .to-content {
  display: inline-block;
}

.to-do-list .checkbox-fade .cr {
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  margin-right: 0.5em;
  position: relative;
  width: 24px;
  margin: 0;
  top: 5px;
}

.to-do-list .checkbox-fade .cr .cr-icon {
  color: #fff;
  font-size: 0.8em;
  left: 0;
  line-height: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
}

.to-do-list .checkbox-fade label input[type=checkbox] {
  display: none;
}

.to-do-list .checkbox-fade label input[type=checkbox]+.cr>.cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all 0.3s ease-in;
}

.to-do-list .checkbox-fade label input[type=checkbox]:checked+.cr>.cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.to-do-list .checkbox-fade label input[type=checkbox]:checked+.cr {
  background: #4680ff;
  border: 0;
}

new-task .to-do-list .cr {
  float: left;
  top: 0;
  margin-right: 16px;
}

new-task label input[type=checkbox] {
  display: none;
}

/* ===================== to do page end =========================================*/
/* ===================== Gallery-masonry page start ============================= */
.gallery-masonry .card-columns {
  -moz-column-count: 4;
  column-count: 4;
}

@media screen and (max-width: 1400px) {
  .gallery-masonry .card-columns {
    -moz-column-count: 3;
    column-count: 3;
  }
}

@media screen and (max-width: 992px) {
  .gallery-masonry .card-columns {
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media screen and (max-width: 575px) {
  .gallery-masonry .card-columns {
    -moz-column-count: 1;
    column-count: 1;
  }
}

.job-meta-data i {
  margin-right: 5px;
  color: #4680ff;
}

/* ===================== Gallery-masonry page end ============================= */
/* ===================== Task-list page start ============================= */
.task-data img {
  width: 40px;
  box-shadow: none;
}

.task-data i {
  color: #37474f;
}

.task-data .dropdown-toggle:after {
  color: #37474f;
}

.task-board-left .task-right-header-revision,
.task-board-left .task-right-header-status,
.task-board-left .task-right-header-users {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #f1f1f1;
  cursor: pointer;
}

.task-board-left .taskboard-right-progress,
.task-board-left .taskboard-right-revision,
.task-board-left .taskboard-right-users {
  padding-top: 10px;
}

.task-board-left .taskboard-right-progress .progress {
  height: 9px;
  margin-bottom: 25px;
}

.task-board-left .user-box .media-object {
  height: 50px;
  width: 50px;
  cursor: pointer;
}

.task-board-left .user-box .media-left {
  position: relative;
}

.task-board-left .user-box .btn.btn-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.task-board-left .live-status {
  height: 8px;
  width: 8px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 100%;
  top: 5px;
}

.filter-bar .navbar {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
  padding: 0.5rem 1rem;
}

@media screen and (max-width: 557px) {
  .filter-bar .navbar .f-text {
    display: block;
    width: 100%;
  }

  .filter-bar .navbar .f-view {
    padding-left: 24px;
  }

  .filter-bar .navbar .f-view span {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}

.filter-bar .label {
  border-radius: 4px;
  font-size: 13px;
  padding: 3px 7px;
}

.filter-bar .task-detail {
  margin-bottom: 5px;
}

.filter-bar .card-task .task-list-table {
  display: inline-block;
}

.filter-bar .card-task .task-list-table img {
  width: 40px;
  box-shadow: none;
}

.filter-bar .card-task .task-list-table i {
  color: #37474f;
}

.filter-bar .card-task .task-board {
  float: right;
  margin-top: 5px;
}

.filter-bar .card-task .task-board .dropdown {
  display: inline-block;
}

.filter-bar .card-task .task-board .btn {
  padding: 4px 10px;
  font-size: 10px;
  margin: 0;
}

.assign-user img,
.task-comment img {
  width: 45px;
  box-shadow: none;
}

/* ===================== Task-list page end ===================================== */
/* ===================== Invoice page start ===================================== */
.invoice-contact {
  display: flex;
  margin-bottom: 30px;
  padding-top: 30px;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .invoice-contact {
    margin-bottom: 0;
  }
}

.invoice-table.table td {
  border: 0;
  padding: 4px 0;
}

.invoive-info {
  display: flex;
  margin-bottom: 30px;
}

.invoive-info h6,
.invoive-info .h6 {
  margin-bottom: 20px;
  text-transform: uppercase;
}

.invoive-info .invoice-order.table {
  padding-left: 0;
}

.invoive-info .invoice-order.table th {
  border: 0;
  padding: 4px 0;
}

.invoive-info .invoice-order.table th:first-child {
  padding-left: 0;
  width: 80px;
}

.invoice-total.table {
  background: #f3f3f3;
  padding: 30px 0;
}

.invoice-total.table th {
  border: 0;
  padding: 4px 0;
  text-align: right;
}

.invoice-total.table td {
  text-align: right;
}

.invoice-total.table tbody {
  padding-right: 20px;
  float: right;
}

.invoice-summary .label {
  border-radius: 5px;
  padding: 3px 10px;
  font-size: 12px;
}

.invoice-list .btn {
  padding: 5px 10px;
  font-size: 12px;
}

.invoice-list .task-list-table {
  display: inline-block;
}

/* ===================== Invoice page end ======================================= */
/* ==============================================================
                     email-page  Start
====================================================== */
.email-card .tab-content {
  box-shadow: none;
}

.email-card .tab-content .btn {
  border: none;
}

.email-card .tab-content .btn i {
  font-size: 18px;
  line-height: 1.4;
}

.email-card .tab-content .table tr {
  transition: all 0.12s ease-in-out;
}

.email-card .tab-content .table tr td,
.email-card .tab-content .table tr th {
  padding: 0.65rem 0.75rem;
}

.email-card .tab-content .table tr td .checkbox,
.email-card .tab-content .table tr th .checkbox {
  padding: 12px 0;
}

.email-card .tab-content .table tr td label,
.email-card .tab-content .table tr th label {
  margin-bottom: 0;
}

.email-card .tab-content .table tr.unread {
  font-weight: 600;
}

.email-card .tab-content .table tr.read {
  background: rgba(236, 240, 245, 0.7);
}

.email-card .tab-content .table tr:hover {
  background: #ecf0f5;
  box-shadow: 0 1px 3px 0 #e2e5e8;
}

.email-card .tab-content .nav-pills {
  margin-left: 0;
  border-top: 1px solid #dcdbdb;
  padding: 15px 0 0;
}

.email-card .tab-content .nav-pills>li .nav-link {
  border-radius: 0;
  border: none;
  padding: 5px 12px 22px;
  position: relative;
}

.email-card .tab-content .nav-pills>li .nav-link::after {
  content: "";
  width: calc(100% - 24px);
  height: 3px;
  position: absolute;
  left: 12px;
  bottom: 0;
  border-radius: 3px 3px 0 0;
}

.email-card .tab-content .nav-pills>li .nav-link.active {
  background: transparent;
  color: #ff5252;
}

.email-card .tab-content .nav-pills>li .nav-link.active:after {
  background: #ff5252;
}

.email-card .nav-pills {
  padding: 0;
  margin-left: -20px;
}

.email-card .nav-pills>li .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding: 8px 25px;
  border-radius: 0 20px 20px 0;
  text-transform: capitalize;
  border: 1px solid transparent;
  border-left: none;
  color: #373a3c;
}

.email-card .nav-pills>li .nav-link i {
  padding: 0;
  margin-right: 10px;
  font-size: 16px;
  display: inline-block;
  position: relative;
  top: 2px;
}

.email-card .nav-pills>li .nav-link.active,
.email-card .nav-pills>li .show>.nav-link {
  font-weight: 600;
  background: rgba(255, 82, 82, 0.1);
  color: #ff5252;
  border-color: rgba(255, 82, 82, 0.1);
}

.email-card .email-more-link {
  font-size: 16px;
}

.email-card .email-more-link i {
  line-height: 1.1;
}

.email-card .mail-body-content a {
  color: #373a3c;
}

.email-card .mail-body-content .mail-attach {
  display: inline-block;
  border: 1px solid #dcdbdb;
  border-radius: 50px;
  padding: 5px 15px;
  margin-top: 10px;
}

.email-card .email-btn .btn {
  border: none;
}

.email-card .email-btn .btn.dropdown-toggle::after {
  display: none;
}

@media screen and (max-width: 767px) {
  .email-card .input-group {
    margin-top: 20px;
  }
}

.email-content {
  border-bottom: 1px solid #dcdbdb;
  padding-bottom: 15px;
}

.email-read {
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 575px) {
  .email-read {
    display: inline-block;
  }

  .email-read .photo-table {
    margin-bottom: 10px;
  }

  .email-contant {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* ==================  email-page  End  =================== */
/* ==============================================================
                     image-cropper  Start
====================================================== */
.docs-buttons .btn {
  margin-bottom: 10px !important;
}

.docs-data .input-group {
  background: transparent;
  margin-bottom: 10px;
}

.docs-data>.input-group>label {
  min-width: 80px;
}

.docs-data .input-group>span {
  min-width: 50px;
}

.img-container {
  min-height: 200px;
  max-height: 516px;
  margin-bottom: 20px;
}

.img-container>img {
  max-width: 100%;
}

@media (min-width: 768px) {
  .img-container {
    min-height: 516px;
  }
}

.docs-preview {
  margin-right: -15px;
}

.docs-preview .img-preview {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.docs-preview .img-preview>img {
  max-width: 100%;
}

.docs-preview .preview-lg {
  width: 100% !important;
}

.docs-preview .preview-md {
  width: 139px;
  height: 78px;
}

.docs-preview .preview-sm {
  width: 69px;
  height: 39px;
}

.docs-preview .preview-xs {
  width: 35px;
  height: 20px;
  margin-right: 0;
}

.docs-buttons>.btn,
.docs-buttons>.btn-group,
.docs-buttons>.form-control {
  margin-right: 5px;
}

.docs-toggles>.btn,
.docs-toggles>.btn-group,
.docs-toggles>.dropdown {
  margin-bottom: 10px;
}

.docs-tooltip {
  display: block;
  margin: -6px -12px;
  padding: 6px 12px;
}

.docs-tooltip>.icon {
  margin: 0 -3px;
  vertical-align: top;
}

.tooltip-inner {
  white-space: normal;
}

.btn-upload .tooltip-inner {
  white-space: nowrap;
}

@media (max-width: 400px) {
  .btn-group-crop {
    margin-right: -15px !important;
  }

  .btn-group-crop>.btn {
    padding-left: 5px;
    padding-right: 5px;
  }

  .btn-group-crop .docs-tooltip {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.docs-options .dropdown-menu {
  width: 100%;
}

.docs-options .dropdown-menu>li {
  padding: 3px 20px;
  font-size: 14px;
}

.docs-options .dropdown-menu>li:hover {
  background-color: #f7f7f7;
}

.docs-options .dropdown-menu>li>label {
  display: block;
}

.docs-cropped .modal-body {
  text-align: center;
}

.docs-cropped .modal-body>canvas,
.docs-cropped .modal-body>img {
  max-width: 100%;
}

.card-block .docs-options .dropdown-menu {
  top: inherit;
}

/* ==================  image-cropper end  ======================================= */
/**  =====================
      Help Desk Application css start
==========================  **/
.hd-body .excerpt {
  padding: 15px;
  background: #ecf0f5;
  border: 1px solid #dcdbdb;
}

.hd-body .ticket-customer,
.hd-body .ticket-type-icon {
  display: block;
  text-transform: capitalize;
}

.hd-body:hover .hover-blk {
  transform: scale(1);
}

.sm-view .card-body .excerpt,
.sm-view .card-body ul.list-inline {
  display: none;
}

.md-view .excerpt {
  display: none;
}

.md-view .col-auto ul li:nth-child(1),
.md-view .col-auto ul li:nth-child(3),
.sm-view .col-auto ul li:nth-child(1),
.sm-view .col-auto ul li:nth-child(3) {
  display: none;
}

.hover-blk {
  background: #fff;
  width: 270px;
  left: calc(100% + 10px);
  transform: scale(0);
  z-index: 5;
  transition: all 0.1s ease-out;
}

.hover-blk .img-txt p {
  display: inline-block;
}

.topic-name h1,
.topic-name .h1 {
  float: left;
  font-weight: normal;
}

.topic-name .btn-star {
  float: right;
}

.dicon-blk {
  top: 0;
  right: 0;
}

.dicon-blk li {
  display: inline-block;
}

.hd-detail .col-right .edit-del {
  opacity: 0;
}

.hd-detail .col-right .edit-del i {
  opacity: 0.2;
}

.hd-detail .col-right .edit-del i:hover {
  opacity: 1;
}

.hd-detail:hover .edit-del {
  opacity: 1;
}

.hdd-user i {
  bottom: 0;
}

.ticket-block .hd-body {
  border-left: 3px solid #ccc;
}

.ticket-block .col.border-right {
  border-color: #ccc !important;
}

.ticket-block .ticket-type-icon {
  font-weight: 500;
  color: #111;
}

.ticket-block .excerpt h6,
.ticket-block .excerpt .h6 {
  color: #686c71;
  font-weight: 500;
}

.ticket-block .excerpt h6 a,
.ticket-block .excerpt .h6 a {
  color: #686c71;
}

.ticket-block .excerpt h6 a:hover,
.ticket-block .excerpt .h6 a:hover {
  text-decoration: underline !important;
  color: #111;
}

.ticket-block.open-tic .hd-body {
  border-color: #ea394a;
}

.ticket-block.close-tic .hd-body {
  border-color: #5AC17F;
}

.right-col .card-footer label {
  font-weight: 500;
}

.q-view {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1030;
  top: 0;
  right: 0;
  visibility: hidden;
}

.q-view .overlay {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.q-view .content {
  width: 585px;
  height: 100vh;
  z-index: 5;
  position: absolute;
  top: 0;
  background-color: #fff;
  padding-top: 20px;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.3);
  right: -765px;
  transition: right 0.195s ease-in, visibility 0s linear 0.195s;
  min-height: 100vh;
  overflow: auto;
}

.q-view.active {
  visibility: visible;
}

.q-view.active .content {
  right: 0;
  transition: right 0.225s ease-out;
}

/* .select2-container--default {
    margin-bottom: 10px;
} */

.select2-container--default .select2-selection {
  border-color: #ced4da;
}

.form-select.is-invalid+.select2-container--default .select2-selection {
  border-color: #ff5252 !important;
}

.select2-container.select2-container--default.select2-container--open {
  z-index: 9999;
}

.hdd-right-side {
  width: 495px;
}

.hdd-right-side .hdd-right-inner {
  position: fixed;
  width: 465px;
}

.span-content a {
  padding: 0 7px;
}

.file-btn {
  position: relative;
  overflow: hidden;
}

.file-btn input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

@media (max-width: 992px) {
  .hd-detail .col-right .edit-del {
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  .hdd-right-side {
    width: 100%;
  }

  .hdd-right-side .hdd-right-inner {
    position: static;
    width: 100%;
  }
}

@media (max-width: 575px) {
  .q-view .content {
    width: 450px;
  }
}

@media (max-width: 380px) {
  .q-view .content {
    width: 300px;
  }
}

/**====== Help Desk Application css start ======**/
.fc-view {
  margin-top: 30px;
}

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

.fc-toolbar {
  margin: 15px 0 5px;
}

.fc-toolbar h2,
.fc-toolbar .h2 {
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-transform: uppercase;
}

.fc-day-grid-event .fc-time {
  font-weight: 700;
}

.fc-day {
  background: transparent;
}

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

.fc th.fc-widget-header {
  background: #4680ff;
  color: #fff;
  border-color: #4680ff;
  font-size: 13px;
  line-height: 20px;
  padding: 10px 0;
  text-transform: uppercase;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
  border-color: #f0f2f3;
}

.fc-today-button,
.fc-button {
  background: #f0f2f3;
  border: none;
  color: #343a40;
  text-shadow: none;
  text-transform: capitalize;
  box-shadow: none;
  border-radius: 3px;
  margin: 0.375rem 0.75rem;
  padding: 0.375rem 0.75rem !important;
  height: auto !important;
}

.fc-text-arrow {
  font-size: 1rem;
}

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

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

.fc-state-active,
.fc-state-disabled,
.fc-state-down {
  background-color: #4680ff;
  color: #fff;
  text-shadow: none;
}

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

.fc-unthemed td.fc-today {
  background: #f8f9fa;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-popover .fc-header {
  background: #f8f9fa;
}

.fc-event,
.fc-event:not([href]) {
  background-color: #4680ff;
  border-color: #4680ff;
  color: #fff;
  padding: 5px 10px;
  border-radius: 2px;
  margin-bottom: 5px;
  cursor: move;
}

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

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

.fc-basic-view td.fc-day-number {
  padding-right: 8px;
}

.fc-basic-view .fc-content {
  color: #fff;
}

.fc-time-grid-event .fc-content {
  color: #fff;
}

.fc-today-button,
.fc .fc-button-group>* {
  margin-bottom: 4px;
  margin-left: 10px;
  border-radius: 2px;
  font-size: 1rem;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 20px;
  background-color: #f0f2f3;
  border-radius: 2px;
  margin: 5px;
  font-size: 12px;
  border: 1px solid #ebedef;
}

.fc-scroller {
  overflow: visible !important;
  height: auto !important;
}

@media (max-width: 575.98px) {

  .fc-toolbar .fc-center,
  .fc-toolbar .fc-left,
  .fc-toolbar .fc-right {
    float: none;
    display: block;
    clear: both;
    margin: 10px 0;
  }

  .fc .fc-toolbar>*>* {
    float: none;
  }

  .fc-today-button {
    display: none;
  }
}

/**  =====================
      Icon layouts css start
==========================  **/
.i-main .i-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin: 5px;
  border: 1px solid #f1f1f1;
  position: relative;
  cursor: pointer;
}

.i-main .i-block i {
  font-size: 30px;
}

.i-main .i-block label {
  margin-bottom: 0;
  display: none;
}

.i-main .i-block span.ic-badge {
  position: absolute;
  bottom: 0;
  right: 0;
}

.i-main .i-block .flag-icon-background {
  width: 40px;
  height: 40px;
}

.sample-icon .i-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin: 5px;
  border-radius: 50%;
  border: 1px solid #f1f1f1;
  position: relative;
  cursor: pointer;
}

.sample-icon .i-block i {
  font-size: 28px;
}

.sample-icon .i-block:nth-child(1) {
  border-color: #4680ff;
  background: rgba(70, 128, 255, 0.1);
}

.sample-icon .i-block:nth-child(1) i {
  color: #4680ff;
}

.sample-icon .i-block:nth-child(2) {
  border-color: #6610f2;
  background: rgba(102, 16, 242, 0.1);
}

.sample-icon .i-block:nth-child(2) i {
  color: #6610f2;
}

.sample-icon .i-block:nth-child(3) {
  border-color: #6f42c1;
  background: rgba(111, 66, 193, 0.1);
}

.sample-icon .i-block:nth-child(3) i {
  color: #6f42c1;
}

.sample-icon .i-block:nth-child(4) {
  border-color: #e83e8c;
  background: rgba(232, 62, 140, 0.1);
}

.sample-icon .i-block:nth-child(4) i {
  color: #e83e8c;
}

.sample-icon .i-block:nth-child(5) {
  border-color: #ff5252;
  background: rgba(255, 82, 82, 0.1);
}

.sample-icon .i-block:nth-child(5) i {
  color: #ff5252;
}

.sample-icon .i-block:nth-child(6) {
  border-color: #fd7e14;
  background: rgba(253, 126, 20, 0.1);
}

.sample-icon .i-block:nth-child(6) i {
  color: #fd7e14;
}

.sample-icon .i-block:nth-child(7) {
  border-color: #ffba57;
  background: rgba(255, 186, 87, 0.1);
}

.sample-icon .i-block:nth-child(7) i {
  color: #ffba57;
}

.sample-icon .i-block:nth-child(8) {
  border-color: #539B00;
  background: rgba(156, 204, 101, 0.1);
}

.sample-icon .i-block:nth-child(8) i {
  color: #539B00;
}

.sample-icon .i-block:nth-child(9) {
  border-color: #20c997;
  background: rgba(32, 201, 151, 0.1);
}

.sample-icon .i-block:nth-child(9) i {
  color: #20c997;
}

.sample-icon .i-block:nth-child(10) {
  border-color: #00acc1;
  background: rgba(0, 172, 193, 0.1);
}

.sample-icon .i-block:nth-child(10) i {
  color: #00acc1;
}

.sample-icon .i-block:nth-child(11) {
  border-color: #4680ff;
  background: rgba(70, 128, 255, 0.1);
}

.sample-icon .i-block:nth-child(11) i {
  color: #4680ff;
}

.sample-icon .i-block:nth-child(12) {
  border-color: #6610f2;
  background: rgba(102, 16, 242, 0.1);
}

.sample-icon .i-block:nth-child(12) i {
  color: #6610f2;
}

.sample-icon .i-block:nth-child(13) {
  border-color: #6f42c1;
  background: rgba(111, 66, 193, 0.1);
}

.sample-icon .i-block:nth-child(13) i {
  color: #6f42c1;
}

.sample-icon .i-block:nth-child(14) {
  border-color: #e83e8c;
  background: rgba(232, 62, 140, 0.1);
}

.sample-icon .i-block:nth-child(14) i {
  color: #e83e8c;
}

.sample-icon .i-block:nth-child(15) {
  border-color: #ff5252;
  background: rgba(255, 82, 82, 0.1);
}

.sample-icon .i-block:nth-child(15) i {
  color: #ff5252;
}

.sample-icon .i-block:nth-child(16) {
  border-color: #fd7e14;
  background: rgba(253, 126, 20, 0.1);
}

.sample-icon .i-block:nth-child(16) i {
  color: #fd7e14;
}

.sample-icon .i-block:nth-child(17) {
  border-color: #ffba57;
  background: rgba(255, 186, 87, 0.1);
}

.sample-icon .i-block:nth-child(17) i {
  color: #ffba57;
}

.sample-icon .i-block:nth-child(18) {
  border-color: #539B00;
  background: rgba(156, 204, 101, 0.1);
}

.sample-icon .i-block:nth-child(18) i {
  color: #539B00;
}

.sample-icon .i-block:nth-child(19) {
  border-color: #20c997;
  background: rgba(32, 201, 151, 0.1);
}

.sample-icon .i-block:nth-child(19) i {
  color: #20c997;
}

.sample-icon .i-block:nth-child(20) {
  border-color: #00acc1;
  background: rgba(0, 172, 193, 0.1);
}

.sample-icon .i-block:nth-child(20) i {
  color: #00acc1;
}

.sample-icon .i-block:nth-child(21) {
  border-color: #4680ff;
  background: rgba(70, 128, 255, 0.1);
}

.sample-icon .i-block:nth-child(21) i {
  color: #4680ff;
}

.sample-icon .i-block:nth-child(22) {
  border-color: #6610f2;
  background: rgba(102, 16, 242, 0.1);
}

.sample-icon .i-block:nth-child(22) i {
  color: #6610f2;
}

.sample-icon .i-block:nth-child(23) {
  border-color: #6f42c1;
  background: rgba(111, 66, 193, 0.1);
}

.sample-icon .i-block:nth-child(23) i {
  color: #6f42c1;
}

.sample-icon .i-block:nth-child(24) {
  border-color: #e83e8c;
  background: rgba(232, 62, 140, 0.1);
}

.sample-icon .i-block:nth-child(24) i {
  color: #e83e8c;
}

.sample-icon .i-block:nth-child(25) {
  border-color: #ff5252;
  background: rgba(255, 82, 82, 0.1);
}

.sample-icon .i-block:nth-child(25) i {
  color: #ff5252;
}

.sample-icon .i-block:nth-child(26) {
  border-color: #fd7e14;
  background: rgba(253, 126, 20, 0.1);
}

.sample-icon .i-block:nth-child(26) i {
  color: #fd7e14;
}

.sample-icon .i-block:nth-child(27) {
  border-color: #ffba57;
  background: rgba(255, 186, 87, 0.1);
}

.sample-icon .i-block:nth-child(27) i {
  color: #ffba57;
}

.sample-icon .i-block:nth-child(28) {
  border-color: #539B00;
  background: rgba(156, 204, 101, 0.1);
}

.sample-icon .i-block:nth-child(28) i {
  color: #539B00;
}

.sample-icon .i-block:nth-child(29) {
  border-color: #20c997;
  background: rgba(32, 201, 151, 0.1);
}

.sample-icon .i-block:nth-child(29) i {
  color: #20c997;
}

.sample-icon .i-block:nth-child(30) {
  border-color: #00acc1;
  background: rgba(0, 172, 193, 0.1);
}

.sample-icon .i-block:nth-child(30) i {
  color: #00acc1;
}

.sample-icon .i-block:nth-child(31) {
  border-color: #4680ff;
  background: rgba(70, 128, 255, 0.1);
}

.sample-icon .i-block:nth-child(31) i {
  color: #4680ff;
}

.sample-icon .i-block:nth-child(32) {
  border-color: #6610f2;
  background: rgba(102, 16, 242, 0.1);
}

.sample-icon .i-block:nth-child(32) i {
  color: #6610f2;
}

.sample-icon .i-block:nth-child(33) {
  border-color: #6f42c1;
  background: rgba(111, 66, 193, 0.1);
}

.sample-icon .i-block:nth-child(33) i {
  color: #6f42c1;
}

.sample-icon .i-block:nth-child(34) {
  border-color: #e83e8c;
  background: rgba(232, 62, 140, 0.1);
}

.sample-icon .i-block:nth-child(34) i {
  color: #e83e8c;
}

.sample-icon .i-block:nth-child(35) {
  border-color: #ff5252;
  background: rgba(255, 82, 82, 0.1);
}

.sample-icon .i-block:nth-child(35) i {
  color: #ff5252;
}

.sample-icon .i-block:nth-child(36) {
  border-color: #fd7e14;
  background: rgba(253, 126, 20, 0.1);
}

.sample-icon .i-block:nth-child(36) i {
  color: #fd7e14;
}

.sample-icon .i-block:nth-child(37) {
  border-color: #ffba57;
  background: rgba(255, 186, 87, 0.1);
}

.sample-icon .i-block:nth-child(37) i {
  color: #ffba57;
}

.sample-icon .i-block:nth-child(38) {
  border-color: #539B00;
  background: rgba(156, 204, 101, 0.1);
}

.sample-icon .i-block:nth-child(38) i {
  color: #539B00;
}

.sample-icon .i-block:nth-child(39) {
  border-color: #20c997;
  background: rgba(32, 201, 151, 0.1);
}

.sample-icon .i-block:nth-child(39) i {
  color: #20c997;
}

.sample-icon .i-block:nth-child(40) {
  border-color: #00acc1;
  background: rgba(0, 172, 193, 0.1);
}

.sample-icon .i-block:nth-child(40) i {
  color: #00acc1;
}

/**====== Icon layouts css end ======**/
/**  =====================
      user card css start
==========================  **/
.user-card .cover-img-block {
  position: relative;
}

.user-card .cover-img-block .change-cover {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 5;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.user-card .cover-img-block .change-cover .dropdown-toggle {
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-card .cover-img-block .change-cover .dropdown-toggle:after {
  display: none;
}

.user-card .cover-img-block .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease-in-out;
}

.user-card .cover-img-block:hover .change-cover,
.user-card .cover-img-block:hover .overlay {
  opacity: 1;
}

.user-card .user-about-block {
  margin-top: -30px;
  position: relative;
}

.user-card .user-about-block img {
  box-shadow: 0 0 0 5px #fff;
}

.user-card .user-about-block .certificated-badge {
  position: absolute;
  bottom: -5px;
  right: -5px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background: #fff;
  padding: 5px 3px;
}

.user-card .user-about-block .certificated-badge .bg-icon {
  font-size: 22px;
}

.user-card .user-about-block .certificated-badge .front-icon {
  font-size: 11px;
  position: absolute;
  top: 11px;
  left: 9px;
}

.user-card .hover-data {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(36, 46, 62, 0.92);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
}

.user-card:hover .hover-data {
  transform: scale(1);
}

.user-card .change-profile .dropdown-toggle::after {
  display: none;
}

.user-card .change-profile .profile-dp {
  position: relative;
  overflow: hidden;
  padding: 5px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
}

.user-card .change-profile .profile-dp .overlay {
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: 50%;
  opacity: 0;
  z-index: 1;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease-in-out;
}

.user-card .change-profile .profile-dp .overlay span {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  padding: 0 0 5px;
}

.user-card .change-profile .profile-dp:hover .overlay {
  opacity: 1;
}

@media only screen and (max-width: 992px) {
  .user-card .user-about-block {
    margin-top: -10px;
  }

  .user-card .wid-80 {
    width: 60px;
  }

  .user-card .change-profile .profile-dp {
    width: 90px;
    height: 90px;
  }

  .user-card.user-card-2.shape-right .cover-img-block {
    -webkit-clip-path: none;
    clip-path: none;
  }

  .user-card .cover-img-block .change-cover .dropdown-toggle {
    padding: 5px 7px;
  }
}

.user-card-2 .cover-img-block {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 80%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 80%);
}

.user-card-2.shape-right .cover-img-block {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%);
}

.user-card-2.shape-center .cover-img-block {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
  clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
}

.user-card-3 .certificated-badge {
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: #fff;
  padding: 5px 3px;
}

.user-card-3 .certificated-badge .bg-icon {
  font-size: 30px;
}

.user-card-3 .certificated-badge .front-icon {
  font-size: 14px;
  position: absolute;
  top: 14px;
  left: 13px;
}

.user-card-3 .social-top-link {
  position: absolute;
  top: 20px;
  left: 20px;
}

.user-card-3.social-hover .social-top-link {
  top: 20px;
  left: 20px;
  overflow: hidden;
}

.user-card-3.social-hover .social-top-link .btn,
.user-card-3.social-hover .social-top-link li {
  margin-left: -100px;
  transition: all 0.2s ease-in-out;
}

.user-card-3.social-hover .social-top-link .btn:nth-child(1),
.user-card-3.social-hover .social-top-link li:nth-child(1) {
  transition-delay: 0.05s;
}

.user-card-3.social-hover .social-top-link .btn:nth-child(2),
.user-card-3.social-hover .social-top-link li:nth-child(2) {
  transition-delay: 0.1s;
}

.user-card-3.social-hover .social-top-link .btn:nth-child(3),
.user-card-3.social-hover .social-top-link li:nth-child(3) {
  transition-delay: 0.15s;
}

.user-card-3.social-hover .social-top-link .btn:nth-child(4),
.user-card-3.social-hover .social-top-link li:nth-child(4) {
  transition-delay: 0.2s;
}

.user-card-3.social-hover .social-top-link .btn:nth-child(5),
.user-card-3.social-hover .social-top-link li:nth-child(5) {
  transition-delay: 0.25s;
}

.user-card-3.social-hover .social-top-link .btn:nth-child(6),
.user-card-3.social-hover .social-top-link li:nth-child(6) {
  transition-delay: 0.3s;
}

.user-card-3.social-hover .social-top-link .btn:nth-child(7),
.user-card-3.social-hover .social-top-link li:nth-child(7) {
  transition-delay: 0.35s;
}

.user-card-3.social-hover .social-top-link .btn:nth-child(8),
.user-card-3.social-hover .social-top-link li:nth-child(8) {
  transition-delay: 0.4s;
}

.user-card-3.social-hover .social-top-link .btn:nth-child(9),
.user-card-3.social-hover .social-top-link li:nth-child(9) {
  transition-delay: 0.45s;
}

.user-card-3.social-hover .social-top-link .btn:nth-child(10),
.user-card-3.social-hover .social-top-link li:nth-child(10) {
  transition-delay: 0.5s;
}

.user-card-3.social-hover:hover .social-top-link .btn,
.user-card-3.social-hover:hover .social-top-link li {
  margin-left: 0;
}

.user-profile {
  margin-top: -25px;
  margin-left: -25px;
  margin-right: -25px;
  background: #fff;
}

.user-profile .card-body {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 4px -2px rgba(54, 80, 138, 0.3);
}

.user-profile .card-body .overlay>span {
  cursor: pointer;
}

.user-profile .cover-img-block:hover>img {
  filter: grayscale(1) blur(1px);
}

.user-profile .profile-dp .overlay {
  text-align: left;
}

.user-profile .user-about-block .certificated-badge {
  bottom: 8px;
  right: 0;
  z-index: 2;
}

.user-profile .profile-tabs {
  border-bottom: 0;
  margin-top: 30px;
}

.user-profile .profile-tabs .nav-item {
  margin-bottom: 0px;
}

.user-profile .profile-tabs .nav-item .nav-link {
  position: relative;
}

.user-profile .profile-tabs .nav-item .nav-link:after {
  content: "";
  background: var(--main-color) !important;
  position: absolute;
  transition: all 0.3s ease-in-out;
  left: 50%;
  right: 50%;
  bottom: -1px;
  height: 2px;
  border-radius: 2px 2px 0 0;
}

.user-profile .profile-tabs .nav-link:hover {
  border-color: transparent;
}

.user-profile .profile-tabs .nav-item.show .nav-link,
.user-profile .profile-tabs .nav-link.active {
  border-color: transparent;
}

.user-profile .profile-tabs .nav-item.show .nav-link:after,
.user-profile .profile-tabs .nav-link.active:after {
  left: 0;
  right: 0;
}

@media only screen and (max-width: 575px) {
  .user-profile {
    margin-top: -30px;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.user-profile-list table {
  border-spacing: 0 !important;
}

.card-scroll-auto .card-body {
  overflow-x: auto;
}

.user-profile-list table tbody tr {
  /* box-shadow: 0 2px 10px -1px rgba(69, 90, 100, 0.3); */
  /* border-radius: 0.25rem; */
  position: relative;
}

.user-profile-list table tbody tr .overlay-edit {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  background: #4680ff;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-profile-list table tbody tr .overlay-edit .btn {
  border-radius: 50%;
  margin: 0 3px;
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


@media(min-width:600px) {
 /* 
  .table-bordered tr:hover td,
  .table-bordered .focused-tr td {
    border-color: #f1f1f1;
  }

 .user-profile-list table tbody tr:hover {
    box-shadow: 0 0 6px 0 #e3e3e3;
  } */

  .focused-tr td,
  .user-profile-list table tbody tr:hover td {
    cursor: pointer;
    color: #2e2e2e;
    background-color: #f5f6f7 !important;
  }

  .table-striped tbody tr:nth-of-type(2n+1) .form-control,
  .focused-tr td .form-control,
  .user-profile-list table tbody tr:hover td .form-control {
    border-color: #e3e3e3;
    background-color: #fff;
  }

  .focused-tr td .switch input[type=checkbox]+.cr,
  .user-profile-list table tbody tr:hover td .switch input[type=checkbox]+.cr {
    border-color: #539B00;
  }

  .focused-tr td .overlay-edit,
  .user-profile-list table tbody tr:hover td .overlay-edit {
    opacity: 1;
  }
}

.user-profile-list table tr td,
.user-profile-list table tr th {
  vertical-align: middle;
}

.user-profile-list table tr td {
  /* background: #fff; */
  position: relative;
}

/**====== user card css end ======**/

.logo {
  height: 47px;
  width: 250px;
  margin-top: 15px !important;
}

.white-select+.select2-container--default .select2-selection {
  border-color: #fff;
}

.white-select {
  background-color: #fff;
  border-color: #fff;
  /* background-image: url("../images/chevron-down-white.svg"); */
}

.white-select option {
  color: #000;
}

.white-select:focus {
  border-color: #fff;
  box-shadow: 0;
}

td .link {
  display: inline-block;
}

.link {
  color: #4680ff;
  position: relative;
  display: block;
  transition: .4s;
  width: max-content;
}

/* .link::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: #03306E;
  transition: .4s;
} */

.link:hover::before {
  width: 0%;
}

.link:hover {
  color: #000;
}

.empty-tbody {
  text-align: center;
  margin: 0;
  font-weight: bold;
  font-size: 16px;
  color: gray;
  /* background: #fff; */
}

footer {
  background-color: var(--secondary-color);
  position: absolute;
  width: 100%;
  bottom: 0;
}

footer svg {
  height: 50px;
  width: 120px;
}

footer .copyright-text {
  display: flex;
  align-items: center;
}

footer .copyright-text p {
  margin: 0;
  margin-right: 5px;
  color: #fff;
}

.login-avh-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

.login-avh-logo svg {
  height: 25px;
  width: 180px;
}

.login-avh-logo p {
  color: #37474f;
  font-weight: 600;
}

@media (max-width:768px) {
  .filter .form-group {
    margin-bottom: 15px !important;
  }
}

.under-const {
  text-align: center;
  margin-top: 60px;
  color: #f5670e;
  font-weight: bold;
  font-size: 30px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #e9ecef;
  border-color: #d4d4d4;
}

.swal2-html-container p {
  font-size: 18px;
}

.qr-img {
  height: 200px;
}

table input {
  min-width: max-content;
}

/* table responsive design */
table caption {
  text-align: left;
  font-size: 1.3em;
  margin: 0.5em 0 0.75em;
}

table thead {
  display: none;
}

table tr {
  display: block;
  border: 1px solid lightgray;
  padding: 1em 1em 0.5em;
}

table tr+tr {
  margin-top: 0.625em;
}

table td {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

table td:before {
  font-size: 0.9em;
  max-width: 45%;
}

table td+td {
  margin-top: 0.8em;
}

@media screen and (min-width: 600px) {
  table caption {
    font-size: 1.5em;
  }

  table thead {
    display: table-header-group;
  }

  table tr {
    display: table-row;
    border: 0;
  }

  table th {
    font-size: 0.85em;
    text-transform: uppercase;
  }

  table td {
    display: table-cell;
  }

  table td:before {
    display: none;
  }

  table td {
    border-bottom: 1px solid lightgray;
  }
}

@media(min-width:600px) {
  #qr_code_reader {
    width: 300px !important;

  }
}

@media(max-width:600px) {
  .custom-height {
    height: calc(100vh - 200px) !important;
  }

  #qr-video {
    height: 100%;
    width: 100%;
  }

  .navbar-nav.ms-auto.cm-dn {
    justify-content: space-between;
    width: 100%;
  }
}

.custom-height {
  height: 300px;
}

.table-count,
.table-time {
  font-weight: bold;
}

#openQRcodeBtn {
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 100;
  height: max-content;
  width: max-content;
  padding: 15px;
  border-radius: 50%;
  transition: .4s;
  background-color: #4680ff;
  box-shadow: 0px 0px 8px -1px #393939;
}

#openQRcodeBtn:hover {
  transform: scale(1.1);
}

#openQRcodeBtn svg {
  height: 35px;
  width: 35px;
  border-radius: 4px
}

#openQRcodeBtn svg g {
  fill: #fff;
}

.list-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px;
}

.list-line .item {
  margin-right: 10px;
}

.list-line .item span {
  color: #03306E;
  font-weight: bold;
}

.empty-page-card {
  min-height: 320px;
  height: calc(100vh - 100px);
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.empty-page-card svg {
  height: 150px;
  width: 150px;
  margin-bottom: 50px;
}

@media(max-width:600px) {
  .empty-page-card {
    width: 95%;
  }

  .empty-page-card svg {
    height: 100px;
    width: 100px;
  }
}

.empty-page-card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.receipt-table td {
  border: 1px solid lightgray;
  padding: 15px 8px;
}

@media(min-width:768px) {
  .receipt-table td:first-child {
    border-left: none;
  }

  .receipt-table td:last-child {
    border-right: none;
  }
}

@media(max-width:768px) {
  .receipt-table td:first-child {
    border-bottom: none;
  }

  .receipt-table td:last-child {
    border-top: none;
  }

  .receipt-table td {
    padding: 5px;
  }

  .receipt-table tr {
    border: 0;
    padding: 0;
  }
  table tr {
    border-bottom: none !important;
  }

  table tr td {
    min-height: 36px !important;
  }
  .table tbody tr:last-child td {
    border-bottom: 1px solid #dcdbdb !important;
  }

  .table thead th:first-child, .table tbody td:first-child {
    border-left: 1px solid #dcdbdb !important;
  }
  .table thead th:last-child, .table tbody td:last-child {
    border-right: 1px solid #dcdbdb !important;
  }
}

@media print {
  input[data-role="print-receipt"] {
    display: none;
  }
}

/* .receipt-card{
    position: relative;
    background: rgb(255, 255, 255) url(https://static.licdn.com/scds/common/u/images/apps/payments/textures/texture_paper_304x128_v1.png) repeat scroll 0px 0px / auto padding-box border-box;
}

.receipt-card::before{
    background-position: 0px 0px;
    bottom: -8px;
    color: rgb(102, 102, 102);
    height: 10px;
    left: 0px;
    position: absolute;
    width: 100%;
    perspective-origin: 144px 5px;
    transform-origin: 144px 5px;
    content: ' ';
    background: rgba(0, 0, 0, 0) url(https://static.licdn.com/scds/common/u/images/apps/payments/textures/texture_paper_zigzag_288x18_v1.png) repeat-x scroll 0px 0px / auto padding-box border-box;
    border: 0px none rgb(102, 102, 102);
    font: normal normal normal 13px/17px Helvetica, Arial, sans-serif;
    outline: rgb(102, 102, 102) none 0px;
} */

.chck-group {
  text-align: center;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
}

.chck-group .container-checkbox {
  transition: 0.4s;
  padding-left: 0;
  width: 100%;
  justify-content: space-around;
}

.chck-group .container-checkbox .checkmark {
  left: unset;
  right: 17px;
  bottom: 24px;
  border: none;
}

.chck-group .container-checkbox .checkmark::after {
  border-color: #03306E;
  width: 9px;
  height: 15px;
}

.chck-group .container-checkbox p {
  margin-left: unset !important;
  line-height: 22px;
  font-size: 15px;
  transition: 0.4s;
  width: 100%;
  height: 160px;
  border: 1px solid #ced4da;
  padding: 10px;
  transition: 0.4s;
  border-radius: 4px;
}

.chck-group .container-checkbox input:checked~.checkmark {
  border-color: white;
  background: unset;
}

.chck-group .container-checkbox input:checked~p {
  color: #03306E;
  border-color: #03306E;
}

.container-checkbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: fit-content;
}

.container-checkbox .text-error {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #d26c62;
  position: relative;
  margin: 0.6rem 0 0 -1rem;
  display: block;
}

.container-checkbox .text-error::before {
  position: absolute;
  content: '';
  left: -0.9rem;
  top: 0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  background-color: #d26c62;
  border-radius: 50%;
}

.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.container-checkbox p {
  font-style: normal;
  font-weight: normal;
  color: gray;
  transform: translateY(4px);
  margin-bottom: 0;
}

.container-checkbox p a {
  color: blue;
  text-decoration: underline !important;
}

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

.container-checkbox input:checked~.checkmark:after {
  display: block;
}

.container-checkbox .checkmark:after {
  left: 0.7rem;
  width: 0.6rem;
  height: 1rem;
  border: solid white;
  border-width: 0 3px 3px 0;
  border-radius: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.3s;
}

.checkmark {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 5px;
  border: 1px solid gray;
  transform: translateY(2px);
  transition: 0.3s;
}

.container-checkbox input:checked~.checkmark {
  border-color: #03306E;
  background: #03306E;
}

.container-checkbox.radio .checkmark {
  border-radius: 50%;
}

.container-checkbox img {
  height: 100px;
  width: 100px;
  position: absolute;
  bottom: 15px;
}

/*-- lines loader --*/
/*---Ringdots---*/
.loader-full {
  position: fixed;
  background: #ffffffa1;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lds-roller div:after {
  background: #03306E;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.file-uploader {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  color: #4f4f4f;
  background: #f1f1f1;
  border: 1px dashed #cacaca;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 155px;
  position: relative;
  cursor: pointer;
  border-radius: 8px;
}

.file-uploader svg {
  width: 45px;
  height: 39.85px;
}

.file-uploader span {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
  color: #0f316f;
}

.file-uploader input[type="file"] {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.file-uploader .imgs-line {
  width: 100%;
  min-height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  flex-wrap: wrap;
  height: fit-content;
  background: #f1f1f1;
  top: 0;
}

.file-uploader .imgs-line div {
  height: 100%;
  position: relative;
  margin: 0px 10px 10px 10px;
  z-index: 2;
}

.file-uploader .imgs-line div .uploaded-a-item {
  display: block;
  overflow: hidden;
  height: 85px;
  width: 85px;
  position: relative;
  z-index: 2;
  margin: 10px 0 0 0;
  background: #fff;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, .125);
  display: flex;
  justify-content: center;
}

.file-uploader .imgs-line div .uploaded-a-item a {
  display: block;
}

.file-uploader .imgs-line div .uploaded-a-item.load .loader-img {
  display: block;
}

.file-uploader .imgs-line div img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.file-uploader .imgs-line .overlay {
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  position: relative;
}

.file-uploader .imgs-line .overlay a {
  text-decoration: none;
  cursor: pointer;
  margin-right: 10px;
  display: block;
}

.file-uploader .imgs-line .overlay a:first-child svg {
  height: 17px;
  width: 17px;
}

.file-uploader .imgs-line .overlay a:last-child svg {
  height: 14px;
  width: 14px;
}

.file-uploader .imgs-line .loader-img {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.829);
  display: none;
  margin: 0;
}

.table-default {
  width: 100%;
  border: 0
}

.table-default th,
.table-default td {
  padding: 3px 5px;
}

.table-default tbody tr:hover {
  box-shadow: none !important;
}

.table-default .focused-tr td,
.table-default tr:hover td {
  background-color: unset !important;
  border-color: #e2e5e8 !important;
}

.table-wrapper {
  width: 100%;
  overflow-x: auto;
}

.img-item-gallery {
  height: 70px;
  object-fit: cover;
}

.mini-file-input span {
  position: absolute;
  bottom: 6px;
  left: 5px;
  background: #ffff;
  display: flex;
  align-items: center;
  padding: 5px 25px 5px 15px;
}

.card-scrolling .table-responsive {
  height: calc(100vh - 82vh);
  overflow-y: scroll;
}

.card-scrolling-lg .table-responsive {
  height: calc(100vh - 66vh);
  overflow-y: scroll;
}

.card-scrolling .table-responsive th {
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom: 1px solid gray;
}


table .icon-td {
  position: relative;
}

table .icon-td button {
  position: absolute;
  right: 5px;
  top: 3px;
  /* opacity: 0; */
  /* visibility: hidden; */
}

table select,
table input {
  padding: 5px 35px 5px 5px !important;
}

table .select2-container .select2-selection--single {
  height: 33px !important;
}

table .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px !important;
}

table .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 5px !important;
  padding-right: 35px !important;
}

table .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 11px !important;
}
.profile-notification .pro-body li .dropdown-item:hover, .pcoded-header .dropdown .profile-notification .pro-body li:hover {
 background-color: #e9ecef !important;
 color: var(--main-text-color) !important;
 box-shadow: none !important;
 border-radius: 8px;
}
/**  =====================
      Badges css start
==========================  **/
.badge {
  font-size: 80%;
  /* padding: 0.35em 0.6em; */
  font-weight: 600;
  border-radius: 1.25rem;
  padding: 6px 12px;
}

.badge-light-primary {
  background: rgba(70, 128, 255, 0.2);
  border-color: theme-color-level("primary", -9);
  color: #4680ff;
}

a.badge-light-primary.active,
a.badge-light-primary:active,
a.badge-light-primary:focus,
a.badge-light-primary:hover {
  background: #4680ff;
  border-color: #4680ff;
  color: theme-color-level("primary", -10);
}

.badge-light-secondary {
  background: rgba(108, 117, 125, 0.2);
  border-color: theme-color-level("secondary", -9);
  color: #6c757d;
}

a.badge-light-secondary.active,
a.badge-light-secondary:active,
a.badge-light-secondary:focus,
a.badge-light-secondary:hover {
  background: #6c757d;
  border-color: #6c757d;
  color: theme-color-level("secondary", -10);
}

.badge-light-success {
  background: rgb(156 204 101);
  color: #ffffff;
}

a.badge-light-success.active,
a.badge-light-success:active,
a.badge-light-success:focus,
a.badge-light-success:hover {
  background: #539b00;
  border-color: #539b00;
  color: theme-color-level("success", -10);
}

.badge-light-info {
  background: rgba(0, 172, 193, 0.2);
  border-color: theme-color-level("info", -9);
  color: #00acc1;
}

a.badge-light-info.active,
a.badge-light-info:active,
a.badge-light-info:focus,
a.badge-light-info:hover {
  background: #00acc1;
  border-color: #00acc1;
  color: theme-color-level("info", -10);
}

.badge-light-warning {
  background: rgba(255, 186, 87, 0.2);
  border-color: theme-color-level("warning", -9);
  color: #ffba57;
}

a.badge-light-warning.active,
a.badge-light-warning:active,
a.badge-light-warning:focus,
a.badge-light-warning:hover {
  background: #ffba57;
  border-color: #ffba57;
  color: theme-color-level("warning", -10);
}

.badge-light-danger {
  background: rgb(223 70 70);
  color: #ffffff;
}

a.badge-light-danger.active,
a.badge-light-danger:active,
a.badge-light-danger:focus,
a.badge-light-danger:hover {
  background: #ff5252;
  border-color: #ff5252;
  color: theme-color-level("danger", -10);
}

.badge-light-light {
  background: rgba(248, 249, 250, 0.2);
  border-color: theme-color-level("light", -9);
  color: #f8f9fa;
}

a.badge-light-light.active,
a.badge-light-light:active,
a.badge-light-light:focus,
a.badge-light-light:hover {
  background: #f8f9fa;
  border-color: #f8f9fa;
  color: theme-color-level("light", -10);
}

.badge-light-dark {
  background: rgba(52, 58, 64, 0.2);
  border-color: theme-color-level("dark", -9);
  color: #343a40;
}

a.badge-light-dark.active,
a.badge-light-dark:active,
a.badge-light-dark:focus,
a.badge-light-dark:hover {
  background: #343a40;
  border-color: #343a40;
  color: theme-color-level("dark", -10);
}

.badge-finished {
  background: rgb(156 204 101);
  color: #ffffff;
}

.badge-pending {
  background: #d6f0fb;
  border-color: #d6f0fb;
  color: #0c6b8f;
}

.badge-canceled {
  background: rgb(223 70 70);
  color: #ffffff;
}

.badge-shipped {
  background: #ffba57;
  border-color: #ffba57;
  color: theme-color-level("warning", -10);
}

.badge-partially_shipped {
  background: #ffba57;
  border-color: #ffba57;
  color: theme-color-level("warning", -10);
}

.badge-accepted {
  background: #ffe6978a;
  border-color: #eab308;
  color: #deaa0aeb;
}

.badge-prepared {
  background: #ffedd3;
  border-color: #ffedd3;
  color: #ff9906d4;
}

.badge-factory-out {
  background: rgba(0, 172, 193, 0.2);
  border-color: rgba(0, 172, 193, 0.2);
  color: #00acc1;
}

.badge-delivered {
  background: #d1f2e3;
  border-color: #d1f2e3;
  color: #198754;
}

.badge-returned {
  background: #eceef0;
  border-color: #eceef0;
  color: #6c757d;
}

.badge-cancelled {
  background: #f9d6d6;
  border-color: #f9d6d6;
  color: #a33a3a;
}

/**====== Badges css end ======**/

/* ===================== GENARAL CLASSES ============================ */
.main-btn {
  background-color: var(--secondary-color);
  color: #fff;
}

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

.form-check-input:checked {
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
}
.form-switch .form-check-input {
  padding: 18px 35px 7px 19px !important;
}

.form-check .custom-checkbox {
    width: 22px;  
    height: 22px;  
    cursor: pointer;
    border: 2px solid #ced4da; 
    margin-right: 7px;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.form-check .custom-checkbox:checked {
    background-color: var(--main-color); 
    border-color: var(--main-color);  
}

.form-check .custom-checkbox:focus {
    box-shadow: none;
}

.form-check .form-check-label {
  line-height: 27px;
  font-size: 16px;
}

button:focus:not(:focus-visible), .btn:focus {
  outline: 0;
  box-shadow: none !important;
}

.select2-container .select2-selection--single {
  height: 38px !important;
}

.add-multiple-row {
  border: 1px solid #ced4da;
  color: #6d6d6d;
}
.add-multiple-row:hover {
  background-color: #f2f2f2;
}
.add-multiple-row i {
  height: 18px;
}

.select2-search__field:focus-visible {
  outline: none;
}

.btn {
  border-radius: 8px !important;
} 

.btn svg{
  width: 20px;
  height: 20px;
  fill: #fff;
}

.btn svg g {
  fill: #fff !important;
}

.btn svg g path, .btn svg g line {
  stroke: #fff !important;
}

.form-control:focus {
  border-color: var(--main-link-color);
}

.b-brand {
  height: 80px;
}

@media (max-width: 768px) {
  .pcoded-header {
    max-height: 40px;
  }
  .b-brand {
    height: 50px;
  }

  .b-brand .logo {
    height: 40px;
    width: 200px;
    margin-top: 0px !important;
  }

  .page-wrapper {
    min-height: calc(100vh - 80px);
    margin-top: 80px;
  }
}
.pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li > a:after {
  position: relative;
  top: 0;
  right: 0;
}
.swal2-styled.swal2-confirm {
  background-color: var(--secondary-color) !important;
}

.modal {
  overflow-y: hidden !important;
}

.modal-body {
  max-height: calc(100vh - 25vh) !important;
  overflow-y: auto;
}
.form-switch .form-check-input:focus {
  box-shadow: none !important;
  outline: none !important;
}
.form-switch .form-check-input:focus {
  border-color: rgba(0, 0, 0, 0.25) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e") !important;
  box-shadow: none !important;
}

.form-switch .form-check-input:checked:focus {
  border-color: rgba(0, 0, 0, 0.25) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}

.badge-done {
  background: #d1f2e3;
  border-color: #d1f2e3;
  color: #198754;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current, .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background-color: var(--main-color) !important;
  box-shadow: var(--main-color) 0 1px 3px 0 inset !important;
}

.xdsoft_datetimepicker {
  border-radius: 5px !important;
}

.swal2-title {
	font-size: 22px !important;
}

.swal2-title a {
	color: var(--main-link-color);
}

.swal2-popup.swal2-toast .swal2-title {
  font-size: 16px !important;
}
.swal2-actions {
  z-index: 0 !important;
}

.modal-content, .dropdown-menu {
  border-radius: 8px !important;
}
.dropdown-menu {
  border: 1px solid rgb(207 207 207 / 15%) !important;
}