/*==== BOOTSTRAP REWRITE ======*/

/* ===== SMALL MENU ====== */
.agro-menu-divider {
  width: 1px;
  height: 100px;
  margin: auto;
  background-color: #6c757d;
}

/* ====== LANDING PAGE ======*/

.agronim_header {
  position: relative;
}

.agro-bg {
  background: #161c2d;
  min-height: 200px;
}

#home-features-slider {
  margin-top: -150px;
}

.agronim_header:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8888;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#161c2d+1,161c2d+50,161c2d+50,161c2d+100,161c2d+100&1+0,0+50,1+100 */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#161c2d+1,161c2d+42,161c2d+42,161c2d+100,161c2d+100&1+0,0.2+42,1+100 */
  background: -moz-linear-gradient(
    top,
    rgba(22, 28, 45, 1) 0%,
    rgba(22, 28, 45, 0.98) 1%,
    rgba(22, 28, 45, 0.2) 42%,
    rgba(22, 28, 45, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(22, 28, 45, 1) 0%,
    rgba(22, 28, 45, 0.98) 1%,
    rgba(22, 28, 45, 0.2) 42%,
    rgba(22, 28, 45, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(22, 28, 45, 1) 0%,
    rgba(22, 28, 45, 0.98) 1%,
    rgba(22, 28, 45, 0.2) 42%,
    rgba(22, 28, 45, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161c2d', endColorstr='#161c2d',GradientType=0 ); /* IE6-9 */
  z-index: 999;
}

.agronim_header .agronim_header_caption {
  position: absolute;
  bottom: 0px;
  margin: auto;
  z-index: 1000;
}
/* ====== ICONS ====== */

@font-face {
  font-family: "dashboard";
  src: url("../fonts/dashboard.eot");
  src: url("../fonts/dashboard.eot?#iefix") format("embedded-opentype"),
    url("../fonts/dashboard.woff") format("woff"),
    url("../fonts/dashboard.ttf") format("truetype"),
    url("../fonts/dashboard.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*@font-face {
    font-family: 'Oswald', sans-serif;
    src: url('../fonts/galano-bold-webfont.woff2') format('woff2'),
         url('../fonts/galano-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/

[data-icon]:before {
  font-family: "dashboard" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "dashboard" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  font-size: 1.2em !important;
  text-transform: none !important;
  vertical-align: middle;
  speak: none;
  line-height: 0.8rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-reversed:before {
  transform: rotateY(180deg);
}

[class^="icon-"].icon-lg,
[class*=" icon-"].icon-lg {
  font-size: 1.5em !important;
  line-height: 1.5rem;
}

[class^="icon-"].icon-sm,
[class*=" icon-"].icon-sm {
  font-size: 0.8em !important;
  line-height: 0.8rem;
}

[class^="icon-"]:hover,
[class*=" icon-"]:hover {
  text-decoration: none !important;
}

.icon-three-bars:before {
  content: "\61";
}
.icon-chevron-down:before {
  content: "\67";
}
.icon-chevron-left:before {
  content: "\68";
}
.icon-chevron-up:before {
  content: "\6a";
}
.icon-check:before {
  content: "\6c";
}
.icon-alert:before {
  content: "\6b";
}
.icon-align-justify:before {
  content: "\6d";
}
.icon-minus-square:before {
  content: "\6e";
}
.icon-minus-circle:before {
  content: "\6f";
}
.icon-pencil:before {
  content: "\71";
}
.icon-plus:before {
  content: "\72";
}
.icon-plus-circle:before {
  content: "\73";
}
.icon-search-plus:before {
  content: "\74";
}
.icon-search:before {
  content: "\75";
}
.icon-th-large:before {
  content: "\77";
}
.icon-circle-slash:before {
  content: "\7a";
}
.icon-camera:before {
  content: "\41";
}
.icon-cloud-upload:before {
  content: "\42";
}
.icon-cloud-download:before {
  content: "\43";
}
.icon-ellipsis-v:before {
  content: "\44";
}
.icon-ellipsis-h:before {
  content: "\45";
}
.icon-comment:before {
  content: "\47";
}
.icon-bookmark:before {
  content: "\63";
}
.icon-bell:before {
  content: "\65";
}
.icon-database:before {
  content: "\4a";
}
.icon-lock:before {
  content: "\4c";
}
.icon-variable:before {
  content: "\4d";
}
.icon-dashboard:before {
  content: "\4e";
}
.icon-line-chart:before {
  content: "\50";
}
.icon-file-directory:before {
  content: "\51";
}
.icon-exchange:before {
  content: "\53";
}
.icon-exclamation:before {
  content: "\54";
}
.icon-exclamation-circle:before {
  content: "\55";
}
.icon-crop:before {
  content: "\56";
}
.icon-graph:before {
  content: "\58";
}
.icon-eye:before {
  content: "\4f";
}
.icon-cog:before {
  content: "\69";
}
.icon-gear:before {
  content: "\59";
}
.icon-paperclip:before {
  content: "\5a";
}
.icon-question-circle:before {
  content: "\30";
}
.icon-trashcan:before {
  content: "\31";
}
.icon-mail:before {
  content: "\33";
}
.icon-chat:before {
  content: "\35";
}
.icon-calendar:before {
  content: "\48";
}
.icon-home:before {
  content: "\36";
}
.icon-list-ul:before {
  content: "\37";
}
.icon-user:before {
  content: "\38";
}
.icon-file-text:before {
  content: "\76";
}
.icon-x:before {
  content: "\62";
}
.icon-picture:before {
  content: "\64";
}
.icon-pencil-2:before {
  content: "\66";
}
.icon-print:before {
  content: "\70";
}
.icon-variable-type:before {
  content: "\78";
}
.icon-clock:before {
  content: "\79";
}
.icon-alignment-align:before {
  content: "\46";
}
.icon-alignment-align-to:before {
  content: "\49";
}
.icon-save:before {
  content: "\4b";
}

/*==== FONTS ======*/
/*@font-face {
    font-family: 'Montserrat', sans-serif;
    src: url('../fonts/'Montserrat', sans-serif;-bold-webfont.woff2') format('woff2'),
         url('../fonts/'Montserrat', sans-serif;-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: ''Montserrat', sans-serif;medium';
    src: url('../fonts/'Montserrat', sans-serif;-medium-webfont.woff2') format('woff2'),
         url('../fonts/'Montserrat', sans-serif;-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: ''Montserrat', sans-serif;regular';
    src: url('../fonts/'Montserrat', sans-serif;-regular-webfont.woff2') format('woff2'),
         url('../fonts/'Montserrat', sans-serif;-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Montserrat', sans-serif;
    src: url('../fonts/'Montserrat', sans-serif;-semibold-webfont.woff2') format('woff2'),
         url('../fonts/'Montserrat', sans-serif;-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Montserrat', sans-serif;
    src: url('../fonts/'Montserrat', sans-serif;-thin-webfont.woff2') format('woff2'),
         url('../fonts/'Montserrat', sans-serif;-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/

body {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  background: #ebeced;
  color: #161c2d;
}

a,
.link {
  color: #11967d;
  cursor: pointer;
}

a:hover,
.link:hover {
  color: #029995;
  text-decoration: none;
}

h1 {
  font-size: 1.8rem;
  font-weight: 100;
  color: #11967d;
}

h2 {
  margin: 1.5rem 0 0.75rem 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  position: relative;
}

/*
h2:after{
    content:"";
    position:absolute;
    bottom:-0.25rem;
    left:30px;
    width:25px;
    border-bottom:3px solid #11967d;
}
*/

h3 {
  font-size: 1.5rem;
  opacity: 0.4;
}

h4 {
  font-size: 1.2rem;
}


.text-muted {
  opacity: 0.8;
}

.display-4{
  font-size:2.2rem;
}

/*====== UTILITIES ======*/
.border {
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.light-bg {
  background: #cad8d8;
}

.light-gray-bg {
  background: #ebeced;
}

.card {
  background: #ebeced;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}


.report_layout .card{
  background: #fafafa;
}

.card .card-header,
.card .card-footer {
  background: #cad8d8;
  border-top: 0px;
  border-bottom: 0px;
}

.card .card-header {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.card .card-footer {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.card .card-header .card-title {
  font-family: "Montserrat", sans-serif;
}

.card .side-menu {
  background: #cad8d8;
}

.nav-tabs {
  border-bottom: 1px solid #bbb;
}

.nav-tabs .nav-item {
  background: #ebeced;
}

.nav-tabs .nav-link {
  border:0!important;
  border-radius: 0;
  color: #161c2d;
}

.nav-tabs .nav-link:not(:last-child) {
  border-right:1px solid #bbb!important;
}

.nav-tabs .nav-link:hover {
  background: transparent;
  color: #161c2d;
  
  border-bottom:5px solid #00b794!important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: transparent;
  border: 0 !important;
  border-bottom:5px solid #00b794!important;
  color:#00b794;
}

.dropdown .dropdown-menu {
  border: 1px solid #bbb;
  background: #cad8d8;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
}
.dropdown .dropdown-menu .dropdown-item {
  color: #161c2d !important;
  cursor: pointer;
}

.dropdown .dropdown-menu .dropdown-item:hover {
  background: #ebeced;
}

.badge {
  border-radius: 50px;
  vertical-align: middle;
  display: inline-block;
  padding: 0.25rem !important;
}

.badge-success {
  background: #68a81e;
}

.badge-warning {
  background: #dda63a;
}

.badge-alert {
  background: #ff4d50;
}

figure {
  position: relative;
}

.section-title .form-control {
  max-width: 200px;
}

.table {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.table thead th {
  border-bottom: 0;
  border-top: 0;
  background: #cad8d8;
  font-weight: 300;
}

.table td,
.table th {
  border-bottom: 1px solid #bbb;
  border-top: 0;
}


table.dataTable thead  > tr > th.no-sortbefore,
table.dataTable thead > tr > th.no-sort:after{
  content:none!important;
}

table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc_disabled {
  cursor: pointer;
  position: relative;
  padding-right: 26px;
}



table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
  position: absolute;
  display: block;
  opacity: 0.125;
  right: 10px;
  line-height: 9px;
  font-size: 1.2em;
}

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after {
  top: 50%;
  content: "▼";
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before {
  bottom: 50%;
  content: "▲";
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
  opacity: 0.6;
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
  opacity: 0.6;
}

hr {
  border-top: 1px solid #bbb;
}

.pagination .page-link,
.page-item:first-child .page-link,
.page-item:last-child .page-link {
  background: #161c2d;
  border: 0px;
  color: #11967d;
  font-family: "Montserrat", sans-serif;
  border-radius: 0px;
}

.pagination .page-link i:before {
  line-height: 0.9rem;
}

.pagination .active .page-link {
  background: #161c2d;
  webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
}

.filters {
  background: #cad8d8;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
}

.modal-body {
  background: #ebeced;
  border: 0;
}

.modal-content {
  border: 0;
  border-radius: 14px;
  overflow: hidden;
}

.modal-header,
.modal-footer {
  background: #cad8d8;
  border: 0;
  border-radius: 0px;
}

.close {
  color: #11967d;
  font-size: 1rem;
  text-shadow: none;
}

.tab-content {
  padding: 0 0.8rem;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(235, 236, 2237, 0.5);
}

.loader img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 150px;
}

@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}

.alert-msg {
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 450px;
  background: #cad8d8;
  -webkit-box-shadow: 0px 6px 19px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 6px 19px 1px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 6px 19px 1px rgba(0, 0, 0, 0.75);
  z-index: 9999;
}
.alert-msg.warning {
  border-top: 5px solid #dda63a !important;
}

.alert-msg.success {
  border-top: 5px solid #68a81e !important;
}

.hide-error {
  cursor: pointer;
}

.image-grid-column {
  column-count: 3;
}

.agro-fade-on-scroll {
  transform: translateY(50px);
  opacity: 0;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.75s;
}

.agro-fade-on-scroll.visible {
  transform: translate(0);
  opacity: 1;
}

.agro-admin-list {
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
}

.agro-admin-list:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(11, 22, 42, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(11, 22, 42, 0.4);
}

.delay-1{
  animation-delay: 1s;
}

.delay-1-5{
  animation-delay: 1.5s;
}

.delay-2{
  animation-delay: 2s;
}


.delay-2-5{
  animation-delay: 2.5s;
}

.delay-3{
  animation-delay: 3s;
}

.delay-3{
  animation-delay: 3s;
}

.delay-3-5{
  animation-delay: 3.5s;
}

.delay-4-5{
  animation-delay: 4.5s;
}
.delay-5{
  animation-delay: 4.5s;
}


/*======= BUTTONS =======*/
.btn {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 3px 10px;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  transition: 0.5s all;
  border: 0px !important;
  outline: none;
}

.btn-circle {
  height: 40px;
  width: 40px;
  border-radius: 100%;
}

.btn:hover,
.btn:active,
.btn:focus {
  background: #161c2d;
  border: 0px !important;
  outline: none;
  box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background: #00b794;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  border: 0px !important;
  box-shadow: none;
  outline: none;
  animation: pulse-primary 0.5s 1 ease-out;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  animation: pulse-secondary 0.5s 1 ease-out;
  border: 0px !important;
  box-shadow: none;
  outline: none;
}

.btn.btn-primary:hover {
  color: #0a7c66;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:focus-within {
  outline: none;
  box-shadow: none;
}

.btn.btn-primary:not(.btn-danger) {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b794+41,008893+100 */
  background: #00b794; /* Old browsers */
}

@keyframes pulse-primary {
  from {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1), 0 0 0 0 rgba(0, 150, 125, 1);
  }
  to {
    box-shadow: 0 0 0 0.65em rgba(255, 255, 255, 1),
      0 0 0 1em rgba(0, 150, 125, 0);
  }
}

@keyframes pulse-secondary {
  from {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1), 0 0 0 0 rgba(108, 117, 125, 1);
  }
  to {
    box-shadow: 0 0 0 0.65em rgba(255, 255, 255, 1),
      0 0 0 1em rgba(108, 117, 125, 0);
  }
}

/*======= INPUTS =======*/
select {
  background: #cad8d8 !important;
}

.custom-control-label {
  line-height: 1.75rem;
  cursor: pointer;
}

.custom-switch .custom-control-label::after {
  width: 1.2rem;
  height: 1.2rem;
}

.custom-switch .custom-control-label::before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 0;
  pointer-events: none;
  content: "";
  background-color: none;
  border: #adb5bd solid 1px;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  border: 2px solid #adb5bd;
  background-color: #ebeced;
  border-radius: 100%;
}

.custom-switch .custom-control-label::after {
  top: 0;
  left: calc(-2.25rem + 0px);
  bottom: 0;
  margin: auto;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input:active:not(:checked) ~ .custom-control-label::before,
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none !important;
  outline: none !important;
}

.custom-switch .custom-control-input:not(:checked) ~ .custom-control-label {
  color: #adb5bd;
  transition: color 0.5s;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  border: 2px solid #00b794;
  background-color: #00b794;
  -webkit-transform: translateX(1rem);
  transform: translateX(1rem);
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #00b794;
  background-color: #00b794;
}

.custom-switch .custom-control-label::before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -2rem;
  display: block;
  width: 1.5rem;
  height: 0;
  pointer-events: none;
  content: "";
  background-color: none;
  border: #adb5bd solid 1px;
}

.custom-switch.custom-switch-lg {
  padding-left: 3.25rem;
}

.custom-switch.custom-switch-lg .custom-control-label{
  font-size: 1rem;
}

.custom-switch.custom-switch-lg .custom-control-label::after{
  width: calc(1.5rem - 4px);
  height: calc(1.5rem - 4px);
  left: calc(-3.25rem + 0px);
}

.custom-switch.custom-switch-lg .custom-control-label::before{
  width: 2.5rem;
  left: -3rem;
}

.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after{
  -webkit-transform: translateX(1.75rem);
  transform: translateX(1.75rem);
}

.custom-checkbox .custom-control-label::before {
  border: 1px solid;
  background: #cad8d8;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #11967d;
}

.custom-control.custom-radio
  .custom-control-input:not(:checked)
  ~ .custom-control-label {
  color: #adb5bd;
  transition: color 0.5s;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
}

.custom-control.custom-radio .custom-control-label::before {
  background-color: #adb5bd;
  border: #adb5bd solid 1px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: none;
}

.form-control,
.form-control[readonly],
.custom-file-label{
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  color: #161c2d !important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  /*border:1px solid #161c2d;*/
  background: #cad8d8 !important;
  height: 35px !important;
  -webkit-appearance: none;
  outline: none;
  box-shadow: none;
}

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

.form-control-sm {
  line-height: 1;
  height: 28px !important;
  font-size: 0.8rem;
}

.custom-file-label::after {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background: #5f656e;
  color: #fff;
  height: 35px;
  top: -1px;
  right: -1px;
}

textarea.form-control {
  height: 75px !important;
  resize: none;
  border-radius: 10px;
}

.form-control.form-control-lg {
  height: 45px !important;
  font-size: 1.3rem;
}

select.form-control {
  background-image: url(../img/arrow-gray.png) !important;
  background-position: 95% center !important;
  background-repeat: no-repeat !important;
}

.collapse-trigger {
  background-image: url(../img/arrow-gray.png) !important;
  background-position: 95% center !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
}

.custom-select {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  color: #11967d;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #11967d;
}

.form-control:focus {
  color: #fff;
  background: rgba(255, 255, 255, 0.03);
}

.form-control:disabled {
  opacity: 0.3;
}

.help-block {
  font-size: 0.8em;
  color: #ffc107;
}

.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
  border-color: #008893 !important;
}

.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
  border-color: #dda63a !important;
}

.valid-feedback,
.text-success {
  color: #68a81e !important;
}

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

.invalid-feedback,
.text-alert {
  color: #ff4d50 !important;
}

.form-row label {
  font-size: 0.9rem;
  margin-bottom: 0.2rem;
}

.toggle-menu {
  color: #11967d;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.toggle-menu:hover,
.open-menu .toggle-menu {
  color: #11967d;
}

.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #11967d;
  cursor: pointer;
}

.list-group-item {
  background: #cad8d8;
}

.sortable-list [draggable="true"]:active {
  background: #00b794;
  border-color: #00b794;
}

.list-group-item.active {
  background: #00b794;
  border-color: #00b794;
}

/*==== MAIN LAYOUT =====*/
body {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  transition: transform 0.5s;
}

body.open-menu {
  -ms-transform: translate(-300px, 0); /* IE 9 */
  -webkit-transform: translate(-300px, 0); /* Safari */
  transform: translate(-300px, 0);
}

.main-menu {
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100%;
  background: #161c2d;
  -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.8);
}

.main-menu p.nav-link {
  color: #cad8d8 !important;
}

.main-menu hr {
  border-color: #cad8d8 !important;
}

.header,
.footer {
  background: #161c2d;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  color: #ebeced;
}

.header {
  min-height: 70px;
}

.ceres-logo {
  width: 300px;
}

.ceres-logo-header {
  width: 175px;
}

.user-name-welcome {
  line-height: 0.8rem;
}

/*==== LANDING PAGE =====*/

.agro-pineapple{
  position: relative;
  min-height: 400px;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  animation: pineapple_wooble 0.3s ease-out forwards;
  -webkit-animation: pineapple_wooble 0.3s ease-out forwards;
  -moz-animation: pineapple_wooble 0.3s ease-out forwards;
  animation-delay:1.5s;
  -webkit-animation-delay:1.5s;
  -moz-animation-delay:1.5s;
  opacity:0;
}

.agro-pineapple > img{
  position:absolute;
  left:0;
  top:0;
  max-width: 300px;
}

.agro-pineapple > .agro-pineapple_slice-one{
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  animation: slice_1 0.5s ease-out forwards;
  -webkit-animation: slice_1 0.5s ease-out forwards;
  -moz-animation: slice_1 0.5s ease-out forwards;
  animation-delay:1.7s;
  -webkit-animation-delay:1.7s;
  -moz-animation-delay:1.7s;
}

.agro-pineapple > .agro-pineapple_slice-two{
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  animation: slice_2 0.5s ease-out forwards;
  -webkit-animation: slice_2 0.5s ease-out forwards;
  -moz-animation: slice_2 0.5s ease-out forwards;
  animation-delay:1.7s;
  -webkit-animation-delay:1.7s;
  -moz-animation-delay:1.7s;
}


.agro-pineapple > .agro-pineapple_slice-three{
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  animation: slice_3 0.5s ease-out forwards;
  -webkit-animation: slice_3 0.5s ease-out forwards;
  -moz-animation: slice_3 0.5s ease-out forwards;
  animation-delay:1.7s;
  -webkit-animation-delay:1.7s;
  -moz-animation-delay:1.7s;
}

.agro-pineapple > .agro-pineapple_slice-four{
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  animation: slice_4 0.5s ease-out forwards;
  -webkit-animation: slice_4 0.5s ease-out forwards;
  -moz-animation: slice_4 0.5s ease-out forwards;
  animation-delay:1.7s;
  -webkit-animation-delay:1.7s;
  -moz-animation-delay:1.7s;
}

.agro-pineapple-data{
  position: relative;
}

.agro-pineapple-data .data .pointer .dot{
  display:block;
  border-radius: 100%;
  width:10px;
  height: 10px;
  background: #00b794;
  animation: pulse-primary 1s ease-in infinite;
}

.agro-pineapple-data .data .line {
  width: 90%;
  border-top: 2px solid #aaa;
  display: block;
  margin-left: 23px;
  margin-top: -5px;
}

.agro-pineapple-data  .data {
  margin-left: -30%;
}


.agro-pineapple-data  .data.data-two {
  margin-left: -40%;
}



@keyframes pineapple_wooble {
  0% {transform: scale(1,1) rotate(0deg);opacity:0;}
  /*70% { transform: translate(1px, -1px) rotate(1deg); }
  75% { transform: translate(-1px, 2px) rotate(-1deg); }
  80% { transform: translate(-3px, 1px) rotate(0deg); }
  85% { transform: translate(3px, 1px) rotate(-1deg); }
  87% { transform: translate(-1px, -1px) rotate(1deg); }*/
  50%  {transform: scale(0.95,0.80) rotate(15deg);opacity:1;}
  65%  {transform: scale(0.95,0.80) rotate(15deg);opacity:1;}
  100% {transform: scale(1,1) rotate(0deg);opacity:1;}
}

@keyframes slice_1 {
  0% {transform: translate(0, 0) rotate(0deg);}
  30% {transform:translate(40px, -85px) rotate(35deg);}
  100% {transform:translate(46px, -96px) rotate(43deg);}
}

@keyframes slice_2 {
  0% {transform: translate(0, 0) rotate(0deg);}
  40% {transform:translate(-7px, -65px) rotate(30deg);}
  100% {transform:translate(-8px, -74px) rotate(40deg);}
}

@keyframes slice_3 {
  0% {transform: translate(0, 0) rotate(0deg);}
  30% {transform: translate(-3px, -30px) rotate(15deg);}
  100% {transform: translate(-4px, -39px) rotate(20deg);}
}

@keyframes slice_4 {
  0% {transform: translate(0, 0) rotate(0deg);}
  100% {transform: translate(-10px, 21px) rotate(-3deg);}
}


/*==== LOGIN ======*/
.main-content {
  min-height: 75vh;
}

/*==== DASHBOARD ======*/
.dashboard-clients-holder {
  overflow-y: scroll;
  overflow-x: hidden;
}

.form-menu {
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.form-menu[aria-expanded="true"] {
  color: #11967d;
}

.dashboard .new-module {
  overflow: hidden;
}

.dashboard .new-module:after {
  content: "Modulo Nuevo";
  position: absolute;
  top: 39px;
  left: -100px;
  background: #dda63a;
  color: #fff;
  font-weight: bold;
  padding: 5px 100px;
  border-radius: 5px;
  transform: rotate(-45deg);
}

/*========  CONTORL FORMS =========*/
.form-menu {
  position: relative;
}

.form-menu .nav-link {
  padding: 5px 0;
}

.form-menu .nav-link.active,
.form-menu .nav-link:hover {
  color: #11967d;
}

.form-menu .nav-link {
  color: #4f5b63;
}

.form-menu .section-status {
  padding-top: 3px;
  position: relative;
}

.form-menu .section-status:before {
  content: "";
  display: block;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  border: 1px solid #4f5b63;
  margin-right: 5px;
}

.form-menu .active .section-status:before {
  border: 1px solid #11967d;
  background: #11967d;
}

.form-menu .disabled {
  cursor: default;
  opacity: 0.5;
}

.form-menu .disabled .section-status:before {
  border: 1px solid #868e96;
  background: #161c2d;
}

.form-menu .text-success .section-status:before {
  background: #161c2d;
  border: 1px solid #008893;
}

.form-menu .text-success .section-status:after {
  content: "\2713";
  position: absolute;
  top: 4px;
  margin: auto;
  left: 0;
  right: 0;
  width: 10px;
  height: 10px;
  font-size: 0.3rem;
}

.control-form-content {
  border-left: 1px solid #bbb;
}

.form-control.section-selection {
  border: 0;
  border-radius: 0px;
}

.report-image {
  cursor: pointer;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.report-image:hover {
  border: 2px solid #212529;
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
}

.report_data_table td {
  vertical-align: middle;
  font-family: "Montserrat", sans-serif;
}

.template {
  display: none !important;
}

.add-new-image,
.add-new-group-images {
  min-height: 100px;
  user-select: none;
  background: #cad8d8 !important;
  color: #212529;
  cursor: pointer;
  border-radius: 10px;
  font-family: "Montserrat", sans-serif;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  transition: 0.5s all;
}

.add-new-image:hover,
.add-new-group-images:hover {
  opacity: 1;
  -webkit-box-shadow: 0px 0px 15px -7px #000000;
  box-shadow: 0px 0px 15px -7px #000000;
}

.table.image-list td,
.table.image-list th {
  max-width: 195px;
  overflow: hidden;
}

.image-uploading {
  position: relative;
}

.active .image-uploading:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -50px;
  margin: auto;
  display: block;
  width: 30px;
  height: 30px;
  /* margin: 8px; */
  border-radius: 50%;
  border: 4px solid #68a81e;
  border-color: #68a81e transparent #68a81e transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.add-new-image:hover,
.add-new-group-images:hover {
  background: #5f656e;
}

figure .delete-form-image {
  position: absolute;
  top: -10px;
  right: -5px;
}

figure .rotate-form-image {
  position: absolute;
  top: 30px;
  right: -5px;
}

figure .delete-form-image,
figure .rotate-form-image,
figure .delete-form-image:hover,
figure .rotate-form-image:hover,
figure .delete-form-image:focus,
figure .rotate-form-image:focus {
  border: 3px solid #ebeced !important;
}

figure .delete-form-image i:before,
.delete-report-data i:before {
  line-height: 1.8rem;
}

.variable-images img {
  border-radius: 10px;
}

.owl-theme .owl-nav button {
  width: 30px;
  height: 40px;
  background: #11967d !important;
  color: #fff !important;
  display: inline-block;
  font-size: 4rem !important;
  line-height: 20px !important;
  outline: none;
  vertical-align: top;
}

.owl-theme .owl-nav button span {
  display: inline-block;
  height: 35px !important;
  vertical-align: top;
}

.owl-theme .owl-nav {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 0;
}

.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}

.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
}

.report-carousel img {
  max-height: 400px !important;
  width: auto !important;
  margin: 0 auto !important;
}

.ui-state-default {
  cursor: pointer;
}

/*========= RESPONSIVE ===========*/
@media (max-width: 768px) {
  .dashboard-clients-holder {
    max-height: 300px;
  }
  .image-grid-column {
    column-count: 2;
  }
}