/* Navbar ====================================== */
/* armalite */

@import url(materialize.css);

img {
  object-fit: cover !important;
}

.navbar {
  font-family: "Nunito", sans-serif !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  width: 100%;
}

.navbar .navbar-brand {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.navbar .navbar-custom-right-menu {
  float: right;
}

.navbar .navbar-toggle {
  text-decoration: none;
  color: #fff;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-right: 17px;
}

.navbar .navbar-toggle:before {
  content: "\E8D5";
  font-family: "Material Icons";
  font-size: 26px;
}

.navbar .navbar-collapse.in {
  overflow: visible;
}

.ls-closed .sidebar {
  margin-left: -300px;
}

.ls-closed section.content {
  margin-left: 15px;
}

.ls-closed .bars:after,
.ls-closed .bars:before {
  font-family: "Material Icons";
  font-size: 24px;
  position: absolute;
  top: 18px;
  left: 20px;
  margin-right: 10px;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.ls-closed .bars:before {
  content: "\E5D2";
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ls-closed .bars:after {
  content: "\E5C4";
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.ls-closed .navbar-brand {
  margin-left: 30px;
}

.overlay-open .bars:before {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.overlay-open .bars:after {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.navbar-nav .dropdown-menu {
  margin-top: -40px !important;
}

.label-count {
  position: absolute;
  top: 2px;
  right: 6px;
  font-size: 10px;
  line-height: 15px;
  background-color: #000;
  padding: 0 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.col-red .navbar .navbar-brand,
.col-red .navbar .navbar-brand:hover,
.col-red .navbar .navbar-brand:active,
.col-red .navbar .navbar-brand:focus {
  color: #fff;
}

.col-red .navbar .nav > li > a:hover,
.col-red .navbar .nav > li > a:focus,
.col-red .navbar .nav .open > a,
.col-red .navbar .nav .open > a:hover,
.col-red .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-red .navbar .nav > li > a {
  color: #fff;
}

.col-red .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-red .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-pink .navbar .navbar-brand,
.col-pink .navbar .navbar-brand:hover,
.col-pink .navbar .navbar-brand:active,
.col-pink .navbar .navbar-brand:focus {
  color: #fff;
}

.col-pink .navbar .nav > li > a:hover,
.col-pink .navbar .nav > li > a:focus,
.col-pink .navbar .nav .open > a,
.col-pink .navbar .nav .open > a:hover,
.col-pink .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-pink .navbar .nav > li > a {
  color: #fff;
}

.col-pink .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-pink .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-purple .navbar .navbar-brand,
.col-purple .navbar .navbar-brand:hover,
.col-purple .navbar .navbar-brand:active,
.col-purple .navbar .navbar-brand:focus {
  color: #fff;
}

.col-purple .navbar .nav > li > a:hover,
.col-purple .navbar .nav > li > a:focus,
.col-purple .navbar .nav .open > a,
.col-purple .navbar .nav .open > a:hover,
.col-purple .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-purple .navbar .nav > li > a {
  color: #fff;
}

.col-purple .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-purple .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-deep-purple .navbar .navbar-brand,
.col-deep-purple .navbar .navbar-brand:hover,
.col-deep-purple .navbar .navbar-brand:active,
.col-deep-purple .navbar .navbar-brand:focus {
  color: #fff;
}

.col-deep-purple .navbar .nav > li > a:hover,
.col-deep-purple .navbar .nav > li > a:focus,
.col-deep-purple .navbar .nav .open > a,
.col-deep-purple .navbar .nav .open > a:hover,
.col-deep-purple .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-deep-purple .navbar .nav > li > a {
  color: #fff;
}

.col-deep-purple .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-deep-purple .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-indigo .navbar .navbar-brand,
.col-indigo .navbar .navbar-brand:hover,
.col-indigo .navbar .navbar-brand:active,
.col-indigo .navbar .navbar-brand:focus {
  color: #fff;
}

.col-indigo .navbar .nav > li > a:hover,
.col-indigo .navbar .nav > li > a:focus,
.col-indigo .navbar .nav .open > a,
.col-indigo .navbar .nav .open > a:hover,
.col-indigo .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-indigo .navbar .nav > li > a {
  color: #fff;
}

.col-indigo .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-indigo .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-blue .navbar .navbar-brand,
.col-blue .navbar .navbar-brand:hover,
.col-blue .navbar .navbar-brand:active,
.col-blue .navbar .navbar-brand:focus {
  color: #fff;
}

.col-blue .navbar .nav > li > a:hover,
.col-blue .navbar .nav > li > a:focus,
.col-blue .navbar .nav .open > a,
.col-blue .navbar .nav .open > a:hover,
.col-blue .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-blue .navbar .nav > li > a {
  color: #fff;
}

.col-blue .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-blue .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-light-blue .navbar .navbar-brand,
.col-light-blue .navbar .navbar-brand:hover,
.col-light-blue .navbar .navbar-brand:active,
.col-light-blue .navbar .navbar-brand:focus {
  color: #fff;
}

.col-light-blue .navbar .nav > li > a:hover,
.col-light-blue .navbar .nav > li > a:focus,
.col-light-blue .navbar .nav .open > a,
.col-light-blue .navbar .nav .open > a:hover,
.col-light-blue .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-light-blue .navbar .nav > li > a {
  color: #fff;
}

.col-light-blue .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-light-blue .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-cyan .navbar .navbar-brand,
.col-cyan .navbar .navbar-brand:hover,
.col-cyan .navbar .navbar-brand:active,
.col-cyan .navbar .navbar-brand:focus {
  color: #fff;
}

.col-cyan .navbar .nav > li > a:hover,
.col-cyan .navbar .nav > li > a:focus,
.col-cyan .navbar .nav .open > a,
.col-cyan .navbar .nav .open > a:hover,
.col-cyan .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-cyan .navbar .nav > li > a {
  color: #fff;
}

.col-cyan .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-cyan .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-teal .navbar .navbar-brand,
.col-teal .navbar .navbar-brand:hover,
.col-teal .navbar .navbar-brand:active,
.col-teal .navbar .navbar-brand:focus {
  color: #fff;
}

.col-teal .navbar .nav > li > a:hover,
.col-teal .navbar .nav > li > a:focus,
.col-teal .navbar .nav .open > a,
.col-teal .navbar .nav .open > a:hover,
.col-teal .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-teal .navbar .nav > li > a {
  color: #fff;
}

.col-teal .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-teal .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-green .navbar .navbar-brand,
.col-green .navbar .navbar-brand:hover,
.col-green .navbar .navbar-brand:active,
.col-green .navbar .navbar-brand:focus {
  color: #fff;
}

.col-green .navbar .nav > li > a:hover,
.col-green .navbar .nav > li > a:focus,
.col-green .navbar .nav .open > a,
.col-green .navbar .nav .open > a:hover,
.col-green .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-green .navbar .nav > li > a {
  color: #fff;
}

.col-green .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-green .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-light-green .navbar .navbar-brand,
.col-light-green .navbar .navbar-brand:hover,
.col-light-green .navbar .navbar-brand:active,
.col-light-green .navbar .navbar-brand:focus {
  color: #fff;
}

.col-light-green .navbar .nav > li > a:hover,
.col-light-green .navbar .nav > li > a:focus,
.col-light-green .navbar .nav .open > a,
.col-light-green .navbar .nav .open > a:hover,
.col-light-green .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-light-green .navbar .nav > li > a {
  color: #fff;
}

.col-light-green .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-light-green .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-lime .navbar .navbar-brand,
.col-lime .navbar .navbar-brand:hover,
.col-lime .navbar .navbar-brand:active,
.col-lime .navbar .navbar-brand:focus {
  color: #fff;
}

.col-lime .navbar .nav > li > a:hover,
.col-lime .navbar .nav > li > a:focus,
.col-lime .navbar .nav .open > a,
.col-lime .navbar .nav .open > a:hover,
.col-lime .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-lime .navbar .nav > li > a {
  color: #fff;
}

.col-lime .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-lime .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-yellow .navbar .navbar-brand,
.col-yellow .navbar .navbar-brand:hover,
.col-yellow .navbar .navbar-brand:active,
.col-yellow .navbar .navbar-brand:focus {
  color: #fff;
}

.col-yellow .navbar .nav > li > a:hover,
.col-yellow .navbar .nav > li > a:focus,
.col-yellow .navbar .nav .open > a,
.col-yellow .navbar .nav .open > a:hover,
.col-yellow .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-yellow .navbar .nav > li > a {
  color: #fff;
}

.col-yellow .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-yellow .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-amber .navbar .navbar-brand,
.col-amber .navbar .navbar-brand:hover,
.col-amber .navbar .navbar-brand:active,
.col-amber .navbar .navbar-brand:focus {
  color: #fff;
}

.col-amber .navbar .nav > li > a:hover,
.col-amber .navbar .nav > li > a:focus,
.col-amber .navbar .nav .open > a,
.col-amber .navbar .nav .open > a:hover,
.col-amber .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-amber .navbar .nav > li > a {
  color: #fff;
}

.col-amber .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-amber .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-orange .navbar .navbar-brand,
.col-orange .navbar .navbar-brand:hover,
.col-orange .navbar .navbar-brand:active,
.col-orange .navbar .navbar-brand:focus {
  color: #fff;
}

.col-orange .navbar .nav > li > a:hover,
.col-orange .navbar .nav > li > a:focus,
.col-orange .navbar .nav .open > a,
.col-orange .navbar .nav .open > a:hover,
.col-orange .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-orange .navbar .nav > li > a {
  color: #fff;
}

.col-orange .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-orange .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-deep-orange .navbar .navbar-brand,
.col-deep-orange .navbar .navbar-brand:hover,
.col-deep-orange .navbar .navbar-brand:active,
.col-deep-orange .navbar .navbar-brand:focus {
  color: #fff;
}

.col-deep-orange .navbar .nav > li > a:hover,
.col-deep-orange .navbar .nav > li > a:focus,
.col-deep-orange .navbar .nav .open > a,
.col-deep-orange .navbar .nav .open > a:hover,
.col-deep-orange .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-deep-orange .navbar .nav > li > a {
  color: #fff;
}

.col-deep-orange .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-deep-orange .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-brown .navbar .navbar-brand,
.col-brown .navbar .navbar-brand:hover,
.col-brown .navbar .navbar-brand:active,
.col-brown .navbar .navbar-brand:focus {
  color: #fff;
}

.col-brown .navbar .nav > li > a:hover,
.col-brown .navbar .nav > li > a:focus,
.col-brown .navbar .nav .open > a,
.col-brown .navbar .nav .open > a:hover,
.col-brown .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-brown .navbar .nav > li > a {
  color: #fff;
}

.col-brown .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-brown .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-grey .navbar .navbar-brand,
.col-grey .navbar .navbar-brand:hover,
.col-grey .navbar .navbar-brand:active,
.col-grey .navbar .navbar-brand:focus {
  color: #fff;
}

.col-grey .navbar .nav > li > a:hover,
.col-grey .navbar .nav > li > a:focus,
.col-grey .navbar .nav .open > a,
.col-grey .navbar .nav .open > a:hover,
.col-grey .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-grey .navbar .nav > li > a {
  color: #fff;
}

.col-grey .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-grey .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-blue-grey .navbar .navbar-brand,
.col-blue-grey .navbar .navbar-brand:hover,
.col-blue-grey .navbar .navbar-brand:active,
.col-blue-grey .navbar .navbar-brand:focus {
  color: #fff;
}

.col-blue-grey .navbar .nav > li > a:hover,
.col-blue-grey .navbar .nav > li > a:focus,
.col-blue-grey .navbar .nav .open > a,
.col-blue-grey .navbar .nav .open > a:hover,
.col-blue-grey .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-blue-grey .navbar .nav > li > a {
  color: #fff;
}

.col-blue-grey .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-blue-grey .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-black .navbar .navbar-brand,
.col-black .navbar .navbar-brand:hover,
.col-black .navbar .navbar-brand:active,
.col-black .navbar .navbar-brand:focus {
  color: #fff;
}

.col-black .navbar .nav > li > a:hover,
.col-black .navbar .nav > li > a:focus,
.col-black .navbar .nav .open > a,
.col-black .navbar .nav .open > a:hover,
.col-black .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-black .navbar .nav > li > a {
  color: #fff;
}

.col-black .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-black .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-white .navbar .navbar-brand,
.col-white .navbar .navbar-brand:hover,
.col-white .navbar .navbar-brand:active,
.col-white .navbar .navbar-brand:focus {
  color: #fff;
}

.col-white .navbar .nav > li > a:hover,
.col-white .navbar .nav > li > a:focus,
.col-white .navbar .nav .open > a,
.col-white .navbar .nav .open > a:hover,
.col-white .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-white .navbar .nav > li > a {
  color: #fff;
}

.col-white .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-white .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

/* Material Icons ============================== */
.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-26 {
  font-size: 26px;
}

.material-icons.md-28 {
  font-size: 28px;
}

.material-icons.md-30 {
  font-size: 30px;
}

.material-icons.md-32 {
  font-size: 32px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

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

/* Helpers ===================================== */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-r-3 {
  margin-right: 3px !important;
}

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

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

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

.m-l-5 {
  margin-left: 5px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-l-16 {
  margin-left: 16px !important;
}

.m-r-16 {
  margin-right: 16px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

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

.m-r-20 {
  margin-right: 20px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-b-0 {
  padding-bottom: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right !important;
}

.align-justify {
  text-align: justify;
}

.no-resize {
  resize: none;
}

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

.font-italic {
  font-style: italic;
}

.font-underline {
  text-decoration: underline;
}

.font-line-through {
  text-decoration: line-through;
}

.font-overline {
  text-decoration: overline;
}

.block-header {
  margin-bottom: 15px;
}

.block-header h2 {
  margin: 0 !important;
  color: #666 !important;
  font-weight: normal;
  font-size: 16px;
}

.block-header h2 small {
  display: block;
  font-size: 12px;
  margin-top: 8px;
  color: #888;
}

.block-header h2 small a {
  font-weight: bold;
  color: #777;
}

.bg-red {
  background-color: #f44336 !important;
  color: #fff;
}

.bg-red .content .text,
.bg-red .content .number {
  color: #fff !important;
}

.bg-pink {
  background-color: #e91e63 !important;
  color: #fff;
}

.bg-pink .content .text,
.bg-pink .content .number {
  color: #fff !important;
}

.bg-purple {
  background-color: #9c27b0 !important;
  color: #fff;
}

.bg-purple .content .text,
.bg-purple .content .number {
  color: #fff !important;
}

.bg-deep-purple {
  background-color: #673ab7 !important;
  color: #fff;
}

.bg-deep-purple .content .text,
.bg-deep-purple .content .number {
  color: #fff !important;
}

.bg-indigo {
  background-color: #3f51b5 !important;
  color: #fff;
}

.bg-indigo .content .text,
.bg-indigo .content .number {
  color: #fff !important;
}

.bg-blue {
  background-color: #2196f3 !important;
  color: #fff;
}

.bg-blue .content .text,
.bg-blue .content .number {
  color: #fff !important;
}

.bg-light-blue {
  background-color: #03a9f4 !important;
  color: #fff;
}

.bg-light-blue .content .text,
.bg-light-blue .content .number {
  color: #fff !important;
}

.bg-cyan {
  background-color: #00bcd4 !important;
  color: #fff;
}

.bg-cyan .content .text,
.bg-cyan .content .number {
  color: #fff !important;
}

.bg-teal {
  background-color: #009688 !important;
  color: #fff;
}

.bg-teal .content .text,
.bg-teal .content .number {
  color: #fff !important;
}

.bg-green {
  background-color: #4caf50 !important;
  color: #fff;
}

.bg-green .content .text,
.bg-green .content .number {
  color: #fff !important;
}

.bg-light-green {
  background-color: #8bc34a !important;
  color: #fff;
}

.bg-light-green .content .text,
.bg-light-green .content .number {
  color: #fff !important;
}

.bg-lime {
  background-color: #cddc39 !important;
  color: #fff;
}

.bg-lime .content .text,
.bg-lime .content .number {
  color: #fff !important;
}

.bg-yellow {
  background-color: #ffe821 !important;
  color: #fff;
}

.bg-yellow .content .text,
.bg-yellow .content .number {
  color: #fff !important;
}

.bg-amber {
  background-color: #ffc107 !important;
  color: #fff;
}

.bg-amber .content .text,
.bg-amber .content .number {
  color: #fff !important;
}

.bg-orange {
  background-color: #ff9800 !important;
  color: #fff;
}

.bg-orange .content .text,
.bg-orange .content .number {
  color: #fff !important;
}

.bg-deep-orange {
  background-color: #ff5722 !important;
  color: #fff;
}

.bg-deep-orange .content .text,
.bg-deep-orange .content .number {
  color: #fff !important;
}

.bg-brown {
  background-color: #795548 !important;
  color: #fff;
}

.bg-brown .content .text,
.bg-brown .content .number {
  color: #fff !important;
}

.bg-grey {
  background-color: #9e9e9e !important;
  color: #fff;
}

.bg-grey .content .text,
.bg-grey .content .number {
  color: #fff !important;
}

.bg-blue-grey {
  background-color: #607d8b !important;
  color: #fff;
}

.bg-blue-grey .content .text,
.bg-blue-grey .content .number {
  color: #fff !important;
}

.bg-black {
  background-color: #333333 !important;
  color: #fff;
}

.bg-black .content .text,
.bg-black .content .number {
  color: #fff !important;
}

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

.bg-white .content .text,
.bg-white .content .number {
  color: #fff !important;
}

.col-red {
  color: #f44336 !important;
}

.col-pink {
  color: #e91e63 !important;
}

.col-purple {
  color: #9c27b0 !important;
}

.col-deep-purple {
  color: #673ab7 !important;
}

.col-indigo {
  color: #3f51b5 !important;
}

.col-blue {
  color: #2196f3 !important;
}

.col-light-blue {
  color: #03a9f4 !important;
}

.col-cyan {
  color: #00bcd4 !important;
}

.col-teal {
  color: #009688 !important;
}

.col-green {
  color: #4caf50 !important;
}

.col-light-green {
  color: #8bc34a !important;
}

.col-lime {
  color: #cddc39 !important;
}

.col-yellow {
  color: #ffe821 !important;
}

.col-amber {
  color: #ffc107 !important;
}

.col-orange {
  color: #ff9800 !important;
}

.col-deep-orange {
  color: #ff5722 !important;
}

.col-brown {
  color: #795548 !important;
}

.col-grey {
  color: #9e9e9e !important;
}

.col-blue-grey {
  color: #607d8b !important;
}

.col-black {
  color: #333333 !important;
}

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

/* Custom Animate ============================== */
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* General ===================================== */
body {
  background-color: #e9e9e9;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "Nunito", Arial, Tahoma, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

button,
input,
select,
a {
  outline: none !important;
}
select {
  border: 1px solid #e0e0e0 !important;
  border-radius: 5px !important;
  appearance: none;
  background: url("../images/Vector.svg") right 0.55rem center/8px 10px
    no-repeat !important;
  width: 55px;
  padding: 1px;
  background-size: 10px;
  line-height: 17px;
}

.no-animate {
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
}

section.content {
  margin: 88px 0px 0 0px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* Buttons ===================================== */
/* .btn:focus {
  outline: none !important;
  color: #ffffff;
} */

.btn-circle {
  border: none;
  outline: none !important;
  overflow: hidden;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
}

.btn-circle i {
  font-size: 18px;
  position: relative;
  left: -1px;
}

.btn-link {
  font-weight: bold;
  color: #333;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-link:active,
.btn-link:focus {
  text-decoration: none;
  color: #333;
}

.btn-link:hover {
  text-decoration: none;
  color: #333;
  background-color: #ddd;
}

.btn-circle-lg {
  border: none;
  outline: none !important;
  overflow: hidden;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
}

.btn-circle-lg i {
  font-size: 26px !important;
  position: relative !important;
  left: 0px !important;
  top: 6px !important;
}

.btn:not(.btn-link):not(.btn-circle) {
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: none;
  font-size: 14px;
  outline: none;
  height: 36px;
  /* height: 32px; */
}

.reportTabForm .btn:not(.btn-link):not(.btn-circle) {
  height: 32px;
}

.entityScreenHeaderFilterForm .btn:not(.btn-link):not(.btn-circle) {
  height: 32px;
}

.btn:not(.btn-link):not(.btn-circle):hover {
  outline: none;
}

.btn:not(.btn-link):not(.btn-circle) i {
  font-size: 20px;
  position: relative;
  top: 3px;
}

.btn:not(.btn-link):not(.btn-circle) span {
  position: relative;
  top: -2px;
  margin-left: 3px;
}

.btn-warning,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
  background-color: #ff9600 !important;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
  background-color: #fb483a !important;
}

.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:focus {
  background-color: #00b0e4 !important;
}

.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
  background-color: #2b982b !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #1f91f3 !important;
}

.btn-default,
.btn-default:hover,
.btn-default:active {
  background-color: #fff !important;
  border: 1px solid #e0e0e0 !important;
}

.btn-group,
.btn-group-vertical {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
}

.btn-group .btn,
.btn-group-vertical .btn {
  box-shadow: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.btn-group .btn .caret,
.btn-group-vertical .btn .caret {
  position: relative;
  bottom: 1px;
}

.btn-group .btn-group,
.btn-group-vertical .btn-group {
  box-shadow: none !important;
}

.btn-group .btn + .dropdown-toggle,
.btn-group-vertical .btn + .dropdown-toggle {
  border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Bootstrap Tags Input ======================== */
.bootstrap-tagsinput {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Card ======================================== */
.card {
  background: #ffffff;
  box-shadow: 0px 0px 20px rgb(31 31 31 / 10%);
  min-height: 50px;
  position: relative;
  margin-bottom: 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 5px;
}

.card .card-inside-title {
  margin-top: 25px;
  margin-bottom: 15px;
  display: block;
  font-size: 15px;
  color: #000;
}

.card .card-inside-title small {
  color: #999999;
  display: block;
  font-size: 11px;
  margin-top: 5px;
}

.card .card-inside-title small a {
  color: #777;
  font-weight: bold;
}

.card .card-inside-title:first-child {
  margin-top: 0;
}

.card .bg-red,
.card .bg-pink,
.card .bg-purple,
.card .bg-deep-purple,
.card .bg-indigo,
.card .bg-blue,
.card .bg-light-blue,
.card .bg-cyan,
.card .bg-teal,
.card .bg-green,
.card .bg-light-green,
.card .bg-lime,
.card .bg-yellow,
.card .bg-amber,
.card .bg-orange,
.card .bg-deep-orange,
.card .bg-brown,
.card .bg-grey,
.card .bg-blue-grey,
.card .bg-black {
  border-bottom: none !important;
  color: #fff !important;
}

.card .bg-red h2,
.card .bg-red small,
.card .bg-red .material-icons,
.card .bg-pink h2,
.card .bg-pink small,
.card .bg-pink .material-icons,
.card .bg-purple h2,
.card .bg-purple small,
.card .bg-purple .material-icons,
.card .bg-deep-purple h2,
.card .bg-deep-purple small,
.card .bg-deep-purple .material-icons,
.card .bg-indigo h2,
.card .bg-indigo small,
.card .bg-indigo .material-icons,
.card .bg-blue h2,
.card .bg-blue small,
.card .bg-blue .material-icons,
.card .bg-light-blue h2,
.card .bg-light-blue small,
.card .bg-light-blue .material-icons,
.card .bg-cyan h2,
.card .bg-cyan small,
.card .bg-cyan .material-icons,
.card .bg-teal h2,
.card .bg-teal small,
.card .bg-teal .material-icons,
.card .bg-green h2,
.card .bg-green small,
.card .bg-green .material-icons,
.card .bg-light-green h2,
.card .bg-light-green small,
.card .bg-light-green .material-icons,
.card .bg-lime h2,
.card .bg-lime small,
.card .bg-lime .material-icons,
.card .bg-yellow h2,
.card .bg-yellow small,
.card .bg-yellow .material-icons,
.card .bg-amber h2,
.card .bg-amber small,
.card .bg-amber .material-icons,
.card .bg-orange h2,
.card .bg-orange small,
.card .bg-orange .material-icons,
.card .bg-deep-orange h2,
.card .bg-deep-orange small,
.card .bg-deep-orange .material-icons,
.card .bg-brown h2,
.card .bg-brown small,
.card .bg-brown .material-icons,
.card .bg-grey h2,
.card .bg-grey small,
.card .bg-grey .material-icons,
.card .bg-blue-grey h2,
.card .bg-blue-grey small,
.card .bg-blue-grey .material-icons,
.card .bg-black h2,
.card .bg-black small,
.card .bg-black .material-icons {
  color: #fff !important;
}

.card .bg-red .badge,
.card .bg-pink .badge,
.card .bg-purple .badge,
.card .bg-deep-purple .badge,
.card .bg-indigo .badge,
.card .bg-blue .badge,
.card .bg-light-blue .badge,
.card .bg-cyan .badge,
.card .bg-teal .badge,
.card .bg-green .badge,
.card .bg-light-green .badge,
.card .bg-lime .badge,
.card .bg-yellow .badge,
.card .bg-amber .badge,
.card .bg-orange .badge,
.card .bg-deep-orange .badge,
.card .bg-brown .badge,
.card .bg-grey .badge,
.card .bg-blue-grey .badge,
.card .bg-black .badge {
  background-color: #fff;
  color: #555;
}

.card .header {
  color: #999;
  /* padding: 10px; */
  padding: 12px 16px;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
}

.card .header .header-dropdown {
  position: absolute;
  top: 8px;
  /* top: 12px;
     */
  right: 15px;
  list-style: none;
}

.card .header .header-dropdown .dropdown-menu li {
  display: block !important;
}

.card .header .header-dropdown li {
  display: inline-block;
}

.card .header .header-dropdown i {
  font-size: 20px;
  color: #999999;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.card .header .header-dropdown i:hover {
  color: #000;
}

.card .header h2 {
  margin: 0;
  /* font-size: 20px; */
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  display: inline-block;
  padding: 0;
}

.card .header h2 small {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  color: #999999;
  line-height: 15px;
}

.card .header h2 small a {
  font-weight: bold;
  color: #777;
}

.card .header .col-xs-12 h2 {
  margin-top: 5px;
}

.card .body {
  font-size: 12px;
  color: #333333;
  padding: 15px;
}

.card .body .col-xs-1,
.card .body .col-sm-1,
.card .body .col-md-1,
.card .body .col-lg-1 {
  margin-bottom: 10px;
}

.card .body .col-xs-2,
.card .body .col-sm-2,
.card .body .col-md-2,
.card .body .col-lg-2 {
  margin-bottom: 10px;
}

.card .body .col-xs-3,
.card .body .col-sm-3,
.card .body .col-md-3,
.card .body .col-lg-3 {
  margin-bottom: 10px;
}

.card .body .col-xs-4,
.card .body .col-sm-4,
.card .body .col-md-4,
.card .body .col-lg-4 {
  margin-bottom: 10px;
}

.card .body .col-xs-5,
.card .body .col-sm-5,
.card .body .col-md-5,
.card .body .col-lg-5 {
  margin-bottom: 10px;
}

.card .body .col-xs-6,
.card .body .col-sm-6,
.card .body .col-md-6,
.card .body .col-lg-6 {
  margin-bottom: 10px;
}

.card .body .col-xs-7,
.card .body .col-sm-7,
.card .body .col-md-7,
.card .body .col-lg-7 {
  margin-bottom: 10px;
}

.card .body .col-xs-8,
.card .body .col-sm-8,
.card .body .col-md-8,
.card .body .col-lg-8 {
  margin-bottom: 10px;
}

.card .body .col-xs-9,
.card .body .col-sm-9,
.card .body .col-md-9,
.card .body .col-lg-9 {
  margin-bottom: 10px;
}

.card .body .col-xs-10,
.card .body .col-sm-10,
.card .body .col-md-10,
.card .body .col-lg-10 {
  margin-bottom: 10px;
}

.card .body .col-xs-11,
.card .body .col-sm-11,
.card .body .col-md-11,
.card .body .col-lg-11 {
  margin-bottom: 10px;
}

.card .body .col-xs-12,
.card .body .col-sm-12,
.card .body .col-md-12,
.card .body .col-lg-12 {
  margin-bottom: 10px;
}

/* Dialogs (SweetAlert) ======================== */
.sweet-alert {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
}

.sweet-alert p {
  font-size: 14px !important;
}

.sweet-alert .sa-input-error {
  top: 23px !important;
  right: 13px !important;
}

.sweet-alert h2 {
  font-size: 18px !important;
  margin: 0 0 5px 0 !important;
}

.sweet-alert button {
  font-size: 15px !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
  padding: 5px 20px !important;
}

/* Checkbox & Radio ============================ */
[type="checkbox"] + label {
  padding-left: 26px !important;
  height: 25px;
  line-height: 21px;
  font-size: 12px;
  font-weight: normal;
}

[type="checkbox"]:checked + label:before {
  top: -4px;
  left: -2px;
  width: 11px;
  height: 19px;
}

[type="checkbox"]:checked.chk-col-red + label:before {
  border-right: 2px solid #f44336;
  border-bottom: 2px solid #f44336;
}

[type="checkbox"]:checked.chk-col-pink + label:before {
  border-right: 2px solid #e91e63;
  border-bottom: 2px solid #e91e63;
}

[type="checkbox"]:checked.chk-col-purple + label:before {
  border-right: 2px solid #9c27b0;
  border-bottom: 2px solid #9c27b0;
}

[type="checkbox"]:checked.chk-col-deep-purple + label:before {
  border-right: 2px solid #673ab7;
  border-bottom: 2px solid #673ab7;
}

[type="checkbox"]:checked.chk-col-indigo + label:before {
  border-right: 2px solid #3f51b5;
  border-bottom: 2px solid #3f51b5;
}

[type="checkbox"]:checked.chk-col-blue + label:before {
  border-right: 2px solid #2196f3;
  border-bottom: 2px solid #2196f3;
}

[type="checkbox"]:checked.chk-col-light-blue + label:before {
  border-right: 2px solid #03a9f4;
  border-bottom: 2px solid #03a9f4;
}

[type="checkbox"]:checked.chk-col-cyan + label:before {
  border-right: 2px solid #00bcd4;
  border-bottom: 2px solid #00bcd4;
}

[type="checkbox"]:checked.chk-col-teal + label:before {
  border-right: 2px solid #009688;
  border-bottom: 2px solid #009688;
}

[type="checkbox"]:checked.chk-col-green + label:before {
  border-right: 2px solid #4caf50;
  border-bottom: 2px solid #4caf50;
}

[type="checkbox"]:checked.chk-col-light-green + label:before {
  border-right: 2px solid #8bc34a;
  border-bottom: 2px solid #8bc34a;
}

[type="checkbox"]:checked.chk-col-lime + label:before {
  border-right: 2px solid #cddc39;
  border-bottom: 2px solid #cddc39;
}

[type="checkbox"]:checked.chk-col-yellow + label:before {
  border-right: 2px solid #ffe821;
  border-bottom: 2px solid #ffe821;
}

[type="checkbox"]:checked.chk-col-amber + label:before {
  border-right: 2px solid #ffc107;
  border-bottom: 2px solid #ffc107;
}

[type="checkbox"]:checked.chk-col-orange + label:before {
  border-right: 2px solid #ff9800;
  border-bottom: 2px solid #ff9800;
}

[type="checkbox"]:checked.chk-col-deep-orange + label:before {
  border-right: 2px solid #ff5722;
  border-bottom: 2px solid #ff5722;
}

[type="checkbox"]:checked.chk-col-brown + label:before {
  border-right: 2px solid #795548;
  border-bottom: 2px solid #795548;
}

[type="checkbox"]:checked.chk-col-grey + label:before {
  border-right: 2px solid #9e9e9e;
  border-bottom: 2px solid #9e9e9e;
}

[type="checkbox"]:checked.chk-col-blue-grey + label:before {
  border-right: 2px solid #607d8b;
  border-bottom: 2px solid #607d8b;
}

[type="checkbox"]:checked.chk-col-black + label:before {
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
}

[type="checkbox"]:checked.chk-col-white + label:before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

[type="checkbox"].filled-in:checked + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #26a69a;
  background-color: #26a69a;
  z-index: 0;
}

[type="checkbox"].filled-in:checked + label:before {
  border-right: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
}

[type="checkbox"].filled-in:checked.chk-col-red + label:after {
  border: 2px solid #f44336;
  background-color: #f44336;
}

[type="checkbox"].filled-in:checked.chk-col-pink + label:after {
  border: 2px solid #e91e63;
  background-color: #e91e63;
}

[type="checkbox"].filled-in:checked.chk-col-purple + label:after {
  border: 2px solid #9c27b0;
  background-color: #9c27b0;
}

[type="checkbox"].filled-in:checked.chk-col-deep-purple + label:after {
  border: 2px solid #673ab7;
  background-color: #673ab7;
}

[type="checkbox"].filled-in:checked.chk-col-indigo + label:after {
  border: 2px solid #3f51b5;
  background-color: #3f51b5;
}

[type="checkbox"].filled-in:checked.chk-col-blue + label:after {
  border: 2px solid #2196f3;
  background-color: #2196f3;
}

[type="checkbox"].filled-in:checked.chk-col-light-blue + label:after {
  border: 2px solid #03a9f4;
  background-color: #03a9f4;
}

[type="checkbox"].filled-in:checked.chk-col-cyan + label:after {
  border: 2px solid #00bcd4;
  background-color: #00bcd4;
}

[type="checkbox"].filled-in:checked.chk-col-teal + label:after {
  border: 2px solid #009688;
  background-color: #009688;
}

[type="checkbox"].filled-in:checked.chk-col-green + label:after {
  border: 2px solid #4caf50;
  background-color: #4caf50;
}

[type="checkbox"].filled-in:checked.chk-col-light-green + label:after {
  border: 2px solid #8bc34a;
  background-color: #8bc34a;
}

[type="checkbox"].filled-in:checked.chk-col-lime + label:after {
  border: 2px solid #cddc39;
  background-color: #cddc39;
}

[type="checkbox"].filled-in:checked.chk-col-yellow + label:after {
  border: 2px solid #ffe821;
  background-color: #ffe821;
}

[type="checkbox"].filled-in:checked.chk-col-amber + label:after {
  border: 2px solid #ffc107;
  background-color: #ffc107;
}

[type="checkbox"].filled-in:checked.chk-col-orange + label:after {
  border: 2px solid #ff9800;
  background-color: #ff9800;
}

[type="checkbox"].filled-in:checked.chk-col-deep-orange + label:after {
  border: 2px solid #ff5722;
  background-color: #ff5722;
}

[type="checkbox"].filled-in:checked.chk-col-brown + label:after {
  border: 2px solid #795548;
  background-color: #795548;
}

[type="checkbox"].filled-in:checked.chk-col-grey + label:after {
  border: 2px solid #9e9e9e;
  background-color: #9e9e9e;
}

[type="checkbox"].filled-in:checked.chk-col-blue-grey + label:after {
  border: 2px solid #607d8b;
  background-color: #607d8b;
}

[type="checkbox"].filled-in:checked.chk-col-black + label:after {
  border: 2px solid #333333;
  background-color: #333333;
}

[type="checkbox"].filled-in:checked.chk-col-white + label:after {
  border: 2px solid #ffffff;
  background-color: #ffffff;
}

[type="radio"]:not(:checked) + label {
  padding-left: 26px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  font-weight: normal;
}

[type="radio"]:checked + label {
  padding-left: 26px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  font-weight: normal;
}

[type="radio"].radio-col-red:checked + label:after {
  background-color: #f44336;
  border-color: #f44336;
}

[type="radio"].radio-col-pink:checked + label:after {
  background-color: #e91e63;
  border-color: #e91e63;
}

[type="radio"].radio-col-purple:checked + label:after {
  background-color: #9c27b0;
  border-color: #9c27b0;
}

[type="radio"].radio-col-deep-purple:checked + label:after {
  background-color: #673ab7;
  border-color: #673ab7;
}

[type="radio"].radio-col-indigo:checked + label:after {
  background-color: #3f51b5;
  border-color: #3f51b5;
}

[type="radio"].radio-col-blue:checked + label:after {
  background-color: #2196f3;
  border-color: #2196f3;
}

[type="radio"].radio-col-light-blue:checked + label:after {
  background-color: #03a9f4;
  border-color: #03a9f4;
}

[type="radio"].radio-col-cyan:checked + label:after {
  background-color: #00bcd4;
  border-color: #00bcd4;
}

[type="radio"].radio-col-teal:checked + label:after {
  background-color: #009688;
  border-color: #009688;
}

[type="radio"].radio-col-green:checked + label:after {
  background-color: #4caf50;
  border-color: #4caf50;
}

[type="radio"].radio-col-light-green:checked + label:after {
  background-color: #8bc34a;
  border-color: #8bc34a;
}

[type="radio"].radio-col-lime:checked + label:after {
  background-color: #cddc39;
  border-color: #cddc39;
}

[type="radio"].radio-col-yellow:checked + label:after {
  background-color: #ffe821;
  border-color: #ffe821;
}

[type="radio"].radio-col-amber:checked + label:after {
  background-color: #ffc107;
  border-color: #ffc107;
}

[type="radio"].radio-col-orange:checked + label:after {
  background-color: #ff9800;
  border-color: #ff9800;
}

[type="radio"].radio-col-deep-orange:checked + label:after {
  background-color: #ff5722;
  border-color: #ff5722;
}

[type="radio"].radio-col-brown:checked + label:after {
  background-color: #795548;
  border-color: #795548;
}

[type="radio"].radio-col-grey:checked + label:after {
  background-color: #9e9e9e;
  border-color: #9e9e9e;
}

[type="radio"].radio-col-blue-grey:checked + label:after {
  background-color: #607d8b;
  border-color: #607d8b;
}

[type="radio"].radio-col-black:checked + label:after {
  background-color: #333333;
  border-color: #333333;
}

[type="radio"].radio-col-white:checked + label:after {
  background-color: #ffffff;
  border-color: #ffffff;
}

[type="radio"].with-gap.radio-col-red:checked + label:before {
  border: 2px solid #f44336;
}

[type="radio"].with-gap.radio-col-red:checked + label:after {
  background-color: #f44336;
  border: 2px solid #f44336;
}

[type="radio"].with-gap.radio-col-pink:checked + label:before {
  border: 2px solid #e91e63;
}

[type="radio"].with-gap.radio-col-pink:checked + label:after {
  background-color: #e91e63;
  border: 2px solid #e91e63;
}

[type="radio"].with-gap.radio-col-purple:checked + label:before {
  border: 2px solid #9c27b0;
}

[type="radio"].with-gap.radio-col-purple:checked + label:after {
  background-color: #9c27b0;
  border: 2px solid #9c27b0;
}

[type="radio"].with-gap.radio-col-deep-purple:checked + label:before {
  border: 2px solid #673ab7;
}

[type="radio"].with-gap.radio-col-deep-purple:checked + label:after {
  background-color: #673ab7;
  border: 2px solid #673ab7;
}

[type="radio"].with-gap.radio-col-indigo:checked + label:before {
  border: 2px solid #3f51b5;
}

[type="radio"].with-gap.radio-col-indigo:checked + label:after {
  background-color: #3f51b5;
  border: 2px solid #3f51b5;
}

[type="radio"].with-gap.radio-col-blue:checked + label:before {
  border: 2px solid #2196f3;
}

[type="radio"].with-gap.radio-col-blue:checked + label:after {
  background-color: #2196f3;
  border: 2px solid #2196f3;
}

[type="radio"].with-gap.radio-col-light-blue:checked + label:before {
  border: 2px solid #03a9f4;
}

[type="radio"].with-gap.radio-col-light-blue:checked + label:after {
  background-color: #03a9f4;
  border: 2px solid #03a9f4;
}

[type="radio"].with-gap.radio-col-cyan:checked + label:before {
  border: 2px solid #00bcd4;
}

[type="radio"].with-gap.radio-col-cyan:checked + label:after {
  background-color: #00bcd4;
  border: 2px solid #00bcd4;
}

[type="radio"].with-gap.radio-col-teal:checked + label:before {
  border: 2px solid #009688;
}

[type="radio"].with-gap.radio-col-teal:checked + label:after {
  background-color: #009688;
  border: 2px solid #009688;
}

[type="radio"].with-gap.radio-col-green:checked + label:before {
  border: 2px solid #4caf50;
}

[type="radio"].with-gap.radio-col-green:checked + label:after {
  background-color: #4caf50;
  border: 2px solid #4caf50;
}

[type="radio"].with-gap.radio-col-light-green:checked + label:before {
  border: 2px solid #8bc34a;
}

[type="radio"].with-gap.radio-col-light-green:checked + label:after {
  background-color: #8bc34a;
  border: 2px solid #8bc34a;
}

[type="radio"].with-gap.radio-col-lime:checked + label:before {
  border: 2px solid #cddc39;
}

[type="radio"].with-gap.radio-col-lime:checked + label:after {
  background-color: #cddc39;
  border: 2px solid #cddc39;
}

[type="radio"].with-gap.radio-col-yellow:checked + label:before {
  border: 2px solid #ffe821;
}

[type="radio"].with-gap.radio-col-yellow:checked + label:after {
  background-color: #ffe821;
  border: 2px solid #ffe821;
}

[type="radio"].with-gap.radio-col-amber:checked + label:before {
  border: 2px solid #ffc107;
}

[type="radio"].with-gap.radio-col-amber:checked + label:after {
  background-color: #ffc107;
  border: 2px solid #ffc107;
}

[type="radio"].with-gap.radio-col-orange:checked + label:before {
  border: 2px solid #ff9800;
}

[type="radio"].with-gap.radio-col-orange:checked + label:after {
  background-color: #ff9800;
  border: 2px solid #ff9800;
}

[type="radio"].with-gap.radio-col-deep-orange:checked + label:before {
  border: 2px solid #ff5722;
}

[type="radio"].with-gap.radio-col-deep-orange:checked + label:after {
  background-color: #ff5722;
  border: 2px solid #ff5722;
}

[type="radio"].with-gap.radio-col-brown:checked + label:before {
  border: 2px solid #795548;
}

[type="radio"].with-gap.radio-col-brown:checked + label:after {
  background-color: #795548;
  border: 2px solid #795548;
}

[type="radio"].with-gap.radio-col-grey:checked + label:before {
  /* border: 2px solid #9e9e9e; */
  border: 2px solid #f26927;
}

[type="radio"].with-gap.radio-col-grey:checked + label:after {
  /* background-color: #9e9e9e;
  border: 2px solid #9e9e9e; */
  background-color: #f26927;
  border: 2px solid #f26927;
}

[type="radio"].with-gap.radio-col-blue-grey:checked + label:before {
  border: 2px solid #607d8b;
}

[type="radio"].with-gap.radio-col-blue-grey:checked + label:after {
  background-color: #607d8b;
  border: 2px solid #607d8b;
}

[type="radio"].with-gap.radio-col-black:checked + label:before {
  border: 2px solid #333333;
}

[type="radio"].with-gap.radio-col-black:checked + label:after {
  background-color: #333333;
  border: 2px solid #333333;
}

[type="radio"].with-gap.radio-col-white:checked + label:before {
  border: 2px solid #ffffff;
}

[type="radio"].with-gap.radio-col-white:checked + label:after {
  background-color: #ffffff;
  border: 2px solid #ffffff;
}

/* Switch ====================================== */
.switch label {
  font-weight: normal;
  font-size: 12px;
}

.switch label .lever {
  margin: 0 14px;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-red:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(244, 67, 54, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-red {
  background-color: rgba(244, 67, 54, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-red:after {
  background-color: #f44336;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-pink:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(233, 30, 99, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-pink {
  background-color: rgba(233, 30, 99, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-pink:after {
  background-color: #e91e63;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-purple:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(156, 39, 176, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-purple {
  background-color: rgba(156, 39, 176, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-purple:after {
  background-color: #9c27b0;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-deep-purple:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(103, 58, 183, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-deep-purple {
  background-color: rgba(103, 58, 183, 0.5);
}

.switch
  label
  input[type="checkbox"]:checked
  + .lever.switch-col-deep-purple:after {
  background-color: #673ab7;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-indigo:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(63, 81, 181, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-indigo {
  background-color: rgba(63, 81, 181, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-indigo:after {
  background-color: #3f51b5;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-blue:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(33, 150, 243, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blue {
  background-color: rgba(33, 150, 243, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blue:after {
  background-color: #2196f3;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-light-blue:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(3, 169, 244, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-light-blue {
  background-color: rgba(3, 169, 244, 0.5);
}

.switch
  label
  input[type="checkbox"]:checked
  + .lever.switch-col-light-blue:after {
  background-color: #03a9f4;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-cyan:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(0, 188, 212, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-cyan {
  background-color: rgba(0, 188, 212, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-cyan:after {
  background-color: #00bcd4;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-teal:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(0, 150, 136, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-teal {
  background-color: rgba(0, 150, 136, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-teal:after {
  background-color: #009688;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-green:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(76, 175, 80, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-green {
  background-color: rgba(76, 175, 80, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-green:after {
  background-color: #4caf50;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-light-green:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(139, 195, 74, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-light-green {
  background-color: rgba(139, 195, 74, 0.5);
}

.switch
  label
  input[type="checkbox"]:checked
  + .lever.switch-col-light-green:after {
  background-color: #8bc34a;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-lime:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(205, 220, 57, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-lime {
  background-color: rgba(205, 220, 57, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-lime:after {
  background-color: #cddc39;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-yellow:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(255, 232, 33, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-yellow {
  background-color: rgba(255, 232, 33, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-yellow:after {
  background-color: #ffe821;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-amber:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(255, 193, 7, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-amber {
  background-color: rgba(255, 193, 7, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-amber:after {
  background-color: #ffc107;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-orange:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(255, 152, 0, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-orange {
  background-color: rgba(255, 152, 0, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-orange:after {
  background-color: #ff9800;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-deep-orange:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(255, 87, 34, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-deep-orange {
  background-color: rgba(255, 87, 34, 0.5);
}

.switch
  label
  input[type="checkbox"]:checked
  + .lever.switch-col-deep-orange:after {
  background-color: #ff5722;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-brown:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(121, 85, 72, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-brown {
  background-color: rgba(121, 85, 72, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-brown:after {
  background-color: #795548;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-grey:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(158, 158, 158, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-grey {
  background-color: rgba(158, 158, 158, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-grey:after {
  background-color: #9e9e9e;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-blue-grey:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(96, 125, 139, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blue-grey {
  background-color: rgba(96, 125, 139, 0.5);
}

.switch
  label
  input[type="checkbox"]:checked
  + .lever.switch-col-blue-grey:after {
  background-color: #607d8b;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-black:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-black {
  background-color: rgba(0, 0, 0, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-black:after {
  background-color: #333333;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-white:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(255, 255, 255, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-white {
  background-color: rgba(255, 255, 255, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-white:after {
  background-color: #ffffff;
}

/* DateTime Picker ============================= */
.dtp div.dtp-date,
.dtp div.dtp-time {
  background: #007d72;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background: #009688;
}

.dtp .dtp-buttons .dtp-btn-ok {
  margin-left: 10px;
}

.dtp .dtp-buttons .dtp-btn-clear {
  margin-right: 10px !important;
}

.dtp .p10 > a {
  color: #fff;
}

.dtp div.dtp-actual-year {
  font-size: 1.5em;
  color: #ffffff;
}

.dtp table.dtp-picker-days tr td a.selected {
  background: #007d72;
  color: #fff;
}

/* Bootstrap Select ============================ */
.bootstrap-select {
  box-shadow: none !important;
  border-bottom: 1px solid #ddd !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:active {
  outline: none !important;
}

.bootstrap-select .bs-searchbox,
.bootstrap-select .bs-actionsbox,
.bootstrap-select .bs-donebutton {
  padding: 0 0 5px 0;
  border-bottom: 1px solid #e9e9e9;
}

.bootstrap-select .bs-searchbox .form-control,
.bootstrap-select .bs-actionsbox .form-control,
.bootstrap-select .bs-donebutton .form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
  border: none;
  margin-left: 30px;
}

.bootstrap-select .bs-searchbox {
  position: relative;
}

.bootstrap-select .bs-searchbox:after {
  content: "\E8B6";
  font-family: "Material Icons";
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 25px;
}

.bootstrap-select ul.dropdown-menu {
  margin-top: 0 !important;
}

.bootstrap-select .dropdown-menu li.selected a {
  background-color: #eee !important;
  color: #555 !important;
}

.bootstrap-select .dropdown-menu .active a {
  background-color: transparent;
  color: #333 !important;
}

.bootstrap-select .dropdown-menu .notify {
  background-color: #f44336 !important;
  color: #fff !important;
  border: none !important;
}

.bootstrap-select.btn-group.show-tick
  .dropdown-menu
  li.selected
  a
  span.check-mark {
  margin-top: 9px;
}

/* Tooltip & Popovers ========================== */
.tooltip {
  font-size: 11px;
}

.tooltip .tooltip-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.popover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.popover .popover-title {
  font-weight: bold;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-color: #e9e9e9;
  border-bottom: 1px solid #e0e0e0;
}

.popover .popover-content {
  font-size: 12px;
  color: #777;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

/* Nav Tabs ==================================== */
.nav-tabs {
  border-bottom: 2px solid #e0e0e0;
}

.nav-tabs > li {
  position: relative;
  top: 3px;
  left: -2px;
}

.nav-tabs > li > a {
  border: none !important;
  color: #999999 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding-top: 0;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:active,
.nav-tabs > li > a:focus {
  background-color: transparent !important;
}

.nav-tabs > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 2px solid #2196f3;
  bottom: 2px;
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -moz-transition: 0.1s ease-in;
  -o-transition: 0.1s ease-in;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}

.nav-tabs > li > a .material-icons {
  position: relative;
  top: 7px;
  margin-bottom: 8px;
}

.nav-tabs li.active a {
  color: #333333 !important;
}

.nav-tabs li.active a:hover,
.nav-tabs li.active a:active,
.nav-tabs li.active a:focus {
  background-color: #f26927;
}

.nav-tabs li.active a:before {
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.nav-tabs + .tab-content {
  padding: 15px 0;
}

.nav-tabs.tab-col-red > li > a:before {
  border-bottom: 2px solid #f44336;
}

.nav-tabs.tab-col-pink > li > a:before {
  border-bottom: 2px solid #e91e63;
}

.nav-tabs.tab-col-purple > li > a:before {
  border-bottom: 2px solid #9c27b0;
}

.nav-tabs.tab-col-deep-purple > li > a:before {
  border-bottom: 2px solid #673ab7;
}

.nav-tabs.tab-col-indigo > li > a:before {
  border-bottom: 2px solid #3f51b5;
}

.nav-tabs.tab-col-blue > li > a:before {
  border-bottom: 2px solid #2196f3;
}

.nav-tabs.tab-col-light-blue > li > a:before {
  border-bottom: 2px solid #03a9f4;
}

.nav-tabs.tab-col-cyan > li > a:before {
  border-bottom: 2px solid #00bcd4;
}

.nav-tabs.tab-col-teal > li > a:before {
  border-bottom: 2px solid #009688;
}

.nav-tabs.tab-col-green > li > a:before {
  border-bottom: 2px solid #4caf50;
}

.nav-tabs.tab-col-light-green > li > a:before {
  border-bottom: 2px solid #8bc34a;
}

.nav-tabs.tab-col-lime > li > a:before {
  border-bottom: 2px solid #cddc39;
}

.nav-tabs.tab-col-yellow > li > a:before {
  border-bottom: 2px solid #ffe821;
}

.nav-tabs.tab-col-amber > li > a:before {
  border-bottom: 2px solid #ffc107;
}

.nav-tabs.tab-col-orange > li > a:before {
  border-bottom: 2px solid #ff9800;
}

.nav-tabs.tab-col-deep-orange > li > a:before {
  border-bottom: 2px solid #ff5722;
}

.nav-tabs.tab-col-brown > li > a:before {
  border-bottom: 2px solid #795548;
}

.nav-tabs.tab-col-grey > li > a:before {
  border-bottom: 2px solid #9e9e9e;
}

.nav-tabs.tab-col-blue-grey > li > a:before {
  border-bottom: 2px solid #607d8b;
}

.nav-tabs.tab-col-black > li > a:before {
  border-bottom: 2px solid #333333;
}

.nav-tabs.tab-col-white > li > a:before {
  border-bottom: 2px solid #ffffff;
}

/* Thumbnails ================================== */
.thumbnail {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.thumbnail p:not(button) {
  color: #999999;
  font-size: 14px;
}

.thumbnail h3 {
  font-weight: bold;
  font-size: 17px;
}

/* To have sidebar over modal */
.ng-sidebar {
  z-index: 1060 !important;
}

/* Modals ====================================== */
.modal {
  z-index: 1020 !important;
  z-index: 1060 !important;
}

.modal-backdrop {
  z-index: 1020 !important;
}

/* To give more z-index to frame history modal  */
/* .task-details-side-main aside {
  z-index: 999 !important;
} */

.modal .modal-header {
  border: none;
  padding: 25px 25px 5px 25px;
}

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

.modal .modal-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 6px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important;
  border: none;
}

.modal .modal-content .modal-body {
  color: #777;
  padding: 16px 16px 24px 16px;
}

.selectTeamMemberModal .modal-body {
  padding: 0px 24px !important;
}

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

.modal-col-red {
  background-color: #f44336;
}

.modal-col-red .modal-body,
.modal-col-red .modal-title {
  color: #fff !important;
}

.modal-col-red .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-red .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-red .modal-footer .btn-link:hover,
.modal-col-red .modal-footer .btn-link:active,
.modal-col-red .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-pink {
  background-color: #e91e63;
}

.modal-col-pink .modal-body,
.modal-col-pink .modal-title {
  color: #fff !important;
}

.modal-col-pink .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-pink .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-pink .modal-footer .btn-link:hover,
.modal-col-pink .modal-footer .btn-link:active,
.modal-col-pink .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-purple {
  background-color: #9c27b0;
}

.modal-col-purple .modal-body,
.modal-col-purple .modal-title {
  color: #fff !important;
}

.modal-col-purple .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-purple .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-purple .modal-footer .btn-link:hover,
.modal-col-purple .modal-footer .btn-link:active,
.modal-col-purple .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-deep-purple {
  background-color: #673ab7;
}

.modal-col-deep-purple .modal-body,
.modal-col-deep-purple .modal-title {
  color: #fff !important;
}

.modal-col-deep-purple .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-deep-purple .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-deep-purple .modal-footer .btn-link:hover,
.modal-col-deep-purple .modal-footer .btn-link:active,
.modal-col-deep-purple .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-indigo {
  background-color: #3f51b5;
}

.modal-col-indigo .modal-body,
.modal-col-indigo .modal-title {
  color: #fff !important;
}

.modal-col-indigo .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-indigo .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-indigo .modal-footer .btn-link:hover,
.modal-col-indigo .modal-footer .btn-link:active,
.modal-col-indigo .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-blue {
  background-color: #2196f3;
}

.modal-col-blue .modal-body,
.modal-col-blue .modal-title {
  color: #fff !important;
}

.modal-col-blue .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-blue .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-blue .modal-footer .btn-link:hover,
.modal-col-blue .modal-footer .btn-link:active,
.modal-col-blue .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-light-blue {
  background-color: #03a9f4;
}

.modal-col-light-blue .modal-body,
.modal-col-light-blue .modal-title {
  color: #fff !important;
}

.modal-col-light-blue .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-light-blue .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-light-blue .modal-footer .btn-link:hover,
.modal-col-light-blue .modal-footer .btn-link:active,
.modal-col-light-blue .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-cyan {
  background-color: #00bcd4;
}

.modal-col-cyan .modal-body,
.modal-col-cyan .modal-title {
  color: #fff !important;
}

.modal-col-cyan .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-cyan .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-cyan .modal-footer .btn-link:hover,
.modal-col-cyan .modal-footer .btn-link:active,
.modal-col-cyan .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-teal {
  background-color: #009688;
}

.modal-col-teal .modal-body,
.modal-col-teal .modal-title {
  color: #fff !important;
}

.modal-col-teal .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-teal .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-teal .modal-footer .btn-link:hover,
.modal-col-teal .modal-footer .btn-link:active,
.modal-col-teal .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-green {
  background-color: #4caf50;
}

.modal-col-green .modal-body,
.modal-col-green .modal-title {
  color: #fff !important;
}

.modal-col-green .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-green .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-green .modal-footer .btn-link:hover,
.modal-col-green .modal-footer .btn-link:active,
.modal-col-green .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-light-green {
  background-color: #8bc34a;
}

.modal-col-light-green .modal-body,
.modal-col-light-green .modal-title {
  color: #fff !important;
}

.modal-col-light-green .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-light-green .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-light-green .modal-footer .btn-link:hover,
.modal-col-light-green .modal-footer .btn-link:active,
.modal-col-light-green .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-lime {
  background-color: #cddc39;
}

.modal-col-lime .modal-body,
.modal-col-lime .modal-title {
  color: #fff !important;
}

.modal-col-lime .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-lime .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-lime .modal-footer .btn-link:hover,
.modal-col-lime .modal-footer .btn-link:active,
.modal-col-lime .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-yellow {
  background-color: #ffe821;
}

.modal-col-yellow .modal-body,
.modal-col-yellow .modal-title {
  color: #fff !important;
}

.modal-col-yellow .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-yellow .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-yellow .modal-footer .btn-link:hover,
.modal-col-yellow .modal-footer .btn-link:active,
.modal-col-yellow .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-amber {
  background-color: #ffc107;
}

.modal-col-amber .modal-body,
.modal-col-amber .modal-title {
  color: #fff !important;
}

.modal-col-amber .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-amber .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-amber .modal-footer .btn-link:hover,
.modal-col-amber .modal-footer .btn-link:active,
.modal-col-amber .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-orange {
  background-color: #ff9800;
}

.modal-col-orange .modal-body,
.modal-col-orange .modal-title {
  color: #fff !important;
}

.modal-col-orange .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-orange .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-orange .modal-footer .btn-link:hover,
.modal-col-orange .modal-footer .btn-link:active,
.modal-col-orange .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-deep-orange {
  background-color: #ff5722;
}

.modal-col-deep-orange .modal-body,
.modal-col-deep-orange .modal-title {
  color: #fff !important;
}

.modal-col-deep-orange .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-deep-orange .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-deep-orange .modal-footer .btn-link:hover,
.modal-col-deep-orange .modal-footer .btn-link:active,
.modal-col-deep-orange .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-brown {
  background-color: #795548;
}

.modal-col-brown .modal-body,
.modal-col-brown .modal-title {
  color: #fff !important;
}

.modal-col-brown .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-brown .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-brown .modal-footer .btn-link:hover,
.modal-col-brown .modal-footer .btn-link:active,
.modal-col-brown .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-grey {
  background-color: #9e9e9e;
}

.modal-col-grey .modal-body,
.modal-col-grey .modal-title {
  color: #fff !important;
}

.modal-col-grey .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-grey .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-grey .modal-footer .btn-link:hover,
.modal-col-grey .modal-footer .btn-link:active,
.modal-col-grey .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-blue-grey {
  background-color: #607d8b;
}

.modal-col-blue-grey .modal-body,
.modal-col-blue-grey .modal-title {
  color: #fff !important;
}

.modal-col-blue-grey .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-blue-grey .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-blue-grey .modal-footer .btn-link:hover,
.modal-col-blue-grey .modal-footer .btn-link:active,
.modal-col-blue-grey .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-black {
  background-color: #333333;
}

.modal-col-black .modal-body,
.modal-col-black .modal-title {
  color: #fff !important;
}

.modal-col-black .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-black .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-black .modal-footer .btn-link:hover,
.modal-col-black .modal-footer .btn-link:active,
.modal-col-black .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-white {
  background-color: #ffffff;
}

.modal-col-white .modal-body,
.modal-col-white .modal-title {
  color: #fff !important;
}

.modal-col-white .modal-footer {
  background-color: rgba(0, 0, 0, 0.12);
}

.modal-col-white .modal-footer .btn-link {
  color: #fff !important;
}

.modal-col-white .modal-footer .btn-link:hover,
.modal-col-white .modal-footer .btn-link:active,
.modal-col-white .modal-footer .btn-link:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

/* Labels ====================================== */
.label {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 4px !important;
}

.label-primary {
  background-color: #1f91f3;
}

.label-success {
  background-color: #2b982b;
}

.label-info {
  background-color: #00b0e4;
}

.label-warning {
  background-color: #ff9600;
}

.label-danger {
  background-color: #fb483a;
}

/* Collapse ==================================== */
.collapse .well,
.collapse.in .well,
.collapsing .well {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
}

/* Tables ====================================== 6*/
.table tbody tr td,
.table tbody tr th {
  padding: 8px 12px !important;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: middle;
}

.table tbody tr.primary td,
.table tbody tr.primary th {
  background-color: #1f91f3;
  color: #fff;
}

.table tbody tr.success td,
.table tbody tr.success th {
  background-color: #2b982b;
  color: #fff;
}

.table tbody tr.info td,
.table tbody tr.info th {
  background-color: #00b0e4;
  color: #fff;
}

.table tbody tr.warning td,
.table tbody tr.warning th {
  background-color: #ff9600;
  color: #fff;
}

.table tbody tr.danger td,
.table tbody tr.danger th {
  background-color: #fb483a;
  color: #fff;
}

.table thead tr th {
  padding: 8px;
  border-bottom: 1px solid #e0e0e0;
}

.table-bordered {
  border-top: 1px solid #e0e0e0;
}

.table-bordered tbody tr td,
.table-bordered tbody tr th {
  padding: 10px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
}

.table-bordered thead tr th {
  padding: 10px;
  border: 1px solid #e0e0e0;
}

/* Panel ======================================= */
.panel-group .panel-col-red {
  border: 1px solid #f44336;
}

.panel-group .panel-col-red .panel-title {
  background-color: #f44336 !important;
  color: #fff;
}

.panel-group .panel-col-red .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-pink {
  border: 1px solid #e91e63;
}

.panel-group .panel-col-pink .panel-title {
  background-color: #e91e63 !important;
  color: #fff;
}

.panel-group .panel-col-pink .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-purple {
  border: 1px solid #9c27b0;
}

.panel-group .panel-col-purple .panel-title {
  background-color: #9c27b0 !important;
  color: #fff;
}

.panel-group .panel-col-purple .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-deep-purple {
  border: 1px solid #673ab7;
}

.panel-group .panel-col-deep-purple .panel-title {
  background-color: #673ab7 !important;
  color: #fff;
}

.panel-group .panel-col-deep-purple .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-indigo {
  border: 1px solid #3f51b5;
}

.panel-group .panel-col-indigo .panel-title {
  background-color: #3f51b5 !important;
  color: #fff;
}

.panel-group .panel-col-indigo .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-blue {
  border: 1px solid #2196f3;
}

.panel-group .panel-col-blue .panel-title {
  background-color: #fff !important;
  color: #f26927;
}

.panel-group .panel-col-blue .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-light-blue .panel-title {
  background-color: #fff !important;
  color: #333333;
}

.panel-group .panel-col-light-blue .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-cyan {
  border: 1px solid #00bcd4;
}

.panel-group .panel-col-cyan .panel-title {
  background-color: #fff !important;
  color: #f26927;
}

.panel-group .panel-col-cyan .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-teal {
  border: 1px solid #009688;
}

.panel-group .panel-col-teal .panel-title {
  background-color: #009688 !important;
  color: #fff;
}

.panel-group .panel-col-teal .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-green {
  border: 1px solid #4caf50;
}

.panel-group .panel-col-green .panel-title {
  background-color: #4caf50 !important;
  color: #fff;
}

.panel-group .panel-col-green .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-light-green {
  border: 1px solid #8bc34a;
}

.panel-group .panel-col-light-green .panel-title {
  background-color: #8bc34a !important;
  color: #fff;
}

.panel-group .panel-col-light-green .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-lime {
  border: 1px solid #cddc39;
}

.panel-group .panel-col-lime .panel-title {
  background-color: #cddc39 !important;
  color: #fff;
}

.panel-group .panel-col-lime .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-yellow {
  border: 1px solid #ffe821;
}

.panel-group .panel-col-yellow .panel-title {
  background-color: #ffe821 !important;
  color: #fff;
}

.panel-group .panel-col-yellow .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-amber {
  border: 1px solid #ffc107;
}

.panel-group .panel-col-amber .panel-title {
  background-color: #ffc107 !important;
  color: #fff;
}

.panel-group .panel-col-amber .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-orange {
  border: 1px solid #ff9800;
}

.panel-group .panel-col-orange .panel-title {
  background-color: #ff9800 !important;
  color: #fff;
}

.panel-group .panel-col-orange .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-deep-orange {
  border: 1px solid #ff5722;
}

.panel-group .panel-col-deep-orange .panel-title {
  background-color: #ff5722 !important;
  color: #fff;
}

.panel-group .panel-col-deep-orange .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-brown {
  border: 1px solid #795548;
}

.panel-group .panel-col-brown .panel-title {
  background-color: #795548 !important;
  color: #fff;
}

.panel-group .panel-col-brown .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-grey {
  border: 1px solid #9e9e9e;
}

.panel-group .panel-col-grey .panel-title {
  background-color: #9e9e9e !important;
  color: #fff;
}

.panel-group .panel-col-grey .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-blue-grey {
  border: 1px solid #607d8b;
}

.panel-group .panel-col-blue-grey .panel-title {
  background-color: #607d8b !important;
  color: #fff;
}

.panel-group .panel-col-blue-grey .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-black {
  border: 1px solid #333333;
}

.panel-group .panel-col-black .panel-title {
  background-color: #333333 !important;
  color: #fff;
}

.panel-group .panel-col-black .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-white {
  border: 1px solid #ffffff;
}

.panel-group .panel-col-white .panel-title {
  background-color: #ffffff !important;
  color: #fff;
}

.panel-group .panel-col-white .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.panel-group .panel .panel-title .material-icons {
  float: left;
  line-height: 16px;
  margin-right: 8px;
}

.panel-group .panel .panel-heading {
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.panel-group .panel .panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-group .panel .panel-heading a:hover,
.panel-group .panel .panel-heading a:focus,
.panel-group .panel .panel-heading a:active {
  text-decoration: none;
}

.panel-group .panel .panel-body {
  color: #555;
}

.panel-group .panel-primary {
  border: 1px solid #1f91f3;
}

.panel-group .panel-primary .panel-title {
  background-color: #1f91f3;
}

.panel-group .panel-success {
  border: 1px solid #2b982b;
}

.panel-group .panel-success .panel-title {
  background-color: #2b982b;
  color: #fff;
}

.panel-group .panel-warning {
  border: 1px solid #ff9600;
}

.panel-group .panel-warning .panel-title {
  background-color: #ff9600;
  color: #fff;
}

.panel-group .panel-danger {
  border: 1px solid #fb483a;
}

.panel-group .panel-danger .panel-title {
  background-color: #fb483a;
  color: #fff;
}

.full-body .panel-col-red .panel-body {
  border-top-color: #fff !important;
  background-color: #f44336;
  color: #fff;
}

.full-body .panel-col-pink .panel-body {
  border-top-color: #fff !important;
  background-color: #e91e63;
  color: #fff;
}

.full-body .panel-col-purple .panel-body {
  border-top-color: #fff !important;
  background-color: #9c27b0;
  color: #fff;
}

.full-body .panel-col-deep-purple .panel-body {
  border-top-color: #fff !important;
  background-color: #673ab7;
  color: #fff;
}

.full-body .panel-col-indigo .panel-body {
  border-top-color: #fff !important;
  background-color: #3f51b5;
  color: #fff;
}

.full-body .panel-col-blue .panel-body {
  border-top-color: #fff !important;
  background-color: #2196f3;
  color: #fff;
}

.full-body .panel-col-light-blue .panel-body {
  border-top-color: #fff !important;
  background-color: #03a9f4;
  color: #fff;
}

.full-body .panel-col-cyan .panel-body {
  border-top-color: #fff !important;
  background-color: #00bcd4;
  color: #fff;
}

.full-body .panel-col-teal .panel-body {
  border-top-color: #fff !important;
  background-color: #009688;
  color: #fff;
}

.full-body .panel-col-green .panel-body {
  border-top-color: #fff !important;
  background-color: #4caf50;
  color: #fff;
}

.full-body .panel-col-light-green .panel-body {
  border-top-color: #fff !important;
  background-color: #8bc34a;
  color: #fff;
}

.full-body .panel-col-lime .panel-body {
  border-top-color: #fff !important;
  background-color: #cddc39;
  color: #fff;
}

.full-body .panel-col-yellow .panel-body {
  border-top-color: #fff !important;
  background-color: #ffe821;
  color: #fff;
}

.full-body .panel-col-amber .panel-body {
  border-top-color: #fff !important;
  background-color: #ffc107;
  color: #fff;
}

.full-body .panel-col-orange .panel-body {
  border-top-color: #fff !important;
  background-color: #ff9800;
  color: #fff;
}

.full-body .panel-col-deep-orange .panel-body {
  border-top-color: #fff !important;
  background-color: #ff5722;
  color: #fff;
}

.full-body .panel-col-brown .panel-body {
  border-top-color: #fff !important;
  background-color: #795548;
  color: #fff;
}

.full-body .panel-col-grey .panel-body {
  border-top-color: #fff !important;
  background-color: #9e9e9e;
  color: #fff;
}

.full-body .panel-col-blue-grey .panel-body {
  border-top-color: #fff !important;
  background-color: #607d8b;
  color: #fff;
}

.full-body .panel-col-black .panel-body {
  border-top-color: #fff !important;
  background-color: #333333;
  color: #fff;
}

.full-body .panel-col-white .panel-body {
  border-top-color: #fff !important;
  background-color: #ffffff;
  color: #fff;
}

.full-body .panel-primary .panel-body {
  border-top-color: #fff !important;
  background-color: #1f91f3;
  color: #fff;
}

.full-body .panel-success .panel-body {
  border-top-color: #fff !important;
  background-color: #2b982b;
  color: #fff;
}

.full-body .panel-warning .panel-body {
  border-top-color: #fff !important;
  background-color: #ff9600;
  color: #fff;
}

.full-body .panel-danger .panel-body {
  border-top-color: #fff !important;
  background-color: #fb483a;
  color: #fff;
}

/* Progress Bars =============================== */
/* .progress {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     border-radius: 0;
     height: 22px;
}
 .progress .progress-bar {
     line-height: 23px;
     background-color: #1f91f3;
}
 .progress .progress-bar-success {
     background-color: #2b982b;
}
 .progress .progress-bar-info {
     background-color: #00b0e4;
}
 .progress .progress-bar-warning {
     background-color: #ff9600;
}
 .progress .progress-bar-danger {
     background-color: #fb483a;
}*/
/* Ion Range Slider ============================ */
.irs .irs-min,
.irs .irs-max,
.irs .irs-from,
.irs .irs-to,
.irs .irs-single {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

/* Input Group ================================= */
.input-group {
  width: 100%;
  margin-bottom: 20px;
}

.input-group .form-line {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.input-group .form-line:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -2px;
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -moz-transition: 0.25s ease-in;
  -o-transition: 0.25s ease-in;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
  border-bottom: 2px solid #1f91f3;
}

.input-group .form-line + .input-group-addon {
  padding-right: 0;
  padding-left: 10px;
}

.input-group .help-info {
  float: right;
  font-size: 12px;
  margin-top: 5px;
  color: #999999;
}

.input-group label.error {
  font-size: 12px;
  display: block;
  margin-top: 5px;
  font-weight: normal;
  color: #f44336;
}

.input-group .form-line.error:after {
  border-bottom: 2px solid #f44336;
}

.input-group .form-line.success:after {
  border-bottom: 2px solid #4caf50;
}

.input-group .form-line.warning:after {
  border-bottom: 2px solid #ffc107;
}

.input-group .form-line.focused:after {
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.input-group .form-line.focused .form-label {
  bottom: 25px;
  left: 0;
  font-size: 12px;
}

.input-group .input-group-addon {
  border: none;
  background-color: transparent;
  padding-left: 0;
  font-weight: bold;
}

.input-group .input-group-addon .material-icons {
  font-size: 18px;
  color: #555;
}

.input-group input[type="text"],
.input-group .form-control {
  border: none;
  box-shadow: none;
  padding-left: 0;
}

.input-group .form-control:focus {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
}

.input-group.input-group-sm .input-group-addon i {
  font-size: 14px;
}

.input-group.input-group-sm .form-control {
  font-size: 12px;
}

.input-group.input-group-lg .input-group-addon i {
  font-size: 26px;
}

.input-group.input-group-lg .form-control {
  font-size: 18px;
}

.form-control-label {
  text-align: right;
}

.form-control-label label {
  margin-top: 8px;
}

.form-horizontal .form-group {
  margin-bottom: 0;
}

.form-group {
  width: 100%;
  /* margin-bottom: 20px; */
  margin-bottom: 16px;
}

.form-group .form-control {
  width: 100%;
  border: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding-left: 0;
}

.form-group .help-info {
  float: right;
  font-size: 12px;
  margin-top: 5px;
  color: #999999;
}

.form-group label.error,
.error:not(.toast.error) {
  font-size: 12px;
  display: block;
  margin-top: 8px;
  font-weight: normal;
  color: #f44336;
}

.form-group .form-line {
  width: 100%;
  position: relative;
  /* border-bottom: 1px solid #e0e0e0; */
}

.form-group .form-line:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  bottom: -1px;
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -moz-transition: 0.25s ease-in;
  -o-transition: 0.25s ease-in;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
  border-bottom: 2px solid #1f91f3;
}

.form-group .form-line .form-label {
  font-weight: normal;
  /*color: #aaa;
    */
  color: rgba(0, 0, 0, 0.43);
  position: absolute;
  top: 10px;
  left: 0;
  cursor: text;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.form-group .form-line.error:after {
  border-bottom: 2px solid #f44336;
}

.form-group .form-line.success:after {
  border-bottom: 2px solid #4caf50;
}

.form-group .form-line.warning:after {
  border-bottom: 2px solid #ffc107;
}

.form-group .form-line.focused:after {
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.form-group .form-line.focused .form-label {
  top: -17px;
  left: 0;
  font-size: 12px;
}

.form-group-sm .form-label {
  font-size: 12px;
}

.form-group-sm .form-line.focused .form-label {
  bottom: 20px;
  font-size: 10px;
}

.form-group-lg .form-label {
  font-size: 18px;
}

.form-group-lg .form-line.focused .form-label {
  bottom: 35px;
  font-size: 12px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: transparent;
}

/* Color Picker ================================ */
.colorpicker {
  z-index: 1;
}

.colorpicker:before,
.colorpicker:after {
  display: none !important;
}

/* Dropzone ==================================== */
.dropzone {
  border: 2px solid transparent !important;
  background-color: #eee !important;
}

.dropzone .dz-message .drag-icon-cph .material-icons {
  font-size: 80px;
  color: #777;
}

.dz-drag-hover {
  border: 2px dashed #888 !important;
}

/* Breadcrumbs ================================= */
.breadcrumb {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  font-size: 12px;
  margin-bottom: 10px;
}

.breadcrumb li a {
  color: #444;
  text-decoration: none;
}

.breadcrumb li a .material-icons {
  font-size: 18px;
  position: relative;
  top: 4px;
}

.breadcrumb li .material-icons {
  font-size: 18px;
  position: relative;
  top: 4px;
}

.breadcrumb > li + li:before {
  content: ">\00a0";
}

.breadcrumb-col-red li a {
  color: #f44336 !important;
  font-weight: bold;
}

.breadcrumb-bg-red {
  background-color: #f44336 !important;
}

.breadcrumb-bg-red li {
  color: #fff !important;
}

.breadcrumb-bg-red li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-red li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-red li + li:before {
  color: #fff;
}

.breadcrumb-col-pink li a {
  color: #e91e63 !important;
  font-weight: bold;
}

.breadcrumb-bg-pink {
  background-color: #e91e63 !important;
}

.breadcrumb-bg-pink li {
  color: #fff !important;
}

.breadcrumb-bg-pink li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-pink li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-pink li + li:before {
  color: #fff;
}

.breadcrumb-col-purple li a {
  color: #9c27b0 !important;
  font-weight: bold;
}

.breadcrumb-bg-purple {
  background-color: #9c27b0 !important;
}

.breadcrumb-bg-purple li {
  color: #fff !important;
}

.breadcrumb-bg-purple li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-purple li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-purple li + li:before {
  color: #fff;
}

.breadcrumb-col-deep-purple li a {
  color: #673ab7 !important;
  font-weight: bold;
}

.breadcrumb-bg-deep-purple {
  background-color: #673ab7 !important;
}

.breadcrumb-bg-deep-purple li {
  color: #fff !important;
}

.breadcrumb-bg-deep-purple li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-deep-purple li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-deep-purple li + li:before {
  color: #fff;
}

.breadcrumb-col-indigo li a {
  color: #3f51b5 !important;
  font-weight: bold;
}

.breadcrumb-bg-indigo {
  background-color: #3f51b5 !important;
}

.breadcrumb-bg-indigo li {
  color: #fff !important;
}

.breadcrumb-bg-indigo li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-indigo li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-indigo li + li:before {
  color: #fff;
}

.breadcrumb-col-blue li a {
  color: #2196f3 !important;
  font-weight: bold;
}

.breadcrumb-bg-blue {
  background-color: #2196f3 !important;
}

.breadcrumb-bg-blue li {
  color: #fff !important;
}

.breadcrumb-bg-blue li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-blue li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-blue li + li:before {
  color: #fff;
}

.breadcrumb-col-light-blue li a {
  color: #03a9f4 !important;
  font-weight: bold;
}

.breadcrumb-bg-light-blue {
  background-color: #03a9f4 !important;
}

.breadcrumb-bg-light-blue li {
  color: #fff !important;
}

.breadcrumb-bg-light-blue li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-light-blue li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-light-blue li + li:before {
  color: #fff;
}

.breadcrumb-col-cyan li a {
  color: #00bcd4 !important;
  font-weight: bold;
}

.breadcrumb-bg-cyan {
  background-color: #00bcd4 !important;
}

.breadcrumb-bg-cyan li {
  color: #fff !important;
}

.breadcrumb-bg-cyan li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-cyan li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-cyan li + li:before {
  color: #fff;
}

.breadcrumb-col-teal li a {
  color: #009688 !important;
  font-weight: bold;
}

.breadcrumb-bg-teal {
  background-color: #009688 !important;
}

.breadcrumb-bg-teal li {
  color: #fff !important;
}

.breadcrumb-bg-teal li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-teal li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-teal li + li:before {
  color: #fff;
}

.breadcrumb-col-green li a {
  color: #4caf50 !important;
  font-weight: bold;
}

.breadcrumb-bg-green {
  background-color: #4caf50 !important;
}

.breadcrumb-bg-green li {
  color: #fff !important;
}

.breadcrumb-bg-green li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-green li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-green li + li:before {
  color: #fff;
}

.breadcrumb-col-light-green li a {
  color: #8bc34a !important;
  font-weight: bold;
}

.breadcrumb-bg-light-green {
  background-color: #8bc34a !important;
}

.breadcrumb-bg-light-green li {
  color: #fff !important;
}

.breadcrumb-bg-light-green li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-light-green li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-light-green li + li:before {
  color: #fff;
}

.breadcrumb-col-lime li a {
  color: #cddc39 !important;
  font-weight: bold;
}

.breadcrumb-bg-lime {
  background-color: #cddc39 !important;
}

.breadcrumb-bg-lime li {
  color: #fff !important;
}

.breadcrumb-bg-lime li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-lime li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-lime li + li:before {
  color: #fff;
}

.breadcrumb-col-yellow li a {
  color: #ffe821 !important;
  font-weight: bold;
}

.breadcrumb-bg-yellow {
  background-color: #ffe821 !important;
}

.breadcrumb-bg-yellow li {
  color: #fff !important;
}

.breadcrumb-bg-yellow li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-yellow li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-yellow li + li:before {
  color: #fff;
}

.breadcrumb-col-amber li a {
  color: #ffc107 !important;
  font-weight: bold;
}

.breadcrumb-bg-amber {
  background-color: #ffc107 !important;
}

.breadcrumb-bg-amber li {
  color: #fff !important;
}

.breadcrumb-bg-amber li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-amber li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-amber li + li:before {
  color: #fff;
}

.breadcrumb-col-orange li a {
  color: #ff9800 !important;
  font-weight: bold;
}

.breadcrumb-bg-orange {
  background-color: #ff9800 !important;
}

.breadcrumb-bg-orange li {
  color: #fff !important;
}

.breadcrumb-bg-orange li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-orange li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-orange li + li:before {
  color: #fff;
}

.breadcrumb-col-deep-orange li a {
  color: #ff5722 !important;
  font-weight: bold;
}

.breadcrumb-bg-deep-orange {
  background-color: #ff5722 !important;
}

.breadcrumb-bg-deep-orange li {
  color: #fff !important;
}

.breadcrumb-bg-deep-orange li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-deep-orange li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-deep-orange li + li:before {
  color: #fff;
}

.breadcrumb-col-brown li a {
  color: #795548 !important;
  font-weight: bold;
}

.breadcrumb-bg-brown {
  background-color: #795548 !important;
}

.breadcrumb-bg-brown li {
  color: #fff !important;
}

.breadcrumb-bg-brown li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-brown li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-brown li + li:before {
  color: #fff;
}

.breadcrumb-col-grey li a {
  color: #9e9e9e !important;
  font-weight: bold;
}

.breadcrumb-bg-grey {
  background-color: #9e9e9e !important;
}

.breadcrumb-bg-grey li {
  color: #fff !important;
}

.breadcrumb-bg-grey li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-grey li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-grey li + li:before {
  color: #fff;
}

.breadcrumb-col-blue-grey li a {
  color: #607d8b !important;
  font-weight: bold;
}

.breadcrumb-bg-blue-grey {
  background-color: #607d8b !important;
}

.breadcrumb-bg-blue-grey li {
  color: #fff !important;
}

.breadcrumb-bg-blue-grey li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-blue-grey li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-blue-grey li + li:before {
  color: #fff;
}

.breadcrumb-col-black li a {
  color: #333333 !important;
  font-weight: bold;
}

.breadcrumb-bg-black {
  background-color: #333333 !important;
}

.breadcrumb-bg-black li {
  color: #fff !important;
}

.breadcrumb-bg-black li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-black li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-black li + li:before {
  color: #fff;
}

.breadcrumb-col-white li a {
  color: #ffffff !important;
  font-weight: bold;
}

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

.breadcrumb-bg-white li {
  color: #fff !important;
}

.breadcrumb-bg-white li a {
  color: #fff;
  font-weight: bold;
}

.breadcrumb-bg-white li a .material-icons {
  padding-bottom: 8px;
}

.breadcrumb-bg-white li + li:before {
  color: #fff;
}

/* Badge | List Group Item ===================== */
.badge {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.list-group-item {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.list-group .active {
  background-color: #2196f3;
  border-color: #2196f3;
}

.list-group .active:hover,
.list-group .active:focus,
.list-group .active:active {
  background-color: #2196f3;
  border-color: #2196f3;
}

.list-group .active .list-group-item-text {
  color: #dfe9f1;
  font-size: 12px;
}

.list-group .active .list-group-item-text:hover,
.list-group .active .list-group-item-text:active,
.list-group .active .list-group-item-text:focus {
  color: #dfe9f1;
}

.list-group .list-group-item.active:hover .list-group-item-text,
.list-group .list-group-item.active:focus .list-group-item-text,
.list-group .list-group-item.active:active .list-group-item-text {
  color: #dfe9f1;
}

.list-group .list-group-item:first-child,
.list-group .list-group-item:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.list-group .list-group-item .list-group-item-heading {
  font-weight: bold;
  font-size: 17px;
}

.list-group .list-group-item-success {
  background-color: #2b982b;
  border: none;
  color: #fff;
}

.list-group .list-group-item-success:hover,
.list-group .list-group-item-success:focus {
  background-color: #2b982b;
  color: #fff;
  opacity: 0.8;
}

.list-group .list-group-item-info {
  background-color: #00b0e4;
  border: none;
  color: #fff;
}

.list-group .list-group-item-info:hover,
.list-group .list-group-item-info:focus {
  background-color: #00b0e4;
  color: #fff;
  opacity: 0.8;
}

.list-group .list-group-item-warning {
  background-color: #ff9600;
  border: none;
  color: #fff;
}

.list-group .list-group-item-warning:hover,
.list-group .list-group-item-warning:focus {
  background-color: #ff9600;
  color: #fff;
  opacity: 0.8;
}

.list-group .list-group-item-danger {
  background-color: #fb483a;
  border: none;
  color: #fff;
}

.list-group .list-group-item-danger:hover,
.list-group .list-group-item-danger:focus {
  background-color: #fb483a;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-red {
  stroke: #f44336;
}

.list-group .list-group-bg-red {
  background-color: #f44336;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-red:hover,
.list-group .list-group-bg-red:focus {
  background-color: #f44336;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-pink {
  stroke: #e91e63;
}

.list-group .list-group-bg-pink {
  background-color: #e91e63;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-pink:hover,
.list-group .list-group-bg-pink:focus {
  background-color: #e91e63;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-purple {
  stroke: #9c27b0;
}

.list-group .list-group-bg-purple {
  background-color: #9c27b0;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-purple:hover,
.list-group .list-group-bg-purple:focus {
  background-color: #9c27b0;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-deep-purple {
  stroke: #673ab7;
}

.list-group .list-group-bg-deep-purple {
  background-color: #673ab7;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-deep-purple:hover,
.list-group .list-group-bg-deep-purple:focus {
  background-color: #673ab7;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-indigo {
  stroke: #3f51b5;
}

.list-group .list-group-bg-indigo {
  background-color: #3f51b5;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-indigo:hover,
.list-group .list-group-bg-indigo:focus {
  background-color: #3f51b5;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-blue {
  stroke: #2196f3;
}

.list-group .list-group-bg-blue {
  background-color: #2196f3;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-blue:hover,
.list-group .list-group-bg-blue:focus {
  background-color: #2196f3;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-light-blue {
  stroke: #03a9f4;
}

.list-group .list-group-bg-light-blue {
  background-color: #03a9f4;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-light-blue:hover,
.list-group .list-group-bg-light-blue:focus {
  background-color: #03a9f4;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-cyan {
  stroke: #00bcd4;
}

.list-group .list-group-bg-cyan {
  background-color: #00bcd4;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-cyan:hover,
.list-group .list-group-bg-cyan:focus {
  background-color: #00bcd4;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-teal {
  stroke: #009688;
}

.list-group .list-group-bg-teal {
  background-color: #009688;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-teal:hover,
.list-group .list-group-bg-teal:focus {
  background-color: #009688;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-green {
  stroke: #4caf50;
}

.list-group .list-group-bg-green {
  background-color: #4caf50;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-green:hover,
.list-group .list-group-bg-green:focus {
  background-color: #4caf50;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-light-green {
  stroke: #8bc34a;
}

.list-group .list-group-bg-light-green {
  background-color: #8bc34a;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-light-green:hover,
.list-group .list-group-bg-light-green:focus {
  background-color: #8bc34a;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-lime {
  stroke: #cddc39;
}

.list-group .list-group-bg-lime {
  background-color: #cddc39;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-lime:hover,
.list-group .list-group-bg-lime:focus {
  background-color: #cddc39;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-yellow {
  stroke: #ffe821;
}

.list-group .list-group-bg-yellow {
  background-color: #ffe821;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-yellow:hover,
.list-group .list-group-bg-yellow:focus {
  background-color: #ffe821;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-amber {
  stroke: #ffc107;
}

.list-group .list-group-bg-amber {
  background-color: #ffc107;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-amber:hover,
.list-group .list-group-bg-amber:focus {
  background-color: #ffc107;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-orange {
  stroke: #ff9800;
}

.list-group .list-group-bg-orange {
  background-color: #ff9800;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-orange:hover,
.list-group .list-group-bg-orange:focus {
  background-color: #ff9800;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-deep-orange {
  stroke: #ff5722;
}

.list-group .list-group-bg-deep-orange {
  background-color: #ff5722;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-deep-orange:hover,
.list-group .list-group-bg-deep-orange:focus {
  background-color: #ff5722;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-brown {
  stroke: #795548;
}

.list-group .list-group-bg-brown {
  background-color: #795548;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-brown:hover,
.list-group .list-group-bg-brown:focus {
  background-color: #795548;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-grey {
  stroke: #9e9e9e;
}

.list-group .list-group-bg-grey {
  background-color: #9e9e9e;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-grey:hover,
.list-group .list-group-bg-grey:focus {
  background-color: #9e9e9e;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-blue-grey {
  stroke: #607d8b;
}

.list-group .list-group-bg-blue-grey {
  background-color: #607d8b;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-blue-grey:hover,
.list-group .list-group-bg-blue-grey:focus {
  background-color: #607d8b;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-black {
  stroke: #333333;
}

.list-group .list-group-bg-black {
  background-color: #333333;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-black:hover,
.list-group .list-group-bg-black:focus {
  background-color: #333333;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-white {
  stroke: #ffffff;
}

.list-group .list-group-bg-white {
  background-color: #ffffff;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-white:hover,
.list-group .list-group-bg-white:focus {
  background-color: #ffffff;
  color: #fff;
  opacity: 0.8;
}

/* Pagination & Pager ========================== */
.pager li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
  /* color: #222; */
  color: #333333;
  /* font-weight: bold; */
}

.pager li a:focus,
.pager li a:active {
  background-color: transparent;
}

.pagination .disabled a,
.pagination .disabled a:hover,
.pagination .disabled a:focus,
.pagination .disabled a:active {
  color: #bbb;
}

.pagination li.active a {
  background-color: #f26927;
  font-weight: 14px;
  font-weight: unset;
}

.pagination li {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.pagination li a:focus,
.pagination li a:active {
  background-color: transparent;
  /* color: #555; */
  color: #333333;
}

.pagination > li > a {
  border: none;
  font-weight: unset;
  /* color: #555; */
  color: #333333;
}

.pagination > li:first-child > a,
.pagination > li:last-child > a {
  width: auto;
  height: 32px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.pagination > li:first-child > a .material-icons,
.pagination > li:last-child > a .material-icons {
  position: relative;
  bottom: 2px;
}

.pagination-sm > li:first-child > a .material-icons,
.pagination-sm > li:last-child > a .material-icons {
  position: relative;
  top: -1px;
  left: -6px;
  font-size: 20px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:last-child > a {
  width: 44px;
  height: 44px;
}

.pagination-lg > li:first-child > a .material-icons,
.pagination-lg > li:last-child > a .material-icons {
  font-size: 30px;
  position: relative;
  top: -3px;
  left: -10px;
}

/* Media Object ================================ */
.media {
  margin-bottom: 25px;
}

.media .media-body {
  color: #777;
  font-size: 12px;
}

.media .media-body .media-heading {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

/* Form Wizard ================================= */
.wizard,
.tabcontrol {
  display: block;
  width: 100%;
  overflow: hidden;
}

.wizard a,
.tabcontrol a {
  outline: 0;
}

.wizard ul,
.tabcontrol ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}

.wizard ul > li,
.tabcontrol ul > li {
  display: block;
  padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info,
.wizard > .content > .title,
.tabcontrol > .content > .title {
  position: absolute;
  left: -999em;
}

.wizard > .steps {
  position: relative;
  display: block;
  width: 100%;
}

.wizard.vertical > .steps {
  float: left;
  width: 30%;
}

.wizard.vertical > .steps > ul > li {
  float: none;
  width: 100%;
}

.wizard.vertical > .content {
  float: left;
  margin: 0 0 0.5em 0;
  width: 70%;
}

.wizard.vertical > .actions {
  float: right;
  width: 100%;
}

.wizard.vertical > .actions > ul > li {
  margin: 0 0 0 1em;
}

.wizard > .steps .number {
  font-size: 1.429em;
}

.wizard > .steps > ul > li {
  width: 25%;
  float: left;
}

.wizard > .actions > ul > li {
  float: left;
}

.wizard > .steps a {
  display: block;
  width: auto;
  margin: 0 0.5em 0.5em;
  padding: 1em 1em;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.wizard > .steps a:hover,
.wizard > .steps a:active {
  display: block;
  width: auto;
  margin: 0 0.5em 0.5em;
  padding: 1em 1em;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.wizard > .steps .disabled a {
  background: #eee;
  color: #aaa;
  cursor: default;
}

.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
  background: #eee;
  color: #aaa;
  cursor: default;
}

.wizard > .steps .current a {
  background: #2184be;
  color: #fff;
  cursor: default;
}

.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
  background: #2184be;
  color: #fff;
  cursor: default;
}

.wizard > .steps .done a {
  background: #9dc8e2;
  color: #fff;
}

.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
  background: #9dc8e2;
  color: #fff;
}

.wizard > .steps .error a {
  background: #ff3111;
  color: #fff;
}

.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
  background: #ff3111;
  color: #fff;
}

.wizard > .content {
  border: 1px solid #ddd;
  display: block;
  margin: 0.5em;
  min-height: 35em;
  overflow: hidden;
  position: relative;
  width: auto;
}

.wizard > .actions {
  position: relative;
  display: block;
  text-align: right;
  width: 100%;
}

.wizard > .actions > ul {
  display: inline-block;
  text-align: right;
}

.wizard > .actions > ul > li {
  margin: 0 0.5em;
}

.wizard > .actions a {
  background: #009688;
  color: #fff;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.wizard > .actions a:hover,
.wizard > .actions a:active {
  background: #009688;
  color: #fff;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.wizard > .actions .disabled a {
  background: #eee;
  color: #aaa;
}

.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
  background: #eee;
  color: #aaa;
}

.tabcontrol > .steps {
  position: relative;
  display: block;
  width: 100%;
}

.tabcontrol > .steps > ul {
  position: relative;
  margin: 6px 0 0 0;
  top: 1px;
  z-index: 1;
}

.tabcontrol > .steps > ul > li {
  float: left;
  margin: 5px 2px 0 0;
  padding: 1px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover {
  background: #edecec;
  border: 1px solid #bbb;
  padding: 0;
}

.tabcontrol > .steps > ul > li.current {
  background: #fff;
  border: 1px solid #bbb;
  border-bottom: 0 none;
  padding: 0 0 1px 0;
  margin-top: 0;
}

.tabcontrol > .steps > ul > li.current > a {
  padding: 15px 30px 10px 30px;
}

.tabcontrol > .steps > ul > li > a {
  color: #5f5f5f;
  display: inline-block;
  border: 0 none;
  margin: 0;
  padding: 10px 30px;
  text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover {
  text-decoration: none;
}

.tabcontrol > .content {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 35em;
  overflow: hidden;
  border-top: 1px solid #bbb;
  padding-top: 20px;
}

.tabcontrol > .content > .body {
  float: left;
  position: absolute;
  width: 95%;
  height: 95%;
  padding: 2.5%;
}

.tabcontrol > .content > .body ul {
  list-style: disc !important;
}

.tabcontrol > .content > .body ul > li {
  display: list-item;
}

.wizard .content {
  min-height: 245px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  overflow-y: auto;
}

.wizard .content .body {
  padding: 15px;
}

.wizard .steps a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.wizard .steps a:active,
.wizard .steps a:focus,
.wizard .steps a:hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.wizard .steps .done a {
  background-color: rgba(0, 150, 136, 0.6);
}

.wizard .steps .done a:hover,
.wizard .steps .done a:active,
.wizard .steps .done a:focus {
  background-color: rgba(0, 150, 136, 0.5);
}

.wizard .steps .error a {
  background-color: #f44336 !important;
}

.wizard .steps .current a {
  background-color: #009688;
}

.wizard .steps .current a:active,
.wizard .steps .current a:focus,
.wizard .steps .current a:hover {
  background-color: #009688;
}

/* Waves ======================================= */
.waves-effect.waves-red .waves-ripple {
  background: rgba(244, 67, 54, 0.5);
}

.waves-effect.waves-pink .waves-ripple {
  background: rgba(233, 30, 99, 0.5);
}

.waves-effect.waves-purple .waves-ripple {
  background: rgba(156, 39, 176, 0.5);
}

.waves-effect.waves-deep-purple .waves-ripple {
  background: rgba(103, 58, 183, 0.5);
}

.waves-effect.waves-indigo .waves-ripple {
  background: rgba(63, 81, 181, 0.5);
}

.waves-effect.waves-blue .waves-ripple {
  background: rgba(33, 150, 243, 0.5);
}

.waves-effect.waves-light-blue .waves-ripple {
  background: rgba(3, 169, 244, 0.5);
}

.waves-effect.waves-cyan .waves-ripple {
  background: rgba(0, 188, 212, 0.5);
}

.waves-effect.waves-teal .waves-ripple {
  background: rgba(0, 150, 136, 0.5);
}

.waves-effect.waves-green .waves-ripple {
  background: rgba(76, 175, 80, 0.5);
}

.waves-effect.waves-light-green .waves-ripple {
  background: rgba(139, 195, 74, 0.5);
}

.waves-effect.waves-lime .waves-ripple {
  background: rgba(205, 220, 57, 0.5);
}

.waves-effect.waves-yellow .waves-ripple {
  background: rgba(255, 232, 33, 0.5);
}

.waves-effect.waves-amber .waves-ripple {
  background: rgba(255, 193, 7, 0.5);
}

.waves-effect.waves-orange .waves-ripple {
  background: rgba(255, 152, 0, 0.5);
}

.waves-effect.waves-deep-orange .waves-ripple {
  background: rgba(255, 87, 34, 0.5);
}

.waves-effect.waves-brown .waves-ripple {
  background: rgba(121, 85, 72, 0.5);
}

.waves-effect.waves-grey .waves-ripple {
  background: rgba(158, 158, 158, 0.5);
}

.waves-effect.waves-blue-grey .waves-ripple {
  background: rgba(96, 125, 139, 0.5);
}

.waves-effect.waves-black .waves-ripple {
  background: rgba(0, 0, 0, 0.5);
}

.waves-effect.waves-white .waves-ripple {
  background: rgba(255, 255, 255, 0.5);
}

/* Page Loader ================================= */
.page-loader-wrapper {
  z-index: 99999999;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #eee;
  overflow: hidden;
  text-align: center;
}

.page-loader-wrapper p {
  font-size: 12px;
  margin-top: 10px;
  font-weight: bold;
  color: #444;
}

.page-loader-wrapper .loader {
  position: relative;
  top: calc(50% - 30px);
}

/* Preloaders ================================== */
.md-preloader .pl-red {
  stroke: #f44336;
}

.md-preloader .pl-pink {
  stroke: #e91e63;
}

.md-preloader .pl-purple {
  stroke: #9c27b0;
}

.md-preloader .pl-deep-purple {
  stroke: #673ab7;
}

.md-preloader .pl-indigo {
  stroke: #3f51b5;
}

.md-preloader .pl-blue {
  stroke: #2196f3;
}

.md-preloader .pl-light-blue {
  stroke: #03a9f4;
}

.md-preloader .pl-cyan {
  stroke: #00bcd4;
}

.md-preloader .pl-teal {
  stroke: #009688;
}

.md-preloader .pl-green {
  stroke: #4caf50;
}

.md-preloader .pl-light-green {
  stroke: #8bc34a;
}

.md-preloader .pl-lime {
  stroke: #cddc39;
}

.md-preloader .pl-yellow {
  stroke: #ffe821;
}

.md-preloader .pl-amber {
  stroke: #ffc107;
}

.md-preloader .pl-orange {
  stroke: #ff9800;
}

.md-preloader .pl-deep-orange {
  stroke: #ff5722;
}

.md-preloader .pl-brown {
  stroke: #795548;
}

.md-preloader .pl-grey {
  stroke: #9e9e9e;
}

.md-preloader .pl-blue-grey {
  stroke: #607d8b;
}

.md-preloader .pl-black {
  stroke: #333333;
}

.md-preloader .pl-white {
  stroke: #ffffff;
}

.preloader {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  -webkit-animation: container-rotate 1568ms linear infinite;
  -moz-animation: container-rotate 1568ms linear infinite;
  -o-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite;
}

.preloader.pl-size-xl {
  width: 75px;
  height: 75px;
}

.preloader.pl-size-l {
  width: 60px;
  height: 60px;
}

.preloader.pl-size-md {
  width: 50px;
  height: 50px;
}

.preloader.pl-size-sm {
  width: 40px;
  height: 40px;
}

.preloader.pl-size-xs {
  width: 25px;
  height: 25px;
}

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  border-color: #f44336;
  -ms-opacity: 1;
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
    infinite both;
  -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
    infinite both;
  -o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
    both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
    both;
}

.spinner-layer.pl-red {
  border-color: #f44336;
}

.spinner-layer.pl-pink {
  border-color: #e91e63;
}

.spinner-layer.pl-purple {
  border-color: #9c27b0;
}

.spinner-layer.pl-deep-purple {
  border-color: #673ab7;
}

.spinner-layer.pl-indigo {
  border-color: #3f51b5;
}

.spinner-layer.pl-blue {
  border-color: #2196f3;
}

.spinner-layer.pl-light-blue {
  border-color: #03a9f4;
}

.spinner-layer.pl-cyan {
  border-color: #00bcd4;
}

.spinner-layer.pl-teal {
  border-color: #009688;
}

.spinner-layer.pl-green {
  border-color: #4caf50;
}

.spinner-layer.pl-light-green {
  border-color: #8bc34a;
}

.spinner-layer.pl-lime {
  border-color: #cddc39;
}

.spinner-layer.pl-yellow {
  border-color: #ffe821;
}

.spinner-layer.pl-amber {
  border-color: #ffc107;
}

.spinner-layer.pl-orange {
  border-color: #ff9800;
}

.spinner-layer.pl-deep-orange {
  border-color: #ff5722;
}

.spinner-layer.pl-brown {
  border-color: #795548;
}

.spinner-layer.pl-grey {
  border-color: #9e9e9e;
}

.spinner-layer.pl-blue-grey {
  border-color: #607d8b;
}

.spinner-layer.pl-black {
  border-color: #333333;
}

.spinner-layer.pl-white {
  border-color: #ffffff;
}

.right {
  float: right !important;
}

.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.gap-patch.circle {
  width: 1000%;
  left: -450%;
}

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.circle-clipper .circle {
  width: 200%;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  -moz-transform: rotate(129deg);
  -ms-transform: rotate(129deg);
  -o-transform: rotate(129deg);
  transform: rotate(129deg);
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  -moz-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  -o-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  -moz-transform: rotate(-129deg);
  -ms-transform: rotate(-129deg);
  -o-transform: rotate(-129deg);
  transform: rotate(-129deg);
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite
    both;
  -moz-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  -o-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes container-rotate {
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }

  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }

  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }

  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }

  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }

  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg);
  }

  25% {
    transform: rotate(270deg);
  }

  37.5% {
    transform: rotate(405deg);
  }

  50% {
    transform: rotate(540deg);
  }

  62.5% {
    transform: rotate(675deg);
  }

  75% {
    transform: rotate(810deg);
  }

  87.5% {
    transform: rotate(945deg);
  }

  to {
    transform: rotate(1080deg);
  }
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg);
  }

  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  to {
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}

@keyframes left-spin {
  from {
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }

  50% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  to {
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}

@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }

  50% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  to {
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}

@-moz-keyframes right-spin {
  from {
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }

  50% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  to {
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}

@keyframes right-spin {
  from {
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }

  50% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  to {
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}

/* Navbars ===================================== */
.navbar,
.project-status-bar {
  font-family: "Nunito", sans-serif !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  /* -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     box-shadow: none;
     */
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  width: 100%;
}

.navbar .navbar-brand {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: auto !important;
}

.navbar .navbar-custom-right-menu {
  float: right;
}

.navbar .navbar-toggle {
  text-decoration: none;
  color: #fff;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-right: 17px;
}

.navbar .navbar-toggle:before {
  content: "\E8D5";
  font-family: "Material Icons";
  font-size: 26px;
}

.navbar .navbar-collapse.in {
  overflow: visible;
}

.ls-closed .sidebar {
  margin-left: -300px;
}

.ls-closed section.content {
  margin-left: 15px;
}

.ls-closed .bars:after,
.ls-closed .bars:before {
  font-family: "Material Icons";
  font-size: 24px;
  position: absolute;
  top: 18px;
  left: 20px;
  margin-right: 10px;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.ls-closed .bars:before {
  content: "\E5D2";
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ls-closed .bars:after {
  content: "\E5C4";
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.ls-closed .navbar-brand {
  margin-left: 30px;
}

.overlay-open .bars:before {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.overlay-open .bars:after {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.navbar-header {
  padding: 0px 7px;
}

.navbar-header .bars {
  float: left;
  text-decoration: none;
}

.navbar-nav > li > a {
  /*padding: 2px 7px 1px 7px;
    */
  padding: 15px 15px 8px;
  /*margin-top: 7px;
    */
  margin-left: 0px;
  height: 50px;
}

.navbar-nav .dropdown-menu {
  margin-top: 1px !important;
}

.label-count {
  position: absolute;
  top: 2px;
  right: 6px;
  font-size: 10px;
  line-height: 15px;
  background-color: #000;
  padding: 0 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.col-red .navbar .navbar-brand,
.col-red .navbar .navbar-brand:hover,
.col-red .navbar .navbar-brand:active,
.col-red .navbar .navbar-brand:focus {
  color: #fff;
}

.col-red .navbar .nav > li > a:hover,
.col-red .navbar .nav > li > a:focus,
.col-red .navbar .nav .open > a,
.col-red .navbar .nav .open > a:hover,
.col-red .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-red .navbar .nav > li > a {
  color: #fff;
}

.col-red .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-red .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-pink .navbar .navbar-brand,
.col-pink .navbar .navbar-brand:hover,
.col-pink .navbar .navbar-brand:active,
.col-pink .navbar .navbar-brand:focus {
  color: #fff;
}

.col-pink .navbar .nav > li > a:hover,
.col-pink .navbar .nav > li > a:focus,
.col-pink .navbar .nav .open > a,
.col-pink .navbar .nav .open > a:hover,
.col-pink .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-pink .navbar .nav > li > a {
  color: #fff;
}

.col-pink .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-pink .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-purple .navbar .navbar-brand,
.col-purple .navbar .navbar-brand:hover,
.col-purple .navbar .navbar-brand:active,
.col-purple .navbar .navbar-brand:focus {
  color: #fff;
}

.col-purple .navbar .nav > li > a:hover,
.col-purple .navbar .nav > li > a:focus,
.col-purple .navbar .nav .open > a,
.col-purple .navbar .nav .open > a:hover,
.col-purple .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-purple .navbar .nav > li > a {
  color: #fff;
}

.col-purple .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-purple .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-deep-purple .navbar .navbar-brand,
.col-deep-purple .navbar .navbar-brand:hover,
.col-deep-purple .navbar .navbar-brand:active,
.col-deep-purple .navbar .navbar-brand:focus {
  color: #fff;
}

.col-deep-purple .navbar .nav > li > a:hover,
.col-deep-purple .navbar .nav > li > a:focus,
.col-deep-purple .navbar .nav .open > a,
.col-deep-purple .navbar .nav .open > a:hover,
.col-deep-purple .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-deep-purple .navbar .nav > li > a {
  color: #fff;
}

.col-deep-purple .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-deep-purple .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-indigo .navbar .navbar-brand,
.col-indigo .navbar .navbar-brand:hover,
.col-indigo .navbar .navbar-brand:active,
.col-indigo .navbar .navbar-brand:focus {
  color: #fff;
}

.col-indigo .navbar .nav > li > a:hover,
.col-indigo .navbar .nav > li > a:focus,
.col-indigo .navbar .nav .open > a,
.col-indigo .navbar .nav .open > a:hover,
.col-indigo .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-indigo .navbar .nav > li > a {
  color: #fff;
}

.col-indigo .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-indigo .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-blue .navbar .navbar-brand,
.col-blue .navbar .navbar-brand:hover,
.col-blue .navbar .navbar-brand:active,
.col-blue .navbar .navbar-brand:focus {
  color: #fff;
}

.col-blue .navbar .nav > li > a:hover,
.col-blue .navbar .nav > li > a:focus,
.col-blue .navbar .nav .open > a,
.col-blue .navbar .nav .open > a:hover,
.col-blue .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-blue .navbar .nav > li > a {
  color: #fff;
}

.col-blue .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-blue .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-light-blue .navbar .navbar-brand,
.col-light-blue .navbar .navbar-brand:hover,
.col-light-blue .navbar .navbar-brand:active,
.col-light-blue .navbar .navbar-brand:focus {
  color: #fff;
}

.col-light-blue .navbar .nav > li > a:hover,
.col-light-blue .navbar .nav > li > a:focus,
.col-light-blue .navbar .nav .open > a,
.col-light-blue .navbar .nav .open > a:hover,
.col-light-blue .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-light-blue .navbar .nav > li > a {
  color: #fff;
}

.col-light-blue .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-light-blue .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-cyan .navbar .navbar-brand,
.col-cyan .navbar .navbar-brand:hover,
.col-cyan .navbar .navbar-brand:active,
.col-cyan .navbar .navbar-brand:focus {
  color: #fff;
}

.col-cyan .navbar .nav > li > a:hover,
.col-cyan .navbar .nav > li > a:focus,
.col-cyan .navbar .nav .open > a,
.col-cyan .navbar .nav .open > a:hover,
.col-cyan .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-cyan .navbar .nav > li > a {
  color: #fff;
}

.col-cyan .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-cyan .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-teal .navbar .navbar-brand,
.col-teal .navbar .navbar-brand:hover,
.col-teal .navbar .navbar-brand:active,
.col-teal .navbar .navbar-brand:focus {
  color: #fff;
}

.col-teal .navbar .nav > li > a:hover,
.col-teal .navbar .nav > li > a:focus,
.col-teal .navbar .nav .open > a,
.col-teal .navbar .nav .open > a:hover,
.col-teal .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-teal .navbar .nav > li > a {
  color: #fff;
}

.col-teal .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-teal .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-green .navbar .navbar-brand,
.col-green .navbar .navbar-brand:hover,
.col-green .navbar .navbar-brand:active,
.col-green .navbar .navbar-brand:focus {
  color: #fff;
}

.col-green .navbar .nav > li > a:hover,
.col-green .navbar .nav > li > a:focus,
.col-green .navbar .nav .open > a,
.col-green .navbar .nav .open > a:hover,
.col-green .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-green .navbar .nav > li > a {
  color: #fff;
}

.col-green .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-green .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-light-green .navbar .navbar-brand,
.col-light-green .navbar .navbar-brand:hover,
.col-light-green .navbar .navbar-brand:active,
.col-light-green .navbar .navbar-brand:focus {
  color: #fff;
}

.col-light-green .navbar .nav > li > a:hover,
.col-light-green .navbar .nav > li > a:focus,
.col-light-green .navbar .nav .open > a,
.col-light-green .navbar .nav .open > a:hover,
.col-light-green .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-light-green .navbar .nav > li > a {
  color: #fff;
}

.col-light-green .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-light-green .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-lime .navbar .navbar-brand,
.col-lime .navbar .navbar-brand:hover,
.col-lime .navbar .navbar-brand:active,
.col-lime .navbar .navbar-brand:focus {
  color: #fff;
}

.col-lime .navbar .nav > li > a:hover,
.col-lime .navbar .nav > li > a:focus,
.col-lime .navbar .nav .open > a,
.col-lime .navbar .nav .open > a:hover,
.col-lime .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-lime .navbar .nav > li > a {
  color: #fff;
}

.col-lime .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-lime .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-yellow .navbar .navbar-brand,
.col-yellow .navbar .navbar-brand:hover,
.col-yellow .navbar .navbar-brand:active,
.col-yellow .navbar .navbar-brand:focus {
  color: #fff;
}

.col-yellow .navbar .nav > li > a:hover,
.col-yellow .navbar .nav > li > a:focus,
.col-yellow .navbar .nav .open > a,
.col-yellow .navbar .nav .open > a:hover,
.col-yellow .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-yellow .navbar .nav > li > a {
  color: #fff;
}

.col-yellow .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-yellow .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-amber .navbar .navbar-brand,
.col-amber .navbar .navbar-brand:hover,
.col-amber .navbar .navbar-brand:active,
.col-amber .navbar .navbar-brand:focus {
  color: #fff;
}

.col-amber .navbar .nav > li > a:hover,
.col-amber .navbar .nav > li > a:focus,
.col-amber .navbar .nav .open > a,
.col-amber .navbar .nav .open > a:hover,
.col-amber .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-amber .navbar .nav > li > a {
  color: #fff;
}

.col-amber .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-amber .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-orange .navbar .navbar-brand,
.col-orange .navbar .navbar-brand:hover,
.col-orange .navbar .navbar-brand:active,
.col-orange .navbar .navbar-brand:focus {
  color: #fff;
}

.col-orange .navbar .nav > li > a:hover,
.col-orange .navbar .nav > li > a:focus,
.col-orange .navbar .nav .open > a,
.col-orange .navbar .nav .open > a:hover,
.col-orange .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-orange .navbar .nav > li > a {
  color: #fff;
}

.col-orange .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-orange .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-deep-orange .navbar .navbar-brand,
.col-deep-orange .navbar .navbar-brand:hover,
.col-deep-orange .navbar .navbar-brand:active,
.col-deep-orange .navbar .navbar-brand:focus {
  color: #fff;
}

.col-deep-orange .navbar .nav > li > a:hover,
.col-deep-orange .navbar .nav > li > a:focus,
.col-deep-orange .navbar .nav .open > a,
.col-deep-orange .navbar .nav .open > a:hover,
.col-deep-orange .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-deep-orange .navbar .nav > li > a {
  color: #fff;
}

.col-deep-orange .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-deep-orange .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-brown .navbar .navbar-brand,
.col-brown .navbar .navbar-brand:hover,
.col-brown .navbar .navbar-brand:active,
.col-brown .navbar .navbar-brand:focus {
  color: #fff;
}

.col-brown .navbar .nav > li > a:hover,
.col-brown .navbar .nav > li > a:focus,
.col-brown .navbar .nav .open > a,
.col-brown .navbar .nav .open > a:hover,
.col-brown .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-brown .navbar .nav > li > a {
  color: #fff;
}

.col-brown .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-brown .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-grey .navbar .navbar-brand,
.col-grey .navbar .navbar-brand:hover,
.col-grey .navbar .navbar-brand:active,
.col-grey .navbar .navbar-brand:focus {
  color: #fff;
}

.col-grey .navbar .nav > li > a:hover,
.col-grey .navbar .nav > li > a:focus,
.col-grey .navbar .nav .open > a,
.col-grey .navbar .nav .open > a:hover,
.col-grey .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-grey .navbar .nav > li > a {
  color: #fff;
}

.col-grey .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-grey .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-blue-grey .navbar .navbar-brand,
.col-blue-grey .navbar .navbar-brand:hover,
.col-blue-grey .navbar .navbar-brand:active,
.col-blue-grey .navbar .navbar-brand:focus {
  color: #fff;
}

.col-blue-grey .navbar .nav > li > a:hover,
.col-blue-grey .navbar .nav > li > a:focus,
.col-blue-grey .navbar .nav .open > a,
.col-blue-grey .navbar .nav .open > a:hover,
.col-blue-grey .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-blue-grey .navbar .nav > li > a {
  color: #fff;
}

.col-blue-grey .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-blue-grey .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-black .navbar .navbar-brand,
.col-black .navbar .navbar-brand:hover,
.col-black .navbar .navbar-brand:active,
.col-black .navbar .navbar-brand:focus {
  color: #fff;
}

.col-black .navbar .nav > li > a:hover,
.col-black .navbar .nav > li > a:focus,
.col-black .navbar .nav .open > a,
.col-black .navbar .nav .open > a:hover,
.col-black .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-black .navbar .nav > li > a {
  color: #fff;
}

.col-black .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-black .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-white .navbar .navbar-brand,
.col-white .navbar .navbar-brand:hover,
.col-white .navbar .navbar-brand:active,
.col-white .navbar .navbar-brand:focus {
  color: #fff;
}

.col-white .navbar .nav > li > a:hover,
.col-white .navbar .nav > li > a:focus,
.col-white .navbar .nav .open > a,
.col-white .navbar .nav .open > a:hover,
.col-white .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-white .navbar .nav > li > a {
  color: #fff;
}

.col-white .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-white .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

/* Dropdown Menu =============================== */
.dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin-top: -35px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border: none;
}

.dropdown-menu .divider {
  margin: 5px 0;
}

.dropdown-menu .header {
  font-size: 12px;
  font-weight: bold;
  min-width: 270px;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
  padding: 4px 0 6px 0;
}

.dropdown-menu ul.menu {
  padding-left: 0;
}

.dropdown-menu ul.menu.tasks h4 {
  color: #333;
  font-size: 12px;
  margin: 0 0 0px 0;
}

.dropdown-menu ul.menu.tasks h4 small {
  float: right;
  margin-top: 6px;
}

.dropdown-menu ul.menu.tasks .progress {
  height: 7px;
  margin-bottom: 7px;
}

.dropdown-menu ul.menu .icon-circle {
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  display: inline-block;
}

.dropdown-menu ul.menu .icon-circle i {
  font-size: 18px;
  line-height: 36px;
}

.dropdown-menu ul.menu li {
  border-bottom: 1px solid #e0e0e0;
}

.dropdown-menu ul.menu li:last-child {
  border-bottom: none;
}

.dropdown-menu ul.menu li a {
  padding: 7px 11px;
  text-decoration: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.dropdown-menu ul.menu li a:hover {
  background-color: #e9e9e9;
}

.dropdown-menu ul.menu .menu-info {
  display: inline-block;
  position: relative;
  top: 3px;
  left: 5px;
}

.dropdown-menu ul.menu .menu-info h4 {
  margin: 0;
  font-size: 12px;
  color: #333;
}

.dropdown-menu ul.menu .menu-info p {
  margin: 0;
  font-size: 11px;
  color: #aaa;
}

.dropdown-menu ul.menu .menu-info p .material-icons {
  font-size: 12px;
  color: #aaa;
  position: relative;
  top: 2px;
}

.dropdown-menu .footer a {
  text-align: center;
  border-top: 1px solid #e0e0e0;
  padding: 5px 0 5px 0;
  font-size: 12px;
  margin-bottom: -5px;
}

.dropdown-menu .footer a:hover {
  background-color: transparent;
}

.dropdown-menu > li > a {
  padding: 7px 18px;
  color: #666;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 14px;
  line-height: 25px;
}

.dropdown-menu > li > a:hover {
  background-color: rgba(0, 0, 0, 0.075);
  background-color: #f26b2710;
  color: #f26927;
}

.dropdown-menu > li > a i.material-icons {
  float: left;
  margin-right: 7px;
  margin-top: 2px;
  font-size: 20px;
}

.dropdown-animated {
  -webkit-animation-duration: 0.3s !important;
  -moz-animation-duration: 0.3s !important;
  -o-animation-duration: 0.3s !important;
  animation-duration: 0.3s !important;
}

/* Left Sidebar & Overlay ====================== */
.overlay {
  position: fixed;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 10;
}

.ngx-overlay .overlay {
  display: block !important;
}

.overlay-open .sidebar {
  margin-left: 0;
  z-index: 99999999;
}

.sidebar {
  /* -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     */
  font-family: "Nunito", sans-serif !important;
  background: #fff;
  width: 100px;
  /* overflow: hidden;
     */
  display: inline-block;
  height: calc(100vh - 50px);
  position: fixed;
  top: 50px;
  left: 0;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 11 !important;
}

.sidebar2 {
  width: 200px !important;
  left: 100px !important;
  background: #fdfdfd !important;
  z-index: 1 !important;
}

.sidebar.sidebar-right-boader {
  border-right: 4px solid #e9e9e9;
}

.sidebar .legal {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e0e0e0;
  padding: 15px;
  overflow: hidden;
}

.sidebar .legal .copyright {
  font-size: 12px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sidebar .legal .copyright a {
  font-weight: bold;
  text-decoration: none;
}

.sidebar .legal .version {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 5px;
  font-size: 12px;
}

.sidebar .user-info {
  padding: 13px 15px 12px 15px;
  white-space: nowrap;
  position: relative;
  border-bottom: 1px solid #e9e9e9;
  background: url("../images/user-img-background.jpg") no-repeat no-repeat;
  height: 135px;
}

.sidebar .user-info .image {
  margin-right: 12px;
  display: inline-block;
}

.sidebar .user-info .image img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  vertical-align: bottom !important;
}

.sidebar .user-info .info-container {
  cursor: default;
  display: block;
  position: relative;
  top: 25px;
}

.sidebar .user-info .info-container .name {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  max-width: 200px;
  color: #fff;
}

.sidebar .user-info .info-container .email {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  max-width: 200px;
  color: #fff;
}

.sidebar .user-info .info-container .user-helper-dropdown {
  position: absolute;
  right: -3px;
  bottom: -12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  color: #fff;
}

.sidebar .menu {
  position: relative;
  /* overflow-y: auto;
     */
  /*height: 90vh;
    */
}

.sidebar .menu .list {
  list-style: none;
  padding-left: 0;
}

.sidebar .menu .list li.active > :first-child span {
  font-weight: bold;
}

.sidebar .menu .list .header {
  background: #eee;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 16px;
}

.sidebar .menu .list i.material-icons {
  margin-top: 4px;
}

.sidebar .menu .list .menu-toggle:after,
.sidebar .menu .list .menu-toggle:before {
  position: absolute;
  top: calc(50% - 14px);
  right: 17px;
  font-size: 19px;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sidebar .menu .list .menu-toggle:before {
  content: "+";
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sidebar .menu .list .menu-toggle:after {
  content: "\2013";
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.sidebar .menu .list .menu-toggle.toggled:before {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.sidebar .menu .list .menu-toggle.toggled:after {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sidebar .menu .list a {
  color: #999999;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  width: 100%;
  padding: 7px 13px;
}

.sidebar .menu .list a:hover,
.sidebar .menu .list a:active,
.sidebar .menu .list a:focus {
  text-decoration: none !important;
}

.sidebar .menu .list a small {
  position: absolute;
  top: calc(50% - 7.5px);
  right: 15px;
}

.sidebar .menu .list a span {
  /* margin: 7px 0 7px 12px;
     */
  margin: 2px 0 0px 12px;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
}

.sidebar .menu .list .ml-menu {
  list-style: none;
  display: none;
  padding-left: 0;
}

.sidebar .menu .list .ml-menu span {
  font-weight: normal;
  font-size: 14px;
  margin: 3px 0 1px 6px;
}

.sidebar .menu .list .ml-menu li a {
  padding-left: 55px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
  font-weight: 600;
  margin-left: 5px;
}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before {
  content: "\E315";
  font-family: "Material Icons";
  position: relative;
  font-size: 21px;
  height: 20px;
  top: -5px;
  right: 0px;
}

.sidebar .menu .list .ml-menu li .ml-menu li a {
  padding-left: 80px;
}

.sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a {
  padding-left: 95px;
}

.right-sidebar {
  width: 280px;
  height: calc(100vh - 50px);
  position: fixed;
  right: -300px;
  top: 50px;
  background: #fdfdfd;
  z-index: 11 !important;
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.right-sidebar.open {
  right: 0;
}

.right-sidebar .nav-tabs {
  font-weight: 600;
  font-size: 12px;
  width: 100%;
  margin-left: 2px;
}

.right-sidebar .nav-tabs li {
  text-align: center;
}

.right-sidebar .nav-tabs li > a {
  margin-right: 0;
}

.right-sidebar .nav-tabs li:first-child {
  width: 45%;
}

.right-sidebar .nav-tabs li:last-child {
  width: 55%;
}

/* Bootstrap Notify ============================ */
.bootstrap-notify-container {
  max-width: 320px;
  text-align: center;
}

/* Jquery Nestable ============================= */
.dd-handle {
  background-color: #f9f9f9 !important;
}

.dd-handle:hover {
  color: #2196f3;
}

.nestable-dark-theme .dd-handle {
  background: #ccc !important;
  border: 1px solid #999999 !important;
}

.dd3-handle {
  background: #999999 !important;
}

.dd3-content:hover {
  color: #2196f3;
}

/* Login Page ================================== */
.login-page {
  background-color: #00bcd4;
  padding: 50px 15px;
  /* max-width: 360px;
     */
  width: 30%;
  margin: 0% auto;
  overflow-x: hidden;
  height: 100%;
  float: right;
}

.login-page .login-box .msg {
  /* color: #555;
     */
  color: #fff;
  margin-bottom: 30px;
  text-align: center;
}

.login-page .login-box a {
  font-size: 14px;
  text-decoration: none;
  color: #00bcd4;
}

.login-page .login-box .logo {
  margin-bottom: 20px;
}

.login-page .login-box .logo a {
  font-size: 36px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
}

.login-page .login-box .logo small {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: 10px;
}

/* Sign Up Page ================================ */
.signup-page {
  background-color: #00bcd4;
  padding-left: 0;
  max-width: 360px;
  margin: 5% auto;
  overflow-x: hidden;
}

.signup-page .signup-box .msg {
  color: #555;
  margin-bottom: 30px;
  text-align: center;
}

.signup-page .signup-box a {
  font-size: 14px;
  text-decoration: none;
  color: #00bcd4;
}

.signup-page .signup-box .logo {
  margin-bottom: 20px;
}

.signup-page .signup-box .logo a {
  font-size: 36px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
}

.signup-page .signup-box .logo small {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: -5px;
}

/* Forgot Password Page ======================== */
.fp-page {
  background-color: #00bcd4;
  padding-left: 0;
  max-width: 360px;
  margin: 5% auto;
  overflow-x: hidden;
}

.fp-page .fp-box .msg {
  color: #555;
  margin-bottom: 30px;
  text-align: center;
}

.fp-page .fp-box a {
  font-size: 14px;
  text-decoration: none;
  color: #00bcd4;
}

.fp-page .fp-box .logo {
  margin-bottom: 20px;
}

.fp-page .fp-box .logo a {
  font-size: 36px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
}

.fp-page .fp-box .logo small {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: -5px;
}

/* 404 Not Found Page ========================== */
.four-zero-four {
  width: 100%;
  text-align: center;
  margin: 13% auto;
}

.four-zero-four .four-zero-four-container .error-code {
  font-size: 160px;
}

.four-zero-four .four-zero-four-container .error-message {
  font-size: 26px;
  color: #333;
  font-weight: bold;
  margin-top: 75px;
}

.four-zero-four .four-zero-four-container .button-place {
  margin-top: 32px;
}

/* 500 Server Error Page ======================= */
.five-zero-zero {
  width: 100%;
  text-align: center;
  margin: 5% auto;
}

.five-zero-zero .five-zero-zero-container .error-code {
  font-size: 160px;
}

.five-zero-zero .five-zero-zero-container .error-message {
  font-size: 27px;
  color: #333;
  font-weight: bold;
  margin-top: -40px;
}

.five-zero-zero .five-zero-zero-container .button-place {
  margin-top: 32px;
}

/* Maps ======================================== */
/* Google Maps */
.gmap {
  width: 100%;
  height: 400px;
}

/* jVector Map */
.jvector-map {
  width: 100%;
  height: 600px;
}

/* Charts ====================================== */
/* Morris */
.morris-hover.morris-default-style {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

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

.panel-switch-btn {
  position: relative;
  right: 20px;
  z-index: 9;
}

.panel-switch-btn label {
  font-weight: bold !important;
}

.legendLabel {
  width: 85px !important;
  position: relative;
  left: 3px;
}

#multiple_axis_chart .legendLabel {
  width: 160px !important;
}

/* Sparkline */
.sparkline {
  text-align: center;
}

/* Searchbar =================================== */
.search-bar {
  position: fixed;
  top: -100px;
  left: 0;
  z-index: 9999999;
  width: 100%;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

.search-bar.open {
  top: 0;
}

.search-bar .search-icon {
  position: absolute;
  top: 20px;
  left: 14px;
}

.search-bar .search-icon .material-icons {
  font-size: 32px;
  color: #999999;
}

.search-bar .close-search {
  position: absolute;
  cursor: pointer;
  font-size: 30px;
  top: 16px;
  right: 18px;
}

.search-bar .close-search .material-icons {
  color: #999999;
  opacity: 1;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.search-bar .close-search .material-icons:hover {
  opacity: 0.5;
}

.search-bar input[type="text"] {
  width: 100%;
  font-size: 16px;
  padding: 25px 60px 23px 56px;
  border: none;
}

/* Jquery DataTable ============================ */
.dataTables_wrapper {
  position: relative;
}

.dataTables_wrapper select {
  border: none;
  border-bottom: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.dataTables_wrapper select:active,
.dataTables_wrapper select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.dataTables_wrapper input[type="search"] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border: none;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
}

.dataTables_wrapper input[type="search"]:focus,
.dataTables_wrapper input[type="search"]:active {
  border-bottom: 2px solid #1f91f3;
}

.dataTables_wrapper .dt-buttons {
  float: left;
}

.dataTables_wrapper .dt-buttons a.dt-button {
  background-color: #607d8b;
  color: #fff;
  padding: 7px 12px;
  margin-right: 5px;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: none;
  font-size: 12px;
  outline: none;
}

.dataTables_wrapper .dt-buttons a.dt-button:active {
  opacity: 0.8;
}

.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 400px;
  text-align: center;
  background-color: #fff;
  border: 2px solid #999999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-top: -100px;
  margin-left: -200px;
  z-index: 21;
}

.dt-button-info h2 {
  color: #777;
}

.dt-button-info div {
  color: #777;
  margin-bottom: 20px;
}

/* Light Gallery ================================ */
.lg-outer .lg-thumb-item,
.lg-outer .lg-toogle-thumb {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
}

/* For Internet Explorer 10 ===================== */
html.ie10 .sidebar .menu .list li {
  line-height: 30px;
}

html.ie10
  .sidebar
  .menu
  .list
  .ml-menu
  li.active
  a:not(.menu-toggle).toggled:before {
  top: 6px !important;
  line-height: 20px !important;
}

html.ie10 .sidebar .user-info .info-container {
  top: 15px;
}

html.ie10 .search-bar input[type="text"] {
  padding: 26px 60px 26px 56px;
}

html.ie10 .dropdown-menu ul.menu li a {
  margin-top: -22px;
}

html.ie10 .bs-searchbox .form-control {
  width: 90%;
}

/* For Internet Explorer 11 ===================== */
html.ie11
  .sidebar
  .menu
  .list
  .ml-menu
  li.active
  a:not(.menu-toggle).toggled:before {
  top: 6px !important;
  line-height: 20px !important;
}

html.ie11 .sidebar .user-info .info-container {
  top: 15px;
}

html.ie11 .search-bar input[type="text"] {
  padding: 26px 60px 26px 56px;
}

html.ie11 .dropdown-menu ul.menu li a {
  margin-top: -22px;
}

html.ie11 .bs-searchbox .form-control {
  width: 90%;
}

/* CUstome Stype */
.dataTables_length,
.dataTables_info {
  width: 50%;
  display: inline-block;
}

.dataTables_filter,
.paging_full_numbers {
  display: inline-block;
  float: right;
  margin-bottom: 20px;
}

.dataTables_info,
.paging_full_numbers {
  margin-top: 12px !important;
}

.paging_full_numbers a {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.paging_full_numbers a {
  border: none;
  font-weight: bold;
  color: #555;
  cursor: pointer;
}

.paging_full_numbers a.disabled {
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.paging_full_numbers a.disabled,
.paging_full_numbers a.disabled:hover,
.paging_full_numbers a.disabled:focus,
.paging_full_numbers a.disabled:active {
  color: #bbb;
}

.paging_full_numbers a.current {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.dataTables_wrapper i {
  color: #747474;
}

.form-control {
  font-size: 14px !important;
  padding: 8px 12px 8px 8px !important;
}

.form-group .form-control {
  height: 36px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:last-child > a {
  width: 44px !important;
  height: 28px !important;
}

/* th a.datatable-link:parent {
     padding: 0 !important;
}
 */
/* th:has( a.datatable-link ) {
     padding: 0px;
}
 th .datatable-link:parent {
     background: none;
}
 */
.dataTable tbody tr td,
.dataTable thead tr th {
  border: 1px solid #e0e0e0 !important;
  /* text-transform: capitalize !important; */
}

.dataTable tbody tr td {
  font-size: 14px;
}

.dataTable a.datatable-link {
  cursor: pointer;
  padding: 10;
}

.dataTable th.action-column {
  width: 21px;
  padding-right: 8px !important;
}

.dataTable tbody tr td .material-icons {
  vertical-align: middle !important;
  font-size: 19px;
  color: #999999;
}

.dataTable .action-btn {
  /* width: 29px !important;
     height: 29px !important;
     */
  /*width: 9px !important;
    */
  /* width: auto !important;
     height: 25px !important;
     margin-bottom: 0px !important;
     margin-top: 2px !important;
     */
  width: auto !important;
  height: 19px !important;
  margin-bottom: 2px !important;
  margin-top: 2px !important;
}

.dataTable .action-btn i {
  font-size: 16px !important;
  position: relative !important;
  /*left: -7px !important;
     -2*/
  top: -5px !important;
  color: #999999 !important;
  float: left;
}

/*.btn-danger-light{
     color: #ff6666 !important;
}
*/
.btn-danger-light,
.btn-danger-light:hover,
.btn-danger-light:active,
.btn-danger-light:focus {
  background-color: #ff6666 !important;
  color: #fff !important;
}

.dataTable .action-btn.btn-danger i {
  color: #fff !important;
}

.dataTable .btn-danger-light i {
  color: #fff !important;
}

.dataTable sui-select.selection.single-drop.ui.dropdown .text {
  padding: 5px 0px 2px;
}

.dataTable sui-select.selection.single-drop.ui.dropdown .search {
  padding: 5px 5px 2px;
}

/* .action-btn.btn-circle {
     width: 25px;
     height: 25px;
     margin-bottom: 0px;
}
 .action-btn.btn-circle i {
     font-size: 14px;
     position: relative;
     left: -6px;
     top: -9px;
}
 */
.card .header .header-dropdown i {
  font-size: 22px;
}

.focused.form-line:after {
  -moz-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
  -o-transform: scaleX(0) !important;
  -webkit-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}

.focused.error.form-line:after {
  -moz-transform: scaleX(1) !important;
  -ms-transform: scaleX(1) !important;
  -o-transform: scaleX(1) !important;
  -webkit-transform: scaleX(1) !important;
  transform: scaleX(1) !important;
}

.swal2-modal .swal2-styled:focus {
  box-shadow: none !important;
}

.swal2-modal.swal2-show {
  min-height: 277px !important;
}

.swal2-icon {
  width: 70px !important;
  height: 70px !important;
  margin: 0 auto 16px !important;
}

.swal2-icon.swal2-warning {
  line-height: 73px !important;
}

.swal2-modal .swal2-styled {
  padding: 6px 29px !important;
}

#filterAll {
  font-family: "Nunito", Arial, Tahoma, sans-serif !important;
  font-size: 12px !important;
  display: inline-block;
  width: 85%;
  border: none;
  border-radius: 0;
  padding-left: 0;
  box-shadow: none;
}

#filterAll:focus {
  box-shadow: none !important;
}

.total-records {
  /*margin: 23px 0px;
     */
  float: left;
  color: #bbb;
  font-size: 12px;
}

.checkbox-label {
  height: 16px !important;
  line-height: 10px !important;
  padding-left: 0px !important;
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
  right: 11px !important;
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
  left: 11px !important;
}

.swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {
  width: 41px !important;
}

.swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {
  width: 18px !important;
}

.dataTable [type="checkbox"]:checked + label:before {
  border-right: 2px solid #999999 !important;
  border-bottom: 2px solid #999999 !important;
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
  width: 7px;
  height: 16px;
}

.dataTable [type="checkbox"] + label:before,
.dataTable [type="checkbox"]:not(.filled-in) + label:after {
  border: 2px solid #999999;
  height: 15px;
  width: 15px;
}

.hide-this {
  display: none !important;
}

.pagination li.active a {
  background-color: #f26927;
  border-radius: 5px;
}

.pagination > .active > a:hover {
  background-color: #f26927;
  border-color: #807d7d;
}

.modal-body.custom-body,
.card .custom-body,
.sidebar .menu .list a span,
.form-group .form-line .form-label {
  font-size: 14px !important;
}

.form-group .form-line.focused .form-label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #555 !important;
  z-index: 2;
}

.sidebar .menu .list i.material-icons {
  margin-top: 0px;
}

.table-responsive {
  min-height: 150px;
}

.custom-list .ng-busy-default-sign {
  top: 120px;
  border-top: 1px solid #d8d8d8 !important;
  border-radius: 4px !important;
  /* border-top-left-radius: 0;
     */
  /* border-top-right-radius: 0;
     */
}

.ng-busy-default-sign {
  top: 50%;
  border-top: 1px solid #d8d8d8 !important;
}

.dataTable [type="checkbox"]:not(:checked),
.dataTable [type="checkbox"]:checked {
  display: none;
}

.sidebar .menu .list a {
  float: left;
}

/* .selection.dropdown.multiple .message {
     display: none;
}
 */
body.swal2-shown {
  overflow-y: inherit !important;
  padding-right: 0px !important;
}

.chk-col-grey:focus + label,
.radio-col-grey:focus + label {
  /* background-color: #efeeee !important; */
  padding-right: 5px;
}

/* .btn:not(.btn-link):not(.btn-circle):focus {
  box-shadow: 0 9px 10px rgba(0, 0, 0, 0.16), 0 9px 10px rgba(0, 0, 0, 0.12);
} */

.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
  background: #efeeee !important;
}

/* .modal-dialog section.content {
     margin: 0px 0px 0 0px;
}
 .modal-dialog .col-lg-6 {
     width: 100%;
}
 */
.header h2 {
  padding-left: 8px !important;
}
.btnReset {
  margin-top: 17px;
}

.modal-header i {
  position: relative !important;
  top: 6px !important;
  display: inline-block !important;
}

.modal-header .modal-title {
  display: inline-block !important;
}

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

.tooltip.in {
  opacity: 1 !important;
}

.tooltip ul {
  padding-left: 0px;
  list-style: none;
  margin-bottom: 0px;
}

.tooltip ul li {
  text-align: left;
}

.tooltip .tooltip-inner {
  min-width: 50px;
  background-color: #fff;
  color: #898989;
  padding: 7px;
  font-family: "Nunito", Arial, Tahoma, sans-serif;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  left: 480px !important;
  border: 1px solid #999999;
  max-height: 150px !important;
  overflow-x: auto !important;
}

.popover {
  min-width: 300px !important;
  max-width: 900px !important;
  border-radius: 5px;
  padding: 0;
}

.popover .popover-content {
  padding: 10px;
  /* min-width: 300px !important; */
  min-width: 290px !important;
  max-width: 900px !important;
  background-color: #fff;
  color: #898989;
  font-family: "Nunito", Arial, Tahoma, sans-serif;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  border: 1px solid #999999;
}

.main-tooltip-section .tooltip .tooltip-inner {
  padding: 0px;
  min-width: 300px !important;
  max-width: 900px !important;
}

.main-tooltip-section .tooltip-section .tooltip .tooltip-inner {
  padding: 7px;
  min-width: 200px !important;
}

.tooltip .tooltip-inner tbody tr td:nth-child(1) {
  width: 40%;
  text-align: left;
}

.tooltip .tooltip-inner tbody tr td:nth-child(2) {
  width: 60%;
  text-align: left;
}

.tooltip .tooltip-arrow {
  border-bottom-color: #e9e9e9 !important;
  border-top-color: #e9e9e9 !important;
  color: #2196f3;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #999999 !important;
}

.btn-border {
  border: 1px solid #999999 !important;
}

/*.main-tooltip-section .modal-header .tooltip .tooltip-inner,.main-tooltip-section .dept-task-type-popup .tooltip .tooltip-inner {
    max-width: 75px !important;
    min-width: 0px !important;
    padding: 5px !important;
}
*/
/*.tooltip.left .tooltip-arrow{
     bottom: 0;
     left: 50%;
     margin-left: -5px;
     border-width: 5px 5px 0;
     border-top-color: #2196F3 !important;
}
 .tooltip-arrow {
     position: absolute;
     width: 0;
     height: 0;
     border-color: transparent;
     border-style: solid;
}
*/
.modal .modal-header {
  text-align: center;
  border: none;
  padding: 25px 25px 25px 25px;
  border-bottom: 1px solid #e0e0e0;
  /* margin-bottom: 13px; */
}

.modal-header .close {
  margin-top: 5px;
  opacity: 1 !important;
}

/* .modal .modal-header .modal-title {
  font-weight: normal !important;
  font-size: 18px !important;
} */
.no-border .table tbody tr td,
.table tbody tr th {
  border: 1px solid #e0e0e0 !important;
  padding: 4px 5px;
}

.table-tooltip {
  padding-top: 16px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding-bottom: 0px !important;
}

.hover-text {
  color: #555555;
  font-family: "Nunito", Arial, Tahoma, sans-serif;
  font-size: 12px;
  top: -7px !important;
}

/* top: -4px */
/* .image-box {
     position: relative;
     width: 150px;
     display: inline-block;
}
 .image-box:after {
     content: ' ';
     background-color: rgba(2, 2, 2, 0.45);
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     opacity: 0;
}
 .image-box p {
     position: absolute;
     top: 22%;
     left: 0;
     width: 100%;
     z-index: 999;
     height: auto;
     text-align: center;
     opacity: 0;
}
 .image-box:hover:after, .image-box:hover p {
     opacity: 1;
}
 .image-box .image-box-content span {
     color: #fff;
     font-size: 17px;
     text-align: center;
}
 .image-box .image-box-content a {
     font-size: 28px;
     border-radius: 50%;
     padding: 3px 15px;
}
 */
.bg-gray,
.bg-gray:hover {
  background-color: #e8e8e8 !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.image-box .image-box-content {
  margin-top: 6px;
  font-size: 14px;
}

.bg-color-grey {
  background: #f8f8f8 !important;
}

.no-records {
  color: #909090;
}

/* .dataTable tbody tr:nth-child(odd) {
  background-color: rgba(232, 232, 232, 0.58);
} */

.dataTable tbody tr:hover {
  /* background-color: #c8c3c3ed; */
  /* background-color: #f8f8f8; */
  background-color: #f0f0f0;
  /* box-shadow: rgba(0, 0, 0, 0.35) 5px 2px 15px; */
  /* position: relative; */
  /* z-index: 999; */
}

.crewplanning .dataTable tbody tr:hover {
  background-color: #c8c3c3ed;
  box-shadow: rgba(0, 0, 0, 0.35) 5px 2px 15px;
  position: relative;
  z-index: 999;
}

.remove-title-hover {
  background-color: rgba(232, 232, 232, 0.8) !important;
}

.preloader {
  width: 150px;
  height: 150px;
}

.center-img-layer {
  position: relative;
  top: 0;
  left: 0;
}

.dataTable thead .action-layer,
.dataTable tbody .action-layer {
  display: none;
}

.dataTable tbody tr:hover .cursor-pointer {
  opacity: 0.2 !important;
}

.dataTable tbody tr:hover .action-layer {
  display: block;
  position: absolute;
  left: 46px;
  text-align: center;
  width: 93%;
}

.custom-list.body.emp-list {
  padding: 0px;
}

.loader-image {
  color: #fff;
  font-weight: 300;
  font-size: 45px;
  position: absolute;
  top: calc(50% - 65px);
  top: -webkit-calc(50% - 65px);
  left: calc(50% - 48px);
  left: -webkit-calc(50% - 48px);
  /* top: calc(50% - 105px);
     top: -webkit-calc(50% - 105px);
     left: calc(50% - 160px);
     left: -webkit-calc(50% - 160px);
     */
  oapcity: 1;
  -webkit-animation: fade-in-out 2.5s infinite;
  -moz-animation: fade-in-out 2.5s infinite;
  -o-animation: fade-in-out 2.5s infinite;
  animation: fade-in-out 2.5s infinite;
}

/*FADE IN-OUT*/
@-webkit-keyframes fade-in-out {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    oapcity: 1;
  }
}

@-moz-keyframes fade-in-out {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    oapcity: 1;
  }
}

@-o-keyframes fade-in-out {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    oapcity: 1;
  }
}

@keyframes fade-in-out {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    oapcity: 1;
  }
}

.file-droppa-container .file-droppa-btns {
  display: none !important;
}

.stepsSection .file_dropZone_internal {
  width: 95% !important;
  height: 250px !important;
  display: inline-block !important;
  line-height: 205px !important;

  /* margin-top: 35px; */
}

.file_dropZone_internal {
  width: 100% !important;
  height: 100px !important;
  display: inline-block !important;
  line-height: 75px;
}

.file-droppa-container {
  width: 100% !important;
}

.file_dropZone_internal:hover,
.file_dropZone_internal.over {
  background-color: rgb(233, 233, 233);
}

.mce-branding {
  display: none !important;
}

.ui.selection.dropdown {
  min-height: 0px !important;
  /* height: 35px !important;
     */
  padding: 3px 6px !important;
}

.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon,
.ui.selection.dropdown > .search.icon {
  top: 6px !important;
}

.ui.multiple.search.dropdown > .text {
  padding: 4px !important;
}

.single-drop .default.text {
  padding: 6px 0 0 0;
}

sui-select.selection.single-drop.ui.dropdown .text {
  padding: 6px 9px 3px;
}

sui-multi-select.selection.multi-drop.ui.dropdown.search.multiple.ng-valid.ng-dirty.ng-touched {
  height: auto !important;
  padding: 0 6px !important;
}

.multi-drop .text.default {
  display: none;
  padding: 0 !important;
  line-height: 13px !important;
}

.preview-image-size {
  width: 65px !important;
  height: 65px !important;
}

.thumbnail-image-size {
  width: 150px !important;
  height: 150px !important;
}

.medium-image-size {
  width: 300px !important;
  height: 300px !important;
}

.large-image-size {
  width: 1024px !important;
  height: 1024px !important;
}

/*tag-input*/
.tag-wrapper {
  font-family: "Nunito", Arial, Tahoma, sans-serif !important;
  font-size: 14px !important;
}

.ng2-tag-input {
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  height: 35px !important;
  font-family: "Nunito", Arial, Tahoma, sans-serif !important;
  font-size: 14px !important;
}

.ng2-tag-input.ng2-tag-input--focused {
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  height: 35px !important;
  font-family: "Nunito", Arial, Tahoma, sans-serif !important;
  font-size: 14px !important;
}

.custom-tag input {
  line-height: inherit !important;
  height: auto !important;
  padding: 3px 0 0 10px !important;
  background: none !important;
}

.custom-tag .ng-tns-c7-0.ng2-tag-input {
  padding: 0;
}

.custom-tag .tag__text.inline {
  font-size: 14px !important;
  line-height: 29px !important;
  letter-spacing: 0 !important;
}

.custom-tag tag {
  margin: 3px 0 0 4px !important;
  padding: 0 10px !important;
  height: 27px !important;
  line-height: 34px !important;
}

.custom-tag delete-icon svg,
.custom-tag delete-icon:hover svg {
  vertical-align: top !important;
  height: 29px !important;
}

.custom-tag delete-icon:hover {
  transform: inherit !important;
}

/*tag-input*/
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #999999 !important;
}

.custom-tag tag:active,
.custom-tag tag:focus,
.custom-tag tag:hover {
  background: #efefef !important;
  color: #444 !important;
}

.custom-tag tag:active path,
.custom-tag tag:focus path,
.custom-tag tag:hover path {
  fill: #444 !important;
}

.custom-tag .ng2-tag-input__text-input,
.ng2-dropdown-menu__options-container {
  font-family: "Nunito", sans-serif !important;
}

.ng2-menu-item {
  font-family: "Nunito", sans-serif !important;
}

.ng-sidebar--opened.ng-sidebar--over {
  box-shadow: 0 0 2.5em rgba(85, 85, 85, 0.5);
}

.sidebar-window {
  font-family: "Nunito", sans-serif !important;
  background: #fdfdfd;
  min-height: 100vh;
  overflow: hidden;
  width: 500px !important;
}

.sidebar-window.project-sidebar {
  width: 280px !important;
}

.login-box .card {
  background: none;
  box-shadow: none;
}

.login-box .card i {
  color: #333 !important;
}

.login-box .card input {
  background: none;
  color: #333;
  border-bottom: 1px solid #908f8f;
}

.login-box .card input.superadmin {
  background: none;
  color: #333;
  /* border-bottom: 1px solid #03A9F4;
     */
}

.login-box::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #333 !important;
}

.login-box label {
  color: #333;
}

.login-box label:after {
  border: 2px solid #333 !important;
}

.login-box .filled-in:checked.chk-col-pink + label:after {
  background: #fff;
}

.login-box button {
  opacity: 1 !important;
  color: #fff;
  background: #908f8f;
}

.login-box button:hover {
  opacity: 1 !important;
  color: #fff;
  background: #6f6d6d;
}

.login-box button:focus {
  opacity: 1 !important;
  color: #fff;
  background: #6f6d6d;
}

.login-left {
  width: 70%;
  float: left;
  height: 100%;
}

.login-left img {
  height: 100%;
  width: 100%;
}

.sidebar-window .card {
  margin-bottom: 0px !important;
  height: 100%;
  box-shadow: none !important;
}

.daterangepicker.dropdown-menu {
  /* z-index: 999999999999999999 !important; */
}

@media (min-width: 564px) {
  .daterangepicker {
    width: max-content !important;
  }
}

.sidebar-window .header .alert {
  padding: 5px !important;
}

/* float: right !important;
 padding-right: 0px !important;
 */
.sidebar-window .alert.btn {
  margin: 0 10px 0 0 !important;
}

.sidebar-window .alert.btn-lg {
  padding: 10px 16px !important;
}

/* .ng-sidebar.ng-sidebar--closed {
     transition: opacity 1s ease-out;
     opacity: 0;
     height: 0;
     overflow: hidden;
}
 .ng-sidebar.ng-sidebar--opened {
     opacity: 1;
     height: auto;
}
 */
.cancel-btn {
  padding: 6px 9px 5px 9px;
  color: #cbcbcb;
}

.delete-btn {
  padding: 3px 9px 5px 9px;
}

.alert.error-alert {
  text-align: left;
  display: flex;
}

.alert.error-alert span {
  padding: 3px 0px 0px 5px;
}

.alert-message-section {
  text-align: center;
  /*margin: 23px 0px;
    */
  font-size: 19px !important;
  color: #555;
  padding: 20px;
}

.messgae-mode {
  opacity: 1;
  height: auto;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

.messgae-mode.mode-hidden {
  opacity: 0;
  height: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

/* .sidewindow-mode{
     transition: all .35s;
}
 .sidewindow-mode.sidewindow-mode-hidden {
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
}
 */
.custom-body .form-group .form-control.custom-tag {
  padding: 0 !important;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #999999 !important;
}

.card .body .col-xs-6,
.card .body .col-sm-6,
.card .body .col-md-6,
.card .body .col-lg-6,
.card .body .col-xs-12,
.card .body .col-sm-12,
.card .body .col-md-12,
.card .body .col-lg-12 {
  margin-bottom: 0px;
}

.ng-sidebar--animate.ng-sidebar--opened .as {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.8, 1) !important;
  transition: transform 0.8s cubic-bezier(0, 0, 0.8, 1) !important;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.login-page {
  background-color: #fff;
  font-family: "Nunito", sans-serif !important;
}

.login-page .login-box .logo a,
.login-box .card i,
.login-page .login-box .msg,
.login-box .card input,
.login-box label,
.login-page .login-box a {
  color: #908f8f !important;
}

.login-page .login-box {
  margin: 10% auto;
}

.input-group label.error {
  color: #f44336 !important;
  font-size: 14px;
}

.login-page [type="checkbox"].filled-in:checked + label:before {
  border-right: 2px solid #333 !important;
  border-bottom: 2px solid #333 !important;
}

.login-page .form-control {
  font-size: 14px !important;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "Nunito", sans-serif !important;
}

/*ng2-dnd*/
.dnd-drag-start {
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.7;
  border: 2px dashed #000;
}

.dnd-drag-enter {
  opacity: 0.7;
  border: 2px dashed #000;
}

.dnd-drag-over {
  border: 2px dashed #000;
}

.dnd-sortable-drag {
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0.7;
  border: 1px dashed #000;
}

.ng-sidebar {
  overflow-y: scroll !important;
  border-radius: 5px;
}

/* .ng-sidebar {
  z-index: 999 !important;
} */

.ng-sidebar__backdrop {
  z-index: 1060 !important;
}

.side-header-fix .header {
  /* position: sticky;
  width: 100%;
  top: 0;
  height: 50px;
  z-index: 8;
  background: #fff;
  text-align: center; */
  position: fixed;
  width: -webkit-fill-available;
  top: 0;
  /* height: 50px; */
  height: 46px;
  z-index: 8;
  background: #fff;
  /* text-align: center; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.side-header-fix .header h2 ,
.side-header-fix .header .close {
  margin: 0px !important;
  padding: 0px !important;
  display: flex;
  align-items: center;
}

.sidebar-footer {
  position: fixed;
  bottom: 0;
  width: -webkit-fill-available;
  /* height: 94px; */
  height: 60px;
  background: white;
  /* margin-left: -15px; */
  /* padding: 20px; */
  padding: 12px 16px;
  border-top: 1px solid #e0e0e0;
  z-index: 1;
}

.side-header-fix .body.custom-body,
.side-header-fix .alert-message-section {
  margin-bottom: 74px;
  /* margin-top: 74px; */
}

.side-header-fix .devider {
  /* margin-top: 74px; */
  margin-top: 46px;
}

.card .header h2 {
  /* position: absolute !important;
     left: 60px !important;
     top: 27px !important;
     */
  margin-top: 6px;
}

.dropdown-menu > li > a i.material-icons {
  top: 0px !important;
  margin-top: 0px !important;
}

.panel-group .panel .panel-heading a:hover {
  color: #f26927;
}
.panel-group .panel .panel-heading a:hover .tabSelectAllbox {
  color: #333333;
}
.navbar-nav > li > a.herder-icon-link {
  display: flex;
}

.navbar-nav > li > a.herder-icon-link i {
  margin-right: 5px;
}

.navbar-nav > li > a.herder-icon-link span {
  margin-top: 2px;
}

.table.dataTable .btn-add-more {
  margin-bottom: 0;
  width: 100%;
  line-height: 1.8;
  /* border-radius: 0;
     */
}

.alert-message-section .alert {
  font-size: 16px;
}

.alert-danger {
  background-color: #ff6666 !important;
  color: #fff;
}

.profile-pic {
  /* margin-right: 5px; */
}

.sidebar-window .table-responsive {
  min-height: 0px !important;
}

a.js-right-sidebar,
a:hover.js-right-sidebar,
a:focus.js-right-sidebar {
  color: #fff;
}

.sidebar2,
.ng-sidebar {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

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

.sidebar2 .card .header {
  padding: 22px 16px 20px 16px;
  /* padding: 35px 16px 20px 16px;
     */
}

.sidebar .list li {
  height: auto;
  display: inline-block;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}

.sidebar .list li i:hover {
  color: #000;
}

/* .sidebar .list .active{
     border-left: 3px solid #fff;
}
 */
/* .sidebar .list .active i {
     color: #fff !important;
}
 */
.footer-full-width {
  width: 100%;
}

header .dropdown-menu .header {
  min-width: 200px;
}

header .dropdown-menu .header i.user-icon,
project-header .dropdown-menu .header i.user-icon {
  font-size: 74px;
}

/* .sidebar .tooltip.in {
     top: 24px !important;
}
 */
.panel-title {
  font-size: 14px;
}

.sidebar-window .sidebar-back-btn {
  position: absolute;
  left: 20px;
}

i.fa.fa-theme {
  width: 24px;
  font-size: 20px;
  text-align: center;
  margin-top: 1px;
}

.menu > ul li span {
  display: none;
}

.menu > ul li:hover span {
  display: block;
}

.menu > ul li:hover {
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.show-projects {
  margin-top: 10px;
}

.list-datatable.table tbody tr td {
  font-weight: bold;
  height: 30px;
}

/*.list-datatable.table tbody tr td:nth-child(1) {
     font-weight: bold;
}
*/
/*project-header aside.ng-sidebar.ng-sidebar--opened.ng-sidebar--right.ng-sidebar--over.ng-sidebar--animate {
     overflow: hidden !important;
}
 */
.project-sidebar .body {
  padding: 0px !important;
}

/*project-header .navbar {
     background-color: #ff9800 !important;
}
*/
.sidebar-right-boader .slimScrollDiv,
.sidebar-right-boader ul.list {
  overflow: inherit !important;
}

nav.navbar.project-navbar .navbar-header {
  padding: 0;
  width: 5%;
}

nav.navbar.project-navbar .navbar-header ul li a {
  padding-left: 0;
  padding-top: 14px;
}

nav.navbar.project-navbar .navbar-header ul {
  float: left !important;
}

.project-navbar .navbar-header-center div.div-navbar-brand {
  text-align: center;
  float: none;
  display: inline-block;
  margin-top: 5px;
  padding-bottom: 4px;
  margin-left: -25px;
}

.project-navbar div#navbar-collapse {
  width: 65%;
  float: right;
}

.project-navbar .navbar-header-center {
  width: 30%;
  display: inline-block;
  text-align: left;
}

.project-navbar a.navbar-brand.project-image {
  padding: 12px 10px 0 !important;
}

.project-navbar a.navbar-brand,
.navbar a.navbar-brand {
  /* padding: 0px !important;
  background: #fff;
  border-radius: 100px;
  margin: 3px 0 0 0;
  width: 44px;
  height: 44px !important; */
}

.project-image {
  /*padding: 10px 10px;
     text-align: center;
    */
}

.project-navbar a.navbar-brand img,
.navbar a.navbar-brand img {
  width: 40px;
  height: 40px;
  border-radius: 100px !important;
  border: 2px solid #ff9800;
  margin: 2px auto;
}

.project-text {
  padding: 2px 0 0 0;
  display: inline-block;
}

.project-image img {
  border-radius: 50%;
}

.po-r-0 {
  right: 0 !important;
}

.demo-choose-skin {
  list-style: none;
  padding-left: 0;
  overflow-y: hidden;
}

.demo-choose-skin li {
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 10px 4px 10px;
  position: relative;
  cursor: pointer;
}

.demo-choose-skin li.active {
  background-color: #eee;
}

.demo-choose-skin li.active:after {
  font-family: "Material Icons";
  position: absolute;
  top: 10px;
  right: 10px;
  content: "\E876";
  font-size: 18px;
  font-weight: bold;
}

.demo-choose-skin li:hover {
  background-color: #eee;
}

.demo-choose-skin li div {
  width: 24px;
  height: 24px;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.demo-choose-skin li span {
  position: relative;
  bottom: 7px;
  left: 5px;
}

.image-icon,
.image-small-thumbnail,
.image-thumbnail,
.image-medium {
  border-radius: 5px !important;
}

.image-small-thumbnail {
  width: 36px;
  height: 36px;
}

.image-icon {
  width: 24px;
  height: 24px;
}

.powered-by {
  position: absolute;
  right: 35px;
  bottom: 15px;
}

.powered-by b,
.powered-by span {
  font-size: 10px;
}

.simple-list.demo-choose-skin li.active:after {
  display: none;
}

.sidebar.sidebar2 + section.content {
  margin: 0px 0px 0 300px !important;
  position: relative;
  top: 65px;
}

.show-sidebar {
  transition: 0.8s;
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 99999999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

/* .dragula-parent li:hover {
     cursor: -webkit-grab !important;
}
 */
.dragula-parent li:hover,
.dragula-parent tbody tr td:hover {
  cursor: move !important;
}

.dragula-with-handle li:hover,
.dragula-with-handle tbody tr td:hover {
  cursor: default !important;
}

.right-sidebar p {
  margin: 20px 15px 15px 15px;
  font-weight: bold;
  text-align: center;
}

.right-sidebar #other .project-desc {
  list-style: none;
  padding-left: 0;
  margin-bottom: 20px;
}

.right-sidebar #other .project-desc li {
  padding: 15px;
  position: relative;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.project-desc-team {
  list-style: none;
  position: relative;
  padding: 15px;
  border-top: 2px solid #e0e0e0;
}

.project-desc-team li {
  margin-bottom: 10px;
}

.horizontal-scroll-card {
  overflow-x: auto;
  white-space: nowrap;
}

.phase-section .horizontal-scroll {
  display: inline-block;
  float: none;
  vertical-align: top;
}

/* .phase-section .horizontal-scroll .popover {
     position: relative;
     z-index: 9999999999;
}
 */
.list-group-item.other-dept {
  display: none;
}

.phase-section .btn-phase-new {
  background-color: #f1f1f1 !important;
  font-weight: 700;
}

.phase-section .card .header,
.task-section .card .header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
}

.phase-section .card .body,
.task-section .card .body {
  padding: 0px;
}

.phase-section .card .body .dragula-parent {
  margin-bottom: 0px;
  list-style: none;
}

.phase-section .card .body .dragula-parent .list-group-item:last-child {
  border-bottom: none;
}

.phase-section .card .body li.list-group-item .icon-button-demo,
.phase-section .card .header .icon-button-demo {
  display: none;
}

.phase-section .card .body li.list-group-item:hover .icon-button-demo {
  display: block;
  position: absolute;
  top: 0;
  margin: 7px 32px;
}

.phase-section .card .body li.list-group-item.gu-transit .icon-button-demo {
  display: none;
}

/* .phase-section .card .body li.list-group-item:hover:before {
     content: '';
     background-color: #ffffffd1;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
}
 */
.phase-section .card .header .dataTable .action-btn i {
  color: #999999 !important;
}

.phase-section .card .header .dataTable .action-btn.btn-danger-light i {
  color: #fff !important;
}

.phase-section .card .header:hover .icon-button-demo {
  display: block;
  position: absolute;
  top: 0;
  margin: 4px 34px;
}

.phase-section .card .header:hover:before {
  content: "";
  background-color: #ffffff85;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.phase-section .add-phases-box {
  padding: 19px 36%;
  border: 3px dotted #ccc;
  color: #ccc;
  border-radius: 5px;
  cursor: pointer;
}

.phase-section.project-phase-section .dragula-parent li.list-group-item {
  display: none;
  /* opacity: 0.4 */
}

.phase-section.project-phase-section
  .dragula-parent
  li.list-group-item.selected {
  display: block !important;
  /* opacity: 0.4 */
}

.phase-section.project-phase-section.project-phase-edit
  .dragula-parent
  li.list-group-item {
  display: block !important;
  /* opacity: 0.4 */
}

.phase-section.project-phase-section
  .dragula-parent
  li.list-group-item
  [type="checkbox"]
  + label {
  padding-left: 0 !important;
}

.phase-section.project-phase-section.project-phase-edit
  .dragula-parent
  li.list-group-item
  [type="checkbox"]
  + label {
  padding-left: 26px !important;
}

.phase-section.project-phase-section
  .dragula-parent
  li.list-group-item
  [type="checkbox"]:checked
  + label:before {
  display: none !important;
}

.phase-section.project-phase-section.project-phase-edit
  .dragula-parent
  li.list-group-item
  [type="checkbox"]:checked
  + label:before {
  display: block !important;
}

.project-code {
  display: inline-block;
  padding: 7px 7px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  border-radius: 0;
  border-radius: 5px !important;
  text-transform: uppercase;
  min-width: 30px;
  text-align: center;
  font-weight: 600;
}

span.project-code {
  top: -5px;
}

.header-icon {
  width: 41px !important;
  float: left;
  top: -2px;
  position: relative;
  border-radius: 5px;
}

.demo-choose-skin li .project-name {
  position: relative;
  bottom: 3px;
  left: 5px;
}

.project-grid {
  padding: 0px !important;
}

.list-links a.list-group-item i {
  width: 30px;
  vertical-align: middle;
  color: #999999;
}

.list-links a.list-group-item span {
  vertical-align: bottom;
}

.list-links .active {
  background-color: #eee !important;
  color: #333333 !important;
  border-color: #e0e0e0 !important;
}

.settings-clearfix {
  margin-top: 11px;
}

.r-before:before {
  content: none !important;
}

.breadcrumb > li {
  font-size: 17px;
}

.breadcrumb li a .material-icons {
  font-size: 22px;
}

.breadcrumb-menu li a {
  padding-left: 5px;
}

.slick-prev,
.slick-next {
  position: absolute !important;
  top: 30% !important;
  color: transparent;
}

.slick-prev {
  transform: translateX(-10px) !important;
}

.slick-next {
  transform: translateX(10px) !important;
}

.slick-prev.slick-arrow,
.slick-prev.slick-arrow:hover,
.slick-prev.slick-arrow:focus,
.slick-next.slick-arrow,
.slick-next.slick-arrow:hover,
.slick-next.slick-arrow:focus {
  background: transparent !important;
  border: 0px solid !important;
}

/*.material-icons {
     font-family: 'Material Icons';
     font-weight: normal;
     font-style: normal;
     font-size: 22px ;
     line-height: 1;
     letter-spacing: normal;
     text-transform: none;
     display: inline-block;
     white-space: nowrap;
     word-wrap: normal;
     direction: ltr;
     -webkit-font-feature-settings: 'liga';
     -webkit-font-smoothing: antialiased;
}
*/
li.header-user-profile a {
  /* padding: 14px 11px 14px 3px; */
}

li.header-user-profile {
  background: #3333331f;
  margin: 0 0 0 10px;
}

.nav.navbar-nav > li:hover,
.nav.navbar-nav li.active {
  background: #3333331f;
}

.superadmin-header.nav.navbar-nav > li:hover,
.superadmin-header.nav.navbar-nav li.active {
  background: #ffffff47;
}

.pagination {
  margin: 0px !important;
}

.checkbox-label:before {
  margin-top: 1px !important;
}

.notifications {
  display: block !important;
  z-index: 9 !important;
  top: 30px !important;
  left: 15px !important;
  width: 100%;
  border-radius: 5px;
}

.notifications > ul.menu {
  list-style-type: none !important;
}

.notifications > ul.menu .icon-circle {
  float: left !important;
  margin: 4px 0 0 0 !important;
}

.notifications > ul.menu li p i {
  float: left;
  font-size: 12px !important;
}

.notifications > ul.menu li p span {
  float: left;
  margin: 2px 0 0 3px;
}

.created-infom {
  font-style: italic;
  padding-top: 7px;
  font-size: 12px;
  color: #999999;
  position: absolute;
  right: 10px;
  top: 0;
}

.navbar-header-center .navbar-brand1 {
  padding: 15px 0px 15px 10px !important;
  display: inline-block;
  color: #fff;
  font-size: 20px;
}

.navbar-brand2 {
  padding: 21px 0px 0px 13px !important;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  text-decoration: none !important;
  font-weight: 700;
}

.navbar-brand2:hover,
.navbar-brand2:focus {
  color: #fff;
}

.dataTable.table thead tr th {
  cursor: pointer;
}

.menu.tasks li a span {
  position: relative;
  top: -6px;
  left: 7px;
}

.card .header .breadcrumb {
  margin-bottom: 0px;
}

.ui-autocomplete .ui-autocomplete-dropdown {
  height: 32px !important;
}

.form-group .ui-autocomplete .ui-autocomplete-dropdown,
.form-group ng-multiselect-dropdown .dropdown-btn
{
  min-height: 36px !important;
}

.form-group ng-multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
  min-height: 34px;
}

.multiSelectFilter .ui-autocomplete .ui-autocomplete-dropdown {
  height: 34px !important;
}

/* task-detail multiple retake => search departments  */
.multiDepartmentSearchBox .ui-autocomplete .ui-button-icon-only {
  height: 100% !important;
}

.dataTable tbody tr td div.column-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dataTable .filter-dropdown {
  overflow: inherit !important;
}

.daterangepicker .daterangepicker_input i {
  display: none;
}

/* .dataTable .filter-dropdown .menu.transition {
     width: 250px !important;
}
 */
/* .editableDataTable tbody tr:nth-child(odd) {
     background-color: #fff;
}
 */
.editableDataTable tbody tr td div.column-label {
  display: inline;
}

.editableDataTable tbody tr:hover {
  /* background-color: #c8c3c3ed; */
  /* box-shadow: rgba(0, 0, 0, 0.35) 5px 2px 15px; */
  /* z-index: 1; */
  /* background-color: #f8f8f8 !important; */
  background-color: #f0f0f0 !important;
  position: relative;
}

.shot-table-rows tbody tr:hover {
  z-index: 999 !important;
}

.editableDataTable tbody tr:hover .cursor-pointer,
.userDatatable tbody tr:hover .cursor-pointer {
  opacity: 1 !important;
}

.editableDataTable .column-input {
  display: none;
  margin-bottom: 0;
}

.editableDataTable .column-input .form-control {
  height: 18px;
  padding: 1px 1px !important;
}

.editableDataTable tbody tr td.active .column-input,
.editableDataTable tbody tr td.editor-td:hover .editor-icon {
  display: block;
}

.dataTable tbody tr td.editor-td.active .editor-icon {
  display: none;
}

.dataTable tbody tr td.editor-td .material-icons {
  display: inline;
}

.editableDataTable tbody tr td.editor-td .form-group .form-line {
  width: 100%;
  /* width: 88%;
     */
}

.editableDataTable tbody tr td.active .column-label,
.editableDataTable tbody tr td.editor-td .editor-icon {
  display: none;
}

.editableDataTable tbody tr td.editor-td .editor-icon i {
  font-size: 12px !important;
  color: #bbb !important;
}

.editableDataTable tbody tr td.editor-td:hover {
  background-color: #fff2dd;
}

.editableDataTable tbody tr td.active {
  padding: 4px 9px;
}

.editableDataTable .ui.selection.dropdown {
  height: 25px !important;
}

.editableDataTable sui-select .text {
  padding: 4px 9px 3px !important;
}

.editableDataTable .ui.selection.dropdown > .delete.icon,
.editableDataTable .ui.selection.dropdown > .dropdown.icon,
.editableDataTable .ui.selection.dropdown > .search.icon {
  top: 4px !important;
}

.editableDataTable tbody tr.data-tr td.editor-td .ui-autocomplete {
  height: 20px !important;
}

.editableDataTable tbody tr.data-tr td.editor-td .ui-autocomplete .ui-inputtext,
.editableDataTable
  tbody
  tr.data-tr
  td.editor-td
  .ui-autocomplete
  .ui-autocomplete-multiple-container,
.editableDataTable tbody tr.data-tr td.editor-td .ui-autocomplete-dropdown {
  height: 21px !important;
  font-size: 12px;
}

.edit-icon:hover {
  cursor: pointer;
}

/*.main-tooltip-section .popover {
    top:0px !important;
}
*/
.main-tooltip-section .tooltip-inner .modal-body,
.main-tooltip-section .popover-content .modal-body {
  text-align: left;
  margin: 10px !important;
  padding-top: 9px !important;
}

.main-tooltip-section .tooltip-inner .modal-header,
.main-tooltip-section .popover-content .modal-header {
  padding: 5px 3px;
  text-align: center;
}

.main-tooltip-section .form-group {
  margin-bottom: 10px;
}

.sidebar-window .sidebar-list tbody tr td {
  height: 30px;
  padding: 3px 9px;
  cursor: auto;
}

.sidebar-window .sidebar-list tr,
.sidebar-window .sidebar-list tr:hover {
  background: #fff;
}

.color-box {
  width: 30px !important;
  height: 25px;
  cursor: pointer;
  border-radius: 5px !important;
}

.item-count {
  font-weight: normal !important;
  opacity: 0.4 !important;
}

.dataTable .default-tag {
  padding: 1px 7px;
  margin: 0px 4px;
}

.btn-danger-light.btn-block {
  border: 1px solid #ff6666 !important;
}

.disabled-code:disabled {
  background: #e9e9e9;
  padding-left: 10px !important;
}

ul.sidebar-tabs li {
  width: 50%;
  padding: 0 0 0 0;
}

ul.nav.nav-tabs.tab-nav-right.sidebar-tabs {
  float: left;
  width: 100%;
  margin: 0 0 22px 0;
}

.expire {
  font-weight: 700;
  color: #ff6666;
}

.expire-warning {
  font-weight: 700;
  color: #ff9800;
}

/* .phase-popover-section .popover {
     top: -1px !important;
}
 .phase-popover-section .popover-arrow.arrow {
     top: 28px !important;
}
 */
.borader-radius-none {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
}

.card-inside-heading {
  /* background: #e9e9e9; */
  background: #f8f8f8;
  /* text-align: center; */
  padding: 10px 16px;
  /* margin: 0 0 22px 0; */
  margin: 0 0 16px 0;
  font-size: 14px;
  font-weight: 700;
  height: 39px;
}

.bo-b-0 {
  border-bottom: none !important;
}

.user-exp-col {
  background-color: #0404040d;
}

.user-exit-col {
  background-color: #03a9f40f;
}

.icon-color-red,
.filter-activated {
  color: #ff6666 !important;
}

.icon-color-green {
  color: #2b982b !important;
}

.icon-color-light-green {
  color: #a5d6a8 !important;
}

.icon-color-yellow {
  color: #ff9600 !important;
}

.icon-color-orange {
  color: #ff9600 !important;
}

.icon-color-blue,
.icon-color-in-bidding {
  color: #03a9f4 !important;
}

.icon-color-purple {
  color: #9c27b0 !important;
}

.icon-color-light-grey,
.icon-color-cancelled {
  color: #bbb !important;
}

.label-grey {
  background-color: #666;
}

.label-lighter-grey {
  background-color: #ccc;
}

.label-medium-grey {
  background-color: #999;
}

.label-light-grey,
.col-light-grey {
  background-color: #bbb;
}

.action-panel {
  margin-top: 20px;
  padding: 9px;
  background: #e9e9e9;
}

.btn-danger-light.btn-user-delete {
  background-color: #cccccc !important;
}

.btn-danger-light.btn-user-delete:hover {
  background-color: #ff6666 !important;
}

/* .icon-name {
     position: relative;
     top: -5px;
     left: 0px;
}
 */
.task-buttons .btn {
  font-size: 12px !important;
}

.version-icon {
  background: #808080;
  color: #fff;
  border-radius: 50%;
  padding: 2px;
  height: 20px;
  width: 20px;
  text-align: center;
  vertical-align: middle;
}

.form-group.form-group-sm.multi-select input {
  margin: 0 !important;
  padding: 2px !important;
  line-height: 0 !important;
}

.form-group.form-group-sm.multi-select .text.default {
  line-height: 12px !important;
  padding: 3px 9px 3px !important;
}

.messgae-mode.body.custom-body {
  /* padding: 30px 15px 30px 15px; */
  /* padding: 30px 0px; */
  padding: 0px;
}

.search-results {
  height: 96vh;
  clear: both;
  position: relative;
}

.dataTable .btn-user-delete {
  /* width: 9px !important;
     */
  width: auto !important;
  height: 21px !important;
  margin-bottom: 0px !important;
  margin-top: -1px !important;
  padding: 0px 11px;
  border-radius: 5px !important;
  background: none;
  margin-left: 5px;
  margin-right: 5px;
}

.dataTable .btn-danger-light.btn-user-delete:hover {
  height: 22px !important;
}

.dataTable .delete-btn-action .icon-button-demo {
  overflow: inherit;
}

.dataTable .delete-btn-action .action-btn i {
  top: 2px !important;
}

.dataTable span input.form-control:focus {
  border-color: #f26927c7 !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.saved-btn img {
  vertical-align: sub;
}

.dataTable .action-btn-2 {
  background-color: #fff !important;
  border: 1px solid #03a9f4 !important;
}

.po-t-65 .ng-sidebar {
  top: 65px !important;
}

.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  opacity: 1 !important;
  border: none !important;
  cursor: not-allowed !important;
  background: #e9e9e9 !important;
}

.disabled.ui.selection.dropdown > .dropdown.icon {
  display: none !important;
}

.dataTable.table thead tr th i.sort-icons {
  font-size: 15px;
}

/* .dataTable.table thead tr th:hover i.sort-icons {
     display: block;
}
 */
.dataTable.table tbody tr td .image-icon {
  width: 20px;
  height: 17px;
  /*margin: 0 15px;*/
}

.daterangepicker.ltr {
  /* margin: 0 0 0 0 !important; */
  margin-top: -15px !important;
}

.sidebar-window .card.side-header-fix .close-btn {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.sidebar-window .card.side-header-fix .close-btn:hover {
  color: #000;
}

/* .ui-autocomplete,
.form-group .ui-autocomplete-input {
  width: 100% !important;
} */
.ui-autocomplete-multiple-container {
  /* width: 100% !important;
  height: auto !important;
  display: block !important; */
}

.ui-inputtext {
  /* padding: 8px 7px 8px 7px !important; */
  /* height: 30px; */
  min-height: 32px !important;
}

.form-group .ui-inputtext {
  /* padding: 8px 7px 8px 7px !important; */
  /* height: 30px; */
  min-height: 36px !important;
}

.ui-autocomplete-dd {
  width: 100% !important;
}

.ui-autocomplete-multiple-container {
  width: calc(100% - 33px) !important;
  padding: 0px !important;
  padding: 0.129em !important;
}

.ui-autocomplete-input {
  width: calc(100% - 33px) !important;
}

.ui-autocomplete-panel .ui-autocomplete-list {
  font-family: "Nunito", Arial, Tahoma, sans-serif !important;
}

p-autocomplete .ui-state-highlight {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}

.ui-autocomplete-items li.ui-autocomplete-list-item.ui-corner-all {
  padding: 7px 4px !important;
}

.ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all {
  padding: 1.5px;
}

.ui-widget.ui-button,
.ui-button {
  background-color: #fff !important;
  /* border: 1px solid #999999 !important; */
  border: 1px solid #e0e0e0 !important;
  border-left: 0 !important;
}

.ui-button-icon-left {
  color: rgba(153, 153, 153, 1) !important;
}

.ui-inputtext:enabled:focus:not(.ui-state-error) {
  border-color: rgba(153, 153, 153, 1) !important;
}

.dataTable .ui-button-icon-only .fa {
  top: 51% !important;
}

/* .ui-widget.ui-button,
.ui-button {
  border: 1px solid #ccc !important;
  background: #ffffff !important;
  color: #999 !important;
  border-left: 0px !important;
} */
p-autocomplete .ui-widget:disabled {
  opacity: 1 !important;
  cursor: default !important;
  background: #e9e9e9 !important;
}

.p-auto-multiple ul {
  padding: 2px 4px !important;
}

span.form-control.p-auto-multiple {
  padding: 0px 0px 0px 0px !important;
}

.p-auto-multiple .ui-autocomplete-loader {
  top: 55%;
  margin-top: 0 !important;
}

p-growl .toast {
  z-index: 9999999999 !important;
  opacity: 2.192;
  width: auto;
}

p-growl .toast .ui-state-highlight {
  background: #dddddd;
}

.ui-growl {
  top: 0px !important;
}

.ui-growl-item-container.ui-state-highlight.ui-growl-message-warn {
  background-color: #f44336 !important;
  border-color: #f44336 !important;
}

/*.ui-growl-image {
     top:18px !important;
}
*/
.ui-growl-item-container {
  /* padding: 10px 10px 10px 10px !important ; */
}

.transfer tbody td {
  font-size: 12px !important;
  padding: 15px 6px !important;
}

/*.remove-title-hover th:hover,.remove-title-hover tr:hover {
     background: none !important;
}
*/
.mode tbody td {
  text-transform: capitalize !important;
}

.ui-growl-image {
  /* padding: 5px 5px 5px 0px !important; */
  /* top: 10px !important; */
}

.ui-growl-message-success .ui-growl-image {
  top: 7px !important;
}

.dataTable .icon-column-width,
.dataTable .icon-column-width span,
.dataTable .icon-column-width i {
  width: 50px !important;
  padding: 0px;
  text-align: center;
}

.dataTable .action-layer-td .icon-button-demo span,
.dataTable .action-layer-td .icon-button-demo i {
  width: auto !important;
}

.table-other [type="checkbox"] + label {
  margin-right: 12px;
}

/* .icon-column-width, .icon-column-width span, .icon-column-width i {
     width: 50px !important;
     padding: 2px 0px !important;
}
 */
td.cursor-pointer.italic i {
  font-weight: normal;
  opacity: 0.4 !important;
}

.btn-a,
.btn-a:hover,
.btn-a:focus {
  background-color: transparent !important;
  border: 0px solid transparent !important;
  box-shadow: none !important;
}

.image-box img {
  border-radius: 7px;
  width: 87px;
  height: 100%;
  /* max-width: 220px;
     */
  max-height: 100px;
}

.p-auto-multiple-dropdown button {
  position: absolute;
  right: 0;
  top: 0px;
  height: 29px !important;
  /*border-left: 1px solid #ccc !important;
    */
}

.p-auto-multiple-dropdown .ui-widget.ui-button {
  border-left: 1px solid #ccc !important;
}

.icon-color-DarkOrange,
.dataTable tbody tr td .icon-color-DarkOrange:hover {
  color: #ff8c00 !important;
}

.icon-color-blue,
.dataTable tbody tr td .icon-color-blue:hover {
  color: #87cefa !important;
}

.icon-color-DarkGray,
.dataTable tbody tr td .icon-color-DarkGray:hover {
  color: #a9a9a9 !important;
}

.icon-color-MossGreen,
.icon-color-in-production,
.icon-color-in-production,
.dataTable tbody tr td .icon-color-MossGreen:hover {
  color: #a5d6a7 !important;
}

.icon-color-ForestGreen,
.icon-color-completed,
.dataTable tbody tr td .icon-color-ForestGreen:hover {
  color: #2b982b !important;
}

.icon-color-Gold,
.icon-color-on-hold,
.dataTable tbody tr td .icon-color-Gold:hover {
  color: #ffd700 !important;
}

.custom-icon-alert-box .material-icons {
  vertical-align: top;
}

.custom-icon-alert-box span {
  display: inline-block;
  width: 91%;
  margin-left: 9px;
  margin-top: 3px;
}

/* .department-task-list table tbody tr td {
  background-color: #fdffc2 !important;
} */

.project-phase-section .department-task-list table tbody tr td {
  background-color: transparent !important;
}

.department-task-list table tbody tr td .form-group {
  margin-bottom: -1px;
}

.dragula-handle {
  margin-right: 5px;
  vertical-align: middle;
  color: #999999;
  cursor: move;
  font-size: 19px;
}

.phase-section .list-group .list-group-item {
  cursor: pointer !important;
  padding: 10px 7px !important;
}

.phase-section .list-group .list-group-item.selected {
  cursor: default !important;
}

.dataTable td.a-link-class,
.dataTable span.a-link-class,
.manual-tasks .a-link-class {
  color: #4183c4 !important;
  text-decoration: none !important;
  cursor: pointer;
}

/* .dataTable tr.remove-hover:hover {
     background-color: transparent;
}
 .dataTable tbody tr.remove-hover:nth-child(odd):hover {
     background-color: rgba(232, 232, 232, 0.58);
}
 */
.dataTable td.image-tooltip .tooltip .tooltip-inner {
  padding: 0px !important;
  border: 0px !important;
}

.dataTable td.image-tooltip .tooltip .tooltip-inner .tooltip-zoom-image img {
  border-radius: 5px;
  max-width: 100px;
  object-fit: cover;
  max-height: 100px !important;
  overflow: hidden;
  max-width: 100% !important;
}

.dataTable td.image-tooltip .tooltip .tooltip-inner .tooltip-zoom-image i {
  color: #999;
}

.dropdown-width-fix p-autocomplete .ui-autocomplete-panel {
  width: 185px !important;
}

.btn-filter-grp {
  margin: 0px 12px;
  position: relative;
  top: -5px;
}

.btn-filter-grp .btn {
  width: 35px;
  height: 35px;
  margin: 0 2px;
  padding: 0;
  background-color: #bbb !important;
}

.btn-filter-grp .btn.active {
  background-color: #9e9e9e !important;
}

.status-color-shipment-received {
  color: #87cefa !important;
}

.status-color-awaiting-inventory {
  color: #a9a9a9 !important;
}

.status-color-inventory {
  color: #87cefa !important;
}

.status-color-wip {
  color: #1a66ef !important;
}

.status-color-sent-for-review {
  color: #ff9800 !important;
}

.status-color-sent-to-client {
  color: #a5d6a8 !important;
}

.status-color-done {
  color: #a5d6a8 !important;
}

.status-color-retake {
  color: #a569bd !important;
}

.status-color-revised-move-forward {
  color: #388e3c !important;
}

.status-color-approved {
  color: #2b982b !important;
}

.status-color-unapproved {
  color: #ff6666 !important;
}

.status-color-on-hold {
  color: #bbb !important;
}

.status-color-na {
  color: #bbb !important;
}

.status-color-cbb {
  color: #ff6666 !important;
}

.status-color-oop {
  color: #ff8c00 !important;
}

.status-bg-shipment-received {
  background-color: #87cefa !important;
}

.status-bg-awaiting-inventory,
.status-bg-wtg {
  background-color: #a9a9a9 !important;
}

.status-bg-inventory,
.status-bg-inv {
  background-color: #87cefa !important;
}

.status-bg-wip {
  background-color: #1a66ef !important;
}

.status-bg-sent-for-review,
.status-bg-rvw {
  background-color: #ff9800 !important;
}

.status-bg-sent-to-client,
.status-bg-stc {
  background-color: #a5d6a8 !important;
}

.status-bg-done {
  background-color: #a5d6a8 !important;
}

.status-bg-retake,
.status-bg-rtk {
  background-color: #a569bd !important;
}

.status-bg-revised-move-forward {
  background-color: #388e3c !important;
}

.status-bg-approved,
.status-bg-apr {
  background-color: #2b982b !important;
}

.status-bg-unapproved,
.status-bg-upr {
  background-color: #ff6666 !important;
}

.status-bg-on-hold,
.status-bg-hld {
  background-color: #bbb !important;
}

.status-bg-na {
  background-color: #bbb !important;
}

.status-bg-cbb {
  background-color: #ff6666 !important;
}

.p-auto-template > div {
  font-size: 1em !important;
  float: left !important;
  margin: 0 0 0 0 !important;
}

.asset-shot {
  position: relative !important;
  top: -7px !important;
}

.messgae-mode.body.custom-body-task {
  padding: 15px 15px 0px 15px;
}

.transfer-task {
  margin-top: 5px !important;
  float: right !important;
}

.transfer-task tbody td {
  font-size: 11px !important;
  padding: 3px 6px !important;
}

.transfer-task tbody td i {
  font-size: 19px !important;
}

.transfer-task i {
  font-size: 15px !important;
}

.task-info {
  /* padding: 15px 0px 13px 7px;
    margin-left: 5px;
    */
  font-size: 16px;
  font-size: 14px;
  font-weight: bold;
}

.project-status-bar {
  bottom: 0 !important;
  top: inherit;
}

.project-status-bar .alert {
  margin-bottom: 0px;
  border-radius: 0;
}

.transfered {
  color: #ff0000 !important;
}

.transfer-task-tooltip .tooltip .tooltip-inner {
  min-width: 250px !important;
  width: auto !important;
}

.comment-section .media.right-side .media-body {
  text-align: right;
}

.comment-section .media .media-body .media-heading p {
  float: right;
}

.comment-section .media.right-side .media-body .media-heading p {
  float: left;
}

.project-header-icon i {
  color: #fff;
  vertical-align: bottom !important;
}

.team .table-responsive {
  min-height: 0px !important;
}

.btn-team {
  padding: 5px 12px !important;
  line-height: 1.40557143 !important;
}

.btn-team-btn {
  padding: 0px 5px !important;
  line-height: 1.40557143 !important;
}

.team.ui-autocomplete-panel.ui-widget-content.ui-corner-all.ui-shadow {
  z-index: 9999999 !important;
}

.team .table-responsive {
  overflow-x: unset;
}

.team .role-icon {
  position: relative !important;
  top: 3px !important;
}

.selected-role {
  background: #fcf8e3 !important;
}

.team-toggle {
  cursor: pointer !important;
  color: #999 !important;
  background-color: #eaeaea !important;
}

.team-toggle.active1 {
  color: #555 !important;
  cursor: default !important;
  background-color: #fff !important;
}

.team-toggle:focus {
  box-shadow: none !important;
}

.user-left {
  color: #999999 !important;
}

.chart-card {
  float: left;
  width: 100%;
  min-height: 0px !important;
}

.chart-header {
  font-size: 12px !important;
}

.dashboard .header {
  padding: 4px !important;
}

.info-box-3 {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  height: 80px;
  display: flex;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.info-box-3 .icon {
  position: absolute;
  right: 10px;
  bottom: 2px;
  text-align: center;
}

.info-box-3 .icon i {
  color: rgba(0, 0, 0, 0.15);
  font-size: 60px;
}

.info-box-3 .chart {
  margin-right: 5px;
}

.info-box-3 .chart.chart-bar {
  height: 100%;
  line-height: 50px;
}

.info-box-3 .chart.chart-bar canvas {
  vertical-align: baseline !important;
}

.info-box-3 .chart.chart-pie {
  height: 100%;
  line-height: 34px;
}

.info-box-3 .chart.chart-pie canvas {
  vertical-align: baseline !important;
}

.info-box-3 .chart.chart-line {
  height: 100%;
  line-height: 40px;
}

.info-box-3 .chart.chart-line canvas {
  vertical-align: baseline !important;
}

.info-box-3 .content {
  display: inline-block;
  padding: 7px 16px;
}

.info-box-3 .content .text {
  font-size: 12px;
  margin-top: 11px;
  color: #555;
}

.info-box-3 .content .number {
  font-weight: normal;
  font-size: 26px;
  margin-top: -4px;
  color: #555;
}

.info-box-3.hover-zoom-effect .icon i {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.info-box-3.hover-zoom-effect:hover .icon i {
  opacity: 0.4;
  -moz-transform: rotate(-32deg) scale(1.4);
  -ms-transform: rotate(-32deg) scale(1.4);
  -o-transform: rotate(-32deg) scale(1.4);
  -webkit-transform: rotate(-32deg) scale(1.4);
  transform: rotate(-32deg) scale(1.4);
}

.info-box-3.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  -moz-transition: all 0.95s;
  -o-transition: all 0.95s;
  -webkit-transition: all 0.95s;
  transition: all 0.95s;
}

.info-box-3.hover-expand-effect:hover:after {
  width: 100%;
}

/* Infobox ===================================== */
.info-box {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  height: 80px;
  display: flex;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.info-box .icon {
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.12);
  width: 80px;
}

.info-box .icon i {
  color: #fff;
  font-size: 50px;
  line-height: 80px;
}

.info-box .icon .chart.chart-bar {
  height: 100%;
  line-height: 100px;
}

.info-box .icon .chart.chart-bar canvas {
  vertical-align: baseline !important;
}

.info-box .icon .chart.chart-pie {
  height: 100%;
  line-height: 123px;
}

.info-box .icon .chart.chart-pie canvas {
  vertical-align: baseline !important;
}

.info-box .icon .chart.chart-line {
  height: 100%;
  line-height: 115px;
}

.info-box .icon .chart.chart-line canvas {
  vertical-align: baseline !important;
}

.info-box .content {
  display: inline-block;
  padding: 7px 10px;
}

.info-box .content .text {
  font-size: 12px;
  margin-top: 11px;
  color: #555;
}

.info-box .content .number {
  font-weight: normal;
  font-size: 26px;
  /*margin-top: -4px;
    */
  color: #555;
}

.info-box.hover-zoom-effect .icon {
  overflow: hidden;
}

.info-box.hover-zoom-effect .icon i {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.info-box.hover-zoom-effect:hover .icon i {
  opacity: 0.4;
  -moz-transform: rotate(-32deg) scale(1.4);
  -ms-transform: rotate(-32deg) scale(1.4);
  -o-transform: rotate(-32deg) scale(1.4);
  -webkit-transform: rotate(-32deg) scale(1.4);
  transform: rotate(-32deg) scale(1.4);
}

.info-box.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 80px;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  -moz-transition: all 0.95s;
  -o-transition: all 0.95s;
  -webkit-transition: all 0.95s;
  transition: all 0.95s;
}

.info-box.hover-expand-effect:hover:after {
  width: 100%;
}

.chart .info-box {
  border-radius: 5px;
}

.phase-section .card.chart .header {
  cursor: default !important;
}

.phase-section .card.chart .header:hover:before {
  content: none !important;
}

.dashboard-chart .info-box:hover {
  cursor: pointer !important;
}

.selected-info-box {
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2) !important;
}

.dashboard-chart .info:hover {
  cursor: default !important;
}

.no-data {
  float: left;
  width: 100%;
  height: 305px;
  display: table;
}

.no-data-label {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

.no-data-icon {
  font-size: 80px !important;
  color: #999999 !important;
}

.task-section .task-list {
  border-left: 3px solid transparent;
  padding: 7px 11px;
}

.task-section .task-list.active {
  border-left: 3px solid #8bc34a;
}

.task-section .task-list a {
  display: contents;
}

/* .artist-task-section, .review-task-section {
    margin-right: 0 !important;
     margin-left: 0 !important;
}
 */
.artist-task-section .notifications,
.review-task-section .notifications {
  top: 35px !important;
  left: 0 !important;
  margin-left: 6px !important;
  margin-right: 6px !important;
  width: -webkit-fill-available;
}

.artist-task-section .card .header,
.review-task-section .card .header {
  padding: 8px 10px 5px;
}

.artist-task-section .notifications .header,
.review-task-section .notifications .header {
  text-align: left;
  padding: 3px 0px 5px 11px;
  min-width: 205px !important;
  cursor: pointer !important;
}

.artist-task-section .card .header h4,
.review-task-section .card .header h4,
.artist-task-section .notifications .header h4,
.review-task-section .notifications .header h4 {
  font-size: 12px;
}

.artist-task-section .notifications .header.ready-header,
.review-task-section .notifications .header.ready-header {
  border-bottom: 3px solid #3f51b5;
}

.artist-task-section .notifications .header.pipeline-header,
.review-task-section .notifications .header.pipeline-header {
  border-bottom: 3px solid #9e9e9e;
}

.artist-task-section .notifications .header.under-review-header,
.review-task-section .notifications .header.under-review-header {
  border-bottom: 3px solid #ff9800;
}

.artist-task-section .notifications .header.completed-header,
.review-task-section .notifications .header.completed-header {
  border-bottom: 3px solid #4caf50;
}

.artist-task-section .notifications .header.wip-header,
.review-task-section .notifications .header.wip-header {
  border-bottom: 3px solid #d2262e;
}

.artist-task-section .material-icons.status-icon {
  font-size: 36px !important;
  color: #ccc !important;
}

.artist-task-section .material-icons.status-icon:hover {
  color: #b9b4b4 !important;
}

.artist-task-section .is_running .material-icons.status-icon {
  color: #da5e64 !important;
}

.artist-task-section .is_running .material-icons.status-icon:hover {
  color: #d2262e !important;
}

.artist-task-section .active .more-detail {
  display: inline-table !important;
}

.artist-task-section .label-count {
  top: -10px !important;
  right: 0px !important;
  color: #fff;
  background-color: #da5e64;
}

.artist-task-section .notifications .task-list .menu-info.right-box {
  width: 90px;
  /* height: 50px;
     */
  text-align: center;
  top: inherit;
}

.artist-task-section .notifications .task-list {
  margin-top: 12px;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
}

/* .artist-task-section ul.menu .icon-circle {
     color: #9e9e9e;
     border: 1px solid #9e9e9e;
}
 */
.artist-task-section ul.menu .icon-circle i {
  line-height: 33px;
}

.task-list.is_running,
.task-list.is_running a {
  min-height: 180px;
}

.task-list.is_running {
  border-bottom: 3px solid #da5e64 !important;
}

.dashboard-chart .info-box {
  border-radius: 5px !important;
}

.artist-task-section .active .task-list,
.artist-task-section .active .task-list a {
  min-height: 90px;
}

.artist-task-section .task-list,
.artist-task-section .task-list a {
  min-height: 42px;
}

.artist-task-section .dropdown-menu {
  position: initial;
  margin-top: 0px !important;
}

.artist-task-section .task-list .menu-info a {
  color: #555;
}

.artist-task-section .task-list a.waves-block {
  /* padding: 7px 9px 0px 12px;
     */
  padding: 7px 9px 10px 12px;
  cursor: default;
}

.artist-task-section .task-list .icon-circle img {
  width: 26px;
  height: 26px;
  border-radius: 50% !important;
  margin: 1px 3px;
}

.artist-task-section .task-list .menu-info-center {
  width: 74%;
  top: inherit;
  border-left: 1px solid #e8e8e8;
  margin-left: 12px;
  padding-left: 12px;
}

.artist-task-section .task-list .menu-info .task-status-tag {
  font-size: 9px;
  border-radius: 0px !important;
  position: relative;
  right: -4px;
  top: -3px;
}

.artist-task-section .task-list .grey-bg {
  color: #9a9a9a;
  background-color: #e9e9e9;
  padding: 7px 12px 0px 12px;
}

.artist-task-section .task-list .grey-bg .grey-bg-icon {
  font-size: 15px;
}

.artist-task-section
  .task-list
  .grey-bg
  .right-side-section
  .right-side-sub-section {
  margin: 0 5px;
  display: inline-block;
  text-align: center;
}

.artist-task-section
  .task-list
  .grey-bg
  .right-side-section
  .right-side-sub-section.date-box {
  width: 180px;
}

.artist-task-section
  .task-list
  .grey-bg
  .right-side-section
  .right-side-sub-section.completed-box {
  width: 60px;
}

.artist-task-section
  .task-list
  .grey-bg
  .right-side-section
  .right-side-sub-section.time-box {
  width: 45px;
}

.nested-li .sub-menu {
  display: none;
  position: absolute;
  right: 0;
  /*background-color: #0395d6;
     color: #fff;
    */
  background-color: #fff;
  color: #333;
  font-weight: 600;
  /*min-width: 500px;
    */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 0px;
  z-index: 1;
  list-style: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.nested-li:hover .sub-menu {
  display: block;
}

.nested-li ul.sub-menu li {
  padding: 8px 14px;
  cursor: pointer;
  float: left;
  width: 250px;
  border-bottom: 1px solid #e0e0e0;
}

.nested-li ul.sub-menu li:hover {
  /*background-color: #03a9f4;
    */
  background: #3333331f;
}

.nested-li ul.sub-menu li:focus {
  outline: none;
}

.sub-menu li i {
  vertical-align: bottom;
}

.sub-menu li span {
  position: relative;
  left: 7px;
}

.sub-menu-title {
  margin: 0;
  padding: 8px 14px;
  color: #333;
  font-weight: 600;
  border-bottom: 1px solid #e0e0e0;
  background-color: #eee;
  float: left;
  width: 100%;
  height: 30px;
  font-size: 14px;
}

/* .report-main-section .nav-tabs {
     border: none;
}
 .report-main-section .nav-tabs > li {
     top: -1px !important;
     left: 0;
     border: none !important;
     margin-right: 3px;
}
 .report-main-section .nav-tabs > li > a {
     border: none !important;
     color: #999 !important;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     border-radius: 0;
     border: 1px solid #ccc !important;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     padding-left: 30px;
     padding-right: 30px;
}
 .report-main-section .nav-tabs > li > a:before {
     content: none !important;
}
 .report-main-section .nav-tabs > li.active a, .report-main-section .nav-tabs > li > a:focus {
     background-color: #fff !important;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     border-bottom: 1px solid #fff !important;
}
 .report-main-section .nav-tabs + .tab-content{
     padding: 0px;
}
 .report-main-section .tab-content>.tab-pane.active {
     padding: 10px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
     background-color: #fff;
     border-radius: 5px;
}
 */
.report .tab-content > .tab-pane.active {
  padding: 10px;
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); */
  box-shadow: 0px 0px 20px 10px #00000015;
  background-color: #fff;
  border-radius: 5px;
}

.report-main-section .nav-tabs > li.active > a,
.report-main-section .nav-tabs > li.active > a:focus,
.report-main-section .nav-tabs > li.active > a:hover {
  background-color: transparent !important;
  font-weight: 700;
}

.report-main-section .nav-tabs > li > a:before {
  border-bottom-width: 3px !important;
}

.report-main-section .nav-tabs {
  border-bottom: 2px solid #e0e0e0;
}

.report-main-section .nav-tabs > li:hover a {
  color: #222 !important;
}

/* .report-main-section .nav-tabs + .tab-content {
     padding: 0 !important;
}
 */
.report-table .dept-col {
  width: 35px !important;
}

.report-phase-dept {
  font-weight: 600 !important;
}

.phase-vertical {
  writing-mode: vertical-lr !important;
  transform: rotate(270deg);
  width: 300px;
}

.report-main-section .tab-content .card {
  box-shadow: none;
}

.report-main-section .report-tab .tab-content > .tab-pane.active {
  padding: 10px 0 0 0 !important;
}

.report-header {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.week-cell {
  border: 1px solid #e0e0e0 !important;
}

.report-header span {
  font-size: 10px;
}

.report-main-section h5 {
  font-size: 14px !important;
}

.editableDataTable
  tbody
  tr.data-tr
  td.editor-td
  .ui-autocomplete-multiple-container.ui-inputtext {
  padding: 1px 3px !important;
  height: auto !important;
}

.editableDataTable.reportEditableDataTable tbody tr td.active {
  padding: 0px 0px !important;
}

.editableDataTable.reportEditableDataTable .column-input .form-control {
  height: 19px;
  padding: 1px 1px !important;
  font-size: 10px !important;
}

.editableDataTable.reportEditableDataTable thead tr th,
.editableDataTable.reportEditableDataTable tbody tr th,
.editableDataTable.reportEditableDataTable tfoot tr th {
  text-align: center;
}

.report-main-section .nav-tabs.small-tab > li > a {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.report-datepicker {
  height: 30px !important;
}

.report-main-section .progress {
  margin-bottom: 0px !important;
}

.report-main-section .report-progress-bar .progress-bar {
  background: -webkit-linear-gradient(
    left,
    #4489de 0%,
    #ffffff 100%
  ) !important;
}

.report-main-section .report-progress-bar .progress-bar b {
  color: #000 !important;
  font-weight: normal !important;
}

.report-main-section .progress-bar {
  font-weight: 100 !important;
  /* height: 16px !important; */
}

.report-main-section progressbar .progress {
  height: 16px !important;
}

/* .report-main-section .dataTable tbody tr:nth-child(1), */
.actual-delivery-by-week .dataTable tbody tr:nth-child(2) {
  font-weight: 600 !important;
}

/*.actual-delivery-by-week .dataTable tbody tr:nth-child(1),tbody tr:nth-child(2) {
     font-weight: 600 !important;
}
*/
.dropdown-menu ul.menu .menu-info p .material-icons.comment-icon:hover {
  color: #a09c9a;
  cursor: pointer;
}

.artist-task-section .header h4 {
  margin: 0;
  display: inline-block;
}

.artist-task-section .header span {
  margin-right: 10px;
}

.comment-section .media .media-body p.comment-area {
  text-align: left;
  margin-right: 45px;
}

.comment-section .media.right-side .media-body p.comment-area {
  text-align: left;
  margin-left: 45px;
  margin-right: 0px;
}

.comment-section .media-heading i {
  margin-right: 4px;
}

.attachment-section {
  cursor: pointer;
  color: #5792cb;
}

.attachment-section .attachment-div {
  display: inline-block;
  width: auto;
  /*margin-left: 13px;*/
}

.attachment-section img {
  width: 20px;
  height: 20px;
  /* border-radius: 50%;
     */
  border: 1px solid #ccc;
}

.priority_high-icon {
  color: #da5e64;
}

.task-list-revision.priority_high-icon {
  color: #da5e64 !important;
}

.menu-info-center p.description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.menu-info-center p.task_type,
.menu-info-center span.task_type {
  font-style: italic;
}

.actual-delivery-by-week .chartjs-render-monitor {
  display: block;
  width: 260px !important;
  height: 130px !important;
}

.actual-delivery-by-week .version-charts {
  float: left !important;
  width: 20% !important;
}

.version-row {
  float: left;
  width: 100%;
}

.version-row ul.version-legend {
  float: left;
  width: 100%;
  text-align: center;
}

.version-legend li {
  float: none;
  margin: 0 15px auto;
  display: inline-block;
}

.version-legend {
  list-style: none;
}

.version-legend span {
  border: 1px solid #ccc;
  float: left;
  width: 12px;
  height: 12px;
  margin: 2px;
}

.version-legend .delivered {
  background: #f9cfdf !important;
}

.version-legend .approved {
  background: #01b050 !important;
}

.version-legend .pending {
  background-color: #eee !important;
}

.report-main-section .dataTable tbody tr td div.column-label {
  color: #373bfd;
}

.report-table-title {
  font-weight: 600;
  font-size: 10px;
  background: #b0c4de;
  padding: 5px 10px;
  height: 30px;
  overflow: hidden;
}

.report-main-section .collapse.in {
  display: inline-table !important;
}

.asset-status .table-responsive,
.shot-status .table-responsive {
  min-height: 0px !important;
}

.time-log .header {
  padding: 0px !important;
  border-bottom: none !important;
}

.time-log .card .header .header-dropdown {
  top: -10px !important;
}

.time-log .label {
  font-size: 9px !important;
}

.ui-autocomplete-dd .ui-autocomplete-input.action-dropdown {
  width: calc(100% - 47px) !important;
}

.ui-autocomplete-panel .ui-autocomplete-list-item {
  display: block !important;
}

.artist-task-section .dropdown-menu {
  box-shadow: none;
}

.artist-task-section .collapse-section {
  display: none !important;
}

.artist-task-section .collapsed .collapse-section {
  display: block !important;
}

.report-main-section .cursor-pointer {
  cursor: pointer !important;
  /*background-color: #e8e4e4;
    */
}

.report-main-section .editableDataTable tr .cursor-pointer {
  cursor: pointer !important;
  background-color: #fdffc2;
  /* #e8e4e4;
     */
}

.report-main-section .production-report .editableDataTable tr .cursor-pointer {
  cursor: default !important;
  background-color: transparent;
}

.task-checklist.completed {
  opacity: 0.6;
}

.task-checklist label.cb-right::before {
  display: none;
}

.task-checklist [type="checkbox"] + label {
  padding-left: 0px;
}

.task-checklist .chk-col-grey:focus + label {
  background-color: transparent !important;
  padding-right: 0px !important;
}

.task-checklist.list-group-item .active {
  background-color: initial;
  border-color: initial;
}

.task-checklist .column-input {
  width: 92%;
  display: none;
}

.task-checklist .active .column-label {
  display: none;
}

.task-checklist .active .column-input {
  display: inline-block;
}

.slide-width {
  -webkit-transition: width 0.5s;
  /* Safari */
  transition: width 0.5s;
}

/* Additional CSS Start */
/* .report .tab-content>.tab-pane.active{
    background-color: #e9e9e9;
    box-shadow: unset;
    padding: 10px 0;
}
 */
/* .report .nav-tabs > li.active a{
    border-bottom: 1px solid #e9e9e9 !important;
    background-color: #f3f3f7;
    background-color: #e9e9e9 !important;
    color: #000!important;
    border-radius: unset;
}
 .report .nav-tabs > li{
    margin: 0px;
}
 .report .nav-tabs > li > a{
    margin-right: 0px;
    border-radius: unset;
}
 */
/* Filter Section CSS Start */
.filter {
  box-shadow: 5px 5px 10px #ddd;
  height: 33vh;
  background: #fff;
  border-radius: 8px;
}

.filter ul {
  list-style: none;
  margin: 0;
  padding: 10px;
}

.filter ul li {
  display: block;
  padding: 5px 0;
}

.filter-title {
  font-size: 12px;
  color: #555;
}

/* Filter Section CSS Over */
/* Task List Section CSS Start */
.task-list {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  background: #fff;
  float: left;
  width: 100%;
  border-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 1px solid #e0e0e0;
}

/* .task-list .card .header h2{
    padding-left: 35px;
}
 */
.task-list .card .body {
  float: left;
  padding: 0px 0px;
  width: 100%;
}

.task-list .card .body ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  font-size: 11px;
  color: #bbb;
}

.task-list .card .body ul li {
  display: block;
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(221, 221, 221, 0.29);
  /*height: 40px;
    line-height: 40px;*/
  transition: all 0.3s ease-in;
  padding: 8px 0 0 0;
}

.task-list .card .body ul li:hover,
.task-list .card .body ul li.active {
  /* background: #f3f3f7 */
  background: #e9e9e9;
}

/*.task-list .card .body ul li:first-child:hover*/
/* {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

}
*/
.task-list .card .body ul li a {
  float: left;
  width: 100%;
}

.task-icon {
  width: 40px;
  height: 28px;
  /*height: 40px;*/
  /* border: 1px solid #ddd;
     */
  padding: 0 5px;
  margin-top: -3px;
  /* border-radius: 50%;
     */
  /* margin: 2px auto;
     */
}

.task-icon img {
  width: 100%;
  float: left;
  height: 100%;
  object-fit: scale-down;
}

.border-r {
  border-right: 1px solid #ddd;
}

.task-detail {
  font-size: 12px;
  font-weight: bold;
  margin-left: -40px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}

.task-detail span .material-icons {
  font-size: 20px;
  vertical-align: middle;
  color: #bbb;
  /* color: #111f5c */
}

.task-detail span {
  color: #000;
  /* color: #111f5c;
     */
}

.task-sub-title {
  color: #999 !important;
  font-weight: 100;
  font-size: 12px;
}

.priority-high {
  color: red !important;
  font-size: 18px !important;
  vertical-align: middle !important;
  margin-right: 5px;
}

.w-b-d {
  font-size: 14px;
  /* color: #999; */
  color: #333333;
}

.chat-icon {
  vertical-align: middle;
  color: #ccc;
  font-size: 26px;
  cursor: pointer;
}

.play-icon {
  cursor: pointer;
  vertical-align: middle;
  color: #2196f3 !important;
  font-size: 28px;
  margin-top: -3px;
  /* margin-left: 10px;
     */
}

.play-icon.green-icon {
  color: #ccc;
}

.play-icon.green-icon:hover,
.play-icon.green-icon.pause-icon {
  color: green;
  opacity: 0.65;
}

.duration {
  color: #999;
  font-size: 14px;
}

.status {
  padding: 2px 15px;
  font-size: 12px;
  font-weight: 100;
}

.staus-inventory {
  padding: 0;
  font-size: 12px;
  font-weight: 700;
}

.staus-retake {
  padding: 0;
  font-size: 12px;
  font-weight: 100;
  color: red !important;
}

.task-date {
  color: #111f5c;
}

.task-date i {
  vertical-align: middle;
}

.task-list-revision {
  color: #999;
  font-size: 12px;
  /* ;
    margin-left: 10px;
     */
  vertical-align: middle;
  font-weight: 100;
  padding-right: 5px;
  float: left;
}

.task-list-version {
  color: #999;
  font-size: 12px;
  vertical-align: middle;
  font-weight: 100;
}

.task-list-header {
  background: #fff;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.task-list-header li:hover {
  background: #fff !important;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.task-head-name {
  margin-left: -40px;
}

.task-list-version-head {
  vertical-align: middle;
  font-weight: 100;
  color: #bbb;
}

.status-head {
  font-size: 11px;
  vertical-align: middle;
}

/* Task List Section CSS Start */
/* Task Detail Section CSS Start */
.task-detail-main {
  box-shadow: 5px 5px 10px #ddd;
  background: #fff;
  float: left;
  width: 100%;
  border-radius: 8px;
}

.sidebar-window .task-detail-main {
  box-shadow: none;
}

.task-detail-main .card {
  float: left;
  width: 100%;
}

.task-detail-main .card .body {
  float: left;
  width: 100%;
}

.task-detail-main .nav-tabs > li > a {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.task-header {
  width: 100%;
  float: left;
  height: 50px;
  /* border-bottom: 1px solid #ddd;
     */
  margin-bottom: 10px;
}

.task-thumbnail {
  float: left;
  width: 100%;
  border-right: 1px solid #e8e8e8;
}

.task-thumbnail img {
  float: left;
  width: 100%;
  height: 60px;
  object-fit: scale-down;
}

.task-title {
  line-height: 40px;
  color: #111f5c;
  font-size: 12px;
}

.task-title span i {
  vertical-align: middle;
}

.task-detail-main .task-sub-title {
  font-size: 20px;
  color: #000 !important;
  float: left;
  margin-top: 3px;
}

.task-detail-body {
  float: left;
  width: 100%;
}

.task-head {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 5px;
  float: left;
  /* width: 50%;
     */
}

.task-name {
  float: left;
  width: 100%;
}

.task-head span .material-icons {
  font-size: 20px;
  vertical-align: middle;
  color: #999999;
}

.task-version {
  float: left;
  width: 100%;
  padding: 5px 0;
}

/* .task-version span{
    color: #999;
    font-size: 13px;
    vertical-align: middle;
    font-weight: 100;
}
 */
.wbd {
  float: left;
  width: 100%;
  color: #555;
  padding: 5px 0;
  padding: 5px 0;
  font-size: 16px;
}

.wdb-title {
  float: left;
  width: 50%;
}

.wdb-value {
  float: left;
  width: 50%;
}

.task-status {
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(221, 221, 221, 0.29);
  padding: 5px 0;
  color: #999;
  line-height: 22px;
}

.status-left {
  float: left;
  width: 100%;
}

.status-left .staus-inventory {
  font-size: 12px;
}

.status-title {
  float: left;
  font-size: 12px;
  width: 10%;
}

.status-right {
  float: left;
  width: 50%;
}

.status-right .play-icon {
  font-size: 24px;
  margin-left: 0px;
}

.artist-section {
  float: left;
  width: 100%;
}

.layout {
  float: left;
  width: 100%;
  padding: 5px 0;
}

.vr-section {
  float: left;
  width: 50%;
}

.working-days {
  float: left;
  width: 50%;
}

.bid-days {
  float: left;
  width: 50%;
}

.task-detail-tab-section {
  float: left;
  width: 100%;
}

.version-title {
  float: left;
  width: 10%;
  color: #555;
  margin-right: 8px;
}

/* .task-detail-tab-section .nav-tabs > li.active a{
    background-color: #fff !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #fff !important;
}
 */
/* .report-main-section .nav-tabs > li > a:focus{
    background-color: #e9e9e9 !important;
    border-bottom: 1px solid #e9e9e9 !important;
}
 */
.task-detail-tab-section .tab-content > .tab-pane.active {
  background-color: #ffffff;
  padding: 10px 10px;
  border: 1px solid #e0e0e0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  float: left;
  width: 100%;
  height: auto;
}

.task-detail-tab-section .nav-tabs > li a {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-bottom: 0px !important;
}

/* .task-detail-tab-section .nav-tabs > li{
    top: 1px!important;
}
 */
.task-info-section {
  float: left;
  width: 100%;
}

.task-info-section ul {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  width: 100%;
}

.task-info-section ul li {
  display: block;
  width: 100%;
  float: left;
  padding: 10px 0;
  /* height: 40px;
    line-height: 40px;
     */
  border-bottom: 1px solid #e0e0e0;
}

.task-info-section ul li span {
  /* border-right: 1px solid #e0e0e0;*/
  white-space: normal !important;
  word-break: break-word !important;
}

.priority-value span {
  /* margin-left: 5px;
     */
}

.des {
  float: left;
  width: 100%;
}

.artis-list {
  float: left;
  width: 100%;
}

/* .artis-list ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
 .artis-list ul li{
    display: inline-block;
    border: none;
    padding: 0;
}
 */
.task-info-section ul > li:nth-child(odd) {
  background: #eee;
}

.artist-avatar {
  width: 38px;
  height: 38px;
  border: 1px solid #d6cccc;
  border-radius: 50%;
  margin: 0 auto;
}

.artis-list img {
  width: 38px;
  height: 38px;
  object-fit: scale-down;
  border-radius: 50%;
}

.artist-list .artist-name {
  vertical-align: sub;
  float: left;
  margin-top: 10px;
}

.task-info-title {
  font-weight: bold;
}

.version-new {
  background: #eee !important;
  color: #555 !important;
}

.comment-section-new {
  float: left;
  width: 100%;
}

.comment-section-left {
  float: left;
  width: 100%;
}

.comment-section-right {
  float: left;
  width: 100%;
}

.comment-section-new .media .media-body .media-heading {
  font-size: 12px;
  margin-top: 0px;
}

.comment-section-new .right-side .media-body .media-heading {
  font-size: 12px;
  margin: 0px 0 0 0;
}

.comment-section-new .comment-section {
  /* height: calc(100vh - 295px);
     */
  /* height: 45vh; */
  height: 72vh;
  /*height: calc(100vh - 90px);*/
  overflow-x: auto;
  margin-bottom: 10px;
  /* background: rgba(238, 238, 238, 0.2); */
  /* border: 1px solid #e0e0e0; */
  padding: 10px;
}

.comment-section-new .media {
  float: left;
  margin-top: 0px;
  /* box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
     */
  margin-bottom: 10px;
}

.comment-section-new .right-side {
  background: #eee;
  padding: 5px 0;
  border-radius: 8px;
  width: 94%;
  float: right;
}

.comment-section-new .left-side {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 5px 0;
  width: 94%;
}

.comment-avatar {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  margin-left: 5px;
}

.comment-avatar img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 50%;
}

.comment-section-new .header {
  width: 100%;
  top: 0;
  height: 50px;
  z-index: 8;
  background: #fff;
  padding: 0;
}

.comment-section-new .task-version,
.checklist-section .task-version {
  float: left;
  width: 100%;
  padding: 5px 0;
  background: #4caf50;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  color: #fff;
}

.comment-section-new .comment-area {
  /* color: #999; */
  color: #382d2d;
  font-weight: lighter;
  float: left !important;
  margin: 0;
  width: 97%;
  font-size: 14px;
}

.comment-section-new .comment-area-right {
  /* color: #999; */
  color: #382d2d;
  font-weight: lighter;
  float: right;
  margin: 0;
  width: 97%;
  font-size: 14px;
}

.comment-section-new .comment-area-left {
  margin: 0;
  font-size: 14px;
}

.comment-box {
  float: left;
  width: 100%;
}

.comment-text {
  float: left;
  width: 100%;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  border-radius: 8px;
}

.attachment {
  float: left;
  width: 90%;
  height: 43px;
  line-height: 55px;
  border-right: 1px solid #ddd;
}

.attachment a {
  width: 100%;
  float: left;
  color: #555;
}

.comment-box .form-group-sm .form-control {
  height: 42px;
  border: 0px !important;
  resize: none;
  /*padding: 18px 9px!important;*/
  line-height: 24px;
  float: left;
  overflow: auto;
}

.comment-section-new .cancel-btn button,
.comment-section-new .submit-btn button {
  width: 100%;
  box-shadow: unset !important;
}

.comment-section-new .cancel-btn {
  padding: 0 15px 0 0 !important;
}

.retake-status .btn-group {
  box-shadow: unset;
  width: 100%;
}

.retake-status .btn-group,
.retake-status .btn-group button,
.retake-status .btn-group ul {
  width: 100%;
}

.retake-status .btn-group .btn {
  text-align: center !important;
  border-width: 0px 0px 0px 1px !important;
  border-color: #ddd;
  height: 43px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0;
  margin-left: -2px;
  font-size: 12px;
}

.artist-status-list {
  width: 100%;
  float: left;
  border: 1px solid #ddd;
  padding: 5px;
  /* margin-top: -5px;
     */
  background: #fff;
  border-radius: 8px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top: 0;
}

.artist-status-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
}

.artist-status-list ul li {
  display: block;
  height: 50px;
  float: left;
  width: 100%;
}

.artist-status-list .status-check {
  padding: 0;
  height: 50px;
  line-height: 0px;
}

.artist-status-list .task-reschedule .artist-name {
  /*line-height: 40px;
    */
  font-size: 12px;
}

.artist-status-list .artist-name {
  line-height: 40px;
  font-size: 12px;
}

.artist-check {
  background: #fff;
  border: none;
  text-align: left;
  padding: 5px 0;
  vertical-align: middle;
}

.b-radius-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* .artist-status-list .status-check [type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after {
}
 */
/* .custom-body.messgae-mode [type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after{
    border: unset!important;
}
 */
/* Task Detail Section CSS Over */
.fw-600 {
  font-weight: 600 !important;
}

/* Additional CSS over */
.artist-performance .col-lg-2,
.time-log .col-lg-2 {
  /* width: 15.666667% !important; */
}

.timelog-section {
  height: 358px;
  overflow-x: hidden;
}

.timelog-section .timeline {
  position: relative;
  display: table;
  height: 100%;
}

.timelog-section .timeline h3 {
  /* position: -webkit-sticky;
     position: sticky;
     */
  top: 5rem;
  color: #888;
  margin: 0;
  font-size: 1em;
  font-weight: 400;
}

.timelog-section .timeline div:after {
  content: "";
  width: 2px;
  position: absolute;
  top: 0.5rem;
  bottom: 0rem;
  left: 100px;
  z-index: 1;
  /* background: #c5c5c5; */
  background: #e0e0e0;
}

.timelog-section .timeline section.year {
  position: relative;
}

/* .timelog-section .timeline section.year:first-child section {
     margin-top: -1.3em;
     padding-bottom: 0px;
}
 */
.timelog-section .timeline section.year section {
  position: relative;
  padding-bottom: 1.25em;
  margin-bottom: 2.2em;
}

.timelog-section .timeline section.year section h4 {
  position: absolute;
  bottom: 0;
  font-size: 0.9em;
  font-weight: 400;
  /* line-height: 0px;
     */
  margin: 0;
  top: 17px;
  padding: 0px 0px 0 125px;
  color: #c5c5c5;
}

.timelog-section .timeline section.year section ul {
  list-style-type: none;
  padding: 0 0 0 100px;
  margin: -1.35rem 0 1em;
  /* max-width: 32rem;
     */
  font-size: 1em;
}

.timelog-section .timeline section.year section ul:last-child {
  margin-bottom: 0;
}

.timelog-section .timeline section.year section ul:first-of-type:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #c5c5c5;
  border: 2px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 96px;
  top: 3px;
  z-index: 2;
}

.timelog-section .timeline section.year section ul li {
  margin-left: 1.5rem;
}

/* .timelog-section .timeline section.year section ul li:before {
     content: '·';
     margin-left: -.5rem;
     padding-right: .3rem;
}
 */
/* .timelog-section .timeline section.year section ul li:not(:first-child) {
     margin-top: .5rem;
}
 */
.task-detail-sidebar-container .ng-sidebar__content {
  position: inherit !important;
}

/* To show background when sweet-alert is opened  */
.ng-sidebar__content {
  position: fixed !important;
}

/* ****************/
/* scroll design start*/
/* ****************/
::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  border-radius: 16px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ccc;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #eee;
}

/* ****************/
/* scroll design end */
/* ****************/

/* ::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar:hover {
  width: 15px;
}
::-webkit-scrollbar:horizontal {
  height: 10px;
}
::-webkit-scrollbar:horizontal:hover {
  height: 15px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #bbb;
}
::-webkit-scrollbar-thumb:hover {
  background: #666;
}
div:hover::-webkit-scrollbar-corner {
  width: 30px;
} */

/*body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}*/

.task-checklist .form-group .form-line {
  border-bottom: none !important;
}

.task-checklist .form-group .form-control {
  padding-top: 17px !important;
}

.task-checklist .active .form-group .form-control {
  padding-top: 0px !important;
}

/* .phase-section .checkbox-label:before {
     border: 2px solid #9E9E9E !important;
}
 */
.project-bidding-report .render-storage-bidding .label-info {
  background-color: transparent;
  width: 300px;
  text-align: right;
}

.project-bidding-report .render-storage-bidding .value-info {
  text-align: center;
}

.btn-danger-light:hover,
button.btn.btn-danger:hover {
  background-color: #ea3526 !important;
}

.cursor-pointer < .column-label {
  background-color: #ddd !important;
}

.dataTable .action-btn1 {
  margin: 0px !important;
}

.task-list .card .body ul li:nth-child(even) {
  background-color: rgba(232, 232, 232, 0.58);
}

.help-icon {
  color: #999999 !important;
  font-size: 19px !important;
}

.staffing-schedule-report .data-cell {
  background-color: #00800040 !important;
}

.production-report .dataTable tbody tr td div.column-label,
.production-report .dataTable tbody tr td div.column-input {
  display: none;
}

.slick-prev {
  left: 0px !important;
  /*z-index: 999 !important;*/
  z-index: 9 !important;
}

.slick-next {
  right: 0px !important;
}

.setting_team {
  margin: 0px 9px;
}

.shotsdetail .side-title {
  width: 45px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  float: left;
  padding: 21px 14px;
  background-color: red;
  text-transform: uppercase;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  min-height: 156px;
  font-weight: 700px;
}

.shotsdetail .shots-img img {
  object-fit: cover;
  height: 118px !important;
  overflow: hidden;
}

.shotsdetail .card-header {
  cursor: pointer;
  border: 1px solid #ddd;
}

.slick-prev:before,
.slick-next:before {
  font-family: "fontawesome" !important;
  color: #333333 !important;
  font-size: 30px !important;
  position: relative;
  top: 0px;
  right: -1px;
}

.slick-prev,
.slick-next {
  width: 32px !important;
  height: 32px !important;
}

.card-header:hover img {
  opacity: 0.8;
}

.task-list .card .body ul li.task-li > a {
  cursor: default !important;
  float: left;
  width: 100%;
}

.slick-next.slick-arrow,
.slick-next.slick-arrow:hover,
.slick-next.slick-arrow:focus {
  background: #7f7f7fe0;
  height: 99px !important;
  border-bottom-left-radius: 9px;
  border-top-left-radius: 9px;
}

.slick-prev.slick-arrow,
.slick-prev.slick-arrow:hover,
.slick-prev.slick-arrow:focus {
  background: #7f7f7fe0;
  height: 99px !important;
  border-bottom-right-radius: 9px;
  border-top-right-radius: 9px;
}

.slick-next:before {
  content: "›" !important;
  right: -13px;
}

.slick-prev:before {
  content: "‹" !important;
}

.label-count.with-display-copunt {
  top: 7px;
  right: 10px;
  width: 15px;
  font-size: 8px;
  height: 15px;
  background-color: #f00;
  border-radius: 3px;
  padding: 0px 2px;
  text-align: center;
  color: #fff;
}

.tab-label-count.label-count.with-display-copunt {
  top: 1px;
  right: -3px;
}

.notification-list-section.nested-li ul {
  max-height: 500px;
  overflow-x: hidden;
}

.notification-list-section.nested-li ul.sub-menu li {
  font-weight: normal;
  width: 350px;
}

.login-page .login-box a:hover {
  color: #696666 !important;
}

.table-wrapper {
  margin-left: 382px;
}

.table-wrapper .sticky-col {
  left: 0;
  position: absolute;
  top: auto;
  width: 400px;
}

.sticky-col td {
  width: 76.5px;
  padding: 2px 7px !important;
  float: left;
  white-space: normal;
  word-wrap: break-word;
}

.table-wrapper .sticky-col.header-title td {
  border: none !important;
}

.table-wrapper .three-col td:first-child,
.table-wrapper .sticky-col td:first-child {
  width: 34px !important;
}

.table-wrapper .three-col td:nth-child(2) {
  width: 180px !important;
}

.table-wrapper .three-col td:nth-child(3) {
  width: 168px !important;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  height: 25px;
  white-space: nowrap;
}

.table-wrapper .sticky-col td:nth-child(2) {
  width: 144px;
}

.table-wrapper .sticky-col td:nth-child(3) {
  width: 80px;
}

.table-wrapper .sticky-col td:nth-child(4) {
  width: 47px;
  padding: 2px 0px !important;
}

/*.table-wrapper .sticky-col td {
     padding: 2px 7px;
}
 .table-wrapper .sticky-col td:first-child {
     width: 30px !important;
}
 .table-wrapper .sticky-col td:nth-child(2) {
     width: 68px !important;
}
 .table-wrapper .sticky-col td:nth-child(3) {
     width: 52px !important;
}
 .table-wrapper .sticky-col td:nth-child(4) {
     width: 55px !important;
}
 .table-wrapper .sticky-col.header-title td {
     border: none !important;
}
*/
/* .vertical-rl {
     writing-mode: vertical-rl;
     transform: rotate(180deg);
}
 th.vertical-rl p {
     writing-mode: vertical-rl !important;
}
 */
.rotate {
  /* FF3.5+ */
  -moz-transform: rotate(-90deg);
  /* Opera 10.5 */
  -o-transform: rotate(-90deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(-90deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* Standard */
  transform: rotate(-90deg);
}

/* .project-dashboard .info-box .content {
    width: 100%;
}
 */
.project-dashboard .progress {
  height: 7px;
}

.dashboard-stat-list {
  list-style: none;
  padding-left: 0;
}

.dashboard-stat-list li {
  padding: 16px 0 0 0;
}

.project-dashboard .small-section .info-box-3 .content .text {
  font-size: 12px;
  margin-top: 0;
}

.project-dashboard .small-section .info-box-3 .content .number {
  margin-top: 6px;
}

.report .alert {
  margin-bottom: 0px !important;
}

.ui-autocomplete-token-icon:before {
  content: "\f00d";
}

.project-phase .phase-dept {
  height: auto;
  word-break: break-word;
  white-space: normal;
  max-width: 85%;
}

.project-phase .cb-right {
  margin-right: 0px;
}

.navbar .gen-activity {
  height: 500px;
  overflow-x: hidden;
}

.report-summary-header {
  width: 100%;
  display: table-caption;
  font-weight: 600;
  font-size: 10px;
  background: #b0c4de;
  padding: 5px 10px;
}

/*.report-modal .report-details {
    padding: 0px !important;
}
*/
.report-details td {
  border: solid 1px #ddd;
  padding: 7px;
}

.report-modal .modal-body {
  padding: 0px !important;
}

.report-modal .modal-header {
  margin-bottom: 0px !important;
}

.report-main-section .report-label,
.tasks-section .report-label {
  font-size: 10px;
  font-weight: 200;
  margin-bottom: 0px;
}

/*HD*/
/*project-dashboard*/
.content.mnus_mrgn {
  margin: 50px 0px 0 0px;
}

.vani_dashboard {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

.vani_dashboard:after {
  position: absolute;
  content: "";
  top: 0;
  height: 100%;
  background: rgba(80, 80, 80, 0.8);
  width: 100%;
  z-index: 0;
}

.left_part_db {
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
}

.top_head {
  float: left;
  width: 100%;
}

.left_part_db .block-header {
  float: left;
  width: 100%;
}

h2.movie_name {
  float: left;
  width: 100%;
  font-family: armalite;
  font-size: 36px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 50px !important;
  color: white !important;
}

.details_of_mv {
  float: left;
  width: 100%;
}

.details_of_mv ul {
  padding: 0;
  float: left;
  width: 100%;
}

.details_of_mv li {
  float: left;
  list-style: none;
  margin-right: 10px;
  color: white;
  position: relative;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1.5px;
}

.details_of_mv li:after {
  position: absolute;
  content: "";
  top: 0;
  right: -6px;
  height: 100%;
  border-right: 1px solid #fff;
}

.details_of_mv li:last-child {
  margin: 0;
}

.details_of_mv li:last-child::after {
  border-right: 0;
}

.details_of_mv li span {
  opacity: 0.8;
}

.type_role {
  background: rgba(80, 80, 80, 0.8);
  padding: 2px 10px;
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}

.type_role i {
  font-size: 14px;
  color: white;
  vertical-align: sub;
}

.char_modl_task {
  float: left;
  width: 100%;
}

.char_modl_task .card {
  float: left;
  width: 100%;
}

.char_modl_task .card .header {
  padding: 5px 10px;
  background: #333;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.char_modl_task .card .header h2 {
  margin: 0;
  color: white;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  line-height: unset;
}

.char_modl_task .header h2 i {
  font-size: 15px;
}

.approver_nm {
  text-transform: uppercase;
  font-size: 11px;
  color: white;
  letter-spacing: 1px;
  font-weight: 600;
}

.char_modl_task .header span i {
  font-size: 12px;
  vertical-align: super;
}

.char_modl_task .card .body {
  float: left;
  width: 100%;
  padding: 15px 0;
}

ul.mdling_detl {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
}

.mdling_detl li {
  float: left;
  list-style: none;
  position: relative;
}

.mdling_detl li:after {
  content: "";
  position: absolute;
  right: 0;
  border-right: 1px solid #959899;
  height: 100%;
  top: 0;
  bottom: 0;
  opacity: 0.2;
}

.mdling_detl li:last-child::after {
  border-right: 0;
}

.mdling_detl li.cmp_wdth {
  width: 15%;
  text-align: center;
  height: 80px;
  display: table;
}

.completed_sec {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}

.completed_sec h3 {
  font-size: 37px;
  line-height: 1;
  margin-bottom: 0;
  color: #929292;
  font-weight: 100;
}

.completed_sec h3 span {
  font-size: 22px;
}

.completed_sec small {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: #333333;
}

.mdling_detl li.prgs_wdth {
  width: 70%;
  padding: 0 50px;
}

.progress_sec {
  width: 100%;
  text-align: center;
}

.approved_num {
  text-align: left;
  width: 100%;
}

.approved_num small {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  color: #656565;
}

.approved_num h4 {
  margin: 0;
  font-size: 26px;
  color: #656565;
}

.approved_num.light_gray {
  text-align: right;
}

.approved_num.light_gray small,
.approved_num.light_gray h4 {
  color: #b8babb;
}

.progress_sec .progress {
  width: 100%;
  height: 12px;
  border-radius: 4px;
  margin: 0;
}

.progress_sec span {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 0.5px;
  font-weight: 600;
}

li.dys_wdth {
  width: 15%;
  text-align: center;
  height: 80px;
  display: table;
}

li.dys_wdth .completed_sec {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}

li.status_wdth {
  width: 9%;
  text-align: center;
}

li.status_wdth {
  width: 9%;
  text-align: center;
  height: 80px;
  display: table;
}

.current_status {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.current_status img {
  margin: 0 auto;
  width: 20px;
}

.monthly_task_prgs {
  float: left;
  width: 100%;
}

.monthly_task_prgs img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.monthly_task_prgs span {
  background: #333333;
  width: 100%;
  padding: 10px;
  display: block;
  color: white;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.task_status {
  float: left;
  width: 100%;
  position: relative;
}

.task_status .card {
  float: left;
  width: 100%;
  padding: 10px 0 50px 0;
}

.task_status_chart {
  float: left;
  width: 100%;
}

.task_status_chart img {
  width: 55%;
  margin: 0 auto;
}

span.task_heading {
  position: absolute;
  left: -35px;
  transform: rotate(-90deg);
  font-size: 16px;
  text-transform: uppercase;
  top: 60px;
  color: #676767;
}

.task_status_chart .indicator {
  height: 15px;
  width: 15px;
  border-radius: 3px;
  display: inline-block;
  vertical-align: sub;
}

.task_status_chart .table th {
  color: #888888;
  letter-spacing: 0.5px;
}

.task_status_chart .table td {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
}

.task_status_chart .table tbody tr td {
  padding: 11px 9px;
}

.right_part_db {
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
  margin: 15px 0 0 0;
}

.task_progress {
  float: left;
  width: 100%;
}

.right_part_db .card {
  float: left;
  width: 100%;
  padding: 15px;
  border: 2px solid #cfcfcf;
}

.de_chart {
  float: left;
  width: 100%;
}

.de_chart img {
  margin: 0 auto;
  width: 60%;
}

.de_chart h5 {
  margin-top: 10px;
  color: #676767;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-bottom: 0;
}

.de_chart span {
  font-size: 11px;
  font-weight: 600;
  color: #676767;
}

.task_progress ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 20px 0 0 0;
}

.task_progress ul li {
  float: left;
  width: 33.33%;
  text-align: center;
  list-style: none;
  position: relative;
  color: #888888;
}

.task_progress ul li:after {
  position: absolute;
  content: "";
  right: 0;
  border-right: 1px solid #ccc;
  height: 100%;
  top: 0;
}

.task_progress ul li:last-child::after {
  border-right: 0;
}

.task_progress ul li h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 100;
}

.bid_actual_days {
  float: left;
  width: 100%;
}

.bid_actual_days h3 {
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  margin: 0 0 15px;
  color: #676767;
}

.pre_inst {
  float: left;
  width: 100%;
}

.pre_inst .progress {
  width: 100%;
  height: 11px;
  border-radius: 3px;
}

.instructn {
  float: left;
  width: 100%;
}

.instructn small {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.5px;
  color: #888888;
}

.prd_num {
  float: right;
  width: auto;
}

.prd_num small {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 0.5px;
  color: #888888;
}

.counter_numbs,
.counter_numbs_two {
  float: left;
  width: 100%;
}

.counter_numbs ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

.counter_numbs_two ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

.counter_numbs ul li {
  float: left;
  width: 25%;
  text-align: center;
  list-style: none;
}

.counter_numbs_two ul li {
  float: left;
  width: 50%;
  text-align: center;
  list-style: none;
}

.round_bordr {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.round_mbms {
  border-radius: 50%;
  width: 54px;
  height: 54px;
  text-align: center;
  line-height: 54px;
  margin: 2px;
}

.green_brclr {
  border: 1px solid #8dc65c;
}

.green_crlc {
  background: #8dc65c;
}

.sky_brclr {
  border: 1px solid #10acc1;
}

.sky_crlc {
  background: #10acc1;
}

.purple_brclr {
  border: 1px solid #c769ca;
}

.purple_crlc {
  background: #c769ca;
}

.blue_brclr {
  border: 1px solid #445ecf;
}

.blue_crlc {
  background: #445ecf;
}

.round_mbms span {
  color: white;
  font-size: 20px;
}

.total_members h4 {
  margin: 8px 0 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
  line-height: 16px;
}

.assests_otp {
  float: left;
  width: 100%;
}

.right_part_db .assests_otp .card {
  padding: 0;
}

.assests_otp .progress_sec {
  padding: 15px;
}

.ast_bg {
  float: left;
  width: 100%;
  padding: 15px 10px;
  background: #0094d1;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin: 10px 0 0;
  position: relative;
}

.ast_bg span {
  color: white;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: bold;
}

.ast_bg:before {
  position: absolute;
  content: "";
  width: 51px;
  height: 51px;
  background: url("../images/assests.png");
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.ast_bg.purple_bg {
  background: #c769ca;
}

.ast_bg.purple_bg:before {
  background: url("../images/shots.png");
  position: absolute;
  content: "";
  width: 51px;
  height: 51px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 5px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.approval_tasks .instructn {
  text-align: right;
}

.approval_tasks {
  font-size: 12px;
}

.select_ur_task {
  float: left;
  width: 100%;
}

.select_ur_task .form-control {
  padding: 8px 12px !important;
}

.select_ur_task select {
  text-transform: uppercase;
  font-size: 12px;
}

/*project-dashboard ends*/
span.task-total {
  /*float: right;
    position: absolute;
    right: 10px;
    top: 10px;*/
  width: auto;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 1px 3px;
}

.task_status .label {
  line-height: 1.35 !important;
}

.task_status .task-status-depts {
  position: relative;
  left: 35px;
  top: 0px;
}

/*Project Dashboard*/
.custom-file-upload {
  position: relative;
}

.custom-file-upload input[type="file"] {
  display: block !important;
  position: absolute;
  width: 100%;
  height: 100%;
  color: transparent;
  left: 0;
  text-indent: 1000px;
  overflow: hidden;
}

.file-upload {
  background-color: #ffffff;
  width: 600px;
  margin: 0 auto;
  padding: 20px;
}

.file-upload-content {
  display: none;
  text-align: center;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.image-upload-wrap {
  border: 3px dashed #ddd;
  position: relative;
  border-radius: 10px;
}

.drag-text {
  text-align: center;
}

.drag-text h3 {
  font-size: 14px;
  color: #ddd;
  font-weight: 100;
  padding: 40px 0;
}

.task-reschedule .form-group {
  width: 95% !important;
}

.assign-task tbody tr td .material-icons {
  color: #000;
}

.show-dependency {
  display: none;
}

.dependency:hover .show-dependency {
  display: block;
  cursor: pointer;
}

.login-page .custom-icon-alert-box span {
  margin-left: 5px;
}

/*Swal-styles*/
.swal2-container .swal2-modal .swal2-content {
  font-size: 19px;
  color: #555;
  font-weight: inherit;
}

.swal2-container .swal2-buttonswrapper .swal2-confirm {
  background-color: #fb483a !important;
  color: #fff;
}

.swal2-container .swal2-buttonswrapper .swal2-confirm:hover,
.swal2-container .swal2-buttonswrapper .swal2-confirm:active,
.swal2-container .swal2-buttonswrapper .swal2-confirm:focus {
  background-color: #ea3526 !important;
  color: #fff;
}

.swal2-container .swal2-buttonswrapper .swal2-cancel {
  background-color: #fff !important;
  border: 1px solid #e0e0e0 !important;
  color: #333 !important;
}

.swal2-container .swal2-buttonswrapper .swal2-cancel:hover {
  background-color: #e9e9e9 !important;
  color: #333 !important;
}

.department-task-list tbody tr td .material-icons {
  color: #ccc !important;
}

.dataTable tbody tr td .material-icons:hover {
  color: #999999;
}

.dataTable thead th i {
  color: #ccc !important;
}

.chk-col-grey:focus + label,
.radio-col-grey:focus + label {
  padding-right: 0px;
}

.ui-autocomplete-input-token input {
  width: 15em !important;
}

.attachments .image-box {
  cursor: pointer;
}

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

.sidebar-window .sidebar-list .manage-column tbody tr td {
  height: 30px;
  padding: 2px 9px;
  cursor: auto;
}

.sidebar-window .import-list tbody tr td {
  padding: 1px 9px;
}

/*.outsourced-tasks .outsourcedTasksTable .editableDataTable tr .cursor-pointer{
    cursor: pointer !important;
     background-color: #fdffc2 !important;
}
*/
.outsourced-tasks .editableDataTable tbody tr td.editor-td {
  cursor: pointer !important;
  background-color: #fdffc2 !important;
}

/*.list-group-item:hover .dragula-handle{
    display: block !important;
}
*/
.permissions thead tr th,
.work-calendar thead tr th {
  cursor: default !important;
}

.permissions tbody tr td,
.work-calendar tbody tr td {
  height: 30px;
  padding: 2px 9px;
  cursor: auto;
}

.permissions table {
  margin: 0px;
}

.work-calendar .table-responsive {
  min-height: 100px;
}

.work-calendar .dataTable tbody tr td .material-icons:hover,
.work-calendar .editableDataTable .material-icons:hover {
  color: #000 !important;
}

.vani-login .input-group-addon {
  vertical-align: unset !important;
}

.project-bidding-report .form-control[readonly] {
  cursor: default !important;
  opacity: 0.65;
}

/*.project-bidding-report .disabled{
     cursor:not-allowed !important;
}
*/
/*.add-phases .bs-popover-left .arrow,.add-phases .bs-popover-right .arrow{
     top: calc(9% - 2.5px) !important;
}
*/
.add-phases .popover.left > .arrow {
  top: calc(8% - 2.5px) !important;
}

.dataTable.table thead tr th i.sorted {
  color: #999999 !important;
}

.sidebar-window .manage-column .checkbox-label {
  vertical-align: middle !important;
}

.permissions [type="checkbox"] + label {
  width: 100%;
}

.sidebar-window .import-list tr {
  height: 30px;
}

.sidebar-window .import .template-download {
  color: #03a9f4;
  background: 0;
  border: 0;
}

.sidebar-window .import .template-download:hover {
  color: #084467 !important;
}

.total-unassigned {
  color: #ff0000 !important;
  cursor: pointer;
}

.activity .list-group-item {
  border-bottom: 0px;
}

.editableDataTable div:last-child .list-group-item {
  border-bottom: 1px solid #e0e0e0;
}

.project-list .project-code-hover:hover,
.dataTable .a-link-class:hover {
  color: #037df5 !important;
}

.p-auto-multiple .ui-autocomplete .ui-autocomplete-dropdown {
  height: 29px !important;
}

/*.dataTable .a-link-class:hover{color: #037df5 !important;}*/
.edit-assign.custom-body [type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after {
  border: 2px solid #d1d1d1 !important;
}

.edit-assign.custom-body label {
  cursor: default !important;
}

.outsourced-tasks .outsourcedTasksTable thead p {
  text-align: left;
}

.filter-all i {
  top: 10px !important;
  cursor: pointer;
}

.filter-tasks .card .body {
  padding: 0px !important;
}

.filter-tasks .collapse {
  width: 100%;
}

/*.filter .table tbody{border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;float: left;width: 100%;}
.filter .table tbody tr td{border-bottom: 0px;border-top: 0px;}*/
.filter-tasks .table tbody tr td {
  border-bottom: 0px;
}

.filter-tasks .table tbody tr:last-child td {
  border-bottom: 1px solid #e0e0e0;
}

.filter-tasks .table tbody,
.filter-tasks .table tr {
  float: left;
  width: 100%;
}

.filter-tasks .table tbody tr td:first-child {
  float: left;
  width: 20%;
}

.filter-tasks .table tbody tr td:last-child {
  float: left;
  width: 80%;
}

.filter-tasks .table tbody tr td .checkbox-label {
  height: 10px !important;
  line-height: 18px !important;
}

.filter-tasks .table-responsive {
  min-height: 0px;
}

.filter-tasks .card .header .header-dropdown {
  top: 0px !important;
  right: 5px !important;
}

.filter-tasks .dropdown-menu > li > a i.material-icons {
  margin-left: -10px !important;
}

.filter-tasks .dropdown-menu {
  min-width: 180px !important;
}

.task-info-section .cursor-default {
  cursor: default !important;
  color: #555 !important;
}

.current-task img {
  width: 70px;
  height: 75px;
  padding: 5px;
}

.floating-btn {
  z-index: 1;
  position: fixed;
  right: 30px;
  bottom: 30px;
}

/*.current-task .floating-btn {background: rgba(3, 169, 244, 0.6) !important; }*/
.current-task .floating-btn {
  background: rgba(26, 28, 29, 0.8) !important;
}

.current-task .popover .popover-content,
.current-task .popover-content .popover-body {
  min-width: 450px !important;
  background-color: rgba(51, 51, 51, 0.9803921568627451) !important;
}

.current-task .popover.left > .arrow:after {
  border-left-color: rgba(51, 51, 51, 0.9803921568627451) !important;
}

.current-task.current-task-bg {
  background-color: rgba(26, 28, 29, 0.8) !important;
}

.current-task .cursor-pointer,
.client-stagged-review .cursor-pointer {
  cursor: pointer !important;
}

.current-task .play-icon {
  font-size: 40px;
  color: #fff;
}

.comment-section .left-side .comment-time {
  font-size: 12px;
  /* color: #382d2d; */
  color: #999999;
  float: left;
}

.comment-section .right-side .comment-time {
  font-size: 12px;
  /* color: #382d2d; */
  color: #999999;
  float: right;
}

.comment-section .comment-time {
  font-size: 12px;
  /* color: #382d2d; */
  color: #999999;
  float: right;
}

.div-navbar-brand:hover .custom-dropdown {
  display: block !important;
}

.custom-dropdown {
  height: auto;
  overflow: auto;
  max-height: 550px;
}

.project-header-icon-i {
  margin-left: -25px;
  width: 40px;
  height: 40px;
  border-radius: 100px !important;
  border: 2px solid #ff9800;
  margin: 2px auto;
  color: #ff9800 !important;
  line-height: 35px;
}

.cursor-disabled {
  cursor: not-allowed !important;
}

.cursor-no-events {
  pointer-events: none !important;
}

.notification-menu {
  height: auto !important;
}

.notification-menu .footer {
  position: relative;
  bottom: 0;
  background: #fff;
}

.notification-menu .footer a {
  text-align: center;
  padding: 5px 0 5px 0;
  font-size: 12px;
  margin-bottom: -5px;
  color: #666;
}

.notification-menu .slimScrollDiv {
  height: auto !important;
  max-height: 400px;
  overflow: auto !important;
  overflow-x: hidden !important;
}

/*
.nested-li:hover .sub-menu{opacity: 0;}
.nested-li:active .sub-menu,.nested-li:focus .sub-menu{opacity: 1;}*/

.task-list .card .task-detail-open ul li:nth-child(even) {
  background-color: rgba(255, 255, 255);
}

.task-list .card .task-detail-open .active {
  background-color: rgba(206, 195, 195, 0.58) !important;
}

.tasks-summary .table:hover,
.mgmt-dashboard .mgmt-dashboard-table td {
  cursor: grab !important;
}

.tasks-list .retake .cursor-pointer,
.tasks-list .retake:hover .cursor-pointer {
  color: #fff !important;
}

.dataTable tbody tr:hover .status-col span {
  opacity: 1 !important;
}

.status-col i {
  color: #fff !important;
}

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

.task-review i.fa.fa-theme {
  font-size: 18px !important;
}

.task-review .ui-autocomplete-multiple-container,
.task-track .ui-autocomplete-multiple-container {
  float: left;
  /* width: 86% !important; */
}

.artis-list .assign {
  width: 12%;
  float: left;
}

.artist-name {
  width: 100%;
  text-align: center;
  float: left;
  margin: 5px 0 0 0;
  font-size: 12px;
}

.task-track .p-auto-multiple,
.task-review .p-auto-multiple {
  height: auto;
}

.pointer_none {
  pointer-events: none;
}
.s-dep ul.ui-autocomplete-multiple-container {
  width: 95% !important;
}
.project_image img {
  vertical-align: unset !important;
}
.retake-status .vi1-dropdown {
  left: -3px !important;
}
.theme-orange .task-track .nav-tabs > li:last-child a {
  color: #f44336 !important;
}

.theme-orange .task-track .nav-tabs > li.active:last-child a {
  color: #f44336 !important;
}

.theme-orange .task-track .nav-tabs > li.active:last-child a:before {
  border-bottom: 2px solid #f44336;
}

/*.s-dep .p-auto-multiple{overflow: hidden!important;}*/
/*.s-dep .p-auto-multiple ul.ui-autocomplete-multiple-container{height: 30px!important;}*/
.s-dep .p-auto-multiple ul.ui-autocomplete-multiple-container {
  height: auto !important;
}

.s-dep-comments span.p-auto-multiple {
  height: auto !important;
}

.s-dep-comments .p-auto-multiple {
  overflow: unset !important;
}

.theme-orange .task-detail-main .nav-tabs > li:last-child a {
  color: #999999 !important;
}

.theme-orange .task-detail-main .nav-tabs > li:last-child a:before {
  border-bottom: 2px solid #999999;
}

.theme-orange .task-detail-main .nav-tabs > li.active:last-child a {
  /* color: #ff9800 !important; */
}

.theme-orange .task-detail-main .nav-tabs > li.active:last-child a:before {
  border-bottom: 2px solid #ff9800;
}

.comments .task-detail-tab-section .tab-content {
  overflow-x: auto;
  height: 440px;
}

.asset-shot-details .task-detail-tab-section .tab-content {
  /* overflow-x: auto; */
  /* height: 640px; */
}

.comments .comment-section-new .comment-section {
  /* height: calc(100vh - 295px);
     */
  height: 45vh;
  height: calc(100vh - 90px);
  overflow-x: auto;
  margin-bottom: 10px;
  background: rgba(238, 238, 238, 0.2);
  border: 1px solid #e0e0e0;
  padding: 10px;
}

.tasks-status-filter .ui-autocomplete .ui-autocomplete-multiple-container {
  height: auto !important;
  float: left;
  width: 83% !important;
  padding: 1px 0 !important;
}

.tasks-status-filter-os-tasks
  .ui-autocomplete
  .ui-autocomplete-multiple-container {
  height: auto !important;
  float: left;
  /* width: 75% !important; */
  padding: 1px 0 !important;
}

/*.rejected-parent{background: #ff980073 !important;}*/
.rejected-parent,
.rejected-parent .datatable-row-right {
  /* background: #ff980033 !important; */
  background: #f2692710 !important;
}

.right_part_db_vendor {
  top: 126px;
}

.client-stagged-review .list-group .active:hover,
.client-stagged-review .list-group .active:focus,
.client-stagged-review .list-group .active:active {
  color: #333333 !important;
  background-color: #eee !important;
  border-color: #e0e0e0 !important;
}

.client-stagged-review .btn:not(.btn-link):not(.btn-circle) {
  padding: 0px;
  width: 100%;
}

.client-stagged-review .btn:not(.btn-link):not(.btn-circle) i {
  margin: 0 auto;
  display: block;
  top: 0px;
}

.task_status span.non-w-inv {
  /*float: right;
     position: absolute;
     right: 90px;top: 10px;*/
  width: auto;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 1px 3px;
  margin: 0 5px;
}

.users .ui-autocomplete-multiple-container.ui-inputtext {
  overflow: visible !important;
  align-content: center;
}

/*Main Dashboard Styles*/
.Product_dashboard {
  width: 100%;
  float: left;
}

/* header css start */
.pruductshotsdetail {
  margin-bottom: 20px;
}

.Product_dashboard .main-header {
  width: 100%;
  float: left;
  padding: 0px 15px;
}

/*20px 30px 10px*/
.Product_dashboard .main-header .menu {
  float: left;
  width: 100%;
  position: relative;
}

.Product_dashboard .main-header .menu:after {
  position: absolute;
  background: #696969;
  content: "";
  height: 1px;
  width: 100%;
  top: -17px;
  right: 0;
}

.info-container {
  padding: 0 8px;
}

.Product_dashboard .main-header .project {
  float: left;
  color: #696969;
  position: relative;
}

/*.Product_dashboard .main-header .project:after {position: absolute;background: #000;content: "";height: 15px;width: 1px;top: 0;right: 15px;}*/
.Product_dashboard .main-header .department {
  float: left;
  color: #696969;
}

.Product_dashboard .main-header .dropdown-toggle:hover {
  cursor: pointer;
}

.Product_dashboard .main-header .wth-100 {
  width: 11%;
}

.Product_dashboard .main-header .fa-chevron-down {
  padding-left: 8px;
  font-size: 12px;
  color: #000;
}

.Product_dashboard .dropdown-menu {
  margin-top: 0px !important;
}

/* header css over */

/* task css start */
.Product_dashboard .w_100 {
  width: 100%;
}

.Product_dashboard .light-purple {
  background-color: #a56abe !important;
}

.Product_dashboard .text-light-purple {
  color: #a56abe !important;
}

.Product_dashboard .gray {
  background-color: #b4b4b4;
}

.Product_dashboard .bg-light-orange {
  background-color: #ff9800 !important;
}

.Product_dashboard .text-light-orange {
  color: #ff9800 !important;
}

.Product_dashboard .lightblue {
  background-color: #8acff8;
}

.Product_dashboard .text-light-blue {
  color: #8acff8 !important;
}

.Product_dashboard .darkblue {
  background-color: #1a66ef;
}

.Product_dashboard .dark-cyan {
  background-color: #10acc1;
}

.Product_dashboard .text-dark-cyan {
  color: #10acc1;
}

.Product_dashboard .text-blue-grey {
  color: #607d8b !important;
}

.Product_dashboard .col-light-red {
  color: #f66 !important;
}

.Product_dashboard .bg-light-red {
  background-color: #f66 !important;
}

.Product_dashboard .text-deep-light-orange {
  color: #ff5722 !important;
}

.Product_dashboard .productcontent {
  /* margin: 10px 0 !important; */
  padding: 0 15px;
}

.productcontent,
.Product_dashboard .task,
.Product_dashboard .taskcontent {
  width: 100%;
  float: left;
}

.Product_dashboard .productcontent .taskcontent {
  padding: 20px 0 0;
  float: left;
  width: 97%;
}

.Product_dashboard .refresh {
  color: #848282;
}

.Product_dashboard .productcontent .taskcontent .card {
  min-height: 164px !important;
  border-radius: 6px !important;
}

.Product_dashboard .productcontent .card {
  border-radius: 6px !important;
}

.Product_dashboard .productcontent .tasks {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #b4b4b4;
  height: 434px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3%;
  float: left;
}

/*.task .col-lg-1 {width: 3.333333%;}*/
.Product_dashboard .productcontent .tasks h4 {
  transform: rotate(270deg);
  font-family: "Nunito" !important;
  color: #fff;
  letter-spacing: 2.5px;
}

.Product_dashboard .p-0 {
  padding: 0;
}

.Product_dashboard .tasks .taskcontent .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.Product_dashboard .productcontent .taskcontent .card .header {
  top: 23px;
  color: #8f8f8f;
  padding: 0px !important;
  border-bottom: 0px !important;
  font-weight: bold;
}

.Product_dashboard .productcontent .taskcontent .card .header .m-t-10 {
  margin: 27px 0 10px !important;
}

.Product_dashboard .productcontent .taskcontent .card .body {
  /*font-size:12px!important;*/
  display: table;
  min-height: 48px;
  padding: 4px 0 !important;
  color: #fff;
  letter-spacing: 0.5px;
  bottom: 0;
  position: absolute;
  width: 100%;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.Product_dashboard .productcontent .taskcontent .card .body span {
  display: table-cell;
  vertical-align: middle;
  font-weight: 700;
}

.Product_dashboard .productcontent .taskcontent .card .header span {
  width: 100%;
}

.Product_dashboard .productcontent .internal {
  color: #274ab4;
  position: relative;
  padding: 0 8px;
}

.Product_dashboard .productcontent .internal:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  border-right: 1px solid #848282;
}

.Product_dashboard .productcontent .external {
  color: #ee801c;
  padding: 0 8px;
}

.Product_dashboard
  .productcontent
  .taskcontent
  .row:first-child
  div:nth-child(2)
  .body
  span {
  display: inline-table;
}

.addtwotask {
  width: 100%;
  float: left;
}

.Product_dashboard
  .productcontent
  .taskcontent
  .row:first-child
  div:nth-child(4)
  .header
  .addtwotask {
  width: 50%;
}

.Product_dashboard
  .productcontent
  .taskcontent
  .row:first-child
  div:nth-child(4)
  .header
  .addtwotask:first-child {
  position: relative;
}

.Product_dashboard
  .productcontent
  .taskcontent
  .row:first-child
  div:nth-child(4)
  .header
  .addtwotask:first-child:after {
  position: absolute;
  background: #c1c0c0;
  content: "";
  height: 100%;
  width: 1px;
  top: 0;
  right: 0;
}

.Product_dashboard
  .productcontent
  .taskcontent
  .row:first-child
  div:nth-child(4)
  .header
  .addtwotask
  i {
  font-size: 36px;
}

.Product_dashboard
  .productcontent
  .taskcontent
  .row:first-child
  div:nth-child(4)
  .header
  .addtwotask:last-child
  p {
  margin: 10px 0 0;
  position: absolute;
  top: 36px;
  left: 100px;
}

.Product_dashboard
  .productcontent
  .taskcontent
  .row:first-child
  div:nth-child(4)
  .header
  .addtwotask:last-child
  .available {
  position: absolute;
  top: -10px;
  left: 90px;
  width: 100%;
}

.Product_dashboard
  .productcontent
  .taskcontent
  .row:first-child
  div:nth-child(4)
  .header
  p {
  color: #9e9e9e;
  letter-spacing: 0.5px;
}

.Product_dashboard
  .productcontent
  .taskcontent
  .row:first-child
  div:nth-child(5)
  .body {
  background-color: #b4b4b4;
}

.Product_dashboard
  .productcontent
  .taskcontent
  .row:first-child
  div:nth-child(6)
  .body {
  background-color: #a56abe;
}

/*.Product_dashboard .productcontent .taskcontent .row:first-child div:nth-child(4) .header p:first-child{position: absolute;top:25px;}
/* task css over */

/*delivery css start*/
.Product_dashboard .projectdeliverycontent,
.Product_dashboard .delivery,
.Product_dashboard .actualdelivery,
.Product_dashboard .chartcontent,
.timetocomplete,
.timecompleted {
  float: left;
  width: 100%;
}

.Product_dashboard .projectdeliverycontent {
  position: relative;
}

.Product_dashboard .projectdeliverycontent:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 12px;
  border-right: 1px solid #848282;
}

.Product_dashboard .deliveryheading {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #b4b4b4;
  height: 418px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3%;
  float: left;
}

.Product_dashboard .deliverycontent {
  padding: 20px 0;
  float: left;
  width: 97%;
}

.Product_dashboard .deliveryheading h4 {
  transform: rotate(270deg);
  font-family: "Nunito" !important;
  color: #fff;
  letter-spacing: 2.5px;
}

.Product_dashboard .projectdelivery,
.Product_dashboard .deliverycontent .today span:first-child {
  color: #8f8f8f;
  font-weight: bold;
}

.Product_dashboard .deliverycontent .today span:last-child {
  color: #8f8f8f;
  letter-spacing: 1.5px;
}

.Product_dashboard .projectdelivery span {
  letter-spacing: 2.5px;
}

.Product_dashboard .projectdelivery {
  margin: 80px 0 0;
}

.Product_dashboard .timecompleted {
  margin: 80px 0 0;
}

.Product_dashboard .projectdelivery .w-100 {
  width: 100%;
}

.Product_dashboard .actualdelivery .heading span {
  color: #8f8f8f;
  letter-spacing: 0.5px;
  /* font-weight: bold; */
}

.Product_dashboard .deliverycontent .card {
  border-radius: 6px !important;
  margin-bottom: 0px !important;
}

.Product_dashboard .deliverycontent .timetocomplete .card .header {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #c769ca;
  color: #fff;
  padding: 5px;
  font-weight: bold;
  letter-spacing: 1px;
}

.Product_dashboard .deliverycontent .timetocomplete .card .body img {
  height: 100%;
  width: 100%;
}

.Product_dashboard .deliverycontent .timetocomplete .card .body .delivered {
  height: 12px;
  width: 12px;
  background-color: #455dd0;
}

.Product_dashboard .deliverycontent .timetocomplete .card .body .approved {
  background-color: #c769ca;
  height: 12px;
  width: 12px;
}

.Product_dashboard
  .deliverycontent
  .timetocomplete
  .card
  .body
  .external-approved {
  background-color: #a5d6a8;
  height: 12px;
  width: 12px;
}

.Product_dashboard .productcontent .timetocomplete .card .body {
  display: table;
  min-height: 48px;
  /* letter-spacing: 0.5px; */
  width: 100%;
}

.Product_dashboard .productcontent .timetocomplete .card .body .bottomcontent {
  float: left;
}

.Product_dashboard
  .productcontent
  .timetocomplete
  .card
  .body
  .chartcontent
  .bottomcontent {
  padding: 0;
  float: left;
  text-align: center;
}

.Product_dashboard
  .productcontent
  .timetocomplete
  .card
  .body
  .chartcontent
  .bottomcontent:nth-child(2) {
  border-left: 0px;
}

.Product_dashboard
  .productcontent
  .timetocomplete
  .card
  .body
  .chartcontent
  .bottomcontent:nth-child(3) {
  border-left: 0px;
}

.Product_dashboard .productcontent .timetocomplete .card .body .chartcontent {
  padding: 0px;
}

.Product_dashboard .productcontent .pending {
  background-color: #455dd0;
  height: 12px;
  width: 12px;
  margin-top: 3px;
}

.Product_dashboard .productcontent .delivered {
  background-color: #c769ca;
  height: 12px;
  width: 12px;
  margin-top: 3px;
}

.Product_dashboard .productcontent .approved {
  background-color: #a5d6a8;
  height: 12px;
  width: 12px;
  margin-top: 3px;
}

.Product_dashboard .productcontent .color-info {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}

.Product_dashboard .todays {
  width: 20%;
  text-align: center;
  float: left;
}

.Product_dashboard .tomorrow {
  width: 50%;
  text-align: center;
  float: left;
}

.Product_dashboard .week {
  width: 30%;
  text-align: center;
  float: left;
}

/* color info css start */
.Product_dashboard .colorinfo {
  width: 100%;
  float: left;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 5px;
}

.Product_dashboard .colorinfo .delivered {
  height: 12px;
  width: 12px;
  background-color: #1e44b1;
  margin-top: 3px;
}

.Product_dashboard .colorinfo .approved {
  background-color: #f87b0d;
  height: 12px;
  width: 12px;
  margin-top: 3px;
}

.Product_dashboard .colorinfo .pending {
  background-color: #8bc34a;
  height: 12px;
  width: 12px;
  margin-top: 3px;
}

.Product_dashboard .productcontent .v01 {
  color: #8bc34a;
  position: relative;
  padding: 0 8px;
}

.Product_dashboard .productcontent .v01:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  border-right: 1px solid #848282;
}

.Product_dashboard .productcontent .row:first-child div:nth-child(2) .internal {
  padding: 0 12px 0 8px;
}

/*Table css start*/
.Product_dashboard .table-responsive,
.Product_dashboard .table-responsive .heading {
  width: 100%;
  float: left;
}

.Product_dashboard .table-responsive .heading {
  background-color: #455dd0;
  color: #fff;
  padding: 10px;
  letter-spacing: 0.5px;
  border-radius: 6px;
}

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

.completedintable {
  float: right;
}

.Product_dashboard .table-responsive .table {
  margin: 15px 0px;
  float: left;
}

.Product_dashboard .table-responsive .table thead tr th,
.Product_dashboard .table-responsive .table thead tr td,
.Product_dashboard .table-responsive .table tbody tr th,
.Product_dashboard .table-responsive .table tbody tr td {
  padding: 8px 15px;
}

.project-status table.collapse.in {
  display: table !important;
}

/*Table css over*/

.label-deep-orange {
  background-color: #ff5722;
}

.tasks-assign-and-comments .comment-section-new .comment-section {
  height: 60vh;
}

.task-assignment-btns {
  display: flex;
  column-gap: 6px;
}

.task-assignment-btns button {
  padding: 3px 7px;
}

.task-assignment-btns button:focus {
  box-shadow: unset !important;
  color: #555 !important;
}

.task-assignment-btns button:focus i {
  color: #555 !important;
}

.task-assignment-btns button i {
  font-size: 18px !important;
  top: 0 !important;
}

.task-assignment-btns .active {
  color: #555 !important;
  cursor: default !important;
}

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

.tasks-comments-report .wd-6 {
  width: 4%;
}

/*Management Dashboard*/
.mgmt-dashboard {
  margin-top: 65px;
}

.mgmt-dashboard .main-header {
  background: #fff;
  padding: 10px 15px 15px 5px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.mgmt-dashboard .card {
  box-shadow: unset;
  margin: 0;
  white-space: nowrap;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.mgmt-dashboard .card .header {
  border-bottom: 0px;
  float: left;
  width: 100%;
  padding-left: 5px;
}

.mgmt-dashboard .mgmt-dashboard-title {
  font-size: 20px !important;
  color: #a8a8a8 !important;
  float: left;
  width: 13em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mgmt-dashboard .card .mgmt-dashboard-body {
  margin-left: 19.5em;
  padding-bottom: 1px;
  overflow-x: scroll;
  padding-left: 0;
  padding-top: 0px;
  width: 100%;
  transition: all 0.3s ease;
}

.mgmt-dashboard-table {
  margin-bottom: 0px;
}

.mgmt-dashboard-table thead tr th {
  font-size: 20px;
  color: #a8a8a8;
  border-bottom: 1px solid #ccc !important;
}

.mgmt-dashboard-table tbody {
  border: 0;
  border-left: 0;
  border-right: 1px solid #ccc;
}

.mgmt-dashboard-table tbody tr {
  border-left: 1px solid #ddd;
}

.script-table tbody tr,
.script-table thead tr {
  border-left: 0px solid #ddd;
}

.mgmt-dashboard-table tbody tr td,
.mgmt-dashboard-table tbody tr th {
  border-top: 1px solid #ccc !important;
  border-bottom: 0px solid #ccc !important;
  padding: 10px 9px;
  border-right: 0 !important;
}

.mgmt-dashboard-table tbody tr th {
  border-right: 1px solid #ccc;
  /*padding-bottom: 22px!important;*/
  border-left: 1px solid #ccc;
  border-left: 0 !important;
}

/*.mgmt-dashboard-table tbody tr:last-child th{padding-bottom:0px!important;}*/
th.episode-box-main {
  position: absolute;
  width: 19.5em;
  left: 0;
  top: auto;
  background: #fff;
  z-index: 1;
  overflow: hidden;
}

/* .episode-box-main:before {content: "";padding-bottom: 5px;} */
.episode-box {
  width: 220px;
  float: left;
}

.episode-title {
  color: #a8a8a8;
  font-size: 15px;
  position: relative;
  margin-bottom: 0px;
  float: left;
  width: 100%;
}

.episode-title:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -10px;
  width: 135px;
  height: 1px;
  background-color: #a8a8a8;
  top: 25px;
}

.episode-box-body {
  float: left;
  width: 100%;
}

.episode-pcount {
  font-size: 26px;
  color: #464646;
  margin: 5px 0;
  float: left;
}

.episode-pcount small {
  font-size: 14px;
  font-weight: 100;
}

.planned-date {
  width: 100%;
  font-size: 12px;
  font-weight: 100;
  color: #aaa;
  float: left;
}

.planned-date .planned-date-left {
  position: relative;
  padding-left: 12px;
  float: left;
}

.planned-date .planned-date-left:before {
  position: absolute;
  content: "";
  left: 0;
  top: 4px;
  width: 8px;
  height: 8px;
  background-color: #737373;
  border-radius: 50%;
}

.planned-date .planned-date-left .badge {
  padding: 2px 10px 1px 10px;
  border-radius: 50px;
  background: red;
  font-size: 10px;
  margin-top: -2px;
}

.planned-date .planned-date-right {
  position: relative;
  float: right;
}

.planned-date .planned-date-right i {
  font-size: 14px;
  margin-top: 3px;
  float: left;
  margin-right: 2px;
}

.planned-progress,
.actual-progress {
  float: left;
  width: 100%;
  margin: 3px 0;
  border-radius: 30px !important;
  height: 8px !important;
  font-size: 10px;
}

.planned-progress .progress-bar {
  line-height: 12px !important;
  background-color: #8341d0 !important;
  text-align: left;
  padding-left: 5px;
}

.actual-progress .progress-bar {
  font-size: 10px;
  line-height: 12px !important;
  background-color: #16c15e !important;
  text-align: left;
  padding-left: 5px;
}

.script-box-main {
  padding-right: 0px !important;
}

.script-box-main:last-child {
  padding-right: 10px !important;
}

.script-box {
  border: 1px solid #ccc;
  border-radius: 10px !important;
  overflow: hidden;
}

.script-box .header {
  padding: 3px !important;
  float: left;
  width: 100%;
}

.script-box .header .script-title,
.script-box .header .script-pcount {
  float: left;
  font-size: 16px;
  position: relative;
  margin: 0;
  color: #333;
}

.script-box .header .script-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
}

.script-progressbar {
  font-size: 10px;
  width: 40px;
}

.script-progressbar .actual-progress,
.script-progressbar .planned-progress {
  float: left;
  width: 100%;
  margin: 3px 0;
  border-radius: 30px !important;
  height: 4px !important;
}

.script-progressbar .planned-progress .progress-bar {
  background-color: #8341d0 !important;
}

.script-progressbar-count {
  margin-left: 5px;
  bottom: 3px;
  position: relative;
}

/* .script-box .header .script-title:after,.script-box .header .script-pcount:after {width: 90px;position: absolute;height: 3px;content: "";background: #ddd;left: 0;bottom: -2px;z-index: 1;}
.script-box .header .script-title:before,.script-box .header .script-pcount:before {width: 70px;position: absolute;height: 3px;content: "";background: #16c15e;left: 0;bottom: -2px;z-index: 2;} */

.script-box .header .script-pcount {
  float: right;
}

.script-box .body {
  padding: 1px !important;
}

.script-box .table {
  margin-bottom: 0px;
}

.script-table {
  /*width: 250px;*/
  width: 100%;
}

.script-table tbody tr td,
.script-table tbody tr th {
  border-top: unset !important;
  border-bottom: unset !important;
  border: unset !important;
}

.script-table thead tr th {
  border-right: unset;
}

.script-table table thead tr th {
  border-bottom: unset !important;
}

.script-table tbody {
  border: unset;
}

.script-table thead tr td,
.script-table thead tr th {
  border-top: unset !important;
  border-bottom: unset !important;
  border: unset !important;
}

.script-table thead tr th {
  font-size: 12px;
  color: #333;
  font-weight: bold;
}

.script-table tbody tr th {
  font-size: 10px;
  color: #333;
}

.script-table tbody tr td {
  font-size: 10px;
  color: #9e9e9e;
}

.script-table .script-badge-success {
  background-color: #16c15e;
  width: 30px;
  height: auto;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  float: left;
  font-size: 10px;
  line-height: 18px;
}

.script-table .script-badge-danger {
  background-color: #ff0000;
  width: 30px;
  height: auto;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  float: left;
  font-size: 10px;
  line-height: 18px;
}

.script-table thead tr th,
.script-table tbody tr td,
.script-table tbody tr th {
  padding: 3px 5px !important;
}

.mgmt-dashboard .episode-title .cursor-pointer {
  cursor: pointer;
}

.d-flex {
  display: flex;
}

.w-100 {
  width: 100%;
}

.episode-planning {
  width: 50%;
  padding: 0px;
  height: 850px;
}

.mgmt-dashboard .department-planning-closed {
  width: 100%;
}

.mgmt-dashboard .department-planning-opened {
  width: 40% !important;
  border-right: 1px solid #ddd;
}

.mgmt-dashboard .episode-planning .modal-header {
  border-top: 1px solid #e5e5e5;
}

.custom-today-class {
  color: red;
}

/*.mgmt-dashboard .main-header{border-bottom: 1px solid #a2a2a2;}*/
.mgmt-dashboard .colorinfo {
  float: right;
  display: flex;
  justify-content: flex-end;
  padding: 0px 5px 0 15px;
  margin-top: 10px;
}

.mgmt-dashboard .colorinfo .planned {
  background-color: #8341d0;
  height: 12px;
  width: 12px;
  margin-top: 3px;
}

.mgmt-dashboard .colorinfo .actual {
  background-color: #16c15e;
  height: 12px;
  width: 12px;
  margin-top: 3px;
}

.mgmt-dashboard .colorinfo .bottomcontent {
  z-index: 1;
}

.mgmt-dashboard .no-result {
  height: 460px;
}

.mgmt-dashboard .no-result .mgmt-dashboard-table tbody {
  border-right: 0px;
}

.mgmt-dashboard .task-owner {
  width: 18px;
  height: 18px;
  text-align: center;
  float: left;
  font-size: 10px;
  line-height: 20px;
  border-radius: 50% !important;
  padding: 0;
}

.report-label {
  color: #696969;
}

.mgmt-dashboard .task-owner-lables {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px solid #ccc;
  display: flex;
  align-items: center;
}

.mgmt-dashboard .task-owner-lables li {
  display: inline-block;
  margin-left: 5px;
}

.mgmt-dashboard .report-label {
  font-size: 12px;
}

.mgmt-dashboard .ui-autocomplete {
  font-size: 12px;
}

.current-episode {
  background-color: #ededed !important;
}

.infinite-scroll-css {
  height: 415px;
  overflow-y: scroll;
}

.loading {
  color: white;
  padding-top: 50px;
}

.episode-title span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  display: block;
  float: left;
}

/*Management Dashboard Ends*/

/*Episodes-Sequences in assets*/
.episodes-sequences .shot-grid-section {
  padding-top: 0 !important;
}

/*.episodes-sequences .shot-grid-section .label-success {background-color: #4caf50;}
.episodes-sequences .shot-grid-section .label-danger {background-color: #f44336;}*/
.episodes-sequences-trim {
  text-overflow: ellipsis !important;
  white-space: nowrap;
  float: left;
  overflow: hidden;
  width: 80px;
}

.filter-dropdown.assets .ui-autocomplete input {
  width: 100% !important;
}

.assets-card .header,
.projects-card .header,
.os-card .header {
  display: flex;
  justify-content: space-between;
}

.assets-card .entity-filter-right,
.projects-card .entity-filter-right,
.os-card .entity-filter-right {
  display: flex;
}

.assets-card .entity-filter-right .asset-types {
  margin-right: 25px;
}

.assets-card .entity-filter-right .asset-types .btn-group,
.projects-card .entity-filter-right .asset-types .btn-group,
.os-card .entity-filter-right .asset-types .btn-group {
  box-shadow: unset;
}

.assets-card
  .entity-filter-right
  .asset-types
  .btn-group
  .btn:not(.btn-link):not(.btn-circle),
.projects-card
  .entity-filter-right
  .asset-types
  .btn-group
  .btn:not(.btn-link):not(.btn-circle) {
  border-radius: 0px !important;
  transition: all 0.3s ease-in;
  font-size: 12px;
}

.os-card
  .entity-filter-right
  .asset-types
  .btn-group
  .btn:not(.btn-link):not(.btn-circle) {
  /* border-radius: 0px !important; */
  transition: all 0.3s ease-in;
  font-size: 12px;
}

.assets-card .entity-filter-right .asset-types .btn-group .btn:hover,
.projects-card .entity-filter-right .asset-types .btn-group .btn:hover,
.os-card .entity-filter-right .asset-types .btn-group .btn:hover,
.assets-card .entity-filter-right .asset-types .btn-group .btn:focus,
.projects-card .entity-filter-right .asset-types .btn-group .btn:focus,
.os-card .entity-filter-right .asset-types .btn-group .btn:focus,
.assets-card .entity-filter-right .asset-types .btn-group .btn.active,
.projects-card .entity-filter-right .asset-types .btn-group .btn.active {
  background-color: #999999 !important;
  color: #fff;
}

/*No records pages*/
.oops-message {
  color: #ffcc00 !important;
}

.record-error-fs i {
  font-size: 31px !important;
  color: #ffcc00;
}

.records-error {
  /*color: #918989 !important;*/
  font-size: 22px;
  font-weight: 400;
}

/*Indications for tasks if parent tasks approved*/
.taskInfoCell .no-parent,
.task-track .no-parent {
  color: #000;
}

.dependencyViewIcon.no-parent path {
  /* fill: #000; */
  fill: rgb(223, 223, 223);
}

.taskInfoCell .approval-pending,
.task-track .approval-pending {
  color: #f44336;
}

.dependencyViewIcon.approval-pending path {
  fill: #f44336;
}

.taskInfoCell .partially-approved,
.task-track .partially-approved {
  color: #ff9800;
}

.dependencyViewIcon.partially-approved path {
  fill: #ff9800;
}

.taskInfoCell .fully-approved,
.task-track .fully-approved {
  color: #4caf50;
}

.dependencyViewIcon.fully-approved path {
  fill: #4caf50;
}

.select-from-list {
  font-size: 12px;
  margin-top: 5px;
  color: #aaa;
}

.bl-header .navbar-nav > li > a,
.project-navbar .navbar-nav > li > a {
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 60px;
}

.bl-header .navbar-nav > li > a span,
.project-navbar .navbar-nav > li > a span {
  display: block !important;
  font-size: 10px !important;
  font-weight: 700;
}

.vani .container-fluid {
  padding-top: 10px;
}

.vani .header-container {
  padding-top: 0px !important;
}

.project-dashboard-padding {
  padding: 10px 0 0 0;
}

.main-header .navbar-brand {
  margin: 8px 0 0 0 !important;
}

.applied-filter-alert {
  width: auto;
  display: inline-block;
  white-space: nowrap;
  padding: 0 !important;
}

.applied-filter-alert i {
  font-size: 18px !important;
}

.applied-filter-alert .alert {
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 12px !important;
  margin-left: 10px;
  display: flex;
}

.filter-activated {
  cursor: pointer;
}

.report-main-section .back-btn {
  width: auto;
}

.project-header .gen-activity {
  height: 347px !important;
  overflow-x: hidden;
}

/*Crew Planning*/
.crew-planning .available {
  background-color: #4caf50 !important;
  color: #fff;
}

.crew-planning .occupied {
  background-color: #f63c2fc9 !important;
  color: #fff;
}

.crew-planning .fullDayWeekly {
  background-color: #de7895 !important;
  color: #fff;
}

.crew-planning .halfDayWeekly {
  background-color: #daabb9 !important;
  color: #fff;
}

.crew-planning .holyDay {
  background-color: #78dede !important;
  color: #fff;
}

.crew-planning .leave {
  background-color: #9a5bff !important;
  color: #fff;
}

.crew-planning .leave1st {
  background-color: #9a5bff !important;
  color: #fff;
  background: linear-gradient(to bottom right, #9a5bff 0%, #9a5bff 50%, #4CAF50 50%, #4CAF50 100%);
}

.crew-planning .leave2nd {
  background-color: #9a5bff !important;
  color: #fff;
  background: linear-gradient(to bottom right, #4CAF50 0%, #4CAF50 50%, #9a5bff 50%, #9a5bff 100%);
}

.crew-planning .dataTable.table thead tr th {
  cursor: pointer;
  position: sticky;
  top: -1px;
  background: #fff;
}

.crew-planning .col-lg-1 {
  width: 6.333333% !important;
}

.crew-planning .ui-autocomplete {
  font-size: 12px !important;
}

.crew-planning .occupied-full-w {
  width: 100%;
  height: 15px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 21px;
  /* display: inline-block; */
  /* -webkit-box-orient: vertical; */
  font-size: 10px !important;
  /* margin: 0; */
  text-align: center;
}

/*Sticky Headers to be applied*/
/*.dataTable.table.sticky tbody tr:first-child td*/
.dataTable.table.sticky thead tr th {
  cursor: pointer;
  position: sticky;
  top: -1px;
  background: #fff;
  z-index: 1;
  font-size: 14px;
  color: #333;
  vertical-align: middle;
}

.team .ui-autocomplete-input-token {
  min-width: -webkit-fill-available !important;
}

.team .ui-autocomplete-input-token input {
  width: 155% !important;
  height: 100% !important;
}

.team .user-depts-review span {
  border: 0 !important;
  padding: 0px !important;
}

.crew-planning-dashboard .task-owner-lables {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-right: 5px;
  margin-right: 5px;
  display: flex;
  align-items: center;
}

.crew-planning .task-owner-lables li {
  display: inline-block;
  margin-left: 5px;
}

.crew-planning .colorinfo {
  width: 100%;
  float: left;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.crew-planning .colorinfo .available {
  height: 12px;
  width: 12px;
  background-color: #4caf50;
  margin-top: 3px;
}

.crew-planning .colorinfo .occupied {
  background-color: #f63c2fc9;
  height: 12px;
  width: 12px;
  margin-top: 3px;
}

.crew-planning .colorinfo .holyDay {
  background-color: #f63c2fc9;
  height: 12px;
  width: 12px;
  margin-top: 3px;
}

.crew-planning .colorinfo .leave {
  background-color: #9a5bff;
  height: 12px;
  width: 12px;
  margin-top: 3px;
}

.crew-planning .colorinfo .halfDayWeekly {
  background-color: #daabb9;
  height: 12px;
  width: 12px;
  margin-top: 3px;
}

.crew-planning .colorinfo .fullDayWeekly {
  background-color: #de7895;
  height: 12px;
  width: 12px;
  margin-top: 3px;
}

.vendors .dataTable.table.sticky tbody tr:first-child td,
.vendors .dataTable.table.sticky tbody tr:first-child th,
.seasons .dataTable.table.sticky tbody tr:first-child td,
.seasons .dataTable.table.sticky tbody tr:first-child th,
.episodes .dataTable.table.sticky tbody tr:first-child td,
.episodes .dataTable.table.sticky tbody tr:first-child th,
.sequences .dataTable.table.sticky tbody tr:first-child td,
.sequences .dataTable.table.sticky tbody tr:first-child th {
  position: sticky;
  top: 31px;
  z-index: 1;
  background-color: rgba(232, 232, 232, 1);
}

.clients .dataTable.table.sticky tbody tr:first-child td,
.clients .dataTable.table.sticky tbody tr:first-child th {
  position: sticky;
  top: 31px;
  z-index: 1;
  background-color: rgba(232, 232, 232, 1);
}

.projects .dataTable.table.sticky tbody tr:first-child td,
.projects .dataTable.table.sticky tbody tr:first-child th {
  position: sticky;
  top: 42px;
  z-index: 1;
  background-color: rgba(232, 232, 232, 1);
}

.dataTable.table.sticky tbody tr:first-child td,
.dataTable.table.sticky tbody tr:first-child th {
  position: sticky;
  top: 39px;
  z-index: 1;
  background-color: rgba(232, 232, 232, 1);
}

/*import help*/
.import .import-help {
  color: #eb0b0b !important;
  opacity: 0.5;
}

/*mgmt dashboard, crew planning header*/
.custom-card-header .header {
  display: flex;
  justify-content: space-between;
}

.custom-card-header .entity-filter-right {
  display: flex;
}

.custom-card-header .entity-filter-right .asset-types {
  margin-right: -15px;
}

.custom-card-header .entity-filter-right .asset-types .btn-group {
  box-shadow: unset;
}

.custom-card-header
  .entity-filter-right
  .asset-types
  .btn-group
  .btn:not(.btn-link):not(.btn-circle) {
  border-radius: 0px !important;
  transition: all 0.3s ease-in;
  font-size: 12px;
}

.custom-card-header .entity-filter-right .asset-types .btn-group .btn:hover,
.custom-card-header .entity-filter-right .asset-types .btn-group .btn:focus,
.custom-card-header .entity-filter-right .asset-types .btn-group .btn.active {
  background-color: #999999 !important;
  color: #fff;
}

/*25-09-20 New Task list screen css start*/
.task-details-view-section .task-details-view {
  margin-top: 15px;
}

.task-details-view-section .task-details-view .card {
  overflow: hidden;
}

.task-details-view-section .task-list-header {
  padding: 15px;
  font-size: 12px;
  color: #bbb;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
}

.task-details-view-section .new-task-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.task-details-view-section .new-task-list li {
  padding: 10px 15px;
  font-size: 12px;
  font-weight: bold;
  /*border-bottom: 1px solid rgba(221, 221, 221, 0.29);*/
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  /*flex-direction: column; */
  transition: all 0.3s ease-in;
}

.task-details-view-section .new-task-list li:hover,
.task-details-view-section .new-task-list li.active {
  cursor: pointer;
  background: #e9e9e9;
}

.task-details-view-section .new-task-list li .badge-primary {
  background: #2196f3;
  color: #fff;
}

.task-details-view-section .new-task-list li .badge-warning {
  background: #ff9800;
  color: #fff;
}

.task-details-view-section .new-task-list li .badge-purple {
  background: #a56abe;
  color: #fff;
}

.task-details-view-section .new-task-list li .badge-orange {
  background: #ff5722;
  color: #fff;
}

.task-details-view-section .new-task-list li .badge-light-red {
  background: #f66;
  color: #fff;
}

.task-details-view-section .new-task-list .new-task-list-status ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 5px;
}

.task-details-view-section .new-task-list .new-task-list-status ul li {
  margin: 0;
  padding: 0 5px;
  border: 0px;
}

.task-details-view-section .new-task-list .new-task-list-status ul .V01 {
  color: #8bc34a;
}

.task-details-view-section .new-task-list .new-task-list-status ul .internal {
  color: #274ab4;
}

.task-details-view-section .new-task-list .new-task-list-status ul .external {
  color: #ee801c;
}

.table-head-assignment-pending {
  background: #2196f3;
  color: #fff;
}

.table-head-inventory-fresh-retake {
  background: #2196f3;
  color: #fff;
}

.table-head-late-started-tasks {
  background: #2196f3;
  color: #fff;
}

.table-head-review-pending {
  background: #ff9800;
  color: #fff;
}

.table-head-retake-not-delivered {
  background: #a56abe;
  color: #fff;
}

.table-head-rejected-inventory {
  background: #ff5722;
  color: #fff;
}

.table-head-tasks-exceeded-deadline {
  background: #f66;
  color: #fff;
}

.table-head-tasks-timelog-exceed {
  background: #f66;
  color: #fff;
}

.task-details-view-section table thead tr {
  height: 30px !important;
  font-size: 14px !important;
}

.task-details-view-section table tr {
  height: 30px !important;
  font-size: 12px !important;
}

.task-details-view-section table td {
  height: 30px !important;
  padding: 0px 15px !important;
}

.dashboard-stats-view .cursor-pointer,
.task-details-view-section .cursor-pointer,
.project-status i,
.cursor-pointer {
  cursor: pointer;
}

.task-details-view-section .btn:hover {
  color: #fff;
}

.w-85 {
  width: 85%;
}

.w-78 {
  width: 78%;
}

.production-dashboard-btn .btn.btn-default:hover {
  background-color: #fff !important;
  color: #333 !important;
}

/*25-09-20 New Task list screen css over*/

.tasks-section .card tbody .active-task {
  background-color: rgba(206, 195, 195, 0.58) !important;
}

.dataTable .filter-dropdown .ui-autocomplete .filter-input:focus,
.dataTable .filter-dropdown .ui-autocomplete-multiple-container:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6) !important;
}

form .ui-inputtext.ui-state-focus,
.ui-inputtext:focus {
  box-shadow: none !important;
}

/*thumbnail view*/
.dataTable.table tbody tr td .thumbnail-view {
  width: 125px;
  height: 70px;
}

.custom-icon-grp .btn {
  padding: 2px 5px;
}

.m-r-145 {
  padding-right: 145px;
}

.header-icons {
  position: unset !important;
  padding-left: 20px;
  margin: 0;
}

.assets-card .entity-filter-right .thumbnail-view-btn i,
.projects-card .entity-filter-right .thumbnail-view-btn i {
  font-weight: 17px;
}

.assets-card .entity-filter-right .thumbnail-view-btn i,
.projects-card .entity-filter-right .thumbnail-view-btn i {
  color: #999999;
}

.assets-card .entity-filter-right .thumbnail-view-btn i:hover,
.projects-card .entity-filter-right .thumbnail-view-btn i:hover,
.os-card .entity-filter-right .thumbnail-view-btn i:hover {
  color: #fff;
}

.os-card .entity-filter-right .thumbnail-view-btn i,
.os-card .entity-filter-right .thumbnail-view-btn i:hover {
  color: #333;
}

.os-card .entity-filter-right .asset-types .btn-group .btn:hover,
.os-card .entity-filter-right .asset-types .btn-group .btn:focus {
  background-color: #fff !important;
  color: #333;
}

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

.width-8 {
  width: 8.66666% !important;
}

.tasks-section .form-advance-filter .ui-autocomplete {
  font-size: 13px !important;
}

/* .col-danger-light {
  color: #ea3526 !important;
} */

/* .col-danger-light .trashIcon path {
  fill: #ea3526 !important;
} */

.dropdown-menu .project-menu > .active,
.dropdown-menu .project-menu > .active:focus,
.dropdown-menu .project-menu > .active:hover {
  background-color: #3333331f !important;
}

.linked-asset-image {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
}

.no-wrap {
  white-space: nowrap;
}

.episodes-dept-summary-modal {
  width: 1195px !important;
}

.episodes-modal table td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 9999 !important;
  background: #fff;
}

.episodes-dept-summary-modal .episodes-modal .modal-header {
  padding: 0px !important;
  margin: 0 !important;
  border: auto !important;
}

.episode-stats .progress-bar {
  color: #333333;
}

.episode-progress-bar .progress-bar-danger {
  background-color: #d9534f;
}

.episode-progress-bar .progress-bar-info {
  background-color: #1a66ef !important;
}

.episode-progress-bar .progress {
  margin-bottom: 0px !important;
}

.three-col-eliipsis {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  float: left !important;
}

.multiple-tasks-start .disabled {
  color: gray;
  cursor: not-allowed;
}

.report-main-section .v-align-base {
  vertical-align: baseline;
}

.tasks-summary .dataTable tbody tr:hover {
  position: unset;
}

.assets-shots-details i {
  font-size: 12px !important;
}

.task-details-side-window {
  font-family: "Nunito", sans-serif !important;
  background: #fdfdfd;
  /* min-height: 100vh; */
  height: calc(100vh - 0px);
  overflow-y: scroll;
  position: relative;
  width: 805px !important;
}

.task-details-side-window-fixedWidth {
  font-family: "Nunito", sans-serif !important;
  background: #fdfdfd;
  /* min-height: 100vh; */
  /* height: calc(100vh - 0px); */
  overflow-y: scroll;
  position: relative;
}

/* For options in swal modal  */
.swal2-select,
.swal2-select option {
  font-size: 13px !important;
}

.crew-planning .col-lg-2,
.crew-planning .col-md-2 {
  /* width: 15.7%; */
}

/* UI multiselect */

.ui-multiselect {
  width: 100% !important;
}

label.ui-multiselect-label.ui-corner-all {
  margin-bottom: 0px;
  /* color: #e0e0e0; */
  font-weight: 500;
}

.ui-multiselect-header .ui-multiselect-filter-container .fa {
  position: absolute;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
}

li.ui-multiselect-item.ui-corner-all {
  display: flex !important;
}

.multiselect-dropdown .dropdown-btn .dropdown-down {
  display: inline-block;
  top: 10px;
  width: 0;
  height: 0;
  border-top: 5px solid #e0e0e0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}

.multiselect-dropdown .dropdown-btn .dropdown-up {
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 5px solid #e0e0e0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}

.ngx-file-drop__drop-zone {
  border: 2px dashed #e0e0e0 !important;
  height: 200px !important;
}

.ngx-file-drop__content {
  flex-direction: column !important;
  gap: 10px;
  height: 100% !important;
}

/** chirag */
.sideTootleNolength {
  padding: 45px 14px !important;
}

.panel-default {
  border-color: none !important;
}

.panel-heading + .panel-collapse > .panel-body {
  border-top: none !important;
}

.panel-heading.card-header {
  padding: 15px !important;
  background: #455dd0;
  color: white;
  margin: 0;
  border-radius: 5px;
}

.customCs .ui-autocomplete-panel {
  width: 86% !important;
}

.modal-lg-import {
  width: 900px !important;
}

.custom-font-size .multiselect-dropdown .dropdown-btn {
  width: 162pt !important;
}

.custom-font-size {
  width: 150pt !important;
}

.singleselect .multiselect-item-checkbox {
  padding: 0px !important;
}

.singleselect input[type="checkbox"] + div:before {
  display: none;
}

.singleselect input[type="checkbox"] + div:after {
  display: none;
}

.singleselect input[type="checkbox"] + div {
  padding: 6px 10px !important;
}

.singleselect input[type="checkbox"]:checked + div {
  background-color: #337ab7 !important;
  color: #fff !important;
}

.glob-sticky-header {
  position: sticky;
  top: 0;
  left: 0;
  background: rgba(232, 232, 232, 1) !important;
  z-index: 111;
}

.custom-in .form-control {
  padding-left: 10px !important;
}

.slide-width .task-list {
  height: calc(100vh - 250px);
  overflow-y: scroll;
  position: relative;
}

.formSaveButton {
  width: 72px !important;
  height: 36px !important;
  background: #f26927 !important;
  border-radius: 5px !important;

  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #ffffff;
  box-shadow: none !important;
}

.formSaveButton.btn-danger {
  background: #fb483a !important;
}

.formSaveButton:hover,
.modalFormSaveButton:hover,
.add-phase:hover {
  color: #ffffff !important;
  background-color: #db5717 !important;
}

.modalActionButton {
  width: 104px !important;
  height: 36px !important;
  background: #fb483a !important;
  border-radius: 5px !important;

  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #ffffff;
}

.modalCancelButton,
.modalUnassignButton, .modalUnassignButton:hover,
.phaseListCancelButton {
  width: 84px !important;
  height: 36px !important;
  border-radius: 5px !important;

  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #000;
}

.modalUnassignButton, .modalUnassignButton:hover {
  width: 93px !important;

  background-color: #FB483A;
  color: #FFFFFF;
}


.modal-title {
  font-family: "Nunito" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  /* font-size: 24px !important; */
  font-size: 20px !important;
  line-height: 33px !important;
  text-align: center !important;
  color: #333333 !important;
}

.modalSuccessIconBg {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eaf5ea;
  border-radius: 50%;
  margin: 0 auto 16px;
}

.modalDeleteIconBg {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff0ef;
  border-radius: 50%;
  margin: 0 auto 16px;
}

.alert-message-section p {
  font-family: "Nunito" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 19px !important;
  text-align: center !important;
  /* color: #696969 !important; */
  color: #999999 !important;
}

.actionModalHeader .close {
  position: absolute;
  opacity: 1;
  /* top: 24px; */
  top: 20px;
  right: 24px;
}

/* ngx file dropa css */
.ngx-file-drop__drop-zone {
  border: 2px dotted #33333352 !important;
  border-radius: 8px !important;
}

.ngx-file-drop__content {
  color: #f26927 !important;
}

.filter-tasks .card .body .list-group {
  /* max-height: 640px !important; */
  height: calc(100vh - 292px) !important;
  overflow-y: scroll;
  padding: 10px;
}

.ui-autocomplete-input-token input::placeholder {
  font-size: 14px !important;
}

.header-dropdown > li {
  /* margin-right: 7px; */
  margin: 0px 7px;
}

.unassignModalContent .swal2-html-container {
  width: max-content;
}

.header-dropdown li a img {
  position: absolute;
  right: 35px;
  top: 6px;
}

.dropdown a img {
  position: absolute;
  right: 0 !important;
  top: 0 !important;
}

/* For ng-multiselect-dropdown  */
.dropdown-multiselect__caret {
  border-left: 1px solid #e0e0e0 !important;
  border-top: 1px solid #e0e0e0 !important;
  /* height: 35px !important; */
  height: 30px !important;
  padding-top: 11px !important;
  transition: transform 0s !important;
  transform: rotateZ(0deg) !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.multiselect-dropdown {
  /* border: 1px solid #e0e0e0 !important; */
  border: none;
  border-radius: 5px !important;
}

/* .dropdown-multiselect--active .dropdown-multiselect__caret {
  border-left: 0px!important;
  border-right: 2px solid grey !important;
  height: 30px !important;
  padding-top: 11px !important;
  transition: transform .0s !important;
} */

/* .multiselect-dropdown[_ngcontent-xjm-c17] .dropdown-btn[_ngcontent-xjm-c17] .dropdown-multiselect__caret[_ngcontent-xjm-c17] {
} */

.tooltipCustom {
  background: #fff;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0px 0px 10px 0px #00000033;
  border-radius: 5px;
  position: absolute;
  z-index: 10;
  bottom: 0;
  top: 26px;
  background-color: #fff;
  width: 574px;
  height: fit-content;
  right: -20px;
  left: auto;
  padding: 10px !important;
  display: none;
  font-size: 12px;
  font-weight: 400;
  font-family: "Nunito";
  color: rgba(51, 51, 51, 1);
  white-space: normal;
  word-wrap: break-word;
}

.teamManagementMoreProjects .tooltipCustom {
  width: auto;
}

.tooltipCustom::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 9px solid #d9d9d9;
  position: absolute;
  right: 19px;
  top: -9px;
  rotate: 180deg;
}

.tooltipCustom::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 8px solid #fff;
  position: absolute;
  right: 20px;
  top: -8px;
  rotate: 180deg;
}

.tooltipCustom ul {
  padding-left: 16px;
}

.tooltipCustom ul li {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #333;
  list-style-type: disc;
}

.tooltipCustom ul li:not(:last-child) {
  margin-bottom: 8px;
}

.tooltipCustom ul li::marker {
  color: #999;
}

.tooltip-block:hover > .tooltipCustom {
  display: block !important;
}

.tooltip-block {
  position: relative;
}

.deleteActionModalHeader {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.deleteListItemModalHeader {
  box-shadow: none !important;
}

/* .listItemSidebar .ng-sidebar {
  z-index: 100000000 !important;
} */

.navbar-brand {
  line-height: 30px;
}

.bidStatusCircle {
  background: #ffffff;
  height: 30px;
  width: 30px;
  border: 1px solid rgba(224, 224, 224, 1);
  border-radius: 23px;
}

/* .userNameIconCircle {
  background: #f26927;
  height: 26px;
  width: 26px;
  border: 1px solid rgba(224, 224, 224, 1);
  border-radius: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: bold;
} */
.userNameIconCircle {
  background: #f269271a;
  height: 26px;
  width: 26px;
  /* border: 1px solid rgba(224, 224, 224, 1); */
  border: 1px solid #f26927;
  border-radius: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f26927;
  font-weight: bold;
}

/* Global status color */
.awaitingInventory {
  background: #949494;
}
.inventory {
  background: #33a0ff;
}

.WIP {
  background: #e9b130;
}

.SFR {
  background: #da64ec;
}

.DONE {
  background: #00a796;
}

.RTK {
  background: #f66747;
}

.APR {
  background: #33b751;
}

.UNAPR {
  background: #ff495b;
}

.OHLD {
  background: #bebebe;
}
.NA {
  background: #d1d1d1;
}
.CBB {
  background: #ff5aa6;
}
.OOP {
  background: #9e6ff2;
}
.chip {
  display: inline-block;
  padding: 5px;
  width: 100%;
  color: rgba(255, 255, 255, 1) !important;
  font-family: Nunito;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
}

.editableCost {
  cursor: pointer !important;
  width: 100px !important;
  background-color: #fdffc2 !important;
}

/* Project settings > Team  */
/* .assignTeamTable .datatable-header-cell-template-wrap label.datatable-checkbox {
  margin-left: 6px !important;
  top: 11px !important;
}

.assignTeamTable .datatable-body-cell-label .datatable-checkbox {
  margin-left: 2px !important;
  top: -2px !important;
} */

/* .assignTeamTable
  .datatable-header-cell-template-wrap
  label.datatable-checkbox
  input[type="checkbox"]::before,
.assignTeamTable
  .datatable-body-cell-label
  label.datatable-checkbox
  input[type="checkbox"]::before {
  border-color: #b5adad !important;
}

.assignTeamTable
  .datatable-body-cell-label
  .datatable-checkbox
  input[type="checkbox"]:checked:before {
  border-color: #009688 !important;
} */

/* .assignTeamTable .datatable-header-cell,
.assignTeamTable .datatable-body-cell {
  min-width: 230px !important;
  max-width: 230px !important;
  width: 230px !important;
} */

/* For device with less than 1500 width, the ui gets disturbed  */
/* @media only screen and (max-width: 1500px) {
  .assignTeamTable .datatable-header-cell,
  .assignTeamTable .datatable-body-cell {
    min-width: 170px !important;
    max-width: 170px !important;
    width: 170px !important;
  }
} */

.assignTeamTable
  .datatable-header
  .datatable-header-inner
  .datatable-row-left
  .datatable-header-cell {
  min-width: 40px !important;
  max-width: 40px !important;
  width: 40px !important;
}

/* .assignTeamTable .datatable-body {
  background-color: #fef8e3;
} */

/* Outsourced-task table  */

.ostaskTableExpand datatable-body.datatable-body {
  /* height: calc(100vh - 310px) !important; */
  height: calc(100vh - 283px) !important;
}

.drop-area .ngx-file-drop__drop-zone {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100dvh - 155px) !important;
  z-index: 56;
}
.ui-table-wrapper {
  overflow-x: auto;
  width: 100%;
}
/* .ui-table table {
table-layout: auto !important;
} */

.user-depts-review .d-contents .ui-autocomplete-multiple-container {
  padding: 4px !important;
}

.user-depts-review .d-contents .ui-autocomplete-multiple-container .ui-autocomplete-token {
  margin: 0px 2px 4px !important;
}

.sidebar-footer {
  box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
}

.formBtnsGroup {
  display: flex;
  column-gap: 12px;
}

.formBtnsGroup .formSaveButton {
  font-weight: 700;
  width: 64px !important;
}

.formBtnsGroup .modalCancelButton {
  margin: 0px !important;
  font-weight: 700;
  width: 76px !important;
}

.infoBelowInput {
  font-size: 12px;
  font-weight: 400;
  margin-top: 8px;
  color: #696969;
}

.secondaryBgColor {
  background-color: #f2692710 !important;
}

.drawerHeaderTitle {
  font-size: 14px;
}

.alertDanger {
  display: flex;
  padding: 12px;
  align-items: center;
  column-gap: 12px;
  background: #FB483A0D;
  margin: 0px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  font-size: 14px;
  color: #333333;
}

.alertIconBorder {
  background: #ffffff;
  align-items: center;
  display: flex;
  height: 36px;
  padding: 9px;
  align-self: center;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
}

.no-text-transformation {
  text-transform: none !important;
}

.ribbon {
  position: absolute;
  /* right: -5px;  */
  /* top: -5px; */
  /* top: 0px; */
  top: 8px;
  margin-left: 138px;
  z-index: 1;
  overflow: hidden;
  /* width: 75px;  */
  /* height: 75px; */
  width: 22px;
  height: 18px;
  text-align: right;
  border-radius: 3px;
}
.withinDependencyChip .ribbon {
  margin-left: 114px;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 25px;
  height: 18px;
  display: block;
  /* background: #79A70A; */
  background: linear-gradient(red 0%, red 100%);
  /* box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); */
  position: absolute;
  /* top: 19px;  */
  /* right: -21px; */
  top: -7px;
  right: -10px;
  /* border: 1px solid #ffffff; */
  border: 1px solid rgba(51, 51, 51, 0.2);
}

.ribbon span::before {
  /* content: ""; */
  position: absolute;
  /* left: 0px;  */
  top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  /* content: ""; */
  position: absolute;
  /* right: 0px;  */
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}


.input-switch-container {
  position: relative;
  display: inline-block;

  .spinner-overlay {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  .spinner-overlay .loader {
    width: 25px;
    height: 25px;
    top: 12px;
    right: 9px;
  }
}

/*
.employeesDatatable .datatable-body .datatable-body-row .datatable-row-right.datatable-row-group{
  z-index: 9;
} */

.employeesDatatable .datatable-body .datatable-body-row .datatable-row-right.datatable-row-group:has(.rowMoreVertActionBtn li.open)   {
  z-index: 1000;
}