@font-face {
  font-family: Myriad Pro Static;
  src: url(../static/MyriadPro-Regular.woff);
}

@font-face {
  font-family: Myriad Pro Bold Static;
  src: url(../static/MyriadPro-Bold.woff);
}

#showing_tag label{
	display:inline-block;
}
#div_pages_query a {
	color:black;
	padding:0.5em 1em;
	text-shadow:none;
	cursor:pointer;
}
#div_pages_query .active {
	background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
	border:1px solid #979797;
}
#div_pages_query a:hover.inactive {
	color:#ffffff !important;
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
    border:1px solid #111;
}

.fail {
	box-shadow: 0 0 10px #f20944;
}

input.fail::-webkit-input-placeholder
{
color: #f20944;
}

input.fail:-ms-input-placeholder
{
color: #f20944;
}

input.fail:-moz-placeholder /* Firefox 18- */
{
color: #f20944;
}

input.fail::-moz-placeholder /* Firefox 19+ */
{
color: #f20944;
}

a { color: inherit; }


body{
    background-color: #f1f1f1;
    font-family: Myriad Pro Static;
    font-size: 100%;
    color: #999999;
    overflow: auto;
/*  color: #000000;*/
}

button {
    background-color: #8cc63f;
    border-style: solid;
    border-color: #8cc63f;
    color: #ffffff;
}

h1 {
  font-family: Myriad Pro Static;
  font-size: 14pt;
  color: #999999;
  font-weight: bold;
}

#background{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#logintransparency{
    position: absolute;
    height: 90%;
    top: 7%;
    left:50%;
    z-index: 1;
    background-color: rgba(99, 99, 99, 98);
    opacity: 0.6;
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
}

#logintitle
{
    font-family: Myriad Pro Bold Static;
/*    color: #696969;*/
    color: #ffffff;
    font-size: 110%;
    position: absolute;
    width: 41.4%;
    top: 33%;
    left: 50%;
    margin-left: -9.55%;
    overflow: hidden;
    text-shadow: -1px 0 #999999, 0 1px #999999, 1px 0 #999999, 0 -1px #999999;
    z-index: 2;
}

#loginlogo{
    position: absolute;
    height: auto;
    z-index: 2;
    top: 15%;
    left: 50%;
}

#loginform{
    position: absolute;
    background-color: #ffffff;
    height: 45%;
    top: 40%;
    left: 50%;
/*    box-shadow: 5px 5px 10px #999999; */
    overflow: hidden;
/*    background-color: #ffffff;*/
    border-color: #999999;
/*    border-color: #000000;*/
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    z-index: 2;
}

#loginform input{
    background: #c0c1c2; /* Old browsers */
    background: -moz-linear-gradient(top, #c0c1c2 0%, #d6d7d8 4%, #e9e9e9 17%, #f5f5f5 29%, #fbfbfb 42%, #fefefe 54%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c1c2), color-stop(4%,#d6d7d8), color-stop(17%,#e9e9e9), color-stop(29%,#f5f5f5), color-stop(42%,#fbfbfb), color-stop(54%,#fefefe), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c0c1c2 0%,#d6d7d8 4%,#e9e9e9 17%,#f5f5f5 29%,#fbfbfb 42%,#fefefe 54%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c0c1c2 0%,#d6d7d8 4%,#e9e9e9 17%,#f5f5f5 29%,#fbfbfb 42%,#fefefe 54%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c0c1c2 0%,#d6d7d8 4%,#e9e9e9 17%,#f5f5f5 29%,#fbfbfb 42%,#fefefe 54%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c0c1c2 0%,#d6d7d8 4%,#e9e9e9 17%,#f5f5f5 29%,#fbfbfb 42%,#fefefe 54%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c1c2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    overflow: hidden;
    border-style: solid;
    border-color: #aaaaaa;
    border-width: 1px;
}

#user{
    position: absolute;
    width: 80%;
    height: 10%;
    left: 50%;
    top: 10%;
    margin-left: -40.0%;
    text-align: center;

}

#passwd{
    position: absolute;
    width: 80%;
    height: 10%;
    left: 50%;
    top: 30%;
    margin-left: -40.0%;
    text-align: center;
}

#loginlanguage{
    position: absolute;
    width: 82%;
    height: 10%;
    left: 50%;
    top: 50%;
    margin-left: -40.0%;
    text-align: center;
    color: #999999;
    background: #c0c1c2; /* Old browsers */
    background: -moz-linear-gradient(top, #c0c1c2 0%, #d6d7d8 4%, #e9e9e9 17%, #f5f5f5 29%, #fbfbfb 42%, #fefefe 54%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c1c2), color-stop(4%,#d6d7d8), color-stop(17%,#e9e9e9), color-stop(29%,#f5f5f5), color-stop(42%,#fbfbfb), color-stop(54%,#fefefe), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c0c1c2 0%,#d6d7d8 4%,#e9e9e9 17%,#f5f5f5 29%,#fbfbfb 42%,#fefefe 54%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c0c1c2 0%,#d6d7d8 4%,#e9e9e9 17%,#f5f5f5 29%,#fbfbfb 42%,#fefefe 54%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c0c1c2 0%,#d6d7d8 4%,#e9e9e9 17%,#f5f5f5 29%,#fbfbfb 42%,#fefefe 54%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c0c1c2 0%,#d6d7d8 4%,#e9e9e9 17%,#f5f5f5 29%,#fbfbfb 42%,#fefefe 54%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c1c2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border-style: solid;
    border-color: #aaaaaa;
    border-width: 1px;
}

#loginbutton
{
    position: absolute;
    width: 35%;
    height: 15%;
    left: 50%;
    top: 70%;
    margin-left: -17.5%;
    border-style: none;
    border-radius: 5px 5px;
    font-family: Myriad Pro Static;
    font-weight: bolder;
    color: #ffffff;
    background: linear-gradient(to bottom, #a1d209 0%,#9cd000 2%,#0fa400 98%,#5bbe52 100%); /* W3C */
}


#forgotpassword{
    position: absolute;
    left:50%;
    top: 79%;
    z-index: 3
}


#loading{
    visibility: visible;
    position: absolute;
    top:50%;
    left:50%;
    width: 30%;
    height: 40%;
    margin-left: -15%;
    margin-top: -10%;
    background-color: #ffffff;
    border-style: solid;
    border-color: #aaaaaa;
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    z-index: 9999;
    opacity: 0.8;
    font-family: Myriad Pro Bold Static;
    color: #696969;
    font-size: 250%;

    text-align: center;
}

#protector{
    visibility: hidden;
    position: absolute;
    top:0%;
    left:0%;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background-color: #ffffff;
    opacity: 0.3;
}

#topbar{
    position: absolute;
    width: 100%;
    height: 7.3%;
    top: 0%;
    left: 0%;
    overflow: hidden;
    background: linear-gradient(to bottom, #a1d209 0%,#9cd000 2%,#0fa400 98%,#5bbe52 100%); /* W3C */
}

#topmenu
{
    position: absolute;
    right: 3%;
    top: 0%;
    display: table;
    width: 70%;
    height: 100%;
}

#top_menurow{
    display: table-row;
    vertical-align: middle;
    height: 100%;
}

.selected_top_menu{
    background-color: #006600;
}

div.topmenuitem{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 70%;
    width: auto;
    color: #ffffff;
    font-family: Myriad Pro Static;
    font-size: 100%;
}

div.topmenuitem:hover{
    background-color: #006600;
}

#topbar img.logo{
    height: 70%;
    width: auto;
    padding-left: 3.5%;
    padding-top:0.4%
}

#leftbar
{
    position: absolute;
    top: 7.3%;
    left: 0%;
    z-index:2;
    height: 93.1083%;
    width: 12.3066%;
    box-shadow: 5px 5px 10px #999999;
    overflow: hidden;
    background-color: #ffffff;
}

#leftmenu
{
    position: absolute;
    width: 100%;
/*    height: 100%;*/
/*    top: 2%;
    left: 2%; */
    display: table;
/*    border-spacing: 10px;*/
    overflow: auto;
}

#leftmenu div.leftmenurow
{
    display:table-row;
    height: 10%;
}

.selected_left_menu{
    background-color: #cccccc;
}

#leftmenu span{
    display: table-cell;
    vertical-align: middle;
    padding-top:20%;
}

#leftmenu span:hover{
    text-decoration: underline;
    cursor:pointer;
}

#leftmenu .imgcontainer{
    display:table-cell;
    cursor:pointer;
    vertical-align: middle;
    padding-left: 10%;
    padding-top:20%;
}

#leftmenu img{
    height: 60%;
    width: auto;
}

div.appborder{
    position: fixed;
    top: 10%;
    left: 14%;
    z-index:2;
    height: 86%;
    width: 84.5%;
    box-shadow: 5px 5px 10px #999999;
    overflow: hidden;
    background-color: #ffffff;
    border-color: #999999;
    border-width: 1px;
    border-radius: 10px;
    border-style: solid;
    overflow: auto;
}

div.appcontainer {
    margin: 2%;
}

div.table{
    display: table;
    width: 400px;
    height: 100px;
/*    border-style: solid;*/
    border-width: 1px;
    border-color: #999999;
}

div.table div.cell{
    display: table-cell;
}

div.table div.tablefixed{
    width: 100%;
}

div.table div.tableheader{
    width: 100%;
    display: table;
}

div.table div.tableheader div.headerRow{
    display: table-row;
    background-color: #8cc63f;
    color: #ffffff;
}

div.table div.tableheader div.cell
{
    display: table-cell;
    text-align: center;
}

div.table div.tablescroller{
    overflow-y: scroll;
    height:92%;
    width: 100%;
}

div.table div.innertable{
    width: 100%;
    display: table;
}

div.innertable div.row{
    display: table-row;
}

div.innertable div.row div.cell{
    padding: 3px;
    border-left-style: solid;
    border-left-width: 1px;
    border-color: #999999;
}

div.innertable div.row:nth-of-type(odd){
    background-color:#f2f2f2;
}


/* Inicio Modo predefinido si no se resuelve ningun media query */

#logintransparency{
    width: 40%;
    margin-left: -20%;
}

#loginlogo{
    width: 18%;
    margin-left: -9%;
}

#loginform{
    width: 30%;
    margin-left: -15%;
}

#logintitle{
    font-size: 110%;
    width: 41.4%;
    top: 33%;
    margin-left: -9.55%;
}

#forgotpassword{
    margin-left: -5.5%;
}

#loginbutton
{
    font-size: 11pt;
}

/* Fin Modo predefinido si no se resuelve ningun media query */


/* IPADS */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)
{

    body
    {
        zoom: 100%;
    }

    #logintransparency{
        width: 80%;
        margin-left: -40%;
    }

    #loginlogo{
        width: 40%;
        margin-left: -20%;
    }

    #loginform{
        width: 60%;
        margin-left: -30%;
    }

    #logintitle{
        font-size: 115%;
        width: 41.4%;
        top: 33%;
        margin-left: -20.7%;
    }

    #forgotpassword{
        font-size: 15pt;
        margin-left: -13.5%;
    }

    #loginbutton
    {
        font-size: 15pt;
    }

    #loginform input{
        font-size: 15pt;
        width: 70%;
        margin-left: -35%
    }

    #loginform select{
        font-size: 15pt;
        width: 70%;
        margin-left: -35%
    }


}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)
{

    body
    {
        zoom: 100%;
    }

    #logintransparency{
        width: 50%;
        margin-left: -25%;
    }

    #loginlogo{
        width: 18%;
        margin-left: -9%;
    }

    #loginform{
        width: 40%;
        margin-left: -20%;
    }

    #logintitle{
        font-size: 120%;
        width: 41.4%;
        top: 33%;
        margin-left: -15%;
    }


    #forgotpassword{
        margin-left: -7.5%;
    }

    #loginbutton
    {
        font-size: 11pt;
    }

    #loginform input{
        font-size: 15pt;
    }

    #loginform select{
        font-size: 15pt;
    }

}




/* Telefonos */
@media screen
  and (min-device-aspect-ratio: 3/5)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1.5)
{

    body
    {
        zoom: 100%;
    }

    #logintransparency{
        width: 40%;
        margin-left: -20%;
    }

    #loginlogo{
        width: 18%;
        margin-left: -9%;
    }

    #loginform{
        width: 25%;
        margin-left: -12.5%;
    }

    #logintitle{
        font-size: 60%;
        width: 41.4%;
        top: 33%;
        margin-left: -15.7%;
    }


    #forgotpassword{
        font-size: 6pt;
        margin-left: -8%;
    }

    #loginbutton
    {
        font-size: 6pt;
    }

    div#loginform input, div#loginform select{
        font-size: 6pt;
    }

}

@media screen
  and (min-device-aspect-ratio: 3/5)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1.5)
{

    body
    {
        zoom: 100%;
    }

    #logintransparency{
        width: 90%;
        margin-left: -45%;
    }

    #loginlogo{
        width: 50%;
        margin-left: -25%;
    }

    #loginform{
        width: 80%;
        margin-left: -40%;
    }

    #logintitle{
        font-size: 90%;
        width: 80%;
        top: 30%;
        margin-left: -35.00%;
    }


    #forgotpassword{
        margin-left: -24%;
        font-size: 11pt;
    }

    #loginbutton
    {
        font-size: 11pt;
    }

}


/* Telefonos Iphone 5, S5 y similares*/
@media screen
  and (min-device-aspect-ratio: 14/25)
  and (orientation: landscape)
  and (min-resolution: 2dppx),
screen
  and (min-device-aspect-ratio: 14/25)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2),
screen
  and (min-device-aspect-ratio: 25/14)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1.5)
{

    body
    {
        zoom: 100%;
    }

    #logintransparency{
        width: 40%;
        margin-left: -20%;
    }

    #loginlogo{
        width: 18%;
        margin-left: -9%;
    }

    #loginform{
        width: 25%;
        margin-left: -12.5%;
    }

    #logintitle{
        font-size: 60%;
        width: 41.4%;
        top: 33%;
        margin-left: -10.7%;
    }


    #forgotpassword{
        font-size: 6pt;
        margin-left: -6%;
    }

    #loginbutton
    {
        font-size: 6pt;
    }

    div#loginform input, div#loginform select{
        font-size: 6pt;
    }

}

@media screen
  and (min-device-aspect-ratio: 14/25)
  and (orientation: portrait)
  and (min-resolution: 2dppx),
screen
  and (min-device-aspect-ratio: 14/25)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2),
screen
  and (min-device-aspect-ratio: 14/25)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1.5)
{

    body
    {
        zoom: 100%;
    }

    #logintransparency{
        width: 90%;
        margin-left: -45%;
    }

    #loginlogo{
        width: 50%;
        margin-left: -25%;
    }

    #loginform{
        width: 80%;
        margin-left: -40%;
    }

    #logintitle{
        font-size: 100%;
        width: 80%;
        top: 30%;
        margin-left: -33%;
    }


    #forgotpassword{
        font-size: 12pt;
        margin-left: -20%;
    }

    #loginbutton
    {
        font-size: 11pt;
    }

}

.ui-disabled, .ui-state-disabled, button[disabled], .ui-select .ui-btn.ui-state-disabled{
	opacity:0.6 !important;
}