@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	.leanModal {
		height:577px !important;
		width: 1024px !important;
		top: 0px !important;
		margin-left:0px !important;
		left:0px !important;
	}
	
	.leanModal .modalHeader {
		width:98.1% !important;
	}
	
	.modalInner {
		height:506px !important;
	}
	
	.ppdq1-Q {
		padding:15px !important;
		width:237px !important;
		height:44px !important; 
	}
	
	.ppdql-1 {
		width:381px !important;
		padding:10px !important;
	}
	
	.ppDA-Row {
		margin-top:10px !important;
	}
	
	.ppBlock h3 {
		width:98% !important;
	}
	
	.checkDetailWarning {
		width:96% !important;
	}
	
	#bookingTotal h3 {
		width:96% !important;
	}
}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.leanModal {
		height:1024px !important;
		width: 768px !important;
		top: 0px !important;
		margin-left:0px !important;
		left:0px !important;
	}
	
	.leanModal .modalHeader {
		width:98% !important;
	}
	
	.modalInner {
		height:800px !important;
	}
	
	#checkoutModal .modalFooter {
		height:154px !important;
	}
	
	.ppdq1-Q {
		padding:15px !important;
		width:173px !important;
		height:60px !important;
	}
	
	.ppdql-1 {
		width:252px !important;
		padding:10px !important;
	}
	
	.ppdq2-Q {
		padding:15px !important;
		width:173px !important;
		height:60px !important;
	}
	
	.ppdq2-1 {
		width:252px !important;
		padding:10px !important;
	}
	
	.ppDA-Row {
		margin-top:10px !important;
	}
	
	.ppBlock h3 {
		width:97.3% !important;
	}
	
	.checkDetailWarning {
		width:96% !important;
	}
	
	#bookingTotal h3 {
		width:96% !important;
	}
}


/* Special*/
a.messageModalBtn {
  display:none;
}

#modalmessageWindowBK {
  width:100%;
  height:100%;
  float:left;
  background-color:#00499C;
  z-index: 11999 !important;
  position: absolute;
  top:70px;
  left:0px;
  display: none;
}

#modalmessageWindow {
  z-index: 12000 !important;
  position: absolute;
  top: 150px;
  left: 100px;
  width: 550px;
  background-color: #ffffff;
  display: none;
  height: 400px;
}

#modalmessageWindow h2.mmwTitle {
  float: left;
  width: 96.4%;
  text-align: center;
  font-weight: bold;
  background-color: #F00;
  color: #FFF;
  margin: 0px;
  padding: 10px;
  font-size: 22px;
}

#modalmessageWindow p {
  float:left;
  width:96.4%;
  margin:10px;
  font-size:16px;
}

#modalmessageWindow .currentBasketReadout {
  float:left;
  width:44%;
  padding:10px;
  margin:10px;
  margin-right:0px;
  background-color:#00499C;
  color:#ffffff;
}

#modalmessageWindow .currentBasketReadout h2 {
  border-bottom: 1px solid #fff;
}

#modalmessageWindow .currentBasketReadout h2, #modalmessageWindow .newBasketReadout h2 {
  float: left;
  width: 100%;
  margin: -10px;
  padding: 10px;
  text-align: center;
}

#modalmessageWindow .newBasketReadout h2 {
  border-bottom: 1px solid #00499C;
}

#modalmessageWindow .currentBasketReadout h3, #modalmessageWindow .newBasketReadout h3 {
  float:left;
  width:100%;
  margin:0px;
  margin-top:25px;
}

#modalmessageWindow .currentBasketReadout h4, #modalmessageWindow .newBasketReadout h4 {
  float:left;
  width:100%;
  font-size:14px;
  margin:0px;
}

#modalmessageWindow .newBasketReadout {
  float:right;
  width:44%;
  padding:10px;
  margin:10px;
  margin-left:0px;
  background-color:#FFDC00;
  color:#00499C;
}

/* Structure */
.eventRow {
  float:left;
  width:100%;
}

.eventBlock {
  float:left;
  width:60%;
}

.eventMargin {
  float:right;
  width:34%;
  padding:0px 10px 0px 8px;
}

.eventHeader {
  float:left;
  width:100%;
  padding:10px;
  padding-left:5px;
}

.informationContainer {
  float: left;
  width:100%;
  padding:10px;
  padding-left:5px;
}

.locationContainer {
  float: left;
  width:100%;
  padding:10px;
  padding-left:5px;
}

.organiserContainer {
  float: left;
  width:100%;
  padding:10px;
  padding-left:5px;
}

.organiserContainer .organiserItem {
  float:left;
  width:50%;
}

.costContainer {
  float:left;
  width:100%;
}

.placesContainer {
  float:left;
  width:100%;
}

.bookContainer {
  float:left;
  width:100%;
}

.eventType {
  float:left;
  width:100%;
}

table.table {
  float:left;
  width:100%;
}

a.buttonBO {
  padding:5px;
}

.selectedMatrixPrices {
  display:none;
}

ul.selectedMatrixInfo {
  display:none;
}

.bookingGroup1 {
  float:left;
  width:100%;
  display:none;
  margin-top:10px;
  color: #FFFFFF;
}

.bookingGroup2 {
  float:left;
  width:100%;
  display:none;
  margin-top:10px;
}

/* Styling */
.eventRow {
  margin-top:10px;
  margin-bottom:10px;
  background-color:#00499c;
}

.eventHeader {
  background-color:#ffdc00;
  color: #00499c;
}

.eventMargin {
  background-color:#00499c;
  color:#ffffff;
}

.informationContainer {
  background-color:#F5F5F5;
}

.locationContainer {
  background-color:#F2F2F2;
}

.organiserContainer {
  background-color: #EBEBEB;
}

.placesContainer {
  border-bottom:1px solid #ffffff;
  padding-bottom:5px;
}

.costContainer {
  border-bottom:1px solid #ffffff;
  padding-bottom:5px;
}

.eventType {
  background-color:#ffffff;
}

.eventType p {
  color:#00499c;
  font-weight:bold;
  text-align:center;
  font-size:14px;
}

ul.selectedMatrix {
  margin:0px;
  padding:0px;
}

ul.selectedMatrix li {
  list-style:none;
  text-align:right;
}

a.bookNow {
  background-color:#ffdc00;
  color:#00499c;
  margin:10px 0px;
  float:left;
  width:95%;
  text-align:center;
  font-weight:bold;
}

a.buttonLg {
  background-color:#ffdc00;
  color:#00499c;
  margin:10px 0px;
  float:left;
  width:95%;
  text-align:center;
  font-weight:bold;
  cursor:pointer;
}


/* Text Format */
.eventHeader h2, .informationContainer h3, .locationContainer h3 {
  margin:0px;
}

.eventHeader h4 {
  margin:0px;
  margin-top:5px;
}

.organiserItem h4, .organiserItem p {
  margin:0px;
}

/* Hover Basket - Switch */
@media(min-width:1290px) {
  #iPadCheckoutText {
	display:none;
  }
  #iPadClearBasket {
	display:none;
  }
  
  #normalCheckoutText {
	display:block;
  }

  /* Hover Basket - Structure*/
  #bookingBasket {
    float:right;
    position:fixed;
    top:30px;
    right:50px;
    background-color:#00499c;
    z-index: 1;
    width:200px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.75);
  }

  #bookingBasket .bbHeader {
    background-color:#ffffff;
    float:left;
    width: 90%;
    margin-left: 10px;
    margin-right: 10px;
  }

  #bookingBasket .bbHeader h3 {
    color:#00499c;
    font-weight:bold;
    text-align:center;
    font-size:14px;
  }

  #bookingBasket .bbBody {
    float:left;
    width: 90%;
    margin-left: 10px;
    margin-right: 10px;
  }

  #bookingBasket .bbBody p.subtotalCost {
    color:#ffffff;
    float:left;
    width:100%;
    font-size:12px;
    font-weight:bold;
    text-align:right;
    margin:0px;
  }

  #bookingBasket .bbBody p.bookingCost {
    color:#ffffff;
    float:left;
    width:100%;
    font-size:12px;
    font-weight:bold;
    text-align:right;
    margin:0px;
  }

  #bookingBasket .bbBody p.totalCost {
    color:#ffffff;
    float:left;
    width:100%;
    font-size:14px;
    font-weight:bold;
    text-align:right;
    margin:0px;
  }

  #bookingBasket .bbBody ul {
    float:left;
    width:100%;
    list-style: none;
    padding:0px;
    margin:0px;
    color:#ffffff;
  }

  #bookingBasket .bbBody ul li {
    float:left;
    width:100%;
    list-style: none;
    border-bottom:1px solid #ffffff;
    padding-bottom:10px;
    padding-top:10px;
  }

  #bookingBasket .bbBody ul li a {
    float:left;
    width:100%;
    color:#ffffff;
  }

  #bookingBasket .bbBody ul li .ebiDelete {
    float:left;
    width:5%;
  }

  #bookingBasket .bbBody ul li .ebiDelete a {
    background-color: #FFDC00;
    color: #00499C;
    text-align: center;
    padding: 10px;
    padding-left:5px;
    padding-right:5px;
    font-weight:bold;
    text-decoration:none;
  }

  #bookingBasket .bbBody ul li .ebiDelete a:hover {
    color: #00499C;
    background-color:#ffffff;
  }

  #bookingBasket .bbBody ul li .ebiInner {
    float:right;
    width:86%;
  }

  #bookingBasket .bbBody ul li.noAdded {
    text-align:center;
  }

  #bookingBasket .bbBody ul li .amount {
    float:left;
    width:49%;
  }

  #bookingBasket .bbBody ul li .cost {
    float:left;
    width:49%;
    font-weight:bold;
    text-align:right;
  }

  #bookingBasket .bbFooter {
    float:left;
    width: 90%;
    margin-left: 10px;
    margin-right: 10px;
  }

  #bookingBasket .bbFooter a {
    background-color:#ffdc00;
    color:#00499c;
    margin:10px 0px;
    float:left;
    width:95%;
    text-align:center;
    font-weight:bold;
  }
}

@media(max-width:1289px) {

  body {
    margin-top:35px;
  }

  /* Hover Basket - Structure*/
  #bookingBasket {
    float:right;
    position:fixed;
    top:0px;
    left:0px;
    background-color:#00499c;
    width:100%;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.75);
  }

  #bookingBasket .bbHeader {
    background-color:#ffffff;
    float:left;
    width: 120px;
  }

  #bookingBasket .bbHeader h3 {
    color:#00499c;
    font-weight:bold;
    text-align:center;
    font-size:14px;
    margin:17px 0px;
  }

  a.smallWindowBtn {
    display:block !important;
    width:200px;
    position:relative;
    color:#ffffff;
    font-weight:bold;
    font-size: 14px;
    margin-top:16px;
  }

  #bookingBasket .bbBody {
    float:left;
    margin-left: 10px;
    margin-right: 10px;
  }

  #bookingBasket .bbBody ul {
    display:none;
  }

  #bookingBasket .bbFooter {
    float:right;
    width: 17%;
  }

  #bookingBasket .bbFooter a {
    background-color:#ffdc00;
    color:#00499c;
    margin:0px;
    padding:15.5px 0px;
    float:right;
    width:100%;
    text-align:center;
    font-weight:bold;
  }

  .bbHeader {
    display:none !important;
  }

  .bbBody {
    display:none !important;
  }

  .bbFooter {
    width: 100% !important; 
  }
  
  #iPadCheckoutText {
	display:block;
  }
  
  #iPadClearBasket {
	display:block;
  }
  
  #normalCheckoutText {
	display:none;
  }
  
}

/* Checkout */
.cmEventRow {
  float:left;
  width:94.5%;
  margin:10px;
  padding:10px;
  background-color:#F5F5F5;
}

.cmEventRow h3 {
  margin:0px;
  float:left;
  width:100%;
  background-color:#00499C;
  padding:10px;
  color:#ffffff;
  margin:-9px;
  margin-bottom:10px;
}

.cmEventRow .cmerLeft {
  float:left;
  width:31%;
  padding:10px;
  padding-left:0px;
}

.cmEventRow .cmerMiddle {
  float:left;
  width:30%;
  padding:10px;
}

.cmEventRow .cmerRight {
  float:left;
  width:33%;
  padding:10px;
  padding-right:0px;
}

.cmEventRow .cmerFooter {
  float:left;
  width:100%;
}

.cmEventRow .cmerLeft h4, .cmEventRow .cmerMiddle h4, .cmEventRow .cmerRight h4 {
  border-bottom:1px solid #4d4d4d;
  margin:0px;
  padding-bottom:10px;
}

table.cotmTable {
  float:left;
  width:100%;
}

.cotmTable tr {
    float:left;
    width:100%;
    margin-bottom:15px;
}

tr.entrantDetailsRow {
  border-bottom:1px solid #DBDBDB;
  float:left;
  width:100%;
}

.cotmTable tr {
  margin-top:5px;
  margin-bottom:10px;
  padding-bottom:15px;
}

.cotmTable tr.header {
  margin:0px;
  padding:0px;
  background-color:#00499C;
  color:#ffffff;
}

.cotmTable tr th.spaced {
  width:2%;
}

tr.entrantDetailsRow td.entrantNumber {
  padding:15px;
  width:2%;
  top: 28px;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

tr.entrantDetailsRow td, .cotmTable tr th {
  float:left;
  width:46%;
}

tr.entrantDetailsRow td strong {
  float:left;
  width:75px;
}

tr.entrantDetailsRow td input {
  float:left;
  margin-left:10px;
  margin-right:20px;
  width:64%;
}

tr.entrantDetailsRow td .entrycostText {
  margin-left:10px;
}

tr.entrantDetailsRow td.horseDet strong {
  width:50px;
}

tr.entrantDetailsRow td.horseDet input {
  width:70%;
}

tr.entrantDetailsRow .entryInfo {
  float:left;
  width:100%;
  margin-bottom:10px;
}

.horseDetTitle {
  font-weight:bold;
  float:left;
  width:100%;
  margin-bottom:5px;
  border-bottom: 1px solid #4d4d4d;
}

#checkoutInner .eventBlock, #checkoutStage2 .ppBlock {
  float:left;
  width:96%;
  margin:15px;
  background-color:#E8E8E8;
}

#checkoutInner .eventBlock h3, #checkoutStage2 .ppBlock h3 {
  float:left;
  width:97%;
  padding:10px;
  margin:0px;
  background-color:#00499C;
  color:#ffffff;
}

#checkoutInner .eventBlock .bookingDetail, #checkoutStage2 .ppBlock div .checkoutDetail  {
  float:left;
  width:30%;
  padding:10px;
  background-color:#00499C;
  color:#ffffff;
  margin:15px;
}

#checkoutInner .eventBlock .bookingDetail h3, #checkoutStage2 .ppBlock div .checkoutDetail h3 {
  padding:0px;
  margin-bottom:25px;
}

#checkoutInner .eventBlock .bookingDetail p, #checkoutStage2 .ppBlock div .checkoutDetail p {
  float:left;
  width:100%;
  margin:0px;
  margin-bottom: 10px;
}

#checkoutInner .eventBlock .bookingDetail p .numberBooked {
  font-size:16px;
  font-weight:bold;
}

#checkoutInner .eventBlock .bookingRequirements, #checkoutStage2 .ppBlock div .checkoutRequirements {
  float:right;
  width:57%;
  padding:10px;
}

#checkoutInner .eventBlock .bookingRequirements ul {
  padding-left:15px;
}

#checkoutInner .eventBlock .bookingRequirements .informationWarning {
  float:left;
  width:95%;
  padding:10px;
  background-color:#FFDC00;
  color:#000000;
}

#checkoutInner .eventBlock .bookingRequirements .successInfo {
  background-color:#0AC700;
  color:#ffffff;
}

#checkoutInner .eventBlock .bookingRequirements .informationWarning p, #checkoutInner .eventBlock .bookingRequirements .successInfo p {
  margin:3px;
}

#checkoutInner .infoBlock {
  float:left;
  width:100%;
}

#checkoutInner a.comTBtn {
  float: right;
  margin: 10px;
  margin-top:0px;
  padding: 8px;
  font-weight: bold;
  background-color: #FFDC00;
  color: #00499C;
  cursor:pointer;
}

#checkoutInner .comtb {
  float: left;
  width: 97%;
  padding: 10px;
  height: 37px;
  margin-top: -13px;
}

#checkoutInner .comtb a.comeSaveBtn, #ppdqSave, form.ppda2Form .ppDA-Row #ppdq2Continue {
  float: right;
  margin: 10px;
  margin-top:0px;
  padding: 8px;
  font-weight: bold;
  background-color: #00499C;
  color: #ffffff;
  cursor:pointer;
}

#checkoutInner a.usrCopyBtn {
  float: left;
  width: 90%;
  font-weight: bold;
  padding: 4px;
  background-color: #00499C;
  color: #FFF;
  cursor: pointer;
  margin-top: 10px;
  text-align: center;
  font-size: 10px;
  margin-left: 0px;
}

p.small {
  margin:0px !important;
}

.questionRow {
  padding-top: 10px;
  float:left;
  width:100%;
}

.questionRow select {
  float: right;
  width: 66%;
  margin-right: 26px;
  margin-top: 8px;
  background-color:#ffffff;
}

.entrycostText select {
  float: right;
  width: 66%;
  margin-right: 26px;
  background-color:#ffffff;
}

.cmerClose {
  cursor:pointer;
}

#checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ1, #checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ2 {
  float:left;
  width:92%;
  padding:10px;
  background-color:#FFDC00;
}

#checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ1 p, #checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ2 p {
  text-align:center;
  font-weight:bold;
  font-size:14px;
  margin:0px;
  margin-bottom:10px;
}

#checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ1 a, #checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ2 a {
  width:181px;
  background-color:#00499C;
  color:#ffffff;
  padding:8.5px;
  text-align:center;
  cursor:pointer;
  font-weight:bold;
}

#checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ1 a:hover, #checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ2 a:hover {
  text-decoration:none;
  background-color:#ffffff;
  color:#00499C;
}

#checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ1 a#ppdq1-Y, #checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ2 a#ppdq2-Y {
    float:left;
    margin-left:-10px;
    margin-bottom:-10px;
}

#checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ1 a#ppdq1-N, #checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ2 a#ppdq2-N {
  float:right;
  margin-right:-10px;
  margin-bottom:-10px;
}

#checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ1 a.selectedPPDQ, #checkoutStage2 .ppBlock div .checkoutRequirements .ppDetailQ2 a.selectedPPDQ {
  background-color:#ffffff;
  color:#00499C;
}

#checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA1, #checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA2 {
  float:left;
  width:92%;
  padding:10px;
  background-color:#ffffff;
}

#checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA1 .ppDA-Row, #checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA2 .ppDA-Row {
  float:left;
  width:100%;
  padding-top:5px;
  padding-bottom:5px;
}

#checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA1 .ppDA-Row strong, #checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA2 .ppDA-Row strong {
  float:left;
  width:110px;
  margin-top:3px;
}

#checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA1 .ppDA-Row input, #checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA2 .ppDA-Row input {
  float:right;
  width:258px;
}

#checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA1 .ppDA-Container, #checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA2 .ppDA-Container {
  float:left;
  width:100%;
  margin-bottom:10px;
  border-bottom: 1px solid #DBDBDB;
}

#checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA1 .ppDA-Container h4, #checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA2 .ppDA-Container h4 {
  margin:0px;
  font-size:16px;
}

#checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA2 .ppDetailA2Select {
  border-bottom: 1px solid #4d4d4d;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA2 select.selectParentDropdown {
  float:left;
  width:71%;

}

#checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA1 p.needsData, #checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA2 p.needsData {
  float: left;
  width: 89.8%;
  padding: 20px;
  background-color: #FFDC00;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  text-align: center;
}

#checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA1 p.goodData, #checkoutStage2 .ppBlock div .checkoutRequirements #ppDetailA2 p.goodData {
  float: left;
  width: 89.8%;
  padding: 20px;
  background-color: #0AC700;
  color:#ffffff;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  text-align: center;
}

#ppdqSave, #ppdq2Continue {
  margin:0px;
  margin-top:6px;
}

.infoBlock p.warning {
  float: left;
  width: 94.3%;
  padding: 20px;
  background-color: #FFDC00;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  text-align: center;
}

#bookingTotal {
  background-color:#ffffff;
  margin: 10px;
  float: right !important; !important;
  width: 56% !important;
  margin-left: 0px;
}

#bookingTotal h3 {
  float:left !important;
  width:95.3% !important;
}

#bookingTotal .checkDetailWarning {
  float:left;
  width:95.4%;
  padding:10px;
  background-color:#FFDC00;
}

#bookingTotal .checkDetailWarning p {
  font-weight:bold;
  margin:0px;
  margin-top:10px;
  margin-bottom:10px;
}

#bookingTotal .crbt-Event, #bookingTotal .crbt-Total {
  float:left;
  width:95.4%;
  padding:10px;
}

#bookingTotal .crbt-Event h4, #bookingTotal .crbt-Total h4 {
  font-size:14px;
  font-weight:bold;
  float:left;
  width:100%;
  margin:0px;
}

#bookingTotal .crbt-Event p, #bookingTotal .crbt-Total p {
  float:left;
  width:100%;
  text-align:left;
  margin:0px;
  line-height:36px;
}

#bookingTotal .crbt-Event p .columnHighlight, #bookingTotal .crbt-Total p .columnHighlight, #bookingTotal .crbt-Total p.grandtotal .columnHighlight, #bookingTotal .crbt-Total p.subtotal .columnHighlight {
  float:right;
  width:100px;
  background-color:#ebebeb;
  text-align:right;
  padding-right:10px;
  margin-left:10px;
}

#bookingTotal .crbt-Event p.classTotal, #bookingTotal .crbt-Total p.subtotal, #bookingTotal .crbt-Total p.grandtotal {
  text-align:right;
  font-weight:bold;
  width:270px;
  background-color:#D7D7D7;
  float:right;
}

#payPalFormCollection {
  display:none;
}

a.modal_close, a.removeButton, a.removeEbi {
	cursor:pointer;
}

.entryTypeInfo {
  float:left;
  padding:10px;
  background-color:#FFDC00;
  color:#000000;
}

.view-dropdown {
    position: relative;
    display: inline-block;
    margin-left: 20px;
}

.dropdown-btn {
    background-color: #f1f1f1;
    border: none;
    color: black;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}

.dropdown-btn .arrow-down {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    margin-left: 10px;
}

.view-dropdown .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-top: 10px;
    min-width: 160px;
}

.view-dropdown .dropdown-content a {
    color: black;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
}

.view-dropdown .dropdown-content a:hover {
    background-color: #f1f1f1;
}

.view-dropdown:hover .dropdown-content {
    display: block;
}

.calendar-view.calendar-list-view .event {
    display: none !important;
}

.calendar-view .event-list-view {
    display: none !important;
}

.calendar-view .filter-items {
    padding: 20px;
    display: block;
    width: 100%;
    background: #ebf3f8;
    border-radius: .5rem;
}

.calendar-view .left-side {
    display: flex;
    gap: 20px;
}

.calendar-view .right-side .filters {
    position: relative;
}

.calendar-view .grid-icon , .calendar-view .list-icon {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.calendar-view .grid-icon, .calendar-view .list-icon {
    padding: 5px;
    color: #002169;
    border: 1px solid transparent;
    border-radius: .5rem;
}

.calendar-view .grid-icon.active, .calendar-view .list-icon.active {
    border: 1px solid #002169;
}

.calendar-view .filter-items h4, .calendar-view .filter-items label {
    color: #002169;
}


.sorting-options {
    background-color: white;
    color: #002169;
    display: flex;
    flex-direction: column;
    z-index: 1;
    padding: 5px 20px 5px 15px;
    border: 1px solid #002169;
    cursor: pointer;
    width: 185px;
    right: calc(100% + 20px);
    position: absolute;
    top: 0;
    height: 100%;
    justify-content: center;
    border-radius: .5rem;
}

.sorting-options .sorting-view {
    font-weight: 500;
    transition: all 400ms ease-in-out;
}

.sorting-options .arrow-down {
    position: absolute;
    right: 20px;
    top: 9px;
}

.sorting-options .sorting-views .sorting-view:hover {
    color: rgba(0, 33, 105, 0.7);
}


.sorting-views {
    display: none;
}

.sorting-view-selected {
    font-weight: bold;
    cursor: pointer;
}

.arrow-down i {
    transition: transform 0.3s ease;
}

.arrow-down.active i {
    transform: rotate(180deg);
}

.event-navigation .prev.inactive, .event-navigation .next.inactive {
    pointer-events: none;
}

.event-navigation .prev.inactive svg path, .event-navigation .next.inactive svg path {
    fill: rgba(0, 33, 105, 0.5);
}

.calendar-view.calendar-list-view .event.event-list-view {
    display: block;
}

.calendar-view .event .date {
    display: flex;
    align-items: center;
    gap: 10px;
}


/* Container for the calendar list */
.calendar-view.calendar-list-view .calendar-items {
    display: block;
}

.calendar-view.calendar-list-view .event.event-list-view {
    display: flex !important;
    flex-direction: row;
    min-height: unset;
    padding: 0px !important;
    background-color: #ffffff !important;
    color: #002169;
    align-items: stretch;
    padding-right: 20px !important;
    gap: 10px;
}

.event.event-list-view + .event.event-list-view {
    margin-top: 10px;
}

.calendar-view .event .content {
    margin-top: 25px;
}

.calendar-view.calendar-list-view .event.event-list-view .content {
    margin-top: 1rem;
}

.calendar-view .event .content .view-type {
    display: none;
}

.calendar-view .event .date {
    font-size: 36px !important;
}

.calendar-view .event .month-format {
    display: block;
    font-size: 36px;
    line-height: 35px;
}

.calendar-view.calendar-list-view .event.event-list-view .book-now svg {
    display: block;
    position: absolute;
    right: 8px;
    max-width: 20px;
    top: 50%;
    transform: translateY(-50%);
    fill: #002169;
}

.calendar-view.calendar-list-view .event.event-list-view .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
}


.calendar-view.calendar-list-view .event.event-list-view .day h3 {
    font-size: 20px;
}

.calendar-view.calendar-list-view .event.event-list-view .title-event h3 {
    font-size: 18px;
    margin-bottom: 0px;
}

.calendar-view.calendar-list-view .event.event-list-view .day-date {
    padding: 10px 20px;
    min-width: max-content;
    width: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    border-radius: .5rem;
}

.calendar-view.calendar-list-view .event.event-list-view .day-date .date {
    line-height: unset;
    font-size: 28px !important;
    display: flex;
    gap: 5px;
}

.calendar-view.calendar-list-view .event.event-list-view .day-date .month-format {
    display: inline;
    font-size: 28px !important;
    line-height: 45px;
}


.calendar-view.calendar-list-view .event.event-list-view .book-now {
    margin: auto 0;
    top: 0;
    position: relative;
    padding: 15px;
    border: 1px solid #002169;
    color: #002169;
    height: fit-content;
    width: 150px;
    border-radius: .5rem;
}

.calendar-view.calendar-list-view .event.event-list-view .content .type {
    display: none;
}

.calendar-view.calendar-list-view .event.event-list-view .content .view-type {
    display: inline;
}



@media screen and (max-width: 991px) {
    .calendar-view .title-events {
        align-items: flex-start !important;
        flex-direction: column;
        gap: 15px;
    }

    .sorting-options {
        right: calc(100% + -310px);
    }
}

@media screen and (max-width: 767px) {
    .calendar-view .event .month-format {
        display: block;
        font-size: 25px;
        line-height: 35px;
    }


    .calendar-view.calendar-list-view .event.event-list-view {
        flex-direction: column;
        padding-right: 0px !important;
    }


    .calendar-view.calendar-list-view .event.event-list-view .day-date {
        width: 100%;
    }

    .calendar-view.calendar-list-view .event.event-list-view .content {
        padding: 0 20px;
    }

    .calendar-view.calendar-list-view .event.event-list-view .book-now {
        margin-left: 20px;
        margin-bottom: 20px;
    }

}


@media screen and (max-width: 350px) {
    .calendar-view .title-events h2 {
        font-size: 30px !important;
    }
}