@import url("Theme.FCTSilkUIPatterns.css?4729");

/*------------------------------------*\
    FCT StyleGuide

    $1. General properties
    $2. Layout
        Header
        Footer
        Content
    $3. Menus
    $4. BarInfo
    $5. Status labels
    $6. Notifications
    $7. Feedback messages
    $8. Form elements
    $9. External components
    $10. Utility classes
    $13. Evaluation Forms

\*-------------------------------------*/

@font-face {
    font-family: 'OpenSans';
    src: url('/UXStyleguide/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('/UXStyleguide/fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    src: url('/UXStyleguide/fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    src: url('/UXStyleguide/fonts/SourceSansPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    src: url('/UXStyleguide/fonts/SourceSansPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

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

body {
    background-color: #f0f6fa;
    /* background-color: #fff;*/
    height: 100%;
}

html, body, a, select, fieldset, input, button, select, textarea, optgroup, option {
    font-family: 'SourceSansPro', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #333;
    text-rendering: optimizeLegibility;
}

.Heading1, .Heading2, .Heading3 {
   text-rendering: optimizeLegibility;
}

.Heading1 {
    font: bold 24px/1.3 'OpenSans', sans-serif;
 /*   margin-top: 30px; */
}

.Heading2 {
    font-size: 21px/1.3 'OpenSans', sans-serif;
    margin-top: 25px;
}

.Heading3 {
    font: bold 18px/1.5 'OpenSans', sans-serif;
    margin-top: 22px;
}

.Paragraph {
    font: 14px/1.5 'SourceSansPro', sans-serif;
}

span.Heading1,
span.Heading2,
span.Heading3 {
    display: block;
}

/*------- Titles  ----------------*/

  .Title_Container {
    margin-bottom: 20px;
}

.Specific_Margin_Container {
    margin-left: 18px;
}

.Title_Container .Title {
    color: #46698e;
    font-family: 'SourceSansPro', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 24px;
    text-rendering: optimizeLegibility;
}

.Subtitle_Container .Subtitle {
    color: #46698e;
    font-size: 14px;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-top: 0.2rem 0 0.5rem 0;
}

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

/*------------------------------------*\
      $2. Layout
\*-------------------------------------*/

.ThemeGrid_Container {
    /* Width and Paddings will be automatically set based on
     the theme Grid properties */
    margin-left: auto;
    margin-right: auto;
}

.ThemeGrid_Container_modified {
    /* Width and Paddings will be automatically set based on
     the theme Grid properties */
   padding-left: 65px;
   width: 1100px;
}

.ThemeGrid_Alert {
    /* Width and Paddings will be automatically set based on
     the theme Grid properties */
    min-width: 1230px;
    background-color: #f9edc1;

}
.ThemeGrid_Alert_container {
    /* Width and Paddings will be automatically set based on
     the theme Grid properties */
width: 1230px;
 padding-left: 30px;
padding-right:30px;
    margin-left: auto;
    margin-right: auto;
}

/* --- HEADER --- */
.Header {
    color: #fff;
    background-color: #00bfb2;
    height: 80px;
}
.Header_modified {
    color: #fff;
    background-color: #00bfb2;
    height: 8px;
}

.Header_Backoffice {
    color: #fff;
    background-color: #6195bf;
    height: 80px;
}

.Header_GmAdmin {
    color: #fff;
    background-color: #B62307;
    height: 80px;
}

.Header_GmAdmin img {
    margin-top: 25px;
    width: 80px;
}

.Header img {
    margin-top: 25px;
    width: 80px;
}

.Header_Backoffice img {
    margin-top: 25px;
    width: 80px;
}

.Header_modified img {
    margin-top: 25px;
}
 a.Header_ButtonMenu {
    color: #fff;
    display: none;
    font-size: 20px;
}

.tablet a.Header_ButtonMenu,
.phone a.Header_ButtonMenu {
    display: block;
}

.Application_Title {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    /*line-height: 50px;*/
    overflow: hidden;
    padding-left: 3px;
    padding-right: 20px;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    float: left;
}

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    padding-right: 10px;
    text-decoration: none;
}

.Login_Info {
    float: right;
    margin-top: 20px;
}

.Login_Info .NotificationIcon {
    color: #d5fbf4;
    font-size: 16px;
    position: relative;
    top: 3px;
    left: -4px;
}

.Login_Info .UserName {
    font-weight: bold;
    margin-left: 0;
    margin-top: 6px;
    max-width: 180px;
}

.Login_Info .UserMenuIcon {
    min-width: 70px;
    margin-left: 0;
}

.Login_Info .Logout,
.Login_Info .Login
{
    min-width: 50px;
    margin-left: 0;
}

 /*------- Footer ------------------*/

.FooterContent {
    height: 160px;
    background-color: #f0f6fa;
  
}
.FooterContent_modified {
    height: 160px;
    background-color: #fff;
    padding-left: 30px;
    padding-right: 30px;
}
.FooterContent .Columns.MarginBottom  {
    position: relative;
    top: 25px;
}

.Footer_RightSection {
    color: #8d8d8d;
}


  /*------- Content  ---------------*/

.Content {
    background-color: #fff;
    min-height: 50vh;
}

.SubContent {
    margin-bottom: 20px;
}

.phone .Content
/*.tablet .Content*/ {
    padding-top: 0px;
}

.Cell_LinkContainer {
    width: 110px;
}

  /*------- MainContent  ---------------*/

.MainContent {
    background-color: #fff;
    padding-bottom: 56px;
    padding-top: 36px;
}

.MainContent_modified {
    background-color: #fff;
    padding-bottom: 56px;
    padding-left: 40px;
    padding-top: 36px;
}

.Information_Container {
    font-family: 'SourceSansPro', sans-serif;
    font-style: italic;
    margin-top: 20px;
}

.Information {
    background: url('/UXStyleGuide/img/bxinfocircle.png?4713') no-repeat;
    color: #989898;
    font: italic 14px/1.5 'SourceSansPro', sans-serif;
    padding-left: 25px;
}

.desktop .TableRecords_Header {
    color: #333;
}

.desktop .TableRecords_OddLine:first-child,
.desktop .TableRecords_EvenLine:first-child,
.desktop .TableRecords_Header:first-child,
.tablet .TableRecords_OddLine:first-child,
.tablet .TableRecords_EvenLine:first-child,
.tablet .TableRecords_Header:first-child {
    padding-left: 8px;
}

.TableRecords_Wrapper{
    margin-top: 24px;
}

.TableRecords_BottomNavigation {
    color: #999;
    margin-top: 8px;
    padding-left: 8px;
}

.ButtonsContainer + .Button {
    margin-left: 0px;
}

/*------------------------------------*\
      $3. Menus
\*-------------------------------------*/

.Application_Menu {
    /*-color: #fff;
    border-bottom: 1px solid lightgray;*/
    margin: 0;
    white-space: nowrap;
}


.Application_Sub_Menu {
    background-color: #fff; /* set the Application_Menu background color, applied when on slide mode */
    margin: 0;
    white-space: nowrap;
    border-bottom: 2px solid #f0f6fa;
}

.Application_Menu, .Application_Sub_Menu a,
.Application_Menu, .Application_Sub_Menu a:link,
.Application_Menu, .Application_Sub_Menu a:visited {
    border-color: rgba(0, 0, 0, .15);
}




/** ApplicationGMO_Menu Top_menu ***/

.ApplicationGMO_Menu .MenuContent{
    padding-top: 2px;
    padding-bottom: 2px;
}

.ApplicationGMO_Menu .Menu_TopMenuActive,
.ApplicationGMO_Menu .Menu_DropDownButton.open .Menu_TopMenu {
    border-bottom: none;
}

.ApplicationGMO_Menu .Menu_TopMenu a:link,
.ApplicationGMO_Menu .Menu_TopMenu a:visited,
.ApplicationGMO_Menu .Menu_TopMenu a {
/*    border-bottom: 3px solid transparent; */
    /*color: #999;*/
    color: #fff;
    display: inline-block;
    font-family: 'SourceSansPro', sans-serif;
    font-weight: bold;
    padding: 8px 20px 5px;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 0.25px;
}

.ApplicationGMO_Menu .Menu_TopMenuActive a:link,
.ApplicationGMO_Menu .Menu_TopMenuActive a:visited {
    /*color: #4a90e2;
    border-bottom: 2px solid #4a90e2;*/
    color: #fff;
    letter-spacing: 0.25px;
}

.ApplicationGMO_Menu .Menu_TopMenu a:hover {
    /*color: #4a90e2;
    border-bottom: 2px solid #4a90e2;*/
    color: #eee;
    letter-spacing: 0.25px;
}

.ApplicationGMO_Menu .Menu_TopMenu a.Active {
    color: #fff;
    
}



.ApplicationGMO_Menu a.Menu_SubMenuItemActive:link,
.ApplicationGMO_Menu a.Menu_SubMenuItemActive:visited,
.ApplicationGMO_Menu a.Menu_SubMenuItem:hover {
    background-color: lightgray;
    letter-spacing: 0.25px;
    text-shadow: 0 0 .001px #333;
}


/** Application MENU GMO to delete after refactoring **/

.ApplicationGMO_Menu {
    background-color: #fff; /* set the ApplicationGMO_Menu background color, applied when on slide mode */
    border-bottom: 1px solid lightgray;
    margin: 0;
    white-space: nowrap;
}

.ApplicationGMO_Menu a,
.ApplicationGMO_Menu a:link,
.ApplicationGMO_Menu a:visited {
    border-color: rgba(0, 0, 0, .15);
}

.tablet .ApplicationGMO_Menu a,
.phone .ApplicationGMO_Menu a,
.tablet .ApplicationGMO_Menu a:link,
.phone .ApplicationGMO_Menu a:link,
.phone .ApplicationGMO_Menu a:visited,
.phone .ApplicationGMO_Menu a:visited {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.tablet .ApplicationGMO_Menu,
.phone .ApplicationGMO_Menu {
    bottom: 0;
    box-shadow: 0 3px 5px white;
    display: block;
    height: auto;
    overflow: auto;
    /*position: fixed;*/
    right: -270px;
    top: 67px;
    /* Enable hardware acceleration */
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    /* Animate the menu when opening and closing */
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
    width: 260px;
    /* 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;
}

/* .Menu_DropDownButton **************************/
/*.tablet .ApplicationGMO_Menu .Menu_DropDownButton,
.phone .ApplicationGMO_Menu .Menu_DropDownButton {
    display: block;
    position: relative;
}*/

.ApplicationGMO_Menu .Menu_TopMenu .Menu_DropDownArrow {
    right: 10px;
}

/* .ApplicationGMO_Menu **************************/
/*.tablet.active .ApplicationGMO_Menu,
.phone.active .ApplicationGMO_Menu {
    right: 0;*/
}

/* .Menu_TopMenu **************************/
.ApplicationGMO_Menu .Menu_TopMenu {
    width: 100%;
}


.Menu_TopMenuActive,
.Menu_DropDownButton.open .Menu_TopMenu {
    border-bottom: none;
}

.ApplicationGMO_Menu .Menu_TopMenu a:link,
.ApplicationGMO_Menu .Menu_TopMenu a:visited,
.ApplicationGMO_Menu .Menu_TopMenu a {
/*    border-bottom: 3px solid transparent; */
    color: #999;
    display: inline-block;
    font-family: 'SourceSansPro', sans-serif;
    font-weight: bold;
    padding: 8px 20px 5px;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 0.25px;

}

.ApplicationGMO_Menu .Menu_TopMenu a:hover,
.ApplicationGMO_Menu .Menu_TopMenuActive a:link,
.ApplicationGMO_Menu .Menu_TopMenuActive a:visited {
    color: #4a90e2;
    border-bottom: 2px solid #4a90e2;
    letter-spacing: 0.25px;
}

.ApplicationGMO_Menu a.Menu_SubMenuItemActive:link,
.ApplicationGMO_Menu a.Menu_SubMenuItemActive:visited,
.ApplicationGMO_Menu a.Menu_SubMenuItem:hover {
    background-color: lightgray;
    letter-spacing: 0.25px;
    text-shadow: 0 0 .001px #333;
}

/**** END APPLICATION GMO MENU *******************/




/* .Menu_TopMenu **************************/
.Menu_TopMenu {
    width: 100%;
}

.tablet .Menu_TopMenu,
.phone .Menu_TopMenu {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

/** Application_menu Top_menu ***/

.Application_Menu .MenuContent{
    padding-top: 2px;
    padding-bottom: 2px;
}

.Application_Menu .Menu_TopMenuActive,
.Application_Menu .Menu_DropDownButton.open .Menu_TopMenu {
    border-bottom: none;
}

.Application_Menu .Menu_TopMenu a:link,
.Application_Menu .Menu_TopMenu a:visited,
.Application_Menu .Menu_TopMenu a {
/*    border-bottom: 3px solid transparent; */
    /*color: #999;*/
    color: #fff;
    display: inline-block;
    font-family: 'SourceSansPro', sans-serif;
    font-weight: bold;
    padding: 8px 20px 5px;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    opacity: 0.70;
}

.Application_Menu .Menu_TopMenuActive a:link,
.Application_Menu .Menu_TopMenuActive a:visited {
    /*color: #4a90e2;
    border-bottom: 2px solid #4a90e2;*/
    color: #fff;
    letter-spacing: 0.25px;
    opacity: 1;
    font-weight: bolder;
}

.Application_Menu .Menu_TopMenu a:hover {
    /*color: #4a90e2;
    border-bottom: 2px solid #4a90e2;*/
    color: #eee;
    letter-spacing: 0.25px;
    opacity: 1;
}

.Application_Menu .Menu_TopMenu a.Active {
    color: #fff;
    
}

.Application_Menu .Menu_TopMenuActive a:not(.ie7):before,
.Application_Menu .Menu_TopMenuActive a:not(.ie8):before {

    bottom: -12px;
    content: "\25CF";
    left: 50%;
    position: relative;


}

.Application_Menu a.Menu_SubMenuItemActive:link,
.Application_Menu a.Menu_SubMenuItemActive:visited,
.Application_Menu a.Menu_SubMenuItem:hover {
    background-color: lightgray;
    letter-spacing: 0.25px;
    text-shadow: 0 0 .001px #333;
}



/** Application_submenu Top_menu ***/

.Application_Sub_Menu .MenuContent{
    padding-top: 2px;
    padding-bottom: 2px;
}

.Application_Sub_Menu .Menu_TopMenuActive,
.Application_Sub_Menu .Menu_DropDownButton.open .Menu_TopMenu {
    border-bottom: none;
}

.Application_Sub_Menu .Menu_TopMenu a:link,
.Application_Sub_Menu .Menu_TopMenu a:visited,
.Application_Sub_Menu .Menu_TopMenu a {
    /*    border-bottom: 3px solid transparent; */
    color: #999;
    display: inline-block;
    font-family: 'SourceSansPro', sans-serif;
    text-decoration: none;
    text-shadow: none;
    letter-spacing: 0.25px;
}

.Application_Sub_Menu .Menu_TopMenuActive a:link,
.Application_Sub_Menu .Menu_TopMenuActive a:visited {
    color: #4a90e2;
    border-bottom: 3px solid #4a90e2;
    letter-spacing: 0.25px;
}

.Application_Sub_Menu .Menu_TopMenu a:hover {
    color: #4a90e2;
    letter-spacing: 0.25px;
}

.Application_Sub_Menu a.Menu_SubMenuItemActive:link,
.Application_Sub_Menu a.Menu_SubMenuItemActive:visited,
.Application_Sub_Menu a.Menu_SubMenuItem:hover {
    background-color: lightgray;
    letter-spacing: 0.25px;
    text-shadow: 0 0 .001px #333;
}

.Application_Sub_Menu .Menu_TopMenu{
    margin-right: 30px;
}

.Application_Sub_Menu .Menu_TopMenu a:link,
.Application_Sub_Menu .Menu_TopMenu a:visited,
.Application_Sub_Menu .Menu_TopMenu a {
    text-decoration: none; 
    text-shadow: none;
    padding: 10px 5px 10px 0px;
    display: inline-block;
    
}

.Application_Sub_Menu .Menu_DropDownArrow{
    border-width: 5px 5px 0;
    margin-right: 5px;
}



/* .Menu_DropDownPanel */
.Menu_DropDownPanel {
    border: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    margin-top: 0;
}

.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {
    display: block;
    height: auto;
}




/* Menu_SubMenuItem */
.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    border-bottom: 2px solid white;
    color: #008fba;
    display: block;
    padding: 3px 30px;
    letter-spacing: 0.25px;
}

/* Menu Filters Homepage */

a.filter_button_hp, a:visited.filter_button {

    background-color: #fff;
    transition: background-color 0.5s ease;
    border: 1px solid #ccc;
    border-radius: 4px; 
    padding: 6px 12px;
    text-decoration:none;
    font-weight: bold;
    color: #999;   
    display: inline-block;
    float: right;
    margin-right: 20px;
}

a:hover.filter_button_hp  { 
    background-color:#f8f8f8;
}

a.filter_button, a:visited.filter_button {

    background-color: #fff;
    transition: background-color 0.5s ease;
    border: 1px solid #ccc;
    border-radius: 4px; 
    padding: 6px 12px;
    text-decoration:none;
    font-weight: bold;
    color: #999;   
    display: inline-block;
}

a:hover.filter_button  { 
    background-color:#f8f8f8;
}

a.bigbutton_hp, a:visited.bigbutton_hp {
    background-color: #00bfb2;
    transition: background-color 0.5s ease;
    font-weight: bold;
    padding: 20px 40px;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
} 

a:hover.bigbutton_hp {
    background-color: #478c7f;
}



/*------------------------------------*\
      $4. Bar info
\*-------------------------------------*/

.BarInfo {
    background-color: #f0f6fa;
    height: 80px;
    
}

.CallInfo {
    padding-top: 24px;
    }

.CallInfo__header {
    color: #989898;
}

.BarInfo table{
    position:relative;
    top: 20px;
}

.BarInfo .TableRecords_Header {
    border-bottom: none;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.BarInfo  .TableRecords_Header:first-child{
    padding: 0;
}

.BarInfo table tr, .BarInfo table tr td a {
    font-weight: 700;
}

.BarInfo table tr td {
    margin-top: 4.3px;
    line-height: 1.64;
}



.BarInfo .MainDescription{
    color: #999;
    font-size: 18px;
    margin-right: 50px;
}

.BarInfo .SubDescription{
    color: #999;
    font-size: 14px;
    margin-right: 50px;
}


/*------------------------------------*\
      $5. Status labels
\*-------------------------------------*/

/* .StateBase div {
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
} */

.StateBase {
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
}

.GreenState,
.LightGrayState,
.GrayState,
.BlueState,
.YellowState,
.RedState{
    color: #666;
    padding: 4px 8px;
}

.GreenState:before,
.LightGrayState:before,
.GrayState:before,
.BlueState:before,
.YellowState:before,
.RedState:before{
    content: "\f111";
    font-family: FontAwesome;
    font-size: 10px;
    margin: 0 6px 0 0;
}

.GreenState {
    background-color: #eff5e8;
}

.GreenState:before {
    color: #8ab206;
}

.GrayState {
    background-color: rgba(128, 128, 128, 0.1);
}
.GrayState:before {
    color: rgba(128, 128, 128, 1);
}

.LightGrayState {
    background-color: rgba(211, 211, 211, 0.5);
}
.LightGrayState:before {
    color: rgba(211, 211, 211, 1);
}

.BlueState {
    background-color: rgba(41, 128, 185, 0.1);
}
.BlueState:before {
    color: rgba(41, 128, 185, 1);
}

.YellowState {
    background-color: rgba(245, 166, 35, 0.1);
}
.YellowState:before {
    color: rgba(245, 166, 35, 1);
}

.RedState {
    background-color: rgba(231, 76, 60, 0.1);
}
.RedState:before {
    color: rgba(231, 76, 60, 1);
}

/*------------------------------------*\
      $6. Notifications
\*-------------------------------------*/

.NotificationTable table {
    margin: 4px 0 0 0;
}

.NotificationTable table tr {
    line-height: 26px;
}

.NotificationTable table td {
    color: #989898;
}

.NotificationTable tr td a {
    padding: 12px;
}

.NotificationFooter {
    padding-left: 9px;
}

/* Colors: Background and Text **************************/
.Gold {
    color: gold;
}

.GreenYellow {
    color: greenyellow;
}

.GreenCheck {
    color: #8ab206;
}

.color_blue {
    color: #0093e9;
}

.color_red {
    color: #f00;
}

/*------------------------------------*\
      $7. Feedback messages
\*-------------------------------------*/

div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning,
div.Feedback_Message_Info {
    border-radius: 3px;
    border-style: solid;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    }

a.Feedback_Message_Wrapper_Close {
    font-size: 1.1875rem;
    top: 5px;}

div.Feedback_Message_Error {
    background-color: #f6e8e8;
    border-color:#f9a9a7;
    color:#c74c49;
    }

div.Feedback_Message_Success {
    background-color: #e9f8f0;
    border-color: #b3dfc8;
    color: #58a67c;
}

div.Feedback_Message_Warning {
    background-color: #fcf3e4;
    border-color: #ffcf7b;
    color: #bd7705;}

div.Feedback_Message_Info {
    background-color: #e5f4fc;
    border-color:#9fdcff ;
    color: #46698e;
}

/*------------------------------------*\
      $8. Form elements
\*-------------------------------------*/

.Search_wrapper input[type="text"] {
    border: 2px solid #ddd;
    border-radius: 2px;
    box-shadow: none;
    font: 14px/1.5 'SourceSansPro', sans-serif;
    padding-left: 35px;
}

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

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

.Filters_Wrapper {
    background: rgba(255, 255, 255, 0);
    margin-bottom: 20px;
    line-height: 15px;
    padding-left: 0px;
}

.Filters_Wrapper .Search_wrapper input[type="text"]{
    width: 470px;
}

.Filters_Wrapper, .Search_wrapper input[type="text"]:hover {
    border-color: #ddd;
}

.Filters_Wrapper > div {
    margin-top: 8px
}

/*------------------------------------*\
      $9. External components
\*-------------------------------------*/

 /*---- Start Sortable Component ----*/
.sortable-wrapper {
    color: #000;
    outline: none;
    position: relative;
    margin-top: 1px;
    padding: .5em .5em 2.2em .7em;
    zoom: 1;
}

.sortable-icon {
    background: none;
    cursor: none;
    width: 11px;
    height: 32px;
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
}

.sortable-wrapper:hover .sortable-icon {
    background-image: url(/UXStyleGuide/img/sortableIcon.png?76619&76619&77219&4713);
    background-position: 0;
    cursor: move;
    width: 11px;
    height: 32px;
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    }

.sortable-wrapper.blackfont {
    color: #000;
}

.sortable-wrapper > .inner {
    border: 1px solid #aaa;
    padding: 5px 10px;
}

.sortable-wrapper > .inner:hover {
}

.placeHolder{
    background-color: #000;
}

 /*---- Start ZTree ----*/
.ztree li a {
    padding: 0;
}

.ztree li a.curSelectedNode {
    background: none;
    border: 0;
    padding: 0;
    height: 0;
}

.ztree li span.button.add {
    margin-left: 2px;
    margin-right: -1px;
    background-position:-144px 0;
    vertical-align: top;
    *vertical-align: middle;
}

.ztree a.level0,
.ztree a.level3 {
    font-weight: bold;
}

/*---- Start selectize-control ----*/

.selectize-input {
    padding: 0 8px;
}

.selectize-control.multi .selectize-input [data-value] {
    background-color: #e0f4ff;
    background-image: none;
    border-radius: 4px;
    text-shadow: none;
}

.selectize-control.multi .selectize-input [data-value].active {
    background-color: #e0f4ff;
    background-image: none;
    border-radius: 4px;
    text-shadow: none;
}

.selectize-control.multi .selectize-input > div, .selectize-control.multi .selectize-input > div.active {
    border: none;
    color: #4a4a4a;
    font-size: 14px;
    height: 27px;
    line-height: 1.5;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    font-size: 14px;
    border-left: none;
}

/*---- Start CKEditor ----*/
.cke_notification.cke_notification_warning {
    display: none;
}

/*------------------------------------*\
      $10. Utility classes
\*-------------------------------------*/

.ColorRed {
    color: #e74c3c;
}

.ColorGreen {
    color: #8ab206;
}

.ColorGrey {
    color: #333;
}

.NoMarginTop {
    margin-top: 0;
}

.NoMarginBottom {
    margin-bottom: 0;
}

.NoMargins {
    margin: 0;
}

.MarginTop__xs {
    margin-top: 4px;
}

.MarginTop__s {
    margin-top: 8px;
}

.MarginTop__m {
    margin-top: 16px;
}

.MarginTop__l {
    margin-top: 24px;
}

.MarginTop__xl {
    margin-top: 32px;
}

.MarginTop__xxl {
    margin-top: 48px;
}

.Inline {
    display: inline;
}

.BigButton {
    background: #0093e9;
    border: none;
    border-radius: 4px;
    color:#fff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 18px;
    transition: all 0.2s ease-in;
}

.BigButton:hover {
    background: #0073b6;;
    color:#fff;
    font-size: 18px;
    font-weight: bold;
}

.icon {
    margin-right: 4px;
    }
/*
.Bold, .Label {
    font-family: 'SourceSansPro-Bold', sans-serif;
    font-weight: 700;
} */


.cut-text { 
  text-overflow: ellipsis;
  overflow: hidden; 
  white-space: nowrap;
}

/*------------------------------------*\
      $11. Accordion
\*-------------------------------------*/

.AccordionVertical {
    background-color: #fff;
    padding: 8px 16px;
    transition: all 0.3s ease;
}

/* .AccordionVertical:hover {
    background-color: #f8f8f8;
}
 */

.AccordionVertical_item:first-child {
    margin: 0;
}

.AccordionVertical__header {
    padding: 8px;
}

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

.AccordionVertical___title {
    color: #0093e9;
    font: bold 14px/1.5 'SourceSansPro';
}

/*------------------------------------*\
      $12. Tooltip
\*-------------------------------------*/

.tooltipster-default .tooltipster-content {
    font: 14px/1.5 Arial, sans-serif;
    color: #f8f8f8;
    padding: 16px 20px;
    overflow: hidden;
}

.Box, .Box_Alt {
    background-color: #f6f6f6;
    margin: 0;
    padding: 14px 20px;
    border-left: 4px solid #e8e8e8;
}


.Box_Alt {
    background-color: #fffef2;
    border-left: 4px solid #f4eea0;
}



/*------------------------------------*\
      $13. Evaluation Forms
\*-------------------------------------*/

.SubCriteriaContainer{
  background-color: #f9f9f9;
  padding: 10px 15px 0px 15px;
    
}

.SubCriteriaTitle{
  margin-bottom: 20px;
  margin-right: 20px;
  font-size: 16px;
    
}



.Panel_header{
    
    border-radius: 5px;
}


.PreviousGrades .Tabs__tab.active{
 
 font-weight: bold;
 background: #f9f9f9;
 border-bottom: none;
 border-top: 1px solid #ccc;   
}

.PreviousGrades .Tabs__tab{
 
 background: #ffe4e4;
    
}


/***** POPUP EDITO *****/

.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title,
.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title {
        right: 20px !important;
        top: 15px !important;

}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title {

    right: 20px !important;
    top: 15px !important;
}

.overflowTextHidden {
    overflow: hidden;
    text-overflow: ellipsis;
}

/**** SEPARATOR *****/
.Separator {
    margin: 15px 0 10px;
}

/** FileUpload ****/
.FileUpload_Label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 44ch;
    margin-top: 5px;
}


/** Select2 com o X igual  ao AdvancedSelect ***/
.select2-selection__clear {
    margin-top: -2px;
    font-size: 22px !Important;
    font-weight: normal !important;
    color: #999999;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/** AdvancedSelect com a opção um pouco mais subida **/
.advs-input > input{
    margin-top: 2px;   
}
.advs-input > input:hover{
    margin-top: 2px;   
}


/** Tabela de Validade And Submit das candidaturas **/
.TableRecords.ValidateSubmt tr.Warning {
    background: #f0f6fa;
}
.TableRecords.ValidateSubmt  tr.Warning td.icon {
    color: #1c9feb;
}
.TableRecords.ValidateSubmt  tr.Error td.icon {
    color: red;
}


/** Caixa de inserção de novas instituições */
.SetNewInstitution {
    background-color: #f2f8fc;
    border-bottom-style: solid;
    border-color: #0094e9;
    border-left-style: solid;
    border-right-style: initial;
    border-top-style: initial;
    border-width: 0px 0px 0px 3px;
    margin-bottom: 0px;
    margin-top: 10px;
    padding: 20px;
    margin-left: 0px;
}

/** NotValid border on selectize */
.selectize-control.Not_Valid  .selectize-input {
    border-color: rgb(191, 22, 1);
    border-width: 2px;
}

.NavigationBar.Vertical .MenuContent a:link {
    padding-top: 5px;
    padding-bottom: 5px;
}


.MainPopup {
    background-color: white;
}