body {
  margin: 0 auto;
  margin-left: 0;
  margin-right: 0;
  background-color: white;
  color:black;
  font-family: "Verdana"; 
}

.atair-settings {
  font-size: 16px;
  font-family: "Verdana";
}

.orderlink {
  color: #db3832;
  text-decoration: underline;
}

.productCard {
  width: 20vw;
  height: 20vw;
}

@media only screen and (max-width: 768px) {
  .productCard {
    width: 40vw;
    height: 40vw;
  }
}
.productHero {
  /* Default, override with style */
  background-image: url('assets/images/store/red.jpg');
  background-repeat: no-repeat;
  background-position: center;
  /* cover, contain*/
  background-size: cover;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

#navbar {
  overflow: hidden;
  background-color: #333;
  padding: 15px;
  z-index:1000;
}

#navbar button {
/*  float: left;
  display: block;*/
  color: #f2f2f2;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  margin:5px;
}

.boxDiv {
  border: 2px solid gray;
  margin-top: 10px;
  padding: 20px;
}

.neon {
    background-color: transparent;
    border: 2px solid #db3832;
    color: #db3832;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
 
.neon:hover, .neon:focus {
    -webkit-box-shadow: inset 0px 0px 8px 3px #f25650;
    box-shadow: 0px 0px 10px 3px #db3832, inset 0px 0px 10px 3px #f25650;
    border-color: #fff;
    text-color:#fff;
}

.active-neon {
    -webkit-box-shadow: inset 0px 0px 8px 3px #f25650;
    box-shadow: 0px 0px 10px 3px #db3832, inset 0px 0px 10px 3px #f25650;
    border-color: #fff;  
}

.neon-btn {
    background-color: transparent;
    border: 2px solid #db3832;
    color: #db3832;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: Verdana;
    text-transform: uppercase;
}
 
.neon-btn:hover, .neon-btn:focus {
    -webkit-box-shadow: inset 0px 0px 8px 3px #f25650;
    box-shadow: 0px 0px 10px 3px #db3832, inset 0px 0px 10px 3px #f25650;
    border-color: #fff;
    color:white;
    font-family: Verdana;
    text-transform: uppercase;
}

.dashboard_action {
  text-transform: uppercase;
  border-radius: 20px;
  font-family: Verdana;
  font-weight: bold;
  font-size: 12pt; 
  padding: 10px;
}

.line{
  border: 1px solid #EB5547;
  width:100%;
}

.stripePayButton {
  background-color:#db3832;
  color:white;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
  border: 2px solid #db3832;
}

.atair-dealer {
  color:#db3832;
}

.stripeCardErrors{
  margin-left:20px;
}

.stripePayButton:hover {
  background-color:#bf2f2a;
}

.stripeCardElement {
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
  border: 2px solid #db3832;
}

.logo {
}

.row {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
}

.col-d {
	  display: flex;

	  -webkit-justify-content: center;
	    align-content: center;
  justify-content: center;

}

.col{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

section {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; 
  background-color: white;
  margin-right: 0;
}

.atair-big {
  font-size: 24px;
  font-weight: bold;
}

.red-borderX {
  border-style: solid; 
  border-color: red;
}

.yellow-bordeX {
  border-style: solid; 
  border-color: yellow;
}

.blue-borderX {
  border-style: solid; 
  border-color: blue;
}
.green-borderX {
  border-style: solid; 
  border-color: green;
}

.darksec {
    background-color: #333;
}

.canopy_logo_mini_db {
  width: 100px;
}



.glow {
  color: #db3832;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}

.fa-atair-dashboard-pill {
  position: absolute;
  top: -8px;
  right: -8px;
  color:#fff;
  box-shadow: 0px 0px 10px 3px #db3832, inset 0px 0px 10px 3px #f25650;
  background: black;
}

.fa-atair-notification-button {
  position: relative;
  display: inline-block;
}

.fa-atair-dashboard {
  font-size: 28px;
  color: #db3832;
  margin-right: 3px;
  margin-left: 3px;
}

.oSketch {
  margin-top: 20px;
  margin-bottom: 20px;
}

.fa-atair-orderform {
  font-size: 22px;
  color: black;
  margin-right: 10px;
  margin-left: 10px;
}

.orders_list_table_tr {
  text-align: center; 
  vertical-align: middle;
  margin-left:auto;
  margin-right:auto;
}

.dealers_list_table_tr {
  text-align: center; 
  vertical-align: middle;
}

.dealers_list_table_td {
  padding: 15px;
  borderX:1px solid yellow;
}

.tangotech {
  color:#ec5628;
}

.tangotech:hover {
  color:#ff5d2b;
}

h1 {
  font-size: 1.8em;  
}

h2 {
  font-size: 1.2em;  
}

h3 {
  font-size: .8em;  
}

.portfoliologo {
  width: 80%;
  margin: 15px;
}

.fitbitlogo {
  max-width: 200px;
  width: 60%;
  margin: 35px;
}

.darksec {
  color:white;
}

.heroMessage {
  font-family: "Verdana"; 
  font-size: 1.8em;
}

.heroMessage2 {
  font-family: "Verdana"; 
  font-size: 1.4em;
}

.colorHeader {
  font-family: "Verdana"; 
  font-size: 1.2em;  
}

.ty {
  font-family: "Verdana"; 
  font-size: 40pt;
  color : #c70d0d;
}

.fail {
  font-family: "Verdana"; 
  font-size: 40pt;
  color : #eb5528;
}

h4 {
  font-family: "Verdana"; 
  font-size: 14pt;
}

.connect-button img {
  width: 380px;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .connect-button img {
    width: 100%;
  }
}

#tampon {
  height: 8vw;
  max-height: 100px;
}

.parallax {
  /* The image used */
  background-image: url("assets/images/hi-7-web-1600x900.jpg");

  /* Set a specific height */
  height: 25vw;
  max-height: 150px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

.tangotech {
  color:#ec5628;
}

.tangotech:hover {
  color:#ff5d2b;
}

.oOrderDate {
  font-size: 20pt;
}

.rushPill {
   font-size: 14pt;
   color:#db3832;
   background-color: black;
   border:2px solid #db3832;
   -webkit-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}

#topProductLogo {
  width: 40vw;
  max-width: 300px;
  min-width: 150px;
}

@media only screen and (max-width: 768px) {
  #topProductLogo {
    width: 60vw;
  }
  #tampon {
    height: 20vw;
    max-height: 100px;
  }
}

.activeRush {
  border:2px solid #fff;
  background-color: black;
  color:#fff;
  box-shadow: 0px 0px 10px 3px #db3832, inset 0px 0px 10px 3px #f25650;
}

.gearPill {
   font-size: 14pt;
   color:white;
   background-color:#eb983e;
   border:5px solid black;
}

.activeGear {
  border:5px solid #eb983e;
  background-color: black;
  color:#eb983e;  
}

.packPill {
   font-size: 14pt;
   color:white;
   background-color:#db3832;
   border:5px solid black;
}

.activePack {
  border:5px solid #db3832;
  background-color: black;
  color:#db3832;  
}

.roomPill {
   font-size: 14pt;
   color:white;
   background-color:#db3832;
   border:5px solid black;
}

.activeRoom {
  border:5px solid #db3832;
  background-color: black;
  color:#db3832;  
}

.dietaryPill {
   font-size: 14pt;
   color:white;
   background-color:#db3832;
   border:5px solid black;
}

.activeDietary {
  border:5px solid #db3832;
  background-color: black;
  color:#db3832;  
}

.doctorPill {
   font-size: 14pt;
   color:white;
   background-color:#439bf7;
   border:5px solid black;
}

.activeDoctor {
  border:5px solid #439bf7;
  background-color: black;
  color:#439bf7;  
}

.tshirtPill {
   font-size: 14pt;
   color:white;
   background-color:#db3832;
   border:5px solid black;
}

.men {
  background-color:#45b1ff;
}

.women {
  background-color:#f7399b;
}

.activeTShirtMen {
  border:5px solid #45b1ff;
  background-color: black;
  color:#45b1ff;    
}

.activeTShirtWomen {
  border:5px solid #f7399b;
  background-color: black;
  color:#f7399b;    
}

.action-tangocart {
  background-color:#db3832;
  border: 1px solid #db3832;
  font-weight: bold; 
  font-family: "Verdana"; 
  text-transform: uppercase;
  border-radius: 10px;
  color:white;
  margin: 8px;
}

#spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid white;
  border-radius: 50%;
  border-top: 16px solid #c70d0d;
      box-shadow: 0px 0px 10px 3px #db3832, inset 0px 0px 10px 3px #f25650;

  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}