/* edinn */

body {
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans", "My Trebuchet", "Trebuchet MS", arial, sans-serif;
    font-size: 17px;
    /*background-image: url('img/bg.jpg'); */
    background-attachment: fixed;
    background-position: right 50%;
    background-repeat: no-repeat;
}

a:link,
a:visited,
a:hover {
    color: #333331;
    text-decoration: none;
    font-size: 15px;
}

#block {
    cursor: pointer;
}

input[type="password"]:hover,
input[type="text"]:hover,
textarea:hover,
select:hover {
    background-color: #F0FFE6;
}

input[type="password"],
input[type="submit"],
input[type="text"],
input[type="email"],
textarea,
select {
    max-width: 350px;
    height: 30px;
    margin-bottom: 5px;
}

input[type="button"] {
    border: 1px solid #6b6b6b;
    max-width: 190px;
}

.resumen {
    width: 60%;
    margin: 0 auto;
}

.about {
    background-image: url('img/about.jpg');
    width: 321px;
    height: 321px;
}

.about span {
    position: absolute;
    margin-top: 163px;
}

.tablaform {
    margin-top: 158px;
    margin-left: 142px;
}

.rep {
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    float: left;
}

.ver {
    clear: left;
    font-size: 10px;
    vertical-align: top;
    float: left;
}

.reports {
    font-size: 13px;
    margin: 0px auto;
}

.errores {
    float: left;
    width: 232px;
    margin: 60px 45px 0px 45px;
}

.erroresPass {
    float: left;
    width: 232px;
}

.erroresAlert {
    float: left;
    width: 232px;
}

.flogin {
    border: 1px solid #000000;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 320px;
    height: 320px;
    margin-top: -160px;
    margin-left: -160px;
    overflow: hidden;
    background-image: url('img/login.jpg');
    background-repeat: no-repeat;
}

.underman {
    border: 1px solid #999;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 320px;
    height: 320px;
    margin-top: -160px;
    margin-left: -160px;
    background-image: url('img/under_maintenance.png');
    background-repeat: no-repeat;
}

.twitter {
    position: absolute;
    top: 320px;
    height: 32px;
    padding: 4px;
}

.twitter a {
    color: #000000;
    font-weight: bold;
}

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

.twitter img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.aceptar {
    text-align: right;
    text-decoration: none;
    font-size: 9px;
    height: 19px;
}

.aceptar input {
    text-align: center;
}

.frmEntrar {
    position: relative;
    left: 0%;
    top: 50.4%;
    width: 246px;
}

.frmEntrar td {
    border: 0px solid #999;
}

.login_label {
    color: #1941A5;
    text-decoration: none;
    font-size: 9px;
    text-align: left;
    border: 0px;
    margin-right: 1px;
    margin-bottom: 7px;
    vertical-align: top;
    padding-top: 2px;
    width: 62px;
}

.login_register {
    font-size: 12px;
    text-align: left;
}

.login_register a {
    color: #1941A5;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    border: 0px;
    margin-right: 1px;
    margin-bottom: 7px;
    vertical-align: top;
    padding-top: 2px;
}

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

.pass,
.usuario,
.bdd {
    color: #1941A5;
    text-decoration: none;
    font-size: 9px;
    border: 0px;
    margin-right: 1px;
    margin-bottom: 7px;
    vertical-align: middle;
    width: 66px;
    height: 15px;
}

p {
    text-align: justify;
    font-size: 13px;
    margin: 0px 0 0px 0;
    padding: 0px;
}

form {
    margin-top: 0;
}

img {
    vertical-align: middle;
    border: 0px none;
}

table {
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    font-size: 12px;
}

.tabla {
    background-color: #FFFFFF;
    padding: 0px;
    border-spacing: 0px;
    border-width: thin;
    border-style: solid;
    border-color: #FFFFFF;
}

.tablado {
    background-color: #FFFFFF;
    padding: 0px;
    border-spacing: 0px;
    border-width: thin;
    border-style: solid;
    border-color: rgb(211, 15, 15);
}

.desc_enla {
    display: none;
    position: absolute;
    background-color: #DDDDDD;
    z-index: 20;
    float: right;
    right: 0px;
    border-bottom: 1px solid #afc200;
    margin: 1px;
}

.desc_sup {
    float: right;
    clear: left;
    padding: 0px 4px;
    margin: 2px;
    text-align: left;
    list-style-type: none;
    min-width: 140px;
}

.desc_sup li a {
    font-size: 11px;
    font-weight: normal;
    color: #2c5dc6;
}

.desc_sup li:hover {
    background-color: #eeeeee;
    cursor: pointer;
}


/*TODO*/

.desc_sup img {
    width: 16px;
    height: 16px;
    margin: 3px;
}

.reports_superiores {
    clear: both;
    display: none;
    width: 100%;
}

.tablamain,
.results,
.spc {
    /*  clear: both;*/
    padding: 0px;
    border-spacing: 0px;
    /*margin: 0 auto;*/
    /*border: 1px solid #afc200;*/
    background-color: #ffffff;
}

.tablamain {
    width: 100%;
    height: 100%;
    border: 0px;
    /*display: inline-block;*/
    /*width: 1080px;*/
    /*margin-bottom:10px;*/
    text-align: left;
    padding: 0px;
    table-layout: auto;
    background-color: transparent;
    border-collapse: separate;
}

.tablamain_semi {
    width: 580px;
    margin-bottom: 10px;
}

.tablapanel th {
    font-weight: bold;
    font-size: 48px;
}

.tablapanel td {
    text-align: left;
    font-size: 18px;
}

.formula,
.formula a,
.formula a:hover {
    font-size: 18px;
    margin-left: 0px
}

#printme {
    table-layout: auto;
    width: auto;
}

#printme thead {
    background-color: white;
}

#printme tr {
    border-collapse: collapse;
}

.results {
    padding: 5px;
    table-layout: auto;
    border-collapse: collapse;
}

.spc {
    padding: 7px 300px;
    border-collapse: collapse;
}

.resevo {
    padding: 0px;
    border-spacing: 0px;
    width: 98%;
    padding: 7px;
    margin: 0 auto;
    background-color: #FFF;
    border-collapse: collapse;
}

.graph {
    padding: 0px;
    border-spacing: 0px;
    padding: 7px;
    margin: 0 auto;
    border: 1px solid #999;
    background-color: #FFF;
}

.mini {
    color: #1941A5;
    text-decoration: none;
    font-size: 9px;
}

.blue {
    background-color: #E5ECF9;
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    border-collapse: collapse;
}

.red {
    background-color: #FF0000;
    color: white;
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    border-collapse: collapse;
}

.grey {
    background-color: #DDDDDD;
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    border-collapse: collapse;
}

.grey_mid {
    background-color: #7F7F7F;
    color: white;
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    border-collapse: collapse;
}

.green {
    background-color: #00FF00;
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    border-collapse: collapse;
}

.orange {
    background-color: #FF7F00;
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    border-collapse: collapse;
}

.light_orange {
    background-color: #FFA728;
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    border-collapse: collapse;
}

.white {
    background-color: #FFF;
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    border-collapse: collapse;
}

.colorNotAdded {
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #999;
    border-collapse: collapse;
}

.yellow {
    background-color: #FFFF00;
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    border-collapse: collapse;
}

.white {
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #999;
    border-collapse: collapse;
}

.error {
    background-color: #ffffcc;
    padding: 2px;
    padding-top: 18px;
    border-spacing: 0px;
    border-style: solid;
    border-width: thin;
    border-color: #FF0000;
    color: #FF0000;
    font-weight: bold;
    position: relative;
    margin-top: 0px;
    border: 1px solid #ff0000;
    background-image: url(img/exclamation.png);
    background-repeat: no-repeat;
    background-position: center 2px;
}

.legend {
    border: solid 1px #CCCCCC;
    margin: -10px 2px 2px -10px;
    padding: 2px;
    background: #FFFFFF;
    width: 507px;
}

#sombra {
    margin: 10px;
    background: #666;
    border: solid 1px #666;
    width: 500px;
}

#cont {
    text-align: center;
    padding: 5px;
    margin: 0 auto;
    width: 500px;
}

.link {
    color: #729105;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

.button,
.buttonsel {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #FFF;
    border-right-color: #FFF;
    border-bottom-color: #000000;
    border-left-color: #000000;
    color: #666666;
    padding: 8px;
    cursor: pointer;
    background-color: #E3E3DB;
}

.buttonsel {
    font-weight: bold;
}

.superindice {
    vertical-align: super;
    font-size: 11px;
}

.titulo {
    font-size: 18px;
    font-weight: bold;
    color: #999999;
}

.titulo2 {
    font-size: 12px;
    color: #999999;
    font-weight: bold;
}

.version {
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    font-style: italic;
}

.copyrightt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
    border: thin dotted #EBFEE8;
    width: 350px;
    position: absolute;
    left: 36%;
}

.copyright {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
    border: thin dotted #EBFEE8;
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 336px;
    height: 40px;
    margin-top: -160px;
    margin-left: -168px;
    overflow: hidden;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}

#tooltip h3,
#tooltip div {
    margin: 0;
}

#rep_selc {
    font-weight: 700;
    text-align: center;
    display: block;
    font-size: 20px;
    width: 100%;
}

#logo_head {
    height: 52px;
    background-color: #afc200;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    margin-top: 0px;
    width: 52px;
    float: left;
    cursor: pointer;
}

#comp_name {
    height: 52px;
    margin-top: 9px;
    margin-left: 10px;
    vertical-align: bottom;
    /*width: 70px;*/
    float: left;
    font-size: 26px;
    color: White;
    bottom: 5px;
    white-space: nowrap;
    font-family: sans-serif;
    font-weight: lighter;
    max-width: 300px;
}


/*#imCab {
  background-image: url('img/header-bg.png');
  width: 100%;
  height: 80px;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  margin: 0px auto;
  background-repeat: repeat-x;
  background-position: 100% 80px;
}*/

#contenedor {
    width: 100%;
    margin: 0px auto;
}

#hit_area {
    width: 100%;
    min-width: 1024px;
    /*background-repeat: repeat;
  background-image: url('img/header-bg.png');
  background-position: 100% 100%; */
    background-color: #2c353f;
    height: 52px;
    left: 0px;
    top: 0px;
    /*width: 1200; */
    display: block;
    /*TODO*/
    margin: 0px auto;
}

#menu_holder {
    height: 52px;
    margin-top: 0px;
    /*margin-left: 70px;*/
    /*width: 70px;*/
    /*float:right;*/
    font-size: 30;
    position: absolute;
    /*float: right;*/
    /*margin-right: 10px*/
    /*margin-left: 140px;*/
    right: 0px;
    top: 0px;
    /*display: block;*/
    /*min-width: 984px;*/
}

#nav {
    height: 52px;
    margin: 0px auto 0px auto;
    /*padding: 6px 0px 0px 0px;*/
    /*float: right;*/
}

#nav ul {
    height: 52px;
    list-style-type: none;
    text-decoration: none;
    margin: 0px;
    /*margin: 0px; /* IE 7 and below */
    padding: 0px;
}

#nav li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*font-weight: bold;*/
    margin: 0px 1px;
    float: left;
    height: 52px;
}

#nav li a {
    text-decoration: none;
    /*padding: 3px;*/
    height: 52px;
    display: block;
    text-align: center;
    width: 52px;
    /*max-width: 90px; /* IE 7 and below */
}

.navBar {
    float: left;
    margin: 2px;
}

.navBar a {
    font-size: 11px;
    font-weight: normal;
}

#powered {
    width: 15%;
    text-align: right;
    color: #808080;
    font-size: 11px;
    font-style: italic;
    margin-top: 0px;
    padding-top: 0px;
    position: absolute;
    top: -1px;
    right: 0px;
    /*z-index: 99;*/
}

#powered a {
    color: #808080;
}

#powered a:hover {
    text-decoration: underline;
}

#poweredf {
    visibility: hidden;
    width: 15%;
    text-align: left;
    color: #808080;
    font-size: 11px;
    font-style: italic;
    margin-top: 0px;
    padding-top: 0px;
    position: absolute;
    top: -1px;
    right: 0px;
    /*z-index: 99;*/
}

#poweredf a {
    color: #808080;
}

#poweredf a:hover {
    text-decoration: underline;
}

#white {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 12;
    /* background-image: url(img/black_pix2.png);
    background-repeat: repeat; */
    margin-bottom: 60px;
}

#base {
    position: absolute;
    width: 321px;
    height: 323px;
    z-index: 13;
    top: 20%;
    left: 40%;
    background-color: #FFFFFF;
    border: 1px solid #666666;
    overflow: auto;
    overflow-x: hidden;
    margin: 0 auto;
    margin-bottom: 60px;
}

.visible {
    display: block;
    visibility: visible;
}

.oculto {
    display: none;
    visibility: hidden;
}

#blanco {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 12;
    /* background-image: url(img/black_pix2.png); */
    /* background-repeat: repeat; */
    background-color: rgba(255, 255, 255, 0.5);
}

#bas {
    position: absolute;
    height: 60px;
    width: 223px;
    top: 40%;
    left: 50%;
    overflow: hidden;
    margin: 0;
    background-image: url(img/cargando.png);
    background-repeat: no-repeat;
    z-index: 99;
}

#bas h3 {
    margin: 0;
}

.header {
    /*line-height: normal;*/
    background-color: #dddddd;
    padding: 4px 0px 4px 10px;
    height: 17px;
}

.header ul {
    /*position: absolute;*/
    float: center;
    margin: 0px;
    list-style-type: none;
    /*background-color: #dddddd;*/
    /*width: 100%;
    /*border-bottom: 1px solid #afc200;*/
}

.header li {
    /*padding: 0px 6px 0px 6px;*/
    cursor: pointer;
    /*background: url(img/left.gif) no-repeat left top; */
    /*background-color: #dddddd;*/
    display: inline;
    /*margin: -3px;*/
}

.header a {
    padding: 0px 8px 0px 8px;
    /*font-weight: normal;*/
    /*background: url(img/right.gif) no-repeat right top; */
    /*text-decoration: none*/
}

.header a:hover {
    color: #333
}

.header #current a {
    /*background-image: url(img/right_on.gif); */
    padding-bottom: 5px;
    color: #333
}

.header li {
    padding: 4px;
    background-color: #dddddd;
    border: 0px solid transparent;
    margin: 1px;
}

.header li.sel {
    padding: 4px;
    background-color: #afc200;
    border-bottom: 1px solid #afc200;
    margin: 0px;
}

.header span {
    font-weight: bold;
    top: 0px;
    position: relative;
}

.purple {
    background-color: #CC99FF;
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    border-collapse: collapse;
}

.cyan {
    background-color: #00CCFF;
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    border-collapse: collapse;
}

.beige {
    background-color: #FFFF99;
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    border-collapse: collapse;
}

.light_green {
    background-color: #CCFFCC;
    padding: 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    border-collapse: collapse;
}

#info {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #76AA17;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    position: absolute;
    left: 41%;
    color: #FFF;
    background-color: #B1E74D;
    background-image: url('img/info1.gif');
    z-index: 100;
    width: 190px;
    margin: 0 auto;
    display: none;
}

#cost_icon {
    background-image: url(img/cost.png);
    height: 42px;
    width: 42px;
    background-repeat: no-repeat;
}

#co2_icon {
    background-image: url(img/co2.png);
    height: 42px;
    width: 42px;
    background-repeat: no-repeat;
}

#trees_icon {
    background-image: url(img/trees.png);
    height: 42px;
    width: 42px;
    background-repeat: no-repeat;
}

#cons_icon_up {
    background-image: url(img/cons_up.png);
    height: 42px;
    width: 42px;
    background-repeat: no-repeat;
}

#cons_icon_down {
    background-image: url(img/cons_down.png);
    height: 42px;
    width: 42px;
    background-repeat: no-repeat;
}

#cons_icon_equal {
    background-image: url(img/cons_equal.png);
    height: 42px;
    width: 42px;
    background-repeat: no-repeat;
}

#contenedor_menu {
    display: block;
    /*float: left;*/
    left: 40px;
}


/*TODO*/


/*@media print {
    .desc_enla,
    .desc_sup,
    #contenedor_menu,
    #menu_holder,
    #hit_area {
        display: none;
    }
    body {
        margin: 0;
        padding: 0;
        font-family: "Trebuchet MS", arial, sans-serif;
        text-align: center;
        font-size: 12px;
    }
}*/

#favorite_status0 {
    background-image: url(img/fav_pending.gif);
    background-repeat: no-repeat;
    width: 18px;
}

#favorite_status1 {
    background-image: url(img/fav_loader.gif);
    background-repeat: no-repeat;
    width: 18px;
}

#favorite_status2 {
    background-image: url(img/fav_done.png);
    background-repeat: no-repeat;
    width: 18px;
}

#favorite_status3 {
    background-image: url(img/fav_err.gif);
    background-repeat: no-repeat;
    width: 18px;
}

#favorite_delete {
    background-image: url(img/fav_delete.png);
    background-repeat: no-repeat;
    cursor: pointer;
    width: 18px;
}

#favorite_home_off {
    background-image: url(img/fav_home_off.png);
    background-repeat: no-repeat;
    cursor: pointer;
    width: 18px;
}

#favorite_home_on {
    background-image: url(img/fav_home_on.png);
    background-repeat: no-repeat;
    cursor: pointer;
    width: 18px;
}

#favorite_link {
    font-size: 12px;
    font-weight: bold;
}

#favorite_link a {
    font-size: 12px;
}

#favorite_table td,
#favorite_table th {
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #999;
}

#addToFavorites {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    /* background-image: url(img/black_pix2.png);
    background-repeat: repeat; */
    display: none;
    z-index: 99;
    /*visibility:hidden;*/
}

#addToFavoritesTable {
    width: 360px;
    border: 1px solid #999;
    background-color: #ffffff;
}

#addToFavoritesTable th {
    width: 100%;
    color: #ffffff;
    background-color: #2c5dc6
}

#addToFavoritesTable td {
    width: 100%;
}

#fav_desc {
    max-width: 220px;
}

#report_status,
#maxlifetime {
    visibility: hidden;
    height: 0px;
    width: 0px;
    display: none;
}

#divBOD {
    border: 1px solid #808080;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 440px;
    height: 220px;
    margin-top: -110px;
    margin-left: -220px;
    overflow: hidden;
    background-color: white;
    display: none;
}

#demorequest {
    position: absolute;
    left: 160px;
    top: 0px;
}

#report_header {
    display: none;
    /*width: 1200px;*/
    text-align: left;
    /*margin: 0px auto;*/
}

#numreg,
#cache,
#notes {
    /*margin-left: 30px;*/
    float: none;
    /*padding-left: 10px;*/
}

#report_stopped {
    font-weight: bold;
    padding-right: 8px;
}

#notes {
    display: none;
}

#report {
    /*margin: 220px;*/
    display: none;
    width: auto;
    overflow: visible;
    border: 0px solid #999;
    margin-top: 6px;
}

#data,
#title,
#id_results {
    display: none;
    width: 0px;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
}

.item_menu {
    color: #404040;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    cursor: pointer;
}

.item_menu:hover {
    background-color: #eeeeee;
}

.item_menu:hover span {
    color: #000000;
}

.item_menu_sel {
    color: #ffffff;
    background-color: #afc200;
    /*border: 1px solid #ffffff;*/
}

.item_menu_sel:hover span {
    color: #25D366;
}

.item_menu_dis {
    color: #a0a0a0;
    background-color: transparent;
    border: 1px solid transparent;
}

.item_menu_dis:hover span {
    color: #a0a0a0;
}

.icon_menu,
.icon_menu_sel,
.icon_menu_dis,
.icon_menu_loc,
.icon_menu_loc_sel {
    width: 32px;
    height: 32px;
    margin: auto;
    padding: 10px;
}

/* ESTILOS HOME FAVORITOS */

.wd img {
    visibility: hidden;
}

.wd:hover img {
    visibility: visible;
}

.wd .ui-resizable-handle {
    visibility: hidden;
}

.wd:hover .ui-resizable-handle {
    visibility: visible;
}

.wd {
    background-color: white;
    padding: 2px;
    border: 1px solid white;
    margin: 2px;
    float: left;
    font-size: 7px;
    overflow: hidden;
    cursor: move;
    height: 100%;
}

.wd:hover {
    background-color: white;
    padding: 2px;
    border: 1px solid #afc200;
    margin: 2px;
    float: left;
    font-size: 7px;
    overflow: hidden;
    cursor: move;
}

#footer {
    position: fixed;
    margin-bottom: 250px;
    width: 100%;
}

.footer {
    position: fixed;
    margin-bottom: 250px;
    width: 100%;
}

#sortable {
    padding: 0px;
    width: 100%;
    margin-top: 25px;
}

.msgWidgetsNoCache {
    background-color: #ffffcc;
    padding: 0px;
    border-spacing: 0px;
    border-style: solid;
    border-width: thin;
    border-color: #afc200;
    color: #afc200;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    margin-top: 0px;
}

.lineRepHome {
    border: none;
    background-color: #afc200;
    height: 1px;
    margin-top: 0.5px;
    width: 100%;
    text-align: center;
}

.results-head {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 3px;
    margin: 1px 3px;
    user-select: none;
    /*-ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;*/
}

.results-th {
    padding: 5px 0px;
    margin: 1px 8px;
    border: 1px solid #999;
}

.click_tr {
    cursor: pointer;
}

table.pq-grid-header-table {
    width: auto;
    color: #000000;
}

div.pq-td-div {
    color: #000000;
}

.resize-icon-l {
    /*float:left;*/
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 8px;
    height: 16px;
    background-image: url("img/resize.png");
    background-position: -8px 0px;
    background-repeat: no-repeat;
    overflow: hidden;
}

.resize-icon-r {
    /*float:right;*/
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 8px;
    height: 16px;
    background-image: url("img/resize.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    overflow: hidden;
}

.results th {
    border-right: 1px solid #A0A0A0;
    padding: 1px 0px;
}

div.in {
    width: 32px;
    height: 32px;
    background-image: url("img/in.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

div.out {
    width: 32px;
    height: 32px;
    background-image: url("img/out.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

div.hidden_div {
    display: none;
    width: 0px;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
}

#canvasDiv canvas {
    cursor: pointer;
}

a.locked_tag {
    background-image: url("img/locked.png");
    background-repeat: no-repeat;
    background-position: right top;
}

#iframe_more {
    width: 100%;
    height: 1000px;
    border: 0px;
}

#configUserAlerts,
#configUserPassword {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    /* background-image: url(img/black_pix2.png);
    background-repeat: repeat; */
    display: none;
    z-index: 99;
}

#createTab {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    /* background-image: url(img/black_pix2.png);
    background-repeat: repeat; */
    display: none;
    z-index: 99;
}

#presPeriod {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    /* background-image: url(img/black_pix2.png);
    background-repeat: repeat; */
    display: none;
    z-index: 99;
}

#presPeriodTable {
    margin-left: 6px;
    width: 360px;
    height: 25%;
    border: 1px solid #999;
    background-color: #EEEEEE;
}

#presPeriodTable {
    margin-left: 6px;
    width: 360px;
    height: 25%;
    border: 1px solid #999;
    background-color: #EEEEEE;
}

#configUserTable {
    width: 360px;
    height: 25%;
    border: 1px solid #999;
    background-color: #EEEEEE;
    margin: 25% auto 0px auto;
}

#createTabTable {
    margin-left: 6px;
    width: 360px;
    height: 25%;
    border: 1px solid #999;
    background-color: #EEEEEE;
}

#grpChkBox {
    position: absolute;
    padding: 5px;
    border: 1px solid #000;
    /*margin-left: 650px;*/
    background: #fff;
    text-align: left;
}

#drg {
    cursor: move;
}

#super_container {
    width: 100%;
    min-width: 1200px;
}

#left_container {
    width: 220px;
    top: 235px;
    float: left;
    /*height: 400px;*/
    /*position: absolute;*/
    z-index: 2;
    /*display: inline-block;*/
    white-space: nowrap;
    overflow: auto;
    border-right: 1px solid #afc200;
    margin: 0px 6px 0px 0px;
    /*background-color: #dddddd;*/
}

#tree_container {
    display: inline-block;
    width: 400px;
}


/*
#left_dragbar {
   background-color:black;
   height:100%;
   float: right;
   width: 3px;
   cursor: col-resize;
   z-index: 0;
}

#left_ghostbar {
    width:3px;
    background-color:#000;
    opacity:0.5;
    position:absolute;
    cursor: col-resize;
    z-index:999;
}
*/

#right_container {
    float: right;
    /*left : 220px; */
    right: 0px;
    position: absolute;
    /*display: inline-block;*/
    /*white-space: normal;*/
    /*white-space: nowrap;*/
}

#toggle_left {
    width: 100%;
    height: 30px;
}

#period_container {
    display: inline-block;
    width: 220px;
    position: relative;
    left: 0px;
    /*margin: 0px 30px 0px 30px;*/
    /*float:left;*/
    /*padding: 3px 0px;*/
}

#period_container table {
    margin: auto;
}

#report_container {
    /*margin-top:5px;*/
    margin-left: 5px;
    /*border: solid 1px #afc200;*/
    /*align: center;*/
}

#printme thead th {
    background-color: white;
}

.tablesorter-headerAsc {
    background-color: white;
    cursor: url(img/sort-descending.png), auto;
}

.res.tablesorter-headerAsc {
    background-color: white;
    background-image: url(img/sort-up.png);
    background-repeat: no-repeat;
    background-position: 5% 50%;
}

.tablesorter-headerDesc {
    background-color: white;
    cursor: url(img/sort-descending.png), auto;
}

.res.tablesorter-headerDesc {
    background-color: white;
    background-image: url(img/sort-down.png);
    background-repeat: no-repeat;
    background-position: 5% 50%;
}

.tablesorter-headerUnSorted {
    background-color: white;
    cursor: url(img/sort-descending.png), auto;
}

#configUserTable th {
    width: 100%;
    color: #FFFFFF;
    background-color: #2c353f;
}

#configUserTable td {
    width: 180px;
}

#AlertsAt {
    max-width: 220px;
}

#colgroups th {
    background-color: #EEEEEE;
    border: 1px solid #FFFFFF;
    padding: 3px 0px;
}

#boton_tree {
    /*float: left;*/
    margin-left: 164px;
    width: 40px;
    /*margin-top: 4px;*/
}

#boton_tree input {
    border: none;
    color: white;
    opacity: 0;
    padding: 0px 22px;
    display: inline-block;
    cursor: pointer;
}

#boton_tree_r input {
    border: none;
    color: white;
    opacity: 0;
    padding: 0px 22px;
    display: inline-block;
    cursor: pointer;
}

#boton_tree_r {
    visibility: hidden;
    background: url("img/right_arrow.png") no-repeat center;
    background-color: #dddddd;
    border: none;
    color: white;
    padding: 3px 8px;
    /*  display: inline-block; */
}

#boton_tree {
    visibility: visible;
    background: url("img/left_arrow.png") no-repeat center;
    background-color: #afc200;
    border: none;
    color: white;
    padding: 3px 8px;
    /*display: inline-block; */
}

#params_container {
    display: inline-block;
    width: 100%;
    height: 100%
}

#period_cell {
    width: 220px;
}

#p_from {
    width: 125px;
}

#p_to {
    width: 125px;
}

.interna {
    display: table;
    width: 100%;
}

.interna p {
    font-size: 200%;
}

.newTab {
    cursor: pointer;
    font-weight: bold;
    border-width: 0px;
    background-color: #dddddd;
}

.tabEditor {
    cursor: pointer;
    border-width: 0px;
    background-color: #dddddd;
}

#edit_button_e {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(img/pencil.png);
    border: none;
}

#edit_button_d {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(img/fav_done.png);
    border: none;
}

.repControlsH {
    border-top: 1px solid #afc200;
    border-bottom: 0px;
}

.repControlsV {
    border-top: 1px solid #afc200;
    border-bottom: 1px solid #afc200;
    /*margin-top: 20px;*/
}


/*.reptable {
    margin-top: 25px;
}*/

.show {
    display: block;
}

.greenBG {
    background-color: #afc200;
}

#user_name {
    cursor: auto;
    background-color: #2c353f;
    color: white;
}


/* edinn */

@font-face {
    font-family: "Open Sans", 'MyTrebuchet';
    src: url('fonts/trebuc.ttf') format('truetype'), url('fonts/trebuc.svg') format('svg'), url('fonts/trebuc.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans", 'MyTrebuchet Bold';
    src: url('fonts/trebucbd.ttf') format('truetype'), url('fonts/trebucbd.svg') format('svg'), url('fonts/trebucbd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans", "My Trebuchet BoldItalic", "Trebuchet MS", arial, sans-serif;
    src: url('fonts/trebucbi.ttf') format('truetype'), url('fonts/trebucbi.svg') format('svg'), url('fonts/trebucbi.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Open Sans", "My Trebuchet Italic", "Trebuchet MS", arial, sans-serif;
    src: url('fonts/trebucit.ttf') format('truetype'), url('fonts/trebucit.svg') format('svg'), url('fonts/trebucit.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

input:hover:not([disabled]):not(.invalid),
select:hover:not([disabled]):not(.invalid) {
    background-color: #F0FFE6;
}

input{
    border: 1px solid #cecece;
    max-width: 150px;
}


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


/* Company creation wizard */


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


/* Header */

#wiz_header {
    width: 100%;
    min-width: 1024px;
    background-color: #2c353f;
    height: 70px;
    left: 0px;
    top: 0px;
    display: block;
    margin: 0px auto;
    color: #ffffff;
}

#wiz_logo {
    height: 70px;
    background-color: #afc200;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    margin-top: 0px;
    width: 70px;
    float: left;
    cursor: pointer;
}

#wiz_logo_w {
    height: 52px;
    background-color: #afc200;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    margin-top: 0px;
    width: 52px;
    float: left;
    cursor: pointer;
}

#wiz_nav {
    font-size: 25px;
    margin-top: 20px;
    margin-left: 20px;
    padding: 0px;
    float: left;
}

#wiz_lang {
    float: left;
    margin: 6px 8px;
    height: 18px;
}

#wiz_lang a {
    border: 0px;
}

#wiz_enla {
    width: 100%;
    min-width: 1024px;
    background-color: #eeeeee;
    height: 29px;
    left: 0px;
    top: 0px;
    display: block;
    margin: 0px auto;
}


/* Body */

#wiz_body {
    width: auto;
    display: block;
    margin: 10px auto 50px auto;
    overflow: hidden;
}

#wiz_body_contract {
    width: 90%;
    display: block;
    margin: 10px 30px 10px 50px;
    overflow: hidden;
}

#wiz_body_new {
    width: 960px;
    display: block;
    margin: 10px 0px 0px 30px;
    overflow: hidden;
}

#wiz_body_mobile {
    display: block;
    margin: 10px 0px 0px 5px;
    overflow: hidden;
}

#wiz_body_register {
    width: 425px;
    height: 250px;
    padding: 10px;
    background-color: #ffffff;
    display: block;
    margin: 80px 0px 0px 300px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_register2 {
    width: 425px;
    height: 220px;
    padding: 20px 10px 10px 10px;
    background-color: #ffffff;
    display: block;
    margin: 80px 0px 0px 100px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_poll {
    width: 500px;
    height: 870px;
    padding: 10px;
    background-color: #ffffff;
    display: block;
    margin: 20px 0px 100px 350px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_end {
    width: 300px;
    height: 250px;
    padding: 10px;
    background-color: #ffffff;
    display: block;
    margin: 10px 0px 0px 10px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_error {
    width: 70%;
    height: auto;
    padding: 30px;
    background-color: #ffa6a6;
    display: block;
    margin: 100px 0px 0px 150px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_error_start {
    width: 90%;
    height: auto;
    padding: 10px;
    background-color: #ffa6a6;
    display: block;
    margin: 10px 0px 0px 0px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_ok_start {
    width: 90%;
    height: auto;
    padding: 10px;
    background-color: #ffffff;
    display: block;
    margin: 10px 0px 0px 0px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_ok {
    width: 70%;
    height: auto;
    padding: 30px;
    background-color: #b7e21c80;
    display: block;
    margin: 100px 0px 0px 150px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_welcome {
    width: 600px;
    height: 350px;
    padding: 25px 0px 35px 25px;
    background-color: #ffffff;
    display: block;
    margin-right: 15px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_serv_list {
    width: 600px;
    height: 450px;
    padding: 25px 0px 35px 25px;
    background-color: #ffffff;
    display: block;
    margin: 60px 0px 0px 100px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_srv_table {
    width: 570px;
    height: 250px;
    /*padding: 25px 0px 35px 25px;*/
    background-color: white;
    display: block;
    margin: 10px 0px 10px 0px;
    overflow: scroll;
    display: table;
}

#template_sel{
    margin: 0px;
}

.fixed_header {
    width: 570px;
    table-layout: fixed;
    /*border-collapse: collapse;*/
}

.fixed_header tbody {
    display: block;
    width: 100%;
    overflow: auto;
    height: 300px;
}

.fixed_header thead tr {
    display: block;
}

.fixed_header thead {
    background-color: #2c353f;
    color: white;
}

.fixed_header td {
    width: 570px;
    font-family: "Open Sans", "My Trebuchet", "Trebuchet MS", arial, sans-serif;
    padding: 7px;
    border: 1px solid #555454;
    font-size: 16px;
    text-align: center;
}

.fixed_header th {
    /*width: 570px;*/
    font-size: 16px;
    font-family: "Open Sans", "My Trebuchet", "Trebuchet MS", arial, sans-serif;
    padding: 7px;
    border: 1px solid grey;
    background-color: #2c353f;
    color: white;
}

#SrvTable th {
    font-size: 16px;
    font-family: "Open Sans", "My Trebuchet", "Trebuchet MS", arial, sans-serif;
    padding: 7px;
    border: 1px solid grey;
    background-color: #2c353f;
    color: white;
}

#SrvTable td {
    font-family: "Open Sans", "My Trebuchet", "Trebuchet MS", arial, sans-serif;
    padding: 7px;
    border: 1px solid #555454;
    font-size: 16px;
    text-align: center;
}

#wiz_body_start {
    width: 800px;
    height: auto;
    padding: 25px 0px 35px 25px;
    background-color: #ffffff;
    display: block;
    margin: 10px 0px 0px 100px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_register_mobile {
    width: 400px;
    height: 250px;
    padding: 10px;
    background-color: #ffffff;
    display: block;
    margin: 30px 0px 0px 15px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_registro {
    width: 425px;
    height: 210px;
    padding: 10px;
    background-color: #eeeeee;
    border: #202020;
    display: block;
    margin: 0px 0px 0px 10px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_registro_white {
    width: 400px;
    height: 110px;
    padding: 15px;
    font-size: 15px;
    background-color: #ffffff;
    border: #202020;
    display: block;
    margin: 20px 0px 0px 10px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_registro_white_mobile {
    width: 350px;
    height: 110px;
    padding: 15px;
    font-size: 15px;
    background-color: #ffffff;
    border: #202020;
    display: block;
    margin: 20px 0px 0px 15px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_registro_gray {
    width: 450px;
    padding: 10px;
    font-size: 17px;
    background-color: #eeeeee;
    border: #202020;
    display: block;
    margin: 20px 0px 0px 0px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_registro_gray_mobile {
    width: 370px;
    padding: 10px;
    font-size: 17px;
    background-color: #eeeeee;
    border: #202020;
    display: block;
    margin: 20px 0px 0px 15px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_final {
    width: 300px;
    height: 20px;
    padding: 10px;
    background-color: #ffffff;
    display: block;
    margin: 0px 0px 0px 150px;
    border-radius: 8px;
    overflow: hidden;
}

#wiz_body_final_mobile {
    width: 300px;
    height: 20px;
    padding: 10px;
    background-color: #ffffff;
    display: block;
    margin: 0px 0px 0px 10px;
    border-radius: 8px;
    overflow: hidden;
}

.wiz_title {
    font-size: 14px;
    font-weight: bold;
}

.wiz_enun {
    font-size: 18px;
    color: #1f1f1f;
    font-weight: bold;
    margin-left: 10px;
}

.wiz_prin {
    font-size: 24px;
    color: #383838;
    margin-left: 150px;
    margin-top: 50px;
    font-weight: 700;
}

.wiz_prin_welcome {
    font-size: 19px;
    color: #383838;
    margin-top: 10px;
    font-weight: 200;
}
.wiz_prin_welcome span {
    font-size: 19px;
    color: #000000;
    margin-top: 10px;
    font-weight: 900;
}

.wiz_prin_welcome2 {
    font-size: 40px;
    color: #383838;
    margin-top: 70px;
    font-weight: 700;
}

.wiz_prin_welcome3 {
    font-size: 24px;
    color: #383838;
    font-weight: 700;
}

.wiz_prin_mobile {
    font-size: 24px;
    color: #383838;
    margin-left: 10px;
    font-weight: 700;
}

.wiz_req {
    font-size: 24px;
    color: #383838;
    margin-left: 150px;
    margin-top: 20px;
    font-weight: 700;
}

.wiz_pron {
    font-size: 14px;
    color: #383838;
    margin-left: 8px;
    font-weight: 100;
    margin-bottom: 10px;
}

.wiz_pron2 {
    font-size: 14px;
    color: #383838;
    font-weight: 100;
}

.wiz_pron3 {
    font-size: 14px;
    width: 200px;
    text-align: center;
    color: #383838;
    font-weight: 100;
    margin-left: 50px;
}

.wiz_pron_red {
    font-size: 14px;
    color: #ff0b0b;
    margin-left: 8px;
    font-weight: 100;
    margin-bottom: 10px;
}

.wiz_title_error {
    font-size: 24px;
    color: #383838;
}

.wiz_text_error {
    font-size: 16px;
    color: #383838;
}

.wiz_pren {
    font-size: 15px;
    color: #383838;
    margin-left: 150px;
    font-weight: 100;
    margin-bottom: 10px;
}

.wiz_text_totalizer {
    font-size: 14px;
    font-weight: 100;
    color: #383838;
}

.wiz_pren_welcome {
    font-size: 16px;
    color: #555454;
    font-weight: 100;
    margin-bottom: 10px;
}

.wiz_pren_mobile {
    font-size: 15px;
    color: #383838;
    margin-left: 10px;
    font-weight: 100;
    margin-bottom: 10px;
}

.wiz_prun {
    font-size: 28px;
    color: #383838;
    margin-left: 150px;
    font-weight: 100;
}

.wiz_prun_mobile {
    font-size: 28px;
    color: #383838;
    margin-left: 20px;
    font-weight: 100;
}

.wiz_pran {
    font-size: 15px;
    color: #383838;
    margin-left: 10px;
    font-weight: 100;
    margin-bottom: 10px;
}

#wiz_content {
    width: 100%;
    display: block;
    margin: 20px auto 50px auto;
    overflow: hidden;
}

#wiz_intro {
    width: 1024px;
    text-align: left;
    padding-top: 16px;
    padding-bottom: 16px;
}

#wiz_section {
    height: 100%;
}

#wiz_processing {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF);
    background-color: rgba(0, 0, 0, 0.5)
}

#wiz_processing table {
    width: 100%;
    height: 100%;
}

#wiz_processing td {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.wiz_date {
    margin-top: 20px;
    text-align: right;
}

.wiz_subscribe {
    border-spacing: 0px;
    border-collapse: collapse;
}

.wiz_subscribe th {
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    padding: 3px;
    border: 1px solid #6ea809;
    /*background-color: #c0c0c0;*/
    /*background-color: #538ebe;*/
    background: -webkit-linear-gradient(top, #85c80f, #6ea809);
    /* For Safari */
    background: -o-linear-gradient(top, #85c80f, #6ea809);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #85c80f, #6ea809);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(top, #85c80f, #6ea809);
    /* Standard syntax */
    background: -ms-linear-gradient(top, #85c80f, #6ea809);
    /* IE10 */
}

.wiz_subscribe td {
    padding: 3px;
    border: 1px solid #6ea809;
}

.wiz_cell_bold {
    font-size: 18px;
    font-weight: normal;
}

.wiz_image {
    text-align: center;
}

.wiz_cell_subt {
    text-align: center;
    vertical-align: top;
    /*background-color: #e6e6e6;*/
    /*background-color: #fcfcfc;*/
    background-color: rgba(204, 204, 204, 0.1);
}

.wiz_cell_nor {
    text-align: center;
    vertical-align: middle;
}

.wiz_cell_left {
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    /*background-color: #e6e6e6;*/
    /*background-color: #fcfcfc;*/
    background-color: rgba(204, 204, 204, 0.1);
}


/* footer */

#wiz_footer {
    width: 100%;
    visibility: hidden;
    position: fixed;
    color: white;
    bottom: 5px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    background-color: #2c353f;
}

#foot_logo,
#foot_contact,
#foot_mail,
#foot_support,
#foot_follow {
    float: left;
    width: 20%;
    font-size: 15px;
    /*    margin: 15px 0px;*/
}

#foot_contact,
#foot_mail,
#foot_support {
    padding: 15px 0px;
}

#foot_mail a {
    color: white;
}

#wiz_footer_img {
    vertical-align: -39%;
}

#wiz_footer_img img {
    border: 0px;
}

#foot_follow,
#foot_logo {
    padding: 5px 0px;
}

#foot_content {
    width: 100%;
    text-align: center;
}

#footer_low {
    width: 100%;
    padding: 10px 0px;
    text-align: center;
}

.wiz_fieldset {
    /*border: 1px solid #cccccc;*/
    /*border-radius: 3px;*/
    background-color: rgba(204, 204, 204, 0.1);
}

.wiz_none,
.wiz_none td {
    border: 0px solid #000000;
    border-collapse: collapse;
    border-spacing: 0px;
}

.wiz_button {
    float: right;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    width: 96px;
    color: #202020;
    background-color: #c0c0c0;
    border: 1px solid #d0d0d0;
    border-bottom-color: #808080;
    border-right-color: #808080;
    border-radius: 3px;
    padding: 36px 3px 3px 3px;
    text-decoration: none;
    background-position: center top;
    background-repeat: no-repeat;
}

.wiz_button:hover {
    background-color: #f0f0f0;
    color: #000000;
    border: 1px solid #808080;
    border-bottom-color: #d0d0d0;
    border-right-color: #d0d0d0;
}

#wiz_button_start {
    background-image: url("img/e20.png");
}

#wiz_button_start:hover {
    background-image: url("img/e20h.png");
}

#wiz_button_register {
    height: 20px;
    width: 85px;
}

#wiz_button_welcome {
    height: 20px;
    width: 150px;
}

#wiz_button_welcome:hover {
    height: 20px;
    width: 150px;
}

.wiz_button_welcome {
    margin-left: 40px;
    margin-right: 40px;
}

#wiz_button_welcome_large {
    height: 20px;
    width: 220px;
}

#wiz_button_welcome_large:hover {
    height: 20px;
    width: 220px;
}

#wiz_button_try {
    background-image: url("img/e08.png");
}

#wiz_button_try:hover {
    background-image: url("img/e08h.png");
}

#wiz_button_subscribe {
    float: left;
    font-size: 16px;
    width: 132px;
    margin: 2px 5px;
    background-image: url("img/e60.png");
}

#wiz_button_subscribe:hover {
    background-image: url("img/e60h.png");
}


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


/* Configuration Wizard */


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

#divTableContent td,
#tablePopUp,
.explanation td {
    background: rgb(248, 256, 240);
}

#divTableContent table,
.explanation th {
    background: rgb(232, 248, 224);
}

#tablePopUp th:not(#popUpTitle) {
    background: rgb(216, 248, 200);
}

#divTableContent th,
#popUpTitle {
    background: rgb(192, 224, 176);
}


/*#pageNav { background:rgb(232, 240, 216); }*/

.hsTable .pending {
    background-color: #DFD;
}

.hsTable .invalid {
    background: rgb(240, 64, 80);
    color: white;
}


/* th { box-shadow:inset 0 0 10px rgba(0, 0, 0, .033); } */

th,
td {
    padding-left: 10px;
    padding-right: 0px;
}

td.login_label,
td.bdd,
td.usuario,
td.pass {
    padding-left: 0px;
    padding-right: 0px;
}

font {
    text-shadow: .5px .5px 2px rgba(0, 0, 0, .2);
}

input[type="text"],
input[type="password"],
input[type="email"] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-left: 6px;
    padding-right: 6px;
}

input#bd,
input#username,
input#password {
    padding: 1px 0px;
}


/*input[type="button"] { margin:2px; border-radius:4px; box-shadow:0 1px 1px rgba(0, 0, 0, .15), inset 0 0 8px rgba(128, 160, 144, .33); }*/

input[type="button"]:not([disabled]) {
    cursor: pointer;
}

select {
    width: 157px;
    height: 30px;
}

#selector {
    width: 230px;
    height: 25px;   
}

#bodyContent {
    width: 80%;
    margin-left: 8.5%;
    padding: 20px;
    text-align: left;
}

#divTableContent table,
#tablePopUp {
    margin-top: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}

#divTableContent th,
#divTableContent td,
#tablePopUp th,
#tablePopUp td {
    text-align: center;
    border-radius: 2px;
}

#divTableContent table,
#tablePopUp,
span[class="ui_spinner"] {
    border: 1px solid rgb(192, 224, 176);
}

#tablePopUp {
    position: fixed;
    top: 50%;
    left: 50%;
    visibility: hidden;
}

#tablePopUp input[type="button"] {
    width: 56px;
    margin: 2px 2px;
}

#tablePopUp th {
    text-align: left;
}

#tablePopUp td {
    text-align: center;
}


/*#pageNav { position:fixed; right:15%; bottom:0px; padding:1px; padding-left:4px; padding-right:4px; border-radius:3px; border:1px solid white;*/


/*z-index:1; }*/

#bgScreen {
    background: black;
    opacity: .5;
    filter: Alpha(Opacity=50);
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0px;
    visibility: hidden;
}

#tblEfficience {
    font-size: 14px;
}

.hsTable {
    margin-top: 5px;
}

.spinnerDiv {
    padding: 2px 1px;
    padding-bottom: 6px;
    border-radius: 5px;
}

.ui_spinner {
    width: 32px;
    font-size: 12px;
    left: 0%;
}

span.ui_spinner {
    height: 12px;
    font-size: 12px;
    left: 0%;
}

.ui_bar {
    width: 240px;
    height: 16px;
    margin: 2px;
}

.hidden {
    visibility: hidden;
    position: fixed;
    top: 0px;
    width: 0px;
}


/*.explanation th { height:24px; text-align:left; }
  .doubleLegendSize th { height:36px; }
  .explanation th, .explanation td { border-radius:6px; }*/


/*.disabled { background:#333333; }*/


/*.midTextField { box-shadow:0 3px 1px rgba(255, 255, 255, .33), inset 0 0 7px rgba(0, 0, 0, .25); }
  .midButton { padding:8px; font-size:14px; background:#F0F0F0; color:#505050; }
  .bigButton { padding:16px; font-size:16px; background:rgb(188, 240, 176);
               text-shadow:0 -1px 1px rgba(0, 0, 0, .25), 0 1px 1px rgba(255, 255, 255, .25);}*/


/*.midTextField { padding:6px; font-size:16px; }*/


/*.pointer { cursor:hand; cursor:pointer; }*/


/*#hsTable th:first-child { border-radius:8px 0 0 0; }*/

.info tr:first-child {
    vertical-align: top;
}

.text-info {
    padding: 0.5em 1em;
}

.selector {
    margin: 1em 0;
}

.selector>div {
    margin-top: 1em;
}

.pageNav {
    position: fixed;
    height: 0px;
    top: 50%;
    width: 100%;
}

a.navPrev,
a.navNext {
    width: 50px;
    height: 50px;
    background: transparent url(img/navButtons.gif);
    display: block;
    cursor: pointer;
    top: 0;
    margin: 0% 2%;
}

a.navPrev {
    float: left;
}

a.navNext {
    float: right;
}

a.navPrev {
    background-position: 0 -50px;
    left: -610px;
}

a.navNext {
    background-position: 0 -200px;
    left: 560px;
}

a.navPrev:hover {
    background-position: 50px -50px;
}

a.navNext:hover {
    background-position: 50px -200px;
}

.currentMenu,
.currentMenu:hover {
    margin: 0px 1px;
    /*padding: 4px;*/
    cursor: pointer;
    color: #ffffff;
    background-color: #afc200;
    /*border: 1px solid #ffffff;*/
    *max-width: 90px;
}

.enabledMenu {
    margin: 0px 1px;
    /*padding: 4px;*/
    cursor: pointer;
    color: #404040;
    background-color: transparent;
    /*border: 1px solid transparent;*/
    *max-width: 90px;
}

.enabledMenu:hover {
    background-color: #eeeeee;
}

.enabledMenu:hover span {
    color: #000000;
}

.disabledMenu,
.disabledMenu:hover {
    margin: 0px 1px;
    padding: 4px;
    cursor: default;
    color: #a0a0a0;
    background-color: transparent;
    border: 1px solid transparent;
    *max-width: 90px;
}


/* Autocomplete combobox */

.custom-combobox {
    position: relative;
    display: inline-block;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
}

.custom-combobox-input {
    margin: 0;
    padding: 2px;
}

ul.ui-autocomplete li.ui-menu-item {
    text-align: left;
}


/* Dialogs */

.dialog-no-close .ui-dialog-titlebar-close {
    display: none
}

.dialog-no-title .ui-dialog-titlebar {
    display: none
}

#progressbar .ui-progressbar-value {
    background-color: #C5E3BF;
}

.inputTextUI {
    font: inherit;
    color: inherit;
    background: white;
    border: solid 1px;
    border-color: #7c7c7c #c3c3c3 #ddd;
    margin: 0;
    padding: 2px 0;
    cursor: text;
    margin: 0 0.2em;
}

.comboSimpleUI {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font: inherit;
    color: inherit;
    background: white;
    border: solid 1px;
    border-color: #7c7c7c #c3c3c3 #ddd;
    padding: 1px 0;
    cursor: pointer;
    margin: 0 0.2em;
}

.formParagraph {
    width: 85%;
    margin: 1.5em 0.5em;
}

.textUrl {
    width: 550px;
    margin-top: 2px;
    padding: 4px;
    max-width: 550px;
    /*float: left;*/
}

.wiz_plan {
    float: left;
    width: 176px;
    height: 520px;
    text-align: center;
    margin: 0px 4px;
    background-color: #f0f0f0;
    border: 1px solid #e0e0e0;
    box-shadow: inset 0 0 0 1px #ffffff;
}

.wiz_plan_left {
    float: left;
    width: 176px;
    height: 520px;
    margin: 0px 4px;
}

.wiz_plan .wiz_plan_title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #000000;
    /*color: #ffffff;*/
    /*background-color: #606060;*/
    padding: 3px;
    /*border-bottom: 1px solid transparent;*/
    height: 48px;
    /*box-shadow: inset 0 0 0 1px #ffffff;*/
}

.wiz_plan_left .wiz_plan_title {
    background-color: transparent;
    padding: 3px;
    /*border-bottom: 1px solid transparent;*/
    height: 48px;
}

.wiz_plan:hover {
    background-color: #e0e0e0;
}

.wiz_plan .wiz_plan_content {
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    /*  border: 1px solid #a0a0a0;
    box-shadow: inset 0 0 0 1px #ffffff;*/
}

.wiz_plan_left .wiz_plan_content {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    color: #202020;
    background-color: #f0f0f0;
    padding: 0px 0px;
    border: 1px solid #e0e0e0;
    box-shadow: inset 0 0 0 1px #ffffff;
}

.wiz_plan_content table,
.wiz_plan_content td {
    padding: 0px;
    margin: 0px;
}

.wiz_plan .wiz_plan_button {
    width: 152px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    background-color: #e0e0e0;
    padding: 4px;
    margin: 4px auto;
    cursor: pointer;
    border: 1px solid #a0a0a0;
    border-bottom-color: #606060;
    border-right-color: #606060;
    color: #202020;
}

.wiz_plan .wiz_plan_button:hover {
    background-color: #f0f0f0;
    border: 1px solid #606060;
    border-bottom-color: #a0a0a0;
    border-right-color: #a0a0a0;
    color: #000000;
}

.wiz_plan_subt {
    /*color: #f0f0f0;*/
    color: #202020;
    font-size: 16px;
}

.wiz_plan_content select {
    font-size: 14px;
    font-weight: normal;
}

.wiz_plan_feat {
    float: left;
    height: 16px;
    background-position: right center;
    background-repeat: no-repeat;
    padding: 2px 2px;
    margin: 2px auto;
}

.wiz_plan .wiz_plan_feat {
    width: 152px;
}

.wiz_plan_left .wiz_plan_feat {
    width: 170px;
}

.wiz_plan_inc {
    background-image: url("img/check.gif");
}

.wiz_plan_opt {
    background-image: url("img/optional.gif");
}

.wiz_plan_una {
    background-image: url("img/cross.gif");
}

.wiz_button_2 {
    cursor: pointer;
    float: left;
    text-align: left;
    width: 919px;
    font-size: 20px;
    font-weight: bold;
    color: #282828;
    background-color: #faf9f9;
    border: 1px solid #f0f0f0;
    border-color: #cac9c9;
    border-radius: 3px 3px 3px 3px;
    padding: 4px 4px 4px 30px;
    text-decoration: none;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.wiz_button_3 {
    cursor: pointer;
    float: left;
    text-align: center;
    width: 150px;
    font-size: 12px;
    font-weight: bold;
    color: #282828;
    background-color: #cdec83;
    border-color: #BDD444;
    border-radius: 30px;
    padding: 10px;
    text-decoration: none;
    background-position: left center;
    background-repeat: no-repeat;
    /*margin-bottom: 50px;*/
}

.wiz_button_4 {
    cursor: pointer;
    float: left;
    text-align: center;
    width: 150px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background-color: #BDD444;
    border-radius: 30px;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}

.wiz_button_error {
    cursor: pointer;
    float: left;
    text-align: center;
    width: 150px;
    font-size: 12px;
    font-weight: bold;
    background-color: #ffffff;
    border: 3px solid;
    border-color: rgb(221, 58, 46);
    border-radius: 30px;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}

.wiz_button_ok {
    cursor: pointer;
    float: left;
    text-align: center;
    width: auto;
    font-size: 12px;
    font-weight: bold;
    background-color: #ffffff;
    border: 3px solid;
    border-color: rgb(34, 160, 91);
    border-radius: 30px;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}

.wiz_button_welcome {
    cursor: pointer;
    float: left;
    text-align: center;
    width: 160px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background-color: #BDD444;
    border-radius: 30px;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}

.wiz_button_5 {
    cursor: pointer;
    float: left;
    text-align: center;
    width: 150px;
    font-size: 15px;
    font-weight: bold;
    background-color: #BDD444;
    border-radius: 30px;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    background-position: left center;
    background-repeat: no-repeat;
}

.wiz_collapsed {
    background-image: url("img/e20.png");
}

.wiz_collapsed:hover {
    background-image: url("img/e20h.png");
}

.wiz_expanded {
    background-image: url("img/e61.png");
}

.wiz_expanded:hover {
    background-image: url("img/e61h.png");
}

.wiz_section {
    margin-bottom: 8px;
}

.wiz_section .wiz_title {
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    margin: 2px 0px 0px 0px;
    border-top: 1px solid #ffffff;
    padding: 4px;
    border-radius: 12px 12px 0px 0px;
    background: -webkit-linear-gradient(top, #2c353f, #2c353f);
    /* For Safari */
    background: -o-linear-gradient(top, #2c353f, #2c353f);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #2c353f, #2c353f);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(top, #2c353f, #2c353f);
    /* Standard syntax */
    background: -ms-linear-gradient(top, #2c353f, #2c353f);
    /* IE10 */
}

.wiz_section .wiz_title_mobile {
    color: #ffffff;
    font-size: 20px;
    width: 370px;
    font-weight: normal;
    text-align: left;
    margin: 2px 0px 0px 0px;
    border-top: 1px solid #ffffff;
    padding: 4px 4px 4px 20px;
    border-radius: 12px 12px 0px 0px;
    background: -webkit-linear-gradient(top, #2c353f, #2c353f);
    /* For Safari */
    background: -o-linear-gradient(top, #2c353f, #2c353f);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #2c353f, #2c353f);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(top, #2c353f, #2c353f);
    /* Standard syntax */
    background: -ms-linear-gradient(top, #2c353f, #2c353f);
    /* IE10 */
}

.wiz_section .wiz_title_table_left {
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    margin: 2px 0px 0px 0px;
    border-top: 1px solid #ffffff;
    padding: 4px;
    border-radius: 6px 0px 0px 0px;
    background: -webkit-linear-gradient(top, #2c353f, #2c353f);
    /* For Safari */
    background: -o-linear-gradient(top, #2c353f, #2c353f);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #2c353f, #2c353f);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(top, #2c353f, #2c353f);
    /* Standard syntax */
    background: -ms-linear-gradient(top, #2c353f, #2c353f);
    /* IE10 */
}

.wiz_section .wiz_title_table_right {
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    margin: 2px 0px 0px 0px;
    border-top: 1px solid #ffffff;
    padding: 4px;
    border-radius: 0px 6px 0px 0px;
    background: -webkit-linear-gradient(top, #2c353f, #2c353f);
    /* For Safari */
    background: -o-linear-gradient(top, #2c353f, #2c353f);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #2c353f, #2c353f);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(top, #2c353f, #2c353f);
    /* Standard syntax */
    background: -ms-linear-gradient(top, #2c353f, #2c353f);
    /* IE10 */
}

.wiz_section .wiz_title_table_center {
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    margin: 2px 0px 0px 0px;
    border-top: 1px solid #ffffff;
    padding: 4px;
    border-radius: 0x 0px 0px 0px;
    background: -webkit-linear-gradient(top, #2c353f, #2c353f);
    /* For Safari */
    background: -o-linear-gradient(top, #2c353f, #2c353f);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #2c353f, #2c353f);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(top, #2c353f, #2c353f);
    /* Standard syntax */
    background: -ms-linear-gradient(top, #2c353f, #2c353f);
    /* IE10 */
}

.wiz_section .wiz_content {
    padding: 4px 4px;
    border: 1px solid #ffffff;
    border-top: 0px solid #ffffff;
    background-color: #ffffff;
}

.wiz_section .wiz_content_error {
    padding: 4px 4px;
}

.wiz_section .wiz_content_ok {
    padding: 4px 4px;
}

.wiz_section .wiz_content_gray {
    padding: 4px 4px;
    border: 1px solid #eeeeee;
    border-top: 0px solid #eeeeee;
    background-color: #eeeeee;
}

.wiz_section .wiz_content_gray_welcome {
    padding: 4px 4px;
    width: 500px;
    margin-left: 10%;
    border: 1px solid #eeeeee;
    border-top: 0px solid #eeeeee;
    background-color: #eeeeee;
}

.wiz_section .wiz_content input,
.wiz_section .wiz_content select {
    font-size: 16px;
    text-align: left;
}

.wiz_section .wiz_register input {
    font-size: 13px;
    text-align: left;
}

.wiz_section .wiz_content.wiz_prices {
    padding: 0px;
}

.wiz_section .wiz_content.wiz_prices table {
    padding: 0px;
    border-spacing: 0px;
}

.wiz_section .wiz_content.wiz_prices th {
    background-color: #ffffff;
    font-size: 17px;
    font-weight: bold;
}

.wiz_section .wiz_content.wiz_prices span.title {
    font-size: 14px;
}

.wiz_section .wiz_content.wiz_prices span.title2 {
    font-size: 17px;
}

.wiz_section .wiz_content.wiz_prices td.even {
    background-color: #ffffff;
}

.wiz_section .wiz_content.wiz_prices td.rightborder {
    border: 1px solid #ffffff;
}

.wiz_section a {
    text-decoration: none;
}

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

.wiz_section .wiz_content.wiz_prices td.price {
    font-size: 16px;
    text-align: right;
    border: 1px solid #ffffff;
}

.wiz_section .wiz_content.wiz_prices td.price2 {
    font-size: 16px;
    text-align: right;
    border: 1px solid #ececec;
}


/* The Modal (background) */

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}


/* Modal Content/Box */

.modal-content {
    background-color: #ffffff;
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */
}


/* The Close Button */

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


/* Star rating */

@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
fieldset,
label {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 1.5em;
    margin: 10px;
}


/****** Style Star Rating Widget *****/

.rating {
    border: none;
    float: left;
    padding-left: 10px;
}

.rating>input {
    display: none;
}

.rating>label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating>.half:before {
    content: "\f089";
    position: absolute;
}

.rating>label {
    color: #ddd;
    float: right;
}


/***** CSS Magic to Highlight Stars on Hover *****/

.rating>input:checked~label,

/* show gold star when clicked */

.rating:not(:checked)>label:hover,

/* hover current star */

.rating:not(:checked)>label:hover~label {
    color: #afc200;
}


/* hover previous stars in list */

.rating>input:checked+label:hover,

/* hover current star when changing rating */

.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,

/* lighten current selection */

.rating>input:checked~label:hover~label {
    color: #afc200;
}


/* CHECKBOX */


/* Customize the label (the container) */

.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-top: 12px;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */

.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: rgb(255, 255, 255);
    border-color: #0a0a0a;
    display: block;
}


/* On mouse-over, add a grey background color */

.container:hover input~.checkmark {
    background-color: rgb(255, 255, 255);
    border: solid 1px;
    border-color: #d8d8d8;
    display: block;
}


/* When the checkbox is checked, add a green background */

.container input:checked~.checkmark {
    background-color: #7db517;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: block;
}


/* Show the checkmark when checked */

.container input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.container .checkmark:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wiz_title_check {
    font-size: 20px;
    color: #383838;
    margin-top: 200px;
    font-weight: bold;
}

.wiz_text_check {
    font-size: 15px;
    color: #383838;
    margin-left: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#AcademyMobile {
    height: 155px;
    width: 200px;
    margin: 25px;
    padding: 30px;
    background-color: #eeeeee;
}

.totalizer {
    /*font-family: "Open Sans", "My Trebuchet", "Trebuchet MS", arial, sans-serif;*/
    position: fixed;
    top: 90px;
    right: 20px;
    margin-right: 60px;
    width: 15%;
    background-color: #ffffff;
    color: #2c2c2c;
    font-size: 14px;
}

.totalizer td {
    padding: 10px;
}

.totalizer tr {
    padding: 10px;
}

.totalizer th {
    color: #2c2c2c;
    background-color: #cecfcc;
    padding: 5px 0px 5px 5px;
}

.totalizer2 {
    /*font-family: "Open Sans", "My Trebuchet", "Trebuchet MS", arial, sans-serif;*/
    position: fixed;
    top: 390px;
    right: 20px;
    margin-right: 60px;
    width: 15%;
    background-color: #ffffff;
    color: #2c2c2c;
    font-size: 14px;
}

.totalizer2 td {
    padding: 10px;
}

.totalizer2 tr {
    padding: 10px;
}

.totalizer2 th {
    color: #2c2c2c;
    background-color: #cecfcc;
    padding: 5px 0px 5px 5px;
}

.totalizer3 {
    /*font-family: "Open Sans", "My Trebuchet", "Trebuchet MS", arial, sans-serif;*/
    position: fixed;
    top: 630px;
    right: 20px;
    margin-right: 60px;
    width: 15%;
    background-color: #ffffff;
    color: #2c2c2c;
    font-size: 14px;
}

.totalizer3 td {
    padding: 10px;
}

.totalizer3 tr {
    padding: 10px;
}

.totalizer3 th {
    color: #2c2c2c;
    background-color: #cecfcc;
    padding: 5px 0px 5px 5px;
}

.tbl_total {
    color: #95ae16;
    background-color: #eeeeee;
    padding: 5px 0px 5px 0px;
}

.dataTS {
    text-align: right;
}

.dataTP {
    text-align: right;
}

.numb {
    text-align: right;
}

.accept {
    border: 1px solid rgb(153, 153, 153);
    margin: 10px 650px 10px 10px;
    font-size: 16px;
    width: 840px;
}

.accept td {
    border: 1px solid rgb(153, 153, 153);
}

#licenses {
    font-family: "Open sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 667px;
    border: 1px solid #dafdda;
    margin: 5px;
}

#licenses td,
#licenses th {
    border: 1px solid #ddd;
    padding: 4px;
}

#licenses th {
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #eeeeee;
    color: #95ae16;
}

#licenses tr #title_Q {
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    font-size: 14px;
    background-color: #eeeeee;
    color: #95ae16;
    border-bottom: 1px solid #ddd;
}

.SAAS {
    /*position:fixed;*/
    /*top:20px;*/
    /*left:500px;*/
    width: 280px;
    text-align: center;
    /*background:#ffffff;*/
    margin-left: 380px;
    margin-top: -50px;
}

.SAAP {
    /*position:fixed;*/
    /*top:80px;*/
    /*left:500px;*/
    width: 280px;
    text-align: center;
    /*background:#ffffff;*/
    margin-left: 380px;
    margin-top: -50px;
}

.inter {
    width: 10%;
}

@media print {
    #printPageButton {
        display: none;
    }
}

.discount td {
    background-color: #f8e2e2;
    color: red;
}

.note p {
    background-color: white;
    color: black;
    font-size: 10px;
}

.tbl_total td {
    text-align: right;
    font-weight: bold;
}

.qt {
    text-align: center
}

#moniFormBg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    /* background-image: url(img/black_pix2.png);
    background-repeat: repeat; */
    display: none;
    z-index: 55;
}

#moniForm{
    width: 400px;
    height: 500px;
    background-color: #eeeeee;
    border: 1px solid #2c353f;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -200px;
    /*z-index: 55;*/
}

#moniForm tr .title{
    text-align: left;
    padding-left: 15%;
}

.moniBtn{
    height: 30px;
    background-color: #2c353f;
    color: white;
    margin-right: 6px;
    min-width: 56px;
}
.moniBtn:hover{
    background-color: #eeeeee;
    color: #2c353f;
}

#moniFrmBottom {
    height: 40px;
    text-align: right;
    padding: 0px;
}