body {
    margin: 0;
    padding:0;
}
.swipe-panel-wrapper {
    background-color: #222;
    position: relative;
}
.swipe-panel img,
.swipe-panel .event-info {
    display: block;
    position: relative;
    /*max-width: 100%;*/
}
.swipe-panel .event-img {
    height: 200px;
    margin: 0 auto;
}
.swipe-panel .event-info {
    background: #444;
    background: linear-gradient(to bottom, #555, #333);
    color: #fff;
    font-size: 0.6em;
    font-family:'Calibri';
    padding: 10px;
    line-height: 1.1em;
}
.swipe-panel .event-info strong {
    font-size: 1em;
    font-family:'Calibri';
    display: block;
    margin-bottom: 7px;
}
.swipe-action-response {
    background-color: #fff;
    overflow: hidden;
}
.swipe-action-response div {
    border-radius: 10px;
    color: #333;
    font-size: 0.6em;
    font-family:'Calibri';
    line-height: 1em;
    margin: 10px;
    padding: 15px;
}
.swipe-action-response .icon-tick {
    background: #d0ffda url("icon-tick.png") no-repeat 10px center;
    border: 2px solid #00a71a;
}
.swipe-action-response .icon-cross {
    background: #ffcec9 url("icon-cross.png") no-repeat 10px center;
    border: 2px solid #df0f01;
}
.events-queue img {display: none;}


/*@media (min-width: 768px) {
}

@media (max-width: 767px) {
}*/


/*greg*/
.circleButton {
            border-radius: 50%; 
            font-size:6vh ; 
            width:20%;     
            height:20%;  
            font-weight:bold;  
            color:white;
            background-color:rgba(0, 0, 0, 0.4); 
        }
.circleButtonPay {
            border-radius: 50%; 
            font-size:4vh ; 
            width:20%;     
            height:20%;  
            font-weight:bold;  
            color:white;
            background-color:rgba(0, 0, 0, 0.4); 
        }
.circleButtonBig {
            border-radius: 50%; 
            font-size:4vh ; 
            width:25%;     
            height:25%;  
            font-weight:bold;  
            color:white;
            background-color:rgba(0, 0, 0, 0.4); 
        }
.circleButtonBigger {
            border-radius: 50%; 
            font-size:4vh ; 
            width:30%;     
            height:30%;  
            font-weight:bold;  
            color:white;
            background-color:rgba(0, 0, 0, 0.4); 
        }

.commonButton {
            /* style used for most of the buttons */
            /*CssClass="commonButton"*/ 
            border-style:solid; 
            border-color:black;
            border-radius: 3vh 3vh 3vh 3vh;
            font-size:8vh;
            width:80%;
            font-weight:bold; 
            color:white;
            background-color:rgba(0, 0, 0, 0.4); 
        }
.commonDiv {
            /* style used for most of the buttons */
            /*CssClass="commonButton"*/ 
            border-style:solid; 
            border-color:black;
            border-radius: 3vh 3vh 3vh 3vh;
            font-size:8vh;
            width:80%;
            font-weight:bold; 
            color:white;
            background-color:rgba(0, 0, 0, 0.4);  
            margin: 0 auto;
        }
.commonDivCreate {
    /* style used for most of the buttons */
    /*CssClass="commonButton"*/
    border-style: solid;
    border-color: black;
    border-radius: 3vh 3vh 3vh 3vh;
    font-size: 8vh;
    width: 80%;
    font-weight: bold;
    color: white;
    background-color: rgba(0, 0, 0, 0.4);
    margin: 0 auto;
}
.commonButtonAccRej {
            /* style used for most of the buttons */
            /*CssClass="commonButton"*/ 
            border-style:solid; 
            border-color:black;
            border-radius: 3vh 3vh 3vh 3vh;
            font-size:8vh;
            width:70%;
            font-weight:bold; 
            color:white;
            background-color:rgba(0, 0, 0, 0.4); 
        }
.commonButtonFeedback {
            /* style used for most of the buttons */
            /*CssClass="commonButton"*/ 
            border-style:solid; 
            border-color:black;
            border-radius: 3vh 3vh 3vh 3vh;
            font-size:8vh;
            width:70%;
            font-weight:bold; 
            color:white;
            background-color:rgba(0, 0, 0, 0.4); 
        }
.commonButtonTown {
            /* style used for most of the buttons */
            /*CssClass="commonButton"*/ 
            border-style:solid; 
            border-color:black;
            border-radius: 3vh 3vh 3vh 3vh;
            font-size:6vh;
            width:70%;
            font-weight:bold; 
            color:white;
            background-color:rgba(0, 0, 0, 0.4); 
        }
.placeholder {
    text-align: center;
}

#yourId {
        width: 200px;
        height: 150px;
        position:relative; /* or fixed or absolute */
        border-color:black;
        }
/*#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}
#loading-image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}*/