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