/* svg icon*/
.svg-circleplus {height: 40px;stroke: rgb(66, 105, 50);}

.help-block {color: red;font-size: small;}

.form-group {margin-top: 2px;margin-bottom: 2px;}
.control-label{color:#063519;}
.form-control { border: 1px solid #97969582 !important; }
.form-control:focus {border: 1px solid #4caf50 !important;}

/* COMMON STYLES: YOU DON'T NEED THEM */

html {
font-size: 16px !important;
}

body {
background-color: #fff;
font-family: "Fira Sans", sans-serif;
font-weight: 400;
color: #1f1f1f;
}
body .container {
width: 580pxpx;
margin: 70px auto 0px;
text-align: center;
}

 /* loader */
.parrentlo, .childloder {width: 100%;height: 100%;overflow: hidden;} 
.childloder { background: #fefeff1a;display: flex;align-items: center;justify-content: center;}
 /* loaderend*/

 .page-utilities{
float: right;
position: absolute;
right: 40px;
 }
 h1{
font-size: 23px !important;
text-transform: uppercase !important;
color: #59bf90 !important;
 }


.swal2-popup{ width: 334px !important;height: 215px !important; }
.swal2-title {
font-size: 16px !important;
}



.hasDatepicker {
padding-top: 0.6rem;
padding-bottom: 0.6rem;
height: 2.5rem;
border-color: #e7e9ed;
color: #5d6778;
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.375rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border: 1px solid #97969582 !important;
}

/* .btn {
font-weight: 600;
padding: 4px 8px!important;
font-size: .875rem;
border: none;
} */

/* /// checkbox*/

.toggleButton {
  cursor: pointer;
  display: block;
  transform-origin: 50% 50%;
  column-gap: 8px;
  transform-style: preserve-3d;
  transition: transform 0.14s ease;
  cursor: pointer;
  display: block;
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  transition: transform 0.14s ease;
}
.toggleButton:active {
  transform: rotateX(30deg);
}
.toggleButton input {
  display: none;
}
.toggleButton input + div {
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  position: relative;
  width: 44px;
  height: 44px;
}
.toggleButton input + div svg {
  fill: none;
  stroke-width: 3.6;
  stroke: #34f794;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 25px;
  height: 27px;
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  z-index: 1;
  stroke-dashoffset: 124.6;
  stroke-dasharray: 0 162.6 133 29.6;
  transition: all 0.4s ease 0s;
}
.toggleButton input + div:before, .toggleButton input + div:after {
  content: "";
  width: 3px;
  height: 16px;
  background: #34f794;
  position: absolute;
  left: 26%;
  top: 11px;
  border-radius: 5px;
}
.toggleButton input + div:before {
  opacity: 0;
  transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  -webkit-animation: bounceInBefore 0s linear forwards 0s;
          animation: bounceInBefore 0s linear forwards 0s;
}
.toggleButton input + div:after {
  opacity: 0;
  transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  -webkit-animation: bounceInAfter 0s linear forwards 0s;
          animation: bounceInAfter 0s linear forwards 0s;
}
.toggleButton input:checked + div svg {
  stroke-dashoffset: 162.6;
  stroke-dasharray: 0 162.6 28 134.6;
  transition: all 0.4s ease 0.2s;
}
.toggleButton input:checked + div:before {
  opacity: 0;
  transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  -webkit-animation: bounceInBeforeDont 0s linear forwards 0s;
          animation: bounceInBeforeDont 0s linear forwards 0s;
}
.toggleButton input:checked + div:after {
  opacity: 0;
  transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  -webkit-animation: bounceInAfterDont 0s linear forwards 0s;
          animation: bounceInAfterDont 0s linear forwards 0s;
}

@-webkit-keyframes bounceInBefore {
  0% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1) translate(-50%, -50%) rotate(45deg);
  }
  80% {
    opacity: 1;
    transform: scale(0.89) translate(-50%, -50%) rotate(45deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(45deg);
  }
}

@keyframes bounceInBefore {
  0% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1) translate(-50%, -50%) rotate(45deg);
  }
  80% {
    opacity: 1;
    transform: scale(0.89) translate(-50%, -50%) rotate(45deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(45deg);
  }
}
@-webkit-keyframes bounceInAfter {
  0% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1) translate(-50%, -50%) rotate(-45deg);
  }
  80% {
    opacity: 1;
    transform: scale(0.89) translate(-50%, -50%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(-45deg);
  }
}
@keyframes bounceInAfter {
  0% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1) translate(-50%, -50%) rotate(-45deg);
  }
  80% {
    opacity: 1;
    transform: scale(0.89) translate(-50%, -50%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(-45deg);
  }
}
@-webkit-keyframes bounceInBeforeDont {
  0% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(45deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  }
}
@keyframes bounceInBeforeDont {
  0% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(45deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  }
}
@-webkit-keyframes bounceInAfterDont {
  0% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(-45deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  }
}
@keyframes bounceInAfterDont {
  0% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(-45deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  }
}
 
/* checkbox end */