/* global */
table, td, tr
{
	border: 0;
	margin: 0;
	padding: 0;
}

* {}

/*a, a:active, a:visited, a:link {color:#226499; text-decoration:underline}
a:hover, a:selected {color:#388DD3; text-decoration:underline}
.asphl a, .asphl a:active, .asphl a:visited, .asphl a:link {color:#226499 !important; text-decoration:underline}
.asphl a:hover, .asphl a:selected, .asphl, .rglinklabel {color:#388DD3 !important; text-decoration:underline}*/

.rgCommandCell a.asphl, .rgCommandCell a.asphl:active, .rgCommandCell a.asphl:visited, .rgCommandCell a.asphl:link  { color:White !important; padding-left:4px;padding-right:4px; }
.pointer-cursor { cursor: pointer !important; }
.margicon { margin:4px 0 0 5px !important; }
.cursor { cursor:pointer !important; }

/* typography */
h2
{
	font-family: Arial, Sans-Serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}
h3
{
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}
h4
{
	font-family: Arial, Sans-Serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}

/* header */
#headerwrapper
{
	background: url(../../images/bg_header.jpg) repeat-x top;
	height: 60px;
}
#headercontainer
{
	margin: 0 auto;
	font-size: 1.2em;
}
#headerlogo
{
	float: left;
	background: url(../../images/logo_primero.png) no-repeat;
	margin: .5em 0 0 .5em;
	height: 41px;
}
#headerlinks
{
	float: right;
	color: #CCC;
	text-align: right;
	margin: 1em 1em 0 0;
}
#headerlinks a, #headerlinks a:active
{
	color: #EEE;
}
#headerlinks a:hover
{
	color: #FFF;
}

/* main */
#mainwrapper, #footer
{
}
#maincontainer
{
	margin: 0 auto;
	font-size: 1.2em;
}
#sidenavigation
{
	float: left;
	padding: 1em 0 0 1em;
	font-size: 1em;
}
#sidenavigation td
{
	border: 0;
	margin: 0;
}
#contentcontainer
{
	float: left;
	margin: 1em;
}
#contentouter
{
	margin: 0;
	padding: 0;
	width: 100%;
}
#contentinner
{
	margin: 0;
	padding: 0;
}
#footercontainer
{
	margin: 1em auto 0 auto;
	padding: .5em 0;
	font-size: 1.2em;
	text-align: center;
	border-top: 1px solid #CCC;
	background-color: #F8F8F8;
}
/* Login */

#login
{
	padding-top: 80px;
}
#logincontainer
{
	width: 300px;
	margin: 0 auto;
}
#loginheader
{
	/*background: url(../../images/BG_Login_Header.png) no-repeat top;
	height: 70px;*/
	background: url(../../images/BG_Login_Header2.png) no-repeat top;
	height: 110px;
}
#loginouter
{
	background-color: #F5F9FC;
	border-left: 1px solid #D0D3D9;
	border-right: 1px solid #D0D3D9;
}
#logininner
{
	padding: 20px 20px 20px 25px;
}
#loginversion
{
	color: #2876B5;
	text-align: right;
	font-style: italic;
}
#loginfooter
{
	background: url(../../images/BG_Login_Footer.png) no-repeat top;
	height: 6px;
}
#loginmessages
{
	margin-bottom: 10px;
}
.logintext
{
	font-size: 1.3em;
	color: #5C6F72;
}
.LoginTextBox
{
	/*height: 25px;*/
	padding: 5px;
	font-size: 1.5em;
	font-weight: bold;
	/*color: #49687A;*/
}

/* Navigation */
#navcontainer
{
	width: 180px;
}
.navheadertop
{
	/*background:url(../../images/NavMod_Top.png) no-repeat center;*/
}
.navfooter
{
	background: url(../../images/NavMod_Bottom.png) no-repeat top;
	height: 5px;
}
.navheaderbg
{
	background: #223244 url(../../images/NavHeader_Grad.jpg) repeat-x top;
	height: 36px;
	text-decoration: none;
	cursor: hand;
	color: #FFF;
	font-weight: bold;
	padding: .6em .5em 0 .5em;
	font-size: 1.1em;
	color: #F1F3F8;
}
.headerdesc
{
	float: left;
}
.headerarr
{
	float: right;
	margin-top: -.7em;
}
.navouter
{
	background-color: #F5F9FC;
	border-left: 1px solid #D0D3D9;
	border-right: 1px solid #D0D3D9;
	border-bottom: 1px solid #D0D3D9;
	margin-bottom: 5px;
}
.navinner
{
	padding: .5em 1em;
}
.navinner ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.navinner li
{
}
.navinner a, .navinner a:active, .navinner a:link, .navinner a:visited
{
	text-decoration: none;
	color: #555;
	line-height: 2em;
}
.navinner a:hover
{
	color: #2876B5;
}

/* Layout */
.clear
{
	clear: both;
	padding: 0;
	margin: 0;
}
.left
{
	float: left;
}
.right
{
	float: right;
}

/* Headers */
.headerstyle1
{
	background: url(../../images/BG_Body_MainHeader.jpg) repeat-x top;
	height: 35px;
	border: 0;
}
.headerstyle2
{
	background: url(../../images/BG_Body_MainHeader2.jpg) repeat-x top;
	height: 35px;
	border-bottom: 1px solid #CCC;
}
.contentheader h1
{
	font-size: 1.1em;
	font-weight: bold;
	background: url(../../images/BG_Body_MainHeader.jpg) repeat-x top;
	border-top: 1px solid #3C6590;
	border-left: 1px solid #3C6590;
	border-right: 1px solid #3C6590;
	height: 35px;
	line-height: 2.5em;
	color: #FFF;
	padding: 0 .5em;
}
.contentheader h2
{
	font-size: 1.1em;
	font-weight: bold;
	background: url(../../images/BG_Body_MainHeader2.jpg) repeat-x top;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	height: 35px;
	line-height: 2.5em;
	color: #333;
	padding: 0 .5em;
}

/* Grid Footer */
.gridfooter
{
	background-color: #EAF1F7;
	border-left: 1px solid #3C6590;
	border-right: 1px solid #3C6590;
	border-bottom: 1px solid #3C6590;
	padding: .5em;
	text-align: right;
}
.gridfooter2
{
	background-color: #F0F0F0;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: .5em;
	text-align: right;
}
.gridfooter3
{
	border-top: 1px solid #3C6590;
	background-color: #EAF1F7;
	padding: .5em;
	text-align: right;
}
.gridheader
{
	background-color: #EAF1F7;
	border-left: 1px solid #3C6590;
	border-right: 1px solid #3C6590;
	border-top: 1px solid #3C6590;
	padding: .5em;
	text-align: right;
}
.gridheader2
{
	background-color: #F0F0F0;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding: .5em;
	text-align: right;
}
.gridheader3
{
	background-color: #FFF;
	border-left: 1px solid #3C6590;
	border-right: 1px solid #3C6590;
	border-top: 1px solid #3C6590;
	text-align: right;
}
.gridfooter .defaultbutton, .gridheader .defaultbutton, .gridfooter2 .defaultbutton, .gridheader2 .defaultbutton, .gridfooter3 .defaultbutton, .gridheader3 .defaultbutton, .grid_title .defaultbutton
{
	/*margin-left: 3px;*/
}

/* Body Element Areas */
.bodycontentarea
{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
}
.bodycontentarea2
{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #F0F0F0;
}
.bodycontentareatab
{
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 1em;
}
.searcharea
{
	border-bottom: 1px solid #CCC;
	background-color: #F0F0F0;
	padding: 1em;
}
.searcharea .defaultbutton, .searchelement .defaultbutton
{
	float: left;
	margin-top: 14px;
}
.searchelement
{
	float: left;
	margin-right: 1em;
}
.blueinfobar
{
	background-color: #F5F9FC;
	padding: 1em;
}
.panelarea
{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
}
.bodyfunctionarea
{
	background-color: #F5F9FC;
	border: 1px solid #3C6590;
	padding: 1em;
}
.bodyfunctionarea2
{
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: .5em 0;
}
.bodyfunctionarea2 td
{
	padding-left: 1em;
}
.bodyfunctionarea3
{
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: .5em 0;
}
.bodyfunctionarea4
{
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	padding: 1em;
}
.parameters .defaultbutton, .block .element div .defaultbutton
{
	margin-top: 0;
	display: inline-block;
	padding: 12px !important;
	min-width: 90px;
}
.webpartarea
{
	background-color: #F5F9FC;
	border: 1px solid #3C6590;
	padding: 1em;
}
.pagemessage
{
	border: 1px solid #BBB;
	background-color: #FFFFDF;
	padding: 1em;
	margin-top: 1em;
}

/* ASP Controls */
.defaultbutton
{
	padding: 1px 4px 3px 4px;
	/*font: 12px normal Arial, Sans-Serif;*/
	vertical-align:baseline;
	height:24px;
	overflow: visible;
}

.reset-btn .defaultbutton[value="Reset"],
.popup_footer .defaultbutton[value="Close"],
.reset-btn .defaultbutton[value="Cancel"],
.button[value="Go Back"],
#btnGoBack[value="Close"],
a[id$="btnCancelSite"],
a[id$="btnCancel"] {
	border: 1px solid #D0D5DD;
	color: #344054 !important;
	padding: 7px 9px !important;
	border-radius: 8px;
	font-weight: 700 !important;
	background: #ffffff;
}

.RadGrid .rgMasterTable .rgEditForm tr td > a[id$="PerformInsertButton"],
.RadGrid .rgMasterTable .rgEditForm tr td > a[id$="UpdateButton"],
.RadGrid .rgMasterTable .rgEditForm a[id$="btnUpdate"] {
	background: #7F56D9;
	color: #ffffff !important;
	padding: 12px;
	border-radius: 8px;
	font-weight: 700;
	margin-right: 5px;
}

.RadWindow_Vista .rwTitleBar {
	border-color: transparent !important;
	color: #000 !important;
	background-color: transparent !important;
	background-image: none !important;
	border-radius: 3px 3px 0 0 !important;
}
/* CSSUPPORT Button */
.cssupportbutton, input#btnOK {
	/*padding: 1px 4px 3px 4px;
	vertical-align:baseline; 
	height:24px;
	overflow: visible;
	color: #8f3838 !important;*/
	padding: 12px !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-align: center;
	height: auto !important;
	background-color: #7266DB;
	border: 0;
	border-radius: 8px;
	cursor: pointer;
	box-sizing: border-box;
	font-size: 12px !important;
}
.defaulttextbox
{
	padding: 3px 2px 2px 2px !important;
	border-top:1px solid #abadb3 !important;
	border-right:1px solid #dbdfe6 !important;
	border-bottom:1px solid #e3e9ef !important;
	border-left:1px solid #e2e3ea !important;
	vertical-align:baseline !important;
}
.parameters_summary .defaulttextbox
{
	padding: 5px 7px !important;
	border-top: 0 solid #abadb3 !important;
	border-right: 0 solid #dbdfe6 !important;
	border-bottom: 0 solid #e3e9ef !important;
	border-left: 0 solid #e2e3ea !important;
	vertical-align: baseline !important;
	border-radius: 5px;
}
.radiobutton label, .checkbox label
{
	padding: 0 5px 0 2px;
}
.required
{
	padding: 3px 2px 2px 2px !important;
	border-top:1px solid #abadb3 !important;
	border-right:1px solid #dbdfe6 !important;
	border-bottom:1px solid #e3e9ef !important;
	border-left:1px solid #e2e3ea !important;
	vertical-align:baseline !important;
}

.viewSession-loadedtext 
{
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}

.viewSession-loadedtext > div {
	width: calc(20% - 16px);
}

.StudentInfoLabel {
	/*min-height:22px;
	padding: 3px 2px 2px 2px !important;
	border-top:1px solid #abadb3 !important;
	border-right:1px solid #dbdfe6 !important;
	border-bottom:1px solid #e3e9ef !important;
	border-left:1px solid #e2e3ea !important;
	vertical-align:baseline !important;
background-color: transparent;*/
	min-height: 32px;
	padding: 8px 8px 8px 8px !important;
	border-top: 0 solid #abadb3 !important;
	border-right: 0 solid #dbdfe6 !important;
	border-bottom: 0 solid #e3e9ef !important;
	border-left: 0 solid #e2e3ea !important;
	vertical-align: baseline !important;
	background-color: #ffffff !important;
	/*width: 100% !important;*/ 
	display: block !important;
	border-radius: 5px;
	border: 1px solid #d0d5ddde !important;
	cursor: text;
}
.filter .StudentInfoLabel, .addbar .StudentInfoLabel { background-color: #fff; }
.infoLabel
{
	min-height:22px;
	padding: 3px 2px 2px 2px !important;
	border-top:1px solid #abadb3 !important;
	border-right:1px solid #dbdfe6 !important;
	border-bottom:1px solid #e3e9ef !important;
	border-left:1px solid #e2e3ea !important;
	vertical-align:baseline !important;
	background-color: transparent;
	min-width:50px !important;
}
.InfoLabel1
{
	min-height:22px;
	padding: 3px 2px 2px 2px !important;
	border-top:1px solid #abadb3 !important;
	border-right:1px solid #dbdfe6 !important;
	border-bottom:1px solid #e3e9ef !important;
	border-left:1px solid #e2e3ea !important;
	vertical-align:baseline !important;
	background: transparent;
}
.InfoLabel2
{
	min-height:22px;
	padding: 3px 2px 2px 2px !important;
	border-top:1px solid #abadb3 !important;
	border-right:1px solid #dbdfe6 !important;
	border-bottom:1px solid #e3e9ef !important;
	border-left:1px solid #e2e3ea !important;
	vertical-align:baseline !important;
	background-color: #fff;
}
.InfoLabelMain {
	min-height:22px;
	padding: 5px 3px 1px 3px;
	display:inline-block;
	float:left;
}  


.menubuttonbg
{
   /* background-image: url(../../images/menubutton_bg_grad.png);*/
	background-position: top left;
	background-repeat: repeat-x;
	border: 0;
	padding: 10px;
	cursor: pointer;
	color: #FFF;
}

/* Misc */
.pad10
{
	padding: 10px;
}
.margintop10
{
	margin-top: 10px;
}
.marginbottom10
{
	margin-bottom: 10px;
}
.borderstyle1
{
	border: 1px solid #CCC;
}
.borderstyle2
{
	border: 1px solid #3C6590;
}
.bt
{
	border-top: 1px solid #C7CECF;
	margin-top: 10px;
	padding-top: 10px;
}
.bb
{
	border-bottom: 1px solid #C7CECF;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.bb-tableAddmode td {
	padding-bottom: 6px;
}

.ingredientAddMode-check span.checkbox {
	position: relative;
	top: 5px;
}

.bb2
{
	border-bottom: 1px solid #EEE;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
.noborder table, .noborder td, .noborder tr
{
	border: 0;
	margin: 0;
	padding: 0;
}
.nomargtop
{
	margin-top: 0;
}
.padb3
{
	margin-bottom: 3px;
}
.notitle
{
	display: none;
}
.lightgray
{
	color: #777;
}
.warningyellow
{
	color: #B87D03;
	font-weight: bold;
}
.successgreen
{
	color: #009933;
	font-weight: bold;
}

.CSWebPartPanel
{
	border: 1px solid #CCC;
}
btndefaultu, a.btndefaultu:link
{
	font-size: 10px;
	font-weight: normal;
	color: #3078aa;
	text-decoration: underline;
}
btndefaultu, a.btndefaultu:visited
{
	font-size: 10px;
	font-weight: normal;
	color: #3078aa;
	text-decoration: underline;
}
btndefaultu, a.btndefaultu:hover
{
	font-size: 10px;
	font-weight: normal;
	color: #2096e8;
	text-decoration: underline;
}

table.tablegrid
{
	border-collapse: collapse;
	border: 1 solid #ccc;
	width: 100%;
}
.tablegrid thead td, .tablegrid td
{
	padding: 5px;
}
.tablegrid thead
{
	border: 1px solid #ccc;
	background: #ddd;
	font-weight: bold;
}
.tablegrid tbody td
{
	border-bottom: 1px solid #ccc;
}

.vtop td {vertical-align:top}

.DivNutritionFooterPanel
{
	height:450px;
	overflow-y:scroll;
}
/* filter toggle 
.filter-toggle-link { display:block; float:right; }
.filter-toggle-link a, .filter-toggle-link a:hover { color:#FFF !important; }
*/

.rmpHiddenView { display:none; }
fieldset { background-image: none !important; }

.rightaligned { text-align:right !important; }

input.textboxlikelabel {
	border: none !important; 
	background-color: transparent !important;
	color: black !important;
	padding: 3px 2px 5px 2px !important;
}

.btnRounded {
	display: inline-block;
	color: white;
	height: 50px;
	width: 160px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border:0 none;
	background:#999BA1;
}

.btnRoundedGenerate {
	display: inline-block;
	color: white;
	height: 30px;
	text-decoration: none;
	margin: 0;
	padding: 0 10px;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border:0 none;
	background:#999BA1;
}

.btnRoundedWithWrap {
	display: inline-block;
	color: white;
	width: 160px;
	padding: 5px;
	border-radius: 4px;
	border:0 none;
	background:#999BA1;
	white-space: normal;
}

 /* remove main borders */
.borderLessDialog.RadWindow
{
	border: none !important;
	padding: 0 !important;
}

/* both selectors below can be replaced with setting VisibleTitlebar="false" */
/* remove the titlebar widening */
.borderLessDialog.RadWindow .rwTitleBar
{
	margin: 0 !important;
}

/* remove the titlebar */
.borderLessDialog .rwTitleBar
{
	display: none !important;
}

/* the selector below can be replaced with setting VisibleStatusbar="false" */
/* remove the statusbar */
.borderLessDialog .rwStatusBar
{
	display: none !important;
}

/* remove the border around the content */
.borderLessDialog.RadWindow .rwContent
{
	border: none !important;
}

.borderLessDialog table .rwTopLeft,
.borderLessDialog table .rwTopRight,
.borderLessDialog table .rwFooterLeft,
.borderLessDialog table .rwFooterRight,
.borderLessDialog table .rwFooterCenter,
.borderLessDialog table .rwBodyLeft,
.borderLessDialog table .rwBodyRight,
.borderLessDialog table .rwTitlebar,
.borderLessDialog table .rwTopResize 
   {  
	   background-image: none !important; 
	   display:none !important;
   }

.formbuilderInfoIconPopUp .formbuilderInfoIconPopUptext {
	visibility: hidden;
	width: 30%;
	top: 30%;
	background-color: white;
	color: black;
	border-radius: 6px;
	border: solid black;
	padding: 5px;
	position: fixed;
	z-index: 1;
}

.formbuilderInfoIconPopUp .formbuilderInfoIconPopUptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.formbuilderInfoIconPopUp:hover .formbuilderInfoIconPopUptext {
	visibility: visible;
	opacity: 1;
}

.RadGrid_Vista .rgEditRow {
	background-color: #93ceed2e !important;
}

.RadGrid_Telerik .rgEditRow {
	background-color: white !important;
}

.RadGrid_Default .rgEditRow {
	background-color: white !important;
}

.RadGrid_Sunset th.rgSorted {
	background-color: #b94d0a !important;
}

.quick-buttons {
	display: none;
}