@import url("/WebPatterns/Theme.Patterns_SilkUI.css?32");

/* Lisbon Theme */

.LogoImage{
    height: 50px;
}


/*------------------------------------*\
              $2. Structure
\*-------------------------------------*/

/* Header ******************************/
.Header {
    border-bottom: none;
    line-height: 84px;
    position: fixed;
    /*top: 0;*/
    width: 100%;
    z-index: 20;
    
}

.Header {
    background-color: #E00024;
    padding-top: 20px;
    height: 84px;
}

.Header_center {
    position: relative;
}

.tablet .Header_center.ThemeGrid_Container,
.phone .Header_center.ThemeGrid_Container,.desktop.small .Header_center.ThemeGrid_Container {
    padding: 0;
}

.Header_background {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.Page.UseHeaderFade .Header .Header_background {
    display: none;
}

 /* Usado no ecrã Edit Contract */
.Edit-form .Header_FormBackground {
    height:121px;
}

.phone .Edit-form .Header_FormBackground {
    height:130px;
}

.Header_FormBackground {
    padding-left: 0px;
}

.Header_container{
    margin-top:3.6%;
}

.phone .Header_container{
    margin-top: 5.8%;
}

.Header_FormBackground .choosed-tab {
    font-size:11.67px;
}

.phone .Header_FormBackground .choosed-tab,
.phone .Header_FormBackground .item-tab{
    display: table-footer-group;
}

.Header_FormBackground .choosed-container {
    padding-bottom:2%;
}

.Header_FormBackground .item-tab {
    font-size: 11.67px !important;
    width:100%;
}

.tablet .Header_FormBackground .choosed-container, .desktop.small .Header_FormBackground .choosed-container {
    padding-bottom: 2%;
}

.phone .Header_FormBackground .choosed-container{
    padding-bottom: 2%;
}
.LogoutLink{}
.phone.active .Logout_Icon > a, .phone.active .LogoutLink > a{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    display: table !important;
}


/* Menu */
.Header_Menu,
.Header_Menu .ListRecords {
    display: inline-block;

    
}

/* Extra menu content - login info, search, etc */
.Others_Menu {
    margin-right: 20px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    font-family: Acto-book;
    font-size: 11.67px;
}


.desktop.small.UseSidebar .Others_Menu {
    margin-right: 55px;
}

.tablet.UseSidebar .Others_Menu, .desktop.small.UseSidebar .Others_Menu {
    margin-right: 40px;
}

.phone .Others_Menu {
    display: none;
}

.Header_Menu a,
.Header_Menu a:link,
.Header_Menu a:visited {
    color: #fff;
}

.Header_Menu a:hover,
.Header_Menu a:link:hover,
.Header_Menu a:visited:hover {
    color: #fff;
}

/* Button Menu */
a.Header_ButtonMenu {
    color: #fff;
    display: none;
    float: left;
    font-size: 20px;
    text-align: center;
    width: 50px;
}

.desktop a.Header_ButtonMenu {
    color: #dab702;
}

.tablet a.Header_ButtonMenu, .desktop.small a.Header_ButtonMenu,
.phone a.Header_ButtonMenu {
    display: block;
    width: 50px;
    color: white;
}

.Page.active .Header_ButtonMenu {
    color: #fff;
}


/* Search - LoginInfo - Logout | PHONE Rules */

.phone .Others_Menu {
    display: block;
    margin-right: 0;
    position: relative;
    width: 100%;
}

.phone .Application_Menu .Others_Menu a:link,
.phone .Application_Menu .Others_Menu a:visited {
    padding: 0;
}

.phone .Application_Menu .Others_Menu .Header_Search {
    margin-left: 30px;
    margin-right: 0;
}

.phone .Application_Menu .Others_Menu .Login_Info {
    width: 100%;
}

.phone .Application_Menu .Others_Menu .Login_Info a {
    display: none;
}

.phone .Application_Menu .Others_Menu .Login_Info .Logout_Icon a {
    display: block;
    padding-left: 2%;
    font-size: 11.67px;
    font-family: Acto-Book;
    font-weight: 900;
    padding: 0 50px;
}




.phone .Application_Menu .Others_Menu .Login_Info .Logout_Icon {
    position: absolute;
    right: 0px;
    width: 100%;
    background: white;
    border-radius: 0;
}

/* Button Sidebar */
a.Header_ButtonSidebar {
    color: #fff;
    display: none;
    float: right;
    font-size: 20px;
    text-align: center;
    width: 40px;
}

.desktop.small.UseSidebar a.Header_ButtonSidebar ,
.tablet.UseSidebar a.Header_ButtonSidebar,
.desktop.small.UseSidebar a.Header_ButtonSidebar {
    display: block;
}



/* Sidebar **********************************/
.Sidebar {
    border-left: 1px solid #ddd;
    height: 100%;
    padding: 20px 10px;
    position: fixed;
    right: -320px;
    top: 50px;
    width: 300px;

    
    
    
}

.desktop .Sidebar,
.desktop.hd .Sidebar,
.desktop.big .Sidebar {
    right: 0;
}

.desktop.small .Sidebar,
.tablet .Sidebar,
.desktop.small .Sidebar {
    background-color: #edf1f3;
    right: -300px;
    -webkit-transition: -webkit-transform 300ms ease;
            transition:         transform 300ms ease;
}

.desktop.small .Sidebar.open,
.tablet .Sidebar.open,
.desktop.small .Sidebar.open {
    -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
            transform: translateX(-300px);
}

.phone .Sidebar {
    position: relative;
    right: 0;
    width: 100%;
}

.SectionWebsite_title {
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
}

.Title_Section.Transparent .SectionWebsite_title {
    color: #333;
}

.Title_Section.Silver .SectionWebsite_title {
    color: #333;
}

.Title_Section.White .SectionWebsite_title {
    color: #333;
}

.Title_Section.Yellow .SectionWebsite_title {
    color: #fff;
}

.SectionWebsite {
    text-align: center;
}

.SectionWebsite.UsePadding {
    padding: 40px 0;
}

.SectionWebsite .Card {
    color: #333;
}

.SectionWebsite .Panel {
    color: #333;
}

.SectionWebsite .AccordionVertical {
    color: #333;
}

.SectionWebsite .SectionExpandable {
    color: #333;
}

.SectionWebsite .Box {
    color: #fff;
}

.SectionWebsite .Box.Silver {
    color: #333;
}

.SectionWebsite .Box.White {
    color: #333;
}

.SectionWebsite .Box.Transparent {
    color: #fff;
}

.SectionWebsite.Silver .Box.Transparent {
    color: #333;
}

.SectionWebsite.Transparent .Box.Transparent {
    color: #333;
}

.SectionWebsite.White .Box.Transparent {
    color: #333;
}

.SectionWebsite.Silver .Section {
    color: #333;
}

.SectionWebsite.Transparent .Section {
    color: #333;
}

.Website .ThemeGrid_Container {
    max-width: 1280px;
}

.Website .MainContent {
    margin: 0;
    min-height: inherit;
    padding: 0;

     /* push the footer down on preview */
}

.Website .Footer {
    background-color: inherit;
    height: auto;
    padding: 0;
    position: static;
    width: auto;
}

/* APP Title */
.Header_Title {
    float: left;
    overflow: hidden;
    padding-left: 6px;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;

    
}

.phone .Header_Title {
    left: 60px;
    position: absolute;
    right: 60px;
    text-align: center;
}

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #fff;
    padding-right: 10px;
    text-decoration: none;
}

.Header .Application_Title img {
    max-height: 30px;
    vertical-align: middle;
}

/* Responsive Context */
.tablet .Application_Title, .desktop.small .Application_Title,
.phone .Application_Title {
    padding: 0;
}

/* Menu ***************************************/

/* item menu */
.Menu_TopMenu {
    position: relative;
    cursor: pointer;
}

.Menu_TopMenu > div > a > span {
    font-family: Acto-Book;
    font-size: 16.8px;
    font-weight: 900; 
}

.ie .Menu_TopMenu > div > a > span {
    text-shadow: 0.3px 0px 0px currentColor;
}

.Menu_TopMenus {
    width: 100%;
}

a:hover{
    text-decoration: none !important;
}

.Menu_Help{
    padding-right: 10px;
    vertical-align: initial;
}

.Menu_Cancel{
    vertical-align: initial;
}

.Menu_Cancel .Label_X_Small_Bold,
.Menu_Help .Label_X_Small_Bold {
    color: #FFFFFF;
}

.User_circle {
    border-radius: 50%;
    width: 15.5px;
    height: 15.5px;
    background: white;
    text-align: center;
    padding-top: 1px;
    padding-right: 0px;
    vertical-align: middle;
    margin-right: 5px;
}

.User_Info span.fa.fa-fw.fa-user{
    padding-right: 0px;
    font-size: 13px !important;
    padding-left: 0px;
    vertical-align: top;
}

.ie .User_Info span.fa.fa-fw.fa-user,
.chrome .User_Info span.fa.fa-fw.fa-user,
.firefox .User_Info span.fa.fa-fw.fa-user{
    padding-right: 1px;
}

.firefox .User_circle {
    padding-top: 0px;
}

.User_Info .Columns.MarginBottom {
    margin-bottom: 0px !important;
    margin-top:12px;
}

.User_Info {
    padding: 0 20px;
}

.phone .User_Info, .tablet .User_Info, .desktop.small .User_Info {
    padding: 0 0px;
}

.User_Info .fa-caret-down:before {
    color:white;
}

.User_Info .Columns3 .Column.ColFirst {
    padding-right: 4.666px;
    margin-top:4px;
}

.User_Info .Columns3 .Column.ColFirst{
    padding-left: 16.666px;
}

.User_Info .Columns3 > .Column {
    padding: 0px;
    margin-left: 3.333px;
    margin-right: 3.333px;
}

.User_Info .Columns3 .Column.ColLast{
    padding: 0px;
}

/* hover menu */
.Menu_TopMenu a:hover {
    color: #fff;
}


/* link/button menu */
.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    color: #fff;
    display: inline-block;
    padding: 0 20px;
    font-family: Acto-Book;
    font-size: 11.67px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.tablet .Menu_TopMenu a,
.desktop.small .Menu_TopMenu a,
.phone .Menu_TopMenu a {
    text-align: left;
}

/* pointer */
.Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: #fff;
    opacity: .5;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.Menu_DropDownButton.open .Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: #dab702;
    opacity: 1;
    -webkit-transform: rotate(180deg) translateY(2px);
        -ms-transform: rotate(180deg) translateY(2px);
            transform: rotate(180deg) translateY(2px);
}

/* active menu */
.Menu_TopMenuActive {
    border-bottom: 3px solid #fff;
    box-shadow: none;
    height: auto;
    line-height: 45.6px;
}

.tablet .Menu_TopMenuActive, .phone .Menu_TopMenuActive, .desktop.small .Menu_TopMenuActive {
    background-color: #FFFFFF !important;
}


.Menu_DropDownButton.open .Menu_TopMenu a {
    color: #fff;
}

/* active menus */
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited {
    color: #fff;
}

/* submenu item */
.Menu_DropDownPanel {
    background-color: #454952;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: none;
    border: none;
    border-top: none;
    position: absolute;
    right: 0px;
    z-index: auto;
}

/* reset any inherit styles (e.g.: ChicagoMobile -> Chicago) */
div.Menu_DropDownPanel a,
div.Menu_DropDownPanel a:link,
div.Menu_DropDownPanel a:visited {
    color: #fff;
    height: auto;
    font-size: 11.67px;
    font-family: Acto-Book;
}

div.Menu_DropDownPanel a:hover,
div.Menu_DropDownPanel a:link:hover,
div.Menu_DropDownPanel a:visited:hover {
    color: #fff;
    font-size: 11.67px;
    font-family: Acto-Book;
}

/* submenu */
.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    color: rgba(255, 255, 255, .75);
    display: block;
    padding: 3px 20px;
}

/* hover submenu item */
.Menu_DropDownPanel a.Menu_SubMenuItem:hover,
.Menu_DropDownPanel a.Menu_SubMenuItem.Menu_SubMenuItemActive {
    background-color: #444;
    color: #dab702;
}


/* Menu tablet and phone */
.tablet .Application_Menu,
.desktop.small .Application_Menu ,
.phone .Application_Menu {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 50px;
    /* Enable hardware acceleration */
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    /* Animate the menu when opening and closing */
    -webkit-transition: all 300ms ease-out;
            transition: all 300ms ease-out;
    width: 250px;
    /* reduce animation flickering */
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
}

.phone .Application_Menu {
    overflow-x: hidden;
    width: 100%;
}

.tablet .Application_Menu .Menu_TopMenu, .desktop.small .Application_Menu .Menu_TopMenu,
.phone .Application_Menu .Menu_TopMenu {
    border-top-width: 1px;
    margin: 0;
    padding: 0 0;
    padding-right: 10px;
    width: 100%;
}

.tablet .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu, .desktop.small .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu,
.phone .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu {
    box-shadow: 0 3px 1px rgba(0,0,0,.3);
}

.tablet.active .Application_Menu, .desktop.small.active .Application_Menu,
.phone.active .Application_Menu {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.tablet.active .Menu_Container, .desktop.small.active .Menu_Container,
.phone.active .Menu_Container {
    margin-bottom: 44px; 
    right: 0;
    width: 100%;
}

.tablet .Application_Menu .Menu_DropDownButton, .desktop.small .Application_Menu .Menu_DropDownButton,
.phone .Application_Menu .Menu_DropDownButton {
    display: block;
    position: relative;
}

.tablet .Application_Menu a, .desktop.small .Application_Menu a,
.phone .Application_Menu a, .desktop.small .Application_Menu a:link,
.tablet .Application_Menu a:link,
.phone .Application_Menu a:link,
.phone .Application_menu a:visited,
.phone .Application_menu a:visited {
    border: 0;
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    line-height: auto;
    padding: 0 30px;
    -webkit-transform: translateX(-300px) scale(.5);
        -ms-transform: translateX(-300px) scale(.5);
            transform: translateX(-300px) scale(.5);
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
    width: 100%;
}

.tablet.active .Application_Menu a, .desktop.small.active .Application_Menu a,
.phone.active .Application_Menu a,
.tablet.active .Application_Menu a:link, .desktop.small.active .Application_Menu a:link,
.phone.active .Application_Menu a:link,
.tablet.active .Application_Menu a:visited, .desktop.small.active .Application_Menu a:visited,
.phone.active .Application_Menu a:visited {
    -webkit-transform: translateX(0) scale(1);
        -ms-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
}


.tablet .Application_Menu .Menu_DropDownPanel, .desktop.small .Application_Menu .Menu_DropDownPanel,
.phone .Application_Menu .Menu_DropDownPanel {
    background-color: rgba(0, 0, 0, .3) !important;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: static;
}

.phone .Application_Menu .Menu_DropDownArrow,
.tablet .Application_Menu .Menu_DropDownArrow ,
.desktop.small .Application_Menu .Menu_DropDownArrow {
    position: absolute;
    right: 14px;
    top: 21px;
}

.Logout_Icon {
    border-radius: 50%;
    text-align: left;
    width: auto;
}

.Header_Search {
    display: inline-block;
    margin-right: 20px;
    min-width: 100px;
}

/* User */
.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username,
a.Login_Info_Username:link,
a.Login_Info_Username:visited {
    color: #fff;
    font-size: 100%;
    font-weight: normal;
    cursor: pointer;
}

.Login_Info_Logout {
    font-size: 22px;
}

.Login_Info_Logout:before,
.Login_Info_Username:before,
.AppSwitcherContainer:before,
.AppSwitcherLink[disabled="disabled"]:before {
    color: #b3b3b3;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
}

.Login_Info_Username:before {
    content: "\f007"; /* fa-user at http://fortawesome.github.io/Font-Awesome/icons/ */
}

.Login_Info_Logout:before {
    content: "\f011"; /* fa-power-off at http://fortawesome.github.io/Font-Awesome/icons/ */
    margin-right: 0;
}

/* Responsive Context */
.tablet .Login_Info_Logout:before, .desktop.small .Login_Info_Logout:before,
.phone .Login_Info_Logout:before {
    font-size: 20px;
}

/* Content *********************************************/
.Page > .Content {
    padding-top: 0;
    min-height: 94%;
}

/* If we use sidebar */
.desktop:not(.small).UseSidebar .Content {
    margin-right: 0px;
}

.UseSidebar .Content {
    padding-top: 0px;
}

/* Title Page ************/

.Title_Section {
    background-position: center center;
    background-size: cover;
    box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .15);
    color: #333;
    margin-top: 0;
    padding: 80px 20px 30px 20px;
}

.Title_Section.Black {
    background-color: #131819;
    color: #fff;
}

.Title_Section.Blue {
    background-color: #0074c1;
    color: #fff;
}

.Title_Section.Transparent {
    background-color: transparent;
}

.Title_Section.White {
    background-color: #fff;
}

.Title_Section.Yellow {
    background-color: #dab702;
    color: #fff;
}

.Title_Section.Orange {
    background-color: #da6802;
    color: #fff;
}

.Title_Section.Red {
    background-color: #d01a1a;
    color: #fff;
}

.Title_Section.DarkRed {
    background-color: #b10000;
    color: #fff;
}

.Title_Section.Plum {
    background-color: #c32b87;
    color: #fff;
}

.Title_Section.DarkPlum {
    background-color: #970263;
    color: #fff;
}

.Title_Section.Green {
    background-color: #388e3c;
    color: #fff;
}

.Title_Section.LightGreen {
    background-color: #64be68;
    color: #fff;
}

.Title_Section.Turquoise {
    background-color: #00b0c1;
    color: #fff;
}

.Title_Section.DarkBlue {
    background-color: #194968;
    color: #fff;
}

.Title_Section.Silver {
    background-color: #dadbde;
}

.Title_Section.Gray {
    background-color: #79868a;
    color: #fff;
}

.Title_Section.BackgroundFixed {
    background-attachment: fixed;
}

.tablet .Title_Section.BackgroundFixed, .desktop.small .Title_Section.BackgroundFixed,
.phone .Title_Section.BackgroundFixed {
    background-attachment: scroll;
}

.UseSidebar .Title_Section {
    margin: 0 20px 0 20px;
    padding: 20px;
}

.Title_Section .Title {
    line-height: 40px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
}

.Title_Section .Actions {
    line-height: 32px;
    text-align: right;
    width: 50%;
}

.Title_Section .Actions a {
    margin-left: 20px;
    text-decoration: none;
}

.Title_Section .Actions a:first-child {
    margin-left: 0;
}

.phone.portrait .Actions {
    margin-bottom: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.phone.portrait .Actions .Button {
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
}

.phone.portrait .Actions .Button:last-child {
    margin-bottom: 0;
}

.phone .Title_Section .Title {
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.phone .Title_Section .Actions,
.phone .Title_Section a.ActionAdd,
.phone .Title_Section a.ActionEdit,
.phone .Title_Section a.ActionDelete,
.phone .Title_Section a.ActionChange {
    width: 100%;
}

/* To work with old applications */
.Title_Links {
    font-size: 14px;
    margin-top: 5px;
}

/* Main Content ****************************/
.MainContent {
    min-height: 100%;
    padding: 0px;
    padding-bottom: 0px;

    
}

.Page.active .MainContent {
    pointer-events: none;
}

/* Footer **********************************/
.Footer {
    font-size: 12px;
    line-height: 40px;
    text-align: left;
    width: 100%;
    padding-left: 10px;
    
    position: absolute;
    /*bottom:0;*/
}

.phone .Footer {
    position: static;
}

.tablet .FooterPosition, .desktop.small .FooterPosition {
    position: static;
}

.Footer .Columns2 > .Column.ColLast {
    padding-right: 0;
    height: auto !important;
}

.Footer_wizard {
    background-color: #000000;
    height: 84px;  
    width: 100%;
    position: absolute;
    /*bottom: 0;*/
}

.MainPopup {
    background: #fff;
    display: table-cell;
    padding: 14px 16px;
    vertical-align: top;
}

.MainPopup .Button.ThemeGrid_MarginGutter {
    margin-left: 10px;
}

.ThemeGrid_Container {
    margin-left: auto;
    margin-right: auto;
}

html .ThemeGrid_Container {
    padding-right: 20px;
}

.OSInlineClear {
    /* This style will never be used in runtime.
  When applied in Service Studio, it will prevent the style 'OSInline' from being
  automatically applied to divs and tables with widths != (fill parent) */
}



/*------------------------------------*\
              $3. Text formatting
\*-------------------------------------*/



/*------------------------------------*\
              $4. Forms
\*-------------------------------------*/

textarea,
select,
input {
    font-size: 14px;
}

/* radio and checkbox override rules */
html input[type="radio"],
html input[type="checkbox"] {
    background-color: transparent;
    box-shadow: none !important;
    height: 20px;
    box-sizing:content-box !important;
}

input[type="checkbox"]:after {
    border: 3px solid #333;
    border-right: 0;
    border-top: 0;
    height: 5px;
    left: 20%;
    top: 23%;
    width: 11px;
}

/* Checkboxes and Radio Buttons */
input[type="radio"]:before,
input[type="checkbox"]:before {
    box-shadow: none;
}

/* force padding to center vertically on Firefox */
select {
    box-shadow: none;
    height: 32px;
    padding: 4px 6px;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
    border: 0;
}

.Form:not(.ReadOnly) {
    cursor: text;
}

select.ReadOnly {
    cursor: pointer;
}




textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.5px;
    vertical-align: initial;
}

textarea,
select {
    line-height: 20px;
}

textarea:focus,
select:focus,
input:focus {
    border-color: #aaa;
    box-shadow: none;
}


.Form textarea.ReadOnly[readonly="readonly"],
.Form textarea.ReadOnly[disabled="disabled"],
.Form select.ReadOnly[disabled="disabled"],
.Form input.ReadOnly[readonly="readonly"],
.Form input.ReadOnly[disabled="disabled"],
.Form input[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form input[readonly="readonly"].ReadOnly:not(.Not_Valid),
.Form textarea[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form textarea[readonly="readonly"].ReadOnly:not(.Not_Valid),
.Form select[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form select[readonly="readonly"].ReadOnly:not(.Not_Valid),
textarea[disabled="disabled"],
textarea[readonly="readonly"],
select[disabled="disabled"],
input[readonly="readonly"],
input[disabled="disabled"] {
    background-color: #f5f5f5;
    cursor: not-allowed;
}

/* All focus disabled inputs - maintain same style*/
input[disabled="disabled"][type="text"]:focus,
input[disabled="disabled"][type="password"]:focus,
textarea[disabled="disabled"]:focus,
textarea[readonly="readonly"]:focus,
select[disabled="disabled"]:focus,
input[readonly="readonly"]:focus,
input[disabled="disabled"]:focus,
.Form input[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form input[disabled="disabled"].ReadOnly:not(.Not_Valid):focus,
.Form textarea[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form textarea[disabled="disabled"].ReadOnly:not(.Not_Valid):focus,
.Form select[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form select[disabled="disabled"].ReadOnly:not(.Not_Valid):focus {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}


textarea:focus,
select:focus,
input:focus {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

input[type="radio"].ReadOnly,
input[type="checkbox"].ReadOnly,
.Form input.ReadOnly[disabled="disabled"][type="radio"],
.Form input.ReadOnly[readonly="readonly"][type="radio"],
.Form input.ReadOnly[disabled="disabled"][type="checkbox"],
.Form input.ReadOnly[readonly="readonly"][type="checkbox"],
.Form input[type="radio"].ReadOnly,
.Form input[type="checkbox"].ReadOnly {
    background-color: transparent;
    border-width: 0;
    box-sizing: content-box !important;
}


/* Not_Valid handling style */
.Form input.Not_Valid,
.Form select.Not_Valid,
.Form textarea.Not_Valid,
input.Not_Valid,
select.Not_Valid,
textarea.Not_Valid {
    border-radius: 4px;
}

.ie input[type="radio"],
.ie input[type="checkbox"],
.ie .Form input[type="radio"],
.ie .Form input[type="checkbox"] {
    border-radius: 0;
}

.Form textarea.Not_Valid:focus,
.Form textarea.Not_Valid,
textarea.Not_Valid:focus,
textarea.Not_Valid {
    font-size: 12px;
    padding: 10px 12px;
}

select.Not_Valid:focus,
input.Not_Valid:focus,
textarea.Not_Valid:focus {
    border: 1px solid #bf1601;
}

.Form input[type="checkbox"].Not_Valid,
.Form input[type="radio"].Not_Valid,
input[type="checkbox"].Not_Valid,
input[type="radio"].Not_Valid {
    border: transparent;
    padding: 0;
}

.Form input.ReadOnly,
.Form textarea.ReadOnly {
    background: #fff;
}

/*------------------------------------*\
              $6. RichWidgets
\*-------------------------------------*/

/* Accordion Harrow */
.fa{
    font: normal normal normal 14px/1 FontAwesome !important;
}

.fa-remove:before, 
.fa-close:before, 
.fa-times:before,
.fa-question-circle-o:before{
    color:white;
}

.fa-angle-down:before {
    padding-left: 1px;
    font: normal normal normal 14px/1 FontAwesome !important;
}

/* Feedback Message*/
.Feedback_Message_Wrapper {
    margin-top: 102px;
}

/* Feedback Message **************************/
div.Feedback_Message_Info:before,
div.Feedback_Message_Success:before,
div.Feedback_Message_Error:before,
div.Feedback_Message_Warning:before {
    font-size: 20px;
    left: 15px;
    top: 9px;
}

div.Feedback_Message_Success {
    background-color: #dff0d8;
    border: 1px solid #cbe0ba;
    color: #346b35;
}

div.Feedback_Message_Success a.Feedback_Message_Wrapper_Close {
    opacity: 1;
}
div.Feedback_Message_Success a.Feedback_Message_Wrapper_Close:after {
    color: #346b35;
}

div.Feedback_Message_Success:before {
    color: #7dc62b;
}

div.Feedback_Message_Error {
    background-color: #f5e7e7;
    border: 1px solid #ead8d8;
    color: #843534;
}

div.Feedback_Message_Error a.Feedback_Message_Wrapper_Close {
    opacity: 1;
}
div.Feedback_Message_Error a.Feedback_Message_Wrapper_Close:after {
    color: #843557;
}

div.Feedback_Message_Error:before {
    color: #e58d8d;
}

div.Feedback_Message_Warning {
    background-color: #fcf8e3;
    border: 1px solid #f1deb6;
    color: #8a6d3b;
}

div.Feedback_Message_Warning a.Feedback_Message_Wrapper_Close {
    opacity: 1;
}
div.Feedback_Message_Warning a.Feedback_Message_Wrapper_Close:after {
    color: #8a6d3b;
}

div.Feedback_Message_Warning:before {
    color: #eabd30;
}

div.Feedback_Message_Info {
    background-color: #fcf8e3;
    border: 1px solid #f1deb6;
    color: #8a6d3b;
}

div.Feedback_Message_Info a.Feedback_Message_Wrapper_Close {
    opacity: 1;
}

div.Feedback_Message_Info a.Feedback_Message_Wrapper_Close:after {
    color: #8a6d3b;
}

div.Feedback_Message_Info:before {
    color: #eabd30;
}

div.Feedback_Message_Wrapper {
    left: 0;
    z-index: 5000;
}

div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning,
div.Feedback_Message_Info {
    border-radius: 3px;
    box-shadow: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    line-height: normal;
    max-width: 100%;
    min-width: 300px;
    padding: 10px 40px 10px 40px;
    word-break: break-word;
    -webkit-backface-visibility: hidden;
}

a.Feedback_Message_Wrapper_Close {
    color: #000;
    opacity: .3;
    right: 10px;
    top: 8px;
}

.tablet a.Feedback_Message_Wrapper_Close, .desktop.small a.Feedback_Message_Wrapper_Close,
.phone a.Feedback_Message_Wrapper_Close {
    pointer-events: none;
}

div.Feedback_Message_Error .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Warning .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Info .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Success .Feedback_Message_Wrapper_Close:after {
    color: #000;
    content: "\f00d"; /* fa-times at http://fortawesome.github.io/Font-Awesome/icons/ */
    font-family: FontAwesome;
    text-align: right;
}

a.Feedback_Message_Wrapper_Close:hover {
    opacity: .6;
}

.tablet a.Feedback_Message_Wrapper_Close, .desktop.small a.Feedback_Message_Wrapper_Close,
.phone a.Feedback_Message_Wrapper_Close {
    pointer-events: none;
}

/* Ajax Loading */
.Feedback_AjaxWait {
    border-radius: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2);
    font-size: 12px;
    padding: 16px 20px 10px 20px;
    background-color: #000000;
    display: block;
    position: absolute;
    top: 50px;
    height: 100%;
}

.Feedback_AjaxWait .Loader {
    background: url(/WebPatterns/img/loading_lisbon_yellow.gif?32) no-repeat;
    height: 16px;
    position: relative;
    text-indent: -9999em;
    width: 16px;
}

/* Burguer */
.fa-bars {
    cursor: pointer;
}

.MenuSlider_IsOpen .LoginInfo {
    font-size: 30px;
}

.Filters_Wrapper {
    background: #fff;
    border-radius: 0;
    line-height: 32px;
    padding: 10px;
}

.Filters_Wrapper .Button {
    margin-left: 10px;
}

.Search_wrapper input[type="text"] {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    height: 32px;
    line-height: 30px;
    padding-left: 30px;
}

.Search_wrapper input[type="text"]:focus {
    border-color: #ccc;
    box-shadow: none;
}

.Search_wrapper:after {
    left: 10px;
    top: 9px;
}

/* Search inside header */
.Header .Search_wrapper input[type="text"] {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 30px;
    color: #fff;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
    width: 100px;
}

.Header .Search_wrapper input[type="text"]:focus {
    border: 1px solid rgba(255, 255, 255, .3);
    width: 200px;
}

.Header .Search_wrapper:after {
    color: #cdcdcd;
    left: 10px;
    pointer-events: none;
}



/*------------------------------------*\
        $7. Login
\*-------------------------------------*/

/* login container **************************/
.Login {
    background-color: #666;
    background-image: radial-gradient(circle 497px at 16.42% 87.08%, rgba(255, 255, 255, .2) 0%, transparent 100%), radial-gradient(circle 242px at 21.53% 91.67%, #222731 0%, #222731 100%);
    color: #fff;
    height: 100%;
    min-height: 280px;
    position: absolute;
    width: 100%;

    
    
}

.Login_Box {
    padding-top: 20px;
}

.phone .Login_Box {
    left: 50%;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-top: 0;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}

.Login__Logo {
    padding-bottom: 10px;
}

.Login_background {
    
}

.Login_background img {
    
    
}

/* Form **************************/
.Login__Form {
    background-color: transparent;
    padding: 20px 20px;
}

.phone .Login_Footer {
    padding: 15px 0;
}

/* ExcludeFromPickers: ActionAdd, ActionChange, ActionDelete, ActionEdit, Actions, Application_Menu, Badge, Breadcrumbs, BreadcrumbsContainer, 
Content, ControlActions, desktop, EditableTable, EditRecord, EditRecord_Buttons, fa, Feedback_AjaxWait, Feedback_Message_Error, 
Feedback_Message_Info, Feedback_Message_Success, Feedback_Message_Warning, Feedback_Message_Wrapper, Feedback_Message_Wrapper_Close, 
Filters_Wrapper, Footer, Form, Header, Header__activity, Header__loginInfo, Header_buttonMenu, Header_search, Header_title, Header_user, 
HeaderPage, ie, ie10, ie11, ie8, InEditMode, ListNavigation_CurrentPageNumber, ListNavigation_DisabledNext, ListNavigation_DisabledPrevious, 
ListNavigation_Ellipsis, ListNavigation_Next, ListNavigation_PageNumber, ListNavigation_Previous, Loader, Login__Form, Login__Logo, Login_Box, 
Login_Footer, Login_Text, LoginInfo, LoginInfo_username, MainContent, MainPopup, Menu, Menu_DropDownArrow, Menu_DropDownButton, Menu_DropDownPanel, 
Menu_SubItemsPlaceholder, Menu_SubMenuItem, Menu_SubMenuItemActive, Menu_TopMenu, Menu_TopMenuActive, Menu_TopMenus, menuOpen, MenuSlider_Toggler, 
mini, Not_Valid, OnEdit, open, OSAutoMarginTop, OSInlineClear, Page, phone, portait, Responsive, RowControlGroup, RowWithAddAction, select2-choice, 
select2-container, Selected, ShowRecord, SmartInput_Undo, TableRecords, TableRecords_EvenLine, TableRecords_Header, TableRecords_OddLine, tablet, 
ThemeGrid_Container, ThemeGrid_MarginGutter, ThemeGrid_Width12, ThemeGrid_Wrapper, Title, Title_Section */





/*

    To override a style copy and paste it to
    the application theme and then modify it

    File: CTT Theme

    $0. Fonts
    $1. General Properties
    $2. Structure
    $3. Forms
    $4. Buit-in widgets
    $5. RichWidgets
    $6. Login
    $7. SILK Patterns
    $8. Usefull Classes
    $9. CTT Patterns
    $10. Custom Classes
    $11. Studio Preview
    $12. Print

*/

/*------------------------------------*\
        $0. Fonts
\*-------------------------------------*/

/* Fonts > Import Font */

@font-face {
    font-family: 'Acto-Book';
    src: url('/CTT_External_Web_Theme/fonts/Acto-Book/Acto-Book.eot');
    src: url('/CTT_External_Web_Theme/fonts/Acto-Book/Acto-Book.eot?iefix') format('eot'),
         url('/CTT_External_Web_Theme/fonts/Acto-Book/Acto-Book.ttf') format('truetype'),
         url('/CTT_External_Web_Theme/fonts/Acto-Book/Acto-Book.woff') format('woff'),
         url('/CTT_External_Web_Theme/fonts/Acto-Book/Acto-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Acto-Light';
    src: url('/CTT_External_Web_Theme/fonts/Acto-Light/Acto-Light.eot');
    src: url('/CTT_External_Web_Theme/fonts/Acto-Light/Acto-Light.eot?iefix') format('eot'),
         url('/CTT_External_Web_Theme/fonts/Acto-Light/Acto-Light.ttf') format('truetype'),
         url('/CTT_External_Web_Theme/fonts/Acto-Light/Acto-Light.woff') format('woff'),
         url('/CTT_External_Web_Theme/fonts/Acto-Light/Acto-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*------------------------------------*\
    $1. General Properties
\*-------------------------------------*/

html, 
body, 
div, 
span, 
a, 
img, 
ul,
ol,
li, 
form, 
table, 
tbody, 
thead, 
tr, 
th, 
td {
    font-family: Acto-Book;
    font-size: 16.8px;
}

html,
body,
form,
.Page {
    height: 100%;
    position: relative;
}

body,
select,
textarea,
input {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
}

body {
    background-color: #efeff4;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
}

/*------------------------------------------------------------*/
/* 1.2 General Properties > Margins ***************************/
/*------------------------------------------------------------*/

.OSAutoMarginTop {
    margin-top: 20px;
}

.OSInlineClear {
    /* This style will never be used in runtime.
    When applied in Service Studio, it will prevent the style 'OSInline' from being
    automatically applied to divs and tables with widths != (fill parent) */
}

/*
/*------------------------------------*\
              $2. Structure
\*-------------------------------------*/



/*------------------------------------------------------------*/
/* 2.3 Structure > Footer *************************************/
/*------------------------------------------------------------*/



.Fos ((position: -webkit-sticky) or (position: sticky)) {
  .Footer_wizard {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
  }
}


.Text_link_footer{
    color:#666666;
    font-family: Acto-Book;
    font-size: 11.67px;
    letter-spacing: 0.5px;
    line-height: 18px;
    text-decoration: underline;

}
.footer_right_first{
    vertical-align: bottom;
}
.footer_right_second{
    vertical-align: bottom;
}

.copyright{
    font-family: Acto-Book;
    font-size: 11.67px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 18px;
    width: 91px;
    height: 18px;
    padding-top: 4px;
}

.WizardFooter_ProgressBar {
    height: 100%; 
    line-height: 3;
    width: 60%;
}

.WizardFooter_LeftDiv {
    width: 20%;
    min-height: 100%;
}

.WizardFooter_RightDiv {
    width: 20%;
    min-height: 100%;
}

/*------------------------------------------------------------*/
/* 2.4 Structure > Content *************************************/
/*------------------------------------------------------------*/

    
/* Não apagar estas classes */
.NextDiv {}

.SubmitDiv {}

.ButtonGroupDiv {}

/*------------------------------------------------------------*/
/* 2.5 Structure > Popup *************************************/
/*------------------------------------------------------------*/



.Header_Popup{
    background: #FFFFFF;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 20.16px;
    color: #333333;
    letter-spacing: 0.5px;
    padding-top: 19px;
    padding-left: 24px;
    padding-bottom: 19px;
    padding-right: 24px;
    
}

.MainContent_Popup{
    background: #FFFFFF;
    border-bottom: 3px solid #D3D3D3;
    border-top: 3px solid #D3D3D3;
    font-family: Acto-Book;
    font-size: 16.8px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
    padding-top: 19px;
    padding-left: 24px;
    padding-bottom: 19px;
    padding-right: 24px;
}

.Footer_Popup{
    background: #FFFFFF;
    padding-top: 19px;
    padding-left: 24px;
    padding-bottom: 19px;
    padding-right: 24px;
}

.Footer_Popup .Columns2 > .Column.ColFirst {
    width: 48%;
}

.Footer_Popup .Columns2 > .Column {
    padding: 0px !important;   
}

.Footer_Popup .Columns .Column {
    padding-left: 0px !important;
}


.MainPopup{
    padding: 0px !important;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title {
    right: 20px;
    top: 25px;
    opacity: 0.2
}


/*------------------------------------------------------------*/
/* 2.6 Structure > Below Header *******************************/
/*------------------------------------------------------------*/

.SecondaryTitle {
    padding-top: 22px;
    padding-left: 10px;
    padding-bottom: 26px;
}

/*------------------------------------------------------------*/
/* 2.7 Structure > Vertical Tabs ******************************/
/*------------------------------------------------------------*/

.vertical-tabs {
    width:100%;
    padding:0px;
}

.vertical-tabs .item {
    padding-left: 9.68%;
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 4;
    height: 57px;
    width:99.4%;
}

.vertical-tabs .item:active {
    background: #F0F0F0;
    width:99.5%;
    display: table;
}

.vertical-tabs .item:hover {
    background: #F0F0F0;
   /* Display:table;*/
 }
 
 .vertical-tabs .item.is-choosed {
    background: #F0F0F0;
    width:99.5%;
    height: 57px;
    padding-left: 9.68%;
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 14px;
    line-height: 4;
    display: table;
 }

.tablet .vertical-tabs .item.is-choosed, .desktop.small .vertical-tabs .item.is-choosed {
    width: 99.7%;
}
.tablet .vertical-tabs .item:hover, .desktop.small .vertical-tabs .item:hover {
    background: #F0F0F0;
    width: 99.7%;
}

.phone .vertical-tabs .item.is-choosed {
    width: 99.4%;
}
.phone .vertical-tabs .item:hover {
    background: #F0F0F0;
    width: 99.3%;
}

/*------------------------------------------------------------*/
/* 2.8 Structure > White Div **********************************/
/*------------------------------------------------------------*/

div.WhiteLayer {
    background-color:#FFF;
    width:100%;
    height:100%;
    z-index:21;
    top:0;
    left:0;
    position:fixed;
}

/*------------------------------------*\
        $7 SILK Patterns
\*------------------------------------*/


/*------------------------------------------------------------*/
/* 7.1 SILK Patterns > Content ********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Accordion */

.AccordionVertical {
    font-family: Acto-Book;
    color: #333333;
    font-size: 16.8px;
    letter-spacing: 0.5px;
    line-height: 24px;
    background: #FFFFFF;
}

.AccordionVertical___title{
    font-size: 16.8px;
    color: #333333;
    font-weight: normal;
}

.AccordionVertical__header:hover .AccordionVertical___title {
    color: #FFFFFF;
}


.AccordionVertical_item.open .AccordionVertical__header .AccordionVertical___title{
    color: #FFFFFF;
}

.AccordionVertical___icon {
    border-left: none; 
}

.AccordionVertical__header:hover .AccordionVertical___icon > .fa {
    border: none;
    color: #FFFFFF;
}

.AccordionVertical_item.open > .AccordionVertical__header >.AccordionVertical___icon > .fa {
    border: none;
    color: #FFFFFF;
}

.AccordionVertical___icon > .fa {
    border:none
}

/* SILK Patterns > Alert */

.Alert{
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 16.8px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-top: 5%;
}

.Alert span.fa{
    top: 14px;
}

.Alert.Info,
.Alert.Success,
.Alert.Error,
.Alert.Warning {
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    text-align: center;
    display: table-cell;
}

.Alert.Info span.fa {
    text-align: center;
}

.Alert.Warning span.fa {
    color: #F5A623;
}

.Alert.Warning span.fa:before {
    content: "\f06a";
    font-family: FontAwesome;
}

/* SILK Patterns > Balloon */

.Balloon_content {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 11.67px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    line-height: 18px;
}



/* SILK Patterns > BlankSlate */

.Blank {
    background:  #FAFAFA;
}

.Blank:hover {
    text-decoration: none;
}

.Blank:hover .Blank_action.PH a,
.Blank:hover .Blank_action.PH a:link,
.Blank:hover .Blank_desc.PH a,
.Blank:hover .Blank_desc.PH a:link {
    color: #D11D1F;
    cursor: pointer;
    text-decoration: none;
}

.Blank_action .Button {
    margin-left: 0;
    background: #999999;
    color: #FFFFFF;
}


.Blank_action {
    margin-top: 30px;
    font-size: 40px;
}

.Blank_row {
    display: grid;
}

.Blank a, 
.Blank a:link, 
.Blank a:visited {
    color: #999999;
    font-size: 40px;
}

.Blank_desc,
.Blank_desc a, 
.Blank_desc a:link, 
.Blank_desc a:visited {
    margin-top: 10px;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;
}


/* SILK Patterns > Box */

.Box {
    margin: 20px 0;
    padding: 30px;
    font-family: Acto-Book;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.57px;
    line-height: 20px;
    border-radius: 3px;
}

/* SILK Patterns > Bullets */

ol.List, ul.List {
    margin-top: 10px;
    padding-left: 26px;
    font-family: Acto-Book;
    font-size: 16.8px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
}

/* SILK Patterns > ButtonsArea */


.Buttons{
    background: #000000;
}

.ButtonWithIcon_LeftButton,
.ButtonWithIcon_RightButton{
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    line-height: 18px;
    border-radius: 3px;
    min-width: 80px;
    height: 38px;
    padding-left: 10px;
    padding-right: 4px;
    cursor: pointer;
    vertical-align: middle;
    padding-top: 8px;
    margin-left: 2.3%;
    margin-right: 2.3%;
    margin-top:1.5%;
    display: inline-block;
    border: 1px solid #666666;
    display: inline-table;
}

.ButtonWithIcon_Text {}

.ButtonWithIcon_LeftButton:hover,
.ButtonWithIcon_RightButton:hover {
    filter: brightness(90%);
}

.ButtonWidth {
    width: 150px;
}

.tablet .ButtonWidth,
.phone .ButtonWidth {
    width: 100%;
}


/* SILK Patterns > CardBackground */

.CardBackground {
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    text-align: justify;
    color: #666666;
}

.CardBackground_MainTitle{
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 24.19px;
    letter-spacing: 0;
    line-height: 30px;
}

.CardBackground_Content {
    font-family: Acto-Book;
    font-size: 14px; 
    letter-spacing: 0.5px;
    line-height: 24px;
}

/* SILK Patterns > CardLeftImage */

.Card{
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    padding: 0px;
}

div[class="Card_Image"] > img {
    display: block;
    max-height: 411px;
    width: auto;
    height: auto;
}

.CardLeftImage.Card {
    padding: initial;
    display: table-cell;
}

.CardLeftImage:hover{
    background: #FFFFFF;
    border: 1px solid #CF2027;
    border-radius: 3px;
}

.CardLeftImage:hover .Card_Title.Heading3,
.CardLeftImage:hover .Card_Actions.PH,
.CardLeftImage:hover .CardLeftImage_Category{
    color: #CF2027;
}

.Card .Card_Title.Heading3 {
    margin-top: 0;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 24.19px;
    color: #333333;
    letter-spacing: 0;
    line-height: 30px;
    padding-left: 8px;
    padding-top: 10px;
}

.CardLeftImage .Card_Actions.PH {
    font-family: Acto-Book;
    font-size: 16.8px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
    padding: 10px;
}

.CardLeftImage_Category {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 11.67px;
    color: #999999;
    letter-spacing: 0.5px;
    line-height: 18px;
    padding-left: 10px;
    padding-top: 10px;
}

/* SILK Patterns > CardSimple */
/* Changes to CardSimple so it aligns vertically on CardSimple_Right - TAM */

.CardSimple {
    display: table-cell;
}

.CardSimple_Left {
    width: 65%;   
    display: table-cell;
}

.CardSimple_Right {
    margin-left: 1%;
    width: 33.5%;  
    text-align: -webkit-center;
    height: auto;
    display: table-cell;
    vertical-align: middle;
}

.CardSimple .Card_Text {
    font-family: Acto-Book;
    font-size: 16.8px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.CardSimple_Title {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 24.19px;
    color: #333333;
    letter-spacing: 0;
    line-height: 30px;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
}

.CardSimpleImage .Card_Actions.PH {
    background: none;
}


/* SILK Patterns > CardSimpleImage */

.CardSimpleImage.Card {
    display: table-cell;
}

.CardSimpleImage .Card_Text {
    margin-bottom: 0px;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 20.16px;
    color: #333333;
    letter-spacing: 0.5px;
    padding: 10px;
}

.CardSimpleImage .Card_Actions.PH {
    font-family: Acto-Book;
    font-size: 16.8px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 21px;
    padding: 10px;
    padding-bottom: 35px;
}

.CardSimpleImage:hover {
    border: 1px solid #CF2027;
}

.CardSimpleImage:hover .Card_Text,
.CardSimpleImage:hover .Card_Actions.PH,
.CardSimpleImage:hover .CardLeftImage_Category{
    color: #CF2027;
}

/* SILK Patterns > Carousel */

.owl-theme .owl-controls .owl-page span {
    background: #D3D3D3;
}

.owl-prev.fa.fa-fw.fa-angle-left,
.owl-next.fa.fa-fw.fa-angle-right {
    background: #D3D3D3;
    border-radius: 3px;
}


.owl-carousel .owl-item {
    text-align: center;
}

/* SILK Patterns > Info */

.InfoTooltip .tooltipstered {
    font-size: 16.8px;
    color: #333333;
    letter-spacing: 0;
}

.InfoTooltip .tooltipstered:hover {
    font-size: 16.8px;
    letter-spacing: 0.6px;
}


/* SILK Patterns > Modal */

body.ModalOpened .ModalBackground {
    opacity: 0.5;
    background: #000000;
}

body.ModalOpened .ModalContainer {
    text-align: justify;   
}

.ModalActions.PH > .ButtonWithIcon_RightButton {
    margin-right: auto; 
    margin-top: auto;
}

.ModalActions.PH {
     text-align: right;
     font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;
 }
 
 .ModalMessage {
    font-family: Acto-Book;
    font-size: 16.8px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
 }
 
 .ModalContainer .Heading1 {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 20.16px;
    color: #333333;
    letter-spacing: 0.5px;
 }
 
 /* SILK Patterns > Panel */
 
 .Panel {
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
}

.Panel__title.Heading3 {
    display: contents;
    font-style: normal;
    text-align: left;
    vertical-align: middle;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 24.19px;
    color: #333333;
    letter-spacing: 0;
    line-height: 30px;
    padding-left: inherit;
}

.Panel_header > .Panel__actions {
    width: auto;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 29.03px;
    color: #333333;
    letter-spacing: 0;
    line-height: 36px;
    text-align: right;
}

.Panel_header {
    border-bottom: 3px solid #D3D3D3;   
}

.Panel_content {
    padding: 10px;
    font-family: Acto-Book;
    font-size: 16.8px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
}

.Panel__title.Heading3 {
    display: contents;
}

.Panel__actions {
    display: grid;
}

.Panel__actions.PH .Button {
    margin-left: 0px;
}

.Panel_SmallText {
    font-family: Acto-Book;
    font-size: 11.67px;
    color: #999999;
    letter-spacing: 0.5px;
    line-height: 18px;
}

 /* SILK Patterns > Post */

.Post__label.Small {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 16.8px;
    color: #333333;
    letter-spacing: 0.6px;
    line-height: 18px;  
}

.Post__description {
    font-family: Acto-Book;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
}

 /* SILK Patterns > SectionExpandable */

.SectionExpandable_header {
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    font-family: Acto-Book;
    font-size: 16.8px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 21px;
    padding: 20px;
}

.SectionExpandable.expanded .SectionExpandable_content {
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    font-family: Acto-Book;
    font-size: 16.8px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
    padding:20px;
}

.SectionExpandable:hover .SectionExpandable_header,
.SectionExpandable.expanded .SectionExpandable_header{
    color: #FFFFFF;
}

 /* SILK Patterns > Separator */

.Separator {
    border: 1px solid #D3D3D3;
}

/* SILK Patterns > Tooltip */

.tooltipster-base {
    background: rgba(0,0,0,0.80);
    border: 1px solid rgba(255,255,255,0.30);
    border-radius: 3px;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 11.67px;
    color: #FFFFFF;
    line-spacing: 0.5px;
    line-height: 18px;
}

.tooltipster-arrow{
    display: none;   
}

.tooltipstered {
    font-size: 16.8px;
    letter-spacing: 0;
}

.tooltipstered {
    cursor: pointer;
}


/*------------------------------------------------------------*/
/* 7.2 SILK Patterns > Controls *******************************/
/*------------------------------------------------------------*/

/* SILK Patterns > ButtonGroup */

.ButtonGroup_button.Button {
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 0px;
    line-height: 2.5;
    min-width: 95px;
}

.desktop .Button:hover, .desktop a.Button:hover {
    background-color: #F0F0F0;
    color: #333333;
}
.ButtonGroup_button.Button:first-child {
    border-radius: 0px;
}

.desktop .ButtonGroup_button.Button.disabled {
    background-color: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(19, 24, 25, .3);
}

.ButtonGroup_button.Button.active.disabled, 
.ButtonGroup_button.Button.active.disabled:hover {
    color: white !important;
    opacity: 0.5 !important;
}

.ButtonGroup_button.Button.disabled:hover{
    background-color: #FFFFFF !important;
    color: #999 !important;
    cursor: not-allowed;
    border-radius: 0px;
    border: 1px solid;
    border-color: #D3D3D3 !important;
}

.ButtonGroup_invalid{
    border: 1px solid #bf1601;
    border-radius: 0 !important;
}

.ButtonGroup_button.active, 
.ButtonGroup_button.active:hover,
.desktop .ButtonGroup_button.active:hover{
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.30);
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    line-height: 2.5;
    font-weight: bold;
}

.ButtonGroup_button:hover{
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 14px;
    color: #FFFFFF !important;
    letter-spacing: 0.5px;
    line-height: 2.5;
    background-color: #3F51B5 !important;
}

.ButtonGroup{
    width: auto;
    border-radius: 0;
    display: inline-flex;
}

.ButtonGroup_button.active span.fa,
.desktop .ButtonGroup_button.active:hover span.fa {
    color: #fff;
}

.phone .ButtonGroup_button.Button:first-child {
    border-bottom-left-radius: 0;
}

.phone .ButtonGroup_button.Button:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.phone .ButtonGroup{
    display:inline-block;
}

.tablet .ButtonGroup_button.Button, .desktop.small .ButtonGroup_button.Button, 
.tablet .ButtonGroup_button.active, .desktop.small .ButtonGroup_button.active, 
.tablet .ButtonGroup_button.active:hover, .desktop.small .ButtonGroup_button.active:hover{
    font-size: 12.2px;
    line-height: 3;
    font-weight:900;
    min-width: 95px;
}


/* SILK Patterns > Buttons */
.Button,
.Button_Small,
.Button_Large,
.Button_ButtonDefault,
.Button_Is_Default,
.Button_Success,
.Button_Danger,
.Button_Primary,
.Button_Secondary,
.Button_DarkPrimary,
.Button_DarkDefault,
.Button_DarkSecondary,
.Button_DarkSuccess,
.Button_DarkDanger,
.Button_disabled_text{
    font-family: Acto-Book;
    font-weight: 900;
    margin-left: 0px;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    min-width: 80px;
    height: 38px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.Button_TableRecords{
    width:135px;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    height: 38px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}


.Button_Small {
    font-size: 11.67px;
    height: 24px;
    min-width: 60px;
   }

.Button_Large {
    font-size: 20.16px;
    height: 48px;
    min-width: 110px;
}

.Button:hover,
.Button_ButtonDefault:hover,
.Button_Is_Default:hover,
.Button_Small:hover,
.Button_Large:hover {
    background: #F0F0F0;
    border: 1px solid #999999;
}

.Button:active,
.Button_ButtonDefault:active,
.Button_Is_Default:active,
.Button_Large:active,
.Button_Small:active {
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.20);
    background: #F0F0F0;
    border: 1px solid #999999;
}

.Button:disabled,
.Button_ButtonDefault:disabled,
.Button_Is_Default:disabled,
.Button_Success:disabled,
.Button_Danger:disabled,
.Button_Primary:disabled,
.Button_Secondary:disabled,
.Button_Large:disabled,
.Button_Small:disabled {
    opacity: 0.3;
    color: rgba(51,51,51,0.70);
    cursor: not-allowed;
    background: #F0F0F0;
    border: 1px solid #D3D3D3;
}

.Button:disabled:hover,
.Button_ButtonDefault:disabled:hover,
.Button_Is_Default:disabled:hover,
.Button_Danger:disabled:hover,
.Button_Success:disabled:hover,
.Button_Primary:disabled:hover,
.Button_Secondary:disabled:hover{
    background:#F0F0F0;
}

.Button_Success,
.Button_DarkSuccess{
    color: #FFFFFF;
}

.Button_Success:hover,
.Button_Secondary:hover {
    filter: brightness(90%);
}

.Button_Success:active,
.Button_DarkSucess:active {
    filter: brightness(90%);
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.30);
}

.Button_Danger,
.Button_DarkDanger{
    color: #FFFFFF;
}

.Button_Danger:active,
.Button_DarkDanger:active {
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.30);
}

.Button_Primary{
    color: #FFFFFF;
    background: #333333;
}

.Button_Primary:hover {
    background: #000000;
}

.Button_Primary:active {
    background: #000000;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.30);
}

.tablet .Button_Primary,
.phone .Button_Primary{
    height:38px;
    width:100%;
}

.Button_Secondary,
.Button_DarkSecondary{
    color: #FFFFFF;
}

.Button_Secondary:active,
.Button_DarkSecondary:active {
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.30);
}

/*dark background buttons */

.Button_DarkPrimary {
    background: #FFFFFF;
    color:#333333;
}

.Button_DarkPrimary:hover {
    background: #F0F0F0;
}

.Button_DarkPrimary:active {
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.20);
}

.Button_DarkDefault {
    border: 1px solid #666666;
    color: #F0F0F0;
    background: #333333;
}

.Button_DarkDefault:active {
    background: #000000;
    border: 1px solid #999999;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.30);   
}

.Button_DarkDefault:hover {
    border: 1px solid #999999;
}

.Button_DarkDanger:active,
.Button_DarkDanger:hover {
    border: 1px solid #FF3F5F;
}

.Button_DarkDefault:disabled,
.Button_DarkPrimary:disabled,
.Button_DarkSecondary:disabled,
.Button_DarkSuccess:disabled,
.Button_DarkDanger:disabled{
    opacity: 0.6;
    background: #FFFFFF;
    cursor: not-allowed;
    border: 1px solid black;
}

.Button_Success,
.Button_DarkSuccess{
    background: #43A047 !important;
}

.Button_disabled_text {
    opacity: 0.3;
    color: #FFFFFF;    
}

.Button_icon {
    opacity: 0.6;
    background: #333333;
}

/* SILK Patterns > Button dropdown */

.DropdownMenu .PH > a {
    color: #333333;
}

/*active button*/
.ButtonDropdown.open .ButtonDropdown_button.Button {
    color: #333333;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 3px 0 0 3px;
}

/*active button choices*/
.ButtonDropdown.open {
    color: #333333;
    border: 1px solid #D3D3D3;
    border-radius: 3px 0 0 3px;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
}

/*active icon*/
.ButtonDropdown.open .ButtonDropdown_button.Button .ButtonDropdown_icon {
    background: #F0F0F0;
    transition:none;
    border: 1px solid #999999;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.20);
    color: #666666;
     -webkit-transform: rotate(-180deg);
         -ms-transform: rotate(-180deg);
             transform: rotate(-180deg);
     -webkit-transition: all 50ms ease;
             transition: all 50ms ease;
}

.ButtonDropdown_button.Button{
    min-width: inherit;
    margin-left: 5px;
}

.Button.ButtonDropdown_button{
    height: auto;
}

.ButtonDropdown.open {
    border: none;
}

.ButtonDropdown_icon {
    padding: 4px;
}

.ButtonDropdown .OSInline {
    vertical-align: middle;
}

.ButtonDropdown_button.Button:hover .ButtonDropdown_icon {
    transition: none !important;
}

.DropdownMenu {
    top: 100%;
}

/*normal button*/
.ButtonDropdown_button.Button {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #333333;
    padding-right: 0;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 3px 0 0 3px;
}

/*normal icon*/
.ButtonDropdown_icon {
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    color: #666666;
    height: 29px;
    margin-left: 10px;
    width: 30px;
}

.phone .ButtonDropdown_icon,
.tablet .ButtonDropdown_icon, .desktop.small .ButtonDropdown_icon {
    height: 35px;
}

/*hover icon*/
.ButtonDropdown_button.Button:hover .ButtonDropdown_icon {
    background-color: #F0F0F0;
    border: 1px solid #999999;
    -webkit-transition: all 100ms ease;
            transition: all 100ms ease;
}

/*hover button*/
.ButtonDropdown_button.Button:hover {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 3px 0 0 3px;    
}

.ButtonDropdown .PH:hover {
    background: #F0F0F0;
}

/*disabled button*/
.ButtonDropdown_button.Button:disabled {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0.5px;
    opacity: 0.3;   
}

/*disabled icon*/
.ButtonDropdown_button.Button:disabled .ButtonDropdown_icon {
    background-color: #FFFFFF;
    border: 1px solid #D3D3D3;
    color: #333333;
    opacity:0.3;
}

/* SILK Patterns > Calendar */

.Calendar-wizard input.ReadOnly:not(.Not_Valid),
.Calendar-wizard input.ReadOnly,
.Calendar-wizard input[type="text"]{
    box-shadow: none !important;
}

/*CSS classes attached to the JS of the widget - Start*/

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    border-radius: 4px;
    background-color: white;
}

.input-group-valid {
    border: 1px solid #ccc;   
}

.input-group-invalid {
    border: 1px solid #bf1601;
}


.input-group-addon {
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: black;

    vertical-align: middle;
    padding-left: 1.5%;
    padding-right: 1.5%;
}

.edge .input-group-addon,
.chrome .input-group-addon, 
.firefox .input-group-addon,
.safari .input-group-addon{
    width: 2%;
    display: table-cell;
}

.input-calendar {
    border: none !important;
    box-shadow:none !important;
    padding-left: 3% !important;
}

.calendarOpen {
    color: blue;
}

/*CSS classes attached to the JS of the widget - End*/

.pika-single {
    z-index: 1;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    cursor: default;
    font-size: 12px;
    line-height: 14px;
    min-width: 250px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}

.pika-single:after { 
    clear: both; 
}

.pika-single.is-hidden {
    display: none;
}

.pika-lendar {
    /*width: 100%;*/
    padding-top: 5px; /*Changed by António Braz - 2019/10/17 due to calendar unformatted*/
}

.is-bound .pika-lendar {
    max-width: 250px;
}

.pika-title {
    position: relative;
    text-align: center;
    height: 32px;
    border-bottom: none;
}

.pika-label {
    /*display: -webkit-inline-box; Changed by António Braz - 2019/10/17 due to calendar unformatted*/
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 16px;
    /*line-height: 32px; Changed by António Braz - 2019/10/17 due to calendar unformatted*/
    font-weight: bold;
    background-color: #fff;
    z-index: 9998;
}

.pika-label:first-child {
    padding-top: 5px;
    padding-right: 5px;
} 

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: absolute;
    outline: none;
    border: 0;
    padding: 0;
    width: 30px;
    /*height: 50px;*/
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    position: absolute;
    top: 0;
    color: transparent;
    z-index: 9999;
}

.pika-prev,
.is-rtl .pika-next {
    left: 30px;
    top: 0;
}

.pika-prev:after {
    content: '‹';
    position: absolute;
    color: #333;
    width: 100%;
    font-size: 30px;
    z-index: 999999;
    left: 0;
    /*top: 1px; Changed by António Braz - 2019/10/17 due to calendar unformatted*/
    /*height: 50px;*/
}

.Calendar-navBtn > div {
    height: 0px;
    line-height: 36px;
}

.pika-next,
.is-rtl .pika-prev {
    right: 30px;
    top: 0;
}

.pika-next:after {
    content: '›';
    position: absolute;
    color: #333;
    width: 100%;
    font-size: 30px;
    z-index: 999999;
    left: 0;
    /*top: 1px;  Changed by António Braz - 2019/10/17 due to calendar unformatted*/
    /*height: 50px;*/
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .3;
}

.pika-select {
    display: inline-block;
    pointer-events:none;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    table-layout: fixed;
}

.pika-table th {
    color: #333;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    opacity: 0.5;
    font-weight: 400;
}

.pika-table tr:hover td {
    background: none !important;
    box-shadow: none !important;
} 

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #fff;
}

.pika-week {
    line-height: 22px;
    padding: 5px !important;
    opacity: 0.5;
    border-right: 1px solid #ccc;
}

.is-today .pika-button {
    color: #333;
    font-weight: normal;
    background-image: url("/CTT_External_Web_Theme/img/triangle_icon.png?505");
    background-size: 7px;
    background-position: 25px 25px;
    background-repeat: no-repeat;
}

.is-today .pika-button:hover {
    border: 1px solid #999999;
    color: #666;
    font-weight: normal;
    border-radius: 5px;
    background-color: #F0F0F0;
    background-image: url("/CTT_External_Web_Theme/img/triangle_icon_hover.png?505");
    background-size: 7px;
    background-position: 25px 25px;
    background-repeat: no-repeat;
}


.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}

abbr[title]{
    text-decoration: none;
    font-weight: bold;
    color: #666;
}

.is-disabled {
    cursor: not-allowed;
    background-color: #F0F0F0;
    color: #333;
}

.is-outside-current-month .pika-button {
    opacity: .7;
}

.pika-button:hover,
.is-selected .pika-button:hover{
    color:#666;
    font-weight: normal;
    background: #F0F0F0;
    border: 1px solid #999999;
    border-radius: 3px;
}

.pika-time-section {
    background-color: white;
    height: 100%;
    left:0;
    position: absolute;
    top:0;
    width: 100%;
    z-index: 99999;
}

td.has-event {
    position: relative;
}

.has-event .pika-button:after {
    background-color: #666;
    border-radius: 50%;
    content: "";
    height: 4px;
    position: absolute;
    width: 4px;
    bottom: 4px;
    left: 50%;
    margin-left: -2px;
}

.is-selected.has-event .pika-button:after,
.is-selected.is-today.has-event .pika-button:after {
    background-color: #fff;
}

.pika-lendar .Calendar-navBtn {
    width: 30px;
    z-index: 99999;   
}

.pika-lendar .Calendar-prevYear {
    left: 0;
}

.pika-lendar .Calendar-nextYear {
    right: 0;
    left: auto;
}

.pika-single:not(.is-bound) .Calendar-navBtn {
    width: 80px;    
}

.pika-single:not(.is-bound) .pika-prev, 
.pika-single:not(.is-bound) .pika-next {
    width: 80px;
}

.pika-single:not(.is-bound) .pika-next {
    right: 80px;
}

.pika-single:not(.is-bound) .pika-prev {
    left: 80px;
}

/* SILK Patterns > InputWithIcons */

.InputWithIcons input[type="text"],
.InputWithIcons input[type="password"],
.InputWithIcons input[type="datetime"],
.InputWithIcons input[type="datetime-local"],
.InputWithIcons input[type="date"],
.InputWithIcons input[type="month"],
.InputWithIcons input[type="time"],
.InputWithIcons input[type="week"],
.InputWithIcons input[type="number"],
.InputWithIcons input[type="email"],
.InputWithIcons input[type="url"],
.InputWithIcons input[type="search"],
.InputWithIcons input[type="tel"],
.InputWithIcons input[type="color"] {
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.10);
    border-radius: 3px;
    background: #FFFFFF;
}

.InputWithIcons .InputIcon {
    background-color: #F0F0F0;
    border: 1px solid #D3D3D3;
    color: #333333;
    height: 94%;
    top: 1px;
    right: 2px;
}

.InputWithIcons.Right .InputIcon {
    background-color: #F0F0F0;
    border: 1px solid #D3D3D3;
    color: #333333;
}

.InputWithIcons {
    display: block;
    max-width: 300px;
    border-radius: 3px;
    padding-right: 5px;
    height:32px;
}

.phone .InputWithIcons{
    padding-right: 0px;
}

.InputWithIcons input[type="text"].Not_Valid,
.InputWithIcons input[type="password"].Not_Valid,
.InputWithIcons input[type="datetime"].Not_Valid,
.InputWithIcons input[type="datetime-local"].Not_Valid, 
.InputWithIcons input[type="date"].Not_Valid, 
.InputWithIcons input[type="month"].Not_Valid, 
.InputWithIcons input[type="time"].Not_Valid, 
.InputWithIcons input[type="week"].Not_Valid, 
.InputWithIcons input[type="number"].Not_Valid, 
.InputWithIcons input[type="email"].Not_Valid,
.InputWithIcons input[type="url"].Not_Valid, 
.InputWithIcons input[type="search"].Not_Valid,
.InputWithIcons input[type="tel"].Not_Valid, 
.InputWithIcons input[type="color"].Not_Valid {
    border: 1px solid #bf1601;
}

/*SILK Patterns > select2 */
.select2-container .select2-choice span {
    color: #333333;
}

.select2-container.div[class*="ThemeGrid_Width"] {
    vertical-align: top;
    box-shadow: none;
}

.select2-container-disabled .select2-choice .select2-arrow b {
    background: #F0F0F0;
}

.select2-container-disabled .select2-choice span {
    color: #666666;
}

.select2-container-disabled .select2-choice > .select2-chosen {
    background: #F0F0F0;
}

.select2-container .select2-choice .select2-arrow {
    background: #fff;
    background-clip: padding-box;
    border-left: none;
    border-radius: 0 2px 2px 0;
}

.select2-dropdown-open .select2-choice {
    background-color: white;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding: 4px 4px 0 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap;
}

.select2-search .fa.fa-pencil.FormEditPencil {
    display:none;
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: transparent;
    cursor: not-allowed;
}

.select2-results li, .select2-results{
    font-size: 14px;
}


.tablet .select2-container .select2-choice,
.phone .select2-container .select2-choice{
    height: 37px;
    line-height: 35px;
}

.tablet .select2-container .select2-choice .select2-arrow, .desktop.small .select2-container .select2-choice .select2-arrow,
.phone .select2-container .select2-choice .select2-arrow{
    top:3px;
}

/* SILK Patterns > fileUpload */

.FileUpload_Widget {
    display: inline-block;
    filter: alpha(opacity=0);
    height: 36px;
    
    background: #FFFFFF
}

.FileUpload {
    display: inline-block !important;
    height: 36px !important;
    background: #FFFFFF !important;
    border: 1px solid #D3D3D3 !important;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.10) !important;
    border-radius: 3px !important;
    background-color: #FFFFFF !important;
    padding: 0px !important;
    margin-top: 10px;
}

.FileUpload_Button {
    display: inline-block;
    height: 35px;
    width: 162px;
    background: none;
    border-left: 1px solid #D3D3D3;
    border-right:none; 
    float: right;
}

.FileUpload_invalid{
    border: 1px solid #bf1601 !important;
    border-radius: 0 !important;
}

.FileUpload_Button:hover {
    display: inline-block;
    height: 36px;
    width: 30%;
    border-left: 1px solid #D3D3D3;
    border-right:none; 
    float: right;
    background: #F0F0F0;
    cursor: pointer;
    border-bottom: 1px solid #D3D3D3;
}

.FileUpload_Label {
    display: inline;
    line-height: 32px;
    width: 300px;
    border-color: white !important;
    
    
}

.FileUpload_Label input[type="text"]  {
    border: none;
}

.Button_FileUpload {
    display: inline-block;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;
    vertical-align: middle;
    background: none;
    
}

.IconDropdown {
    vertical-align: middle;
}

.IconDropdown_button.Button {
    margin-left: 0;
    min-width: 35px;
    padding: 10px;
}

.InlineDropdown_text {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;
    vertical-align: middle;
    padding: 5px;
}

.InlineDropdown_icon span {
    padding-left: 5px;
}

.InlineDropdown_icon {
    vertical-align: middle;
    color: #666666;
    padding: 5px;
    border-left: 1px solid #D3D3D3;
}

.InlineDropdown.open .InlineDropdown_icon {
    transition: none;
    -webkit-transform: rotate(180deg) !important;
    transform: rotateY(180deg);
    border-right: 1px solid #D3D3D3;
    border-left: 0px;
    background: #F0F0F0;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.20);
}

.InlineDropdown {
    position: relative;
    margin: 5px;
    border: 1px solid #D3D3D3;
    background: white;
}

.tablet .InlineDropdown {
    margin-left: 0;
}

.InlineDropdown_label {
    cursor: pointer;
    min-width: 0;
}


div[class="PH"] {
    padding: 5px;
}

.SliderRange .ui-slider-range {
    background-position: 0 0;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    border: none;
    box-shadow: none;
}

.SliderRange .ui-slider-handle {
    background: none;
    cursor: default;
    cursor: pointer;
    height: 22px;
    margin-left: -11px;
    position: absolute;
    top: -8px;
    width: 22px;
    z-index: 2;
    -ms-touch-action: none;
    touch-action: none;
    border: none;
    box-shadow: none;
}

.SliderRange .ui-slider-handle:hover {
    background: none;
}

.LabelValues > div{
    font-family: Acto-Book;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0.35px;
}

.Slider_currentvalue, .Slider_currentvalue2 {
    margin-top: 0px;
    font-family: Acto-Book !important;
    font-size: 14px !important;
    color: #333333 !important;
    letter-spacing: 0.35px !important;
}

.Slider_minvalue, .Slider_maxvalue {
    font-family: Acto-Book !important;
    font-size: 14px !important;
    color: #999999 !important;
    letter-spacing: 0.35px !important;
}

.SliderRange .ui-slider-handle:before {
    border-left: none;
    content: "\f111";
    font-family: FontAwesome;
    height: 0px;
    font-size: 12px;
    left: 1px;
    position: absolute;
    top: 1.5px;
    width: 0px;
}

.SliderRange .ui-slider-handle:after {
    border-left: none;
    border-right: none;
    content: "";
    height: 7px;
    left: 9px;
    position: absolute;
    top: 7px;
    width: 1px;
}

.SliderRange .ui-state-active:focus {
    background: none;
    font-weight: bolder;
    font-size: 16px;
    outline-width: 0;
    
}


.SliderRange {
    background: #D3D3D3;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    display: table;
    height: 2px;
    position: relative;
    text-align: left;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.Search_wrapper:after {
    content: "\f002";
    font-size: 14px;
    left: 15px;
    position: absolute;
    top: 11px;
    color: #999999;
}

.Search_wrapper input[type="text"] {
    border-color: #ccc;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    height: 35px;
    line-height: 34px;
    padding-left: 35px;
    font-family: Acto-Book;
    font-size: 14px;
}

.Search_wrapper input[readonly="readonly"] {
    cursor: not-allowed;
}

.Search_wrapper input[type="text"]:focus {
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.10);
}


/*------------------------------------------------------------*/
/* 7.3 SILK Patterns > Data ***********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Badge */
.Badge {
    margin: 5px;
    border: 1px solid;
    border-radius: 3px;
    font-family: Acto-Book;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 18px;
    padding: 1px 5px;
    font-weight: 900;
}


.tablet .Badge, .desktop.small .Badge, .phone .Badge  {
    margin: 0px;
}

/* SILK Patterns > Counter */

.Counter {
    text-align: center;
    vertical-align: none;
    border: solid 1px #D3D3D3;
    display: inline-block;
    margin: 10px;
    }
    
.Counter.Red{
    text-align: center;
    background: white ;
    border-color: #D3D3D3 
}

.Counter.Green{
    text-align: center;
    background: white ;
    border-color: #D3D3D3 
}

.Counter_description {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 20.16px;
    color: #333333;
    letter-spacing: 0.5px;
    background-color: transparent !important;  
}

.Counter_label {
    font-family: Acto-Book;
    font-size: 11.67px;
    color: #999999;
    letter-spacing: 0.5px;
    background-color: #FFFFFF;
    border-top: solid 3px #D3D3D3;
    padding: 10px;
    background-color: transparent !important;
}

.tablet .Counter_big_label, .desktop.small .Counter_big_label,
.phone .Counter_big_label{
    width:100%;
    margin-top:-1px;
}

.desktop .Counter_big_label {
    width:104%;
    margin-top: -1px;
}

.Counter_row{
    vertical-align: middle;
    padding: 15px;
    height: auto !important;
    display: inline-block !important;
    background-color: transparent !important;
}

.Counter_Number {
    vertical-align: middle;
    background-color: transparent !important;
    text-align: right !important;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 24.19px;
    color: #333333;
    letter-spacing: 0;
    line-height: 30px;
}

.Counter_Number.Red{
    background-color: transparent  !important;
}

.Counter_label_Number{
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 29.03px;
    color: #333333;
    letter-spacing: 0;
    padding: 35px;
    background-color: transparent !important;
    line-height: 36px;
    width: 100%;
}

.Counter_label_Number.Red{
    background-color: transparent  !important;
}

.Counter_label_Number.Green{
    background-color: transparent  !important;
}

.Counter_Number.Green{
    background-color: transparent  !important;
}

.Counter_backgroundRed {
    text-align: center;
    vertical-align: none;
    display: inline-block;
    margin: 10px;
    color: white;
    }
    
.Counter_backgroundRed .OSInline {
    vertical-align: none !important;
}

.Counter_backgroundRed_description {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 20.16px;
    color: white;
    letter-spacing: 0.5px;
    background-color: transparent !important;
    width: 63%;  
}

.Counter_backgroundRed_label {
    font-family: Acto-Book;
    font-size: 11.67px;
    color: white;
    letter-spacing: 0.5px;
    padding: 10px;
    background-color: transparent !important;
}

.Counter_backgroundRed_row{
    height: auto;
    width: 100%;
    color: white;
    vertical-align: middle;
    padding-top: 15px;
    height: auto !important;
    display: inline-block !important;
    background-color: transparent !important;
}

.Counter_backgroundRed_Number {
    vertical-align: middle;
    background-color: transparent !important;
    text-align: right !important;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 24.19px;
    color: white;
    letter-spacing: 0;
    line-height: 30px;    
    margin-right: 2%;
}

.Counter_backgroundRed_label_Number{
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 29.03px;
    color: white;
    letter-spacing: 0;
    padding: 10px;
    background-color: transparent !important;
    line-height: 36px;
    width: 100%;
}

/* SILK Patterns > IconBadge */

.IconBadge {
    display: -webkit-inline-box;
    margin-top: 5px;
    position: relative;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0.77px;
    padding: 10px;
}

.IconBadge_number {
    border-radius: 25px;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 11.67px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    line-height: 18px;
    padding: 1px 5px;
    position: static;
    text-align: -webkit-center;
    text-shadow: 1px 1px #369;
    top: -12px;
    border: none; 
}

/* SILK Patterns > ProgressBar */

.Progress_Value{
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0.5px;
    line-height: 18px;
    width: 100%;
    vertical-align: middle;
} 
.Progress {
    background-color: #333333;
    height: 6px;
    overflow: hidden;
    vertical-align: middle;
}

.Progress.Small {
    height: 6px;
}

.Progress.Medium {
    font-size: 10px;
    height: 6px;
}

.Progress.Large {
    font-size: 20px;
    height: 6px;
}

.Progress_bar {
    height: 100%;
    height: 6px;
}

.Progress span {
    display: none;
    vertical-align: bottom;
    height: 6px;
}

.Progress{
    margin: 0.4%;
}


/* SILK Patterns > TileIcon */

.Tile.TileIcon {
    background: #FFFFFF;
}

.TileIcon_icon {
    color: #D3D3D3;
}

.TileIcon_text {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 16.8px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 21px;
}

/* SILK Patterns > TileIconText */

.Tile.TileIconNumber {
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
}

.TileIconNumber .Heading2 {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 16.8px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 21px;
    text-align: left;
}

.TilleIconText_text {
    font-family: Acto-Book;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 18px;
    text-align: left;
}

.TileIconText_icon {
    color: #D3D3D3;
}

.Tile.TileIconNumber:hover .Heading2,
.Tile.TileIconNumber:hover .TilleIconText_text,
.Tile.TileIconNumber:hover .TileIconText_icon {
    color: #CF2027;
}


/* SILK Patterns > TileNumber */

.TileNumber_number {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 29.03px;
    color: #333333;
    letter-spacing: 0;
    line-height: 36px;
}

.TileNumber_text {
    font-family: Acto-Book;
    font-size: 11.67px;
    color: #999999;
    letter-spacing: 0.5px;
    line-height: 18px;
}

/* SILK Patterns > UserInitials */

.UserInitials.Small span {
    line-height: 0px;   
    vertical-align: middle;
}

.UserInitials span {
    font-family: Acto-Book;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 36px;
}

.ToggleButton_label.changed:after {
    background-color: transparent;
    content: "\f111";
    display: block;
    height: 15px;
    font-family: FontAwesome;
    left: 40px;
    position: absolute;
    top: -8px;
    -webkit-transition: left .15s ease-out;
    transition: left .15s ease-out;
    width: 15px;
    border: none;
}

.ToggleButton.changed {
    margin-top: 10px;
    background-color: #C8E6C9;
    border-radius: 12px;
    height: 10px;
}

.ToggleButton {
    margin-top: 10px;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    height: 10px;
    outline: 1px solid transparent;
    -webkit-transition: outline-color .3s ease-out;
    transition: outline-color .3s ease-out;
    width: 54px;
    background: #D3D3D3;
    border-radius: 12px;
}

.ToggleButton_label:after {
    background-color: transparent;
    content: "\f111";
    display: block;
    height: 15px;
    font-family: FontAwesome;
    left: 0px;
    position: absolute;
    top: -8px;
    -webkit-transition: left .15s ease-out;
    transition: left .15s ease-out;
    width: 15px;
    border: none;
    color: #666666;
}

.ToggleButton > .PH:hover {
    background: none;
}

.Blank_action.PH:hover {
    background: none;
}

.Blank_desc.PH:hover {
    background: none;
}

.CardLeftImage .Card_Actions.PH {
    font-family: Acto-Book;
    font-size: 16.8px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
    padding: 10px;
    background: none;
}

.TableRecords_EvenLine {
    padding: 5px 10px;
}

/*------------------------------------------------------------*/
/* 7.4 SILK Patterns > Email **********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Email3Rows */

.Email3Rows_Header {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 35px;
    color: #333333;
    letter-spacing: 0;
    line-height: 42px;
}

.Email3Rows_Text {
    font-family: Acto-Book;
    font-size: 17px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
}

.Email3Rows_Footer {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 17px;
    color: #666666;
    letter-spacing: 0.51px;
    text-align: right;
}

/* SILK Patterns > EmailSection */

.EmailSection_content {
    font-family: Acto-Book;
    font-size: 17px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
    width: auto;
}

.EmailSection_image {
    width: auto;
}

/*------------------------------------------------------------*/
/* 7.6 SILK Patterns > Navigation *****************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Breadcrumbs */

.Breadcrumbs div {
    display: inline;
}

.Breadcrumbs a,
.Breadcrumbs a:link,
.Breadcrumbs a:visited {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 11.67px;
    color: #333333;
    letter-spacing: 0.42px;
    line-height: 18px;
    text-decoration: none;
}

.Breadcrumbs .fa {
    color: #666666;
    padding-top: 5px;
}

.Breadcrumbs {
    margin-bottom: 0px;   
}

/* SILK Patterns > NavigationBar */

.NavigationBar a, 
.NavigationBar a:link, 
.NavigationBar a:visited {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 11.67px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    line-height: 18px;
    box-shadow: none;
    position: initial;
}

.NavigationBar a:active {
    box-shadow: inset 0 -3px 0 0 #FFFFFF;
    height: 37px !important;
}

.NavigationBar a:focus {
    box-shadow: inset 0 -3px 0 0 #FFFFFF;
    height: 37px !important;
}

.NavigationBar a:after, 
.NavigationBar a:link:after {
    background-color: #FFFFFF;
}

.NavigationBar.Horizontal {
    background: none !important;
}

.NavigationBar.Horizontal .Menu_TopMenuActive {
    height: 50px;
}

.NavigationBar span {
    font-size: 11.67px;
    font-weight: 500;
    font-family: Acto-Book;
}

.NavigationBar a, .NavigationBar a:link, .NavigationBar a:visited {
    height: 35px;
    padding: 0px !important;
}

.NavigationBar a:after, .NavigationBar a:link:after {
    background-color: transparent;
}

.desktop .NavigationBar a:hover:after, .desktop .NavigationBar a:link:hover:after {
    background-color: transparent ;
}

.desktop .NavigationBar a:hover, .desktop .NavigationBar a:link:hover {
    color: black;
}

.phone .NavigationBar a:active, 
.phone .NavigationBar a:link:active, 
.tablet .NavigationBar a:active, 
.desktop.small .NavigationBar a:active, 
.tablet .NavigationBar a:link:active , 
.desktop.small .NavigationBar a:link:active {
    color: #FFFFFF;
}

.phone .NavigationBar a:active:after, 
.phone .NavigationBar a:link:active:after, 
.tablet .NavigationBar a:active:after, 
.desktop.small .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after,
.desktop.small .NavigationBar a:link:active:after {
    background-color: transparent;
}

/* SILK Patterns > Tabs */

.Tabs {
    border: none;
}

.Tabs__tab {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 11.67px;
    color: #333333;
    letter-spacing: 0.42px;
    line-height: 18px;
    border-bottom: 1px solid #979797;
    background: transparent;
    border-left: none;
    border-top: none;
}    

.Tabs_body {
    font-family: Acto-Book;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 20px;
}

.Tabs__tab.active {
    background: transparent;
}

.Tabs_header {
    background: transparent;
}

.Tabs_header.PH:hover {
    background: transparent;
}

/* SILK Patterns > Wizard */

.WizardParent {
    border: none;
}

/* COMENTADO NO DIA 31/07/2017
.WizardStep a,
.WizardStep a:link,
.WizardStep a[disabled="disabled"],
.WizardStep a[disabled="disabled"]:hover {
    background: #F0F0F0;
}
*/

.WizardStepIcon{
    color: #999999;
    font-size: 24px;
    height: 69px;
    width: auto;
    vertical-align: middle;
    display: inline-block;
    padding-left: 24px;
    margin-top: 15px;
}


.WizardStepMainTitle{
    font-family: Acto-Book;
    font-weight: bold;
    font-size: 16.8px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 21px;
    height: 69px;
    width: auto;
    vertical-align: middle;
    padding-left: 12px;
    padding-right: 33px;
    display: inline-block;
    padding-top: 15px;
 }
 
.WizardStep.ActiveStep > .WizardStepMainTitle.OSInline {
    font-weight: 900;
}
 
 /* COMENTADO NO DIA 31/07/2017
 .WizardStep.UncompleteStep:hover .WizardStepMainTitle{
    font-family: Acto-Book;
    font-weight: 500;
    padding-right: 33px;
 }
 */


/* COMENTADO NO DIA 31/07/2017
.WizardStep:hover {
    background-color: #F0F0F0;
}
*/

/* COMENTADO NO DIA 31/07/2017
.WizardStep.ActiveStep a,
.WizardStep.ActiveStep a:link,
.WizardStep.ActiveStep a:visited,
.WizardStep.ActiveStep a[disabled="disabled"],
.WizardStep.ActiveStep a[disabled="disabled"]:hover {
    color: #F0F0F0;
}
*/

.WizardStep.DisabledStep{
    cursor: not-allowed; 
    font-family: Acto-Book;
    font-size: 16.8px;
    color: #999999;
    letter-spacing: 0.5px;
    line-height: 21px;
}


.WizardStep.DisabledStep .WizardStepMainTitle {
    color: #999999 !important;
    padding-top: 12px;
}

/* COMENTADO NO DIA 31/07/2017
.WizardStep.DisabledStep:hover{
    background: #FFFFFF;
}
*/

.Wizard_header{
    border-bottom: 3px solid #D3D3D3;
    background-color: white;
}

.Wizard_header .fa{
    font: normal normal normal 24px/1 FontAwesome !important;
}

.WizardStep{
    position: static;
    height: 69px;
    vertical-align: middle;
    width: auto;
    display: inline-block;
}

.WizardStep.ActiveStep{
    background: #F0F0F0;
    color: #000000;
}

.WizardStep.UncompleteStep .WizardStepMainTitle {
    font-family: Acto-Book;
    color: #999999;
    font-weight: 100;
}
/*------------------------------------------------------------*/
/* 7.7 SILK Patterns > Responsive *****************************/
/*------------------------------------------------------------*/

/* SILK Patterns > ResponsiveTableRecords > TableRecords */

.TableRecords{
    border:none;
    text-align: left;
    border-collapse: collapse;
}

tr.TableRecords_ExpandedRow td.TableRecords_OddLine, 
tr.TableRecords_ExpandedRow td.TableRecords_EvenLine {
    display: inline-table !important;
}


.phone .TableRecords td,
 .tablet .TableRecords td,
 .desktop.small .TableRecords td {
    width: 100% !important;
}

.TableRecords_Header{
    font-family: Acto-Book;
    font-weight: 900; 
    background-color: #FFFFFF;
    font-size: 14px;
    border-bottom: 3px solid #D3D3D3; 
    line-height: 18px;
    height: 60px;
    letter-spacing: 0.5px;
}

th.TableRecords_Header:hover {
    color: #000000;
    text-decoration: none;
}

.TableRecords_EvenLine,
.TableRecords_OddLine{
    font-family: Acto-Book;
    background-color: #FFFFFF;
    box-shadow: inset 0 -1px 0 0 #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;
    height: 48px;
    vertical-align: middle;
}


.TableRecords tr{
    background-color: #FFFFFF !important;
}

.TableRecords td{
    border: none;
}

.TableRecords tr:hover td {
    background: rgba(240,240,240,0.60);
    box-shadow: inset 0 -1px 0 0 #D3D3D3;
}

.SortColumns_Sorted {
    font-weight: bold;
    cursor: pointer;
    color: black;
}

.SortColumns_Sortable {
    color: #666666;
    font-weight: bold;
}

.SortColumns_Sorted:hover {
    text-decoration: none;
}

.SortColumns_Sortable:hover{
    text-decoration: none;
    color:#333333;
    font-weight:bold;
}

.Default_Sort_Order{
    color:black;
}

.TableRecords.OSFillParent.Empty .Default_Sort_Order{
    color:#666666;
}

.TableRecords_Header {
    padding: 5px 10px;
}

.TableRecords_OddLine {
    padding: 5px 10px;
}

.TableRecords div,
.TableRecords span,
.TableRecords a,
.TableRecords li {
    text-align: left;
    font-family: Acto-Book;
    font-size: 14px !important;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.TableRecords_BottomNavigation {
    margin-top: 15px;/*margin-top: 30px;*/
    height: 55px;
    border-bottom: 1px solid #D3D3D3;
}

.TableRecords_Wrapper {
    background: #FFFFFF;
}

/* SILK Patterns > ResponsiveTableRecords > EditableTable */

.EditableTable {
    border-top: 0px;   
}

.EditableTable thead th:hover {
    color: #000;
}

.EditableTable thead tr:hover {
    background: #FFF !important;
}

.EditableTable tr:hover {
    background: #DDD;
}


/*------------------------------------------------------------*/
/* 7.8 SILK Patterns > Structure ******************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Columns */

.Columns {
    width: 100%;
    font-family: Acto-Book;
    font-size: 16.8px; 
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
}

.Columns.Border .Column > div {
    border: transparent;
}

.tablet .statistics .Columns6 > .Column, 
.desktop.small .statistics .Columns6 > .Column{
    display: inline-table;
    padding-left: 35px;
    padding-right: 0px;
}

/*------------------------------------------------------------*/
/* 7.9 SILK Patterns > Utilities ******************************/
/*------------------------------------------------------------*/

/* SILK Patterns > CharacterCount */

.Text_small.Note,
.Text_small.Note span {
    font-family: Acto-Book;
    font-size: 14px !important;
    color: #666666;
    padding-top: 10px;
}

.Text_small.Note span {
    padding-left: 3px;
}



/*------------------------------------*\
        $8 Usefull Classes
\*------------------------------------*/

/* Usefull Classes > TextStyles > Headings */

.h1 {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 34.84px;
    color: #333333;
    letter-spacing: 0;
    line-height: 42px;
}
.h1 {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 34.84px;
    color: #333333;
    letter-spacing: 0;
    line-height: 42px;
}

.h2 {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 29.03px;
    color: #333333;
    letter-spacing: 0;
    line-height: 36px;
}
.phone .h2{
    font-size: 18.03px; 
}
.h2_bold {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 29.03px;
    color: #333333;
    letter-spacing: 0;
    line-height: 36px;
}

.h2_bold_white {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 29.03px;
    color: white;
    letter-spacing: 0;
    line-height: 36px;
}

.h3 {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 24.19px;
    color: #333333;
    letter-spacing: 0;
    line-height: 30px;
}

.h3_bold {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 24.19px;
    color: #333333;
    letter-spacing: 0;
    line-height: 30px;
}

.h4 {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 20.16px;
    color: #333333;
    letter-spacing: 0.5px;
}

.h4_bold {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 20.16px;
    color: #333333;
    letter-spacing: 0.5px;
}

.h4_bold_white {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 20.16px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
}

.h4_white {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 20.16px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
}

.h5 {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 16.8px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 21px;
}

.h5_bold {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 16.8px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 21px;
}

.h5_bold_white {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 16.8px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    line-height: 21px;
}

.h5_bold_grey {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 16.8px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 21px;
}

.h6 {
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.h6_bold {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.h6_bold_grey {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.h6_bold_white {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 14px;
    color:  #FFFFFF;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.Display1 {
    font-family: Acto-Light;
    font-size: 60.2px;
    color: #333333;
    letter-spacing: 0;
    line-height: 60px;
}
.phone .Display1 {
    font-size: 39.2px;
}
.Display2 {
    font-family: Acto-Light;
    font-size: 50.16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 54px;    
}

.Display3 {
   font-family: Acto-Book;
    font-size: 41.8px;
    color: #333333;
    letter-spacing: 0;
    line-height: 48px; 
}

/* Usefull Classes > TextStyles > Paragraphs */

.Paragraph_Large {
    font-family: Acto-Book;
    font-size: 20.16px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 30px;
}

.Paragraph_Normal {
    font-family: Acto-Book;
    font-size: 16.8px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
}

.Paragraph_Small {
    font-family: Acto-Book;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 24px;
}

.Paragraph_X_Small {
    font-family: Acto-Book;
    font-size: 11.67px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 18px;
}

/* Usefull Classes > TextStyles > Labels */

.Label_X_Small {
    font-family: Acto-Book;
    font-size: 11.67px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;   
}

.Label_X_Small_Light_Grey {
    font-family: Acto-Book;
    font-size: 11.67px;
    color: #999999;
    letter-spacing: 0.5px;
    line-height: 18px;
    font-weight:100;
}

.Label_X_Small_Bold_Light_Grey {
    font-family: Acto-Book;
    font-size: 11.67px;
    color: #999999;
    letter-spacing: 0.5px;
    line-height: 18px;
    font-weight:900;
}

.Label_Small {
    font-family: Acto-Book;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.Label_Normal {
    font-family: Acto-Book;
    font-size: 16.8px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 21px;
}

.Label_Large {
    font-family: Acto-Book;
    font-size: 20.16px;
    color: #333333;
    letter-spacing: 0.5px;
}

.Label_X_Small_Bold {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 11.67px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.Label_X_Small_Bold_White {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 11.67px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.Label_X_Small_Bold_White_No_LineHeight {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 11.67px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
}

.Label_Small_Bold {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.Label_Small_Bold_Grey {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.Label_Small_Bold_Light_Grey {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.Label_Small_Bold_White {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 14px;
    color: white;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.Label_Small_Bold_Blue {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 14px;
    color: #64B5F6;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.Label_Small_Bold_Red {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 14px;
    color: #DF0023;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.Label_Small_Bold_Green {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 14px;
    color: #43A048;
    letter-spacing: 0.5px;
    line-height: 18px;
}

.Label_Normal_Bold {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 16.8px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 21px;
}

.Label_Normal_Bold_Green {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 16.8px;
    color: #43A048;
    letter-spacing: 0.5px;
    line-height: 21px;
}

.Label_Normal_Bold_Red {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 16.8px;
    color: #DF0023;
    letter-spacing: 0.5px;
    line-height: 21px;
}

.Label_Normal_Bold_Grey {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 16.8px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 21px;
}

.Label_Large_Bold {
    font-family: Acto-Book;
    font-weight: 900;
    font-size: 20.16px;
    color: #333333;
    letter-spacing: 0.5px;
}

/* Usefull Classes > TextColors */

.Text_red {
    font-family: Acto-Book;
    font-size: 20.16px;
    letter-spacing: 0.5px;
}

.Text_darkRed {
    font-family: Acto-Book;
    font-size: 20.16px;
    letter-spacing: 0.5px;
}

.Text_blue {
    font-family: Acto-Book;
    font-size: 20.16px;
    letter-spacing: 0.5px;
}

.Text_lightBlue {
    font-family: Acto-Book;
    font-size: 20.16px;
    color: #64B5F6 !important;
    letter-spacing: 0.5px;
}

.Text_green {
    font-family: Acto-Book;
    font-size: 20.16px;
    letter-spacing: 0.5px;
}

.Text_lightGreen {
    font-family: Acto-Book;
    font-size: 20.16px;
    color: #81C784 !important;
    letter-spacing: 0.5px;
}

.Text_yellow {
    font-family: Acto-Book;
    font-size: 20.16px;
    color: #F6A623 !important;
    letter-spacing: 0.5px;  
}

.Text_black {
    font-family: Acto-Book;
    font-size: 20.16px;
    color: #000000 !important;
    letter-spacing: 0.5px;
}

.Text_darkGray {
    font-family: Acto-Book;
    font-size: 20.16px;
    color: #333333 !important;
    letter-spacing: 0.5px;
}

.Text_gray {
    font-family: Acto-Book;
    font-size: 20.16px;
    color: #666666 !important;
    letter-spacing: 0.5px;
}

.Text_lightGray {
    font-family: Acto-Book;
    font-size: 20.16px;
    color: #999999 !important;
    letter-spacing: 0.5px;
}

.Text_white {
    background: #666666;
    font-family: Acto-Book;
    font-size: 20.16px;
    color: #FFFFFF !important;
    letter-spacing: 0.5px;
}

.ToggleButton_disabled.changed {
    background: #D3D3D3;
}

.ToggleButton_label_disabled:after {
    color: #999999 !important;
}

.Data-form{
    min-height:900px;
    margin-top: 36px;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    width:100%;
}

.Data-form .title{
    padding-left: 1.9%;
    padding-top: 24px;
    padding-bottom: 24px;
}

.Data-form .separator{
    height:3px;
    background: #D3D3D3;
}

.Data-form .select2-container,
.Form select.ReadOnly:not(.Not_Valid),
.Form select{
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.10);
    width: 30.28%;
    margin-top: 4px;
    margin-bottom: 0px;
    margin-right: 0px;
    display: inline-block;
}

.Data-smaller-form{
    min-height:550px;
    margin-top: 36px;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    margin-bottom: 30px;
    width:100%
}

.Data-smaller-form .title{
    padding-left: 1.9%;
    padding-top: 24px;
    padding-bottom: 24px;
}

.Data-smaller-form .separator{
    height:3px;
    background: #D3D3D3;
}

.Same-line-form,{
    padding: 0px;
    margin-left: 3%;
}

.Same-line-form input.ReadOnly,
.Same-line-form .Form input[type="number"],
.Same-line-form label,
.Same-line-form input[type="number"],
.Same-line-form input[type="number"].Not_Valid
.Same-line-form input[type="text"],
.Same-line-form input[type="text"].Not_Valid,
.Same-line-form .ValidationMessage{
    margin-left: 0px ;
    width:100%;
}

.Form input.ReadOnly,
.Form input[type="text"],
.Form input[type="number"],
.Form input[type="email"]{
    background: #FFFFFF;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.10);
    border-radius: 3px;
    margin-left: 1.9%;
    width: 93.14%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 5px;
}

.Form textarea.ReadOnly[readonly="readonly"],
.Form input.ReadOnly[readonly="readonly"],
textarea[readonly="readonly"],
input[readonly="readonly"] {
    cursor: not-allowed;
    background: #F0F0F0;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    font-family: Acto-Book;
    font-size: 14px;
    color: #666666;
}

.FileUpload{
    margin-left: 0;
    width: 100%;
}

.select2-container{
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    margin-left: 1.9%;
    width: 93.14%;
    margin-top: 0px !important;
    margin-bottom: 0px;
    margin: 5px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.select2-container-disabled .select2-chosen {
    margin-right: 0px !important;
}

select.select-hide {
    width: 1px !important;
}

.Form label {
    position: relative;
    vertical-align: top;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.5px;
    line-height: 18px;
    padding-left: 1.9%;
    margin-top: 20px;
}

.ValidationMessage {
    color: #bf1601;
    display: block;
    font-size: 11px;
    height:0px;
    margin-left: 1.9%;
    margin-bottom: 2%;
}

.Data-general-form {
    margin-top: 36px;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    margin-bottom: 30px;
    width:100%
}

.Data-general-form .separator{
    height:3px;
    background: #D3D3D3;
}

.Data-general-form .title{
    padding-left: 1.9%;
    padding-top: 17px;
    padding-bottom: 17px;
}

.Date-inputs .select2-container{
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.10);
    width: 30.28%;
    margin-top: 4px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.Form input.ReadOnly:not(.Not_Valid), .Form textarea.ReadOnly:not(.Not_Valid), .Form select.ReadOnly:not(.Not_Valid) {
    padding-left: 5px;
}

.Form input.SmartInput_Changed.ReadOnly + a.SmartInput_Undo, .Form textarea.SmartInput_Changed.ReadOnly + a.SmartInput_Undo, .Form select.SmartInput_Changed.ReadOnly + a.SmartInput_Undo {
    display: none;
}

div.Feedback_AjaxWait {
    position: fixed;
    color: transparent;
    background-color: transparent;
    padding: 10px 0;
    text-align: center;
    z-index: 10000;
    font-family: Acto-Book;
    font-weight: 500;
    font-size: 16.8px;
}

.phone .Column.ColumnMiddle.sidesEmpty {
    width: 100% !important;
    padding-left: 5px;
}

.tablet .Column.ColumnMiddle.sidesEmpty,
 .desktop.small .Column.ColumnMiddle.sidesEmpty{
    width: 100% !important;
    padding-left: 5px;
}

.phone .WizardStepMainTitle.OSInline,
.tablet .WizardStepMainTitle.OSInline,
.desktop.small .WizardStepMainTitle.OSInline {
    display: none;
}

.phone .Column.ColumnFirst.empty, .tablet .Column.ColumnFirst.empty, .desktop.small .Column.ColumnFirst.empty {
    display: none;
}

.phone .Column.ColumnLast.empty, .tablet .Column.ColumnLast.empty, .desktop.small .Column.ColumnLast.empty {
    display: none;
}

.phone .WizardFooter_ProgressBar.OSInline, .tablet .WizardFooter_ProgressBar.OSInline, .desktop.small .WizardFooter_ProgressBar.OSInline {
    display: none;
}

.phone .WizardFooter_RightDiv.OSInline, .tablet .WizardFooter_RightDiv.OSInline , .desktop.small .WizardFooter_RightDiv.OSInline {
    width: 50%;
}

.phone .WizardFooter_LeftDiv.OSInline, .tablet .WizardFooter_LeftDiv.OSInline, .desktop.small .WizardFooter_LeftDiv.OSInline {
    width: 50%;
}

.tablet .top-menu.OSInline, .desktop.small .top-menu.OSInline, .phone .top-menu.OSInline {
    padding: 6%;
}

.tablet .statistics .Columns6 > .Column, .desktop.small .statistics .Columns6 > .Column{
    display: inline-table;
    padding-left: 38px;
    padding-right: 0px;
}

.Search_Input {
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.10);
    border-radius: 3px;
}

.Search_Input:hover {
    background: #FFFFFF;
    border: 1px solid #999999;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.10);
    border-radius: 3px;
}

.Search_Input:focus {
    background: #FFFFFF;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.10);
    border-radius: 3px;
}

.input-group:active,
.input-group:hover{
    background: #FFFFFF;
    border-radius: 3px;
}

.input-group-valid:hover {
    border: 1px solid #999999;   
}

.input-group-invalid:hover,
.input-group-invalid:active {
    border: 1px solid #bf1601;   
}



.BorderFocus {
    background: #FFFFFF;
    border-radius: 3px;
}

.tablet .Login_Info .Menu_TopMenu a, .desktop.small .Login_Info .Menu_TopMenu a, .phone .Login_Info .Menu_TopMenu a {
    text-align: right;
    padding-right: 0px;
}

.phone .Menu_TopMenu > div > a > span, .tablet .Menu_TopMenu > div > a > span, .desktop.small .Menu_TopMenu > div > a > span {
    padding-left: 0px !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.Footer_wizard {
    position: relative;
    top: auto !important;
}
}

.phone .TableRecords_EvenLine, .tablet  .TableRecords_OddLine, .desktop.small  .TableRecords_OddLine, 
.tablet .TableRecords_EvenLine, .desktop.small .TableRecords_EvenLine, .phone  .TableRecords_OddLine{
    /*display: inline-table !important;*/
    /* Não descomentar pois é isto que tira a responsiveness das table records*/
}

.phone tbody tr > td:first-child, .desktop.small tbody tr > td:first-child, .tablet tbody tr > td:first-child {
    font-weight: 900;
}

div.Feedback_Message_Wrapper{
    width: 100% !important;
}


.TableRecords.Empty td {
    font-weight: normal !important;
    color: black;
}

.TableRecords.Empty td:hover {
    color: black;
}

.ie .input-group .input-calendar {
    width: 90% !important;
    display: inline !important;
}

.ie .input-group-addon {
    display: inline !important;
}

.ButtonGroup_button.disabled {
    box-shadow: none !important;
}

/*.pika-prev, .pika-next {
    margin-top: 5px;
} */ 

.desktop.small .Login_Menu {
    display: block;
    top: 0;
    right: 0;
    position: static;
    width: 100%;
}

.TableRecords td {
    border: none;
    word-break: break-all;
}

.Badge, .TableRecords_Header, .ForceAlignRightDiv, .InlineDropdown {
    word-break: keep-all;
    white-space: nowrap;
}



.HeaderImage img {
    width: auto !important;
    height: auto !important;
    max-height: 577px !important;
}

.divcontentImage img {
    width: auto !important;
    max-height: 422px !important;
    height: auto !important;
    max-width: 100% !important;
}

.SeccaoSenhorio img {
    width: auto !important;
    height: auto !important;
    max-width: 200px !important;
    max-height: 200px !important;
}

.cttImage{}

.Menu_TopMenus {
    width: auto;
}

.PaddingButton {
    padding-right: 1%;
}

.phone .Login_Menu,
.desktop.small .Login_Menu,
.tablet .Login_Menu {
    display: table !important;
    width: 100% !important;
}

.tablet .cttImage, 
.desktop.small .cttImage, 
.phone .cttImage {
    left: 0;
    position: absolute;
    bottom: 0;
}

.ButtonGroup {
    width: 100%;
    margin-left: 0;
    margin-bottom:2%;
}

.ButtonGroup_button.Button,
.ButtonGroup_button.active, 
.desktop .ButtonGroup_button.active:hover{
    font-weight: bold;
    width:50%;
}

.ButtonGroup_button.active,
.ButtonGroup_button.active:hover {
    background-color: #B3001D;
}

.ButtonGroup_button.Button.active.disabled, 
.ButtonGroup_button.Button.active.disabled:hover {
    background:#3F51B5;
}

.ButtonGroupCollections .ButtonGroup_button.active,
.ButtonGroupCollections .ButtonGroup_button.active:hover,
.ButtonGroupCollections .ButtonGroup_button:hover,
.ButtonGroupDiv .ButtonGroup_button.active,
.ButtonGroupDiv .ButtonGroup_button.active:hover,
.ButtonGroupDiv .ButtonGroup_button:hover,
.NextButtonContainer .ButtonWithIcon_LeftButton,
.NextButtonContainer .ButtonWithIcon_RightButton,
.RightClassButtonDiv .ButtonWithIcon_LeftButton,
.RightClassButtonDiv .ButtonWithIcon_RightButton {
    background-color: #3F51B5;
    border-color:#3F51B5;
}

.ButtonGroup_button.active, 
.ButtonGroup_button.active:hover,
.desktop .ButtonGroup_button.active:hover,
.Button_Secondary:active,
.Button_DarkSecondary:active,
.is-today .is-selected,
.is-selected .pika-button,
.SliderRange .ui-slider-range {
    background:#3F51B5;
}

/* image*/

.LogoClientImage, .LogoClientImage img {
    width: auto;
    max-height: 35px;
    max-width: 85px;
    margin-top: -5px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.tablet .Application_Menu, .desktop.small .Application_Menu, .phone .Application_Menu, .SecondaryTitle, .Button_Danger:hover, .Button_Danger:active, .Button_DarkDanger:active {
    background: black;
}

.Header_FormBackground .choosed-tab, .Blank:hover, .Blank:hover span.Label_Small_Bold, .Blank:hover span.fa, .InfoTooltip .tooltipstered:hover, .tooltipstered, .Counter.Red, .Counter.Green, .Counter_Number.Red, .Counter_label_Number.Red, .Breadcrumbs a:active, .NavigationBar.Horizontal .Menu_TopMenuActive a {
    color: black !important;
}

.tablet .Application_Menu, 
.desktop.small .Application_Menu, 
.phone .Application_Menu {
    background: #221e1f !important;
}

.tablet .Menu_TopMenus, .phone .Menu_TopMenus, .desktop.small .Menu_TopMenus {
    width: 100% !important;
}

.tablet .Menu_TopMenuActive span, .desktop.small .Menu_TopMenuActive span, .phone .Menu_TopMenuActive span {
    color: #221e1f !important;
}

.desktop .UserInfo {
    max-width: 218px;
    text-align: left;
}
.desktop .Header_center{
    height:84px;
}

.desktop .Header{
    padding-top:0px
}

.desktop .Header_Title{
    height:100%;
    padding-left: 0px;
}

.desktop .LogoImage {
    height: 60px;
    vertical-align: -webkit-baseline-middle;
}

.desktop .Menu_TopMenuActive{
    /*line-height:84px;*/
}

.desktop .Menu_DropDownButton {
    height: 83px;
}

.Page > .Content {
    padding-top: 25px;
}

.desktop .Menu_TopMenu a:link, .desktop .Menu_TopMenu a:visited, .desktop .Menu_TopMenu a{
    height:84px;
}

.desktop.landscape:not(.small):not(.big):not(.hd) .Menu_TopMenu a:link, .desktop.landscape:not(.small):not(.big):not(.hd) .Menu_TopMenu a:visited, .desktop.landscape:not(.small):not(.big):not(.hd) .Menu_TopMenu a{
    padding: 0 10px; /* diminish left a right size of menu items for smaller -desktop- screens not yet with "Mobile" style */
}

.desktop .Menu_TopMenu {
    line-height: 84px;
}

.desktop .UserInfo {
    max-width: 218px;
    text-align: left;
    width: auto;
}

.Header{
    position: absolute;
    padding-top: 0 !important;
}

.tablet .Application_Menu, .desktop.small .Application_Menu, .phone .Application_Menu{
    top:  0;
}

.FEImage{
    height: 60px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
    padding-left: 0px;
}

.cttImage{
    height: 60px;
    margin-left: 1%;
    vertical-align: -webkit-baseline-middle;
}

.desktop .Menu_DropDownButton.open .UserInfo, .desktop .Menu_DropDownButton:hover .UserInfo:hover, .desktop .User_Info.UserInfo.active {
    background-color: white;
    height: 84px;
}

.tablet .cttImage, 
.desktop.small .cttImage, 
.phone .cttImage {
    left: 30% !important;
    position: relative !important;
    top: 46% !important;
}
/*** Generated classes from Style Editor in OutSystems 10 ***/
[data-style-key="bBUHqkqWYU2Y2TVlUVXRHg"] { font-size:14px; }
/*** Generated classes from Style Editor in OutSystems 10 ***/