@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

  --newred:#21F3B3;
  --orange:#FA7154;
  
  --blue:#003383;
  --c-blue:#B01630;
  --d-blue:#032A24;
  
  --mint:#E8F1FF;  
  --rose:#FBC3B7;
 
font-family: 'Manrope', sans-serif;
font-family: 'Inter', sans-serif;
*/


:root {
	--newred:#B01630;
	--orange:#FA7154;
  
 	--blue:#003383;
 	--c-blue:#B01630;
  	--d-blue:#032A24;
	
	--mint:#E8F1FF;  
  	--rose:#FBC3B7;
  
  	--blue80:rgba(0,51,131,0.8);
  	--blue50:rgba(0,51,131,0.5);
  	--blue20:rgba(0,51,131,0.2);
  	--blue10:rgba(0,51,131,0.1);
  	--blue5:rgba(0,51,131,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:#003383;  
  --secondary-color:#B01630;
  --font-family:'Manrope', sans-serif; 
  
  --button-bg:#003383;
  --button-text:#ffffff;
  --button-bghover:#B01630;
  --button-texthover:#ffffff;
  
  --button-secndry:#B01630;  /*secondry button */
  --button-text-sec:#ffffff;
  
 /*
 --linkbtnbg:#003383;
--linkbtntxt:#ffffff;
--linkbtnhvr:#E8F1FF;
--linkbtnhvrtxt:#003383;*/
  
--filebtnbg:#E8F1FF;
--filebtntxt:#003383;

--lightbtnbg:#FBC3B7;
--lightbtntxt:#B01630;
--lightbtnhvr:#FA7154;
--lightbtnhvrtxt:#ffffff;

--formborder:rgba(0,51,131,0.2);
--formborderhvr:rgba(0,51,131,0.5);
--formtext:rgba(0, 0, 0, 0.8);

--tablebrdr:rgba(0,51,131,0.10);
--tableheaderbg:rgba(0,51,131,0.05);
--tableheadertxt:rgba(0, 0, 0, 0.8);
--paginationbg:#E8F1FF;

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

  --topnav-bg:#F8F8F8;
  --topnav-btn:#B01630;
  --topnav-btn-hvr:#003383;
  
  --topnavdrop-bg:#E8F1FF;
  --topnavdrop-bghvr:#21F3B3;
  
  --headercolor:#B01630; /*Event -  h1 */
  --headersmlcolor:03373C; /*Event -  h2, h4 */
  --headerfont:'Manrope', sans-serif; 


/*****************Nav styles change here*****************/
--left-nav-bg:rgba(0,51,131,0.1); 
--left-nav-bghover:#E2ECED; 

--left-nav-txt:#33373C;
--left-nav-txthover:#000000;

--left-nav-subtxt :#33373C;

/*****************/
--stepbg:#E8F1FF;
--steptext:#B01630;
--stepbrdr:rgba(0,51,131,0.2);


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

}

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(--newred);*/ 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; }


.BottomLogo { text-align:center; }

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

.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);  }



/********************* content area******/

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

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

/*************************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;}