/*===========================
		COMMON css
===========================*/
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: normal;
  font-style: normal;
  color: #5d657b;
  overflow-x: hidden;
  background: #f1f5f9;
  background-image: linear-gradient(rgba(251, 255, 212, .8), rgba(251, 255, 212, .8)), url(../../images/add/ohs-vector.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a:focus,
input:focus,
textarea:focus,
button:focus,
.btn:focus,
.btn.focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

a:hover, a:focus, a:active {
  /*color: #365CF5;*/
  color: #000;
}

button,
a {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a,
a:focus,
a:hover {
  text-decoration: none;
}

i,
span,
a {
  display: inline-block;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

ul,
ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  margin: 0px;
}

.img-bg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.para-width-500 {
  max-width: 500px;
  width: 100%;
}

@media (max-width: 767px) {
  .container {
    padding: 0 30px;
  }
}

/* ========== cart style ========== */
.card-style {
  background: #fff;
  box-sizing: border-box;
  padding: 25px 30px;
  position: relative;
  box-shadow: 0px 12px 24px -4px rgba(145, 158, 171, 0.12), 0px 0px 2px 0px rgba(145, 158, 171, 0.2);
  border-radius: 7px;
}
@media (max-width: 767px) {
  .card-style {
    padding: 20px;
  }
}
.card-style .jvm-zoom-btn {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  right: 30px;
  bottom: 30px;
  cursor: pointer;
}
.card-style .jvm-zoom-btn.jvm-zoomin {
  bottom: 70px;
}
.card-style .dropdown-toggle {
  border: none;
  background: none;
}
.card-style .dropdown-toggle::after {
  display: none;
}
.card-style .dropdown-menu {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
}
.card-style .dropdown-menu li:hover a {
  /*color: #365CF5 !important;
  color: #f42900 !important;*/
  color: #f6a400 !important;
}
.card-style .dropdown-menu li a {
  display: block;
  font-size: 14px;
}
.card-style .dropdown-item:focus,
.card-style .dropdown-item:hover {
  /*background-color: cornsilk;*/
  background-color: rgba(251, 255, 212, .8);
}

.error-box {
  max-width: 330px;
  margin: 65px auto;
}
@media (max-width: 767px) {
  .error-box {
    margin: 25px auto;
  }
  .error-box img {
    max-width: 180px;
  }
  .error-box h1 {
    font-size: 28px;
  }
}
.error-box a {
  border-radius: 7px;
  padding: 7px 25px;
}

.max-w-350 {
  max-width: 350px;
}

.more-btn-wrapper .dropdown-menu {
  border: 0.5px solid #efefef;
  box-shadow: 0px 5px 10px rgba(26, 25, 85, 0.08);
  border-radius: 5px;
}
.more-btn-wrapper .dropdown-menu .dropdown-item:active, .more-btn-wrapper .dropdown-menu .dropdown-item:focus {
  background: none;
}
.more-btn-wrapper .dropdown-menu .dropdown-item a {
  width: 100%;
  border-radius: 4px;
  color: #1A2142;
}
.more-btn-wrapper .dropdown-menu .dropdown-item i {
  font-weight: 700;
}

/* ======= Border Radius ========= */
.radius-4 {
  border-radius: 4px;
}

.radius-10 {
  border-radius: 10px;
}

.radius-30 {
  border-radius: 30px;
}

.radius-50 {
  border-radius: 50px;
}

.radius-full {
  border-radius: 50%;
}

.scroll-top {
  width: 45px;
  height: 45px;
  background: #365CF5;
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #fff;
  border-radius: 5px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.scroll-top:hover {
  color: #fff;
  background: rgba(54, 92, 245, 0.8);
}

.form-control:focus {
  box-shadow: none;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus,
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus,
.form-check-input:focus,
.radio-style.radio-success .form-check-input:focus,
.radio-style.radio-warning .form-check-input:focus,
.radio-style.radio-danger .form-check-input:focus {
  box-shadow: none;
}

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

/* ============= typography css ============= */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #1A2142;
  margin: 0;
}

h1,
.h1 {
  font-size: 32px;
  font-weight: 700;
}

h2,
.h2 {
  font-size: 28px;
  font-weight: 600;
}

h3,
.h3 {
  font-size: 24px;
  font-weight: 500;
}

h4,
.h4 {
  font-size: 20px;
  font-weight: 600;
}

h5,
.h5 {
  font-size: 16px;
  font-weight: 700;
}

h6,
.h6 {
  font-size: 16px;
  font-weight: 600;
}

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

.text-semi-bold {
  font-weight: 600;
}

.text-medium {
  font-weight: 500;
}

.text-regular {
  font-weight: 400;
}

.text-light {
  font-weight: 300;
}

.text-sm {
  font-size: 14px;
  line-height: 22px;
}

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

/* ========== breadcrumb ============ */
.title-wrapper .breadcrumb-wrapper,
.title-wrapper .title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .title-wrapper .breadcrumb-wrapper,
  .title-wrapper .title {
    margin-bottom: 10px;
  }
}

.breadcrumb-wrapper {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .breadcrumb-wrapper {
    justify-content: flex-start;
  }
}
.breadcrumb-wrapper .breadcrumb li {
  font-size: 14px;
  /*color: #365CF5;*/
  /*color: #f6a400;*/
}
.breadcrumb-wrapper .breadcrumb li a {
  /*color: #5d657b;*/
  color: #000;
}
.breadcrumb-wrapper .breadcrumb li a:hover {
  /*color: #365CF5;*/
  color: #f6a400;
}
.breadcrumb-wrapper .breadcrumb {
  margin-top: 20px;
}
@media (max-width: 767px) {
	.breadcrumb-wrapper .breadcrumb {
	  margin-top: 0;
	}
}

/* ========== Buttons css ========== */
/* buttons base styles */
.main-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 15px 45px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  border-radius: 3px;
  cursor: pointer;
  z-index: 5;
  transition: all 0.4s ease-in-out;
  border: 1px solid transparent;
  overflow: hidden;
}
.main-btn i {
  font-size: 17px;
}
.main-btn svg {
  fill: currentColor;
}
.main-btn:hover {
  color: inherit;
}

.group-btn {
  display: inline-flex;
  border: 1px solid #DFE5EF;
  border-radius: 3px;
}
.group-btn.square-btn .main-btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.group-btn.square-btn .main-btn:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.group-btn.rounded-full .main-btn:first-child {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.group-btn.rounded-full .main-btn:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.group-btn .main-btn {
  border-radius: 0;
}
.group-btn .main-btn:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.group-btn .main-btn:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.group-btn .main-btn:not(.group-btn .main-btn:last-child) {
  border-right: 1px solid #DFE5EF;
}

.btn-sm {
  padding: 10px 20px;
  font-weight: 400;
}

/* buttons hover effect */
.btn-hover {
  position: relative;
  overflow: hidden;
}
.btn-hover::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 0%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  top: 50%;
  left: 50%;
  padding: 50%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
  -moz-transform: translate3d(-50%, -50%, 0) scale(0);
  -ms-transform: translate3d(-50%, -50%, 0) scale(0);
  -o-transform: translate3d(-50%, -50%, 0) scale(0);
  transform: translate3d(-50%, -50%, 0) scale(0);
}
.btn-hover:hover::after {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1.3);
  -moz-transform: translate3d(-50%, -50%, 0) scale(1.3);
  -ms-transform: translate3d(-50%, -50%, 0) scale(1.3);
  -o-transform: translate3d(-50%, -50%, 0) scale(1.3);
  transform: translate3d(-50%, -50%, 0) scale(1.3);
}

/* Dropdown buttons */
.base-dropdown-btn .main-btn {
  padding: 8px 15px;
}
.base-dropdown-btn .main-btn svg {
  fill: currentColor;
}
.base-dropdown-btn .dropdown-menu {
  box-shadow: 0px 12px 24px -4px rgba(145, 158, 171, 0.12), 0px 0px 2px 0px rgba(145, 158, 171, 0.2);
  border-radius: 3px;
  border: none;
}
.base-dropdown-btn .dropdown-item {
  padding: 8px 15px;
  color: #5d657b;
  font-weight: 500;
}
.base-dropdown-btn .dropdown-item:hover {
  color: #5d657b !important;
  background: #f5f8fc;
}

/* primary buttons */
.primary-btn {
  /*background: #365CF5;*/
  background: #000;
  color: #fff;
}
.primary-btn:hover {
  color: #fff;
}

.primary-btn-outline {
  background: transparent;
  /*color: #365CF5;
  border-color: #365CF5;*/
  color: #000;
  border-color: #000;
}
.primary-btn-outline:hover {
  color: #fff;
  /*background: #365CF5;*/
  background: #000;
}

.primary-btn-light {
  /*background: rgba(54, 92, 245, 0.12);
  color: #365CF5;*/
  background: rgba(0, 0, 0, 0.12);
  color: #000;
}
.primary-btn-light:hover {
  /*color: #365CF5;*/
  color: #000;
}

.primary-btn-group {
  background: transparent;
  border: 1px solid transparent;
  /*color: #365CF5;*/
  color: #000;
}
.primary-btn-group.active, .primary-btn-group:hover {
  color: #fff;
  /*background: #365CF5;
  border-color: #365CF5 !important;*/
  background: #000;
  border-color: #000 !important;
}

/* secondary buttons */
.secondary-btn {
  background: #00c1f8;
  color: #fff;
}
.secondary-btn:hover {
  color: #fff;
}

.secondary-btn-outline {
  background: transparent;
  color: #00c1f8;
  border-color: #00c1f8;
}
.secondary-btn-outline:hover {
  color: #fff;
  background: #00c1f8;
}

.secondary-btn-light {
  background: rgba(0, 193, 248, 0.12);
  color: #00c1f8;
}
.secondary-btn-light:hover {
  color: #00c1f8;
}

.secondary-btn-group {
  background: transparent;
  border: 1px solid transparent;
  color: #00c1f8;
}
.secondary-btn-group.active, .secondary-btn-group:hover {
  color: #fff;
  background: #00c1f8;
  border-color: #00c1f8 !important;
}

/* success buttons */
.success-btn {
  background: #219653;
  color: #fff;
}
.success-btn:hover {
  color: #fff;
}

.success-btn-outline {
  background: transparent;
  color: #219653;
  border-color: #219653;
}
.success-btn-outline:hover {
  color: #fff;
  background: #219653;
}

.success-btn-light {
  background: rgba(33, 150, 83, 0.12);
  color: #219653;
}
.success-btn-light:hover {
  color: #219653;
}

.success-btn-group {
  background: transparent;
  border: 1px solid transparent;
  color: #219653;
}
.success-btn-group.active, .success-btn-group:hover {
  color: #fff;
  background: #219653;
  border-color: #219653 !important;
}

/* danger buttons */
.danger-btn {
  background: #d50100;
  color: #fff;
}
.danger-btn:hover {
  color: #fff;
}

.danger-btn-outline {
  background: transparent;
  color: #d50100;
  border-color: #d50100;
}
.danger-btn-outline:hover {
  color: #fff;
  background: #d50100;
}

.danger-btn-light {
  background: rgba(213, 1, 0, 0.12);
  color: #d50100;
}
.danger-btn-light:hover {
  color: #d50100;
}

.danger-btn-group {
  background: transparent;
  border: 1px solid transparent;
  color: #d50100;
}
.danger-btn-group.active, .danger-btn-group:hover {
  color: #fff;
  background: #d50100;
  border-color: #d50100 !important;
}

/* warning buttons */
.warning-btn {
  background: #f7c800;
  color: #fff;
}
.warning-btn:hover {
  color: #fff;
}

.warning-btn-outline {
  background: transparent;
  color: #f7c800;
  border-color: #f7c800;
}
.warning-btn-outline:hover {
  color: #fff;
  background: #f7c800;
}

.warning-btn-light {
  background: rgba(247, 200, 0, 0.12);
  color: #f7c800;
}
.warning-btn-light:hover {
  color: #f7c800;
}

.warning-btn-group {
  background: transparent;
  border: 1px solid transparent;
  color: #f7c800;
}
.warning-btn-group.active, .warning-btn-group:hover {
  color: #fff;
  background: #f7c800;
  border-color: #f7c800 !important;
}

/* info buttons */
.info-btn {
  background: #97ca31;
  color: #fff;
}
.info-btn:hover {
  color: #fff;
}

.info-btn-outline {
  background: transparent;
  color: #97ca31;
  border-color: #97ca31;
}
.info-btn-outline:hover {
  color: #fff;
  background: #97ca31;
}

.info-btn-light {
  background: rgba(151, 202, 49, 0.12);
  color: #97ca31;
}
.info-btn-light:hover {
  color: #97ca31;
}

.info-btn-group {
  background: transparent;
  border: 1px solid transparent;
  color: #97ca31;
}
.info-btn-group.active, .info-btn-group:hover {
  color: #fff;
  background: #97ca31;
  border-color: #97ca31 !important;
}

/* dark buttons */
.dark-btn {
  background: #1A2142;
  color: #fff;
}
.dark-btn:hover {
  color: #fff;
}

.dark-btn-outline {
  background: transparent;
  color: #1A2142;
  border-color: #1A2142;
}
.dark-btn-outline:hover {
  color: #fff;
  background: #1A2142;
}

.dark-btn-light {
  background: rgba(26, 33, 66, 0.12);
  color: #1A2142;
}
.dark-btn-light:hover {
  color: #1A2142;
}

.dark-btn-group {
  background: transparent;
  border: 1px solid transparent;
  color: #1A2142;
}
.dark-btn-group.active, .dark-btn-group:hover {
  color: #fff;
  background: #1A2142;
  border-color: #1A2142 !important;
}

/* light buttons */
.light-btn {
  background: #DFE5EF;
  color: #1A2142;
}
.light-btn:hover {
  color: #1A2142;
}

.light-btn-outline {
  background: transparent;
  color: #1A2142;
  border-color: #DFE5EF;
}
.light-btn-outline:hover {
  color: #1A2142;
  background: #DFE5EF;
}

.light-btn-light {
  background: rgba(223, 229, 239, 0.5);
  color: #1A2142;
}
.light-btn-light:hover {
  color: #1A2142;
}

.light-btn-group {
  background: transparent;
  border: 1px solid transparent;
  color: #000;
}
.light-btn-group.active, .light-btn-group:hover {
  color: #000;
  background: #DFE5EF;
  border-color: #DFE5EF !important;
}

/* active buttons */
.active-btn {
  background: #365CF5;
  color: #fff;
}
.active-btn:hover {
  color: #fff;
}

.active-btn-outline {
  background: transparent;
  color: #365CF5;
  border-color: #365CF5;
}
.active-btn-outline:hover {
  color: #fff;
  background: #365CF5;
}

.active-btn-light {
  background: rgba(54, 92, 245, 0.12);
  color: #365CF5;
}
.active-btn-light:hover {
  color: #365CF5;
}

.active-btn-group {
  background: transparent;
  border: 1px solid transparent;
  color: #365CF5;
}
.active-btn-group.active, .active-btn-group:hover {
  color: #fff;
  background: #365CF5;
  border-color: #365CF5 !important;
}

/* deactive buttons */
.deactive-btn {
  background: #E9E9E9;
  color: #8F9AAD;
}
.deactive-btn:hover {
  color: #8F9AAD;
}

.deactive-btn-outline {
  background: transparent;
  color: #8F9AAD;
  border-color: #E9E9E9;
}
.deactive-btn-outline:hover {
  color: #8F9AAD;
  background: #E9E9E9;
}

.deactive-btn-light {
  background: #e9e9e9;
  color: #8F9AAD;
}
.deactive-btn-light:hover {
  color: #8F9AAD;
}

.deactive-btn-group {
  background: transparent;
  border: 1px solid transparent;
  color: #9AA4CA;
}
.deactive-btn-group.active, .deactive-btn-group:hover {
  color: #9AA4CA;
  background: #CBE1FF;
  border-color: #CBE1FF !important;
}

/* =========  square-btn ========= */
.square-btn {
  border-radius: 0px;
}

/* =========  rounded-md ========= */
.rounded-md {
  border-radius: 10px;
}

/* =========  rounded-full ========= */
.rounded-full {
  border-radius: 30px;
}

/* ========== buttons group css ========= */
.buttons-group {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.buttons-group li {
  margin: 10px;
}

/* ====== Status Button ====== */
.status-btn {
  padding: 7px 15px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 400;
}
.status-btn.primary-btn {
  color: #fff;
  background: #365cf5;
}
.status-btn.active-btn {
  color: #365CF5;
  background: rgba(54, 92, 245, 0.1);
}
.status-btn.close-btn {
  color: #d50100;
  background: rgba(213, 1, 0, 0.1);
}
.status-btn.warning-btn {
  color: #f7c800;
  background: rgba(247, 200, 0, 0.1);
}
.status-btn.info-btn {
  color: #97ca31;
  background: rgba(151, 202, 49, 0.1);
}
.status-btn.success-btn {
  color: #219653;
  background: rgba(33, 150, 83, 0.1);
}
.status-btn.secondary-btn {
  color: #00c1f8;
  background: rgba(0, 193, 248, 0.1);
}
.status-btn.dark-btn {
  color: #1A2142;
  background: rgba(26, 33, 66, 0.1);
}
.status-btn.orange-btn {
  color: #f2994a;
  background: rgba(242, 153, 74, 0.1);
}

/* ============ alerts css ============ */
.alert-box {
  display: flex;
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .alert-box {
    padding-left: 0px !important;
  }
}
.alert-box .left {
  max-width: 75px;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: #d50100;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .alert-box .left {
    display: none;
  }
}
.alert-box .left h5 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #fff;
}
.alert-box .alert {
  margin-bottom: 0px;
  padding: 25px 40px;
}
@media (max-width: 767px) {
  .alert-box .alert {
    padding: 20px;
  }
}

/* Alert Primary */
.primary-alert .left {
  background: #365CF5;
}
.primary-alert .alert {
  color: #365CF5;
  border: 1px solid #365CF5;
  background: rgba(54, 92, 245, 0.2);
  width: 100%;
}
.primary-alert .alert .alert-heading {
  color: #365CF5;
  margin-bottom: 15px;
}

/* Alert Danger */
.danger-alert .left {
  background: #d50100;
}
.danger-alert .alert {
  color: #d50100;
  border: 1px solid #d50100;
  background: rgba(213, 1, 0, 0.2);
  width: 100%;
}
.danger-alert .alert .alert-heading {
  color: #d50100;
  margin-bottom: 15px;
}

/* Alert warning */
.warning-alert .left {
  background: #f7c800;
}
.warning-alert .alert {
  color: #f7c800;
  border: 1px solid #f7c800;
  background: rgba(247, 200, 0, 0.2);
  width: 100%;
}
.warning-alert .alert .alert-heading {
  color: #f7c800;
  margin-bottom: 15px;
}

/* Alert warning */
.warning-alert .left {
  background: #f7c800;
}
.warning-alert .alert {
  color: #f7c800;
  border: 1px solid #f7c800;
  background: rgba(247, 200, 0, 0.2);
  width: 100%;
}
.warning-alert .alert .alert-heading {
  color: #f7c800;
  margin-bottom: 15px;
}

/* Alert info */
.info-alert .left {
  background: #97ca31;
}
.info-alert .alert {
  color: #97ca31;
  border: 1px solid #97ca31;
  background: rgba(151, 202, 49, 0.2);
  width: 100%;
}
.info-alert .alert .alert-heading {
  color: #97ca31;
  margin-bottom: 15px;
}

/* Alert success */
.success-alert .left {
  background: #219653;
}
.success-alert .alert {
  color: #219653;
  border: 1px solid #219653;
  background: rgba(33, 150, 83, 0.2);
  width: 100%;
}
.success-alert .alert .alert-heading {
  color: #219653;
  margin-bottom: 15px;
}

/* Alert secondary */
.secondary-alert .left {
  background: #00c1f8;
}
.secondary-alert .alert {
  color: #00c1f8;
  border: 1px solid #00c1f8;
  background: rgba(0, 193, 248, 0.2);
  width: 100%;
}
.secondary-alert .alert .alert-heading {
  color: #00c1f8;
  margin-bottom: 15px;
}

/* Alert gray */
.gray-alert .left {
  background: #5d657b;
}
.gray-alert .alert {
  color: #5d657b;
  border: 1px solid #5d657b;
  background: rgba(93, 101, 123, 0.2);
  width: 100%;
}
.gray-alert .alert .alert-heading {
  color: #5d657b;
  margin-bottom: 15px;
}

/* Alert black */
.black-alert .left {
  background: #000;
}
.black-alert .alert {
  color: #000;
  border: 1px solid #000;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
}
.black-alert .alert .alert-heading {
  color: #000;
  margin-bottom: 15px;
}

/* Alert orange */
.orange-alert .left {
  background: #f2994a;
}
.orange-alert .alert {
  color: #f2994a;
  border: 1px solid #f2994a;
  background: rgba(242, 153, 74, 0.2);
  width: 100%;
}
.orange-alert .alert .alert-heading {
  color: #f2994a;
  margin-bottom: 15px;
}

/* ========== cards css =========== */
/* card-style-1 */
.card-style-1 {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 10px;
  padding: 25px 0;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.card-style-1:hover {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.card-style-1 .card-meta {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding: 0 30px;
}
@media (max-width: 767px) {
  .card-style-1 .card-meta {
    padding: 0 20px;
  }
}
.card-style-1 .card-meta .image {
  max-width: 40px;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
}
.card-style-1 .card-meta .image img {
  width: 100%;
}
.card-style-1 .card-meta .text p {
  color: #1A2142;
}
.card-style-1 .card-meta .text p a {
  color: inherit;
}
.card-style-1 .card-meta .text p a:hover {
  color: #365CF5;
}
.card-style-1 .card-image {
  border-radius: 10px;
  margin-bottom: 25px;
  overflow: hidden;
}
.card-style-1 .card-image a {
  display: block;
}
.card-style-1 .card-image img {
  width: 100%;
}
.card-style-1 .card-content {
  padding: 0px 30px;
}
@media (max-width: 767px) {
  .card-style-1 .card-content {
    padding: 0px 20px;
  }
}
.card-style-1 .card-content h4 a {
  color: inherit;
  margin-bottom: 15px;
  display: block;
}
.card-style-1 .card-content h4 a:hover {
  color: #365CF5;
}

/* card-style-2 */
.card-style-2 {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 4px;
  padding: 20px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.card-style-2:hover {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.card-style-2 .card-image {
  border-radius: 4px;
  margin-bottom: 30px;
  overflow: hidden;
}
.card-style-2 .card-image a {
  display: block;
}
.card-style-2 .card-image img {
  width: 100%;
}
.card-style-2 .card-content {
  padding: 0px 10px;
}
@media (max-width: 767px) {
  .card-style-2 .card-content {
    padding: 0px;
  }
}
.card-style-2 .card-content h4 a {
  color: inherit;
  margin-bottom: 15px;
  display: block;
}
.card-style-2 .card-content h4 a:hover {
  color: #365CF5;
}

/* card-style-3 */
.card-style-3 {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 4px;
  padding: 25px 30px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.card-style-3:hover {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.card-style-3 .card-content h4 a {
  color: inherit;
  margin-bottom: 15px;
  display: block;
}
.card-style-3 .card-content h4 a:hover {
  color: #365CF5;
}
.card-style-3 .card-content a.read-more {
  font-weight: 500;
  color: #1A2142;
  margin-top: 20px;
}
.card-style-3 .card-content a.read-more:hover {
  color: #365CF5;
  letter-spacing: 2px;
}

/* card-style-4 */
.card-style-4 {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 4px;
  padding: 20px 30px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.card-style-4:hover {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.card-style-4 .card-image {
  border-radius: 50%;
  margin: auto;
  margin-bottom: 30px;
  max-width: 250px;
  width: 100%;
  overflow: hidden;
}
.card-style-4 .card-image a {
  display: block;
}
.card-style-4 .card-image img {
  width: 100%;
}
.card-style-4 .card-content {
  margin-bottom: 10px;
}
.card-style-4 .card-content h4 a {
  color: inherit;
  margin-bottom: 15px;
  display: block;
}
.card-style-4 .card-content h4 a:hover {
  color: #365CF5;
}
.card-style-4 .card-content a.read-more {
  font-weight: 500;
  color: #1A2142;
  margin-top: 20px;
}
.card-style-4 .card-content a.read-more:hover {
  color: #365CF5;
  letter-spacing: 2px;
}

/* card-style-5 */
.card-style-5 {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 4px;
  padding: 20px;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.card-style-5:hover {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .card-style-5 {
    display: block;
  }
}
@media only screen and (min-width: 550px) and (max-width: 767px) {
  .card-style-5 {
    display: flex;
  }
}
.card-style-5 .card-image {
  margin: auto;
  margin-right: 20px;
  border-radius: 4px;
  max-width: 180px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .card-style-5 .card-image {
    margin-right: auto;
    margin-bottom: 20px;
    max-width: 100%;
  }
}
@media only screen and (min-width: 550px) and (max-width: 767px) {
  .card-style-5 .card-image {
    margin-right: 20px;
    margin-bottom: 0px;
    max-width: 180px;
  }
}
.card-style-5 .card-image a {
  display: block;
}
.card-style-5 .card-image img {
  width: 100%;
}
@media (max-width: 767px) {
  .card-style-5 .card-image img {
    width: 100%;
  }
}
.card-style-5 .card-content {
  margin-bottom: 10px;
}
.card-style-5 .card-content h4 a {
  color: inherit;
  margin-bottom: 15px;
  display: block;
}
.card-style-5 .card-content h4 a:hover {
  color: #365CF5;
}
.card-style-5 .card-content .main-btn {
  margin-top: 20px;
}

/* ======= card-style-6 ======== */
.card-style-6 {
  padding: 25px 30px;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.card-style-6:hover {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .card-style-6 {
    padding: 20px;
  }
}
.card-style-6 .card-image {
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 15px;
}
.card-style-6 .card-image a {
  display: block;
}
.card-style-6 .card-image a img {
  width: 100%;
}
.card-style-6 .card-action {
  display: flex;
}
.card-style-6 .card-action .action {
  display: flex;
  align-items: center;
}
.card-style-6 .card-action .action a {
  color: #5d657b;
  font-size: 14px;
}
.card-style-6 .card-action .action a:hover {
  text-decoration: underline;
}
.card-style-6 .card-action .action button {
  border: none;
  background: none;
  display: flex;
  color: #1A2142;
  margin-right: 10px;
  font-size: 16px;
}
.card-style-6 .card-action .action button:hover {
  color: #365CF5;
}

/* ======= icon-card ======== */
.icon-card {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 30px 20px;
  box-shadow: 0px 12px 24px -4px rgba(145, 158, 171, 0.12), 0px 0px 2px 0px rgba(145, 158, 171, 0.2);
  border-radius: 7px;
}
.icon-card.icon-card-3 {
  display: block;
  padding: 0px;
}
.icon-card.icon-card-3 .card-content {
  display: flex;
  padding: 20px;
  padding-bottom: 0;
}
.icon-card.icon-card-4 {
  display: block;
  padding: 30px;
}
.icon-card.icon-card-4 .icon {
  max-width: 50px;
  height: 50px;
  border-radius: 5px;
  background: rgba(54, 92, 245, 0.08);
}
.icon-card.icon-card-4 .text-danger-2 i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon-card.icon-card-4 .card-content {
  margin-top: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .icon-card h6 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .icon-card h3 {
    font-size: 20px;
  }
}
.icon-card.icon-card-2 {
  display: block;
}
.icon-card.icon-card-2 .progress {
  height: 7px;
}
.icon-card.icon-card-2 .progress .progress-bar {
  border-radius: 4px;
}
.icon-card .icon {
  max-width: 46px;
  width: 100%;
  height: 46px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  margin-right: 20px;
  background: rgba(54, 92, 245, 0.1);
  color: #365CF5;
  font-weight: 700;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .icon-card .icon {
    margin-right: 10px;
  }
}
.icon-card .icon.purple {
  background: rgba(155, 81, 224, 0.1);
  color: #9b51e0;
}
.icon-card .icon.success {
  background: rgba(33, 150, 83, 0.1);
  color: #219653;
}
.icon-card .icon.primary {
  background: rgba(54, 92, 245, 0.1);
  color: #365CF5;
}
.icon-card .icon.orange {
  background: rgba(242, 153, 74, 0.1);
  color: #f2994a;
}
.icon-card .icon.blue-light {
  background: rgba(73, 190, 255, 0.08);
  color: #49BEFF;
}
.icon-card .icon.opacity-100.purple {
  background: #9b51e0;
  color: #fff;
}
.icon-card .icon.opacity-100.success {
  background: #219653;
  color: #fff;
}
.icon-card .icon.opacity-100.primary {
  background: #365CF5;
  color: #fff;
}
.icon-card .icon.opacity-100.orange {
  background: #f2994a;
  color: #fff;
}
.icon-card .icon.opacity-100.deep-blue {
  background: #345d9d;
  color: #fff;
}

.card-wrapper {
  display: flex;
  width: 100%;
  overflow-x: auto;
  padding: 25px 15px;
}
.card-wrapper .single-card-wrapper {
  padding: 0px 15px;
}
.card-wrapper .single-card {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 30px;
  max-width: 330px;
  min-width: 330px;
  width: 100%;
}
.card-wrapper .single-card .bg-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  z-index: -1;
}
.card-wrapper .single-card h3 {
  font-weight: bold;
  font-size: 24px;
  color: #fff;
  margin-bottom: 36px;
}
.card-wrapper .single-card .card-info {
  display: flex;
  align-items: center;
}
.card-wrapper .single-card .card-info span {
  font-weight: 500;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}
.card-wrapper .single-card .card-info p {
  font-weight: 500;
  font-size: 12px;
  color: #fff;
}

/* =========== tables css =========== */
.table {
  border-collapse: inherit;
  border-spacing: 0px;
}
.table > :not(caption) > * > * {
  padding: 15px 0;
  border-bottom-color: #efefef;
  vertical-align: middle;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: #efefef;
}
.table tbody tr:first-child > * {
  padding-top: 20px;
}
.table tbody tr:last-child > * {
  border-bottom-color: transparent;
  padding-bottom: 0px;
}
.table th h6 {
  font-weight: 500;
  color: #1A2142;
  font-size: 14px;
}
.table td.min-width {
  padding: 5px;
}
@media (max-width: 767px) {
  .table td.min-width {
    min-width: 150px;
  }
}
.table td p {
  font-size: 14px;
  line-height: 1.5;
  color: #5d657b;
}
.table td p a {
  color: inherit;
}
.table td p a:hover {
  color: #365CF5;
}
.table .lead-info {
  min-width: 200px;
}
.table .lead-email {
  min-width: 150px;
  white-space: nowrap;
}
.table .lead-phone {
  min-width: 160px;
}
.table .lead-company {
  min-width: 180px;
}
.table .referrals-image {
  min-width: 150px;
}
.table .referrals-image .image {
  width: 55px;
  max-width: 100%;
  height: 55px;
  border-radius: 4px;
  overflow: hidden;
}
.table .referrals-image .image img {
  width: 100%;
}
.table .lead {
  display: flex;
  align-items: center;
}
.table .lead .lead-image {
  max-width: 50px;
  width: 100%;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
}
.table .lead .lead-image img {
  width: 100%;
}
.table .lead .lead-text {
  width: 100%;
}
.table .employee-image {
  width: 50px;
  max-width: 100%;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
}
.table .employee-image img {
  width: 100%;
}
.table .action {
  display: flex;
  align-items: center;
}
.table .action button {
  border: none;
  background: transparent;
  padding: 0px 6px;
  font-size: 18px;
}
.table .action button.edit:hover {
  color: #365CF5;
}
.table .action button::after {
  display: none;
}
.table .action .dropdown-menu {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07);
}
.table .action .dropdown-menu li:hover a {
  color: #365CF5 !important;
}
.table .action .dropdown-menu li a {
  display: block;
}

.top-selling-table tr th,
.top-selling-table tr td {
  vertical-align: middle;
  padding: 10px 5px;
}
.top-selling-table tr .min-width {
  min-width: 80px;
  white-space: nowrap;
}
.top-selling-table .form-check-input[type=checkbox] {
  margin-left: 5px;
}
.top-selling-table .form-check-input[type=checkbox]:checked {
  /*background-color: #365CF5;
  border-color: #365CF5;*/
  background-color: #f6a400;
  border-color: #f6a400;
}
.top-selling-table .product {
  display: flex;
  align-items: center;
  min-width: 150px;
}
.top-selling-table .product .image {
  border-radius: 4px;
  overflow: hidden;
  margin-right: 15px;
  max-width: 50px;
  width: 100%;
  height: 50px;
}
.top-selling-table .product .image img {
  width: 100%;
}
.top-selling-table .product p {
  width: 100%;
}

@media (max-width: 767px) {
  .referrals-table-card .title .right {
    width: 100%;
  }
}
@media only screen and (min-width: 550px) and (max-width: 767px) {
  .referrals-table-card .title .right {
    width: auto;
  }
}
.referrals-table-card .referrals-table td {
  padding: 10px;
}

/* ===== lead-table ===== */
.lead-table th,
.lead-table td {
  padding: 10px 5px;
}
.lead-table .name {
  min-width: 120px;
}
.lead-table .email {
  min-width: 130px;
}
.lead-table .project {
  min-width: 150px;
}
.lead-table .status {
  min-width: 120px;
  text-align: center;
}
.lead-table .action {
  min-width: 60px;
}

.clients-table-card .table .employee-info {
  min-width: 150px;
}

.clients-table th,
.clients-table td {
  padding: 5px;
}
.clients-table th.min-width,
.clients-table td.min-width {
  min-width: 150px;
}
.clients-table .employee-image {
  margin-right: 0px;
}

.table-pagination ul li a {
  width: 32px;
  height: 32px;
  background: #e5e5e5;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}
.table-pagination ul li a:hover, .table-pagination ul li a.active {
  background: #365CF5;
  color: #fff;
}

.table-search form {
  max-width: 270px;
  position: relative;
}
.table-search form input {
  width: 100%;
  border: 1px solid #efefef;
  background: rgba(239, 239, 239, 0.5);
  border-radius: 4px;
  height: 46px;
  padding-left: 44px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.table-search form input:focus {
  border-color: #365CF5;
}
.table-search form button {
  position: absolute;
  border: none;
  background: transparent;
  left: 16px;
  top: 0;
  height: 46px;
  color: #5d657b;
}

.striped-table td,
.striped-table th {
  padding-left: 5px;
  padding-right: 5px;
}

.dataTable-pagination li:hover a,
.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover {
  background: #365CF5;
  color: #fff;
  border-radius: 3px;
}

.dataTable-pagination .ellipsis:hover a {
  background: transparent;
  color: #333;
}

.dataTable-selector {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.dataTable-input {
  width: 100%;
  border: 1px solid #efefef;
  background: rgba(239, 239, 239, 0.5);
  border-radius: 4px;
  height: 46px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.dataTable-input:focus {
  border-color: #365CF5;
}

.dataTable-input:focus {
  border-color: #365CF5;
}

.dataTable-table > tbody > tr > td,
.dataTable-table > tbody > tr > th,
.dataTable-table > tfoot > tr > td,
.dataTable-table > tfoot > tr > th,
.dataTable-table > thead > tr > td,
.dataTable-table > thead > tr > th {
  padding: 15px 10px;
}

@media (max-width: 767px) {
  .dataTable-top > div:last-child.dataTable-search {
    margin-top: 12px;
    float: left;
  }
}

@media (max-width: 767px) {
  .dataTable-pagination ul li {
    margin: 5px 0;
  }
}
.activity-card .button-group {
  display: flex;
  align-items: center;
  border-radius: 50px;
  border: 1px solid #efefef;
}
.activity-card .button-group a {
  font-weight: 500;
  font-size: 12px;
  padding: 4px 16px;
  display: inline-block;
  color: #2f3546;
  border-radius: 50px;
  margin: 3px;
}
.activity-card .button-group a.active, .activity-card .button-group a:hover {
  background: #365CF5;
  color: #fff;
}

.activity-table td {
  min-width: 90px;
  padding: 10px;
  border: none;
}
.activity-table td.time {
  min-width: 110px;
}
.activity-table .icon {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.activity-table .icon .status {
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: -1px;
  right: -1px;
}
.activity-table .status-btn {
  font-size: 12px;
  border-radius: 50px;
  border: 1px solid #efefef;
  padding: 4px 14px;
  color: #5d657b;
  min-width: 90px;
  text-align: center;
}

.sell-order-table th,
.sell-order-table td {
  min-width: 60px;
  padding: 10px 5px;
  border: none;
}

/* =========== form elements css ========== */
/* ===== input style ===== */
.input-style-1 {
  position: relative;
  margin-bottom: 30px;
}
.input-style-1 label {
  font-size: 14px;
  font-weight: 500;
  color: #1A2142;
  display: block;
  margin-bottom: 10px;
}
.input-style-1 input,
.input-style-1 textarea {
  width: 100%;
  background: rgba(239, 239, 239, 0.5);
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 16px;
  color: #5d657b;
  resize: none;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .input-style-1 input,
  .input-style-1 textarea {
    font-size: 14px;
  }
}
.input-style-1 input:focus,
.input-style-1 textarea:focus {
  border-color: #365CF5;
  background: #fff;
}
.input-style-1 input[type=date], .input-style-1 input[type=time],
.input-style-1 textarea[type=date],
.input-style-1 textarea[type=time] {
  /*background: transparent;*/
}
.input-style-1 input.light-bg[type=date], .input-style-1 input.light-bg[type=time],
.input-style-1 textarea.light-bg[type=date],
.input-style-1 textarea.light-bg[type=time] {
  background: rgba(239, 239, 239, 0.5);
}
.input-style-1 input.light-bg[type=date]:focus, .input-style-1 input.light-bg[type=time]:focus,
.input-style-1 textarea.light-bg[type=date]:focus,
.input-style-1 textarea.light-bg[type=time]:focus {
  background: #fff;
}

.input-style-2 {
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
}
.input-style-2 label {
  font-size: 14px;
  font-weight: 500;
  color: #1A2142;
  display: block;
  margin-bottom: 10px;
}
.input-style-2 input,
.input-style-2 textarea {
  width: 100%;
  background: rgba(239, 239, 239, 0.5);
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 16px;
  color: #5d657b;
  resize: none;
  transition: all 0.3s;
}
.input-style-2 input:focus,
.input-style-2 textarea:focus {
  border-color: #365CF5;
  background: #fff;
}
.input-style-2 input[type=date], .input-style-2 input[type=time],
.input-style-2 textarea[type=date],
.input-style-2 textarea[type=time] {
  /*background: transparent;*/
}
.input-style-2 input[type=date]::-webkit-inner-spin-button,
.input-style-2 input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.input-style-2 input[type=date] ~ .icon {
  z-index: -1;
}
.input-style-2 .icon {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 17px;
  z-index: -1;
}

.input-style-3 {
  position: relative;
  margin-bottom: 30px;
}
.input-style-3 label {
  font-size: 14px;
  font-weight: 500;
  color: #1A2142;
  display: block;
  margin-bottom: 10px;
}
.input-style-3 input,
.input-style-3 textarea {
  width: 100%;
  background: rgba(239, 239, 239, 0.5);
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 16px;
  padding-left: 45px;
  color: #5d657b;
  resize: none;
  transition: all 0.3s;
}
.input-style-3 input:focus,
.input-style-3 textarea:focus {
  border-color: #365CF5;
  background: #fff;
}
.input-style-3 .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding: 16px;
}

/* ========= select style ========== */
.select-style-1 {
  margin-bottom: 30px;
}
.select-style-1 label {
  font-size: 14px;
  font-weight: 500;
  color: #1A2142;
  display: block;
  margin-bottom: 10px;
}
.select-style-1 .select-position {
  position: relative;
}
.select-style-1 .select-position::after {
  border-bottom: 2px solid #5d657b;
  border-right: 2px solid #5d657b;
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  margin-top: -5px;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.select-style-1 .select-position.select-sm::after {
  margin-top: -8px;
}
.select-style-1 .select-position.select-sm select,
.select-style-1 .select-position.select-sm datalist {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
}
.select-style-1 .select-position select,
.select-style-1 .select-position datalist {
  width: 100%;
  /*background: transparent;*/
  background: rgba(239, 239, 239, 0.5);
  border: 1px solid #e5e5e5;
  /*border-radius: 10px;*/
  border-radius: 3px;
  padding: 16px;
  padding-right: 38px;
  color: #5d657b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.select-style-1 .select-position select:focus,
.select-style-1 .select-position datalist:focus {
  border-color: #365CF5;
  outline: none;
}
.select-style-1 .select-position select.light-bg,
.select-style-1 .select-position datalist.light-bg {
  background: rgba(239, 239, 239, 0.5);
}
.select-style-1 .select-position select.light-bg:focus,
.select-style-1 .select-position datalist.light-bg:focus {
  background: #fff;
}
.select-style-1 .select-position select.radius-30,
.select-style-1 .select-position datalist.radius-30 {
  border-radius: 30px;
}

.select-style-2 {
  margin-bottom: 30px;
}
.select-style-2 .select-position {
  position: relative;
}
.select-style-2 .select-position.select-sm::after {
  margin-top: -8px;
}
.select-style-2 .select-position.select-sm::before {
  margin-top: 0;
}
.select-style-2 .select-position.select-sm select,
.select-style-2 .select-position.select-sm datalist {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
}
.select-style-2 .select-position::before, .select-style-2 .select-position::after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.select-style-2 .select-position::before {
  margin-top: 0px;
  border-bottom: 1px solid #5d657b;
  border-right: 1px solid #5d657b;
}
.select-style-2 .select-position::after {
  margin-top: -8px;
  border-top: 1px solid #5d657b;
  border-left: 1px solid #5d657b;
}
.select-style-2 .select-position select,
.select-style-2 .select-position datalist {
  width: 100%;
  background: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 16px;
  padding-right: 38px;
  color: #5d657b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.select-style-2 .select-position select:focus,
.select-style-2 .select-position datalist:focus {
  border-color: #365CF5;
  outline: none;
}
.select-style-2 .select-position select.light-bg,
.select-style-2 .select-position datalist.light-bg {
  background: rgba(239, 239, 239, 0.5);
}
.select-style-2 .select-position select.light-bg:focus,
.select-style-2 .select-position datalist.light-bg:focus {
  background: #fff;
}
.select-style-2 .select-position select.select-sm,
.select-style-2 .select-position datalist.select-sm {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
}

.select-style-3 {
  margin-bottom: 30px;
}
.select-style-3 .select-position {
  position: relative;
}
.select-style-3 .select-position::after {
  border-bottom: 2px solid #5d657b;
  border-right: 2px solid #5d657b;
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  margin-top: -7px;
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.select-style-3 .select-position.select-sm::after {
  margin-top: -8px;
}
.select-style-3 .select-position.select-sm select,
.select-style-3 .select-position.select-sm datalist {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
}
.select-style-3 .select-position select,
.select-style-3 .select-position datalist {
  width: 100%;
  background: transparent;
  border: transparent;
  border-radius: 10px;
  padding-right: 38px;
  color: #000;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.select-style-3 .select-position select:focus,
.select-style-3 .select-position datalist:focus {
  border-color: #365CF5;
  outline: none;
}
.select-style-3 .select-position select.light-bg,
.select-style-3 .select-position datalist.light-bg {
  background: rgba(239, 239, 239, 0.5);
}

.toggle-switch {
  padding-left: 60px;
  min-height: 30px;
}
.toggle-switch .form-check-input {
  width: 50px;
  height: 28px;
  margin-left: -60px;
  cursor: pointer;
}
.toggle-switch label {
  margin-top: 6px;
  font-size: 14px;
  color: #1A2142;
  cursor: pointer;
  user-select: none;
}

.checkbox-style {
  padding-left: 40px;
  min-height: 22px;
}
.checkbox-style .form-check-input {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  margin-left: -40px;
  cursor: pointer;
  margin-top: 6px;
}
.form-check-input:checked,
.checkbox-style .form-check-input:checked {
  /*background-color: #365CF5;
  border-color: #365CF5;*/
  background-color: #f6a400;
  border-color: #f6a400;
}
.form-check-input:focus {
  /*border-color: #86b7fe;*/
  border-color: #f6a400;
  outline: 0;
  box-shadow: 0 0 0 .25rem #f6a40040;
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2300000040'/%3e%3c/svg%3e");
  background-image: var(--bs-form-switch-bg);
}
.form-switch .form-check-input:checked,
.form-switch .form-check-input:active {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
  background-image: var(--bs-form-switch-bg);
}
.checkbox-style .form-check-input:disabled {
  cursor: auto;
}
.checkbox-style .form-check-input:disabled ~ label {
  cursor: auto;
}
.checkbox-style label {
  margin-top: 6px;
  cursor: pointer;
  user-select: none;
}
.checkbox-style.checkbox-success .form-check-input:checked {
  background-color: #219653;
  border-color: #219653;
}
.checkbox-style.checkbox-warning .form-check-input:checked {
  background-color: #f7c800;
  border-color: #f7c800;
}
.checkbox-style.checkbox-danger .form-check-input:checked {
  background-color: #d50100;
  border-color: #d50100;
}

.radio-style {
  padding-left: 40px;
  min-height: 22px;
}
.radio-style .form-check-input {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-left: -40px;
  cursor: pointer;
  margin-top: 7px;
}
.radio-style .form-check-input:disabled {
  cursor: auto;
}
.radio-style .form-check-input:disabled ~ label {
  cursor: auto;
}
.radio-style label {
  margin-top: 6px;
  cursor: pointer;
  user-select: none;
}
.radio-style.radio-success .form-check-input:checked {
  background-color: #219653;
  border-color: #219653;
}
.radio-style.radio-warning .form-check-input:checked {
  background-color: #f7c800;
  border-color: #f7c800;
}
.radio-style.radio-danger .form-check-input:checked {
  background-color: #d50100;
  border-color: #d50100;
}

@media (max-width: 767px) {
  .button-group .main-btn {
    width: 100%;
  }
}

.buy-sell-form .input-group {
  display: flex;
}
.buy-sell-form .input-group input {
  width: 60%;
  background: transparent;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  color: #5d657b;
}
.buy-sell-form .input-group input:focus {
  border-color: #365CF5;
}
.buy-sell-form .input-group .select-style-1 {
  width: 40%;
}
.buy-sell-form .input-group .select-style-1 .select-position::after {
  width: 8px;
  height: 8px;
}
.buy-sell-form .input-group select,
.buy-sell-form .input-group datalist {
  border: 1px solid #e2e8f0;
  border-radius: 0px 4px 4px 0px;
  padding: 8px 16px;
  padding-right: 24px;
  font-size: 14px;
  color: #5d657b;
}
.buy-sell-form .buy-sell-btn .main-btn {
  display: block;
  width: 100%;
  font-weight: 500;
}
.buy-sell-form .buy-sell-btn .main-btn:hover {
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.buy-sell-form .buy-sell-btn .main-btn.success-btn {
  background: #08c18d;
}
.buy-sell-form .buy-sell-btn .main-btn.danger-btn {
  background: #eb5757;
}
.buy-sell-form .field-group-2 label {
  font-size: 12px;
}
.buy-sell-form .field-group-2 .input-group input {
  font-size: 12px;
  width: 70%;
}
.buy-sell-form .field-group-2 .input-group span {
  font-size: 12px;
  padding: 8px 16px;
  width: 30%;
  background: #e2e8f0;
  text-align: center;
  border-radius: 0px 4px 4px 0px;
  border: 1px solid #e2e8f0;
}
.buy-sell-form .input-group-2 label {
  font-size: 12px;
  color: #5d657b;
  margin-bottom: 8px;
  display: block;
}
.buy-sell-form .input-group-2 .select-position::after {
  width: 8px;
  height: 8px;
}
.buy-sell-form .input-group-2 select,
.buy-sell-form .input-group-2 datalist {
  padding: 8px 12px;
  font-size: 12px;
  color: #5d657b;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  width: 100%;
}

/* ============= notification css ============= */
.single-notification {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  /*padding: 20px 0;*/
  padding: 20px 0 0;
  border-bottom: 1px solid #efefef;
}
.single-notification.readed {
  opacity: 0.7;
}
.single-notification:first-child {
  padding-top: 0px;
}
.single-notification:last-child {
  padding-bottom: 0px;
  border-bottom: 0px;
}
.single-notification .checkbox {
  max-width: 50px;
  width: 100%;
  padding-top: 10px;
}
@media (max-width: 767px) {
  .single-notification .checkbox {
    display: none;
  }
}
.single-notification .checkbox input {
  background-color: #efefef;
  border-color: #e5e5e5;
}
.single-notification .checkbox input:checked {
  /*background-color: #365CF5;
  border-color: #365CF5;*/
  background-color: #f6a400;
  border-color: #f6a400;
}
.single-notification .notification {
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .single-notification .notification {
    flex-direction: column;
  }
}
.single-notification .notification .image {
  max-width: 50px;
  width: 100%;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .single-notification .notification .image {
    margin-bottom: 15px;
  }
}
.single-notification .notification .image img {
  width: 100%;
}
.single-notification .notification .content {
  display: block;
  /*max-width: 800px;*/
}
.single-notification .notification .content h6 {
  margin-bottom: 15px;
}
.single-notification .notification .content p {
  margin-bottom: 10px;
}
.single-notification .action {
  display: inline-flex;
  justify-content: flex-end;
  padding-top: 10px;
}
@media (max-width: 767px) {
  .single-notification .action {
    display: none;
  }
}
.single-notification .action button {
  border: none;
  background: transparent;
  color: #5d657b;
  margin-left: 20px;
  font-size: 18px;
}
.single-notification .action button.delete-btn:hover {
  color: #d50100;
}
.single-notification .action .dropdown-toggle::after {
  display: none;
}

/* ========== Theme Change Css ============== */
.darkTheme .single-notification {
  border-color: #2f3546;
}

/* ========== header css ========== */
.header {
  /*padding: 22px 0;*/
  padding: 32px 0 22px 0;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 99;
}
.header .header-left .menu-toggle-btn .main-btn {
  padding: 10px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .header-left .header-search form {
  max-width: 270px;
  position: relative;
}
.header .header-left .header-search form input {
  width: 100%;
  border: 1px solid #efefef;
  background: rgba(239, 239, 239, 0.5);
  border-radius: 8px;
  padding: 10px 10px 10px 44px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header .header-left .header-search form input:focus {
  border-color: #365CF5;
  background: #fff;
}
.header .header-left .header-search form button {
  position: absolute;
  border: none;
  background: transparent;
  left: 16px;
  top: 0;
  height: 46px;
  color: #5d657b;
  font-weight: 700;
}
.header .header-left .header-search form button i {
  margin-top: 7px;
}
.header .header-right {
  display: flex;
  justify-content: flex-end;
}
.header .header-right button {
  border: 1px solid #F6F6F6;
  background: #F6F6F6;
  border-radius: 50%;
  height: 46px;
  width: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #1A2142;
}
.header .header-right button svg {
  fill: currentColor;
}
.header .header-right button::after {
  display: none;
}
.header .header-right button span {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #FF737E;
  border: 2px solid #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
}
.header .header-right .dropdown-menu {
  width: 350px;
  border: 1px solid #efefef;
  padding: 10px 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  top: 21px !important;
  right: 0;
  position: absolute;
  transform: translate3d(0px, 60px, 0px);
  border-radius: 10px;
}
.header .header-right .dropdown-menu li {
  padding: 3px 0px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-bottom: 1px solid #efefef;
  position: relative;
  z-index: 2;
}
.header .header-right .dropdown-menu li:hover a {
  color: #365CF5;
  background: #f3f3f3;
}
.header .header-right .dropdown-menu li:last-child {
  border-bottom: none;
}
.header .header-right .dropdown-menu li a {
  padding: 8px 12px;
  display: flex;
  color: rgba(0, 0, 0, 0.7);
  border-radius: 6px;
}
.header .header-right .dropdown-menu li a .image {
  max-width: 35px;
  width: 100%;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
}
.header .header-right .dropdown-menu li a .image img {
  width: 100%;
}
.header .header-right .dropdown-menu li a .content {
  width: 100%;
}
.header .header-right .dropdown-menu li a .content h6 {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 600;
  line-height: 1;
}
.header .header-right .dropdown-menu li a .content p {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 0px;
  line-height: 1.4;
}
.header .header-right .dropdown-menu li a .content span {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.header .header-right .dropdown-box {
  position: relative;
}
.header .header-right .notification-box,
.header .header-right .header-message-box {
  position: relative;
}
.header .header-right .notification-box .dropdown-menu.dropdown-menu-end {
  transform: translate3d(0px, 60px, 0px);
}
.header .header-right .header-message-box .dropdown-menu.dropdown-menu-end {
  transform: translate3d(0px, 60px, 0px);
}
.header .header-right .profile-box {
  display: flex;
  position: relative;
}
.header .header-right .profile-box button {
  width: auto;
}
.header .header-right .profile-box ul li button:hover {
  color: #1a2142;
  background: #f3f3f3;
}
.header .header-right .profile-box ul li button {
  width: 100%;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 10px 8px;
  color: rgba(26, 33, 66, 0.5);
  border: 0;
  background: inherit;
  height: inherit;
  justify-content: left;
}
.header .header-right .profile-box ul li button i {
  margin-right: 8px;
  font-weight: 700;
}
.header .header-right .profile-box ul li button > p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: inherit;
}
.header .header-right .profile-box .dropdown-menu {
  width: 10rem;
  min-width: 190px;
  border: none;
  border-radius: 4px;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 16px rgba(0, 0, 0, 0.1);
  padding: 8px;
}
.header .header-right .profile-box .dropdown-menu.dropdown-menu-end {
  transform: translate3d(0px, 60px, 0px);
}
.header .header-right .profile-box .dropdown-menu li {
  border-bottom: none;
  padding: 0;
}
.header .header-right .profile-box .dropdown-menu li a {
  font-size: 14px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 10px 8px;
  color: rgba(26, 33, 66, 0.5);
}
.header .header-right .profile-box .dropdown-menu li a i {
  margin-right: 8px;
  font-weight: 700;
}
.header .header-right .profile-box .dropdown-menu li a:hover {
  color: #1a2142;
  background: #f3f3f3;
}
.header .header-right .profile-box .dropdown-menu li.divider {
  margin: 4px 0;
  height: 1px;
  display: block;
  background: rgba(28, 28, 28, 0.05);
}
.header .header-right .profile-box .dropdown-menu .author-info {
  display: flex;
  align-items: center;
  padding: 4px;
  border-radius: 6px;
  cursor: pointer;
}
.header .header-right .profile-box .dropdown-menu .author-info .image {
  flex: none;
}
.header .header-right .profile-box .dropdown-menu .author-info .image img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}
.header .header-right .profile-box .dropdown-menu .author-info .content {
  padding-left: 8px;
}
.header .header-right .profile-box .dropdown-menu .author-info .content h4 {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header .header-right .profile-box .dropdown-menu .author-info .content a {
  font-size: 12px;
  line-height: 1rem;
  color: rgba(26, 33, 66, 0.4);
  padding: 0;
  display: inline;
  background-color: initial;
}
.header .header-right .profile-box .dropdown-menu .author-info .content a:hover {
  background: initial;
}
.header .header-right .profile-box .dropdown-menu .author-info:hover {
  background: #f3f3f3;
}
.header .header-right .profile-box .dropdown-menu .author-info:hover a {
  color: #1a2142;
}
.header .header-right .profile-box .profile-info {
  margin: 0 5px;
}
.header .header-right .profile-box .profile-info .info {
  display: flex;
  align-items: center;
}
.header .header-right .profile-box .profile-info .info .image {
  border: 1px solid #DFE5EF;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin-right: 14px;
  position: relative;
}
.header .header-right .profile-box .profile-info .info .image img {
  width: 100%;
  border-radius: 50%;
}
.header .header-right .profile-box .profile-info .info p {
  font-size: 12px;
  text-align: left;
}
@media (max-width: 767px) {
	.header .header-right .profile-box .profile-info .fw-500 {
	  max-width: 101px; overflow: hidden;
	}
}

/* ========== Dashboards css ================= */
@media (max-width: 767px) {
  #doughnutChart1 {
    height: 250px !important;
  }
}

.legend3 li {
  /*margin-right: 25px;*/
  margin-right: 10px;
}
.legend3 li div {
  white-space: nowrap;
}
.legend3 li .bg-color {
  position: relative;
  margin-left: 12px;
  border-radius: 50%;
}
.legend3 li .bg-color::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: inherit;
  left: -12px;
  top: 5px;
}
.legend3 li .text {
  margin-left: 10px;
}
.legend3 li .text p {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 767px) {
  .legend3 h2 {
    font-size: 22px;
  }
}

.legend-marketing .icon {
  width: 44px;
  height: 44px;
  border-radius: 5px;
  background: #ECF2FF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.legend-marketing .bg-color {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 12px;
  margin-top: 8px;
}
.legend-marketing .text h5 {
  font-size: 18px;
  margin-top: 5px;
}

.todo-list-wrapper ul li.todo-list-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  margin-bottom: 25px;
}
.todo-list-wrapper ul li.todo-list-item:last-child {
  margin-bottom: 0px;
}
.todo-list-wrapper ul li.todo-list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
}
@media (max-width: 767px) {
  .todo-list-wrapper ul li.todo-list-item {
    display: block;
  }
  .todo-list-wrapper ul li.todo-list-item .todo-status {
    margin-top: 20px;
  }
}
.todo-list-wrapper ul li.todo-list-item.success::before {
  background: #219653;
}
.todo-list-wrapper ul li.todo-list-item.primary::before {
  background: #365CF5;
}
.todo-list-wrapper ul li.todo-list-item.orange::before {
  background: #f2994a;
}
.todo-list-wrapper ul li.todo-list-item.danger::before {
  background: #d50100;
}

.cards-title {
  font-size: 18px;
  line-height: 22px;
}

.external-link {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.external-link .link-item {
  padding: 10px 15px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.external-link .link-item:hover {
  background: rgba(223, 229, 239, 0.2);
}
.external-link .link-name {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #1A2142;
}

.card-top-chanels .top-chanels-item {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 11px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .card-top-chanels .top-chanels-item {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.featured-tab .nav {
  gap: 12px;
}
.featured-tab .nav button {
  background: transparent;
  border: none;
  font-weight: 500;
  font-size: 14px;
  color: #64748B;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.featured-tab .nav button:hover, .featured-tab .nav button.active {
  color: #1A2142;
  background: rgba(223, 229, 239, 0.3);
}
.featured-tab .status-badge {
  font-size: 12px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 30px;
}
.featured-tab .status-badge.queue {
  background: rgba(240, 149, 12, 0.08);
  color: #F0950C;
}
.featured-tab .status-badge.sent {
  background: rgba(16, 185, 129, 0.08);
  color: #10B981;
}
.featured-tab .tab-item-title:hover {
  color: #365CF5;
  cursor: pointer;
}

.card-click-rate .device-list {
  display: flex;
  align-items: center;
  gap: 10px;
}
.card-click-rate .device-list li {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}
.card-click-rate .device-list li span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.card-click-rate .device-list li:nth-child(1n) span {
  background: #365CF5;
}
.card-click-rate .device-list li:nth-child(2n) span {
  background: #ECF2FF;
}
.card-click-rate .device-list li:nth-child(3n) span {
  background: #F9F9FD;
}
.card-click-rate .apexcharts-tooltip-series-group {
  padding-top: 4px;
}
.card-click-rate .apexcharts-tooltip-z-group,
.card-click-rate .apexcharts-tooltip-goals-group {
  display: none;
}

/* ============ signin css ============= */
.auth-row {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}

.auth-cover-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 45px;
  position: relative;
  z-index: 1;
  height: 100%;
}
@media (max-width: 767px) {
  .auth-cover-wrapper {
    padding: 30px 20px;
  }
}
.auth-cover-wrapper .auth-cover .title {
  text-align: cover;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .auth-cover-wrapper .auth-cover .title h1 {
    font-size: 24px;
  }
}
.auth-cover-wrapper .auth-cover .cover-image {
  max-width: 100%;
  margin: auto;
}
.auth-cover-wrapper .auth-cover .cover-image img {
  width: 100%;
}
.auth-cover-wrapper .auth-cover .shape-image {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 5%;
}

.signin-wrapper {
  background: #fff;
  padding: 60px;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .signin-wrapper {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .signin-wrapper {
    padding: 30px;
  }
}
.signin-wrapper .form-wrapper {
  width: 100%;
}
.signin-wrapper .singin-option button {
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .signin-wrapper .singin-option button {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .signin-wrapper .singin-option button {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .signin-wrapper .singin-option button {
    width: 100%;
  }
}
@media only screen and (min-width: 550px) and (max-width: 767px) {
  .signin-wrapper .singin-option button {
    width: auto;
  }
}
.signin-wrapper .singin-option a:hover {
  text-decoration: underline;
}

/* ============ signup css ============= */
.auth-row {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}

.auth-cover-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 45px;
  position: relative;
  z-index: 1;
  height: 100%;
}
@media (max-width: 767px) {
  .auth-cover-wrapper {
    padding: 30px 20px;
  }
}
.auth-cover-wrapper .auth-cover .title {
  text-align: cover;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .auth-cover-wrapper .auth-cover .title h1 {
    font-size: 24px;
  }
}
.auth-cover-wrapper .auth-cover .cover-image {
  max-width: 100%;
  margin: auto;
}
.auth-cover-wrapper .auth-cover .cover-image img {
  width: 100%;
}
.auth-cover-wrapper .auth-cover .shape-image {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 5%;
}

.signup-wrapper {
  background: #fff;
  padding: 60px;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .signup-wrapper {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .signup-wrapper {
    padding: 30px;
  }
}
.signup-wrapper .form-wrapper {
  width: 100%;
}
.signup-wrapper .singup-option button {
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .signup-wrapper .singup-option button {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .signup-wrapper .singup-option button {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .signup-wrapper .singup-option button {
    width: 100%;
  }
}
@media only screen and (min-width: 550px) and (max-width: 767px) {
  .signup-wrapper .singup-option button {
    width: auto;
  }
}
.signup-wrapper .singup-option a:hover {
  text-decoration: underline;
}

/* =========== settings css ============== */
.settings-card-1 .profile-info .profile-image {
  /*max-width: 75px;*/
  max-width: 88px;
  width: 100%;
  /*height: 75px;*/
  border-radius: 50%;
  margin-right: 20px;
  position: relative;
  z-index: 1;
}
.settings-card-1 .profile-info .profile-image img {
  width: 100%;
  border-radius: 50%;
}
.settings-card-1 .profile-info .profile-image .update-image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: #efefef;
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  z-index: 99;
}
.settings-card-1 .profile-info .profile-image .update-image:hover {
  opacity: 0.9;
}
.settings-card-1 .profile-info .profile-image .update-image input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  /*z-index: 99;*/
  z-index: 999;
}
.settings-card-1 .profile-info .profile-image .update-image label {
  cursor: pointer;
  z-index: 99;
}

/* =========== Invoice Css ============= */
.invoice-card .invoice-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex: 1;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .invoice-card .invoice-header {
    flex-direction: column;
  }
}
.invoice-card .invoice-header .invoice-logo {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .invoice-card .invoice-header .invoice-logo {
    order: -1;
    margin-bottom: 30px;
  }
}
.invoice-card .invoice-header .invoice-logo img {
  width: 100%;
}
@media (max-width: 767px) {
  .invoice-card .invoice-header .invoice-date {
    margin-top: 30px;
  }
}
.invoice-card .invoice-header .invoice-date p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.invoice-card .invoice-header .invoice-date p span {
  font-weight: 500;
}
.invoice-card .invoice-address {
  padding-top: 30px;
  display: flex;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .invoice-card .invoice-address {
    display: block;
  }
}
.invoice-card .invoice-address .address-item {
  margin-right: 30px;
  min-width: 250px;
}
.invoice-card .invoice-address .address-item h5 {
  margin-bottom: 15px;
}
.invoice-card .invoice-address .address-item h1 {
  margin-bottom: 10px;
  font-size: 24px;
}
.invoice-card .invoice-address .address-item p {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .invoice-card .invoice-action ul li {
    flex: 1;
  }
}
@media (max-width: 767px) {
  .invoice-card .invoice-action ul li a {
    width: 100%;
  }
}

.invoice-table th,
.invoice-table td {
  padding: 10px 8px;
}
.invoice-table .service {
  min-width: 150px;
}
.invoice-table .desc {
  min-width: 150px;
}
.invoice-table .qty {
  min-width: 150px;
}
.invoice-table .amount {
  min-width: 100px;
}

/* ============== Icons Css ===========*/
.icons-wrapper .icons,
.icons-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.icons-wrapper .icons > div,
.icons-wrapper .icons li,
.icons-wrapper ul > div,
.icons-wrapper ul li {
  display: flex;
  align-items: center;
  margin: 10px;
  flex-basis: 215px;
}
@media (max-width: 400px) {
  .icons-wrapper .icons > div,
  .icons-wrapper .icons li,
  .icons-wrapper ul > div,
  .icons-wrapper ul li {
    flex-basis: 100%;
  }
}
.icons-wrapper .icons > div i,
.icons-wrapper .icons li i,
.icons-wrapper ul > div i,
.icons-wrapper ul li i {
  max-width: 45px;
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #efefef;
  border-radius: 4px;
  background: transparent;
  color: #1A2142;
  font-size: 20px;
  margin-right: 10px;
}
.icons-wrapper .icons > div span,
.icons-wrapper .icons li span,
.icons-wrapper ul > div span,
.icons-wrapper ul li span {
  color: #1A2142;
  user-select: all;
}

/* ============ Calendar Css ============= */
.calendar-card .fc {
  height: 450px;
}
.calendar-card .fc#calendar-full {
  height: 600px;
}
.calendar-card .fc table {
  border: none;
}
.calendar-card .fc .fc-toolbar-title {
  font-size: 16px;
  font-weight: 500;
}
.calendar-card .fc .fc-button {
  background: transparent;
  border: none;
  color: #5d657b;
  text-transform: capitalize;
}
.calendar-card .fc .fc-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #365CF5;
}
.calendar-card .fc th {
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-right: 0px;
}
.calendar-card .fc th a {
  color: #5d657b;
  font-weight: 400;
}
.calendar-card .fc .fc-day {
  border-width: 4px;
  background: #fff;
}
.calendar-card .fc .fc-day.fc-day-today .fc-daygrid-day-frame {
  background: #365cf5;
}
.calendar-card .fc .fc-day.fc-day-today .fc-daygrid-day-frame a {
  color: #fff;
}
.calendar-card .fc .fc-day .fc-daygrid-day-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background: #f9f9f9;
  border-radius: 6px;
}
.calendar-card .fc .fc-day .fc-daygrid-day-frame a {
  color: #5d657b;
}
.calendar-card .fc-theme-standard td,
.calendar-card .fc-theme-standard th {
  border-color: transparent;
}

/* =========== Sidebar css =========== */
li.menu-item-type-tml_action.menu-item-object-logout > a:before {
    /*content: "\f08b";*/
}
li.menu-item-type-tml_action.menu-item-object-login > a:before {
    /*content: "\f090";*/
}
li.menu-item-type-tml_action > a:before {
		/*margin-left: 10px;
		display: inline-block;
		font: normal normal normal 14px / 1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		height: 35px;
		width: 35px;*/
}
li.menu-item-type-tml_action {
    /*bottom: 2rem;*/
    /*position: absolute;*/
}
li.menu-item-type-tml_action.menu-item-object-logout,
li.menu-item-type-tml_action.menu-item-object-logout > a,
li.menu-item-type-tml_action.menu-item-object-login,
li.menu-item-type-tml_action.menu-item-object-login > a,
li.menu-item-type-tml_action.menu-item-object-login:hover > a .icon,
li.menu-item-type-tml_action.menu-item-object-login:hover > a.collapsed .icon,
li.menu-item-type-tml_action.menu-item-object-logout:hover > a .icon,
li.menu-item-type-tml_action.menu-item-object-logout:hover > a.collapsed .icon {
		color: #f42900 !important;
		/*font-weight: bold;*/
}
@media only screen and (max-width: 768px){
	li.menu-item-type-tml_action {
			/*bottom: inherit;*/
			/*position: relative;*/
	}
}
.sidebar-nav-wrapper::-webkit-scrollbar {
  display: none;
}
.sidebar-nav-wrapper {
  background: #fff;
  width: 250px;
  padding: 20px 0px;
  height: 100vh;
  position: fixed;
  /*overflow-y: scroll;*/
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  overflow-x: hidden;
  top: 0;
  left: 0;
  z-index: 9999;
  box-shadow: 0px 0px 30px 0px rgba(200, 208, 216, 0.3);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-nav-wrapper {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }
}
.sidebar-nav-wrapper.active {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-nav-wrapper.active {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.sidebar-nav-wrapper .navbar-logo {
  padding: 0 25px;
  /*margin-bottom: 30px;*/
  margin-bottom: 5px;
  margin-top: 11px;
}
.sidebar-nav-wrapper .navbar-logo a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.sidebar-nav-wrapper .navbar-logo span {
  font-weight: bold;
  padding: 0 15px;
  color: #1A2142;
}
.sidebar-nav-wrapper > .divider {
  width: 100%;
}
.sidebar-nav-wrapper > .divider hr {
  /*border-top: 1px solid #add8e6;*/
}
.sidebar-nav-wrapper .sidebar-nav .divider {
  padding: 5px 25px;
  width: 100%;
}
.sidebar-nav-wrapper .sidebar-nav .divider hr {
  height: 1px;
  background: #E9EEF1;
}
.sidebar-nav-wrapper .sidebar-nav ul.collapsing {
  transition: none;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item {
  position: relative;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children > a {
  color: #1A2142;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children > a:not(.collapsed) .icon {
  /*color: #365CF5;*/
  color: #f42900;
  /*color: #fff;
  background: #365CF5;*/
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children > a::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.34306 7.76387L9.02356 3.8071C9.32923 3.47851 9.11273 2.91666 8.68048 2.91666L1.31947 2.91666C0.887218 2.91666 0.670743 3.47851 0.976393 3.8071L4.6569 7.76387C4.8464 7.96758 5.15356 7.96758 5.34306 7.76387Z' fill='%239AA4CA'/%3E%3C/svg%3E%0A");
  position: absolute;
  right: 25px;
  /*top: 11px;*/
  font-size: 12px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children > a:not(.collapsed)::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.34306 7.76387L9.02356 3.8071C9.32923 3.47851 9.11273 2.91666 8.68048 2.91666L1.31947 2.91666C0.887218 2.91666 0.670743 3.47851 0.976393 3.8071L4.6569 7.76387C4.8464 7.96758 5.15356 7.96758 5.34306 7.76387Z' fill='%23f42900'/%3E%3C/svg%3E%0A");
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children > a.collapsed::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.34306 7.76387L9.02356 3.8071C9.32923 3.47851 9.11273 2.91666 8.68048 2.91666L1.31947 2.91666C0.887218 2.91666 0.670743 3.47851 0.976393 3.8071L4.6569 7.76387C4.8464 7.96758 5.15356 7.96758 5.34306 7.76387Z' fill='%239AA4CA'/%3E%3C/svg%3E%0A");
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children > a.collapsed {
  color: #9AA4CA;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children > a.collapsed::before {
  opacity: 0;
  visibility: hidden;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children > a.collapsed::after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul {
  /*padding: 10px 24px 40px 57px;*/
  padding: 10px 24px 10px 57px;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li {
  margin-bottom: 12px;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li:last-child {
  margin-bottom: 0px;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  display: flex;
  align-items: center;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a.active, .sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a:hover {
  color: #1A2142;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a i {
  font-size: 16px;
  margin-right: 15px;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a span.text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a span.pro-badge {
  background: #365CF5;
  color: #fff;
  padding: 2.5px 7px;
  border-radius: 30px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 600;
  margin-left: 10px;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item a {
  display: flex;
  align-items: center;
  color: #9AA4CA;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 7px 25px;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item a span.text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item a span.pro-badge {
  background: #365CF5;
  color: #fff;
  padding: 2.5px 7px;
  border-radius: 30px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 600;
  margin-left: 10px;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item a .icon {
  margin-right: 12px;
  /*margin-top: -4px;*/
  margin-top: 2px;
  font-size: 18px;
  /*font-weight: bold;*/
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  /*background: #365CF5;*/
  /*background: #9AA4CA;
  color: #fff;
  padding: 3px;
  border-radius: 20px;
  width: auto;
  height: auto;*/
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item a .icon svg {
  fill: currentColor;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a, .sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a.collapsed, .sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a, .sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a.collapsed {
  color: #1A2142;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a .icon, .sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a.collapsed .icon {
  /*color: #365CF5;*/
  /*color: #f42900;*/
  color: #f6a400;
  /*color: #fff;
  background: #365CF5;*/
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a .icon, .sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a.collapsed .icon {
  /*color: #365CF5;*/
  color: #f42900;
  /*color: #f6a400;*/
  /*color: #fff;
  background: #365CF5;*/
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a.collapsed::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.34306 7.76387L9.02356 3.8071C9.32923 3.47851 9.11273 2.91666 8.68048 2.91666L1.31947 2.91666C0.887218 2.91666 0.670743 3.47851 0.976393 3.8071L4.6569 7.76387C4.8464 7.96758 5.15356 7.96758 5.34306 7.76387Z' fill='%23f6a400'/%3E%3C/svg%3E%0A");
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a.collapsed::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.34306 7.76387L9.02356 3.8071C9.32923 3.47851 9.11273 2.91666 8.68048 2.91666L1.31947 2.91666C0.887218 2.91666 0.670743 3.47851 0.976393 3.8071L4.6569 7.76387C4.8464 7.96758 5.15356 7.96758 5.34306 7.76387Z' fill='%23f42900'/%3E%3C/svg%3E%0A");
}

.sidebar-nav-wrapper.style-2 .sidebar-nav ul .nav-item.nav-item-has-children ul li a.active, .sidebar-nav-wrapper.style-2 .sidebar-nav ul .nav-item.nav-item-has-children ul li a:hover {
  color: #fff;
  border-color: #365CF5;
  background: #365CF5;
}
.sidebar-nav-wrapper.style-2 .sidebar-nav ul .nav-item.nav-item-has-children ul li a.active span.pro-badge, .sidebar-nav-wrapper.style-2 .sidebar-nav ul .nav-item.nav-item-has-children ul li a:hover span.pro-badge {
  background: #fff;
  color: #365CF5;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: rgba(0, 0, 0, 0.3);
  background: rgba(255, 97, 97, 0.3);
  background: rgb(184 171 0 / 30%);*/
  background: rgb(255 237 0 / 30%);
  /*z-index: 11;*/
  z-index: 999;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 1400px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .overlay {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .overlay.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

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

.main-wrapper {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  margin-left: 250px;
  min-height: 100vh;
  padding-bottom: 85px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .main-wrapper {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .main-wrapper {
    padding-bottom: 110px;
  }
}
.main-wrapper.active {
  margin-left: 0;
}
.main-wrapper .container-fluid {
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 767px) {
  .main-wrapper .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.main-wrapper .footer {
  /*padding: 25px 0;*/
  justify-items: flex-end;
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: x-small;
  text-align: center;
  color: darkgrey;
}
.main-wrapper .footer .copyright p a {
  color: inherit;
}
.main-wrapper .footer .copyright p a:hover {
  color: #365CF5;
}
.main-wrapper .footer .site-info a {
  color: #f6a400;
}
.main-wrapper .footer .site-info a:hover {
  color: #000;
}
@media (max-width: 767px) {
  .main-wrapper .footer .terms {
    margin-bottom: 10px;
    text-align: center;
  }
}
.main-wrapper .footer .terms a {
  color: #5d657b;
}
.main-wrapper .footer .terms a:hover {
  color: #365CF5;
}

.promo-box {
  /*background: #F5F8FC;*/
  background: #edff002b;
  padding: 15px 18px;
  text-align: center;
  max-width: 210px;
  margin: 0 auto;
  /*margin-top: 200px;*/
  margin-top: 50px;
  border-radius: 14px;
}
.promo-box .promo-icon {
  max-width: 82px;
  width: 100%;
  height: 82px;
  border-radius: 50%;
  margin: -58px auto 12px;
  border: 5px solid #fff;
}
.promo-box h3 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 7px;
}
.promo-box p {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 15px;
}
.promo-box .main-btn {
  border-radius: 43px;
  padding: 7px 12px;
  width: 100%;
  justify-content: center;
}

/* ========== DEFAULT CSS ======== */
/* ======= Margin Top ======= */
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

.mt-205 {
  margin-top: 205px;
}

.mt-210 {
  margin-top: 210px;
}

.mt-215 {
  margin-top: 215px;
}

.mt-220 {
  margin-top: 220px;
}

.mt-225 {
  margin-top: 225px;
}

/* ======= Margin Bottom ======= */
.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

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

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

.mb-205 {
  margin-bottom: 205px;
}

.mb-210 {
  margin-bottom: 210px;
}

.mb-215 {
  margin-bottom: 215px;
}

.mb-220 {
  margin-bottom: 220px;
}

.mb-225 {
  margin-bottom: 225px;
}

/* ======= Margin Left ======= */
.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-105 {
  margin-left: 105px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-115 {
  margin-left: 115px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-125 {
  margin-left: 125px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-135 {
  margin-left: 135px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-155 {
  margin-left: 155px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-175 {
  margin-left: 175px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-185 {
  margin-left: 185px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-195 {
  margin-left: 195px;
}

.ml-200 {
  margin-left: 200px;
}

.ml-205 {
  margin-left: 205px;
}

.ml-210 {
  margin-left: 210px;
}

.ml-215 {
  margin-left: 215px;
}

.ml-220 {
  margin-left: 220px;
}

.ml-225 {
  margin-left: 225px;
}

/* ======= Margin Right ======= */
.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-105 {
  margin-right: 105px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-115 {
  margin-right: 115px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-125 {
  margin-right: 125px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-135 {
  margin-right: 135px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-145 {
  margin-right: 145px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-155 {
  margin-right: 155px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-165 {
  margin-right: 165px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-175 {
  margin-right: 175px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-185 {
  margin-right: 185px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-195 {
  margin-right: 195px;
}

.mr-200 {
  margin-right: 200px;
}

.mr-205 {
  margin-right: 205px;
}

.mr-210 {
  margin-right: 210px;
}

.mr-215 {
  margin-right: 215px;
}

.mr-220 {
  margin-right: 220px;
}

.mr-225 {
  margin-right: 225px;
}

/* ======= Padding Top ======= */
.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pt-205 {
  padding-top: 205px;
}

.pt-210 {
  padding-top: 210px;
}

.pt-215 {
  padding-top: 215px;
}

.pt-220 {
  padding-top: 220px;
}

.pt-225 {
  padding-top: 225px;
}

/* ======= Padding Bottom ======= */
.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pb-205 {
  padding-bottom: 205px;
}

.pb-210 {
  padding-bottom: 210px;
}

.pb-215 {
  padding-bottom: 215px;
}

.pb-220 {
  padding-bottom: 220px;
}

.pb-225 {
  padding-bottom: 225px;
}

/* ======= Padding Left ======= */
.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-175 {
  padding-left: 175px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-200 {
  padding-left: 200px;
}

.pl-205 {
  padding-left: 205px;
}

.pl-210 {
  padding-left: 210px;
}

.pl-215 {
  padding-left: 215px;
}

.pl-220 {
  padding-left: 220px;
}

.pl-225 {
  padding-left: 225px;
}

/* ======= Padding Right ======= */
.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

.pr-205 {
  padding-right: 205px;
}

.pr-210 {
  padding-right: 210px;
}

.pr-215 {
  padding-right: 215px;
}

.pr-220 {
  padding-right: 220px;
}

.pr-225 {
  padding-right: 225px;
}

/* ======= bg-primary shades ========= */
.bg-primary-100 {
  background: rgba(54, 92, 245, 0.1);
}

.bg-primary-200 {
  background: rgba(54, 92, 245, 0.2);
}

.bg-primary-300 {
  background: rgba(54, 92, 245, 0.3);
}

.bg-primary-400 {
  background: rgba(54, 92, 245, 0.4);
}

.bg-primary-500 {
  background: rgba(54, 92, 245, 0.5);
}

.bg-primary-600 {
  background: rgba(54, 92, 245, 0.6);
}

.bg-primary-700 {
  background: rgba(54, 92, 245, 0.7);
}

.bg-primary-800 {
  background: rgba(54, 92, 245, 0.8);
}

.bg-primary-900 {
  background: rgba(54, 92, 245, 0.9);
}

/* ======= bg-secondary shades ========= */
.bg-secondary-100 {
  background: rgba(0, 193, 248, 0.1);
}

.bg-secondary-200 {
  background: rgba(0, 193, 248, 0.2);
}

.bg-secondary-300 {
  background: rgba(0, 193, 248, 0.3);
}

.bg-secondary-400 {
  background: rgba(0, 193, 248, 0.4);
}

.bg-secondary-500 {
  background: rgba(0, 193, 248, 0.5);
}

.bg-secondary-600 {
  background: rgba(0, 193, 248, 0.6);
}

.bg-secondary-700 {
  background: rgba(0, 193, 248, 0.7);
}

.bg-secondary-800 {
  background: rgba(0, 193, 248, 0.8);
}

.bg-secondary-900 {
  background: rgba(0, 193, 248, 0.9);
}

/* ======= bg-success shades ========= */
.bg-success-100 {
  background: rgba(33, 150, 83, 0.1);
}

.bg-success-200 {
  background: rgba(33, 150, 83, 0.2);
}

.bg-success-300 {
  background: rgba(33, 150, 83, 0.3);
}

.bg-success-400 {
  background: rgba(33, 150, 83, 0.4);
}

.bg-success-500 {
  background: rgba(33, 150, 83, 0.5);
}

.bg-success-600 {
  background: rgba(33, 150, 83, 0.6);
}

.bg-success-700 {
  background: rgba(33, 150, 83, 0.7);
}

.bg-success-800 {
  background: rgba(33, 150, 83, 0.8);
}

.bg-success-900 {
  background: rgba(33, 150, 83, 0.9);
}

/* ======= bg-danger shades ========= */
.bg-danger-100 {
  background: rgba(213, 1, 0, 0.1);
}

.bg-danger-200 {
  background: rgba(213, 1, 0, 0.2);
}

.bg-danger-300 {
  background: rgba(213, 1, 0, 0.3);
}

.bg-danger-400 {
  background: rgba(213, 1, 0, 0.4);
}

.bg-danger-500 {
  background: rgba(213, 1, 0, 0.5);
}

.bg-danger-600 {
  background: rgba(213, 1, 0, 0.6);
}

.bg-danger-700 {
  background: rgba(213, 1, 0, 0.7);
}

.bg-danger-800 {
  background: rgba(213, 1, 0, 0.8);
}

.bg-danger-900 {
  background: rgba(213, 1, 0, 0.9);
}

/* ======= bg-warning shades ========= */
.bg-warning-100 {
  background: rgba(247, 200, 0, 0.1);
}

.bg-warning-200 {
  background: rgba(247, 200, 0, 0.2);
}

.bg-warning-300 {
  background: rgba(247, 200, 0, 0.3);
}

.bg-warning-400 {
  background: rgba(247, 200, 0, 0.4);
}

.bg-warning-500 {
  background: rgba(247, 200, 0, 0.5);
}

.bg-warning-600 {
  background: rgba(247, 200, 0, 0.6);
}

.bg-warning-700 {
  background: rgba(247, 200, 0, 0.7);
}

.bg-warning-800 {
  background: rgba(247, 200, 0, 0.8);
}

.bg-warning-900 {
  background: rgba(247, 200, 0, 0.9);
}

/* ======= bg-info shades ========= */
.bg-info-100 {
  background: rgba(151, 202, 49, 0.1);
}

.bg-info-200 {
  background: rgba(151, 202, 49, 0.2);
}

.bg-info-300 {
  background: rgba(151, 202, 49, 0.3);
}

.bg-info-400 {
  background: rgba(151, 202, 49, 0.4);
}

.bg-info-500 {
  background: rgba(151, 202, 49, 0.5);
}

.bg-info-600 {
  background: rgba(151, 202, 49, 0.6);
}

.bg-info-700 {
  background: rgba(151, 202, 49, 0.7);
}

.bg-info-800 {
  background: rgba(151, 202, 49, 0.8);
}

.bg-info-900 {
  background: rgba(151, 202, 49, 0.9);
}

/* ======= bg-dark shades ========= */
.bg-dark-100 {
  background: rgba(26, 33, 66, 0.1);
}

.bg-dark-200 {
  background: rgba(26, 33, 66, 0.2);
}

.bg-dark-300 {
  background: rgba(26, 33, 66, 0.3);
}

.bg-dark-400 {
  background: rgba(26, 33, 66, 0.4);
}

.bg-dark-500 {
  background: rgba(26, 33, 66, 0.5);
}

.bg-dark-600 {
  background: rgba(26, 33, 66, 0.6);
}

.bg-dark-700 {
  background: rgba(26, 33, 66, 0.7);
}

.bg-dark-800 {
  background: rgba(26, 33, 66, 0.8);
}

.bg-dark-900 {
  background: rgba(26, 33, 66, 0.9);
}

/* ======= bg-purple shades ========= */
.bg-purple-100 {
  background: rgba(155, 81, 224, 0.1);
}

.bg-purple-200 {
  background: rgba(155, 81, 224, 0.2);
}

.bg-purple-300 {
  background: rgba(155, 81, 224, 0.3);
}

.bg-purple-400 {
  background: rgba(155, 81, 224, 0.4);
}

.bg-purple-500 {
  background: rgba(155, 81, 224, 0.5);
}

.bg-purple-600 {
  background: rgba(155, 81, 224, 0.6);
}

.bg-purple-700 {
  background: rgba(155, 81, 224, 0.7);
}

.bg-purple-800 {
  background: rgba(155, 81, 224, 0.8);
}

.bg-purple-900 {
  background: rgba(155, 81, 224, 0.9);
}

/* ======= bg-orange shades ========= */
.bg-orange-100 {
  background: rgba(242, 153, 74, 0.1);
}

.bg-orange-200 {
  background: rgba(242, 153, 74, 0.2);
}

.bg-orange-300 {
  background: rgba(242, 153, 74, 0.3);
}

.bg-orange-400 {
  background: rgba(242, 153, 74, 0.4);
}

.bg-orange-500 {
  background: rgba(242, 153, 74, 0.5);
}

.bg-orange-600 {
  background: rgba(242, 153, 74, 0.6);
}

.bg-orange-700 {
  background: rgba(242, 153, 74, 0.7);
}

.bg-orange-800 {
  background: rgba(242, 153, 74, 0.8);
}

.bg-orange-900 {
  background: rgba(242, 153, 74, 0.9);
}

/* ======== Background Colors ========== */
.primary-bg {
  background-color: #365CF5;
}

.secondary-bg {
  background-color: #00c1f8;
}

.success-bg {
  background-color: #219653;
}

.danger-bg {
  background-color: #d50100;
}

.warning-bg {
  background-color: #f7c800;
}

.info-bg {
  background-color: #97ca31;
}

.dark-bg {
  background-color: #1A2142;
}

.light-bg {
  background-color: #efefef;
}

.blue-light-bg {
  background-color: #49BEFF;
}

.active-bg {
  background-color: #365CF5;
}

.deactive-bg {
  background-color: #E9E9E9;
}

.deactive-bg {
  background-color: #E9E9E9;
}

.gray-bg {
  background-color: #5d657b;
}

.purple-bg {
  background-color: #9b51e0;
}

.orange-bg {
  background-color: #f2994a;
}

.deep-blue-bg {
  background-color: #345d9d;
}

.doc-bg {
  background-color: #f98db4;
}

.photo-bg {
  background-color: #93cfe2;
}

/* ======== Text Colors ========== */
.text-primary {
  color: #365CF5 !important;
}

.text-secondary {
  color: #00c1f8 !important;
}

.text-success {
  color: #219653 !important;
}

.text-success-2 {
  color: #10B981 !important;
}

.text-danger {
  color: #d50100 !important;
}

.text-danger-2 {
  color: #FB5454 !important;
}

.text-danger-light {
  color: #fa5a78 !important;
}

.text-warning {
  color: #f7c800 !important;
}

.text-info {
  color: #97ca31 !important;
}

.text-dark {
  color: #1A2142 !important;
}

.text-light {
  color: #efefef !important;
}

.text-active {
  color: #365CF5 !important;
}

.text-deactive {
  color: #E9E9E9 !important;
}

.text-deactive {
  color: #E9E9E9 !important;
}

.text-gray {
  color: #5d657b !important;
}

.text-orange {
  color: #f2994a !important;
}

.text-purple {
  color: #9b51e0 !important;
}

.text-doc {
  color: #f98db4 !important;
}

.text-photo {
  color: #93cfe2 !important;
}

/* ========= Font Weight =========== */
.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

/* =========== Sidebar css =========== */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  /*background: #fff;*/
  /*background: navajowhite;*/
  background: #fffde6;
  background-size: cover;
  font-family: 'Trebuchet MS', sans-serif; 
  z-index: 999999;
}
#preloader .spinner {
  width: 80px;
  height: 80px;
  /*border: 5px solid #365CF5;*/
  border: 5px solid orange;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spinner 0.9s linear infinite;
}
.preloader-container{
  /*display: inline-block;*/
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  /* Set the height of the container to the viewport height */
}
.typed-out{
  overflow: hidden;
  border-right: .15em solid orange;
  white-space: nowrap;
  animation: typing 1s steps(20, end) forwards, blinking .8s infinite;
  /*font-size: 1.6rem;*/
  font-size: xxx-large;
  width: 0;
}

@keyframes typing {
  from { width: 0 }
  to { width: 280px }
}

@keyframes blinking {
  from { border-color: transparent }
  to { border-color: orange; }
}

@keyframes spinner {
  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);
  }
}

/* =========== Tabs css =========== */
/* Style the tab */
.tabslayout .tab {
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f1f1f1;
}
/* Style the buttons inside the tab */
.tabslayout .tab a {
  background-color: inherit;
  color: initial;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  /*font-size: 17px;*/
}
/* Change background color of buttons on hover */
.tabslayout .tab a:hover {
  background-color: rgba(251, 255, 212, .8);
  color: #f6a400;
}
/* Create an active/current tablink class */
.tabslayout .tab a.active {
  /*background-color: #f42900;*/
  background-color: #f429000f;
  color: #f42900;
}
/* Style the tab content */
.tabslayout .tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 3px;
}
/* Style the close button */
.tabslayout .topright {
  float: right;
  cursor: pointer;
  font-size: 28px;
  line-height: 10px;
}
.tabslayout .topright {color: #f42900;}
.tabslayout .topright:hover {color: #f42900;}

/* =========== Custom css =========== */
.page-restrict-output,
.page-restrict-output form,
.tml.tml-lostpassword,
.tml.tml-lostpassword form,
.tml.tml-login,
.tml.tml-login form {
	text-align: center !important;
	/*display: flex;*/
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.tml-field-wrap.tml-rememberme-wrap,
.tml-field-wrap.tml-submit-wrap {
	display: inline-block;
}
.tml-field-wrap.tml-log-wrap,
.tml-field-wrap.tml-pwd-wrap,
.tml-field-wrap.tml-rememberme-wrap,
.tml-field-wrap.tml-submit-wrap,
.tml-links {
	margin-top: 30px;
}
.tml-field-wrap.tml-rememberme-wrap input {
	border-radius: 4px;
    margin-left: -40px;
    cursor: pointer;
    margin-top: 6px;
    background-color: #365CF5;
    border-color: #365CF5;
}
.tml-button {
	border: 1px solid;
    border-color: #ccc #ccc #bbb;
	/*border-radius: 3px;*/
	border-radius: 8px;
    /* background: #e6e6e6; */
    background: #000;
    /* color: rgba(0, 0, 0, 0.8); */
    color: #fff;
    /* line-height: 1; */
    line-height: 24px;
    /* padding: 0.6em 1em 0.4em; */
    padding: 15px 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    z-index: 5;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
}
.page-restrict-output form p/*,
.tml.tml-lostpassword form p,
.tml.tml-login form p*/ {
	line-height: 5 !important;
}
.page-restrict-output form > p > input, .tml.tml-lostpassword form > p > input, .tml.tml-login form > p > input {
	/*margin-right: 40px !important;*/
}
.tml.tml-lostpassword form #user_login,
.tml.tml-login form #user_login,
.tml.tml-login form #user_pass {
	max-width: 300px !important;
}
.tml-error,
.tml-message,
.tml-success {
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	padding: 20px;
	border: 0;
	margin-top: 30px !important;
}
.tml-error {
	/*background-color: #fe6c61;*/
	background-color: #df1f26;
}
.tml-message {
	background-color: #4cadc9;
}
.tml-success {
	/*background-color: #6dab3c;*/
	background-color: #59a742;
}

.grecaptcha-badge {
  /*left: 14px !important;
  z-index: -100;*/
}

.bordershadowstyle2 {
  box-shadow: 5px 10px 18px #00000030;
}

@-webkit-keyframes glide {
	from {
		/*left:0px;*/
		top:-30px;
	}
	to {
		/*left:0px;*/
		top:-10px;
	}
}
@-webkit-keyframes shake {
		0% { transform: translate(1px, 1px) rotate(0deg); }
		10% { transform: translate(-1px, -2px) rotate(-1deg); }
		20% { transform: translate(-3px, 0px) rotate(1deg); }
		30% { transform: translate(3px, 2px) rotate(0deg); }
		40% { transform: translate(1px, -1px) rotate(1deg); }
		50% { transform: translate(-1px, 2px) rotate(-1deg); }
		60% { transform: translate(-3px, 1px) rotate(0deg); }
		70% { transform: translate(3px, 1px) rotate(-1deg); }
		80% { transform: translate(-1px, -1px) rotate(1deg); }
		90% { transform: translate(1px, 2px) rotate(0deg); }
		100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.site-header {
  padding-top: 10px;
	padding-bottom: 10px;
}
.site-main > article > :first-child, .site-main > .not-found > :first-child, .entry-content > :first-child, [class*="inner-container"] > :first-child, .wp-block-template-part > :first-child {
  margin-top: 0;
  margin-bottom: 0;
}

.sidebarz {
	background-color: #284b54;
}

@media print {
   /*body * { display:none; }* /
   #messagebody *, .printarea * { 			/*display:block !important;* /
		 	transform:scale(.7) !important;
    -ms-transform:scale(.7) !important; /* IE 9 * /
    -webkit-transform:scale(.7) !important;/* Opera, Chrome, and Safari * /
	}*/
		/*table {page-break-inside: avoid;}*/
 @page
   {
    size: A4;
    size: portrait;
		height:60% !important;
		width:60% !important;
		margin: 0 !important;
		zoom: 60% !important;
		transform: scale(.7) !important;
  }
}

.pgnt,
.pgnt2 {
	display: inline-block;
	font-weight: bold;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .3s;
	/*border: 1px solid;*/
	margin: 4px 0;
}

.pgnt2 {
	border: 1px solid;
}

.pgnt span,
.pgnt a {
	color: #000;
	/*float: left;*/
	display: inline-block;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid;
	margin: 4px 0;
}

.pgnt a.active,
.pgnt .current {
	background-color: #4CAF50;
	color: white;
	border: 1px solid #4CAF50;
}

.pgnt a:hover:not(.active) {
	background-color: #92E695;
}


/*migrating hard-coded css on elements*/
/*canvas*/
canvas {
	padding: 0;
	margin: auto;
	display: block;
	width: 800px;
	height: 600px;
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
canvas#chkl_signcreated {
  border: 5px dashed red;
  margin-top: 20px;
}
#addSig {
  width: 100%;
  height: 200px;
  border: 0;
  overflow: hidden;
}
@media (max-width: 580px) {
  #addSig {
    height: 265px;
  }
}

/*div.postbox - remove*/
div.postbox {
  width: 70%;
  margin-left: 73px;
}

/*hide default headers*/
.wpb_text_column.wpb_content_element,
article > .entry-header.alignwide {
	display: none;
}

/*custome buttons*/
@media (max-width:590px){
	.custombtns {
		width: 100%;
		display: block;
	}
}

/*proj-manager merged*/
/*leave-manager merged*/
/*checklist3-manager merged*/
/*ohs-manager merged*/
/*permit-manager merged*/
/*user-manager merged*/
/* Main Dashboard Table */
table.clientsidedisplay,
table.clientsideemps,
table.clientsidedowns,
table.clientvisitorcounter,
table.listclient,
table.leavlistdisplay,
table.leavdisplay,
table.chklist3display,
table.chklistmngdisplay,
table.clientsidedisplayohs,
table.prmtdisplay,
table.empsidedisplay,
table.recentdisplay {
  width: 100%;
}

table.clientsidedisplay th,
table.clientsideemps th,
table.clientsidedowns th,
table.clientvisitorcounter th,
table.listclient th,
table.leavlistdisplay th,
table.leavdisplay th,
table.chklist3display th,
table.chklistmngdisplay th,
table.clientsidedisplayohs th ,
table.prmtdisplay th,
table.empsidedisplay th,
table.recentdisplay th {
  color: #fff;
  font-weight: bold;
  background-color: #000;
  font-size: 15px;
  padding: 10px 5px;
  border: 0;
  border-bottom: 2px solid #00000024;
  border-top: 2px solid #00000024;
}

table.clientsidedisplay td.sFilter,
table.clientsideemps td.sFilter,
table.clientsidedowns td.sFilter,
table.clientvisitorcounter td.sFilter,
table.listclient td.sFilter,
table.leavlistdisplay td.sFilter,
table.chklist3display td.sFilter,
table.chklistmngdisplay td.sFilter,
table.clientsidedisplayohs td.sFilter,
table.prmtdisplay td.sFilter,
table.empsidedisplay td.sFilter,
table.recentdisplay td.sFilter {
  position: sticky;
  top: 0;
  font-size: 15px;
  background-color: #078fff1c;
}

table.clientsidedisplay td,
table.clientsideemps td,
table.clientsidedowns td,
table.clientvisitorcounter td,
table.listclient td,
table.leavlistdisplay td,
table.leavdisplay td,
table.chklist3display td,
table.chklistmngdisplay td,
table.clientsidedisplayohs td,
table.prmtdisplay td,
table.empsidedisplay td,
table.recentdisplay td {
  padding: 10px 5px;
  border: 0;
  border-bottom: 2px solid #00000024;
  border-top: 2px solid #00000024;
}

table.empsidedisplay td {
  text-align: center;
}

table.clientsidedisplay tr:nth-child(even),
table.clientsideemps tr:nth-child(even),
table.clientsidedowns tr:nth-child(even),
table.clientvisitorcounter tr:nth-child(even),
table.listclient tr:nth-child(even),
table.leavlistdisplay tr:nth-child(even),
table.leavdisplay tr:nth-child(even),
table.chklist3display tr:nth-child(even),
table.chklistmngdisplay tr:nth-child(even),
table.clientsidedisplayohs tr:nth-child(even),
table.prmtdisplay tr:nth-child(even),
table.empsidedisplay > tbody > tr:nth-child(even),
table.recentdisplay tr:nth-child(even) {
  /*background-color: #078fff1c !important;*/
  background-color: rgba(239, 239, 239, 0.5) !important;
}

/*YELLOW INDICATION*/
table.clientsidedisplay td.yellow,
table.clientsideemps td.yellow,
table.clientsidedowns td.yellow,
table.clientvisitorcounter td.yellow,
table.listclient td.yellow,
table.leavlistdisplay td.yellow,
table.leavdisplay td.yellow,
table.chklist3display td.yellow,
table.chklistmngdisplay td.yellow,
table.clientsidedisplayohs td.yellow,
table.prmtdisplay td.yellow,
table.empsidedisplay td.yellow,
table.recentdisplay td.yellow {
  color: #000;
  background-color: #ff9800;
}

/*GREEN INDICATION*/
table.clientsidedisplay td.green,
table.clientsideemps td.green,
table.clientsidedowns td.green,
table.clientvisitorcounter td.green,
table.listclient td.green,
table.leavlistdisplay td.green,
table.leavdisplay td.green,
table.chklist3display td.green,
table.chklistmngdisplay td.green,
table.clientsidedisplayohs td.green,
table.prmtdisplay td.green,
table.empsidedisplay td.green,
table.recentdisplay td.green {
  color: #fff;
  background-color: #38813b;
}

/*RED INDICATION*/
table.clientsidedisplay td.red,
table.clientsideemps td.red,
table.clientsidedowns td.red,
table.clientvisitorcounter td.red,
table.listclient td.red,
table.leavlistdisplay td.red,
table.leavdisplay td.red,
table.chklist3display td.red,
table.chklistmngdisplay td.red,
table.clientsidedisplayohs td.red,
table.prmtdisplay td.red,
table.empsidedisplay td.red,
table.recentdisplay td.red {
  color: #fff;
  background-color: #f53f3f;
}

/*TR ORANGE INDICATION*/
table.clientsidedisplay td.orange,
table.clientsideemps td.orange,
table.clientsidedowns td.orange,
table.clientvisitorcounter td.orange,
table.listclient td.orange,
table.leavlistdisplay td.orange,
table.leavdisplay td.orange,
table.chklist3display td.orange,
table.chklistmngdisplay td.orange,
table.clientsidedisplayohs td.orange,
table.prmtdisplay td.orange,
table.empsidedisplay td.orange,
table.recentdisplay td.orange {
  color: #fff;
  background-color: #e08700;
}

/*TR GREY INDICATION*/
table.clientsidedisplay td.grey,
table.clientsideemps td.grey,
table.clientsidedowns td.grey,
table.clientvisitorcounter td.grey,
table.listclient td.grey,
table.leavlistdisplay td.grey,
table.leavdisplay td.grey,
table.chklist3display td.grey,
table.chklistmngdisplay td.grey,
table.clientsidedisplayohs td.grey,
table.prmtdisplay td.grey,
table.empsidedisplay td.grey,
table.recentdisplay td.grey {
  color: #fff;
  background-color: #187181;
}

/*TR OTHER INDICATION*/
table.clientsidedisplay td.other,
table.clientsideemps td.other,
table.clientsidedowns td.other,
table.clientvisitorcounter td.other,
table.listclient td.other,
table.leavlistdisplay td.other,
table.leavdisplay td.other,
table.chklist3display td.other,
table.chklistmngdisplay td.other,
table.clientsidedisplayohs td.other,
table.prmtdisplay td.other,
table.empsidedisplay td.other,
table.recentdisplay td.other {
  color: #fff;
  background-color: #896ae5;
}

table.listclient td:nth-child(11),
table.leavlistdisplay td:nth-child(11),
table.chklist3display td:nth-child(11),
table.chklistmngdisplay td:nth-child(11),
table.clientsidedisplayohs td:nth-child(11),
table.prmtdisplay td:nth-child(11),
table.empsidedisplay td:nth-child(11),
table.recentdisplay td:nth-child(11) {
  word-break: break-word;
}

table.listclient td.sFilter input[type="search"],
table.listclient td.sFilter select,
table.leavlistdisplay td.sFilter input[type="search"],
table.leavlistdisplay td.sFilter select,
table.chklist3display td.sFilter input[type="search"],
table.chklist3display td.sFilter select,
table.chklistmngdisplay td.sFilter input[type="search"],
table.chklistmngdisplay td.sFilter select,
table.clientsidedisplayohs td.sFilter input[type="search"],
table.clientsidedisplayohs td.sFilter select,
table.prmtdisplay td.sFilter input[type="search"],
table.prmtdisplay td.sFilter select,
table.empsidedisplay td.sFilter input[type="search"],
table.empsidedisplay td.sFilter select,
table.recentdisplay td.sFilter input[type="search"],
table.recentdisplay td.sFilter select {
  width: 100%;
  border: 0;
  padding: 5px;
  border-radius: 3px;
  background: #fff;
}

table.listclient td.sFilter select,
table.leavlistdisplay td.sFilter select,
table.chklist3display td.sFilter select,
table.chklistmngdisplay td.sFilter select,
table.clientsidedisplayohs td.sFilter select,
table.prmtdisplay td.sFilter select,
table.empsidedisplay td.sFilter select,
table.recentdisplay td.sFilter select {
  padding: 7px;
}

table.listclient td.sFilter ::placeholder,
table.listclient td.sFilter :-ms-input-placeholder,
table.listclient td.sFilter ::-ms-input-placeholder,
table.leavlistdisplay td.sFilter ::placeholder,
table.leavlistdisplay td.sFilter :-ms-input-placeholder,
table.leavlistdisplay td.sFilter ::-ms-input-placeholder,
table.chklist3display td.sFilter ::placeholder,
table.chklist3display td.sFilter :-ms-input-placeholder,
table.chklist3display td.sFilter ::-ms-input-placeholder,
table.chklistmngdisplay td.sFilter ::placeholder,
table.chklistmngdisplay td.sFilter :-ms-input-placeholder,
table.chklistmngdisplay td.sFilter ::-ms-input-placeholder,
table.clientsidedisplayohs td.sFilter ::placeholder,
table.clientsidedisplayohs td.sFilter :-ms-input-placeholder,
table.clientsidedisplayohs td.sFilter ::-ms-input-placeholder,
table.prmtdisplay td.sFilter ::placeholder,
table.prmtdisplay td.sFilter :-ms-input-placeholder,
table.prmtdisplay td.sFilter ::-ms-input-placeholder,
table.empsidedisplay td.sFilter ::placeholder,
table.empsidedisplay td.sFilter :-ms-input-placeholder,
table.empsidedisplay td.sFilter ::-ms-input-placeholder,
table.recentdisplay td.sFilter ::placeholder,
table.recentdisplay td.sFilter :-ms-input-placeholder,
table.recentdisplay td.sFilter ::-ms-input-placeholder {
  /* Firefox, Internet Explorer 10-11, Microsoft Edge */
  color: #a2a2a2;
  border: 0;
  padding: 5px;
}

table.listclient td.sFilter ::placeholder,
table.leavlistdisplay td.sFilter ::placeholder,
table.chklist3display td.sFilter ::placeholder,
table.chklistmngdisplay td.sFilter ::placeholder,
table.clientsidedisplayohs td.sFilter ::placeholder,
table.prmtdisplay td.sFilter ::placeholder,
table.empsidedisplay td.sFilter ::placeholder,
table.recentdisplay td.sFilter ::placeholder {
  /* Firefox */
  opacity: 1;
}

@media (max-width: 885px) {
  table.clientsidedisplay,
  table.clientsideemps,
  table.clientsidedowns,
  table.listclient,
  table.leavlistdisplay,
  table.chklist3display,
  table.chklistmngdisplay,
  table.clientsidedisplayohs,
  table.prmtdisplay,
  table.empsidedisplay,
  table.recentdisplay {
    width: 100% !important;
    box-shadow: none;
    border: none !important;
  }

  table.clientsidedisplay tr,
  table.clientsidedisplay td,
  table.clientsideemps tr,
  table.clientsideemps td,
  table.clientsidedowns tr,
  table.clientsidedowns td,
  table.listclient tr,
  table.listclient td,
  table.leavlistdisplay tr,
  table.leavlistdisplay td,
  table.chklist3display tr,
  table.chklist3display td,
  table.chklistmngdisplay tr,
  table.chklistmngdisplay td,
  table.clientsidedisplayohs tr,
  table.clientsidedisplayohs td,
  table.prmtdisplay tr,
  table.prmtdisplay td,
  table.empsidedisplay tr,
  table.empsidedisplay td,
  table.recentdisplay tr,
  table.recentdisplay td {
    display: block;
  }

  table.clientsidedisplay tr,
  table.clientsideemps tr,
  table.clientsidedowns tr,
  table.listclient tr,
  table.leavlistdisplay tr,
  table.chklist3display tr,
  table.chklistmngdisplay tr,
  table.clientsidedisplayohs tr,
  table.prmtdisplay tr,
  table.empsidedisplay tr,
  table.recentdisplay tr {
    position: relative;
    margin-bottom: 1em;
  }

  table.clientsidedisplay td,
  table.clientsideemps td,
  table.clientsidedowns td,
  table.listclient td,
  table.leavlistdisplay td,
  table.chklist3display td,
  table.chklistmngdisplay td,
  table.clientsidedisplayohs td,
  table.prmtdisplay td,
  table.empsidedisplay td,
  table.recentdisplay td {
    border-top: none;
  }

  table.clientsidedisplay th,
  table.clientsideemps th,
  table.clientsidedowns th,
  table.listclient th,
  table.leavlistdisplay th,
  table.chklist3display th,
  table.chklistmngdisplay th,
  table.clientsidedisplayohs th,
  table.prmtdisplay th,
  table.empsidedisplay th,
  table.recentdisplay th {
    display: none;
  }

  table.clientsidedisplay th,
  table.clientsidedisplay td,
  table.clientsideemps th,
  table.clientsideemps td,
  table.clientsidedowns th,
  table.clientsidedowns td,
  table.listclient th,
  table.listclient td,
  table.leavlistdisplay th,
  table.leavlistdisplay td,
  table.chklist3display th,
  table.chklist3display td,
  table.chklistmngdisplay th,
  table.chklistmngdisplay td,
  table.clientsidedisplayohs th,
  table.clientsidedisplayohs td,
  table.prmtdisplay th,
  table.prmtdisplay td,
  table.empsidedisplay th.sFilter,
  table.empsidedisplay td.sFilter,
  table.recentdisplay th,
  table.recentdisplay td {
    padding: 0.5em;
    padding-left: 35% !important;
  }

  table.clientsidedisplay tr:nth-child(2) td:nth-child(1):before {
    content: "Date: ";
  }

  table.clientsidedisplay td:nth-child(1):before {
    content: "Date: ";
  }

  table.clientsidedisplay td:nth-child(2):before {
    content: "Risk Level: ";
  }

  table.clientsidedisplay td:nth-child(3):before {
    content: "Description: ";
  }

  table.clientsidedisplay td:nth-child(4):before {
    content: "Resolved?: ";
  }

  table.clientsideemps td:nth-child(1):before {
    content: "#: ";
  }

  table.clientsideemps td:nth-child(2):before {
    content: "Employee: ";
  }

  table.clientsideemps td:nth-child(3):before {
    content: "Entries: ";
  }

  table.clientsidedowns td:nth-child(1):before {
    content: "File Name: ";
  }

  table.clientsidedowns td:nth-child(2):before {
    content: "Valid / Expiry: ";
  }

  table.listclient tr:nth-child(2) td:nth-child(1):before {
    content: "ID: ";
  }

  table.listclient td:nth-child(1):before {
    content: "ID: ";
  }

  table.listclient td:nth-child(2):before {
    content: "File Name: ";
  }

  table.listclient td:nth-child(3):before {
    content: "Status: ";
  }

  table.listclient td:nth-child(4):before {
    content: "Date Issued: ";
  }

  table.listclient td:nth-child(5):before {
    content: "Expiry Date: ";
  }

  table.listclient td:nth-child(6):before {
    content: "Actions: ";
  }

  table.leavlistdisplay.cssManagers tr:nth-child(2) td:nth-child(1):before {
    content: "Entry #: ";
  }

  table.leavlistdisplay.cssManagers tr:nth-child(2) td:nth-child(5):before {
    content: "Status: ";
  }

  table.leavlistdisplay.cssManagers td:nth-child(1):before {
    content: "Entry #: ";
  }

  table.leavlistdisplay.cssManagers td:nth-child(2):before {
    content: "Name: ";
  }

  table.leavlistdisplay.cssManagers td:nth-child(3):before {
    content: "Type: ";
  }

  table.leavlistdisplay.cssManagers td:nth-child(4):before {
    content: "Date: ";
  }

  table.leavlistdisplay.cssManagers td:nth-child(5):before {
    content: " ";
  }

  table.leavlistdisplay.cssManagers td:nth-child(6):before {
    content: "Status: ";
  }

  table.leavlistdisplay.cssUsr td:nth-child(1):before {
    content: "Type: ";
  }

  table.leavlistdisplay.cssUsr td:nth-child(2):before {
    content: "Date: ";
  }

  table.leavlistdisplay.cssUsr td:nth-child(3):before {
    content: " ";
  }

  table.leavlistdisplay.cssUsr td:nth-child(4):before {
    content: "Status: ";
  }

  table.chklist3display tr:nth-child(2) td:nth-child(1):before {
    content: "Quick Search: ";
  }

  table.chklist3display td:nth-child(1):before {
    content: "Entry #: ";
  }

  table.chklist3display td:nth-child(2):before {
    content: "Date: ";
  }

  table.chklist3display td:nth-child(3):before {
    content: "Location: ";
  }

  table.chklist3display td:nth-child(4):before {
    content: "Client: ";
  }

  table.chklist3display td:nth-child(5):before {
    content: "Department: ";
  }

  table.chklist3display td:nth-child(6):before {
    content: "Project: ";
  }

  table.chklist3display td:nth-child(7):before {
    content: "Technician(s): ";
  }

  table.chklist3display td:nth-child(8):before {
    content: "Created By: ";
  }

  table.chklist3display td:nth-child(9):before {
    content: "Status: ";
  }

  table.chklistmngdisplay tr:nth-child(2) td:nth-child(1):before {
    content: "Quick Search: ";
  }

  table.chklistmngdisplay td:nth-child(1):before {
    content: "Entry #: ";
  }

  table.chklistmngdisplay td:nth-child(2):before {
    content: "Date: ";
  }

  table.chklistmngdisplay td:nth-child(3):before {
    content: "Location: ";
  }

  table.chklistmngdisplay td:nth-child(4):before {
    content: "Client: ";
  }

  table.chklistmngdisplay td:nth-child(5):before {
    content: "Department: ";
  }

  table.chklistmngdisplay td:nth-child(6):before {
    content: "Project: ";
  }

  table.chklistmngdisplay td:nth-child(7):before {
    content: "Technician(s): ";
  }

  table.chklistmngdisplay td:nth-child(8):before {
    content: "Created By: ";
  }

  table.chklistmngdisplay td:nth-child(9):before {
    content: "Status: ";
  }

  table.clientsidedisplayohs tr:nth-child(2) td:nth-child(1):before {
    content: "Entry #: ";
  }

  table.clientsidedisplayohs td:nth-child(1):before {
    content: "Entry #: ";
  }

  table.clientsidedisplayohs td:nth-child(2):before {
    content: "Date: ";
  }

  table.clientsidedisplayohs td:nth-child(3):before {
    content: "Risk: ";
  }

  table.clientsidedisplayohs td:nth-child(4):before {
    content: "Brief: ";
  }

  table.clientsidedisplayohs td:nth-child(5):before {
    content: "Recomm: ";
  }

  table.clientsidedisplayohs td:nth-child(6):before {
    content: "Location: ";
  }

  table.clientsidedisplayohs td:nth-child(7):before {
    content: "Client: ";
  }

  table.clientsidedisplayohs td:nth-child(8):before {
    content: "Project: ";
  }

  table.clientsidedisplayohs td:nth-child(9):before {
    content: "Resolved?: ";
  }

  table.prmtdisplay tr:nth-child(2) td:nth-child(1):before {
    content: "Quick Search: ";
  }

  table.prmtdisplay td:nth-child(1):before {
    content: "Entry #: ";
  }

  table.prmtdisplay td:nth-child(2):before {
    content: "Date: ";
  }

  table.prmtdisplay td:nth-child(3):before {
    content: "Location: ";
  }

  table.prmtdisplay td:nth-child(4):before {
    content: "Client: ";
  }

  table.prmtdisplay td:nth-child(5):before {
    content: "Department: ";
  }

  table.prmtdisplay td:nth-child(6):before {
    content: "Project: ";
  }

  table.prmtdisplay td:nth-child(7):before {
    content: "Technician(s): ";
  }

  table.prmtdisplay td:nth-child(8):before {
    content: "Created By: ";
  }

  table.prmtdisplay td:nth-child(9):before {
    content: "Status: ";
  }

  table.empsidedisplay td.sFilter:nth-child(1):before {
    content: "Search: ";
  }

  table.empsidedisplay td.sFilter:nth-child(2):before {
    content: "Certificates: ";
  }

  table.empsidedisplay td.sFilter:nth-child(3):before {
    content: " ";
  }

  /*table.empsidedisplay td:nth-child(1):before{
    content: 'Employee: ';
  }*/

  table.recentdisplay tr:nth-child(2) td:nth-child(2):before {
    content: "Description: ";
  }

  table.recentdisplay td:nth-child(1):before {
    content: "Date: ";
  }

  table.recentdisplay td:nth-child(2):before {
    content: "Recent: ";
  }

  table.recentdisplay td:nth-child(3):before {
    content: "Status: ";
  }

  table.clientsidedisplay td:nth-child(1),
  table.clientsidedisplay td:nth-child(2),
  table.clientsidedisplay td:nth-child(3),
  table.clientsidedisplay td:nth-child(4),
  table.clientsideemps td:nth-child(1),
  table.clientsideemps td:nth-child(2),
  table.clientsideemps td:nth-child(3),
  table.clientsidedowns td:nth-child(1),
  table.clientsidedowns td:nth-child(2),
  table.listclient td:nth-child(1),
  table.listclient td:nth-child(2),
  table.listclient td:nth-child(3),
  table.listclient td:nth-child(4),
  table.listclient td:nth-child(5),
  table.listclient td:nth-child(6),
  table.leavlistdisplay.cssManagers td:nth-child(1),
  table.leavlistdisplay.cssManagers td:nth-child(2),
  table.leavlistdisplay.cssManagers td:nth-child(3),
  table.leavlistdisplay.cssManagers td:nth-child(4),
  table.leavlistdisplay.cssManagers td:nth-child(5),
  table.leavlistdisplay.cssManagers td:nth-child(6),
  table.leavlistdisplay.cssUsr td:nth-child(1),
  table.leavlistdisplay.cssUsr td:nth-child(2),
  table.leavlistdisplay.cssUsr td:nth-child(3),
  table.leavlistdisplay.cssUsr td:nth-child(4),
  table.chklist3display td:nth-child(1),
  table.chklist3display td:nth-child(2),
  table.chklist3display td:nth-child(3),
  table.chklist3display td:nth-child(4),
  table.chklist3display td:nth-child(5),
  table.chklist3display td:nth-child(6),
  table.chklist3display td:nth-child(7),
  table.chklist3display td:nth-child(8),
  table.chklist3display td:nth-child(9),
  table.chklistmngdisplay td:nth-child(1),
  table.chklistmngdisplay td:nth-child(2),
  table.chklistmngdisplay td:nth-child(3),
  table.chklistmngdisplay td:nth-child(4),
  table.chklistmngdisplay td:nth-child(5),
  table.chklistmngdisplay td:nth-child(6),
  table.chklistmngdisplay td:nth-child(7),
  table.chklistmngdisplay td:nth-child(8),
  table.chklistmngdisplay td:nth-child(9),
  table.clientsidedisplayohs td:nth-child(1),
  table.clientsidedisplayohs td:nth-child(2),
  table.clientsidedisplayohs td:nth-child(3),
  table.clientsidedisplayohs td:nth-child(4),
  table.clientsidedisplayohs td:nth-child(5),
  table.clientsidedisplayohs td:nth-child(6),
  table.clientsidedisplayohs td:nth-child(7),
  table.clientsidedisplayohs td:nth-child(8),
  table.clientsidedisplayohs td:nth-child(9),
  table.prmtdisplay td:nth-child(1),
  table.prmtdisplay td:nth-child(2),
  table.prmtdisplay td:nth-child(3),
  table.prmtdisplay td:nth-child(4),
  table.prmtdisplay td:nth-child(5),
  table.prmtdisplay td:nth-child(6),
  table.prmtdisplay td:nth-child(7),
  table.prmtdisplay td:nth-child(8),
  table.prmtdisplay td:nth-child(9),
  table.empsidedisplay td.sFilter:nth-child(1),
  table.recentdisplay td:nth-child(1),
  table.recentdisplay td:nth-child(2),
  table.recentdisplay td:nth-child(3) {
    padding-left: 40%;
    text-align: center;
  }

  table.empsidedisplay td.sFilter:nth-child(1) {
    text-align: center;
  }

  table.clientsidedisplay td:nth-child(1):before,
  table.clientsidedisplay td:nth-child(2):before,
  table.clientsidedisplay td:nth-child(3):before,
  table.clientsidedisplay td:nth-child(4):before,
  table.clientsideemps td:nth-child(1):before,
  table.clientsideemps td:nth-child(2):before,
  table.clientsideemps td:nth-child(3):before,
  table.clientsidedowns td:nth-child(1):before,
  table.clientsidedowns td:nth-child(2):before,
  table.listclient td:nth-child(1):before,
  table.listclient td:nth-child(2):before,
  table.listclient td:nth-child(3):before,
  table.listclient td:nth-child(4):before,
  table.listclient td:nth-child(5):before,
  table.listclient td:nth-child(6):before,
  table.leavlistdisplay.cssManagers td:nth-child(1):before,
  table.leavlistdisplay.cssManagers td:nth-child(2):before,
  table.leavlistdisplay.cssManagers td:nth-child(3):before,
  table.leavlistdisplay.cssManagers td:nth-child(4):before,
  table.leavlistdisplay.cssManagers td:nth-child(5):before,
  table.leavlistdisplay.cssManagers td:nth-child(6):before,
  table.leavlistdisplay.cssUsr td:nth-child(1):before,
  table.leavlistdisplay.cssUsr td:nth-child(2):before,
  table.leavlistdisplay.cssUsr td:nth-child(3):before,
  table.leavlistdisplay.cssUsr td:nth-child(4):before,
  table.chklist3display td:nth-child(1):before,
  table.chklist3display td:nth-child(2):before,
  table.chklist3display td:nth-child(3):before,
  table.chklist3display td:nth-child(4):before,
  table.chklist3display td:nth-child(5):before,
  table.chklist3display td:nth-child(6):before,
  table.chklist3display td:nth-child(7):before,
  table.chklist3display td:nth-child(8):before,
  table.chklist3display td:nth-child(9):before,
  table.chklistmngdisplay td:nth-child(1):before,
  table.chklistmngdisplay td:nth-child(2):before,
  table.chklistmngdisplay td:nth-child(3):before,
  table.chklistmngdisplay td:nth-child(4):before,
  table.chklistmngdisplay td:nth-child(5):before,
  table.chklistmngdisplay td:nth-child(6):before,
  table.chklistmngdisplay td:nth-child(7):before,
  table.chklistmngdisplay td:nth-child(8):before,
  table.chklistmngdisplay td:nth-child(9):before,
  table.clientsidedisplayohs td:nth-child(1):before,
  table.clientsidedisplayohs td:nth-child(2):before,
  table.clientsidedisplayohs td:nth-child(3):before,
  table.clientsidedisplayohs td:nth-child(4):before,
  table.clientsidedisplayohs td:nth-child(5):before,
  table.clientsidedisplayohs td:nth-child(6):before,
  table.clientsidedisplayohs td:nth-child(7):before,
  table.clientsidedisplayohs td:nth-child(8):before,
  table.clientsidedisplayohs td:nth-child(9):before,
  table.prmtdisplay td:nth-child(1):before,
  table.prmtdisplay td:nth-child(2):before,
  table.prmtdisplay td:nth-child(3):before,
  table.prmtdisplay td:nth-child(4):before,
  table.prmtdisplay td:nth-child(5):before,
  table.prmtdisplay td:nth-child(6):before,
  table.prmtdisplay td:nth-child(7):before,
  table.prmtdisplay td:nth-child(8):before,
  table.prmtdisplay td:nth-child(9):before,
  table.empsidedisplay td.sFilter:nth-child(1):before,
  table.empsidedisplay td.sFilter:nth-child(2):before,
  table.empsidedisplay td.sFilter:nth-child(3):before,
  table.empsidedisplay td.sFilter:nth-child(4):before,
  table.recentdisplay td:nth-child(1):before,
  table.recentdisplay td:nth-child(2):before,
  table.recentdisplay td:nth-child(3):before {
    position: absolute;
    left: 0.5em;
    font-weight: bold;
  }

  table.clientsidedisplay td:nth-child(1),
  table.clientsidedisplay td:nth-child(1) a,
  table.clientsideemps td:nth-child(1),
  table.clientsideemps td:nth-child(1) a,
  table.clientsidedowns td:nth-child(1),
  table.clientsidedowns td:nth-child(1) a,
  table.listclient td:nth-child(1),
  table.listclient td:nth-child(1) a,
  table.leavlistdisplay td:nth-child(1),
  table.leavlistdisplay td:nth-child(1) a,
  table.chklist3display td:nth-child(1),
  table.chklist3display td:nth-child(1) a,
  table.chklistmngdisplay td:nth-child(1),
  table.chklistmngdisplay td:nth-child(1) a,
  table.clientsidedisplayohs td:nth-child(1),
  table.clientsidedisplayohs td:nth-child(1) a,
  table.prmtdisplay td:nth-child(1),
  table.prmtdisplay td:nth-child(1) a,
  table.empsidedisplay > tbody > tr > td.sFilter:nth-child(1),
  table.empsidedisplay > tbody > tr > td.sFilter:nth-child(1) a,
  table.recentdisplay td:nth-child(1),
  table.recentdisplay td:nth-child(1) a {
    background-color: #000;
    color: white;
  }

  table.empsidedisplay > tbody > tr > td:nth-child(1),
  table.empsidedisplay > tbody > tr > td:nth-child(1) a {
    text-align: center;
    font-weight: bold;
    word-wrap: anywhere;
  }
}

.progress-bar {
  height: 25px;
  /*padding: 5px;*/
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
  /*float: right;*/
}

.progress-bar span {
  display: inline-block;
  height: 100%;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  transition: width 0.4s ease-in-out;
}

.blue span {
  background-color: #34c2e3;
}

.orange span {
  background-color: #fecf23;
  background-image: linear-gradient(top, #fecf23, #fd9215);
}

.green span {
  background-color: #a5df41;
  background-image: linear-gradient(top, #a5df41, #4ca916);
}

.red span {
  background-color: #f42323;
  /*background-image: linear-gradient(top, #f0a3a3, #f42323);*/
}

.stripes span {
  background-size: 30px 30px;
  background-image: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  animation: animate-stripes 3s linear infinite;
}

.nostripes span {
  background-image: none;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

@keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}


/*hardcoded inline css styles*/
.ffd-style-0 { background-color:#df1f26;color:#ffffff;font-size:18px;text-align:center;padding:20px; }
.ffd-style-1 { text-align: center; width: 100%; display: block; padding-bottom: 20px; }
.ffd-style-2 { margin: 5px;display: inline-block; }
.ffd-style-3 { font-size: 16px; padding: 18px 25px 18px 25px; color: #fff; border-color: #b97ebb; background-color: #b97ebb; }
.ffd-style-4 { color:#fff;background-color:#df1f26;font-size:18px;text-align:center;padding:20px; }
.ffd-style-5 { background-color:#59a742;color:#ffffff;font-size:18px;text-align:center;padding:20px; }
.ffd-style-6 { font-weight: bold;font-size: 18px; }
.ffd-style-7 { padding: 5px 15px;background: #68ee5554;border: 2px dotted #68ee55;display: inherit; }
.ffd-style-8 { color:red; }
.ffd-style-9 { text-align: center; }
.ffd-style-10 { width: 90%; max-width: 1120px; padding: 20px; background: #e5e5e5; border-radius: 5px; margin: 40px auto; font-family: Open Sans,Helvetica,Arial; font-size: 15px; min-width: 500px; }
.ffd-style-10-2 { /*width: 90%;*/ max-width: 1120px; padding: 20px; /*background: #e5e5e5;*/ background: #183d47; border-radius: 5px; margin: 40px auto; font-family: Open Sans,Helvetica,Arial; font-size: 15px; min-width: 500px; }
.ffd-style-11 { color: #474747;font-weight: normal; }
.ffd-style-12 { font-size: 18px; padding: 10px 10px 20px 10px; }
.ffd-style-13 { color: #474747;text-decoration: none;font-weight: bold; }
.ffd-style-14 { clear: both }
.ffd-style-15 { color: #fff;font-weight: normal;box-shadow: 0 8px 16px 0 rgba(85,93,102,.3);background: #fff;border-bottom: solid 3px #ffa900;margin-bottom: 20px; }
.ffd-style-16 { padding: 10px; background: #fff;font-size: 14px;color: #474747;margin-top: 20px; }
.ffd-style-17 { width: 100%; }
.ffd-style-18 { vertical-align: top;border-right: 1px solid #474747;padding: 10px;border-bottom: 1px solid #474747;border-top: 1px solid #474747;background: #e5e5e5;text-align:center; }
.ffd-style-19 { font-weight: bold; }
.ffd-style-20 { vertical-align: top;border-right: 1px solid #474747;padding: 10px;border-bottom: 1px solid #474747;border-top: 1px solid #474747;background: #e5e5e5; }
.ffd-style-21 { vertical-align: top;padding: 10px;border-bottom: 1px solid #474747;border-top: 1px solid #474747;background: #e5e5e5; }
.ffd-style-22 { border-right: 1px solid #474747;padding: 10px;border-bottom: 1px solid #474747;text-align:center; }
.ffd-style-23 { vertical-align: top;border-right: 1px solid #474747;padding: 10px;border-bottom: 1px solid #474747; }
.ffd-style-24 { vertical-align: top;border-right: 1px solid #474747;padding: 10px;border-bottom: 1px solid #474747;word-wrap: anywhere; }
.ffd-style-25 { vertical-align: top;padding: 10px;border-bottom: 1px solid #474747; }
.ffd-style-26 { font-size: 18px;font-weight: bold;padding: 5px 15px;background: #ffa90054;border: 3px dotted #ffa900; }
.ffd-style-27 { padding: 10px; background: #fff;font-size: 14px;color: #474747; }
.ffd-style-28 { font-size: 18px;font-weight: bold; }
.ffd-style-29 { vertical-align: top;border-right: 1px solid #474747;padding: 10px; }
.ffd-style-30 { vertical-align: top;padding: 10px; }
.ffd-style-31 { color: #fff;font-weight: normal;box-shadow: 0 8px 16px 0 rgba(85,93,102,.3);background: #888;border-bottom: solid 3px #ffa900;margin-bottom: 25px; }
.ffd-style-32 { width:50%;padding: 10px;background: #888;font-size: 14px;color: #fff; }
.ffd-style-33 { width:50%;padding: 10px;border-bottom: solid 3px #fff;background: #ffa900;margin-top: 5px;font-size: 14px;border: 5px solid #888;/*! border-bottom: 2; */border-bottom: 3px solid #fff;color: #fff; }
.ffd-style-34 { background: #888; }
.ffd-style-35 { font-size: 18px;font-weight: bold;padding: 5px 15px;background: #ffa90054;border: 3px dotted #ffa900;margin-left: 10px; }
.ffd-style-36 { color: #fff;text-decoration: none;font-weight: bold; }
.ffd-style-37 { color: #000; padding: 20px 30px; }
.ffd-style-38 { color: #ffa900; text-decoration: none; font-weight: bold; }
.ffd-style-39 { margin-bottom: 20px; }
.ffd-style-40 { width: 100%; max-width: 690px; }
.ffd-style-41 { margin-bottom: 20px; width: 100%; max-width: 690px; border: 1px solid; padding: 15px; }
.ffd-style-42 { color:#ff5858; }
.ffd-style-43 { width: 100%; max-width: 690px; padding: 20px; text-align: left; }
.ffd-style-44 { margin-bottom: 20px; width: 100%; max-width: 350px; height: 200px; }
.ffd-style-45 { display: block; width: fit-content; float: left; }
.ffd-style-46 { /*width: 90%;*/ max-width: 1120px; padding: 20px; /*background: #e5e5e5;*/ background: #183d47; border-radius: 5px; margin: 40px auto; font-family: Open Sans,Helvetica,Arial; font-size: 15px; min-width: 500px; }
.ffd-style-47 { /*color: #474747;*/color: #fff;text-decoration: none;font-weight: bold; }
.ffd-style-48 { font-size: 16px; padding: 18px 25px 18px 25px; color: #fff; border-color: #4cadc9; background-color: #4cadc9; }
.ffd-style-49 { padding-left:5px; padding-right:5px; text-align:center; }
.ffd-style-50 { /*float:left;*/ }
.ffd-style-51 { padding-left:5px; }
.ffd-style-52 { /*float:right;*/ }
.ffd-style-53 { font-size: 16px; padding: 18px 25px 18px 25px; color: #fff; border-color: #6dab3c; background-color: #6dab3c; }
.ffd-style-54 { padding: 40px 10px; text-align: center; }
.ffd-style-55 { display: block !important; }
.ffd-style-56 { display: inline-block; }
.ffd-style-57 { margin: 5px;display: inline-block; font-size: 16px; padding: 18px 25px 18px 25px; color: #fff; border-color: #b97ebb; background-color: #b97ebb; }
.ffd-style-58 { width:50%; }
.ffd-style-59 { padding:5px; max-width:128px; width:30%; }
.ffd-style-60 { width: 88%; padding: 20px; background: #fafafa; border-radius: 5px; margin: 40px auto; font-family: Open Sans,Helvetica,Arial; font-size: 15px; color: #000; }
.ffd-style-61 { color: #000;background: #fafafa;font-weight: normal }
.ffd-style-62 { text-align: center; font-weight: 600; font-size: 26px; padding: 10px 0; border-bottom: solid 3px #f37325; }
.ffd-style-63 { padding: 0 30px 30px 30px;background: #fafafa;border-bottom: 3px solid #f37325 }
.ffd-style-64 { padding: 30px 0; font-size: 24px; text-align: center; line-height: 40px; }
.ffd-style-65 { color: #f37325; text-decoration: none; }
.ffd-style-66 { font-size: 16px; margin: 18px 0px; padding: 18px 25px 18px 25px; color: #fff; border-color: #f37325; background-color: #f37325; }
.ffd-style-67 { padding: 30px 0; background: #eaeaea; font-size: 24px; text-align: center; line-height: 40px; }
.ffd-style-68 { font-size: 16px; font-style:italic; }
.ffd-style-69 { color: #000; padding: 20px 30px; text-align: center; }
.ffd-style-70 { font-size: 16px; padding: 18px 25px 18px 25px; color: #fff; border-color: #fe6c61; background-color: #fe6c61; }
.ffd-style-71 { width:90px;display: inline-block;padding: 5px; }
.ffd-style-72 { margin-bottom: 20px; width: 100%; max-width: 150px; height: 200px; }
.ffd-style-73 { display: inline-block; margin: 5px; width: fit-content; float: left; }
.ffd-style-74 { text-align: center; max-height: 150px; }
.ffd-style-75 { padding:5px; min-width:70px; max-width:128px; width:100%; }
.ffd-style-76 { border-radius:50%; max-height:70px; }
.ffd-style-77 { display: inline-block; margin-bottom: 5px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; }
.ffd-style-78 { display: inline-block; /*margin-bottom: 5px;*/ font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; }
.ffd-style-79 { border-radius:50%; max-height:200px; }
.ffd-style-80 { text-align: center;font-size: 21px;font-weight: bold; }
.ffd-style-81 { text-align: center; width: 100%; display: block; padding-top: 40px; }
.ffd-style-82 { font-size: 16px; padding: 18px 25px 18px 25px; color: #fff; border-color: #ef5b5d; background-color: #ef5b5d; }
.ffd-style-83 { width:30%;padding: 10px;font-size: 14px;border: 0;border-bottom: 1px solid; }
.ffd-style-84 { font-size: 15px;font-weight: bold; }
.ffd-style-85 { width:70%;padding: 10px;margin-top: 5px;border: 0;border-bottom: 1px solid;text-align: right; }
.ffd-style-86 { font-size:18px;text-align:center;padding:20px; }
.ffd-style-87 { width:100%;padding: 10px;font-size: 14px;border: 0;border-bottom: 1px solid; }
.ffd-style-88 { height: 10px }
.ffd-style-89 { display:none; }
.ffd-style-90 { width: 60% }
.ffd-style-91 { width: 60%; padding: 20px; text-align: left; }
.ffd-style-92 { text-align: center; width: 100%; display: block; padding-bottom: 40px; }
.ffd-style-93 { padding: 10px 0 50px 0;text-align: center; }
.ffd-style-94 { width: 750px; max-width: 1120px; padding: 20px; background: #e5e5e5; border-radius: 5px; margin: 40px auto; font-family: Open Sans,Helvetica,Arial; font-size: 15px; min-width: 500px; }
.ffd-style-95 { color:#fff;background-color:#59a742;font-size:18px;text-align:center;padding:20px; }
.ffd-style-96 { border: 1px solid;padding: 20px;border-radius: 4px;background: #f4f4f4; }
.ffd-style-97 { padding: 15px; }
.ffd-style-98 { font-size: 16px;padding: 0 0 10px 0; }
.ffd-style-99 { /*font-weight: bold;*/font-size: 14px; }
.ffd-style-100 { margin: 10px 0px 30px 0;font-size: 14px; }
.ffd-style-101 { /*width: 60%*/ }
.ffd-style-102 { width: 100%; max-width: 690px; /*padding: 20px;*/ }
.ffd-style-103 { /*background-color:#df1f26;*/color:#8a8a8a;font-size:18px;text-align:center;padding:20px; }
.ffd-style-104 { width: 48px; font-size: 48px; height: 48px; border-radius: 50%; color: #777; display: flex; justify-content: center; padding: 44px; align-items: center; background-color: rgba(239, 239, 239, 0.5); margin-right: 15px; }
.ffd-style-105 { color: #f42900; }
.ffd-style-106 { word-wrap: anywhere; }
.ffd-style-107 { flex-wrap: wrap;padding: 30px 12px 0;border: 1px solid #ccc;border-radius: 3px; }
.ffd-style-108 { flex-wrap: wrap;padding: 30px 12px 0;border: 1px solid #ccc; }
.ffd-style-109 { display:block; }
.ffd-style-110 { padding:2px 7px;display:inline-block;vertical-align:top;background:#6dab3c;color:#fff; }
.ffd-style-111 { padding:2px 7px;display:inline-block;vertical-align:top;background:#000;color:#fff; }
.ffd-style-112 { max-width: 120px;border-right: 1px solid #ccc;padding-right: 15px; }
.ffd-style-113 { flex-wrap: wrap; }
.ffd-style-114 { margin: 5px; }
.ffd-style-115 { padding:5px;width:100%; }
.ffd-style-116 { border-radius:50%; }
.ffd-style-117 { width: 100%; display: flex !important; justify-content: space-between; }
.ffd-style-118 { text-align: left; width: 80%; }
.ffd-style-119 { padding:5px;width:100%; background: #000 !important; }
.ffd-style-120 { display: flex; align-items: center; }
.ffd-style-121 { font-size: 17px; }
.ffd-style-122 { color:#fff; display: block; }
.ffd-style-123 { text-align: center; color: red; }
.ffd-style-124 { text-align: center; color: green; }
.ffd-style-125 { text-align: center; justify-content: center; }
.ffd-style-126 { text-align: center; width: 100%; display: block; }
.ffd-style-127 { text-align: right; }
.ffd-style-128 { text-align: right; word-break: break-all; }
.ffd-style-129 { text-align: right; width: 20%; }
.ffd-style-130 { width:100%;display:flex; }
.ffd-style-131 { width:50%;float:left; }
.ffd-style-132 { float: left; }
.ffd-style-133 { color: inherit; }
.ffd-style-134 { width: 100%; display: flex; justify-content: space-between; align-items: center; color: inherit; }
.ffd-style-135 { float: left; width: 50%; }
.ffd-style-136 { text-align: center; font-weight: bold; font-size: xx-large; }
.ffd-style-137 { text-align: center; font-weight: bold; font-size: x-large; }
.ffd-style-138 { text-align: center; width: 100%; padding-bottom: 40px; margin: 5px;display: inline-block; }
.ffd-style-139 { width: 100%;max-width: 690px;margin: 5px; }
.ffd-style-140 { padding:12px; min-width:70px; max-width:128px; width:100%; }
.ffd-style-141 { max-width: 690px;border-radius: 8px; }
.ffd-style-142 { padding:14px 16px; min-width:70px; max-width:128px; width:100%;border-radius: 8px; }
.ffd-style-143 { text-align: center; width: 100%; margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: center; }
.ffd-style-144 { max-width: 100px;margin: 18px 25px 18px 25px;display: inline-block;text-decoration: none; }
.ffd-style-145 { color: #000; display: block; width: 100%; }
.ffd-style-146 { wwidth: 100%; max-width: 690px; }
.ffd-style-147 { border-bottom: 3px solid #fff; padding-bottom: 50px; margin-top: 0px; margin-bottom: 30px; }
.ffd-style-148 { background:#ff0000;color:#fff;text-align:center; }
.ffd-style-149 { background:#00ff00;color:#000;text-align:center; }
.ffd-style-150 { display: inline-block; width: fit-content; padding: 5px 10px; word-wrap: anywhere; color: #000; }
.ffd-style-151 { font-size: calc(var(--global--font-size-xxl)/1.5); }
.ffd-style-152 { padding: 40px 10px 20px 10px; text-align: center; }
.ffd-style-153 { text-align: center; width: 100%; display: block; padding: 20px 0; }
.ffd-style-154 { text-align: center; width: 100%; display: inline-block; padding: 40px 10px 20px 10px; }
.ffd-style-155 { background: #f42900c9; margin-top: 3px; border-radius: 5px; color: white; text-align: center !important; padding: 0 5px; }
.ffd-style-156 { background:#ffff00;color:#000;text-align:center; }
.ffd-style-157 { background:#ffc000;color:#000;text-align:center; }
.ffd-style-158 { background:#ff0000;text-align:center; }
.ffd-style-159 { background:inherit;text-align:center; }
.ffd-style-160 { background-color: #6dab3c; }
.ffd-style-161 { color: #6dab3c; }
.ffd-style-162 { background-color: #f42900; }
.ffd-style-163 { width:100%;max-width:800px;max-height:350px; }
.ffd-style-164 { width: 100%; height: 420px; margin-left: -35px; }
.ffd-style-165 { display: flex; /*justify-content: space-between;*/ }
.ffd-style-166 { margin-right: 5px; }
.ffd-style-167 { /*width: 90%;*/ max-width: 1120px; padding: 20px; background: #e5e5e5; border-radius: 5px; margin: 40px auto; font-family: Open Sans,Helvetica,Arial; font-size: 15px; min-width: 500px; }
.ffd-style-168 { background-color: #ffd800; padding: 15px 45px; }
.ffd-style-169 { border: 1px solid #5d657b;border-radius: 4px;padding: 10px; }
.ffd-style-170 { color:#f42900; }
.ffd-style-171 { color:red;font-size:20px;line-height:normal;vertical-align:middle; }
.ffd-style-172 { width: 100%; max-width: 300px; max-height: 100px; }
.ffd-style-173 { color: #ff0000; }
.ffd-style-174 { width:9px; height:auto; vertical-align:middle;border:1px solid #000; }
.ffd-style-175 { text-transform:capitalize; }
.ffd-style-176 { background:#5c3e64; background-color:#5c3e64; }
.ffd-style-177 { width:100%; border:none; border-collapse: collapse; }
.ffd-style-178 { padding:none; width:3%; }
.ffd-style-179 { padding:none; width:94%; }
.ffd-style-180 { padding:none; }
.ffd-style-181 { width:100%; border:none; border-collapse: collapse; font-size:12px; font-weight:bold; color:#fff; }
.ffd-style-182 { border:none; width:34%; padding:none; vertical-align:middle; text-align:left; }
.ffd-style-183 { width:140px; height:45px; background:#fff; background-color:#fff; padding:0 10px 0 0; }
.ffd-style-184 { border:none; width:33%; padding:none; vertical-align:middle; text-align:center; }
.ffd-style-185 { border:none; width:33%; padding:none; vertical-align:middle; text-align:right; }
.ffd-style-186 { width:100%; border:1px solid black; border-collapse: collapse; font-size:8px; background:#fff; background-color:#fff; }
.ffd-style-187 { border:1px solid black; font-size:10px; font-weight:bold; width:50%; }
.ffd-style-188 { border:1px solid black; font-size:10px; font-weight:bold; }
.ffd-style-189 { font-size:8px; font-weight:bold; color:#00f; }
.ffd-style-190 { border-top:1px solid black; border-right:none; border-bottom:1px solid black; border-left:1px solid black; width:50%; }
.ffd-style-191 { font-weight:bold; color:#00f; text-transform:capitalize; }
.ffd-style-192 { border-top:1px solid black; border-right:1px solid black; border-bottom:1px solid black; border-left:none; width:50%; }
.ffd-style-193 { font-weight:bold; color:#00f; }
.ffd-style-194 { border-top:1px solid black; border-right:none; border-bottom:1px solid black; border-left:1px solid black; }
.ffd-style-195 { border-top:1px solid black; border-right:1px solid black; border-bottom:1px solid black; border-left:none; }
.ffd-style-196 { border:1px solid black; }
.ffd-style-197 { border-top:1px solid black; border-right:none; border-bottom:1px solid black; border-left:1px solid black; font-size:10px; font-weight:bold; }
.ffd-style-198 { border-top:1px solid black; border-right:1px solid black; border-bottom:1px solid black; border-left:none; font-size:10px; font-weight:bold; text-align:center; }
.ffd-style-199 { border-top:1px solid black; border-right:none; border-bottom:1px solid black; border-left:1px solid black; width:25%; }
.ffd-style-200 { border-top:1px solid black; border-right:none; border-bottom:1px solid black; border-left:none; width:25%; }
.ffd-style-201 { border-top:1px solid black; border-right:1px solid black; border-bottom:1px solid black; border-left:none; width:25%; }
.ffd-style-202 { border-top:1px solid black; border-right:none; border-bottom:1px solid black; border-left:1px solid black; width:18%; }
.ffd-style-203 { text-decoration:underline; }
.ffd-style-204 { border-top:1px solid black; border-right:none; border-bottom:1px solid black; border-left:none; width:16%; }
.ffd-style-205 { border-top:1px solid black; border-right:none; border-bottom:1px solid black; border-left:none; width:17%; }
.ffd-style-206 { font-size:6px; }
.ffd-style-207 { border-top:1px solid black; border-right:1px solid black; border-bottom:1px solid black; border-left:none; width:16%; }
.ffd-style-208 { border:1px solid black; padding-bottom:0px; font-size:10px; font-weight:bold; }
.ffd-style-209 { border-top:1px solid black; border-right:1px solid black; border-bottom:none; border-left:1px solid black; padding-top:0px; }
.ffd-style-210 { border-top:none; border-right:1px solid black; border-bottom:none; border-left:1px solid black; padding-top:0px; padding-bottom:0px; }
.ffd-style-211 { border-top:none; border-right:none; border-bottom:none; border-left:1px solid black; padding-top:0px; }
.ffd-style-212 { border-top:none; border-right:1px solid black; border-bottom:none; border-left:none; padding-top:0px; }
.ffd-style-213 { width:64px; height:34px; background:#fff; background-color:#fff; vertical-align:top; /*display:none;*/ }
.ffd-style-214 { border:1px solid black; font-size:10px; font-weight:bold; text-align:center; }
.ffd-style-215 { font-weight:bold; color:#00f; font-size:8px;; }
.ffd-style-216 { font-weight:bold; color:#00f; font-size:8px; }
.ffd-style-217 { border-top:1px solid black; border-right:none; border-bottom:1px solid black; border-left:1px solid black; vertical-align:top; }
.ffd-style-218 { border-top:1px solid black; border-right:1px solid black; border-bottom:1px solid black; border-left:none; vertical-align:top; }
.ffd-style-219 { width:100%; border:none; border-collapse: collapse; font-size:8px; text-align:center; }
.ffd-style-220 { border:10px solid #5c3e64; padding:12px 5px 5px 5px; }
.ffd-style-221 { width:90%; background:#fff; background-color:#fff; padding:10px 5px 5px 5px; }
.ffd-style-222 { margin-bottom: 20px; width: 100%; max-width: 743px; border: 1px solid; padding: 15px; }
.ffd-style-223 { display: inline-block; margin: 5px; }
.ffd-style-224 { color:red; display: inline-block; margin: 5px; }
.ffd-style-225 { border:1px solid black; vertical-align:top; }
.ffd-style-226 { vertical-align:top; }
.ffd-style-227 { display: inline-block; margin: 5px; text-decoration: none; color: #00f; }
.ffd-style-228 { text-align: center; vertical-align:top; }
.ffd-style-229 { padding: 30px 0 10px 0; font-size: 24px; text-align: center; line-height: 40px; }
.ffd-style-230 { padding: 0 10px; font-size: 14px; }
.ffd-style-231 { width: 100%; border-collapse: collapse; }
.ffd-style-232 { padding: 3px 10px; margin-top: 20px; background: #ff7f50; font-size: 24px; line-height: 40px; border: 1px solid #d66a43; }
.ffd-style-233 { font-size: 18px; font-weight:bold; }
.ffd-style-234 { padding: 0 20px; font-size: 24px; line-height: 40px; vertical-align: top; text-align: left; }
.ffd-style-235 { font-size: 14px; }
.ffd-style-236 { font-size: 16px; }
.ffd-style-237 { padding: 0 20px; font-size: 24px; line-height: 40px; vertical-align: top; text-align: right; }
.ffd-style-238 { padding: 0 20px; font-size: 24px; line-height: 40px; vertical-align: top; text-align: left; }
.ffd-style-239 { font-size: 14px; word-break: break-word; }
.ffd-style-240 { color: #f37325; }
.ffd-style-241 { padding: 0 20px; font-size: 24px; line-height: 40px; vertical-align: top; text-align: right; }
.ffd-style-242 { padding: 3px 10px; margin-top: 20px; background: #ffa500; font-size: 24px; line-height: 40px; border: 1px solid #d48900; }
.ffd-style-243 { padding: 3px 10px; margin-top: 20px; background: #ffff00; font-size: 24px; line-height: 40px; border: 1px solid #dfdf00; }
.ffd-style-244 { padding: 3px 10px; margin-top: 20px; background: #d3d3d3; font-size: 24px; line-height: 40px; border: 1px solid #bdbcbc; }
.ffd-style-245 { padding: 30px 0; font-size: 24px; line-height: 40px; border-top: 1px solid #888; }
.ffd-style-246 { padding:0px 20px; text-align: justify; }
.ffd-style-247 { background-color:#00ff00;color:#000; }
.ffd-style-248 { background-color:#ffff00;color:#000; }
.ffd-style-249 { background-color:#ffc000;color:#000; }
.ffd-style-250 { background-color:#ff0000;color:#fff; }
.ffd-style-251 { text-align: center;float: right; }
.ffd-style-252 { width: 750px; max-width: 1120px; padding: 20px;  border-radius: 5px; margin: 40px auto; font-family: Open Sans,Helvetica,Arial; font-size: 15px; min-width: 500px;background: #e5e5e5; }
.ffd-style-253 { color: #000;text-decoration: none;font-weight: bold;font-size: 24px; }
.ffd-style-254 { vertical-align: top;padding: 10px; }
.ffd-style-255 { color: #000;font-weight: bold;padding: 20px 30px; }
.ffd-style-256 { color: #634100; text-decoration: none; font-weight: bold; }
.ffd-style-257 { overflow: auto; }
.ffd-style-258 { color: #ff0; }
.ffd-style-259 { width:15px; height:auto; vertical-align:middle;border:1px solid #000; }
.ffd-style-260 { text-align:center; }
.ffd-style-261 { width:15px; height:auto; }
.ffd-style-262 { text-transform:uppercase; }
.ffd-style-263 { color:#00f; }
.ffd-style-264 { color:#000; }
.ffd-style-265 { max-width:648px; width:100%; border:1px solid black; border-collapse: collapse; font-size:10px; }
.ffd-style-266 { font-size:18px; color:#00f; }
.ffd-style-267 { color:#00f; font-family:Times New Roman; }
.ffd-style-268 { font-size:18px; }
.ffd-style-269 { width:150px; height:auto; }
.ffd-style-270 { border:1px solid black; font-family:Times New Roman; }
.ffd-style-271 { border:1px solid black; background-color:#cbf1a3; }
.ffd-style-272 { border:1px solid black; background-color:#ff6f6f; }
.ffd-style-273 { border:1px solid black; background-color:#f7ff99; }
.ffd-style-274 { width:40%; border:1px solid black; vertical-align:top; }
.ffd-style-275 { border-bottom:1px solid #fff; width:1px; height:50px; }
.ffd-style-276 { width:60%; border:1px solid black; vertical-align:top; }
.ffd-style-277 { border-bottom:1px solid #fff; width:92px; height:50px; /*display:none;*/ }
.ffd-style-278 { text-align:right; }
.ffd-style-279 { max-width:648px; width:100%; border:1px solid black; border-collapse: collapse; font-size:10px; color:#00f; }
.ffd-style-280 { width:34%; border:1px solid black; }
.ffd-style-281 { width:33%; border:1px solid black; }
.ffd-style-282 { border:1px solid black; vertical-align:middle; }
.ffd-style-283 { vertical-align:middle; font-size:12px; }
.ffd-style-284 { vertical-align: middle; font-weight: bold; }
.ffd-style-285 { vertical-align: top;border-top: 1px solid #474747;border-bottom: 1px solid #474747;padding: 10px; }
.ffd-style-286 { vertical-align: top;border-right: 1px solid #474747;padding: 10px;border-bottom: 1px solid #474747;background: #e5e5e5; }
.ffd-style-287 { vertical-align: top;border-bottom: 1px solid #474747;padding: 10px; }
.ffd-style-288 { border-bottom: 1px solid #474747; font-family:Times New Roman; }
.ffd-style-289 { border-right: 1px solid #474747;border-bottom: 1px solid #474747; }
.ffd-style-289-2 { border-right: 1px solid #474747;border-bottom: 1px solid #474747; }
.ffd-style-290 { border-right: 1px solid #474747;border-bottom: 1px solid #474747; background-color:#cbf1a3; }
.ffd-style-291 { border-right: 1px solid #474747;border-bottom: 1px solid #474747; background-color:#ff6f6f; }
.ffd-style-292 { border-right: 1px solid #474747;border-bottom: 1px solid #474747; background-color:#f7ff99; }
.ffd-style-293 { max-width:648px; width:100%; border:1px solid black; }
.ffd-style-294 { border:1px solid black; background-color:#92d050; }
.ffd-style-295 { border:1px solid black; background-color:#f00; }
.ffd-style-296 { border:1px solid black; background-color:#ffe599; }
.ffd-style-297 { color:#5d9320; }
.ffd-style-298 { color:#f00; }
.ffd-style-299 { width: 100%; max-width: 670px; }
.ffd-style-300 { margin-bottom: 20px; width: 90%; max-width: 690px; border: 1px solid; padding: 15px; }
.ffd-style-301 { width: 90%; max-width: 665px; margin: 5px 0; }
.ffd-style-302 { width:30px;display: inline-block;padding: 5px; }
.ffd-style-303 { padding:2px 7px;display:inline-block;vertical-align:top; }
.ffd-style-304 { color:yellow; }
.ffd-style-305 { width: 90%; max-width: 665px; padding: 20px; text-align: left; }
.ffd-style-306 { border:5px dashed black; }
.ffd-style-307 { width: 100%; max-width: 690px }
.ffd-style-308 { max-width:648px; width:100%; border-bottom: 1px solid #474747; text-align:center; }
.ffd-style-309 { border-bottom: 1px solid #474747;border-right: 1px solid #474747; }
.ffd-style-310 { vertical-align: top;border-right: 1px solid #474747;padding: 10px;border-bottom: 1px solid #474747;background: #e5e5e5; text-align:center; }
.ffd-style-311 { vertical-align: top;padding: 10px;border-bottom: 1px solid #474747;background: #e5e5e5; text-align:center; }
.ffd-style-312 { border: 1px solid #474747; background-color:#92d050; }
.ffd-style-313 { border: 1px solid #474747; background-color:#f00; }
.ffd-style-314 { border: 1px solid #474747; background-color:#ffe599; }
.ffd-style-315 { border-bottom: 1px solid #474747; }
.ffd-style-316 { padding:3px; max-width:128px; width:40%; }
.ffd-style-317 { font-size: 16px; padding: 18px 25px 18px 25px; color: #fff; border-color: #4cadc9; background-color: #4cadc9; margin: 5px;display: inline-block; }
.ffd-style-318 { font-size: 25px; }
.ffd-style-319 { font-size: 16px; padding: 18px 25px 18px 25px; color: #fff; border-color: #6dab3c; background-color: #6dab3c; margin: 5px;display: inline-block; }
.ffd-style-320 { width: 90% }
.ffd-style-321 { width: 100% }