@charset "UTF-8";
/* CSS Document */


 /* *** *** Custom Style Sheet for Elite Live Demo Portals  *** *** */
/* Colours */
 :root {
    --red:                      #dc3545;
    --red-hover:                #EA0606;

    --orange:                   #f07e26;
    --orange-hover:             #e36300;
    --orange-focus:             #d4650f;

    --yellow:                   #ffc107;

    --green:                    #28a745;
    --green-hover:              #218838;
    
    --blue:                     #007bff;
    --blue-hover:               #0069d9;

    --indigo:                   #6610f2;
    --purple:                   #6f42c1;
    --pink:                     #e83e8c;
    --teal:                     #20c997;
    --cyan:                     #17a2b8;

    --black:                    #000000;
    --black-90:                 #232323;
    --black-80:                 #3a3a3a;
    --black-70:                 #494949;
    --black-60:                 #606060;
    --black-30:                 #e6e6e6;
    --black-20:                 #d2d2d2;
    --black-10:                 #f4f4f4;
    --white:                    #ffffff;

    --grey:                     #6c757d;
    --grey-dark:                #343a40;

    --primary:                  #007bff;
    --secondary:                #6c757d;
    --success:                  #28a745;
    --info:                     #17a2b8;
    --warning:                  #ffc107;
    --danger:                   #dc3545;
    --light:                    #f8f9fa;
    --dark:                     #343a40;

--stone-50:  #fafaf9;
--stone-100:  #f5f5f4;
--stone-200:  #e7e5e4;
--stone-300:  #d6d3d1;
--stone-400:  #a8a29e;
--stone-500:  #78716c;
--stone-600:  #57534e;
--stone-700:  #44403c;
--stone-800:  #292524;
--stone-900:  #1c1917;
--red-50:  #fef2f2;
--red-100:  #fee2e2;
--red-200:  #fecaca;
--red-300:  #fca5a5;
--red-400:  #f87171;
--red-500:  #ef4444;
--red-600:  #dc2626;
--red-700:  #b91c1c;
--red-800:  #991b1b;
--red-900:  #7f1d1d;
--orange-50:  #fff7ed;
--orange-100:  #ffedd5;
--orange-200:  #fed7aa;
--orange-300:  #fdba74;
--orange-400:  #fb923c;
--orange-500:  #f97316;
--orange-600:  #ea580c;
--orange-700:  #c2410c;
--orange-800:  #9a3412;
--orange-900:  #7c2d12;
--amber-50:  #fffbeb;
--amber-100:  #fef3c7;
--amber-200:  #fde68a;
--amber-300:  #fcd34d;
--amber-400:  #fbbf24;
--amber-500:  #f59e0b;
--amber-600:  #d97706;
--amber-700:  #b45309;
--amber-800:  #92400e;
--amber-900:  #78350f;
--yellow-50:  #fefce8;
--yellow-100:  #fef9c3;
--yellow-200:  #fef08a;
--yellow-300:  #fde047;
--yellow-400:  #facc15;
--yellow-500:  #eab308;
--yellow-600:  #ca8a04;
--yellow-700:  #a16207;
--yellow-800:  #854d0e;
--yellow-900:  #713f12;
--lime-50:  #f7fee7;
--lime-100:  #ecfccb;
--lime-200:  #d9f99d;
--lime-300:  #bef264;
--lime-400:  #a3e635;
--lime-500:  #84cc16;
--lime-600:  #65a30d;
--lime-700:  #4d7c0f;
--lime-800:  #3f6212;
--lime-900:  #365314;
--green-50:  #f0fdf4;
--green-100:  #dcfce7;
--green-200:  #bbf7d0;
--green-300:  #86efac;
--green-400:  #4ade80;
--green-500:  #22c55e;
--green-600:  #16a34a;
--green-700:  #15803d;
--green-800:  #166534;
--green-900:  #14532d;
--emerald-50:  #ecfdf5;
--emerald-100:  #d1fae5;
--emerald-200:  #a7f3d0;
--emerald-300:  #6ee7b7;
--emerald-400:  #34d399;
--emerald-500:  #10b981;
--emerald-600:  #059669;
--emerald-700:  #047857;
--emerald-800:  #065f46;
--emerald-900:  #064e3b;
--teal-50:  #f0fdfa;
--teal-100:  #ccfbf1;
--teal-200:  #99f6e4;
--teal-300:  #5eead4;
--teal-400:  #2dd4bf;
--teal-500:  #14b8a6;
--teal-600:  #0d9488;
--teal-700:  #0f766e;
--teal-800:  #115e59;
--teal-900:  #134e4a;
--cyan-50:  #ecfeff;
--cyan-100:  #cffafe;
--cyan-200:  #a5f3fc;
--cyan-300:  #67e8f9;
--cyan-400:  #22d3ee;
--cyan-500:  #06b6d4;
--cyan-600:  #0891b2;
--cyan-700:  #0e7490;
--cyan-800:  #155e75;
--cyan-900:  #164e63;
--sky-50:  #f0f9ff;
--sky-100:  #e0f2fe;
--sky-200:  #bae6fd;
--sky-300:  #7dd3fc;
--sky-400:  #38bdf8;
--sky-500:  #0ea5e9;
--sky-600:  #0284c7;
--sky-700:  #0369a1;
--sky-800:  #075985;
--sky-900:  #0c4a6e;
--blue-50:  #eff6ff;
--blue-100:  #dbeafe;
--blue-200:  #bfdbfe;
--blue-300:  #93c5fd;
--blue-400:  #60a5fa;
--blue-500:  #3b82f6;
--blue-600:  #2563eb;
--blue-700:  #1d4ed8;
--blue-800:  #1e40af;
--blue-900:  #1e3a8a;
--indigo-50:  #eef2ff;
--indigo-100:  #e0e7ff;
--indigo-200:  #c7d2fe;
--indigo-300:  #a5b4fc;
--indigo-400:  #818cf8;
--indigo-500:  #6366f1;
--indigo-600:  #4f46e5;
--indigo-700:  #4338ca;
--indigo-800:  #3730a3;
--indigo-900:  #312e81;
--violet-50:  #f5f3ff;
--violet-100:  #ede9fe;
--violet-200:  #ddd6fe;
--violet-300:  #c4b5fd;
--violet-400:  #a78bfa;
--violet-500:  #8b5cf6;
--violet-600:  #7c3aed;
--violet-700:  #6d28d9;
--violet-800:  #5b21b6;
--violet-900:  #4c1d95;
--purple-50:  #faf5ff;
--purple-100:  #f3e8ff;
--purple-200:  #e9d5ff;
--purple-300:  #d8b4fe;
--purple-400:  #c084fc;
--purple-500:  #a855f7;
--purple-600:  #9333ea;
--purple-700:  #7e22ce;
--purple-800:  #6b21a8;
--purple-900:  #581c87;
--fuchsia-50:  #fdf4ff;
--fuchsia-100:  #fae8ff;
--fuchsia-200:  #f5d0fe;
--fuchsia-300:  #f0abfc;
--fuchsia-400:  #e879f9;
--fuchsia-500:  #d946ef;
--fuchsia-600:  #c026d3;
--fuchsia-700:  #a21caf;
--fuchsia-800:  #86198f;
--fuchsia-900:  #701a75;
--pink-50:  #fdf2f8;
--pink-100:  #fce7f3;
--pink-200:  #fbcfe8;
--pink-300:  #f9a8d4;
--pink-400:  #f472b6;
--pink-500:  #ec4899;
--pink-600:  #db2777;
--pink-700:  #be185d;
--pink-800:  #9d174d;
--pink-900:  #831843;
--rose-50:  #fff1f2;
--rose-100:  #ffe4e6;
--rose-200:  #fecdd3;
--rose-300:  #fda4af;
--rose-400:  #fb7185;
--rose-500:  #f43f5e;
--rose-600:  #e11d48;
--rose-700:  #be123c;
--rose-800:  #9f1239;
--rose-900:  #881337;




    /* New Variables */

    /* Colours */
    --text-white:               var(--white);
    --text-black:               var(--black);
    --text-focus:               var(--black-70);
    --text-red:                   var(--red);

    /* Buttons */
    --btn-sky:                     var(--sky-500);
    --btn-sky-hover:         var(--sky-900);
    --btn-sky-focus:         var(--sky-900);
    --btn-sky-text:            var(--text-white);

    --btn-rose:                     var(--rose-500);
    --btn-rose-hover:         var(--rose-900);
    --btn-rose-focus:         var(--rose-900);
    --btn-rose-text:            var(--text-white);

    --btn-fuchsia:                     var(--fuchsia-500);
    --btn-fuchsia-hover:         var(--fuchsia-900);
    --btn-fuchsia-focus:         var(--fuchsia-900);
    --btn-fuchsia-text:            var(--text-white);

    --btn-orange:                     var(--orange);
    --btn-orange-hover:         var(--orange-hover);
    --btn-orange-focus:         var(--orange-focus);
    --btn-orange-text:            var(--text-white);

    --btn-black:                     var(--black);
    --btn-black-hover:          var(--black-90);
    --btn-black-focus:          var(--black-70);
    --btn-black-text:           var(--text-white);

    --btn-blue:                 var(--blue);
    --btn-blue-hover:           var(--blue-hover);
    --btn-blue-focus:           var(--blue);
    --btn-blue-text:            var(--text-white);

    --btn-green:                var(--green);
    --btn-green-hover:          var(--green-hover);
    --btn-green-focus:          var(--green);
    --btn-green-text:           var(--text-white);

    --bg-grey: rgba(35, 35, 35, 0.35);
    --bg-grey-90: rgba(35, 35, 35, 0.2);
	--bg-grey-80: rgba(35, 35, 35, 0.15);
    --bg-grey-70: rgba(35, 35, 35, 0.1);


    --border:               #ebebeb;
    --border-form:          #cccccc;
    --border-form-darker:   #b3b3b3;

    /* Border Radius */
    --border-radius-sm: 5px;
    --border-radius-md: 25px;
    --border-radius-lg: 50px;
    --border-radius-50pc: 50%;
    --border-radius-100pc: 100%;

/* SET LIVE COLOUR SCHEME HERE */

    --principle-colour:             var(--rose-500);
    --principle-colour-hover:       var(--rose-900);

    --secondary-colour:             var(--fuchsia-500);
    --secondary-colour-hover:       var(--fuchsia-900);

    /* SELECTION BUTTONS */
    --btn-primary:                  var(--btn-rose);
    --btn-primary-hover:            var(--btn-rose-hover);

    /* EXPORT GROUP BUTTONS */
    --btn-secondary:                  var(--btn-fuchsia);
    --btn-secondary-hover:       var(--btn-fuchsia-hover);

 /* Solid or outline pill buttons */


}

body {
    background: url('https://ww2.e-s-p.com/demos/esp-club/assets/images/carousel/spa-background.jpg') no-repeat center center fixed; !important
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.container {
	/* 
	max-width: calc(100% - 10px);
	padding-left: 0px;
	padding-right: 0px;
	*/
}

.card-body.p-5{
padding:1rem !important;}

/* EL Home Panel */

/* Messages */
.message_usage_frame {
    height: 30px;
}

.message_usage_frame span {
    display: inline;
}


/* EL Frame */

.ah_page_frame {
    margin: auto;
    /* max-width: 900px;*/ 
	max-width: calc(95%);
}

.ah_segment {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #ffffff 20%, #efefef 100%);
    /*background-image: none;*/
	border-radius: var(--border-radius-sm);
	box-shadow: 1px 1px 4px 1px #00000026;
}

.ah_segment_title {
    text-decoration: none;
    border: 0;
}

.form_div_row {
    text-decoration: none;
}

/* EL Side Menu */
.cbp-spmenu-open {
}
.main_menu_btn {  
}


/* Export Group Link Buttons */
.tile_listbox_item {
    border-radius: var(--border-radius-lg);
    border: 0;
}

.tile_listbox_item a {
    background-color:   var(--btn-secondary);
    border-radius:      var(--border-radius-lg);
    border:             0;
	box-shadow:         0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
	color:              var(--text-white);
	padding-bottom:     20px;
    text-decoration:    none;
}

.tile_listbox_item a:hover {
    background-color:   var(--btn-secondary-hover);
    color:              var(--text-white);
    text-decoration:    none;
}

/* Group Buttons */

.ah_segment_frm_btn {
    background:         none;
    border:             2px solid;
    border-color:       var(--btn-secondary);
    border-radius:      var(--border-radius-md);
    box-shadow:         0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
	color:              var(--secondary-colour);
}

.ah_segment_frm_btn:hover {
    background-color:   var(--btn-secondary-hover);
    border:             2px solid;
    border-color:       var(--btn-secondary-hover);
    border-radius:      var(--border-radius-md);
    color:              var(--white);
	box-shadow:         none;
}

.ah_segment_frm_btn_club{
    background:         none;
    border:             2px solid;
    border-color:       var(--btn-primary);
    border-radius:      var(--border-radius-md);
    color:              var(--btn-primary);
   
}

.ah_segment_frm_btn_club:hover{
    background-color:   var(--btn-primary-hover);
    border:             2px solid;
    border-color:       var(--btn-primary-hover);
    border-radius:      var(--border-radius-md);
    color:              var(--white);
}


/* *** *** AVAILABILITY DISPLAYS *** *** */
/* Filters */
.wpd_droplist {
	font-size: unset; 
	font-family: unset;
}

/* EL Calendar */
.calendar_container {
}

.cal_month_frame{
    border-color:       var(--principle-colour);
    background-color:   var(--light);
    border-radius:      var(--border-radius-sm);
    box-shadow:         0 0 40px 0 rgba(0,0,0,.15);
	height:             300px;
	width:              280px;
}

.cal_box_weekday_names {
    border-color:       var(--principle-colour);
    color:              var(--principle-colour);
}

.cal_box_weekday {
    color:              var(--principle-colour);
    font-weight:        500;
    text-transform:     uppercase;
}


/* Calendar Dates Available */
.cal_box_dateslot a {
    background-color:   var(--principle-colour);
    border-radius:      100%;
	color:              var(--text-white);
}

.cal_box_dateslot a:hover {
    background-color:   var(--principle-colour-hover);
    color:              var(--text-white);
    border:             3px white;
}

/* *** *** Content Attribure for Colours *** *** */
 .cal_box_dateslot a.contentattrib_G {
    background-color:   var(--principle-colour);
    border-radius:      100%;
	color:              var(--text-white);
}

.cal_box_dateslot a:hover.contentattrib_G a:hover {
    background-color:   var(--principle-colour-hover);
    color:              var(--text-white);
    border:             3px white;
}

/* Calendar Activity View Times */
/* Time Picker */
.activity_viewtimes_frame {
    border-color:       var(--principle-colour);
    background-color:   var(--light);
	border-radius:      var(--border-radius-sm);
    box-shadow:         0 0 40px 0 rgba(0,0,0,.15);
}

.activity_viewtimes_iframe_wrapper {
	background-color:   var(--light-grey);
	border:             1px solid var(--principle-colour);
	border-radius:      var(--border-radius-sm);	
	overflow:           auto;
	-webkit-overflow-scrolling: touch;
}

.fullsheet_container_notavailable{
	background-color:   var(--red);
	border-radius:      var(--border-radius-sm);
}

.fullsheet_container_available {
	border-radius:      var(--border-radius-sm);
}

.fullsheet_container_available a {
    background-color:   var(--principle-colour);
	border-radius:      var(--border-radius-sm);
    color:              var(--text-white);
}

.fullsheet_container_available a:hover {
    background-color:   var(--principle-colour-hover);
	border-radius:      var(--border-radius-sm);
    color:              var(--text-white);
}

/* Event Listings */

.activity_displaybox{
	background-color:   var(--light);
	border:             1px solid var(--principle-colour);
	border-radius:      var(--border-radius-sm);
}

.activity_displaybox_row_odd {
	border-bottom:      1px solid var(--principle-colour);
}
.activity_displaybox_row_even {
	border-bottom:      1px solid var(--principle-colour);
}

.activity_displaybox_timebox {
	color:              unset;
	font-size:          12px;	
}

.activity_available a {
    background-color:   var(--principle-colour);
    color:              var(--text-white);
}

.activity_available a:hover {
    background-color:   var(--principle-colour-hover);
    color:              var(--text-white);
}


/* *** Selectable Ticket Prices *** *** */
.el_bnp_qty_subtract, .el_bnp_qty_add {
	background-color:   var(--principle-colour);
	background-image:   none;
	border-radius:      50%;
	color:              var(--white);
	display:            inline-block;
	height:             50px;
	width:              50px;
}

.el_bnp_qty_subtract::before{
	content:            "-";
	font-size:          2rem;
}
.el_bnp_qty_add::before {
	content:            "+";
	font-size:          2rem;
}

.el_bnp_calc_price{
	font-size:          1.2rem;
	font-weight:        500;
}

.el_bnp_running_total{
	font-size:          1.4rem;
	font-weight:        700;
}


/* CHECKOUT PAGE */
/* *** *** *** *** */
/* GUEST CHECKUT */
/* Input Boxes */
#guestchkout_name_field {
    border:             1px solid var(--principle-colour);
	border-radius:      var(--border-radius-sm);
}
#guestchkout_email_field {
    border:             1px solid var(--principle-colour);
    border-radius:      var(--border-radius-sm);
}

/* Guest Checkout Button */
#guest_checkout_content .ESPAuthBoxSubmit {
    background-color:   var(--btn-primary);
    color:              var(--text-white);
    text-decoration:    none;
    border-radius:      var(--border-radius-md);
}
#guest_checkout_content .ESPAuthBoxSubmit:hover {
    background-color:   var(--btn-primary-hover);
    color:              var(--text-white);
    text-decoration:    none;
}

/* *** *** EL LOGIN *** ***/
.ESPAuthBox{
    border-radius:      var(--border-radius-sm);
	font-family:        unset;
}

/* EL Sign In / Register */

/* Input Boxes */
.ESPAuthBox input[type="text"], .ESPAuthBox input[type="password"], .ESPAuthBox input[type="date"] {
	color:              var(--gray);
	font-family:        unset;
	width:              100%;
}

.ESPAuthBoxFieldValid {
    border:             1px solid var(--principle-colour);
}

#username_field {
	border-radius:      var(--border-radius-sm);
}

#password_field {
    border-radius:      var(--border-radius-sm);
}

#main_login_content .ESPAuthBoxSubmit {
    background-color:   var(--btn-primary);
    border-radius:      var(--border-radius-md);	
	color:              var(--text-white);
    text-decoration:    none;
}

#main_login_content .ESPAuthBoxSubmit:hover {
    background-color:   var(--btn-primary-hover);
    border-radius:      var(--border-radius-md);
	color:              var(--text-white);
    text-decoration:    none;
}

.ESPAuthBoxbtn  {
    background-color:   var(--btn-primary);
	border-radius:      var(--border-radius-md);
	color:              var(--text-white);
    text-decoration:    none;
}

.ESPAuthBoxbtn:hover {
    background-color:   var(--btn-primary-hover);
	border-radius:      var(--border-radius-md);
	box-shadow:         0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
	color:              var(--text-white);
    text-decoration:    none;
}

/* Register and Forgotten Buttons */
.ESPAuthBoxbtn_Forgot {
    /* background-color: var(--blue); */
    background:         none;
	border:             2px solid;
    border-color:       var(--btn-secondary);
    border-radius:      var(--border-radius-md);
	color:              var(--btn-secondary);
    text-decoration:    none;
}

a.ESPAuthBoxbtn_Forgot {
	color:              var(--secondary-colour);
}

.ESPAuthBoxbtn_Forgot:hover {
    background-color:   var(--btn-secondary-hover);
	border-radius:      var(--border-radius-md);
	box-shadow:         0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
	color:              var(--text-white);
    text-decoration:    none;
}

a#section_submit_fake_next {
    color:              var(--secondary-colour);
}
a#section_submit_fake_next:hover {
    color:              var(--text-white);
}

a.ESPAuthBoxbtn.ESPAuthBoxbtn_Forgot{
    color:              var(--secondary-colour);
}
a.ESPAuthBoxbtn.ESPAuthBoxbtn_Forgot:hover{
    color:              var(--text-white);
}
/* *** *** *** FRONT DESK *** *** *** */
/* .frontdesk_box {
    border: 1px solid;
	border-color: var(----secondary-colour);
    background-color: var(--light);
	border-radius: var(--border-radius-sm);
    box-shadow: 0 0 40px 0 rgba(0,0,0,.15);
	@media screen and (min-width: var(--breakpoint-md)) {width: calc( 33% - 1px );}
	@media screen and (min-width: var(--breakpoint-sm)) {width: calc( 40% - 1px );}
}
*/
/* Front Desk Boxes (Make Booking, F&B Ordering, Levy TopUp, Payment Request, Sales Statement) */
.frontdesk_box {
    background-color:   var(--text-white);
	border:             1px solid var(--secondary-colour);
	border-top:         1px solid var(--secondary-colour);
    border-radius:      var(--border-radius-sm);
	box-shadow:         1px 1px 1px var(--secondary-colour-hover);
	display:            inline-block;
    width:              calc((100% / 3) - 5px);
}

/* Phones */
	@media (min-width: 320px) and (max-width: 768px) {
    	.frontdesk_box {
        width:          calc(100%);
    	}	
	} 
/* Tablet */
	@media (min-width: 768px) and (max-width: 1024px) {
    	.frontdesk_box {
        width:          calc(calc(100% / 2) - 5px);
    	}	
	} 



/* Booking Process Navigation */
.form_div_row {
    border:         none;
}

/* Back Button */
.booking_back_btn_submit {
    background-color:   var(--black-70);
    border-radius:      var(--border-radius-md);
    border:             0;
    color:              var(--white);
}

/* Submit Button */
.submit_box_ok {
    background-color:   var(--btn-primary) !important;
    border-radius:      var(--border-radius-md);
    border:             none;
    font-size:          16px;
    height:             40px;
    min-width:          200px;

}
.submit_box_ok:hover {
    background-color:   var(--btn-primary-hover)!important;
    border-radius:      var(--border-radius-md);
    border:             none;
}

/* Members Guest Switch */
.membguestswitch-inner:before {
    background-color:   var(--btn-primary);
}



/* *** *** PAYMENT PAGE *** *** */

/* Basket Container */
.bv_receipt_paper {
	border-radius:      var(--border-radius-sm);
}

/*Transaction Detail */
.itemised_box_listing {
    background-color:   var(--light);
    border:             0;
}

.itemised_detail_row_item {
    background-color:   var(--light);
    color:              var(--dark);
    border-bottom:      1px lines;
}

.itemised_row_person {
    background-color:   var(--light);
    color:              var(--dark);
}

.itemised_row_sundry {
    background-color:   var(--light);
    bolor:              var(--dark);
}

.itemised_row_paytotal {
    background-color:   var(--light);
    color:              var(--dark);
    border-bottom:      1px lines;
}

.itemised_row_paynow{
    background-color:   var(--light);
    color:              var(--dark);
    border-top:         1px lines;
    border-color:       var(--gray);
	font-weight:        bold;
}

/* Payment Container */
.attachment_container{
	border-radius:      var(--border-radius-sm);
}

/* Buttons */

.shoppingcart_add_btn {
    background-color:   var(--btn-secondary) !important;
    background-image:   none;
    border-radius:      var(--border-radius-sm);
    min-width:          100px;
}

.shoppingcart_add_btn:hover {
    background-color:   var(--btn-secondary-hover)!important;
}

.EL_Confirm_controls button {
    min-width:          100px;
}

/* Booking Confirmation Page */
.successful_booking_text {
	text-shadow:        none;
	font-weight:        400;
}


/* *** *** CONTENT MANAGEMENT *** *** */
/* EL Dynamic Content Box */
@media (min-width: 0px) and (max-width: 640px) {
	.dc_maingrp_box {
    	height: 200px;
		width: 100% !important;
		}
}

.dc_maingrp_box {
    background-color:   var(--light);
    border-radius:      var(--border-radius-sm);
    border-color:       var(--gray);
    box-shadow:         0 0 40px 0 rgba(0,0,0,.15);
	width:              auto;
}

.dc_maingrp_box_body {
    background-color:   transparent;
    border:             none;
}

.dc_maingrp_box_title {
    text-align:         center;
}

.dc_maingrp_box_body_col_left {
	height:110%;
}
.dc_maingrp_box_btn {
    background-color:   var(--secondary-colour);
    border-radius:      20px;
	min-width: 150px;
}
.dc_maingrp_box_btn a:hover {
    background-color:   var(--secondary-colour-hover)!important;
	min-width: 150px;
}

.dc_activity_box_body_desc_timeslot{
min-height:75px;
}

.EL_Confirm_controls button {
    min-width: 100px;
}