.svg-padding {
	display: inline-block;
}

.svg-padding-book {
	display: inline-block;
}


.icons{
  font-size: 1em;
}

.iconsbook{
  font-size: 1em;
}



.svg {
	cursor: pointer;
	padding: 5px 5px 5px 5px;
	border-radius: 3px;
	margin: 0px 5px 0px 5px;
	border: 1px solid #FFF;
}


.svgbook {
	cursor: pointer;
	padding: 5px 5px 5px 5px;
	border-radius: 3px;
	margin: 0px 5px 0px 5px;
	border: 1px solid #FFF;
}

.text-color {
	font-weight: bold;
}

.captcha-container {
	background: #fff;
	padding: 15px;
	border: 1px solid #9a9a9a;
	width: 270px;
	border-radius: 3px;
	padding-top: 0px;
}

.captcha-container-book {
	background: #fff;
	padding: 15px;
	border: 1px solid #9a9a9a;
	width: 270px;
	border-radius: 3px;
	padding-top: 0px;
}


.error-field {
	border: 1px solid #d96557;
}

.send-button {
	cursor: pointer;
	background: #3cb73c;
	border: #36a536 1px solid;
	color: #FFF;
	font-size: 1em;
	width: 100px;
}

.captcha-selected {
	color: #1cb87b;
	background-color: #e3e3e3;
	border: #d7d7d7 1px solid;
}

.captcha-selected-book {
	color: #1cb87b;
	background-color: #e3e3e3;
	border: #d7d7d7 1px solid;
}

.border-error-color {
	border: 1px solid #e66262;
}


    .circuit1 {
      width: 40vw;
    }

    .col-lg-4 {
      padding-bottom: 15pt;
    }





    @media only screen and (max-width: 1024px) {
      .circuit1 {

        width: 80vw;

      }




    }


    @media only screen and (max-width: 767px) {
      .circuit1 {

        width: 80vw;

      }

     



    }


   .messageconf {
    display: none; 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background-color: rgba(0,0,0,0.6); 
    z-index: 9999; 
    cursor: pointer; }

    .messageover {
         position: absolute; 
         top: 50%; 
         left: 30%; 
         transform: translate(-50%,-50%); 
         -ms-transform: translate(-50%,-50%); 
         background-color: #1d443f; 
         color: white; 
         font-size: 20px; 
         padding: 8vw; 
         border: none; 
         cursor: pointer; 
         border-radius: 5px;
    }
    .animated {
     -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
     animation-fill-mode: both;
}
 .animated.hinge {
     -webkit-animation-duration: 2s;
     -moz-animation-duration: 2s;
     animation-duration: 2s;
}
 @keyframes tada {
     0% {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
    }
     10%, 20% {
         -webkit-transform: scale(0.9) rotate(-3deg);
         -ms-transform: scale(0.9) rotate(-3deg);
         transform: scale(0.9) rotate(-3deg);
    }
     30%, 50%, 70%, 90% {
         -webkit-transform: scale(1.1) rotate(3deg);
         -ms-transform: scale(1.1) rotate(3deg);
         transform: scale(1.1) rotate(3deg);
    }
     40%, 60%, 80% {
         -webkit-transform: scale(1.1) rotate(-3deg);
         -ms-transform: scale(1.1) rotate(-3deg);
         transform: scale(1.1) rotate(-3deg);
    }
     100% {
         -webkit-transform: scale(1) rotate(0);
         -ms-transform: scale(1) rotate(0);
         transform: scale(1) rotate(0);
    }
}
 .tada {
     -webkit-animation-name: tada;
     -moz-animation-name: tada;
     animation-name: tada;
}