:root {
  --blue: #2666ae;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --yellow: #fd7e14;
  --yellow: #ffc107;
  --green: #1a373f;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --themeRed: #e31e25;
  --themeDark: #2b2b2b;
  --themeBgDark: #2b2b2b;
  --themeDefault: #888888;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Lato", sans-serif;
  --font-family-monospace: "Lato", sans-serif;
  --color1: rgb(68, 91, 222, 1);
  --weekHeaderBGColor: rgb(68, 168, 222);
  --todayTextColor: rgba(234, 43, 187);
  --dayActiveColor: rgb(68, 91, 222, 0.9);
  --dayHoverColor: rgba(222, 216, 68, 0.3);
  --borderColor: rgba(0, 0, 0, 0.1);
  --fullDayHeight: 6rem;
  --transitionTime: 300ms;
}

html {
  font-size: 62.5% !important;
}

body {
  font-family: var(--font-family-monospace);
  font-size: 1.4rem;
  color: #15414e;
  font-weight: 400;
  line-height: 2.4rem;
  background: #f6f6f6;
}
*:focus {
  outline: none !important;
  text-decoration-style: none !important;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  text-decoration: none !important;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1180px !important;
  }
}

.elementor-35
  .elementor-element.elementor-element-b32c06d
  .menu-item
  a.hfe-menu-item:hover,
.elementor-35
  .elementor-element.elementor-element-b32c06d
  .sub-menu
  a.hfe-sub-menu-item:hover,
.elementor-35
  .elementor-element.elementor-element-b32c06d
  .menu-item
  a.hfe-menu-item.highlighted,
.elementor-35
  .elementor-element.elementor-element-b32c06d
  .menu-item
  a.hfe-menu-item:focus {
  color: #d22026 !important;
}

.elementor-35
  .elementor-element.elementor-element-b32c06d
  .menu-item.current-menu-item
  a.hfe-menu-item {
  font-weight: 600;
  text-decoration: none;
}
.elementor-35
  .elementor-element.elementor-element-b32c06d
  .menu-item.current-menu-item
  a.hfe-menu-item,
.elementor-35
  .elementor-element.elementor-element-b32c06d
  .menu-item.current-menu-ancestor
  a.hfe-menu-item {
  /* color: var( --e-global-color-primary ); */
  background: #f6f6f6 !important;
  text-decoration: none !important;
}
.ehf-header #masthead {
  z-index: 9 !important;
  /* border-bottom: 4px solid #15414e; */
}
.bg_blue {
  background: #163c4f;
}

.nav-link,
body a,
.text-blue {
  color: #163c4f;
}

.navbar-nav .nav-link.active {
  color: #163c4f;
}

ul > li > a.nav-link:hover {
  color: #163c4f !important;
}

h1 {
  font-size: 6em;
}

h2 {
  font-size: 5em;
}

h3 {
  font-size: 4em;
}

h4 {
  font-size: 3em;
}

h5 {
  font-size: 2em;
}

h6 {
  font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0;
  padding: 0;
}

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

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

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

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

.ft-bolder {
  font-weight: 700;
}

.ft-30 {
  font-size: 3rem;
}

.ft-8 {
  font-size: 0.8rem;
}

.ft-10 {
  font-size: 1rem;
}

.ft-11 {
  font-size: 1.1rem;
}

.ft-12 {
  font-size: 1.2rem;
}

.ft-13 {
  font-size: 1.3rem;
}

.ft-14 {
  font-size: 1.4rem;
}

.ft-15 {
  font-size: 1.5rem;
}

.ft-16 {
  font-size: 1.6rem;
}

.ft-17 {
  font-size: 1.7rem;
}

.ft-18 {
  font-size: 1.8rem;
}

.ft-20 {
  font-size: 2rem;
}

.ft-22 {
  font-size: 2.2rem;
}

.ft-23 {
  font-size: 2.3rem;
}

.ft-24 {
  font-size: 2.4rem;
}

.ft-25 {
  font-size: 2.5rem;
}

.ft-26 {
  font-size: 2.6rem;
}

.ft-27 {
  font-size: 2.7rem;
}

.ft-28 {
  font-size: 2.8rem;
}

.ft-29 {
  font-size: 2.9rem;
}

.ft-30 {
  font-size: 3rem;
  line-height: 2.8rem;
}

.ft-32 {
  font-size: 3.2rem;
}

.ft-35 {
  font-size: 3.5rem;
}

.ft-36 {
  font-size: 3.6rem;
}

.ft-38 {
  font-size: 3.8rem;
}

.ft-40 {
  font-size: 4rem;
}

.ft-42 {
  font-size: 4.2rem;
}

.ft-45 {
  font-size: 4.5rem;
}

.ft-48 {
  font-size: 4.8rem;
}

.ft-50 {
  font-size: 5rem;
}

.ft-55 {
  font-size: 5.5rem;
}

.ft-60 {
  font-size: 6rem;
}

.ft-75 {
  font-size: 7.5rem;
}

.ft-80 {
  font-size: 8rem;
}

.ft-90 {
  font-size: 9rem;
}

.ft-100 {
  font-size: 10rem;
  line-height: 1;
}

@media (min-width: 992px) {
  .ft-lg-30 {
    font-size: 3rem;
  }
  .ft-lg-8 {
    font-size: 0.8rem;
  }
  .ft-lg-10 {
    font-size: 1rem;
  }
  .ft-lg-11 {
    font-size: 1.1rem;
  }
  .ft-lg-12 {
    font-size: 1.2rem;
  }
  .ft-lg-13 {
    font-size: 1.3rem;
  }
  .ft-lg-14 {
    font-size: 1.4rem;
  }
  .ft-lg-15 {
    font-size: 1.5rem;
  }
  .ft-lg-16 {
    font-size: 1.6rem;
  }
  .ft-lg-17 {
    font-size: 1.7rem;
  }
  .ft-lg-18 {
    font-size: 1.8rem;
  }
  .ft-lg-20 {
    font-size: 2rem;
  }
  .ft-lg-22 {
    font-size: 2.2rem;
  }
  .ft-lg-23 {
    font-size: 2.3rem;
  }
  .ft-lg-24 {
    font-size: 2.4rem;
  }
  .ft-lg-25 {
    font-size: 2.5rem;
  }
  .ft-lg-26 {
    font-size: 2.6rem;
  }
  .ft-lg-27 {
    font-size: 2.7rem;
  }
  .ft-lg-28 {
    font-size: 2.8rem;
  }
  .ft-lg-29 {
    font-size: 2.9rem;
  }
  .ft-lg-30 {
    font-size: 3rem;
  }
  .ft-lg-32 {
    font-size: 3.2rem;
  }
  .ft-lg-35 {
    font-size: 3.5rem;
  }
  .ft-lg-36 {
    font-size: 3.6rem;
  }
  .ft-lg-40 {
    font-size: 4rem;
  }
  .ft-lg-42 {
    font-size: 4.2rem;
  }
  .ft-lg-45 {
    font-size: 4.5rem;
  }
  .ft-lg-50 {
    font-size: 5rem;
  }
  .ft-lg-55 {
    font-size: 5.5rem;
  }
  .ft-lg-60 {
    font-size: 6rem;
  }
  .ft-lg-75 {
    font-size: 7.5rem;
  }
  .ft-lg-80 {
    font-size: 8rem;
  }
  .ft-lg-90 {
    font-size: 9rem;
  }
  .ft-lg-100 {
    font-size: 10rem;
  }
}

@media (min-width: 768px) {
  .ft-md-30 {
    font-size: 3rem;
  }
  .ft-md-8 {
    font-size: 0.8rem;
  }
  .ft-md-10 {
    font-size: 1rem;
  }
  .ft-md-11 {
    font-size: 1.1rem;
  }
  .ft-md-12 {
    font-size: 1.2rem;
  }
  .ft-md-13 {
    font-size: 1.3rem;
  }
  .ft-md-14 {
    font-size: 1.4rem;
  }
  .ft-md-15 {
    font-size: 1.5rem;
  }
  .ft-md-16 {
    font-size: 1.6rem;
  }
  .ft-md-17 {
    font-size: 1.7rem;
  }
  .ft-md-18 {
    font-size: 1.8rem;
  }
  .ft-md-20 {
    font-size: 2rem;
  }
  .ft-md-22 {
    font-size: 2.2rem;
  }
  .ft-md-23 {
    font-size: 2.3rem;
  }
  .ft-md-24 {
    font-size: 2.4rem;
  }
  .ft-md-25 {
    font-size: 2.5rem;
  }
  .ft-md-26 {
    font-size: 2.6rem;
  }
  .ft-md-27 {
    font-size: 2.7rem;
  }
  .ft-md-28 {
    font-size: 2.8rem;
  }
  .ft-md-29 {
    font-size: 2.9rem;
  }
  .ft-md-30 {
    font-size: 3rem;
  }
  .ft-md-32 {
    font-size: 3.2rem;
  }
  .ft-md-35 {
    font-size: 3.5rem;
  }
  .ft-md-36 {
    font-size: 3.6rem;
  }
  .ft-md-40 {
    font-size: 4rem;
  }
  .ft-md-42 {
    font-size: 4.2rem;
  }
  .ft-md-45 {
    font-size: 4.5rem;
  }
  .ft-md-50 {
    font-size: 5rem;
  }
  .ft-md-55 {
    font-size: 5.5rem;
  }
  .ft-md-60 {
    font-size: 6rem;
  }
  .ft-md-75 {
    font-size: 7.5rem;
  }
  .ft-md-80 {
    font-size: 8rem;
  }
  .ft-md-90 {
    font-size: 9rem;
  }
  .ft-md-100 {
    font-size: 10rem;
  }
}

@media (min-width: 576px) {
  .ft-sm-30 {
    font-size: 3rem;
  }
  .ft-sm-8 {
    font-size: 0.8rem;
  }
  .ft-sm-10 {
    font-size: 1rem;
  }
  .ft-sm-11 {
    font-size: 1.1rem;
  }
  .ft-sm-12 {
    font-size: 1.2rem;
  }
  .ft-sm-13 {
    font-size: 1.3rem;
  }
  .ft-sm-14 {
    font-size: 1.4rem;
  }
  .ft-sm-15 {
    font-size: 1.5rem;
  }
  .ft-sm-16 {
    font-size: 1.6rem;
  }
  .ft-sm-17 {
    font-size: 1.7rem;
  }
  .ft-sm-18 {
    font-size: 1.8rem;
  }
  .ft-sm-20 {
    font-size: 2rem;
  }
  .ft-sm-22 {
    font-size: 2.2rem;
  }
  .ft-sm-23 {
    font-size: 2.3rem;
  }
  .ft-sm-24 {
    font-size: 2.4rem;
  }
  .ft-sm-25 {
    font-size: 2.5rem;
  }
  .ft-sm-26 {
    font-size: 2.6rem;
  }
  .ft-sm-27 {
    font-size: 2.7rem;
  }
  .ft-sm-28 {
    font-size: 2.8rem;
  }
  .ft-sm-29 {
    font-size: 2.9rem;
  }
  .ft-sm-30 {
    font-size: 3rem;
  }
  .ft-sm-32 {
    font-size: 3.2rem;
  }
  .ft-sm-35 {
    font-size: 3.5rem;
  }
  .ft-sm-36 {
    font-size: 3.6rem;
  }
  .ft-sm-40 {
    font-size: 4rem;
  }
  .ft-sm-42 {
    font-size: 4.2rem;
  }
  .ft-sm-45 {
    font-size: 4.5rem;
  }
  .ft-sm-50 {
    font-size: 5rem;
  }
  .ft-sm-55 {
    font-size: 5.5rem;
  }
  .ft-sm-60 {
    font-size: 6rem;
  }
  .ft-sm-75 {
    font-size: 7.5rem;
  }
  .ft-sm-80 {
    font-size: 8rem;
  }
  .ft-sm-90 {
    font-size: 9rem;
  }
  .ft-sm-100 {
    font-size: 10rem;
  }
}

.lh-30 {
  line-height: 3rem;
}

.lh-10 {
  line-height: 1rem;
}

.lh-11 {
  line-height: 1.1rem;
}

.lh-12 {
  line-height: 1.2rem;
}

.lh-13 {
  line-height: 1.3rem;
}

.lh-14 {
  line-height: 1.4rem;
}

.lh-15 {
  line-height: 1.5rem;
}

.lh-16 {
  line-height: 1.6rem;
}

.lh-17 {
  line-height: 1.7rem;
}

.lh-18 {
  line-height: 1.8rem;
}

.lh-20 {
  line-height: 2rem;
}

.lh-22 {
  line-height: 2.2rem;
}

.lh-23 {
  line-height: 2.3rem;
}

.lh-24 {
  line-height: 2.4rem;
}

.lh-25 {
  line-height: 2.5rem;
}

.lh-26 {
  line-height: 2.6rem;
}

.lh-27 {
  line-height: 2.7rem;
}

.lh-28 {
  line-height: 2.8rem;
}

.lh-29 {
  line-height: 2.9rem;
}

.lh-30 {
  line-height: 3rem;
}

.lh-32 {
  line-height: 3.2rem;
}

.lh-35 {
  line-height: 3.5rem;
}

.lh-36 {
  line-height: 3.6rem;
}

.lh-40 {
  line-height: 4rem;
}

.lh-42 {
  line-height: 4.2rem;
}

.lh-45 {
  line-height: 4.5rem;
}

.lh-50 {
  line-height: 5rem;
}

.lh-60 {
  line-height: 6rem;
}

.lh-75 {
  line-height: 7.5rem;
}

.lh-80 {
  line-height: 8rem;
}

.lh-90 {
  line-height: 9rem;
}

.lh-100 {
  line-height: 10rem;
}

.ft-30-important {
  font-size: 3rem !important;
}

.ft-10-important {
  font-size: 1rem !important;
}

.ft-11-important {
  font-size: 1.1rem !important;
}

.ft-12-important {
  font-size: 1.2rem !important;
}

.ft-13-important {
  font-size: 1.3rem !important;
}

.ft-14-important {
  font-size: 1.4rem !important;
}

.ft-15-important {
  font-size: 1.5rem !important;
}

.ft-16-important {
  font-size: 1.6rem !important;
}

.ft-17-important {
  font-size: 1.7rem !important;
}

.ft-18-important {
  font-size: 1.8rem !important;
}

.ft-20-important {
  font-size: 2rem !important;
}

.ft-22-important {
  font-size: 2.2rem !important;
}

.ft-23-important {
  font-size: 2.3rem !important;
}

.ft-24-important {
  font-size: 2.4rem !important;
}

.ft-25-important {
  font-size: 2.5rem !important;
}

.ft-26-important {
  font-size: 2.6rem !important;
}

.ft-27-important {
  font-size: 2.7rem !important;
}

.ft-28-important {
  font-size: 2.8rem !important;
}

.ft-29-important {
  font-size: 2.9rem !important;
}

.ft-30-important {
  font-size: 3rem !important;
}

.ft-32-important {
  font-size: 3.2rem !important;
}

.ft-35-important {
  font-size: 3.5rem !important;
}

.ft-36-important {
  font-size: 3.6rem !important;
}

.ft-40-important {
  font-size: 4rem !important;
}

.ft-42-important {
  font-size: 4.2rem !important;
}

.ft-45-important {
  font-size: 4.5rem !important;
}

.ft-50-important {
  font-size: 5rem !important;
}

.ft-60-important {
  font-size: 6rem !important;
}

.ft-75-important {
  font-size: 7.5rem !important;
}

.ft-80-important {
  font-size: 8rem !important;
}

.ft-90-important {
  font-size: 9rem !important;
}

.ft-100-important {
  font-size: 10rem !important;
}

.lh-30-important {
  line-height: 3rem !important;
}

.lh-10-important {
  line-height: 1rem !important;
}

.lh-11-important {
  line-height: 1.1rem !important;
}

.lh-12-important {
  line-height: 1.2rem !important;
}

.lh-13-important {
  line-height: 1.3rem !important;
}

.lh-14-important {
  line-height: 1.4rem !important;
}

.lh-15-important {
  line-height: 1.5rem !important;
}

.lh-16-important {
  line-height: 1.6rem !important;
}

.lh-17-important {
  line-height: 1.7rem !important;
}

.lh-18-important {
  line-height: 1.8rem !important;
}

.lh-20-important {
  line-height: 2rem !important;
}

.lh-22-important {
  line-height: 2.2rem !important;
}

.lh-23-important {
  line-height: 2.3rem !important;
}

.lh-24-important {
  line-height: 2.4rem !important;
}

.lh-25-important {
  line-height: 2.5rem !important;
}

.lh-26-important {
  line-height: 2.6rem !important;
}

.lh-27-important {
  line-height: 2.7rem !important;
}

.lh-28-important {
  line-height: 2.8rem !important;
}

.lh-29-important {
  line-height: 2.9rem !important;
}

.lh-30-important {
  line-height: 3rem !important;
}

.lh-32-important {
  line-height: 3.2rem !important;
}

.lh-35-important {
  line-height: 3.5rem !important;
}

.lh-36-important {
  line-height: 3.6rem !important;
}

.lh-40-important {
  line-height: 4rem !important;
}

.lh-42-important {
  line-height: 4.2rem !important;
}

.lh-45-important {
  line-height: 4.5rem !important;
}

.lh-50-important {
  line-height: 5rem !important;
}

.lh-60-important {
  line-height: 6rem !important;
}

.lh-75-important {
  line-height: 7.5rem !important;
}

.lh-80-important {
  line-height: 8rem !important;
}

.lh-90-important {
  line-height: 9rem !important;
}

.lh-100-important {
  line-height: 10rem !important;
}

.text-black {
  color: #000 !important;
}

.color-blue {
  color: #163c4f;
}

.color-yellow {
  color: #f9a924;
}

.background-blue {
  background: #163c4f;
}

.background-yellow {
  background: #f9a924;
}

a {
  text-decoration: none;
  color: #163c4f;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #163c4f !important;
}
.btn-yellow-outline {
  background: #fff;
  color: #163c4f !important;
  border: 2px solid #163c4f;
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
}

body .btn-yellow-outline:hover,
body ul > li > .btn-yellow-outline:hover {
  background: #163c4f;
  color: #ffffff !important;
}

.btn-yellow {
  background: #f0da08;
  color: #163c4f;
  border: 1px solid #f0da08;
  border-radius: 6px;
  padding: 23px 44px 23px 44px;
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
}
.btn-yellow2 {
  padding: 14px 44px 14px 44px;
}

.btn-yellow:hover {
  background: #fff;
  border: 1px solid #f0da08;
}
/* .form-control {
    font-size: 14px;
    border-width: 3px;
    padding-left: 20px;
    padding-right: 20px;
    height: 44px;
    border-color: #15414e;
    border-radius: 50px !important;
    color:#15414e;
    appearance: auto !important;
} */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
.site textarea {
  border: #8a9fa5 !important;
  border-radius: var(--form--border-radius);
  color: var(--form--color-text);
  line-height: var(--global--line-height-body);
  padding: var(--form--spacing-unit);
  margin: 0 2px;
  max-width: 100%;
}
#liveFiledList.form-control.dronefeed {
  font-size: 14px;
  height: 40px;
  border-color: #15414e;
  border-radius: 10px !important;
  color: #15414e;
  appearance: none !important;
}
.form-control {
  font-size: 14px;
  height: 40px;
  border-color: #15414e;
  border-radius: 10px !important;
  color: #15414e;
  appearance: auto !important;
}

#banner .form-control {
  font-size: 2rem;
  padding-left: 20px;
  padding-right: 20px;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666666 !important;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666666 !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #666666 !important;
}

.bg-grey {
  background: #dedede;
}

.cursor-pointer {
  cursor: pointer;
}
hr {
  border-top: 2px solid #626161;
  opacity: 1;
}

/* default css end*/

.dropdown-toggle::after {
  content: "\f078";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  border: none !important;
  position: relative;
  top: 3px;
  font-size: 12px;
}

.nav-link {
  color: #324161;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  font-weight: 500;
}
@media (min-width: 1024px) {
  #main_header .nav-link {
    padding-left: 30px;
    padding-right: 30px;
  }

  #main_header li:last-child .nav-link {
    padding-right: 0px;
  }
}

.form_design1 {
  background: #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px;
}
.form_design1 .form-control,
.form-group {
  margin-bottom: 15px;
}
.btn1,
.btn {
  background: rgb(237, 69, 38);
  background: linear-gradient(
    90deg,
    rgba(237, 69, 38, 1) 0%,
    rgba(237, 69, 38, 1) 35%,
    rgba(211, 34, 38, 1) 100%
  );
  border: 1px solid #d32226;
  color: #fff;
  font-size: 18px;
  border-radius: 40px;
  padding: 10px 40px;
}
#compareImgs {
  background: rgb(237, 69, 38);
  background: linear-gradient(
    90deg,
    rgba(237, 69, 38, 1) 0%,
    rgba(237, 69, 38, 1) 35%,
    rgba(211, 34, 38, 1) 100%
  );
  border: 1px solid #d32226;
  color: #fff;
  border-radius: 40px;
  padding: 0 10px;
  height: 40px;
}
input#resetfilter {
  color: #163c4f;
  border: 1px solid #163c4f;
  background: #fff;
  border-radius: 40px;
  height: 40px;
  padding: 0;
}
.btn1:hover,
.btn:hover,
#compareImgs:hover,
input#resetfilter:hover {
  box-shadow: 0px 1px 3px 1px #ccc;
}

.cameradiv figure {
  border-radius: 8px;
  overflow: hidden;
}
.cameradiv figcaption {
  background: transparent
    linear-gradient(180deg, #ef4726 0%, #d32126 100%, #d22026 100%) 0% 0%
    no-repeat padding-box !important;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  border-radius: 0 0 8px 8px !important;
}
.cameradiv:hover figcaption {
  background: #ad1a1f !important;
}
#inner_aside {
  padding: 20px 0;
}
/* #inner_aside>*:not(hr){
    padding-right: 50px;
} */

/* calnder Picker Css */

.datepicker-inline {
  width: 90% !important;
  margin: 10px auto;
}

table.table-condensed {
  width: 100%;
}

.datepicker-days {
  background: #fff;
  border: 1px solid #ccc;
  padding: 1px !important;
}

.datepicker td,
.datepicker th {
  font-size: 12px;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  border-radius: 0;
  border: 1px solid #fff !important;
}

.day {
  background: #ccc;
  border-radius: 0 !important;
  border: 1px solid #fff !important;
}

.imglisting {
  padding: 20px 30px;
}

.imglisting .col {
  flex: 0 0 auto;
  width: 10%;
}

.imglisting figure {
  text-align: center;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 13px;
  cursor: pointer;
}

.imglisting figure:hover {
  box-shadow: 0px 1px 4px 1px #ccc;
}

.imglisting figcaption {
  margin-top: 5px;
}

.imglisting > .row {
  overflow: auto;
  max-height: calc(100vh - 160px);
}

div#main {
  position: relative;
}

div#emptyContent {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

#calenderImagePopup1,
#calenderImagePopup2 {
  position: relative;
  z-index: 9;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

#image-compare {
  position: relative;
  z-index: 9;
}

#image-compare .image-compare-close {
  position: absolute;
  right: 10px;
  z-index: 99999;
  background: #000;
  color: #fff;
  padding: 0 10px;
  top: 10px;
  border-radius: 5px;
}

#calender2 {
  position: relative;
}

#calender2.disabled::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99;
}

.rem_links a:focus {
  color: #e13426 !important;
}

span.input-group-append {
  display: flex;
  align-items: center !important;
  border: 1px solid #eee;
  border-radius: 0px 3px 3px 0;
  padding-right: 17px;
}
span.input-group-text {
  border: none;
}

.input-group {
  /* border: 1px solid #dee2e6; */
  background: #fff;
  border-radius: 50px !important;
}

.input-group:not(#datepicker) * {
  border: none !important;
  background-color: transparent !important;
}

.timepicker:before {
  content: "Time:";
  margin-right: 0.6em;
  color: #666666;
}

input[type="time"] {
  position: relative;
}

input[type="time"]::-webkit-calendar-picker-indicator {
  display: block;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background: transparent;
}

.rem_links > ul > li {
  padding-top: 10px;
  padding-bottom: 10px;
}
.rem_links a {
  color: #15414e;
  line-height: 20px;
  display: inline-block;
  font-size: 20px;
}
.rem_links a:hover {
  color: #d22026;
}
.rem_links a.active:hover {
  color: #15414e;
}
aside#inner_aside hr {
  border-width: 1px;
  border-color: #cbcbcb;
}
a:focus {
  outline: none !important;
}
.btn2 {
  background: #ccc;
  padding: 10px;
  border-radius: 5px;
  display: block;
  white-space: nowrap;
}
.btn3 {
  background: #555;
  color: #fff;
  border: 1px solid #555;
  font-size: 14px;
  border-radius: 40px;
  padding: 5px 30px;
}
.btn3:hover {
  background: #999;
}
section#wrapper,
#wrapper2 {
  margin-top: 0;
  position: relative;
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1180px;
  }
  .latest_image_bar {
    position: absolute;
    z-index: 0;
    top: 10px;
  }
  section#wrapper2 {
    padding-left: 0px;
  }
}
@media (min-width: 1300px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1280px;
  }
}

#compare img {
  width: 100%;
}
.radio_filter_div label {
  display: block;
}
.radio_filter_div label span {
  background: #aaa;
  text-align: center;
  padding: 10px;
  border-radius: 50px;
  border: 1px solid #ccc;
  display: block;
  position: relative;
  cursor: pointer;
  color: #fff;
}

.radio_filter_div [type="radio"] {
  opacity: 0;
  position: absolute;
  z-index: -9;
}
.radio_filter_div [type="radio"]:checked + span {
  background: #555;
}
.action_image {
  position: absolute;
  right: 5px;
  z-index: 9;
  bottom: 0;
}

.action_image a {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 0;
  font-size: 15px;
}

button.owl-next {
  position: absolute;
  right: 20px;
  top: 50%;
  z-index: 99;
  transform: translateY(-50%);
}
button.owl-prev {
  position: absolute;
  left: 20px;
  top: 50%;
  z-index: 99;
  transform: translateY(-50%);
}
@media (min-width: 1200px) {
  button.owl-next {
    right: -60px;
  }
  button.owl-prev {
    left: -60px;
  }
}

.owl-nav span {
  font-size: 24px;
  color: #fff;
  /* background: #626161; */
  background: #d22026;
  width: 40px;
  height: 40px;
  display: flex;
  font-family: math;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
}
#timewise_image .owl-nav span {
  width: 35px;
  height: 35px;
}
.owl-nav span:hover {
  background: transparent linear-gradient(180deg, #ef4726 0%, #d22026 100%) 0%
    0% no-repeat padding-box;
}
.owl-nav button:hover {
  background: none !important;
}

.disabled {
  position: relative;
}
.disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 5px;
}

.bootstrap-datetimepicker-widget table td.day {
  padding: 5px;
}
/* 
.bootstrap-datetimepicker-widget table td span { 
    width: 25px;
    height: 25px;
    line-height: 25px; 
}
*/
.datetimepicker * {
  font-size: 13px;
}

span.image_time {
  position: absolute;
  z-index: 9;
  width: 100%;
  top: -23px;
  left: 4px;
}

/* Menu css */
.current-menu-item > a {
  border-bottom: none;
}

.radio_cntr {
  background: #b8b8b8;
  box-shadow: inset 2px 3px 4px #00000029;
  border-radius: 22px;
  display: flex;
  padding: 2px;
}
.radio_cntr .capsule {
  padding: 8px 20px;
  font-size: 18px;
}
.radio_cntr .capsule.active {
  background: transparent linear-gradient(0deg, #d22026 0%, #ef4726 100%) 0% 0%
    no-repeat padding-box;
  box-shadow: 2px 3px 2px #00000033;
  border-radius: 22px;
}
.radio_cntr .capsule.active a {
  color: #fff;
}
.latest_image_bar span {
  border: 1px solid var(#15414e);
  background: #f6f6f6 0% 0% no-repeat padding-box;
  border: 1px solid #15414e;
  border-radius: 24px;
  padding: 5px 10px;
  font-size: 20px;
  min-width: 160px;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -5px;
  height: 40px;
}
div#timewise_image {
  padding-top: 0px;
}
.latest_image_bar a:hover span {
  background: #15414e !important;
  color: #fff !important;
}
div#first_image_filter .form-control {
  font-size: 18px;
  color: #4d4d4d;
}
.site .button:hover,
.site .button:active,
button:hover,
button:active,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="reset"]:hover,
input[type="reset"]:active,
.wp-block-search .wp-block-search__button:hover,
.wp-block-search .wp-block-search__button:active,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:active,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:active {
  background-color: transparent;
  border-color: currentColor;
  color: inherit;
}

#thumbnailsFilter h3 {
  font-size: 18px;
}
button.btn4 {
  background: transparent;
  color: inherit;
  border: none;
}
#no_of_images {
  /* padding-left: 10px; */
  padding-right: 35px;
  height: 30px;
}
select#no_of_images {
  appearance: initial !important;
}
.d-flex.pagination_systm {
  gap: 5px;
}
.d-flex.pagination_systm a {
  font-size: 20px;
}
.pagination_systm [type="text"] {
  width: 20px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid;
  height: 23px;
  color: #15144e;
}
div#thumbnail_listing {
  max-height: 90vh;
  overflow: auto;
  padding-right: 15px;
}
div#thumbnail_listing label {
  margin-bottom: 10px;
}

span.rounded_checkbox {
  width: 13px;
  height: 13px;
  display: inline-block;
  border: 1px solid;
  border-radius: 50%;
}

label.rounded_checkbox_label {
  position: relative;
}
label.rounded_checkbox_label [type="checkbox"] {
  position: absolute;
  z-index: -9;
  opacity: 0;
}
label.rounded_checkbox_label
  [type="checkbox"]:checked
  + span.rounded_checkbox
  i {
  background: #15414e;
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
}

input:focus {
  /* outline: 0 !important; */
  /* background: #fff !important; */
  box-shadow: none !important;
  border-color: #6bd4cd !important;
}
.form-control:focus {
  border-color: #6bd4cd !important;
  box-shadow: 0 0 0 0.2rem rgba(107, 212, 205, 0.25) !important;
}

.btn1:hover,
.btn:hover,
input.wpcf7-form-control.wpcf7-submit:hover,
#compareImgs:hover {
  background: #ad1a1f !important;
  cursor: pointer !important;
}
#resetfilter:hover {
  background: #15414e !important;
  color: #fff !important;
  cursor: pointer !important;
}

.current-menu-item a:hover,
a.hfe-menu-item:hover {
  color: #d22026 !important;
}
div#first_image_filter label {
  color: #4d4d4d;
  margin-bottom: 2px;
  margin-left: 2px;
}
/* For Webkit browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 12px; /* width of the scrollbar */
}

::-webkit-scrollbar-track {
  background: #f1f1f1; /* color of the track */
}

::-webkit-scrollbar-thumb {
  background-color: #888; /* color of the scrollbar */
  border-radius: 6px; /* roundness of the scrollbar thumb */
}
a:focus {
  background: inherit !important;
  box-shadow: none !important;
}

#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999999;
  top: 0;
}
#timewise_loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999999;
  top: 0;
}

/* Spinner animation */
.spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
}

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

/* Hide the loader after page load */
body.loaded #loader {
  display: none;
}

body.loaded #content {
  display: block;
}

input#sidebartime::placeholder {
  color: #cbcbcb !important;
}

select#first_image_cam_selection,
#datetimepicker2 {
  background: #f6f6f6 !important;
}
.datepicker-controls .btn-default {
  padding: 0 0 3px;
}
div#range {
  display: flex;
  align-items: center;
  gap: 5px;
}
body .datepicker-input {
  font-size: 14px;
  border-width: 3px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  height: 30px !important;
  border: 1px solid #15414e !important;
  border-radius: 10px !important;
  color: #15414e;
  appearance: auto !important;
  background: transparent !important;
}

#filterimagedata[disabled] {
  background: #656565 !important;
}

.twentytwenty-handle {
  border: 3px solid #ef4726;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  background: #ef4726;
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
  box-shadow: none !important;
}

#sandbox label,
.compare_filter_label {
  font-size: 16px !important;
  margin-bottom: 0 !important;
}

input#startdate {
  font-size: 14px;
  border-width: 3px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  height: 40px !important;
  border: 1px solid #15414e !important;
  border-radius: 10px !important;
  color: #15414e;
  appearance: auto !important;
  background: transparent !important;
}
input#enddate {
  font-size: 14px;
  border-width: 3px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  height: 40px !important;
  border: 1px solid #15414e !important;
  border-radius: 10px !important;
  color: #15414e;
  appearance: auto !important;
  background: transparent !important;
}

@media (min-width: 1200px) {
  div#image_compare_sec {
    padding-left: 20px;
  }
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
.site textarea:focus,
img,
a {
  outline: none !important;
}
@media (min-width: 1440px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 90vw;
  }
}
div#timewise_image {
  position: relative;
}

@media (max-width: 767px) {
  .latest_image_bar span {
    top: 0;
    height: 40px;
    margin-top: 15px;
  }
  button#owl-prev {
    left: 20px !important;
  }
  button#owl-next {
    right: 20px !important;
  }
}

form.uwp-login-form.uwp_form label + input,
body form.uwp-login-form.uwp_form .uwp-password-wrap .input-group {
  border: 1px solid #ccc !important;
}

.current-menu-item a {
  font-weight: 600 !important;
}
@media (min-width: 1200px) {
  #timewise_carousel .item {
    min-height: 482px !important;
  }
  .headerUsername {
    white-space: nowrap;
  }
}
.col-xl-96 {
  flex: 0 0 auto;
  width: 90%;
}

@media (min-width: 2000px) {
  /* aside#inner_aside a,
  #first_image_filter > label {
    font-size: 1.7em !important;
    line-height: 40px;
  } */

  button#filterimagedata {
    height: 55px !important;
  }

  .lztcustomtimepicker i.bi.bi-clock {
    font-size: 20px !important;
  }
}
@media (min-width: 2400px) {
  .col-xl-96 {
    flex: 0 0 auto;
    width: 94%;
  }

  /* aside#inner_aside a,
  #first_image_filter > label {
    font-size: 2.2em !important;
    line-height: 50px;
  }

  .elementor-35 .elementor-element.elementor-element-b32c06d a.hfe-menu-item,
  .elementor-35
    .elementor-element.elementor-element-b32c06d
    a.hfe-sub-menu-item,
  .elementor-35 .elementor-element.elementor-element-c194bb9 {
    font-size: 34px;
  }
*/
  .elementor-35 .elementor-element.elementor-element-f3b914a {
    width: 5%;
  }

  .elementor-35 .elementor-element.elementor-element-0cd96bc {
    width: 95%;
  }
}