/* 
    Document   : jevcustom
    Created on : 22-Apr-2013, 14:12:51
    Author     : Tony Partridge - GWE Systems Ltd
    Description: To allow customisation of CSS Strings where they can never be lost.
    Purpose of the stylesheet follows.
*/

/*
** ===============
** General Buttons
** ===============
*/

/* General buttons. */
.gsl-scope .gsl-button {
  color: inherit;
  font: inherit;
  font-size: 14px;
  font-weight: inherit;
  font-family: inherit;
  margin: 0;
  border: none;
  overflow: visible;
  text-transform: none;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 30px;
  vertical-align: middle;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  text-transform: none !important;
  transition: 0.1s ease-in-out;
}

/* Replace print icon with a larger one. */
.icon-print img {
  display: none !important;
} 
.icon-print {
  content: url("/media/jui/img/printButton.png");
  height: 28px !important;
  width: 28px !important;
  display: block;
}

/* Information buttons on all pages & [Edit My Profile] on the Registration Form tab. */
a.modal_link, a.modal_link.gsl-button.gsl-button-small.gsl-button-primary, .info_btn a, a.btn-sm.btn.btn-primary {
  color: #FFF !important;
  font-size: 15px !important;
  font-family: Arial, Verdana !important; 
  background-color: #0000F3 !important;
  text-transform: none;
  transition-duration: 0.2s;
}
a.modal_link:hover, a.modal_link.gsl-button.gsl-button-small.gsl-button-primary:hover, .info_btn a:hover, a.btn-sm.btn.btn-primary:hover {
  background-color: #009 !important;
  font-family: Arial, Verdana;
}

/*
** =========
** Calendars
** =========
*/

/* Calendars - nav bar. */
#jevents_body .nav-items > div:first-child, #jevents_body .nav-items > div:last-child {
  border: none;
}
#jevents_body #nav-year a, #jevents_body #nav-month a, #jevents_body #nav-week a, #jevents_body #nav-today a {
  color: #FFF;
  background-color: #0000F3;
  border: solid #000;
  border-width: 2px 0px 2px 2px;
  padding: 8px 14px !important;
}
#jevents_body #nav-jumpto a {
  color: #FFF;
  background-color: #0000F3;
  border: solid #000;
  border-width: 2px;
  padding: 8px 14px !important;
}
#jevents_body #nav-year.active a, #jevents_body #nav-month.active a, #jevents_body #nav-week.active a, #jevents_body #nav-today.active a {
  background-color: #000 !important;
  pointer-events: none;
}
#jevents_body #nav-year:not(.active) a:hover, #jevents_body #nav-month:not(.active) a:hover, #jevents_body #nav-week:not(.active) a:hover, #jevents_body #nav-today:not(.active) a:hover, #jevents_body #nav-jumpto:not(.active) a:hover {
  background-color: #009;
  padding: 8px 14px !important;
  border-radius: 0px;
}
#jevents_body #nav-year a:hover, #jevents_body #nav-month a:hover, #jevents_body #nav-week a:hover, #jevents_body #nav-today a:hover, #jevents_body #nav-jumpto a:hover {
  padding: 8px 14px !important;
  border-color: #000 !important;
}

/* Calendars - month paging buttons. */
#jevents_body .previousmonth, #jevents_body .nextmonth {
  background-color: #0000F3;
  border: 1px solid #000;
}
#jevents_body .previousmonth a, #jevents_body .nextmonth a {
  font-size: 14px !important;
  font-weight: 550 !important;
}

/* Calendars - Current month. */
#jevents_body .currentmonth {
  color: #000 !important;
  border-color: #000;
}

/* Calendars - Jump to Month controls. */
#jumpto > form > #month, #jumpto > form > #year {
  font-size: 14px !important;
  font-weight: 550;
  margin-top: 9px;
  overflow: auto !important;
}
#jumpto > form > button {
  font-size: 14px !important;
  padding: 1px 20px !important;
}

/* Calendars - cells with no events. */
.cal_daysnoevents {
  background-color: AliceBlue !important;
}

/* Set dimensions of [Add an event] images (replacement for plus icons) on Event Creation Calendar. */
.jeventpageevent_creation_calendar a.addjevent {
  height: 30px;
  width: 130px;
  position: relative;
  top: -4px;
  left: 2px;
}
/* Rollover image. */
.jeventpageevent_creation_calendar a.addjevent:hover {
  content: url("/templates/lwc_registered/html/com_jevents/flat/assets/images/add_hover.png");
}

/*
** ===============================
** Event Search - monthly calendar (switched off for yearly calendar as poor implementation).
** ===============================
*/

/* Event Search controls. */ 
.jev_pagination input.inputbox, .jev_pagination input.inputbox:focus {
  font-size: 15px !important; 
  font-weight: 500;
  font-family: Arial, Verdana;
  height: 30px;
  width: 240px;
}
.jev_pagination label {
  position: relative;
  top: -3px;
  left: 15px;
}
.jev_pagination input#showpast {
  height: 23px;
  width: 23px;
  position: relative;
  top: -7px;
  left: 20px;
}
.jev_pagination input.button {
  color: #FFF;
  font-size: 14px;
  background-color: #0000F3;
  padding: 5px 20px;
  position: relative;
  top: -6px;
  left: 35px;
}
.jev_pagination input.button:hover {
  background-color: #009;
}

/* Hide small size "Search Results for Keyword :" on Search Results page above main heading. */
legend.ev_fieldset {
  display: none;
}

/* Emphasise keyword in results. */
div .jev_catdesc {
  font-size: 20px !important;
  font-weight: bold;
  padding: 5px;
}

/* "No events were found..." text. */
.jev_listrow.jev_noresults {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Space under last row found. */
div.jev_listrow:last-child {
  margin-bottom: 20px;
}

/*
** ====================
** General Events Pages
** ====================
*/

/* Members' events pages - hide plus icons, Coordinator fields (Event State & "No review description entered.") and justmine control. */
.jeventpagemembers_events .addjevent, .jeventpagemembers_events .coordinator_field, .jeventpage .coordinator_field, .jeventpagemembers_events .nav_bar_cell > form:nth-child(2) > div:nth-child(2), .jeventpage .nav_bar_cell > form:nth-child(2) > div:nth-child(2) { 
  display: none;
}

/* All events pages - hide [Add an event] on Admin Panel and "Show unpublished events?" control. */
.nav_bar_cell > a:nth-child(1), .nav_bar_cell > form:nth-child(2) > div:nth-child(1) {
  display: none;
}

/* Reset the edit icons on the Event Detail and Event Creation Calendar pages - a recent update has replaced this with a much smaller icon (pencil inside check box). */
.icon-edit {
  content: url("/media/com_jevents/images/icons-32/edit.png") !important;
  height: 34px !important;
  width: auto !important;
}

/* Tooltips - hide on JEvents Sessions (Event Registrations for Any Member / Prospective Member) list and Edit Attendees List (redisplayed on Event Edit page). */
.gsl-tooltip {
  display: none !important;
}

/*
** ======================================================
** Events Admin Panel (Manage My Events / Edit All Events
** ======================================================
*/

/* Manage My Events page - hide Admin Panel [Reset] button - it forces display of all Coordinators' events. */
.jeventpagemanage_my_events .nav_bar_cell > form:nth-child(2) > div:nth-child(4) > input:nth-child(2) {
  display: none;
}

/* Reposition all Admin Panel [Reset] buttons on all pages. */
.nav_bar_cell > form input {
  position: relative;
  top: -8px;
  left: -5px;
}

/* Align date field and date selector on Events Admin Panel (Edit All Events) with dropdown button. */
#jev_ad .input-group {
    position: relative;
    top: 23px;
    left: 3px;
}
#jev_ad #startdate_fvs1_btn {
    position: relative;
    top: -5px;
    left: 6px;
}

/* Events Admin Panel - events text, including dates. */
#jev_ad .jev_ad_listrow li.ev_td_li, #jev_ad .jev_daysnames {
    font-size: 14px !important;
    font-family: Arial, Verdana;
}

/* Increase dates width on Events Admin Panel. */
.jev_daysnames {
    width: 99% !important;
    border-top: none !important;
    border-right: none !important;
}

/* Hide page control on Events Admin Panel - has poor usability. */
.jev_pagination .limit.pull-right {
    display: none;
}

/*
** =====================
** Event Category Counts
** =====================
*/

/* [Filter] & [Reset] buttons on Event Category Counts, and Admin Panel [Reset] button on all pages. */
#submitmf, #resetmf, .nav_bar_cell > form input {
  color: #FFF !important;
  text-decoration: none;
  font-size:14px;
  background-color: #0000F3;
  border: none;
  padding: 5px 20px;
  margin: 10px 5px !important;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  transition-duration: 0.2s;
}
#submitmf:hover, #resetmf:hover, .nav_bar_cell > form input:hover {
  background-color: #000099 !important;
}

/* Remove the bullets from Event Category Counts, */
.ttr_block_content #multicat_container ul {
  list-style-type: none !important;
}

/* Move the tick box away from the category name in the Event Category Counts. */
.mlcat {
  margin-left: 15px !important;
  margin-bottom: 6px !important;
 }

/*
** ====================================
** Manage Event Action Dialogue Pop-up.
** ====================================
*/

/* Pencil and copy icons. */
div.action_dialogJQ img {
  height: 30px !important;
  width: auto !important;
}

/* Title. */
div.action_dialogJQ h4#myModalLabel {
  color: #000;
}

/* Hide "Copy and edit event", "Unpublish event" & "Delete Event" and ruler from pop-up and "x" in Event Creation Calendar version. */
div.action_dialogJQ a#publish_reccur, div.action_dialogJQ a#edit_eventcopy, div.action_dialogJQ a#delete_event, div.action_dialogJQ hr, div.action_dialogJQ .close.uk-modal-close-default {
  display: none !important;
}

/* Labels. */
div.action_dialogJQ #edit_event {
  color: #0000F3;
  font-size: 16px;
}

div.action_dialogJQ #edit_event:hover {
  color: #009;
}

/* [Close] button. */
.action_dialogJQ button.btn {
  color: #FFF;
  background-color: #0000F3;
}
.action_dialogJQ button.btn:hover {
  color: #FFF !important;
  background-color: #009; !important;
}

/*
** ===================
** Edit Attendees List
** ===================
*/

/* [New Attendee (Member / Prospective Member only)]/edit attendee. */
/* **************************************************************** */  

/* Places remaining/no remaining places/can join the waiting list messages. */
.jevcapacity, .jevcapacityfull, .jevwaitinglist {
  font-size: 16px; 
  font-weight: bold;
  margin-bottom: 10px !important;
}

/* If on the Event Detail page don't change the margin for the above messages. */
#user_registration_form .jevcapacity, #user_registration_form .jevcapacityfull, #user_registration_form .jevwaitinglist {
  margin: 0px !important;
}

/* Upper messages and "Search for attendees by first,,," text. */
.gsl-content h3, td.paramlist_key .jevusername {
  color: #000;
  font-weight: bold;
  font-family: Arial, Verdana !important;
}

/* Search for attendees input. */
#updateattendance input#ta_userid {
  font-size: 16px;
  border: 2px solid;
} 
#updateattendance input#ta_userid:focus {
  color: #000;
  font-weight: 550;
} 

/* Hide attendee and user id text - software development aid? */
#updateattendance > strong:nth-child(2) {
  display: none;
}

/* Registration Form table. */
/* ************************ */

/* Table structure. */
#rsvppro_admintable tr td:first-child, #updateattendance table.paramlist.admintable tr td:first-child {
  text-align: left;
  padding-left: 10px;
  border: 0;
  width: 26%;
}

/* Field labels. */
.paramlist_key label {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  pointer-events: none;
}

/* Table entry controls. */
.paramlist_key, .paramlist_value, .paramlist_value textarea, .paramlist_value input, .paramlist_value select, .paramlist_value option, .paramlist_value option:checked, .rsvpgroupoptionvalue, .rsvpuseroptionvalue {
  font-size: 15px !important;
  color: #000 !important;
  background-color: #FFF !important;
}
.paramlist_value input {
  height: 25px !important;
}

/* Toggle switches - active "No" should have label colour changed. */
label.btn.btn-danger {
  color: #FFF;
}

/* Generic dropdown list hovered-over text - to contrast against dark blue background. */
ul li.active-result.result-selected.highlighted, ul li.active-result:hover {
  color: #FFF !important;
}

/* Disable link from registrant's name to profile and deactivate email link. */
#rsvppro_admintable tr td:nth-child(2) a, #updateattendance table.paramlist.admintable tr td:nth-child(2) a, .paramlist_value a, .rsvpgroupoptionvalue, .rsvpgroupoptionvalue a {
  color: #000 !important;
  pointer-events: none;
}

/* [Add a Child] and [Remove this Child] buttons. */
#addguest, #killguest {
  color: #FFF !important;
  text-decoration: none;
  font-size: 16px !important;
  font-weight: 500;
  font-family: "Poppins","Arial";
  border: none;
  padding: 8px 20px !important;
  border-radius: 4px;
  margin: 15px 0px 10px 0px !important;
  cursor: pointer;
  transition-duration: 0.2s;
}
#addguest {
  background-color: #0000F3; 
}
#killguest {
  background-color: #C04;
  margin-left: 10px !important; 
}
#addguest:hover {
  background-color: #009;
}
#killguest:hover {
  background-color: #903;
}

/* [Register for Event]/[Process Registration] button. */
#jevattendsubmit { 
  color: #FFF;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  background-color: #00802B;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  text-align: center;
  display: inline-block; 
  cursor: pointer;
  margin-top: 20px !important;
  transition-duration: 0.2s;
}
#jevattendsubmit:hover {
  background-color: #006600;
}
  
/*
** ==========
** Lists Text
** ==========
*/

/* Lists text (same as in lwc_registered - Default - template.css to ensure styling is correct when printing). */
.eventlist_col {
  color: #000 !important;
  font-size: 13px;
  font-weight: 450 !important;
}
a.ev_link_row:link, .eventlist_col a {
  color: #0000F3 !important;
  font-size: 13px !important;
  font-weight: 550 !important;
}
a.ev_link_row:link:hover, .eventlist_col a:hover {
  color: #009 !important;
}
#jevents_header h1 {
  color: #000;
}

/* Correct font for "Only show the events for which I'm Coordinator 1?" when ExtPlus theme is used. */
.ev_adminpanel {
  font-size: 14px !important;
}