@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');


/* Lets Reg Colors and font

  --neon:#21F3B3;
  --orange:#FA7154;
  
  --blue:#01636B;
  --c-blue:#03373C;
  --d-blue:#032A24;
  
  --mint:#ECFFF8;  
  --rose:#FBC3B7;
 
font-family: 'Manrope', sans-serif;
font-family: 'Inter', sans-serif;
*/


:root {
	--neon:#21F3B3;
	--orange:#FA7154;
  
 	--blue:#01636B;
 	--c-blue:#03373C;
  	--d-blue:#032A24;
	
	--mint:#ECFFF8;  
  	--rose:#FBC3B7;
  
  	--blue80:rgba(1,99,107,0.8);
  	--blue50:rgba(1,99,107,0.5);
  	--blue20:rgba(1,99,107,0.2);
  	--blue10:rgba(1,99,107,0.1);
  	--blue5:rgba(1,99,107,0.05);
	
	--rose20:rgba(251,195,183,0.2);
	
	--white:#ffffff;
  	--black:#000000;
	--black80: rgba(0, 0, 0, 0.8);
    --black60: rgba(0, 0, 0, 0.6);
    --black40: rgba(0, 0, 0, 0.4);
    --black20: rgba(0, 0, 0, 0.2);
	 --black5: rgba(0, 0, 0, 0.05);
  
/***************************/

  --primary-color:#000000;  
  --secondary-color:rgb(193, 142, 51);
  --font-family:'Manrope', sans-serif; 
  
  --button-bg:#000000;
  --button-text:#ffffff;
  --button-bghover:rgb(193, 142, 51);
  --button-texthover:#ffffff;
  
  --button-secndry:rgb(193, 142, 51)  /*secondry button */
  --button-text-sec:#ffffff;
  
 /*
 --linkbtnbg:#01636B;
--linkbtntxt:#ffffff;
--linkbtnhvr:#ECFFF8;
--linkbtnhvrtxt:#01636B;*/
  
--filebtnbg:#ffffff;
--filebtntxt:#4a4a4a;

--lightbtnbg:#FBC3B7;
--lightbtntxt:#03373C;
--lightbtnhvr:#FA7154;
--lightbtnhvrtxt:#ffffff;

--formborder:rgba(52,72,122,0.2);
--formborderhvr:rgba(52,72,122,0.5);
--formtext:rgba(0, 0, 0, 0.8);

--tablebrdr:rgba(52,72,122,0.10);
--tableheaderbg:rgba(52,72,122,0.05);
--tableheadertxt:rgba(0, 0, 0, 0.8);
--paginationbg:#ECFFF8;

/*********************************************/

  --topnav-bg:#ffffff;
  --topnav-btn:rgb(193, 142, 51);
  --topnav-btn-hvr:#000000;
  
  --topnavdrop-bg:#F2F8FC;
  --topnavdrop-bghvr:#D9EBF6;
  
  --headercolor:#4a4a4a; /*Event -  h1 */
  --headersmlcolor:#4a4a4a; /*Event -  h2, h4 */
  --headerfont:'Manrope', sans-serif; 

--footer-bg:#e4e4e4;
--footer-link:#ffe40c;
/*****************Nav styles change here*****************/
--left-nav-bg:#edeaea; 
--left-nav-bghover:#737373; 

--left-nav-txt:#222222;
--left-nav-txthover:#101010;

--left-nav-subtxt :#111111;

/*****************/
--stepbg:#e4e4e4;
--stepbrdr:rgb(193, 142, 51);

--steptext:#eeeeee;
--steptext-active:#ffffff;
/**************************/


}

html, body { padding:0; margin:0; }
body {font-family: var(--font-family);font-weight:400;font-size:16px;}


a { text-decoration:none; /*text-decoration-color:var(--neon);*/ color:var(--primary-color);  }
a:hover {color:var(--secondary-color); text-decoration:none; }

.RadGrid_Bootstrap .rgMasterTable, .RadGrid_Bootstrap .rgDetailTable, .RadGrid_Bootstrap .rgGroupPanel table, .RadGrid_Bootstrap .rgCommandRow table, .RadGrid_Bootstrap .rgEditForm table, .RadGrid_Bootstrap .rgPager table { font-family:var(--font-family)!important; }
#menu-header-main-menu a {
    color: #03373C;
}

/*****LEFT MENU**********/

span.MenuClub b, span.MenuClub br {
    display: none;
}

/*
span.MenuClub:before {
    content: url("/images/ico-calorg.png");
    transform: scale(.8);
    display: inline-block;
    margin-right: 5px;
    vertical-align: -20%;
}
*/

a.link_organizer_switch {
    color: var(--primary-color)!important;
    /* font-weight: 600; */
    /* margin-left: 26px; */
    font-size: 14px;
    text-decoration: underline;
}

span.MenuClub {
    font-weight: bold;
    color:  var(--secondary-color);
    display: inline-block;
    font-size: 1.2em;
}

.LeftMenu_profile_switch {
    margin-left: -20px;
    padding-left: 20px;
    background: url(/images/admin-menu-bg.png);
    padding-bottom: 10px; font-weight:500; 
}

 .LeftMenu_profile b, .LeftMenu_profile br {
    display: none;
}

a.link_myprofile {
    padding-left: 3px;
    padding-bottom: 5px;
    display: inline-block;
}

.lgdinTXT{color: #212529;padding-left: 3px;padding-top: 5px;}

.leftmenu_add_event::before, .leftmenu_add_booking_event::before {
       color:  var(--secondary-color);
}    

.LeftMenu_profile {
    padding-left: 20px;
    background: url("/images/admin-menu-bg.png");
    background-repeat: repeat-x;
    padding-top: 15px;
    margin-top: -30px;
    border-radius: 10px;
    padding-bottom: 0px!important;
}
.leftmenu_add_event {display: flex;margin-top: 15px;margin-left: -20px;padding-left: 20px;padding-top: 5px;}

.leftbox {background:var(--left-nav-bg);color:var(--left-nav-txt);}

.LeftMenu_profile a{color: var(--left-nav-subtxt);}

li.leftmenu_off  {color:var(--left-nav-subtxt);}
li.leftmenu_off a {color: var(--left-nav-subtxt);  }

.nav-item .fa-user { height:18px; display:inline-block; }
/***********************/

.copyrightrow a { color:var(--footer-link); }
.copyrightrow a:hover, .copyrightrow a:link, .copyrightrow a:visited, .copyrightrow a:active {color:var(--footer-link); }
/********************* content area******/

.CreditsTabMenuWrap { background: var(--mint); }

div.step { background: var(--stepbg);  border-color: var(--stepbrdr);  color: var(--steptext);}

.newEventLinkPreText{}
.newEventLink {padding: 25px 0px 40px 0;}
.newEventLinkPostText{font-weight:bold;padding-bottom:10px}

#UpdatePanel1 h1 {margin-bottom: 1rem;font-size: 1.875rem;line-height: 1.25rem;font-weight: 700;color: #02373c;}

#link_newEventLink {border-radius:.5rem; background-color: #23616b; padding: .5rem 1rem; font-weight: 500; line-height: 1.375; color: #ffffff;}
#link_newEventLink:hover { background-color: #045a62;}

#UpdatePanel1 #btn_next { border-radius: .5rem; border-width: 1px; border-color: #23616b; background-color: transparent; padding: .5rem 1rem; font-weight: 500; line-height: 1.375; color: #23616b; display: block; margin: 0 auto 0 0; }

#UpdatePanel1 #btn_next:hover { background-color:  background-color: rgba(4, 90, 98, 0.3);}

/*************************Button Styles *********************/

.button_off, .BTNdefault, .button_on, input[type="button"], input[type="reset"], input[type="submit"]{color: var(--button-text);  
    background-color:var(--button-bg) ; border-color:var(--button-bg) ; }
.button_off:hover, .BTNdefault:hover, .button_on:hover,.button_off:focus, .BTNdefault:focus, .button_on:focus, .button_on,input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{ background:var(--button-bghover);  color:var(--button-texthover); }

.linkBTN-td a, .linkBTN-div a { color: var(--button-text);  background-color:var(--button-bg) ; border-color:var(--button-bg)    }
.linkBTN-td a:hover, .linkBTN-td a:focus, .linkBTN-div a:hover, .linkBTN-div a:focus { background:var(--button-bghover);  color:var(--button-texthover); }

input[type="file"] { color: var(--filebtntxt); background-color:var(--filebtnbg) ; border-color:var(--filebtnbg) ; }
#LinkButton1 {}
#LinkButton1:focus, #LinkButton1:hover{}

 
#tr_pricelist #LinkButton1 { color: var(--lightbtntxt);   background-color:var(--lightbtnbg) ; border-color:var(--lightbtnbg);}
#tr_pricelist #LinkButton1:focus, #tr_pricelist #LinkButton1:hover{background:var(--lightbtnhvr);  color:var(--lightbtnhvrtxt);}

 #documentlist_add_lnk  { color: var(--lightbtntxt);   background-color:var(--lightbtnbg) ; border-color:var(--lightbtnbg); }
#documentlist_add_lnk:hover, #documentlist_add_lnk:focus { background:var(--lightbtnhvr);  color:var(--lightbtnhvrtxt); }

 #lnkAddvoucher { color: var(--lightbtntxt)!important;   background-color:var(--lightbtnbg)!important; border-color:var(--lightbtnbg)!important; }
 #lnkAddvoucher:hover,  #lnkAddvoucher:focus {background:var(--lightbtnhvr)!important;  color:var(--lightbtnhvrtxt)!important; }

#MainContent_link_activeevents {}



/***********************Form Style ************/

input[type="text"], input[type="password"], input.text, input.title, textarea{ border-color:var(--formborder); color:var(--formtext);}
input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.title:focus, textarea:focus { box-shadow: 0 1px 1px rgba(198, 198, 198, 0.075) inset, 0 0 8px rgba(100, 100, 100, 0.6); border-color:var(--formborderhvr); color:var(--formtext); }

select {border-color:var(--formborder); color:var(--formtext);}
select:hover, select:focus { box-shadow: 0 1px 1px rgba(198, 198, 198, 0.075) inset, 0 0 8px rgba(100, 100, 100, 0.6); border-color:var(--formborderhvr); color:var(--formtext);}

/********************Table styles***********************/
.RadGrid_Bootstrap a {color:var(--secondary-color)!important;}
.RadGrid_Bootstrap{border-color:var(--tablebrdr)!important; }
.datagrid {border:var(--tablebrdr) 1px solid;}

.RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap th.rgResizeCol, .RadGrid_Bootstrap .rgHeaderWrapper, .datagrid_header {  background-color: var(--tableheaderbg)!important; border-color:var(--tablebrdr)!important;}
.RadGrid_Bootstrap .rgPagerCell { background-color: var(--tableheaderbg)!important;}

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {   background-color:var(--paginationbg)!important;  border-color:var(--tablebrdr)!important;  color: var(--primary-color)!important; }
.RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgHeader a , .datagrid_header, .datagrid_header a  { color:var(--black80)!important;}


.datagrid {border:var(--tablebrdr) 1px solid;}
.datagrid_alt { background-color:var(--black5);}

#tr_pricelist table#cats tr:nth-child(1) {background-color: var(--tableheaderbg)!important; border-color:var(--tablebrdr)!important; color:var(--black80)!important; }
#tr_pricelist table#cats {border:var(--tablebrdr) 1px solid;}


/***********Find Transaction Page *******************/



@media screen and (max-width: 767px){
.FindTransTopText .FT-TopText, .FindTransWrapDiv, .FindTransBtmText { max-width:80%;  margin: 0 auto;}	
 .LeftMenu_profile {
  
    margin-top: 0px;
    
}
}

@media (min-width: 992px) {
.FindTransTopText .FT-TopText, .FindTransWrapDiv, .FindTransBtmText { max-width:780px;  margin: 0 auto;}
}

.FindTransTopText .FT-TopText {    background: #fff;    padding: 50px 15px 15px 15px;   padding-bottom: 0;}
.FindTransBtmText {    background: #fff;    padding: 15px 15px 50px 15px;   padding-bottom: 0;}

.FindTransWrapDiv {    background: #fff;    padding: 30px 15px 0px 15px;}

.FindTransTopText .breadcrumb-ft { font-size:0.8rem;  padding:10px 0px;  color:var(--secondary-color);  }

.FT_FirstSecWrap {display: -ms-flexbox;   display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    margin-right: -15px;    margin-left: -15px;}



.FT_SearchTable td input[type="text"], .FT_SearchTable td input[type="email"], .FT_SearchTable td input[type="password"] {
    background: #FEF3F1;   
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 4px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    text-align: left!important; width:100%!important;}
	

.RadPicker.RadPicker_Bootstrap {/* width:100%!important; */}


input#ctl00_MainContent_txt_date { width: 100px!important;}
	

.FT_SearchTable td .button-regular {
    background-color:var(--secondary-color);
    border-color: var(--secondary-color);
    color: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0; margin-top:15px;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap; width:80px;
}

.FT_SearchTable td .button-regular:hover, .FT_SearchTable td .button-regular:focus, .FT_SearchTable td .button-regular:active, .FT_SearchTable td .button-regular.active {
    background-color:var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}


.FT_RightDiv { padding: 2px 0px 30px 10px;}
.FT_LeftDiv { width: 100%;}
.FT_RightDiv img { width:280px; max-width:100%; margin: 0 auto!important; display: block;}
.FT_SearchTable td {  padding: 3px 0px;}
.FT_ST_td1 { padding-right: 12px!important;}
.FT_SearchDiv{ margin-bottom:30px }

.FT_SearchBTNtd table { float:right;}

.BottomText { padding-top:45px;}
.BottomLogoText { padding-top:45px; padding-bottom:120px; }

.BottomLogoText h2, .BottomText h2  { color:var(--secondary-color)}
.FT_SearchTable #ctl00_MainContent_txt_date_dateInput, .FT_SearchTable .rcCalPopup { background-color: #FEF3F1!important;   border: 0px solid #ccc!important;}


table.FT_SearchTable { max-width: 375px;}
td.FT_ST_td1 { width: 60%;}

.OrgMainInner div#MainContent_updateCategory {
    display: none;
}