﻿@import url("/RichWidgets/Theme.LondonFixed.css?1894");

/*
    How to generate a theme for your company: 
    
        1 - Go to http://www.outsystems.com/goto/themegenerator
        2 - Copy the generated CSS
        3 - Paste it here

*/
.HeaderPage {
    display: none;
}

.TitleActions {
    display: none;
}


/**********************************************************************/
.Header {
    background: #FFFFFF;} 
.Menu_TopMenuActive {
    background: #FFFFFF;}.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #f4802a;
}
.Application_Title img {
    max-height: 30px;
}

.AppSwitcherList,
.Application_Menu .Menu_DropDownButton,
.Header_Menu,
.Application_Menu {
  background: #f4802a;
}

.Menu_TopMenu a, 
.Menu_TopMenu a:link, 
.Menu_TopMenu a:visited {
     background:transparent;
}

.ButtonDefault,
.Button.Is_Default {
    background: #f4802a;
    border: 1px solid #f4802a;
    color: #FDF2E9;
}

.ButtonOrange{
   
    background: #f4802a;
    border: 1px solid #f4802a;
    color: #FDF2E9;
}

.ButtonGreen{
   
    background: green;
    border: 1px solid #20bf07;
    color: #FDF2E9;
}

.ButtonYellow{
   
    background: #e5d21a;
    border: 1px solid #e5d21a;
    color: #000000;
}

.ButtonRed{
   
    background: #8A0808;
    border: 1px solid #8A0808;
    color: #FDF2E9;
}

.AppSwitcherLink, 
.AppSwitcherLink:link, 
.AppSwitcherLink:visited {
    border:none;
}

.AppSwitcherLink, 
.AppSwitcherLink:link, 
.AppSwitcherLink:visited,
.Menu_TopMenu a:link, 
.Menu_TopMenu a:visited, 
.Menu_TopMenu a {
    color: #FDF2E9 ;
    border-bottom-color: #FDF2E9;
}

.Menu_DropDownArrow {
    border-top-color:#FDF2E9 ;
}

.Application_Menu a.Menu_SubMenuItem, 
.Application_Menu a.Menu_SubMenuItem:hover, 
.Application_Menu a.Menu_SubMenuItem:link, 
.Application_Menu a.Menu_SubMenuItem:visited {
    background-color: #DB7325;
    border-bottom: none;
    color: #FDF2E9 ;
}

.Application_Menu a.Menu_SubMenuItemActive:link, 
.Application_Menu a.Menu_SubMenuItemActive:visited,
.Application_Menu a.Menu_SubMenuItem:hover {
    color: #FFFFFF;
}

a, 
a:link, 
a:visited {
  color: #f4802a;
}

a.ActionAdd:before,
a.ActionEdit:before,
a.ActionDelete:before,
a.ActionChange:before {
    background: #f4802a;
}

.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username, 
a.Login_Info_Username:link, 
a.Login_Info_Username:visited,
.Login_Info_Logout:before,
.Login_Info_Username:before,
.AppSwitcherContainer:before,
.MenuSlider_Toggler,
.Menu_TopMenuActive:hover a,
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited { 
    color: #f4802a;
}

.EditableTable tr.RowControlGroup a {
    color: #f4802a;
}

.TerminosCondiciones {
    font-size: 9px;   
    line-height: 1.5;
}

.TerminosCondiciones:hover{
       font-size: 13px;
          line-height: 1.8;
}

.Encabezado {
    font-size: 20px;   
    line-height: 0.9;
}

.EncabezadoMediano {
    font-size: 15px;   
    line-height: 0.9;
}


.fieldset { border:1px solid green }

.legend {
  padding: 0.2em 0.5em;
  border:1px solid green;
  color:green;
  font-size:90%;
  text-align:right;
  } 


.BodyEmail {
    font-size: 12px;   
    line-height: 1.5;
}


@media screen and (max-width: 1023px) { 
    .Responsive .Login_Info_Logout:before {
         color: #FDF2E9 ;
    }
}

div.Icon.Green,
div.IconGreen {

    color: #88B23A;
   
}

div.Icon.DarkGreen,
div.IconDarkGreen {

    color: #088A08;
   
}

div.Icon.Orange,
div.IconOrage {

    color: orange;
   
}
div.Icon.Red,
div.IconRed {

    color: red;
   
}

.CardFlip {
    position: relative;
    -moz-transform: perspective(1000px);
     -ms-transform: perspective(1000px);
    -webkit-perspective: 1000;
            perspective: 1000;
    -moz-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
}

.CardFlip:hover .CardFlip_container.hover,
.CardFlip .CardFlip_container.flipped {
    -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
            transform: rotateY(180deg);
}

.ie8 .CardFlip:hover .CardFlip_container.hover .CardFlip__frontContainer,
.ie8 .CardFlip .CardFlip_container.flipped .CardFlip__frontContainer,
.ie9 .CardFlip:hover .CardFlip_container.hover .CardFlip__frontContainer,
.ie9 .CardFlip .CardFlip_container.flipped .CardFlip__frontContainer {
    display: none;
}

.CardFlip .CardFlip_container {
    position: relative;
    -webkit-transition: .6s;
            transition: .6s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.CardFlip .CardFlip__frontContainer,
.CardFlip .CardFlip__backContainer {
    left: 0;
    min-height: 80px;
    top: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.CardFlip .CardFlip__frontContainer {
    position: relative;
    -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
            transform: rotateY(0deg);
    z-index: 2;
}

.CardFlip .CardFlip__backContainer {
    position: absolute;
    -webkit-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    width: 100%;

    
    
}

/* FIX FOR IE */
.Page.ie .CardFlip {
    -webkit-perspective: 1000;
            perspective: 1000;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.Page.ie .CardFlip:hover .CardFlip_container.hover .CardFlip__backContainer,
.Page.ie .CardFlip .CardFlip_container.flipped .CardFlip__backContainer {
    -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

.Page.ie .CardFlip:hover .CardFlip_container.hover .CardFlip__frontContainer,
.Page.ie .CardFlip .CardFlip_container.flipped .CardFlip__frontContainer {
    -webkit-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
}

.Page.ie .CardFlip .CardFlip_container {
    -webkit-transition: .6s;
            transition: .6s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.Page.ie .CardFlip .CardFlip__frontContainer,
.Page.ie .CardFlip .CardFlip__backContainer {
    -webkit-transition: .6s;
            transition: .6s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.Page.ie .CardFlip .CardFlip__frontContainer {
    -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
            transform: rotateY(0deg);
    z-index: 2;
}

.Page.ie .CardFlip .CardFlip__backContainer {
    -webkit-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
}

.Page.ie .CardFlip:hover .CardFlip_container.hover,
.Page.ie .CardFlip .CardFlip_container.flipped {
    -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
            transform: rotateY(0deg);
}
div.Card.Yellow,
div.CardYellow {
    background-color: #f4ea07;
    color: #333;
    padding: 15px;
}

div.Card.White,
div.CardWhite {
    background-color: #FFF;
    color: #333;
    padding: 15px;
}

.OrangeBorderContainer {
border: 3px solid #FF7100;
border-radius: 1px;
}

img.LoginAcadem {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

div.transbox {
    margin: -200px;
    margin-right: 400px;
    background-color: #ffffff;
   
    opacity: 0.8;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

div.ui-effects-wrapper {
visibility:hidden;
}

.notifications {
    border: 3.5px solid #f9f9f9;
    border-radius: 50%;
    height: 30px;
    font-size: 15px;
    font-weight: bold;
    color: white;
    /*left: 870px;*/
    line-height: 30px;
    margin: -28px 0 0 70px;
    position: absolute;
    text-align: center;
    /*top:35px;*/
    width: 30px;
    background: #4cbe83;
}
/* ExcludeFromPickers: Header, ButtonDefault, Menu_TopMenuActive, Menu_DropDownArrow, Application_Title, AppSwitcherList, Application_Menu, Menu_DropDownButton, Header_Menu, Menu_TopMenu, AppSwitcherLink, Menu_SubMenuItem, Menu_SubMenuItemActive, Login_Info_Logout, Login_Info_Username, AppSwitcherContainer, MenuSlider_Toggler, ActionAdd, ActionEdit, ActionDelete, ActionChange, Login_Info, Responsive, EditableTable, RowControlGroup */
