html {
  font-size: 16px;
}
option {
  color: #001c30;
}

@media (min-width: 1025px) {
  .kt-authentication {
    background-color: #001c30;
    background: #042b47;
  }
}
@media (max-width: 1024px) {
  .kt-authentication {
    background-color: #001c30;
    background: #042b47;
  }
}

.kt-authentication .kt-auth-header .kt-auth-header-right > a {
  color: #fafafa;
}
.kt-authentication .kt-auth-header .kt-auth-header-right > a:hover {
  color: #a8cf45;
}

.kt-authentication .kt-auth-header .content-language-selector button > span {
  color: #fafafa;
}
.kt-authentication
  .kt-auth-header
  .content-language-selector
  .nav-link.dropdown-toggle:after,
.kt-authentication
  .kt-auth-header
  .content-language-selector
  .btn.dropdown-toggle:after {
  color: #fafafa;
}
.kt-authentication
  .kt-auth-header
  .content-language-selector
  .dropdown-menu
  .dropdown-item {
  color: #fafafa;
}

.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .form-control {
  border-radius: 46px;
  height: 46px;
  border-color: rgba(136, 176, 50, 0.9);
  background-color: transparent;
  color: #a8cf45;
}
.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .form-control::-moz-placeholder {
  color: rgba(136, 176, 50, 0.9);
}
.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .form-control:-ms-input-placeholder {
  color: rgba(136, 176, 50, 0.9);
}
.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .form-control::-webkit-input-placeholder {
  color: rgba(136, 176, 50, 0.9);
}

.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .kt-form-info {
  color: #fafafa;
}
.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .kt-form-info
  b {
  color: #a8cf45;
}

.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .kt-form-actions
  .btn-sign-in {
  color: #042b47;
  background-color: #a8cf45;
}

.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .kt-form-actions
  .toggle-link
  a {
  color: #a8cf45;
}
.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .kt-form-actions
  .toggle-link
  a:hover {
  color: #fff;
}

.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .info-sign-up {
  color: #fafafa;
}
.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .btn-sign-up {
  border-radius: 60px;
  border: 2px #fafafa solid;
  color: #fafafa;
  background-color: transparent;
}

.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .kt-form-divider
  .kt-divider
  > span:not(:first-child):not(:last-child) {
  color: rgba(255, 255, 255, 0.6);
}
.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .kt-form-divider
  .kt-divider
  > span:first-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.kt-authentication
  .kt-auth-body
  .kt-auth-body-form
  .kt-form-container
  .kt-form-divider
  .kt-divider
  > span:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.kt-authentication .kt-auth-footer .kt-auth-footer-menu > a {
  color: #fafafa;
}
.kt-authentication .kt-auth-footer .kt-auth-footer-menu > a:hover {
  color: #a8cf45;
}
.kt-authentication .kt-auth-footer .kt-auth-footer-copyright > a {
  color: #fafafa;
}

/* Header */

.header {
  height: 80px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  z-index: 20;
  position: absolute;
  margin-bottom: 32px;
  width: 100%;
}

.header-menu,
.header-user {
  padding: 12px 0;
  border-radius: 0px 0px 12px 12px;
  background-color: #00374d;
}

.header-logo {
  display: flex;
  align-items: center;
}

.header-logo img {
  height: 124px;
  width: 106px;
}
.header-menu {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-between;
}

.header-user {
  display: flex;
  align-items: center;
  margin-right: 20px;
  width: 250px;
  min-width: 250px;
}

/* media min width 1440px */
@media screen and (min-width: 1800px) {
  .header-user {
    width: 350px;
    min-width: 350px;
  }

  .header-user .dropdown-menu {
    width: 350px !important;
  }
}

.header .btn-group {
  height: 72px;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}

.header-img {
  height: 50px;
  width: auto;
  z-index: 2;
}

.header-btn {
  height: 64px;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: transparent;
  border: none;
}

@media screen and (min-width: 1560px) {
  .header-btn {
    height: 74px;
    width: 74px;
  }

  .header-img {
    height: 54px;
  }
}

.header-btn__description {
  position: absolute;
  bottom: 50%;
  opacity: 0;
  color: #ffffff;
  font-size: 8px;
  margin: 0;
  color: #8fcbe2;
  text-transform: uppercase;
}

/* .header-btn__description have and arrow down in ::afetr */
.header-btn__description::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateY(6px) translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #8fcbe2;
  z-index: 2;
}
/* 
.header-btn:hover, .header-btn__active .header-btn{
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
} */

.header-btn:hover .header-img,
.header-btn.header-btn__active .header-img,
.btn-group.show .header-img,
.btn-group .header-btn.show .header-img,
.header-btn__active .header-img {
  transform: scale(0.6) translateY(-50%);
  transition: all 0.3s ease-in-out;
}

.header-btn .icon-no-hover {
  display: block;
}

.header-btn:hover .icon-no-hover,
.header-btn.header-btn__active .icon-no-hover,
.header-btn.show .icon-no-hover {
  display: none;
}

.header-btn .icon-hover {
  display: none;
}

.header-btn:hover .icon-hover,
.header-btn.header-btn__active .icon-hover,
.header-btn.show .icon-hover {
  display: block;
}

.header-btn__active .header-img path,
.header-btn:hover .header-img path,
.btn-group.show .header-img path,
.header-btn.show .header-img path {
  fill: #8fcbe2;
}

.header-btn__active .header-img__settings path,
.header-btn:hover .header-img__settings path,
.btn-group.show .header-img__settings path,
.header-btn.show .header-img__settings path {
  fill: #fff;
}

.fill-none {
  fill: none !important;
}

.header-btn__active .fill-none,
.header-btn:hover .fill-none {
  stroke: #8fcbe2;
}

.header-btn:hover .header-btn__description,
.header-btn.header-btn__active .header-btn__description,
.btn-group.show .header-btn__description,
.btn-group .header-btn.show .header-btn__description {
  bottom: 12px;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

.header-btn:hover .header-btn__description-settings,
.header-btn.header-btn__active .header-btn__description-settings,
.btn-group.show .header-btn__description-settings,
.btn-group .header-btn.show .header-btn__description-settings {
  bottom: 12px;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  color: #fff;
}

.background-settings {
  background: #398aa9;
  border-radius: 0 0 12px;
  gap: 8px;
  padding: 8px;
  height: 80px;
  width: 250px;
  justify-content: space-around;
}

.background-settings .btn-group {
  width: 70px;
}

.menu-background {
  background: #398aa9;
}

.header-main__menu {
  gap: 8px;
  padding: 8px;
  height: 80px;
}

.header-main__menu .dropdown-menu.show,
.header-user .dropdown-menu.show {
  background: #00374d;
  border-radius: 0 0 12px 12px;
  color: #b8d3df;
}

.header-main__menu .dropdown-menu.show a {
  color: #b8d3df;
  text-decoration: none;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
}

.header-main__menu .dropdown-menu.show a:hover {
  font-weight: bold;
}

.background-settings .dropdown-menu.show {
  background: #398aa9;
  border-radius: 0 0 12px 12px;
  color: #00374d;
  width: 250px;
  box-shadow: none;
  margin-top: -10px !important;
  padding-top: 10px;
  z-index: 1;
}

.background-settings .dropdown-menu.show a {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 200;
  text-transform: uppercase;
}

.background-settings .dropdown-menu.show a:hover {
  font-weight: bold;
}

.nav__link {
  text-decoration: none;
  color: #b8d3df;
  text-transform: uppercase;
  font-weight: 200;
  display: flex;
}

.nav__img {
  width: 24px;
  margin-right: 8px;
  z-index: 2;
}

.nav__divider {
  border: 1px solid #b8d3df;
  opacity: 0.2;
  width: 100%;
}

.nav__btn {
  color: #b8d3df;
  font-weight: 200;
  background: transparent;
  border: none;
  text-transform: uppercase;
  padding: 6px 17px;
}

.nav__item {
  height: 52px;
}

.nav__item span {
  padding-top: 2px;
}

.nav__item-hover {
  height: 52px;
  width: 0;
  background-color: #1d6885;
  z-index: 1;
  position: absolute;
}

.nav__item:hover .nav__item-hover {
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.account-menu .nav__item:hover .nav__link,
.header .nav__item:hover .nav__link {
  color: #ebf9ff !important;
}

.nav-img {
  display: block;
  width: 24px;
  margin-right: 8px;
  max-height: 24px;
}

.nav-img_hover {
  display: none;
  width: 24px;
  margin-right: 8px;
  max-height: 24px;
  z-index: 1;
}

.nav__item:hover .nav-img_hover {
  display: block;
}

.nav__item:hover .nav-img {
  display: none;
}

.menu-background a,
.nav__item a {
  font: normal normal 300 16px/21px Comfortaa !important;
}

.header-user button {
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.header-user .dropdown-menu {
  transform: translate(-8px, 65px) !important;
  width: 200px;
  z-index: 1;
}

.section-farm,
.section-farm .select2 {
  margin-top: 0px;
  display: flex;
  justify-content: center;
  position: relative;
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  margin: 0 12px;
}

.section-farm .select2-selection {
  padding-top: 4px;
}

.select-farm,
.section-farm .selection {
  background: transparent;
  border-radius: 10px;
  color: #b8d3df;
  border: 3px solid #398aa9;
  text-transform: uppercase;
  padding: 8px;
  cursor: pointer;
  width: 100%;
}

.section-farm .farm {
  position: absolute;
  top: -7px;
  left: 26px;
  background: #00374d;
  text-transform: uppercase;
  padding: 0 4px;
  color: #b8d3df;
  font: normal normal 300 10px/11px Comfortaa;
  z-index: 2;
}

.section-farm .select2-selection__rendered {
  white-space: nowrap !important;
}

.header-user__welcome,
.header-user__username {
  color: #b8d3df;
  text-transform: uppercase;
  font-size: 12px;
}

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

/* BODY LAYOUT */
.page-body {
  background: #034965;
  min-height: 100vh;
}

.input-control input,
.input-control select,
.input-control select:focus {
  background: transparent;
  border: none;
  padding: 6px;
  width: 222px;
  color: #b8d3df;
  outline: none;
}

.input-control img {
  height: 28px;
  width: auto;
  cursor: pointer;
}

.input-control .input-group,
.input-control select,
.input-control select:focus {
  border: 2px solid #b9d3df;
  display: flex;
  align-items: center;
  border-radius: 6px;
  justify-content: flex-end;
}

.btn-save {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #00374d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  text-decoration: none;
  font-weight: bold;
  vertical-align: middle;
  position: relative;
}

.btn-save:hover {
  background-color: #009ad8;
}

.btn-save::after {
  content: "";
  background-image: url("../../Icons/icon-plus-bt-add.svg");
  background-position: center;
  background-size: cover;
  width: 42px;
  height: 42px;
  display: block;
}

.table-list table,
.table-list tr,
.table-list td,
.table-list th {
  background: transparent !important;
  box-shadow: none !important;
}

.table-list th {
  color: #8fcbe2 !important;
}
.table-list td {
  color: #ebf9ff !important;
  text-align: left !important;
}

.table th,
.table td {
  border-bottom: 2px solid #8fcbe2 !important;
  font-weight: 300;
  color: #ebf9ff;
}

.action-icon {
  font-size: 2rem;
  cursor: pointer;
  display: flex;
}

.action-icon:hover i::before {
  color: #8fcbe2 !important;
  scale: 0.9;
  transition: all 0.3s ease-in-out;
}

.action-icon:hover .icon-edit::before {
  background-image: url("../../Icons/action-edit-hover.svg");
  transition: all 0.3s ease-in-out;
}

.action-icon:hover .icon-view::before {
  background-image: url("../../Icons/action-view-hover.svg");
  transition: all 0.3s ease-in-out;
}
.action-icon:hover .icon-history::before {
  background-image: url("../../Icons/action-history-hover.svg");
  transition: all 0.3s ease-in-out;
}

.action-icon:hover .icon-delete::before {
  background-image: url("../../Icons/action-delete-hover.svg");
  transition: all 0.3s ease-in-out;
}

.action-icon .icon-edit::before {
  content: "";
  background-image: url("../../Icons/action-edit.svg");
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: cover;
  margin-right: 6px;
}

.action-icon .icon-edit-internal::before {
  content: "";
  background-image: url("../../Icons/action-edit-internal.svg");
  display: block;
  width: 52px;
  height: 52px;
  background-position: center;
  background-size: cover;
  margin-right: 6px;
}

.action-icon .icon-delete::before {
  content: "";
  background-image: url("../../Icons/action-delete.svg");
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: cover;
  margin-right: 6px;
}

.action-icon .icon-info::before {
  content: "";
  background-image: url("../../Icons/action-info.svg");
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
}

.action-icon .icon-view::before {
  content: "";
  background-image: url("../../Icons/action-view.svg");
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
}
.action-icon .icon-history::before {
  content: "";
  background-image: url("../../Icons/action-history.svg");
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
}

.td-actions .actions {
  display: flex;
}

.kt-form {
  background: #034965;
}

iframe html {
  height: 100%;
  background: red;
}

.select-items {
  background-color: transparent !important;
  border: 2px solid #b9d3df !important;
  color: #fff !important;
  cursor: pointer;
}

.select-items option {
  cursor: pointer;
  color: #034965 !important;
}

.kt-container {
  width: 100%;
}

.btn-save-edit,
.btn-save-edit__dropdown {
  background-color: #398aa9 !important;
  color: #fff !important;
}

.td-avatar {
  width: 0px !important;
}

.paginate_button a {
  background-color: transparent !important;
  color: #8fcbe2 !important;
  font-size: 1.2rem !important;
}

.paginate_button.next i,
.paginate_button.previous i {
  font-weight: 800;
  font-size: 1.2rem !important;
}

.fixed-table-toolbar .keep-open .btn,
.fixed-table-toolbar .keep-open .btn:active,
.fixed-table-toolbar .keep-open .btn:focus,
.fixed-table-toolbar .keep-open .btn:hover {
  color: #fff !important;
  border: 2px solid #8fcbe2;
}

/* mobile condition for .header */
@media (max-width: 1025px) {
  .header {
    display: none;
  }
}

.nav__img {
  width: 24px;
  margin-right: 8px;
}

.nav__divider {
  border: 1px solid #b8d3df;
  opacity: 0.2;
}

.nav__btn {
  color: #b8d3df;
  font-weight: 200;
  background: transparent;
  border: none;
  text-transform: uppercase;
  padding: 6px 17px;
}

.header-user button {
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.header-user .dropdown-menu {
  transform: translate(-8px, 65px) !important;
  width: 250px;
  z-index: 1;
}

.header-user__welcome,
.header-user__username {
  color: #b8d3df;
  text-transform: uppercase;
  font: normal normal normal 18px/20px Comfortaa;
}

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

/* BODY LAYOUT */
.page-body {
  background: #034965;
  min-height: 100vh;
}

.input-control input,
.input-control select,
.input-control select:focus {
  background: transparent;
  border: none;
  padding: 6px;
  width: 222px;
  color: #b8d3df;
  outline: none;
}

.input-control img {
  height: 28px;
  width: auto;
  cursor: pointer;
}

.input-control .input-group,
.input-control select,
.input-control select:focus {
  border: 2px solid #b9d3df;
  display: flex;
  align-items: center;
  border-radius: 6px;
  justify-content: flex-end;
}

.btn-save {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #00374d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  text-decoration: none;
  font-weight: bold;
  vertical-align: middle;
  position: relative;
}

.btn-save::after {
  content: "";
  background-image: url("../../Icons/icon-plus-bt-add.svg");
  background-position: center;
  background-size: cover;
  width: 42px;
  height: 42px;
  display: block;
}

.table-list table,
.table-list tr,
.table-list td,
.table-list th {
  background: transparent !important;
  box-shadow: none !important;
}

.table-list th {
  color: #8fcbe2 !important;
}
.table-list td {
  color: #ebf9ff !important;
  text-align: left !important;
}

.table th,
.table td {
  border-bottom: 2px solid #8fcbe2 !important;
  font-weight: 300;
  color: #ebf9ff;
}

.action-icon {
  font-size: 2rem;
  cursor: pointer;
  display: flex;
}

.action-icon .icon-edit::before {
  content: "";
  background-image: url("../../Icons/action-edit.svg");
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: cover;
  margin-right: 6px;
}

.action-icon .icon-delete::before {
  content: "";
  background-image: url("../../Icons/action-delete.svg");
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: cover;
  margin-right: 6px;
}

.action-icon .icon-info::before {
  content: "";
  background-image: url("../../Icons/action-info.svg");
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
}

.action-icon .icon-view::before {
  content: "";
  background-image: url("../../Icons/action-view.svg");
  display: block;
  width: 30px;
  height: 24px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
}
.action-icon .icon-history::before {
  content: "";
  background-image: url("../../Icons/action-history.svg");
  display: block;
  width: 30px;
  height: 24px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
}

.td-actions .actions {
  display: flex;
  gap: 12px;
}

.kt-form {
  background: #034965;
}

iframe html {
  height: 100%;
  background: red;
}

.select-items {
  background-color: transparent !important;
  border: 2px solid #b9d3df !important;
  color: #fff !important;
  cursor: pointer;
}

.select-items option {
  cursor: pointer;
  color: #034965 !important;
}

.kt-container {
  width: 100%;
}

.btn-save-edit,
.btn-save-edit__dropdown {
  background-color: #398aa9 !important;
  color: #fff !important;
}

.td-avatar {
  width: 0px !important;
}

.paginate_button a {
  background-color: transparent !important;
  color: #8fcbe2 !important;
  font-size: 1.2rem !important;
}

.paginate_button.next i,
.paginate_button.previous i {
  font-weight: 800;
  font-size: 1.2rem !important;
}

.fixed-table-toolbar .keep-open .btn,
.fixed-table-toolbar .keep-open .btn:active,
.fixed-table-toolbar .keep-open .btn:focus,
.fixed-table-toolbar .keep-open .btn:hover {
  color: #fff !important;
  border: 2px solid #8fcbe2;
}

.frame-header {
  background: #166382;
  height: 60px !important;
  padding: 12px 24px !important;
}

.header-title {
  color: #ebf9ff;
  font-weight: 300;
  text-transform: uppercase;
}

.frame-content {
  background: #166382;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

.frame-label {
  color: #b8d3df !important;
}

.frame-input {
  background: transparent !important;
  border: 2px solid #b9d3df !important;
  color: #8fcbe2 !important;
}

.frame-btn__container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
}
.frame-btn {
  background: #009ad8;
  border: none;
  color: #ebf9ff;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  font-size: 18px;
}

.nutritional-table,
.nutritional-table th,
.nutritional-table td {
  background: #034965 !important;
  color: #b8d3df !important;
  font-size: 16px;
}

.nutritional-table .group-title,
.nutritional-table .group-interval,
.nutritional-table .group-fertilizers,
.nutritional-table .group-fertilizers th,
.nutritional-table .group-fertilizers td,
.nutritional-table .group-risk {
  background: #083e54 !important;
  color: #8fcbe2 !important;
}

.group-title {
  height: 87px;
  padding: 0 !important;
}

.nutritional-table th {
  text-align: center;
}

.nutritional-table .fertilizers th {
  border: none !important;
}

.nutritional-table td {
  padding: 6px;
  border: none !important;
}

.nutritional-table-border-bottom {
  border-bottom: 1px solid #ebf9ff !important;
}

.nutritional-table .group-title,
.nutritional-table .group-fertilizers,
.nutritional-table .group-risk {
  border-left: 20px solid #034965 !important;
  height: 105px;
}

.nutritional-table .group-title-1,
.nutritional-table .group-fertilizers-1,
.nutritional-table .group-risk-1 {
  border-left: none !important;
}

input.form-control,
select.form-control,
input.form-control:-webkit-autofill,
input.form-control:-webkit-autofill,
select.form-control:-webkit-autofill {
  background: transparent;
  color: #b8d3df;
  border-radius: 8px;
  border: 2px solid #b8d3df;
  font: normal normal normal 20px/23px Comfortaa;
}

/* Custom styling for input arrows */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  color: #b8d3df;
}

input[type="number"] {
  -moz-appearance: textfield;
  color: #b8d3df;
}

.input-group-days {
  background: transparent;
  color: #b8d3df;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  border: 2px solid #b9d3df;
  border-radius: 8px;
  padding-right: 8px;
}

.input-group-days input {
  border: none !important;
}

.input-group-days:has(input:disabled) {
  border-color: #398aa9;
}

.btn-round {
  background: #141414;
  color: #1d6885;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  border: none;
}

.btn-round:hover {
  background: #009ad8;
  color: #ebf9ff;
}

.btn-round-8f {
  background: #8fcbe2;
  color: #1d6885;
  width: 51px;
  height: 51px;
  border-radius: 50%;
  text-transform: uppercase;
  border: none;
  font: normal normal bold 25px/28px Comfortaa;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-round-8f:hover {
  background: #009ad8;
  color: #ebf9ff;
}

.btn-add {
  border: 2px solid #8fcbe2;
  border-radius: 6px;
  height: 30px;
  width: 90px;
  background: transparent;
  color: #8fcbe2;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-add__container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

.btn-remove {
  border: 2px solid #8fcbe2;
  border-radius: 6px;
  height: 27px;
  width: 30px;
  background: transparent;
  color: #8fcbe2;
  font-size: 14px;
  font-weight: bold;
}

.btn-add-group,
.btn-remove-group {
  background-color: #043244;
  border: none;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-remove-group {
  background-color: #166382;
}

.btn-add-group::after {
  content: "";
  background-image: url("../../Icons/icon-plus-bt-add.svg");
  background-position: center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: block;
}

.btn-remove-group::after {
  content: "";
  background-image: url("../../Icons/icon-x.svg");
  background-position: center;
  background-size: cover;
  width: 16px;
  height: 16px;
  display: block;
}

.btns-container {
  height: 85px;
  width: 35px;
  color: #fff;
  font-size: 28px;
  display: flex;
  flex-direction: column;
}
.btns-container button {
  flex: 1;
}

.btn-ghost {
  border: 2px solid #8fcbe2;
  border-radius: 6px;
  background: transparent;
  color: #8fcbe2;
  font-size: 18px;
  text-transform: uppercase;
}

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

/* Subheader Style */

.btn-save__icon,
.btn-print__icon {
  background: #00374d;
  color: #8fcbe2;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-save__icon:hover {
  background-color: #009ad8;
  color: #ebf9ff;
}

.btn-save__icon::after {
  content: "";
  background-image: url("../../Icons/icon-salvar-bt.svg");
  background-position: center;
  background-size: cover;
  width: 66px;
  height: 66px;
  display: block;
}

.btn-print__icon::after {
  content: "";
  background-image: url("../../Icons/print.svg");
  background-position: center;
  background-size: cover;
  width: 47px;
  height: 43px;
  display: block;
}

.btn-back {
  font-weight: bold;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #ebf9ff;
  background-color: #034965;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.btn-back::after {
  content: "";
  background-image: url("../../Icons/icon-back.svg");
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: block;
  background-repeat: no-repeat;
}

.btn-back i {
  font-weight: bold;
  font-size: 18px;
}

.btn-back:hover {
  background-color: #00374d;
  color: #ebf9ff;
}

.btn-back__dark {
  background-color: #00374d;
}

.header-btns__wrapper {
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}

.title-center {
  color: #ebf9ff;
  text-transform: uppercase;
  text-align: center;
  font: normal normal 300 30px/33px Comfortaa;
}

/* input type checkbox with class form-control */
.form-control[type="checkbox"] {
  width: 20px;
  height: 20px;
  background: transparent;
  border: 2px solid #b9d3df;
  border-radius: 4px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-control[type="checkbox"]:checked {
  background: transparent;
}

/* .form-control[type="checkbox"]:checked with check icon content */
.form-control[type="checkbox"]:checked::after {
  content: "";
  background-image: url("../../Icons/icon-check.svg");
  background-position: center;
  background-size: cover;
  width: 10px;
  height: 10px;
  display: block;
}

input:focus,
select:focus {
  background-color: transparent !important;
  color: #ebf9ff !important;
  border-color: #b9d3df !important;
}

.menu-background-operacional {
  left: -99px !important;
}

.menu-background-configuração {
  left: -18px !important;
}

.menu-background-catálogo {
  left: -180px !important;
}

@media screen and (min-width: 1600px) {
  .menu-background-operacional {
    left: -89px !important;
  }

  .menu-background-configuração {
    left: -8px !important;
  }

  .menu-background-catálogo {
    left: -170px !important;
  }
}

textarea,
textarea:focus {
  background: transparent !important;
  border: 1px solid #8fcbe2 !important;
  border-radius: 12px !important;
  color: #fff !important;
}

.select-farm option {
  color: #00374d;
}

input[type="number"] {
  -moz-appearance: number-input;
  -webkit-appearance: number-input;
  appearance: number-input;
}

.input-number {
  font: normal normal bold 17px/18px Comfortaa;
  border: 2px solid #79a2b5;
  height: 44px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-left: 4px;
}

.input-number .input-number-icons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 6px;
}

.input-number .input-number-icons i {
  cursor: pointer;
}

.input-number input {
  border: none !important;
}

.input-number .icon-increment,
.input-number .icon-decrement {
  cursor: pointer;
  width: 16px;
  height: 10px;
  margin: 4px 0;
}

.icon-increment::after {
  content: "";
  background-image: url("../../Icons/icon-increment.svg");
  background-position: center;
  background-size: cover;
  width: 16px;
  height: 10px;
  display: block;
}

.icon-decrement::after {
  content: "";
  background-image: url("../../Icons/icon-decrement.svg");
  background-position: center;
  background-size: cover;
  width: 16px;
  height: 10px;
  display: block;
}

label {
  font: normal normal 300 14px/15px Comfortaa !important;
}

label small {
  font: normal normal 300 12px/13px Comfortaa !important;
}

.table-list th {
  font: normal normal 300 20px/20px Comfortaa !important;
}

.table-list td {
  font: normal normal normal 23px/21px Comfortaa !important;
}

.kt-subheader select,
.kt-subheader .input-number {
  height: 51px;
}

.kt-subheader select,
.kt-subheader input {
  font: normal normal normal 23px/21px Comfortaa;
}

.table-list td {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
  border-bottom: 1px solid #8fcbe2 !important;
}

.table-list th,
.table-list tr:last-child td {
  border-bottom: 2px solid #ebf9ff !important;
}

.arrow-select {
  font: normal normal normal 14px/16px Comfortaa;
  background-image: url(../../Icons/arrow-down.svg) !important;
  background-repeat: no-repeat !important;
  background-position-x: 98% !important;
  background-position-y: 18px !important;
  background-size: 20px !important;
  border: 2px solid #79a2b5 !important;
  min-height: 48px !important;
  white-space: pre-wrap !important;
}

.form-group-checkbox {
}

.calendar-box {
  padding: 9px;
  border-radius: 10px;
  background-color: #b9d3df;
  width: 46px;
  margin-bottom: 0 !important;
}

.calendar-box::after {
  content: "";
  background-image: url("../../Icons/calendar.svg");
  background-position: center;
  background-size: cover;
  width: 22px;
  height: 25px;
  display: block;
  position: absolute;
  right: 12px;
  top: 12px;
}

.arrow-left {
  background-image: url(../../Icons/arrow-left.svg) !important;
  background-repeat: no-repeat !important;
  width: 18px;
  height: 18px;
  display: block;
  background-size: contain;
}

.arrow-right {
  background-image: url(../../Icons/arrow-left.svg) !important;
  background-repeat: no-repeat !important;
  width: 18px;
  height: 18px;
  display: block;
  background-size: contain;
  transform: rotate(180deg);
}

.input-group input,
.form-group input,
.form-group .select2,
.form-group .select2-selection {
  height: 50px !important;
}

/* form-group input type radio */
.form-group input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  background-color: transparent;
  border-color: #79a2b5;
  background-size: 22px;
}

.input-group-text,
.input-group-days {
  height: 50px !important;
}

.circle-green {
  background-color: #7eb733;
  border-radius: 50%;
  width: 37px;
  height: 37px;
  display: block;
}

.circle-gray {
  background-color: #5a6f78;
  border-radius: 50%;
  width: 37px;
  height: 37px;
  display: block;
}

.blue-border-right {
  border-right: 1px solid #166382;
}

.page-container {
  margin: 49px 5%;
}

.form-datepicker {
  font: normal normal normal 23px/21px Comfortaa !important;
}

span.form-unit {
  border: none;
}

#pdf-btn-link {
  z-index: 2;
}

.pdf-btn {
  cursor: pointer;
  z-index: 2;
}
/* ---- */

.input-group > .input-group-append {
  border: 2px solid #b8d3df;
  border-radius: 8px;
}

.input-group-append:not(:has(.select2)) {
  background-color: transparent;
  color: #b8d3df;
  border-left: none;
}

.input-group-append:not(:has(.select2)) .input-group-text {
  background-color: transparent;
  color: #b8d3df;
}

.datepicker .today {
  background-color: transparent !important;
}

.datepicker .today div {
  border-radius: 50%;
  background-color: #ebf9ff;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1440px) {
  .header-menu .header-btn {
    width: 42px;
    height: 55px;
  }

  .header-img {
    max-width: 35px;
    max-height: 35px;
  }

  .header-img svg {
    max-width: 35px;
    max-height: 35px;
  }

  .background-settings .btn-group {
    width: fit-content;
  }

  .header-btn__description {
    line-height: 1;
  }

  .section-farm,
  .section-farm .select2 {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
  }

  .background-settings,
  .background-settings .dropdown-menu.show,
  .header-user,
  .header-user .dropdown-menu {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
  }

  .header-user .header-user__welcome {
    display: none;
  }

  .background-settings .dropdown-menu.show {
    margin-top: 5px !important;
  }

  .menu-background-operacional {
    left: -79px !important;
  }

  .menu-background-configuração {
    left: -18px !important;
  }

  .menu-background-catálogo {
    left: -143px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1600px) {
  .header-menu .header-btn {
    width: 52px;
    height: 65px;
  }

  .header-img {
    max-width: 45px;
    max-height: 45px;
  }

  .header-img svg {
    max-width: 45px;
    max-height: 45px;
  }

  .background-settings .btn-group {
    width: fit-content;
  }

  .header-btn__description {
    line-height: 1;
  }
}

.text-none {
  text-transform: none !important;
}

text.highcharts-subtitle {
  text-transform: none;
}

.graph {
  background: #cce3ec;
  color: #00374d;
}

.graph h3 {
  color: #00374d;
  text-align: center;
  margin: 12px 0 24px 0;
  text-transform: uppercase;
  font: normal normal 300 30px/33px Comfortaa;
}

.graph-buttons {
  display: flex;
  padding: 0 32px;
  border-bottom: 1px solid #034965;
  font: normal normal normal 26px/22px Comfortaa;
  align-items: end;
}

.graph-buttons__button {
  color: #034965;
  background: #ebf9ff;
  padding: 12px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #b9d3df;
  border-bottom: none;
  font-size: 22px;
  height: 54px;
  text-transform: uppercase;
}

.graph-buttons__button--active {
  border: 2px solid #136685;
  border-bottom: none !important;
  transform: translateY(1px);
  font: normal normal bold 26px/22px Comfortaa;
  height: 64px;
  padding: 6px;
}

#resume table th {
  text-transform: none;
}