.ng-hide{
    visibility: hidden !important;
    height: 0px;
}

.ng-hide-add,
.ng-hide-remove {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeIn;
}

body {
  font-size: 0.65rem;
}

a {
  color: #00B7FF;
}

/* ------------ Addons To Argon.css ------------*/

.sidenav-header-lg
{
    height: 100px !important;

    text-align: center;
};
/* ---------------- Animations ---------------- */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fast {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

.animate-if {

}

.animate-if.ng-enter, .animate-if.ng-leave {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
}

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
  opacity:0;
}

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
  opacity:1;
}


.animate-switch.ng-animate {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.animate-switch.ng-leave.ng-leave-active,
.animate-switch.ng-enter {
  opacity:0;
}
.animate-switch.ng-leave,
.animate-switch.ng-enter.ng-enter-active {
  opacity:1;
}



/* ----------------- Login module----------------*/

.loginbg {
  /*background: url("https://telcoagro.com/wp-content/uploads/2019/05/IoT-Sensors-Teaser-e1559085430525.jpg") no-repeat center center fixed;*/
  background: url("src/assets/img/backgrounds/AgricultureIoT.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*--------------------------*/
  .shadow-box{
    /*box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);*/
  }
  .shadow-upper-right-corner {
    text-shadow: 2px 1px 1px rgba(0,0,0,0.5);
}

/* -------------------------------------------------*/
.switch {position: relative; display: inline-block; width: 60px; height: 30px; }
.switch input {display:none;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.2); -webkit-transition: .0s; transition: .0s; }
.slider:before {position: absolute; content: ""; height: 22px; width: 22px; left: 6px; bottom: 4px; background-color: white; -webkit-transition: .0s; transition: .0s; }
input:checked + .slider {background-color: rgb(31,219,219); }
input:focus + .slider {box-shadow: 0 0 1px rgb(31,219,219); }
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider.round {border-radius: 34px; box-shadow: inset 0 0px 1px rgba(0,0,0,0.2),inset 0 1px 2px rgba(0,0,0,0.4) ; }
.slider.round:before {border-radius: 50%; box-shadow:1px 1px 3px rgba(0,0,0,0.5) ; }

/* -------------------------------------------------*/
.widget-hover{
  border-radius: 0px 0px;
}

.widget-hover:hover {
  cursor: pointer;
}
/* -------------------------------------------------*/
.disableHorizontalScroll {
  overflow-x:hidden;
}
/* -------------------------------------------------*/
.reportBackground{
  background-color: #F6F9FC;
}
.reportBackgroundBody{
  background-color: #FFFFFF;
}
.reportMiniWidget{
  margin-left: 1rem;
  margin-right: 1rem;
}
/* -------------------------------------------------*/
.checkboxInside{
  margin-left: 0rem;
}

/*//////////////////////////////////////////////////////////////////
[ login ]*/

.limiter {
  width: 100%;
  margin: 0 auto;
}

.container-login100 {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;;
}


.wrap-login100 {
  width: 390px;
  background: #fff;
  border-radius: 10px;
  position: relative;
}


/*==================================================================
[ Form ]*/

.login100-form {
  width: 100%;
}

.login100-form-title {
  font-family: Ubuntu-Bold;
  font-size: 30px;
  color: #403866;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;

  width: 100%;
  display: block;
}

.flex-sb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.flex-w {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.tableHeightResponsive {
  height: 100%;
  overflow-y: auto;
  position: static;
}

.tableNullifyMargBottom {
  margin-bottom: 0rem !important;
}

/*For smaller than md screens*/
@media screen and (max-height: 991px) {
  #foo {
    display: none;
  }
}

/*For larger than sm screens*/
@media screen and (min-width: 991px) {
  #foo {
    margin: X;
  }
}