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

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

    File: Zurich PT Theme

    $0. Fonts
     0.1 Fonts > Import Fonts
     0.2 Fonts > Font Definitions
     0.3 Fonts > Font Classes

    $1. General Properties
     1.1 General Properties > a links 
     1.2 General Properties > Margins 

    $2. Structure
     2.1 Structure > Header
     2.2 Structure > Header Center
     2.3 Structure > Header Background
     2.4 Structure > Header Title
     2.5 Structure > Header Filters
     2.6 Structure > Advanced Search Filter
     2.7 Structure > Header Menu
     2.8 Structure > Header Others Menu
     2.9 Structure > Header Button Menu
     2.10 Structure > Header Login Info
     2.11 Structure > Application Title
     2.12 Structure > Button Sidebar
     2.13 Structure > Sidebar
     2.14 Structure > Website
     2.15 Structure > Section Website
     2.16 Structure > Section Website Title
     2.17 Structure > Menu
     2.18 Structure > Page Title Section
     2.19 Structure > Page Title Actions
     2.20 Structure > Page Title Links
     2.21 Structure > Wrapper content
     2.22 Structure > Main Content
     2.23 Structure > Footer
     2.24 Structure > MainPopup 
     2.25 Structure > MainSideBar

    $3. Forms
     3.1 Forms > Radio Button & Checkbox
     3.2 Forms > Inputs, Selects & Textarea
     3.3 Forms > ReadOnly & Disabled
     3.4 Forms > Not Valid
     3.5 Forms > Inside Forms

    $4. Buit-in widgets
     4.1 Buit-in widgets > Filter Form
     4.2 Buit-in widgets > EditableTable
     4.3 Buit-in widgets > List Navigation
     4.4 Buit-in widgets > TableRecordspp

    $5. RichWidgets 
     5.1 RichWidgets > Feedback Ajax Loading
     5.2 RichWidgets > Feedback Message
      5.2.1 RichWidgets > Feedback Message > Success
      5.2.2 RichWidgets > Feedback Message > Error
      5.2.3 RichWidgets > Feedback Message > Warning
      5.2.4 RichWidgets > Feedback Message > Info

    $6. Login
     6.1 Login > Login Box
     6.2 Login > Login Logo
     6.3 Login > Login Background
     6.4 Login > Login Form
     6.5 Login > Login Footer

    $7. SILK Patterns
     7.1 SILK Patterns > AccordionVertical 
     7.2 SILK Patterns > Alert 
     7.3 SILK Patterns > Badge 
     7.4 SILK Patterns > Balloon
     7.5 SILK Patterns > BlankSlate
     7.6 SILK Patterns > BreadCrumbs
     7.7 SILK Patterns > BottomMenu
     7.8 SILK Patterns > Box
     7.9 SILK Patterns > ButtonGroup
     7.10 SILK Patterns > Calendar
     7.11 SILK Patterns > Card
     7.12 SILK Patterns > CardSimple  
     7.13 SILK Patterns > CardSimpleImage
     7.14 SILK Patterns > CardLeftImage
     7.15 SILK Patterns > Carousel
     7.16 SILK Patterns > Counter
     7.17 SILK Patterns > Dropdown & ButtonDropdown
     7.18 SILK Patterns > File Upload
     7.19 SILK Patterns > Icon Badge
     7.20 SILK Patterns > Icon Dropdown
     7.21 SILK Patterns > InputWithIcons
     7.22 SILK Patterns > ListItem
     7.23 SILK Patterns > ListItemGroup
     7.24 SILK Patterns > NavigationBar 
     7.26 SILK Patterns > Panel
     7.27 SILK Patterns > Popup
     7.28 SILK Patterns > Post
     7.29 SILK Patterns > Progress Bar
     7.30 SILK Patterns > Section
     7.31 SILK Patterns > SectionExpandable
     7.32 SILK Patterns > Section Index
     7.33 SILK Patterns > Select2
     7.34 SILK Patterns > Separator
     7.35 SILK Patterns > Range: Slider bar
     7.36 SILK Patterns > Tabs
     7.37 SILK Patterns > Tiles
     7.38 SILK Patterns > ToggleButton
     7.39 SILK Patterns > Tooltipster
     7.40 SILK Patterns > Wizard

    $8. Usefull Classes
     8.1 Usefull Classes > Text Classes
     8.2 Usefull Classes > Buttons
     8.3 Usefull Classes > Default Action Button
     8.4 Usefull Classes > Colors
     8.5 Usefull Classes > PhoneBreakColumns
     8.6 Usefull Classes > Medium To Three Column Fix
     8.7 Usefull Classes > ShowDataInMobile/ShowDataInDesktop
    
    $9. Zurich PT Patterns
     9.1 Zurich PT Patterns > TitleLine
     9.2 Zurich PT Patterns > Insurance Classification
     9.3 Zurich PT Patterns > Popup Search 
     9.4 Zurich PT Patterns > TableVerticalAlignBox 
     9.5 Zurich PT Patterns > TableBoxItem 
     9.6 Zurich PT Patterns > Top Section Label 
     9.7 Zurich PT Patterns > SimpleExpandable 
     9.8 Zurich PT Patterns > Receipt Item 
     9.9 Zurich PT Patterns > Accident Item 
     9.10 Zurich PT Patterns > Income Item 
     9.11 Zurich PT Patterns > ShowRecord OC 
     9.12 Zurich PT Patterns > Button Car 
     9.13 Zurich PT Patterns > Dashboard Card 
     9.14 Zurich PT Patterns > ExpandableList 
     9.15 Zurich PT Patterns > Chart Label Result 
     9.16 Zurich PT Patterns > Client Area Receipt 
     9.17 Zurich PT Patterns > PanelClienteArea 
     9.18 Zurich PT Patterns > Panel Icon 
     9.19 Zurich PT Patterns > Accordion Fake Item 
     9.20 Zurich PT Patterns > Top Section Label 
     9.21 Zurich PT Patterns > Search Top Results 
     9.22 Zurich PT Patterns > Pop Search Empty Item 
     9.23 Zurich PT Patterns > No Accidents
     9.24 Zurich PT Patterns > Page Advanced Search
     9.25 Zurich PT Patterns > Page Sinistros
     9.26 Zurich PT Patterns > Popup
     9.27 Zurich PT Patterns > Section Expandable Blue
     9.28 Zurich PT Patterns > More Filters Expandable
     9.29 Zurich PT Patterns > Footer Simulator
     9.30 Zurich PT Patterns > Columns
     9.31 Zurich PT Patterns > Charts
     9.32 Zurich PT Patterns > ListDocuments
     9.33 Zurich PT Patterns > PanelClienteAreaTitle
    
    $10. Icons
    
    $11. Print 

    $12. Studio Preview

    $13. Novo Layout

    $14. Opportunities
*/

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

/*------------------------------------------------------------*/
/* 0.1 Fonts > Import Font ************************************/
/*------------------------------------------------------------*/



@font-face {
    font-family: 'FrutigerLTStd-Roman';
    src: url('/Zurich_PT_Theme/fonts/FrutigerLTStd-Roman.eot');
    src: url('/Zurich_PT_Theme/fonts/FrutigerLTStd-Roman.eot?#iefix') format('embedded-opentype'),
         url('/Zurich_PT_Theme/fonts/FrutigerLTStd-Roman.woff') format('woff'),
         url('/Zurich_PT_Theme/fonts/FrutigerLTStd-Roman.ttf') format('truetype'),
         url('/Zurich_PT_Theme/fonts/FrutigerLTStd-Roman.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FrutigerLTStd-Bold';
    src: url('/Zurich_PT_Theme/fonts/FrutigerLTStd-Bold.eot');
    src: url('/Zurich_PT_Theme/fonts/FrutigerLTStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('/Zurich_PT_Theme/fonts/FrutigerLTStd-Bold.woff') format('woff'),
         url('/Zurich_PT_Theme/fonts/FrutigerLTStd-Bold.ttf') format('truetype'),
         url('/Zurich_PT_Theme/fonts/FrutigerLTStd-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

/* Zurich Sans */

@font-face {
  font-family: 'ZurichSans';
  font-weight: 300;
  font-style: normal;

  src: url('/Zurich_PT_Theme/ZurichSans-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'ZurichSans';
  font-weight: 400;
  font-style: normal;

  src: url('/Zurich_PT_Theme/ZurichSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'ZurichSans';
  font-weight: 600;
  font-style: normal;

  src: url('/Zurich_PT_Theme/ZurichSans-Semibold.ttf') format('truetype');
}

@font-face {
  font-family: 'ZurichSans';
  font-weight: 700;
  font-style: normal;

  src: url('/Zurich_PT_Theme/ZurichSans-Bold.ttf') format('truetype');
}



/*------------------------------------------------------------*/
/* 0.2 Fonts > Font Definition ********************************/
/*------------------------------------------------------------*/

html,
body,
a,
select,
form,
fieldset,
table,
tr,
td,
img,
input,
button,
select,
textarea,
optgroup,
option {
    font-family: "FrutigerLTStd-Roman";
}

.TileIcon_text,
.TileNumber_text,
.TileIconText_label,
.Heading1,
.Heading2,
.Heading3,
.Heading4,
.Header_title a,
.EditableTable thead td,
.TableRecords_Header {
    font-family: "FrutigerLTStd-Roman";
}

.Bold {
    font-family: "FrutigerLTStd-Bold";
    font-weight: normal;
}

.Normal {
    font-family: "FrutigerLTStd-Roman";
    font-weight: normal;
}

.NoTextDecoration {
    text-decoration: none !important;
}


/*------------------------------------------------------------*/
/* 0.3 Fonts > Font Classes ***********************************/
/*------------------------------------------------------------*/

.Frutiger_Regular {
    font-family: "FrutigerLTStd-Roman";
    font-weight: normal;
}

.Frutiger_Bold {
    font-family: "FrutigerLTStd-Bold";
    font-weight: normal;
}

.Frutiger_Italic {
    font-family: "FrutigerLTStd-Roman";
    font-style: italic;
}

.Frutiger_Light {
    font-family: "FrutigerLTStd-Light";
    font-weight: normal;
}


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

body{
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

html,
body,
form,
.Page {
    min-height: calc(100% - 10px);
    position: relative;
}

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

body {
    background-color: #edf0f5;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

    -webkit-overflow-scrolling: touch;
}

/*------------------------------------------------------------*/
/* 1.1 General Properties > a links ***************************/
/*------------------------------------------------------------*/

a,
a:link,
a:visited {
    color: #4066b3;
    -webkit-transition: color 100ms ease;
       -moz-transition: color 100ms ease;
        -ms-transition: color 100ms ease;
         -o-transition: color 100ms ease;
            transition: color 100ms ease;
}

.desktop a:hover,
.desktop a:link:hover,
.desktop a:visited:hover {
    color: #4066b3;
    text-decoration: none;
}

div[onclick] {
    cursor: pointer; /* add a pointer cursor when the div has a click event */
}

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

.OSAutoMarginTop {
    margin-top: 20px;
}

.MarginTop0 {
    margin-top: 0;
}

.MarginTop10 {
    margin-top: 10px;
}

.MarginTop20 {
    margin-top: 20px;
}

.MarginBottom10 {
    margin-bottom: 10px;
}

.MarginBottom20 {
    margin-bottom: 20px;
}

.MarginLeft10 {
    margin-left: 10px;
}

.MarginLeft20 {
    margin-left: 20px;
}

.phone .PhoneMarginTop10 {
    margin-top: 10px;
}

.phone .PhoneMarginTop20 {
    margin-top: 20px;
}

.tablet .TabletMarginTop10 {
    margin-top: 10px;
}

.tablet .TabletMarginTop20 {
    margin-top: 20px;
}

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

.Page.Website > .Content {
    padding-top: 0;
}

.Page > .Content {
    padding: 130px 20px 20px 20px;
    
    
}

.Page.phone.HeaderFilters_Simple > .Content {
    padding: 60px 0 20px 0;
}

.Page.phone > .Content {
    padding: 100px 0 20px 0;
}

.Page.phone.HeaderFilters_Simple.DetailPage > .Content {
    padding-top: 80px;
}

.Page.phone.PageFilters > .Content {
    padding-top: 47px !important;
}

.VerticalCenterElement {
    left: 0;
    padding: 0 10px;
    position: absolute;
    top: 50%;
    width: 100%;
}

/*------------------------------------------------------------*/
/* 2.1 Structure > Header *************************************/
/*------------------------------------------------------------*/

.Header {
    /*border-bottom: 1px solid rgba(0,0,0,.2);*/
    height: 56px;
    line-height: 56px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;

    
}

.Header_NaoReactive{
    border-bottom: 1px solid rgba(0,0,0,.2);
    height: 40px;
    line-height: 40px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
    
}

.phone .Header {
    top: -2px;
}

/*------------------------------------------------------------*/
/* 2.2 Structure > Header Center ******************************/
/*------------------------------------------------------------*/

.Header_center {
    position: relative;
}

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

/*------------------------------------------------------------*/
/* 2.3 Structure > Header Background **************************/
/*------------------------------------------------------------*/

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

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

/*------------------------------------------------------------*/
/* 2.4 Structure > Header Title *******************************/
/*------------------------------------------------------------*/

.Header_Title {
    float: left;
    overflow: hidden;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;

    
    padding-left: 10px;
}

.HeaderTitle {
    color: #4066b3;
    font-size: 16px;
}

.Header .Header_Title{
    padding: 0px;
}

.HeaderTitle .fa {
    color: #4d5c66;
    margin-right: 10px;
}

.tablet .Header_Title,
.phone .Header_Title {
    font-size: 16px;
    text-align: center;
    z-index: 1;
}

.phone .Header_Title {
    position: absolute;
    right: 0;
    width: 100%;
}

.BackButton {
    float: left;
    line-height: 50px;
    position: relative;
    z-index: 2;
    padding-left: 10px;
}

.phone .BackButton {
    height: 40px;
    line-height: 40px;
    height: 40px;
    padding-left: 0;
    text-align: center;
    width: 45px;
}

.tablet .BackButton {
    float: left;
    line-height: 44px;
    position: relative;
    z-index: 2;
    padding-left: 10px;
}

.phone .BackButton:empty {
    display: none;
    width: 0;
}

.phone .BackButton a {
    color: #002d9c;
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    padding-top: 4px;
}

/*------------------------------------------------------------*/
/* 2.5 Structure > Header Filters *****************************/
/*------------------------------------------------------------*/

.HeaderFilters {
    background: #173deg;
    background: -webkit-linear-gradient(173deg,  #039 0%, #4066b3 100%);
    background:    -moz-linear-gradient(173deg,  #039 0%, #4066b3 100%);
    background:      -o-linear-gradient(173deg,  #039 0%, #4066b3 100%);
    background:     -ms-linear-gradient(173deg,  #039 0%, #4066b3 100%);
    background:         linear-gradient(173deg, #039 0%, #4066b3 100%);
    height: 56px;
    margin-top: -1px;
    padding: 9px 10px;
}

.Header .HeaderFilters{
    text-align: center;
}

.Header_NaoReactive .HeaderFilters{
    height: 40px;  
    padding: 5px 10px;   
}

.HeaderFilters_Simple .HeaderFilters_Simple {
    height: 10px;
    padding: 0;
}

.Header .HeaderFilters .BackLink_Wrapper{
    top: 65px;
    position: absolute;
    left: 0px;
    text-align: left;
}

.BackLink_Wrapper {
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    padding: 0 15px 0 25px;
}

.Header .OmniSearch {
    
    text-align: -webkit-center;
}

.tablet .BackLink_Wrapper:empty,
.phone .BackLink_Wrapper:empty {
    display: none;
}

.phone .BackLink_Wrapper {
    padding: 0;
}

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

.desktop .BackLink_Wrapper a:hover,
.desktop .BackLink_Wrapper a:focus {
    color: #f3f3f3;
    text-decoration: underline;
}

.menu_actions_wrapper {
    position: absolute;
    top: 63px;
    right: 23px;
 
}

.menu_actions_wrapper.tablet {
    position: absolute;
    top: 59px;
    right: 40px;
}

.PendingTasks_Wrapper {
    color: #b4c1dc;
    font-size: 14px;
    line-height: 40px;
    padding: 0 15px;
    text-align: right;
}

.PendingTasks_Wrapper .Badge {
    border-radius: 2px;
    color: #ea635c;
    font-family: "FrutigerLTStd-Bold";
    font-size: 18px;
    height: 28px;
    line-height: 24px;
    margin: 0 10px 0 0;
    width: 28px;
}

.tablet .PendingTasks_Wrapper,
.phone .PendingTasks_Wrapper {
    margin: 0;
    text-align: center;
}

.tablet .BackLink_Wrapper:not(:empty) ~ .PendingTasks_Wrapper,
.phone .BackLink_Wrapper:not(:empty) ~ .PendingTasks_Wrapper {
    width: 50%;
}



.tablet .BackLink_Wrapper:empty ~ .PendingTasks_Wrapper,
.phone .BackLink_Wrapper:empty ~ .PendingTasks_Wrapper {
    width: 100%;
}



/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/* 2.6 Structure > Advanced Search Filter *********************/
/*------------------------------------------------------------*/

.AdvancedSearchFilter_Wrapper .Search_wrapper {
    margin: 0 auto;
    max-width: 540px;
}

.AdvancedSearchFilter_Wrapper .Search_wrapper:after input[type="text"]:-ms-input-placeholder {

    color:#999;

}

.AdvancedSearchFilter_Wrapper .Search_wrapper:after input[type="text"]:focus {
    color: #4d5c66;
}

.AdvancedSearchFilter_Wrapper .Search_wrapper:after {
    /*color: rgba(255, 255, 254, 0.45);*/
    color: #d6d9e7;
    font-size: 16px;
    font-weight: 400;
    height: 14px;
    left: 15px;
    line-height: 5px;
    pointer-events: none;
    top: 13px;
    width: 13px;
}

.Header_NaoReactive .AdvancedSearchFilter_Wrapper .Search_wrapper:after{
    font-family: "Zurich";
    content: "\e94d";
}

.AdvancedSearchFilter_Wrapper .Search_wrapper input[type="text"] {
    background: #598ed1;
    background: -webkit-linear-gradient(173deg, #2464c8 0%, #598ed1 70%);
    background:    -moz-linear-gradient(173deg, #2464c8 0%, #598ed1 70%);
    background:      -o-linear-gradient(173deg, #2464c8 0%, #598ed1 70%);
    background:     -ms-linear-gradient(173deg, #2464c8 0%, #598ed1 70%);
    background:         linear-gradient(173deg, #2464c8 0%, #598ed1 70%);
    border: 0;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    color: #d6d9e7;
    height: 30px;
    width: 100%;
    line-height: 33px;
}

.AdvancedSearchFilter_Wrapper .Search_wrapper input::-webkit-input-placeholder {
    /*color: rgba(255, 255, 254, 0.45);*/
    color: #d6d9e7;
    line-height: 40px;
}

.AdvancedSearchFilter_Wrapper .Search_wrapper input[type="text"]:focus {
    background: #fff;
    border: 1px solid #bbb;
    color: #333;
}

.phone .AdvancedSearchFilter_Wrapper .Search_wrapper input[type="text"] {
    background: #fff;
}

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

/*------------------------------------------------------------*/
/* 2.7 Structure > Header Menu ********************************/
/*------------------------------------------------------------*/

.Header_Menu,
.Header_Menu .ListRecords {
    display: inline-block;

    
}

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

.Header_Menu a:hover,
.Header_Menu a:link:hover,
.Header_Menu a:visited:hover {
    background: transparent;
    box-shadow: none;
    color: #4d5c66;
}

/*------------------------------------------------------------*/
/* 2.8 Structure > Header Others Menu *************************/
/*------------------------------------------------------------*/

.Others_Menu {
    border-left: 1px solid rgba(142, 142, 142, .27);
    margin-right: 20px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    padding-left: 15px;
}

.phone .Others_Menu, 
.tablet .Others_Menu{
    border-left: none;
    display: block;
    margin-right: 0;
    margin-left: 0;
    position: relative;
    width: 100%;
}

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

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

.phone .Application_Menu .Others_Menu .Login_Info a, 
.tablet .Application_Menu .Others_Menu .Login_Info a{
    color: #4167b3;
    padding-left: 15px;
}

.phone .Application_Menu .Others_Menu .Login_Info > a,
.tablet .Application_Menu .Others_Menu .Login_Info > a {
    width: 80%;
}

.phone .Application_Menu .Others_Menu .Login_Info .Logout_Icon a, 
.tablet .Application_Menu .Others_Menu .Login_Info .Logout_Icon a{
    display: block;
    padding-left: 0;
}

.phone .Application_Menu .Others_Menu .Login_Info .Logout_Icon, 
.tablet .Application_Menu .Others_Menu .Login_Info .Logout_Icon {
    padding-left: 0;
    width: 20%;
}

.tablet .Application_Menu .Others_Menu .Login_Info .Logout_Icon {
    margin-left: 0 !important;
}

/*------------------------------------------------------------*/
/* 2.9 Structure > Header Button Menu *************************/
/*------------------------------------------------------------*/

a.Header_ButtonMenu {
    color: #002d9c;
    display: none;
    float: right;
    font-size: 20px;
    text-align: center;
    width: 50px;
}

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

.tablet a.Header_ButtonMenu,
.phone a.Header_ButtonMenu {
    display: block;
    position: relative;
    width: 50px;
    z-index: 2;
}

.phone a.Header_ButtonMenu {
    height: 40px;
    padding-top: 3px;
    width: 45px;
}

.Page.active .Header_ButtonMenu {
    color: #002d9c;
}

/* Search Button ******************************* */

a.Header_ButtonSearch {
    color: #002d9c;
    display: none;
    float: right;
    font-size: 20px;
    text-align: center;
    width: 50px;
}

.tablet a.Header_ButtonSearch,
.phone a.Header_ButtonSearch {
    display: block;
    position: relative;
    width: 45px;
    z-index: 2;
}

.phone a.Header_ButtonSearch {
    height: 40px;
    padding-top: 2px;
}

.phone a.Header_ButtonSearch {
    float: left;
}

/*------------------------------------------------------------*/
/* 2.10 Structure > Header Login Info *************************/
/*------------------------------------------------------------*/

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

.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";
}

.Login_Info_Logout:before {
    content: "\f011";
    margin-right: 0;
}

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

.Logout_Icon {
    border-radius: 50%;
    text-align: center;

    padding-left: 27px;
}

/*.desktop.small .Logout_Icon,*/
.tablet .Logout_Icon {
    padding-left: 5px;
}

.Logout_Icon a span.fa {
    color: #4066b3;
}

/*------------------------------------------------------------*/
/* 2.11 Structure > Application Title **************************/
/*------------------------------------------------------------*/

.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;
}

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

/* Responsive Context */
.tablet .Application_Title,
.phone .Application_Title {
    padding: 0;
}
.tablet .Application_Title {
    float: left;
}
/*------------------------------------------------------------*/
/* 2.12 Structure > Button Sidebar ****************************/
/*------------------------------------------------------------*/

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

/*------------------------------------------------------------*/
/* 2.13 Structure > 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 {
    background-color: #edf1f3;
    right: -300px;
    -webkit-transition: -webkit-transform 300ms ease;
       -moz-transition:    -moz-transform 300ms ease;
        -ms-transition:     -ms-transform 300ms ease;
         -o-transition:      -o-transform 300ms ease;
            transition:         transform 300ms ease;
}

/*.desktop.small .Sidebar.open,*/
.tablet .Sidebar.open {
    -webkit-transform: translateX(-300px);
       -moz-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
         -o-transform: translateX(-300px);
            transform: translateX(-300px);
}
/*
.ie8.desktop.small .Sidebar.open {
    right: 0;
}*/

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

/*------------------------------------------------------------*/
/* 2.14 Structure > Website ***********************************/
/*------------------------------------------------------------*/

.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;
}

/*------------------------------------------------------------*/
/* 2.15 Structure > Section Website ***************************/
/*------------------------------------------------------------*/

.SectionWebsite {
    text-align: center;
}

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

.SectionWebsite .AccordionVertical,
.SectionWebsite .Box.Silver,
.SectionWebsite .Box.White,
.SectionWebsite .Panel,
.SectionWebsite .Card,
.SectionWebsite .SectionExpandable,
.SectionWebsite.Transparent .Box.Transparent,
.SectionWebsite.Silver .Box.Transparent,
.SectionWebsite.Silver .Section,
.SectionWebsite.White .Box.Transparent,
.SectionWebsite.Transparent .Section {
    color: #333;
}

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

/*------------------------------------------------------------*/
/* 2.16 Structure > Section Website Title *********************/
/*------------------------------------------------------------*/

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

/*------------------------------------------------------------*/
/* 2.17 Structure > Menu ***************************************/
/*------------------------------------------------------------*/

.Menu_TopMenus {
    width: 100%;
}

/* Item Menu */
.Menu_TopMenu {
    position: relative;
}

/* Link/Button Menu */
.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    /* color: #4066b3;*/
    color: #2167AE; 
    font-family: ZurichSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
       -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
            transition: all 300ms ease;
}

.Header .Menu_TopMenu a {
    padding: 0px 16px;
}

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

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

/* Dropdown Arrow */
.Menu_DropDownArrow {
    border: 0;
    color: #4b66bc;
    font-size: 16px;
    height: 14px;
    right: 15px;
    text-align: center;
    top: 3px;
    width: 14px;
}



.Menu_DropDownArrow:before {
    content: "\f107";
    cursor: pointer;
    font-family: FontAwesome;
    left: 0;
    line-height: 14px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all 300ms, transform 500ms;
       -moz-transition: all 300ms, transform 500ms;
         -o-transition: all 300ms, transform 500ms;
            transition: all 300ms, transform 500ms;
    width: 14px;
}

.Menu_TopMenuActive .Menu_DropDownArrow,
.Menu_TopMenuActive:hover .Menu_DropDownArrow {
    border: 0;
}


.Menu_TopMenu a:hover,
.Menu_TopMenu a:link:hover,
.Menu_TopMenu a:visited:hover {
    color: #4d5c66;
}

.Menu_TopMenu:hover .Menu_DropDownArrow:before {
    font-weight: 700;
}

.open .Menu_TopMenu .Menu_DropDownArrow:before {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

/* Active Menu */
.Menu_TopMenuActive {
    background-color: #f9f9f9;
    border-top: 2px solid #0075c8;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .15);
    height: 55px;
    line-height: 55px;
}

.Header_NaoReactive .Menu_TopMenuActive {
    height: 39px;
    line-height: 36px;
}

.phone .Menu_TopMenuActive {
    border-top: 0;
}

/* Submenu Item */
.Menu_DropDownPanel {
    background-color: #fff;
    border: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
}

/* Active Menus */
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited {
    color: #4d5c66;
}

/* Reset any inherit styles (e.g.: ChicagoMobile -> Chicago) */
div.Menu_DropDownPanel a,
div.Menu_DropDownPanel a:link,
div.Menu_DropDownPanel a:visited {
    color: #717578;
    height: auto;
}

div.Menu_DropDownPanel a:hover,
div.Menu_DropDownPanel a:link:hover,
div.Menu_DropDownPanel a:visited:hover {
    background-color: #f9f9f9;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .15);
    color: #4d5c66;
}

/* SubMenu */
.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    color: #4066b3;
    display: block;
    padding: 3px 20px;
}

/* hover submenu item */
.Menu_DropDownPanel a.Menu_SubMenuItem:hover,
.Menu_DropDownPanel a.Menu_SubMenuItem.Menu_SubMenuItemActive {
    background-color: #f9f9f9;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .15);
    color: #4d5c66;
}

/* Menu tablet and phone */
.tablet .Application_Menu,
.phone .Application_Menu {
    background: #f9f9f9;
    bottom: 0;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .15);
    display: block;
    height: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 37px;
    /* Enable hardware acceleration */
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
    /* Animate the menu when opening and closing */
    -webkit-transition: all 300ms ease-out;
       -moz-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
         -o-transition: all 300ms ease-out;
            transition: all 300ms ease-out;
    width: 250px;
    z-index: 9;
    /* reduce animation flickering */

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
       -moz-perspective: 1000;
        -ms-perspective: 1000;
            perspective: 1000;
}

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

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

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

.tablet .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 .Menu_Container,
.phone.active .Menu_Container {
    margin-bottom: 44px; /* iphone bottom toolbar */
    right: 0;
    width: 100%;
}

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

.tablet .Application_Menu a,
.phone .Application_Menu a,
.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: 50px;
    line-height: 50px;
    padding: 0 30px;
    transform: translateX(-300px) scale(.5);
    transition: all 300ms ease;
    width: 100%;
}

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

.tablet .Application_Menu .Menu_DropDownPanel,
.phone .Application_Menu .Menu_DropDownPanel {
    background-color: rgba(212, 212, 212, .3);
    border: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    margin: 0;
    padding: 0;
    position: static;
}

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

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

/*------------------------------------------------------------*/
/* 2.18 Structure > Page Title Section ************************/
/*------------------------------------------------------------*/

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

.app-logo {
    border-radius: 6px;
    max-height: 56px;
    max-width: 120px;
    margin-right: 8px;
}

.Title_Section {
    /*========================================*/
    /*Dark version*/
    /*========================================*/
    /*background-color: #222731;*/
    /*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;*/
    /*========================================*/
    /*========================================*/
    /*Light version*/
    /*========================================*/
    background-color: #fff;
    /*========================================*/
    background-position: center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            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,
.phone .Title_Section.BackgroundFixed {
    background-attachment: scroll;
}

.Title_Section.Silver .SectionWebsite_title,
.Title_Section.Transparent .SectionWebsite_title,
.Title_Section.White .SectionWebsite_title {
    color: #333;
}

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

/*------------------------------------------------------------*/
/* 2.19 Structure > Page Title Actions ************************/
/*------------------------------------------------------------*/

.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;
}

.PopupSearch_ResultItem{
    padding: 0px!important;
}

.PopupSearch_ResultItem .ResultItem_Icon{
    margin-right: 0px!important;
    font-size: 14px!important;
}

.PopupSearch_ResultItem .ResultItem_Title{
    font-size: 14px!important;
}


.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%;
}

a.ActionAdd,
a.ActionAdd:link,
a.ActionAdd:visited,
a.ActionEdit,
a.ActionEdit:link,
a.ActionEdit:visited,
a.ActionDelete,
a.ActionDelete:link,
a.ActionDelete:visited,
a.ActionChange,
a.ActionChange:link,
a.ActionChange:visited {
    background-color: #cba900;
    border: 1px solid #cba900;
    border-bottom: 0;
    border-radius: 3px;
    box-shadow: inset 0 -2px 0 rgba(19, 24, 25, .2);
    color: #fff;
    display: inline-block;
    line-height: 30px;
    margin-left: 10px;
    min-width: 80px;
    padding: 0 15px;
    text-align: center;
    -webkit-transition: all 100ms ease;
       -moz-transition: all 100ms ease;
        -ms-transition: all 100ms ease;
         -o-transition: all 100ms ease;
            transition: all 100ms ease;
}

.desktop a.ActionAdd:hover,
.desktop a.ActionAdd:hover:visited,
.desktop a.ActionAdd:link:hover,
.desktop a.ActionEdit:hover,
.desktop a.ActionEdit:link:hover,
.desktop a.ActionEdit:link:visited,
.desktop a.ActionDelete:hover,
.desktop a.ActionDelete:hover:visited,
.desktop a.ActionDelete:link:hover,
.desktop a.ActionChange:hover,
.desktop a.ActionChange:hover:visited,
.desktop a.ActionChange:link:hover {
    background-color: #cba900;
    border-bottom-width: 1px;
    border-color: #cba900;
    box-shadow: none;
    color: #fff;
}

.desktop a.ActionAdd:hover:active,
.desktop a.ActionEdit:hover:active,
.desktop a.ActionDelete:hover:active,
.desktop a.ActionChange:hover:active {
    background-color: #b39501;
    border-color: #b39501;
    color: #fff;
}

/*------------------------------------------------------------*/
/* 2.20 Structure > Page Title Links **************************/
/*------------------------------------------------------------*/

.Title_Links {
    font-size: 14px;
    margin-top: 5px;
}

/*------------------------------------------------------------*/
/* 2.21 Structure > Wrapper content ***************************/
/*------------------------------------------------------------*/

html .ThemeGrid_Container {
    padding-right: 20px;

    padding-left: 20px;
}

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

/*------------------------------------------------------------*/
/* 2.22 Structure > Main Content ******************************/
/*------------------------------------------------------------*/

.MainContent {
    min-height: 100%;
    padding: 0;

    
}
/*
.desktop.small .MainContent .PanelSimuladores .Columns4 > .Column {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
}*/
/*
.desktop.small .MainContent .ReceiptDataColumns .Columns2 > .Column{
    width: 50%;
}*/
/*
.desktop.small .MainContent .SmallRightColumns > .Column {
    padding: 0;
    width: 100%;
}*/

.phone .MainContent {
    padding: 0;
}

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

/*------------------------------------------------------------*/
/* 2.23 Structure > Footer ************************************/
/*------------------------------------------------------------*/

.Footer {
    font-size: 11px;
    line-height: 20px;
    width: 100%;
    background-color: #F9F9F9;
    text-align: center;
    padding: 10px;

    
}

.Footer a,
.Footer a:link,
.Footer a:visited {
    color: #4066b3;
    font-size: 11px;
}

.Footer_AvisosLegais {
    padding: 0 10px 0 0;
    text-align: right;
    white-space: nowrap;
    border-right: 1px solid #cccccc;
}

.Footer_AvisosLegais a:hover {
    text-decoration: underline;
}

.Footer_Termos {
    padding: 0 10px 0 10px;
    text-align: right;
    white-space: nowrap;
    border-right: 1px solid #cccccc;
}

.Footer_Termos a:hover {
    text-decoration: underline;
}

.phone.portrait .Footer_Termos {

    border-right: 0px;
} 

.Footer_Cookies {
    padding: 0 10px 0 10px;
    text-align: right;
    white-space: nowrap;
    border-right: 1px solid #cccccc;
}

.Footer_Cookies a:hover {
    text-decoration: underline;
}

.phone .Footer_Cookies{

    border-right: 0px;
} 
.tablet.portrait .Footer_Cookies{

    border-right: 0px;
} 


.Footer_CopyRight {
    padding: 0 0 0 10px;
    color: #333333;
}

.FooterBelow {
    min-height: 500px;
}

.phone .FooterBelow {
    min-height: 350px;
}

.tablet.landscape .FooterBelow {
    min-height: 400px;
}

.tablet.portrait .FooterBelow {
    min-height: 600px;
}

/*------------------------------------------------------------*/
/* 2.24 Structure > MainPopup *********************************/
/*------------------------------------------------------------*/

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

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

.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.25 Structure > MainSideBar *******************************/
/*------------------------------------------------------------*/

.MainSideBar {
    color: #4d5c66;
    font-size: 14px;
    font-weight: 400;
}

.MainSideBar .Heading4.Bold {
    color: #4d5c66;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.MainSideBar a {
    color: #005baa;
    font-size: 14px;
    font-weight: 600;
}

.MainSideBar  div.ExpandableList > div:first-child {
    text-align: center;
}

.MainSideBar  div.ExpandableList .ExpandIcon {
    display: none;
}

.MainSideBar .Post .fa,
.MainSideBar .Post [class*="icon-"] {
    color: #005baa;
}

.tablet .MainSideBar {
    padding: 20px 0;
}

.phone .MainSideBar {
    margin-top: 20px;
}

/*------------------------------------*\
        $3. Forms
\*-------------------------------------*/

textarea,
select,
input {
    border: 1px solid #999;
    border-radius: 4px;
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.06);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    color: #666;
    font-size: 14px;
}

html input {
    height: 34px;
}

/*------------------------------------------------------------*/
/* 3.1 Forms > Input ******************************************/
/*------------------------------------------------------------*/

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"] {
    color: #4d5c66;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}


input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder {
    color: #999;
}

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

.ie8 input[type="text"],
.ie8 input[type="password"] {
    line-height: 40px;
}

input[disabled="disabled"][type="text"],
input[disabled="disabled"][type="password"],
textarea[disabled="disabled"],
textarea[readonly="readonly"],
select[disabled="disabled"],
select[readonly="readonly"],
input[readonly="readonly"],
input[disabled="disabled"],
.Form textarea[readonly="readonly"].ReadOnly:not(.Not_Valid),
.Form textarea[disabled="disabled"].ReadOnly:not(.Not_Valid) {
    background: rgba(195, 209, 219, .3);
    border: 1px solid #c9d1d6;
    box-shadow: none;
    color: #4d5c66;
}

input.Mandatory {
    border-left: 2px solid #ea635c;
    border-radius: 1px 2px 2px 1px;
}

/*------------------------------------------------------------*/
/* 3.2 Forms > Select *****************************************/
/*------------------------------------------------------------*/

select {
    color: #4d5c66;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}

select.Mandatory {
    border-left: 2px solid #ea635c;
    border-radius: 1px 2px 2px 1px;
}

select:not(.Not_Valid):focus {
    border: 1px solid #97c1e3;
}

/*------------------------------------------------------------*/
/* 3.3 Forms > Textarea ***************************************/
/*------------------------------------------------------------*/

textarea:focus {
    border: 1px solid #97c1e3;
}

/*------------------------------------------------------------*/
/* 3.1 Forms > Radio Button & Checkbox ************************/
/*------------------------------------------------------------*/

html input[type="radio"],
html input[type="checkbox"] {
    background-color: #fff;
    border: 0;
    box-shadow: none;
    height: 25px;
    width: 25px;
}

input[type="radio"] {
    border-radius: 100%;
}

input[type="checkbox"] {
    border-radius: 2px;
}

input[type="radio"]:before,
input[type="checkbox"]:before {
    background-color: transparent;
    border: 1;
    box-shadow: none!important;
    height: 100%;
    width: 100%;
}

input[type="checkbox"]:before {
    border-radius: 2px;
}

input[type="radio"]:checked:before,
input[type="checkbox"]:checked:before {
    background: #4066b3;
}

input[type="radio"]:after {
    display: none;
}

input[type="checkbox"]:after {
    border-color: #fff;
    border-width: 3px;
    left: 50%;
    margin-left: -8px;
    margin-top: -6px;
    top: 50%;
}

input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
    background: #c9d1d6;
    border: 0;
}

input[type="radio"]:disabled:before,
input[type="checkbox"]:disabled:before {
    background: #c9d1d6;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}

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


input[type="checkbox"]:disabled:checked:after {
    border-color: #4166B3;
}


/*------------------------------------------------------------*/
/* 3.5 Forms > Inside Forms ***********************************/
/*------------------------------------------------------------*/

.Form input.ReadOnly,
.Form textarea.ReadOnly,
.Form select.ReadOnly {
    background-color: #fff;
    border-bottom-color: #ccc;
    border-color: #ccc;
    border-left-color: #ccc;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border-right-color: #ccc;
    border-top-color: #ccc;
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.06);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    color: #4d5c66;
    font-size: 14px;
    vertical-align: middle;
}

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

.Form input.ReadOnly:not(.Not_Valid),
.Form textarea.ReadOnly:not(.Not_Valid),
.Form select.ReadOnly:not(.Not_Valid):focus {
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.06);
}

.Form a.SmartInput_Undo {
    /*padding: 8px 5px;*/
}

.Form input.Not_Valid,
.Form select.Not_Valid,
.Form textarea.Not_Valid,
input.Not_Valid,
select.Not_Valid,
textarea.Not_Valid {
    border-radius: 4px;
    background: #f1b8bf;
}

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.Mandatory,
.Form input.Mandatory.ReadOnly,
.Form textarea.Mandatory,
.Form textarea.Mandatory.ReadOnly,
.Form select.Mandatory,
.Form select.Mandatory.ReadOnly {
    border-left: 2px solid #ea635c;
    border-radius: 1px 2px 2px 1px;
}

.Form input.Mandatory.Not_Valid,
.Form textarea.Mandatory.Not_Valid,
.Form select.Mandatory.Not_Valid {
    background: #f1b8bf;
    border: 1px solid #e55625;
    border-radius: 2px;
}

.Form input.ReadOnly,
.Form textarea.ReadOnly,
.Form select.ReadOnly {
    background-color: #c9d1d6;
    border: 1px solid #c9d1d6;
    box-shadow: none;
}

.Form input[readonly="readonly"].ReadOnly:not(.Not_Valid),
.Form input[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form textarea[readonly="readonly"].ReadOnly:not(.Not_Valid),
.Form textarea[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form select[readonly="readonly"].ReadOnly:not(.Not_Valid),
.Form select[disabled="disabled"].ReadOnly:not(.Not_Valid),
.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: rgba(195, 209, 219, .3);
    border: 1px solid #c9d1d6;
    box-shadow: none;
    color: #4d5c66;
}

.Form input.Mandatory:focus,
.Form input.Mandatory.ReadOnly:focus,
.Form textarea.Mandatory:focus,
.Form textarea.Mandatory.ReadOnly:focus,
.Form select.Mandatory:focus,
.Form select.Mandatory.ReadOnly:focus {
    border: 1px solid #a6d3e4;
    border-left: 2px solid #ea635c;
    box-shadow: 0 0 5px #a6d3e4, inset 0 1px 3px rgba(0, 0, 0, .2);
}

.Form input[type="checkbox"].SmartInput,
.Form input[type="radio"].SmartInput,
input[type="checkbox"].SmartInput,
input[type="radio"].SmartInput {
    border: 1px solid #d9d9d9;
}

.Form label.MandatoryLabel:after {
    content: "";
}

.phone .Form input,
.phone .Form textarea,
.phone .Form select,
.phone .Form.form-top label {
    margin: 0;
    width: 100%;
}

.phone .Form input[type="checkbox"],
.phone .Form input[type="radio"] {
    margin: 0;
    width: 25px;
}

.Form .Row {
    margin-top: 10px;
}

.Form .FakeInput {
    height: 30px;
    line-height: 30px;
}

.Form label {
    width: 150px;
    display: inline-block;
}

.Form select {
    min-width: 250px;
}


/*------------------------------------*\
    $4. Buit-in widgets
\*-------------------------------------*/

/*------------------------------------------------------------*/
/* 4.1 Buit-in widgets > Filter Form **************************/
/*------------------------------------------------------------*/

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

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

/*------------------------------------------------------------*/
/* 4.2 Buit-in widgets > EditableTable ************************/
/*------------------------------------------------------------*/

.EditableTable {
    border-top: 0px;
}

.EditableTable thead tr th {
    background-color: #fff;
    border-bottom: 2px solid #97c1e3;
}

.EditableTable thead td {
    color: #333;
    font-weight: bold;
}

.EditableTable thead th{
    color: #4d5c66;
    font-size: 14px;
    font-weight: 400;
    text-transform: initial;
}

.phone .EditableTable tfoot tr{
    text-align: center;
}

.phone .EditableTable tfoot td{
    padding: 0px;
    background-color: #fff;
    border: 1px solid #97c1e3;
    border-radius: 4px;
    box-shadow: none;
    color: #4066b3;
    font-weight: normal;
    height: 40px;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
}

.EditableTable tr:nth-child(odd) {
    background-color: #fafafa;
}

.EditableTable tbody tr:not(.RowControlGroup) td {
    border-bottom: 1px solid #ddd;
}

td.RowWithAddAction {
    background: none repeat scroll 0 0 #fff;
    border-bottom: none;
    padding: 0;
}

td.RowWithAddAction a {
    padding: 10px 0 10px 22px;
}

.EditableTable tr.RowControlGroup a {
    color: #4066b3;
}

.EditableTable tr.RowControlGroup a:hover {
    color: #006;
}

.phone td.RowWithAddAction a {
    padding: 10px 0;
}
/*------------------------------------------------------------*/
/* 4.3 Buit-in widgets > List Navigation **********************/
/*------------------------------------------------------------*/

a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    background: #fff;
    border: 0;
    border-radius: 4px;
    color: #4066b3;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 6px 10px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    white-space: nowrap;
}

span.ListNavigation_CurrentPageNumber,
span.ListNavigation_CurrentPageNumber:hover,
span.ListNavigation_CurrentPageNumber:active,
span.ListNavigation_Ellipsis:hover,
span.ListNavigation_Ellipsis:active,
a.ListNavigation_PageNumber:hover,
a.ListNavigation_PageNumber:link:hover,
a.ListNavigation_PageNumber:visited:hover,
a.ListNavigation_PageNumber:link:active,
a.ListNavigation_Previous:hover,
a.ListNavigation_Previous:link:hover,
a.ListNavigation_Previous:visited:hover,
a.ListNavigation_Previous:link:active,
a.ListNavigation_Next:hover,
a.ListNavigation_Next:link:hover,
a.ListNavigation_Next:visited:hover,
a.ListNavigation_Next:link:active {
    background-color: #97c1e3;
    color: #fff;
}

a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    color: transparent;
    font-size: 0;
}

.ListNavigation_Next:after,
.ListNavigation_DisabledNext:after {
    content: "\f105";
}

a.ListNavigation_Previous:link:before,
a.ListNavigation_Next:link:after {
    color: #4066b3;
    font-size: 14px;
    margin: 0;
}

a.ListNavigation_Previous:link:before {
    content: "\f104";
}

.ListNavigation_Wrapper:empty {
    display: none;
}
/*------------------------------------------------------------*/
/* 4.4 Buit-in widgets > TableRecords *************************/
/*------------------------------------------------------------*/

.TableRecords {
    background-color: #fff;
    padding: 5px 0 0;
}

.TableRecords_Header {
    border-bottom: none;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
}

.TableRecords > tbody > tr:hover {
    background: #fff;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    border-bottom: none;
}

.TableRecords_OddLine:first-child,
.TableRecords_EvenLine:first-child,
.TableRecords_Header:first-child {
    padding-left: 20px;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    border-bottom: 1px solid #eee;
    padding: 5px 10px;
}

.TableRecords_OddLine:not(:first-child),
.TableRecords_EvenLine:not(:first-child) {
    border-left: 1px solid #eee;
}

.TableRecords.NoStripes .TableRecords_OddLine,
.TableRecords.NoStripes .TableRecords_EvenLine {
    background: transparent;
}

.desktop .ShowRecordOC_Value .TableRecords_OddLine:first-child,
.desktop .ShowRecordOC_Value .TableRecords_EvenLine:first-child,
.desktop .ShowRecordOC_Value .TableRecords_Header:first-child,
.tablet.landscape .ShowRecordOC_Value .TableRecords_OddLine:first-child,
.tablet.landscape .ShowRecordOC_Value .TableRecords_EvenLine:first-child,
.tablet.landscape .ShowRecordOC_Value .TableRecords_Header:first-child {
    padding-left: 0;
}

.SectionExpandable_content .TableRecords,
.SectionExpandable_content_Fake .TableRecords, 
.Panel .TableRecords {
    background: #fff;
    border: 0;
    box-shadow: none;
}

.SectionExpandable_content .TableRecords_OddLine,
.SectionExpandable_content .TableRecords_EvenLine,
.SectionExpandable_content_Fake .TableRecords_OddLine,
.SectionExpandable_content_Fake .TableRecords_EvenLine, 
.Panel .TableRecords_OddLine,
.Panel .TableRecords_EvenLine {
    background: #fff;
    border: 0;
    color: #3e3e3e;
    font-size: 14px;
    padding: 3px 10px;
}

.SectionExpandable_content .TableRecords_Header,
.SectionExpandable_content_Fake .TableRecords_Header,
.Panel .TableRecords_Header {
    color: #8e8e8e;
    font-weight: 400;
    padding: 3px 10px;
}

.SectionExpandable .SectionExpandable_header div[class*="ThemeGrid_Width"],
.SectionExpandable_Fake .SectionExpandable_header_Fake div[class*="ThemeGrid_Width"]{
    vertical-align: middle;
}

.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation,
.phone .SectionExpandable .TableRecords_BottomNavigation,
/*Alteração*/
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation,
/*fim*/
.tablet .SectionExpandable .TableRecords_BottomNavigation {
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 0;
}

.phone .Panel .TableRecords_BottomNavigation,
.tablet .Panel .TableRecords_BottomNavigation {
    margin-bottom: -10px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0;
}

.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper,
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper,
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper, 
/*Alteração*/
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper,
/*fim*/
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper,
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper {
    background-color: #fafafa;
    border-top: 1px solid #e6e6e6;
    padding: 10px;
}

.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper:before,
.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper:after,
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper:before,
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper:after,
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper:before,
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper:after, 
/*Alteração*/
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper:before,
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper:after,
/*fim*/
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper:before,
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper:after,
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper:before,
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper:after {
    content: " ";
    display: table;
}

.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper:after,
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper:after,
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper:after,
/*Alteração*/
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper:after,
/*fim*/
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper:after,
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper:after {
    clear: both;
}
.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper a,
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper a,
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper a,
/*Alteração*/
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper a,
/*fim*/
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper a,
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper a {
    border-radius: 4px;
    font-size: 14px;
    text-transform: capitalize;
}
.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper a:link,
.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper a:hover,
.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper a.active,
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper a:link,
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper a:hover,
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper a.active,
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper a:link,
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper a:hover,
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper a.active, 
/*Alteração*/
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper a:link,
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper a:hover,
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper a.active,
/*fim*/
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper a:link,
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper a:hover,
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper a.active,
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper a:link,
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper a:hover,
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper a.active {
    text-decoration: none;
}

.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous, 
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous,
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous,
/*Alteração*/
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous, 
/*fim*/
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous,
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous {
    background-color: #fff;
    border: 1px solid #97c1e3;
    color: #4066b3;
    float: left;
}
.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous:link_before,
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous:link_before,
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous:link_before, 
/*alteração*/
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous:link_before,
/*fim*/
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous:link_before,
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous:link_before {
    margin-right: 5px;
}
.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Next, 
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Next,
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Next, 
/*Alteração*/
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Next, 
/*fim*/
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Next,
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Next {
    background-color: #4066b3;
    border: 1px solid #4066b3;
    color: white;
    float: right;
}
.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Next:after, 
.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_DisabledNext:after,
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Next:after, 
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_DisabledNext:after, 
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Next:after, 
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_DisabledNext:after, 
/*alteração*/
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Next:after, 
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_DisabledNext:after,
/*fim*/
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Next:after, 
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_DisabledNext:after, 
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Next:after, 
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_DisabledNext:after {
    color: #FFF;
    margin-left: 5px;
}
.phone .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous:link:before, 
.phone .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous:link:before,
.phone .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous:link:before,
/*Alteração*/
.tablet .AdvancedSearch_MainWrapper .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous:link:before, 
/*fim*/
.tablet .SectionExpandable .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous:link:before,
.tablet .Panel .TableRecords_BottomNavigation .ListNavigation_Wrapper .ListNavigation_Previous:link:before {
    margin-right: 5px;
}
.phone .AdvancedSearch_MainWrapper .TableRecords.Empty {
    font-weight: bold;
}
/*------------------------------------*\
              $5. RichWidgets
\*-------------------------------------*/

/*------------------------------------------------------------*/
/* 5.1 RichWidgets > Feedback Ajax Loading ********************/
/*------------------------------------------------------------*/

.Feedback_AjaxWait {
    background-color: #fff;
    border-radius: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    bottom: 0;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2);
    color: #4066b3;
    font-size: 12px;
    height: 60px;
    padding: 16px 20px 10px 20px;
    right: 20px;
}

.Feedback_AjaxWait .Loader {
    background: url(/WebPatterns/img/loadingdublin02.gif?11184) no-repeat;
    height: 25px;
    position: relative;
    margin-left: 31%;
    text-indent: -9999em;
    width: 25px;
}

/*------------------------------------------------------------*/
/* 5.2 RichWidgets > Feedback Message *************************/
/*------------------------------------------------------------*/

div.Feedback_Message_Wrapper {
    left: 0;
    margin-top: 80px;
    z-index: 9;
}

.test div.Feedback_Message_Wrapper {
    left: 0;
    margin-top: 113px;
    z-index: 9;
}

.LoginPage .Feedback_Message_Wrapper {
    top: -10px !important;
}

div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning,
div.Feedback_Message_Info {
    border-radius: 0;
    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;
    width: 100%;
    word-break: break-word;

    -webkit-backface-visibility: hidden;
}

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

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

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

.tablet 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";
    font-family: FontAwesome;
    text-align: right;
}


/* 5.2.1 RichWidgets > Feedback Message > Success *******************************/

div.Feedback_Message_Success {
    background-color: #cfe5b8;
    border: 1px solid #5cb000;
    color: #4b9000;
}

div.Feedback_Message_Success:before {
    color: #4b9000;
}


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

div.Feedback_Message_Success a.Feedback_Message_Wrapper_Close:after {
    color: #4b9000;
}

/* 5.2.2 RichWidgets > Feedback Message > Error *******************************/

div.Feedback_Message_Error {
    background-color: #f1b8bf;
    border: 1px solid #e55625;
    color: #db4b44;
}

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

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

/* 5.2.3 RichWidgets > Feedback Message > Warning *******************************/

div.Feedback_Message_Warning {
    background-color: #f4efc1;
    border: 1px solid #c2af00;
    color: #af9e00;
}

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

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

/* 5.2.4 RichWidgets > Feedback Message > Info *******************************/

div.Feedback_Message_Info {
    background-color: #97c1e3;
    border: 1px solid #4066b3;
    color: #4066b3;
}

div.Feedback_Message_Info:before {
    color: #4066b3;
}

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

div.Feedback_Message_Info a.Feedback_Message_Wrapper_Close:after {
    color: #4066b3;
}

/*------------------------------------*\
        $6. Login
\*------------------------------------*/

.Login {
    background-color: #a6d2ff;
    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%, #a6d2ff 0%, #afd3ff 100%);
    color: #fff;
    height: 100%;
    min-height: 280px;
    position: absolute;
    width: 100%;

    
    
}


/*------------------------------------------------------------*/
/* 6.1 Login > Login Box **************************************/
/*------------------------------------------------------------*/

.Login_Box {
    background: rgba(255, 255, 255, .55);
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(10, 10, 10, .21);
    padding-top: 20px;
}


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

/*------------------------------------------------------------*/
/* 6.2 Login > Login Logo *************************************/
/*------------------------------------------------------------*/

.Login__Logo {
    padding: 10px;
}

/*------------------------------------------------------------*/
/* 6.3 Login > Login Background *******************************/
/*------------------------------------------------------------*/

.Login_background {
    
}

.Login_background img {
    
    
}

/*------------------------------------------------------------*/
/* 6.4 Login > Login Form *************************************/
/*------------------------------------------------------------*/

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

/*------------------------------------------------------------*/
/* 6.5 Login > Login Footer ***********************************/
/*------------------------------------------------------------*/

.phone .Login_Footer {
    padding: 0;
}

.phone .Login_Footer .ModalContainer .Text_black a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
}

.phone .CntAvisos .Text_black a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
}

.phone .Footer {
    padding: 5px 10px;
}

.phone .Footer_AvisosLegais {
    border-right: 0;
}

/* Accordion Harrow */
.fa-angle-down:before {
    padding-left: 1px;
}

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


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

/*------------------------------------------------------------*/
/* 7.1 SILK Patterns > AccordionVertical **********************/
/*------------------------------------------------------------*/

.AccordionVertical {
    border: 0;
    box-shadow: none;
}

.AccordionVertical_item {
    background: #fff;
}

.AccordionVertical_item .AccordionVertical__header,
.AccordionVertical_item.open .AccordionVertical__header {
    border: 0;
    padding: 15px;
}

.AccordionVertical_item .AccordionVertical___title {
    color: #4066b3;
    font-weight: 400;
}

.AccordionVertical_item.open .AccordionVertical___title {
    color: #4066b3;
    font-weight: 400;
}

.AccordionVertical_item .AccordionVertical___title span.fa {
    color: #4d5c66;
    padding-right: 10px;
}

.AccordionVertical_item .AccordionVertical___title .Text_turquoise span.fa {
    color: #00bfb3;
}

.AccordionVertical_item .AccordionVertical__content {
    padding: 0 35px 0 20px;
}

.AccordionVertical_item .AccordionVertical__content {
    background: rgba(249,251,252,.8);
    border: 0;
    color: #4d5c66;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.AccordionVertical_item.open .AccordionVertical__content {
    background-color: white;
    box-shadow: inset 0 4px 6px rgba(90, 90, 90, .09);
    padding: 10px 35px 15px 20px;
}

.phone .AccordionVertical_item.open .AccordionVertical__content {
    background-color: white;
    box-shadow: inset 0 4px 6px rgba(90, 90, 90, .09);
    padding: 17px;
}

.AccordionVertical_item .AccordionVertical___icon {
    border: 0;
    font-size: 16px;
}

.AccordionVertical_item .AccordionVertical___icon > .fa,
.AccordionVertical_item.open .AccordionVertical___icon > .fa {
    background: transparent;
    border: 0;
    color: #4066b3;
}

.SectionExpandable .AccordionVertical_item,
.SectionExpandable_Fake . AccordionVertical_item {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    margin-bottom: 10px;
}

.SectionExpandable .AccordionVertical_item:last-child,
.SectionExpandable_Fake .AccordionVertical_item:last-child{
    margin-bottom: 0;
}

.AccordionVertical_item a.SmartInput_Undo {
   /* position: static;*/
}

.AccordionVertical_item.open a.SmartInput_Undo {
   /* position: absolute;*/
}

/*------------------------------------------------------------*/
/* 7.2 SILK Patterns > Alert **********************************/
/*------------------------------------------------------------*/

.Alert {
    border-radius: 4px;
}

.Alert.Info {
    background-color: #97c1e3;
    border-color: #4066b3;
    color: #4066b3;
}

.Alert.Info span.fa {
    color: #4066b3;
}

.Alert.Success {
    background-color: #cfe5b8;
    border-color: #5cb000;
    color: #4b9000;
}

.Alert.Success span.fa {
    color: #4b9000;
}

.Alert.Error {
    background-color: #f1b8bf;
    border-color: #e55625;
    color: #db4b44;
}

.Alert.Error span.fa {
    color: #db4b44;
}

.Alert.Warning {
    background-color: #f4efc1;
    border-color: #c2af00;
    color: #af9e00;
}

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

/*------------------------------------------------------------*/
/* 7.3 SILK Patterns > Badge **********************************/
/*------------------------------------------------------------*/

.Badge {
    border-radius: 40px;
    height: 18px;
    padding: 1px 0;
    width: 30px;
}

/*------------------------------------------------------------*/
/* 7.4 SILK Patterns > Balloon ********************************/
/*------------------------------------------------------------*/

.Balloon {
    border-radius: 3px;
}

.tooltipster-base.Balloon {
    background: #fff;
}

.NovoReact .tooltipster-base.Balloon {
    box-shadow: 0px 2px 18px rgb(0 0 0 / 10%);
    border-radius: 16px;
    border: 0px;
    pointer-events: auto;
    transition-duration: 350ms;
    animation-duration: 350ms;
    z-index: 20;
}

.tooltipster-base.Balloon .tooltipster-arrow span {
    border-color: #fff;
}

/*------------------------------------------------------------*/
/* 7.5 SILK Patterns > BlankSlate *****************************/
/*------------------------------------------------------------*/

.Blank {
    border-style: dashed;
}

.Blank.Custom {
    border: 0;
}

/*------------------------------------------------------------*/
/* 7.6 SILK Patterns > BreadCrumbs *****************************/
/*------------------------------------------------------------*/

.Breadcrumbs {
    font-size: 14px;
}

.Breadcrumbs div {
    color: #bdc5c7;
}

/*------------------------------------------------------------*/
/* 7.7 SILK Patterns > BottomMenu *****************************/
/*------------------------------------------------------------*/

.BottomMenu_wrapper {
    background-color: #fff;
}

.BottomMenu_item.active {
    background-color: #4066b3;
}

.BottomMenu_item.active span.fa {
    color: #fff;
}

.BottomMenu_wrapper a span.fa,
.BottomMenu_item span.fa {
    color: #bdc5c7;
}

/*------------------------------------------------------------*/
/* 7.8 SILK Patterns > Box ************************************/
/*------------------------------------------------------------*/

/*------------------------------------------------------------*/
/* 7.9 SILK Patterns > ButtonGroup ****************************/
/*------------------------------------------------------------*/

.ButtonGroup_button.Button {
    border: 1px solid #97c1e3;
    border-right-width: 0;
    box-shadow: none;
    color: #4d4d4f;
}

.desktop .ButtonGroup_button.Button:hover,
.ButtonGroup_button.Button:hover {
    border-radius: 0;
}

.ButtonGroup_button.Button:first-child,
.ButtonGroup_button.Button:first-child:hover,
.desktop .ButtonGroup_button.Button:first-child:hover {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
}

.ButtonGroup_button.Button:last-child,
.ButtonGroup_button.Button:last-child:hover,
.desktop .ButtonGroup_button.Button:last-child:hover {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
}

.desktop .ButtonGroup_button.Button.disabled,
.desktop .ButtonGroup_button.Button.disabled:hover {
    background-color: #f5f5f5;
    box-shadow: none;
}

.ButtonGroup_button.active,
.desktop .ButtonGroup_button.active:hover {
    background: none;
    background-color: #4066b3;
    border-bottom-width: 1px;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .15);
    color: #fff;
}

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

.ButtonGroup_button.Button:hover span.fa {
    color: #fff;
}

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

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

.phone .ButtonGroup_button.Button,
.tablet .ButtonGroup_button.Button {
    border-right-width: 1px;
}

.phone .NoResponsive > .ButtonGroup .ButtonGroup_button.Button:first-child {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
}

.phone .NoResponsive > .ButtonGroup .ButtonGroup_button.Button:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
}

/*------------------------------------------------------------*/
/* 7.10 SILK Patterns > Calendar *******************************/
/*------------------------------------------------------------*/

.Calendar {
    border: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}

.Calendar-week > td {
    font-size: 16px;
    font-weight: 700;
}

.Calendar-topBar {
    border-top: 1px solid #eee;
}

.Calendar-dayNames {
    background-color: #f9fbfc;
    border: 0;
    box-shadow: inset 0 2px 3px rgba(0,0,0,.15);
    color: #98aab4;
}

.Calendar-navBtn {
    background: #fff;
    border: 1px solid #eee;
    border-bottom: 0;
}

.Calendar-navBtn.Calendar-nextYear {
    left: 85.55%;
}

.Calendar-navBtn > div {
    color: #4066b3;
    line-height: 45px;
}

.Calendar-navBtn > div:hover {
    color: #4066b3;
}

.Calendar-title > div {
    color: #4066b3;
}

.Calendar-body {
    background-color: #f9fbfc;
}

.Calendar-bottomBar-today {
    background: #f1f5f7;
    border: 1px solid #f3f7f8;
}

.Calendar-day:hover,
.Calendar-bottomBar-today:hover,
.triggerTime:hover,
.triggerTimeBack:hover {
    background: #97c1e3;
    color: #4066b3;
}

.Calendar-day-selected,
.Calendar-day-selected:hover {
    background-color: #97c1e3;
    border: 0;
    color: #4066b3 !important;
    font-size: 16px;
    font-weight: 700;
}

/*------------------------------------------------------------*/
/* 7.11 SILK Patterns > Card **********************************/
/*------------------------------------------------------------*/

.Card {
    background-color: #fff;
    border: 1px solid #dadbde;
    box-shadow: 0 1px 3px rgba(211, 211, 211, .5);
}

/*------------------------------------------------------------*/
/* 7.12 SILK Patterns > CardSimple ****************************/
/*------------------------------------------------------------*/

/*------------------------------------------------------------*/
/* 7.13 SILK Patterns > CardSimpleImage ***********************/
/*------------------------------------------------------------*/

/*------------------------------------------------------------*/
/* 7.14 SILK Patterns > CardLeftImage *************************/
/*------------------------------------------------------------*/

/*------------------------------------------------------------*/
/* 7.15 SILK Patterns > Carousel ******************************/
/*------------------------------------------------------------*/

.owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    color: #79868a;
    font-size: 30px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #4066b3;
}

/*------------------------------------------------------------*/
/* 7.16 SILK Patterns > Counter *******************************/
/*------------------------------------------------------------*/

.Counter {
    background-color: #fff;
    border-bottom: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    position: relative;
}

.Counter_label {
    color: #949fa3;
}

.Counter_number {
    color: #384142;
    font-weight: bold;
}

.Counter.Small:before {
    bottom: -10px;
    color: white;
    content: "\f0f6";
    font-family: FontAwesome;
    font-size: 40px;
    height: 48px;
    opacity: .1;
    position: absolute;
    right: 10px;
    width: 42px;
}

.Counter.Medium:before {
    bottom: 33px;
    color: white;
    content: "\f0f6";
    font-family: FontAwesome;
    font-size: 80px;
    height: 48px;
    opacity: .1;
    position: absolute;
    right: 45px;
    width: 42px;
}

.Counter.Large:before {
    bottom: 33px;
    color: white;
    content: "\f0f6";
    font-family: FontAwesome;
    font-size: 80px;
    height: 48px;
    opacity: .1;
    position: absolute;
    right: 45px;
    width: 42px;
}

/*------------------------------------------------------------*/
/* 7.17 SILK Patterns > Dropdown & ButtonDropdown *************/
/*------------------------------------------------------------*/

.DropdownMenu .PH > a {
    color: #4066b3;
}

.ButtonDropdown.open .ButtonDropdown_button.Button {
    background-color: #f5f5f5;
    border-bottom-width: 1px;
    box-shadow: inset 0 2px 4px 0 rgba(18,20,20,.2);
    color: #4066b3;
}

.ButtonDropdown.open .ButtonDropdown_button.Button .ButtonDropdown_icon {
    background-color: transparent;
}

.ButtonDropdown_button.Button {
    padding-right: 0;
}
.ButtonDropdown_icon {
    background-color: transparent;
    height: 29px;
    margin-left: 10px;
    width: 30px;
}

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

.ButtonDropdown_button.Button:hover .ButtonDropdown_icon {
    background-color: transparent;
    -webkit-transition: all 100ms ease;
       -moz-transition: all 100ms ease;
        -ms-transition: all 100ms ease;
         -o-transition: all 100ms ease;
            transition: all 100ms ease;
}

/*------------------------------------------------------------*/
/* 7.18 SILK Patterns > File Upload ***************************/
/*------------------------------------------------------------*/

.FileUpload {
    border-radius: 4px;
}

/*------------------------------------------------------------*/
/* 7.19 SILK Patterns > Icon Badge ****************************/
/*------------------------------------------------------------*/

.IconBadge_number {
    background-color: #4066b3;
    border: 0;
    border-radius: 40px;
    height: 20px;
    left: 10px;
    position: absolute;
    text-shadow: none;
    top: -10px;
    width: 30px;
}

/*------------------------------------------------------------*/
/* 7.20 SILK Patterns > Icon Dropdown *************************/
/*------------------------------------------------------------*/

.IconDropdown_button.Button {
    padding-right: 0;
}

.IconDropdown_button.Button .IconDown {
    background-color: transparent;
    height: 29px;
    margin-left: 10px;
    width: 30px;
}

.phone .IconDropdown_button.Button .IconDown,
.tablet .IconDropdown_button.Button .IconDown {
    height: 35px;
}


.IconDropdown_button.Button:hover .IconDown {
    background-color: transparent;
    -webkit-transition: all 100ms ease;
       -moz-transition: all 100ms ease;
        -ms-transition: all 100ms ease;
         -o-transition: all 100ms ease;
            transition: all 100ms ease;
}

.IconDropdown.open .IconDropdown_button.Button {
    background-color: transparent;
    box-shadow: inset 0 2px 4px 0 rgba(18,20,20,.2);
    color: #4066b3;
}

.IconDropdown.open .IconDropdown_button.Button .IconDown {
    background-color: transparent;
}

/*------------------------------------------------------------*/
/* 7.21 SILK Patterns > InputWithIcons ************************/
/*------------------------------------------------------------*/

.InputWithIcons.Right .InputIcon {
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
}

.InputWithIcons .InputIcon {
    background-color: transparent;
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px;
    color: #4066b3;
    height: 38px;
    line-height: 38px;
}

/*------------------------------------------------------------*/
/* 7.22 SILK Patterns > ListItem ******************************/
/*------------------------------------------------------------*/

.ListItem {
    background-color: #fff;
    border: 1px solid #dadbde;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);

    padding-left: 15px;
}

.ListItemGroup .ListItem {
    border: 0;
    border-bottom: solid 1px  #dadbde;
    box-shadow: none;
}

a .ListItem:after {
    color: #4066b3;
}

/*------------------------------------------------------------*/
/* 7.23 SILK Patterns > ListItemGroup *************************/
/*------------------------------------------------------------*/

.ListItemGroup {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}

/*------------------------------------------------------------*/
/* 7.24 SILK Patterns > NavigationBar *************************/
/*------------------------------------------------------------*/

.NavigationBar a,
.NavigationBar a:link,
.NavigationBar a:visited {
    color: #959ea4;
}

.NavigationBar a.Active {
    color: #4066b3;
}

.NavigationBar a.Active:after {
    background-color: #4066b3;
}

.NavigationBar a.Active:not(.ie7):before,
.NavigationBar a.Active:not(.ie8):before {
    border-bottom-color: #4066b3;
}

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background-color: #4066b3;
}

.desktop .NavigationBar a:hover,
.desktop .NavigationBar a:link:hover {
    color: #4066b3;
    font-weight: 600;
}

.phone .NavigationBar a:active,
.phone .NavigationBar a:link:active,
.tablet .NavigationBar a:active,
.tablet .NavigationBar a:link:active {
    color: #4066b3;
}

.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #4066b3;
}

/*------------------------------------------------------------*/
/* 7.26 SILK Patterns > Panel *********************************/
/*------------------------------------------------------------*/

.Panel {
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}

.Panel .Panel_header {
    border-bottom: 2px solid #97c1e3;
    padding: 15px 20px;
}

.Panel .Panel_content {
    color: #3e3e3e;
    min-height: 100px;
}

.Panel .Panel_content a {
    font-weight: normal;
}

.Panel .Panel__title {
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}

.Panel .Panel__title > span.fa {
    color: #4f90c8;
    padding-right: 5px;
}

.Panel .Panel_content {
    padding: 20px 20px 10px 20px;
}

.nopadding.Panel_content {
    padding: 0;
}

.Panel .Panel_header > .Panel__actions a {
    border-right: 1px solid #eaeaea;
    color: #4066b3;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    padding: 0 10px;
}

.Panel .Panel_header > .Panel__actions a:last-child {
    border: 0;
    padding-right: 0;
}

.Panel_footer {
    background: #f9f9f9;
    border-top: 1px solid #eaeaea;
    box-shadow: none;
}

.Panel .TableRecords {
    border: 0;
    box-shadow: none;
}

.Panel .TableRecords td {
    border: 0;
}

.Panel .PanelFooterLink {
    background-color: #e0e5f2;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    display: block;
    margin: 10px -20px -10px -20px;
    padding: 10px;
    text-align: center;
}

/*------------------------------------------------------------*/
/* 7.27 SILK Patterns > Popup *********************************/
/*------------------------------------------------------------*/

div.os-internal-Popup .os-internal-ui-dialog,
div.os-internal-Popup.os-internal-ui-dialog {
    background-color: #dce4f3;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background-color: #d5dce8;
    height: 50px;
    line-height: 15px;
    padding-top: 10px;
    padding-right: 20px;
    white-space: nowrap;
    
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close {
    background-image: url(/WebPatterns/img/PopupCloseDark.png?4323&11184);
    opacity: .3;
    right: 20px;
    top: 15px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title {
    opacity: .3;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title {
    color: #131819;
    font-size: 22px;
    font-weight: 400;
}

/*------------------------------------------------------------*/
/* 7.28 SILK Patterns > Post **********************************/
/*------------------------------------------------------------*/

.Post .Post_icon {
    padding-top: 5px;
    width: 30px;
}

.Post .Post_icon img {
    border: 1px solid #dadbde;
    border-radius: 4px;
}

.Post .Post__label {
    font-size: 16px;
}

.Post .Post_content {
    padding-left: 0;
}

/*------------------------------------------------------------*/
/* 7.29 SILK Patterns > Progress Bar **************************/
/*------------------------------------------------------------*/

.Progress {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 40px;
    box-shadow: none;
    padding: 4px;
    position: relative;
}

.Progress.Blue {
    background-color: #4066b3;
}

.Progress.tooltipstered span {
    display: none;
}

.Progress.Small {
    height: 18px;
    padding: 2px;
}

.Progress.Medium {
    height: 30px;
    padding: 3px;
}

.Progress.Large {
    font-size: 14px;
    height: 44px;
}

.Progress_bar {
    background-color: #4066b3;
    border-radius: 40px;
}

.Progress_bar.Blue {
    background-color: #4066b3;
}

.Progress span {
    display: table-cell;
    vertical-align: middle;
}

.tooltipster-base {
    background: #4a4a4a;
    border-radius: 3px;
}

.tooltipster-base .tooltipster-arrow span {
    border-color: #4a4a4a;
}

.tooltipster-base .tooltipster-content {
    padding: 12px 17px;
}

.tooltipster-base .tooltipster-content .Counter {
    padding: 10px 5px;
}

.tooltipster-base .tooltipster-content .Counter_number {
    line-height: 45px;
}

/*------------------------------------------------------------*/
/* 7.30 SILK Patterns > Section *******************************/
/*------------------------------------------------------------*/

/*------------------------------------------------------------*/
/* 7.31 SILK Patterns > SectionExpandable *********************/
/*------------------------------------------------------------*/
.SectionExpandable,
.SectionExpandable_Fake {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    padding: 0;
}

.SectionExpandable_content {
    background-color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    box-sizing: content-box;
    height: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 0 10px;
    -webkit-transition: all 500ms cubic-bezier(.420, .000, .580, 1.000);
       -moz-transition: all 500ms cubic-bezier(.420, .000, .580, 1.000);
         -o-transition: all 500ms cubic-bezier(.420, .000, .580, 1.000);
            transition: all 500ms cubic-bezier(.420, .000, .580, 1.000);
    visibility: visible;
}

.SectionExpandable_content_Fake{
    background-color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    box-sizing: content-box;
    padding: 10px;
}

.BlueExpandable .SectionExpandable_content,
.BlueExpandable .SectionExpandable_content_Fake{
    background-color: #e0e6f2;
}

.WhiteExpandable .SectionExpandable_content,
.WhiteExpandable .SectionExpandable_content_Fake{
    background-color: #ffffff;
}

.SectionExpandable_header,
.SectionExpandable_header_Fake {
    border-bottom: 0;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
}

.SectionExpandable__title.Heading2 {
    color: #4066b3;
    font-size: 16px;
    font-weight: normal;
}

.SectionExpandable__title.Heading2 .fa {
    color: #4d5c66;
}

.SectionExpandable__icon.Heading2 {
    width: 35px;
}

.SectionExpandable__icon.Heading2 > .fa {
    background-color: transparent;
    border: 0;
    border-radius: 22px;
    color: #4066b3;
    font-size: 22px;
    height: 22px;
    margin-right: 3px;
    width: 22px;
}

.expanded .SectionExpandable__icon.Heading2 > .fa {
    background-color: transparent;
    border: 0;
    border-radius: 22px;
    color: #4066b3;
    height: 22px;
    margin-right: 10px;
    width: 22px;
}

.ie8 .expanded .SectionExpandable__icon.Heading2 > .fa {
    margin-right: 3px;
}

.SectionExpandable.expanded,
.SectionExpandable_Fake.expanded{
    box-shadow: none;
}

.SectionExpandable .SectionExpandable_header,
.SectionExpandable.expanded .SectionExpandable_header,
.SectionExpandable_Fake .SectionExpandable_header_Fake,
.SectionExpandable_Fake.expanded .SectionExpandable_header_Fake{
    padding: 0 12px;
}

.SectionExpandable.expanded > .SectionExpandable_content,
.SectionExpandable_Fake.expanded > .SectionExpandable_content_Fake{
    box-shadow: inset 0 4px 6px rgba(90, 90, 90, .09);
    padding: 10px;
}

.phone .SectionExpandable__title.Heading2 .Text_overflow {
    width: 232px;
}

.SectionExpandable a.SmartInput_Undo {
   /* position: static;*/
}

.SectionExpandable.expanded a.SmartInput_Undo {
    /*position: absolute;*/
}

.SectionExpandable .SectionFooterLink {
    background-color: #e0e5f2;
    margin: 10px -10px -10px -10px;
    display: block;
    padding: 10px;
    padding-right: 30px;
    text-align: center;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

/*------------------------------------------------------------*/
/* 7.32 SILK Patterns > Section Index *************************/
/*------------------------------------------------------------*/

.SectionIndex.vertical a.active,
.SectionIndex.vertical a:hover {
    border-left-color: #4066b3;
}

.SectionIndex a.active,
.SectionIndex a:hover {
    color: #4066b3;
}

/*------------------------------------------------------------*/
/* 7.33 SILK Patterns > Select2 *******************************/
/*------------------------------------------------------------*/


.select2-container .select2-choice {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    box-shadow: none;
    color: #48687c;
    height: 40px;
    line-height: 40px;
}

.select2-container.select2-dropdown-open .select2-choice,
.select2-container .select2-choice:focus {
    border: 1px solid rgba(2, 128, 177, .35);
    box-shadow: 0 0 6px rgba(2, 128, 177, .3), inset 0 1px 3px rgba(0, 0, 0, .2);
}

.select2-container .select2-choice > .select2-chosen,
.select2-container .select2-choice .select2-arrow {
    border-left: 0;
    color: #48687c;
    font-weight: 400;
    line-height: 40px;
}

.select2-search {
    padding: 0;
}

.select2-search:before {
    color: #4066b3;
    content: "\f002";
    font-family: FontAwesome;
    height: 14px;
    left: 10px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 14px;
}

.select2-search input[type="text"] {
    background: #fff;
    border: 0;
    border-bottom: 2px solid #eaeaea;
    box-shadow: none;
    color: #4066b3;
    margin: 0;
    padding: 0 10px 0 30px;
}

.select2-results li {
    color: #98aab4;
    padding: 11px;
}

.select2-results li.select2-highlighted {
    background: #4066b3;
    color: #fff;
}

.select2-results {
    margin: 0;
    padding: 0;
}

.select2-results .select2-result-label {
    padding: 0;
}

.select2-results .select2-no-results {
    background-color: #f2f2f2;
    color: #4d5c66;
}

.select2-drop {
    margin-top: 0;
}

.select2-container .select2-choice .select2-arrow b {
    background: url("/WebPatterns/img/select2.png?4323&11184") 0 6px no-repeat;
}

/*------------------------------------------------------------*/
/* 7.34 SILK Patterns > Separator *****************************/
/*------------------------------------------------------------*/

.Panel .Separator {
    background: rgba(203,208,212,1);
    background:    -moz-radial-gradient(center, ellipse cover, rgba(203,208,212,1) 0%, rgba(203,208,212,.28) 72%, rgba(252,252,252,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(203,208,212,1)), color-stop(72%, rgba(203,208,212,.28)), color-stop(100%, rgba(252,252,252,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(203,208,212,1) 0%, rgba(203,208,212,.28) 72%, rgba(252,252,252,0) 100%);
    background:      -o-radial-gradient(center, ellipse cover, rgba(203,208,212,1) 0%, rgba(203,208,212,.28) 72%, rgba(252,252,252,0) 100%);
    background:     -ms-radial-gradient(center, ellipse cover, rgba(203,208,212,1) 0%, rgba(203,208,212,.28) 72%, rgba(252,252,252,0) 100%);
    background:         radial-gradient(ellipse at center, rgba(203,208,212,1) 0%, rgba(203,208,212,.28) 72%, rgba(252,252,252,0) 100%);
    border: 0;
    filter: progid:dximagetransform.Microsoft.gradient( startColorstr="#cbd0d4", endColorstr="#fcfcfc", GradientType=1 );
    height: 1px;
    margin: 15px auto;
    width: 75%;
}

/*------------------------------------------------------------*/
/* 7.35 SILK Patterns > Range: Slider bar *********************/
/*------------------------------------------------------------*/

.SliderRange {
    background-color: rgba(149, 158, 164, .25);
    border: 0;
    border-radius: 6px;
    box-shadow: none;
    height: 10px;
}

.SliderRange .ui-slider-handle {
    background: #4066b3;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    height: 24px;
    width: 24px;
}

.ie7 .SliderRange .ui-slider-handle,
.ie8 .SliderRange .ui-slider-handle,
.ie9 .SliderRange .ui-slider-handle {
    background: #4066b3;
}

.SliderRange .ui-slider-handle:before {
    background: #fff;
    border: 0;
    height: 2px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
}
.SliderRange .ui-slider-handle:after {
    border: 0;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    height: 2px;
    left: 50%;
    margin-left: -1px;
    top: 11px;
    width: 2px;
}

.tablet .SliderRange .ui-slider-handle:before,
.phone .SliderRange .ui-slider-handle:before {
    height: 2px;
    left: 50%;
    top: 10px;
}

.tablet .SliderRange .ui-slider-handle:after,
.phone .SliderRange .ui-slider-handle:after {
    height: 4px;
    left: 50%;
    top: 16px;
}

.SliderRange .ui-slider-handle:hover,
.SliderRange .ui-slider-handle:focus {
    background: #4066b3;
}

.SliderRange .ui-slider-range {
    background-color: #4066b3;
    border-radius: 6px;
    height: 10px;
}

.ie .SliderRange .ui-slider-range,
.firefox .SliderRange .ui-slider-range {
    border: 0;
}

/*------------------------------------------------------------*/
/* 7.36 SILK Patterns > Tabs **********************************/
/*------------------------------------------------------------*/


.Tabs {
    border: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
}

.Tabs_header {
    background: #fff;
}

.Tabs__tab {
    background: #eaeaea;
    border-bottom: 0;
    border-left: 1px solid #fff;
    border-right: 0;
    border-top: 0;
    color: #98aab4;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
}

.Tabs__tab:hover {
    background: #fff;
    color: #0381b1;
}

.Tabs__tab.active {
    background: #fff;
    border-bottom-color: #fff;
    border-top: 0;
    color: #0381b1;
    font-size: 16px;
    font-weight: 400;
}

.Tabs_body {
    background: #fff;
}

/*------------------------------------------------------------*/
/* 7.37 SILK Patterns > Tiles *********************************/
/*------------------------------------------------------------*/

.Tile {
    background: #fff;
    border-bottom: 2px solid #0381b1;
    border-radius: 2px;
    border-top: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}

.Tile.Blue {
    border-bottom: 2px solid #0381b1;
    color: #fff;
}

.Tile.Blue .fa-fw {
    color: #0381b1;
}

.Tile.LightBlue {
    border-bottom: 2px solid #07b7d9;
    color: #07b7d9;
}

.Tile.LightBlue .fa-fw {
    color: #07b7d9;
}

.Tile.DarkBlue {
    border-bottom: 2px solid #3a4052;
    color: #3a4052;
}

.Tile.DarkBlue .fa-fw {
    color: #3a4052;
}

.Tile.Gray {
    border-bottom: 2px solid #4d5c66;
    color: #4d5c66;
}

.Tile.Gray .fa-fw {
    color: #4d5c66;
}

.Tile.Gray1 {
    border-bottom: 2px solid #60707b;
    color: #60707b;
}

.Tile.Gray1 .fa-fw {
    color: #60707b;
}

.Tile.Gray2 {
    border-bottom: 2px solid #98aab4;
    color: #98aab4;
}

.Tile.Gray2 .fa-fw {
    color: #98aab4;
}

.Tile.Gray3 {
    border-bottom: 2px solid #d9d9d9;
    color: #d9d9d9;
}

.Tile.Gray3 .fa-fw {
    color: #d9d9d9;
}

.Tile.Silver {
    border-bottom: 2px solid #eaeaea;
    color: #eaeaea;
}

.Tile.Silver .fa-fw {
    color: #eaeaea;
}

.Tile.Green {
    border-bottom: 2px solid #8bc34a;
    color: #8bc34a;
}

.Tile.Green .fa-fw {
    color: #8bc34a;
}

.Tile.Orange {
    border-bottom: 2px solid #fc6333;
    color: #fc6333;
}

.Tile.Orange .fa-fw {
    color: #fc6333;
}

.Tile.Yellow {
    border-bottom: 2px solid #ffc107;
    color: #ffc107;
}

.Tile.Yellow .fa-fw {
    color: #ffc107;
}

.Tile.LighterBlue {
    border-bottom: 2px solid #03a9f4;
    color: #03a9f4;
}

.Tile.LighterBlue .fa-fw {
    color: #03a9f4;
}

.Tile.White {
    border-bottom: 2px solid #fff;
    color: #333;
}

.Tile.White .fa-fw {
    color: #333;
}

.Tile.Red {
    border-bottom: 2px solid #e74c3c;
    color: #e74c3c;
}

.Tile.Red .fa-fw {
    color: #e74c3c;
}

.Tile.DarkRed {
    border-bottom: 2px solid #c0392b;
    color: #c0392b;
}

.Tile.DarkRed .fa-fw {
    color: #c0392b;
}

.Tile.LightGreen {
    border-bottom: 2px solid #2ecc71;
    color: #2ecc71;
}

.Tile.LightGreen .fa-fw {
    color: #2ecc71;
}

.Tile.Plum {
    border-bottom: 2px solid #9b59b6;
    color: #9b59b6;
}

.Tile.Plum .fa-fw {
    color: #9b59b6;
}

.Tile.DarkPlum {
    border-bottom: 2px solid #8e44ad;
    color: #8e44ad;
}

.Tile.DarkPlum .fa-fw {
    color: #8e44ad;
}

.Tile.Black {
    border-bottom: 2px solid #333;
    color: #333;
}

.Tile.Black .fa-fw {
    color: #333;
}

.Tile.Turquoise {
    border-bottom: 2px solid #1abc9c;
    color: #1abc9c;
}

.Tile.Turquoise .fa-fw {
    color: #1abc9c;
}

/*------------------------------------------------------------*/
/* 7.38 SILK Patterns > ToggleButton **************************/
/*------------------------------------------------------------*/

.ToggleButton {
    background-color: #e6e6e6;
    border: 1px solid #959ea4;
    border-radius: 20px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
    height: 16px;
    opacity: .6;
    outline: 1px solid transparent;
    width: 50px;
}

.ToggleButton_label:after {
    background-color: #d9d9d9;
    border: 0;
    border-radius: 40px;
    box-shadow: 0 1px 1px rgba(107, 107, 107, .5);
    height: 24px;
    left: -5px;
    top: -5px;
    width: 24px;
}

.ToggleButton_label.changed:after {
    background-color: #4066b3;
    border-radius: 40px;
    box-shadow: 0 1px 1px rgba(107, 107, 107, .5);
    height: 24px;
    right: -5px;
    top: -5px;
    width: 24px;
}

.ToggleButton.changed {
    background-color: #e6e6e6;
    border: 1px solid #97c1e3;
    border-radius: 20px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
    opacity: 1;
}
/*------------------------------------------------------------*/
/* 7.39 SILK Patterns > Tooltipster ***************************/
/*------------------------------------------------------------*/

.tooltipstered {
    color: #4066b3;
    margin-left: 5px;
}

.tooltip_style {
    background-color: #fff;
    border: 1px solid #dadbde;
    color: #79868a;
    padding: 6px;
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
    bottom: -8px;
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    top: -8px;
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
    right: -8px;
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
    left: -8px;
}

/*------------------------------------------------------------*/
/* 7.40 SILK Patterns > Wizard ********************************/
/*------------------------------------------------------------*/

.WizardParent {
    border: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    height: 50px;
}

.WizardStep a,
.WizardStep a:link,
.WizardStep a[disabled="disabled"],
.WizardStep a[disabled="disabled"]:hover {
    color: #4d5c66;
    line-height: 50px;
}

.WizardStep {
    background: #fff;
    color: #4066b3;
    font-size: 14px;
    font-weight: 400;
    z-index: -1;
}

.WizardStep:before {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 28px 0 28px 12px;
    height: 0;
    left: -21px;
    margin-top: -28px;
    top: 50%;
    width: 0;
    z-index: 2;
}

.WizardStep:after {
    border-color: transparent transparent transparent #8e8e8e;
    border-style: solid;
    border-width: 28px 0 28px 12px;
    height: 0;
    margin-top: -28px;
    top: 50%;
    transform: rotate(0);
    width: 0;
}

.WizardStep.Past {
    background-color: #fff;
    color: #959ea4;
}

.WizardStep.Past:before {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 28px 0 28px 12px;
}

.WizardStep.Past a,
.WizardStep.Past a:hover {
    color: #959ea4;
}

.WizardStep.ActiveStep {
    background: #fff;
    color: #4066b3;
    font-weight: 700;
}

.WizardStep.ActiveStep a,
.WizardStep.ActiveStep a:hover {
    color: #4066b3;
}

.WizardStep.ActiveStep:before {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 28px 0 28px 12px;
}

.WizardStep span.fa {
    color: #4066b3;
    padding-right: 10px;
}

.WizardStep.ActiveStep span.fa {
    color: #4066b3;
}

.WizardStep.ActiveStep:after {
    border-color: transparent transparent transparent #8e8e8e;
    border-style: solid;
    border-width: 28px 0 28px 12px;
}

.WizardStep a:before {
    color: #4066b3;
    content: "\f10c";
    font-family: FontAwesome;
    font-weight: 600;
    margin-right: 7px;
    opacity: .5;
}

.WizardStep.Past a:before {
    color: #4066b3;
    content: "\f111";
    opacity: 1;
}

.WizardStep.ActiveStep a:before {
    color: #4066b3;
    opacity: 1;
}

:last-of-type.WizardStep::after {
    border: 0px;
}

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

/*------------------------------------------------------------*/
/* 8.1 Usefull Classes > Text Classes *************************/
/*------------------------------------------------------------*/

.Heading1 {
    color: #3d3c3d;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
}

.Heading2 {
    color: #4066b3;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
}

.Heading3 {
    color: #253b4a;
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
}

.Heading4 {
    color: #253b4a;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
}

.Text_Error {
    color: #bb5858;
}

.Text_Note {
    color: #888;
}

.Label {
    background: none;
    color: #8e8e8e;
    font-size: 14px;
    line-height: 17px;
    padding: 2px 8px;
}

.Label.Blue {
    color: #fff;
}

.TextBreak {
    word-break: break-all;
}

.Text_Label {
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    min-width: 80px;
    padding: 4px 10px;
    text-align: center;
    white-space: nowrap;
}

.Text_Label_mobile {
    
border-radius: 50%;
padding: 0px 8px;
margin-left: 5px;

}

.Text_Capitalize {

text-transform: capitalize;

}

/*------------------------------------------------------------*/
/* 8.2 Usefull Classes > Buttons ******************************/
/*------------------------------------------------------------*/

.Button,
a.Button {
    background-color: #fff;
    border: 1px solid #97c1e3;
    border-radius: 4px;
    box-shadow: none;
    color: #4066b3;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    -webkit-transition: all 100ms ease;
       -moz-transition: all 100ms ease;
        -ms-transition: all 100ms ease;
         -o-transition: all 100ms ease;
            transition: all 100ms ease;
}

.desktop .Button,
.desktop a.Button {
    min-width: 160px;
}

.desktop a.Button.ButtonLarge {
    min-width: 180px;
}

.desktop .Arquive .Button,
.desktop .Arquive a.Button {
    min-width: 100%;
}

.phone .Button,
.phone a.Button {
    margin: 0;
    width: 100%;
}

.desktop .Button:hover,
.desktop a.Button:hover {
    background-color: #4066b3;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    height: 40px;
    line-height: 40px;
}

.Button:hover:active,
a.Button:hover:active {
    background-color: #fff;
    border: 1px solid #97c1e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2);
    color: #4066b3;
}

.phone .Button,
.tablet .Button,
.phone a.Button,
.tablet a.Button {
    height: 38px;
    line-height: 36px;
    text-decoration: none;
    white-space: nowrap;
}

.phone input.Button:focus,
.tablet input.Button:focus,
.phone input.Button,
.tablet input.Button {
    height: 37px;
    line-height: 37px;
}

/* Pesquisa de Cliente */
.FakeSearch {
    background: #4066b3;
    border: 1px solid #4066b3;
    border-radius: 0 4px 4px 0;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 40px;
    margin-left: -2px !important;
}

.FakeSearchClean {
    border-color: #4066b3;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    border-radius: 0 4px 4px 0;
    color: #4066b3;
    height: 40px;
    line-height: 40px;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 40px;
    margin-left: -2px !important;
}

.phone .FakeSearch {
    height: 38px;
    line-height: 35px;
}

.phone .FakeSearchClean {
    height: 38px;
    line-height: 35px;
}

/*------------------------------------------------------------*/
/* 8.3 Usefull Classes > Default Action Button ****************/
/*------------------------------------------------------------*/

.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #4066b3;
    border: 0;
    border-radius: 4px;
    color: #fff;
}

.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover {
    background-color: #006;
    box-shadow: none;
    color: #fff;
}

.Button.ButtonDefault:hover:active,
.Button.Is_Default:hover:active {
    background-color: #4066b3;
    border: 0;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    color: #fff;
}

/* Cancel Action */
.Button.Cancel {
    background-color: #97c1e3;
    border: 0;
    border-radius: 4px;
    color: #fff;
}

.desktop .Button.Cancel:hover {
    background-color: #4f90c8;
    border: 0;
    color: #fff;
}

.Button.Cancel:hover:active {
    background-color: #97c1e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    color: #fff;
}

/* Success Action */
.Button.Success {
    background-color: #5cb000;
    border: 0;
    border-radius: 4px;
    color: #fff;
}

.desktop .Button.Success:hover {
    background-color: #4d9200;
    border: 0;
    border-radius: 4px;
    color: #fff;
}

.Button.Success:hover:active {
    background-color: #4a960f;
    border: 0;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    color: #fff;
}

/* Danger Action */
.Button.Danger,
a.ActionDelete {
    background-color: #ea635c;
    border: 0;
    border-radius: 4px;
    color: #fff;
}

.desktop .Button.Danger:hover {
    background-color: #b4352e;
    border: 0;
    border-radius: 4px;
    color: #fff;
}

.Button.Danger:hover:active {
    background-color: #ea635c;
    border: 0;
    border-radius: 4px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    color: #fff;
}

/* Link Button */
.Button.Link {
    background-color: white;
    border: 1px solid #97c1e3;
    border-radius: 4px;
    box-shadow: none;
    color: #4066b3;
}

.desktop .Button.Link:hover {
    background-color: #4066b3;
    border: 1px solid #4066b3;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
}

a.Button.Link:active,
.Button.Link:active {
    background-color: #fff;
    border: 1px solid #97c1e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2);
    color: #4066b3;
}

/* Button Small */
.Button.Small,
.Button.Small:hover,
.desktop .Button.Small:hover,
.desktop a.Button.Small:hover,
.Button.Small:active,
.desktop .Button.Small:active,
.desktop a.Button.Small:active {
    font-size: 16px;
    height: 30px;
    line-height: 28px;
}

.Panel__Actions .Button,
.Section_Actions .Button {
    font-size: 11px;
    height: 26px;
    line-height: 24px;
    min-width: 60px;
    padding-right: 10px;

    padding-left: 10px;
}

.phone .Button.Small,
.tablet .Button.Small {
    height: 30px;
    line-height: 28px;
}

/* Button Icon */
.Button.Icon {
    min-width: 0;
}

.Button.Icon span.fa {
    margin: 0;
}

/* Disabled Button */
.Button.Loading:before,
.Button.Loading[disabled]:before,
.Button.Loading:disabled:before {
    background-image: url(/WebPatterns/img/loadingdublin02.GIF?4323&11184);
    background-size: 16px 16px;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    margin-top: -2px;
    vertical-align: middle;
    width: 16px;
}

.Button.Is_Default.Loading:before,
.Button.Is_Default.Loading[disabled]:before,
.Button.Is_Default.Loading:disabled:before,
.Button.ButtonDefault.Loading:before,
.Button.ButtonDefault.Loading[disabled]:before,
.Button.ButtonDefault.Loading:disabled:before {
    background-image: url(/WebPatterns/img/loading_lisbon_white.gif?11184);
}

.Button.Small.Loading:before {
    margin-top: 4px;
}

.Button.Loading.Icon:before {
    margin-right: 0;
}

.Button.Loading span.fa {
    display: none;
}

.Button.Center {
    display: block;
    margin: 0 auto;
}

.Button.Previous,
a.Button.Previous {
    background-color: #fff;
    border: 1px solid #97c1e3;
    border-radius: 4px;
    height: 40px;
    padding-right: 20px;
    position: relative;
    text-align: right;

    
}

.desktop .Button.Previous,
.desktop a.Button.Previous,
.tablet .Button.Previous,
.tablet a.Button.Previous {
    min-width: 189px;
}

.phone .Button.Previous,
.phone a.Button.Previous {
    margin-bottom: 10px;
}

.Button.Previous:before,
a.Button.Previous:before {
    color: #4066b3;
    content: "\f104";
    font-family: FontAwesome;
    font-weight: 600;
    left: 20px;
    position: absolute;
}

.Button.Previous:hover:before,
a.Button.Previous:hover:before {
    color: #fff;
}

.Button.Previous:active:before,
a.Button.Previous:active:before {
    color: #4066b3;
}

.Button.Next,
a.Button.Next {
    background-color: #4066b3;
    border: 1px solid #4066b3;
    border-radius: 4px;
    color: #fff;
    height: 40px;
    position: relative;
    text-align: left;

    
}


.desktop .Button.Next,
.desktop a.Button.Next,
.tablet .Button.Next,
.tablet a.Button.Next {
    min-width: 189px;
}

.phone .Button.Next,
.phone a.Button.Next {
    margin-bottom: 10px;
}

.desktop .Button.Next:hover,
.desktop  a.Button.Next:hover {
    background-color: #006;
}

.Button.Next:active,
a.Button.Next:active {
    color: #fff;
}

.Button.Next:before,
a.Button.Next:before {
    color: #fff;
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 600;
    margin-right: 7px;
    position: absolute;
    right: 20px;
}

/*------------------------------------------------------------*/
/* 8.4 Usefull Classes > Colors *******************************/
/*------------------------------------------------------------*/

/* Colors */
.Black {
    background-color: #3e3e3e;
}

.Text_black {
    color: #3e3e3e;
}

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

.Text_blue {
    color: #0074c1;
}

.DarkBlue {
    background-color: #194968;
}

.Text_darkBlue {
    color: #194968;
}

.DarkPlum {
    background-color: #970263;
}

.Text_darkPlum {
    color: #970263;
}

.DarkRed {
    background-color: #b10000;
}

.Text_darkRed {
    color: #b10000;
}

.Gray {
    background-color: #8e8e8e;
}

.Text_gray {
    color: #8e8e8e;
}

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

.Text_green {
    color: #388e3c;
}

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

.Text_lightGreen {
    color: #64be68;
}

.Orange {
    background-color: #f69c00;
}



.Text_orange {
    color: #f69c00;
}

.Plum {
    background-color: #c32b87;
}

.Text_plum {
    color: #c32b87;
}

.Red {
    background-color: #d01a1a;
}

.Text_red {
    color: #d01a1a;
}

.Silver {
    background-color: #f3f3f3;
}

.Text_silver {
    color: #f3f3f3;
}

.Turquoise {
    background-color: #00bfb3;
}

.SectionExpandable__title.Heading2 .Text_turquoise .fa,
.Text_turquoise {
    color: #00bfb3;
}

.White {
    background-color: #fff;
}

.Text_white {
    color: #fff;
}

.Yellow {
    background-color: #dab702;
}

.Text_yellow {
    color: #dab702;
}

.ZurichBlue1 {
    background-color: #039;
}

.Text_zurichBlue1 {
    color: #039;
}

.ZurichLightBlue1 {
    background-color: #4066b3;
}

.Text_zurichLightBlue1 {
    color: #4066b3;
}

.ZurichBlue2 {
    background-color: #006;
}

.Text_zurichBlue2 {
    color: #006;
}

.LightGray {
    background-color: #e6e6e6;
}

.Text_lightGray {
    color: #e6e6e6;
}

.SkyBlue {
    background-color: #009ee0;
}

.Text_skyBlue {
    color: #009ee0;
}

.MidBlue {
    background-color: #4f90c8;
}

.Text_midBlue {
    color: #4f90c8;
}

.Teal {
    background-color: #007396;
}

.Text_teal {
    color: #007396;
}

.Turquoise {
    background-color: #00bfb3;
}

.Text_turquoise {
    color: #00bfb3;
}

.Lemon {
    background-color: #e0e27c;
}

.Text_lemon {
    color: #e0e27c;
}

.Salmon {
    background-color: #ea635c;
    color: #fff;
}

.Text_salmon {
    color: #ea635c;
}

.SandStone {
    background-color: #d5ceb5;
}

.Text_sandStone {
    color: #d5ceb5;
}

.DarkStone {
    background-color: #a89f96;
}

.Text_darkStone {
    color: #a89f96;
}

.Dove {
    background-color: #e7eceb;
}

.Text_dove {
    color: #e7eceb;
}

.LightBlue {
    background-color: #97c1e3;
}

.Text_lightBlue {
    color: #97c1e3;
}

.Text_lightBlack{
    color: #4d5c66 !important;
}

/* Counter & Tile */
.Counter.Black,
.Tile.Black {
    background-color: #fff;
    border-bottom-color: #131819;
}

.Counter.Blue {
    background-color: #0075c8;
    border-bottom-color: #0075c8;
}

.Tile.Blue {
    background-color: #fff;
    border-bottom-color: #0075c8;
    color: #4066b3;
}

.Tile.Blue .TileIcon_text,
.Tile.Blue .TileNumber_text,
.Tile.Blue .TilleIconText_text {
    color: #5d5d5d;
}

.Counter.Blue .Counter_number,
.Counter.Blue .Counter_label {
    color: #fff;
}

.Counter.DarkBlue,
.Tile.DarkBlue {
    background-color: #fff;
    border-bottom-color: #194968;
}

.Counter.DarkPlum,
.Tile.DarkPlum {
    background-color: #fff;
    border-bottom-color: #970263;
}

.Counter.DarkRed,
.Tile.DarkRed {
    background-color: #fff;
    border-bottom-color: #b10000;
}

.Counter.Gray,
.Tile.Gray {
    background-color: #fff;
    border-bottom-color: #79868a;
}

.Counter.Green,
.Tile.Green {
    background-color: #fff;
    border-bottom-color: #388e3c;
}

.Counter.LightGreen,
.Tile.LightGreen {
    background-color: #fff;
    border-bottom-color: #64be68;
}

.Counter.Orange,
.Tile.Orange {
    background-color: #fff;
    border-bottom-color: #da6802;
}

.Counter.Plum,
.Tile.Plum {
    background-color: #fff;
    border-bottom-color: #c32b87;
}

.Counter.Red,
.Tile.Red {
    background-color: #fff;
    border-bottom-color: #d01a1a;
}

.Counter.Silver,
.Tile.Silver {
    background-color: #fff;
    border-bottom-color: #dadbde;
}

.Counter.Transparent,
.Tile.Transparent {
    background-color: #fff;
    border-bottom-color: transparent;
}

.Counter.Turquoise,
.Tile.Turquoise {
    background-color: #fff;
    border-bottom-color: #00b0c1;
}

.Counter.White,
.Tile.White {
    background-color: #fff;
    border-bottom-color: #fff;
}

.Counter.Yellow,
.Tile.Yellow {
    background-color: #fff;
    border-bottom-color: #dab702;
}

/* UserInitials */
.UserInitials {
    background-color: rgba(64,102,179, .2);
    border: 0;
    box-sizing: content-box;
    color: #4066b3;
}


/*------------------------------------------------------------*/
/* 8.5 Usefull Classes > PhoneBreakColumns ********************/
/*------------------------------------------------------------*/
/*.desktop.small .PhoneBreakColumns {
    margin-top: 20px;
}*/

.phone .PhoneBreakColumns {
    margin: 0;
}

.phone .PhoneBreakColumns > [class^="ThemeGrid_Width"] {
    margin: 10px 0;
    width: 100%;
}

/*------------------------------------------------------------*/
/* 8.6 Usefull Classes > Medium To Three Column Fix ***********/
/*------------------------------------------------------------*/

.desktop .MediumToThreeColumnFix .MediumRightColumns > .Column.ColFirst {
    width: 66.667%;
}

.desktop  .MediumToThreeColumnFix .MediumRightColumns > .Column.ColLast {
    width: 33.333%;
}
/*
.Page.desktop.small .MediumToThreeColumnFix .Panel_content .Column {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}*/

/*------------------------------------------------------------*/
/* 8.7 Usefull Classes > ShowDataInMobile/ShowDataInDesktop ***/
/*------------------------------------------------------------*/

.desktop .ShowDataInMobile,
.tablet.landscape .ShowDataInMobile 
{
    display: none;
}

.phone .ShowDataInDesktop,
.tablet.portrait .ShowDataInDesktop 
{
    display: none !important;
}

.displayFlex{
    display: flex;
}

.flexWrap {
    flex-wrap: wrap;
}

.flexNoWrap {
    flex-wrap: nowrap;
}

.alignItemsCenter{
    align-items: center;
}

/*------------------------------------*\
      $9. Zurich PT Patterns
\*------------------------------------*/

/*------------------------------------------------------------*/
/* 9.1 Zurich PT Patterns > TitleLine *************************/
/*------------------------------------------------------------*/

.TitleLine {
    background-color: #e0e5f2;
    border-radius: 2px;
    height: 60px;
    padding: 10px;
}

.TitleLine .TitleLine_Content {
    display: table;
    width: 100%;
}

.TitleLine .TitleLine_Content .TitleLine_Item {
    display: table-cell;
}

.TitleLine .TitleLine_Content .TitleLine_Item.badge {
    background-color: #00bfb3;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    text-align: center;
    width: 40px;
}

.TitleLine .TitleLine_Content .TitleLine_Item.Title {
    color: #4d5c66;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    width: 80%;

    padding-left: 10px;
}

/*------------------------------------------------------------*/
/* 9.2 Zurich PT Patterns > Insurance Classification **********/
/*------------------------------------------------------------*/

.InsuranceClassification {
    background-color: white;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    height: 50px;
    padding: 12px;
    position: relative;
}

.InsuranceClassification .InsuranceTitle {
    color: #4d5c66;
    font-size: 18px;
    line-height: 24px;
    margin-left: 80px;
    margin-top: -8px;
    white-space: nowrap;
}

.InsuranceClassification .InsuranceTitle .Number,
.InsuranceClassification .InsuranceTitle .Status {
    font-size: 12px;
    line-height: 16px;
}

.InsuranceClassification .InsuranceTitle .Status {
    margin-left: 10px;
}

.InsuranceClassification .BlueCard {
    background: #3156ae;
    background: -webkit-linear-gradient(147deg,  #3156ae 0%, #332a85 100%);
    background:    -moz-linear-gradient(147deg,  #3156ae 0%, #332a85 100%);
    background:      -o-linear-gradient(147deg,  #3156ae 0%, #332a85 100%);
    background:     -ms-linear-gradient(147deg,  #3156ae 0%, #332a85 100%);
    background:         linear-gradient(147deg, #3156ae 0%, #332a85 100%);
    border-radius: 0 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    height: 50px;
    left: 20px;
    position: absolute;
    top: -30px;
    width: 50px;
}

.InsuranceClassification .BlueCard .Icon {
    color: #fff;
    height: 100%;
    line-height: 34px;
    padding: 8px;
    text-align: center;
}

.InsuranceClassification .BlueCard .Icon span.fa,
.InsuranceClassification .BlueCard .Icon span {
    font-size: 30px;
    height: 34px;
    line-height: 40px;
    width: 30px;
}

.InsuranceClassification .BlueCardTriangle {
    border-color: transparent transparent #003193 transparent;
    border-style: solid;
    border-width: 0 0 10px 10px;
    height: 0;
    left: 10px;
    position: absolute;
    top: -10px;
    width: 0;
}

/*------------------------------------------------------------*/
/* 9.3 Zurich PT Patterns > Popup Search **********************/
/*------------------------------------------------------------*/

.PopupSearch_Wrapper {
    background: #dde1e8;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 5px #ccc;
    display: none;
    line-height: 1.5em;
    margin-top: 5px;
    position: absolute;
    text-align: left;
    width: 540px;
    z-index: 99;
}

.Header .PopupSearch_Wrapper{
    position: inherit;
    margin-top: 0px;
}

.Header_NaoReactive .PopupSearch_Wrapper{
    left: 44%;
    margin-left: -275px;
}

.PopupSearch_Wrapper.open {
    display: block;
}

.tablet .PopupSearch_Wrapper.open,
.phone .PopupSearch_Wrapper.open {
    border-radius: 0;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 50px;
    width: 100%;
}

.PopupSearch_Wrapper:before {
    border-color: transparent transparent #c4ccd8 transparent;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    content: "";
    height: 0;
    left: 25px;
    position: absolute;
    top: -11px;
    width: 0;
}

.PopupSearch_Title {
    background-color: #dce5f3;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 4px 0 0 4px;
    color: #3e3e3e;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 24px;
}

.Header .PopupSearch_Title{
    position: relative;
}

.Header_NaoReactive .PopupSearch_Title {
    background-color: #dce5f3;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 4px 0 0 4px;
    color: #3e3e3e;
    font-size: 16px;
    line-height: 26px;
    padding: 10px 15px;
    margin-bottom:0px;
}

.PopupSearch_Title .Search_Close {
    color: #3e3e3e;
    height: 46px;
    line-height: 46px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}

.Header .PopupSearch_Title .Search_Close{
    top: -10px;
    right: -15px;
    font-size: 14px;

}

.PopupSearch_Title .Search_Close:active,
.PopupSearch_Title .Search_Close:hover,
.PopupSearch_Title .Search_Close:active:link {
    color: #3e3e3e;
    text-decoration: none;
}


.PopupSearch_Content .Section {
    margin: 0;
}

.PopupSearch_Content {
    padding: 0px;
}

.Header_NaoReactive .PopupSearch_Content {
    padding: 10px 15px;
}

.PopupSearch_Content .Section_header {
    border: 0;
    margin: 0 0 5px;
    min-height: inherit;
    padding: 0;
}

.PopupSearch_Content .Section_header .Section__title {
    color: #3e3e3e;
    font-size: 18px;
    font-weight: 400;
}

.PopupSearch_Content .Section__actions a {
    color: #4066b3;
    font-size: 12px;
    font-weight: 700;
}

.PopupSearch_Content .Section_content {
    padding: 0;
}

.PopupSearch_ResultItem {
    background: #fff;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 10px;
    overflow: auto;
    padding: 10px;
    position: relative;
}

.PopupSearch_ResultItem:after {
    color: #0075c8;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 50%;
    width: 10px;
}

.Header .PopupSearch_ResultItem:after{
    margin-top: -7px;
    right: 0px;
}

.Section .PopupSearch_ResultItem{
    padding: 16px!important;
}

.PopupSearch_ResultItem:hover {
    background: #f2f2f2;
}

.PopupSearch_ResultItem .ResultItem_Icon {
    background: #00bcb0;
    border-radius: 4px;
    color: #fff;
    float: left;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    width: 30px;
}

.NovoReact .PopupSearch_ResultItem .ResultItem_Icon{
    font-size: 14px;
}

.PopupSearch_ResultItem .ResultItem_Title {
    color: #4d5c66;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}

.NovoReact .PopupSearch_ResultItem .ResultItem_Title{
    font-size: 14px;
}

.PopupSearch_ResultItem .ResultItem_Info {
    color: #9d9d9d;
    font-size: 14px;
    line-height: 16px;
}

.PopupSearch_ResultItem .ResultItem_Action {
    color: #4d5c66;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    right: 30px;
    top: 50%;
}

.PopupSearch_ResultItem .ResultItem_Content {
    padding: 0 120px 0 40px;
}

/* Responsive Search input ******************* */
.tablet .AdvancedSearchFilter_Wrapper .Search_wrapper,
.phone .AdvancedSearchFilter_Wrapper .Search_wrapper {
    background: #fff;
    height: 50px;
    left: 0;
    max-width: initial;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}

.tablet .AdvancedSearchFilter_Wrapper .Search_wrapper input[type="text"],
.phone .AdvancedSearchFilter_Wrapper .Search_wrapper input[type="text"] {
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 50px;
    padding: 0 15px 0 50px;
}

.tablet .AdvancedSearchFilter_Wrapper .Search_wrapper:after,
.phone .AdvancedSearchFilter_Wrapper .Search_wrapper:after {
    display: none;
}

.PopupSearch_Close {
    display: none;
    font-size: 20px;
    height: 50px;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
    z-index: 21;
}

.tablet .PopupSearch_Close,
.phone .PopupSearch_Close {
    display: block;
}

/*------------------------------------------------------------*/
/* 9.4 Zurich PT Patterns > TableVerticalAlignBox *************/
/*------------------------------------------------------------*/

.TableBox .Content div[class*="ThemeGrid_Width"] {
    vertical-align: middle;
}

.TableBox .Content .OSInline {
    vertical-align: middle;
}

.TableBox .Content span {
    vertical-align: middle;
}

.TableBox .Columns.Border .Column > div {
    border-bottom: solid 1px #e4e4e4;
    border-left: solid 1px #e4e4e4;
    border-right: 0;
    border-top: 0;
    margin: 0;
    padding: 10px;
    vertical-align: middle;
}

.TableBox .Columns4.Border.NoGutter .Column > div {
    line-height: 29px;
    min-height: 50px;
}
/*
.desktop.small .TableBox .Columns4.Border.NoGutter .Column > div {
    height: 80px;
}*/
/*
.desktop.small .TableBox .Columns4.Border.NoGutter .Column > div span.Text_gray {
    line-height: 60px;
}*/

.TableBox .Columns.NoGutter > .Column,
.Columns.NoGutter > .Column.ColFirst,
.TableBox .Columns.NoGutter > .Column.ColLast {
    margin: 0;
}

.TitleGroup {
    color: #4d5c66;
    font-size: 16px;
}

.phone .TableBox {
    border-bottom: 1px solid #dadbde;
    padding: 8px 10px;
}

/*------------------------------------------------------------*/
/* 9.5 Zurich PT Patterns > TableBoxItem **********************/
/*------------------------------------------------------------*/

.TableBoxItem {
    display: table;
    width: 100%;
}

.TableBoxItem .TableBoxItem_Icon {
    display: table-cell;
    height: 100%;
    padding: 0 10px;
    vertical-align: middle;
    width: 40px;
}

.TableBoxItem .TableBoxItem_Icon img {
    vertical-align: middle;
}

.TableBoxItem .TableBoxItem_Input {
    display: table-cell;
    height: 30px;
    min-width: 100px;
}

.TableBoxItem .TableBoxItem_Input input {
    height: 30px;
    line-height: 30px;
}

.TableBoxItem .TableBoxItem_Label {
    border-left: 1px solid #cecece;
    color: #666;
    display: table-cell;
    height: 100%;
    padding: 0 10px;
    text-align: right;
    white-space: nowrap;
}
/*
.desktop.small .TableBoxItem .TableBoxItem_Input,
.desktop.small .TableBoxItem .TableBoxItem_Label {
    border-left: 0;
    display: block;
    min-width: 100%;
    padding: 0;
    text-align: left;
}*/

.NoBorders .TableBoxItem .TableBoxItem_Label {
    border-left: 0;
    text-align: right;
    white-space: nowrap;
}

.phone .TableBoxItem .TableBoxItem_Label,
.phone .NoBorders .TableBoxItem .TableBoxItem_Label {
    font-size: 12px;
    white-space: nowrap;
}

.desktop .HeaderNavigationWizerd .ThemeGrid_Width3 {
    width: 26%;
}

.desktop .HeaderNavigationWizerd .ThemeGrid_Width9 {
    width: 72%;
}

/*.desktop.small .HeaderNavigationWizerd .ThemeGrid_Width3,*/
.tablet .HeaderNavigationWizerd .ThemeGrid_Width3,
.phone .HeaderNavigationWizerd .ThemeGrid_Width3 {
    width: 100%;
}

/*.desktop.small .HeaderNavigationWizerd .ThemeGrid_Width9,*/
.tablet .HeaderNavigationWizerd .ThemeGrid_Width9,
.phone .HeaderNavigationWizerd .ThemeGrid_Width9 {
    margin-left: 0;
    margin-top: 1px;
    width: 100%;
}

/*------------------------------------------------------------*/
/* 9.6 Zurich PT Patterns > Top Section Label *****************/
/*------------------------------------------------------------*/

.TopSectionLabel_Wrapper {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #3d3c3d;
    font-size: 14px;
    padding: 20px 15px;
    position: relative;
}

.TopSectionLabel_Label {
    /*background-color: #5cb000;*/
    border-radius: 0 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    left: 15px;
    padding: 4px 10px;
    position: absolute;
    top: -7px;
}

.TopSectionLabel_Label:before {
    /*border-color: transparent transparent #468600 transparent;*/
    border-style: solid;
    border-width: 0 0 7px 4px;
    content: "";
    height: 0;
    left: -4px;
    position: absolute;
    top: 0;
    width: 0;
}

.TopSectionLabel_Black:before {
    border-color: transparent transparent #131819 transparent;
}

.TopSectionLabel_Blue:before  {
    border-color: transparent transparent #0075c8 transparent;
}

.TopSectionLabel_Blue:before  {
    border-color: transparent transparent #4066b3 transparent;
}

.TopSectionLabel_DarkBlue:before  {
    border-color: transparent transparent #194968 transparent;
}

.TopSectionLabel_DarkPlum:before  {
    border-color: transparent transparent #970263 transparent;
}

.TopSectionLabel_DarkRed:before  {
    border-color: transparent transparent #b10000 transparent;
}

.TopSectionLabel_Gray:before  {
    border-color: transparent transparent #79868a transparent;
}

.TopSectionLabel_Green:before  {
    border-color: transparent transparent #388e3c transparent;
}

.TopSectionLabel_LightGreen:before  {
    border-color: transparent transparent #64be68 transparent;
}

.TopSectionLabel_Orange:before  {
    border-color: transparent transparent #da6802 transparent;
}

.TopSectionLabel_Plum:before  {
    border-color: transparent transparent #c32b87 transparent;
}

.TopSectionLabel_Red:before  {
    border-color: transparent transparent #d01a1a transparent;
}

.TopSectionLabel_Silver:before  {
    border-color: transparent transparent #dadbde transparent;
}

.TopSectionLabel_Transparent:before  {
    border-color: transparent transparent transparent transparent;
}

.TopSectionLabel_Turquoise:before  {
    border-color: transparent transparent #00b0c1 transparent;
}

.TopSectionLabel_White:before  {
    border-color: transparent transparent #fff transparent;
}

.TopSectionLabel_Yellow:before {
    border-color: transparent transparent #dab702 transparent;
}

.TopSectionLabel_Title {
    color: #3d3c3d;
    display: inline-block;
    font-size: 24px;
    line-height: 28px;
}

.TopSectionLabel_Description {
    color: #3e3e3e;
    display: inline-block;
    margin-right: 100px;
    padding: 0 25px;
}

/*.desktop.small .TopSectionLabel_Description {
    padding: 0 0 0 25px;
}*/

.TopSectionLabel_Price {
    display: inline-block;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    right: 10px;
    text-align: right;
    top: 50%;

    padding-left: 10px;
}

.TopSectionLabel_ValueLabel {
    color: #8e8e8e;
    font-size: 12px;
    text-transform: uppercase;
}

.TopSectionLabel_Value {
    color: #4d5c66;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.phone .TopSectionLabel_Wrapper {
    padding: 25px 15px 5px;
}

.phone .TopSectionLabel_Title {
    display: block;
    margin-bottom: 10px;
}

.phone .TopSectionLabel_Description {
    float: left;
    line-height: 24px;
    margin: 0;
    padding: 0 15px 0 0;
}

.phone .TopSectionLabel_Price {
    display: block;
    height: auto;
    margin: 0;
    position: static;
}

.phone .TopSectionLabel_ValueLabel {
    display: inline;
}

.phone .TopSectionLabel_Value {
    display: inline;

    padding-left: 6px;
}

/*------------------------------------------------------------*/
/* 9.7 Zurich PT Patterns > SimpleExpandable ******************/
/*------------------------------------------------------------*/

.Expandable_Wrapper .Expandable_Content {
    display: none;
}

/*------------------------------------------------------------*/
/* 9.8 Zurich PT Patterns > Receipt Item **********************/
/*------------------------------------------------------------*/

.Receipt_Item {
    margin-bottom: 15px;
}

.Receipt_Item .Receipt_Status {
    text-align: right;
}

.Receipt_Item .Receipt_Value {
    text-align: right;
}

.Receipt_Item .Receipt_Date {
    color: #8e8e8e;
    font-size: 14px;
    font-weight: 400;
}

.Receipt_Item .Receipt_Description,
.Receipt_Item .Receipt_Description a {
    color: #4066b3;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

/*------------------------------------------------------------*/
/* 9.9 Zurich PT Patterns > Accident Item *********************/
/*------------------------------------------------------------*/

.Accident_Item {
    margin-bottom: 15px;
}

.Accident_Item .Label {
    border-radius: 20px;
    color: #fff;
    float: right;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    min-width: 80px;
    padding: 4px 10px;
    text-align: center;
}

.Accident_Item .Accident_Date {
    color: #8e8e8e;
    font-size: 14px;
    font-weight: 400;
}

.Accident_Item .Accident_Description,
.Accident_Item .Accident_Description a {
    color: #4066b3;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

/*------------------------------------------------------------*/
/* 9.10 Zurich PT Patterns > Income Item **********************/
/*------------------------------------------------------------*/

.Income_Item {
    color: #5d5d5d;
    position: relative;
}

.Income_Item:before {
    border-top: 1px dashed #d7d7d7;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 55%;
    width: 100%;
    z-index: 0;
}

.Income_Item .Income_Price {
    background: #fff;
    display: inline-block;
    float: right;
    padding: 0 0 0 6px;
    position: relative;
    z-index: 1;
}

.Income_Item .Income_Description {
    background: #fff;
    display: inline-block;
    padding: 0 6px 0 0;
    position: relative;
    z-index: 1;
}

/*------------------------------------------------------------*/
/* 9.11 Zurich PT Patterns > ShowRecord OC ********************/
/*------------------------------------------------------------*/

.ShowRecordOC_Wrapper {
    color: #3e3e3e;
    font-size: 14px;
}

.ShowRecordOC_Wrapper .ShowRecordOC_Label {
    color: #8e8e8e;
    margin-top: 15px;
}

.Panel .Panel_content .ShowRecordOC_Wrapper .ShowRecordOC_Label {
    margin-top: 10px;
}

.ShowRecordOC_Wrapper:first-child .ShowRecordOC_Label {
    margin-top: 0;
}

.Panel .ShowRecordOC_Wrapper:first-child .ShowRecordOC_Label {
    margin-top: 0;
}

/*------------------------------------------------------------*/
/* 9.12 Zurich PT Patterns > Button Car ***********************/
/*------------------------------------------------------------*/

.ButtonCar .ButtonGroup_button.Button,
.desktop .ButtonCar .ButtonGroup_button.Button {
    background: #fff;
    background-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
    border-right-color: #959ea4;
    border-right-width: 1px;
    border-top-color: transparent;
    font-size: 18px;
    height: 70px;
    position: relative;
}

.ButtonCar .ButtonGroup_label {
    background: transparent;
    background-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
    border-right-color: #959ea4;
    border-right-width: 1px;
    border-top-color: transparent;
    font-size: 18px;
    height: 70px;
    position: relative;
    display: inline-block;    
}

.ButtonCar .ButtonGroup_button.Button:last-child,
.ButtonCar .ButtonGroup_button.Button:first-child {
    border-left-color: transparent;
    border-right-color: transparent;
}

.ButtonCar label.ButtonGroup_button.Button:hover,
.ButtonCar label.ButtonGroup_button.Button.active,
.ButtonCar .ButtonGroup_button.active,
.desktop .ButtonCar .ButtonGroup_button.active:hover,
.ButtonCar .ButtonGroup_button.Button.active,
.desktop .ButtonCar .ButtonGroup_button.Button.active:hover {
    background: rgba(64, 101, 179, .1);
    background-color: rgba(64, 101, 179, .1);
    border-bottom-color: #4066b3;
    border-left-color: #4066b3;
    border-right-color: #4066b3;
    border-top-color: #4066b3;
    box-shadow: none;
    color: #4066b3;
    font-size: 18px;
}

.ButtonCar label.ButtonGroup_button.Button:first-child.active {
    border-right-color: transparent;
}

.ButtonCar label.ButtonGroup_button.Button:last-child.active {
    border-left-color: transparent;
}

.ButtonCar .ButtonGroup_button.Button .fa {
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 30pt;
    vertical-align: middle;
    line-height: 40px;
    top: 50%;
    margin-top: -20px;
    left: 10px;
}

/*.desktop.small .ButtonCar .ButtonGroup_button.Button .fa,*/
.tablet .ButtonCar .ButtonGroup_button.Button .fa,
.phone .ButtonCar .ButtonGroup_button.Button .fa {
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 18pt;
    vertical-align: middle;
    line-height: 30px;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -15px;
}

.ButtonCar .ButtonGroup_button.Button img,
.ButtonCar .ButtonGroup_button.Button img,
.desktop .ButtonCar  .ButtonGroup_button.Button img {
    box-shadow: none;
    padding: 20px;
}
/*
.desktop.small .ButtonCar .ButtonGroup_button.Button img {
    left: 25%;
    position: absolute;
    right: 0;
    top: -5px;
    width: 100px;
}*/

.tablet .ButtonCar .ButtonGroup_button.Button img {
    left: 30%;
    position: absolute;
    right: 0;
    top: -5px;
    width: 100px;
}

.phone .ButtonCar .ButtonGroup_button.Button img {
    left: auto;
    position: absolute;
    right: 10%;
    top: 8px;
    width: 80px;
}

.tablet.portrait .ButtonCar .ButtonGroup_button.Button img {
    left: 15%;
}

.tablet.landscape .ButtonCar .ButtonGroup_button.Button img {
    left: 30%;
}

.ButtonCar .ButtonCarText {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    left: 60px;
    text-align: left;
    top: 12px;
}

.ButtonCar .ButtonCarText .Price {
    color: #3e3e3e;
    font-size: 16px;
}

.ButtonCar .ButtonCarTextInline {
    line-height: 20px;
    position: absolute;
    right: 30px;
    top: 25px;
}

.ButtonGroup_button.Button.width33 .ButtonCarText {
    right: 25px;
}

.ButtonGroup_button.Button.width33 .ButtonCarTextInline {
    right: 70px;
}

/*.desktop.small .ButtonCar .ButtonCarText,*/
.tablet .ButtonCar .ButtonCarText,
.phone .ButtonCar .ButtonCarText,
/*.desktop.small .ButtonCar .ButtonCarTextInline,*/
.tablet .ButtonCar .ButtonCarTextInline,
.phone .ButtonCar .ButtonCarTextInline {
    font-size: 14px;
    left: 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 42px;
    line-height: 26px;
}

.phone .ButtonGroup_button.Button.width33 .ButtonCarTextInline,
.phone .ButtonGroup_button.Button.width33 .ButtonCarText,
.phone .ButtonCar .ButtonCarText,
.phone .ButtonCar .ButtonCarTextInline,
.tablet .ButtonCar .ButtonCarText,
.tablet .ButtonCar .ButtonCarTextInline/*,
.desktop.small .ButtonCar .ButtonCarText,
.desktop.small .ButtonCar .ButtonCarTextInline*/ {
    right: 0;
    top: 0;
}

/*.desktop.small .ButtonCar .ButtonCarText .Price,*/
.tablet .ButtonCar .ButtonCarText .Price,
.tablet.portrait .ButtonCar .ButtonCarText .Price,
.phone .ButtonCar .ButtonCarText .Price {
    display: block;
    font-size: 12px;
    padding-top: 16px;
}

.phone :not(.NoResponsive) > .ButtonCar .ButtonGroup .ButtonGroup_button.Button:last-child {
    border-bottom-width: 1px;
    border-radius: 0;
}

.phone :not(.NoResponsive) > .ButtonCar .ButtonGroup .ButtonGroup_button.Button {
    border-bottom-width: 0;
    border-bottom-width: 1px;
}

.width33 {
    width: 33.3% !important;
}

.ButtonCar .ButtonGroup.ButtonGroup2 .ButtonGroup_label,
.ButtonCar .ButtonGroup.ButtonGroup2 .ButtonGroup_button.Button,
.ButtonCar .ButtonGroup:last-child.ButtonGroup2 .ButtonGroup_button.Button {
    width: 50%;
}

.ButtonCar .ButtonGroup.ButtonGroup3 .ButtonGroup_label,
.ButtonCar .ButtonGroup.ButtonGroup3 .ButtonGroup_button.Button,
.ButtonCar .ButtonGroup:last-child.ButtonGroup3 .ButtonGroup_button.Button {
    width: 33.33%;
}

.ButtonCar .ButtonGroup.ButtonGroup4 .ButtonGroup_label,
.ButtonCar .ButtonGroup.ButtonGroup4 .ButtonGroup_button.Button,
.ButtonCar .ButtonGroup:last-child.ButtonGroup4 .ButtonGroup_button.Button{
    min-width: 60px;
    width: 25%;
}

.ButtonCar .ButtonGroup.ButtonGroup5 .ButtonGroup_label,
.ButtonCar .ButtonGroup.ButtonGroup5 .ButtonGroup_button.Button,
.ButtonCar .ButtonGroup:last-child.ButtonGroup5 .ButtonGroup_button.Button {
    min-width: 46px;
    width: 20%;
}

.ButtonCar .ButtonGroup.ButtonGroup6 .ButtonGroup_label,
.ButtonCar .ButtonGroup.ButtonGroup6 .ButtonGroup_button.Button,
.ButtonCar .ButtonGroup:last-child.ButtonGroup6 .ButtonGroup_button.Button {
    min-width: 38px;
    width: 16.666%;
}

/*------------------------------------------------------------*/
/* 9.13 Zurich PT Patterns > Dashboard Card *******************/
/*------------------------------------------------------------*/

.DashboardCard_Wrapper {
    background-color: #0075c8;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    min-height: 80px;
    overflow: hidden;
    padding: 15px;
    position: relative;
}

.DashboardCard_Wrapper_NoPermission {
    background-color: #888;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    min-height: 80px;
    overflow: hidden;
    padding: 15px;
    position: relative;
}

.DashboardCard_WrapperNoActions {
    background-color: #0075c8;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    min-height: 80px;
    overflow: hidden;
    padding: 15px;
    position: relative;
}

.DashboardCard_WrapperNoActionsNoPermission {
    background-color: #888;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    min-height: 80px;
    overflow: hidden;
    padding: 15px;
    position: relative;
}

.DashboardCard_Icon {
    bottom: -50px;
    line-height: 80px;
    opacity: .1;
    position: absolute;
    right: -7px;
    width: 80px;
    z-index: 0;
}

.DashboardCard_Icon .fa,
.DashboardCard_Icon [class*="icon-"] {
    font-size: 95px;
    text-align: left;
    width: 100%;
}

.DashboardCard_Counter {
    float: left;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    padding-right: 15px;
}

.DashboardCard_Title {
    line-height: 50px;
    margin-right: 0px;
    opacity: .8;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
}

.Panel .Panel_content .DashboardCard_Wrapper {
    border-radius: 0;
    box-shadow: none;
    margin: -22px -20px 20px -20px;
}

.Panel .Panel_content .DashboardCard_WrapperNoActions {
    border-radius: 0;
    box-shadow: none;
    margin: -22px -20px -10px -20px;
}

.tablet .DashboardCard_Icon {
    font-size: 70px;
    line-height: 138px;
    width: 70px;
}

.phone .DashboardCard_Icon {
    font-size: 75px;
    line-height: 138px;
    right: -10px;
    width: 70px;
}

.square {
    height: 12px;
    margin-top: 3px;
    width: 12px;
}

.tablet .DashboardCard_Icon .fa,
.tablet .DashboardCard_Icon [class*="icon-"] {
    font-size: 70px;
}

.phone .DashboardCard_Icon .fa,
.phone .DashboardCard_Icon [class*="icon-"] {
    font-size: 85px;
}

.tablet .DashboardCard_Counter {
    float: none;
    padding: 0;
    text-align: center;
}

.phone .DashboardCard_Counter {
    float: none;
    line-height: 25px;
    padding: 0;
    padding-top: 12px;
    text-align: center;
}

.phone .Panel .DashboardCard_Counter {
    text-align: left;
}

.tablet .DashboardCard_Title,
.phone .DashboardCard_Title {
    line-height: 20px;
    margin: 8px auto 5px;
    text-align: center;
    white-space: normal;
}

.phone .DashboardCard_Title {
    font-size: 14px;
    line-height: 18px;
}

.phone .st .DashboardCard_Wrapper, 
.tablet .st .DashboardCard_Wrapper {
    min-height: 60px;
}

.phone .st .DashboardCard_Icon, 
.tablet .st .DashboardCard_Icon {
    bottom: -27px;
    line-height: 80px;
    opacity: .1;
    position: absolute;
    right: -18px;
    width: 80px;
    z-index: 0;
}

.phone .st .DashboardCard_Icon .fa,
.phone .st .DashboardCard_Icon [class*="icon-"],
.tablet .st .DashboardCard_Icon .fa,
.tablet .st .DashboardCard_Icon [class*="icon-"] {
    font-size: 80px;
    text-align: left;
    width: 100%;
}

.phone .st .DashboardCard_Counter,
.tablet .st .DashboardCard_Counter {
    padding: 0;
    text-align: left;
    float: left;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    padding-right: 15px;
}

.phone .st .DashboardCard_Title,
.tablet .st .DashboardCard_Title {
    text-align: left;
    line-height: 50px;
    margin: 0 70px 0 0;
    height: 40px;
    opacity: .8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
    vertical-align: bottom;
}

/*------------------------------------------------------------*/
/* 9.14 Zurich PT Patterns > ExpandableList *******************/
/*------------------------------------------------------------*/

div.ExpandableList > div:first-child {
    color: #2980b9;
    display: table;
    height: 20px;
    width: 100%;
}

div.ExpandableList > div:first-child > div {
    display: table-cell;
    vertical-align: middle;
}

div.ExpandableList > div:first-child > div.LabelText {
    font-size: 14px;
    line-height: 14px;
    width: 100%;
}

div.ExpandableList > div:first-child > div.ExpandIcon:empty {
    padding: 0;
}

div.ExpandableList > div:first-child > div.ExpandIcon > a[rotate-icon] {
    display: block;
    padding: 0;
    -webkit-transition: transform .5s;
            transition: transform .5s;
}

div.ExpandableList > div.ExpandableContent {
    padding: 0;
}

.Rotation180 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.Page.PageFilters .ExpandableList.PageFilters .HeaderSimple {
    display: none;
}

.phone.PageFilters .ExpandableList.PageFilters .HeaderSimple {
    background-color: #4990C8;
    border-bottom: 1px solid #DDD;
    display: block;
    color: #FFF;
    height: 40px;
    line-height: 35px;
}

.phone.PageFilters .ExpandableList.PageFilters .HeaderSimple .ExpandIcon a {
    color: #FFF;
}

.phone.PageFilters .ExpandableList.PageFilters .HeaderSimple .LabelText {
    font-size: 1.1em;
}

.phone.PageFilters .ExpandableList.PageFilters .HeaderSimple .LabelText span.caption:before {
    content: "\f0b0";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    margin-right: 3px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.phone.PageFilters .ExpandableList.PageFilters .HeaderSimple .LabelText span.fa.fa-filter {
    font-size: 0.9em;
}

.phone.PageFilters .ExpandableList.PageFilters .AdvancedSearch_FiltersWrapper .FilterValue {
    width: 100% !important;
}

.phone.PageFilters .ExpandableList.PageFilters .AdvancedSearch_FiltersWrapper .FilterValueWrapper {
    margin: 0;
    width: 100%;
}

.phone.PageFilters .ExpandableList.PageFilters .AdvancedSearch_FiltersWrapper .FilterValue.DateInput{
    display: inline-block;
    padding: 0 0 0 15px;
    position: relative;
}

.phone.PageFilters .ExpandableList.PageFilters .AdvancedSearch_FiltersWrapper .FilterValue.DateInput:after {
    content: "\f073";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.1em;
    color: #666666;
}

.phone.PageFilters .ExpandableList.PageFilters .AdvancedSearch_FiltersWrapper .FilterButtons.ButtonGroup .Button {
    display: inline-block;
    margin-left: 2%;
    width: 49%;
}

.phone.PageFilters .ExpandableList.PageFilters .AdvancedSearch_FiltersWrapper .FilterButtons.ButtonGroup .Button:first-child {
    margin-left: 0;
}

/*------------------------------------------------------------*/
/* 9.15 Zurich PT Patterns > Chart Label Result ***************/
/*------------------------------------------------------------*/

.ChartLabelResult_Wrapper {
    display: inline-block;
    margin: 5px 0 5px 0;
}

.ChartLabelResult_Label {
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    display: inline;
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
    position: relative;
}

.ChartLabelResult_Result {
    background: #fff;
    border: 1px solid #97c1e3;
    border-radius: 3px;
    color: #3e3e3e;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
    padding: 5px 15px;
    position: relative;
}

.ChartLabelResult_Result:before {
    border-color: transparent #97c1e3 transparent transparent;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    content: "";
    height: 0;
    left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 2;
}

.ChartLabelResult_Result:after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 7px 7px 7px 0;
    content: "";
    height: 0;
    left: -7px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 3;
}

/* Responsive ************* */
/*.desktop.small .ChartLabelResult_Wrapper,*/
.phone .ChartLabelResult_Wrapper {
    display: block;
    margin: 0 0 20px;
}

/*.desktop.small .ChartLabelResult_Label,*/
.phone .ChartLabelResult_Label {
    display: block;
    text-align: center;
}

/*.desktop.small .ChartLabelResult_Result,*/
.phone .ChartLabelResult_Result {
    display: block;
    margin: 7px auto 0;
    text-align: center;
}

/*.desktop.small .ChartLabelResult_Result:before,*/
.phone  .ChartLabelResult_Result:before {
    border-color: transparent transparent #97c1e3 transparent;
    border-width: 0 7px 8px 7px;
    left: 50%;
    margin: 0 0 0 -7px;
    top: -8px;
}

/*.desktop.small .ChartLabelResult_Result:after,*/
.phone .ChartLabelResult_Result:after {
    border-color: transparent transparent #fff transparent;
    border-width: 0 6px 7px 6px;
    left: 50%;
    margin: 0 0 0 -6px;
    top: -7px;
}

/*------------------------------------------------------------*/
/* 9.16 Zurich PT Patterns > Client Area Receipt **************/
/*------------------------------------------------------------*/

.ClientAreaReceipt_Item {
    margin-bottom: 15px;
}

.ClientAreaReceipt_Item .ClientAreaReceipt_Title,
.ClientAreaReceipt_Item .ClientAreaReceipt_Title a {
    color: #4066b3;
    text-decoration: none;
}
.ClientAreaReceipt_Item .ClientAreaReceipt_Date,
.ClientAreaReceipt_Item .ClientAreaReceipt_Label {
    color: #8e8e8e;
}

/*------------------------------------------------------------*/
/* 9.17 Zurich PT Patterns > PanelClienteArea *****************/
/*------------------------------------------------------------*/

.PanelClienteArea .Panel__title.Heading3 {
    color: #3d3c3d;
    font-size: 24px;
    font-weight: 600;
}

.tablet .PanelClienteArea .Panel__title.Heading3 {
    line-height: 25px;
    font-size: 20px;
}

.phone .PanelClienteArea .Panel__title.Heading3 {
    font-size: 20px;
    line-height: 24px;
    width: 100%;
}

.PanelClienteArea .Panel_header {
    height: 71px;
    padding: 10px 20px !important;
}

.tablet .PanelClienteArea .Panel_header {
    height: 91px;
}

.PanelClienteArea  .Panel_footer {
    background: #fff;
    border: 0;
    padding-bottom: 15px;
    padding-top: 0;
}

.PanelClienteArea  .Panel_footer .Panel__title.Heading3 {
    font-size: 14px;
    text-align: center;
}

.PanelClienteArea .HeaderTitle {
    color: #4066b3;
    font-size: 16px;
}

.PanelClienteArea .HeaderTitle .fa,
.PanelClienteArea .HeaderTitle span[class^="icon-"] {
    color: #4d5c66;
    margin-right: 10px;
}

.PanelClienteArea .ProfileImage {
    display: table-cell;
    position: relative;
    width: 60px;
}

.PanelClienteArea .ProfileImage .ImageAction {
    background: white;
    border: 1px solid #CCC;
    border-radius: 3px;
    bottom: -16px;
    color: #4066b3;
    cursor: pointer;
    display: none;
    font-size: 11px;
    left: -10px;
    padding: 1px 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 2;
    
}
.phone .PanelClienteArea .ProfileImage .ImageAction,
.tablet .PanelClienteArea .ProfileImage .ImageAction {
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
}
.PanelClienteArea .ProfileImage:hover {
    cursor: pointer;
}
.PanelClienteArea .ProfileImage:hover .ImageAction,
.PanelClienteArea .ProfileImage .ImageAction:hover {
    display: inline-block;
}
.PanelClienteArea .ProfileImage:empty {
    display: none;
}
.PanelClienteArea .ProfileImage .Image_circle {
    border: 2px solid #97c1e3;
    height: 60px;
    width: 60px;
}
.phone .PanelClienteArea .ProfileImage .EstadoCliente {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    font-weight: normal;
    font-size: 11px;
    left: 0;
    padding: 1px 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -10px;
}
.phone .PanelClienteArea .ProfileImage .Status_blue .EstadoCliente {
    border-color: #009ee0;
    color: #009ee0;
}
.phone .PanelClienteArea .ProfileImage .Status_blue img {
    border-color: #009ee0;
}
.phone .PanelClienteArea .ProfileImage .Status_red .EstadoCliente {
    border-color: #e74c3c;
    color: #e74c3c;
}
.phone .PanelClienteArea .ProfileImage .Status_red img {
    border-color: #e74c3c;
}
.PanelClienteArea .Panel_header .Header_Content {
    display: table-cell;
    padding-left: 2%;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
.PanelClienteArea .Panel_header .Header_Content .Heading3 {
    display: inline-block;
    line-height: 1;
    padding: 0;
    
    
}
.PanelClienteArea .Panel_header .Header_Content .Description {
    position: absolute;
    
    
}
/*------------------------------------------------------------*/
/* 9.18 Zurich PT Patterns > Panel Icon ***********************/
/*------------------------------------------------------------*/

.Panel_Icon {
    position: relative;
}

.phone .Panel_Icon {
    margin-top: 20px;
}

.Panel_Icon .IconBox {
    background: #3156ae;
    background: -webkit-linear-gradient(147deg,  #3156ae 0%, #332a85 100%);
    background:    -moz-linear-gradient(147deg,  #3156ae 0%, #332a85 100%);
    background:      -o-linear-gradient(147deg,  #3156ae 0%, #332a85 100%);
    background:     -ms-linear-gradient(147deg,  #3156ae 0%, #332a85 100%);
    background:         linear-gradient(147deg, #3156ae 0%, #332a85 100%);
    border-radius: 0 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 30px;
    height: 50px;
    left: 20px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 50px;
}

.Panel_Icon .IconBox:before {
    border-color: transparent transparent #003193 transparent;
    border-style: solid;
    border-width: 0 0 10px 10px;
    content: "";
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 0;
}

.Panel_Icon .IconBox [class*="icon-"] {
    line-height: 49px;
}

.Panel_Icon .Panel_header > .fa {
    color: #4066b3;
    float: right;
    font-size: 14px;
    line-height: 18px;
    width: auto;
}

.Panel_Icon .Panel__title.Heading3 {
    display: block;
    font-weight: 600;
    margin: 0 25px 0 65px;
    width: auto;
}

.Panel_Icon .noRightArrow .Panel__title.Heading3 {
    margin-right: 0;
}

.Panel_Icon .noIconBox .Panel__title.Heading3 {
    margin-left: 0;
}


.Panel_Icon .Panel_footer {
    background: transparent;
    border: 0;
    padding: 0 10px 10px;
    text-align: center;
}

.Panel_Icon .Box {
    background-color: #97c1e3;
    border-radius: 2px;
    color: #4066b3;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    min-height: 65px;
    padding: 10px;
    position: relative;
    text-align: center;
}


.Panel_Icon .Box .alignCenter {
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;

    
    
    
}

.Panel_Icon .NoSeparator .Separator{
    background: #fff;
}

/*------------------------------------------------------------*/
/* 9.19 Zurich PT Patterns > Accordion Fake Item **************/
/*------------------------------------------------------------*/

.AccordionVertical_item.FakeItem {
    pointer-events: none;
}

.AccordionFakeItem_RightContent {
    color: #888;
    display: table-cell;
    white-space: nowrap;

    padding-left: 15px;
}


/*------------------------------------------------------------*/
/* 9.20 Zurich PT Patterns > Top Section Label ****************/
/*------------------------------------------------------------*/

.InvoiceTopTitle_Wrapper {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #3d3c3d;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
}

.InvoiceTopTitle_Header {
    display: table;
    width: 100%;
}

.InvoiceTopTitle_Title {
    color: #3d3c3d;
    display: table-cell;
    font-size: 24px;
    line-height: 30px;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}

.InvoiceTopTitle_LabelWrapper {
    display: table-cell;
    white-space: nowrap;
    width: 1%;
}

.InvoiceTopTitle_Label {
    background-color: #5cb000;
    border-radius: 4px;
    color: #fff;
    display: inline;
    font-size: 12px;
    left: 15px;
    margin-left: 30px;
    padding: 5px 20px;
    text-align: center;
}

.InvoiceTopTitle_Price {
    display: table-cell;
    text-align: right;
}

.InvoiceTopTitle_ValueLabel {
    color: #8e8e8e;
    display: inline;
    font-size: 12px;
    margin-left: 8px;
    text-transform: uppercase;
}

.InvoiceTopTitle_Value {
    color: #4d5c66;
    display: inline;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-left: 8px;
}

.tablet.portrait .InvoiceTopTitle_Title,
.phone .InvoiceTopTitle_Title {
    display: table-row;
}

.tablet.portrait .InvoiceTopTitle_Label,
.phone .InvoiceTopTitle_Label {
    margin: 0;
}

.tablet.portrait .InvoiceTopTitle_LabelWrapper {
    padding-top: 6px;
}

.phone .InvoiceTopTitle_Price {
    display: inline;
    float: right;
}

.phone .InvoiceTopTitle_LabelWrapper {
    display: inline;
    padding-top: 6px;
}

/*------------------------------------------------------------*/
/* 9.21 Zurich PT Patterns > Search Top Results ***************/
/*------------------------------------------------------------*/

.SearchTopResults_Wrapper {
    margin-bottom: 10px;
}

.SearchTopResults_Term {
    color: #3e3e3e;
    display: inline;
    font-weight: 700;
}

.SearchTopResults_Bridge {
    color: #3e3e3e;
    display: inline;
}

.SearchTopResults_Counter,
.SearchTopResults_Counter a {
    color: #4066b3;
    display: inline;
    font-weight: 600;

    padding-left: 15px;
}

/*------------------------------------------------------------*/
/* 9.22 Zurich PT Patterns > Pop Search Empty Item ************/
/*------------------------------------------------------------*/

.PopSearchEmptyItem_Wrapper {
    padding: 15px;
    text-align: center;
}

.PopSearchEmptyItem_Icon {
    background-color: #00bfb3;
    border-radius: 4px;
    color: white;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 5px;
    width: 40px;
}

.Header .PopSearchEmptyItem_Icon {
    height: 28px;
    line-height: 0px

}

.PopSearchEmptyItem_Title {
    color: #4d5c66;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.PopSearchEmptyItem_Description {
    color: #959ea4;
    line-height: 16px;
}

.PopupSearch_Content .PopSearchEmptyItem_Wrapper {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.phone .PopupSearch_Content .PopSearchEmptyItem_Wrapper {
    width: 100%;
}

.PopupSearch_Content .PopupSearch_InfoText {
    color: #4d5c66;
    font-size: 14px;
    line-height: 19px;
    margin: 10px auto;
    max-width: 360px;
    text-align: center;
}

.phone .PopupSearch_Content {
    max-height: 420px;
    overflow-y: scroll;
}

/*------------------------------------------------------------*/
/* 9.23 Zurich PT Patterns > No Accidents *********************/
/*------------------------------------------------------------*/

.NoAccidents {
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    padding: 8px;
    text-align: center;
}

.NoAccidents img {
    max-width: 100%;
}

.NoAccidents .NoAccidents_Text {
    color: #4d5c66;
    margin: 15px 0;
}

.NoAccidents .Button {
    max-width: 150px;
}

.NoAccidents .Blank{
    padding-bottom: 0;
}

.NoAccidents .Blank_icon{
    font-size: 75px;
}

.NoAccidents .Blank_desc {
    margin-top: 0;
}

.NoAccidents .Blank_action {
    margin-top: 10px;
}

.phone .NoAccidents .Button {
    max-width: 100%;
}

/*------------------------------------------------------------*/
/* 9.24 Zurich PT Patterns > Page Advanced Search *************/
/*------------------------------------------------------------*/

.AdvancedSearch_FiltersWrapper {
    margin-bottom: 20px;
}

.AdvancedSearch_FiltersWrapper > div {
    padding: 0 15px 0 0;
    vertical-align: middle;
}

.AdvancedSearch_FiltersWrapper .Search_wrapper input[type="text"] {
    background: #fff;
    border: 1px solid #dde0e6;
    border-radius: 4px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2);
    color: #4d5c66;
    height: 40px;
    line-height: 42px;
    padding: 0 50px 0 15px;
}

.AdvancedSearch_FiltersWrapper .Search_wrapper:after {
    background: #4066b3;
    border-radius: 0 4px 4px 0;
    color: #fff;
    height: 40px;
    left: auto;
    line-height: 40px;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}

.AdvancedSearch_MainWrapper {
    background: #fff;
    padding: 10px;
}

.AdvancedSearch_MainWrapper .TableRecords {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 0 -10px;
}

.AdvancedSearch_MainWrapper .TableRecords_Header {
    border-bottom: 2px solid #97c1e3;
    color: #4d5c66;
    font-size: 14px;
    font-weight: 400;
    text-transform: initial;
}

.AdvancedSearch_MainWrapper .TableRecords_OddLine,
.AdvancedSearch_MainWrapper .TableRecords_EvenLine {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    padding: 15px;
}

.AdvancedSearch_MainWrapper .TableRecords .Text_Note {
    font-size: 1em;
}

/*.desktop.small .AdvancedSearch_FiltersWrapper,*/
.tablet .AdvancedSearch_FiltersWrapper,
.phone .AdvancedSearch_FiltersWrapper {
    display: block;
    margin: 0 0 15px;
}

/*.desktop.small .AdvancedSearch_FiltersWrapper > div:first-child,*/
.tablet .AdvancedSearch_FiltersWrapper > div:first-child,
.phone .AdvancedSearch_FiltersWrapper > div {
    display: block;
    margin: 0 0 15px;
    padding: 0;
}

.phone .AdvancedSearch_FiltersWrapper > div {
    width: 100%;
}

/*.desktop.small .AdvancedSearch_FiltersWrapper .Search_wrapper,*/
.tablet .AdvancedSearch_FiltersWrapper .Search_wrapper,
.phone .AdvancedSearch_FiltersWrapper .Search_wrapper {
    min-width: 100%;
}

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

/*------------------------------------------------------------*/
/* 9.25 Zurich PT Patterns > Page Sinistros *******************/
/*------------------------------------------------------------*/

.NoDocuments {
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    padding: 10px 15px 5px;
    text-align: center;
}

.NoDocuments .Button {
    max-width: 200px;
}

.phone .NoDocuments .Button {
    max-width: 100%;
}

a.EditLink {
    float: right;
}

.desktop .ShowRecordOC_Value .TableRecords_OddLine:first-child,
.desktop .ShowRecordOC_Value .TableRecords_EvenLine:first-child,
.desktop .ShowRecordOC_Value .TableRecords_Header:first-child,
.tablet.landscape .ShowRecordOC_Value .TableRecords_OddLine:first-child,
.tablet.landscape .ShowRecordOC_Value .TableRecords_EvenLine:first-child,
.tablet.landscape .ShowRecordOC_Value .TableRecords_Header:first-child {
    padding-left: 0;
}

/*------------------------------------------------------------*/
/* 9.26 Zurich PT Patterns > Popup ****************************/
/*------------------------------------------------------------*/

div.os-internal-Popup .os-internal-ui-dialog,
div.os-internal-Popup.os-internal-ui-dialog {
    background: #dce4f3;
}

.MainPopup {
    background: #dce4f3;
}

.PopupPanel {
    background: #fff;
    border-radius: 4px;
    margin: 0 0 15px;
    padding: 10px;
}

.PopupPanel .ApolicesSinistros_Wrapper {
    border-bottom: 1px solid #dce4f3;
}

.PopupPanel .ApolicesSinistros_Wrapper:last-child {
    border: 0;
}

.PopupPanel .ApolicesSinistros_Title {
    color: #4d5c66;
    font-size: 14px;
    font-weight: 600;
}

.PopupPanel .ApolicesSinistros_Title .fa {
    color: #4066b3;
    font-size: 18px;
    line-height: 18px;
    margin-right: 5px;
}

.ButtonDropdown_button.Button,
.ButtonGroup_button.Button {
    min-width: auto;
}


/*Mandatory documents*/
.Mandatory_document{
    background-color: #FF9300;
    padding: 5px;
    border-radius: 10px;
    color: #ffff;
}

.button-tag-wrapper .InfoTooltip{ 
    margin-left: -16px !important;
    margin-top: -6px !important;
}


/*------------------------------------------------------------*/
/* 9.27 Zurich PT Patterns > Section Expandable Blue **********/
/*------------------------------------------------------------*/

.SectionExpandable.Blue {
    background: #c8d4e7;
    border-radius: 0;
    box-shadow: none;
    color: #3e3e3e;
    font-size: 14px;
}

.SectionExpandable.Blue .SectionExpandable_header {
    height: 40px;
}

.SectionExpandable.Blue .SectionExpandable__title.Heading2 {
    color: #3e3e3e;
    font-size: 14px;
    line-height: 19px;
}

.SectionExpandable.Blue .SectionExpandable_content {
    padding: 0 10px;
}

.SectionExpandable.Blue.expanded .SectionExpandable_content {
    padding: 10px;
}

.BlueExpandableInside .SectionExpandable.Blue {
    margin: 15px -35px -15px -20px;
}

/*.tablet.portrait .SectionExpandable_content .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine:first-child,
.tablet.portrait .SectionExpandable_content .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine:first-child,
.phone .SectionExpandable_content .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine:first-child,
.phone .SectionExpandable_content .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine:first-child,
.tablet.portrait .SectionExpandable_content_Fake .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine:first-child,
.tablet.portrait .SectionExpandable_content_Fake .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine:first-child,
.phone .SectionExpandable_content_Fake .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine:first-child,
.phone .SectionExpandable_content_Fake .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine:first-child{
    border-bottom: 1px solid #4066b3;
    border-top: 0;
}

.tablet.portrait .SectionExpandable_content .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_OddLine:first-child,
.tablet.portrait .SectionExpandable_content .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_EvenLine:first-child,
.phone .SectionExpandable_content .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_OddLine:first-child,
.phone .SectionExpandable_content .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_EvenLine:first-child,
.tablet.portrait .SectionExpandable_content_Fake .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_OddLine:first-child,
.tablet.portrait .SectionExpandable_content_Fake .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_EvenLine:first-child,
.phone .SectionExpandable_content_Fake .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_OddLine:first-child,
.phone .SectionExpandable_content_Fake .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_EvenLine:first-child {
    border-bottom: 1px solid #4066b3;
}*/

.tablet.portrait .TableRecords:not(.NoResponsive) tr.TableRecords_ExpandedRow td:first-child:before,
.phone .TableRecords:not(.NoResponsive) tr.TableRecords_ExpandedRow td:first-child:before {
    color: #4566b3;
    content: "\f106";
}

.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td:first-child:before,
.phone .TableRecords:not(.NoResponsive) > * > * > td:first-child:before {
    color: #4566b3;
    content: "\f107";
}

/*------------------------------------------------------------*/
/* 9.28 Zurich PT Patterns > More Filters Expandable **********/
/*------------------------------------------------------------*/

.MoreFiltersExpandable_Header {
    display: table;
    width: 100%;
}

.MoreFiltersExpandable_HeaderFilters {
    display: table-cell;
    padding: 0 15px 10px 10px;
    vertical-align: middle;
}

.MoreFiltersExpandable_MoreLink {
    color: #4066b3;
    cursor: pointer;
    display: table-cell;
    padding: 0 15px 10px;
    text-align: center;
    text-decoration: underline;
    -webkit-transition: all 500ms ease-in-out;
            transition: all 500ms ease-in-out;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}

.MoreFiltersExpandable_MoreLink:hover,
.MoreFiltersExpandable_MoreLink:focus {
    text-decoration: none;
}

.MoreFiltersExpandable_MoreLink a {
    pointer-events: none;
}

.MoreFiltersExpandable_Wrapper.expanded .MoreFiltersExpandable_MoreLink {
    background: #fff;
}

.MoreFiltersExpandable_Wrapper.expanded .MoreFiltersExpandable_MoreLink .fa-angle-down:before {
    content: "\f106";
}

.MoreFiltersExpandable_ContentFilters {
    background: #fff;
    box-sizing: content-box;
    height: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 0 10px;
    -webkit-transition: all 500ms cubic-bezier(.420, .000, .580, 1.000);
            transition: all 500ms cubic-bezier(.420, .000, .580, 1.000);
    visibility: visible;

    
    
    
}

.MoreFiltersExpandable_Wrapper.expanded .MoreFiltersExpandable_ContentFilters {
    display: block;
    height: auto;
    overflow: visible;
    padding: 10px;
    visibility: visible;
}

.tablet.portrait .MoreFiltersExpandable_Header,
.phone .MoreFiltersExpandable_Header {
    display: block;
    padding-right: 0;
    padding-top: 10px;
}

.portrait.tablet .MoreFiltersExpandable_HeaderFilters,
.phone .MoreFiltersExpandable_HeaderFilters {
    display: table-cell;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
}

.tablet.portrait .MoreFiltersExpandable_MoreLink,
.phone .MoreFiltersExpandable_MoreLink {
    display: block;
    padding: 5px 15px;
    width: auto;
}

.phone .MoreFiltersExpandable_MoreLink {
    margin-top: -50px;
}

.tablet.portrait .MoreFiltersExpandable_Wrapper .Button,
.tablet.portrait .MoreFiltersExpandable_Wrapper input,
.tablet.portrait .MoreFiltersExpandable_Wrapper select,
.tablet.portrait .MoreFiltersExpandable_Wrapper .ThemeGrid_Width5,
.phone .MoreFiltersExpandable_Wrapper .Button,
.phone .MoreFiltersExpandable_Wrapper input,
.phone .MoreFiltersExpandable_Wrapper select,
.phone .MoreFiltersExpandable_Wrapper .ThemeGrid_Width5 {
    display: block;
    margin: 0 0 10px;
    max-width: 100%!important;
    width: 100%;
}

.tablet.portrait .MoreFiltersExpandable_Wrapper .ButtonDropdown,
.phone .MoreFiltersExpandable_Wrapper .ButtonDropdown {
    display: block;
    width: 100%;
}

.tablet.portrait .MoreFiltersExpandable_Wrapper .ButtonGroup .Button,
.phone .MoreFiltersExpandable_Wrapper .ButtonGroup .Button,
.MoreFiltersExpandable_Wrapper .Columns .Columns .Column {
    margin: 0;
}

.tablet.portrait .MoreFiltersExpandable_Wrapper .ButtonGroup,
.phone .MoreFiltersExpandable_Wrapper .ButtonGroup {
    margin: 0 0 10px;
}

.MoreFiltersExpandable_ContentFilters .ButtonDropdown,
.MoreFiltersExpandable_ContentFilters .ButtonDropdown .Button {
    display: block;
    text-align: left;
}

.MoreFiltersExpandable_ContentFilters .ButtonDropdown_text {
    text-align: left;
}

.MoreFiltersExpandable_ContentFilters .ButtonDropdown_icon {
    text-align: right;
    float: right;
    padding-right: 5px;
}

.AdvancedSearch_FiltersWrapper.Simple_AdvancedSearch_FiltersWrapper .MoreFiltersExpandable_Wrapper .MoreFiltersExpandable_MoreLink,
.AdvancedSearch_FiltersWrapper.Simple_AdvancedSearch_FiltersWrapper .MoreFiltersExpandable_Wrapper .MoreFiltersExpandable_ContentFilters {
    display: none;
}

.AdvancedSearch_FiltersWrapper.Simple_AdvancedSearch_FiltersWrapper .MoreFiltersExpandable_Wrapper {
    margin-bottom: 0;
}
/*------------------------------------------------------------*/
/* 9.29 Zurich PT Patterns > Footer Simulator *****************/
/*------------------------------------------------------------*/

.FooterSimulator {
    bottom: 0;
    max-width: 77%;
    position: fixed;
    width: 100%;

    
}

/*.desktop.small .FooterSimulator,*/
.tablet .FooterSimulator {
    bottom: 0;
    max-width: 100%;
    padding-right: 20px;
    position: fixed;
}


.phone .FooterSimulator {
    bottom: 0;
    left: 0;
    max-width: 100%;
    position: fixed;
}

.FooterSimulator .HeaderContent {
    float: right;

    
    
}

.FooterSimulator .HeaderContent div.ExpandableList > div:first-child > div.LabelText:empty {
    display: none;
}

.FooterSimulator .HeaderContent div.ExpandableList > div:first-child {
    background: #fff;
    -moz-border-radius-topleft: 300px;
    -moz-border-radius-topright: 300px;
    -webkit-border-top-left-radius: 300px;
            border-top-left-radius: 300px;
    -webkit-border-top-right-radius: 300px;
            border-top-right-radius: 300px;
    height: 30px;
    margin-right: 20px;
    text-align: center;
    width: 60px;
    border-top: 2px solid #97c1e3;
    border-left: 1px solid #97c1e3;
    border-right: 1px solid #97c1e3;
    box-shadow: 0px -2px 5px #97c1e3;
}

.FooterSimulator .HeaderContent div.ExpandableList > div.ExpandableContent {
    background-color: #e4e9f3;
    border-radius: 4px 0 0 4px;
    max-width: 450px;
    padding: 2px 10px 0 10px;
    width: 100%;
    box-shadow: 0px 0px 10px #97c1e3;
}

.FooterSimulator .HeaderContent .SmallRightColumns > .Column.ColFirst {
    border-right: 1px solid #d8d8d8;
    margin-bottom: 0;
}

.phone .FooterSimulator .HeaderContent .SmallRightColumns > .Column.ColFirst {
    width: 60%;
}

.phone .FooterSimulator .HeaderContent .SmallRightColumns > .Column.ColLast {
    width: 40%;
}

.FooterSimulator .MiddleContent {
    background-color: white;
    border-radius: 2px;
    clear: both;
    min-height: 60px;
    padding: 10px 20px;
    border-top: 2px solid #97c1e3;
    /*border-left: 2px solid #97c1e3;
    border-right: 2px solid #97c1e3;
    box-shadow: 0px 0px 10px #97c1e3;*/
}

.FooterSimulator .MiddleContent .TopContainer {
    border-left: 2px solid #97c1e3;
    border-right: 2px solid #97c1e3;
    box-shadow: 0px 0px 10px #97c1e3;
    padding: 5px 15px 5px 10px;
}

.FooterSimulator .MiddleContent .TopContainer a {
    height: 30px;
    line-height: 32px;
    margin: 0;
    min-width: 30px;
    padding: 0px;
    width: 30px;
}

.FooterSimulator .MiddleContent .TopContainer .Value {
    float: right;
    height: 30px;
    line-height: 32px;
}

.FooterSimulator .MiddleContent .BottomContainer {
    background: #97C1E3;
    border-left: 2px solid #97c1e3;
    border-right: 2px solid #97c1e3;
    border-top: 1px solid #97c1e3;
    box-shadow: inset 0px 1px 1px #97C1E3;
    padding: 5px 0;
}

.FooterSimulator .MiddleContent .BottomContainer a, 
.FooterSimulator .MiddleContent .BottomContainer .LabelText {
    color: #FAFAFA;
}

.phone .FooterSimulator .MiddleContent .Button,
.phone .FooterSimulator .MiddleContent a.Button {
    width: 20%;
}

.desktop .MiddleContent {
    padding: 0;
}

.desktop .FooterSimulator {
    width: 20%;
    padding-right: 20px;
    
    
}

.FooterSimulator .BottomExpandable {
    background-color: #dbe2f1;
    padding: 10px 20px;
}

.FooterSimulator .BottomExpandable .TableRecords {
    border: 0;
    box-shadow: none;
}

.FooterSimulator .BottomExpandable .TableRecords_OddLine,
.FooterSimulator .BottomExpandable .TableRecords_EvenLine {
    background-color: #dbe2f1;
}

.phone .FooterSimulator .BottomExpandable .TableRecords_OddLine,
.phone .FooterSimulator .BottomExpandable .TableRecords_EvenLine {
    border-left: 0;
}

.FooterSimulator .ExpandIcon {
    display: inline-block !important;
}

.HiddenFooter {
    display: none;
    margin-bottom: 0; 
    margin-top: 0;
    overflow: hidden;
}

.desktop .HiddenFooter {
    background-color: rgb(151, 193, 227);
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: rgb(151, 193, 227);
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: rgb(151, 193, 227);
    box-shadow: rgb(73, 144, 200) 0px 1px 1px inset;
    overflow: hidden;
    padding: 0px 5px;
}

.phone .HiddenFooter {
    position: absolute;
    left: 0;
    right: 0;
}

.HiddenFooter .AccordionVertical {
    border: 1px solid #ddd;
}

.HiddenFooter .AccordionVertical_item .AccordionVertical__header,
.HiddenFooter .AccordionVertical_item.open .AccordionVertical__header {
    border: 0;
    padding: 5px 10px;
}

.HiddenFooter .AccordionVertical_item .AccordionVertical___title,
.HiddenFooter .AccordionVertical_item.open .AccordionVertical___title {
    color: #8e8e8e;
    font-weight: 100;
}

.HiddenFooter .AccordionVertical_item .AccordionVertical___title span.fa {
    color: #4d5c66;
    padding-right: 5px;
}

.HiddenFooter .AccordionVertical_item .AccordionVertical__content {
    padding: 0 10px 0 10px;
}

.HiddenFooter .AccordionVertical_item .AccordionVertical__content {
    font-size: 12px;
    line-height: 16px;
}

.HiddenFooter .AccordionVertical_item.open .AccordionVertical__content {
    padding: 10px;
}

.HiddenFooter .AccordionVertical_item .AccordionVertical___icon {
    border: 0;
    font-size: 14px;
}

.phone .HiddenFooter .AccordionVertical, 
.tablet .HiddenFooter .AccordionVertical {
    border: 10px solid #4066b3;
    border-top: none;
}

.phone .HiddenFooter .AccordionVertical_item:first-child, 
phone .HiddenFooter .AccordionVertical_item:first-child {
    border-top: 1px solid #ddd;
}

/*------------------------------------------------------------*/
/* 9.30 Zurich PT Patterns > Columns **************************/
/*------------------------------------------------------------*/

.Columns2 > .Column.ColFirst {
    padding-right: 10px;
}

.Columns2 > .Column.ColLast {
    padding-left: 10px;
}

.Columns3 > .Column {
    padding: 0 10px;
}

.Columns3 .Column.ColFirst {
    padding-right: 10px;
}

.Columns3 .Column.ColLast {
    padding-left: 10px;
}

.phone .DashboardCards .Columns3 > .Column {
    padding: 0 1px;
}

.phone .DashboardCards .Columns3 .Column.ColFirst {
    padding-right: 0;
}

.phone .DashboardCards .Columns3 .Column.ColLast {
    padding-left: 0;
}

.Columns4 .Column.ColFirst {
    padding-right: 10px;
}

.Columns4 .Column.ColLast {
    padding-left: 10px;
}

.Columns4 .Column.LeftMiddle {
    padding-right: 10px;

    padding-left: 10px;
}

.Columns4 .Column.RightMiddle {
    padding-right: 10px;

    padding-left: 10px;
}

.Columns5 .Column.ColFirst {
    padding-right: 10px;
}

.Columns5 .Column.ColLast {
    padding-left: 10px;
}

.Columns5 .Column.LeftMiddle {
    padding-right: 10px;

    padding-left: 10px;
}

.Columns5 .Column.RightMiddle {
    padding-right: 10px;

    padding-left: 10px;
}

.Columns6 .Column.ColFirst {
    padding-right: 10px;
}

.Columns6 .Column.LeftMiddle {
    padding-right: 10px;

    padding-left: 10px;
}

.Columns6 > .Column.Col3rd {
    padding-right: 10px;

    padding-left: 10px;
}

.Columns6 > .Column.Col4th {
    padding-right: 10px;

    padding-left: 10px;
}

.Columns6 .Column.RightMiddle {
    padding-right: 10px;

    padding-left: 10px;
}

.Columns6 .Column.ColLast {
    padding-left: 10px;
}

.MediumLeftColumns > .Column.ColFirst {
    padding-right: 10px;
}

.MediumLeftColumns > .Column.ColLast {
    padding-left: 10px;
}

.SmallLeftColumns > .Column.ColFirst {
    padding-right: 10px;
}

.SmallLeftColumns > .Column.ColLast {
    padding-left: 10px;
}

.MediumRightColumns > .Column.ColFirst {
    padding-right: 10px;
}

.MediumRightColumns > .Column.ColLast {
    padding-left: 10px;
}


.SmallRightColumns > .Column.ColFirst {
    padding-right: 10px;
}

.SmallRightColumns > .Column.ColLast {
    padding-left: 10px;
}

.LayoutClientArea .desktop .SmallRightColumns > .Column.ColLast {
    width: 25%;
}

.LayoutClientArea .desktop .SmallRightColumns > .Column.ColFirst {
    width: 75%;
}

.desktop .ColumnsClientArea .SmallRightColumns > .Column.ColLast {
    width: 28%;
}

.desktop .ColumnsClientArea .SmallRightColumns > .Column.ColFirst {
    width: 72%;
}
/*
.desktop.small .ColumnsClientArea .SmallRightColumns > .Column.ColLast {
    width: 100%;
}*/
/*
.desktop.small .ColumnsClientArea .SmallRightColumns > .Column.ColFirst {
    width: 100%;
}*/

/*------------------------------------------------------------*/
/* 9.31 Zurich PT Patterns > Charts ***************************/
/*------------------------------------------------------------*/

.DashboardSmallPies {
    max-height: 110px;

    
}

.chartContentPie {
    position: relative;
    top: -30px;

    
}

.chartTitlePie {
    color: #5d5d5d;
    font-size: 12px;
    font-weight: 400;
   /* max-width: 94px;*/
    position: absolute;
    top: 85px;

    
    
}

/*------------------------------------------------------------*/
/* 9.32 Zurich PT Patterns > ListDocuments ********************/
/*------------------------------------------------------------*/

.ListDocuments a,
.ListDocuments a:visited {
    color: #4d5c66; 
    text-decoration: none !important;
    margin-left: 10px;
    position: relative;
}

.ListDocuments a::before {
    content: "\f019";
    left: -17px;
    position: absolute;
    font-family: "FontAwesome";
    color: #4f90c8;
}

.ListDocuments div {
    margin-bottom: 5px;
}
/*Remove SmartUndo*/

/*.ie*/ a.SmartInput_Undo, 
/*.ie*/ .Form a.SmartInput_Undo, 
/*.ie*/ .Form select.ReadOnly.SmartInput_Changed + a.SmartInput_Undo, 
.Form select.ReadOnly.SmartInput_Changed + a.SmartInput_Undo, 
:not(.WithTouchEvents).Form input:not(.SmartInput_Changed).ReadOnly:hover + .SmartInput_Undo + .FormEditPencil, 
:not(.WithTouchEvents).Form textarea:not(.SmartInput_Changed).ReadOnly:hover + .SmartInput_Undo + .FormEditPencil, 
:not(.WithTouchEvents).Form select:not(.SmartInput_Changed).ReadOnly:hover + .SmartInput_Undo + .FormEditPencil {
    
    display: none !important;   
}

.Form a.SmartInput_Undo:after {
        
    display: none !important;   
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance:none;
}

.SemInformacao {
    color: #CCCCCC;
    font-weight: 900;
    font-size: 18pt;
    text-align: center;
    width: 100%;
    vertical-align: middle;
}

/*------------------------------------------------------------*/
/* 9.33 Zurich PT Patterns > PanelClienteAreaTitle ************/
/*------------------------------------------------------------*/

.PanelClienteAreaTitle .Panel__title.Heading3 {
    color: #3d3c3d;
    font-size: 24px;
    font-weight: 600;
}

.tablet .PanelClienteAreaTitle .Panel__title.Heading3 {
    line-height: 25px;
}

.phone .PanelClienteAreaTitle .Panel__title.Heading3 {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
}

.Panel_title .Panel_header {
    border-bottom: 0px solid #97c1e3;
    padding: 15px 20px;
}

.PanelClienteAreaTitle .Panel_header {
    height: 71px;
    padding: 10px 20px !important;
}

.PanelClienteAreaTitle  .Panel_footer {
    background: #fff;
    border: 0;
    padding-bottom: 15px;
    padding-top: 0;
}

.PanelClienteAreaTitle  .Panel_footer .Panel__title.Heading3 {
    font-size: 14px;
    text-align: center;
}

.PanelClienteAreaTitle .HeaderTitle {
    color: #4066b3;
    font-size: 16px;
}

.PanelClienteAreaTitle .HeaderTitle .fa,
.PanelClienteAreaTitle .HeaderTitle span[class^="icon-"] {
    color: #4d5c66;
    margin-right: 10px;
}

.PanelClienteAreaTitle .ProfileImage {
    display: table-cell;
    position: relative;
    width: 60px;
}

.PanelClienteAreaTitle .ProfileImage .ImageAction {
    background: white;
    border: 1px solid #CCC;
    border-radius: 3px;
    bottom: -16px;
    color: #4066b3;
    cursor: pointer;
    display: none;
    font-size: 11px;
    left: -10px;
    padding: 1px 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 2;
    
}
.phone .PanelClienteAreaTitle .ProfileImage .ImageAction,
.tablet .PanelClienteAreaTitle .ProfileImage .ImageAction {
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
}
.PanelClienteAreaTitle .ProfileImage:hover {
    cursor: pointer;
}
.PanelClienteAreaTitle .ProfileImage:hover .ImageAction,
.PanelClienteAreaTitle .ProfileImage .ImageAction:hover {
    display: inline-block;
}
.PanelClienteAreaTitle .ProfileImage:empty {
    display: none;
}
.PanelClienteAreaTitle .ProfileImage .Image_circle {
    border: 2px solid #97c1e3;
    height: 60px;
    width: 60px;
}
.phone .PanelClienteAreaTitle .ProfileImage .EstadoCliente {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    font-weight: normal;
    font-size: 11px;
    left: 0;
    padding: 1px 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -10px;
}
.phone .PanelClienteAreaTitle .ProfileImage .Status_blue .EstadoCliente {
    border-color: #009ee0;
    color: #009ee0;
}
.phone .PanelClienteAreaTitle .ProfileImage .Status_blue img {
    border-color: #009ee0;
}
.phone .PanelClienteAreaTitle .ProfileImage .Status_red .EstadoCliente {
    border-color: #e74c3c;
    color: #e74c3c;
}
.phone .PanelClienteAreaTitle .ProfileImage .Status_red img {
    border-color: #e74c3c;
}
.PanelClienteAreaTitle .Panel_header .Header_Content {
    display: table-cell;
    padding-left: 2%;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
.PanelClienteAreaTitle .Panel_header .Header_Content .Heading3 {
    display: inline-block;
    line-height: 1;
    padding: 0;
    
    
}
.PanelClienteAreaTitle .Panel_header .Header_Content .Description {
    position: absolute;
    
    
}

/*------------------------------------------------------------*/
/* 9.34 Zurich PT Patterns > TopSection ***********************/
/*------------------------------------------------------------*/

.TopSection_Description {
    color: #3e3e3e;
    display: inline-block;
    padding-right: 100px;
    font-size: 24px;
    line-height: 28px;
}

.phone .TopSection_Description {
    float: left;
    line-height: 24px;
    margin: 0;
    padding: 0 15px 0 0;
}

.TopSection_Value {
    color: #4d5c66;
    font-size: 18px;
    font-weight: 100;
    line-height: 24px;
}

.phone .TopSection_Value {
    display: inline;
    padding-left: 6px;
}
/*------------------------------------*\
        $10. Icons
\*------------------------------------*/
@font-face {
  font-family: 'Zurich';
  src:  url('/Zurich_PT_Theme/Zurich.eot');
  src:  url('/Zurich_PT_Theme/Zurich.eot') format('embedded-opentype'),
    url('/Zurich_PT_Theme/Zurich.ttf') format('truetype'),
    url('/Zurich_PT_Theme/Zurich.woff') format('woff'),
    url('/Zurich_PT_Theme/Zurich.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Zurich' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ClaimsForm_Outline_Blue_CMYK:before {
    content: "\e900";
    color: #0578bb;
    font-size: 32px;
}

/*------------------------------------*\
        $11. Print
\*------------------------------------*/

/*------------------------------------*\
        $12. Studio Preview
\*------------------------------------*/

/* ----------- iPhone X ----------- */

/*
.FooterFake {
        display: none;
        height: 0px;
    }
*/

/* Portrait and Landscape */
/*
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .FooterFake {
        display: block;
        min-height: 50px;
        height: 50px;
    }
    
    .Feedback_AjaxWait {
        bottom: 44px !important;
    }
}
*/

/*------------------------------------*\
        $13. Novo Layout
\*------------------------------------*/

/*Back*/
.Zurich_PT_NovoLayout .Header .HeaderFilters .BackLink_Wrapper{
    background:#fff;
    width:100%;
    margin-top:-9px;
    font-family: var(--font-family);
    font-size: var(--font-size-base);

}

.Zurich_PT_NovoLayout .BackLink_Wrapper {
    font-size: 14px;
    line-height: 40px;
    padding: 0 15px 0 25px;
}

.Zurich_PT_NovoLayout .BackLink_Wrapper .fa {

}

.Zurich_PT_NovoLayout .BackLink_Wrapper a,
.Zurich_PT_NovoLayout .BackLink_Wrapper a:link,
.Zurich_PT_NovoLayout .BackLink_Wrapper a:visited {
    color: rgb(33, 103, 174);

}

.Zurich_PT_NovoLayout .BackLink_Wrapper a:hover,
.Zurich_PT_NovoLayout .BackLink_Wrapper a:link:hover,
.Zurich_PT_NovoLayout .BackLink_Wrapper a:visited:hover {
    color: #23366f;
}

.Zurich_PT_NovoLayout .BackLink_Wrapper .Is_Disabled a,
.Zurich_PT_NovoLayout .BackLink_Wrapper .Is_Disabled a:link,
.Zurich_PT_NovoLayout .BackLink_Wrapper .Is_Disabled a:visited {
    color: #fff;
}


/*Feedback*/
.Zurich_PT_NovoLayout div.Feedback_Message_Wrapper {
    margin-top: 58px;
    z-index: 100;
}

/* ===================================================================== */
/* $14 - Opportunities                                                   */
/* ===================================================================== */

.client-text-note{
    font-size: 12px;
    color: #888;
}

/* Simuladores_WB -> Popup_OpportunityItem */

.cursordefaultimportant{
    cursor: default !important;
}

.popup-title{
    color: #2167ae;
    font-size: 1.125rem;
    font-weight: 300;
}

.primarycolor{
    color: #2167ae;
}

.reason-radiobutton-ctn{
    display: flex;
}

.popup-actions{
    text-align: center;
    margin-top: 10px;
}

.opportunity-reason-ctn{
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* Simuladores_WB -> OpportunityTag */

.opportunity-tag {
    align-items: center;
    background: var(--color-zurich-blue);
    border: 1px solid var(--color-zurich-blue);
    border-radius: 35px;
    color: var(--color-neutral-0);
    display: flex;
    gap: var(--space-xs);
    height: 55px;
    padding: var(--space-none) var(--space-s);
    min-width: 100%;
    margin-bottom: 10px;
    font-size: small;
    line-height: 1.43;
}

a .opportunity-tag{
    font-weight: 400 ;
}

.opportunity-tag__icon .icon {
    font-size: 2em;
}
.opportunity-tag__icon i[class*="zurich-icon"] {
    font-size: 2.3em;
}
.opportunity-tag__title span[data-expression],
.opportunity-tag__subtitle span[data-expression],
.opportunity-tag__extra span[data-expression] {
    margin-left: var(--space-none);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.opportunity-tag--primary {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
}
.opportunity-tag--light {
    background: var(--color-neutral-0);
    color: var(--color-zurich-blue);
}
.opportunity-tag--light.opportunity-tag--primary {
    color: var(--color-secondary);
}
.opportunity-tag--light .opportunity-tag__extra {
    color: var(--color-neutral-4);
}

/*Avatar*/
.avatar.border-avatar{
        border: 3px solid #FF7569;
}