/* prettier-ignore */
/*# sourceMappingURL=user.css.map */






.pulse1 {
  -webkit-animation: pulse1 1.5s linear infinite;
  -moz-animation: pulse1 1.5s linear infinite;
  -ms-animation: pulse1 1.5s linear infinite;
  animation: pulse1 1.5s linear infinite;
}

@keyframes "pulse1" {
 0% {
    color: rgba(255, 255, 255, 1);
 }
 90% {
    color: rgba(255,255,255,0.2);
 }
 100% {
    color: rgba(255,255,255,1.0);
 }

}

@-moz-keyframes pulse1 {
 0% {
   color: rgba(255,255,255, 1);
 }
 90% {
   color: rgba(255,255,255,0.2);
 }
 100% {
   color: rgba(255,255,255,1.0);
 }

}

@-webkit-keyframes "pulse1" {
 0% {
   color: rgba(255,255,255, 1);
 }
 90% {
   color: rgba(255,255,255,0.2);
 }
 100% {
   color: rgba(255,255,255,1.0);
 }

}

@-ms-keyframes "pulse1" {
 0% {
   color: rgba(255,255,255, 1);
 }
 90% {
   color: rgba(255,255,255,0.2);
 }
 100% {
   color: rgba(255,255,255,1.0);
 }

}






@keyframes shake {
  2% {
    transform: translate(-4px, 2px) rotate(-2.5deg); }
  4% {
    transform: translate(-7px, 9px) rotate(-1.5deg); }
  6% {
    transform: translate(0px, 4px) rotate(-2.5deg); }
  8% {
    transform: translate(9px, -4px) rotate(-1.5deg); }
  10% {
    transform: translate(6px, 4px) rotate(1.5deg); }
  12% {
    transform: translate(-6px, -9px) rotate(-0.5deg); }
  14% {
    transform: translate(9px, -9px) rotate(-0.5deg); }
  16% {
    transform: translate(-2px, 2px) rotate(-2.5deg); }
  18% {
    transform: translate(8px, -2px) rotate(-1.5deg); }
  20% {
    transform: translate(-2px, -8px) rotate(1.5deg); }
  22% {
    transform: translate(3px, 8px) rotate(-2.5deg); }
  24% {
    transform: translate(2px, 10px) rotate(0.5deg); }
  26% {
    transform: translate(-3px, 8px) rotate(-0.5deg); }
  28% {
    transform: translate(10px, 0px) rotate(-1.5deg); }
  30% {
    transform: translate(7px, 5px) rotate(2.5deg); }
  32% {
    transform: translate(7px, 6px) rotate(1.5deg); }
  34% {
    transform: translate(0px, 9px) rotate(0.5deg); }
  36% {
    transform: translate(10px, -8px) rotate(0.5deg); }
  38% {
    transform: translate(-1px, 9px) rotate(3.5deg); }
  40% {
    transform: translate(-6px, 2px) rotate(2.5deg); }
  42% {
    transform: translate(-1px, -8px) rotate(-1.5deg); }
  44% {
    transform: translate(-9px, 4px) rotate(1.5deg); }
  46% {
    transform: translate(-8px, -6px) rotate(1.5deg); }
  48% {
    transform: translate(-2px, 8px) rotate(-2.5deg); }
  50% {
    transform: translate(3px, 9px) rotate(-2.5deg); }
  52% {
    transform: translate(7px, -9px) rotate(3.5deg); }
  54% {
    transform: translate(-6px, 4px) rotate(-2.5deg); }
  56% {
    transform: translate(2px, -4px) rotate(-2.5deg); }
  58% {
    transform: translate(4px, -9px) rotate(2.5deg); }
  60% {
    transform: translate(-1px, 4px) rotate(-1.5deg); }
  62% {
    transform: translate(-8px, -5px) rotate(-1.5deg); }
  64% {
    transform: translate(-5px, -6px) rotate(-2.5deg); }
  66% {
    transform: translate(9px, -7px) rotate(2.5deg); }
  68% {
    transform: translate(-6px, -3px) rotate(-0.5deg); }
  70% {
    transform: translate(6px, -8px) rotate(1.5deg); }
  72% {
    transform: translate(9px, 8px) rotate(0.5deg); }
  74% {
    transform: translate(7px, 1px) rotate(2.5deg); }
  76% {
    transform: translate(-9px, -4px) rotate(1.5deg); }
  78% {
    transform: translate(-8px, 0px) rotate(-0.5deg); }
  80% {
    transform: translate(6px, -7px) rotate(1.5deg); }
  82% {
    transform: translate(8px, -2px) rotate(2.5deg); }
  84% {
    transform: translate(4px, -5px) rotate(1.5deg); }
  86% {
    transform: translate(6px, 5px) rotate(-1.5deg); }
  88% {
    transform: translate(-2px, -2px) rotate(-1.5deg); }
  90% {
    transform: translate(-3px, 4px) rotate(-0.5deg); }
  92% {
    transform: translate(-6px, -4px) rotate(-0.5deg); }
  94% {
    transform: translate(6px, -7px) rotate(2.5deg); }
  96% {
    transform: translate(-5px, -3px) rotate(3.5deg); }
  98% {
    transform: translate(5px, 9px) rotate(-2.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake {
  animation-name: shake;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;

  }



  @keyframes popped {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(1.07);
      }
      100% {
         transform: scale(1);
      }

  }

  @-moz-keyframes popped {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(1.07);
      }
      100% {
         transform: scale(1);
      }

  }

  @-webkit-keyframes popped {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(1.07);
      }
      100% {
         transform: scale(1);
      }

  }

  @-ms-keyframes popped {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(1.07);
      }
      100% {
         transform: scale(1);
      }

  }





  @keyframes poppedcenter {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(2);
      }
      100% {
         transform: scale(1);
      }

  }

  @-moz-keyframes poppedcenter {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(2);
      }
      100% {
         transform: scale(1);
      }

  }

  @-webkit-keyframes poppedcenter {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(2);
      }
      100% {
         transform: scale(1);
      }

  }

  @-ms-keyframes poppedcenter {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(2);
      }
      100% {
         transform: scale(1);
      }

  }





  @keyframes popped_medium {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(1.2);
      }
      100% {
         transform: scale(1);
      }

  }

  @-moz-keyframes popped_medium {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(1.2);
      }
      100% {
         transform: scale(1);
      }

  }

  @-webkit-keyframes popped_medium {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(1.2);
      }
      100% {
         transform: scale(1);
      }

  }

  @-ms-keyframes popped_medium {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(1.2);
      }
      100% {
         transform: scale(1);
      }

  }






  @keyframes popping_dashboard {
      0% {
         transform: scale(1) translateY(-50%);
      }
      50% {
         transform: scale(1.3) translateY(-40%);
      }
      100% {
         transform: scale(1) translateY(-50%);
      }

  }

  @-moz-keyframes popping_dashboard {
      0% {
         transform: scale(1) translateY(-50%);
      }
      50% {
         transform: scale(1.3) translateY(-40%);
      }
      100% {
         transform: scale(1) translateY(-50%);
      }

  }

  @-webkit-keyframes popping_dashboard {
      0% {
         transform: scale(1) translateY(-50%);
      }
      50% {
         transform: scale(1.3) translateY(-40%);
      }
      100% {
         transform: scale(1) translateY(-50%);
      }

  }

  @-ms-keyframes popping_dashboard {
      0% {
         transform: scale(1) translateY(-50%);
      }
      50% {
         transform: scale(1.3) translateY(-40%);
      }
      100% {
         transform: scale(1) translateY(-50%);
      }

  }




  @keyframes popped_big {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(2.15);
      }
      100% {
         transform: scale(1);
      }

  }

  @-moz-keyframes popped_big {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(2.15);
      }
      100% {
         transform: scale(1);
      }

  }

  @-webkit-keyframes popped_big {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(2.15);
      }
      100% {
         transform: scale(1);
      }

  }

  @-ms-keyframes popped_big {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(2.15);
      }
      100% {
         transform: scale(1);
      }

  }



  @keyframes popped_big_left {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(2.15) translateX(-10%);
      }
      100% {
         transform: scale(1);
      }

  }

  @-moz-keyframes popped_big_left {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(2.15) translateX(-10%);
      }
      100% {
         transform: scale(1);
      }

  }

  @-webkit-keyframes popped_big_left {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(2.15) translateX(-10%);
      }
      100% {
         transform: scale(1);
      }

  }

  @-ms-keyframes popped_big_left {
      0% {
         transform: scale(1);
      }
      50% {
         transform: scale(2.15) translateX(-10%);
      }
      100% {
         transform: scale(1);
      }

  }



.popped {
    animation-name: popped;
    animation-duration: 200ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.poppedcenter {
    animation-name: popped;
    animation-duration: 200ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.popping_dashboard {
    animation-name: popping_dashboard;
    animation-duration: 400ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.popped_big {
    animation-name: popped_big;
    animation-duration: 400ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.popped_big_left {
    animation-name: popped_big_left;
    animation-duration: 400ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.popped_slow {
    animation-name: popped;
    animation-duration: 700ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}


.signature-pad {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 10px;
  width: 100%;
  height: 100%;
  max-width: 700px;
  max-height: 460px;

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 20px rgba(0, 0, 0, 0.08) inset;
  border-radius: 4px;
  padding: 16px;
}

.signature-pad::before,
.signature-pad::after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 40%;
  height: 10px;
  bottom: 10px;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}

.signature-pad::before {
  left: 20px;
  -webkit-transform: skew(-3deg) rotate(-3deg);
          transform: skew(-3deg) rotate(-3deg);
}

.signature-pad::after {
  right: 20px;
  -webkit-transform: skew(3deg) rotate(3deg);
          transform: skew(3deg) rotate(3deg);
}

.signature-pad--body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;

}

.signature-pad--body
canvas {

  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

.signature-pad--footer {
  color: #C3C3C3;
  text-align: center;
  font-size: 1.2em;
  margin-top: 8px;
}

.signature-pad--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
}

signature-pad-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0 auto;
  font-family: Helvetica, Sans-Serif;
}

.cursor-pointer{
  cursor: pointer;
}

.cursor-default{
  cursor: default;
}




.socket{
				width: 200px;
				height: 200px;
				position: absolute;
				left: 50%;
				margin-left: -100px;
				top: 50%;
				margin-top: -100px;
        z-index:15000;
			}

			.hex-brick{
			  background: var(--falcon-700);
			  width: 30px;
			  height: 17px;
			  position: absolute;
			  top: 5px;
        animation-name: fade;
				animation-duration: 2s;
				animation-iteration-count: infinite;
				-webkit-animation-name: fade;
				-webkit-animation-duration: 2s;
				-webkit-animation-iteration-count: infinite;
			}

			.h2{
				transform: rotate(60deg);
				-webkit-transform: rotate(60deg);
			}

			.h3{
				transform: rotate(-60deg);
				-webkit-transform: rotate(-60deg);
			}

			.gel{
				height: 30px;
				width: 30px;
				transition: all .3s;
				-webkit-transition: all .3s;
				position: absolute;
        top: 50%;
        left: 50%;
			}

			.center-gel{
				margin-left: -15px;
				margin-top: -15px;

				animation-name: pulse;
				animation-duration: 2s;
				animation-iteration-count: infinite;
				-webkit-animation-name: pulse;
				-webkit-animation-duration: 2s;
				-webkit-animation-iteration-count: infinite;
			}

			.c1{
				margin-left: -47px;
				margin-top: -15px;
			}

			.c2{
				margin-left: -31px;
				margin-top: -43px;
			}

			.c3{
				margin-left: 1px;
				margin-top: -43px;
			}

			.c4{
				margin-left: 17px;
				margin-top: -15px;
			}
			.c5{
				margin-left: -31px;
				margin-top: 13px;
			}

			.c6{
				margin-left: 1px;
				margin-top: 13px;
			}

			.c7{
				margin-left: -63px;
				margin-top: -43px;
			}

			.c8{
				margin-left: 33px;
				margin-top: -43px;
			}

			.c9{
				margin-left: -15px;
				margin-top: 41px;
			}

			.c10{
				margin-left: -63px;
				margin-top: 13px;
			}

			.c11{
				margin-left: 33px;
				margin-top: 13px;
			}

			.c12{
				margin-left: -15px;
				margin-top: -71px;
			}

			.c13{
				margin-left: -47px;
				margin-top: -71px;
			}

			.c14{
				margin-left: 17px;
				margin-top: -71px;
			}

			.c15{
				margin-left: -47px;
				margin-top: 41px;
			}

			.c16{
				margin-left: 17px;
				margin-top: 41px;
			}

			.c17{
				margin-left: -79px;
				margin-top: -15px;
			}

			.c18{
				margin-left: 49px;
				margin-top: -15px;
			}

			.c19{
				margin-left: -63px;
				margin-top: -99px;
			}

			.c20{
				margin-left: 33px;
				margin-top: -99px;
			}

			.c21{
				margin-left: 1px;
				margin-top: -99px;
			}

			.c22{
				margin-left: -31px;
				margin-top: -99px;
			}

			.c23{
				margin-left: -63px;
				margin-top: 69px;
			}

			.c24{
				margin-left: 33px;
				margin-top: 69px;
			}

			.c25{
				margin-left: 1px;
				margin-top: 69px;
			}

			.c26{
				margin-left: -31px;
				margin-top: 69px;
			}

			.c27{
				margin-left: -79px;
				margin-top: -15px;
			}

			.c28{
				margin-left: -95px;
				margin-top: -43px;
			}

			.c29{
				margin-left: -95px;
				margin-top: 13px;
			}

			.c30{
				margin-left: 49px;
				margin-top: 41px;
			}

			.c31{
				margin-left: -79px;
				margin-top: -71px;
			}

			.c32{
				margin-left: -111px;
				margin-top: -15px;
			}

			.c33{
				margin-left: 65px;
				margin-top: -43px;
			}

			.c34{
				margin-left: 65px;
				margin-top: 13px;
			}

			.c35{
				margin-left: -79px;
				margin-top: 41px;
			}

			.c36{
				margin-left: 49px;
				margin-top: -71px;
			}

			.c37{
				margin-left: 81px;
				margin-top: -15px;
			}

			.r1{
				animation-name: pulse;
				animation-duration: 2s;
				animation-iteration-count: infinite;
				animation-delay: .2s;
				-webkit-animation-name: pulse;
				-webkit-animation-duration: 2s;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-delay: .2s;
			}

			.r2{
				animation-name: pulse;
				animation-duration: 2s;
				animation-iteration-count: infinite;
				animation-delay: .4s;
				-webkit-animation-name: pulse;
				-webkit-animation-duration: 2s;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-delay: .4s;
			}

			.r3{
				animation-name: pulse;
				animation-duration: 2s;
				animation-iteration-count: infinite;
				animation-delay: .6s;
				-webkit-animation-name: pulse;
				-webkit-animation-duration: 2s;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-delay: .6s;
			}

			.r1 > .hex-brick{
				animation-name: fade;
				animation-duration: 2s;
				animation-iteration-count: infinite;
				animation-delay: .2s;
				-webkit-animation-name: fade;
				-webkit-animation-duration: 2s;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-delay: .2s;
			}

			.r2 > .hex-brick{
				animation-name: fade;
				animation-duration: 2s;
				animation-iteration-count: infinite;
				animation-delay: .4s;
				-webkit-animation-name: fade;
				-webkit-animation-duration: 2s;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-delay: .4s;
			}

			.r3 > .hex-brick{
				animation-name: fade;
				animation-duration: 2s;
				animation-iteration-count: infinite;
				animation-delay: .6s;
				-webkit-animation-name: fade;
				-webkit-animation-duration: 2s;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-delay: .6s;
			}


			@keyframes pulse{
				0%{
					-webkit-transform: scale(1);
					transform: scale(1);
				}

				50%{
					-webkit-transform: scale(0.01);
					transform: scale(0.01);
				}

				100%{
					-webkit-transform: scale(1);
					transform: scale(1);
				}
			}

			@keyframes fade{
				0%{
					background: var(--falcon-700);
				}

				50%{
					background: var(--falcon-300);
				}

				100%{
					background: var(--falcon-700);
				}
			}

			@-webkit-keyframes pulse{
				0%{
					-webkit-transform: scale(1);
					transform: scale(1);
				}

				50%{
					-webkit-transform: scale(0.01);
					transform: scale(0.01);
				}

				100%{
					-webkit-transform: scale(1);
					transform: scale(1);
				}
			}

			@-webkit-keyframes fade{
				0%{
					background: var(--falcon-700);
				}

				50%{
					background: var(--falcon-300);
				}

				100%{
					background: var(--falcon-700);
				}
			}


.modal_top{
    z-index: 2000;
}

.row [class*='col-'] {
    transition: all 0.3s ease-in-out;
}


.flipping {
    -webkit-animation: anim 1s infinite linear;
    animation: anim 1s infinite linear;
}

@-webkit-keyframes anim {
    from {-webkit-transform: rotateY(0deg);}
    to {-webkit-transform: rotateY(360deg);}
}

@keyframes anim {
    from {transform: rotateY(0deg);}
    to {transform: rotateY(360deg);}
}


.hover_dark {
    transition: opacity 1s ease;
    opacity: 0.3; /* css standard */
    filter: alpha(opacity=30); /* internet explorer */
}

.hover_dark:hover {
    opacity: .8; /* css standard */
    filter: alpha(opacity=80); /* internet explorer */
}

.hover_dark_transparent {
    transition: opacity 1s ease;
    opacity: 0.0; /* css standard */
    filter: alpha(opacity=30); /* internet explorer */
}

.hover_dark_transparent:hover {
    opacity: .8; /* css standard */
    filter: alpha(opacity=80); /* internet explorer */
}



.pop:hover {
    transition: all 0.1s !important;
    transform: scale(1.07);
}

.popsmall:hover {
    transition: all 0.1s !important;
    transform: scale(1.03);
}


.popmedium:hover {
    transition: all 0.1s !important;
    transform: scale(1.16);
}

.popbig:hover {
    transition: all 0.2s ease-out !important;
    transform: scale(1.35);
}


.bw-picture {
    filter: grayscale(70%);
    -webkit-filter: grayscale(70%);
}

.bw-picture:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}


.hover_colored {
  color: var(--falcon-500);
}

.hover_colored:hover {
  transition: all 0.4s ease-out !important;
  color: var(--falcon-primary);
}