@media print {
  .table-responsive {
    display: inline;
    width: 100%;
  }
}


.mycmbody {
  background-color: #fff;
}

.mlogoClass {
	max-width: 70%;
}

/*.virtualImgDiv { 
 *    position: relative; 
 *       width: 100%; 
 *       }
 *       .virtualImgDivH2 { 
 *          position: absolute; 
 *             top: 200px; 
 *                left: 0; 
 *                   width: 100%; 
 *                   }*/


.itemNumVirtualImgDiv {
  display: inline-block;
  margin-top: 5px;
  position: relative;  
  min-width: 80px;
}

.itemNumVirtualImgDiv img {
  display: block;
  max-width:100%;
}

.itemNumVirtualImgDiv .overlay {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.25);
  color:white;  
}

.itemNumVirtualImgDivH2 {
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.virtualImgDiv {
  display: inline-block;
  margin-top: 5px;
  position: relative;  
}

.virtualImgDiv img {
  display: block;
  max-width:100%;
}

.virtualImgDiv .overlay {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.25);
  color:white;  
}

.virtualImgDivH2 {
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}


.file {
  visibility: hidden;
  position: absolute;
}

.virtualItemImgClass {
  max-height: 80px;
  max-width: 80px;
}

.img-thumbnail {
  max-height: 150px; 
  max-width: 150px;
}

.mympleasewait {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/evtassets/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
 *    the scrollbar off with overflow:hidden */
body.loading .mympleasewait {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
 *    modal element will be visible */
body.loading .mympleasewait {
    display: block;
}

html {
   padding: env(safe-area-inset);
}
/*-- Prevent Horizontal Scrolling & Font Style --*/
html, body {
   overflow-x: hidden;
   font-family: 'Lato', sans-serif;
   /*color: rgb(113, 71, 29);*/
}

.navbar-custom { 
  /* background-color: lightgreen; */ 
} 
/* Modify brand and text color */ 
.navbar-custom .navbar-brand, .navbar-custom .nav-link, .navbar-custom .navbar-text { 
   color: #000; 
}

.testNode {
	color: #212529;
}

.nowrap {
   white-space:nowrap;
}

td.dt-nowrap { 
   white-space: nowrap;
}



.createAccount {
   background-color: #fff;
}

.jumbotron {
   background-color: #fff;
}

.eventHome a {
   color: #212529;
   /*color: rgb(113, 71, 29);*/
}

/*h3 {
 *    color: rgb(113, 71, 29);
 *    }*/

.alert-heading {
   color: #000;
}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: yellow;
  padding: 50px;
  font-size: 20px;
}

/*============= FEATURES SECTION =============*/

.btn-sm {
   border-width: medium;
   border-radius: 0;
   padding: .5rem 1.1rem;
   text-transform: uppercase;
   font-size: .9rem;
   margin: 1rem;
}
/*.btn-nuno {
 *    background-color: #1EBBA3;
 *       color: white;
 *       }
 *       .btn-nuno:hover {
 *          background-color: #189582;
 *             color: white;
 *             }*/
h3.heading {
   text-transform: uppercase;
   font-weight: 700;
   font-size: 1.9rem;
   text-align: center;
   margin-bottom: 1.9rem;
}
.heading-underline {
   width: 3rem;
   height: .2rem;
   /*background-color: #1EBBA3;*/
   margin: 0 auto 2rem;
}
.feature span {
   /*color: #1EBBA3;*/
   margin-bottom: .6rem;
}
.feature h3 {
   text-transform: uppercase;
   font-size: 1.3rem;
   padding-bottom: .4rem;
}

/*===== FIXED BACKGROUND IMG DARK =====*/


/*--- iOS Fixed Background Image --*/
.fixed {
   position: relative;
   width: 100%;
}
.fixed-wrap {
   clip: rect(0, auto, auto, 0);
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   z-index: -9999;
}
.fixed-dark {
   background-image: url('../img/fixed/apple.jpg');
   position: fixed;
   height: 100%;
   width: 100%;
   background-size: cover;
   background-position: center center;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   will-change: transform;
   z-index: -1;
   top: 0;
   left: 0;
   display: table;
}
.dark {
   background-color: rgba(0, 0, 0, .7);
   padding: 7rem 0;
   z-index: 1000;
}


/*============ BOOTSTRAP BREAK POINTS: =============*/

/*Extra small (xs) devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/

@media (max-width: 576px) {


   .regPayByCheck {
      min-height: 300px;
   }

   .mlogoClass {
    max-height: 200px;
    max-width:  200px;
   } 

   .img-thumbnail {
    max-height: 80px; 
    max-width: 80px;  
  }     

  .virtualItemImgClass {
    max-height: 80px;
  }  

}

/*Small (sm) devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {


   .regPayByCheck {
      min-height: 300px;
   }

}

/*Medium (md) devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .regPayNotReady {
      min-height: 300px;
   }

 .regPayByCheck {
      
   }    

}

/*Large (lg) devices (desktops, 992px and up)*/
@media (min-width: 992px) {
   .regPayNotReady {
      min-height: 280px;
   }

   .regPayByCheck {
      min-height: 280px;
   }

   .regPayDelReg {
      min-height: 280px;
   } 

   .regPayDelNormalReg {
      min-height: 200px;
   }


}

/*Extra (xl) large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

   .regPayNotReady {
      min-height: 230px;
   }

   .regPayByCheck {
      min-height: 230px;
   }

   .regPayDelReg {
      min-height: 230px;
   }      

   .regPayDelNormalReg {
      min-height: 180px;
   }

}