@import url('https://fonts.googleapis.com/css?family=Open+Sans');

.update-nag
{
	display:none;
}

.settings-error
{
	display:none;
}

#wpcontent
{
  background-image: url('../images/footer-image-2.png');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:bottom;
  padding-left:0;
  width:auto;
  position:relative;
}
.triggerbee_admin
{
  font-family: 'Open sans', serif;
  margin: 0 auto;
}

.triggerbee_admin input[type=number]::-webkit-inner-spin-button
{
	
  -webkit-appearance: none; 
  margin: 0;
} 
.triggerbee_admin input[type=number]::-webkit-outer-spin-button
{ 
  -webkit-appearance: none; 
  margin: 0; 
}

.triggerbee_admin .logo
{
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  max-width: 200px!important;
  padding: 15px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

.triggerbee_admin .logo img
{
  max-width:200px!important;
  margin-left:auto;
  margin-right:auto;
  display:block;
}


.triggerbee_admin_nocode img {
  max-height:100px!important;
}



.triggerbee_admin_nocode .outer-box {
  border-radius:0.25rem;
  box-shadow: 3px 2px 20px rgba(0,0,0,.2);
  background:#fff;
/*  margin-top:100px!important;*/
  position:relative;
  margin:0 auto;
  padding:2.8rem;
  max-width:500px;
  width:50%;
}
.triggerbee_admin_nocode .content {
  text-align:center;
  padding:5px;
}
.triggerbee_admin_nocode h1 {
  color:#444;
  font-size:30px;
  font-weight:600;
}
.triggerbee_admin_nocode p {
  font-size:1rem;
  font-family:'Open sans', serif;
}
.triggerbee_admin_nocode input.text {
  border-radius:0.2rem;
  border:2px solid #ddd;
  display:block;
  margin:0 auto;
  margin-top:30px;
  padding:16px;
  text-align:center;
  max-width: 300px;
  width: 100%;
  box-shadow:none;
}

.triggerbee_admin_nocode input.text:focus {
	border-color:#3bb0ff;
}

.triggerbee_admin_nocode button.submit {
  background:#3bb0ff;
  border:none;
  border-radius:0.2rem;
  color:#fff;
  display:block;
  font-family:'Open sans', serif;
  font-weight:600;
  margin:0 auto;
  margin-top: 10px;
  padding:12px;
  max-width:300px;
  width:100%;
  cursor: pointer; 
  box-shadow:2px 2px 6px rgba(0,0,0,.1);
}

.triggerbee_admin_nocode button.submit:hover {
	box-shadow:1px 1px 3px rgba(0,0,0,.1);
	background:#5bbdff;
}

a.submit2 {
  background:#ff71bc;
  border:none;
  border-radius:0.2rem;
  color:#fff;
  display:block;
  font-family:'Open sans', serif;
  font-weight:600;
  margin:0 auto;
  margin-top: 10px;
  padding:12px;
  max-width:300px;
  width:100%;
  text-decoration:none;
}

.triggerbee_admin_nocode #id-validation
{
	background-color:#fff;
	border:none;
	display:none;
	color:red;
	font-size:12px;
	font-weight:italic;
	margin-bottom:-15px;
}

.triggerbee_admin_code {
  padding-bottom:10%;
  font-family: 'Open Sans', sans-serif;
}


.triggerbee_admin_code .outer-box {
  margin-top: 100px!important;
  width: 50%;
  margin: 0 auto;
}
.triggerbee_admin_code .content {
  text-align:center;
  padding:5px;
  position:relative;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
}
.triggerbee_admin_code h1 {
  color:#444;
  font-size:30px;
  font-weight:600;
  font-family:'Open sans', serif;
  text-align:center
}

.triggerbee_admin_code h2 {
  color:#22282D;
  font-size:18px;
  font-weight:600;
  text-align:left;
}

.triggerbee_admin_code .title
{
  color:#22282D;
  font-size:16px;
}

.triggerbee_admin_code .info
{
  margin-top: -10px;
  padding: 3px 25px;
  background: #ddf0fd;
  border-radius: 3px;
  border: 1px solid #3bb0ff;
  font-size: 14px;
  color: #1097f3;
}

.triggerbee_admin_code p {
  font-size:1rem;
  font-family:'Open sans', serif;
}

.triggerbee_admin_code .buttons
{
	text-align:justify;
}

.triggerbee_admin_code .buttons:after
{
	content:'';
  display:inline-block;
  width:99.5%;/* generates an extra transparent line */
}

.triggerbee_admin_code .button {
  background:#ff71bc ;
  border:none;
  border-radius:3px;
  color:#fff;
  display:inline-block;
  font-family:'Open sans', serif;
  font-weight:600;
  margin:0 auto;
  margin-top: 10px;
  padding:12px 25px;
  font-size:14px;
  line-height: 0;
}

.triggerbee_admin_code .button:hover {
  background: #fc83c1;
  color:#fff;
}

.triggerbee_admin_code #topleft
{
  position:absolute;
  top:0;
  left:0;
}

.triggerbee_admin_code #topleft a
{
	color:red;
}

.triggerbee_admin_code #topright
{
  position:absolute;
  top:0;
  right:0;
}

.triggerbee_admin_code #topright a
{
  text-decoration:none!important;
}

.addon-square {
	background:#fff;
	padding:1.5rem;
	border:1px solid #ddd;
	box-shadow:1px 2px 15px rgba(0,0,0,.1);
	max-width:200px;
	margin-top:20px;
	border-radius:3px;
}

.addon-square p {
	font-size:0.8rem!important;
}
.addon-square img {
	max-width:50px;
	height:auto;
}

button#CF7-area {
	background:transparent!important;
	color:blue;
	border: 1px solid blue;
}


 
 /* ------ START MOBILE STYLING ------- */
 
  @media (min-width: 481px) and (max-width: 782px) {
	  
.auto-fold #wpcontent {
	padding-left:0;
	  }

 .triggerbee_admin_nocode h1, .triggerbee_admin_code h1 {
  color:#444;
  font-size:20px!important;
  font-weight:600;
}  

.triggerbee_admin_nocode p {
    font-size: 0.8rem;
}
	
	  
.triggerbee_admin_code .outer-box {
	width:100%;
    margin: 0 auto;
    padding: 20px;
}

#wpcontent
{
  padding:0;
  background-position: bottom;
  background-size:contain;
  position:relative;
  width:100%;
}

.wp-core-ui .button {
    width: 100%!important;
}

.triggerbee_admin_code .outer-box {
    margin-top: 50px!important;
    width: 90%;
    margin: 0 auto;
}

.triggerbee_admin_code .content {
	font-size:12px;
}

  }

/* pulsing script */

/* the loader */

.triggerbee_admin_code .bzz
{
	 color:#3bb0ff;	
	 position:relative;
	 bottom:-150px;
	 text-align:center;
}

.triggerbee_admin_code .load {
  
  margin: 150px auto;
  width: 100px;
  height: 100px;
  /** height is required as absolute value **/
  background-color: #613aea;
  border-radius: 100px;
  position:relative;
  animation: pulse 2000ms linear infinite;
  -webkit-animation: pulse 2000ms linear infinite;
  -moz-animation: pulse 2000ms linear infinite;
}

.triggerbee_admin_code .load img{
  position:absolute;
  top:10px;
  left:11%;
  color:white;
  text-shadow:-1px -1px #333;
  max-height:80px;
  
}

.load:after,
.load:before {
  display: inline-block;
  margin: auto;
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-color: #3bb0ff;
  
  margin-left:-50px;
}

.load:after {
  z-index: -100;
  -webkit-animation: outer-ripple 2000ms linear infinite;
  -moz-animation: outer-ripple 2000ms linear infinite;
  animation: outer-ripple 2000ms linear infinite;
  top:0;
  
  
}

.load:before {
  z-index: -200;
  -webkit-animation: inner-ripple 2000ms linear infinite;
  -moz-animation: inner-ripple 2000ms linear infinite;
  animation: inner-ripple 2000ms linear infinite;
}


/* outer ripple */


@keyframes pulse{
  0% {
    transform: scale(0.8);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  10% {
    transform: scale(1.1);
    filter: alpha(opacity=1);
    opacity: 1;
  }
  20% {
    transform: scale(0.9);
    filter: alpha(opacity=1);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
}

@-moz-keyframes pulse{
  0% {
    transform: scale(0.8);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  10% {
    transform: scale(1.1);
    filter: alpha(opacity=1);
    opacity: 1;
  }
  20% {
    transform: scale(0.9);
    filter: alpha(opacity=1);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
}

@-webkit-keyframes pulse{
  0% {
    transform: scale(0.8);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  10% {
    transform: scale(1.1);
    filter: alpha(opacity=1);
    opacity: 1;
  }
  20% {
    transform: scale(0.9);
    filter: alpha(opacity=1);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
}


@keyframes outer-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  80% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes outer-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  80% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes outer-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  80% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
  100% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
/* inner ripple */

@keyframes inner-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  30% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes inner-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  30% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes inner-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  30% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.5);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
 
.overlay
{
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#fff;
	border-radius:3px;
	box-shadow:1px 2px 40px rgba(0,0,0,.1);
	border:1px solid #ddd;
    width: 700px;
    max-height: calc(50% - 2rem);
    margin: 0 auto;
    top: 200px;
} 

.overlay_top
{
	height:0em;
}

.overlay_inner
{
    padding-left: 0;
    padding-right: 0;
    overflow-y: scroll;
    height: calc(100% - 2em);
    margin: 0 auto;
}

.overlay .table_section
{
	padding-top:1em;
	width: 400px;
    margin: 0 auto;
	
}

td:first-child {
	color:#999;
	border:1px solid #ddd;
	background:#f9f9f9;
	font-size:12px;
	text-align:center;
	border-radius:3px;
}

.wp-admin select {
    padding: 2px;
    line-height: 35px;
    height: 35px;
    width: 250px;
    box-shadow: none;
    border-radius: 3px;
}

.wp-admin select:hover {
	border:1px solid #3bb0ff;
}

.overlay .close
{
    font-size: 13px;
    cursor: pointer;
    position: relative;
    display: inline;
    top: 30px;
    right: -143px;
    padding: 11px 25px;
    border-radius: 3px;
    color: #ff5d5d;
    background: #fff;
    font-weight: 600;
}

.overlay .close:hover {
	background:#ff5d5d;
	color:#fff;
}

.overlay .submit
{
  cursor:pointer;
  background:#3bb0ff;
  border:none;
  border-radius:0.2rem;
  color:#fff;
  display:inline-block;
  font-family:'Open sans', serif;
  font-weight:600;
  padding:12px;
  max-width: 250px;
  width: 100%;
  position: relative;
  top: 30px;
  right: -204px;
  box-shadow:2px 2px 6px rgba(0,0,0,.1);
}

.overlay .submit:hover {
	background:#6dc4ff;
}