/*CSS Hoja Estilos Lifewatch*/
/*[type=css]*/

/*fuentes*/

@font-face{
    font-family: 'Titillium Web'
    src: url(../fonts/TitilliumWeb-regular.ttf) format('truetype')
}
@font-face{
    font-family: 'Titillium Web'
    src: url(../fonts/TitilliumWeb-bold.ttf) format('truetype')
    font-weight:bold;
}
@font-face{
    font-family: 'Titillium Web'
    src: url(../fonts/TitilliumWeb-bolditalic.ttf) format('truetype')
    font-weight:bold;
    font-style:italic;
}
@font-face{
    font-family: 'Titillium Web'
    src: url(../fonts/TitilliumWeb-italic.ttf) format('truetype')
    font-style:italic;
}

/*PAra que no haga cosas raras los editores de codigo*/
.ace_editor, .ace_editor * {
    font: 16px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
}

/*Fuente para todos los elementos*/
* {
font-family: "Titillium Web", arial;
}


/*Cabecera*/
.PWMain-menu, .PWcabecera_toolbar { background:#0f4e8a; }
.PWDivFixRepo>.PWImgFixRepo {color: #0f4e8a;}

/*Tabs y bloques*/
.PWformularioArbolJS_menu>ul>li.active, .PWformularioArbolJS_menu>ul>li.active:hover { 
    background-color:#0f4e8a; 
    border-color:#0f4e8a;
}

.PWformularioArbolJS_menu>ul>li:hover {
    background-color:#f4992d; 
    border-color:#f4992d;
}

.PWlabelBloqueAzul > .PWlabelBloque{
    margin: 5px 0px 5px 0px !important;
    border-bottom: 1px solid #0f4e8a;
    min-height: 0px !important;
    width: 98%;
    font-size: 15px;
    font-weight: normal !important;
    min-height: 30px;
    margin: 4px 0 4px 0;
    padding: 0px;
    color: #0f4e8a;
}

.SwitchHz {
    flex-direction: row-reverse;
    display: inline-flex !important;
    padding-top: 15px;
    justify-content: flex-end;
}
.SwitchHz > .PWLabel {
    padding-top: 6px;
    padding-left: 65px;
}


/*Elementos diseño*/

.PWButton { background-color: #ea5b2d;}
.PWButton:hover {background-color: #f4992d;}

/*Campos*/
.PWTableRow1:hover, .PWTableRow2:hover, .PWTableRowDisabled:hover, .PWTableRow1:hover+.extends, .PWTableRow2:hover+.extends, .PWTableRowDisabled:hover+.extends {background: #f4992d;}
/*CSS Pantalla de login*/
/*[type=css]*/
.PWDefault_item_login fieldset {
    /*background: rgba(49, 133, 156, 1);*/
    border: 0px #dadbdb solid;
    border-radius: 25px;
}
legend {
    color: rgba(255, 255, 255, .15);
    border-bottom: 0px;
}
.PWDefault_item_input label {
    color: #f5f5f5;
}
.PWDefault_Body {
    background: linear-gradient(#ffffff,#ffffff) no-repeat;
}
#PWDefault_header	img {
    margin: auto;
    max-height: 120px;
}
.PWDefault_slogan h1 {
    font-size: 30px;
    color: #0f4e8a;
}

#PWDefault_block_login  {
	background:none
}

.PWDefault_Body {
    background: url(../images/ma-complete.svg);
    background-size: 350%;
    background-repeat: no-repeat;
    background-position: center left;
}

.PWDefault_item_login fieldset {
    border: 0px #ddd solid;
    padding-top: 40px;
}
#PWDefault_header {
    padding-top: 100px;
}
.PWDefault_item_input.usgroup {
    margin-bottom: 20px;
}
.PWDefault_item_login fieldset #txtUsuario {
    width: 40%;
    font-size: 17px;
    color: #0f4e8a;
}
.PWDefault_item_login fieldset #txtPassword {
    width: 40%;
    font-size: 17px;
    color: #0f4e8a;
}
.PWDefault_item_login .PWButton {
    font-size: 17px;
    border-radius: 6px;
    min-width: 300px;
}
/*CSS Personalizado*/
/*[type=css]*/

.PWLogoApp > img {
    max-height: 40px;
}

/* CENTRAR UNA COLUMNA DE UN CAMPO FORMULARIO */
.centrarColumna{
    text-align: center !important;
}

.centrarIcono{
    display: block;
    padding-top: 2px
}

.pull-left {
    float: left !important;
    margin-top: 8.5px;
}

.AnchuraIgualAlBloqueAzul {
    width: 98% !important
}

.AnchuraIgualAlBloqueAzulCombo {
    width: 99% !important;
}

.PWButton.BotonCompleto{width:100%}

.W-TarjetaInicio {
    width: 90% !important
}

.alargarSwitch {
    width: 115px !important;
}

.PWLabelBloqueSinLineaAzul > .PWlabelBloque {
    border-bottom: 0px none;
}

.DecisionIconoCSS {
    font-size: 19px;
    text-align: center;
    display: block;
}

.SinCaja {
    border-style: none !important;
}

.PWButton.BotonConsulta.HoverRojo{
    background-color: #ffffff;
    color: #000!important;
    border: black 1px solid;
    padding: 2px;
    vertical-align: bottom;
    width:100%;
}

.PWButton.BotonConsulta.HoverRojo:hover {
    color: #ffffff !important;
    background-color: #E83845;
}

.PWTarjeta-Dash {
    line-height: 2;
}
/*CSS Sobreescrito*/
/*[type=css]*/

/*Elementos tipo tabla -> Cuadrado descuadrado -> https://imgur.com/a/yKOtQ2p */
.tableED .dropdown.NoCaretDD.PWCampoFormMenuOps.async {
    top: 10px !important;
}

/*Formularios jerarquicos*/
.lev00 {
  background-color: #dbdbe4;
  color: #595672;
  /* background-color: #D8D7E1 */
  border-bottom: 1px solid SlateGray !important;
  /*#019fe8;*/
  font-weight: normal !important;
}

.lev0 {
  font-size: medium;
  color: #595672;
  /*border-bottom: 1px solid SlateGray !important;*/
  background-color: #dcf3ff; /*#E2ECEF;*/
  /*#019fe8;*/
}

/* background-color: #D8D7E1 */
/*#06affd  FFC819 LightSteelBlue color:#48465C*/
.lev1 {
  background-color: #fcfff6;
  color: #595672;
}

/*#9fe800 LightBlue*/
.lev2 {
  color: #595672;
}

/*#dcff8f LightCyan*/
/*
.lev1>td>.pull-left { padding-left: 10px;}
.lev2>td>.pull-left { padding-left: 20px;}
.lev3>td>.pull-left { padding-left: 30px;}
.lev4>td>.pull-left { padding-left: 40px;}
.lev5>td>.pull-left { padding-left: 50px;}
.lev6>td>.pull-left { padding-left: 60px;}
.lev7>td>.pull-left { padding-left: 70px;}
.lev8>td>.pull-left { padding-left: 80px;}
.lev9>td>.pull-left { padding-left: 90px;}
.last { margin-left: 100px !important;font-weight: lighter !important;}
*/

.PWTableRow .collapseChildsJRQ,
.PWTableRowDisabled .collapseChildsJRQ {
  border: 0px solid #fff;
  border-radius: 0px;
  padding-right: 0px;
  margin-right: 0px;
  min-height: 15px;
}

.lev03 {  color: #595672;}

/*#dcff8f LightCyan*/

#WFRepositorioform_Body .PWCajaArbol {
  border-right: 2px solid #BEBEBE !important;
  border-top: 0px solid #0079c1 !important;
  position: relative;
  z-index: 1;
}


.pull-left {
    float: left!important;
    display: inline-table;
    margin-right: 10px;
}

.PWLogoApp.PWTitCabecera>span {
    color: black;
    padding-left: 5px;
    align-self: center;
    font-size: 14px;
    text-transform: capitalize;
}

.PWPanelControls {  background-color: #fff;}
.PWPanelContainer {  background-color: #fff;}
/*CSS Tarjetas*/
/*[type=css]*/
.PWTarjetamaxi {
    height: 200px;
    box-shadow: 3px 3px 25px #888888;
    background-color: white;
    width: 100%;
    color:#71838c !important;
}

.PWTarjetamaxi > span {
    display: grid !important;
    white-space: normal;
    font-size: 35px;
    font-weight: bold;
}

.PWTarjetamaxi img {
    margin: auto;
    padding-bottom: 10px;
    padding-top: 15px;
    width: 70px;
    height: 70px;
}

.PWTarjetamaxi:hover {
    box-shadow: 3px 3px 25px #000000;
    background-color: white;
    color: black !important;
}

.PWTarjetamaxi .PWSubLabel {
    white-space: normal;
    font-size: 16px;
    padding-top: 10px;
    font-weight: normal;
}

/*-------------------------------------------------------------------------------------------*/

.PWTarjetamini {
    height: 90px;
    box-shadow: 3px 3px 25px #888888;
    background-color: white;
    width: 100%;
    color:#71838c !important;
    padding-top: 20px;
    text-align: left;
    vertical-align: middle;
    display: flex;
}


.PWTarjetamini img {
    vertical-align: middle;
    display: inline;
    width: 45px;
    height: 45px;
    padding-top: 10px;
}

.PWTarjetamini:hover {
    box-shadow: 3px 3px 25px #000000;
    background-color: white;
    color: black !important;
}

.PWTarjetamini > span {
    white-space: pre;
    font-size: 16px;
    font-weight: bold
}

.PWTarjetamini .PWSubLabel {
    white-space: pre;
    font-size: 14px;
    padding-top: 10px;
    font-weight: bold;
}

/*-------------------------------------------------------------------------------------------*/

.PWTarjetamaxiInicio {
    height: 200px;
    box-shadow: 3px 3px 25px #888888;
    background-color: white;
    width: 100%;
    color:#71838c !important;
}

.PWTarjetamaxiInicio > span {
    display: grid !important;
    white-space: normal;
    font-size: 35px;
    font-weight: bold !important;
    padding-top: 10px;
}

.PWTarjetamaxiInicio img {
    margin: auto;
    padding-bottom: 10px;
    padding-top: 15px;
    width: 70px;
    height: 70px;
}

.PWTarjetamaxiInicio:hover {
    box-shadow: 3px 3px 25px #000000;
    background-color: white;
    color: black !important;
}

.PWTarjetamaxiInicio .PWSubLabel {
    white-space: pre;
    font-size: 16px;
    padding-top: 0px;
    font-weight: normal;
}

/*-------------------------------------------------------------------------------------------*/

.PWTarjetaminiInicio {
    height: 90px;
    box-shadow: 3px 3px 25px #888888;
    background-color: white;
    width: 100%;
    color:#71838c !important;
    padding-top: 20px;
    text-align: left;
    vertical-align: middle;
    display: flex;
    align-items: flex-start;
}

.PWTarjetaminiInicio > span {
    white-space: PRE;
    font-size: 16px;
    font-weight: bold;
    flex: 3;
}

.PWTarjetaminiInicio img {
    vertical-align: middle;
    display: inline;
    width: 45px;
    height: 45px;
    padding-top: 10px;
}

.PWTarjetaminiInicio:hover {
    box-shadow: 3px 3px 25px #000000;
    background-color: white;
    color: black !important;
}

.PWTarjetaminiInicio .PWSubLabel {
    white-space: pre;
    font-size: 14px;
    padding-top: 14px;
    font-weight: bold;
    flex:2;
}

/*-------------------------------------------------------------------------------------------*/

.PWTarjetamaxiInicioSimple {
    height: 200px;
    box-shadow: 3px 3px 25px #888888;
    background-color: white;
    width: 100%;
    color:#71838c !important;
}

.PWTarjetamaxiInicioSimple > span {
    display: grid !important;
    white-space: pre-wrap;
    font-size: 35px;
    font-weight: bold !important;
    padding-top: 20px;
}

.PWTarjetamaxiInicioSimple img {
    margin: auto;
    padding-bottom: 10px;
    padding-top: 15px;
    width: 70px;
    height: 70px;
}

.PWTarjetamaxiInicioSimple:hover {
    box-shadow: 3px 3px 25px #000000;
    background-color: white;
    color: black !important;
}

.PWTarjetamaxiInicioSimple .PWSubLabel {
    white-space: pre;
    font-size: 16px;
    padding-top: 30px;
    font-weight: normal;
}
/*Dashboards*/
/*[type=css]*/

.PWButton.BotonConsulta{
    background-color: #ffffff;
    color: #000!important;
    border: black 1px solid;
    padding: 2px;
    vertical-align: bottom;
    width:100%;
}

.Tarjeta {
    height: 190px;
    box-shadow: 1px 3px 25px #888888;
    background-color: white;
    width: 80%;
    color:#71838c !important;
    border-radius: 20px;
    text-align: center;
    margin: 2px 0px 2px 35px;
}

.Tarjeta img {
    padding-left: 137px;
    padding-top: 28px;
    display: block;
    padding-bottom: 15px;
}

.Tarjeta span > span {
	margin: 0px 130px 0px 130px;
	padding-top: 5px;
	font-size: x-large;
    color: black;
}

.Tarjeta span:nth-child(2n) > span {
	margin: 0px 75px 0px 75px;
	color: black;
    font-size: large;
}