@import "../css/animate.css";
@import "../css/bootstrap.min.css";
@import "../css/themefonts.css";
@import "../css/custom-icon-fonts.css";
@import "../css/font-awesome.min.css";
@import "../css/bootstrap-datepicker.min.css";
@import "../css/daterangepicker.css";
@import "../css/ionicons.min.css";
@import "../css/bootstrap-select.min.css";
@import "../css/clockpicker.min.css";
@import "../plugins/select2/css/select2.min.css";
@import "../plugins/select2/css/bootstrap-multiselect.css";
/* Import Less Files */
/* Font Family */
/* Layout */
/* Responsive */
/* Mixins */
/* CSS Property */
/* Colors */
/* Message Colors */
/* Menu */
/* menu-height */
/* TypoGraphy Colors */
/* Mixins */
.primary_white {
  background: #ff4e50;
  color: #fff;
}
/* Mixin Gradient */
.gradient_primary {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
}
.gradient_secondary {
  background-image: linear-gradient(315deg, #fe8b47, #fe6a47 65%, #ff4e50);
}
.gradient_green {
  background-image: linear-gradient(to right, #13bcae, #38ef7d);
}
.gradient_yellow {
  background-image: linear-gradient(to right, #f7971e, #ffd200);
}
.gradient_pink_dark {
  background-image: linear-gradient(to right, #da4453, #89216b);
}
.gradient_animation_primary {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}
.gradient_primary_light {
  background-image: linear-gradient(91deg, #ff8b86, #ff524e);
}
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* Mixin Text Gradient */
.gradient_text_primary {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(-180deg, #00dfa5, #00ede2);
}
/* No Animation Effect */
.animation_none {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}
/* Move Effect */
.animation_move {
  -webkit-animation: toBottomFromTop 450ms forwards;
  -moz-animation: toBottomFromTop 450ms forwards;
  animation: toBottomFromTop 450ms forwards;
}
@-webkit-keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toBottomFromTop {
  49% {
    -moz-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toBottomFromTop {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
/******************************************************************************
                            E-Yatra CSS SetUp
*******************************************************************************/
/* Separate Colors */
/* Mixin Gradient */
.separate_gradient_primary {
  background-image: linear-gradient(107deg, #313355, #585b9b);
}
.separate_gradient_secondary {
  background-image: linear-gradient(315deg, #fe8b47, #fe6a47 65%, #ff4e50);
}
.separate_gradient_green {
  background-image: linear-gradient(to right, #13bcae, #38ef7d);
}
.separate_gradient_yellow {
  background-image: linear-gradient(to right, #f7971e, #ffd200);
}
.separate_gradient_pink_dark {
  background-image: linear-gradient(to right, #da4453, #89216b);
}
.separate_gradient_animation_primary {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}
.separate_gradient_primary_light {
  background-image: linear-gradient(91deg, #ff8b86, #ff524e);
}
/* Import Less File */
/* =================================================================== 
						NAVIGATION MENU
======================================================================*/
header .navbar-default {
  background: #f9f9f9;
  margin-bottom: 0;
  height: 55px;
}
header .navbar-default .navbar-brand {
  height: 55px;
  line-height: 40px;
  padding: 8px 20px 8px 10px;
}
@media only screen and (min-width: 768px) {
  header .navbar-default .navbar-brand {
    margin-left: 0 !important;
  }
}
header .navbar-default .navbar-brand > img {
  display: inline-block;
  /* line-height: @menu_height;
                width: 150px; */
  height: 39px;
  vertical-align: top;
  /* @media @min_767 {
                    border-right: 1px solid @color_border;
                    padding-right: 30px;
                } */
}
header .navbar-default .navbar-nav {
  background-color: #ffffff;
}
header .navbar-default .navbar-nav.navbar-right {
  padding-right: 0px;
}
header .navbar-default .navbar-nav > li > a {
  padding: 10px 20px;
  font-weight: 600;
  background: transparent;
  background-image: none;
  color: #3c465c;
  line-height: 33px;
  -webkit-transition: all ease-in-out 0ms;
  -moz-transition: all ease-in-out 0ms;
  -ms-transition: all ease-in-out 0ms;
  -o-transition: all ease-in-out 0ms;
  transition: all ease-in-out 0ms;
  cursor: pointer;
}
header .navbar-default .navbar-nav > li > a:hover,
header .navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  -webkit-transition: all ease-in-out 0ms;
  -moz-transition: all ease-in-out 0ms;
  -ms-transition: all ease-in-out 0ms;
  -o-transition: all ease-in-out 0ms;
  transition: all ease-in-out 0ms;
}
header .navbar-default .navbar-nav > li.open > a {
  color: #ffffff;
}
header .navbar-default .navbar-nav > li.open > a:hover,
header .navbar-default .navbar-nav > li.open > a:focus {
  color: #ffffff;
}
header .navbar-default .navbar-nav > li.active > a {
  color: #ffffff;
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  -webkit-transition: all ease-in-out 350ms;
  -moz-transition: all ease-in-out 350ms;
  -ms-transition: all ease-in-out 350ms;
  -o-transition: all ease-in-out 350ms;
  transition: all ease-in-out 350ms;
}
header .navbar-default .navbar-nav > li.active > a:hover,
header .navbar-default .navbar-nav > li.active > a:focus {
  color: #ffffff;
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  -webkit-transition: all ease-in-out 350ms;
  -moz-transition: all ease-in-out 350ms;
  -ms-transition: all ease-in-out 350ms;
  -o-transition: all ease-in-out 350ms;
  transition: all ease-in-out 350ms;
}
header .navbar-default .navbar-nav > li.notify a {
  border-right: 1px solid #eeeeee;
  padding: 3px 0px;
}
header .navbar-default .navbar-nav > li.notify a i {
  font-size: 24px;
}
header .navbar-default .navbar-nav > li.notify a i.custom-icon {
  font-size: 45px;
  vertical-align: middle;
}
header .navbar-default .navbar-nav > li.profile > a {
  line-height: 33px;
  padding: 0px 0px 0px 20px;
  background: transparent;
  color: #3c465c;
}
header .navbar-default .navbar-nav > li.profile > a .user-details {
  display: inline-block;
  line-height: 1.3;
  padding: 8px 0;
  vertical-align: middle;
  text-align: right;
}
header .navbar-default .navbar-nav > li.profile > a small {
  display: inline-block;
  line-height: 1;
  font-size: 75%;
  color: #cccccc;
}
header .navbar-default .navbar-nav > li.profile > a:hover,
header .navbar-default .navbar-nav > li.profile > a:focus {
  background-image: none;
  color: #3c465c;
}
header .navbar-default .navbar-nav > li.profile .profile-pic {
  max-width: 53px;
  height: 53px;
  display: inline-block;
  margin-left: 20px;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.menu-divider {
  min-width: 280px;
  word-break: break-all;
  white-space: initial;
  padding: 15px 0;
  float: left;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border-bottom: 1px solid #fd7d40;
  margin-top: 3px;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.menu-divider > li {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.menu-divider > li > a {
  padding: 5px 15px;
  background: transparent;
  color: #3c465c;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.menu-divider > li > a:hover {
  background: transparent;
  color: #fe6a47;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.menu-divider > li.active a {
  background-image: linear-gradient(315deg, #fe8b47, #fe6a47 65%, #ff4e50);
  color: #fff;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.divider-menu {
  min-width: 280px;
  word-break: break-all;
  white-space: initial;
  padding: 10px 0;
  float: left;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border-bottom: 1px solid #fd7d40;
  margin-top: 3px;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.divider-menu > li {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.divider-menu > li > a {
  padding: 5px 15px;
  background: transparent;
  color: #3c465c;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.divider-menu > li > a:hover {
  background: transparent;
  color: #fe6a47;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.divider-menu > li.active > a {
  background-image: linear-gradient(315deg, #fe8b47, #fe6a47 65%, #ff4e50);
  color: #fff;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu .dropdown-toggle {
  word-break: break-all;
  white-space: initial;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu .dropdown-toggle.btn-dropdown i:before {
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu .dropdown-toggle.btn-dropdown:hover i:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu .dropdown-toggle.btn-dropdown.in i:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu {
  top: 0;
  right: 101%;
  left: auto;
  background: #fff;
  word-break: break-all;
  white-space: initial;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border-bottom: 1px solid #fd7d40;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu > li {
  background: transparent;
  color: #3c465c;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu > li > a {
  padding: 5px 30px;
  background: #fff;
  color: #3c465c;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu > li > a.sub-list {
  /* background: transparent; */
  color: #3c465c;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu > li > a:hover {
  background: transparent;
  color: #fe6a47;
}
header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu > li.active > a {
  background-image: linear-gradient(315deg, #fe8b47, #fe6a47 65%, #ff4e50);
  color: #fff;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
@media only screen and (max-width: 990px) {
  header .navbar-default .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu {
    position: absolute;
    left: 0;
    right: 0;
  }
}
@media only screen and (min-width: 991px) {
  header .navbar-default .navbar-nav > li.dropdown a:hover + .dropdown-menu {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  header .navbar-default .navbar-nav > li.dropdown .dropdown-menu:hover {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@media only screen and (max-width: 990px) {
  header .navbar-default .navbar-nav .open > .dropdown-menu {
    position: static;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  header .navbar-default .navbar-nav .open > .dropdown-menu .open > .dropdown-menu.subdropdown-menu {
    position: static;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
}
/* Nav Bar Toggle */
.navbar-default .navbar-toggle {
  /* background-color: transparent; */
  /* border-color: transparent; */
}
.navbar-toggle-icon {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
}
.navbar-toggle-icon:active,
.navbar-toggle-icon:focus {
  background-color: transparent;
}
/* Icon 2 */
.navbar-toggle-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #767676;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.navbar-toggle-icon span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}
.navbar-toggle-icon span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px;
}
.navbar-toggle-icon span:nth-child(1),
.navbar-toggle-icon span:nth-child(2) {
  top: 10px;
}
.navbar-toggle-icon span:nth-child(3),
.navbar-toggle-icon span:nth-child(4) {
  top: 20px;
}
.navbar-toggle-icon span:nth-child(5),
.navbar-toggle-icon span:nth-child(6) {
  top: 30px;
}
.navbar-toggle-icon:hover span {
  background: #ff4e50;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.navbar-toggle-icon.open span {
  background: #ff4e50;
}
.navbar-toggle-icon.open span:nth-child(1),
.navbar-toggle-icon.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navbar-toggle-icon.open span:nth-child(2),
.navbar-toggle-icon.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.navbar-toggle-icon.open span:nth-child(1) {
  left: 5px;
  top: 13px;
}
.navbar-toggle-icon.open span:nth-child(2) {
  left: calc(45%);
  top: 13px;
}
.navbar-toggle-icon.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
.navbar-toggle-icon.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
.navbar-toggle-icon.open span:nth-child(5) {
  left: 5px;
  top: 26px;
}
.navbar-toggle-icon.open span:nth-child(6) {
  left: calc(45%);
  top: 26px;
}
.navbar-toggle-icon.open:hover span {
  background: #ff4e50;
}
/* Bootstrap Animation */
.dropdown.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.dropdown .dropdown-menu {
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform: scale(1, 0);
  display: block;
  transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
}
/* =================================================================== 
						Mobile MENU
======================================================================*/
header .navbar-default .navbar-header {
  position: relative;
}
header .navbar-default .navbar-toggle {
  background: transparent;
  border: none;
  padding: 10px 0;
}
header .navbar-default .navbar-toggle:hover,
header .navbar-default .navbar-toggle:focus,
header .navbar-default .navbar-toggle.active {
  background: transparent;
  border: none;
}
header .navbar-default .navbar-toggle-icon {
  top: 5px;
  right: 0px;
}
header .navbar-default .custom-navbar-collapse {
  position: fixed;
  z-index: 999;
  right: 0;
  top: 0;
  padding: 25px 15px 20px;
  width: 100%;
  height: calc(100vh);
  overflow: auto;
  background-color: #ffffff;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
header .navbar-default .custom-navbar-collapse.in {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
header .navbar-default .custom-navbar-collapse-drop {
  content: "";
  width: 100%;
  height: calc(100vh);
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  right: 0;
  top: 0;
  display: none;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  z-index: 998;
}
header .navbar-default .custom-navbar-collapse-drop.in {
  display: inline-block;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
header .navbar-default .custom-navbar-collapse-block {
  position: relative;
}
header .navbar-default .custom-navbar-collapse-block .profile-block {
  margin-bottom: 30px;
}
header .navbar-default .custom-navbar-collapse-block .profile-block .btn-toggle-close {
  position: absolute;
  right: -15px;
  top: -45px;
  border-radius: 0;
}
header .navbar-default .custom-navbar-collapse-block .profile-block .btn-toggle-close i {
  font-size: 18px;
}
header .navbar-default .custom-navbar-collapse-block .profile-block img {
  max-width: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 15px;
  margin-top: 20px;
}
header .navbar-default .custom-navbar-collapse-block .profile-block .user-details {
  font-size: 16px;
  font-weight: 600;
  color: #3c465c;
}
header .navbar-default .custom-navbar-collapse-block .profile-block .user-details span {
  display: block;
  font-size: 16px;
  line-height: 1.1;
  color: #cccccc;
}
header .navbar-default .custom-navbar-collapse-block .profile-block .profile-button {
  padding: 20px 0 0 0;
}
header .navbar-default .custom-navbar-collapse-block .profile-block .profile-button .btn-rnd {
  min-width: 110px;
  font-size: 12px;
  position: relative;
  padding: 10px 0;
  margin: 0 5px;
  margin-top: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  color: #fd7d40;
  border: 1px solid #fd7d40;
}
header .navbar-default .custom-navbar-collapse-block .profile-block .profile-button .btn-rnd.custom-icon-btn {
  padding: 0 20px;
}
header .navbar-default .custom-navbar-collapse-block .profile-block .profile-button .btn-rnd.custom-icon-btn i.custom-icon {
  font-size: 40px;
  vertical-align: middle;
  margin-left: 0;
}
header .navbar-default .custom-navbar-collapse-block .profile-block .profile-button .btn-rnd:hover {
  background: #fd7d40;
  color: #fff;
}
header .navbar-default .custom-navbar-collapse-block .profile-block .profile-button .btn-rnd.red {
  color: #ea4335;
  border: 1px solid #ea4335;
}
header .navbar-default .custom-navbar-collapse-block .profile-block .profile-button .btn-rnd.red:hover {
  background: #ea4335;
  color: #fff;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav {
  margin: 0;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li {
  padding: 0 15px;
  float: left;
  text-align: left;
  border-bottom: solid 1px #eeeeee;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li > a {
  line-height: 40px!important;
  text-align: left;
  display: inline-block;
  width: 100%;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li > a i {
  float: right;
  vertical-align: middle;
  top: 5px;
  position: relative;
  font-size: 30px;
  color: #ff4e50;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li > a span {
  margin-right: 5px;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li > a:hover i,
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li > a:focus i {
  color: #fff;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown.open > a {
  background-image: linear-gradient(315deg, #fe8b47, #fe6a47 65%, #ff4e50);
  color: #fff;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown.open > a > i {
  color: #fff;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.divider-menu,
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu {
  width: 100%;
  padding: 0;
  padding-left: 20px;
  margin-top: 0;
  background: #f6f6f6;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.divider-menu > li,
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu > li {
  border-bottom: 1px solid #e7e7e7;
  /* float: none; */
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.divider-menu > li > a,
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu > li > a {
  color: #3c465c;
  padding-right: 22px;
  padding-left: 15px;
  background: #f6f6f6;
  border-left: 1px solid #e7e7e7;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.divider-menu > li > a > i,
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu > li > a > i {
  float: right;
  font-size: 20px;
  line-height: 1;
  color: #ff4e50;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.divider-menu > li > a:hover,
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu > li > a:hover {
  color: #ff4e50;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.divider-menu > li > a:hover > i:before,
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu > li > a:hover > i:before {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.divider-menu > li:last-child,
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu > li:last-child {
  border-bottom: 0;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.divider-menu > li.open > a,
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu > li.open > a {
  color: #ff4e50;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.dropdown .dropdown-menu.subdropdown-menu {
  border-top: 1px solid #e7e7e7;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li:hover > a > i,
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li.active > a > i {
  color: #fff;
}
header .navbar-default .custom-navbar-collapse-block .navbar-nav > li ul li:last-child {
  border-bottom: 0;
}
/* Import Css files */
/* Select CSS */
/* Custom Less */
.table.item-table > tbody > tr {
  border-bottom: 0;
}
.table.item-table > tbody > tr > td {
  position: relative;
  padding: 3px 3px;
  /* &.actions {
                        width: 8%;
                        a{
                            float: left;
                            margin: 5px;
                            .dataTable-icon {
                                padding: 7px;
                                font-size: 14px;
                                .radius(5px);
                                &.edit {
                                    color: @color_secondary_light;
                                    border: 1px solid @color_secondary_light;
                                    &:hover, &:focus {
                                        color: #ffffff;
                                        background: @color_secondary_light;
                                    }
                                }
                                &.delete {
                                    color: @color_error;
                                    border: 1px solid @color_error;
                                    &:hover, &:focus {
                                        color:#ffffff;
                                        background:  @color_error;
                                    }
                                }
                            }
                        }
                    } */
}
.table.item-table > tbody > tr > td .table-data-box {
  background-color: #fd7d40;
  padding: 6px 20px;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.table.item-table > tbody > tr > td .table-data-box p {
  color: #ffffff;
  text-align: center;
}
.table.item-table > tbody > tr > td .table-error {
  font-size: 10px;
  color: #ea4335;
  position: absolute;
  bottom: 0;
  left: 6px;
  right: 0;
  margin: 0 auto;
  display: inline-block;
}
.table.item-table > tbody > tr > td .table-btm-brand {
  position: absolute;
  bottom: -5px;
  left: 1px;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  font-size: 8px;
  font-weight: bold;
  background-color: #fd7d40;
  color: #ffffff;
  width: 43px;
  padding: 0px 3px;
  cursor: pointer;
}
.table.item-table > tbody > tr > td .table-img {
  width: 44px;
  margin: 5px;
}
.table.item-table > tbody > tr > td .table-img img {
  display: block;
  max-width: 100%;
}
.table.item-table > tbody > tr > td .table-body-img {
  width: 35px;
}
.table.item-table > tbody > tr > td .btn-add {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px;
}
.table.item-table > tbody > tr > td .btn-add i {
  margin-right: 10px;
}
.table.item-table > tbody > tr > td .btn-border {
  padding: 5px 10px;
}
.table.item-table > tbody > tr > td .btn-border i {
  font-size: 16px;
  margin-right: 0;
}
.table.item-table > tbody > tr > td .popover__wrapper {
  position: relative;
  display: inline-block;
  height: 45px;
}
.table.item-table > tbody > tr > td .popover__wrapper a {
  text-decoration: none;
}
.table.item-table > tbody > tr > td .table-data-bold {
  color: #fd7d40;
  font-weight: 900;
  font-size: 14px;
}
.table.item-table > tbody > tr > td .table-data-highlight {
  color: #fd7d40;
  min-width: 100px;
}
.table.item-table > tbody > tr > td .description {
  font-size: 14px;
  text-align: left;
}
.table.item-table > tbody > tr > td.table-view .modal-view {
  cursor: pointer;
}
.table.item-table > tbody > tr > td.table-view .modal-view img {
  width: 30px;
}
.table.item-table > tbody > tr > td.table-view .download-icon {
  cursor: pointer;
}
.table.item-table > tbody > tr > td.table-view .download-icon img {
  width: 30px;
  /* margin: 0 auto; */
}
/* Popover Content (tool-tip)*/
.popover-content {
  padding: 15px;
  width: 461px;
  /* &.tooltip-content {
        width: 180px;
        &.tooltip-medium {
            width: 350px;
        }
        .popover-message {
            text-align: center;
            label {
                font-size: 16px;
                color: #fff;
                margin-bottom: 10px;
                font-weight: 400;
            }
            input[type="text"] {
                text-align: center;
            }
        }
        .text-right {
            .btn {
                position: absolute;
                top: -30px;
                right: -80px;
                padding: 0;
                background: transparent;
                i {
                    color: #fff;
                    font-size: 16px;
                    font-weight: 700; 
                }
            }
        }
        .text-center {
            .btn-white {
                background: #fff;
                color: @color_secondary_light;
                font-weight: 700;
                &:hover {
                    background: @color_secondary_light;
                    color: #fff;
                }
            }
        }
    } */
}
.popover-content img {
  margin-bottom: 20px;
}
.popover-content .popover-message {
  text-align: left;
}
.popover-content .popover-message .form-group p {
  padding-bottom: 15px;
  color: #ffffff;
}
.popover-content .popover-message .form-group p .popover-description {
  padding-bottom: 0;
}
/* Tooltip CSS */
#mcTooltip {
  background-color: #3c465c;
  background-image: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
#mcTooltip div[class^="col-"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#mcTooltipWrapper > #mcTooltip > .mcTooltipInner > a {
  display: none!important;
}
/* Opacity */
.opacity-0 {
  opacity: 0;
  display: block;
}
/* Page Side Wrapper */
.page-side-wrapper-drop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.page-side-wrapper-drop.fade {
  opacity: 0;
  display: none;
}
.page-side-wrapper-drop.fade.in {
  opacity: 0.2;
  display: block;
}
.page-side-wrapper {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1050;
  width: 95%;
  height: 100vh;
  background-color: #ffffff;
  padding: 20px;
  overflow: auto;
  margin: 0 0 0 auto;
  -webkit-box-shadow: 0 0px 9px 0 rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 0px 9px 0 rgba(0, 0, 0, 0.45);
  -ms-box-shadow: 0 0px 9px 0 rgba(0, 0, 0, 0.45);
  -o-box-shadow: 0 0px 9px 0 rgba(0, 0, 0, 0.45);
  box-shadow: 0 0px 9px 0 rgba(0, 0, 0, 0.45);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all ease-in-out 0.9s;
  -moz-transition: all ease-in-out 0.9s;
  -ms-transition: all ease-in-out 0.9s;
  -o-transition: all ease-in-out 0.9s;
  transition: all ease-in-out 0.9s;
}
.page-side-wrapper.in {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all ease-in-out 0.9s;
  -moz-transition: all ease-in-out 0.9s;
  -ms-transition: all ease-in-out 0.9s;
  -o-transition: all ease-in-out 0.9s;
  transition: all ease-in-out 0.9s;
}
.page-side-wrapper .page-side-header {
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
}
.page-side-wrapper .page-side-header .title {
  font-size: 22px;
  font-weight: 900;
  line-height: 44px;
  color: #3c465c;
  margin-bottom: 0;
  display: inline-block;
}
.page-side-wrapper .page-side-header .btn-close {
  float: right;
}
.page-side-wrapper .page-side-header .form-group .input-group .form-control {
  border-right: 0;
}
.page-side-wrapper .page-side-header .form-group .input-group .input-group-btn .btn-field-close {
  opacity: 0;
}
.page-side-wrapper .page-side-header .form-group .input-group .input-group-btn .btn-field-close i:before {
  color: #eeeeee;
}
.page-side-wrapper .page-side-header .form-group .input-group .input-group-btn .btn-field-close i:hover:before {
  color: #ea4335;
}
.page-side-wrapper .page-side-header .form-group .input-group.focus .input-group-btn {
  border-color: #fd7d40;
}
.page-side-wrapper .page-side-header .form-group .input-group.focus .input-group-btn.focus {
  border-color: #fd7d40;
}
.page-side-wrapper .page-side-header .form-group .input-group.focus .input-group-btn .btn-field-close {
  opacity: 1;
}
.page-side-wrapper .page-side-body {
  padding: 30px 0;
  border-bottom: 1px solid #eeeeee;
}
.page-side-wrapper .page-side-body .page-side-inner .alternative-item-img {
  width: 200px;
  height: 200px;
}
.page-side-wrapper .page-side-body .page-side-inner .form-group {
  margin-bottom: 30px;
}
.page-side-wrapper .page-side-body .page-side-inner .form-group .form-control {
  border-color: transparent;
  display: inline-block;
  padding: 0;
}
.page-side-wrapper .page-side-body .page-side-inner .form-group .input-group-btn {
  right: 60px;
}
.page-side-wrapper .page-side-body .page-side-inner .form-group .input-group-btn .btn-default {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 10px;
}
.page-side-wrapper .page-side-body .page-side-inner .gst-value p {
  display: inline-block;
  margin-right: 20px;
  color: #aaaaaa;
}
.page-side-wrapper .page-side-footer {
  padding: 30px 0 10px;
}
.page-side-wrapper .page-side-footer .title {
  font-size: 18px;
  font-weight: 400;
  color: #fd7d40;
}
.page-side-wrapper .page-side-footer .alternative-parts-details .table {
  border-color: transparent;
  border-collapse: separate;
}
.page-side-wrapper .page-side-footer .alternative-parts-details .table > thead > tr > th {
  border-color: transparent;
  border-collapse: separate;
}
.page-side-wrapper .page-side-footer .alternative-parts-details .table > tbody > tr > td {
  border-color: #eeeeee;
  border-collapse: separate;
}
.page-side-wrapper .page-side-footer .alternative-parts-details .table > tbody > tr > td .alter-part-img {
  width: 50px;
  margin: auto;
}
.page-side-wrapper .page-side-footer .alternative-parts-details .table > tbody > tr > td.parts-list p {
  color: #fd7d40;
  font-weight: 800;
}
.page-side-wrapper .page-side-footer .alternative-parts-details .table > tbody > tr > td.highlited:hover {
  color: #ffffff;
  background-color: #fd7d40;
}
.page-side-wrapper .page-side-footer .alternative-parts-details .table > tbody > tr:hover > td {
  background-color: #f9f9f9;
}
/* Header Form Control */
.header-form-control h6 {
  color: #ff4e50;
  display: inline-block;
  margin-bottom: 0;
}
.header-form-control .form-group label {
  display: inline-block;
  line-height: 50px;
  margin-right: 10px;
}
.header-form-control .form-group .select2-container {
  width: 193px!important;
  display: inline-block;
  text-align: left;
}
.header-form-control .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  line-height: 48px;
  color: #fff;
}
.header-form-control .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent;
  -webkit-transition: all ease 350ms;
  -moz-transition: all ease 350ms;
  -ms-transition: all ease 350ms;
  -o-transition: all ease 350ms;
  transition: all ease 350ms;
}
.header-form-control .form-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 4px 0 4px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all ease 350ms;
  -moz-transition: all ease 350ms;
  -ms-transition: all ease 350ms;
  -o-transition: all ease 350ms;
  transition: all ease 350ms;
}
/* Check Box */
.checkbox {
  display: inline-block;
  position: relative;
  margin: 0;
}
.checkbox label {
  cursor: pointer;
  margin-left: 10px;
  line-height: 1;
  font-size: 14px;
  color: #ff4e50;
}
.checkbox label:after,
.checkbox label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.checkbox label:before {
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #ff4e50;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
  top: 15px;
}
.checkbox input[type="checkbox"] {
  outline: 0;
  margin-left: 3px;
  margin-right: 0;
  line-height: 1;
  margin-top: 20px;
}
.checkbox.parent > label {
  font-size: 16px;
  color: #ff4e50;
}
.checkbox input[type="checkbox"]:checked + label:before {
  background: #ff4e50;
  border: none;
}
.checkbox input[type="checkbox"]:checked + label:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 20px;
  left: 4px;
  width: 12px;
  height: 6px;
  border: 2px solid #fff;
  border-top-style: none;
  border-right-style: none;
}
.checkbox-set .checkbox-set {
  padding-left: 20px;
}
/* Card Boxed */
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-hidden .card-boxed {
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 15px 30px 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  height: auto;
  margin-bottom: 20px;
  position: relative;
  /* .btn {
            margin-bottom: 30px;
        } */
}
.overflow-y-hidden .card-boxed .card-button {
  display: flex;
}
.overflow-y-hidden .card-boxed .card-button li {
  float: left;
  width: 50%;
  margin-right: 15px;
}
.overflow-y-hidden .card-boxed .card-button li:nth-last-child(1) {
  float: right;
  margin-right: 0;
}
.overflow-y-hidden .card-boxed .title {
  color: #3c465c;
  font-size: 24px;
  font-weight: 900;
  line-height: 2;
  padding-bottom: 15px;
  border-bottom: solid 1px #eeeeee;
}
.overflow-y-hidden .card-boxed .card-item {
  padding: 10px 0 0;
}
.overflow-y-hidden .card-boxed .card-item .input-group .form-control {
  padding-left: 20px;
}
.overflow-y-hidden .card-boxed .card-item .input-group .btn-circle {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.overflow-y-hidden .card-boxed .card-item .input-group .btn-circle-active {
  display: none;
}
.form-control.overflow-y-hidden .card-boxed .card-item .input-group .btn-circle-active {
  border-right: 1px solid #ff4e50;
}
.overflow-y-hidden .card-boxed .card-item .input-group .btn-over {
  display: none;
}
.overflow-y-hidden .card-boxed .card-item .input-group .btn-over-active {
  display: block;
  background: #fff;
  border: 1px solid #3c465c;
  line-height: 32px;
  border-left: 0;
  padding: 8px 20px;
}
.overflow-y-hidden .card-boxed .card-item .input-group .btn-over-active i {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  padding: 8px 8px 2px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.overflow-y-hidden .card-boxed .card-item .input-group .btn-over-active i:before {
  color: #aaaaaa;
}
.overflow-y-hidden .card-boxed .card-item .input-group .btn-over-active i:hover {
  border: 0;
  background: #f1f1f1;
  cursor: pointer;
}
.overflow-y-hidden .card-boxed .card-item .input-group .btn-over-active i:hover:before {
  color: #e52b20;
  padding: 5px 0px 2px;
}
.overflow-y-hidden .card-boxed .card-item .input-group .btn-over-active:hover {
  cursor: default;
}
.overflow-y-hidden .card-boxed .card-block {
  border-radius: 4px;
  background-color: #f9f9f9;
  text-align: center;
  margin-bottom: 20px;
}
.overflow-y-hidden .card-boxed .card-block p {
  padding: 20px;
  font-weight: 700;
}
.overflow-y-hidden .card-boxed .text-center .btn {
  margin-right: 15px;
}
.overflow-y-hidden .card-boxed .text-center .btn-red {
  padding: 15px 30px;
  background: #fff;
  border: 1px solid #e52b20;
  color: #e52b20;
}
.overflow-y-hidden .card-boxed .text-center .btn-red i {
  margin-right: 10px;
}
.overflow-y-hidden .card-boxed .text-center .btn-red:hover {
  background: #e52b20;
  color: #fff;
}
.overflow-y-hidden .card-boxed .text-center .btn-yellow {
  padding: 15px 30px;
  background: #fff;
  border: 1px solid #ffbf2f;
  color: #ffbf2f;
}
.overflow-y-hidden .card-boxed .text-center .btn-yellow i {
  margin-right: 10px;
}
.overflow-y-hidden .card-boxed .text-center .btn-yellow:hover {
  background: #ffbf2f;
  color: #fff;
}
.overflow-y-hidden .card-transition {
  opacity: 0;
  position: relative;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  top: 150px;
}
.overflow-y-hidden .card-transition-active {
  opacity: 1;
  top: 0px;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.overflow-y-hidden .card-button {
  opacity: 1;
  position: relative;
  top: 0;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.overflow-y-hidden .card-button-active {
  opacity: 0;
  position: absolute;
  top: -350px;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.card-center .card-progress {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.card-center .card-progress-active {
  -webkit-transform: translate(-50%, 1%);
  -moz-transform: translate(-50%, 1%);
  -ms-transform: translate(-50%, 1%);
  -o-transform: translate(-50%, 1%);
  transform: translate(-50%, 1%);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
/* Progress Bar */
.skills {
  background-color: #ddd;
  width: 100%;
  height: 15px;
  position: relative;
  margin: 50px 0;
  border-radius: 10px;
}
.skills span {
  position: absolute;
  text-align: center;
  margin: auto;
  left: 0;
  right: 0;
  top: -40px;
  color: #3c465c;
  font-weight: 700;
}
.skills .skillbar {
  background-color: #fe6a47;
  width: 0px;
  height: 15px;
  border-radius: 10px;
}
/* Stock Search */
.search-stock .text-center .title {
  color: #fd7d40;
  font-weight: 700;
}
.search-stock .alternative-parts-details.parts-list {
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e1e1e1;
}
.search-stock .alternative-parts-details .table {
  border-color: transparent;
  border-collapse: separate;
}
.search-stock .alternative-parts-details .table > thead > tr > th {
  border-color: transparent;
  border-collapse: separate;
  color: #767676;
}
.search-stock .alternative-parts-details .table > tbody > tr {
  margin-bottom: 10px;
  border-bottom: 1px solid #e1e1e1e1;
}
.search-stock .alternative-parts-details .table > tbody > tr > td {
  border: 1px solid #e1e1e1e1;
  border-color: #e1e1e1e1;
  border-collapse: separate;
  border-right: 0;
}
.search-stock .alternative-parts-details .table > tbody > tr > td .alter-part-img {
  width: 50px;
  margin: auto;
  display: block;
  float: left;
  margin-right: 20px;
}
.search-stock .alternative-parts-details .table > tbody > tr > td .parts-list {
  text-align: left;
}
.search-stock .alternative-parts-details .table > tbody > tr > td .parts-list p {
  color: #3c465c;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 16px;
}
.search-stock .alternative-parts-details .table > tbody > tr > td .parts-list small {
  font-size: 14px;
}
.search-stock .alternative-parts-details .table > tbody > tr > td:first-child {
  border-right: 0;
}
.search-stock .alternative-parts-details .table > tbody > tr > td:hover {
  color: #ffffff;
  background-color: #fd7d40 !important;
}
.search-stock .alternative-parts-details .table > tbody > tr > td:hover:first-child {
  background-color: transparent!important;
  color: #3c465c;
}
.search-stock .alternative-parts-details .table > tbody > tr > td:last-child {
  border-right: 1px solid #e1e1e1e1;
}
.search-stock .alternative-parts-details .table > tbody > tr:hover > td {
  background-color: #f9f9f9;
}
.popover-message {
  text-align: left;
}
.popover-message .form-group p {
  padding-bottom: 15px;
  color: #ffffff;
}
.popover-message .form-group p .popover-description {
  padding-bottom: 0;
}
/* Popover */
.popover {
  background-color: #3c465c;
  font-family: 'Muli', sans-serif;
  /*     &.popover-x {
        max-width: 463px;
        .popover-content {
            .form-group {
                label {
                    color: #fff;
                    font-size: 16px;
                    font-weight: 400;
                    padding-bottom: 10px;
                }
                
            }
            .input-alignment {
                .form-group {
                    label {
                        padding-left: 15px;
                    }
                    input[type="text"], {
                        border-color: transparent;
                        text-align: center;
                        margin: 0 auto;
                        max-width: 170px;
                    }
                }
                
            }
            .opacity {
               opacity: 0.39;
            }
            .text-center {
                .btn-white {
                    margin-bottom: 15px;
                }
            }
        }
    } */
  /*  &.popover_lg {
        max-width:350px;
        .popover-contents-onclick {
            width: 350px;
        }
    } */
}
.popover.popover-lg {
  max-width: 450px;
}
.popover.bottom > .arrow:after {
  border-bottom-color: #3c465c;
}
.popover.left > .arrow:after {
  border-left-color: #3c465c;
}
.popover .popover-header {
  text-align: right;
  /*         &.popover-lg {
            max-width: 350px;
            .popover-contents-onclick {
                width: 350px;
            }
        } */
  /* &.popover_sm {
            max-width: 220px;
            .popover-contents-onclick {
                width: 220px;
            }
        } */
}
.popover .popover-header .btn {
  position: absolute;
  top: 3px;
  right: 10px;
  padding: 0;
  background: transparent;
}
.popover .popover-header .btn:hover {
  background: transparent;
}
.popover .popover-header .btn i {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.popover .popover-contents-onclick {
  width: 215px;
  padding: 20px 30px 30px;
}
.popover .popover-contents-onclick.view-lg {
  width: 350px;
}
.popover .popover-contents-onclick .popover-message {
  text-align: left;
}
.popover .popover-contents-onclick .popover-message .form-group label {
  text-align: center;
  padding: 10px 0;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
}
.popover .popover-contents-onclick .popover-message .form-group p {
  padding-bottom: 15px;
  color: #ffffff;
}
.popover .popover-contents-onclick .popover-message .form-group p .popover-description {
  padding-bottom: 0;
}
.popover .popover-contents-onclick .popover-message .form-group input[type="text"] {
  border-color: transparent;
  text-align: center;
  margin: 0 auto;
  max-width: 140px;
}
.popover .popover-contents-onclick .popover-message .opacity {
  opacity: 0.39;
}
.popover .popover-contents-onclick .popover-message .pop-head h6 {
  color: #fff;
  position: relative;
  top: -15px;
}
.popover .popover-contents-onclick .popover-message .pop-head h6:before {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: -10px;
  border: 1px solid #fff;
  width: 545px;
  left: -30px;
  opacity: 0.29;
}
.popover .popover-contents-onclick .popover-message .pop-body p {
  color: #fff;
}
.popover .popover-contents-onclick .text-center .btn-white {
  background: #fff;
  color: #fd7d40;
  font-weight: 700;
  min-width: 130px;
  padding: 10px 30px;
}
.popover .popover-contents-onclick .text-center .btn-white:hover {
  background: #fd7d40;
  color: #fff;
}
/* Highlight Row Color */
.table > tbody > tr.highlight-row {
  cursor: pointer;
  /* .action {
                    a {
                        display: block;
                        float: left;
                        width: 24px;
                        margin-right:5px;
                        img {
                            width: 24px;
                            margin-right: 10px;
                            display: inline-block;
                        }
                        &.show {
                            img {
                                width: 20px;
                                margin-left: 5px;
                            }
                            &:last-child {
                                img {
                                    width: 24px;
                                    margin-left: 0;
                                }
                            }
                        }
                    }
                } */
}
.table > tbody > tr.highlight-row:hover > td {
  color: #4285f4 !important;
  /* cursor: pointer; */
  /* font-weight: 700; */
}
.table > tbody > tr.highlight-row:hover > td a {
  color: #4285f4 !important;
}
/* Popover Table */
.table.table-popover > tbody > tr > td .table-part-item {
  padding: 10px;
}
.table.table-popover > tbody > tr > td .table-part-item .parts-list {
  min-height: 50px;
}
.table.table-popover > tbody > tr > td .show {
  line-height: 70px;
}
.table.table-popover.popover-lg > tbody > tr > td,
.table.table-popover.popover-sm > tbody > tr > td {
  padding: 8px;
}
.table.table-popover.popover-lg > tbody > tr > td .table-part-item,
.table.table-popover.popover-sm > tbody > tr > td .table-part-item {
  padding: 10px;
}
.table.table-popover.popover-lg > tbody > tr > td .table-part-item .parts-list,
.table.table-popover.popover-sm > tbody > tr > td .table-part-item .parts-list {
  min-height: auto;
}
.table.table-popover.popover-lg > tbody > tr > td .show,
.table.table-popover.popover-sm > tbody > tr > td .show {
  line-height: 25px;
}
.table.table-popover.popover-lg > tbody > tr > td .table-body-img,
.table.table-popover.popover-sm > tbody > tr > td .table-body-img {
  width: 35px;
}
.table.table-popover.popover-lg > tbody > tr > td.action,
.table.table-popover.popover-sm > tbody > tr > td.action {
  width: 100px;
}
.table.table-popover.popover-lg > tbody > tr > td.action .btn i,
.table.table-popover.popover-sm > tbody > tr > td.action .btn i {
  font-size: 16px;
}
.table.table-popover.popover-lg > tbody > tr > td.action .show,
.table.table-popover.popover-sm > tbody > tr > td.action .show {
  display: inline-block !important;
  padding-left: 5px;
}
.table.table-popover.popover-lg > tbody > tr > td.action .btn-edit,
.table.table-popover.popover-sm > tbody > tr > td.action .btn-edit {
  background: #fff;
  color: #fd7d40;
  padding: 0px 5px;
  border: 1px solid #fd7d40;
  margin: 0 0 2px;
}
.table.table-popover.popover-lg > tbody > tr > td.action .btn-edit:hover,
.table.table-popover.popover-sm > tbody > tr > td.action .btn-edit:hover {
  background: #fd7d40;
  color: #fff;
}
.table.table-popover.popover-lg > tbody > tr > td.action .btn-delete,
.table.table-popover.popover-sm > tbody > tr > td.action .btn-delete {
  background: #fff;
  color: #e52b20;
  padding: 0px 8px;
  border: 1px solid #e52b20;
  line-height: 24px;
  margin-left: 0px 0 2px;
}
.table.table-popover.popover-lg > tbody > tr > td.action .btn-delete:hover,
.table.table-popover.popover-sm > tbody > tr > td.action .btn-delete:hover {
  background: #e52b20;
  color: #fff;
}
.table.table-popover.popover-lg > tbody > tr > td.action .btn-delete i,
.table.table-popover.popover-sm > tbody > tr > td.action .btn-delete i {
  font-size: 12px;
}
.table.table-popover.popover-lg > tbody > tr > td.action .btn-add,
.table.table-popover.popover-sm > tbody > tr > td.action .btn-add {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px;
  margin: 0;
}
.table.table-popover.popover-lg > tbody > tr > td.action .btn-add i,
.table.table-popover.popover-sm > tbody > tr > td.action .btn-add i {
  margin-right: 10px;
}
/* Tab Content */
.tab-content .tab-header {
  margin-bottom: 20px;
}
/* Tab Box */
.tab-box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  padding: 0px 20px;
  margin-top: 20px;
  position: relative;
}
.tab-box .checkbox {
  display: block;
  width: 100%;
}
.tab-box .checkbox input[type="checkbox"] {
  margin-top: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tab-box .checkbox input[type="checkbox"] + label:after {
  top: 43%;
}
.tab-box .checkbox label {
  width: 100%;
  min-height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: inherit;
  font-size: 16px;
  font-weight: 700;
  color: #555555;
}
.tab-box .checkbox label:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tab-box .down-btn-arrow {
  position: absolute;
  right: 0px;
  top: 12px;
}
.tab-box .down-btn-arrow .btn-dropdown {
  background: #fff;
  min-width: auto;
  padding: 0 20px;
  color: #fe6a47;
}
.tab-box .down-btn-arrow .btn-dropdown i {
  font-size: 26px;
}
.tab-box .down-btn-arrow .btn-dropdown i:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.tab-box .down-btn-arrow .btn-dropdown:hover,
.tab-box .down-btn-arrow .btn-dropdown:active {
  background: #fff;
  box-shadow: none;
}
.tab-box .down-btn-arrow .btn-dropdown.in i:before {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.tab-collapse .checkbox {
  margin-left: 70px;
}
.tab-collapse .checkbox input[type="checkbox"] {
  margin-top: 5px;
}
.tab-collapse .checkbox input[type="checkbox"] + label:after {
  top: 8px;
}
.tab-collapse .checkbox label {
  font-size: 16px;
  font-weight: 700;
  color: #555555;
  margin-bottom: 10px;
}
.tab-collapse .checkbox label:before {
  top: 2px;
}
.tab-collapse .tab-well {
  width: 90%;
  margin: 0 auto;
  border: 0;
  background-color: #f6f6f6;
}
/* Nav Tab */
.nav-pills > li {
  background: #f9f9f9;
  color: #ff7300;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills > li.active a {
  background: #f9f9f9;
  color: #ff7300;
  padding: 10px 30px;
  font-size: 16px;
}
.nav-pills > li.active a::before {
  content: '';
  border-bottom: 1px solid #ff7300;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 1px;
  padding: 0px 50px;
}
.nav-pills > li.active a:hover,
.nav-pills > li.active a:active,
.nav-pills > li.active a:focus {
  background: #f9f9f9;
  color: #ff7300;
}
.nav-pills.nav-item-view > li {
  margin-left: 0;
}
.nav-pills.nav-item-view > li a {
  font-size: 14px;
  padding: 8px 10px;
  line-height: 1.3;
  border: 1px solid #fd7d40;
  border-width: 1px 1px 1px 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.nav-pills.nav-item-view > li.active a {
  position: relative;
  background: #fd7d40;
  color: #ffffff;
}
.nav-pills.nav-item-view > li.active a::before {
  border: 0;
  content: '';
  display: inline-block;
  position: absolute;
}
.nav-pills.nav-item-view > li:first-child a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left-width: 1px;
}
.nav-pills.nav-item-view > li:last-child a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.nav-pills.nav-item-view.coupen-tab > li {
  background: transparent;
}
.nav-pills.nav-item-view.coupen-tab > li a {
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills.nav-item-view.coupen-tab.bottom-layer-tab > li a {
  border: none;
  color: #aaaaaa;
  background: transparent;
  padding: 0 10px 0 0;
}
.nav-pills.nav-item-view.coupen-tab.bottom-layer-tab > li.active a {
  color: #fd7d40;
}
/* Profile */
.etc-page-wrap {
  margin-top: 30px;
}
.etc-page-wrap .card-view {
  min-height: 655px;
  padding: 50px;
  margin-bottom: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.etc-page-wrap .card-view .card-center {
  text-align: center;
}
.etc-page-wrap .card-view .card-center .title {
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 20px;
}
.etc-page-wrap .card-view .card-center .sub-title {
  font-weight: bold;
  font-size: 24px;
}
.etc-page-wrap .card-view .card-center .md {
  width: 60%;
}
.etc-page-wrap .card-view .card-center span {
  color: #aaaaaa;
}
.etc-page-wrap .card-view .card-btn {
  margin-top: 25px;
}
.etc-page-wrap .card-view .card-btn .action-btn {
  padding: 15px;
  margin: 0 5px 5px;
  font-size: 14px;
}
.etc-page-wrap .card-view .card-btn .action-btn i {
  font-size: 16px;
}
.etc-page-wrap .card-view .card-btn .btn-lg {
  padding: 15px 30px;
  font-size: 16px;
}
.etc-page-wrap .card-view .card-btn .btn-lg i {
  margin-left: 10px;
  margin-right: 0;
  vertical-align: middle;
  font-size: 25px;
}
.etc-page-wrap .card-view .form-group {
  margin-top: 15px;
}
.etc-page-wrap .card-view .form-group:first-child {
  margin-top: 0;
}
.etc-page-wrap .card-view .form-group label {
  margin: 0;
  font-weight: bold;
}
.etc-page-wrap .card-view .form-group .form-control {
  border: none;
  padding: 0;
  color: #000;
  font-weight: 600;
  height: 25px;
}
.etc-page-wrap .card-view .form-group .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
}
.etc-page-wrap .card-view .form-group .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
.etc-page-wrap .card-view .form-group .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}
.etc-page-wrap .card-view .form-group .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
/* Avatar Profile Upload */
.avatar-upload {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 10px;
  z-index: 1;
  top: 5px;
  border: 1px solid #ff4e50;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 0;
  color: #ff4e50;
  font-size: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
.avatar-upload .avatar-edit:hover {
  background: #ff4e50;
}
.avatar-upload .avatar-edit:hover input + label {
  color: #fff;
}
.avatar-upload:hover .avatar-edit {
  opacity: 1;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.avatar-upload .avatar-preview {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: 100%;
}
.avatar-upload .avatar-preview > .avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../img/profile-thumb.svg');
}
/* Card Box Dashboard */
.card-box-dashboard {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  padding: 15px 40px;
  margin-bottom: 0px;
}
.card-box-dashboard .dash-box .dash-header {
  display: inline-block;
  position: relative;
  top: 40px;
  left: 15px;
  z-index: 1;
}
.card-box-dashboard ul.card-list {
  margin-bottom: 0;
  overflow: hidden;
}
.card-box-dashboard ul.card-list li {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px 0px;
  position: relative;
}
.card-box-dashboard ul.card-list li:after {
  content: '';
  width: 360px;
  position: absolute;
  border-bottom: solid 1px #eeeeee;
}
.card-box-dashboard ul.card-list li p {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
  position: relative;
}
.card-box-dashboard ul.card-list li p:before {
  content: '';
  position: absolute;
  top: 0px;
  display: inline-block;
  width: 20%;
  border-top: 1px solid #eeeeee;
}
.card-box-dashboard ul.card-list li span {
  font-size: 16px;
  font-weight: 700;
  color: #fd7d40;
  display: block;
  position: relative;
}
.card-box-dashboard ul.card-list li span:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 20%;
  border-top: 1px solid #eeeeee;
}
.card-details-dasboard {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.12);
  background-color: #3c465c;
}
.card-details-dasboard .dash-header {
  padding: 25px;
}
.card-details-dasboard .dash-header .selected-date .input-group .form-control {
  border-color: transparent;
  border-right-color: #3c465c;
}
.card-details-dasboard .dash-header .selected-date .input-group .input-group-addon {
  background: #fff;
  border-color: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.card-details-dasboard .opacity {
  opacity: 0.39;
  margin: 0;
}
.card-details-dasboard .card-status {
  padding: 5px 25px 20px 25px;
}
.card-details-dasboard .card-status .card-list li {
  padding: 15px 35px;
}
.card-details-dasboard .card-status .card-list li p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.card-details-dasboard .card-status .card-list li span {
  color: #fd7d40;
  display: block;
  font-size: 14px;
  font-weight: 700;
}
.card-details-dasboard .card-status .card-list .btm-line {
  border-bottom: 1px solid #fff;
  width: 60px;
  margin: 0px 30px;
}
.card-details-dasboard .card-status .card-list .btm-line-opacity {
  opacity: 0.39;
  margin: 0px 30px;
}
.card-details-dasboard .card-status .card-list.card-customer li span {
  font-size: 24px;
  line-height: 1;
}
/* .highcharts-legend-item  {
    
        position: relative;
        &:before {
        content: '';
        position: absolute;
        display: inline-block;
        background: red;
    
    }
    
} */
.page-header-filter {
  display: none!important;
}
.page-header-filter.in {
  background: #3c465c;
  display: inline-block !important;
  position: absolute;
  top: 75px;
  right: 90px;
  color: #fff;
  z-index: 99;
  width: 50%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.page-header-filter.in .filter-header {
  position: relative;
  padding: 20px;
}
.page-header-filter.in .filter-header .title {
  color: #fff;
  font-weight: 900;
  display: block;
  float: left;
  padding-right: 20px;
  margin-bottom: 0;
  padding-top: 10px;
  position: relative;
}
.page-header-filter.in .filter-header .title:before {
  content: "";
  position: absolute;
  opacity: 0.27;
  border-right: 1px solid #fff;
  right: 0;
  top: -20px;
  height: 75px;
}
.page-header-filter.in .filter-header .filter-button .btn {
  margin-bottom: 0;
}
.page-header-filter.in .filter-header .filter-button .btn-all {
  border: 1px solid #fff;
  background: #3c465c;
  padding: 6px 35px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  margin: 0 20px;
}
.page-header-filter.in .filter-header .filter-button .btn-all:hover {
  background: #fff;
  color: #3c465c;
}
.page-header-filter.in .filter-header .filter-button .btn-reset {
  color: #fff;
  background: #3c465c;
  padding: 0;
  min-width: auto;
  font-size: 16px;
}
.page-header-filter.in .filter-header .filter-button .btn-reset:hover {
  color: #e52b20;
}
.page-header-filter.in .filter-header .filter-close {
  position: absolute;
  right: 30px;
  top: 20px;
}
.page-header-filter.in .filter-header .filter-close .btn-close {
  background-color: transparent;
  color: #fff;
  padding: 0;
}
.page-header-filter.in .filter-header.info-control .title {
  padding-top: 5px;
}
.page-header-filter.in .filter-header.info-control .title:before {
  border-right: 0;
}
.page-header-filter.in .filter-hr {
  opacity: 0.39;
  margin: 0;
}
.page-header-filter.in .filter-hr.info-filter {
  margin: 20px 0 0;
}
.page-header-filter.in .filter-body {
  padding: 20px;
}
.page-header-filter.in .filter-radio-box .radiobox,
.page-header-filter.in .filter-check-box .radiobox,
.page-header-filter.in .filter-radio-box .checkbox,
.page-header-filter.in .filter-check-box .checkbox {
  display: inline-block;
  position: relative;
  margin: 10px 5px;
}
.page-header-filter.in .filter-radio-box .radiobox input[type="radio"],
.page-header-filter.in .filter-check-box .radiobox input[type="radio"],
.page-header-filter.in .filter-radio-box .checkbox input[type="radio"],
.page-header-filter.in .filter-check-box .checkbox input[type="radio"],
.page-header-filter.in .filter-radio-box .radiobox input[type="checkbox"],
.page-header-filter.in .filter-check-box .radiobox input[type="checkbox"],
.page-header-filter.in .filter-radio-box .checkbox input[type="checkbox"],
.page-header-filter.in .filter-check-box .checkbox input[type="checkbox"] {
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  visibility: hidden;
}
.page-header-filter.in .filter-radio-box .radiobox input[type="radio"],
.page-header-filter.in .filter-check-box .radiobox input[type="radio"],
.page-header-filter.in .filter-radio-box .checkbox input[type="radio"],
.page-header-filter.in .filter-check-box .checkbox input[type="radio"] {
  position: absolute;
  left: 0;
}
.page-header-filter.in .filter-radio-box .radiobox input[type="radio"] + label,
.page-header-filter.in .filter-check-box .radiobox input[type="radio"] + label,
.page-header-filter.in .filter-radio-box .checkbox input[type="radio"] + label,
.page-header-filter.in .filter-check-box .checkbox input[type="radio"] + label,
.page-header-filter.in .filter-radio-box .radiobox input[type="checkbox"] + label,
.page-header-filter.in .filter-check-box .radiobox input[type="checkbox"] + label,
.page-header-filter.in .filter-radio-box .checkbox input[type="checkbox"] + label,
.page-header-filter.in .filter-check-box .checkbox input[type="checkbox"] + label {
  cursor: pointer;
  margin-left: 0px;
  color: #fff;
  padding: 10px 20px;
  border: 1px solid #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.page-header-filter.in .filter-radio-box .radiobox input[type="radio"] + label:hover,
.page-header-filter.in .filter-check-box .radiobox input[type="radio"] + label:hover,
.page-header-filter.in .filter-radio-box .checkbox input[type="radio"] + label:hover,
.page-header-filter.in .filter-check-box .checkbox input[type="radio"] + label:hover,
.page-header-filter.in .filter-radio-box .radiobox input[type="checkbox"] + label:hover,
.page-header-filter.in .filter-check-box .radiobox input[type="checkbox"] + label:hover,
.page-header-filter.in .filter-radio-box .checkbox input[type="checkbox"] + label:hover,
.page-header-filter.in .filter-check-box .checkbox input[type="checkbox"] + label:hover {
  color: #fe8b47;
  background: #fff;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.page-header-filter.in .filter-radio-box .radiobox input[type="radio"] + label:before,
.page-header-filter.in .filter-check-box .radiobox input[type="radio"] + label:before,
.page-header-filter.in .filter-radio-box .checkbox input[type="radio"] + label:before,
.page-header-filter.in .filter-check-box .checkbox input[type="radio"] + label:before,
.page-header-filter.in .filter-radio-box .radiobox input[type="checkbox"] + label:before,
.page-header-filter.in .filter-check-box .radiobox input[type="checkbox"] + label:before,
.page-header-filter.in .filter-radio-box .checkbox input[type="checkbox"] + label:before,
.page-header-filter.in .filter-check-box .checkbox input[type="checkbox"] + label:before,
.page-header-filter.in .filter-radio-box .radiobox input[type="radio"] + label:after,
.page-header-filter.in .filter-check-box .radiobox input[type="radio"] + label:after,
.page-header-filter.in .filter-radio-box .checkbox input[type="radio"] + label:after,
.page-header-filter.in .filter-check-box .checkbox input[type="radio"] + label:after,
.page-header-filter.in .filter-radio-box .radiobox input[type="checkbox"] + label:after,
.page-header-filter.in .filter-check-box .radiobox input[type="checkbox"] + label:after,
.page-header-filter.in .filter-radio-box .checkbox input[type="checkbox"] + label:after,
.page-header-filter.in .filter-check-box .checkbox input[type="checkbox"] + label:after {
  display: none;
}
.page-header-filter.in .filter-radio-box .radiobox input[type="radio"] + label,
.page-header-filter.in .filter-check-box .radiobox input[type="radio"] + label,
.page-header-filter.in .filter-radio-box .checkbox input[type="radio"] + label,
.page-header-filter.in .filter-check-box .checkbox input[type="radio"] + label {
  padding: 5px 20px;
}
.page-header-filter.in .filter-radio-box .radiobox input[type="radio"] + label:hover,
.page-header-filter.in .filter-check-box .radiobox input[type="radio"] + label:hover,
.page-header-filter.in .filter-radio-box .checkbox input[type="radio"] + label:hover,
.page-header-filter.in .filter-check-box .checkbox input[type="radio"] + label:hover {
  background: transparent;
  color: #fff;
}
.page-header-filter.in .filter-radio-box .radiobox,
.page-header-filter.in .filter-check-box .radiobox {
  margin: 0 5px;
}
.page-header-filter.in .filter-radio-box .radiobox label,
.page-header-filter.in .filter-check-box .radiobox label {
  margin-bottom: 0;
}
.page-header-filter.in .filter-radio-box .radiobox input[type="radio"]:checked + label,
.page-header-filter.in .filter-check-box .radiobox input[type="radio"]:checked + label,
.page-header-filter.in .filter-radio-box .checkbox input[type="checkbox"]:checked + label,
.page-header-filter.in .filter-check-box .checkbox input[type="checkbox"]:checked + label {
  color: #fe8b47;
  background: #fff;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.page-header-filter.lg-filter.in {
  right: 145px;
  top: 0;
}
.page-header-filter.sm-filter.in {
  width: 500px;
}
@media only screen and (max-width: 567px) {
  .page-header-filter.sm-filter .filter-header .title {
    display: block;
    float: none;
    margin-bottom: 20px;
  }
  .page-header-filter.sm-filter .filter-header .title:before {
    border: 0;
  }
  .page-header-filter.sm-filter .filter-header .filter-radio-box label {
    margin-bottom: 10px;
  }
}
/* Data Table Title */
.data-table-title {
  display: block;
  float: left;
}
/* Time Line */
.timeline {
  position: relative;
  left: 0%;
  top: 0%;
  margin: 0 auto;
  display: block;
}
.timeline .timeline-block {
  width: 50%;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-60%, 0%);
}
.timeline .timeline-block:before {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  border-left: 1px solid #e1e1e1;
  height: calc(88vh);
}
.timeline .timeline-block .timeline-status .timeline-details {
  background: #f9f9f9;
  padding: 18px 25px;
  margin-bottom: 20px;
  position: relative;
}
.timeline .timeline-block .timeline-status .timeline-details:before {
  content: '';
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #3c465c;
  position: absolute;
  left: -27px;
  top: 40px;
}
.timeline .timeline-block .timeline-status .timeline-details:first-child h5 {
  color: #fe8b47;
}
.timeline .timeline-block .timeline-status .timeline-details:first-child p {
  color: #fe8b47;
}
.timeline .timeline-block .timeline-status .timeline-details:first-child:before {
  background: #fe8b47;
}
.timeline .timeline-block .timeline-status .timeline-details h5 {
  font-weight: 700;
}
/* Tab Filter */
.tab-boxed {
  position: relative;
  padding-top: 70px!important;
}
.tab-boxed .tab-filter {
  position: absolute;
  top: 0;
  left: 0;
  background: #f9f9f9;
  width: 100%;
}
.tab-boxed .tab-filter .nav.nav-pills {
  /* position: fixed;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
                width: 90vw;
                height: 80vh;
                z-index: 99;
                background-color: #ececec; */
}
.tab-boxed .tab-filter .nav.nav-pills li {
  padding: 0;
  background-color: transparent;
  margin-top: 10px;
  margin-left: 0;
}
.tab-boxed .tab-filter .nav.nav-pills li a {
  color: #3c465c;
  background: transparent;
  padding: 5px 20px;
  font-size: 14px;
}
.tab-boxed .tab-filter .nav.nav-pills li a:hover {
  background: transparent;
}
.tab-boxed .tab-filter .nav.nav-pills li.active {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  background-color: #fd7d40;
  padding: 0px;
  margin-top: 10px;
  margin-left: 0;
}
.tab-boxed .tab-filter .nav.nav-pills li.active a {
  background-color: #fd7d40;
  color: #fff;
  font-size: 14px;
}
.tab-boxed .table {
  /* thead, tbody {
            > tr {
                > th, > td {
                    &:nth-last-child(2) {
                        color: @color_red;
                    }
                }
            }
           
        } */
}
.tab-boxed .table tbody > tr > td {
  padding: 10px;
  /* &.action {
                        a {
                            img {
                                width: 24px;
                            }
                        }
                    } */
}
/* Table Footer */
.table-footer {
  background: #3c465c;
  color: #fff;
  padding: 10px;
}
.table-footer .alignment-left {
  text-align: left;
  float: left;
}
.table-footer .alignment-left .dataTables_length {
  display: inline-block;
  float: none;
}
.table-footer .alignment-left .dataTables_length label {
  display: inline-block;
  padding: 3px 20px 0;
  color: #fff;
}
.table-footer .alignment-left .dataTables_length label .select2-container {
  margin-left: 10px;
  width: 100px!important;
}
.table-footer .alignment-left .dataTables_length label .select2-container--default .select2-selection--single {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  height: 35px;
}
.table-footer .alignment-left .dataTables_length label .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px;
}
.table-footer .alignment-left .dataTables_length label .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 35px;
}
.table-footer .alignment-left ul li {
  display: block;
  float: left;
}
.table-footer .alignment-left ul li label {
  display: inline-block;
  padding: 8px 20px 0;
}
.table-footer .alignment-left ul li .form-group {
  margin-bottom: 10px;
  width: 100px;
}
.table-footer .alignment-left ul li .form-group .select2-container--default .select2-selection--single {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  height: 40px;
}
.table-footer .alignment-left ul li .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
}
.table-footer .alignment-left ul li .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}
.table-footer .alignment-right {
  float: right;
  text-align: right;
}
.table-footer .alignment-right .pagination {
  padding-right: 20px;
}
.table-footer .alignment-right .pagination .dataTables_paginate {
  padding-top: 0;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers {
  position: relative;
  top: 5px;
  bottom: 5px;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers a {
  background: #fff;
  color: #3c465c;
  font-size: 14px;
  height: 30px;
  line-height: 24px;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
  -o-border-radius: 8px !important;
  border-radius: 8px !important;
  margin: 0 6px;
  margin-bottom: 5px;
  border-color: transparent;
  width: auto;
  padding: 2px 10px;
  display: inline-block;
  vertical-align: middle;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers a:hover,
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers a:active {
  background: #fd7d40;
  color: #fff!important;
  border-color: transparent;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers a.current {
  background: #fd7d40;
  color: #fff!important;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers a.disabled {
  background: #cccccc;
  cursor: not-allowed;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers a.disabled:hover,
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers a.disabled:active {
  background: #cccccc;
  color: #3c465c !important;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers a.previous {
  margin-left: 0;
  margin-right: 15px;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers a.next {
  margin-left: 15px;
  margin-right: 0;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers > span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 15px;
  min-height: 35px;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers > span::before,
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers > span::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 30px;
  background-color: #979797;
  top: 0;
  left: 0;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers > span::after {
  left: auto;
  right: 0;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers > span a:first-child {
  margin-left: 0;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers > span a:last-child {
  margin-right: 0;
}
.table-footer .alignment-right .pagination .dataTables_paginate.paging_simple_numbers .ellipsis {
  color: #fff;
}
.table-footer::before,
.table-footer::after {
  display: table;
  content: " ";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.table-footer::after {
  clear: both;
}
/* Common Radio Button */
.common-radio-button {
  line-height: 34px;
}
.common-radio-button.flex {
  display: inline-block;
}
.common-radio-button [type="radio"]:checked,
.common-radio-button [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.common-radio-button [type="radio"]:checked + label,
.common-radio-button [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 25px;
  padding-right: 15px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
}
.common-radio-button [type="radio"]:checked + label:before,
.common-radio-button [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background: #9697a9;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.common-radio-button [type="radio"]:checked + label:after,
.common-radio-button [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #313355;
  position: absolute;
  top: 4px;
  left: 4px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.common-radio-button [type="radio"]:checked + label::before {
  background: #e26153;
}
.common-radio-button [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.common-radio-button [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
/* Additional Block CSS */
.additional-block {
  background: #f2f2f2;
  padding: 20px;
  position: relative;
  /* .top-right {
            .btn-img {
                img {
                    position: absolute;
                    top: 5px;
                    right: 5px;
                    width:24px;
                }
            }
        } */
}
.additional-block .info-details {
  line-height: 1.4;
  margin-top: 22px;
}
.additional-block .info-details span {
  display: block;
  font-weight: 700;
}
.additional-block-title {
  margin-bottom: 0;
}
.additional-block .additional-header h5 {
  margin: 0;
  font-weight: 900;
}
.additional-block .additional-header p {
  font-size: 14px;
  margin-bottom: 10px;
}
.additional-block .additional-header h6 {
  font-weight: bold;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 10px;
}
.additional-block .additional-body h6 {
  font-weight: bold;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 10px;
}
.additional-block .additional-body .supplier-list-header {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  border-bottom: 1px solid #d3d3d3;
}
.additional-block .additional-body .supplier-list-header li {
  width: 100%;
}
.additional-block .additional-body .supplier-list-body {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-top: 10px;
}
.additional-block .additional-body .supplier-list-body li {
  padding-right: 20px;
}
.additional-block .additional-body .supplier-list-body li label {
  font-weight: 400;
}
.additional-block .additional-table {
  padding: 20px 0 0;
}
.additional-block .additional-table .table {
  border-color: #d3d3d3;
}
.additional-block .additional-table .table > thead > tr th {
  border-color: #d3d3d3;
  padding: 10px 20px;
}
.additional-block .additional-table .table > thead > tr th .period-section h6 {
  margin: 0;
  font-size: 13px;
  color: #767676;
  display: inline-block;
  padding-right: 15px;
}
.additional-block .additional-table .table > tbody > tr > td {
  border-color: #d3d3d3;
  padding: 10px 20px;
}
.additional-block .additional-table .table > tbody > tr > td .form-group {
  display: inline-block;
}
.additional-block .additional-table .table > tbody > tr > td .form-group .form-control.delete-img-form {
  display: inline-block;
}
.additional-block .additional-table .table > tbody > tr > td input[type="text"] {
  text-align: right;
}
.additional-block .additional-table .table > tbody > tr > td p {
  text-align: center;
}
.additional-block.bg-white {
  background: #ffffff;
}
/* Customer List */
.customer-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.customer-list li {
  width: 33.333%;
  float: left;
}
.customer-list.component-list li {
  width: auto;
  margin: 0 20px;
}
/* Aligned Page And Common Check Box */
.form-checkbox {
  padding-bottom: 10px;
}
.form-checkbox label {
  font-weight: bold;
}
.form-checkbox input[type="checkbox"] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.form-checkbox input[type="checkbox"] + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  padding-left: 24px;
  margin-bottom: 0;
}
.form-checkbox input[type="checkbox"] + label::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 3.5px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #979797;
  background: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.form-checkbox input[type="checkbox"]:checked + label::before {
  background: #4285f4;
}
.form-checkbox input[type="checkbox"]:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 7px;
  width: 5px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form-checkbox.custom {
  padding-bottom: 0;
}
.form-checkbox.custom input[type="checkbox"] + label::before {
  top: 2.5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border-color: #fe8b47;
}
.form-checkbox.custom input[type="checkbox"]:checked + label::before {
  background: #fe8b47;
}
.form-checkbox.custom input[type="checkbox"]:checked + label::after {
  top: 5px;
}
/* Rating Star */
.rate {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
}
.rate label {
  float: right;
  font-size: 0;
  color: #777777;
  margin-right: 5px;
}
.form-group .rate label {
  color: #777777;
}
.rate label:before {
  content: "\f005";
  font-family: FontAwesome;
  font-size: 20px;
}
.rate label:hover {
  color: #fcd000;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.rate label:hover ~ label {
  color: #fcd000;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.rate input {
  display: none;
}
.rate input:disabled ~ label:hover {
  color: #777777;
}
.rate input:checked ~ label {
  color: #fcd000;
}
.rate input:checked ~ label:hover {
  color: #fcd000;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.rate input:checked ~ label:hover ~ label {
  color: #fcd000;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.rate input:checked:disabled ~ label {
  color: #fcd000;
}
.rate input:checked:disabled ~ label:hover {
  color: #fcd000;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.rate input:checked:disabled ~ label:hover ~ label {
  color: #fcd000;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
/* Coupen Bottom Layer */
.bottom-layer.coupen-bottom-layer {
  padding: 0;
  -webkit-transform: translateY(70%);
  -moz-transform: translateY(70%);
  -ms-transform: translateY(70%);
  -o-transform: translateY(70%);
  transform: translateY(70%);
}
@media only screen and (max-width: 767px) {
  .bottom-layer.coupen-bottom-layer {
    -webkit-transform: translateY(86%);
    -moz-transform: translateY(86%);
    -ms-transform: translateY(86%);
    -o-transform: translateY(86%);
    transform: translateY(86%);
  }
}
.bottom-layer.coupen-bottom-layer.secondary {
  -webkit-transform: translateY(78%);
  -moz-transform: translateY(78%);
  -ms-transform: translateY(78%);
  -o-transform: translateY(78%);
  transform: translateY(78%);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
@media only screen and (max-width: 767px) {
  .bottom-layer.coupen-bottom-layer.secondary {
    -webkit-transform: translateY(86%);
    -moz-transform: translateY(86%);
    -ms-transform: translateY(86%);
    -o-transform: translateY(86%);
    transform: translateY(86%);
  }
}
.bottom-layer.coupen-bottom-layer.secondary.in {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.bottom-layer.coupen-bottom-layer .bottom-header {
  padding: 10px 30px;
}
@media only screen and (max-width: 767px) {
  .bottom-layer.coupen-bottom-layer .bottom-header {
    padding: 10px 15px;
  }
  .bottom-layer.coupen-bottom-layer .bottom-header .coupen-bottom-list {
    display: none;
  }
}
.bottom-layer.coupen-bottom-layer .bottom-btn-right {
  float: right;
}
.bottom-layer.coupen-bottom-layer .bottom-btn-right-list {
  margin-bottom: 0;
}
.bottom-layer.coupen-bottom-layer .bottom-btn-right-list li {
  display: inline-block;
  vertical-align: middle;
}
.bottom-layer.coupen-bottom-layer .bottom-btn-right-list li + li {
  padding-left: 15px;
}
.bottom-layer.coupen-bottom-layer .coupen-bottom-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.bottom-layer.coupen-bottom-layer .coupen-bottom-list li {
  padding: 0 30px;
  border-right: 1px solid #9e9e9e;
}
.bottom-layer.coupen-bottom-layer .coupen-bottom-list li:first-child {
  padding-left: 0;
}
.bottom-layer.coupen-bottom-layer .coupen-bottom-list li:last-child {
  border-right: 0;
}
.bottom-layer.coupen-bottom-layer .coupen-bottom-list li .coupen-bottom-list-label {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.bottom-layer.coupen-bottom-layer .coupen-bottom-list li .coupen-bottom-list-value {
  display: block;
  font-size: 18px;
  line-height: 19px;
  font-weight: bold;
  color: #e26153;
}
@media only screen and (min-width: 768px) {
  .bottom-layer.coupen-bottom-layer .mobile-coupen-bottom-list {
    display: none;
  }
}
.bottom-layer.coupen-bottom-layer .bottom-body .update-section {
  margin: 0;
}
.bottom-layer.coupen-bottom-layer .bottom-body .update-section li {
  display: inline-block;
  vertical-align: middle;
}
.bottom-layer.coupen-bottom-layer .bottom-body .update-section li .static-discription {
  color: #fff;
  width: 200px;
  line-height: 1;
  padding-left: 5px;
}
/* View Page Coupen(histroy view page) */
.view-page.coupen-page {
  padding: 0;
}
.view-page.coupen-page.bg-dark {
  background: #313355;
}
.view-page.coupen-page.bg-dark .coupen-despatched-item li label,
.view-page.coupen-page.bg-dark .coupen-despatched-item li p {
  color: #fff;
}
.view-page.coupen-page .coupen-details-left .coupen-item-left {
  margin-bottom: 0;
}
.view-page.coupen-page .coupen-details-left .coupen-item-left li {
  width: auto;
}
.view-page.coupen-page .coupen-details-left .coupen-despatched-item {
  margin-bottom: 0;
}
.view-page.coupen-page .coupen-details-left .coupen-despatched-item li {
  width: auto;
}
.view-page.coupen-page .coupen-details-right {
  float: right;
}
@media only screen and (max-width: 990px) {
  .view-page.coupen-page .coupen-details-right {
    float: none;
  }
}
.view-page.coupen-page .coupen-details-right .btn-section {
  padding: 20px;
}
.view-page.coupen-page .coupen-details-right .coupen-item-right {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
.view-page.coupen-page .coupen-details-right .coupen-item-right li {
  float: left;
}
.view-page.coupen-page .coupen-details-right .coupen-item-right li .view-list-right-light {
  padding: 10px 30px;
  background-color: #9697a9;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
@media only screen and (max-width: 767px) {
  .view-page.coupen-page .coupen-details-right .coupen-item-right li .view-list-right-light {
    padding: 5px 10px;
  }
}
.view-page.coupen-page .coupen-details-right .coupen-item-right li .view-list-right-light label {
  color: #fff;
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .view-page.coupen-page .coupen-details-right .coupen-item-right li .view-list-right-light label {
    margin-bottom: 0;
  }
}
.view-page.coupen-page .coupen-details-right .coupen-item-right li .view-list-right-light p {
  color: #fff;
  text-align: center;
}
.view-page.coupen-page .coupen-details-right .coupen-item-right li .view-list-right-dark {
  padding: 10px 30px;
  background-color: #313355;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media only screen and (max-width: 767px) {
  .view-page.coupen-page .coupen-details-right .coupen-item-right li .view-list-right-dark {
    padding: 5px 10px;
  }
}
.view-page.coupen-page .coupen-details-right .coupen-item-right li .view-list-right-dark label {
  color: #fff;
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .view-page.coupen-page .coupen-details-right .coupen-item-right li .view-list-right-dark label {
    margin-bottom: 0;
  }
}
.view-page.coupen-page .coupen-details-right .coupen-item-right li .view-list-right-dark p {
  color: #fd7d40;
  text-align: center;
}
/* Table Toogle Radio Switch */
.table-switch {
  position: relative;
}
.table-switch span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
}
.table-switch .table-radio-switch {
  background-color: #d8d8d8;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  width: -moz-max-content;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
.table-switch .table-radio-switch .radio-switch-toggle-outer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.table-switch .table-radio-switch .radio-switch-toggle {
  position: relative;
  display: block;
  width: 50%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #34a852;
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.table-switch .table-radio-switch .input-2:checked ~ .radio-switch-toggle-outer .radio-switch-toggle {
  background-color: #ea4335;
  transform: translate3d(100%, 0, 0);
}
.table-switch .table-radio-switch input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.table-switch .table-radio-switch input + label {
  position: relative;
  float: left;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #3c465c;
  padding: 10px 0;
  line-height: 1.4;
  width: 25px;
  z-index: 2;
  margin-bottom: 0;
  cursor: pointer;
  background-color: transparent;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.table-switch .table-radio-switch input:checked + label {
  color: #fff;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.table-switch .table-radio-switch input:not(:checked) + label {
  opacity: 0.5;
}
/* Jquery Tooltip */
.popover-form {
  display: inline-block;
  cursor: pointer;
}
.tooltiptopicevent .form-group label {
  margin-bottom: 5px;
}
.tooltiptopicevent .form-group .form-control {
  margin-bottom: 5px;
}
/* Table Border Bottom */
.table.table-border-bottom > tbody > tr,
.table.table-border-bottom > thead > tr {
  border-bottom: 1px solid #eeeeee;
}
/******************************************************************************
						Mani less
*******************************************************************************/
/* Project View */
.project-view-title {
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  color: #61bd00;
  margin-bottom: 17px;
}
.project-view-title-border {
  width: 100px;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #fd7d40;
  margin: 0 auto;
  margin-bottom: 30px;
}
.project-view-list {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #e0e0e0;
  margin-bottom: 20px;
}
.project-view-list-item {
  padding: 15px 30px;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.project-view-list-item.width-20 {
  width: 20%;
}
.project-view-list-item.width-40 {
  width: 40%;
}
.project-view-list-item.width-60 {
  width: 60%;
}
.project-view-list-item.padding-left-none {
  padding-left: 0;
}
.project-view-list-item.border-right-none {
  border-right: none;
}
.project-view-list-item .project-view-label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.67;
  letter-spacing: normal;
  color: #777777;
  padding-bottom: 5px;
}
.project-view-list-item .project-view-content {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 2.14;
  letter-spacing: normal;
  color: #2b3748;
}
.project-attachment-view {
  min-height: 64px;
  border: 1px dashed #9697a9;
  background-color: #ffffff;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  font-size: 12px;
  font-weight: 500;
  padding: 10px;
  line-height: normal;
  text-align: center;
  color: #9697a9;
}
.table.table-project-view > thead > tr > th,
.table.table-project-view > tbody > tr > th,
.table.table-project-view > tfoot > tr > th,
.table.table-project-view > thead > tr > td,
.table.table-project-view > tbody > tr > td,
.table.table-project-view > tfoot > tr > td {
  line-height: normal;
  white-space: unset;
  padding: 5px;
}
.table.table-project-view > thead > tr > th {
  font-size: 10px;
  font-weight: bold;
  color: #6e7088;
}
.table.table-project-view > tbody > tr {
  border-radius: 3px;
  background-color: #f3f3f3;
  border-bottom: 10px solid #fff;
}
.table.table-project-view > tbody > tr > td {
  font-size: 12px;
  color: #313355;
  padding: 8.5px;
}
.table.table-project-view > tbody > tr:last-child {
  border-bottom: 0;
}
.project-status {
  border-radius: 5px;
  padding: 15px 20px 26px 20px;
  margin: 0 auto;
  width: 300px;
  margin-top: 17px;
}
.project-status.red {
  background-color: #e26153;
}
.project-status.green {
  background-color: #3ab54b;
}
.project-status .content {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  color: #ffffff;
  text-align: center;
}
.project-status .border-bottom {
  display: block;
  opacity: 0.5;
  border-top: solid 1px #ffffff;
  margin: 14px 0 22px 0;
}
.project-status .status {
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  color: #ffffff;
  text-align: center;
}
/* Project Form Collapse  */
.collapse-box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
  border: solid 1px #cbcbcb;
  background-color: #e8e8ef;
}
.collapse-box .collapse-title {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  color: #2a3749;
  padding: 10px 35px 10px 20px;
  position: relative;
  display: block;
  cursor: pointer;
}
.collapse-box .collapse-title .collapse-link {
  top: 50%;
  right: 20px;
  position: absolute;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.collapse-box .collapse-title .collapse-link .collapse-arrow {
  width: 9px;
  display: inline-block;
  border-style: solid;
  cursor: pointer;
  border-color: #313355 transparent transparent transparent;
  border-width: 7px 5px 0 5px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.collapse-box .collapse-title.arrow .collapse-link .collapse-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.collapse-box .collapse-content {
  padding: 20px;
  border-top: 1px solid #cbcbcb;
}
.collapse-box .collapse-content .btn-img {
  width: 30px;
  vertical-align: middle;
}
.table.table-collapse > thead > tr > th,
.table.table-collapse > tbody > tr > th,
.table.table-collapse > tfoot > tr > th,
.table.table-collapse > thead > tr > td,
.table.table-collapse > tbody > tr > td,
.table.table-collapse > tfoot > tr > td {
  padding: 10px;
}
.table.table-collapse > thead > tr > th:first-child,
.table.table-collapse > tbody > tr > th:first-child,
.table.table-collapse > tfoot > tr > th:first-child,
.table.table-collapse > thead > tr > td:first-child,
.table.table-collapse > tbody > tr > td:first-child,
.table.table-collapse > tfoot > tr > td:first-child {
  padding-left: 0;
}
.table.table-collapse > thead > tr > th.wd-50,
.table.table-collapse > tbody > tr > th.wd-50,
.table.table-collapse > tfoot > tr > th.wd-50,
.table.table-collapse > thead > tr > td.wd-50,
.table.table-collapse > tbody > tr > td.wd-50,
.table.table-collapse > tfoot > tr > td.wd-50 {
  width: 50px;
  max-width: 50px;
  min-width: 50px;
}
.table.table-collapse > thead > tr > th.wd-200,
.table.table-collapse > tbody > tr > th.wd-200,
.table.table-collapse > tfoot > tr > th.wd-200,
.table.table-collapse > thead > tr > td.wd-200,
.table.table-collapse > tbody > tr > td.wd-200,
.table.table-collapse > tfoot > tr > td.wd-200 {
  width: 200px;
  max-width: 200px;
  min-width: 200px;
}
.table.table-collapse > thead > tr > th.wd-320,
.table.table-collapse > tbody > tr > th.wd-320,
.table.table-collapse > tfoot > tr > th.wd-320,
.table.table-collapse > thead > tr > td.wd-320,
.table.table-collapse > tbody > tr > td.wd-320,
.table.table-collapse > tfoot > tr > td.wd-320 {
  width: 320px;
  max-width: 320px;
  min-width: 320px;
}
.table.table-collapse > thead > tr > th.wd-370,
.table.table-collapse > tbody > tr > th.wd-370,
.table.table-collapse > tfoot > tr > th.wd-370,
.table.table-collapse > thead > tr > td.wd-370,
.table.table-collapse > tbody > tr > td.wd-370,
.table.table-collapse > tfoot > tr > td.wd-370 {
  width: 370px;
  max-width: 370px;
  min-width: 370px;
}
.table.table-collapse > thead > tr > th {
  font-size: 12px;
}
.table.table-collapse > tbody > tr > td input[type="text"] {
  padding: 9.5px 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #bdbdbd;
  background-color: #ffffff;
}
.table.table-collapse > tbody > tr > td .input-group.btn-file {
  border: 0;
  background-color: #ffffff;
}
.table.table-collapse > tbody > tr > td .input-group.btn-file input[type="text"] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.table.table-collapse > tbody > tr > td .form-control:focus {
  border-color: #fd7d40;
}
.table.table-collapse > tbody > tr > td .form-group {
  margin-bottom: 0;
}
.table.table-collapse > tbody > tr > td .table-attchment-view-item {
  max-width: 180px;
}
.table.table-collapse > tbody > tr > td .table-attchment-view-item .table-attchment-view {
  display: block;
  width: 100%;
  line-height: 1;
  position: relative;
  padding: 9px 25px 9px 10px;
  background-color: #ffffff;
  /* border: 1px solid #bdbdbd; */
}
.table.table-collapse > tbody > tr > td .table-attchment-view-item .table-attchment-view .table-attchment-view-name {
  font-size: 12px;
  display: block;
  width: 100%;
  line-height: 1;
  color: #313355;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table.table-collapse > tbody > tr > td .table-attchment-view-item .table-attchment-view img {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.table-report {
  background: #fff;
}
.table-report .table > thead > tr > th.wrap,
.table-report .table > tbody > tr > th.wrap,
.table-report .table > tfoot > tr > th.wrap,
.table-report .table > thead > tr > td.wrap,
.table-report .table > tbody > tr > td.wrap,
.table-report .table > tfoot > tr > td.wrap {
  white-space: unset;
  position: relative;
}
.table-report .table > thead > tr > th.wrap .content,
.table-report .table > tbody > tr > th.wrap .content,
.table-report .table > tfoot > tr > th.wrap .content,
.table-report .table > thead > tr > td.wrap .content,
.table-report .table > tbody > tr > td.wrap .content,
.table-report .table > tfoot > tr > td.wrap .content {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2; */
  max-height: 37px;
}
.table-report .table > thead > tr > th.wrap .content.show,
.table-report .table > tbody > tr > th.wrap .content.show,
.table-report .table > tfoot > tr > th.wrap .content.show,
.table-report .table > thead > tr > td.wrap .content.show,
.table-report .table > tbody > tr > td.wrap .content.show,
.table-report .table > tfoot > tr > td.wrap .content.show {
  max-height: unset;
}
.table-report .table > thead > tr > th.wrap .report-show,
.table-report .table > tbody > tr > th.wrap .report-show,
.table-report .table > tfoot > tr > th.wrap .report-show,
.table-report .table > thead > tr > td.wrap .report-show,
.table-report .table > tbody > tr > td.wrap .report-show,
.table-report .table > tfoot > tr > td.wrap .report-show {
  position: absolute;
  right: 0;
  bottom: 9px;
  font-size: 12px;
}
/* General Css */
body {
  color: #3c465c;
  font-family: 'Muli', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  overflow-x: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased !important;
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.title {
  font-family: 'Muli', sans-serif;
}
.tooltip {
  border-color: transparent;
  word-break: break-all;
}
.tooltip-inner {
  font-family: 'Muli', sans-serif;
  word-break: break-all;
}
hr.md {
  margin-top: 30px;
  margin-bottom: 30px;
}
hr.sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
hr.modal-hr {
  margin-bottom: 15px;
}
/* Layout Css */
.container {
  max-width: 1920px;
  width: 100%;
}
.row {
  margin-bottom: 30px;
}
.row:last-child {
  margin-bottom: 0;
}
.row.custom-row {
  margin-bottom: 10px;
}
.row.custom-row-end {
  margin-bottom: 15px;
}
.row.modal-row {
  margin-bottom: 20px;
}
.row.mb-none {
  margin-bottom: 0;
}
p {
  color: #3c465c;
  margin-bottom: 10px;
}
p:last-child {
  margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 15px;
  font-weight: 400;
  margin-top: 0;
  color: #3c465c;
}
h1 {
  font-size: 60px;
  line-height: 60px;
}
h2 {
  font-size: 46px;
  line-height: 50px;
}
h3 {
  font-size: 36px;
  line-height: 40px;
}
h4 {
  font-size: 28px;
  line-height: 30px;
}
h5 {
  font-size: 18px;
  line-height: 20px;
}
h6 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}
a {
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  color: #ff4e50;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  color: #fe8b47;
}
button {
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
button:hover,
button:focus {
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
/* Column and row */
.bs-col-space-none div[class^="col-"],
.bs-col-space-none .row {
  padding: 0;
  margin: 0;
}
.row {
  margin-bottom: 30px;
}
.row:last-child {
  margin-bottom: 0;
}
/* List */
ul {
  list-style: none;
  padding: 0;
}
/* Typography */
.typo-thin {
  font-weight: 300;
}
.typo-white p,
.typo-white a,
.typo-white h1,
.typo-white h2,
.typo-white h3,
.typo-white h4,
.typo-white h5,
.typo-white h6 {
  color: #fff;
}
/* Colors */
.error,
.mandatory {
  color: #D0021B !important;
}
.bottom-layer .error,
.bottom-layer .mandatory {
  color: #FF2828 !important;
}
.color-primary {
  color: #ff4e50;
}
.color-secondary {
  color: #fe6a47;
}
.color-secondary-light {
  color: #fd7d40;
}
.color-dark {
  border-color: #aaaaaa;
}
.color-green {
  color: #34a852;
}
.color-warning {
  color: #fbbc05;
}
.color-red {
  color: #ea4335;
}
.color-purpel {
  color: #6e2594;
}
.background-color {
  background: #f9f9f9;
}
/* Table */
.table-responsive {
  margin-bottom: 30px;
}
.table-responsive:last-child {
  margin-bottom: 0;
}
.table-relative {
  position: relative;
}
.table-relative .table-responsive {
  overflow-x: auto;
  padding-right: 90px;
}
.table-relative .table-responsive.lg {
  padding-right: 129px;
}
.table-relative .headcol {
  position: absolute;
  width: 90px;
  right: 1px;
  background-color: #fff;
}
.table-relative .headcol.lg {
  width: 129px;
}
.table-relative table.table-striped > thead > tr > th.headcol {
  background-color: #fff;
}
.table-relative table.table-striped > tbody > tr:nth-child(odd) > td.headcol {
  background-color: #f6f6f6;
}
.table-relative table.table-striped > tbody > tr:nth-child(evev) > td.headcol {
  background-color: #fff;
}
.table {
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  vertical-align: middle;
  /* Drog and Drop Table */
}
.table:last-child {
  margin-bottom: 0;
}
.table-light.table > thead > tr,
.table-light.table > tbody > tr,
.table-light.table > tfoot > tr {
  background: #f9f9f9;
  border-bottom: 8px solid #ffffff;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 10px;
  border: 0;
  color: #3c465c;
  font-weight: 600;
  vertical-align: middle;
  white-space: nowrap;
}
.table-white.table > thead > tr > th,
.table-white.table > tbody > tr > th,
.table-white.table > tfoot > tr > th,
.table-white.table > thead > tr > td,
.table-white.table > tbody > tr > td,
.table-white.table > tfoot > tr > td {
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.text-center.table > thead > tr > th,
.text-center.table > tbody > tr > th,
.text-center.table > tfoot > tr > th,
.text-center.table > thead > tr > td,
.text-center.table > tbody > tr > td,
.text-center.table > tfoot > tr > td {
  text-align: center;
}
.table > thead > tr > th.color-success,
.table > tbody > tr > th.color-success,
.table > tfoot > tr > th.color-success,
.table > thead > tr > td.color-success,
.table > tbody > tr > td.color-success,
.table > tfoot > tr > td.color-success {
  color: #34a852;
}
.table > thead > tr > th.color-warning,
.table > tbody > tr > th.color-warning,
.table > tfoot > tr > th.color-warning,
.table > thead > tr > td.color-warning,
.table > tbody > tr > td.color-warning,
.table > tfoot > tr > td.color-warning {
  color: #fbbc05;
}
.table > thead > tr > th.color-error,
.table > tbody > tr > th.color-error,
.table > tfoot > tr > th.color-error,
.table > thead > tr > td.color-error,
.table > tbody > tr > td.color-error,
.table > tfoot > tr > td.color-error {
  color: #ea4335;
}
.table > thead > tr > th.color-blue,
.table > tbody > tr > th.color-blue,
.table > tfoot > tr > th.color-blue,
.table > thead > tr > td.color-blue,
.table > tbody > tr > td.color-blue,
.table > tfoot > tr > td.color-blue {
  color: #4285f4;
}
.table > thead > tr > th.field,
.table > tbody > tr > th.field,
.table > tfoot > tr > th.field,
.table > thead > tr > td.field,
.table > tbody > tr > td.field,
.table > tfoot > tr > td.field {
  text-align: right;
  width: 12%;
}
.table > thead > tr > th.flex-width,
.table > tbody > tr > th.flex-width,
.table > tfoot > tr > th.flex-width,
.table > thead > tr > td.flex-width,
.table > tbody > tr > td.flex-width,
.table > tfoot > tr > td.flex-width {
  width: 3%;
}
.table > thead > tr > th .text-identity,
.table > tbody > tr > th .text-identity,
.table > tfoot > tr > th .text-identity,
.table > thead > tr > td .text-identity,
.table > tbody > tr > td .text-identity,
.table > tfoot > tr > td .text-identity {
  color: #34a852;
  font-weight: 600;
  border-bottom: 2px dotted #3c465c;
}
.table > tbody > tr > th,
.table > tbody > tr > td {
  line-height: normal;
}
.table > tbody > tr > th input[type="text"],
.table > tbody > tr > td input[type="text"] {
  /* max-width: 120px;
                    height: 30px; */
  padding: 4px;
  /* text-align: center;
                    color: @color_secondary_light;
                    border: 1px solid @color_secondary_light; */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.table > tbody > tr > th input[type="text"]:disabled,
.table > tbody > tr > td input[type="text"]:disabled {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #3c465c;
}
.table > tbody > tr > th input[type="text"]:read-only,
.table > tbody > tr > td input[type="text"]:read-only {
  border-color: #eeeeee;
  background-color: #eeeeee;
  color: #3c465c;
}
.table > tbody > tr > th input[type="text"]:-moz-read-only,
.table > tbody > tr > td input[type="text"]:-moz-read-only {
  border-color: #eeeeee;
  background-color: #eeeeee;
  color: #3c465c;
}
.table > tbody > tr > th a,
.table > tbody > tr > td a {
  color: #3c465c;
  display: inline-block;
}
.table > tbody > tr > th.action,
.table > tbody > tr > td.action {
  /* width: 90px; */
  line-height: 1.42857143;
  text-align: right;
}
.table > tbody > tr > th.action .btn-delete,
.table > tbody > tr > td.action .btn-delete {
  padding: 0;
  min-width: auto;
}
.table > tbody > tr > th.action a,
.table > tbody > tr > td.action a {
  display: inline-block;
}
.table > tbody > tr > th.action img,
.table > tbody > tr > td.action img {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.table > thead > tr > th,
.table > thead > tr > td {
  font-size: 13px;
  font-weight: bold;
  color: #fd7d40;
}
.table-light.table > thead > tr > th,
.table-light.table > thead > tr > td {
  background: #fff;
}
.table > thead > tr > th.action,
.table > thead > tr > td.action,
.table > thead > tr > th.actions,
.table > thead > tr > td.actions {
  text-align: right;
}
.table > thead > tr > td {
  font-weight: 400;
  color: #767676;
}
.table > tbody > tr > td.action {
  min-width: 120px;
}
.table label {
  font-size: 13px;
  display: block;
}
.table span {
  /* color: @color_primary; */
}
.table-sm.table span {
  font-size: 12px;
}
.table.table-striped > thead th {
  background: #ffffff;
}
.table.table-striped > tbody > tr {
  background-color: #ffffff;
}
.table.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f6f6f6;
}
.background-color .table.table-striped > tbody > tr:nth-of-type(odd),
.parts-search .table.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #ffffff;
}
.background-color .table.table-striped > tbody > tr:nth-of-type(even),
.parts-search .table.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f6f6f6;
}
.table.table-striped > tbody > tr.bg-white {
  background-color: #fff;
}
.table.table-striped > tfoot > tr > td {
  font-family: 'Muli', sans-serif;
  background-color: #eef0f9;
}
.table.table-view-striped > thead > tr > th,
.table.table-view-striped > tbody > tr > th,
.table.table-view-striped > tfoot > tr > th,
.table.table-view-striped > thead > tr > td,
.table.table-view-striped > tbody > tr > td,
.table.table-view-striped > tfoot > tr > td {
  font-size: 14px;
  line-height: normal;
  color: #313355;
}
.table.table-view-striped > thead {
  background-color: #ffffff;
  border-bottom: 1px solid #e8e8ef;
}
.table.table-view-striped > thead > tr > th {
  color: #6e7088;
  padding: 13px 30px 8px;
  opacity: 0.5;
}
.table.table-view-striped > thead > tr > th:first-child {
  border-top-left-radius: 5px;
}
.table.table-view-striped > thead > tr > th:last-child {
  border-top-right-radius: 5px;
}
.table.table-view-striped > tbody > tr {
  background-color: #fafafa;
}
.table.table-view-striped > tbody > tr > td {
  padding: 11px 30px;
}
.table.table-view-striped > tbody > tr > td .table-attchment-view {
  color: #6e7088;
}
.table.table-view-striped > tbody > tr > td .table-attchment-view-item {
  display: inline-block;
  vertical-align: middle;
}
.table.table-view-striped > tbody > tr > td .table-attchment-view-item + .table-attchment-view-item {
  margin-left: 2px;
}
.table.table-view-striped > tbody > tr > td .table-attchment-view-name {
  display: none;
}
.table.table-view-striped > tbody > tr:nth-of-type(even) {
  background-color: #f5f5f5;
}
.table.table-view-striped > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 5px;
}
.table.table-view-striped > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 5px;
}
.table.table-view-striped > tfoot {
  border-top: 1px solid #e8e8ef;
}
.table.table-view-striped > tfoot > tr > td,
.table.table-view-striped > tfoot > tr > th {
  font-weight: bold;
  padding: 11px 30px;
  color: #fd7d40;
}
.table.table-bordered {
  border: 1px solid #3c465c;
}
.table.table-bordered > thead > tr > th,
.table.table-bordered > tbody > tr > th,
.table.table-bordered > tfoot > tr > th,
.table.table-bordered > thead > tr > td,
.table.table-bordered > tbody > tr > td,
.table.table-bordered > tfoot > tr > td {
  border: 1px solid #3c465c;
}
.table.table-bordered-view {
  border: 1px solid #d3d3d3;
  border-width: 1px 0 1px 0;
}
.table.table-bordered-view > thead > tr > th,
.table.table-bordered-view > tbody > tr > th,
.table.table-bordered-view > tfoot > tr > th,
.table.table-bordered-view > thead > tr > td,
.table.table-bordered-view > tbody > tr > td,
.table.table-bordered-view > tfoot > tr > td {
  border: 1px solid #d3d3d3;
  border-width: 1px 0 1px 0;
}
.table#sortable > thead > tr > th {
  color: #3c465c;
}
.table#sortable > tbody > tr > td {
  background-image: linear-gradient(to bottom, #f9f9f9, #eaeaea);
  color: #3c465c;
}
/* Table Attachment View */
.table-attchment-view {
  font-size: 12px;
  padding: 4.5px 6px;
  line-height: 1;
  color: #6e7088;
  background-color: #e8e8ef;
  -webkit-border-radius: 4.4px;
  -moz-border-radius: 4.4px;
  -ms-border-radius: 4.4px;
  -o-border-radius: 4.4px;
  border-radius: 4.4px;
}
.table-attchment-view img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
/* Layout */
section,
.page-content {
  padding-top: 40px;
  padding-bottom: 40px;
}
section .section-space-sm,
.page-content .section-space-sm {
  padding-top: 40px;
  padding-bottom: 40px;
}
.content-wrap {
  min-height: calc(100vh - 55px);
  padding: 20px 5px;
  background: #f5f5f5;
  position: relative;
}
.content-wrap.custom-content-wrap {
  padding: 15px 50px;
}
.content-wrap.bl-fixed {
  padding-bottom: 93px;
}
.content-wrap.bl-form-fixed {
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .content-wrap {
    padding: 15px 0;
  }
}
.page-content-inner {
  position: relative;
}
.page-content-inner.page-boxed {
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
  padding: 15px 15px;
  height: 100%;
  background: #ffffff;
}
/* Spacings */
.pad-none {
  padding: 0;
}
.pad-tb-none {
  padding-top: 0;
  padding-bottom: 0;
}
/* Margin Space  */
.m-none {
  margin: none;
}
.mt-none {
  margin-top: none;
}
.mb-none {
  margin-bottom: none;
}
.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
/* Padding Space */
.pb-1 {
  padding-bottom: 1px;
}
.pb-80 {
  padding-bottom: 80px;
}
/* Text Color */
.text-red {
  color: #e52b20 !important;
}
.text-orange {
  color: #fd7d40 !important;
}
.text-green {
  color: #63ce63 !important;
}
.text-blue {
  color: #4285f4 !important;
}
/* Button */
.btn,
button {
  text-align: center;
  cursor: pointer;
  padding: 6px 10px 6px;
  font-size: 16px;
  outline: 0;
  border: none;
  line-height: normal;
  font-weight: bold;
  text-decoration: none;
  text-transform: capitalize;
  color: #ffffff;
  background-color: #fd7d40;
  /* .gradient_primary(); */
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.btn:active:focus,
button:active:focus,
.btn.active:focus,
button.active:focus,
.btn:hover,
button:hover,
.btn:focus,
button:focus,
.btn:active,
button:active,
.btn.focus,
button.focus {
  color: #ffffff;
  background-color: #fe6a47;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  outline: none;
}
.btn.btn-primary,
button.btn-primary {
  color: #fff;
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
}
.btn.btn-primary:hover,
button.btn-primary:hover,
.btn.btn-primary:focus,
button.btn-primary:focus {
  color: #fff;
  background-image: linear-gradient(315deg, #fe8b47, #fe6a47 65%, #ff4e50);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  outline: none;
}
.btn.btn-secondary,
button.btn-secondary {
  background: #fd7d40;
}
.btn.btn-secondary:hover,
button.btn-secondary:hover,
.btn.btn-secondary:focus,
button.btn-secondary:focus,
.btn.btn-secondary.active,
button.btn-secondary.active {
  background: #ff4e50;
}
.btn.btn-black,
button.btn-black {
  background-color: #313355;
  color: #fff;
}
.btn.btn-black:hover,
button.btn-black:hover,
.btn.btn-black:focus,
button.btn-black:focus,
.btn.btn-black.active,
button.btn-black.active {
  background: #3c465c;
  color: #ffffff;
}
.btn.btn-white,
button.btn-white {
  background-color: #ffffff;
  color: #ff4e50;
}
.btn.btn-white:hover,
button.btn-white:hover,
.btn.btn-white:focus,
button.btn-white:focus,
.btn.btn-white.active,
button.btn-white.active {
  background: #ff4e50;
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  color: #ffffff;
}
.btn.btn-red,
button.btn-red {
  background-color: #e52b20;
  color: #fff;
}
.btn.btn-red:hover,
button.btn-red:hover,
.btn.btn-red:focus,
button.btn-red:focus,
.btn.btn-red.active,
button.btn-red.active {
  background: #e52b20;
  color: #fff;
}
.btn.btn-yellow,
button.btn-yellow {
  background-color: #ffbf2f;
  color: #fff;
}
.btn.btn-yellow:hover,
button.btn-yellow:hover,
.btn.btn-yellow:focus,
button.btn-yellow:focus,
.btn.btn-yellow.active,
button.btn-yellow.active {
  background: #ffbf2f;
  color: #fff;
}
.btn.btn-green,
button.btn-green {
  background-color: #63ce63;
  color: #fff;
}
.btn.btn-green:hover,
button.btn-green:hover,
.btn.btn-green:focus,
button.btn-green:focus,
.btn.btn-green.active,
button.btn-green.active {
  background: #63ce63;
  color: #fff;
}
.btn.btn-add,
button.btn-add {
  margin: 10px 0 20px;
}
.btn.btn-sm,
button.btn-sm {
  font-size: 12px;
  font-weight: bold;
  padding: 3.5px 16.5px 5.5px;
  min-width: 0;
}
.btn.btn-md,
button.btn-md {
  padding: 6px 18px;
  min-width: 0;
}
.btn.btn-lg,
button.btn-lg {
  padding: 20px;
}
.btn.btn-all,
button.btn-all {
  padding: 7.5px 18px;
  margin-bottom: 10px;
  min-width: 0;
}
.btn.btn-rnd,
button.btn-rnd {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.btn.btn-link,
button.btn-link {
  background: transparent;
  padding: 0;
  font-family: 'Muli', sans-serif;
  color: #ff4e50;
  text-transform: capitalize;
}
.btn.btn-link:hover,
button.btn-link:hover,
.btn.btn-link:focus,
button.btn-link:focus {
  color: #fe6a47;
  text-decoration: none;
}
.btn.btn-close,
button.btn-close {
  min-width: 0;
  text-align: center;
  background-color: #ea4335;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  padding: 7px 14px;
}
.btn.dropdown-toggle,
button.dropdown-toggle {
  background-image: none;
  background-color: #aaaaaa;
  height: 40px;
  border: 1px solid #aaaaaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: left;
  padding: 0 8px;
  padding-right: 25px;
  top: 0;
  color: #000000;
  min-width: 0;
}
.btn.dropdown-toggle.bs-placeholder,
button.dropdown-toggle.bs-placeholder {
  color: #000000;
}
.bootstrap-select.btn-group.btn.dropdown-toggle .filter-option,
.bootstrap-select.btn-groupbutton.dropdown-toggle .filter-option {
  text-transform: none;
}
.background-color .btn.dropdown-toggle,
.background-color button.dropdown-toggle {
  background-color: #ffffff;
}
.btn.btn-border,
button.btn-border {
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #fe6a47;
  color: #fe6a47;
  padding: 7px 20px;
}
.btn.btn-border i,
button.btn-border i {
  margin-right: 10px;
}
.btn.btn-border:hover,
button.btn-border:hover {
  background-color: #fe6a47;
  color: #ffffff;
}
.btn.btn-img,
button.btn-img {
  min-width: unset;
  padding: 0;
  border: 0;
  background: transparent;
}
.btn.btn-img:active:focus,
button.btn-img:active:focus,
.btn.btn-img.active:focus,
button.btn-img.active:focus,
.btn.btn-img:hover,
button.btn-img:hover,
.btn.btn-img:focus,
button.btn-img:focus,
.btn.btn-img:active,
button.btn-img:active,
.btn.btn-img.focus,
button.btn-img.focus {
  background: transparent;
}
.btn.img-btn img,
button.img-btn img {
  display: inline-block;
  margin-right: 5px;
}
.btn.btn-fullwidth,
button.btn-fullwidth {
  width: 100%;
}
.btn-link {
  color: #e26153;
  display: inline-block;
  cursor: pointer;
}
.btn-link i {
  margin-right: 5px;
}
.btn-link + .btn-link {
  padding-left: 10px;
}
/* Section title */
.section-title {
  margin-bottom: 20px;
  text-align: center;
}
.section-title .title {
  display: inline-block;
  padding-bottom: 20px;
  color: #ff4e50;
  position: relative;
  margin-bottom: 0;
}
.section-title p {
  font-size: 18px;
}
/* Breadcrumb */
.breadcrumb {
  color: #fe8b47;
  background: transparent;
  padding: 0;
  margin-bottom: 5px;
  font-size: 11px;
}
.breadcrumb li a {
  color: #fe8b47;
}
.breadcrumb li a:hover,
.breadcrumb li a:focus,
.breadcrumb li a.active {
  color: #fe6a47;
}
.breadcrumb li.active {
  color: #fe8b47;
}
/* Pagination */
.pagination {
  margin: 0;
}
.text-center.pagination {
  text-align: center;
}
.pagination > li {
  float: left;
}
.pagination > li > a,
.pagination > li > span {
  background-color: transparent;
  border: 0;
  color: #fe8b47;
  font-size: 14px;
  font-family: 'Muli', sans-serif;
  width: 30px;
  height: 30px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  margin: 0 8px;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  border-radius: 5px !important;
}
.pagination > li > a.active,
.pagination > li > span.active,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li > a:hover,
.pagination > li > span:hover {
  background: #fe8b47;
  color: #ffffff;
}
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background: #fe8b47;
  color: #ffffff;
}
/* Form */
label,
.label {
  font-weight: 400;
}
.form-group {
  position: relative;
  margin-bottom: 30px;
}
.page-header-field .form-group {
  margin-bottom: 0;
}
.form-group label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #313355;
}
#mcTooltip .form-group label {
  color: #fff;
}
.form-group label.border-label {
  border: 1px solid #3c465c;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  line-height: 45px;
  padding: 0 15px;
}
.form-group label span {
  font-size: 14px;
  border-color: #ff4e50;
}
.form-group label.opacity-0 {
  opacity: 0;
}
.form-group label.error {
  color: #ea4335;
  margin-bottom: 0;
}
.form-group .error-field {
  display: none;
}
.form-group .error-field.error {
  display: inline-block;
}
.bottom-layer .form-group .error-field.error {
  color: #FF2828;
}
.form-group .btn-link {
  line-height: 32px;
  font-size: 12px;
}
/* Input Search Appearance */
/* input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: searchfield;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
} */
.form-control {
  height: 32px;
  color: #313355;
  background: #ffffff;
  padding: 9px 8px 8px 10px;
  font-size: 12px;
  font-weight: 400;
  border: 1px solid #e8e8ef;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  /* .focus & {
        border-color: @color_border;
    } */
}
.form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-color: #3c465c;
}
.form-control.input-label {
  background: transparent;
  border: none;
  padding-left: 0;
}
.form-control.form-control[disabled] {
  cursor: text;
  background: transparent;
  border-color: transparent;
  padding: 0;
}
.form-control[readonly] {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.form-control.color-green {
  color: #34a852;
}
.form-control.color-red {
  color: #ea4335;
}
.form-control:focus,
.form-control:active {
  border-color: #fd7d40;
}
.view-list-item .form-control.type-text {
  height: 24px;
  font-size: 13px;
  padding: 3px 5px;
}
textarea.form-control {
  height: 100%;
  width: 100%;
  resize: none;
  min-height: 32px;
}
.form-control::-webkit-input-placeholder {
  color: #9e9e9e;
}
.form-control::-moz-placeholder {
  color: #9e9e9e;
}
.form-control:-ms-input-placeholder {
  color: #9e9e9e;
}
.form-control:-moz-placeholder {
  color: #9e9e9e;
}
.input-group {
  width: 100%;
}
.grp-control .input-group {
  margin-bottom: 15px;
}
.input-group .input-group-addon {
  background: transparent;
  border-color: #3c465c;
  font-size: 18px;
  padding: 6px 10px;
  color: #fd7d40;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.focus.input-group .input-group-addon {
  /* border-color: @color_secondary; */
}
.input-group .input-group-addon i:before {
  font-weight: 900;
}
.input-group .input-group-btn {
  border: 1px solid #fe8b47;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.input-group .input-group-btn .btn,
.input-group .input-group-btn button {
  padding: 5px 4px;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #3c465c;
  line-height: 1;
}
.input-group .input-group-btn .btn i:before,
.input-group .input-group-btn button i:before {
  font-size: 20px;
  font-weight: 900;
  color: #3c465c;
}
.input-group .form-control {
  padding-left: 8px;
}
.input-group .form-control.form-control[disabled] {
  cursor: text;
  background: #f9f9f9;
  border-color: #f9f9f9;
  padding-left: 8px;
  color: #3c465c;
}
.input-group .form-control.form-control[disabled]::-webkit-input-placeholder {
  color: #3c465c;
}
.input-group .form-control.form-control[disabled]::-moz-placeholder {
  color: #3c465c;
}
.input-group .form-control.form-control[disabled]:-ms-input-placeholder {
  color: #3c465c;
}
.input-group .form-control.form-control[disabled]:-moz-placeholder {
  color: #3c465c;
}
.input-group.search .input-group-addon {
  background: #fff;
  border-color: #fd7d40;
}
.input-group.search .form-control {
  border-left: 0;
  padding-left: 0;
  border-color: #fd7d40;
}
.input-group.part-search-field .form-control {
  border-right: 0;
}
.input-group.part-search-field .input-group-btn {
  background: #fff;
}
.input-group.part-search-field .input-group-btn .btn-close {
  margin-right: 10px;
  padding-top: 0;
  display: none;
}
.input-group.part-search-field .input-group-btn .btn-close i {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  font-size: 12px;
  padding: 3px 7px 2px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.input-group.part-search-field .input-group-btn .btn-close i:before {
  color: #aaaaaa;
  font-size: 12px;
}
.input-group.part-search-field .input-group-btn .btn-close i:hover {
  border: 0;
  background: #f1f1f1;
  cursor: pointer;
}
.input-group.part-search-field .input-group-btn .btn-close i:hover:before {
  color: #e52b20;
  padding: 0px 0px 0px;
}
.input-group.part-search-field .input-group-btn .btn-close:hover {
  color: #e52b20;
}
.input-group.part-search-field .input-group-btn .btn-close.active {
  display: inline-block;
  box-shadow: none;
}
.input-group.date {
  border: 1px solid #e8e8ef;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.input-group.date .form-control {
  cursor: pointer;
  height: 30px;
  border: 0;
  padding-right: 0;
}
.view-list-item .input-group.date .form-control {
  height: 24px;
  padding: 4px;
  font-size: 13px;
}
.input-group.date .input-group-addon {
  cursor: pointer;
  border: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: transparent;
}
.input-group.date .input-group-addon img {
  width: 30px;
}
.view-list-item .input-group.date .input-group-addon {
  width: 24px;
  height: 24px;
}
.view-list-item .input-group.date .input-group-addon img {
  width: 13px;
}
.input-group.date .input-group-addon.addon-icon {
  padding: 0;
}
.input-group.date .input-group-addon.addon-icon .btn-icon-color {
  background: #3c465c;
  color: #ffffff;
  border: 0;
  padding: 0px 12px;
  height: 32px;
  width: 32px;
  position: relative;
  right: -2px;
  line-height: 0;
}
.input-group.date .input-group-addon.addon-icon .btn-icon-color:hover,
.input-group.date .input-group-addon.addon-icon .btn-icon-color:focus {
  background: #3c465c;
  color: #ffffff;
}
.input-group.date .input-group-addon.addon-icon .btn-icon-color .display-none {
  display: none !important;
}
.input-group.date .input-group-addon.addon-icon .btn-icon-color img {
  width: 12px;
}
.input-group.date .input-group-addon.addon-icon .dropdown-menu .list-inline {
  width: 100%;
}
.input-group.date .input-group-addon.addon-icon .dropdown-menu .list-inline .list-inline-item {
  display: block;
  float: left;
  padding: 5px;
}
.input-group.price {
  border: 1px solid #3c465c;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.input-group.price .form-control {
  border: 0;
  height: 33px;
}
.table .input-group.price .form-control {
  height: 28px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.input-group.price .input-group-addon {
  border: 0;
  padding: 0;
  width: 32px;
  height: 32px;
}
.input-group.price .input-group-addon img {
  width: 32px;
  display: inline-block;
  margin: 0;
}
.table .input-group.price .input-group-addon {
  width: 28px;
  height: 28px;
}
.table .input-group.price .input-group-addon img {
  width: 28px;
}
.input-group.btn-file {
  border: 1px solid #3c465c;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.input-group.btn-file .form-control {
  border: 0;
  background-color: #fff;
  cursor: text;
  height: 30px;
}
.input-group.btn-file .input-group-btn {
  border: 0;
  cursor: pointer;
}
.input-group.btn-file .input-group-btn .btn {
  min-width: auto;
  padding: 0;
  width: 30px;
  cursor: pointer;
}
.input-group.btn-file .input-group-btn .btn input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  opacity: 0;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.input-group.btn-file .input-group-btn .btn img {
  width: 30px;
  cursor: pointer;
}
.input-group.btn-file.import-file {
  border-color: #3c465c;
  color: #ffffff;
}
.input-group.btn-file.import-file .form-control {
  height: 60px;
}
.input-group.btn-file.import-file .input-group-btn .btn {
  background: #3c465c;
  padding: 22px 30px;
  margin-bottom: 0;
  color: #fff;
  position: relative;
  right: -1px;
  height: 60px;
  vertical-align: middle;
}
.input-group.btn-file.import-file .input-group-btn .btn-over {
  background: #ffffff;
  padding: 0;
  position: relative;
  right: 0;
  border: 0;
  margin-right: 20px;
}
/* Time Picker */
.bootstrap-timepicker .input-group-addon {
  font-size: 14px;
}
.bootstrap-timepicker .input-group-addon i {
  color: #9697a9;
}
.bootstrap-timepicker-widget table td input {
  border: 1px solid #ccc;
}
/* Right Side Filter */
.right-side-filter {
  float: right;
}
/* Tabs */
.tab-header {
  margin-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}
.tab-wrap .nav-tabs {
  border-bottom-color: #3c465c;
}
.tab-wrap .nav-tabs > li > a {
  position: relative;
  border: 0;
  padding: 10px 24px 20px;
  min-width: 120px;
  text-align: center;
  font-size: 16px;
}
.tab-wrap .nav-tabs > li > a.active,
.tab-wrap .nav-tabs > li > a:focus,
.tab-wrap .nav-tabs > li > a:hover {
  border: 0;
  color: #ff4e50;
  background: transparent;
}
.tab-wrap .nav-tabs > li.active > a {
  color: #ff4e50;
}
.tab-wrap .nav-tabs > li.active > a::after {
  width: 100%;
}
.tab-wrap .nav-tabs > li:focus,
.tab-wrap .nav-tabs > li:hover {
  background: transparent;
}
.tab-wrap .nav-tabs > li.additional-tab {
  float: right;
}
.tab-wrap .nav-tabs > li.additional-tab > a {
  background: #222;
  color: #fff;
  margin-right: 0;
}
.tab-wrap .nav-tabs > li.tab-btn {
  float: right;
}
.tab-wrap .nav-tabs > li.tab-btn > a {
  background: #ff4e50;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  margin-right: 0;
  padding: 10px 24px 13px;
}
.tab-wrap .nav-tabs > li.tab-btn > a:hover,
.tab-wrap .nav-tabs > li.tab-btn > a:focus,
.tab-wrap .nav-tabs > li.tab-btn > a.active {
  background: #fe6a47;
}
.tab-content {
  padding: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.tab-content p:last-child {
  margin-bottom: 0;
}
/* Date Picker */
.datepicker.datepicker-dropdown {
  min-width: 250px;
  padding: 15px 20px;
  border: 1px solid #eeeeee;
  color: #3c465c;
  font-weight: 600;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.datepicker.datepicker-dropdown:before {
  border-bottom-color: #ff4e50;
}
.datepicker.datepicker-dropdown table tr td.active {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  color: #fff;
}
.datepicker.datepicker-dropdown table tr td.selected {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  color: #fff;
}
.datepicker.datepicker-dropdown table tr td.range {
  background: #ff4e50;
  color: #fff;
}
.datepicker.datepicker-dropdown table tr td.day:hover,
.datepicker.datepicker-dropdown table tr td.day:focus {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  color: #fff;
}
.datepicker.datepicker-dropdown table tr td span {
  line-height: 27px;
  padding: 4px;
  height: auto;
}
.datepicker.datepicker-dropdown table tr td span:hover,
.datepicker.datepicker-dropdown table tr td span:focus {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  color: #fff;
}
.datepicker.datepicker-dropdown table tr td span.focused {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  color: #fff;
}
.datepicker.datepicker-dropdown table .datepicker-switch:hover,
.datepicker.datepicker-dropdown table .next:hover,
.datepicker.datepicker-dropdown table .prev:hover,
.datepicker.datepicker-dropdown table .datepicker-switch:focus,
.datepicker.datepicker-dropdown table .next:focus,
.datepicker.datepicker-dropdown table .prev:focus {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  color: #fff;
}
/* Date Range Picker */
.daterangepicker table {
  /* tbody {
            border: solid 2px @color_lgrey;
            .radius(4px);
            background-color: #ffffff;
            tr {
                margin: 10px;
                td {
                    &.available {
                        .radius(50%);
                        width:1%;
                        border: 5px solid #fff;
                        &.off {
                            border: 5px solid #fff;
                        }
                        &:active, &:focus, &:hover {
                            .radius(50%);
                            width:1%;
                            border: 5px solid #fff;
                        }
                    }
                }
            }
            &:active {
                border: solid 2px @color_primary;
            }
        } */
}
.daterangepicker table tr td.available {
  color: #3c465c;
}
.daterangepicker table tr td.available.off {
  color: #aaaaaa;
}
.daterangepicker table tr td.available.off.active {
  background-color: #ff4e50;
  color: #fff;
}
.daterangepicker table tr td.available.in-range {
  background-color: #f9f9f9;
  color: #3c465c;
}
.daterangepicker table tr td.available.active {
  background-color: #ff4e50;
  color: #fff;
}
.daterangepicker .input-mini.active {
  border-color: #ff4e50;
}
.daterangepicker .ranges .range_inputs .btn.btn-sm {
  border-color: #ff4e50;
  background-color: #fff;
  color: #ff4e50;
  padding: 5px 12px;
}
.daterangepicker .ranges .range_inputs .btn.btn-sm:hover {
  color: #fff;
  background-color: #ff4e50;
}
/* Button Set */
.btn-set li {
  display: inline-block;
  margin: 0 5px;
}
.btn-set li:first-child {
  margin-left: 0;
}
.btn-set li:last-child {
  margin-right: 0;
}
/* List Icon */
.list-icon li {
  display: inline-block;
  padding: 0 10px;
  margin-bottom: 25px;
}
.list-icon li img {
  display: inline-block;
  margin-right: 10px;
}
/* Footer */
.footer {
  display: none;
}
/* Card */
.card {
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.card-inner {
  display: block;
  text-align: center;
  padding: 36px 0;
  margin: 0 auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  color: #3c465c;
}
.card-inner .title {
  margin: 0;
  font-size: 36px;
  font-weight: 600;
}
.card-inner .title i:before {
  line-height: 28px;
}
.card-inner .desc {
  margin: 20px 0 0;
  font-size: 20px;
  font-weight: 500;
}
.tab-pane .card-inner .desc {
  font-weight: 700;
}
.card-inner img {
  margin: auto;
  width: 30px;
}
.card:hover {
  -webkit-transform: scale(1.04, 1.04);
  -moz-transform: scale(1.04, 1.04);
  -ms-transform: scale(1.04, 1.04);
  -o-transform: scale(1.04, 1.04);
  transform: scale(1.04, 1.04);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
/* Ticket With card */
.card.ticket .title {
  color: inherit;
}
.card.ticket .desc {
  color: inherit;
}
.card.ticket.all .card-inner {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  color: #fff;
}
.card.ticket.action .card-inner {
  background: #ff7300;
  color: #fff;
}
.card.ticket.overdue .card-inner {
  background: #909090;
  color: #fff;
}
.card.ticket.overdue .card-inner.in {
  background: #e52b20;
}
.card.ticket.white .card-inner {
  background: #ffffff;
  color: #3c465c;
}
.card.ticket.default .card-inner .desc {
  color: #767676;
}
.tab-pane .card.ticket.default .card-inner .desc {
  color: #3c465c;
}
.card.ticket.new .card-inner .desc {
  color: #e52b20;
}
.card.ticket.pending .card-inner .desc {
  color: #ff7300;
}
.card.ticket.resolved .card-inner .desc {
  color: #63ce63;
}
.card.ticket.closed .card-inner .desc {
  color: #63ce63;
}
/* Header Profile */
/* Page Header */
.page-title {
  display: inline-block;
  vertical-align: middle;
}
.page-title .title {
  font-size: 24px;
  line-height: 1.83;
  font-weight: 900;
  color: #3c465c;
  text-transform: capitalize;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.type-2.page-title .title {
  line-height: 1.5;
}
.page-title .sub-title {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.type-2.page-title .sub-title {
  display: block;
  font-size: 15px;
  font-weight: 800;
  padding-left: 44px;
  line-height: normal;
}
.page-title .badge {
  background-color: #3c465c;
}
.page-header {
  padding: 0;
  margin: 0;
  border: 0;
}
.page-header-content {
  padding-bottom: 10px;
}
.page-header-inner {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 0 0px;
  /* &.title-content {
            width: 1%;
        }
        &.header-card {
            width: 25%;
            text-align: right;
        } */
}
.page-header-inner .previous-page {
  display: inline-block;
  vertical-align: middle;
}
.page-header-inner .previous-page a {
  display: inline-block;
}
.page-header-inner .previous-page a img {
  display: inline-block;
  margin-right: 10px;
  /* width: 35px; */
}
.page-header-inner.alignment-right {
  display: inline-block;
  float: right;
}
.page-header-inner.alignment-right .btn-border {
  /* min-width: 50px;
                padding: 2px 5px 2px 7px;
                font-size: 20px;
                i {
                    font-size: 20px;
                } */
}
.page-header-inner.alignment-right .btn-border.add-content {
  padding: 10px 15px;
  font-size: 16px;
  margin-left: 10px;
}
.page-header-inner.alignment-right .page-header-field .status-box {
  background: #f9f9f9;
  padding: 5px 20px 0;
  display: inline-block;
  margin-right: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.page-header-inner.alignment-right .page-header-field .status-box p {
  margin-bottom: 0;
  line-height: 1;
  font-size: 14px;
}
.page-header-inner.alignment-right .page-header-field .status-box span {
  color: #fd7d40;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}
.page-header-inner.alignment-right .page-header-field .selected-field {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.page-header-inner.alignment-right .page-header-field .selected-field .form-group .form-control {
  width: 220px;
}
.page-header-inner.alignment-right .page-header-field .btn {
  min-width: auto;
}
.page-header-inner.alignment-right .page-header-field .btn-filter {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.page-header-inner.alignment-right .page-header-field .btn-filter::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("../img/content/filter.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.page-header-inner.alignment-right .page-header-field .btn-filter:hover::before {
  background-image: url("../img/content/filter-active.svg");
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.page-header-inner.alignment-right a {
  margin-left: 3px;
}
.table-content .page-header-inner.profile {
  width: 60%;
  padding-left: 15px;
  padding-right: 15px;
}
.page-header-inner.profile .profile-edit-block {
  padding: 5px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #eeeeee;
  background-color: #f9f9f9;
  display: inline-block;
}
.page-header-inner.profile .header-profile {
  vertical-align: middle;
}
.page-header-inner.profile .header-profile-pic {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.page-header-inner.profile .header-profile img {
  width: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.page-header-inner.profile .header-profile .profile-details {
  display: inline-block;
  vertical-align: middle;
  padding-right: 35px;
  position: relative;
}
.page-header-inner.profile .header-profile .profile-details .profile-name {
  color: #fd7d40;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  margin-bottom: 0;
}
.page-header-inner.profile .header-profile .profile-details .profile-code {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.page-header-inner.profile .header-profile .profile-details button.btn-edit {
  width: 25px;
  height: 25px;
  min-width: auto;
  background-color: #eeeeee;
  color: #3c465c;
  text-align: center;
  font-size: 11px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.page-header-inner.profile .header-profile .profile-details button.btn-edit:hover {
  background: #fe6a47;
  color: #fff;
}
.page-header-inner.profile .header-profile .profile-details button.btn-edit i:before {
  font-weight: 900;
}
.page-header-inner.profile .header-profile .header-list {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  padding-left: 0px;
}
.page-header-inner.profile .header-profile .header-list li {
  padding: 0 15px;
  display: inline-block;
}
.page-header-inner.profile .header-profile .header-list li span {
  font-size: 12px;
  font-weight: 600;
  color: #aaaaaa;
}
.page-header-inner.profile .header-profile .header-list li p {
  font-size: 16px;
  color: #fd7d40;
  line-height: 1.2;
}
.page-header-inner.profile .header-profile .invoice-field {
  background: #f9f9f9;
  padding: 7px 20px;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-left: 15px;
  margin-bottom: 5px;
}
.page-header-inner.profile .header-profile .invoice-field p {
  font-size: 16px;
}
.page-header-inner.profile .header-profile .invoice-field p span {
  color: #fd7d40;
  padding-left: 2px;
}
.page-header-inner.info-details {
  text-align: right;
  /*  .select-date-field {
                display: inline-block;
            } */
}
.table-content .page-header-inner.info-details {
  width: 100%;
  padding-left: 15px;
}
.page-header-inner.info-details .date-block {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 25px;
  background-color: #f9f9f9;
  margin-right: 15px;
}
.table-content .page-header-inner.info-details .date-block {
  margin-right: 0;
}
.page-header-inner.info-details .date-block span {
  font-weight: 600;
  color: #aaaaaa;
}
.page-header-inner.info-details .date-block h5 {
  font-size: 22px;
  font-weight: 700;
  color: #fd7d40;
  margin-bottom: 0;
}
.page-header-inner.select-date-field {
  width: 20%;
}
.page-header-inner.select-date-field.alignment-right {
  float: right;
  width: 280px;
  margin-bottom: 15px;
}
.page-header-inner.select-date-field.date-feild {
  width: 280px;
}
.page-header-inner.filter-btn {
  width: 10% !important;
}
.page-header-inner.search {
  padding-left: 10px;
  /* .form-control {
                border-left: 0;
                max-width: 450px;
            } */
  /* .stright-view {
                display: block;
                float: left;
                margin-right: 10px;
                .input-group {
                    min-width: 280px;
                }
            } */
}
/* Page Header Form Group */
.page-header-form-group label {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #313355;
  vertical-align: middle;
}
.page-header-form-group .input-group-wrap {
  width: 115px;
  display: inline-block;
  vertical-align: middle;
}
.page-header-form-group .input-group-wrap .input-group.date .form-control {
  background: #fff;
}
/* Button Info */
.btn-info {
  display: none;
}
/* Recent Searches */
.recent-searches {
  margin-top: 45px;
  padding-top: 25px;
  position: relative;
}
.recent-searches:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: inline-block;
  width: 50%;
  min-height: 1px;
  background-color: #cccccc;
  margin: 0 auto;
}
.recent-searches .grp-control label {
  margin-bottom: 15px;
}
.recent-searches .grp-control a .input-group .form-control {
  cursor: pointer;
}
.recent-searches .input-group .form-control[disabled] {
  padding-left: 20px;
}
.recent-searches .input-group .input-group-btn {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}
.recent-searches .input-group .input-group-btn .btn,
.recent-searches .input-group .input-group-btn button {
  padding: 5px 20px 5px 12px;
}
.recent-searches .input-group .input-group-btn .btn i:before,
.recent-searches .input-group .input-group-btn button i:before {
  -webkit-transform: rotate(320deg);
  -moz-transform: rotate(320deg);
  -ms-transform: rotate(320deg);
  -o-transform: rotate(320deg);
  transform: rotate(320deg);
}
/* Flaot */
.float-right {
  float: right;
}
/* Display */
.inline {
  display: inline-block;
}
/* Table Bottom Layer */
.table-bottom-layer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
/* Bottom Layer */
.bottom-layer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 100px;
  color: #ffffff;
  padding: 0 30px;
  z-index: 2;
  -webkit-transform: translateY(60%);
  -moz-transform: translateY(60%);
  -ms-transform: translateY(60%);
  -o-transform: translateY(60%);
  transform: translateY(60%);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.bottom-layer.order-layer {
  -webkit-transform: translateY(67%);
  -moz-transform: translateY(67%);
  -ms-transform: translateY(67%);
  -o-transform: translateY(67%);
  transform: translateY(67%);
}
.bottom-layer.profile-layer {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  bottom: -120px;
  visibility: hidden;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.bottom-layer.profile-layer.show-bottom-layer {
  bottom: -7px;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  visibility: visible;
}
.bottom-layer.qr-bottom-layer {
  -webkit-transform: translateY(73%);
  -moz-transform: translateY(73%);
  -ms-transform: translateY(73%);
  -o-transform: translateY(73%);
  transform: translateY(73%);
}
@media only screen and (max-width: 767px) {
  .bottom-layer.qr-bottom-layer {
    -webkit-transform: translateY(83%);
    -moz-transform: translateY(83%);
    -ms-transform: translateY(83%);
    -o-transform: translateY(83%);
    transform: translateY(83%);
  }
}
.bottom-layer.qr-report-bottom-layer {
  -webkit-transform: translateY(110%);
  -moz-transform: translateY(110%);
  -ms-transform: translateY(110%);
  -o-transform: translateY(110%);
  transform: translateY(110%);
}
@media only screen and (max-width: 767px) {
  .bottom-layer.qr-report-bottom-layer {
    -webkit-transform: translateY(83%);
    -moz-transform: translateY(83%);
    -ms-transform: translateY(83%);
    -o-transform: translateY(83%);
    transform: translateY(83%);
  }
}
.bottom-layer.bottom-invisible {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.bottom-layer.in {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.bottom-layer.in .btn-set-left {
  display: none;
}
.bottom-layer.in .bottom-list .bottom-item-outer {
  float: none;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.bottom-layer.in .bottom-list .bottom-item.bottom-first {
  padding-left: 0;
  border-left: 0;
}
.bottom-layer.in .bottom-list .bottom-item.bottom-first-li {
  padding-left: 30px;
}
.bottom-layer.in .bottom-list.bottom-list-flex {
  float: right;
  display: flex;
  flex-wrap: wrap;
  padding-right: 0;
}
.bottom-layer.in .bottom-list.bottom-list-flex > li {
  float: right;
}
.bottom-layer.in .bottom-list.bottom-list-flex > li.last-child {
  padding-right: 0;
}
.bottom-layer .form-group label {
  color: #fff;
}
.bottom-layer .input-group.date .input-group-addon {
  border: 0;
  padding: 0;
  width: 35px;
  background: #fe6a47;
}
.bottom-layer .input-group.date .form-control {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.bottom-layer .input-group .input-group-addon {
  border-color: transparent;
  background-color: #ffffff;
}
.bottom-layer .input-group .form-control {
  border-color: transparent;
}
.bottom-layer-inner {
  background-color: #3c465c;
}
.bottom-layer.stable-layer {
  background-color: #3c465c;
  transform: translateY(0%);
  min-height: 70px;
}
.bottom-layer.stable-layer .btn-white {
  margin-top: 12px;
}
.bottom-layer.fixed {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  background: #ffffff;
  padding: 10px 30px;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
  min-height: unset;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  z-index: 2;
}
.bottom-layer.fixed .text-right .btn,
.bottom-layer.fixed .text-right button {
  font-size: 16px;
}
.bottom-layer.fixed .text-right .btn-secondary,
.bottom-layer.fixed .text-right button-secondary {
  border-color: #fe6a47;
}
.bottom-layer.fixed .continue-provider .next-provider {
  text-align: center;
  position: relative;
  cursor: pointer;
  height: 38px;
}
.bottom-layer.fixed .continue-provider .next-provider p {
  font-size: 14px;
  border: 1px solid #aaaaaa;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 2px;
  margin: 0 auto;
  width: 24px;
  line-height: 1.4;
  color: #aaaaaa;
}
.bottom-layer.fixed .continue-provider .next-provider p.active {
  color: #fd7d40;
  border-color: #fd7d40;
}
.bottom-layer.fixed .continue-provider .next-provider p.remove-active {
  display: none;
}
.bottom-layer.fixed .continue-provider .next-provider .success-img {
  display: none;
}
.bottom-layer.fixed .continue-provider .next-provider .success-img.active {
  display: block;
  line-height: 0;
}
.bottom-layer.fixed .continue-provider .next-provider .success-img.active img {
  width: 24px;
}
.bottom-layer.fixed .continue-provider .next-provider span {
  color: #aaaaaa;
  font-size: 12px;
  position: relative;
  top: -5px;
}
.bottom-layer.fixed .continue-provider .next-provider span.active {
  color: #fd7d40;
}
.bottom-layer.fixed .continue-provider .next-provider::before {
  content: '';
  position: absolute;
  border-bottom: 1px solid #aaaaaa;
  width: 50%;
  top: 40%;
  transform: translate(65%, 20%);
}
.bottom-layer.fixed .continue-provider .next-provider.brdr-none::before {
  border-bottom: 0;
}
.bottom-layer.darked {
  background-color: #3c465c;
  color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bottom-layer.bottom-invisible {
  padding: 0;
}
.bottom-layer.bottom-invisible .bottom-header {
  padding: 10px 30px;
}
@media only screen and (max-width: 767px) {
  .bottom-layer.bottom-invisible .bottom-header {
    padding: 10px 15px;
  }
}
.bottom-layer.bottom-invisible .bottom-body {
  border-bottom: 0;
}
.bottom-layer.qr-bottom-layer {
  padding: 0;
}
.bottom-layer.qr-bottom-layer .bottom-header {
  padding: 10px 30px;
}
.bottom-layer.qr-bottom-layer .bottom-header .bottom-sub-title {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  display: block;
  float: left;
  margin-bottom: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .bottom-layer.qr-bottom-layer .bottom-header {
    padding: 10px 15px;
  }
  .bottom-layer.qr-bottom-layer .bottom-header .bottom-qr-list {
    display: none;
  }
}
.bottom-layer.qr-bottom-layer .bottom-qr-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.bottom-layer.qr-bottom-layer .bottom-qr-list li {
  padding: 0 30px;
  border-right: 1px solid #9e9e9e;
}
.bottom-layer.qr-bottom-layer .bottom-qr-list li .bottom-qr-list-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
}
.bottom-layer.qr-bottom-layer .bottom-qr-list li .bottom-qr-list-value {
  display: block;
  font-size: 16px;
  line-height: 17px;
  font-weight: 800;
}
.bottom-layer.qr-bottom-layer .bottom-qr-list li:first-child {
  padding-left: 0;
}
.bottom-layer.qr-bottom-layer .mobile-bottom-qr-list .bottom-qr-list {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .bottom-layer.qr-bottom-layer .mobile-bottom-qr-list .bottom-qr-list {
    display: none;
  }
}
.bottom-layer.qr-bottom-layer .mobile-bottom-qr-list .bottom-qr-list li {
  padding: 0 15px;
}
.bottom-layer.qr-bottom-layer .mobile-bottom-qr-list .bottom-qr-list li:first-child {
  padding-left: 0;
}
.bottom-layer.qr-bottom-layer .bottom-body .input-group.date .input-group-addon {
  width: 35px;
  background-color: #fd7d40;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.bottom-layer.qr-bottom-layer .bottom-body .input-group.date .input-group-addon img {
  width: 14px;
  display: inline-block;
  margin: 0;
}
.bottom-layer.qr-bottom-layer .bottom-btn-right {
  float: right;
}
@media only screen and (max-width: 767px) {
  .bottom-layer.qr-bottom-layer .bottom-btn-right {
    float: unset;
    display: block;
  }
}
.bottom-layer.qr-bottom-layer.qr-report-bottom-layer .bottom-body .input-group.date .input-group-addon {
  width: 35px;
  background-color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.bottom-layer.qr-bottom-layer.qr-report-bottom-layer .bottom-body .input-group.date .input-group-addon img {
  width: 100%;
  display: inline-block;
  margin: 0;
}
.bottom-body {
  padding: 20px 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}
.bottom-footer {
  padding: 30px;
}
.bottom-footer h5 {
  font-size: 22px;
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 35px;
}
.bottom-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}
.bottom-header .btn {
  padding: 7px 14px;
}
.bottom-header .btn.btn-close {
  display: none;
  padding: 7px 14px;
}
.bottom-header .profile-list .btn-set.profile-set {
  transform: translateY(25%);
  position: absolute;
  left: 15px;
  width: 10%;
}
.bottom-header .profile-list .btn-set .btn-close {
  display: inline-block;
}
.bottom-header .profile-list .last-child-previous {
  width: 90%;
  text-align: right;
}
.bottom-header .profile-list .last-child-previous .list-field {
  text-align: left;
}
.bottom-header .profile-list .last-child-previous .list-field.left-line {
  position: relative;
}
.bottom-header .profile-list .last-child-previous .list-field .btn-border {
  padding: 25px 35px;
  margin-top: 5px;
}
.bottom-header .profile-list .last-child-previous .list-field .btn-border:before {
  content: '';
  position: absolute;
  display: inline-block;
  left: -10px;
  top: 0;
  height: 80px;
  border-left: 1px solid #fff;
  opacity: 0.39;
}
.bottom-header .profile-list .last-child-previous .list-field .form-control {
  padding: 10px 40px 10px 10px;
  width: 383px;
}
.bottom-header .profile-list .last-child-previous .list-field #confirm_password-error,
.bottom-header .profile-list .last-child-previous .list-field #new_password-error {
  position: absolute;
  bottom: 0px;
  width: 35%;
  line-height: 1;
}
.bottom-list {
  margin-bottom: 0;
  padding: 0 30px;
}
.bottom-list.left-zero {
  padding-left: 0;
}
.bottom-list::before,
.bottom-list::after {
  display: table;
  content: " ";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bottom-list::after {
  clear: both;
}
.bottom-list li {
  display: inline-block;
  padding: 10px 35px 5px;
  vertical-align: middle;
}
.bottom-list li .opacity {
  opacity: 0;
}
.bottom-list li .btn-white-md {
  padding: 13px 14px;
  margin-top: 27px;
}
.bottom-body .bottom-list li .btn-white-md {
  padding: 26px 14px;
  margin-top: 0;
}
.bottom-list li span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 2px;
}
.bottom-list li span.select2.select2-container {
  margin-bottom: 0;
}
.bottom-list li h5 {
  font-size: 22px;
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 0;
}
.bottom-list li h5 span {
  display: inline-block;
  font-size: 22px;
  font-weight: 900;
}
.bottom-list li.bottom-title {
  display: none;
  padding-left: 0;
}
.bottom-list li.bottom-title h3 {
  color: #ffffff;
  font-weight: 700;
  line-height: 55px;
  margin-bottom: 0;
}
.bottom-list li.bottom-item {
  border-right: 1px solid rgba(255, 255, 255, 0.39);
}
.bottom-list li.bottom-item.bottom-first {
  border-left: 1px solid rgba(255, 255, 255, 0.39);
}
.bottom-list li.bottom-item.bottom-first-item {
  padding-left: 0;
}
.bottom-list li.bottom-item-outer {
  float: left;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  padding: 0;
}
.bottom-list li.symbol {
  position: relative;
}
.bottom-list li.symbol:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/content/plus.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  right: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bottom-list li.symbol.equal:after {
  background-image: url("../img/content/equal.png");
}
.bottom-list li.btn-set {
  line-height: 1;
}
.bottom-list li.btn-set.float-right {
  float: right;
  padding-right: 0;
}
.bottom-list li .list-field {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  line-height: 1;
}
.bottom-list li .list-field .form-control {
  height: 35px;
}
.bottom-body .bottom-list li .list-field .form-control {
  min-width: 300px;
}
@media only screen and (max-width: 1299px) {
  .bottom-body .bottom-list li .list-field .form-control {
    min-width: auto;
  }
}
.bottom-list li .list-field:last-child {
  margin-right: 0;
  vertical-align: top;
}
.bottom-list li.last-child {
  padding-left: 15px;
}
.bottom-body .bottom-list li.last-child {
  border-left: 1px solid rgba(255, 255, 255, 0.39);
}
.bottom-list li.last-child-previous {
  padding-right: 15px;
  position: relative;
}
.bottom-list li.last-child-previous .select-date {
  /* width: 210px; */
  display: inline-block;
}
.bottom-list li.last-child-previous .list-field .search-field {
  position: relative;
  margin-bottom: 0;
}
.bottom-list li.last-child-previous .list-field .search-field:before {
  content: "\f375";
  position: absolute;
  left: 10px;
  display: inline-block;
  font-family: "Ionicons";
  color: #3c465c;
  font-size: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bottom-list li.last-child-previous .list-field .search-field .form-control {
  padding-left: 35px;
}
.bottom-list li.last-child-previous .list-field .bottom-layer-content p {
  color: #fff;
  transform: translate(0%, 50%);
  font-size: 18px;
}
.bottom-list.big {
  padding: 10px 30px 50px;
}
.bottom-list.big .btn-set .next-btn {
  padding: 7px 14px !important;
}
.bottom-list.big .last-child-previous .list-field .form-group {
  display: inline-block;
  position: relative;
  /* top: -15px; */
  margin-right: 10px;
  min-width: 200px;
}
.bottom-list.big .last-child-previous .list-field .form-group label {
  color: #fff;
  line-height: 1.4;
}
.bottom-list.big .last-child-previous .list-field .form-group .form-control {
  width: auto;
  height: 33px;
  padding: 4px 8px;
}
.bottom-list.big .last-child-previous .list-field .btn-border {
  background: #3c465c;
  color: #fff;
  border-color: #ffff;
  padding: 15px 35px;
  margin: 0 20px 0;
  position: relative;
}
.bottom-list.big .last-child-previous .list-field .btn-border:before {
  content: '';
  position: absolute;
  top: -6px;
  left: -25px;
  border: 1px solid #fff;
  height: 60px;
  opacity: 0.39;
}
.bottom-list.big .last-child-previous .list-field .btn-border:hover {
  background: #fff;
  color: #3c465c;
}
.bottom-list.big .last-child-previous .list-field .btn-white {
  position: relative;
  /* top: -10px; */
  padding: 15px 35px;
}
.bottom-info-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.bottom-info-list li {
  float: left;
  padding: 0 30px;
  border-right: 1px solid #9e9e9e;
}
.bottom-info-list li .bottom-info-list-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
}
.bottom-info-list li .bottom-info-list-value {
  display: block;
  font-size: 16px;
  line-height: 17px;
  font-weight: 800;
}
.bottom-info-list li:first-child {
  padding-left: 0;
}
.bottom-info-list li:last-child {
  border-right: 0;
}
.bottom-header-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
/* Select2 Custom */
.select2-container {
  width: 100% !important;
}
.page-header-inner .select2-container {
  width: 300px !important;
}
.select2-container--default {
  /* Select2 Multiselect */
}
.select2-container--default .select2-selection--single {
  height: 34px;
  border: 1px solid #3c465c;
}
.table-footer .select2-container--default .select2-selection--single {
  border-color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
  font-weight: 600;
  color: #3c465c;
  outline: none;
  padding-left: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px;
  top: 0;
  right: 10px;
  width: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin: 0;
  left: 0;
  border-width: 6px 6px 0 6px;
  border-color: #3c465c transparent transparent transparent;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.select2-container--default .select2-selection--single:focus {
  outline: none;
}
.focus .select2-container--default .select2-selection--single {
  border-color: #3c465c;
}
.select2-container--default .select2-dropdown {
  border: 1px solid #3c465c;
}
.select2-container--default .select2-dropdown .select2-search {
  outline: none;
}
.select2-container--default .select2-dropdown .select2-search:focus,
.select2-container--default .select2-dropdown .select2-search:active {
  outline: none;
}
.select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field {
  outline: none;
  border: 1px solid #3c465c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.select2-container--default .select2-dropdown .select2-results__option {
  font-weight: 600;
  color: #3c465c;
}
.select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  color: #ffffff;
}
.select2-container--default .select2-dropdown .select2-results__option--highlighted {
  font-weight: 600;
  color: #ffffff;
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
}
.focus .select2-container--default .select2-dropdown {
  border-color: #3c465c;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 6px 6px 0 6px;
  border-color: #3c465c transparent transparent transparent;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.select2-container--default .select2-selection--multiple {
  border-color: #3c465c;
  line-height: 20px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  position: relative;
  font-size: 12px;
  padding: 2px 25px 2px 5px;
  margin-top: 4px;
  border: 0;
  background: #3c465c;
  color: #ffffff;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  line-height: 16px;
  margin-top: 2px;
  margin-right: 5px;
  border-radius: 50%;
  background: #fff;
  color: #3c465c;
  padding: 0px 5px 0px;
  position: absolute;
  right: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  color: #e52b20;
}
.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #fd7d40;
}
/* Multi Select */
.multiselect-native-select {
  display: inline-block;
  width: 100%;
}
.multiselect-native-select .btn-group {
  width: 100%;
}
.multiselect-native-select .btn-group .multiselect {
  width: 100%;
  height: 34px;
  padding: 0 25px 0 15px;
  background-color: #fff;
  border-color: #3c465c;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.multiselect-native-select .btn-group .multiselect .multiselect-selected-text {
  color: #3c465c;
  text-transform: capitalize;
  /* Break Word */
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  text-overflow: ellipsis;
}
.multiselect-native-select .btn-group .multiselect .caret {
  position: absolute;
  right: 10px;
  top: 50%;
  border-color: #3c465c transparent transparent transparent;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.multiselect-native-select .btn-group .multiselect:hover,
.multiselect-native-select .btn-group .multiselect:focus {
  background-color: #fff;
}
.multiselect-native-select .btn-group.open .multiselect .caret {
  -webkit-transform: translateY(-50%) rotate(179deg);
  -moz-transform: translateY(-50%) rotate(179deg);
  -ms-transform: translateY(-50%) rotate(179deg);
  -o-transform: translateY(-50%) rotate(179deg);
  transform: translateY(-50%) rotate(179deg);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.multiselect-native-select .btn-group.open .multiselect-container {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}
.multiselect-native-select .btn-group.open .multiselect-container li.multiselect-filter {
  padding: 4px 8px;
}
.multiselect-native-select .btn-group.open .multiselect-container li.multiselect-filter .form-control {
  height: 34px;
}
.multiselect-native-select .btn-group.open .multiselect-container li a label {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #3c465c;
  padding: 4px 8px;
}
.multiselect-native-select .btn-group.open .multiselect-container li a label input[type="checkbox"] {
  position: static;
  margin: 0;
}
.multiselect-native-select .btn-group.open .multiselect-container li a.multiselect-all label {
  font-weight: 600;
}
.multiselect-native-select .btn-group.open .multiselect-container.dropdown-menu > .active > a {
  background-color: transparent;
}
.multiselect-native-select .btn-group.open .multiselect-container.dropdown-menu > .active > a label {
  color: #ff4e50;
}
/* Fast Select in Multiselect */
.fstElement {
  border-color: #3c465c;
  font-size: 14px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.fstElement.fstMultipleMode .fstControls {
  width: auto;
  min-height: 33px;
  padding: 0;
  padding-bottom: 0;
}
.fstElement.fstMultipleMode .fstControls .fstChoiceItem {
  font-size: 14px;
  border: 0;
  background-color: #3c465c;
  line-height: 15px;
  padding-left: 7px;
  margin: 4px;
  margin-bottom: 0;
}
.fstElement.fstMultipleMode .fstControls .fstChoiceItem .fstChoiceRemove {
  position: relative;
  min-width: 19px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffffff;
  color: #3c465c;
  line-height: 17px;
  margin-left: 5px;
  font-size: 14px;
}
.fstElement.fstMultipleMode .fstControls .fstChoiceItem .fstChoiceRemove:hover {
  background-color: #ffffff;
  color: #e52b20;
}
.fstElement.fstMultipleMode .fstControls .fstQueryInput {
  position: relative;
  top: 0;
  font-size: 14px;
  margin: 0;
  color: #3c465c;
}
.fstElement.fstMultipleMode.fstActive .fstResults {
  border-color: #3c465c;
}
.fstElement.fstMultipleMode.fstActive .fstResults .fstResultItem {
  border-top: 0;
  font-size: 14px;
}
.fstElement.fstMultipleMode.fstActive .fstResults .fstResultItem.fstSelected {
  font-size: 14px;
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  border-color: #73baf6;
}
.fstElement.fstMultipleMode.fstActive .fstResults .fstResultItem.fstFocused {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
}
/* Custom Radio Button */
.form-group .custom-radio-button [type="radio"] {
  position: absolute;
  left: -9999px;
}
.form-group .custom-radio-button [type="radio"] + label {
  position: relative;
  padding: 20px;
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  background-color: #eee;
  color: #ff4e50;
  float: none;
  margin-right: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.form-group .custom-radio-button [type="radio"]:checked + label {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  color: #fff;
}
.custom-radio-button {
  display: inline-block;
}
.custom-radio-button label:last-child {
  margin-left: -4px;
}
/* Custom CheckBox */
table input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
table input[type="checkbox"] + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  width: 18px;
  height: 18px;
  padding: 2px;
  line-height: 1;
  margin-bottom: 0;
  background: #4285f4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  /* .gradient_primary(); */
}
table input[type="checkbox"] + label:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: white;
}
table input[type="checkbox"]:hover + label:before {
  background: #4285f4;
  /* .gradient_primary(); */
}
table input[type="checkbox"]:focus + label:before {
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
table input[type="checkbox"]:checked + label:before {
  background: #4285f4;
  /* .gradient_primary(); */
}
table input[type="checkbox"]:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
table input[type="checkbox"]:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
table input[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 8px;
  background: #ffffff;
  width: 2px;
  height: 2px;
  -webkit-box-shadow: 2px 0 0 #ffffff, 4px 0 0 #ffffff, 4px -2px 0 #ffffff, 4px -4px 0 #ffffff, 4px -6px 0 #ffffff, 4px -8px 0 #ffffff;
  -moz-box-shadow: 2px 0 0 #ffffff, 4px 0 0 #ffffff, 4px -2px 0 #ffffff, 4px -4px 0 #ffffff, 4px -6px 0 #ffffff, 4px -8px 0 #ffffff;
  -ms-box-shadow: 2px 0 0 #ffffff, 4px 0 0 #ffffff, 4px -2px 0 #ffffff, 4px -4px 0 #ffffff, 4px -6px 0 #ffffff, 4px -8px 0 #ffffff;
  -o-box-shadow: 2px 0 0 #ffffff, 4px 0 0 #ffffff, 4px -2px 0 #ffffff, 4px -4px 0 #ffffff, 4px -6px 0 #ffffff, 4px -8px 0 #ffffff;
  box-shadow: 2px 0 0 #ffffff, 4px 0 0 #ffffff, 4px -2px 0 #ffffff, 4px -4px 0 #ffffff, 4px -6px 0 #ffffff, 4px -8px 0 #ffffff;
  transform: rotate(45deg);
}
/* Text Bread (use jquery tooltip) */
.text-break {
  display: block;
  width: 120px;
  overflow: hidden;
  white-space: nowrap;
  /* word-wrap: break-word; */
  text-overflow: ellipsis;
  word-break: break-all;
}
/* Login Page */
.login-wrap.time-sheet {
  background-color: #f9f9f9;
}
.login-wrap .page-main-content .bg-login.time-sheet {
  background-image: url("../img/bg/pattern-bg.svg");
  background-position: left top;
  background-repeat: repeat;
}
.login-wrap .page-main-content .bg-login-content {
  height: 100%;
  position: relative;
}
.login-wrap .page-main-content .bg-login-content .center-align {
  position: relative;
  text-align: center;
}
.login-wrap .page-main-content .bg-login-content .center-align img {
  margin: auto;
}
.login-wrap .page-main-content .bg-login-content.partsmart {
  background-image: url("../img/bg/login-bg.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.login-wrap .page-main-content .bg-login-content.partsmart .center-align {
  text-align: right;
}
.login-wrap .page-main-content .bg-login-content.partsmart .center-align img {
  margin-right: 0;
}
.login-wrap .page-main-content .img-center-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.login-wrap .page-main-content .time-sheet .img-center-title {
  font-family: 'Roboto Slab', serif;
  font-weight: bold;
  letter-spacing: 1.6px;
  color: #1c4571;
  margin-top: 10px;
  margin-bottom: 30px;
}
.login-wrap .page-main-content .time-sheet .img-center-subtitle {
  font-size: 16px;
  display: inline-block;
  margin-top: 30px;
  max-width: 317px;
}
.login-wrap .page-main-content .login-content {
  text-align: center;
  padding: 0;
  position: relative;
  margin: 0 auto;
}
.login-wrap .page-main-content .login-content .img-center {
  margin: auto;
  display: none;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .login-wrap .page-main-content .login-content .img-center {
    margin-bottom: 15px;
  }
}
.login-wrap .page-main-content .login-content .login-box {
  max-width: 420px;
  text-align: right;
  width: 100%;
  margin: auto;
}
.login-wrap .page-main-content .login-content .login-box .tvs-logo {
  text-align: right;
  padding-bottom: 20px;
}
.login-wrap .page-main-content .login-content .login-box .tvs-logo img {
  display: inline-block;
}
.login-wrap .page-main-content .login-content .login-box .tvs-logo-title {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  color: #fd7d40;
}
.login-wrap .page-main-content .login-content .login-box .tvs-logo-title-light {
  display: block;
  font-weight: normal;
}
.login-wrap .page-main-content .login-content .login-box .form-title {
  text-align: right;
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
  color: rgba(204, 204, 204, 0.22);
  margin-bottom: 0;
}
.login-wrap .page-main-content .login-content .login-box .form-group {
  margin-bottom: 30px;
}
.login-wrap .page-main-content .login-content .login-box .form-group .input-group {
  border: 1px solid #3c465c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.login-wrap .page-main-content .login-content .login-box .form-group .input-group-addon {
  border: 0;
  min-width: 41px;
}
.login-wrap .page-main-content .login-content .login-box .form-group .input-group .form-control {
  border: 0;
  padding: 4px 0;
}
.login-wrap .page-main-content .login-content .login-box .form-group .input-group-btn {
  border: 0;
}
.login-wrap .page-main-content .login-content .login-box .form-group .input-group-btn .btn-eye {
  width: 54px;
  padding: 0 15px;
}
.login-wrap .page-main-content .login-content .login-box .form-group .input-group-btn .btn-eye:focus,
.login-wrap .page-main-content .login-content .login-box .form-group .input-group-btn .btn-eye:active,
.login-wrap .page-main-content .login-content .login-box .form-group .input-group-btn .btn-eye:hover {
  outline: none;
  box-shadow: none;
}
.login-wrap .page-main-content .login-content .login-box .form-group .input-group-btn:focus,
.login-wrap .page-main-content .login-content .login-box .form-group .input-group-btn:active,
.login-wrap .page-main-content .login-content .login-box .form-group .input-group-btn:hover {
  outline: none;
  box-shadow: none;
}
.login-wrap .page-main-content .login-content .login-box .form-group .select2-container--default .select2-selection--single {
  border-color: #3c465c;
  height: 37px;
}
.login-wrap .page-main-content .login-content .login-box .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 37px;
}
.login-wrap .page-main-content .login-content .login-box .btn-login {
  min-width: 120px;
  height: 50px;
  color: #ffffff;
  background-color: #3c465c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 8px 16px;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .login-wrap .page-main-content .login-content .login-box .btn-login {
    height: auto;
  }
}
.login-wrap .page-main-content .login-content .login-box .link-btns {
  padding: 30px 0 0;
}
.login-wrap .page-main-content .login-content .login-box .link-btns a {
  display: block;
  text-align: right;
  font-size: 16px;
  color: #3c465c;
  margin-bottom: 8px;
}
.login-wrap .page-main-content .login-content .login-box .link-btns a:hover,
.login-wrap .page-main-content .login-content .login-box .link-btns a:focus {
  color: #ff4e50;
}
.login-wrap .page-main-content .login-content .login-box .link-btns a:last-child {
  color: #ff4e50;
}
.login-wrap .page-main-content .login-content .login-box .login-action {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .login-wrap .page-main-content .login-content .login-box .login-action {
    margin-bottom: 0;
  }
}
.login-wrap .page-main-content .login-content .login-box .login-action .checkbox-wrap {
  float: left;
  /* @media @max_767 {
                            float: none;
                        } */
}
.login-wrap .page-main-content .login-content .login-box .login-action .checkbox-wrap .checkbox input[type="checkbox"] {
  margin-top: 5px;
}
.login-wrap .page-main-content .login-content .login-box .login-action .checkbox-wrap .checkbox label {
  margin-top: 0px;
  line-height: 20px;
}
.login-wrap .page-main-content .login-content .login-box .login-action .checkbox-wrap .checkbox label:before {
  content: '';
  top: 0px;
}
.login-wrap .page-main-content .login-content .login-box .login-action .checkbox-wrap .checkbox label:after {
  content: '';
  top: 5.5px;
}
.login-wrap .page-main-content .login-footer {
  position: absolute;
  right: 0px;
  bottom: 10px;
  width: 120px;
}
.login-wrap .page-main-content .login-footer .footer-description {
  font-size: 8px;
}
.login-wrap .page-main-content .login-footer .footer-logo img {
  width: 70%;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .login-wrap .page-main-content .login-footer {
    text-align: right;
    bottom: 0;
  }
  .login-wrap .page-main-content .login-footer .footer-description {
    margin-bottom: 3px;
  }
}
.login-wrap .page-main-content .pass-none,
.login-wrap .page-main-content .pass-next,
.login-wrap .page-main-content .pass-confirm {
  display: none;
}
.login-wrap .page-main-content .pass-none.in,
.login-wrap .page-main-content .pass-next.in,
.login-wrap .page-main-content .pass-confirm.in {
  display: block;
}
.login-wrap .page-main-content .login-none {
  display: none;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.login-wrap .page-main-content .login-right {
  max-width: 400px;
  text-align: right;
  width: 100%;
}
.login-wrap .page-main-content .login-right .form-group {
  margin-bottom: 30px;
}
.login-wrap .page-main-content .login-right .form-group label {
  color: #3c465c;
}
.login-wrap .page-main-content .login-right .form-group .input-group {
  border: 1px solid #3c465c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.login-wrap .page-main-content .login-right .form-group .input-group-addon {
  border: 0;
  min-width: 41px;
}
.login-wrap .page-main-content .login-right .form-group .input-group-addon i {
  color: #3c465c;
}
.login-wrap .page-main-content .login-right .form-group .input-group .form-control {
  border: 0;
  padding: 4px 0;
}
.login-wrap .page-main-content .login-right .form-group .input-group-btn {
  border: 0;
}
.login-wrap .page-main-content .login-right .form-group .input-group-btn .btn-eye {
  width: 54px;
  padding: 0 15px;
}
.login-wrap .page-main-content .login-right .form-group .input-group-btn .btn-eye:focus,
.login-wrap .page-main-content .login-right .form-group .input-group-btn .btn-eye:active,
.login-wrap .page-main-content .login-right .form-group .input-group-btn .btn-eye:hover {
  outline: none;
  box-shadow: none;
}
.login-wrap .page-main-content .login-right .form-group .input-group-btn:focus,
.login-wrap .page-main-content .login-right .form-group .input-group-btn:active,
.login-wrap .page-main-content .login-right .form-group .input-group-btn:hover {
  outline: none;
  box-shadow: none;
}
.login-wrap .page-main-content .login-right .login-action li .btn-back,
.login-wrap .page-main-content .login-right .login-action li .btn-back-two,
.login-wrap .page-main-content .login-right .login-action li .btn-back-three {
  float: left;
  background: #3c465c;
}
.login-wrap .page-main-content .login-right .login-action li .btn-back i,
.login-wrap .page-main-content .login-right .login-action li .btn-back-two i,
.login-wrap .page-main-content .login-right .login-action li .btn-back-three i {
  margin-right: 20px;
}
.login-wrap .page-main-content .login-right .login-action li .btn-otp,
.login-wrap .page-main-content .login-right .login-action li .btn-next,
.login-wrap .page-main-content .login-right .login-action li .btn-confirm {
  float: right;
  background: #3c465c;
}
/* Customer Search List */
.customer-search {
  position: absolute;
  top: 104%;
  left: 0;
  right: 0;
  text-align: left;
  width: 75%;
  max-height: 380px;
  overflow-y: auto;
  background-color: #fff;
  z-index: 99;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.customer-search-list a {
  padding: 20px 20px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #3c465c;
  cursor: pointer;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.customer-search-list a.single-name {
  /* line-height: 48px; */
}
.customer-search-list a img {
  width: 48px;
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-right: 15px;
}
.customer-search-list a span {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.customer-search-list a:hover {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  color: #fff;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.customer-search-list label {
  padding: 20px 30px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #3c465c;
}
.customer-search.bottom-layer-search {
  max-height: 200px;
  width: 50%;
  margin: 0;
  top: auto;
  left: 35px;
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /* .customer-search-list {
                a {
                    line-height: 48px;
                    padding: 10px 20px;
                }
                &:first-child {
                    a {
                        padding-top: 20px;
                    }
                }
                &:last-child {
                    a {
                        padding-bottom: 20px;
                    }
                }
            } */
}
/* Parts Search */
.parts-search {
  position: absolute;
  top: 110%;
  left: 0;
  right: 0;
  text-align: left;
  width: 130%;
  max-height: 380px;
  overflow-y: auto;
  background-color: #fff;
  z-index: 99;
  margin: 0 auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.parts-search .table-responsive.height-fixed {
  max-height: 380px;
  overflow-x: auto;
}
.parts-search .table-responsive .table > tbody > tr > td span {
  display: block;
}
.parts-search .table-responsive .table > tbody > tr > td label {
  padding: 20px 30px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #3c465c;
}
.parts-search .table-responsive .table > tbody > tr > td .parts-search-label {
  font-size: 12px;
  color: #3c465c;
}
.parts-search .table-responsive .table > tbody > tr > td .parts-search-value {
  font-weight: 700;
  color: #fd7d40;
}
.parts-search .table-responsive .table > tbody > tr > td .parts-search-result {
  padding: 0 5px;
  color: #34a852;
}
.parts-search .table-responsive .table > tbody > tr > td .parts-search .success-img {
  display: none;
}
.parts-search .table-responsive .table > tbody > tr > td .parts-search .success-img.active {
  display: block;
  line-height: 0;
}
.parts-search .table-responsive .table > tbody > tr > td .parts-search .success-img.active img {
  width: 24px;
}
/* Modal */
.modal {
  text-align: center;
  overflow: hidden !important;
  /* &:before {
        content: '';
        display: inline-block;
        height: 100%;
    } */
}
.modal-dialog {
  text-align: left;
  margin: 30px;
  display: inline-block;
  /* width: 75%; */
  /* height: 100vh; */
}
.modal-dialog.modal-dialog-md {
  width: 50%;
}
@media only screen and (min-width: 768px) {
  .modal-dialog {
    width: 690px;
  }
}
.modal-content {
  border: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.modal-header {
  padding: 30px 30px;
  border-bottom: solid 1px #e8e8ef;
  position: relative;
}
.modal-header .close {
  margin: 0;
  display: inline-block;
  min-width: 40px;
  line-height: 40px;
  background: #fff;
  font-size: 22px;
  color: #000000;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.modal-header .close:hover {
  color: #ea4335;
  opacity: 1;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.modal-header .close i {
  margin: 0;
}
.modal-header .btn-close {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 33px;
  line-height: 1;
  padding: 0;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.modal-header .btn-close .icon {
  font-size: 30px;
  line-height: 1;
  color: #000000;
  opacity: 0.11;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.modal-header .btn-close:hover {
  background-color: transparent;
}
.modal-header .btn-close:hover .icon {
  color: #ea4335;
  opacity: 1;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.modal-header .btn-filter-close {
  position: absolute;
  right: 15px;
  top: 30px;
}
.modal-header .filter-reset {
  position: absolute;
  right: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.modal-title {
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  color: #fd7d40;
  margin-bottom: 0;
}
.modal-title.title-big {
  font-size: 24px;
  font-weight: 900;
}
.modal-title.title-big.color-black {
  color: #3c465c;
}
.modal-footer {
  /* .shadow(0 0 10px 0 rgba(0, 0, 0, 0.1)); */
  border-top: solid 1px #e8e8ef;
  padding: 25px 30px 25px;
}
.modal-footer.edit {
  text-align: left;
}
.modal-footer.edit .modal-footer-action {
  display: inline-block;
  margin-bottom: 0;
}
.modal-footer.edit .modal-footer-action li {
  display: inline-block;
}
.modal-footer.edit .edit-block-btn {
  display: inline-block;
  float: right;
}
.modal-body {
  padding: 35px 30px 5px;
  overflow-y: auto;
  /* height: calc(~"100vh - 101px"); */
}
.modal-body.pb-35 {
  padding-bottom: 35px;
}
.modal-body .order-item {
  padding: 0 70px;
}
.modal-body .order-item ul {
  padding: 30px;
}
.modal-body .order-item ul li {
  border-bottom: solid 1px #eeeeee;
  padding: 15px;
}
.modal-body .order-item .text-center .btn-red {
  padding: 15px 30px;
  background: #fff;
  border: 1px solid #e52b20;
  color: #e52b20;
}
.modal-body .order-item .text-center .btn-red i {
  margin-right: 10px;
}
.modal-body .order-item .text-center .btn-red:hover {
  background: #e52b20;
  color: #fff;
}
.not-bg-shadow .modal-body .input-addon-bg {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.not-bg-shadow .modal-body .input-group .input-group-addon,
.not-bg-shadow .modal-body .form-control {
  border-color: #fff;
}
.modal-body.modal-sm-body .select2-results {
  max-height: 95px;
}
.modal .modal-details {
  padding: 30px 0;
}
.modal .modal-details .title {
  font-weight: 600;
}
.modal .modal-details .modal-list-item {
  width: 100%;
  display: inline-block;
}
.modal .modal-details .modal-list-item li {
  display: table-cell;
  border: solid 1px #eeeeee;
  border-right: 0;
  padding: 10px 20px;
  width: 1%;
}
.modal .modal-details .modal-list-item li label {
  color: #777777;
}
.modal .modal-details .modal-list-item li p {
  font-size: 16px;
  font-weight: bold;
}
.modal .modal-details .modal-list-item li:last-child {
  border-right: solid 1px #eeeeee;
}
.modal .modal-details .modal-list-item.item-view li {
  width: 25%;
  display: block;
  float: left;
  border-right: 0;
}
.modal .modal-details .modal-list-item.item-view li:last-child,
.modal .modal-details .modal-list-item.item-view li:nth-last-child(3) {
  border-right: 1px solid #eeeeee;
}
.modal .modal-details .modal-list-item.item-view li:nth-last-child(5),
.modal .modal-details .modal-list-item.item-view li:nth-last-child(6) {
  border-bottom: 0;
}
.modal .modal-details .modal-list-item.item-full li {
  width: 25%;
  display: block;
  float: left;
  /* border-bottom: 0; */
  border-right: 0;
}
.modal .modal-details .modal-list-item.item-full li:last-child,
.modal .modal-details .modal-list-item.item-full li:nth-last-child(5),
.modal .modal-details .modal-list-item.item-full li:nth-last-child(9),
.modal .modal-details .modal-list-item.item-full li:nth-last-child(13) {
  border-right: 1px solid #eeeeee;
}
.modal .modal-details .modal-list-item.item-full li:nth-last-child(1),
.modal .modal-details .modal-list-item.item-full li:nth-last-child(2),
.modal .modal-details .modal-list-item.item-full li:nth-last-child(3),
.modal .modal-details .modal-list-item.item-full li:nth-last-child(4) {
  border-bottom: 1px solid #eeeeee;
}
.modal .modal-details .modal-list-item.item-full li:nth-last-child(2) {
  border-left: 0;
}
.modal .modal-details .modal-list-item.item-block li {
  display: block;
  float: left;
  width: 22.2333%;
  margin-bottom: 10px;
  border-right: 0;
}
.modal .modal-details .modal-list-item.item-block li.item-count {
  border: 0;
  margin: 10px 0;
  width: 10%;
}
.modal .modal-details .modal-list-item.item-block li.item-count p {
  padding: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #fe6a47;
  text-align: center;
  color: #fff;
  width: 40px;
}
.modal .modal-details .modal-list-item.item-block li:last-child {
  border-right: 1px solid #eeeeee;
}
.modal .modal-details .modal-item-category {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}
.modal .modal-details .modal-item-category li {
  display: block;
  float: left;
  width: 47%;
  margin: 0 20px 5px 0;
}
.modal .modal-details .modal-item-category li label {
  opacity: 0.5;
  font-weight: 600;
}
.modal .modal-details .modal-item-category li p {
  font-size: 18px;
  font-weight: 600;
  word-break: break-all;
}
.modal .modal-details .modal-item-category li .form-group {
  margin-bottom: 15px;
}
.modal .modal-details .modal-item-category li .form-group label {
  color: #333333;
  opacity: 1;
}
.modal .modal-details .modal-item-category li.col-three {
  width: 30%;
}
.modal .modal-details .modal-item-category li.col-four {
  width: 22%;
}
.modal .modal-details .card-list-item {
  width: 100%;
}
.modal .modal-details .card-list-item li {
  display: inline-block;
  border: solid 1px #eeeeee;
  padding: 20px 0px 20px 15px;
  width: 47%;
  margin: 0 10px 15px;
}
.modal .modal-details .card-list-item li img {
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.modal .modal-details .card-list-item li .card-information {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
}
.modal .modal-details .card-list-item li .card-information p {
  margin-bottom: 0;
  font-weight: bold;
}
.modal .modal-details .card-list-item li .card-information p:first-child {
  font-size: 16px;
}
.modal .modal-details .card-list-item li .card-information label {
  display: block;
  margin-bottom: 0;
}
.modal .modal-details .form-group label {
  color: #fff;
}
.modal.down-block {
  text-align: center;
  overflow: hidden !important;
  top: auto;
}
.modal.down-block .modal-dialog {
  width: 450px;
  height: auto;
}
.modal.down-block .modal-dialog .modal-content {
  height: auto;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 25px 20px;
  background: #fff;
}
.modal.down-block .modal-dialog .modal-content .modal-body {
  height: auto;
  background-color: transparent;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert {
  text-align: center;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-item {
  display: inline-block;
  margin-bottom: 20px;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-item .alert-details {
  padding: 15px 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  position: relative;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-item .alert-details.bg-red {
  background: #e52b20;
  border: 1px solid #e52b20;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-item .alert-details.bg-yellow {
  background: #ffbf2f;
  border: 1px solid #ffbf2f;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-item .alert-details.bg-green {
  background: #63ce63;
  padding: 15px 38px;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-item .alert-details.bg-green img {
  margin-right: 0;
  width: 32px;
  margin: 5px 15px 0 0px;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-item .alert-details.bg-green p {
  padding: 0 6px;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-item .alert-details.bg-green .btn i {
  padding: 5px 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-item .alert-details img {
  display: inline-block;
  margin: 6px 32px 0 0;
  width: 32px;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-item .alert-details p {
  padding: 0 34px;
  display: inline-block;
  color: #fff;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-item .btn {
  display: inline-block;
  padding: 0;
  min-width: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-item .btn i {
  padding: 5px 10px 5px 20px;
  float: right;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-button .btn {
  padding: 15px 30px;
  background: #fff;
  margin: 0px 5px;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-button .btn i {
  margin-right: 10px;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-button .btn i:hover {
  color: #fff;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-button .btn-red {
  border: 1px solid #e52b20;
  color: #e52b20;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-button .btn-red i:hover {
  background: #e52b20;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-button .btn-red:hover {
  background: #e52b20;
  color: #fff;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-button .btn-yellow {
  border: 1px solid #ffbf2f;
  color: #ffbf2f;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-button .btn-yellow i:hover {
  background: #ffbf2f;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-button .btn-yellow:hover {
  background: #ffbf2f;
  color: #fff;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-button .btn-green {
  border: 1px solid #63ce63;
  color: #63ce63;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-button .btn-green i:hover {
  background: #63ce63;
}
.modal.down-block .modal-dialog .modal-content .modal-body .modal-alert .alert-button .btn-green:hover {
  background: #63ce63;
  color: #fff;
}
.modal.not-bg-shadow .modal-dialog {
  width: 20%;
  -webkit-transform: translate(-27%, 30%);
  -moz-transform: translate(-27%, 30%);
  -ms-transform: translate(-27%, 30%);
  -o-transform: translate(-27%, 30%);
  transform: translate(-27%, 30%);
}
.modal.not-bg-shadow .modal-dialog.modal-alignment {
  width: 15%;
}
.modal.not-bg-shadow .modal-dialog .modal-content {
  background: #3c465c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.modal.not-bg-shadow .modal-dialog .modal-content .modal-header {
  padding: 0;
  background: #3c465c;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 0;
}
.modal.not-bg-shadow .modal-dialog .modal-content .modal-header .close {
  background: transparent;
}
.modal.not-bg-shadow .modal-dialog .modal-content .modal-body {
  height: 100%;
  padding: 0px 40px;
  background: #3c465c;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.modal.not-bg-shadow .modal-dialog .modal-content .modal-body .modal-details {
  padding-top: 0;
}
.modal.modal-filter .modal-dialog {
  top: 50%;
  height: auto;
  width: 500px;
}
.modal.modal-filter .modal-content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.modal.modal-filter .modal-header {
  padding: 10px 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal.modal-filter .modal-header .btn-close {
  top: 22px;
  right: 15px;
}
.modal.modal-filter .modal-header .modal-title {
  font-size: 24px;
  line-height: 26px;
  padding: 15px 10px;
}
.modal.modal-filter .modal-title {
  font-size: 16px;
  line-height: 20px;
}
.modal.modal-filter .modal-body {
  padding: 20px;
  height: auto;
}
.modal.modal-filter.in .modal-dialog {
  right: 30px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.modal.modal-filter .modal-dialog.modal-dialog-lg {
  top: 50%;
  height: auto;
  width: 60%;
}
@media only screen and (max-width: 990px) {
  .modal.modal-filter .modal-dialog.modal-dialog-lg {
    width: 100%;
  }
}
.modal.modal-filter.modal-lg {
  width: 100%;
}
.modal.modal-filter.modal-lg .modal-dialog-lg {
  right: 0px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.modal.modal-filter.modal-lg .modal-dialog-lg .modal-content {
  height: 100vh;
  overflow-y: auto;
}
.modal-page {
  padding: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.modal-page .modal-page-details .modal-header-title h5 {
  color: #fd7d40;
  margin-bottom: 10px;
}
.modal-page .modal-page-details .modal-list-item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.modal-page .modal-page-details .modal-list-item li {
  float: left;
  position: relative;
  padding: 0px 20px;
  width: 25%;
}
@media only screen and (max-width: 567px) {
  .modal-page .modal-page-details .modal-list-item li {
    width: auto;
  }
}
.modal-page .modal-page-details .modal-list-item li:nth-child(4n+1) {
  padding-left: 0;
}
@media only screen and (max-width: 567px) {
  .modal-page .modal-page-details .modal-list-item li:nth-child(4n+1) {
    padding-left: 20px;
  }
}
.modal-page .modal-page-details .modal-list-item li label {
  color: #777777;
  font-size: 12px;
}
.modal-page .modal-page-details .modal-list-item li p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}
.modal-page .modal-page-details .modal-list-item li:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 30px;
  background-color: #eeeeee;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.modal-page .modal-page-details .modal-list-item li:last-child:after {
  display: none;
}
.modal-page .modal-page-details .modal-list-item::before,
.modal-page .modal-page-details .modal-list-item::after {
  display: table;
  content: " ";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.modal-page .modal-page-details .modal-list-item::after {
  clear: both;
}
.modal-page .modal-page-details .modal-list-item.increase-item li {
  width: auto;
}
@media only screen and (min-width: 1300px) {
  .modal-page .modal-page-details .modal-list-item.increase-item li:nth-child(-n+7) {
    padding-top: 0;
  }
  .modal-page .modal-page-details .modal-list-item.increase-item li:nth-child(7n-7)::after {
    display: none;
  }
}
.modal-page .modal-page-details .modal-list-item.four-column li {
  width: 25%;
}
@media only screen and (min-width: 1300px) {
  .modal-page .modal-page-details .modal-list-item.four-column li:nth-child(-n+4) {
    padding-top: 0;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1299px) {
  .modal-page .modal-page-details .modal-list-item.four-column li {
    width: 33.3333%;
  }
  .modal-page .modal-page-details .modal-list-item.four-column li:nth-child(-n+3) {
    padding-top: 0;
  }
}
@media only screen and (min-width: 568px) and (max-width: 990px) {
  .modal-page .modal-page-details .modal-list-item.four-column li {
    width: 50%;
  }
  .modal-page .modal-page-details .modal-list-item.four-column li:nth-child(-n+2) {
    padding-top: 0;
  }
}
@media only screen and (max-width: 567px) {
  .modal-page .modal-page-details .modal-list-item.four-column li {
    width: 100%;
  }
  .modal-page .modal-page-details .modal-list-item.four-column li:nth-child(-n+1) {
    padding-top: 0;
  }
}
.modal-page .modal-page-details .modal-list-item-img::before,
.modal-page .modal-page-details .modal-list-item-img::after {
  display: table;
  content: '';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.modal-page .modal-page-details .modal-list-item-img::after {
  clear: both;
}
.modal-page .modal-page-details .modal-list-item-img li {
  float: left;
  padding: 0 20px;
}
.modal-page .modal-page-details .modal-list-item-img li:nth-child(4n+1) {
  padding-left: 0;
}
.modal-page .modal-page-details .modal-list-item-img li img {
  width: 125px;
  height: 125px;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.modal-page .modal-page-details .modal-list-item-img li label {
  padding: 10px 0;
  color: #777777;
  font-weight: bold;
}
/* Modal Background Change */
.body-shadow-none .modal-backdrop {
  background: #fff;
}
.body-shadow-none .modal-backdrop.in {
  opacity: 0;
}
.modal.fade:not(.in) .modal-dialog {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.modal.fade.down-block:not(.in) .modal-dialog {
  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0);
}
.modal.fade.not-bg-shadow:not(.in) .modal-dialog {
  -webkit-transform: translate3d(25%, 0, 0);
  transform: translate3d(25%, 30%, 0);
}
.modal.fade.modal-filter:not(.in) .modal-dialog {
  -webkit-transform: translate(100%, -50%);
  -moz-transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%);
  -o-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
}
/* Master */
/* Form Page Style */
.form-page {
  padding: 20px 20px;
  background: #fff;
}
.form-page .info-details {
  line-height: 1.4;
  margin-top: 22px;
}
.form-page .info-details span {
  display: block;
  font-weight: 700;
}
.form-title h5,
.form-title .title {
  color: #fd7d40;
  /* font-size: 16px;
            font-weight: 700; */
  margin-bottom: 10px;
}
.form-title h5.color-black,
.form-title .title.color-black {
  color: #3c465c;
}
.form-title h5 .badge,
.form-title .title .badge {
  color: #fff;
  font-size: 10px;
  line-height: 1.3;
  padding: 3px 15px 3px;
  background-color: #fd7d40;
  margin-left: 20px;
}
.form-title .title {
  font-weight: 700;
}
/* Word Bread */
.value-break {
  word-break: break-all;
}
/* Color Circle */
.color-circle {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background: #3c465c;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.color-circle.red {
  background: #ea4335;
}
/* View Page */
.view-page {
  padding: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.view-page + .view-page {
  margin-top: 15px;
}
.view-page-header .view-page-title {
  color: #fd7d40;
  margin-bottom: 0;
}
.view-page-header .view-page-header-inner {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #e0e0e0;
}
.view-page-header .view-page-header-inner .view-page-header-left,
.view-page-header .view-page-header-inner .view-page-header-right {
  float: left;
  width: 50%;
}
.view-page-header .view-page-header-inner .view-page-header-right {
  text-align: right;
}
.view-page-details .header-title h5 {
  color: #fd7d40;
}
.view-page-details .parts-image .parts-img-list {
  margin-bottom: 20px;
}
.view-page-details .parts-image .parts-img-list li {
  display: inline-block;
}
.view-page-details .parts-image .parts-img-list li img {
  display: inline-block;
  width: 145px;
}
.view-page-details .parts-image .parts-img-list li + li {
  margin-left: 25px;
}
.view-page-details .view-list-item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.view-page-details .view-list-item li {
  float: left;
  position: relative;
  padding: 7.5px 20px;
  width: 20%;
}
.view-page-details .view-list-item li label {
  color: #777777;
  font-size: 12px;
}
.view-page-details .view-list-item li p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  word-break: break-all;
}
.view-page-details .view-list-item li:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 30px;
  background-color: #eeeeee;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.view-page-details .view-list-item li:last-child:after {
  display: none;
}
.view-page-details .view-list-item::before,
.view-page-details .view-list-item::after {
  display: table;
  content: " ";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.view-page-details .view-list-item::after {
  clear: both;
}
.view-page-details .view-list-item.increase-item li {
  width: 14.28%;
}
.view-page-details .view-list-item.increase-item li.big-item {
  width: 42.84%;
}
@media only screen and (min-width: 1300px) {
  .view-page-details .view-list-item.increase-item li:nth-child(-n+7) {
    padding-top: 0;
  }
  .view-page-details .view-list-item.increase-item li:nth-child(7n-7)::after {
    display: none;
  }
}
.view-page-details .view-list-item.four-column li {
  width: 25%;
}
@media only screen and (min-width: 1300px) {
  .view-page-details .view-list-item.four-column li:nth-child(-n+4) {
    padding-top: 0;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1299px) {
  .view-page-details .view-list-item.four-column li {
    width: 33.3333%;
  }
  .view-page-details .view-list-item.four-column li:nth-child(-n+3) {
    padding-top: 0;
  }
}
@media only screen and (min-width: 568px) and (max-width: 990px) {
  .view-page-details .view-list-item.four-column li {
    width: 50%;
  }
  .view-page-details .view-list-item.four-column li:nth-child(-n+2) {
    padding-top: 0;
  }
}
@media only screen and (max-width: 567px) {
  .view-page-details .view-list-item.four-column li {
    width: 100%;
  }
  .view-page-details .view-list-item.four-column li:nth-child(-n+1) {
    padding-top: 0;
  }
}
.view-page-details .view-list-item.coupen-despatched-item .form-control {
  height: 24px;
  font-size: 13px;
}
.view-page-details .table-responsive .table-view tbody tr td {
  border: 1px solid #eeeeee;
  padding: 10px 20px;
}
.view-page-details .table-responsive .table-view tbody tr td label {
  color: #777777;
  font-weight: 700;
}
.view-page-details .table-responsive .table-view tbody tr td p {
  font-size: 16px;
  font-weight: 700;
}
.view-infinity-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.view-infinity-list li {
  float: left;
  padding: 0 20px;
  border-right: 2px solid #eeeeee;
}
.view-infinity-list li .view-infinity-list-label {
  display: block;
  color: #777777;
  font-size: 12px;
}
.view-infinity-list li .view-infinity-list-value {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}
.view-infinity-list li .view-infinity-list-value.color-red {
  color: #ea4335;
}
.view-infinity-list li .view-infinity-list-value.color-purpel {
  color: #6e2594;
}
.view-infinity-list li:first-child {
  padding-left: 0;
}
.view-infinity-list li:last-child {
  border-right: 0;
}
.view-page-table {
  margin-bottom: 20px;
}
.view-page-table .table.table-bordered {
  border-color: #ececec;
}
.view-page-table .table thead > tr > th:nth-child(1),
.view-page-table .table tbody > tr > td:nth-child(1),
.view-page-table .table tfoot > tr > td:nth-child(1) {
  width: 30%;
}
.view-page-table .table thead > tr > th:nth-child(2),
.view-page-table .table tbody > tr > td:nth-child(2),
.view-page-table .table tfoot > tr > td:nth-child(2) {
  width: 70%;
}
.view-page-table .table thead > tr > th {
  color: #333333;
  border-color: #ececec;
  padding: 7px 15px;
}
.view-page-table .table thead > tr > th:nth-child(1) {
  padding: 5px 10px;
}
.view-page-table .table tbody > tr > td {
  border-color: #ececec;
  background: #fbfbfb;
}
.view-page-table .table tbody > tr > td .items-category {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}
.view-page-table .table tbody > tr > td .items-category li {
  display: block;
  float: left;
  padding: 5px 15px;
  margin: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #eeeeee;
}
.view-page-table .table tfoot > tr > td {
  border-color: #ececec;
  padding: 15px;
}
.view-page-table .table tfoot > tr > td:nth-child(1) {
  padding: 5px 10px;
}
/* Toogle Radio Switch */
.radio-switch {
  background-color: #eee;
  display: flex;
  width: max-content;
  width: -moz-max-content;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
.radio-switch .radio-switch-toggle-outer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.radio-switch .radio-switch-toggle {
  position: relative;
  display: block;
  width: 50%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #34a852;
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.radio-switch .input-2:checked ~ .radio-switch-toggle-outer .radio-switch-toggle {
  background-color: #ea4335;
  transform: translate3d(100%, 0, 0);
}
.radio-switch input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.radio-switch input + label {
  position: relative;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #3c465c;
  padding: 7px 15px;
  line-height: 1.4;
  min-width: 95px;
  z-index: 2;
  cursor: pointer;
  margin-bottom: 0;
  background-color: transparent;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.radio-switch input:checked + label {
  color: #fff;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.radio-switch input:not(:checked) + label {
  opacity: 0.5;
}
/* Jquery Tooltip CSS */
.qtip-default {
  background-color: #ffffff;
  border-color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 5px rgba(204, 93, 93, 0.1);
  -moz-box-shadow: 0 0 10px 5px rgba(204, 93, 93, 0.1);
  -ms-box-shadow: 0 0 10px 5px rgba(204, 93, 93, 0.1);
  -o-box-shadow: 0 0 10px 5px rgba(204, 93, 93, 0.1);
  box-shadow: 0 0 10px 5px rgba(204, 93, 93, 0.1);
}
.qtip-default .qtip-content {
  padding: 0;
}
.tooltiptopicevent {
  padding: 10px 15px;
}
.tooltiptopicevent .tooltiptopicevent-list {
  margin-bottom: 0;
}
.tooltiptopicevent .tooltiptopicevent-list li {
  padding: 15px 0;
  position: relative;
}
.tooltiptopicevent .tooltiptopicevent-list li:first-child::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #eeeeee;
  bottom: 0;
  left: 0;
}
.tooltiptopicevent .tooltiptopicevent-list li .btn-link {
  color: #34a852;
  line-height: 1.3;
  font-weight: 600;
}
.tooltiptopicevent .tooltiptopicevent-list li a {
  font-weight: 600;
  font-size: 14px;
  color: #3c465c;
}
.tooltiptopicevent .tooltiptopicevent-list li img {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 auto 0 5px;
}
/* Filter Option */
.filter-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.filter-list li {
  float: left;
}
.filter-list li + li {
  padding-left: 10px;
}
.filter-list li:first-child {
  width: 50px;
  padding-right: 8px;
  position: relative;
}
.filter-list li:first-child::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 30px;
  background-color: #e0e0e0;
  top: 0;
  right: 0;
}
.filter-list li:last-child {
  width: 410px;
}
.filter-radio .filter-option {
  display: inline-block;
}
.filter-radio .filter-option + .filter-option {
  padding-left: 10px;
}
.filter-radio [type="radio"]:checked,
.filter-radio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.filter-radio [type="radio"]:checked + label,
.filter-radio [type="radio"]:not(:checked) + label {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  padding: 6px 10px;
  cursor: pointer;
  color: #fd7d40;
  border: 1px solid #fd7d40;
  background: #fff;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.filter-radio [type="radio"]:checked + label {
  background: #fd7d40;
  color: #fff;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.filter-checkbox {
  display: flex;
  flex-wrap: wrap;
}
.filter-checkbox .filter-checkbox-option {
  float: left;
  padding-bottom: 10px;
  padding-right: 10px;
}
.filter-checkbox .filter-checkbox-option:last-child {
  padding-right: 0;
}
.filter-checkbox [type="checkbox"]:checked,
.filter-checkbox [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.filter-checkbox [type="checkbox"]:checked + label,
.filter-checkbox [type="checkbox"]:not(:checked) + label {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  padding: 6px 10px;
  cursor: pointer;
  color: #fd7d40;
  border: 1px solid #fd7d40;
  background: #fff;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.filter-checkbox [type="checkbox"]:checked + label.red,
.filter-checkbox [type="checkbox"]:not(:checked) + label.red {
  color: #ea4335;
  border-color: #ea4335;
}
.filter-checkbox [type="checkbox"]:checked + label.yellow,
.filter-checkbox [type="checkbox"]:not(:checked) + label.yellow {
  color: #fbbc05;
  border-color: #fbbc05;
}
.filter-checkbox [type="checkbox"]:checked + label.green,
.filter-checkbox [type="checkbox"]:not(:checked) + label.green {
  color: #34a852;
  border-color: #34a852;
}
.filter-checkbox [type="checkbox"]:checked + label.blue,
.filter-checkbox [type="checkbox"]:not(:checked) + label.blue {
  color: #4285f4;
  border-color: #4285f4;
}
.filter-checkbox [type="checkbox"]:checked + label {
  background: #fd7d40;
  color: #fff;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.filter-checkbox [type="checkbox"]:checked + label.red {
  color: #fff;
  background: #ea4335;
}
.filter-checkbox [type="checkbox"]:checked + label.yellow {
  color: #fff;
  background: #fbbc05;
}
.filter-checkbox [type="checkbox"]:checked + label.green {
  color: #fff;
  background: #34a852;
}
/* Filter Section */
.filter-section {
  padding: 15px;
  border-top: 1px solid #ccc;
}
.filter-header .title {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
}
.filter-category .br-left {
  border-left: 1px solid #ccc;
}
@media only screen and (max-width: 990px) {
  .filter-category .br-left {
    border-left: 0;
  }
}
/* Between Image */
.btwn-img {
  position: relative;
}
.btwn-img::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 8px;
  background-image: url("../img/content/between-image.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 50%;
  right: -22px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* Alignment Right List */
.alignment-right-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.alignment-right-list li {
  float: left;
  padding: 0 15px;
}
.alignment-right-list li + li {
  border-left: 1px solid #e0e0e0;
}
.alignment-right-list li:first-child {
  padding-left: 0;
}
.alignment-right-list li:last-child {
  padding-right: 0;
}
/* DataTable */
.dataTables_wrapper .dataTables_filter label {
  position: relative;
  background: #fff;
  border: 1px solid #fd7d40;
  padding-left: 35px;
  padding-right: 25px;
  margin-bottom: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.dataTables_wrapper .dataTables_filter label input {
  height: 32px;
  min-width: 168px;
  margin: 0;
  padding: 0;
  position: static;
}
.dataTables_wrapper .dataTables_filter label input:focus {
  outline: 0;
}
.dataTables_wrapper .dataTables_filter label::before {
  content: '\f4a5';
  font-family: "Ionicons";
  font-size: 18px;
  line-height: 1.4;
  color: #9e9e9e;
  position: absolute;
  display: inline-block;
  left: 9px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.dataTables_filter label {
  position: relative;
  background: #fff;
  border: 1px solid #fd7d40;
  padding-left: 35px;
  padding-right: 5px;
  margin-bottom: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.dataTables_filter label input {
  height: 32px;
  min-width: 168px;
  margin: 0;
  padding: 0;
  position: static;
  border: none;
}
.dataTables_filter label input:focus {
  outline: 0;
}
.dataTables_filter label::before {
  content: '\f4a5';
  font-family: "Ionicons";
  font-size: 18px;
  line-height: 1.4;
  color: #9e9e9e;
  position: absolute;
  display: inline-block;
  left: 9px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* Data Table Loader */
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner .6s linear infinite;
}
.table-loader {
  position: relative;
}
.table-loader:before {
  visibility: visible;
  display: table-caption;
  position: absolute;
  left: 0;
  top: 42px;
  content: " ";
  width: 100%;
  height: 90%;
  z-index: 1;
  background-image: linear-gradient(#ebebeb 1px, transparent 0), linear-gradient(90deg, #ebebeb 1px, transparent 0), linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 30%), linear-gradient(#f0f0f2 35px, transparent 0);
  background-repeat: repeat;
  background-size: 1px 35px, calc(16.66666666%) 1px, 30% 100%, 2px 70px;
  background-position: 0 0,
            0 0,
            0 0,
            0 0;
  animation: shine 0.5s infinite;
}
.table-loader::after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 90%;
  left: 0;
  top: 42px;
  background-color: #fff;
  z-index: 0;
}
@keyframes shine {
  to {
    background-position: 0 0,
            0 0,
            40% 0,
            0 0;
  }
}
/* Card Checkbox Set */
.card-checkbox-set {
  margin-bottom: 20px;
}
.card-checkbox-set > li.card-checkbox {
  padding: 10px;
  background-color: #f6f6f6;
}
.card-checkbox-set > li.card-checkbox input[type="checkbox"] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.card-checkbox-set > li.card-checkbox input[type="checkbox"] + label {
  position: relative;
  color: #3c465c;
  cursor: pointer;
  padding-left: 24px;
  text-transform: capitalize;
  margin-bottom: 0;
}
.card-checkbox-set > li.card-checkbox input[type="checkbox"] + label::before {
  content: '';
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #ff4e50;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  vertical-align: middle;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.card-checkbox-set > li.card-checkbox input[type="checkbox"] + label::after {
  content: '';
  display: none;
  position: absolute;
  top: 7px;
  left: 4px;
  width: 12px;
  height: 6px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.card-checkbox-set > li.card-checkbox input[type="checkbox"]:checked + label::before {
  background-color: #ff4e50;
}
.card-checkbox-set > li.card-checkbox input[type="checkbox"]:checked + label::after {
  display: block;
}
.card-checkbox-set > li.card-checkbox .align-right {
  float: right;
}
.card-checkbox-set > li.card-checkbox .plus-icon {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
}
.card-checkbox-set > li.card-checkbox .plus-icon::before,
.card-checkbox-set > li.card-checkbox .plus-icon::after {
  content: '';
  position: absolute;
  display: inline-block;
  background: #fd7d40;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.card-checkbox-set > li.card-checkbox .plus-icon::before {
  width: 3px;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.card-checkbox-set > li.card-checkbox .plus-icon::after {
  width: 100%;
  height: 3px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.card-checkbox-set > li.card-checkbox .plus-icon.in::before {
  background: #ea4335;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.card-checkbox-set > li.card-checkbox .plus-icon.in::after {
  opacity: 0;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.card-checkbox-set > li.card-checkbox.parent > input[type="checkbox"] + label {
  font-weight: 700;
}
.card-checkbox-set > li.card-checkbox.child > input[type="checkbox"] + label {
  font-weight: 600;
}
.card-checkbox-set > li.card-checkbox.sub-child > input[type="checkbox"] + label {
  font-weight: 400;
}
.card-checkbox-set .card-checkbox-set {
  padding-left: 15px;
  padding-top: 5px;
  margin-bottom: 0;
}
.card-checkbox-set .card-checkbox-set > li.card-checkbox {
  padding: 10px 0 10px 10px;
}
/* Autocomplete List */
.autocomplete-block {
  position: absolute;
  display: inline-block;
  top: 104%;
  left: 0;
  right: 0;
  text-align: left;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  background-color: #fff;
  z-index: 99;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.autocomplete-list > a {
  cursor: pointer;
  padding: 6px;
  display: block;
  color: #3c465c;
  font-weight: 600;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.autocomplete-list > a:hover {
  color: #fff;
  background-color: #fe8b47;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
/* Tab Panel CSS New */
.tab-header-new {
  border-bottom: 0;
}
.tab-header-new .nav {
  padding-bottom: 15px;
}
.tab-header-new .nav li {
  position: relative;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  margin: 0 auto;
  background: transparent;
}
.tab-header-new .nav li:after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 50%;
  width: 0%;
  height: 5px;
  background-image: linear-gradient(91deg, #ff8b86, #ff524e);
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  -ms-border-radius: 2.5px;
  -o-border-radius: 2.5px;
  border-radius: 2.5px;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  z-index: 1;
}
.tab-header-new .nav li.active {
  position: relative;
  bottom: 0px;
  background: transparent;
}
.tab-header-new .nav li.active:after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
}
.tab-header-new .nav li.active a {
  background: transparent;
  color: #ff4e50;
  border: none;
  position: relative;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.tab-header-new .nav li.active a::before {
  content: '';
  position: absolute;
  display: inline-block;
  border-bottom: 0;
}
.tab-header-new .nav li a {
  color: #969696;
  padding: 10px 40px;
}
.tab-header-new .nav li a:hover {
  background: transparent;
}
.tab-header-new .nav li:first-child a {
  padding-left: 15px;
}
.tab-header-new .nav:after {
  content: '';
  position: relative;
  bottom: 0px;
  left: 0;
  width: 100%;
  border-bottom: 5px solid #d8d8d8;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  -ms-border-radius: 2.5px;
  -o-border-radius: 2.5px;
  border-radius: 2.5px;
  z-index: 0;
}
.tab-info-details .title {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}
.tab-info-details span {
  font-style: italic;
}
.tab-view-details {
  padding: 15px 0;
  background: #fff;
}
.tab-view-details.tab-view-details-inner {
  padding: 0;
  background: none;
}
.tab-view-details.tab-view-details-inner .tab-view-list li {
  background: #ffffff;
}
.tab-view-details .tab-view-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.tab-view-details .tab-view-list li {
  border: 1px solid #d8d8d8;
  padding: 10px 15px;
}
.tab-view-details .tab-view-list li.column_5 {
  border-width: 0px 1px 1px 0px;
}
@media only screen and (min-width: 1300px) {
  .tab-view-details .tab-view-list li.column_5 {
    width: 20%;
  }
  .tab-view-details .tab-view-list li.column_5:nth-child(5n+1) {
    border-left-width: 1px;
  }
  .tab-view-details .tab-view-list li.column_5:nth-child(-n+5) {
    border-top-width: 1px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 991px) {
  .tab-view-details .tab-view-list li.column_5 {
    width: 25%;
  }
  .tab-view-details .tab-view-list li.column_5:nth-child(4n+4) {
    border-left-width: 1px;
  }
  .tab-view-details .tab-view-list li.column_5:nth-child(-n+4) {
    border-top-width: 1px;
  }
}
@media screen and (max-width: 990px) and (min-width: 768px) {
  .tab-view-details .tab-view-list li.column_5 {
    width: 50%;
  }
  .tab-view-details .tab-view-list li.column_5:nth-child(2n+2) {
    border-left-width: 1px;
  }
  .tab-view-details .tab-view-list li.column_5:nth-child(-n+2) {
    border-top-width: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .tab-view-details .tab-view-list li.column_5 {
    width: 100%;
    border-top-width: 1px;
    border-left-width: 1px;
  }
}
.tab-view-details .tab-view-list li span {
  display: block;
}
.tab-view-details .tab-view-list li span.tab-view-details-label {
  color: #777777;
  font-weight: bold;
  font-size: 14px;
}
.tab-view-details .tab-view-list li span.tab-view-details-value {
  color: #3c465c;
  font-weight: bold;
  font-size: 16px;
}
.tab-view-details .tab-view-list li span.tab-view-details-value.break_word {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  text-overflow: ellipsis;
}
.tab-page-header .nav.nav-pills > li > a {
  min-width: 180px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  color: #fd7d40;
  padding: 13px 20px 12px;
  border: 1px solid #fd7d40;
  background-color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.tab-page-header .nav.nav-pills > li.active > a {
  font-size: 13px;
  color: #fff;
  background-color: #fd7d40;
}
.tab-page-header .nav.nav-pills > li.active > a::before {
  display: none;
}
.tab-page-header .nav.nav-pills > li + li {
  margin-left: 0;
}
.tab-page-body .tab-content .tab-pane {
  /* min-height: calc(~"100vh - 170px"); */
  padding-bottom: 70px;
}
.tab-page-body .tab-content .tab-pane .form-page {
  min-height: calc(100vh - 240px);
}
.tab-page-body .tab-content .tab-pane-footer {
  z-index: 999;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* Scheme Description */
.scheme-description h6 {
  font-size: 12px;
  font-weight: bold;
  color: #313355;
  margin-bottom: 0;
}
.scheme-description span {
  color: #9697a9;
  font-size: 12px;
  font-weight: 600;
}
/* View Customer Description */
.view-customer-description {
  padding: 0 20px;
}
.view-customer-description h6 {
  font-size: 16px;
  color: #fd7d40;
}
.view-customer-description span {
  color: #c4c4c4;
  font-size: 14px;
  display: block;
}
/* Angular Select CSS */
.ui-select-container.select2-container-active.ui-select-container.select2-container .select2-choice {
  border-color: #3c465c;
}
.ui-select-container.select2-container .select2-choice {
  height: 34px;
  cursor: pointer;
  background: #ffffff;
  border-color: #3c465c;
}
.ui-select-container.select2-container .select2-choice > .select2-chosen {
  padding: 3px 0 3px 7px;
}
.ui-select-container.select2-container .select2-choice .select2-arrow {
  height: auto;
  right: 4px;
  text-align: center;
  border-left: 0;
  background-image: none;
  background-color: transparent;
  transform: translateY(-50%);
  top: 50%;
}
.ui-select-container.select2-container .select2-choice .select2-arrow b {
  width: 0;
  height: 0;
  background-image: none;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #3c465c transparent transparent transparent;
  margin: auto;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.select2-dropdown-open.ui-select-container.select2-container .select2-choice {
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.select2-dropdown-open.ui-select-container.select2-container .select2-choice .select2-arrow b {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.select2-container-active.ui-select-container.select2-container .select2-choice {
  border-color: #fe8b47;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.ui-select-container.select2-container .select2-search {
  padding-top: 4px;
}
.ui-select-container.select2-container .select2-search input {
  width: 98% !important;
  height: 28px !important;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  padding: 0 0 0 7px;
  background-image: url("../img/content/select2.png");
  background-position: right -33px;
  background-size: 20%;
  background-repeat: no-repeat;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.ui-select-container .ui-select-choices-row:hover {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  color: #fff;
}
.ui-select-container .select2-results .select2-highlighted {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
  color: #fff;
}
/* Angular Md-Menu-bar CSS (Onclik Dropdown) */
.md-button.md-raised {
  color: #ffffff;
  padding: 6px 20px;
  margin: 0;
  font-weight: bold;
  font-family: 'Muli', sans-serif;
  height: auto;
}
.md-button.md-raised:hover,
.md-button.md-raised:focus {
  background: #fe6a47;
  color: #ffffff;
}
.md-button.md-raised:not([disabled]) {
  box-shadow: none;
}
.md-button.md-raised:not([disabled]):hover {
  background: #fe6a47;
  color: #ffffff;
}
md-menu-bar {
  padding: 0;
}
.md-open-menu-container {
  margin-top: 3px;
}
.md-open-menu-container.md-active .md-menu-bar-menu.md-dense {
  border: 1px solid #fe6a47;
  padding: 5px 0;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  min-width: 300px;
}
.md-open-menu-container.md-active .md-menu-bar-menu.md-dense .md-in-menu-bar {
  background: #ffffff;
}
.md-open-menu-container.md-active .md-menu-bar-menu.md-dense .md-in-menu-bar .md-menu {
  background: #ffffff;
}
.md-open-menu-container.md-active .md-menu-bar-menu.md-dense .md-in-menu-bar .md-menu .md-button {
  background: #ffffff;
  color: #3c465c;
}
.md-open-menu-container.md-active .md-menu-bar-menu.md-dense .md-in-menu-bar .md-menu .md-button:hover,
.md-open-menu-container.md-active .md-menu-bar-menu.md-dense .md-in-menu-bar .md-menu .md-button:focus,
.md-open-menu-container.md-active .md-menu-bar-menu.md-dense .md-in-menu-bar .md-menu .md-button:active {
  color: #fe6a47;
  background: #ffffff;
}
.md-open-menu-container.md-active .md-menu-bar-menu.md-dense .md-in-menu-bar .md-menu .md-button:after {
  content: '';
}
/* Autocomplete Multi List */
.autocomplete-multi-list-item {
  display: inline-block;
  font-weight: 600;
  padding: 8px 10px;
  line-height: 1.4;
  background-color: #fff;
  vertical-align: middle;
  margin-left: 10px;
  margin-bottom: 5px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}
.autocomplete-multi-list-item .btn-remove {
  min-width: auto;
  padding: 0;
  margin-left: 15px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("../img/content/close-circle.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Angular Switch */
md-switch {
  margin: 0;
  height: 34px;
  line-height: 31px;
  display: inline-block;
}
md-switch .md-container {
  width: 200px;
  height: 34px;
}
md-switch .md-thumb-container {
  top: 0;
}
md-switch .md-thumb-container .md-thumb.md-ink-ripple::before {
  display: none;
}
md-switch .md-bar {
  width: 200px;
  height: 34px;
  line-height: 34px;
  background-color: #eee;
  position: relative;
  top: 0;
  left: 0;
}
md-switch .md-bar:before {
  content: 'Inactive';
  position: absolute;
  color: #aaaaaa;
  font-weight: bold;
  right: 22px;
  bottom: 0;
  line-height: 34px;
}
md-switch .md-bar:after {
  content: 'Active';
  position: absolute;
  color: #aaaaaa;
  font-weight: bold;
  left: 30px;
  bottom: 0px;
  line-height: 34px;
}
md-switch .md-thumb {
  width: 100px;
  height: 34px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #34a852;
  box-shadow: none;
  top: 0px;
}
md-switch .md-label {
  position: absolute;
  z-index: 999;
  color: #fff;
  line-height: 34px;
  bottom: 9px;
  left: 30px;
  font-weight: bold;
}
md-switch.md-checked .md-thumb {
  width: 100px;
  height: 34px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #34a852;
  left: 85px;
  top: 0px;
}
md-switch.md-checked .md-label {
  position: absolute;
  z-index: 999;
  color: #fff;
  line-height: 34px;
  bottom: 9px;
  left: 126px;
}
md-switch.md-checked:not([disabled]).md-warn .md-bar {
  background-color: #eee;
}
md-switch.md-checked:not([disabled]).md-warn .md-thumb {
  background-color: #ea4335;
}
.md-switch-two md-switch .md-bar:before {
  content: 'No';
  right: 40px;
}
.md-switch-two md-switch .md-bar:after {
  content: 'Yes';
  left: 40px;
}
.md-switch-two md-switch .md-label {
  left: 38px;
}
.md-switch-two md-switch.md-checked .md-label {
  left: 145px;
}
.md-switch-three md-switch .md-bar:before {
  content: 'Unregistered';
  right: 8px;
}
.md-switch-three md-switch .md-bar:after {
  content: 'Registered';
  left: 18px;
}
.md-switch-three md-switch .md-label {
  left: 17px;
}
.md-switch-three md-switch.md-checked .md-label {
  left: 110px;
}
/* Angular Auto Complete CSS */
md-autocomplete {
  height: 32px;
  border: 1px solid #e8e8ef;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
md-autocomplete .md-whiteframe-z1 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
md-autocomplete md-autocomplete-wrap {
  height: 30px;
}
md-autocomplete input:not(.md-input) {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 8px;
}
md-autocomplete .md-show-clear-button button {
  min-width: unset;
  margin: 0;
}
md-autocomplete .md-show-clear-button button:after {
  display: none;
}
md-select {
  font-size: 12px;
  font-weight: normal;
  color: #313355;
  height: 32px;
  line-height: 30px;
  margin: 0;
  background-color: #fff;
  border: 1px solid #e8e8ef;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.view-detail-header-filter .select-filter-block md-select {
  min-width: 200px;
}
md-select .md-select-value {
  padding: 0 0 0 10px;
  border-bottom: 0;
}
md-select .md-select-value.md-select-placeholder {
  padding-left: 10px;
  color: #aaaaaa;
}
md-select .md-select-value .md-select-icon {
  width: 11px;
  height: 100%;
  position: relative;
  margin-left: 0;
  margin-right: 8px;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}
md-select .md-select-value .md-select-icon::after {
  content: '';
  width: 10px;
  position: absolute;
  top: 50%;
  border-style: solid;
  border-color: #9697a9 transparent transparent transparent;
  border-width: 5px 5px 0 5px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
md-select:not([disabled]):focus {
  border-color: #3c465c;
}
md-select:not([disabled]):focus .md-select-value {
  border-bottom: 0;
}
.md-select-menu-container {
  z-index: 9999;
}
.md-select-menu-container ._md ._md .demo-select-header .demo-header-searchbox {
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  padding: 0 15px;
  height: 35px;
}
.md-select-menu-container ._md ._md .demo-select-header .demo-header-searchbox:focus {
  outline: none;
}
/* Roll Box List */
.roll-box-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.roll-box-list > li.roll-box {
  width: 25%;
  padding: 15px;
}
.roll-box-list > li.roll-box > .checkbox {
  display: block;
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.roll-box-list > li.roll-box > .checkbox > input[type="checkbox"] {
  position: absolute;
  left: -9999px;
  margin: 0;
}
.roll-box-list > li.roll-box > .checkbox > input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  padding-left: 30px;
  margin-left: 0;
}
.roll-box-list > li.roll-box > .checkbox > input[type="checkbox"] + label::before {
  top: 0;
  left: 0;
}
.roll-box-list > li.roll-box > .checkbox > input[type="checkbox"] + label::after {
  top: 6px;
}
.roll-box-list .down-btn-arrow {
  float: right;
  line-height: 1;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.roll-box-list .down-btn-arrow .btn {
  padding: 0;
  min-width: auto;
  background-color: transparent;
  color: #ff4e50;
  line-height: 1;
}
.roll-box-list .down-btn-arrow .btn i {
  line-height: 1;
}
.roll-box-list .down-btn-arrow .btn i::before {
  font-size: 22px;
  line-height: 1;
}
.roll-box-list .down-btn-arrow.in {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.roll-box-list .roll-box-sub-list {
  padding: 10px 15px 10px 15px;
  background-color: #f6f6f6;
}
.roll-box-list .roll-box-sub-list > li.roll-box {
  padding: 5px 0 5px 15px;
  /* border-bottom: 1px solid #fff; */
}
.roll-box-list .roll-box-sub-list > li.roll-box > .checkbox {
  display: block;
  margin-left: 0;
}
.roll-box-list .roll-box-sub-list > li.roll-box > .checkbox > input[type="checkbox"] {
  position: absolute;
  left: -9999px;
  margin: 0;
}
.roll-box-list .roll-box-sub-list > li.roll-box > .checkbox > input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-left: 30px;
  margin-left: 0;
  margin-bottom: 0;
}
.roll-box-list .roll-box-sub-list > li.roll-box > .checkbox > input[type="checkbox"] + label::before {
  top: 0;
  left: 0;
}
.roll-box-list .roll-box-sub-list > li.roll-box > .checkbox > input[type="checkbox"] + label::after {
  top: 6px;
}
.roll-box-list .roll-box-sub-list > li.roll-box .roll-box-sub-list {
  padding: 0 0 0 15px;
}
.roll-box-list .roll-box-sub-list > li.roll-box .roll-box-sub-list > li.roll-box {
  /* border-left: 1px solid #fff; */
}
.roll-box-list .roll-box-sub-list > li.roll-box .roll-box-sub-list > li.roll-box:last-child {
  border-bottom: 0;
}
/* Additional Wrap */
.additional-wrap {
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #fd7d40;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.additional-wrap .form-title .title {
  font-weight: bold;
  color: #fd7d40;
}
.additional-wrap-delete {
  position: absolute;
  top: 20px;
  right: 20px;
}
.additional-wrap-delete .btn .btn-img,
.additional-wrap-delete button .btn-img {
  padding: 0;
  background-color: transparent;
}
/* Search Filter Close */
.search-filter-close {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  line-height: 0;
}
/******************** Time Sheet Theme *****************/
/* Form Page */
.form-page-wrap {
  background-color: #ffffff;
  border: solid 1px #e8e8ef;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.form-page-body {
  padding: 30px 30px 20px;
}
.form-page-footer {
  padding: 15px 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* Section Preview */
.section-preview {
  text-align: center;
  font-weight: bold;
  color: #313355;
  padding: 33px 0 25px;
}
/* Table Preview */
.table-preview {
  border: 1px solid #e8e8ef;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.table-preview.no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.table-preview .table-fixed {
  overflow-y: auto;
  height: 300px;
}
.table-preview .table-fixed .table {
  margin-bottom: 0;
}
.table-preview .table-fixed .table > thead > tr > th {
  position: sticky;
  top: 0px;
  background-color: #ffffff;
  box-shadow: 1px 1px 0 #e8e8ef;
  opacity: 1;
}
/* Team Edit Image */
.team-edit {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* Attachement File Option */
.file-container {
  position: relative;
  display: inline-block;
}
.file-container .file-trigger {
  font-size: 12px;
  cursor: pointer;
  max-width: 92px;
  font-weight: 500;
  color: #9697a9;
  margin-bottom: 5px;
  text-align: center;
  position: relative;
  line-height: normal;
  display: inline-block;
  letter-spacing: normal;
  padding: 18.9px 23.2px;
  vertical-align: middle;
  font-family: 'Rubik', sans-serif;
  border: 1px dashed #9697a9;
  background-color: #ffffff;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
}
.file-container .file-trigger input[type="file"] {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 0 0;
}
.file-container.type-2 .file-trigger {
  padding: 0;
  border: 0;
  width: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* Drag & Drop */
.imageuploadify {
  min-width: auto;
}
.imageuploadify.well {
  padding: 0;
  margin: 0;
  border: 0;
  display: inline-block;
  text-align: left;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.imageuploadify .imageuploadify-images-list {
  text-align: left;
}
.imageuploadify .imageuploadify-images-list i {
  display: none;
}
.imageuploadify .imageuploadify-images-list button.btn-default {
  font-size: 12px;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  color: #9697a9 !important;
  line-height: normal;
  display: inline-block;
  width: 92px;
  min-width: 92px;
  max-width: 92px;
  text-align: center;
  white-space: inherit;
  letter-spacing: normal;
  padding: 19.5px 23.2px;
  vertical-align: middle;
  background-color: #fff;
  border: 1px dashed #9697a9;
  margin: 0 auto 5px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
}
.imageuploadify .imageuploadify-images-list button.btn-default:hover {
  background-color: #E8E8EF!important;
}
.imageuploadify .imageuploadify-images-list button.btn-default .imageuploadify-attach-text {
  display: inline-block;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container {
  float: none;
  width: 92px;
  height: 69px;
  display: inline-block;
  vertical-align: middle;
  padding: 16px 18px 10px;
  background-color: #313355;
  overflow: unset;
  margin: 0 0 5px 5px!important;
  text-align: center;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details {
  text-align: center;
  padding: 0;
  position: static;
  background-color: transparent;
  opacity: 1!important;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span {
  display: block;
  font-size: 10px;
  font-family: 'Rubik', sans-serif;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details .imageuploadify-file-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("../img/content/file/jpg-file.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details .imageuploadify-file-type,
.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details .imageuploadify-file-size {
  display: none;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container > img {
  display: none;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger,
.imageuploadify .imageuploadify-images-list .imageuploadify-container .btn.btn-danger {
  width: 16px;
  height: 16px;
  min-width: auto;
  padding: 0;
  top: 0;
  right: 0;
  background-color: transparent;
  background-image: url("../img/content/file/close.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger::before,
.imageuploadify .imageuploadify-images-list .imageuploadify-container .btn.btn-danger::before {
  display: none;
}
/* Single Image Uploadify - Mani less */
.single-imageuploadify {
  max-width: 350px;
}
.single-imageuploadify .imageuploadify.well {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  position: relative;
  border: solid 1px #bdbdbd;
}
.single-imageuploadify .imageuploadify .imageuploadify-images-list {
  width: 100%;
}
.single-imageuploadify .imageuploadify .imageuploadify-images-list button.btn-default {
  margin: 0;
  width: auto;
  color: #fff !important;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  max-width: unset;
  min-width: auto;
  padding: 8px 10px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  background-color: #3c465c !important;
}
.single-imageuploadify .imageuploadify .imageuploadify-images-list button.btn-default:hover {
  background-color: #333333 !important;
}
.single-imageuploadify .imageuploadify .imageuploadify-images-list .imageuploadify-container {
  width: calc(100% - 90px);
  max-width: calc(100% - 90px);
  height: auto;
  /* display: block; */
  background: #fff;
  padding: 6px 45px 6px 10px;
  position: unset;
  margin: 0 !important;
}
.single-imageuploadify .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details {
  display: block;
  text-align: left;
}
.single-imageuploadify .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details .imageuploadify-file-icon {
  display: none;
}
.single-imageuploadify .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details .imageuploadify-file-name {
  width: 100%;
  font-size: 12px;
  display: inline-block;
  color: #313355;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-imageuploadify .imageuploadify .imageuploadify-images-list .imageuploadify-container .btn.btn-danger {
  right: 10px;
  width: 31px;
  height: 100%;
  background-image: none;
}
.single-imageuploadify .imageuploadify .imageuploadify-images-list .imageuploadify-container .btn.btn-danger:after {
  content: 'clear';
  height: 100%;
  color: #e52b20;
  font-size: 12px;
  line-height: 30px;
  font-family: 'Muli', sans-serif;
  position: absolute;
  display: inline-block;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* Box List */
.box-list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.box-col-6 {
  flex: 0 0 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.box-item-wrap {
  height: 100%;
  padding: 34px 17.5px;
  background-color: #ffffff;
  border: 1px solid #e8e8ef;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.box-item-header {
  padding-bottom: 15px;
}
.box-item-title {
  font-size: 18px;
  font-weight: bold;
  line-height: normal;
  color: #313355;
  margin-bottom: 0;
}
.box-item-title.big {
  font-size: 24px;
}
.box-item-title.inline-wrap {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}
.box-item-subtitle {
  font-size: 14px;
  font-weight: bold;
  color: #313355;
  margin-bottom: 0;
}
.box-item-form-group {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
}
.box-item-info {
  font-size: 16px;
  color: #313355;
  padding: 14.5px 0;
  max-width: 480px;
  border: solid #e8e8ef;
  border-width: 1px 0 1px 0;
  margin: auto;
}
.box-item-info-grey {
  font-size: 14px;
  font-weight: bold;
  color: #6e7088;
  margin-top: 8px;
}
.box-item-body img {
  margin: auto;
}
.box-item-body .btn-fullwidth-wrap {
  max-width: 265px;
  margin: auto;
}
/* Work Tooltip */
.work-tooltip {
  font-size: 10px;
  display: inline-block;
  cursor: pointer;
}
.work-tooltip-wrap {
  /* min-width: 350px; */
  padding: 15px 15px;
  background-color: #313355;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.work-tooltip-wrap .tooltip-separator {
  margin: 10px 0;
  min-height: 1px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  opacity: 0.7;
}
.work-tooltip-label,
.work-tooltip-value {
  display: block;
  font-size: 12px;
  color: #fff;
  margin-bottom: 2px;
}
.work-tooltip-label {
  color: #fd7d40;
}
.work-tooltip-value {
  font-weight: bold;
  margin-bottom: 5px;
}
.work-tooltip + .tooltip .tooltip-inner {
  max-width: 450px;
  text-align: left;
  background-color: #313355;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* Info View */
.info-view-wrap {
  text-align: center;
  padding: 40px 0;
  position: relative;
}
@media only screen and (min-width: 991px) {
  .info-view-wrap::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    left: -15px;
    width: 1px;
    height: 100%;
    background-color: #979797;
  }
}
.info-view-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #313355;
}
.info-view-main {
  max-width: 480px;
  padding: 14.5px 10px;
  margin: auto;
  margin-bottom: 8px;
  font-size: 16px;
  color: #313355;
  border: solid #e8e8ef;
  border-width: 1px 0;
}
.info-view-sub {
  font-size: 14px;
  font-weight: bold;
  color: #313355;
  margin-bottom: 0;
}
.info-view-sub.grey {
  color: #6e7088;
}
/* Nav Header Tab */
.nav-tab-header .nav.nav-pills > li > a {
  cursor: pointer;
  min-width: 108px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  padding: 7px 10.5px;
  background-color: rgba(104, 104, 104, 0.6);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.nav-tab-header .nav.nav-pills > li + li {
  margin-left: 1px;
}
.nav-tab-header .nav.nav-pills > li:first-child > a {
  border-top-left-radius: 5px;
}
.nav-tab-header .nav.nav-pills > li:last-child > a {
  border-top-right-radius: 5px;
}
.nav-tab-header .nav.nav-pills > li.active > a {
  background-color: #fd7d40;
}
.nav-tab-header .nav.nav-pills > li.active > a::before {
  display: none;
}
/* Radio Button Wrap */
.radio-button-wrap,
.radio-button-item {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.radio-button-wrap input[type="radio"],
.radio-button-item input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.radio-button-wrap input[type="radio"] + label,
.radio-button-item input[type="radio"] + label {
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  color: #747474;
  padding: 8.5px 19px;
  margin-bottom: 0;
  background-color: #e8e8ef;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.radio-button-wrap input[type="radio"]:checked + label,
.radio-button-item input[type="radio"]:checked + label {
  background-color: #fd7d40;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -ms-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
  color: #ffffff;
}
.radio-button-wrap input[type="radio"]:checked + label.green,
.radio-button-item input[type="radio"]:checked + label.green {
  background-color: #7bbf33;
}
.radio-button-wrap input[type="radio"]:checked + label.red,
.radio-button-item input[type="radio"]:checked + label.red {
  background-color: #ea4335;
}
/* Form Table List */
.form-table-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.form-table-list > li {
  width: 25%;
  padding: 0 10px;
}
.form-table-list > li.colm-12 {
  width: 100%;
}
.form-table-list > li.wid-33 {
  width: 33.33333%;
}
.form-table-list > li.wid-50 {
  width: 50%;
}
.form-table-list > li.wid-100 {
  width: 100%;
}
.form-table-list > li.mb-30 {
  margin-bottom: 30px;
}
.form-table-list > li .table.form-table > thead > tr > th,
.form-table-list > li .table.form-table > tbody > tr > th,
.form-table-list > li .table.form-table > thead > tr > td,
.form-table-list > li .table.form-table > tbody > tr > td {
  padding: 5px;
  white-space: unset;
}
.form-table-list > li .table.form-table > thead > tr > th.text-right,
.form-table-list > li .table.form-table > tbody > tr > th.text-right,
.form-table-list > li .table.form-table > thead > tr > td.text-right,
.form-table-list > li .table.form-table > tbody > tr > td.text-right {
  text-align: right;
}
.form-table-list > li .table.form-table > thead > tr > th.text-right input[type="text"],
.form-table-list > li .table.form-table > tbody > tr > th.text-right input[type="text"],
.form-table-list > li .table.form-table > thead > tr > td.text-right input[type="text"],
.form-table-list > li .table.form-table > tbody > tr > td.text-right input[type="text"] {
  text-align: right;
}
.form-table-list > li .table.form-table > thead > tr > th:last-child,
.form-table-list > li .table.form-table > tbody > tr > th:last-child,
.form-table-list > li .table.form-table > thead > tr > td:last-child,
.form-table-list > li .table.form-table > tbody > tr > td:last-child {
  text-align: right;
}
.form-table-list > li .table.form-table > thead > tr > th:last-child input[type="text"],
.form-table-list > li .table.form-table > tbody > tr > th:last-child input[type="text"],
.form-table-list > li .table.form-table > thead > tr > td:last-child input[type="text"],
.form-table-list > li .table.form-table > tbody > tr > td:last-child input[type="text"] {
  text-align: right;
}
.form-table-list > li .table.form-table > thead > tr > th {
  font-size: 10px;
  font-weight: bold;
  color: #6e7088;
}
.form-table-list > li .table.form-table > thead > tr > th.wd-40 {
  min-width: 40px;
  width: 40px;
}
.form-table-list > li .table.form-table > thead > tr > th.wd-60 {
  min-width: 60px;
  width: 60px;
}
.form-table-list > li .table.form-table > thead > tr > th.wd-120 {
  min-width: 120px;
  width: 120px;
}
.form-table-list > li .table.form-table > thead > tr > th.wd-200 {
  min-width: 200px;
  width: 200px;
}
.form-table-list > li .table.form-table > thead > tr > th.wd-220 {
  min-width: 220px;
  width: 220px;
}
.form-table-list > li .table.form-table > tbody > tr > td .table-attchment-view {
  min-width: 230px;
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-table-list > li .table.form-table > tbody > tr > td.action {
  min-width: auto;
}
.form-table-list > li .table-responsive {
  margin-bottom: 13px;
}
.form-table-view .form-table-wrap {
  padding: 0;
  height: auto;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.form-table-view .table-responsive {
  margin-bottom: 0;
}
.form-table-view > li .table.form-table > thead > tr > th,
.form-table-view > li .table.form-table > tbody > tr > th,
.form-table-view > li .table.form-table > thead > tr > td,
.form-table-view > li .table.form-table > tbody > tr > td {
  border: 1px solid #ccc;
}
.form-table-wrap {
  height: calc(100% - 31px);
  padding: 5px 10px 15px;
  border: 1px solid #6e7088;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.form-table-wrap .button-wrap {
  padding-left: 5px;
}
.form-table-title {
  font-weight: bold;
  color: #313355;
  margin-bottom: 13px;
}
/* Progress */
.modal .progress {
  height: 26px;
}
/* Tab Section Title */
.tab-section-title {
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  color: #313355;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e8e8ef;
}
/* Multiple Attachment Wrap */
.multiple-attachment-box {
  min-width: 200px;
  max-width: 200px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}
.multiple-attachment-header {
  font-size: 12px;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  padding: 9px 10px;
  color: #313355;
  background-color: #e8e8ef;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.multiple-attachment-body .imageuploadify.well {
  width: 100%;
}
.multiple-attachment-body .imageuploadify .imageuploadify-images-list {
  width: 100%;
  position: relative;
  text-align: center;
  min-height: 62px;
  padding-top: 10px;
  padding-bottom: 29px;
  border: 1px dashed #9697a9;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.multiple-attachment-body .imageuploadify .imageuploadify-images-list button.btn-default {
  width: 100%;
  max-width: none;
  min-width: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  border: 0;
  /* border-top: 1px solid #fff; */
  padding: 5px 25px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #313355 !important;
  margin-bottom: 0;
}
.multiple-attachment-body .imageuploadify .imageuploadify-images-list .imageuploadify-details {
  line-height: 1;
}
.multiple-attachment-body .imageuploadify .imageuploadify-images-list .imageuploadify-container {
  width: auto;
  height: auto;
  padding: 0 5px;
  margin: 0 auto!important;
  position: relative;
  background-color: transparent;
}
.multiple-attachment-body .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-btn-remove {
  position: absolute;
  display: none;
  top: 0;
  line-height: 0;
  left: 100%;
  padding: 8px;
  z-index: 1;
  background-color: #ea4335;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.multiple-attachment-body .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-btn-remove button.btn.btn-danger {
  position: static;
}
.multiple-attachment-body .imageuploadify .imageuploadify-images-list .imageuploadify-container.in .imageuploadify-btn-remove {
  display: inline-block;
}
.multiple-attachment-body .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-file-name {
  display: none;
}
.multiple-attachment-body .imageuploadify .imageuploadify-images-list .imageuploadify-container .tooltip {
  width: 120px;
}
.multiple-attachment-body .imageuploadify .imageuploadify-images-list.active {
  border: 1px solid #313355;
  background-color: #313355;
}
.multiple-attachment-body .imageuploadify .imageuploadify-images-list.view {
  padding: 10px;
}
.multiple-attachment-body .imageuploadify .imageuploadify-images-list.active .imageuploadify-label {
  display: none;
}
.multiple-attachment-body .imageuploadify .imageuploadify-images-list .imageuploadify-label {
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px);
  left: 50%;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  color: #9697a9;
}