/* Base css */



/*.annual-quotes-winter {
  display: table !important;
  width: 100%;
  box-shadow: 0 0 15px #999;
}*/



/**************
* Single Trip *
***************/
/* Create three equal columns that floats next to each other */
.column-lloyds {
  float: left;
  /* width: 31%; */
  width: 32% !important;
  padding: 10px 20px;
  /*height: 300px;*/
  background-color: #ededed;
  /* margin-right: 20px; */
  margin-right: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #d3d3d3;
}

.column-lloyds h3 { text-align: center; font-weight: 600; margin-top: 15px;}

.column-lloyds p {line-height: 24px;}

/* Clear floats after the columns */
.row-lloyds:after {
  content: "";
  display: table;
  clear: both;
}

.program-text-lloyds {color:#4f81bd; text-align: center !important;}

.text-price-quote, .text-price-annual {font-weight: 600; text-align: center !important; font-size: 26px; color: #4f81bd; margin-bottom: 12px !important;}

.btn-select {background: #4f81bd; padding: 10px 15px; color: #fff; text-decoration: none !important; box-shadow: 0 0 5px rgb(0 0 0 / 50%);}
.btn-select:hover {background: #000; color:#fff;}

.btn_save_edit_table {background-color: #4f81bd;padding: 5px 10px;}

.box-title {float: left;width: 24%;padding: 10px 20px;background-color: #4f81bd;
}

/****************
* Annual Quotes *
*****************/
.annual-quotes-standard, .annual-quotes-luxury {
  display: table !important;
  width: 100%;
  box-shadow: 0 0 15px #999;
}

.lloyds_annual-winter{box-shadow: 0 0 15px #999;box-shadow: 0 0 5px rgb(0 0 0 / 50%);border:2px solid #4f81bd; background: #f6f6f6;}

.lloyds-col-quote, .respo-box {
  display: table-cell;
}

.program-annual-text {color: #f6f6f6; text-align: center !important;}
.days-text h5 {padding: 10px; margin-bottom: 0 !important;}

.box-title-lloyds-annual {width:20%; background-color: #4f81bd;}
.box-price-lloyds-annual {padding: 21px; background: #f6f6f6; text-align: center; width: 15%; border-top: 2px solid #4f81bd; border-right: 2px solid #4f81bd; display: table-cell;}

.box-title-winter-lloyds-annual {padding: 20px; width:20%; background-color: #4f81bd;}
/* .box-price-winter-loyds-annual {padding: 24px; background: #f6f6f6; text-align: center; width: 15%; border-top: 2px solid #4f81bd; border-bottom: : 2px solid #4f81bd;border-right: 2px solid #4f81bd; display: table-cell;} */
.box-price-winter-loyds-annual {padding: 24px; text-align: center; width: 15%; display: table-cell;}


#omtri-button {background: #386194; box-shadow: 0 0 10px rgb(49 86 137); border: none;}
#omtri-button:hover {background: #a3bcdc; color: #3a3a3a;}

/* Popup BEGIN */

.lloyds-container-popup {text-align: center;}


.omtri-popup, .omtri-popup-standard, .omtri-popup-luxury, .omtri-popup-standard-winter, .omtri-popup-luxury-winter {
  width: 900px;
  background: #fff;
  position: absolute;
  /* top:80%; */
  left: 50%;
  transform: translate(-50%, -50%) scale(0.1);
  text-align: center;
  padding: 20px;
  color: #333;
  visibility: hidden;}

/*
.omtri-popup-standard {  width: 500px;
  background: #fff;
  position: absolute;
  top:50%;
  left: 30%;
  transform: translate(-50%, -50%) scale(0.1);
  text-align: center;
  padding: 20px;
  color: #333;
  visibility: hidden;}
*/

.omtri-open-popup, .open-popup-winter {/*top:80%; left: 40%;*/ transform: translate(-50%, -50%) scale(1); visibility: visible; box-shadow: 0 0 10px #999;}
.omtri-popup-standard, .omtri-popup-standard-winter {top:60%;}
.omtri-popup-luxury, .omtri-popup-luxury-winter {top:65%;}

/* .open-popup, .open-popup-winter {top:50%; transform: translate(-50%, -50%) scale(1); visibility: visible; box-shadow: 0 0 10px #999;}

.open-popup-standard {top:50%;left: 60%;transform: translate(-50%, -50%) scale(1);visibility: visible;box-shadow: 0 0 10px #999;}

.open-popup-luxury {top:70%;left: 60%;transform: translate(-50%, -50%) scale(1);visibility: visible;box-shadow: 0 0 10px #999;} */


/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 600px) {.column-lloyds { width: 100% !important; margin-bottom: 20px; background-color: #ededed;} .program-text-lloyds {font-size: 30px !important;}/*.annual-quotes {display: block !important;} */.box-title-lloyds-annual {float: left; width:100%;} .respo-box{display: table; width:100%;} .box-price-annual{/*width: 50%;*/ display: table-cell;} .omtri-open-popup{width: 400px;} .omtri-popup-standard {top:42%;left:50%;width:400px;} .omtri-popup-luxury {top:55%;left: 50%;width:400px;} .omtri-popup-standard-winter {top:40%;left:50%;width:400px;} .omtri-popup-luxury-winter {top:45%;left:50%;width:400px}.program-annual-text {margin-top:20px;} #days-120 {border-bottom: 2px solid #4f81bd;}}
@media screen (min-width: 768px) {.column-lloyds { width: 30% !important; margin-bottom: 20px; background-color: #ededed;} .program-text-lloyds {font-size: 30px !important;}}