@import url("/DublinTheme/Theme.DublinTheme.css?17601");

checkbox/*
    How to generate a theme for your company: 
    
        1 - Go to https://silkui.outsystems.com/ThemeCustomizer/GenerateDublin.aspx
        2 - Copy the generated CSS
        3 - Replace the CSS for Primary Color Customization below with the Generated CSS

*/

/*------------------------------------*\
             Import Font
\*------------------------------------*/
.fapes-fonte {
    font-family: "Poppins",sans-serif !important;
}
@font-face {
    font-family: "Poppins",sans-serif !important;
    src: url('/SilkUIFonts/fonts/OpenSans-Regular.eot');
    src: url('/SilkUIFonts/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/OpenSans-Regular.woff') format('woff'),
         url('/SilkUIFonts/fonts/OpenSans-Regular.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/OpenSans-Regular.svg#Open-Sans') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Poppins",sans-serif !important;
    src: url('/SilkUIFonts/fonts/OpenSans-Bold.eot');
    src: url('/SilkUIFonts/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/OpenSans-Bold.woff') format('woff'),
         url('/SilkUIFonts/fonts/OpenSans-Bold.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/OpenSans-Bold.svg#Open-Sans') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Poppins",sans-serif !important;
    src: url('/SilkUIFonts/fonts/OpenSans-Italic.eot');
    src: url('/SilkUIFonts/fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/OpenSans-Italic.woff') format('woff'),
         url('/SilkUIFonts/fonts/OpenSans-Italic.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/OpenSans-Italic.svg#Open-Sans') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Poppins",sans-serif !important;
    src: url('/SilkUIFonts/fonts/OpenSans-Semibold.eot');
    src: url('/SilkUIFonts/fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/OpenSans-Semibold.woff') format('woff'),
         url('/SilkUIFonts/fonts/OpenSans-Semibold.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/OpenSans-Semibold.svg#Open-Sans') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Poppins",sans-serif !important;
    src: url('/SilkUIFonts/fonts/Oswald-Regular.eot');
    src: url('/SilkUIFonts/fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/Oswald-Regular.woff') format('woff'),
         url('/SilkUIFonts/fonts/Oswald-Regular.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/Oswald-Regular.svg#oswaldregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Poppins",sans-serif !important;
    src: url('/SilkUIFonts/fonts/Oswald-Bold.eot');
    src: url('/SilkUIFonts/fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/Oswald-Bold.woff') format('woff'),
         url('/SilkUIFonts/fonts/Oswald-Bold.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/Oswald-Bold.svg#oswaldbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Poppins",sans-serif !important;
    src: url('/SilkUIFonts/fonts/Oswald-Light.eot');
    src: url('/SilkUIFonts/fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/Oswald-Light.woff') format('woff'),
         url('/SilkUIFonts/fonts/Oswald-Light.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/Oswald-Light.svg#oswaldlight') format('svg');
    font-weight: 300;
    font-style: normal;
}

/*------------------------------------*\
             Font Definition
\*------------------------------------*/

html, body, a, select, form, fieldset, table, tr, td, img, input, button, select, textarea, optgroup, option {
    font-family: "Poppins",sans-serif !important;
}

.TileIcon_text, .TileNumber_text, .TileIconText_label, .Heading1, .Heading2, .Heading3, .Heading4, .Header_title a, .EditableTable thead td, .TableRecords_Header {
    font-family: "Poppins",sans-serif !important;
}

/*------------------------------------*\
              Font Classes
\*------------------------------------*/

/* Font Oswald classes */

.Oswald_Regular {
    font-family: "Poppins",sans-serif !important;
    font-weight: 400;
}

.Oswald_Bold {
    font-family: "Poppins",sans-serif !important;
    font-weight: 700;
}

.Oswald_Light {
    font-family: "Poppins",sans-serif !important;
    font-weight: 300;
}

/* Font OpenSans classes */

.OpenSans_Regular {
    font-family:  "Poppins",sans-serif !important;
    font-weight: 400;
}

.OpenSans_Bold {
    font-family:  "Poppins",sans-serif !important;
    font-weight: 700;
}

.OpenSans_Italic {
    font-family:  "Poppins",sans-serif !important;
    font-style: italic;
}

.OpenSans_Semibold {
    font-family:  'Open-Sans',Meiryo, sans-serif;
    font-weight: 600;
}



/***************************************/r
/***** PRIMARY COLOR CUSTOMIZATION *****/
/***************************************/

.Heading1,
.Heading2,
.Heading3,
.Heading4 {
    color: #29c482; /*primary-color*/
}

.Menu_DropDownPanel {
    background-color: #29c482; /*primary-color*/
    -webkit-filter: brightness(110%);
    filter: brightness(1.1);
}

.Header__activity,
.LoginInfo,
.Login_Text,
.Text_black {
    color: #29c482; /*primary-color*/
}

.phone .Menu .LoginInfo {
    background-color: #29c482; /*primary-color*/
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
    padding: 15px 20px 20px 5px !important;
    margin-left: -1px !important;
    width: 162px !important;
    height: 60px;
}


.Menu {
    background: #29c482; /*primary-color*/
    width: 200px !important;
    background-color: #fff;
}

.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    border-bottom-color: rgba(0,0,0,0.1);
    box-shadow:none;
}

.Menu_DropDownPanel a.Menu_SubMenuItemActive, 
.Menu_DropDownPanel a.Menu_SubMenuItemActive:visited,
.Menu_DropDownPanel a.Menu_SubMenuItemActive:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
}

.Menu_TopMenu a:hover, 
.Menu_TopMenu a:link:hover, 
.Menu_TopMenu a:visited {
    border-left-color: #29c482; /*primary-color*/
}


.Menu_TopMenu a span.fa {
    border-color: #FFF;
}

.Menu_TopMenu:hover,
.Menu_TopMenu:hover a [class^=fa],
.Menu_TopMenuActive a:link [class^=fa],
.Menu_TopMenuActive a:visited [class^=fa],
.Menu_DropDownPanel a.Menu_SubMenuItemActive, 
.Menu_DropDownPanel a.Menu_SubMenuItemActive:visited,
.Menu_DropDownPanel a.Menu_SubMenuItemActive:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    background-color: #29c482; /*primary-color*/
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
}

.Menu_TopMenu a:hover, 
.Menu_TopMenu a:link:hover, 
.Menu_TopMenu a:visited {
    border-left-color: #FFF;
}

.tablet .Menu_TopMenu .Menu_DropDownArrow {
    border-left-color: #29c482; /*primary-color*/
    -webkit-filter: brightness(80%);
    filter: brightness(0.8);
    
}

.tablet .Menu_TopMenu:hover .Menu_DropDownArrow {
    border-left-color: #FFF;
}

.tablet .Menu_TopMenuActive .Menu_DropDownArrow, 
.tablet .Menu_TopMenuActive:hover .Menu_DropDownArrow {
    border-left-color: #FFF;
}

.Menu_TopMenu:hover span.fa {
    border-color: #FFF;
    color: #FFF;
}

.Menu_TopMenu:hover .Menu_DropDownArrow {
    border-top-color: #FFF;
}

.Menu_TopMenuActive:hover a:link, .Menu_TopMenuActive a:link,
.Menu_TopMenuActive:hover a:visited, .Menu_TopMenuActive a:visited,
.Menu_TopMenuActive:hover a, .Menu_TopMenuActive a,
.Menu_TopMenu:hover a, .Menu_TopMenu a {
    color: #FFF;
}

.Menu_TopMenuActive .Menu_DropDownArrow,
.Menu_TopMenuActive:hover .Menu_DropDownArrow {
    border-top-color: #FFF;
    border-left-color: #29c482; /*primary-color*/
}

.Menu_DropDownArrow {
    border-top-color: #FFF;
}


.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited {
   background-color: #29c482; /*primary-color*/
   border-left-color: #FFF;
}

.Menu_TopMenuActive a span.fa {
    color: #FFF;
    border-color: #FFF;
}

.Menu_TopMenuActive{
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
}

.Menu_DropDownPanel a span.fa {
    color: #FFF;
}

a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis {
    color: #29c482; /*primary-color*/
}



a.ListNavigation_Previous:link,
a.ListNavigation_Next:link,
span.ListNavigation_DisabledNext, 
span.ListNavigation_DisabledPrevious {
    color: #29c482; /*primary-color*/
}

.Feedback_AjaxWait {
    color: #29c482; /*primary-color*/
}

.Login_Footer {
    background: #29c482; /*primary-color*/
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:    -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:     -ms-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:      -o-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:          linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.AccordionVertical_item.open .AccordionVertical__header {
    border-top-color: #29c482; /*primary-color*/
}

.AccordionVertical_item.open .AccordionVertical___icon > .fa {
    background-color:  #29c482; /*primary-color*/
    border-color:  #29c482; /*primary-color*/
}

.AccordionVertical_item.open > .AccordionVertical__header > .AccordionVertical___icon > .fa {
    background-color: #29c482; /*primary-color*/
    border-color: #29c482; /*primary-color*/
}

.Post_icon img {
    border-color: #29c482; /*primary-color*/
}

.expanded .SectionExpandable__icon.Heading2 > .fa {
    background-color: #29c482; /*primary-color*/
    border: #29c482; /*primary-color*/
}

.Panel .SectionExpandable__icon.Heading2 > .fa {
    color: #29c482; /*primary-color*/
    border: 1px solid #29c482; /*primary-color*/
}

.Panel .expanded .SectionExpandable__icon.Heading2 > .fa {
    background-color: #29c482; /*primary-color*/
    border: #29c482; /*primary-color*/
}
.Calendar-day-selected, 
.Calendar-day-selected:hover {
    background: #29c482; /*primary-color*/
}

.Calendar-navDisabled > div, 
.topBar-navDisabled .Calendar-navBtn > div,
.Calendar-time-down, 
.Calendar-time-up, 
.Calendar-time-am {
    color: #29c482; /*primary-color*/
}

.Calendar-dayNames {
    border-top-color: #29c482; /*primary-color*/
}

.Calendar-navBtn > div {
    color: #29c482; /*primary-color*/
}

.select2-container .select2-choice {
    color: #29c482; /*primary-color*/
}

.desktop .NavigationBar a:hover, 
.desktop .NavigationBar a:link:hover {
    color: #29c482; /*primary-color*/
}

.NavigationBar a.Active {
    color: #29c482; /*primary-color*/
}

.desktop .NavigationBar a:hover:after, 
.desktop .NavigationBar a:link:hover:after,
.NavigationBar a.Active:after {
    background-color: #29c482; /*primary-color*/ 
}

.NavigationBar a.Active:not(.IE8):before {
    border-bottom-color: #29c482; /*primary-color*/
}

.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover,
.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
  border-color: #29c482; /*primary-color*/
}

.NavigationBar.Vertical a.Active:not(.IE8):before {
    border-left-color: #29c482; /*primary-color*/
}

.phone .NavigationBar .InlineDropdown:active,
.phone .NavigationBar .InlineDropdown:link:active,
.tablet .NavigationBar .InlineDropdown:active,
.tablet .NavigationBar .InlineDropdown:link:active,
.phone .NavigationBar a:active, 
.phone .NavigationBar a:link:active,
.tablet .NavigationBar a:active, 
.tablet .NavigationBar a:link:active {
    color: #29c482; /*primary-color*/
}

.phone .NavigationBar .InlineDropdown:active:after,
.phone .NavigationBar .InlineDropdown:link:active:after,
.tablet .NavigationBar .InlineDropdown:active:after,
.tablet .NavigationBar .InlineDropdown:link:active:after,
.phone .NavigationBar a:active:after, 
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after, 
.tablet .NavigationBar a:link:active:after {
    background-color: #29c482; /*primary-color*/
}

.Tabs__tab.active {
    border-top-color: #29c482; /*primary-color*/
}

.Panel .Tabs__tab.active:not(.ie8):before {
    border-top-color: #29c482; /*primary-color*/
}

.WizardStep.ActiveStep {
    background: #29c482; /*primary-color*/
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
}

.WizardStep.ActiveStep:before {
    border-top-color: #29c482; /*primary-color*/
    border-bottom-color: #29c482; /*primary-color*/
}

.WizardStep.Past {
    background: #29c482; /*primary-color*/
}

.WizardStep.Past:before {
    border-top-color: #29c482; /*primary-color*/
    border-bottom-color: #29c482; /*primary-color*/
}

.Button,
a.Button {
    color: #29c482; /*primary-color*/
}

.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #29c482; /*primary-color*/
    border-color: #29c482; /*primary-color*/
    border-bottom-color: rgba(0,0,0,0.2);
}

.desktop .Button.ButtonDefault:hover, 
.desktop .Button.Is_Default:hover {
    background-color: #29c482; /*primary-color*/
    border-color: #29c482; /*primary-color*/
    border-bottom-color: rgba(0,0,0,0.2);
    -webkit-filter: brightness(80%);
    filter: brightness(0.8);
    
}
.Button.Cancel,
.desktop .Button.Cancel:hover {
    border-color: #999;
    color: #999;
}
.desktop .Button.Cancel:hover {
    -webkit-filter: brightness(80%);
    filter: brightness(0.8);
    
}

a,
a:link,
a:visited,
.EditableTable tr.RowControlGroup a,
.Button.Link {
    color: #29c482; /*primary-color*/
}

a.ActionAdd:hover{
    background-color: #29c482; /*primary-color*/
    border-bottom-color: #29c482; /*primary-color*/
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
}
a.ActionDelete:hover{
    background-color: #bb5858;
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
}

a.ActionAdd,
a.ActionDelete {
    color: #FFF;
}

a.ActionAdd {
    background-color: #29c482; /*primary-color*/
    border-bottom-color: #29c482; /*primary-color*/
}


.desktop .Button.Link:hover {
    background-color: transparent;
    border-color: #29c482; /*primary-color*/
    color: #29c482; /*primary-color*/
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background: #29c482; /*primary-color*/
}


.SectionIndex a.active, 
.SectionIndex a:hover{    
    border-bottom-color: #29c482; /*primary-color*/
    color: #29c482; /*primary-color*/
}

.SectionIndex.vertical a.active, 
.SectionIndex.vertical  a:hover{
    border-left-color: #29c482; /*primary-color*/
}

.TableRecords > tbody > tr > td a {
    color: #29c482; /*primary-color*/
}

.IconBadge_number {
    background-color: #29c482; /*primary-color*/
}

.pika-prev:after,
.pika-next:after {
    color: #29c482; /*primary-color*/ 
}

.pika-title {
    border-bottom: 2px solid #29c482; /*primary-color*/
}

.is-selected .pika-button {
   background-color: #29c482; /*primary-color*/
}

.has-event .pika-button:after {
   background-color: #29c482; /*primary-color*/ 
}



.Feedback_AjaxWait {
    color: #222;
}

@-webkit-keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #222, 2em -2em 0 0 #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 0 #222;
    }
    12.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 .2em #222, 3em 0 0 0 #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    25% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 0 #222, 3em 0 0 .2em #222, 2em 2em 0 0 #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 0 #222, 2em 2em 0 .2em #222, 0 3em 0 0 #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    50% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 0 #222, 0 3em 0 .2em #222, -2em 2em 0 0 #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 0 #222, -2em 2em 0 .2em #222, -3em 0 0 0 #222, -2em -2em 0 -.5em #222;
    }
    75% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 .2em #222, -2em -2em 0 0 #222;
    }
    87.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 0 #222, -2em -2em 0 .2em #222;
    }
}
@keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #222, 2em -2em 0 0 #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 0 #222;
    }
    12.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 .2em #222, 3em 0 0 0 #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    25% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 0 #222, 3em 0 0 .2em #222, 2em 2em 0 0 #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 0 #222, 2em 2em 0 .2em #222, 0 3em 0 0 #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    50% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 0 #222, 0 3em 0 .2em #222, -2em 2em 0 0 #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 0 #222, -2em 2em 0 .2em #222, -3em 0 0 0 #222, -2em -2em 0 -.5em #222;
    }
    75% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 .2em #222, -2em -2em 0 0 #222;
    }
    87.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 0 #222, -2em -2em 0 .2em #222;
    }
}


.Application_Menu {
     /*primary-color*/
    
}


div.EfeitoCard {
    width: 170px;
    height: 170px;
    padding-top: 10px;
}
div.EfeitoCard:hover {
    width: 170px;
    height: 270px;
    margin-top: -105px;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-duration: 0.3s;
    transition-timing-function: linear;
}


.ContainerMenuServicos a:hover {
    /*color: #b3e2d7;*/
    background-color: #3e67c0;
    opacity: 1.0;
    border-radius: 20px;
    box-shadow: 0 2px 5px 3px rgba(0, 0, 0, 0.2);
    transition: all 0.4s ease-in-out;
}

.ContainerMenuServicosSelecionado {
    border-color: #29c481;
    border-radius: 20px;
    border-style: solid;
    border-right-width: 3px;
    border-left-width: 3px;
    box-shadow: 0 2px 5px 3px rgba(0, 0, 0, 0.2);
    text-align: center;
}


.ContainerMenuServicos {
    font-family: "Roboto",sans-serif;
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px 0px 20px;
    height: 40px;
    max-width: 220px;
    border-radius: 20px;
    margin: 0px 2px 0px 2px !important;
    margin-bottom: 5px;
}



.ContainerMenuServicos2 {
    padding: 3px 20px 0px 20px;
}
.ContainerCard {
    border-radius: 5px;
    margin: 5px;
    width: 180px;
    height: 170px;
    border-style: solid;
    border-width: 2px;
}

.ContainerCardConteudo {
    //Limitar a div para o efeito de subir a descrição
    width: 175px;
    height: 165px;
    overflow: hidden;
    color: #000;
}

.box1 {
    width: 100%;
    height: 100px;
    text-align: center;
}

.box2 {
    width: 98%;
    height: 80px;
    padding: 3px 5px 2px 5px;
    
}
.box3 {
    width: 100%;
    padding: 0px 5px 0px 2px;
    height: 80px;
    color: #666;
}
.TitleContainer{
    background-image: url(/Portal_Orchestration/img/BannerDegrade.png?21012);
    background-repeat: no-repeat;   
    background-size: 90%;
    font: 500 2.25em/1.3 "Poppins",sans-serif;
    color: #fff;
    padding-top: 2em;
    margin: 0 0 0.5em;
    display: inline-block;
    position: relative;
    line-height: 1.1;
    width: 100%;
    height: auto;
    padding-left: 5px
}

.phone .TitleContainer {
    background-image: url(/Portal_Orchestration/img/BannerDegrade.png?21012);
    background-repeat: no-repeat;
    background-size: 90%;
    font: 18px "Poppins",sans-serif;
    color: #fff;
    margin: 0 0 0.5em;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;
    padding-left: 5px;
}


.TitleContainerFAPESFamilia{
    background-image: url(/Portal_Orchestration/img/BannerFAPESFamilia.png?21012);
    background-repeat: no-repeat;   
    background-size: 90%;
    font: 500 2.25em/1.3 "Poppins",sans-serif;
    color: #fff;
    padding-top: 2em;
    margin: 0 0 0.5em;
    display: inline-block;
    position: relative;
    line-height: 1.1;
    width: 100%;
    height: auto;
    padding-left: 5px
}

.phone .TitleContainerFAPESFamilia {
    background-image: url(/Portal_Orchestration/img/BannerFAPESFamilia.png?21012);
    background-repeat: no-repeat;
    background-size: 90%;
    font: 18px "Poppins",sans-serif;
    color: #fff;
    margin: 0 0 0.5em;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;
    padding-left: 5px;
}


.Content.ThemeGrid_Wrapper {
    left: 200px !important;
    background-color: #fff;
}

.phone .Content.ThemeGrid_Wrapper {
    left: 0px !important;
}


body{
    background-color: #fff;
}

.MainContent {
    margin-left: 0px !important;
}

.phone .Sino {
    margin-left: 2vh !important;
    margin-bottom: 10px;
}

.phone .Header_title {
    margin-left: 20px !important;
}
/**Inicio Botões **/
.LnkBotaoFAPES{
    text-decoration:none;
}
.BotaoFAPES:hover{
    box-shadow: 0 0 12px 0 #33549d;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
}
.BotaoFAPES{
    font: 500 1rem/1 "Poppins",sans-serif;
    text-decoration: none;
    color: white;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3em;
    border: solid 0.125em #33549d;
    border-radius: 1.5em;
    background-color: #33549d;
    margin: 0.675em 0.5em;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
}

.BotaoBrancoFAPES{
    background-color: white !important;
    color: #33549d !important;
    text-decoration:none;
}

.BotaoVerdeFAPES{
    background-color: white !important;
    color: #29c481 !important;
    border-color: #29c481 !important;
}
.BotaoVerdeFAPES:hover{
    box-shadow: 0 0 12px 0 #29c481;
    transition: all 0.4s ease-in-out;
}

.BotaoBloqueadoFAPES{
    background-color: #808080;
    border-color: #808080;
    font: 500 1rem/1 "Poppins",sans-serif;
    text-decoration: none;
    color: white;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3em;
    border-radius: 1.5em;
    margin: 0.675em 0.5em;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
}

.BtnSairFAPES{
    font: 500 1rem/1 "Poppins",sans-serif;
    text-decoration: none;
    width: 80px;
    height: 2.5em;
    padding: 0.5em;
    margin: 0 0 0 0em;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #29c482;
    background-color: transparent;
    border: solid 0.125em #29c482;
    border-radius: 1.5em;
    text-align: center;
    display: flex;
    cursor: pointer;
}
/**Fim Botões **/

/**Inicio botões antigos mas que continuam habilitados**/
.LnkBtnFAPES{
    text-decoration: none !important;
}

.BtnSairFAPES:hover{
    box-shadow: 0 0 12px 0 #29c482;
    transition: all 0.4s ease-in-out;
}

.BtnSairFAPES{
    font: 500 1rem/1 "Poppins",sans-serif;
    text-decoration: none;
    width: 80px;
    height: 2.5em;
    padding: 0.5em;
    margin: 0 0 0 0em;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #29c482;
    background-color: transparent;
    border: solid 0.125em #29c482;
    border-radius: 1.5em;
    text-align: center;
    display: flex;
    cursor: pointer;
}

.BtnUploadFAPES:hover{
    box-shadow: 0 0 12px 0 #33549d;
    transition: all 0.4s ease-in-out;
}

.BtnUploadFAPES{
    width: 100%;
    font: 500 1rem/1 "Poppins",sans-serif;
    text-decoration: none;
    color: #33549d;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3em;
    border: solid 0.125em #33549d;
    border-radius: 1.5em;
    background-color: white;
    margin: 0.675em 0.5em;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
}


.BtnEntrarFAPES:hover{
    box-shadow: 0 0 12px 0 #33549d;
    transition: all 0.4s ease-in-out;
}

.BtnEntrarFAPES{
    width: 130px;
    font: 500 1rem/1 "Poppins",sans-serif;
    text-decoration: none;
    color: white;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3em;
    border: solid 0.125em #33549d;
    border-radius: 1.5em;
    background-color: #33549d;
    margin: 0.675em 0.5em;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding-top: 0.8em;
}

.BtnAvancarFAPES:hover{
    box-shadow: 0 0 12px 0 #33549d;
    transition: all 0.4s ease-in-out;
}
.BtnAvancarFAPES{
    width: 130px!important;
    font: 500 1rem/1 "Poppins",sans-serif;
    text-decoration: none;
    color: white;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3em;
    border: solid 0.125em #33549d;
    border-radius: 1.5em;
    background-color: #33549d;
    margin: 0.675em 0.5em;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding-top: 0.8em;
}

.BtnNovaNotFAPES:hover{
    box-shadow: 0 0 12px 0 #33549d;
    transition: all 0.4s ease-in-out;
}
.BtnNovaNotFAPES{
    width: 190px !important;
    font: 500 1rem/1 "Poppins",sans-serif;
    text-decoration: none;
    color: white;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3em;
    border: solid 0.125em #33549d;
    border-radius: 1.5em;
    background-color: #33549d;
    padding: 0em 0px 0px 15px;
    margin: 0.675em 0.5em;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
}

.BtnEnviarSolFAPES:hover{
    box-shadow: 0 0 12px 0 #33549d;
    transition: all 0.4s ease-in-out;
}
.BtnEnviarSolFAPES{
    width: 170px !important;
    font: 500 1rem/1 "Poppins",sans-serif;
    text-decoration: none;
    color: white;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3em;
    border: solid 0.125em #33549d;
    border-radius: 1.5em;
    background-color: #33549d;
    padding: 0em 0px 0px 15px;
    margin: 0.675em 0.5em;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
}
.BtnVoltarFAPES{
    width: 100px!important;
    font: 500 1rem/1 "Poppins",sans-serif;
    text-decoration: none;
    color: white;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3em;
    border: solid 0.125em #33549d;
    border-radius: 1.5em;
    background-color: #33549d;
    margin: 0.675em 0.5em;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding-top: 0.8em;
}

.BtnbuscarFAPES:hover{
    box-shadow: 0 0 12px 0 #33549d;
    transition: all 0.4s ease-in-out;
}
.BtnbuscarFAPES{
    width: 130px;
    font: 500 1rem/1 "Poppins",sans-serif;
    text-decoration: none;
    color: white;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3em;
    border: solid 0.125em #33549d;
    border-radius: 1.5em;
    background-color: #33549d;
    margin: 0.675em 0.5em;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding-top: 0.8em;
}

.fntFAPES{
    padding-left: 20px;
    margin-right: 20px;
}
.BtnFAPES:hover{
    box-shadow: 0 0 12px 0 #33549d;
    transition: all 0.4s ease-in-out;
}

.BtnFAPES{
    /*width: 85px !important;*/
    font: 500 1rem/1 "Poppins",sans-serif;
    text-decoration: none;
    color: white;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3em;
    border: solid 0.125em #33549d;
    border-radius: 1.5em;
    background-color: #33549d;
    margin: 0.675em 0.5em;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    margin-right: 0px;
    margin-left: 0px;
}

/**Fim botões antigos mas que continuam habilitados**/

/*
***** VERIFICAR O DONO DESSAS CLASSES PARA INCLUIR NA VIEW CORRETA
.BtnVoltarFAPES:hover{
    box-shadow: 0 0 12px 0 #29c482;
    transition: all 0.4s ease-in-out;
}
.BtnVoltarFAPES{
    font: 500 1rem/1 "Poppins",sans-serif;
    text-decoration: none;
    color: #29c482;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3em;
    border: solid 0.125em #29c482;
    border-radius: 1.5em;
    background-color: #fff;
    margin: 0.675em 0.5em;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    margin-right: 0px;
    margin-left: 0px;
}
*/
.phone .ContainerHeaderPhone{
    display: none;
}
.phone .TituloNotificacoes{
    display: none;
}

.CntWizard{
    color: #666;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
}

.phone .MarginPhone{
    margin-left: 10px;
}

.phone .PosicaoNumero{
    top: -30% !important;
}

.panelteste{
    font-family: "Poppins",sans-serif;
    font-weight: bold !important;
}

.introducaoNotificacao {
    font-weight: normal !important;
    color: #222 !important;
}

.dataNotificacao {
    font-weight: normal !important;
    color: #222 !important;
}

.DisplayBlock{
    background-color: #ccc !important;
    color: #484848 !important;
}

.ContainerChatBot{
    position: fixed;
    right: 32px;
    bottom: 32px;
    z-index: 9991;
}

.ContainerChatBot:hover{
    transform: scale(1.3) !important;
}