@charset "UTF-8";
/* Cubic Bezier Transition */
@media print {
  body {
    background-color: #fff !important;
  }
  .page-header {
    display: none;
  }
  .theme-panel {
    display: none;
  }
  .hidden-print {
    display: none;
  }
  .page-prefooter {
    display: none;
  }
  .page-footer {
    display: none;
  }
  .page-head {
    display: none;
  }
  .page-breadcrumb {
    display: none;
  }
  .no-page-break {
    page-break-after: avoid;
  }
  .page-container {
    margin: 0px !important;
    padding: 0px !important;
  }
  .page-container .page-content {
    padding: 0 !important;
    margin: 0 !important;
  }
  .page-container .page-content > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
  .page-container .page-content > .container > .portlet,
  .page-container .page-content > .container-fluid > .portlet {
    padding: 0;
    margin: 0;
  }
  .page-container .page-content > .container > .portlet > .portlet-body,
  .page-container .page-content > .container-fluid > .portlet > .portlet-body {
    padding: 0;
    margin: 0;
  }
}

/***
Page Header
***/
.page-header {
  opacity: 1 ;
  filter: alpha(opacity=100) ;
  width: 100%;
  margin: 0;
  border: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 126px;
  background-image: none;
  /* Header container */
  /* Fixed header */
  /* Static header */
  /* Page Header Top */
  /* Page Header Menu */
}

.page-header:before, .page-header:after {
  content: " ";
  display: table;
}

.page-header:after {
  clear: both;
}

.page-header .container,
.page-header .container-fluid {
  position: relative;
}

.page-header.navbar-fixed-top {
  z-index: 9995;
}

.page-header.navbar-static-top {
  z-index: 9995;
}

.page-header .page-header-top {
  height: 100px;
  /* Header logo */
  /* Top menu */
  /* Menu Toggler */
}

.page-header .page-header-top.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9995;
}

.page-header .page-header-top .page-logo {
  float: left;
  display: block;
  width: 255px;
  height: 100px;
}

.page-header .page-header-top .page-logo .logo-default {
  margin: 42px 0 0 0;
}

.page-header .page-header-top .top-menu {
  margin: 52px 0 0;
  padding: 0;
  float: right;
}

.page-header .page-header-top .top-menu .navbar-nav {
  padding: 0;
  margin-right: 0;
  display: block;
  /* Top Links */
  /* Separator */
  /* Extended Dropdowns */
  /* Notification */
  /* Inbox */
  /* Tasks */
  /* User */
  /* Quick Sidebar Toggler */
  /* Language */
  /* Dark version */
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
  margin: 0;
  padding: 0 4px;
  height: 48px;
  display: inline-block;
  /* 1st level */
  /* 2nd level */
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
  margin: 0 0 0 1px;
  padding: 17px 10px 8px 10px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child {
  padding-right: 0;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
  font-size: 19px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.glyphicon {
  font-size: 18px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
  font-family: "Open Sans", sans-serif;
  position: absolute;
  top: 9px;
  right: 24px;
  font-weight: 300;
  padding: 3px 6px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus {
  background: none;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu {
  z-index: 9996;
  margin-top: 5px;
  margin-right: 7px;
  font-family: "Open Sans", sans-serif;
  border-radius: 4px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu:before {
  position: absolute;
  top: -8px;
  right: 9px;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #efefef;
  border-left: 8px solid transparent;
  content: '';
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu:after {
  position: absolute;
  top: -7px;
  right: 10px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: '';
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator {
  padding-left: 0px;
  padding-right: 6px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
  float: left;
  display: inline-block;
  width: 1px;
  height: 18px;
  margin-left: 5px;
  margin-top: 17px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
  min-width: 160px;
  max-width: 300px;
  width: 300px;
  z-index: 9996;
  /* header notifications dropdowns */
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
  display: block;
  overflow: hidden;
  padding: 15px 15px;
  letter-spacing: 0.5px;
  border-radius: 4px 4px 0 0;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
  margin: 0;
  padding: 0;
  float: left;
  font-size: 13px;
  display: inline-block;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
  display: inline-block;
  padding: 0;
  background: none;
  clear: inherit;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  right: 10px;
  border: 0;
  margin-top: -2px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
  text-decoration: none;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list {
  padding-right: 0 !important;
  padding-left: 0;
  list-style: none;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
  display: block;
  clear: both;
  font-weight: 300;
  line-height: 20px;
  white-space: normal;
  font-size: 13px;
  padding: 16px 15px 18px;
  text-shadow: none;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
  opacity: 1 ;
  filter: alpha(opacity=100) ;
  text-decoration: none;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:first-child a {
  border-top: none;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details {
  overflow: hidden;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
  margin-right: 10px;
  border-radius: 50%;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon i {
  margin-right: 2px;
  margin-left: 1px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon .badge {
  right: 15px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
  float: right;
  max-width: 75px;
  font-size: 11px;
  font-weight: 400;
  opacity: 0.7 ;
  filter: alpha(opacity=70) ;
  text-align: right;
  padding: 1px 5px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle {
  padding: 17px 0px 8px 8px;
  /* safari only hack */
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
  float: left;
  margin-top: -5px;
  padding: 3px 10px 4px 10px;
  border-radius: 50% !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
  float: left;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 9px 9px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner:not(:root:root) {
  margin-left: -5px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo {
  float: left;
  margin: 0 6px 6px 0;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo img {
  height: 40px;
  width: 40px;
  border-radius: 50% !important;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li a:hover {
  text-decoration: none;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject {
  display: block;
  margin-left: 46px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .from {
  font-size: 14px;
  font-weight: 600;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .time {
  font-size: 12px;
  font-weight: 400;
  opacity: 0.5 ;
  filter: alpha(opacity=50) ;
  float: right;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message {
  display: block !important;
  font-size: 12px;
  line-height: 1.3;
  margin-left: 46px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task {
  margin-bottom: 5px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .desc {
  font-size: 13px;
  font-weight: 300;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .percent {
  color: #36c6d3;
  float: right;
  font-weight: 600;
  display: inline-block;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress {
  display: block;
  height: 8px;
  margin: 8px 0 2px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress .progress-bar {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
  padding: 12px 6px 7px 6px;
  padding-left: 0;
  padding-right: 0;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
  margin-top: -8px;
  margin-right: 8px;
  height: 40px;
  float: left;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
  float: left;
  font-size: 400;
  font-size: 14px;
  margin-top: 4px;
  margin-right: 2px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
  float: left;
  font-size: 14px;
  margin-top: 7px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu {
  width: 210px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
  font-size: 14px;
  font-weight: 300;
  font-size: 13px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a i {
  width: 15px;
  display: inline-block;
  margin-right: 9px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a .badge {
  margin-right: 10px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.quick-sidebar-toggler {
  cursor: pointer;
  padding: 17px 10px 8px 10px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.quick-sidebar-toggler > i {
  color: #c1ccd1;
  font-size: 19px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.quick-sidebar-toggler > i:before {
  content: "\E065";
}

.page-quick-sidebar-open .page-header .page-header-top .top-menu .navbar-nav > li.quick-sidebar-toggler > i:before {
  content: "\E066";
}

.page-header .page-header-top .top-menu .navbar-nav > li.quick-sidebar-toggler > i:hover {
  color: #a4b4bb;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle {
  padding: 16px 10px 9px 2px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > img {
  margin-bottom: 2px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > i {
  font-size: 14px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a {
  font-size: 13px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a > img {
  margin-bottom: 2px;
  margin-right: 5px;
}

.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu {
  border: 0;
}

.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before {
  border-left: none;
  border-right: none;
}

.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list > li.external a {
  background: none !important;
  border: none !important;
}

.page-header .page-header-top .menu-toggler {
  float: right;
  display: none;
  margin: 23px 3px 0 13px;
  width: 40px;
  height: 30px;
  background: url(../img/menu-toggler.png) center center;
  background-repeat: no-repeat;
  opacity: 0.7 ;
  filter: alpha(opacity=70) ;
}

.page-header .page-header-top .menu-toggler:hover {
  opacity: 1 ;
  filter: alpha(opacity=100) ;
}

.page-header .page-header-menu {
  display: block;
  height: 51px;
  clear: both;
  /* Mega menu */
  /* Search box */
}

.page-header .page-header-menu .hor-menu {
  margin: 0 0 0 -17px;
  margin: 0;
  float: left;
}

.page-header .page-header-menu .hor-menu .navbar-nav {
  position: static;
  /* Mega menu */
  /* Mega Menu Dropdown */
  /* Classic menu */
}

.page-header .page-header-menu .hor-menu .navbar-nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown {
  position: static;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  left: auto;
  width: auto;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content {
  font-family: "Open Sans", sans-serif;
  padding: 15px;
  margin: 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content.mega-menu-responsive-content {
  padding: 10px 18px 10px 45px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
  padding: 0;
  margin: 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child {
  border-right: 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li {
  padding: 1px !important;
  margin: 0 !important;
  list-style: none;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
  margin-top: 5px;
  padding-left: 5px;
  font-size: 15px;
  font-weight: normal;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a {
  display: block;
  white-space: normal;
  font-family: "Open Sans", sans-serif;
  padding: 7px;
  margin: 0;
  font-size: 14px;
  font-weight: 300;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a:hover {
  text-decoration: none;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify {
  padding: 7px 7px 7px 30px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify > i {
  position: absolute;
  top: auto !important;
  margin-left: -24px;
  font-size: 15px;
  margin-top: 3px !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .badge,
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .label {
  margin-left: 5px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
  left: 15px;
  right: 15px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:after, .page-header .page-header-menu .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:before {
  display: none !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
  font-size: 14px;
  font-weight: normal;
  padding: 16px 18px 15px 18px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus {
  background: none !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.current .selected, .page-header .page-header-menu .hor-menu .navbar-nav > li.active .selected {
  left: 50%;
  bottom: 0;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  display: inline-block;
  margin: 0;
  width: 0;
  height: 0px;
  margin-left: -7px;
  margin-bottom: -6px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
  margin-top: 0;
  border: none;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding: 10px 12px;
  white-space: normal;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a .label,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a .badge {
  font-weight: 300;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
  min-width: 195px;
  max-width: 235px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > .dropdown-menu {
  top: 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
  top: 9px;
  right: 10px;
}

.page-header .page-header-menu .search-form {
  position: relative;
  display: inline-block;
  float: right;
  width: 176px;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
  margin-top: 8px;
  border-radius: 4px;
}

.page-header .page-header-menu .search-form .input-group {
  border-radius: 4px;
}

.page-header .page-header-menu .search-form .input-group .form-control {
  border: 0;
  font-size: 13px;
  padding-right: 20px;
  font-weight: 300;
}

.page-header .page-header-menu .search-form .input-group .form-control:hover {
  cursor: pointer;
}

.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
  padding: 0;
  height: 34px;
  z-index: 3;
  position: relative;
  top: 10px;
  right: 11px;
}

.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
  font-size: 15px;
}

.page-header .page-header-menu .search-form.open {
  width: 300px !important;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
}

.page-header .page-header-menu .search-form.open .input-group .form-control {
  text-indent: 0;
}

.page-header .page-header-menu .search-form.open .input-group .form-control:hover {
  cursor: text;
}

.page-header .page-header-menu .search-form.open .input-group .input-group-btn .btn.submit {
  margin-left: 0;
}

@media (min-width: 992px) {
  /* 992px */
  .page-header {
    /* Page Header Menu */
  }
  .page-header .page-header-menu.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9995;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.menu-dropdown:hover > .dropdown-menu {
    display: block;
  }
  .page-header .page-header-menu .container-fluid .navbar-nav > li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
    left: 60px;
    right: 60px;
  }
}

@media (max-width: 991px) {
  /* 991px */
  /* Page header */
  .page-header {
    padding: 0;
    clear: both;
    height: auto;
  }
  .page-header .page-header-top {
    height: auto;
    /* Page logo */
    /* Top Menu */
    /* Menu Toggler */
  }
  .page-header .page-header-top > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
  .page-header .page-header-top .page-logo {
    width: auto;
    padding: 0;
    margin-right: 10px;
    margin-left: 4px;
    padding-left: 0;
  }
  .page-header .page-header-top .top-menu .navbar-nav {
    display: inline-block;
    margin: 0 10px 0 0;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li {
    float: left;
  }
  .page-header .page-header-top .menu-toggler {
    display: block;
  }
  .page-header .page-header-menu {
    background: #eff3f8;
    padding: 20px 0 0 0;
    height: auto;
    display: none;
  }
  .page-header .page-header-menu > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
  .page-header .page-header-menu .hor-menu {
    float: none;
    border-radius: 4px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav {
    float: none;
    border-radius: 4px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li > a > .arrow:after {
    position: absolute;
    display: inline-block;
    font-size: 14px;
    right: 15px;
    top: 11px;
    font-family: FontAwesome;
    height: auto;
    content: "\F107";
    font-weight: 300;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.opened > a > .arrow:after {
    content: "\F106";
    right: 12px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav .dropdown-submenu > a:after {
    display: none !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li {
    float: none;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    padding: 10px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li > a .fa-angle-down {
    float: right;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li > a .fa-angle-down:before {
    content: "\F104";
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li:first-child > a {
    border-radius: 4px 4px 0 0;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li:last-child > a {
    border-radius: 0 0 4px 4px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a .fa-angle-down:before {
    content: "\F107";
  }
  .page-header .page-header-menu .hor-menu .navbar-nav .dropdown-menu {
    position: static;
    float: none !important;
    width: auto;
    background: #fff;
    display: none;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.mega-menu-dropdown.opened > .dropdown-menu {
    display: block;
    width: 100%;
    min-width: inherit !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content {
    padding-top: 0;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown.opened > .dropdown-menu {
    display: block;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown li.opened > .dropdown-menu {
    display: block;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > li > a {
    padding-left: 20px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > li > .dropdown-menu > li > a {
    padding-left: 40px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
    padding-left: 60px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu {
    max-width: none;
    width: auto;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.divider {
    background: none;
    margin: 5px 12px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu > a:after {
    content: "\F104";
    font-size: 14px;
    margin-right: 7px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
    content: "\F107";
    margin-right: 5px;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > .dropdown-menu {
    display: block;
  }
  .page-header .page-header-menu .search-form {
    float: none !important;
    width: auto;
    margin: 0 0 20px 0;
  }
  .page-header .page-header-menu .search-form.open {
    width: auto !important;
  }
  .page-header .page-header-menu .search-form .input-group .form-control {
    height: 38px;
  }
  .page-header .page-header-menu .search-form .input-group .form-control:hover {
    cursor: text;
  }
  .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
    height: 38px;
    width: 44px;
    top: 0;
    right: 0;
  }
  .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit i {
    position: relative;
    top: 13px;
  }
}

@media (max-width: 767px) {
  /* 767px */
  .page-header {
    /* Header Top */
  }
  .page-header .page-header-top .page-logo {
    width: auto !important;
  }
  .page-header .page-header-top .top-menu {
    display: block;
  }
  .page-header .page-header-top .top-menu:before, .page-header .page-header-top .top-menu:after {
    content: " ";
    display: table;
  }
  .page-header .page-header-top .top-menu:after {
    clear: both;
  }
  .page-header .page-header-top .top-menu .navbar-nav {
    margin-right: 0px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    padding: 17px 6px 8px 6px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
    right: 18px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu {
    max-width: 255px;
    width: 255px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-notification > .dropdown-menu {
    margin-right: -160px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-notification > .dropdown-menu:after, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-notification > .dropdown-menu:before {
    margin-right: 160px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox {
    margin-right: 0;
    padding-right: 2px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox > .dropdown-menu {
    margin-right: -40px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox > .dropdown-menu:after, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox > .dropdown-menu:before {
    margin-right: 40px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox > .dropdown-toggle {
    padding: 17px 0px 8px 2px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-tasks > .dropdown-menu {
    margin-right: -115px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-tasks > .dropdown-menu:after, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-tasks > .dropdown-menu:before {
    margin-right: 115px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-language > .dropdown-menu {
    margin-right: -20px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-language > .dropdown-menu:after, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-language > .dropdown-menu:before {
    margin-right: 20px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-language > .dropdown-toggle {
    padding: 16px 6px 9px 2px;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-user {
    padding-left: 0;
    margin-right: 0;
  }
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-user > .dropdown-toggle {
    padding: 12px 0px 7px 4px;
  }
}

@media (max-width: 480px) {
  /* 480px */
  .page-header {
    /* Top navigation menu*/
  }
  .page-header .page-header-top .top-menu {
    display: block;
    clear: both;
    margin-top: -10px;
  }
  .page-header .page-header-top .top-menu:before, .page-header .page-header-top .top-menu:after {
    content: " ";
    display: table;
  }
  .page-header .page-header-top .top-menu:after {
    clear: both;
  }
  .page-header .page-header-top .top-menu .username-hide-mobile {
    display: none;
  }
}

/***  
Pace - Page Progress
***/
.pace .pace-progress {
  z-index: 10000;
  top: 126px !important;
  height: 3px !important;
}

.pace .pace-progress-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.pace .pace-activity {
  top: 128px;
  right: 22px;
  border-radius: 10px !important;
}

@media (max-width: 480px) {
  .page-header-fixed .pace .pace-progress {
    top: 252px;
  }
  .page-header-fixed .pace .pace-activity {
    top: 508px;
    right: 15px;
  }
}

html,
body {
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.page-wrapper {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}

.page-wrapper .page-wrapper-row {
  width: 100%;
  display: table-row;
}

.page-wrapper .page-wrapper-row.full-height {
  height: 100%;
}

.page-wrapper .page-wrapper-top {
  width: 100%;
  display: table-cell;
}

.page-wrapper .page-wrapper-middle {
  background: #eff3f8;
  width: 100%;
  display: table-cell;
  height: 100%;
}

.page-wrapper .page-wrapper-bottom {
  width: 100%;
  display: table-cell;
}

/* Page Container */
.page-container {
  clear: both;
}

.page-head {
  background: #fff;
}

.page-head .container {
  position: relative;
}

.page-head .page-title {
  display: inline-block;
  float: left;
  padding: 19px 0;
}

.page-head .page-title > h1 {
  color: #697882;
  font-size: 22px;
  font-weight: 400;
  margin: 0;
}

.page-head .page-title > h1 > small {
  color: #9eacb4;
  font-size: 13px;
  font-weight: 400;
}

.page-head .page-toolbar {
  display: inline-block;
  float: right;
}

.breadcrumb {
  background: none;
  padding: 0 0 15px 0;
  margin: 0;
  color: #a7b2c0;
}

.breadcrumb > li + li:before {
  display: none;
}

.breadcrumb .fa {
  font-size: 6px;
  margin: 0 2px 0 4px;
  position: relative;
  top: -1px;
}

.breadcrumb > .active {
  color: #9eacb4;
}

.page-content {
  padding: 15px 0 15px;
}

@media (min-width: 992px) {
  /* 992px */
  .container-fluid {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (max-width: 991px) {
  /* 991px */
  .page-head {
    background: #EFF3F8;
  }
  .page-head > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
  .page-content {
    padding-top: 0px;
  }
  .page-content > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
}

/*  admin 3 portlet styles */
.portlet .portlet-input .form-control {
  background: #F1F3F8;
  border-radius: 0 !important;
  border-color: #F1F3F8;
}

.portlet .portlet-input .form-control:focus {
  border-color: #cfd6e7;
}

/* Pre-footer */
.page-prefooter {
  padding: 30px 0;
  clear: both;
}

.page-prefooter h2 {
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 12px;
}

.page-prefooter .subscribe-form {
  padding-top: 5px;
}

.page-prefooter .subscribe-form .form-control {
  font-size: 12px;
  padding: 0 14px;
  height: 36px;
}

.page-prefooter .subscribe-form .btn {
  height: 34px;
  text-transform: uppercase;
  padding: 7px 16px;
}

.page-prefooter .social-icons {
  padding-top: 9px;
}

.page-prefooter .social-icons li {
  opacity: 0.35 ;
  filter: alpha(opacity=35) ;
}

.page-prefooter .social-icons li:hover {
  opacity: 1 ;
  filter: alpha(opacity=100) ;
}

.page-prefooter p,
.page-prefooter address {
  margin: 0;
}

/* Footer */
.page-footer {
  font-size: 13px;
  font-weight: 300;
  padding: 17px 0;
}

.page-footer a {
  color: #e6e5e5;
}

.page-footer a:hover {
  color: #f2f2f2;
}

@media (max-width: 991px) {
  /* 991px */
  .page-prefooter {
    padding-bottom: 10px;
  }
  .page-prefooter .footer-block {
    margin-bottom: 20px;
  }
  .page-prefooter > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
  .page-footer > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
  }
}

/* Scroll Top */
.scroll-to-top {
  padding: 2px;
  text-align: center;
  position: fixed;
  z-index: 10001;
  bottom: 5px;
  display: none;
  right: 20px;
}

.scroll-to-top > i {
  display: inline-block;
  font-size: 32px;
  opacity: 0.7 ;
  filter: alpha(opacity=70) ;
}

.scroll-to-top:hover {
  cursor: pointer;
}

.scroll-to-top:hover > i {
  opacity: 1 ;
  filter: alpha(opacity=100) ;
}

@media (max-width: 991px) {
  /* 991px */
  .scroll-to-top {
    right: 10px;
  }
  .scroll-to-top > i {
    font-size: 28px;
  }
}

/***
Theme Panel
***/
.btn-theme-panel {
  margin-top: 25px;
}

.btn-theme-panel .btn {
  opacity: 0.6 ;
  filter: alpha(opacity=60) ;
  padding: 0 6px;
}

.btn-theme-panel .btn > i {
  font-size: 24px;
  color: #acbac6;
}

.btn-theme-panel .btn:hover {
  opacity: 1 ;
  filter: alpha(opacity=100) ;
}

.btn-theme-panel.open .btn {
  opacity: 1 ;
  filter: alpha(opacity=100) ;
}

.theme-panel {
  z-index: 1000;
  min-width: 675px;
  padding: 20px 10px;
  font-family: "Open Sans", sans-serif;
}

.theme-panel h3 {
  margin: 8px 0 8px 0;
  font-size: 15px;
  padding-left: 12px;
}

.theme-panel .seperator {
  border-left: 1px solid #EFF2F4;
}

.theme-panel .theme-colors {
  list-style: none;
  padding: 0;
  margin: 0;
}

.theme-panel .theme-colors > li.theme-color {
  padding: 8px 12px;
}

.theme-panel .theme-colors > li.theme-color:hover, .theme-panel .theme-colors > li.theme-color.active {
  background: #f5f7f8;
}

.theme-panel .theme-colors > li.theme-color:hover {
  cursor: pointer;
}

.theme-panel .theme-colors > li.theme-color > .theme-color-view {
  float: left;
  margin-top: 0px;
  margin-right: 8px;
  display: inline-block;
  border-radius: 10px !important;
  height: 20px;
  width: 20px;
}

.theme-panel .theme-colors > li.theme-color > .theme-color-name {
  display: inline-block;
  color: #777;
  font-size: 14px;
  font-weight: 300;
  padding-top: -4px;
}

.theme-panel .theme-colors > li.theme-color.theme-color-default .theme-color-view {
  background: #32c5d2;
}

.theme-panel .theme-colors > li.theme-color.theme-color-red-sunglo .theme-color-view {
  background: #E26A6A;
}

.theme-panel .theme-colors > li.theme-color.theme-color-red-intense .theme-color-view {
  background: #E35B5A;
}

.theme-panel .theme-colors > li.theme-color.theme-color-blue-hoki .theme-color-view {
  background: #67809F;
}

.theme-panel .theme-colors > li.theme-color.theme-color-blue-steel .theme-color-view {
  background: #4B77BE;
}

.theme-panel .theme-colors > li.theme-color.theme-color-green-haze .theme-color-view {
  background: #44B6AE;
}

.theme-panel .theme-colors > li.theme-color.theme-color-purple-plum .theme-color-view {
  background: #8775A7;
}

.theme-panel .theme-colors > li.theme-color.theme-color-purple-studio .theme-color-view {
  background: #8E44AD;
}

.theme-panel .theme-colors > li.theme-color.theme-color-yellow-orange .theme-color-view {
  background: #F2784B;
}

.theme-panel .theme-colors > li.theme-color.theme-color-yellow-crusta .theme-color-view {
  background: #F3C200;
}

.theme-panel .theme-settings {
  list-style: none;
  padding: 0;
  margin: 0;
}

.theme-panel .theme-settings > li {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 300;
  color: #777;
}

.theme-panel .theme-settings > li .form-control {
  color: #777;
  margin-top: -3px;
  float: right;
}

@media (max-width: 767px) {
  /* 767px */
  .theme-panel {
    left: 20px;
    right: 20px;
    min-width: 285px;
  }
  .theme-panel .seperator {
    border: 0;
  }
  .theme-panel .theme-settings .form-control {
    width: 105px !important;
  }
}

/* Page Portlet Fullscreen */
.page-portlet-fullscreen .page-quick-sidebar-wrapper,
.page-portlet-fullscreen .page-quick-sidebar-toggler {
  z-index: -1;
}

/* Quick sidebar toggler */
.page-quick-sidebar-toggler {
  overflow: hidden;
  z-index: 99999;
  display: none;
  width: 28px;
  height: 27px;
  position: fixed;
  top: 10px;
  right: 15px;
  text-align: center;
  padding-top: 6px;
}

.page-quick-sidebar-toggler:hover {
  background: #303a43;
}

.page-quick-sidebar-open .page-quick-sidebar-toggler {
  display: inline-block;
}

.page-quick-sidebar-open .page-quick-sidebar-toggler:hover {
  background: none;
}

.page-quick-sidebar-toggler > i {
  color: #99a8b5;
  font-size: 17px;
}

.page-quick-sidebar-toggler > i:hover {
  color: #fff !important;
}

.page-quick-sidebar-open .page-quick-sidebar-toggler > i:before {
  content: "\E066";
}

/* Quick sidebar wrapper */
.page-quick-sidebar-wrapper {
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
  z-index: 9999;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 320px;
  right: -320px;
  overflow: hidden;
  color: #99a8b5;
  background: #21282e;
}

.page-quick-sidebar-open .page-quick-sidebar-wrapper {
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
  right: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar {
  background: #21282e;
  /* Quick sidebar tabs content */
  /* Quick sidebar general list heading */
  /* Quick sidebar general list-items */
  /* Inner content */
  /* Quick sidebar list */
  /* Quick sidebar list item */
  /* Quick sidebar list item shown */
  /* Quick sidebar chat */
  /* Quick sidebar alerts */
  /* Quick sidebar settings */
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs {
  margin: 0;
  padding: 0;
  border: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li {
  display: table-cell !important;
  width: 1%  !important;
  padding: 0;
  margin: 0;
  float: none;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a {
  position: relative;
  display: block;
  text-align: center;
  border: 0;
  height: auto;
  font-size: 14px;
  padding: 45px 15px 8px;
  text-transform: uppercase;
  background: none;
  margin-right: 0;
  color: #90a1af;
  border: 0;
  border-bottom: 3px solid rgba(243, 86, 93, 0.3);
  border-radius: 0;
  outline: none !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a > .badge {
  position: absolute;
  top: 45px;
  right: 3px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.active > a, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li:hover > a {
  border: 0;
  border-bottom: 3px solid #f3565d;
  background: none;
  color: #fff;
  text-decoration: none;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu {
  border: 0;
  background: #36424c;
  -webkit-box-shadow: 5px 5px rgba(97, 117, 135, 0.1);
          box-shadow: 5px 5px rgba(97, 117, 135, 0.1);
  margin-top: 8px;
  margin-right: 20px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 19px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #36424c;
  content: '';
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 20px;
  display: inline-block !important;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 7px solid #36424c;
  content: '';
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li > a {
  padding: 10px 15px;
  color: #99a8b5;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li > a > i {
  color: #93a3b1;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li:hover > a {
  background: #3d4a55;
  color: #99a8b5;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li:hover > a > i {
  color: #9babb8;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li.active > a {
  background: #38444f;
  color: #99a8b5;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li.divider {
  background-color: #3d4a55;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.open > a.dropdown-toggle {
  border-bottom: 3px solid #f3565d;
  background: none;
  text-decoration: none;
  color: #90a1af;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .tab-content {
  margin: 0;
  padding: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
  font-size: 16px;
  margin: 10px 10px;
  color: #6c8296;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
  margin: 0;
  padding: 15px;
  background: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #273037;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
  background: #273037;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:last-child {
  border-bottom: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li {
  border: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .inner-content {
  margin: 10px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  position: absolute !important;
  width: 320px !important;
  -webkit-transition: margin 0.3s;
  transition: margin 0.3s;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 320px;
  position: absolute !important;
  width: 320px !important;
  -webkit-transition: margin 0.3s;
  transition: margin 0.3s;
  margin-left: 320px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav {
  padding: 15px 10px 0px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  color: #90a1af;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list:hover {
  text-decoration: none;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list > i {
  font-size: 17px;
  line-height: 17px;
  vertical-align: top;
  margin-right: 3px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  -webkit-transition: margin 0.3s;
  transition: margin 0.3s;
  margin-left: -320px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail {
  display: none !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item {
  -webkit-transition: margin 0.3s;
  transition: margin 0.3s;
  margin-left: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users {
  padding: 10px 0;
  position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media {
  padding: 15px 15px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object {
  border-radius: 50% !important;
  width: 45.71428571px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  float: left;
  margin-right: 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:before, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
  content: " ";
  display: table;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
  clear: both;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover {
  cursor: pointer;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object {
  opacity: 1;
  filter: alpha(opacity=100);
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading {
  margin: 5px 0 0 0;
  font-size: 14px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
  font-size: 11px;
  text-transform: uppercase;
  color: #657b8d;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
  font-size: 10px;
  color: #5d7081;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status {
  margin-top: 10px;
  right: 10px;
  position: absolute;
  display: inline-block;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages {
  padding: 0px 10px;
  position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post {
  -webkit-transition: display 0.3s;
  transition: display 0.3s;
  padding: 5px 0;
  margin: 10px auto;
  font-size: 13px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body {
  color: #c3c3c3;
  display: block;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar {
  width: 45.71428571px;
  border-radius: 50% !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .avatar {
  float: left;
  margin-right: 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .avatar {
  float: right;
  margin-left: 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
  font-size: 12px;
  font-weight: 300;
  color: #8496a7;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
  font-size: 12px;
  font-weight: 300;
  color: #8496a7;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
  display: block;
  padding: 5px;
  position: relative;
  color: #90a1af;
  background: #36424c;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message {
  text-align: left;
  margin-left: 55px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
  display: block;
  position: absolute;
  top: 9px;
  left: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right-width: 6px;
  border-right-style: solid;
  border-right-color: #36424c;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message {
  margin-right: 55px;
  text-align: right;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
  display: block;
  position: absolute;
  top: 9px;
  right: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left-width: 6px;
  border-left-style: solid;
  border-left-color: #36424c;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime {
  text-align: right;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form {
  padding: 20px 10px 15px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list {
  padding: 10px 0;
  position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
  color: #7e91a2;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .label {
  margin-top: 5px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
  text-decoration: underline;
  padding: 0;
  color: #788c9e;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .date {
  color: #5d7081;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list {
  padding: 10px 0;
  position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch {
  margin-top: -3px;
  float: right;
  border: 0;
  min-width: 59px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control {
  width: 75px !important;
  padding: 4px 4px !important;
  float: right;
  border: 0;
  margin-top: -4px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control {
  padding: 4px 0px !important;
}

.quick-nav {
  position: fixed;
  z-index: 10103;
  top: 50%;
  right: 10px;
  margin-top: -230px;
  pointer-events: none;
}

.quick-nav .quick-nav-bg {
  /* this is the stretching navigation background */
  position: absolute;
  z-index: 10102;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border-radius: 30px !important;
  background: #36C6D3;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  webkit-transition: height .2s, box-shadow .2s;
  -webkit-transition: height .2s, -webkit-box-shadow .2s;
  transition: height .2s, -webkit-box-shadow .2s;
  transition: height .2s, box-shadow .2s;
  transition: height .2s, box-shadow .2s, -webkit-box-shadow .2s;
}

.quick-nav.nav-is-visible {
  pointer-events: auto;
}

.quick-nav.nav-is-visible .quick-nav-bg {
  height: 100%;
  -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
}

.quick-nav-trigger {
  position: absolute;
  z-index: 10103;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  border-radius: 50% !important;
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
  pointer-events: auto;
}

.quick-nav-trigger span,
.quick-nav-trigger span::after,
.quick-nav-trigger span::before {
  /* this is the hamburger icon */
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: #ffffff;
}

.quick-nav-trigger span {
  /* middle line of the hamburger icon */
  webkit-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  webkit-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.quick-nav-trigger span::after,
.quick-nav-trigger span::before {
  /* top and bottom lines of the hamburger icon */
  content: '';
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  webkit-transition: transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.quick-nav-trigger span::before {
  webkit-transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
}

.quick-nav-trigger span::after {
  webkit-transform: translateY(6px);
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
}

.no-touch .quick-nav-trigger:hover ~ .quick-nav-bg {
  -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
}

.nav-is-visible .quick-nav-trigger span {
  background-color: transparent;
}

.nav-is-visible .quick-nav-trigger span::before {
  webkit-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.nav-is-visible .quick-nav-trigger span::after {
  webkit-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.quick-nav ul {
  position: relative;
  z-index: 10103;
  padding: 60px 0 0;
  visibility: hidden;
  webkit-transition: visibility 0.3s;
  -webkit-transition: visibility 0.3s;
  transition: visibility 0.3s;
  text-align: right;
  list-style: none;
}

.quick-nav ul > li a {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 calc(1em + 60px) 0 1em;
  font-size: 1.4rem;
  webkit-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.quick-nav ul > li a:hover {
  text-decoration: none;
}

.quick-nav ul > li a:hover > span {
  text-decoration: none;
}

.quick-nav ul > li a > i {
  /* navigation item icons */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  font-size: 18px;
  right: 24px;
  top: 16px;
  color: #ebebeb;
}

.quick-nav ul > li a::before {
  /* line visible next to the active navigation item */
  content: '';
  position: absolute;
  width: 3px;
  height: 16px;
  top: 50%;
  right: 60px;
  webkit-transform: translateX(3px) translateY(-50%) scaleY(0);
  -webkit-transform: translateX(3px) translateY(-50%) scaleY(0);
          transform: translateX(3px) translateY(-50%) scaleY(0);
  background-color: #FF3F3F;
}

.quick-nav ul > li span {
  /* navigation item labels */
  color: #ebebeb;
  font-weight: 400;
  display: block;
  opacity: 0;
  webkit-transform: translateX(-25px);
  -webkit-transform: translateX(-25px);
          transform: translateX(-25px);
}

.quick-nav ul > li:last-child {
  padding-bottom: 10px;
}

.quick-nav.nav-is-visible ul {
  visibility: visible;
}

.quick-nav.nav-is-visible ul a::after {
  /* navigation item icons */
  webkit-transform: translateY(-50%) scale(1);
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
  -webkit-animation: scaleIn 0.15s backwards;
  animation: scaleIn 0.15s backwards;
  webkit-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.quick-nav.nav-is-visible ul a:hover::after {
  opacity: 1;
}

.quick-nav.nav-is-visible ul a:hover::before {
  webkit-transform: translateX(3px) translateY(-50%) scaleY(2);
  -webkit-transform: translateX(3px) translateY(-50%) scaleY(2);
          transform: translateX(3px) translateY(-50%) scaleY(2);
  webkit-transition: transform 0.15s 0.3s;
  -webkit-transition: -webkit-transform 0.15s 0.3s;
  transition: -webkit-transform 0.15s 0.3s;
  transition: transform 0.15s 0.3s;
  transition: transform 0.15s 0.3s, -webkit-transform 0.15s 0.3s;
}

.quick-nav.nav-is-visible ul a:hover > span {
  color: white;
}

.quick-nav.nav-is-visible ul a:hover > i {
  color: #fafafa;
}

.quick-nav.nav-is-visible ul span {
  opacity: 1;
  webkit-transform: translateX(0);
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-animation: slideIn 0.15s backwards;
  animation: slideIn 0.15s backwards;
  webkit-transition: transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.no-touch .quick-nav.nav-is-visible ul a:hover::after {
  opacity: 1;
}

.no-touch .quick-nav.nav-is-visible ul a:hover span {
  webkit-transform: translateX(-5px);
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

.quick-nav-overlay {
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: fixed;
  z-index: 10101;
  background: rgba(0, 0, 0, 0);
}

.quick-nav.nav-is-visible + .quick-nav-overlay {
  background: rgba(0, 0, 0, 0.8);
  display: block;
  -webkit-transition: background .7s ease-out;
  transition: background .7s ease-out;
}

@media (max-width: 991px) {
  /* 991px */
  .quick-nav {
    top: 120px;
    margin-top: 0;
  }
}

/***
Page Loading
***/
.page-on-load {
  background: #fefefe;
}

.page-on-load .page-header,
.page-on-load .page-container,
.page-on-load .page-prefooter,
.page-on-load .page-footer,
.page-on-load > .clearfix {
  display: none;
  -webkit-transition: all 2s;
  transition: all 2s;
}

.legendColorBox .outlinecolorbox {
  border: 1px solid #ccc;
  padding: 1px;
}

.legendColorBox .colorbox {
  width: 10px;
  height: 10px;
}

.text-status-image {
  height: 25px;
  /*    width:30px;*/
}

.text-status-colors {
  position: absolute;
  width: auto;
  border: 1px solid #ccc;
  background-color: #fafafa;
  display: none;
  bottom: 2px;
  left: 32px;
  z-index: 1;
}

.text-status-image:hover + .text-status-colors {
  display: block;
}

.text-status-box {
  position: relative;
}

.text-status-colors:after {
  border-bottom-color: #2e343b;
  position: absolute;
  bottom: 2px;
  left: -8px;
  display: inline-block !important;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-right: 7px solid #ccc;
  content: '';
}

.file_uploads_mismatch_background {
  background-color: #fce3e6 !important;
}

.admin_order_edit_background {
  background-color: #f9f9d7 !important;
}

.order_payment_failed_background {
  background-color: #fff2e2 !important;
}

.lc2_type_customer_background {
  background-color: #cbf3fb !important;
}

.envision_prop_background {
  background-color: #e6dbfa !important;
}

.merged_reorder_background {
  background-color: #c0eedd !important;
}

.quickbook_status_background {
  background-color: #c2caf4 !important;
}

table.datatable_table tbody tr.file_uploads_mismatch_background {
  background-color: #fce3e6 !important;
}

table.datatable_table tbody tr.admin_order_edit_background {
  background-color: #f9f9d7 !important;
}

table.datatable_table tbody tr.order_payment_failed_background {
  background-color: #fff2e2 !important;
}

table.datatable_table tbody tr.lc2_type_customer_background {
  background-color: #cbf3fb !important;
}

table.datatable_table tbody tr.envision_prop_background {
  background-color: #e6dbfa !important;
}

table.datatable_table tbody tr.quickbook_status_background {
  background-color: #c2caf4 !important;
}

table.datatable_table tbody tr.merged_reorder_background {
  background-color: #c0eedd !important;
}

.modal .modal-full-width {
  width: 99.5% !important;
}

.vuedals {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999 !important;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-perspective: 500px;
          perspective: 500px;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.vuedal {
  background: #fff;
  -webkit-box-shadow: 3px 5px 20px #333;
          box-shadow: 3px 5px 20px #333;
  padding: 0 !important;
  margin: 30px 0;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  will-change: transform;
  width: 650px;
  max-width: 99.5%;
}

.vuedal.full-width {
  width: 100%;
  margin: 2px 0;
}

.vuedal.medium-width {
  width: 60%;
  margin: 2px 0;
}

.vuedal header {
  font-weight: 400 !important;
  color: #000;
  background: whitesmoke;
  padding: 10px;
  border-bottom: 1px solid #eee;
  min-height: 39px;
  margin-bottom: 0 !important;
}

.vuedal header .close {
  width: 32px;
  height: 30px;
  opacity: 0.3;
}

.vuedal header .close:hover {
  opacity: 1;
}

.vuedal .modal-footer {
  padding: 15px;
  background: whitesmoke;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal .modal-content .modal-footer {
  border-top: 1px solid #e5e5e5 !important;
}

.modal-footer {
  text-align: center !important;
}

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

.modal .modal-head {
  padding: 7px 0px 7px 0px !important;
}

.package-row-bg {
  background: #eef5ff;
}

.package-props-row-bg {
  background: #eef5ff;
}

.product-row-bg {
  background: #f1f7f6;
}

.view-cart tr td {
  width: 180px;
}

.view-cart tr td:first-child {
  width: 220px;
}

.bg-grey-light {
  background: #edf1f3 !important;
}

.btn-primary {
  color: #fff;
  background-color: #ef8f4d;
  border-color: #ef8f4d;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #eb721e;
  border-color: #ad5010;
}

.btn-primary:hover {
  color: #fff;
  background-color: #eb721e;
  border-color: #ea6c15;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #eb721e;
  border-color: #ea6c15;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #d26113;
  border-color: #ad5010;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #ef8f4d;
  border-color: #ef8f4d;
}

.btn-primary .badge {
  color: #ef8f4d;
  background-color: #fff;
}

.btn-secondary {
  color: #fff;
  background-color: #6b98a5;
  border-color: #6b98a5;
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #547d89;
  border-color: #37525a;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #547d89;
  border-color: #507883;
}

.btn-secondary:active, .btn-secondary.active,
.open > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #547d89;
  border-color: #507883;
}

.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus,
.open > .btn-secondary.dropdown-toggle:hover,
.open > .btn-secondary.dropdown-toggle:focus,
.open > .btn-secondary.dropdown-toggle.focus {
  color: #fff;
  background-color: #466973;
  border-color: #37525a;
}

.btn-secondary:active, .btn-secondary.active,
.open > .btn-secondary.dropdown-toggle {
  background-image: none;
}

.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary:hover,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary.focus {
  background-color: #6b98a5;
  border-color: #6b98a5;
}

.btn-secondary .badge {
  color: #6b98a5;
  background-color: #fff;
}

.btn-default {
  color: #fff;
  background-color: #9aa4aa;
  border-color: #9aa4aa;
}

.btn-default:focus, .btn-default.focus {
  color: #fff;
  background-color: #7e8b93;
  border-color: #5a646b;
}

.btn-default:hover {
  color: #fff;
  background-color: #7e8b93;
  border-color: #79868e;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #fff;
  background-color: #7e8b93;
  border-color: #79868e;
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #fff;
  background-color: #6c7981;
  border-color: #5a646b;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: #9aa4aa;
  border-color: #9aa4aa;
}

.btn-default .badge {
  color: #9aa4aa;
  background-color: #fff;
}

.font-primary {
  color: #ef8f4d !important;
}

.font-secondary {
  color: #6b98a5 !important;
}

.font-default {
  color: #9aa4aa;
}

.bg-primary {
  background: #ef8f4d !important;
}

.bg-secondary {
  background: #6b98a5 !important;
}

.bg-default {
  background: #9aa4aa !important;
}

.border-primary {
  border-color: #ef8f4d !important;
}

.border-secondary {
  border-color: #6b98a5 !important;
}

.btn-white {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn.btn-outline.primary {
  border-color: #ef8f4d;
  color: #ef8f4d;
  background: none;
}

.btn.btn-outline.primary:hover, .btn.btn-outline.primary:active, .btn.btn-outline.primary:active:hover, .btn.btn-outline.primary:active:focus, .btn.btn-outline.primary:focus {
  border-color: #ef8f4d;
  color: #FFFFFF;
  background: #ef8f4d;
}

.btn.btn-outline.primary .active {
  border-color: #ef8f4d;
  color: #FFFFFF;
  background: #ef8f4d;
}

.btn.btn-outline.secondary {
  border-color: #6b98a5;
  color: #6b98a5;
  background: none;
}

.btn.btn-outline.secondary:hover, .btn.btn-outline.secondary:active, .btn.btn-outline.secondary:active:hover, .btn.btn-outline.secondary:active:focus, .btn.btn-outline.secondary:focus {
  border-color: #6b98a5;
  color: #FFFFFF;
  background: #6b98a5;
}

.btn.btn-outline.secondary .active {
  border-color: #6b98a5;
  color: #FFFFFF;
  background: #6b98a5;
}

.btn-margin {
  margin: 3px;
}

@media (max-width: 569px) {
  .btn-margin {
    margin: 2px 0px;
  }
}

.btn-icon-size {
  font-size: 18px;
  line-height: 1 !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:focus {
  border-color: #ef8f4d !important;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:focus {
  border-color: #6b98a5 !important;
}

.multiselect__option--highlight {
  background: #ef8f4d !important;
}

.multiselect__option {
  min-height: 30px !important;
  padding: 10px !important;
  line-height: 13px !important;
}

.multiselect__tag {
  background: #eff3f8 !important;
  color: #333333 !important;
}

.multiselect__tag-icon:focus {
  background: #eff3f8 !important;
}

.multiselect__tag-icon:hover {
  background: #eff3f8 !important;
}

.multiselect__tag-icon:after {
  color: #333333 !important;
}

.btn.btn-outline.green-lighter {
  border-color: #79b964;
  color: #79b964;
  background: none;
}

.btn.btn-outline.green-lighter:hover, .btn.btn-outline.green-lighter:active, .btn.btn-outline.green-lighter:active:hover, .btn.btn-outline.green-lighter:active:focus, .btn.btn-outline.green-lighter:focus {
  border-color: #79b964;
  color: #FFFFFF;
  background: #79b964;
}

.bg-grey-lighter1 {
  background: #eeeeee !important;
}

.bg-grey-lighter2 {
  background: #f1f1f1 !important;
}

.bg-grey-lighter3 {
  background: #f5f5f5 !important;
}

.font-grey-light {
  color: #929393;
}

.font-secondary-light2 {
  color: #9bb9c2 !important;
}

.font-grey-lighter1 {
  color: #eeeeee !important;
}

.font-sub-heading {
  color: #898989  !important;
}

.btn.btn-outline.default {
  border-color: #9aa4aa;
  color: #9aa4aa;
  background: none;
}

.btn.btn-outline.default:hover, .btn.btn-outline.default:active, .btn.btn-outline.default:active:hover, .btn.btn-outline.default:active:focus, .btn.btn-outline.default:focus {
  border-color: #9aa4aa;
  color: #FFFFFF;
  background: #9aa4aa;
}

.btn.btn-outline.default .active {
  border-color: #6b98a5;
  color: #FFFFFF;
  background: #9aa4aa;
}

.button {
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204, 198, 197, 0.5);
          box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204, 198, 197, 0.5);
  float: left;
  height: 28px;
  position: relative;
  width: 28px;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
}

.button:after {
  color: #4d5d6f;
  content: "";
  display: block;
  font-size: 12px;
  height: 10px;
  text-decoration: none;
  text-shadow: 0px -1px 1px #bdb5b4, 1px 1px 1px white;
  position: absolute;
  width: 10px;
}

.tick:after {
  content: "Sure ?";
  left: 5px;
  top: 5px;
}

.cross:after {
  content: "No";
  left: 6px;
  top: 5px;
}

.tick:hover:after {
  color: #fff;
  text-shadow: 0px 0px 6px #83d244;
}

.cross:hover:after {
  color: #fff;
  text-shadow: 0px 0px 6px #eb2f2f;
}

.button:active:after {
  color: #dbd2d2;
  text-shadow: 0px -1px 1px #bdb5b4, 0px 1px 1px white;
}

.btn-yes-hover:hover {
  color: #fff;
  background: #bf0c0e !important;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3), inset 0px 4px 1px 1px #9c0909, inset 0px -3px 1px 1px #9c0909;
          box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3), inset 0px 4px 1px 1px #9c0909, inset 0px -3px 1px 1px #9c0909;
}

.btn-no-hover:hover {
  color: #fff;
  background: #4d5d6f;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3), inset 0px 4px 1px 1px #3d4e61, inset 0px -3px 1px 1px #3d4e61;
          box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3), inset 0px 4px 1px 1px #3d4e61, inset 0px -3px 1px 1px #3d4e61;
}

.animated {
  background-image: url(/css/images/logo.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 95px;
  margin-bottom: 60px;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.no-padding {
  padding: 0px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

.p-t-18 {
  padding-top: 18px !important;
}

.p-l-0 {
  padding-left: 0px;
}

.p-l-2 {
  padding-left: 2px;
}

.p-l-4 {
  padding-left: 4px;
}

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

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

.p-r-0 {
  padding-right: 0px;
}

.p-tb-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.p-tb-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.padding-lr-0 {
  padding-left: 0px;
  padding-right: 0px;
}

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

.p-x-0 {
  padding-left: 0px;
  padding-right: 0px;
}

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

/*h**/
.padding-top-18 {
  padding-top: 18px !important;
}

.padding-r-0 {
  padding-right: 0px;
}

.padding-top-8 {
  padding-top: 8px;
}

.padding-left-2 {
  padding-left: 2px;
}

.padding-left-0 {
  padding-left: 0px;
}

@media only screen and (max-width: 768px) {
  .p-xs-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .p-l-0-xs {
    padding-left: 0px;
  }
  .p-lr-0-xs {
    padding-left: 0px;
    padding-right: 0px;
  }
  .p-t-xs-0 {
    padding-top: 0px !important;
  }
}

@media only screen and (max-width: 992px) {
  .p-l-sm-4 {
    padding-left: 4px !important;
  }
  .p-r-sm-0 {
    padding-right: 0px;
  }
  .p-lr-sm-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .p-sm-0 {
    padding: 0px;
  }
  .p-l-sm-0 {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 767px) {
  .p-t-sm-30 {
    padding-top: 30px;
  }
  .padding-t-24 {
    padding-top: 24px !important;
  }
}

@media only screen and (min-width: 992px) {
  .p-t-md-30 {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 1300px) {
  .p-md-lr-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.p-t-16 {
  padding-top: 16px !important;
}

.p-tb-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.p-tb-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.customization-margin {
  margin-bottom: -6px;
}

.p-tb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.margin-0 {
  margin: 0px !important;
}

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

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

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

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

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

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

.m-b-0 {
  margin-bottom: 0px !important;
}

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

.m-b-3 {
  margin-bottom: 3px !important;
}

.m-tb-5 {
  margin: 5px 0px;
}

.m-tb-40 {
  margin: 40px 0px;
}

.m-tb-10 {
  margin: 10px 0px;
}

.m-tb-4 {
  margin: 4px 0px;
}

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

.m-tb-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
  .m-l-xs-5 {
    margin-left: 5px;
  }
  .m-b-xs-4 {
    margin-bottom: 4px !important;
  }
  .m-t-xs-8 {
    margin-top: 8px;
  }
  .m-b-xs-10 {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 992px) {
  .m-t-sm-4 {
    margin-top: 4px;
  }
  .m-t-sm-12 {
    margin-top: 12px;
  }
  .m-l-sm-5 {
    margin-left: 5px;
  }
  .m-t-sm-8 {
    margin-top: 8px;
  }
}

.Proofing-margin .form-group {
  margin-bottom: 0px !important;
}

@media only screen and (min-width: 771px) {
  .p-x-sm-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .p-l-sm-0 {
    padding-left: 0px;
  }
  .p-r-sm-0 {
    padding-right: 0px;
  }
}

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

@media only screen and (max-width: 1199px) {
  .m-t-md-8 {
    margin-top: 8px;
  }
}

.h3-margin {
  margin-top: 6px !important;
}

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

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

.selected-order-item ::after {
  content: '';
  position: absolute;
  right: 20px;
  top: 5px;
  width: 0;
  height: 0;
  border-left: 75px solid transparent;
  border-top: 75px solid #eff3f8;
  clear: both;
}

.selected-box {
  background: #eff3f8;
  border: 1px solid #ecf0f6;
  -webkit-box-shadow: -2px 3px 5px 0px #e4e5e6;
  box-shadow: -2px 3px 5px 0px #e4e5e6;
}

.selected-order-item ::before {
  content: "";
  position: absolute;
  right: 24px;
  top: 11px;
  clear: both;
  z-index: 11;
  height: 34px;
  width: 34px;
  background-image: url(../img/tick-icon.png);
  display: block;
  background-repeat: no-repeat;
}

.selected-order-item .mt-card-avatar .img {
  margin: 0 auto;
}

.package-name a {
  color: #fff !important;
  border: none !important;
}

@media all and (min-width: 771px) and (max-width: 992px) {
  .order-img img {
    display: block;
    position: relative;
    width: 50% !important;
    height: auto;
    margin: 0 auto;
  }
}

.individual-box {
  height: 350px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 18px;
}

.img-box {
  width: 100%;
  height: 200px !important;
  overflow: hidden;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.img-box a > img {
  width: 100%;
  height: 200px !important;
}

.custom-b1 .img-box, .custom-b2 .img-box, .custom-b3 .img-box {
  height: auto !important;
}

.custom-b1 .img-box a > img, .custom-b2 .img-box a > img, .custom-b3 .img-box a > img {
  width: 300px;
  max-width: 100% !important;
  height: auto !important;
}

.custom-b1 {
  height: 480px;
}

.action {
  position: relative;
  z-index: 2;
}

.mt-scroll-down img {
  height: 300px !important;
  width: 300px !important;
  margin: 0 auto;
}

.custom-b2 {
  min-height: 310px !important;
  height: auto !important;
}

@media (max-width: 1366px) {
  .custom-b2 {
    min-height: 270px !important;
  }
}

.custom-b3 {
  /* min-height: 370px !important;
     height: auto !important;*/
}

/*@media (max-width:1366px){
    .custom-b2 {
     min-height: 27px !important;
    }


}*/
.search-boxx label {
  font-size: 16px !important;
  color: #78a1ad;
  font-weight: 600;
}

.search-boxx input {
  padding: 6px;
  font-size: 14px;
  border: 1px solid gainsboro;
  margin: 0 6px;
  outline: 0;
  border-radius: 5px;
  width: 300px;
}

@media only screen and (max-width: 1024px) {
  .search-boxx input {
    width: 200px;
  }
}

.search-boxx {
  text-align: center;
  position: relative;
  bottom: 34px;
  margin-bottom: -15px;
}

@media only screen and (max-width: 768px) {
  .search-boxx {
    display: none;
  }
}

.portlet-title {
  min-height: auto !important;
}

.selected-badge-postion {
  position: relative;
  top: -9px !important;
  left: 1px !important;
  font-size: 10px !important;
}

.selected-badge-postion-xs {
  position: relative;
  bottom: 10px !important;
  left: 1px !important;
  font-size: 10px !important;
}

.available-box {
  height: 470px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 550px;
}

@media (max-width: 1366px) {
  .available-box {
    height: 480px;
  }
}

@media only screen and (max-width: 768px) {
  .thumbnail.available-box {
    height: 480px !important;
  }
}

@media only screen and (max-width: 480px) {
  .thumbnail.available-box {
    height: auto !important;
  }
}

.prop-add-ons-border {
  border-bottom: 1px dashed #eee;
}

.prop-add-ons-border:last-child {
  border-bottom: none !important;
}

.new-prop {
  background: #eef1f1;
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: -2px 3px 5px 0px #eff3f8;
  box-shadow: -2px 3px 5px 0px #eff3f8;
  background: #ffffff;
}

.new-prop-item ::before {
  content: "";
  position: absolute;
  left: 26px;
  top: 12px;
  clear: both;
  z-index: 11;
  height: 50px;
  width: 53px;
  background-image: url(../img/new-prop.png);
  display: block;
  background-repeat: no-repeat;
}

.new-prop-item ::after {
  content: '';
  position: absolute;
  left: 19px;
  top: 5px;
  width: 0;
  height: 0;
  border-right: 75px solid transparent;
  border-top: 75px solid #297abf;
  clear: both;
}

.tab-content-padding {
  padding-top: 4px !important;
}

.new-selected-prop-item ::before {
  content: "";
  position: absolute;
  left: 23px;
  top: 6px;
  clear: both;
  z-index: 1111;
  height: 50px;
  width: 53px;
  background-image: url(../img/selected.png);
  display: block;
  background-repeat: no-repeat;
}

.new-selected-prop-item ::after {
  content: '';
  position: absolute;
  border-top: 75px solid #eff3f8;
  clear: both;
}

.md-radio-margin {
  margin-top: 1px !important;
}

.shopping-cart-postion {
  padding: 0px !important;
}

.img-responsive {
  color: #fff;
}

.shopping-menu-list {
  padding-right: 0 !important;
  padding-left: 0;
  list-style: none;
}

.dimensions-box {
  background: #f5f5f5;
  border: 1px solid #eee;
  padding-top: 12px;
  padding-bottom: 12px;
}

.slected-prop-cross-icon {
  display: table;
  height: 40px;
}

.slected-prop-cross-icon a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.slected-prop-cross-icon small {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.dashed-border {
  border: 1px dashed #d8d3d3;
  padding: 12px 0px 12px 0px;
}

@media screen and (max-height: 600px) {
  .shopping-scroller {
    height: 250px;
  }
}

.shopping-scroller {
  height: 250px;
}

@media screen and (max-height: 401px) {
  .shopping-scroller {
    height: 250px;
  }
}

@media screen and (max-height: 400px) {
  .shopping-scroller {
    height: 80px !important;
  }
}

.prop-img {
  background-image: url(../img/prop-tick.png);
  background-repeat: no-repeat;
  height: 53px;
  text-align: center;
  margin: 0 auto;
  width: 57px;
}

.btn-green {
  background: #cbe4c3;
  color: #333333;
  /*    &:hover,&:active, &:active:hover,&:active:focus,&:focus{
            background:#79b964;
            text-shadow: none !important;
            color:#fff;
        }*/
}

.btn-green div {
  color: #333333;
}

.btn-green:hover, .btn-green:active, .btn-green:active:hover, .btn-green:active:focus, .btn-green:focus {
  /*        div{
                    color:#fff;
                }
                     .prop-img{
                            background-image:none;
                        }*/
}

.icon-btn-hover:hover {
  background: #79b964;
  text-shadow: none !important;
}

.icon-btn-hover:hover div {
  color: #fff;
}

.prop-btn {
  height: auto !important;
  padding: 12px;
}

.prop-btn div {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.prop-tick-btn {
  height: auto !important;
  padding: 12px;
}

.prop-tick-btn div {
  margin-bottom: 5px !important;
}

.prop-section {
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: -2px 3px 5px 0px #e3e5e9;
  box-shadow: -2px 3px 5px 0px #e3e5e9;
  padding: 12px 0px 12px 0px;
}

.triangle {
  display: inline-block;
  vertical-align: middle;
  background: transparent !important;
  border: transparent;
}

.triangle-left {
  width: 22px;
  height: 31px;
  border-right: solid 25px #BEBEBE;
  border-bottom: solid 18px transparent;
  border-top: solid 18px transparent;
  position: relative;
  right: -4px;
}

.triangle-right {
  width: 22px;
  height: 31px;
  border-left: solid 25px #BEBEBE;
  border-bottom: solid 18px transparent;
  border-top: solid 18px transparent;
  position: relative;
}

.triangle-disable-right {
  width: 22px;
  height: 31px;
  border-left: solid 25px #E0E0E0;
  border-bottom: solid 18px transparent;
  border-top: solid 18px transparent;
  position: relative;
}

.triangle-disable-left {
  width: 22px;
  height: 31px;
  border-right: solid 25px #E0E0E0;
  border-bottom: solid 18px transparent;
  border-top: solid 18px transparent;
  position: relative;
}

.triangle-left:before {
  content: "\F068";
  font-family: FontAwesome;
  left: 27px;
  position: absolute;
  top: -7px;
  font-size: 10px;
  color: #333333 !important;
}

.triangle-right:before {
  content: "\F067";
  font-family: FontAwesome;
  left: -21px;
  position: absolute;
  top: -6px;
  font-size: 10px;
  color: #333333 !important;
}

.triangle-disable-right:before {
  content: "\F067";
  font-family: FontAwesome;
  left: -21px;
  position: absolute;
  top: -7px;
  font-size: 10px;
  color: #333333 !important;
}

.triangle-input {
  display: inline;
  border: 1px solid #e8e7e7;
  padding: 6px 14px 9px 14px;
  margin: 0px;
  background: #fff;
}

.prop-add-on {
  position: relative;
}

.prop-add-on .prop-img {
  left: 0px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}

.prop-add-on .prop-add-on-text {
  display: inline-block;
  width: 330px;
  vertical-align: middle;
}

.prop-add-on div {
  text-transform: none;
}

.prop-add-on-img {
  position: relative;
}

.text-transform-none {
  text-transform: none;
}

.img-wrap {
  width: 250px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #e7ecf1;
  margin-bottom: 6px;
  overflow: hidden;
  display: inline-block;
  margin: 3px;
}

.tumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 0 0;
     object-position: 0 0;
  height: 150px;
  margin: 0 auto;
  display: table;
}

.img-scrollbar {
  overflow-x: auto;
  white-space: nowrap;
}

.img-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.img-scrollbar::-webkit-scrollbar {
  height: 10px;
  background-color: #F5F5F5;
}

.img-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: #b6bdbf;
}

.h3-m-t {
  margin-top: 6px !important;
}

.loader {
  border: 10px solid #f3f3f3;
  border-top: 10px solid #3498db;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
  margin: 0 auto;
  z-index: 999999;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.loading-container {
  z-index: 9999999;
}

.loading-container .loading {
  background-color: transparent !important;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0) !important;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0) !important;
  z-index: 9999999999;
}

.loading-container .loading-backdrop {
  background-color: #000000 !important;
  opacity: 0.5 !important;
}

.loading-label {
  font-size: 18px !important;
  color: #ffffff !important;
  font-weight: 500 !important;
}

.vuedals {
  background-color: rgba(152, 152, 152, 0.94) !important;
}

.vuedal.disabled {
  opacity: .0 !important;
}

.card-container {
  height: 200px !important;
  background-color: whitesmoke !important;
  overflow: hidden !important;
  margin: 0 auto !important;
  text-align: center !important;
  width: auto !important;
  float: none !important;
  position: relative;
}

.card-container img {
  height: 100% !important;
  display: block !important;
  width: auto !important;
  position: relative;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
}

.thumbnail-height {
  height: 80px !important;
}

.thumbnail-card {
  height: 70px;
  overflow: hidden !important;
  position: relative;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background-color: #f5f5f5;
}

.thumbnail-card img {
  -webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
  height: 100%;
}

.vue-lb-container {
  background-color: rgba(0, 0, 0, 0.98) !important;
  height: 100vh !important;
  z-index: 11111 !important;
}

.scroll-to-bottom {
  position: absolute;
  right: 20px;
}

.scroll-to-bottom a {
  color: #657383;
  font-size: 32px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.file-upload {
  background: #fff;
  width: 100%;
  height: 34px;
  padding: 3px 12px;
  border: 1px solid #c2cad8;
  padding-bottom: 37px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.shopping-cart-margin {
  margin-top: 4px !important;
}

.product-img-height {
  max-height: 40px;
}

h4.block {
  padding-bottom: 0px !important;
}

.note-danger-border {
  border-left: 2px solid #f0868e !important;
}

.note-danger-border h4 .note-font-size {
  font-size: 16px !important;
}

.text-icon-shadow {
  text-shadow: 1px 1px 1px #2b2a2a;
}

.font-xslg {
  font-size: 22px;
}

.card-container:hover img {
  -webkit-transform: scale(1.2) translateZ(0);
  transform: scale(1.2) translateZ(0);
}

.combo-selected-order-item:first-child:before {
  content: "";
  position: absolute;
  right: 26px;
  top: 8px;
  clear: both;
  z-index: 11;
  height: 34px;
  width: 34px;
  background-image: url(../img/tick-icon.png);
  display: block;
  background-repeat: no-repeat;
}

.combo-selected-order-item:first-child:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 5px;
  width: 0;
  height: 0;
  border-left: 75px solid transparent;
  border-top: 75px solid #eff3f8;
  clear: both;
}

.combo-new-prop-item:first-child:before {
  content: "";
  position: absolute;
  left: 22px;
  top: 5px;
  clear: both;
  z-index: 11;
  height: 50px;
  width: 53px;
  background-image: url(../img/new-prop.png);
  display: block;
  background-repeat: no-repeat;
}

.combo-new-prop-item:first-child:after {
  content: '';
  position: absolute;
  left: 17px;
  top: 0px;
  width: 0;
  height: 0;
  border-right: 75px solid transparent;
  border-top: 75px solid #297abf;
  clear: both;
}

.combo-prop:after {
  display: none;
}

.combo-prop:before {
  display: none;
}

.no-transform:hover img {
  -webkit-transform: none !important;
          transform: none !important;
}

.customization-border {
  border: 3px solid #75acf1;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.customization-alert {
  background-color: #90c1ff !important;
  border-color: #615421 !important;
  color: #000000 !important;
}

.paragraph-margin {
  margin-bottom: 4px !important;
}

.timer-circle {
  position: relative;
}

.timer-circle, .timer-circle * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.timer-circle {
  width: 20px;
  height: 20px;
}

.timer-circle .pie {
  width: 50%;
  height: 100%;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  position: absolute;
  background: #86afbb;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.timer-circle .spinner {
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  z-index: 200;
  border-right: none;
  -webkit-animation: rota 10s linear infinite;
          animation: rota 10s linear infinite;
}

.timer-circle:hover .spinner,
.timer-circle:hover .filler,
.timer-circle:hover .mask {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.timer-circle .filler {
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
  left: 50%;
  opacity: 0;
  z-index: 100;
  animation: opa 10s steps(1, end) infinite reverse;
  border-left: none;
}

.timer-circle .mask {
  width: 50%;
  height: 100%;
  position: absolute;
  background: inherit;
  opacity: 1;
  z-index: 300;
  -webkit-animation: opa 10s steps(1, end) infinite;
          animation: opa 10s steps(1, end) infinite;
}

@-webkit-keyframes rota {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rota {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes opa {
  0% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}

@keyframes opa {
  0% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}

@-webkit-keyframes background {
  0% {
    background-color: #ffffff;
  }
  33% {
    background-color: #f3f3f3e6;
    border-color: #f3f3f3e6 !important;
  }
  98% {
    background-color: #ffffff66;
    border-color: #ffffff66 !important;
  }
  100% {
    background-color: #ffffff5c;
    border-color: #ffffff5c !important;
  }
}

@keyframes background {
  0% {
    background-color: #ffffff;
  }
  33% {
    background-color: #f3f3f3e6;
    border-color: #f3f3f3e6 !important;
  }
  98% {
    background-color: #ffffff66;
    border-color: #ffffff66 !important;
  }
  100% {
    background-color: #ffffff5c;
    border-color: #ffffff5c !important;
  }
}

.timer {
  position: absolute;
  z-index: 99999;
  left: 7px;
  text-shadow: -1px -1px 2px #969696;
  top: 1px;
}

.sure-btn {
  padding: 4px !important;
  -webkit-animation: background 5s cubic-bezier(1, 0, 0, 1) infinite;
  animation: background 10s cubic-bezier(1, 0, 0, 1) infinite;
}

.font-black {
  color: #333 !important;
}

.sure-text {
  position: relative;
  top: 1px;
}

.page-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  cursor: wait;
}

.page-mask h4 {
  position: absolute;
  top: 55%;
  left: 46.5%;
  color: #fff;
  font-weight: 500;
  z-index: 11111111;
}

.page-mask-spinner {
  border: 10px solid #f3f3f3;
  border-top: 10px solid #3498db;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
  margin: 0 auto;
  z-index: 999999;
  position: absolute;
  text-align: center;
  top: 42%;
  left: 47%;
}

.alert-padding {
  padding: 10px !important;
}

.img-cover {
  width: 210px;
  -o-object-fit: cover;
     object-fit: cover;
}

.img-cover img {
  height: 120px;
}

textarea {
  resize: none;
}

.individual-prop-height {
  min-height: 700px;
}

.prop-img-box.prop-box1 {
  height: 380px !important;
}

.prop-img-box.prop-box1 img {
  height: auto !important;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.prop-img-box.prop-box1:hover img {
  -webkit-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
}

span.save-icon .fa {
  color: #337ab7;
}

span.save-icon i.fa.fa-bookmark-o.fa-2x {
  background-color: #ffffff;
  line-height: 0.5;
  color: #72d3f2;
}

span.save-icon {
  position: absolute;
  right: 20px;
  top: -2px;
  z-index: 2;
  font-size: 15px;
}

span.save-icon i.fa.fa-bookmark-o.fa-2x {
  background-color: #ffffff;
  line-height: 0.5;
}

.addon_title_font {
  display: block;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px !important;
  font-weight: bolder;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #444d58;
  overflow-x: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 9999;
  opacity: 1;
  padding-top: 22px;
}

.sidenav a {
  text-decoration: none;
  font-size: 18px;
  color: #bcc2cb;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 9px;
  font-size: 30px;
}

.sidenav .menu-heading {
  padding-left: 10px;
}

.action-slider-border {
  border-top: 1px solid #525a63;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}

.action-slider-width {
  width: 22%;
}

@media only screen and (max-width: 1200px) {
  .action-slider-width {
    width: 26%;
  }
}

@media all and (min-width: 991px) and (max-width: 1200px) {
  .action-slider-width {
    width: 32%;
  }
}

@media all and (min-width: 501px) and (max-width: 990px) {
  .action-slider-width {
    width: 50%;
  }
}

@media only screen and (max-width: 500px) {
  .action-slider-width {
    width: 72% !important;
  }
}

.table-responsive-borderless {
  border: none !important;
}

.portlet.light .dataTables_wrapper .dt-buttons {
  margin-top: 0px !important;
}

.portlet.box.secondary {
  border: 1px solid;
  border-color: #6b98a5;
  border-top: 0;
}

.portlet.box.secondary .portlet-title {
  background-color: #6b98a5;
}

.portlet.box.primary {
  border: 1px solid;
  border-color: #ef8f4d;
  border-top: 0;
}

.portlet.box.primary .portlet-title {
  background-color: #ef8f4d;
}

.portlet.box.default {
  border: 1px solid;
  border-color: #9aa4aa;
  border-top: 0;
}

.portlet.box.default .portlet-title {
  background-color: #9aa4aa;
}

@media only screen and (max-width: 768px) {
  .text-xs-left {
    text-align: left !important;
  }
  .outer div {
    display: table-cell;
    min-height: 103px !important;
    vertical-align: middle;
  }
  .product-quantity {
    display: table-cell;
    height: 36px !important;
    vertical-align: middle;
  }
  .pull-xs-none {
    float: none !important;
  }
  .order-box {
    height: auto !important;
    min-height: auto !important;
  }
  .package-text {
    min-height: auto !important;
    height: auto !important;
  }
  .text-xs-center {
    text-align: center;
  }
  .btn-primary-size {
    width: auto !important;
  }
  .available-box {
    height: auto !important;
    min-height: auto !important;
  }
  .individual-box {
    height: auto !important;
  }
  .img-box {
    height: auto !important;
  }
  .sbold-xs {
    font-weight: 600;
  }
  .order-detail-list li {
    display: block;
  }
  .order-detail-list li:after {
    content: "" !important;
  }
  .prop-instruction-td {
    width: 100% !important;
  }
  .prop-note-td {
    width: 100%  !important;
  }
  .table-sr-no-td-width {
    width: 100% !important;
  }
  .available-td {
    width: 100% !important;
  }
  .additional-td {
    width: 100% !important;
  }
  .mandatory-td {
    width: 100% !important;
  }
  .table-mobile .label-text-xs {
    font-size: 12px !important;
  }
  .table-responsive .table-bordered tbody tr:last-child th, .table-responsive .table-bordered tbody tr:last-child td, .table-responsive .table-bordered tfoot tr:last-child th, .table-responsive .table-bordered tfoot tr:last-child td {
    border: 1px solid #e7ecf1;
  }
  .table-mobile tbody tr:nth-of-type(odd) {
    background-color: transparent;
  }
  .price-table-xs-width {
    width: 100%;
  }
  .multiselect-container li a label {
    white-space: normal !important;
  }
  .dropdown-menu {
    max-width: 225px !important;
  }
  .order-btn-postion {
    margin-top: 12px !important;
  }
  .text-xs-right {
    text-align: right;
  }
  .scroll-to-bottom a {
    font-size: 22px;
  }
  .font-xs-lg {
    font-size: 18px;
  }
  .shopping-cart-btn {
    padding: 6px 8px 6px 8px !important;
  }
  .card-container {
    height: 105px !important;
  }
  .hospice-img-container {
    height: auto !important;
  }
}

@media only screen and (max-width: 991px) {
  .page-header .page-header-menu .hor-menu li.mega-menu-dropdown.opened .dropdown-menu {
    max-width: 100% !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu {
    max-width: 100% !important;
  }
  .text-sm-center {
    text-align: center;
  }
  .page-header .page-header-top .navbar-page-logo {
    float: none !important;
    text-align: center !important;
  }
  .navbar-page-logo img {
    display: inherit !important;
  }
  .note {
    margin-bottom: 12px;
  }
  .div-border-left {
    border-left: none !important;
  }
  .selected-props-div {
    position: inherit !important;
    top: 0;
    width: 100% !important;
    z-index: 1111111;
  }
  .page-content {
    padding-top: 12px;
  }
  .page-head {
    background: #fff !important;
    margin-top: 12px;
  }
  .page-header-fixes .page-header-menu {
    height: auto !important;
  }
  .page-header .page-header-menu.fixed .navbar-nav li a {
    -webkit-transition: none !important;
    transition: none !important;
    line-height: 20px !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li a {
    color: #666 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
    background: #fff !important;
    color: #666 !important;
  }
  .page-header .page-header-menu .hor-menu-lc .navbar-nav li .dropdown-menu li.open a:hover {
    color: #666 !important;
  }
  .page-header .page-header-menu .hor-menu-lc .navbar-nav li .dropdown-menu li.active a:hover {
    color: #666 !important;
  }
  .page-header .page-header-menu .hor-menu-lc .navbar-nav li .dropdown-menu li.current a:hover {
    color: #666 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu {
    min-width: 100% !important;
  }
  .combo-pack-title {
    color: #666 !important;
    padding-left: 20px !important;
  }
  .nav-tabs .dropdown .dropdown-menu {
    max-width: auto !important;
  }
  .text-sm-left {
    text-align: left;
  }
  .page-header .page-header-top .top-menu .navbar-nav {
    margin: 0 4px 0 0 !important;
  }
  .page-header .page-header-menu {
    padding: 20px 0px 20px 0px !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
    background-color: #F0F0F0 !important;
  }
}

@media all and (min-width: 768px) and (max-width: 992px) {
  .select-product-box {
    min-height: 650px;
  }
}

@media only screen and (max-width: 1200px) {
  .h2-responsive {
    font-size: 20px !important;
  }
  .h3-responsive {
    font-size: 18px !important;
  }
  .h4-responsive {
    font-size: 15px !important;
  }
  .prop-img-container {
    width: 85% !important;
  }
}

@media (max-width: 480px) {
  .navbar-top-menu {
    clear: none !important;
    margin-top: 0px !important;
  }
  .page-header .page-header-top .navbar-menu-toggler {
    margin-top: 17.1px !important;
  }
  .navbar-page-logo-img {
    margin-top: 12px !important;
  }
  .order-detail-list li {
    font-size: 12px;
  }
  .font-lg-xs {
    font-size: 14px !important;
  }
  .thumbnail-height {
    height: 40px !important;
  }
  .thumbnail-card {
    height: 30px !important;
  }
}

@media (max-width: 290px) {
  .navbar-page-logo-img {
    margin-top: 20px !important;
  }
  .fixed-xs-header {
    height: 106px !important;
  }
}

@media all and (min-width: 291px) and (max-width: 360px) {
  .navbar-page-logo-img {
    margin-top: 17px !important;
  }
  .fixed-xs-header {
    height: 100px !important;
  }
}

@media (max-width: 268px) {
  .page-header .page-header-top .navbar-menu-toggler {
    margin-top: 17px !important;
  }
}

@media all and (min-width: 765px) and (max-width: 780px) {
  .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
    margin-right: 6px !important;
  }
}

@media (max-width: 800px) {
  .shopping-cart-icon-postion {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 19px !important;
  }
}

@media (max-width: 400px) {
  .shopping-icon-size {
    font-size: 1.3em !important;
  }
  .page-header .page-header-top .top-menu .navbar-nav li.dropdown-user .dropdown-toggle img {
    height: 32px !important;
    margin-top: -2px !important;
    margin-right: 1px !important;
  }
  .shopping-cart-dropdown-toggle {
    margin-top: 2px !important;
  }
  .action_list li a {
    position: none !important;
    left: 0 !important;
  }
}

@media only screen and (max-width: 390px) {
  .action_list li a {
    position: none !important;
    left: 0 !important;
  }
}

@media screen and (max-width: 1120px) and (min-width: 992px) {
  .page-header-fixes .page-header-menu .hor-menu .navbar-nav li a {
    padding-left: 7px !important;
    padding-right: 8px !important;
    font-size: 13px !important;
  }
  .page-header-fixes .page-header-menu .hor-menu .navbar-nav li .dropdown-menu li a {
    font-size: 13px !important;
  }
  .th-width-250 {
    min-width: 250px;
  }
  .th-width-150 {
    min-width: 150px;
  }
}

@media (min-width: 991px) {
  .page-header .page-header-menu .hor-menu .navbar-nav li:hover a {
    background: #55616f !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li .dropdown-menu li:hover a {
    background: #6a7480 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li .report-dropdown li:hover a {
    background: none !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li .report-dropdown li .mega-menu-content .mega-menu-submenu li:hover a {
    background: #6a7480 !important;
  }
  .page-header .page-header-menu .hor-menu .navbar-active-color > li.active > a, .page-header .page-header-menu .hor-menu .navbar-active-color > li.current > a, .page-header .page-header-menu .hor-menu .navbar-active-color > li.current > a:hover {
    color: #fff !important;
    background: #ef8f4d !important;
  }
}

/*******navbar responsive******/
@media screen and (max-width: 1036px) and (min-width: 992px) {
  .page-header-fixes .page-header-menu .hor-menu .navbar-nav li a {
    font-size: 12px !important;
  }
}

/*for md screen***/
@media only screen and (max-width: 1199px) {
  .desc-md {
    display: block !important;
  }
}

@media only screen and (min-width: 1200px) {
  .p-x-lg-0 {
    padding: 0px;
  }
}

@media only screen and (min-width: 992px) {
  .p-l-md-0 {
    padding-left: 0px;
  }
  .custom-reports-height {
    max-height: 150px;
    overflow: auto;
  }
}

@media all and (min-width: 360px) and (max-width: 992px) {
  .fixed-xs-header {
    height: 80px !important;
  }
}

@media all and (min-width: 1200px) and (max-width: 1400px) {
  .prop-add-on .prop-img {
    left: 12px;
  }
}

@media only screen and (max-width: 500px) {
  .prop-add-on .prop-img {
    left: 0px !important;
  }
}

@media (min-width: 480px) {
  .thumbnail-gallery img {
    height: 100px !important;
    width: 100% !important;
  }
}

@media (max-width: 607px) {
  .last-login {
    font-size: 11px !important;
  }
}

@media (max-width: 532px) {
  .nav-tab-mobile li a {
    padding: 10px 10px !important;
  }
  .nav-tab-mobile .dropdown-toggle {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .nav-tab-mobile .dropdown-toggle .fa-angle-down {
    width: 1em !important;
  }
}

@media (max-width: 537px) {
  .last-login-padding-xs {
    padding-top: 0px !important;
    float: right !important;
  }
  .last-login {
    text-align: right;
  }
  .last-login-admin {
    float: right !important;
  }
  .dropdown-notification {
    height: auto !important;
  }
  .dropdown-user {
    height: auto !important;
  }
  .page-header .page-header-top .top-menu {
    margin: 4px 0 0 !important;
  }
}

@media (max-width: 370px) {
  .quickbook-note {
    height: 120px !important;
  }
}

.filter-div {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 12px;
}

.filter-box {
  padding: 12px;
  font-size: 20px;
  border-radius: 50%;
}

.filter-box:hover {
  -webkit-box-shadow: 0px 2px 12px 1px #e3e4e7;
  box-shadow: 0px 2px 12px 1px #e3e4e7;
}

.filter-border {
  border: 1px solid #e9eaeb;
}

.filter-box-shadow {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.dg-content-body {
  border-bottom: none !important;
  padding: 15px;
}

.dg-content-footer {
  border-top: 1px solid #e5e5e5 !important;
  padding: 15px !important;
  text-align: center;
}

.dg-main-content {
  padding: 0px !important;
}

.dg-pull-right {
  float: none !important;
}

.dg-btn--ok {
  color: #fff !important;
  background-color: #ef8f4d !important;
  border-color: #ef8f4d !important;
}

.dg-btn--cancel {
  color: #fff !important;
  background-color: #6b98a5 !important;
  border-color: #6b98a5 !important;
}

.dg-btn {
  min-width: auto !important;
  border-radius: 2px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding: 8px 14px 7px 14px !important;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
  font-family: "Open Sans", sans-serif !important;
  text-transform: uppercase !important;
}

.dg-btn:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26) !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26) !important;
}

.table-mobile label {
  margin-bottom: 0px !important;
}

.table-mobile tr td:first-child {
  border-left-width: 0px !important;
}

.table-mobile td {
  word-break: break-all;
}

@media only screen and (max-width: 767px) {
  .table-mobile td {
    display: block;
    white-space: normal !important;
    word-break: break-all;
  }
  .table-mobile thead tr th, .table-mobile thead tr td, .table-mobile tbody tr th, .table-mobile tbody tr td, .table-mobile tfoot tr th, .table-mobile tfoot tr td {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
  }
  .table-mobile tbody tr:hover {
    border: 1px solid #e2e6e8;
    -webkit-box-shadow: 0px 3px 30px -4px #cad6e0;
    box-shadow: 0px 3px 30px -4px #cad6e0;
  }
  .order-message-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .order-message-table tr td:nth-child(2) {
    width: 100% !important;
  }
  .order-message-table tr td:nth-child(3) {
    width: 100% !important;
  }
  .order-message-table tr td:nth-child(4) {
    width: 100% !important;
  }
  .site-setting tr td:nth-child(1) {
    width: 100% !important;
  }
  .site-setting tr td:nth-child(2) {
    width: 100% !important;
  }
  .site-setting tr td:nth-child(3) {
    width: 100% !important;
  }
  .site-setting tr td:nth-child(4) {
    width: 100% !important;
  }
  .zone-setting tr td:nth-child(1) {
    width: 100% !important;
  }
  .zone-setting tr td:nth-child(2) {
    width: 100% !important;
  }
  .zone-setting tr td:nth-child(3) {
    width: 100% !important;
  }
  .zone-setting tr td:nth-child(4) {
    width: 100% !important;
  }
  .manage-packages-props tr td:nth-child(1) {
    min-width: 100% !important;
  }
  .manage-packages-props tr td:nth-child(2) {
    min-width: 100% !important;
  }
  .manage-packages-props tr td:nth-child(3) {
    min-width: 100% !important;
  }
  .manage-packages-props tr td:nth-child(4) {
    min-width: 100% !important;
  }
  .manage-packages-props tr td:nth-child(5) {
    min-width: 100% !important;
  }
  .manage-packages-props tr td:nth-child(6) {
    min-width: 100% !important;
  }
  .manage-packages-props tr td:nth-child(7) {
    min-width: 100% !important;
  }
  /*    .view-proof-table{
            tr{
                td{
                    &:nth-child(1) {
                        width:100% !important;
                        min-width:100% !important;
                    }
                    &:nth-child(2) {
                        width:100% !important;
                        min-width:100% !important;
                    }
                    &:nth-child(3) {
                        width:100% !important;
                        min-width:100% !important;
                    }
                    &:nth-child(4) {
                        width:100% !important;
                        min-width:100% !important;
                    }
                    &:nth-child(5) {
                        width:100% !important;
                        min-width:100% !important;
                    }
                    &:nth-child(6) {
                        width:100% !important;
                        min-width:100% !important;
                    }
                    &:nth-child(7) {
                        width:100% !important;
                        min-width:100% !important;
                    }
                    &:nth-child(8) {
                        width:100% !important;
                        min-width:100% !important;
                    }
                    &:nth-child(9) {
                        width:100% !important;
                        min-width:100% !important;
                    }
                    &:nth-child(10) {
                        width:100% !important;
                        min-width:100% !important;

                    }
                }
            }
        }*/
  .refund-history-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .refund-history-table tr td:nth-child(2) {
    width: 100% !important;
  }
  .refund-history-table tr td:nth-child(3) {
    width: 100% !important;
  }
  .refund-history-table tr td:nth-child(4) {
    width: 100% !important;
  }
  .refund-history-table tr td:nth-child(5) {
    width: 100% !important;
  }
  .refund-history-table tr td:nth-child(6) {
    width: 100% !important;
  }
  .customer-value-package-table tr td:nth-child(1) {
    min-width: 100% !important;
  }
  .customer-value-package-table tr td:nth-child(2) {
    min-width: 100% !important;
  }
  .customer-value-package-table tr td:nth-child(3) {
    min-width: 100% !important;
  }
  .customer-value-package-table tr td:nth-child(4) {
    min-width: 100% !important;
  }
  .partial-refund-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .table-responsive .table-mobile {
    margin-bottom: 0px !important;
  }
  .table-responsive.table-mobile-responsive {
    min-height: auto !important;
    overflow-x: hidden !important;
  }
  .editbasic-detail-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .editbasic-detail-table tr td:nth-child(2) {
    width: 100% !important;
  }
  .editbasic-detail-table tr td:nth-child(3) {
    width: 100% !important;
  }
  .edit-order-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .edit-order-table tr td:nth-child(2) {
    width: 100% !important;
  }
  .edit-order-table tr td:nth-child(3) {
    width: 100% !important;
  }
  .edit-order-table tr td:nth-child(4) {
    width: 100% !important;
  }
  .editOrderShippingDetails-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .editOrderShippingDetails-table tr td:nth-child(2) {
    width: 100% !important;
  }
  .editOrderShippingDetails-table tr td:nth-child(3) {
    width: 100% !important;
  }
  .table-full-refund tr td:nth-child(1) {
    width: 100% !important;
  }
  .table-full-refund tr td:nth-child(2) {
    width: 100% !important;
  }
  .table-full-refund tr td:nth-child(3) {
    width: 100% !important;
  }
  .select-transaction tr td:nth-child(1) {
    width: 100% !important;
  }
  .select-transaction tr td:nth-child(2) {
    width: 100% !important;
  }
  .price-table-reponsive thead tr th {
    display: block !important;
  }
  .customers-cards-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .order-refund-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .order-refund-table tr td:nth-child(2) {
    width: 100% !important;
  }
  .order-refund-table tr td:nth-child(3) {
    width: 100% !important;
  }
  .order-refund-table tr td:nth-child(4) {
    width: 100% !important;
  }
  .order-refund-table tr td:nth-child(5) {
    width: 100% !important;
  }
  .order-refund-table tr td:nth-child(6) {
    width: 100% !important;
  }
  .order-history-table tr td:nth-child(1) {
    width: 100% !important;
    min-width: 100% !important;
  }
  .order-history-table tr td:nth-child(2) {
    width: 100% !important;
    min-width: 100% !important;
  }
  .order-history-table tr td:nth-child(3) {
    width: 100% !important;
    min-width: 100% !important;
  }
  .order-history-table tr td:nth-child(4) {
    width: 100% !important;
    min-width: 100% !important;
  }
  .order-history-table tr td:nth-child(5) {
    width: 100% !important;
    min-width: 100% !important;
  }
  .order-proof-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .order-proof-table tr td:nth-child(2) {
    width: 100% !important;
  }
  .order-proof-table tr td:nth-child(3) {
    width: 100% !important;
  }
  .order-proof-table tr td:nth-child(4) {
    width: 100% !important;
  }
  .order-proof-table tr td:nth-child(5) {
    width: 100% !important;
  }
  .order-proof-table tr td:nth-child(6) {
    width: 100% !important;
  }
  .value-package-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .value-package-table tr td:nth-child(2) {
    width: 100% !important;
  }
  .value-package-table tr td:nth-child(3) {
    width: 100% !important;
  }
  .value-package-table tr td:nth-child(4) {
    width: 100% !important;
  }
  .value-package-table tr td:nth-child(5) {
    width: 100% !important;
  }
  .value-package-table tr td:nth-child(6) {
    width: 100% !important;
  }
  .combo-price-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .combo-price-table tr td:nth-child(2) {
    width: 100% !important;
  }
  .prop-addons tr td:nth-child(1) {
    width: 100% !important;
  }
  .prop-addons tr td:nth-child(2) {
    width: 100% !important;
  }
  .prop-addons tr td:nth-child(3) {
    width: 100% !important;
  }
  .prop-addons tr td:nth-child(4) {
    width: 100% !important;
  }
  .order-payment-table tr td:nth-child(1) {
    min-width: 100% !important;
    width: 100% !important;
  }
  .order-payment-table tr td:nth-child(2) {
    min-width: 100% !important;
    width: 100% !important;
  }
  .order-payment-table tr td:nth-child(3) {
    min-width: 100% !important;
    width: 100% !important;
  }
  .order-payment-table tr td:nth-child(4) {
    min-width: 100% !important;
    width: 100% !important;
  }
  .order-payment-table tr td:nth-child(5) {
    min-width: 100% !important;
    width: 100% !important;
  }
  .order-payment-table tr td:nth-child(6) {
    min-width: 100% !important;
    width: 100% !important;
  }
  .view-cart tr td {
    width: 100% !important;
  }
  .view-cart tr td:first-child {
    width: 100% !important;
  }
  .hospice-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .prop-instruction-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .prop-instruction-table tr td:nth-child(2) {
    width: 100% !important;
  }
  .suggested-proof-table tr td:nth-child(1) {
    width: 100% !important;
  }
  .suggested-proof-table tr td:nth-child(2) {
    width: 100% !important;
  }
  .suggested-proof-table tr td:nth-child(3) {
    width: 100% !important;
  }
  .suggested-proof-table tr td:nth-child(4) {
    width: 100% !important;
  }
  .suggested-proof-table tr td:nth-child(5) {
    width: 100% !important;
  }
  .designer-order-history-table tr td:nth-child(1) {
    min-width: 100% !important;
  }
  .designer-order-history-table tr td:nth-child(2) {
    min-width: 100% !important;
  }
  .designer-order-history-table tr td:nth-child(3) {
    min-width: 100% !important;
  }
  .designer-order-history-table tr td:nth-child(4) {
    min-width: 100% !important;
  }
  .referenceguides-table tr td:nth-child(1) {
    min-width: 100% !important;
    width: 100% !important;
  }
  .referenceguides-table tr td:nth-child(2) {
    min-width: 100% !important;
    width: 100% !important;
  }
  .referenceguides-table tr td:nth-child(3) {
    min-width: 100% !important;
    width: 100% !important;
  }
  .Package-Props-table tr td:nth-child(1) {
    min-width: 100% !important;
    width: 100% !important;
  }
  .Package-Props-table tr td:nth-child(2) {
    min-width: 100% !important;
    width: 100% !important;
  }
  .Package-Props-table tr td:nth-child(3) {
    min-width: 100% !important;
    width: 100% !important;
  }
  .Package-Props-table tr td:nth-child(4) {
    min-width: 100% !important;
    width: 100% !important;
  }
}

.order-message-table tr td:nth-child(1) {
  width: 100px;
}

.order-message-table tr td:nth-child(2) {
  width: 290px;
}

.order-message-table tr td:nth-child(3) {
  width: 630px;
}

.order-message-table tr td:nth-child(4) {
  width: 100px;
}

.detailed-order-table tr th:nth-child(1) {
  width: 400px;
}

.site-setting tr td:nth-child(1) {
  width: 100px;
}

.site-setting tr td:nth-child(2) {
  width: 290px;
}

.site-setting tr td:nth-child(3) {
  width: 630px;
}

.site-setting tr td:nth-child(4) {
  width: 200px;
}

.zone-setting tr td:nth-child(1) {
  width: 100px;
}

.zone-setting tr td:nth-child(2) {
  width: 320px;
}

.zone-setting tr td:nth-child(3) {
  width: 300px;
}

.zone-setting tr td:nth-child(4) {
  width: 200px;
}

.manage-packages-props tr td:nth-child(1) {
  min-width: 300px;
}

.manage-packages-props tr td:nth-child(2) {
  min-width: 150px;
}

.manage-packages-props tr td:nth-child(3) {
  min-width: 150px;
}

.manage-packages-props tr td:nth-child(4) {
  min-width: 150px;
}

.manage-packages-props tr td:nth-child(5) {
  min-width: 97px;
}

.manage-packages-props tr td:nth-child(6) {
  min-width: 85px;
}

.manage-packages-props tr td:nth-child(7) {
  min-width: 98px;
}

/*.view-proof-table{
    tr{
        td{
            &:nth-child(1) {
                min-width:20px;
            }
            &:nth-child(2) {
                min-width:100px;
            }
            &:nth-child(3) {
                min-width:150px;
            }
            &:nth-child(4) {
                min-width:100px;
            }
            &:nth-child(5) {
                min-width:150px;
            }
            &:nth-child(6) {
                min-width:150px;
            }
            &:nth-child(7) {
                min-width:150px;
            }
            &:nth-child(8) {
                min-width:150px;
            }
            &:nth-child(9) {
                min-width:150px;
            }
            &:nth-child(10) {
                min-width:100px;
            }
        }
    }
}*/
.editbasic-detail {
  background-color: #f1f4f7;
}

.editbasic-detail-table tr td:nth-child(1) {
  width: 220px;
}

.editbasic-detail-table tr td:nth-child(2) {
  width: 120px;
}

.editbasic-detail-table tr td:nth-child(3) {
  width: 150px;
}

.editOrderShippingDetails-table tr td:nth-child(1) {
  width: 220px;
}

.editOrderShippingDetails-table tr td:nth-child(2) {
  width: 40px;
}

.editOrderShippingDetails-table tr td:nth-child(3) {
  width: 50px;
}

.table-full-refund tr td:nth-child(1) {
  width: 500px;
}

.table-full-refund tr td:nth-child(2) {
  width: 350px;
}

.table-full-refund tr td:nth-child(3) {
  width: 350px;
}

.editOrderShipping-sub-total {
  background-color: #fffdeb !important;
}

.editOrderShipping-order-amount {
  background-color: #eef5ff !important;
}

.customers-cards-table tr td:nth-child(1) {
  width: 280px;
}

.suggested-products-table tr td:nth-child(2) {
  width: 200px;
}

.suggested-products-table tr td:nth-child(3) {
  width: 500px;
}

.suggested-products-table tr td .fileinput-size {
  /*                width: 400px;
                                display: inline !important;
                                float: left; */
}

.order-report-table thead tr th, .order-report-table thead tr td, .order-report-table tbody tr th, .order-report-table tbody tr td {
  font-size: 12px;
}

.order-report-table tbody tr td:nth-child(1) {
  min-width: 52px !important;
}

.order-report-table tbody tr td:nth-child(2) {
  min-width: 127px !important;
}

.order-report-table tbody tr td:nth-child(3) {
  min-width: 70px !important;
}

.order-report-table tbody tr td:nth-child(4) {
  min-width: 100px !important;
}

.order-report-table tbody tr td:nth-child(5) {
  min-width: 100px !important;
}

.order-report-table tbody tr td:nth-child(6) {
  min-width: 100px !important;
}

.order-report-table tbody tr td:nth-child(7) {
  min-width: 75px !important;
}

.order-report-table tbody tr td:nth-child(8) {
  min-width: 80px !important;
}

.order-report-table tbody tr td:nth-child(9) {
  min-width: 70px !important;
}

.order-report-table tbody tr td:nth-child(10) {
  min-width: 86px !important;
}

.order-report-table tbody tr td:nth-child(11) {
  min-width: 90px !important;
}

.order-report-table tbody tr td:nth-child(12) {
  min-width: 117px !important;
}

.order-report-table tbody tr td:nth-child(13) {
  min-width: 100px !important;
}

.order-report-table tbody tr td:nth-child(14) {
  min-width: 97px !important;
}

.refund-history-table tr td:nth-child(1) {
  width: 200px;
}

.refund-history-table tr td:nth-child(2) {
  width: 100px;
}

.refund-history-table tr td:nth-child(3) {
  width: 200px;
}

.refund-history-table tr td:nth-child(4) {
  width: 250px;
}

.refund-history-table tr td:nth-child(5) {
  width: 300px;
}

.refund-history-table tr td:nth-child(6) {
  width: 150px;
}

.select-transaction tr td:nth-child(1) {
  width: 50%;
}

.select-transaction tr td:nth-child(2) {
  width: 50%;
}

.partial-refund-table tr td:nth-child(1) {
  width: 300px;
}

.click-report-table tbody tr td:nth-child(1) {
  min-width: 52px !important;
}

.click-report-table tbody tr td:nth-child(2) {
  min-width: 69px !important;
}

.click-report-table tbody tr td:nth-child(3) {
  min-width: 105px !important;
}

.click-report-table tbody tr td:nth-child(4) {
  min-width: 100px !important;
}

.click-report-table tbody tr td:nth-child(5) {
  min-width: 107px !important;
}

.click-report-table tbody tr td:nth-child(6) {
  min-width: 100px !important;
}

.click-report-table tbody tr td:nth-child(7) {
  min-width: 136px !important;
}

.click-report-table tbody tr td:nth-child(8) {
  min-width: 80px !important;
}

.click-report-table tbody tr td:nth-child(9) {
  min-width: 70px !important;
}

.click-report-table tbody tr td:nth-child(10) {
  min-width: 119px !important;
}

.click-report-table tbody tr td:nth-child(11) {
  min-width: 90px !important;
}

.click-report-table tbody tr td:nth-child(12) {
  min-width: 133px !important;
}

.click-report-table tbody tr td:nth-child(13) {
  min-width: 54px !important;
}

.click-report-table tbody tr td:nth-child(14) {
  min-width: 97px !important;
}

.click-report-table tbody tr td:nth-child(15) {
  min-width: 80px !important;
}

.click-report-table tbody tr td:nth-child(16) {
  min-width: 107px !important;
}

.click-report-table tbody tr td:nth-child(17) {
  min-width: 86px !important;
}

.click-report-table tbody tr td:nth-child(18) {
  min-width: 120px !important;
}

.click-report-table tbody tr td:nth-child(19) {
  min-width: 90px !important;
}

.click-report-table tbody tr td:nth-child(20) {
  min-width: 116px !important;
}

.click-report-table tbody tr td:nth-child(21) {
  min-width: 97px !important;
}

.click-report-table tbody tr td:nth-child(22) {
  min-width: 100px !important;
}

.click-report-table tbody tr td:nth-child(23) {
  min-width: 123px !important;
}

.click-report-table tbody tr td:nth-child(24) {
  min-width: 98px !important;
}

.click-report-table tbody tr td:nth-child(25) {
  min-width: 124px !important;
}

.click-report-table tbody tr td:nth-child(26) {
  min-width: 96px !important;
}

.click-report-table tbody tr td:nth-child(27) {
  min-width: 83px !important;
}

.customer-value-package-table tr td:nth-child(1) {
  min-width: 400px;
}

.customer-value-package-table tr td:nth-child(2) {
  min-width: 200px;
}

.customer-value-package-table tr td:nth-child(3) {
  min-width: 100px;
}

.customer-value-package-table tr td:nth-child(4) {
  min-width: 200px;
}

.Sales-report-table tr td:nth-child(1) {
  width: 690px;
}

.Sales-report-table tr td:nth-child(2) {
  width: 498px;
}

.order-refund-table tr td:nth-child(1) {
  width: 182px;
}

.order-refund-table tr td:nth-child(2) {
  width: 100px;
}

.order-refund-table tr td:nth-child(3) {
  width: 120px;
}

.order-refund-table tr td:nth-child(4) {
  width: 196px;
}

.order-refund-table tr td:nth-child(5) {
  width: 455px;
}

.order-refund-table tr td:nth-child(6) {
  width: 135px;
}

.order-history-table tr td:nth-child(1) {
  min-width: 100px;
}

.order-history-table tr td:nth-child(2) {
  min-width: 250px;
}

.order-history-table tr td:nth-child(3) {
  min-width: 300px;
}

.order-history-table tr td:nth-child(4) {
  min-width: 200px;
}

.order-history-table tr td:nth-child(5) {
  min-width: 177px;
}

.order-proof-table tr td:nth-child(1) {
  min-width: 260px;
}

.order-proof-table tr td:nth-child(2) {
  min-width: 106px;
}

.order-proof-table tr td:nth-child(3) {
  min-width: 162px;
}

.order-proof-table tr td:nth-child(4) {
  min-width: 130px;
}

.order-proof-table tr td:nth-child(5) {
  min-width: 200px;
}

.order-proof-table tr td:nth-child(6) {
  min-width: 157px;
}

.value-package-table tr td:nth-child(1) {
  min-width: 60px;
}

.value-package-table tr td:nth-child(2) {
  min-width: 250px;
}

.value-package-table tr td:nth-child(3) {
  min-width: 200px;
}

.value-package-table tr td:nth-child(4) {
  min-width: 160px;
}

.value-package-table tr td:nth-child(5) {
  min-width: 160px;
}

.value-package-table tr td:nth-child(6) {
  min-width: 160px;
}

.combo-package-table tr td:nth-child(1) {
  min-width: 60px;
}

.combo-package-table tr td:nth-child(2) {
  min-width: 250px;
}

.combo-package-table tr td:nth-child(3) {
  min-width: 200px;
}

.combo-package-table tr td:nth-child(4) {
  min-width: 160px;
}

.combo-package-table tr td:nth-child(5) {
  min-width: 160px;
}

.combo-price-table tr td:nth-child(1) {
  width: 188px;
}

.combo-price-table tr td:nth-child(2) {
  min-width: 140px;
}

.price-table-field {
  vertical-align: top !important;
}

.manager-director-table tr td:nth-child(2) {
  min-width: 200px;
}

.price-table-width {
  width: 186px;
}

.prop-addons tr td:nth-child(1) {
  width: 220px;
}

.prop-addons tr td:nth-child(2) {
  width: 180px;
}

.prop-addons tr td:nth-child(3) {
  width: 180px;
}

.prop-addons tr td:nth-child(4) {
  width: 180px;
}

.order-payment-table tr td:nth-child(1) {
  min-width: 126px;
}

.order-payment-table tr td:nth-child(2) {
  min-width: 90px;
}

.order-payment-table tr td:nth-child(3) {
  min-width: 200px;
}

.order-payment-table tr td:nth-child(4) {
  min-width: 160px;
}

.order-payment-table tr td:nth-child(5) {
  min-width: 150px;
}

.order-payment-table tr td:nth-child(6) {
  min-width: 123px;
}

.view-cart tr td {
  width: 180px;
}

.view-cart tr td:first-child {
  width: 220px;
}

.fileupload-table tr td:nth-child(1) {
  width: 400px;
}

.fileupload-table tr td:nth-child(2) {
  max-width: 300px;
  width: 300px;
}

.fileupload-table tr td:nth-child(2) p {
  word-wrap: break-word;
  white-space: pre-wrap;
}

.fileupload-table tr td:nth-child(3) {
  width: 90px;
}

.hospice-table tr td:nth-child(1) {
  width: 200px;
}

.prop-instruction-table tr td:nth-child(1) {
  width: 15%;
}

.prop-instruction-table tr td:nth-child(2) {
  width: 85%;
}

table tbody tr td textarea {
  resize: vertical;
}

.suggested-proof-table tr td:nth-child(1) {
  width: 190px;
}

.suggested-proof-table tr td:nth-child(2) {
  width: 300px;
}

.suggested-proof-table tr td:nth-child(3) {
  width: 100px;
}

.suggested-proof-table tr td:nth-child(4) {
  width: 150px;
}

.suggested-proof-table tr td:nth-child(5) {
  width: 150px;
}

.designer-order-history-table tr td:nth-child(1) {
  min-width: 250px;
}

.designer-order-history-table tr td:nth-child(2) {
  min-width: 250px;
}

.designer-order-history-table tr td:nth-child(3) {
  min-width: 200px;
}

.designer-order-history-table tr td:nth-child(4) {
  min-width: 200px;
}

.referenceguides-table tr td:nth-child(1) {
  min-width: 90px;
}

.referenceguides-table tr td:nth-child(2) {
  min-width: 250px;
}

.referenceguides-table tr td:nth-child(3) {
  min-width: 300px;
}

.Package-Props-table tr td:nth-child(1) {
  min-width: 90px;
}

.Package-Props-table tr td:nth-child(2) {
  min-width: 250px;
}

.Package-Props-table tr td:nth-child(3) {
  min-width: 300px;
}

.Package-Props-table tr td:nth-child(4) {
  min-width: 300px;
}

.shopping-cart-table tr td:nth-child(1) {
  width: 50px;
}

.shopping-cart-table tr td:nth-child(2) {
  width: 150px;
}

.shopping-cart-table tr td:nth-child(3) {
  width: 50px;
}

.shopping-cart-table tr td:nth-child(4) {
  width: 70px;
}

.shopping-cart-table tr td:nth-child(5) {
  width: 100px;
}

.lasX-varnish-report-table thead tr th, .lasX-varnish-report-table thead tr td, .lasX-varnish-report-table tbody tr th, .lasX-varnish-report-table tbody tr td {
  font-size: 12px;
}

.md-checkbox input[type=checkbox] {
  display: none;
}

.md-checkbox input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
  width: 23px;
}

.md-checkbox input[type=checkbox] + label:before {
  content: "\F096";
  font-size: 20px;
  position: relative;
  top: 3px;
}

.md-checkbox input[type=checkbox] + label:before {
  letter-spacing: 10px;
}

.md-checkbox input[type=checkbox]:checked + label:before {
  content: "\F046";
  color: #ef8f4d;
  position: relative;
  top: 3px;
}

.md-checkbox input[type=checkbox]:checked + label:before {
  letter-spacing: 5px;
}

/*.md-checkbox{
    lable { 
        padding-left: 0px !important;
    } 
}*/
.md-checkbox label {
  cursor: pointer;
  padding-left: 0px !important;
}

.form-horizontal .md-checkbox-inline {
  margin-top: 2px !important;
}

.shopping-cart-dropdown {
  width: 500px;
  max-width: 500px;
  background: #5d6b7a !important;
  right: 0;
  left: auto;
  top: 25px;
  z-index: 9999;
}

.shopping-cart-nav li.dropdown-extended li.external {
  display: block;
  overflow: hidden;
  padding: 15px 15px;
  letter-spacing: 0.5px;
  border-radius: 4px 4px 0 0;
}

.shopping-cart-nav li.dropdown-extended .dropdown-menu li.external-footer h3 {
  margin: 0;
  padding: 0;
  float: left;
  font-size: 13px;
  display: inline-block;
}

.shopping-cart-nav li.dropdown .dropdown-menu:after {
  position: absolute;
  top: -7px;
  right: 10px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: '';
}

.shopping-cart-nav .open > a, .shopping-cart-nav .open > a:hover, .shopping-cart-nav .open > a:focus {
  background-color: rgba(255, 255, 255, 0) !important;
  border-color: rgba(255, 255, 255, 0) !important;
}

.shopping-cart-nav > li > a:hover, .shopping-cart-nav > li > a:focus {
  background-color: rgba(255, 255, 255, 0) !important;
}

.badge-postion {
  position: absolute;
  bottom: 18px !important;
  left: 31px !important;
  font-size: 10px !important;
}

.badge-color {
  background-color: #65b265;
  background-image: none;
}

.badge-secondary {
  background-color: #6b98a5;
}

.shopping-cart-nav > li.dropdown-dark .dropdown-menu:after {
  border-bottom-color: #4d5d6f !important;
}

.shopping-cart-nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right {
  top: 46px;
}

@media only screen and (max-width: 992px) {
  .fixed-xs-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: #fff;
    z-index: 9999 !important;
    -webkit-transition: height 0.3s linear 0.1s;
    /* For Safari 3.1 to 6.0 */
    transition: height 0.3s linear 0.1s;
    -webkit-box-shadow: 0px 4px 5px -2px #5d5d5d;
    box-shadow: 0px 4px 5px -2px #5d5d5d;
  }
  .shopping-cart-dropdown {
    top: 36px !important;
  }
}

.shopping-cart-color {
  color: #f5f5f5;
}

.shopping-cart-postion .shopping-cart-span {
  top: 17px;
  position: relative;
}

.shopping-list.dropdown .dropdown-menu:after {
  position: absolute;
  top: -7px;
  right: 10px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: '';
}

.page-header .page-header-top .top-menu .navbar-nav .shopping-list .dropdown-menu:after {
  border-bottom-color: #4d5d6f !important;
}

@media only screen and (max-width: 991px) {
  .shopping-cart-dropdown {
    width: 450px !important;
    max-width: 450px !important;
  }
}

@media screen and (max-width: 536px) and (min-width: 480px) {
  .shopping-cart-dropdown {
    width: 270px !important;
    max-width: 270px !important;
  }
}

@media only screen and (max-width: 768px) {
  .shopping-cart-dropdown {
    margin-right: 0px !important;
  }
  .shopping-cart-dropdown:before {
    margin-right: 0px !important;
  }
  .shopping-cart-dropdown:after {
    margin-right: 0px !important;
  }
  .shopping-cart-dropdown {
    width: 400px !important;
    max-width: 400px !important;
  }
}

@media (max-width: 480px) {
  .shopping-cart-dropdown {
    width: 300px !important;
    max-width: 300px !important;
  }
}

@media only screen and (max-width: 390px) {
  .shopping-cart-dropdown {
    width: 290px !important;
  }
}

@media (max-width: 576px) {
  .shopping-cart-dropdown {
    width: 400px;
    max-width: 400px;
    background: #5d6b7a !important;
  }
}

@media (max-width: 350px) {
  .shopping-cart-dropdown {
    width: 280px !important;
    max-width: 280px !important;
  }
}

.badge-secondary {
  background: #6b98a5 !important;
}

@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

.category-item {
  height: 120px;
  line-height: 70px;
  margin-bottom: 12px;
}

.category-item a {
  text-decoration: none;
  text-align: center;
  border: 1px solid #eaeaea;
  background: #fff;
  float: left;
  font-weight: normal;
  color: #000;
  width: 100%;
  height: 120px;
}

.category-item a:hover {
  background: #f5f5f5;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.category-item a h5 {
  font-weight: 500;
}

.category-item img {
  padding: 0;
}

.dashboard_image {
  height: 48px;
  width: 48px;
  border: 0;
}

.dashboard-padding {
  padding-top: 25px !important;
}

/* here you can put your own css to customize and override the theme */
/* here you can put your own css to customize and override the theme */
.table-td-width td {
  min-width: 300px;
}

.price-table-background {
  background: #f1f4f7 !important;
}

.add-product-td-width td {
  min-width: 320px;
}

.range-base-price-td-width td {
  min-width: 150px;
}

.customers-props-table tr td {
  min-width: 150px !important;
}

.combo-pack-td {
  min-width: 200px !important;
}

.home-details-div {
  min-height: 266px;
}

.order-box {
  box-shadow: -5px 15px 30px 0 rgba(8, 7, 7, 0.1);
  -webkit-box-shadow: -5px 15px 30px 0 rgba(8, 7, 7, 0.1);
  -moz-box-shadow: -5px 15px 30px 0 rgba(8, 7, 7, 0.1);
  background: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 470px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-margin-bottom > li {
  margin-bottom: 2px;
}

.product-item-font {
  font-size: 16.5px;
}

.form-body-padding {
  padding-top: 5px !important;
}

.bottom-padding-h1 {
  margin-bottom: 9px !important;
}

.outer div {
  display: table-cell;
  min-height: 126px;
  vertical-align: middle;
}

.product-quantity {
  display: table-cell;
  height: 126px;
  vertical-align: middle;
}

.shipping-table-total td {
  border: #67809F !important;
}

.shopping-item-td-width {
  min-width: 160px;
}

.product-details-td-width {
  min-width: 132px;
}

.heading-border {
  margin: 30px 0 !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid #e7ecf1 !important;
}

.border-dashed {
  border: 1px dashed #000;
}

.navbar-menu-toggler {
  float: left !important;
  margin-left: 0px !important;
}

.page-header .page-header-top .navbar-menu-toggler {
  margin-top: 21.1px !important;
}

/* Datatable Header cells */
table.datatable_table {
  width: 100%;
}

div.dataTables_scrollBody {
  min-height: 300px;
}

table.datatable_table thead th {
  text-align: center;
  background: #333333 !important;
  color: #bcc2cb !important;
}

table.datatable_table tr.odd {
  background-color: #eeeff1 !important;
  border: 1px lightgrey;
}

table.datatable_table tr.even {
  background-color: #ffffff !important;
  border: 1px lightgrey;
}

.indiviual-prop {
  background: #e0f3f5;
}

.packages-box-1 {
  background: #fff6d7;
}

.package-box-2 {
  background: #d8d5d0;
}

.select-product-box {
  min-height: 560px;
}

.right-upper-button {
  position: absolute;
  right: -30px;
  top: -28px;
}

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

.dashed_bottom_border {
  border-top: 1px dashed #BFCAD1 !important;
}

.dashed-booder-margin {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}

.mt-user-text-left {
  text-align: left !important;
}

.mt-cross-icon {
  top: 6px !important;
}

.media-box li {
  border: 1px solid #e7ecf1;
  text-align: center;
  position: relative;
  padding: 10px;
}

.media-box a {
  color: #666666;
  font-size: 13px;
}

.addition-quality-postion {
  display: inline !important;
  width: 60% !important;
}

.heading-box {
  height: 30px;
}

.pricing-box {
  height: 80px;
}

.product-title {
  min-height: 104px;
  word-wrap: break-word;
}

.product-title a:hover, .product-title a:focus {
  text-decoration: none;
}

.selected-prop {
  min-height: 380px;
}

.debug-box {
  position: fixed;
  right: 0%;
  top: 50%;
  z-index: 9999999;
  background-color: red;
}

.debug-box::after {
  content: " Extra Small ";
}

@media (min-width: 576px) {
  .debug-box {
    background-color: yellow;
  }
  .debug-box::after {
    content: "  Extra Small ";
    padding: 10px;
  }
}

.shooping-cart-img-size {
  margin: auto !important;
}

@media (min-width: 768px) {
  .debug-box {
    background-color: yellowgreen;
  }
  .debug-box::after {
    content: " Small ";
    padding: 10px;
  }
}

@media (min-width: 992px) {
  .debug-box {
    background-color: orange;
  }
  .debug-box::after {
    content: " Medium ";
    padding: 10px;
  }
}

@media (min-width: 1200px) {
  .debug-box {
    background-color: pink;
  }
  .debug-box::after {
    content: " Large ";
    padding: 10px;
  }
}

@media (min-width: 1600px) {
  .debug-box {
    background-color: pink;
  }
  .debug-box::after {
    content: " Extra-Large ";
    padding: 10px;
  }
}

.media-box li {
  border: 1px solid #e7ecf1;
  text-align: center;
  position: relative;
  padding: 10px;
}

.media-box li a {
  color: #666666;
  font-size: 13px;
}

.social-icons li .mail {
  background: url(../img/social/mail.png) no-repeat;
}

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

.lc2_type_customer_row_bg_color {
  background-color: #800041 !important;
  color: #FFFFFF !important;
}

.is_admin_edited_row_bg_color {
  background-color: #FFFF9F !important;
  color: #000000 !important;
}

/*steps**/
.nav-wizard {
  background-color: #f1f1f1;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.nav-wizard:before {
  position: absolute;
}

.nav-wizard:after {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 138px;
  height: 47px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  z-index: 11;
  content: " ";
}

.nav-wizard li {
  position: relative;
  float: left;
  height: 46px;
  display: inline-block;
  text-align: center;
  padding: 0 20px 0 30px;
  margin: 0;
  font-size: 16px;
  line-height: 46px;
  min-width: 120px;
}

.nav-wizard li a {
  color: #4B77BE;
  padding: 0;
}

.nav-wizard li a:hover {
  background-color: transparent;
}

.nav-wizard li:before {
  position: absolute;
  display: block;
  border: 24px solid transparent;
  border-left: 16px solid #d4d4d4;
  border-right: 0;
  top: -1px;
  z-index: 10;
  content: '';
  right: -16px;
}

.nav-wizard li:after {
  position: absolute;
  display: block;
  border: 24px solid transparent;
  border-left: 16px solid #f1f1f1;
  border-right: 0;
  top: -1px;
  z-index: 10;
  content: '';
  right: -15px;
}

.nav-wizard li.active {
  color: #3a87ad;
  background: #ef8f4d !important;
}

.nav-wizard li.active:after {
  border-left: 16px solid #ef8f4d;
}

ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
  color: #fff !important;
  background: #ef8f4d !important;
}

ul.nav-wizard .active ~ li {
  color: #999999;
  background: #f9f9f9;
}

ul.nav-wizard .active ~ li:after {
  border-left: 16px solid #f9f9f9;
}

ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus {
  color: #999999;
  background: #f9f9f9;
}

.steps-font {
  font-size: 60px;
  position: absolute;
  bottom: 0;
  right: 92px;
  line-height: .79em;
  color: #dae1e4;
  z-index: 4;
}

.img-postion {
  margin: auto;
}

.float-right {
  float: right;
}

.shopping-cart td {
  min-width: 330px;
}

.table-bottom-margin-0 {
  margin-bottom: 0px !important;
}

.form-wizard .steps > li > a.step > .desc {
  font-weight: 500 !important;
}

.page-prefooter h2 {
  font-weight: 500 !important;
  text-transform: capitalize !important;
  font-size: 1.2698em !important;
}

.text-green {
  color: #468847 !important;
}

.text-orange {
  color: #ff892a !important;
}

.payment-box {
  min-height: 520px;
}

/*.badge-postion {
    top: 1px !important;
    right: -3px !important;
}*/
@media only screen and (max-width: 559px) {
  .page-head .page-title h1 {
    font-size: 18px !important;
  }
}

.box-shadow-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.customer-order-report {
  min-width: 250px;
}

.div-border-left {
  border-left: 1px solid #eee;
}

.border-grey-light {
  border-color: #eee;
}

.border-tb {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.link-color li a {
  color: #fff !important;
}

.link-color li a i {
  color: #ef8f4d !important;
}

.page-prefooter h2 {
  color: #ef8f4d !important;
}

.font-lg-small {
  font-size: 16px !important;
}

table.dataTable tbody > tr.selected td, table.dataTable tbody > tr > .selected td {
  background-color: #b0bed9 !important;
}

.font-dark {
  color: #2F353B !important;
}

.badge-primary {
  background-color: #ef8f4d;
  background-image: none;
}

.shopping-icon-size {
  font-size: 2em !important;
}

.nav li .shopping-cart-icon-postion:hover {
  background-color: transparent !important;
}

.nav li .shopping-cart-icon-postion:focus {
  background-color: transparent !important;
}

.md-checkbox label .box {
  height: 16px !important;
  width: 16px !important;
  top: 3px !important;
}

.selected-props-div {
  position: fixed;
  top: 45px;
  right: 51px;
  width: 30%;
  z-index: 10;
}

.select-product-list .list-group-item {
  margin-bottom: 13px;
}

.select-product-list a {
  color: #333;
}

.selected-prop-active {
  background: #f5f5f5;
}

.selected-prop-icon-postion {
  position: absolute;
  bottom: 86%;
  right: -10px;
}

.select-product-scroller {
  height: 200px;
}

.search-btn-padding {
  padding: 9px 14px 9px 14px !important;
}

.btn-group > .dropdown-menu, .dropdown-toggle > .dropdown-menu, .dropdown > .dropdown-menu {
  margin-top: 10px;
}

.multiselect-container > li > a > label {
  padding: 3px 5px 3px 36px !important;
}

.btn-group .dropdown-menu:before {
  position: absolute;
  top: -8px;
  left: 9px;
  right: auto;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e0e0e0;
  border-left: 8px solid transparent;
  content: '';
}

.btn-group .dropdown-toggle .dropdown-menu:before {
  position: absolute;
  top: -8px;
  left: 9px;
  right: auto;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e0e0e0;
  border-left: 8px solid transparent;
  content: '';
}

.btn-group .dropdown .dropdown-menu:before {
  position: absolute;
  top: -8px;
  left: 9px;
  right: auto;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e0e0e0;
  border-left: 8px solid transparent;
  content: '';
}

.btn-group .dropdown-menu:after {
  position: absolute;
  top: -7px;
  left: 10px;
  right: auto;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: '';
}

.btn-group .dropdown-toggle .dropdown-menu:after {
  position: absolute;
  top: -7px;
  left: 10px;
  right: auto;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: '';
}

.btn-group .dropdown .dropdown-menu:after {
  position: absolute;
  top: -7px;
  left: 10px;
  right: auto;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: '';
}

/* Column visibility changes */
.dt-button-collection a.buttons-columnVisibility:before,
.dt-button-collection a.buttons-columnVisibility.active span:before {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 0;
  width: 12px;
  height: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.dt-button-collection a.buttons-columnVisibility:before {
  content: ' ';
  margin-top: -6px;
  margin-left: 10px;
  border: 1px solid black;
  border-radius: 3px;
}

.dt-button-collection a.buttons-columnVisibility.active span:before {
  content: '\2714';
  margin-top: -11px;
  margin-left: 12px;
  text-align: center;
  text-shadow: 1px 1px #DDD, -1px -1px #DDD, 1px -1px #DDD, -1px 1px #DDD;
}

.dt-button-collection a.buttons-columnVisibility span {
  margin-left: 20px;
}

/* Column visibility changes - End */
.table-transparent {
  background-color: transparent !important;
}

.no-table-border thead tr th, .no-table-border thead tr td, .no-table-border tbody tr th, .no-table-border tbody tr td {
  border: none !important;
}

.external-footer {
  background: #4d5d6f !important;
}

.table-width-150 {
  min-width: 150px !important;
}

.top-margin-0 {
  margin-top: 0px !important;
}

.step-active li.active a.step .number {
  background: #ef8f4d !important;
}

.step-done li.done a.step .number {
  background: #6b98a5 !important;
}

.refresh-btn-postion {
  padding-top: 5px !important;
}

.grid-preference-icon {
  color: #86898a;
  font-size: 14px !important;
}

.grid-preference-icon:hover {
  color: #cccccc;
}

div.dt-button-collection {
  padding: 2px !important;
  width: 165px !important;
}

.table-font-size td {
  font-size: 11px !important;
}

.table-font-size td a i {
  font-size: 16px !important;
}

.table-font-size th {
  font-size: 13px !important;
}

.table-font-size.dataTable thead .sorting:after, .table-font-size.dataTable thead .sorting_asc:after, .table-font-size.dataTable thead .sorting_desc:after, .table-font-size.dataTable thead .sorting_asc_disabled:after, .table-font-size.dataTable thead .sorting_desc_disabled:after {
  font-size: 13px !important;
}

div.dt-button-collection a.dt-button span {
  font-size: 13px !important;
}

.thead-font-weight th {
  font-weight: normal !important;
}

.login .content .input-icon {
  border-left: 2px solid #ef8f4d !important;
}

ul.actions_menu {
  list-style: none;
}

/* Modal Backgrop */
.modal .modal-header {
  padding: 7px;
  color: #fff !important;
}

.modal-backdrop {
  opacity: 0.7 !important;
}

.text-decoration-underline {
  text-decoration: underline;
}

.page-title-border {
  border-bottom: 1px solid #dce0e5;
}

.page-head .page-title {
  padding: 12px 0px !important;
}

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

.order-btn-postion {
  margin-top: auto;
}

.panel-secondary .panel-heading {
  color: #ffffff;
  background-color: #6b98a5;
  border-color: #6b98a5;
}

.list-padding {
  padding-left: 14px !important;
}

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

.border-span {
  border-right: 1px solid #eee;
  padding: 1px;
}

.close {
  width: 30px !important;
  height: 30px !important;
}

.modal .modal-header {
  background: rgba(107, 152, 165, 0.87);
}

.action_list li a {
  font-size: 16px;
  line-height: 39px;
  position: relative;
  left: 0;
}

.action_list li a i {
  color: #ef8f4d;
}

.action_list li a:hover {
  color: #f1f1f1;
}

.action_list li:nth-child(even) {
  border-top: 1px solid #525a63;
  border-bottom: 1px solid #525a63;
}

.action_list li:last-child {
  border-bottom: none !important;
}

.fa-icon {
  margin-right: 12px;
}

.table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover > td {
  background: #f4f4f4 !important;
}

.dataTables_info {
  font-size: 12px !important;
}

.select2-selection__choice {
  background-color: #cbcbcb !important;
  border: 1px solid #a9a9a9 !important;
}

.tabbable-line .nav-tabs li.active {
  background: none;
  border-bottom: 4px solid;
  border-color: #ef8f4d;
  position: relative;
}

.tabbable-line .nav-tabs li.open, .tabbable-line .nav-tabs li:hover {
  background: none;
  border-bottom: 4px solid rgba(239, 143, 77, 0.64);
}

.form-padding-top {
  padding-top: 7px !important;
}

.md-checkbox label > .check {
  color: red;
}

.md-checkbox label .check {
  border: 2px solid #ef8f4d !important;
  border-top: none !important;
  border-left: none !important;
}

.page-header .page-header-menu.fixed {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 38px;
}

.page-header .page-header-menu.fixed .navbar-nav li a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  line-height: 7px;
}

.page-header .page-header-menu.fixed .navbar-nav li ul li a {
  line-height: 20px !important;
}

.price-table-td-width {
  width: 60px;
}

.customers-table {
  max-height: 400px;
  overflow-x: scroll;
}

.customers-table-margin .form-group {
  margin-left: 0px !important;
}

.table-validation-font {
  font-size: 12px;
  word-break: keep-all;
}

.table.dataTable thead .sorting_desc::after, .table.dataTable thead .sorting_asc::after {
  color: #FF4500 !important;
}

.label-light-pink {
  background-color: #FBE3E4 !important;
}

.label-light-yellow {
  background-color: #FFFF9F !important;
}

.label-orange {
  background-color: #FA9000 !important;
}

.label-purple {
  background-color: #800041 !important;
}

.display-block {
  display: block !important;
}

@media (min-width: 559px) {
  .page-head .page-title h1 {
    font-size: 20px !important;
  }
}

.table-bg-color tbody {
  background: #fafafa;
}

.bg-secondary-light {
  background: #7ebccf !important;
}

.order-detail-list {
  margin-left: -1px;
}

.order-detail-list li {
  padding-left: 0px;
  padding-right: 0px;
}

.order-detail-list li:after {
  content: "|";
}

.order-detail-list li:last-child:after {
  content: "";
}

.order-detail-list a {
  color: #333333;
}

.header {
  margin: 0 0 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
  padding-top: 12px;
}

.btn-multiselect {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-multiselect.active, .btn-multiselect:active, .btn-multiselect:hover, .open > .btn-multiselect.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.multiselect-container {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}

.btn-group .dropdown-menu {
  opacity: 0;
  filter: alpha(opacity=0);
  margin-top: 0 !important;
}

.prop-note-td {
  width: 400px;
}

.table tr td .form-group, .table tr th .form-group {
  margin-bottom: 0px !important;
}

.customer-types-price tr th:first-child {
  background: #f1f4f7 !important;
}

.customer-types-price tr td:first-child {
  min-width: 200px;
  background: #f1f4f7 !important;
}

.customer-types-td {
  width: 200px;
}

.z-depth-1 {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.manage-customer-account-flex {
  height: 400px;
}

.manage-customer-account-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.manage-customer-account-div-button {
  margin-top: auto;
}

.notification-position {
  position: fixed !important;
  left: 0 !important;
  z-index: 9999;
  top: 0px;
}

.notification-position .alert {
  font-size: 16px !important;
}

.notification-position .alert .close {
  margin-top: -5px !important;
}

.legendLabel-bg {
  width: 240px;
  height: 46px;
  padding: 12px;
  margin: 10px;
  font-weight: 600;
}

.legendLabel-border-file-uploads {
  border: 1px solid #f5cacf;
}

.legendLabel-border-Order-Edit {
  border: 1px solid #e8e8bd;
}

.legendLabel-border-order-payment {
  border: 1px solid #f7dcbb;
}

.legendLabel-border-lc2-type {
  border: 1px solid #93d7e4;
}

.legendLabel-border-envision_prop {
  border: 1px solid #cabfde;
}

.legendLabel-border-merged-reorder {
  border: 1px solid #7ad4b3;
}

.legendLabel-border-qb_status {
  border: 1px solid #343f78;
}

.legendLabel_border_edit_order_request_pending {
  border: 1px solid #d9daa8;
}

.edit_order_request_pending_background {
  background-color: #ececcf !important;
}

table.datatable_table tbody tr.edit_order_request_pending_background {
  background-color: #ececcf !important;
}

.progress-bar-primary {
  background-color: #ef8f4d;
}

.form-wizard .steps > li.active > a.step .number {
  background: #ef8f4d;
}

.form-wizard .steps > li > a.step {
  color: #BFBFBF;
}

.form-wizard .steps > li.done > a.step .number {
  background: #9aa4aa !important;
}

a.bg-light-blue {
  background: #c2dfff !important;
}

a.bg-light-blue:hover {
  opacity: 0.8 !important;
}

.form-wizard .steps {
  padding: 0px;
  margin: 0px;
}

.progress-bar {
  height: 86%;
}

@media (min-width: 600px) {
  .nav-justified li {
    display: table-cell;
    width: 1%;
  }
}

.bootbox-body {
  font-size: 16px !important;
}

.modal-header h4 {
  font-weight: 400 !important;
}

.list-padding-left {
  padding-left: 15px !important;
}

.pdf-thumb-box-overlay span {
  top: 10% !important;
}

.pdf-thumb-box {
  width: 250px !important;
  height: 250px !important;
  display: table-cell;
  vertical-align: middle;
}

.edit-order-action {
  margin-top: 8px !important;
}

.edit-order-theme-panel {
  min-width: 259px !important;
}

.page-title h1 span {
  line-height: 13px;
  color: #9eacb4;
  font-size: 13px;
  font-weight: 400;
}

.order-action-list li {
  border-bottom: 1px solid #eee;
  line-height: 2;
}

.order-action-list li:last-child {
  border-bottom: none !important;
}

.border-light-grey {
  border-color: #e9e9e9;
}

.md-radio label .box {
  top: 3px !important;
  height: 16px !important;
  width: 16px !important;
}

.md-radio label .check {
  top: 7px !important;
  left: 4px !important;
  width: 8px !important;
  height: 8px !important;
}

@media (max-width: 345px) {
  .pdf-thumb-box {
    width: auto !important;
  }
}

.md-radio label .check {
  background: #ef8f4d !important;
}

.ui-sortable {
  cursor: move;
}

.ui-sortable li {
  padding: 5px 3px;
  margin: 0px 0px 4px 0px;
}

.ui-state-default {
  border: 1px solid #ebeced;
  background: #eff3f8;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #d2d9e1 !important;
  background: #eff3f8 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x !important;
  font-weight: normal;
  color: #555555;
}

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

.table thead tr th, .table thead tr td, .table tbody tr th, .table tbody tr td, .table tfoot tr th, .table tfoot tr td {
  vertical-align: middle;
}

.bootstrap-tagsinput-width .bootstrap-tagsinput {
  width: 100%;
}

.thanks-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 7px;
}

.thanks-block .logo {
  margin: 0px auto 20px auto !important;
  padding: 0px !important;
}

.thank-paragraph {
  margin-top: 30px !important;
}

.thank-img {
  margin: 0 auto;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
  min-width: 25px !important;
}

.sortingicon {
  height: 7px;
}

.sortingicon i {
  -webkit-transform: scaleY(0.4);
          transform: scaleY(0.4);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  font-size: 45px;
  color: #ccc;
}

.sortingicon i:hover {
  color: #ef8f4d;
}

.order-report-spinner {
  position: relative;
}

.spinnericon-1 {
  margin: 0 auto;
  height: 20px;
}

.click-report-table thead tr th, .click-report-table thead tr td, .click-report-table tbody tr th, .click-report-table tbody tr td {
  font-size: 12px;
}

.body-bg {
  background: #eff3f8 !important;
}

.input-copy-self {
  height: 30px;
  line-height: 30px;
}

.dropdown-menu .divider {
  margin: 2px 0 !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu {
  min-width: 225px !important;
}

.combo-pack-title {
  color: #fff;
  margin-top: 0px;
  margin-bottom: 0px !important;
  padding: 10px 12px;
  font-size: 15px;
  font-weight: 400;
}

.refresh-btn-padding {
  padding: 6px 8px !important;
}

.refresh-btn-padding-left {
  padding-left: 2px !important;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 11px !important;
}

.text-postion {
  padding-top: 4px;
}

select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn {
  height: 31px !important;
}

.md-checkbox-padding {
  padding-top: 1.5px;
}

.daterangepicker td.active {
  background-color: #6b98a5 !important;
  border-color: #6b98a5 !important;
}

.daterangepicker td.active:hover {
  background-color: #6b98a5 !important;
  border-color: #6b98a5 !important;
}

.btn-show-more {
  background-color: #f5f5f5;
  border: 1px solid #c6c6c6 !important;
  color: #444;
  text-transform: capitalize !important;
}

.daterangepicker .ranges {
  clear: both;
}

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

.attachment-list {
  max-height: 166px;
  overflow-x: auto;
}

.pagination li a, .pagination li span {
  padding: 5px 10px !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: #f6f6f6 !important;
  color: #555 !important;
}

.modal-body {
  background: #fff;
}

.dropdown-link-color li:hover a, .dropdown-link-color li.active a, .dropdown-link-color li.open a {
  background: #373e47;
}

.dropdown-submenu-color li a {
  background: #2e343b !important;
}

.dropdown-submenu-color li:hover a {
  background: #373e47 !important;
}

.dropdown-menu-item {
  width: 100% !important;
  position: relative !important;
  left: 0 !important;
}

.dropdown-submenu-icon a:after {
  content: "\F107" !important;
}

.dropdown-submenu-icon .dropdown-menu li a:after {
  content: " " !important;
}

.daterangepicker.dropdown-menu {
  z-index: 999 !important;
}

.md-radio {
  z-index: 0;
}

.input-group-btn .dropdown-menu {
  z-index: 999 !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav li a {
  padding: 16px 9px 15px 9px;
}

.select-dropdown option {
  z-index: 999 !important;
}

.page-header .page-header-menu.fixed {
  -webkit-box-shadow: 0px 4px 8px 0px rgba(68, 77, 88, 0.2) !important;
          box-shadow: 0px 4px 8px 0px rgba(68, 77, 88, 0.2) !important;
}

@media only screen and (max-width: 992px) {
  .force-overflow {
    height: 250px;
    overflow-x: auto;
  }
}

.fileupload-border-none {
  border-top: none !important;
  border-bottom: none !important;
}

.files {
  border-bottom: 1px solid #e7ecf1;
}

.font-italic {
  font-style: italic;
}

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

.funeral-home-name {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #eee;
  background-image: none;
  border: 1px solid #c2cad8;
  border-radius: 4px;
}

.scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar {
  width: 7px;
  background-color: #c3bfbf;
}

.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #c3bfbf;
}

.prop-additional-scroll {
  max-height: 97px;
  overflow-x: auto;
}

.mt-element-card img {
  cursor: pointer;
}

.dropdown-menu {
  font-family: "Open Sans", sans-serif;
}

.border-right-none {
  border-right: none !important;
}

.login .content .form-actions {
  border-bottom: none !important;
}

.hr-margin {
  margin: 10px 0 !important;
}

.login .content .form-title {
  font-weight: 500 !important;
}

.close {
  opacity: 0.5;
}

.textarea-width {
  resize: vertical;
}

.close:hover, .close:focus {
  opacity: 0.9;
}

.modal .modal-dialog {
  z-index: 100000000051;
}

.switch-funeral-width {
  width: 400px !important;
  max-width: 400px !important;
}

table.dataTable.no-footer {
  border-bottom-color: #e7ecf1 !important;
}

/*.page-footer-bootom{
    position: relative !important;
}*/
.margin-auto {
  margin: 0 auto;
}

/*
html {
    position: relative;
    min-height: 75%;

}
html, body, #app{
    height: 100%;
}*/
.textbox-height {
  height: 200px;
  overflow-y: scroll;
  cursor: text;
}

.prop-img-container {
  width: 85%;
  margin: 0 auto;
}

.prop-img-box {
  height: 185px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  border-bottom: 1px solid #e7ecf1;
}

.prop-img-box img {
  height: 185px !important;
  width: 100%;
}

.note-font {
  font-size: 16px !important;
}

input[type="file"] {
  line-height: 1;
}

.note-message {
  border-left: 5px solid #8bb4e7 !important;
  border-radius: 0 4px 4px 0 !important;
  position: relative;
}

.message-link {
  position: absolute;
  bottom: 11px;
  right: 0px;
  padding-right: 15px;
}

.message-link a {
  color: #337ab7 !important;
}

.hospice-border {
  border: 1px solid #e7ecf1 !important;
}

.hospice-img-box {
  height: 150px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  border-bottom: 1px solid #e7ecf1;
}

.hospice-img-box img {
  height: 150px !important;
  width: 100%;
}

.hospice-img-container {
  width: 87%;
  margin: 0 auto;
  height: 260px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.attachment-list-scroller {
  height: 100px;
}

.quickbook-note {
  width: 48px;
  float: left;
  height: 70px;
  position: relative;
  top: -5px;
  font-size: 37px;
}

.cursor-pointer {
  cursor: pointer;
}

.morecontent span {
  display: none;
}

.morelink {
  display: block;
}

.morelink i {
  font-size: 27px;
  -webkit-transform: scale(1.9, 1.3);
          transform: scale(1.9, 1.3);
}

.custom-reports-title {
  color: #fff;
  margin-top: 0px;
  margin-bottom: 0px !important;
  padding: 10px 12px;
  font-size: 15px;
  font-weight: 400;
}

.customercredentials {
  position: relative;
  top: 9px;
}

.term-condition-scroller {
  height: 72vh;
  overflow: auto;
}

.blueimp-gallery > .close {
  margin: 7px !important;
}

.message-link-xs a {
  color: #337ab7 !important;
}

.product-listing-box {
  border: 1px solid #d4d4d4;
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
}

.product-listing-box .col-img {
  padding: 5px 5px 5px 5px;
}

.product-listing-box:hover {
  backgroud-color: #eee;
}

.user-nav {
  background-color: transparent !important;
}

.user-nav:hover, .user-nav:active, .user-nav:focus {
  background-color: transparent !important;
}

.user-nav .user-nav-links {
  background-color: transparent !important;
}

.user-nav .user-nav-links:hover, .user-nav .user-nav-links:active, .user-nav .user-nav-links:focus {
  background-color: transparent !important;
}

.text-black {
  color: black !important;
}

.scroll-portlet-body {
  max-height: 500px;
  overflow-y: scroll;
}

.transparent-bg {
  background: transparent !important;
}

.customer_welcome_message p {
  margin: 0px !important;
}

.site_settings {
  display: inline-block;
  max-width: 100%;
}

.site_settings img {
  display: inline-block;
  max-width: 100%;
  height: auto !important;
}

.frontend_addon {
  display: inline-block;
  max-width: 100%;
}

.frontend_addon img {
  display: inline-block;
  max-width: 100%;
  height: auto !important;
}

.md-radio-position-center {
  margin-left: 43px;
  margin-right: -32px;
}

/*For Rating the order with the help of stars*/
/**{
    margin: 0;
    padding: 0;
}*/
.rate {
  float: left;
  height: 46px;
  padding: 0 10px;
}

.rate:not(:checked) > input {
  position: absolute;
  top: -9999px;
}

.rate:not(:checked) > label {
  float: right;
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 30px;
  color: #ccc;
}

.rate:not(:checked) > label:before {
  content: '\2605   ';
}

.rate > input:checked ~ label {
  color: #ffc700;
}

.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #deb217;
}

.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}

/*---------------*/
/*To create ON-OFF switch manually for Customers grid (START)*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 46px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*To create ON-OFF switch manually for Customers grid (END)*/
/*Class to add some space*/
.space-one {
  text-indent: 1em;
}

.space-two {
  text-indent: 2em;
}

.space-two-and-half {
  text-indent: 2.5em;
}

.space-two-and-quartar-past {
  text-indent: 2.75em;
}

.space-three {
  text-indent: 3em;
}

.space-three-and-half {
  text-indent: 3.5em;
}

/*----------------*/
/* Give color on Order Management Report as STP have X option*/
.stp_option_selected {
  background-color: #97BEDF;
}

/* Give color on Order Management Report as STP have X option*/
.edit_order_prop_background {
  background: #fbfcfd;
}

/*Reorder Review Page highlighter: Start*/
.old_row_background {
  background-color: #f5edba !important;
}

.new_row_background {
  background-color: #d9f7d2 !important;
}

/*Reorder Review Page highlighter: End*/
/* Color classes for LasX Production Report: Start */
.lpr_light_red {
  background-color: #F4CCCC !important;
}

.lpr_red {
  background-color: #990000 !important;
}

.lpr_light_green {
  background-color: #D6E7D0 !important;
}

.lpr_green {
  background-color: #38761D !important;
}

.lpr_light_blue {
  background-color: #CFE2F3 !important;
}

.lpr_blue {
  background-color: #3D85C6 !important;
}

.lpr_white_font {
  color: #FFFFFF !important;
}

.lpr_black_font {
  color: #000000 !important;
}

.lpr_violet {
  background-color: #674EA7 !important;
}

.lpr_cyan {
  background-color: #99f8ff !important;
}

.lpr_brown_yellow {
  background-color: #F6D07E !important;
}

.lpr_pesta {
  background-color: #90D791 !important;
}

.lpr_grey {
  background-color: #D9D9D9 !important;
}

.lpr_red_font {
  color: #990000 !important;
}

.lpr_light_pink {
  background-color: #EABCE5 !important;
}

/* Color classes for LasX Production Report: End */
/* Background color for prop related panel area during editing the order */
.prop_panel_background {
  background: #c8cdd6;
}

/* Vue description boxes line breaks hack: Start */
.vue_nl2br {
  white-space: pre-line !important;
  word-break: normal !important;
}

/* Vue description boxes line breaks hack: End */
/* HTML description boxes nl2br helper hack: Start */
.nl2br_helper {
  word-break: normal !important;
}

/* HTML description boxes nl2br helper hack: End */
.m-0 {
  margin: 0 !important;
}

.anchor-disabled {
  cursor: default !important;
  pointer-events: none;
}

.anchor-disabled .substitute_section, .anchor-disabled .prop_remove_btn {
  cursor: pointer !important;
  pointer-events: auto !important;
}

.btn-group > .dropdown-menu, .dropdown-toggle > .dropdown-menu, .dropdown > .dropdown-menu {
  margin-top: 10px;
}

.btn-white {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.multiselect-container > li > a > label {
  padding: 3px 5px 3px 36px !important;
}

.btn-group .dropdown-menu:before {
  position: absolute;
  top: -8px;
  left: 9px;
  right: auto;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e0e0e0;
  border-left: 8px solid transparent;
  content: '';
}

.btn-group .dropdown-toggle .dropdown-menu:before {
  position: absolute;
  top: -8px;
  left: 9px;
  right: auto;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e0e0e0;
  border-left: 8px solid transparent;
  content: '';
}

.btn-group .dropdown .dropdown-menu:before {
  position: absolute;
  top: -8px;
  left: 9px;
  right: auto;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e0e0e0;
  border-left: 8px solid transparent;
  content: '';
}

.btn-group .dropdown-menu:after {
  position: absolute;
  top: -7px;
  left: 10px;
  right: auto;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: '';
}

.btn-group .dropdown-toggle .dropdown-menu:after {
  position: absolute;
  top: -7px;
  left: 10px;
  right: auto;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: '';
}

.btn-group .dropdown .dropdown-menu:after {
  position: absolute;
  top: -7px;
  left: 10px;
  right: auto;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: '';
}

@media only screen and (max-width: 991px) {
  .text-md-center {
    text-align: center;
    padding-bottom: 10px;
  }
}

.table-transparent {
  background-color: transparent !important;
}

.no-table-border thead tr th, .no-table-border thead tr td, .no-table-border tbody tr th, .no-table-border tbody tr td {
  border: none !important;
}

.external-footer {
  background: #4d5d6f !important;
}

.text-black {
  color: black !important;
}

.nav_background {
  height: 150px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -o-background-size: cover;
}

.navbar-logo {
  height: 150px;
  float: none;
  display: inline-block;
  vertical-align: top;
}

.navbar-logo .navbar-logo-img {
  height: auto;
  float: left;
  max-height: 150px;
}

video {
  display: block;
  position: relative;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
  width: 100%;
  max-height: 300px;
  height: auto !important;
}

.card-container video {
  display: block;
  position: relative;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
  width: 100%;
  max-height: 225px !important;
  height: auto !important;
}

.scroll-to-bottom {
  color: #657383;
  padding: 2px;
  text-align: center;
  position: fixed;
  z-index: 10001;
  top: 210px;
  display: block;
  right: 20px;
}

.scroll-to-bottom > i {
  display: inline-block;
  font-size: 32px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.scroll-to-bottom:hover {
  cursor: pointer;
}

.scroll-to-bottom:hover > i {
  opacity: 1;
  filter: alpha(opacity=100);
}

@media (max-width: 991px) {
  /* 991px */
  .scroll-to-bottom {
    right: 10px;
  }
  .scroll-to-bottom > i {
    font-size: 32px;
  }
}

.view_value_package {
  text-decoration: none;
  color: white;
  font-size: 17px;
}

/* To create badge for shipping type in orders grid: start*/
.kt-badge {
  padding: 0;
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  width: 18px;
  border-radius: 50%;
  font-size: 1.1rem;
}

.kt-badge.kt-badge--success {
  color: #ffffff;
  background: #1dc9b7;
}

.kt-badge.kt-badge--inline {
  height: 30px;
  width: auto;
  padding: 0.75rem 0.75rem;
  border-radius: 2px;
}

.kt-badge.kt-badge--pill {
  border-radius: 2rem;
}

/* Badge : end*/
/* Detailed Sales Report: Deleted Designers background: Start*/
.deleted_designer {
  background-color: #fde6e6 !important;
}

.deleted_designer:hover > a, .deleted_designer.active > a, .deleted_designer.active:hover > a {
  background-color: #f9d2d2 !important;
}

.deleted_designer.active > a > label > input[type=checkbox] {
  accent-color: #e14040 !important;
}

/* Detailed Sales Report: Deleted Designers background: End*/
/* Order Payment Statement: for hold status: Start*/
.order_payment_hold_background {
  background-color: #add8e6 !important;
}

table.datatable_table tbody tr.order_payment_hold_background {
  background-color: #add8e6 !important;
}

/* Order Payment Statement: for hold status: End*/
/* xl modal size for order payment statement */
.modal-xl {
  width: 1000px !important;
}

.anchor-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Order Payment Statement: for hold status: Start*/
.order_payment_pending_verification_background {
  background-color: #ffe5b4 !important;
}

table.datatable_table tbody tr.order_payment_pending_verification_background {
  background-color: #ffe5b4 !important;
}

/* Order Payment Statement: for hold status: End*/