/*  eshow_color.css - New eShow GENERAL COLORS - last edited  07/22/2020 - Adriana   */


/* ================= TABLE COLOR styles ===================*/

.tb-color1 { /* header row & font color */
	color: #FFF; background-color: #4E7090; }

.tb-color2 { /* 2nd row & font color */
	color: #000; background-color: #a4c0da; }
	
.tb-color3 { /* 3nd row & font color */
	color: #FFF; background-color: #618cb4; }

.tb-colorLt { /* light row & font color */
	color: #333; background-color: #EBEBEB; }
	
.tb-colorDefault{ /* used on the {{SALES_SUMMARY}} in emails and admin, with Ami */ 
	color: #333; background-color: #D3D3D3; }	
	
.tb-text { /*  Default text for all tables that use "tb-text" */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #666666; 
	text-align: left;
}

/*TEMP*/ 
#fee_table.tb-text { /* important is just temporary to fix fee_table */
	color: #666666 !important;}	

.tb-text-color1 { /* special text font color */
  color: #4E7090; }
  
.tb-text-color2 { /* special text font color */
	color: #a4c0da; }
  
.tb-text-color3 { /* special text font color */
	color: #618cb4; }
  

/*========== For table GRIDS / LINES  ===================*/
/* Default grey COLOR for table lines - change only if needed*/

/*for Tables with ALL grid/lines ONLY*/
.border-table th, .border-table td {
	border: 1px solid #dddddd;/* DO NOT CHANGE - table lines*/
}

/*for Tables with grid/lines on BOTTOM ONLY*/
.line-table th, .line-table td {
	border-bottom: 1px solid #dddddd;/* DO NOT CHANGE - table lines*/
}

/*for Tables with table outline border lines ONLY*/
.outline-table {
	border: 1px solid #dddddd;/* DO NOT CHANGE - table lines*/
}


/* ================= GLOBAL - NEW FORM styles ===================*/



/* ================= MISC - NEW FORM styles ===================*/
tr.tb-cellReq, td.tb-cellReq, .tb-cellReq, .tb-text-error { 
	color: #f00;
}
.tb-cellReq.req-solid {
  background-color: #f00;
  color: white;
  padding: 2px 8px;
}

.question_required {
	color: #FFF;
	background-color: #f00;
}


.tb-hover-row:hover td { background-color: #dddddd;}


/*=================== For CSS FORM BUTTONS  ========================*/
a.bttn-form-default, input.bttn-form-default, button.bttn-form-default { 
	color: #FFF !important; background-color: #959595 !important; }
a.bttn-form-default:hover, input.bttn-form-default:hover, button.bttn-form-default:hover { 
	color: #FFF !important; background-color: #636363 !important; border: 1px solid transparent; }
a.bttn-form-default:focus, input.bttn-form-default:focus, button.bttn-form-default:focus { 
	border: 1px solid #000;}

input.bttn-form-default[disabled],
input.bttn-form-default:hover[disabled],
button.bttn-form-default[disabled],
button.bttn-form-default:hover[disabled] {
	color: #666 !important; background-color: #ddd !important; border: 1px solid transparent; }

a.bttn-form-success, input.bttn-form-success, button.bttn-form-success { 
	color: #FFF !important; background-color: #54b948  !important; }
a.bttn-form-success:hover, input.bttn-form-success:hover, button.bttn-form-success:hover { 
	color: #FFF !important; background-color: #48a146 !important; border: 1px solid transparent; }
a.bttn-form-success:focus, input.bttn-form-success:focus, button.bttn-form-success:focus { 
	border: 1px solid #000;}

a.bttn-form-warning, input.bttn-form-warning, button.bttn-form-warning { 
	color: #FFF !important; background-color: #fcb715 !important; }
a.bttn-form-warning:hover, input.bttn-form-warning:hover, button.bttn-form-warning:hover { 
	color: #FFF !important; background-color: #f7a41c !important; border: 1px solid transparent; }
a.bttn-form-warning:focus, input.bttn-form-warning:focus, button.bttn-form-warning:focus { 
	border: 1px solid #000;}

a.bttn-form-error, input.bttn-form-error, button.bttn-form-error { 
	color: #FFF !important; background-color: #da0101 !important;}
a.bttn-form-error:hover, input.bttn-form-error:hover, button.bttn-form-error:hover { 
	color: #FFF !important; background-color: #bd2126 !important; border: 1px solid transparent;}
a.bttn-form-error:focus, input.bttn-form-error:focus, button.bttn-form-error:focus { 
	border: 1px solid #000;}

a.bttn-form-info, input.bttn-form-info, button.bttn-form-info { 
	color: #FFF !important; background-color: #45ade2 !important;}
a.bttn-form-info:hover, input.bttn-form-info:hover, button.bttn-form-info:hover { 
	color: #FFF !important; background-color: #3997c6 !important; border: 1px solid transparent;}
a.bttn-form-info:focus, input.bttn-form-info:focus, button.bttn-form-info:focus { 
	border: 1px solid #000;}

a.bttn-form-plain, input.bttn-form-plain, button.bttn-form-plain { 
	color: #666 !important; background-color: #FFF; border: 1px solid #666;}
a.bttn-form-plain:hover, input.bttn-form-plain:hover, button.bttn-form-plain:hover { 
	color: #666 !important; background-color: #e4e4e4; border: 1px solid #666;}
a.bttn-form-plain:focus, input.bttn-form-plain:focus, button.bttn-form-plain:focus { 
	border: 1px solid #000;}


/*========== Icon Buttons and other icons  ===================*/
a.bttn-icon { text-decoration: none;}

.icon-default, .bttn-icon-default, a.bttn-icon-default { color: #959595 !important;}
a:hover.bttn-icon-default, a:focus.bttn-icon-default { color: #636363 !important;}

.icon-bkg-success { background-color: #54b948 !important;}
.icon-success, .bttn-icon-success, a.bttn-icon-success { color: #54b948 !important;}
a:hover.bttn-icon-success, a:focus.bttn-icon-success { color: #48a146 !important;}

.icon-bkg-warning { background-color: #fcb715 !important;}
.icon-warning, .bttn-icon-warning, a.bttn-icon-warning { color: #fcb715 !important;}
a:hover.bttn-icon-warning, a:focus.bttn-icon-warning { color: #f7a41c !important;}

.icon-info, .bttn-icon-info, a.bttn-icon-info { color: #45ade2 !important;}
a:hover.bttn-icon-info, a:focus.bttn-icon-info { color: #3997c6 !important;}

.icon-bkg-error { background-color: #da0101 !important;}
.icon-error, .bttn-icon-error, a.bttn-icon-error { color: #da0101 !important;}
a:hover.bttn-icon-error, a:focus.bttn-icon-error { color: #bd2126 !important;}

.inline-icon-labels { color: #959595;}


/*========== Other Buttons  ===================*/
.tb-link-bttn {color: #FFF; background-color: #959595;}
.tb-link-bttn:hover { color: #FFF; background-color: #636363;}

.sponsorshipTitle { font-weight: bold;}
.sponsorshipPrice { font-weight: bold; color: yellow;}
.sponsorshipSoldout { font-weight: bold; color: red;}


/* ===================05/18/2018 - Ami added new classes for cookie consent, 
fixed and update the look a little - Adriana 07/22/20 ===================*/
#cookieBar {
	background-color: #333; 
	color: #fff;
}
#clickAgreeCookie{
	background-color: #959595;
	color: #fff;
}
#cookieBar p { 
	color: #EBEBEB; 
}


/*========== Form Steps Indicator  =================== */
/*Once finalized colors will go here*/



/*========== eShow Tabs in admin and websites  =================== */
/* 07/21/2020 - Ami added for tabs in admin, Adriana revised 07/22/20 */
#eshowmenutab.menutab a.tab {
	color: #000;
} 
#eshowmenutab.menutab a.tab::before {
	background-color: #a4c0da;
}
#eshowmenutab.menutab a.selected {
	color: #FFF;
}
#eshowmenutab.menutab a.selected::before {
	background-color: #4E7090;
}
#eshowmenutab.menutab a.tab:hover:before {
	background-color: #618cb4;
}

/*@media (max-width: 768px) {
	#eshowmenutab.menutab a.tab::before {
		border:1px solid #225696;
	}
}
*/


#website-simple-page-header-content {
	background-color: #ffffff;
}
.site-button {
    color: var(--secondaryColor-text);
    background-color: var(--secondaryColor);
    text-decoration: none;
    text-transform: none;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.43;
    letter-spacing: 0.02em;
    text-align: center;
    padding: 0.5rem 1rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.bttn-inline {
    display: inline-block;
    margin: 5px 12px 5px 0;
}
