/* ============================================================== */

/*General CSS*/

/* ============================================================== */

.ellipses::before {
  content: ". . . . . . . . . . . . . . . . . . . . . . . . . . .       . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
}

.ellipses {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

/*Fonts*/

.font-white {
  color: #ffffff;
}

.cursor-pointer {
  cursor: pointer;
}

/*Buttons*/

.btn-info {
  color: #ffffff !important;
}

.btn-circle {
  border-radius: 100% !important;
}

.btn-rounded {
  border-radius: 60px !important;
}

.btn-add-compound {
  border-radius: 20px 0px 0px 20px !important;
  width: 25px;
  height: 35px;
  padding: 5px 6px !important;
  margin-right: -5px;
}

.btn-remove-compound {
  border-radius: 0px 20px 20px 0px !important;
  width: 25px;
  height: 35px;
  padding: 5px 0px !important;
}

.summary-card-body {
  border-radius: 0.4rem !important;
  box-shadow: 0px 1px 8px 1px lightgrey !important;
}

/*Fields*/

input.form-control,
select.form-control,
div.bootstrap-switch {
  border-radius: 0.4rem !important;
}

textarea.form-control {
  border-radius: 0.4rem !important;
}

.input-group .form-control:not(:last-child) {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.input-group .form-control:not(:first-child) {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.input-group .input-group-append .input-group-text {
  border-top-right-radius: 0.4rem !important;
  border-bottom-right-radius: 0.4rem !important;
}

.input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0.4rem !important;
  border-bottom-left-radius: 0.4rem !important;
}

/*Tables*/

.table-responsive-with-actions {
  overflow-x: inherit !important;
}

@media (max-width: 767px) {
  .table-responsive-with-actions {
    overflow-x: auto !important;
  }
}

.table-responsive .dataTables_wrapper {
  padding-left: 0px;
  padding-right: 0px;
}

/*Borders*/

.border-width-1 {
  border-width: 1px !important;
}

.border-width-2 {
  border-width: 2px !important;
}

.border-width-3 {
  border-width: 3px !important;
}

.border-width-4 {
  border-width: 4px !important;
}

.border-width-5 {
  border-width: 5px !important;
}

.border-color-default {
  border-color: #2E2B70 !important;
}

.border-style-solid {
  border-style: solid !important;
}

/*Dimensions (W/H)*/

.min-height-25 {
  min-height: 25px !important;
}

.min-height-50 {
  min-height: 50px !important;
}

.min-height-75 {
  min-height: 75px !important;
}

.min-height-100 {
  min-height: 100px !important;
}

.min-height-125 {
  min-height: 125px !important;
}

.min-height-150 {
  min-height: 150px !important;
}

.min-height-175 {
  min-height: 175px !important;
}

.min-height-200 {
  min-height: 200px !important;
}

/*Media Print*/

@media print {
  .no-print {
    display: none !important;
  }

  .page-break-after {
    page-break-after: always;
  }

  .page-break-before {
    page-break-before: always;
  }

  .page-break-inside {
    page-break-inside: always;
  }

  header,
  footer,
  aside,
  nav,
  form,
  iframe,
  .menu,
  .hero,
  .adslot {
    display: none !important;
  }
}

/*Media Screen*/

/*Media Screen , Print*/

/*Upload Wrapper*/

.upload-btn-wrapper {
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.upload-btn-wrapper input[type=file] {
  left: 0;
  top: 0;
  opacity: 0;
  font-size: 100px;
  position: absolute;
}

/* ============================================================== */

/*End General CSS*/

/* ============================================================== */

/* ============================================================== */

/*Auth Wrapper CSS*/

/* ============================================================== */

.auth-wrapper {
  background-size: cover !important;
  background-position: center !important;
}

.auth-wrapper .auth-box {
  margin-top: 0% !important;
  box-shadow: 0 0 black !important;
  background: transparent !important;
}

/* ============================================================== */

/*End Auth Wrapper CSS*/

/* ============================================================== */

/* ============================================================== */

/*Main Wrapper CSS*/

/* ============================================================== */

#main-wrapper[data-layout=vertical][data-header-position=fixed] .topbar .navbar-light .navbar-nav .nav-link {
  color: #2E2B70;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .left-sidebar {
  top: 8px;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .left-sidebar .scroll-sidebar .sidebar-nav ul#sidebarnav .sidebar-item .sidebar-link:hover {
  color: #ffffff;
  font-weight: 500;
  background-color: #d30f19;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .left-sidebar .scroll-sidebar .sidebar-nav ul#sidebarnav .sidebar-item .sidebar-link:hover i {
  color: #ffffff;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .left-sidebar .scroll-sidebar .sidebar-nav ul#sidebarnav .sidebar-item .sidebar-link.active {
  color: #ffffff;
  font-weight: 500;
  background-color: #d30f19;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .left-sidebar .scroll-sidebar .sidebar-nav ul#sidebarnav .sidebar-item .sidebar-link.active i {
  color: #ffffff;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .left-sidebar .scroll-sidebar .sidebar-nav ul#sidebarnav .sidebar-item .sidebar-link.active + ul li a.sidebar-link {
  color: #ffffff;
  font-weight: 500;
  background-color: #d30f19;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .left-sidebar .scroll-sidebar .sidebar-nav ul#sidebarnav .sidebar-item.selected .sidebar-link {
  color: #ffffff;
  background-color: #d30f19;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper {
  margin-top: 8px;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper .page-response {
  padding: 0px 30px;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper .page-response .alert {
  margin-top: 1rem;
  margin-bottom: 0px;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .left-sidebar .scroll-sidebar .sidebar-nav ul#sidebarnav .sidebar-item .sidebar-link.active + ul li a.sidebar-link {
  color: #54667a;
  font-weight: 500;
  background-color: white;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .left-sidebar .scroll-sidebar .sidebar-nav ul#sidebarnav .sidebar-item .sidebar-link.active + ul li a.sidebar-link:hover {
  color: #ffffff;
  font-weight: 500;
  background-color: #d30f19;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .left-sidebar .scroll-sidebar .sidebar-nav ul#sidebarnav .sidebar-item .sidebar-link.active + ul li a.sidebar-link:active {
  color: #ffffff;
  font-weight: 500;
  background-color: #d30f19;
}

/*padding classess*/

.p-6 {
  padding: 4rem !important;
}

.pt-6 {
  padding-top: 4rem !important;
}

.pb-6 {
  padding-bottom: 4rem !important;
}

.pl-6 {
  padding-left: 4rem !important;
}

.pr-6 {
  padding-right: 4rem !important;
}

.p-7 {
  padding: 5rem !important;
}

.pt-7 {
  padding-top: 5rem !important;
}

.pb-7 {
  padding-bottom: 5rem !important;
}

.pl-7 {
  padding-left: 5rem !important;
}

.pr-7 {
  padding-right: 5rem !important;
}

.p-8 {
  padding: 6rem !important;
}

.pt-8 {
  padding-top: 6rem !important;
}

.pb-8 {
  padding-bottom: 6rem !important;
}

.pl-8 {
  padding-left: 6rem !important;
}

.pr-8 {
  padding-right: 6rem !important;
}

/* height vh unit classes*/

.h-10vh {
  height: 10vh !important;
}

.h-20vh {
  height: 20vh !important;
}

.h-30vh {
  height: 30vh !important;
}

.h-40vh {
  height: 40vh !important;
}

.h-50vh {
  height: 50vh !important;
}

.h-60vh {
  height: 60vh !important;
}

.h-70vh {
  height: 70vh !important;
}

.h-80vh {
  height: 80vh !important;
}

.h-90vh {
  height: 90vh !important;
}

.h-100vh {
  height: 100vh !important;
}

/* font classes*/

.text-1 {
  font-size: 2.5rem !important;
}

.text-2 {
  font-size: 1.5rem !important;
}

.text-3 {
  font-size: 1.5rem !important;
}

.font-bold-imp {
  font-weight: 700 !important;
}

.lead-section,
.news-section,
.product-section {
  border-radius: 15px !important;
}

.banner {
  color: #54667a !important;
}

.banner .banner-image img {
  height: 280px !important;
}

.banner .banner-text .product-heading-1 {
  font-weight: 500 !important;
  color: #646464 !important;
  font-size: 3rem !important;
}

.banner .banner-text .product-heading-2 {
  font-weight: 500 !important;
  color: #646464 !important;
}

.banner .banner-text .product-text {
  color: #646464 !important;
  line-height: normal !important;
}

.product-btn {
  color: white !important;
  background-color: #d30f19 !important;
  border-color: #d30f19 !important;
  border-radius: 10px !important;
}

.product-btn:focus,
.product-btn:hover {
  background-color: #d30f19 !important;
}

.product-btn:click {
  border-color: #d30f19 !important;
}

.btn-product-color {
  color: white !important;
  background-color: #d30f19 !important;
  border-color: #d30f19 !important;
}

.btn-product-color:focus {
  background-color: #0d9ec6 !important;
}

.btn-product-color:click {
  border-color: #d30f19 !important;
}

.bootstrap-switch-on-btn-color {
  color: white !important;
  background-color: #d30f19 !important;
}

.news-section .news-section-content {
  line-height: normal !important;
}

.product-section {
  height: 100% !important;
  color: #54667a;
  /* background-color:#d30f19!important; */
  box-shadow: 0px 7px 20px 0px rgba(160, 160, 160, 0.5411764706) !important;
}

.product-section .product-section-img img {
  height: 160px !important;
  /* position: absolute;
  bottom: 15px;
  right: 36px;
  shape-outside: ellipse(25% 25% at 22px 21px); */
}

.product-section .product-section-content {
  /* line-height: normal!important;
  height: 80%; */
}

.product-section .product-section-img {
  /* width: auto;
  float: right;
  height: 69%;
  shape-outside: ellipse(53.39% 32.03% at 37px 114px); */
}

/* @media(min-width: 768px) and (max-width: 1023px) {
    #main-wrapper[data-layout=vertical][data-sidebartype=overlay] .left-sidebar {
        left:0!important;
        width: 65px!important;
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=overlay] .sidebar-nav .has-arrow:after, #main-wrapper[data-layout=vertical][data-sidebartype=overlay] .sidebar-nav .hide-menu {
        display: none!important;
    }
}


@media (max-width: 768px){
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .has-arrow:after, #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .hide-menu {
        display: none;
    }
}

@media (max-width: 767.98px){
    #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar {
        left:0!important;
        width: 65px!important;
    }
} */

/* ============================================================== */

/*End Main Wrapper CSS*/

/* ============================================================== */