/*-------------------------------------------------------*/
/*                         DEFAULT                       */
/*-------------------------------------------------------*/
.mainMenuPage{
    --mainMenuTextColor: #5f5f5f;
    --mainMenuHeaderColor: #1CD9DF;
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: #f7f7f7;
    --boxShadowColor: rgba(0, 0, 0, 0.1);
    --buttonBorderColor: black;
    --buttonBackgroundColor: white;
}

.mainMenuPopover{
    --mainMenuPopoverBackground: #f7f7f7;
    --mainMenuPopoverTextColor: #5f5f5f;
    --mainMenuPopoverIconColor: #5f5f5f;
    --mainMenuPopoverArrowColor: #99999999;
    --mainMenuPopoverBorderColor: #99999999;
}

.mainMenuPopover .sapMPopoverArrUp:before, 
.mainMenuPopover .sapMPopoverArrDown:before,
.mainMenuPopover .sapMPopoverArr:after,
.mainMenuPopover .sapMPopoverHeader {
    background: transparent !important;
    border-bottom-color: var(--mainMenuPopoverArrowColor) !important;
}

.mainMenuPopover.sapMPopover{
    background: var(--mainMenuPopoverBackground);
    border-color: var(--mainMenuPopoverBorderColor);
}

.mainMenuPopover .sapUiIcon,
.mainMenuPopover .sapMLabel{
    color: var(--mainMenuPopoverTextColor);
}

.mainMenuButtonBox {
    --buttonTextColor: var(--mainMenuTextColor);
}

.mainMenuComunicationButton{
    --buttonBorderColor: var(--communicationColor);
}

.mainMenuHealthButton{
    --buttonBorderColor: var(--healthColor);
}


.mainMenuPedagogicButton{
    --buttonBorderColor: #4fa8ee;
}

.mainSettingsButton{
    --buttonBorderColor: var(--settingsColor);
}

.muralButton{
    --buttonBorderColor: #52deb2;
}

.notificationsButton{
    --buttonBorderColor:rgb(88, 223, 235);
}

.calendarButton{
    --buttonBorderColor: #f99c2b;
}

.reportCardButton{
    --buttonBorderColor: #cf6685;
}

.documentsButton{
    --buttonBorderColor: #51cca5;
}

.medicinesButton{
    --buttonBorderColor: #f5738a;
}

.arrivingButton{
    --buttonBorderColor: #e1c100;
}

/*-------------------------------------------------------*/
/*                         Dark                       */
/*-------------------------------------------------------*/
.dark .mainMenuPage{
    --mainMenuTextColor: #f3f3f3;
    --mainMenuHeaderColor: #094244;
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: #1d1d1d;
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: rgb(20, 20, 20);
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.dark .mainMenuPopover{
    --mainMenuPopoverBackground: rgb(20, 20, 20);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                         sandbox                      */
/*-------------------------------------------------------*/
.sandbox .mainMenuPage{
    --mainMenuTextColor: #f3f3f3;
    --mainMenuHeaderColor: #005356;
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: #00233b;
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: rgb(20, 20, 20);
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.sandbox .oddGroup .mainMenuGroupIcon,
.sandbox .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: yellow;
    --buttonBorderColor: yellow !important;
}

.sandbox .evenGroup .mainMenuGroupIcon,
.sandbox .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: rgb(150, 237, 255);
}

.sandbox .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: red;
}

.sandbox .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: rgb(0, 186, 0);
}


.sandbox .mainMenuPopover{
    --mainMenuPopoverBackground: rgb(20, 20, 20);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                      miguelcervantes                  */
/*-------------------------------------------------------*/
.miguelcervantes .mainMenuPage{
    --mainMenuTextColor: rgb(54, 58, 137);
    --mainMenuHeaderColor: rgb(119, 142, 195);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: rgb(54, 58, 137);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.miguelcervantes .oddGroup .mainMenuGroupIcon,
.miguelcervantes .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: rgb(190, 210, 255);
    --buttonBorderColor: rgb(190, 210, 255) !important;
}

.miguelcervantes .evenGroup .mainMenuGroupIcon,
.miguelcervantes .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: rgb(190, 210, 255);
}

.miguelcervantes .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: rgb(190, 210, 255);
}

.miguelcervantes .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: rgb(190, 210, 255);
}

.miguelcervantes .mainMenuPopover{
    --mainMenuPopoverBackground: rgb(54, 58, 137);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                      cenov                  */
/*-------------------------------------------------------*/
.cenov {
  --customAppPrimaryColor: #999999;
  --customAppSecondaryColor: #FF6633;
  --customAppTertiaryColor: #FFFFFF;
}

.cenov .mainMenuPage{
    --mainMenuTextColor: var(--customAppSecondaryColor);
    --mainMenuHeaderColor: var(--customAppTertiaryColor);
    --mainMenuHeaderTextColor: var(--customAppSecondaryColor);
    --mainMenuBackgroundColor: var(--customAppPrimaryColor);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: var(--customAppTertiaryColor);
    --buttonBackgroundColor: var(--customAppTertiaryColor);
    --mainMenuPopoverTextColor: var(--customAppTertiaryColor);
    background: var(--customAppPrimaryColor);
}

.cenov .oddGroup .mainMenuGroupIcon,
.cenov .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--customAppTertiaryColor);
    --buttonBorderColor: var(--customAppSecondaryColor) !important;
}

.cenov .evenGroup .mainMenuGroupIcon,
.cenov .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--customAppTertiaryColor);
}

.cenov .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--customAppSecondaryColor);
}

.cenov .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--customAppSecondaryColor);
}

.cenov .mainMenuPopover{
    --mainMenuPopoverBackground: var(--customAppSecondaryColor);
    --mainMenuPopoverTextColor: var(--customAppTertiaryColor);
    --mainMenuPopoverIconColor: var(--customAppTertiaryColor);
    --mainMenuPopoverArrowColor: var(--customAppSecondaryColor);
    --mainMenuPopoverBorderColor: var(--customAppSecondaryColor);
}

/*-------------------------------------------------------*/
/*                           bloom                       */
/*-------------------------------------------------------*/
.bloom {
    --yellow: rgb(243, 226, 97);
    --blue: rgb(19, 173, 192);
}

.bloom .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--yellow);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.bloom .oddGroup .mainMenuGroupIcon,
.bloom .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.bloom .evenGroup .mainMenuGroupIcon,
.bloom .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.bloom .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.bloom .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.bloom .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                         escolabc                      */
/*-------------------------------------------------------*/
.escolabc {
    --lightBlue: rgb(157, 174, 249);
    --blue: rgb(40, 66, 148);
}

.escolabc .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--lightBlue);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.escolabc .oddGroup .mainMenuGroupIcon,
.escolabc .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.escolabc .evenGroup .mainMenuGroupIcon,
.escolabc .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.escolabc .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.escolabc .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.escolabc .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                         cebemviver                      */
/*-------------------------------------------------------*/
.cebemviver {
    --lightGreen: rgb(215, 242, 244);
    --green: rgb(99, 182, 188);
}

.cebemviver .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--green);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--lightGreen);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.cebemviver .oddGroup .mainMenuGroupIcon,
.cebemviver .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.cebemviver .evenGroup .mainMenuGroupIcon,
.cebemviver .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
}

.cebemviver .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.cebemviver .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.cebemviver .mainMenuPopover{
    --mainMenuPopoverBackground: var(--green);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                          tistu                        */
/*-------------------------------------------------------*/
.tistu {
    --green: rgb(1, 151, 135);
    --blue: rgb(1, 38, 78);
}

.tistu .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--green);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.tistu .oddGroup .mainMenuGroupIcon,
.tistu .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.tistu .evenGroup .mainMenuGroupIcon,
.tistu .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.tistu .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.tistu .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.tistu .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}


/*-------------------------------------------------------*/
/*                       montealegre                     */
/*-------------------------------------------------------*/
.montealegre {
    --green: rgb(7, 46, 27);
}

.montealegre .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--green);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: #f7f7f7;
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.montealegre .oddGroup .mainMenuGroupIcon,
.montealegre .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.montealegre .evenGroup .mainMenuGroupIcon,
.montealegre .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
}

.montealegre .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.montealegre .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.montealegre .mainMenuPopover{
    --mainMenuPopoverBackground: var(--green);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        unificado                      */
/*-------------------------------------------------------*/
.unificado {
    --blue: rgb(000, 102, 146);
    --green: rgb(149, 201, 079);
}

.unificado .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--green);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.unificado .oddGroup .mainMenuGroupIcon,
.unificado .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.unificado .evenGroup .mainMenuGroupIcon,
.unificado .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.unificado .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.unificado .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.unificado .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        barreto gurian                 */
/*-------------------------------------------------------*/
.barreto {
    --blue: rgb(2, 4, 107);
    --red: rgb(234, 52, 36);
}

.barreto .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--red);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.barreto .oddGroup .mainMenuGroupIcon,
.barreto .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.barreto .evenGroup .mainMenuGroupIcon,
.barreto .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.barreto .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.barreto .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.barreto .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}


/*-------------------------------------------------------*/
/*                        notre dame                     */
/*-------------------------------------------------------*/
.notredame {
    --blue: rgb(32, 55, 126);
    --gray: rgb(194, 194, 194);
}

.notredame .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.notredame .oddGroup .mainMenuGroupIcon,
.notredame .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.notredame .evenGroup .mainMenuGroupIcon,
.notredame .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.notredame .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.notredame .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.notredame .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        creativita                     */
/*-------------------------------------------------------*/
.creativita {
    --red: rgb(158, 56, 40);
    --green: rgb(67, 106, 47);
    --gray: rgb(240, 240, 240);
}

.creativita .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--red);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.creativita .oddGroup .mainMenuGroupIcon,
.creativita .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.creativita .evenGroup .mainMenuGroupIcon,
.creativita .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--red);
}

.creativita .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--red);
}

.creativita .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.creativita .mainMenuPopover{
    --mainMenuPopoverBackground: var(--red);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        nossofruto                     */
/*-------------------------------------------------------*/
.nossofruto {
    --lightblue: rgb(132, 157, 247);
    --darkblue: rgb(12, 37, 75);
}

.nossofruto .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--darkblue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--lightblue);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.nossofruto .oddGroup .mainMenuGroupIcon,
.nossofruto .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--darkblue);
    --buttonBorderColor: var(--darkblue) !important;
}

.nossofruto .evenGroup .mainMenuGroupIcon,
.nossofruto .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--darkblue);
}

.nossofruto .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--darkblue);
}

.nossofruto .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--darkblue);
}

.nossofruto .mainMenuPopover{
    --mainMenuPopoverBackground: var(--darkblue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        sunrise                        */
/*-------------------------------------------------------*/
.sunrise {
    --white: rgb(255, 255, 255);
    --yellow: rgb(223, 185, 75);
    --red: rgb(145, 43, 48);
}

.sunrise .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--red);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--yellow);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--white);
}

.sunrise .oddGroup .mainMenuGroupIcon,
.sunrise .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
    --buttonBorderColor: var(--yellow) !important;
}

.sunrise .evenGroup .mainMenuGroupIcon,
.sunrise .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--red);
}

.sunrise .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--red);
}

.sunrise .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.sunrise .mainMenuPopover{
    --mainMenuPopoverBackground: var(--red);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                 florestaencantada                     */
/*-------------------------------------------------------*/
.florestaencantada {
    --lightblue: rgb(75, 167, 228);
    --pink: rgb(208, 44, 122);
    --white: rgb(255, 255, 255);
}

.florestaencantada .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--pink);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--white);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.florestaencantada .oddGroup .mainMenuGroupIcon,
.florestaencantada .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--lightblue);
    --buttonBorderColor: var(--lightblue) !important;
}

.florestaencantada .evenGroup .mainMenuGroupIcon,
.florestaencantada .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--pink);
}

.florestaencantada .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--pink);
}

.florestaencantada .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--lightblue);
}

.florestaencantada .mainMenuPopover{
    --mainMenuPopoverBackground: var(--pink);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        cristaoalpha                   */
/*-------------------------------------------------------*/
.cristaoalpha {
    --lightblue: rgb(138, 191, 211);
    --darkblue: rgb(37, 78, 156);
}

.cristaoalpha .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--darkblue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--lightblue);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.cristaoalpha .oddGroup .mainMenuGroupIcon,
.cristaoalpha .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--darkblue);
    --buttonBorderColor: var(--darkblue) !important;
}

.cristaoalpha .evenGroup .mainMenuGroupIcon,
.cristaoalpha .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--darkblue);
}

.cristaoalpha .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--darkblue);
}

.cristaoalpha .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--darkblue);
}

.cristaoalpha .mainMenuPopover{
    --mainMenuPopoverBackground: var(--darkblue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        psp                            */
/*-------------------------------------------------------*/
.psp {
    --white: rgb(254, 254, 254);
    --darkblue: rgb(30, 64, 143);
    --yellow: rgb(226, 185, 89);
}

.psp .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--darkblue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--white);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.psp .oddGroup .mainMenuGroupIcon,
.psp .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
    --buttonBorderColor: var(--yellow) !important;
}

.psp .evenGroup .mainMenuGroupIcon,
.psp .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--darkblue);
}

.psp .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--darkblue);
}

.psp .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.psp .mainMenuPopover{
    --mainMenuPopoverBackground: var(--darkblue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        fadelito                       */
/*-------------------------------------------------------*/
.fadelito {
    --darkblue: rgb(45, 105, 159);
    --yellow: rgb(209, 176, 47);
    --gray: rgb(240, 240, 240);
}

.fadelito .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--darkblue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.fadelito .oddGroup .mainMenuGroupIcon,
.fadelito .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
    --buttonBorderColor: var(--yellow) !important;
}

.fadelito .evenGroup .mainMenuGroupIcon,
.fadelito .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--darkblue);
}

.fadelito .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--darkblue);
}

.fadelito .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.fadelito .mainMenuPopover{
    --mainMenuPopoverBackground: var(--darkblue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        florescer                      */
/*-------------------------------------------------------*/
.florescer {
    --darkblue: rgb(0, 52, 98);
    --green: rgb(28, 178, 68);
}

.florescer .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--green);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--darkblue);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.florescer .oddGroup .mainMenuGroupIcon,
.florescer .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.florescer .evenGroup .mainMenuGroupIcon,
.florescer .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
}

.florescer .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.florescer .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.florescer .mainMenuPopover{
    --mainMenuPopoverBackground: var(--green);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        qcarinho                       */
/*-------------------------------------------------------*/
.qcarinho {
    --purple: rgb(129, 45, 138);
    --yellow: rgb(249, 175, 31);
}

.qcarinho .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--yellow);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--purple);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.qcarinho .oddGroup .mainMenuGroupIcon,
.qcarinho .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
    --buttonBorderColor: var(--yellow) !important;
}

.qcarinho .evenGroup .mainMenuGroupIcon,
.qcarinho .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
}

.qcarinho .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.qcarinho .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.qcarinho .mainMenuPopover{
    --mainMenuPopoverBackground: var(--yellow);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        athena                         */
/*-------------------------------------------------------*/
.athena {
    --cyan: rgb(23, 206, 207);
    --lightgreen: rgb(166, 230, 92);
    --white: rgb(255, 255, 255);
}

.athena .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--cyan);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--white);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.athena .oddGroup .mainMenuGroupIcon,
.athena .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--lightgreen);
    --buttonBorderColor: var(--lightgreen) !important;
}

.athena .evenGroup .mainMenuGroupIcon,
.athena .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--cyan);
}

.athena .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--cyan);
}

.athena .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--lightgreen);
}

.athena .mainMenuPopover{
    --mainMenuPopoverBackground: var(--lightgreen);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                  aprendendoacrescer                   */
/*-------------------------------------------------------*/
.aprendendoacrescer {
    --greem: rgb(138, 201, 58);
    --yellow: rgb(248, 210, 51);
    --white: rgb(255, 255, 255);
}

.aprendendoacrescer .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--greem);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--white);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.aprendendoacrescer .oddGroup .mainMenuGroupIcon,
.aprendendoacrescer .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
    --buttonBorderColor: var(--yellow) !important;
}

.aprendendoacrescer .evenGroup .mainMenuGroupIcon,
.aprendendoacrescer .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--greem);
}

.aprendendoacrescer .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--greem);
}

.aprendendoacrescer .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.aprendendoacrescer .mainMenuPopover{
    --mainMenuPopoverBackground: var(--yellow);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                      trilhando                        */
/*-------------------------------------------------------*/
.trilhando {
    --blue: rgb(9, 16, 59);
    --green: rgb(120, 166, 57);
    --white: rgb(255, 255, 255);
}

.trilhando .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--green);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.trilhando .oddGroup .mainMenuGroupIcon,
.trilhando .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.trilhando .evenGroup .mainMenuGroupIcon,
.trilhando .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.trilhando .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.trilhando .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.trilhando .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                      plenitude                        */
/*-------------------------------------------------------*/
.plenitude {
    --yellow: rgb(207, 190, 61);
    --gray: rgb(220, 220, 220);
}

.plenitude .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--yellow);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.plenitude .oddGroup .mainMenuGroupIcon,
.plenitude .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
    --buttonBorderColor: var(--yellow) !important;
}

.plenitude .evenGroup .mainMenuGroupIcon,
.plenitude .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
}

.plenitude .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.plenitude .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.plenitude .mainMenuPopover{
    --mainMenuPopoverBackground: var(--yellow);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                      favodemel                        */
/*-------------------------------------------------------*/
.favodemel {
    --orange: rgb(221, 150, 53);
    --gray: rgb(238, 238, 238);
}

.favodemel .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--orange);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.favodemel .oddGroup .mainMenuGroupIcon,
.favodemel .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--orange);
    --buttonBorderColor: var(--orange) !important;
}

.favodemel .evenGroup .mainMenuGroupIcon,
.favodemel .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--orange);
}

.favodemel .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--orange);
}

.favodemel .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--orange);
}

.favodemel .mainMenuPopover{
    --mainMenuPopoverBackground: var(--orange);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        arcanoe                        */
/*-------------------------------------------------------*/
.arcanoe {
    --blue: rgb(52, 85, 159);
    --white: rgb(255, 255, 255);
}

.arcanoe .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--white);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.arcanoe .oddGroup .mainMenuGroupIcon,
.arcanoe .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.arcanoe .evenGroup .mainMenuGroupIcon,
.arcanoe .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.arcanoe .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.arcanoe .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.arcanoe .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}


/*-------------------------------------------------------*/
/*                      mackgenius                       */
/*-------------------------------------------------------*/
.mackgenius {
    --blue: rgb(24, 32, 63);
    --red: rgb(136, 41, 61);
    --white: rgb(255, 255, 255);
}

.mackgenius .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--white);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.mackgenius .oddGroup .mainMenuGroupIcon,
.mackgenius .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--red);
    --buttonBorderColor: var(--red) !important;
}

.mackgenius .evenGroup .mainMenuGroupIcon,
.mackgenius .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.mackgenius .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.mackgenius .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--red);
}

.mackgenius .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                         eba                           */
/*-------------------------------------------------------*/

eba .mainMenuPage{
    --mainMenuTextColor: #5f5f5f;
    --mainMenuHeaderColor: #1CD9DF;
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: #f7f7f7;
    --boxShadowColor: rgba(0, 0, 0, 0.1);
    --buttonBorderColor: black;
    --buttonBackgroundColor: white;
    background: var(--mainMenuBackgroundColor);
}

.eba .mainMenuPopover{
    --mainMenuPopoverBackground: #f7f7f7;
    --mainMenuPopoverTextColor: #5f5f5f;
    --mainMenuPopoverIconColor: #5f5f5f;
    --mainMenuPopoverArrowColor: #99999999;
    --mainMenuPopoverBorderColor: #99999999;
}

.eba .oddGroup .mainMenuGroupIcon,
.eba .oddGroup .mainMenuGroupTitle,
.eba .evenGroup .mainMenuGroupIcon,
.eba .evenGroup .mainMenuGroupTitle {
    --mainMenuTextColor: #5f5f5f;
}

/*-------------------------------------------------------*/
/*                         fama                          */
/*-------------------------------------------------------*/
.fama {
    --orange: rgb(208, 113, 69);
    --white: rgb(255, 255, 255);
}

.fama .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--orange);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--white);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.fama .oddGroup .mainMenuGroupIcon,
.fama .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--orange);
    --buttonBorderColor: var(--orange) !important;
}

.fama .evenGroup .mainMenuGroupIcon,
.fama .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--orange);
}

.fama .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--orange);
}

.fama .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--orange);
}

.fama .mainMenuPopover{
    --mainMenuPopoverBackground: var(--orange);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                   primeirainfancia                    */
/*-------------------------------------------------------*/
.primeirainfancia {
    --purple: rgb(92, 60, 146);
    --white: rgb(255, 255, 255);
}

.primeirainfancia .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--purple);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--white);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.primeirainfancia .oddGroup .mainMenuGroupIcon,
.primeirainfancia .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--purple);
    --buttonBorderColor: var(--purple) !important;
}

.primeirainfancia .evenGroup .mainMenuGroupIcon,
.primeirainfancia .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--purple);
}

.primeirainfancia .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--purple);
}

.primeirainfancia .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--purple);
}

.primeirainfancia .mainMenuPopover{
    --mainMenuPopoverBackground: var(--purple);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                       portinari                       */
/*-------------------------------------------------------*/
.portinari {
    --red: rgb(234, 51, 35);
    --blue: rgb(54, 63, 245);
    --white: rgb(255, 255, 255);
}

.portinari .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--white);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.portinari .oddGroup .mainMenuGroupIcon,
.portinari .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--red);
    --buttonBorderColor: var(--red) !important;
}

.portinari .evenGroup .mainMenuGroupIcon,
.portinari .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.portinari .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.portinari .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--red);
}

.portinari .mainMenuPopover{
    --mainMenuPopoverBackground: var(--red);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                     recreiochristian                  */
/*-------------------------------------------------------*/
.recreiochristian {
    --red: rgb(194, 52, 48);
    --black: rgb(32, 32, 32);
    --gray: rgb(230, 230, 230);
}

.recreiochristian .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--red);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.recreiochristian .oddGroup .mainMenuGroupIcon,
.recreiochristian .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--black);
    --buttonBorderColor: var(--black) !important;
}

.recreiochristian .evenGroup .mainMenuGroupIcon,
.recreiochristian .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--red);
}

.recreiochristian .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--red);
}

.recreiochristian .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--black);
}

.recreiochristian .mainMenuPopover{
    --mainMenuPopoverBackground: var(--black);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                         geracao                       */
/*-------------------------------------------------------*/
.geracao {
    --brown: rgb(168, 104, 35);
    --gray: rgb(240, 240, 240);
}

.geracao .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--brown);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.geracao .oddGroup .mainMenuGroupIcon,
.geracao .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--brown);
    --buttonBorderColor: var(--brown) !important;
}

.geracao .evenGroup .mainMenuGroupIcon,
.geracao .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--brown);
}

.geracao .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--brown);
}

.geracao .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--brown);
}

.geracao .mainMenuPopover{
    --mainMenuPopoverBackground: var(--brown);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                   estreladosaber                      */
/*-------------------------------------------------------*/

estreladosaber .mainMenuPage{
    --mainMenuTextColor: #5f5f5f;
    --mainMenuHeaderColor: #1CD9DF;
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: #f7f7f7;
    --boxShadowColor: rgba(0, 0, 0, 0.1);
    --buttonBorderColor: black;
    --buttonBackgroundColor: white;
    background: var(--mainMenuBackgroundColor);
}

.estreladosaber .mainMenuPopover{
    --mainMenuPopoverBackground: #f7f7f7;
    --mainMenuPopoverTextColor: #5f5f5f;
    --mainMenuPopoverIconColor: #5f5f5f;
    --mainMenuPopoverArrowColor: #99999999;
    --mainMenuPopoverBorderColor: #99999999;
}

.estreladosaber .oddGroup .mainMenuGroupIcon,
.estreladosaber .oddGroup .mainMenuGroupTitle,
.estreladosaber .evenGroup .mainMenuGroupIcon,
.estreladosaber .evenGroup .mainMenuGroupTitle {
    --mainMenuTextColor: #5f5f5f;
}

/*-------------------------------------------------------*/
/*                        tiaheidi                       */
/*-------------------------------------------------------*/
.tiaheidi {
    --gray: rgb(240, 240, 240);
    --green: rgb(75, 165, 97);
}

.tiaheidi .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--green);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.tiaheidi .oddGroup .mainMenuGroupIcon,
.tiaheidi .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.tiaheidi .evenGroup .mainMenuGroupIcon,
.tiaheidi .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
}

.tiaheidi .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.tiaheidi .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.tiaheidi .mainMenuPopover{
    --mainMenuPopoverBackground: var(--green);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                     pedemoleque                       */
/*-------------------------------------------------------*/
.pedemoleque {
    --gray: rgb(240, 240, 240);
    --green: rgb(45, 106, 52);
}

.pedemoleque .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--green);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.pedemoleque .oddGroup .mainMenuGroupIcon,
.pedemoleque .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.pedemoleque .evenGroup .mainMenuGroupIcon,
.pedemoleque .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
}

.pedemoleque .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.pedemoleque .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.pedemoleque .mainMenuPopover{
    --mainMenuPopoverBackground: var(--green);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                       tindolele                       */
/*-------------------------------------------------------*/
.tindolele {
    --red: rgb(213, 72, 78);
    --green: rgb(72, 154, 81);
}

.tindolele .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--red);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--green);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.tindolele .oddGroup .mainMenuGroupIcon,
.tindolele .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--red);
    --buttonBorderColor: var(--red) !important;
}

.tindolele .evenGroup .mainMenuGroupIcon,
.tindolele .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--red);
}

.tindolele .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--red);
}

.tindolele .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--red);
}

.tindolele .mainMenuPopover{
    --mainMenuPopoverBackground: var(--red);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                    genteinocente                      */
/*-------------------------------------------------------*/
.genteinocente {
    --blue: rgb(65, 145, 221);
    --green: rgb(147, 179, 55);
    --gray: rgb(240, 240, 240);
}

.genteinocente .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.genteinocente .oddGroup .mainMenuGroupIcon,
.genteinocente .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.genteinocente .evenGroup .mainMenuGroupIcon,
.genteinocente .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.genteinocente .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.genteinocente .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.genteinocente .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                    cebmsaomatheus                     */
/*-------------------------------------------------------*/
.cebmsaomatheus {
    --blue: rgb(63, 64, 144);
    --yellow: rgb(252, 239, 115);
}

.cebmsaomatheus .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--yellow);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.cebmsaomatheus .oddGroup .mainMenuGroupIcon,
.cebmsaomatheus .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.cebmsaomatheus .evenGroup .mainMenuGroupIcon,
.cebmsaomatheus .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.cebmsaomatheus .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.cebmsaomatheus .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.cebmsaomatheus .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                       anglovicosa                     */
/*-------------------------------------------------------*/
.anglovicosa {
    --blue: rgb(32, 79, 132);
    --gray: rgb(240, 240, 240);
}

.anglovicosa .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.anglovicosa .oddGroup .mainMenuGroupIcon,
.anglovicosa .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.anglovicosa .evenGroup .mainMenuGroupIcon,
.anglovicosa .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.anglovicosa .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.anglovicosa .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.anglovicosa .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                      gentemiuda                       */
/*-------------------------------------------------------*/
.gentemiuda {
    --blue: rgb(73, 151, 248);
    --pink: rgb(233, 60, 136);
    --gray: rgb(240, 240, 240);
}

.gentemiuda .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.gentemiuda .oddGroup .mainMenuGroupIcon,
.gentemiuda .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--pink);
    --buttonBorderColor: var(--pink) !important;
}

.gentemiuda .evenGroup .mainMenuGroupIcon,
.gentemiuda .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.gentemiuda .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.gentemiuda .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--pink);
}

.gentemiuda .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                  montessoricampinas                   */
/*-------------------------------------------------------*/
.montessoricampinas {
    --blue: rgb(34, 82, 144);
    --yellow: rgb(233, 188, 88);
}

.montessoricampinas .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--yellow);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.montessoricampinas .oddGroup .mainMenuGroupIcon,
.montessoricampinas .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.montessoricampinas .evenGroup .mainMenuGroupIcon,
.montessoricampinas .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.montessoricampinas .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.montessoricampinas .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.montessoricampinas .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        tianice                        */
/*-------------------------------------------------------*/
.tianice {
    --darkblue: rgb(57, 67, 75);
    --lightblue: rgb(66, 148, 179);
    --gray: rgb(240, 240, 240);
}

.tianice .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--lightblue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.tianice .oddGroup .mainMenuGroupIcon,
.tianice .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--darkblue);
    --buttonBorderColor: var(--darkblue) !important;
}

.tianice .evenGroup .mainMenuGroupIcon,
.tianice .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--lightblue);
}

.tianice .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--lightblue);
}

.tianice .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--darkblue);
}

.tianice .mainMenuPopover{
    --mainMenuPopoverBackground: var(--lightblue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                    batistamuriae                      */
/*-------------------------------------------------------*/
.batistamuriae {
    --blue: rgb(67, 86, 159);
    --red: rgb(218, 70, 65);
    --gray: rgb(240, 240, 240);
}

.batistamuriae .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.batistamuriae .oddGroup .mainMenuGroupIcon,
.batistamuriae .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--red);
    --buttonBorderColor: var(--red) !important;
}

.batistamuriae .evenGroup .mainMenuGroupIcon,
.batistamuriae .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.batistamuriae .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.batistamuriae .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--red);
}

.batistamuriae .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                      arvoresaber                      */
/*-------------------------------------------------------*/
.arvoresaber {
    --brown: rgb(131, 98, 74);
    --green: rgb(177, 205, 93);
    --gray: rgb(240, 240, 240);
}

.arvoresaber .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--brown);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.arvoresaber .oddGroup .mainMenuGroupIcon,
.arvoresaber .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.arvoresaber .evenGroup .mainMenuGroupIcon,
.arvoresaber .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--brown);
}

.arvoresaber .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--brown);
}

.arvoresaber .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.arvoresaber .mainMenuPopover{
    --mainMenuPopoverBackground: var(--brown);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                     comecoleme                        */
/*-------------------------------------------------------*/
.comecoleme {
    --blue: rgb(70, 109, 134);
    --cyan: rgb(99, 178, 154);
    --gray: rgb(240, 240, 240);
}

.comecoleme .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.comecoleme .oddGroup .mainMenuGroupIcon,
.comecoleme .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--cyan);
    --buttonBorderColor: var(--cyan) !important;
}

.comecoleme .evenGroup .mainMenuGroupIcon,
.comecoleme .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.comecoleme .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.comecoleme .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--cyan);
}

.comecoleme .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                         casulo                        */
/*-------------------------------------------------------*/
.casulo {
    --blue: rgb(77, 140, 199);
    --orange: rgb(223, 99, 54);
    --gray: rgb(240, 240, 240);
}

.casulo .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.casulo .oddGroup .mainMenuGroupIcon,
.casulo .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--orange);
    --buttonBorderColor: var(--orange) !important;
}

.casulo .evenGroup .mainMenuGroupIcon,
.casulo .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.casulo .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.casulo .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--orange);
}

.casulo .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                     idadeativa                        */
/*-------------------------------------------------------*/
.idadeativa {
    --green: rgb(68, 152, 67);
    --orange: rgb(236, 112, 46);
    --gray: rgb(240, 240, 240);
}

.idadeativa .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--orange);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.idadeativa .oddGroup .mainMenuGroupIcon,
.idadeativa .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.idadeativa .evenGroup .mainMenuGroupIcon,
.idadeativa .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--orange);
}

.idadeativa .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--orange);
}

.idadeativa .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.idadeativa .mainMenuPopover{
    --mainMenuPopoverBackground: var(--orange);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                    amiguinhospraca                    */
/*-------------------------------------------------------*/
.amiguinhospraca {
    --blue: rgb(37, 79, 135);
    --yellow: rgb(218, 191, 64);
    --gray: rgb(240, 240, 240);
}

.amiguinhospraca .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.amiguinhospraca .oddGroup .mainMenuGroupIcon,
.amiguinhospraca .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
    --buttonBorderColor: var(--yellow) !important;
}

.amiguinhospraca .evenGroup .mainMenuGroupIcon,
.amiguinhospraca .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.amiguinhospraca .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.amiguinhospraca .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.amiguinhospraca .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                       luzdosol                        */
/*-------------------------------------------------------*/
.luzdosol {
    --blue: rgb(63, 64, 144);
    --yellow: rgb(252, 239, 115);
}

.luzdosol .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--yellow);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.luzdosol .oddGroup .mainMenuGroupIcon,
.luzdosol .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.luzdosol .evenGroup .mainMenuGroupIcon,
.luzdosol .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.luzdosol .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.luzdosol .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.luzdosol .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                         cga                           */
/*-------------------------------------------------------*/
.cga {
    --blue: rgb(63, 64, 144);
    --yellow: rgb(252, 239, 115);
}

.cga .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--yellow);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.cga .oddGroup .mainMenuGroupIcon,
.cga .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.cga .evenGroup .mainMenuGroupIcon,
.cga .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.cga .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.cga .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.cga .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        creare                         */
/*-------------------------------------------------------*/
.creare {
    --blue: rgb(25, 35, 76);
    --yellow: rgb(234, 189, 91);
    --gray: rgb(240, 240, 240);
}

.creare .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.creare .oddGroup .mainMenuGroupIcon,
.creare .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
    --buttonBorderColor: var(--yellow) !important;
}

.creare .evenGroup .mainMenuGroupIcon,
.creare .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.creare .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.creare .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.creare .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                      marymartins                      */
/*-------------------------------------------------------*/
.marymartins {
    --yellow: rgb(226, 177, 72);
    --gray: rgb(240, 240, 240);
}

.marymartins .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--yellow);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.marymartins .oddGroup .mainMenuGroupIcon,
.marymartins .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
    --buttonBorderColor: var(--yellow) !important;
}

.marymartins .evenGroup .mainMenuGroupIcon,
.marymartins .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
}

.marymartins .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.marymartins .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.marymartins .mainMenuPopover{
    --mainMenuPopoverBackground: var(--yellow);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                    espacocolorido                     */
/*-------------------------------------------------------*/
.espacocolorido {
    --blue: rgb(53, 122, 189);
    --lilac: rgb(180, 145, 184);
    --gray: rgb(240, 240, 240);
}

.espacocolorido .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.espacocolorido .oddGroup .mainMenuGroupIcon,
.espacocolorido .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--lilac);
    --buttonBorderColor: var(--lilac) !important;
}

.espacocolorido .evenGroup .mainMenuGroupIcon,
.espacocolorido .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.espacocolorido .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.espacocolorido .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--lilac);
}

.espacocolorido .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                       valencia                        */
/*-------------------------------------------------------*/
.valencia {
    --green: rgb(177, 206, 93);
    --blue: rgb(67, 149, 214);
}

.valencia .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--green);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.valencia .oddGroup .mainMenuGroupIcon,
.valencia .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.valencia .evenGroup .mainMenuGroupIcon,
.valencia .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.valencia .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.valencia .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.valencia .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                      fazendoarte                      */
/*-------------------------------------------------------*/
.fazendoarte {
    --green: rgb(154, 170, 83);
    --blue: rgb(95, 127, 183);
    --gray: rgb(240, 240, 240);
}

.fazendoarte .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.fazendoarte .oddGroup .mainMenuGroupIcon,
.fazendoarte .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.fazendoarte .evenGroup .mainMenuGroupIcon,
.fazendoarte .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.fazendoarte .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.fazendoarte .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.fazendoarte .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                       tomjerry                        */
/*-------------------------------------------------------*/
.tomjerry {
    --red: rgb(149, 41, 37);
    --yellow: rgb(247, 204, 70);
    --gray: rgb(240, 240, 240);
}

.tomjerry .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--red);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.tomjerry .oddGroup .mainMenuGroupIcon,
.tomjerry .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
    --buttonBorderColor: var(--yellow) !important;
}

.tomjerry .evenGroup .mainMenuGroupIcon,
.tomjerry .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--red);
}

.tomjerry .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--red);
}

.tomjerry .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.tomjerry .mainMenuPopover{
    --mainMenuPopoverBackground: var(--red);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                    ribeirofreitas                     */
/*-------------------------------------------------------*/
.ribeirofreitas {
    --orange: rgb(229, 132, 71);
    --darkblue: rgb(53, 51, 86);
    --gray: rgb(240, 240, 240);
}

.ribeirofreitas .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--darkblue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.ribeirofreitas .oddGroup .mainMenuGroupIcon,
.ribeirofreitas .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--orange);
    --buttonBorderColor: var(--orange) !important;
}

.ribeirofreitas .evenGroup .mainMenuGroupIcon,
.ribeirofreitas .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--darkblue);
}

.ribeirofreitas .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--darkblue);
}

.ribeirofreitas .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--orange);
}

.ribeirofreitas .mainMenuPopover{
    --mainMenuPopoverBackground: var(--darkblue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                     vivainfancia                      */
/*-------------------------------------------------------*/
.vivainfancia {
    --lightblue: rgb(85, 175, 166);
    --darkblue: rgb(52, 104, 132);
    --gray: rgb(240, 240, 240);
}

.vivainfancia .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--darkblue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.vivainfancia .oddGroup .mainMenuGroupIcon,
.vivainfancia .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--lightblue);
    --buttonBorderColor: var(--lightblue) !important;
}

.vivainfancia .evenGroup .mainMenuGroupIcon,
.vivainfancia .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--darkblue);
}

.vivainfancia .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--darkblue);
}

.vivainfancia .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--lightblue);
}

.vivainfancia .mainMenuPopover{
    --mainMenuPopoverBackground: var(--darkblue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                     espacoeducar                      */
/*-------------------------------------------------------*/
.espacoeducar {
    --lightblue: rgb(77, 171, 233);
    --darkblue: rgb(67, 63, 118);
    --gray: rgb(240, 240, 240);
}

.espacoeducar .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--darkblue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.espacoeducar .oddGroup .mainMenuGroupIcon,
.espacoeducar .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--lightblue);
    --buttonBorderColor: var(--lightblue) !important;
}

.espacoeducar .evenGroup .mainMenuGroupIcon,
.espacoeducar .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--darkblue);
}

.espacoeducar .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--darkblue);
}

.espacoeducar .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--lightblue);
}

.espacoeducar .mainMenuPopover{
    --mainMenuPopoverBackground: var(--darkblue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                       curupira                        */
/*-------------------------------------------------------*/
.curupira {
    --green: rgb(166, 194, 110);
    --orange: rgb(210, 110, 61);
    --gray: rgb(240, 240, 240);
}

.curupira .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--orange);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.curupira .oddGroup .mainMenuGroupIcon,
.curupira .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.curupira .evenGroup .mainMenuGroupIcon,
.curupira .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--orange);
}

.curupira .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--orange);
}

.curupira .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.curupira .mainMenuPopover{
    --mainMenuPopoverBackground: var(--orange);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                       bbbaby                          */
/*-------------------------------------------------------*/
.bbbaby {
    --blue: rgb(96, 179, 224);
    --pink: rgb(235, 192, 212);
    --gray: rgb(240, 240, 240);
}

.bbbaby .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.bbbaby .oddGroup .mainMenuGroupIcon,
.bbbaby .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--pink);
    --buttonBorderColor: var(--pink) !important;
}

.bbbaby .evenGroup .mainMenuGroupIcon,
.bbbaby .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.bbbaby .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.bbbaby .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--pink);
}

.bbbaby .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                     meubemmequer                      */
/*-------------------------------------------------------*/
.meubemmequer {
    --blue: rgb(64, 105, 138);
    --orange: rgb(229, 128, 63);
    --gray: rgb(240, 240, 240);
}

.meubemmequer .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--orange);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.meubemmequer .oddGroup .mainMenuGroupIcon,
.meubemmequer .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.meubemmequer .evenGroup .mainMenuGroupIcon,
.meubemmequer .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--orange);
}

.meubemmequer .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--orange);
}

.meubemmequer .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.meubemmequer .mainMenuPopover{
    --mainMenuPopoverBackground: var(--orange);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                     estacaobebe                       */
/*-------------------------------------------------------*/
.estacaobebe {
    --purple: rgb(81, 60, 115);
    --green: rgb(149, 194, 162);
    --gray: rgb(240, 240, 240);
}

.estacaobebe .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--purple);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.estacaobebe .oddGroup .mainMenuGroupIcon,
.estacaobebe .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.estacaobebe .evenGroup .mainMenuGroupIcon,
.estacaobebe .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--purple);
}

.estacaobebe .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--purple);
}

.estacaobebe .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.estacaobebe .mainMenuPopover{
    --mainMenuPopoverBackground: var(--purple);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                     desenvolver                       */
/*-------------------------------------------------------*/
.desenvolver {
    --purple: rgb(100, 77, 151);
    --green: rgb(157, 196, 93);
    --gray: rgb(240, 240, 240);
}

.desenvolver .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--purple);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.desenvolver .oddGroup .mainMenuGroupIcon,
.desenvolver .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.desenvolver .evenGroup .mainMenuGroupIcon,
.desenvolver .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--purple);
}

.desenvolver .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--purple);
}

.desenvolver .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.desenvolver .mainMenuPopover{
    --mainMenuPopoverBackground: var(--purple);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                   mentescoloridas                     */
/*-------------------------------------------------------*/
.mentescoloridas {
    --red: rgb(210, 88, 85);
    --green: rgb(151, 197, 90);
    --gray: rgb(240, 240, 240);
}

.mentescoloridas .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--green);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.mentescoloridas .oddGroup .mainMenuGroupIcon,
.mentescoloridas .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--red);
    --buttonBorderColor: var(--red) !important;
}

.mentescoloridas .evenGroup .mainMenuGroupIcon,
.mentescoloridas .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
}

.mentescoloridas .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.mentescoloridas .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--red);
}

.mentescoloridas .mainMenuPopover{
    --mainMenuPopoverBackground: var(--green);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                       vivenciar                       */
/*-------------------------------------------------------*/
.vivenciar {
    --orange: rgb(243, 183, 140);
    --maroon: rgb(90, 33, 59);
    --gray: rgb(240, 240, 240);
}

.vivenciar .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--maroon);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.vivenciar .oddGroup .mainMenuGroupIcon,
.vivenciar .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--orange);
    --buttonBorderColor: var(--orange) !important;
}

.vivenciar .evenGroup .mainMenuGroupIcon,
.vivenciar .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--maroon);
}

.vivenciar .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--maroon);
}

.vivenciar .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--orange);
}

.vivenciar .mainMenuPopover{
    --mainMenuPopoverBackground: var(--maroon);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        relicario                      */
/*-------------------------------------------------------*/
.relicario {
    --red: rgb(228, 77, 89);
    --blue: rgb(76, 180, 186);
    --gray: rgb(240, 240, 240);
}

.relicario .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--red);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.relicario .oddGroup .mainMenuGroupIcon,
.relicario .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
    --buttonBorderColor: var(--blue) !important;
}

.relicario .evenGroup .mainMenuGroupIcon,
.relicario .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--red);
}

.relicario .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--red);
}

.relicario .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.relicario .mainMenuPopover{
    --mainMenuPopoverBackground: var(--red);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                   cristatrindade                      */
/*-------------------------------------------------------*/
.cristatrindade {
    --red: rgb(176, 54, 53);
    --darkgray: rgb(91, 91, 91 );
    --gray: rgb(240, 240, 240);
}

.cristatrindade .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--red);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.cristatrindade .oddGroup .mainMenuGroupIcon,
.cristatrindade .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--darkgray);
    --buttonBorderColor: var(--darkgray) !important;
}

.cristatrindade .evenGroup .mainMenuGroupIcon,
.cristatrindade .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--red);
}

.cristatrindade .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--red);
}

.cristatrindade .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--darkgray);
}

.cristatrindade .mainMenuPopover{
    --mainMenuPopoverBackground: var(--red);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                         gaspar                        */
/*-------------------------------------------------------*/
.gaspar {
    --orange: rgb(220, 107, 55);
    --blue: rgb(90, 187, 200);
    --gray: rgb(240, 240, 240);
}

.gaspar .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.gaspar .oddGroup .mainMenuGroupIcon,
.gaspar .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--orange);
    --buttonBorderColor: var(--orange) !important;
}

.gaspar .evenGroup .mainMenuGroupIcon,
.gaspar .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.gaspar .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.gaspar .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--orange);
}

.gaspar .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                        peterpan                       */
/*-------------------------------------------------------*/
.peterpan {
    --brown: rgb(96, 54, 53);
    --green: rgb(75, 165, 96);
    --gray: rgb(240, 240, 240);
}

.peterpan .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--brown);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.peterpan .oddGroup .mainMenuGroupIcon,
.peterpan .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
    --buttonBorderColor: var(--green) !important;
}

.peterpan .evenGroup .mainMenuGroupIcon,
.peterpan .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--brown);
}

.peterpan .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--brown);
}

.peterpan .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.peterpan .mainMenuPopover{
    --mainMenuPopoverBackground: var(--brown);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                     studioschool                      */
/*-------------------------------------------------------*/
.studioschool {
    --lilac: rgb(191, 166, 218);
    --green: rgb(128, 153, 46);
    --gray: rgb(240, 240, 240);
}

.studioschool .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--green);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.studioschool .oddGroup .mainMenuGroupIcon,
.studioschool .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--lilac);
    --buttonBorderColor: var(--lilac) !important;
}

.studioschool .evenGroup .mainMenuGroupIcon,
.studioschool .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--green);
}

.studioschool .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--green);
}

.studioschool .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--lilac);
}

.studioschool .mainMenuPopover{
    --mainMenuPopoverBackground: var(--green);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                      forlife                          */
/*-------------------------------------------------------*/
.forlife {
    --orange: rgb(240, 151, 91);
    --yellow: rgb(245, 191, 106);
    --gray: rgb(240, 240, 240);
}

.forlife .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--orange);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.forlife .oddGroup .mainMenuGroupIcon,
.forlife .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--yellow);
    --buttonBorderColor: var(--yellow) !important;
}

.forlife .evenGroup .mainMenuGroupIcon,
.forlife .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--orange);
}

.forlife .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--orange);
}

.forlife .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--yellow);
}

.forlife .mainMenuPopover{
    --mainMenuPopoverBackground: var(--orange);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}

/*-------------------------------------------------------*/
/*                      phoenix                          */
/*-------------------------------------------------------*/
.phoenix {
    --orange: rgb(227, 150, 65);
    --blue: rgb(12, 36, 94);
    --gray: rgb(240, 240, 240);
}

.phoenix .mainMenuPage{
    --mainMenuTextColor: rgb(6, 42, 46);
    --mainMenuHeaderColor: var(--blue);
    --mainMenuHeaderTextColor: #ffffff;
    --mainMenuBackgroundColor: var(--gray);
    --boxShadowColor: rgba(255, 255, 255, 0.2);
    --buttonBorderColor: rgb(255, 255, 255);
    --buttonBackgroundColor: white;
    --mainMenuPopoverTextColor: white;
    background: var(--mainMenuBackgroundColor);
}

.phoenix .oddGroup .mainMenuGroupIcon,
.phoenix .oddGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--orange);
    --buttonBorderColor: var(--orange) !important;
}

.phoenix .evenGroup .mainMenuGroupIcon,
.phoenix .evenGroup .mainMenuGroupTitle{
    --mainMenuTextColor: var(--blue);
}

.phoenix .evenGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--blue);
}

.phoenix .oddGroup .mainMenuButtonBox{
    --buttonBorderColor: var(--orange);
}

.phoenix .mainMenuPopover{
    --mainMenuPopoverBackground: var(--blue);
    --mainMenuPopoverTextColor: #f7f7f7;
    --mainMenuPopoverIconColor: #f7f7f7;
}