@charset "utf-8";
/* 
    Document   : public
    Created on : Sep 17, 2013, 1:44:21 PM
    Author     : hugo
    Description:
        Purpose of the stylesheet follows.
*/

* {
    /*border: 1px solid red !important;*/
    margin:0;
    padding:0;
}

body {
    color: #333;
    font: 12px Arial, Helvetica, sans-serif;
    /*background-color: #f5f6f8;*/
    background-color: #ffffff;
    min-width: 1390px;
    /*min-width: 1100px;*/
    /*min-width: 1000px;*/
/*
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
*/
}

pre{
/*    position: relative;
    z-index: 9999999;
    float: left;
    top: 75px;
    clear: left;*/
}

a{
    text-decoration:none;
    color: #000;
}
a:hover{
    /*text-decoration: underline;*/
    text-decoration: underline;
}
a:visited{
    color: #000;
}

p{
    font-size: 15px;
    line-height: 25px;
    /*text-spacing: space-adjacent;*/
}
div.wizardWrap p{
    font-size: 12px;
    line-height: normal;
}
select:focus,
input:focus{
    outline: 0;
}

input[type="text"],
input[type="password"]{
    padding: 4px;
    background-color: white;
    border: 1px solid #b5b5b5;
    height: 20px;
    /*color: black;*/
}


.checkbox{
    padding: 6px;
}
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input[type="checkbox"] + label span.text {
    display: inline-block;
    margin: 0 0 0 6px;
    width: 86%;
}
input[type="checkbox"] + label span.icon {
    display:inline-block;
    width:16px;
    height:18px;
    margin:0px;
    vertical-align:middle;
    background: url('../img/icons/pie/check_sheet2.png') left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span.icon {
    background:url('../img/icons/pie/check_sheet2.png') -18px top no-repeat;
}
input[type="checkbox"]:disabled + label span.icon {
    background:url('../img/icons/pie/check_sheet2.png') -36px top no-repeat;
}
input[type="checkbox"]:checked:disabled + label span.icon {
    background:url('../img/icons/pie/check_sheet2.png') -54px top no-repeat;
}
input[type="checkbox"]:enabled + label:hover span.icon {
    background:url('../img/icons/pie/check_sheet2.png') -72px top no-repeat;
}
input[type="checkbox"]:checked:enabled + label:hover span.icon {
    background:url('../img/icons/pie/check_sheet2.png') -90px top no-repeat;
}

textarea {
    resize: none;
}

.form-block form{
    float: left;
    width: 100%;
}

.form-style-default{
    float: left;
    text-align: left;
    width: 100%;
}

.form-style-default form{
    text-align: left;
}

.form-style-default .form-inputs{
    float: left;
    text-align: left;
    padding: 0px;
    vertical-align: middle;
    white-space: nowrap;
    
    /* needed to separate the buttons from the rest of the form (wizard) */
    margin-bottom: 10px;
}

.form-style-default .form-submit{
    float: left;
    width: 100%
}

div.buttonWrap{
    display: inline; width: 100%;
}

div.buttonWrap div.button{
    /*float: left;*/
    padding: 7px;
    cursor: pointer;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.buttonWrap div.button.green{
    background-color: #45b23d;
    border: 1px solid #61bd5a;
    color: #ffffff;
}
div.buttonWrap div.button.red{
    background-color: #b72123;
    border: 1px solid #cf7575;
    color: #ffffff;
}
div.buttonWrap div.button.red2{
    background-color: #b72123;
    border: 1px solid #cf7575;
    color: #ffffff;
    font-weight: bold;
}
div.buttonWrap div.button.yellow{
    background-color: #eab81d;
    border: 1px solid #f7e6ae;
    color: #ffffff;
}
div.buttonWrap div.button.xsroundcorners{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

div.buttonWrap div.button.unpersonify{
    width: 100%;
}

div.buttonWrap div.button.unpersonify span.label{
    text-align: center;
    font-weight: bold;
    width: 100%;
}

div.buttonWrap div.button.login{
    padding: 10px 30px;
    text-transform: uppercase;
}

div.buttonWrap div.button.form-configs{
    padding: 4px;
    margin-left: 2px;
}

div.buttonWrap div.button.menu{
    padding: 0px;
}
div.buttonWrap div.button.menu > span.label{
    margin: 36px 0px 0 30px;
    bottom:0px;
    text-transform: uppercase;
    font-size: 14px;
}
div.buttonWrap div.button.menu > span.pieicon{
    margin: 10px 30px 0 0;
}

div.buttonWrap div.button.user{
    padding: 0px 0px;
    /*text-transform: uppercase;*/
	/*width: 300px;*/
	/*height: 300px;*/
	/*background-color: red;*/
    /*color: white;*/
    color: inherit;
}

div.buttonWrap div.button.user span.label{
    margin: 9px 0 0 8px;
}

div.buttonWrap div.button.options{
    float: right;
    padding: 7px 4px 6px 0;
}

div.buttonWrap div.button.white2,
div.buttonWrap div.button.white{
    background-color: #ffffff;
    /*border: 1px solid #b0b9c2;;*/
    border: 1px solid #e1e1e1;
    color: #000000;
}

div.buttonWrap div.button.white2:hover{
    background-color: #dcdcdc;
}

div.buttonWrap div.button.silver{
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    color: #000000;
}

div.buttonWrap div.button.silver2{
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    color: #8e8e8e;
}

div.buttonWrap div.button.silver3{
    background-color: #dddddd;
    border: 1px solid #dddddd;
    color: #000000;
}

div.buttonWrap div.button.silver4{
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    color: #8e8e8e;
    font-size: 13px;
    /*font-weight: bold;*/
}

div.buttonWrap div.button > span.label{
    float: left;
    margin: 1px 2px 0 2px;
}

.form-style-default form div.input{
    float: left;
    padding: 10px;
}

.form-style-default form div.input label{
    margin: 6px 10px 0 0;
    font-weight: bold;
    /*min-width: 100px;*/
}

.form-style-default form div.input.inlineLabel label{
    float: left;
    display: inline;
}

.form-style-default form div.input.topLabel{
    width: 98%;
    padding: 1%;
}

.form-style-default form div.input.topLabel label{
    display: block;
    clear: left;
}

.form-style-default form select,
.form-style-default form textarea,
.form-style-default form input{
    /*margin: 3px;*/
    /*padding: 3px;*/
    /*width: 100%;*/
    background-color: #fff;
    border: 1px solid #ccc;
    /*border: 0px solid #ccc;*/
    font-size: 13px;
    /*height: 28px;*/
    height: 26px;
/*    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-style-default form select{
    line-height: 0;
    font-size: 12px;
    width: auto;
}

.form-style-default form textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 13px;
/*    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;*/
}


.form-style-default table{
    margin: 0px auto;
    /*display: table;*/ 
    border-spacing: 0px; 
    width: 100%; 
    border-collapse: separate; 
    border-color: gray;
}

.form-style-default table tr td{
    margin: 3px;
    padding: 6px;
}

.form-style-default table.prod_ident tr:last-child td{
    border-bottom: 0px;
}
.form-style-default table.prod_ident thead tr{
    font-weight: bold; 
    text-align:center;
}
.form-style-default table.prod_ident thead tr:first-child td{
    border-bottom: 2px solid #b72123;
    border-top: 2px solid #b72123;
}
.form-style-default table.prod_ident tr td:last-child{
    border-right: 0px;
}

.form-style-default table.prod_ident.modulesScroll thead{
    width: 100%;
}
.form-style-default table.prod_ident.modulesScroll tbody {
    display: block;
}

.form-style-default table.prod_ident.modulesScroll tbody {
    max-height: 240px;       /*  Just for the demo          */
    overflow-y: auto;   /*  Trigger vertical scroll    */
    overflow-x: hidden; /*  Hide the horizontal scroll */
}


/***************** BEGIN - collectW360Info - BEGIN **********************/

div.collectW360Info > div.form-style-default table.prod_ident{
    border-spacing: 4px 0px;
}
div.collectW360Info > div.collectW360Info-confirmPack.form-style-default table.prod_ident td{
    text-align: center;
}
div.collectW360Info > div.form-style-default table.prod_ident td{
    vertical-align: bottom;
}
div.collectW360Info > div.form-style-default table.prod_ident td.pack-360-product{
    text-align: left;
}

div.collectW360Info > div.form-style-default table.prod_ident tr.packName{
    font-weight: bold; font-size: 10px;
}
div.collectW360Info > div.form-style-default table.prod_ident tr.packName td.pack-360-M{
    background-color: #91d3ee; color:#fff; padding: 8px 0 6px 0;
}
div.collectW360Info > div.form-style-default table.prod_ident tr.packName td.pack-360-L{
    background-color: #16a6e2; color:#fff; padding: 8px 0 6px 0;
}
div.collectW360Info > div.form-style-default table.prod_ident tr.packName td.pack-360-P{
    background-color: #17588d; color:#fff; padding: 8px 0 6px 0;
}

div.collectW360Info > div.form-style-default table.prod_ident tr.packName td.pack-360-M,
div.collectW360Info > div.form-style-default table.prod_ident tr.packName td.pack-360-L,
div.collectW360Info > div.form-style-default table.prod_ident tr.packName td.pack-360-P{
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
div.collectW360Info > div.form-style-default table.prod_ident tr.packPrice td.pack-360-M,
div.collectW360Info > div.form-style-default table.prod_ident tr.packPrice td.pack-360-L,
div.collectW360Info > div.form-style-default table.prod_ident tr.packPrice td.pack-360-P{
    border: 1px solid silver;
    vertical-align: bottom;
    padding: 4px 0 0 0;
}

div.collectW360Info > div.form-style-default table.prod_ident tr.packName td.disabled,
div.collectW360Info > div.form-style-default table.prod_ident tr.packPrice td.disabled,
div.collectW360Info > div.form-style-default table.prod_ident tr.productLine td.disabled{
    opacity: 0.3;
}

div.collectW360Info > div.form-style-default table.prod_ident tr.productLine:nth-child(odd) td.pack-360-product,
div.collectW360Info > div.form-style-default table.prod_ident tr.productLine:nth-child(odd) td.pack-360-M,
div.collectW360Info > div.form-style-default table.prod_ident tr.productLine:nth-child(odd) td.pack-360-L,
div.collectW360Info > div.form-style-default table.prod_ident tr.productLine:nth-child(odd) td.pack-360-P{
    background-color: #efefef;
}

/* Borders arround */
div.collectW360Info > div.form-style-default table.prod_ident tr:nth-child(2) td.pack-360-M,
div.collectW360Info > div.form-style-default table.prod_ident tr:nth-child(2) td.pack-360-L,
div.collectW360Info > div.form-style-default table.prod_ident tr:nth-child(2) td.pack-360-P{
    border-top: 1px solid transparent !important;
}

div.collectW360Info > div.form-style-default table.prod_ident tr.productLine td.pack-360-M,
div.collectW360Info > div.form-style-default table.prod_ident tr.productLine td.pack-360-L,
div.collectW360Info > div.form-style-default table.prod_ident tr.productLine td.pack-360-P,
div.collectW360Info > div.form-style-default table.prod_ident tr.packSelection td.pack-360-M,
div.collectW360Info > div.form-style-default table.prod_ident tr.packSelection td.pack-360-L,
div.collectW360Info > div.form-style-default table.prod_ident tr.packSelection td.pack-360-P{
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
}
div.collectW360Info > div.form-style-default table.prod_ident tr:nth-last-child(1) td.pack-360-M,
div.collectW360Info > div.form-style-default table.prod_ident tr:nth-last-child(1) td.pack-360-L,
div.collectW360Info > div.form-style-default table.prod_ident tr:nth-last-child(1) td.pack-360-P{
    border-bottom: 1px solid transparent !important;
}


/* MOUSE OVER */
/*div.collectW360Info > div.form-style-default table.prod_ident tr:nth-child(2) td.pack-360-M.mouseover,
div.collectW360Info > div.form-style-default table.prod_ident tr:nth-child(2) td.pack-360-L.mouseover,
div.collectW360Info > div.form-style-default table.prod_ident tr:nth-child(2) td.pack-360-P.mouseover{
    border-top: 1px solid red !important;
}
*/
div.collectW360Info > div.form-style-default table.prod_ident tr td.pack-360-M.mouseover,
div.collectW360Info > div.form-style-default table.prod_ident tr td.pack-360-L.mouseover,
div.collectW360Info > div.form-style-default table.prod_ident tr td.pack-360-P.mouseover{
/*    border-left: 1px solid red !important;
    border-right: 1px solid red !important;*/
    cursor: pointer;
}

/*
div.collectW360Info > div.form-style-default table.prod_ident tr:nth-last-child(1) td.pack-360-M.mouseover,
div.collectW360Info > div.form-style-default table.prod_ident tr:nth-last-child(1) td.pack-360-L.mouseover,
div.collectW360Info > div.form-style-default table.prod_ident tr:nth-last-child(1) td.pack-360-P.mouseover{
    border-bottom: 1px solid red !important;
}
*/

/***************** END - collectW360Info - END **********************/


.posComercialdesig,
.posComercialdesigSub,
.posDescriptionSub,
.posDescription{
    width: 100%;
}

.form-style-white-wrap{
    /*border: 1px solid #e1e1e1;*/
    background-color: #ffffff;
}

/******** TABLE with div **********/

div.oneByOne{
    cursor: default;
}
div.oneByOne > div{
    /*min-width: 8px !important;*/
    padding: 6px !important;
}

.table {
    margin: 6px auto;
    width: 98%;
    display: table;
    /*border-bottom: 1px solid silver;*/
}

.table > div.thead{
    display: table-header-group;
    background-color: white;
    text-align: center;
    font-weight: bold;
}

.table > div{
    display: table-row;
    background-color: #eeeeee;
}

.table > div > div{
    display: table-cell;
    padding: 4px 10px;
    /*border-top: 1px solid silver;*/
    /*border-left: 1px solid silver;*/
    vertical-align: middle;
    width: 10%;
}
.table > div > div:last-child{
    /*border-right: 1px solid silver;*/
}

.table > div > div.operations{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    height: 24px;
}

.table > div > div.domainstatus,
.table > div > div.operations,
.table > div > div.center{
    text-align: center;
}

table.table-fixed{
    table-layout: fixed;
}
table.table-fixed td{
    overflow: hidden;
    text-overflow: ellipsis;
}
table.table {
    margin: 0px auto;
    width: 98%;
    border-spacing: 0px;
    border-collapse: collapse;
    border-color: transparent;
}

table.table > tbody > tr.thead{
    background-color: white;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid #e1e1e1;
}


div#clientsGrid table.table > tbody > tr:not(.thead):hover{
    background-color: #cf7575;
    color: #ffffff;
    cursor: pointer;
}

div#clientsGrid table.table > tbody > tr.rowSelected{
    background-color: #b72123;
    color: #ffffff;
}

div > div > table.table > tbody > tr:not(:last-child){
    border-bottom: 1px solid #e1e1e1;
}

div > div > table.table > tbody > tr{
    /*background-color: #eeeeee;*/
    /*border-top: 1px solid silver;*/
    /*border-bottom: 1px solid silver;*/
    font-size: 11px;
}

div > div > table.table > tbody > tr:nth-child(3){
    /*border-top: 0px solid silver;*/
}

table.table table.table > tbody > tr{
    /*border-bottom: 1px solid silver;*/
}

table.table table.table > tbody > tr:last-child{
    border-bottom: 0px;
}

table.table > tbody > tr > td{
    display: table-cell;
    padding: 4px 10px;
    /*border: 1px solid silver;*/
    vertical-align: middle;
}
table.table > tbody > tr > td > div:last-child{
}

table.table > tbody > tr > td.operations{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    height: 24px;
}

table.table > tbody > tr > td.domainstatus,
table.table > tbody > tr > td.operations,
table.table > tbody > tr > td.center{
    text-align: center;
    vertical-align: middle;
}
table.table > tbody > tr > td.right{
    text-align: right;
    vertical-align: middle;
}

.clearfix{
    clear: both;
}

table.s1, div.s1{
    width: 5%;
    /*background-color: red;*/
}
div.s2{
    width: 15%;
    /*background-color: yellow;*/
}
div.s3{
    /*width: 288px;*/
    width: 25%;
    /*background-color: yellow;*/
}
div.s4{
    width: 35%;
    /*background-color: yellow;*/
}
div.s5{
    width: 45%;
    /*background-color: lime;*/
}
div.s6{
    /*width: 576px;*/
    width: 55%;
    /*background-color: #88be14;*/
}
div.s7{
    width: 65%;
    /*background-color: #88be14;*/
}
div.s8{
    width: 75%;
    /*background-color: #88be14;*/
}
div.s9{
    width: 85%;
    /*background-color: #88be14;*/
}
div.s10{
    width: 95%;
    /*background-color: #88be14;*/
}
div.s11{
    width: 100%;
    /*background-color: #88be14;*/
}


/*** specific css ***/

div#container{
/*    background-color: lime;
    float: left;*/
}

div#header{
    box-sizing: border-box;
    z-index: 99;
    width: 100%; 
    padding: 0px 100px;
    font-size: 1em;
    border-bottom: 1px solid #e0e1e5;
    user-select: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none; 
}

div#header > div#header-wrapper{
    margin: 0px auto;
    height: 69px;
}

/*div#header > div#header-wrapper > div.leftBox{
    position: absolute;
}*/

div#header > div#header-wrapper > div.leftBox a.logo{
    float: left;
    background-image: url('../img/icons/pie/logo_PIE2.png');
    background-size: 65px 65px;
    background-repeat: no-repeat;
    background-position: left center;
    height: 45px;
    margin-top: 2px;
    padding: 20px 0 0 70px;
    font-size: 22px;
    color: #ffffff;
    text-decoration: none;
    color: inherit;
}

div#header > div#header-wrapper > div.leftBox ul{
    margin: 2px 0px 0px 20px;
    /*margin-left: 0px;*/
    padding: 26px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
    float: right;
}

div#header > div#header-wrapper > div.leftBox > ul > li{
    display: inline;
    padding: 0 10px;
    /*background-color: red;*/
    font-size: 15px;
    border-left: 1px solid black;
}
div#header > div#header-wrapper > div.leftBox > ul > li:first-of-type{
    border-left: 0px;
}

div#header > div#header-wrapper > div.leftBox > ul > li > a:hover{
    /*color: silver;*/
}
div#header > div#header-wrapper > div.leftBox > ul > li > a{
    /*text-decoration: none;*/
    
}
/*div#header > div#header-wrapper > div.leftBox > ul > li:last-child{
    border-right: 1px solid #d3d3d3;
}*/

div#header > div#header-wrapper > div.loginBoxWrapp{
    /*box-sizing: border-box;*/
    float: right;
    height: 100%;
    /*background-color: silver;*/
}

div#header > div#header-wrapper > div.loginBoxWrapp > div#loginButtons{
    padding: 16px 0 0 0;
    /*background-color: gray;*/
}

.dialogWithDropShadow{
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.5);
}

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

div#header > div#header-wrapper > div.loginBoxWrapp > div#popupModalBox{
    float: right;
    clear: both;
}

div.loggedBox{
    float: right;
    margin: 5px 0px 2px 6px;
    padding: 0px 2px;
    background-color: #dddddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

div#header > div#header-wrapper > div.loginBoxWrapp > div.entityInfo{
    /*float: right;*/
    margin: 6px 9px 0px 0px;
    
    text-align: right;
    width: 100%;
}
div#header > div#header-wrapper > div.loginBoxWrapp > div.entityInfo > span.entityName{
    /*color: #ffffff;*/
}
div#header > div#header-wrapper > div.loginBoxWrapp > div.entityInfo > span.entityType{
    /*color: #ffffff;*/
    font-weight: bold;
    margin-right: 4px;
}

/*div#header > div#header-wrapper > div.loginBoxWrapp > div.loginBox > a,
div#header > div#header-wrapper > ul > li > a{
    float: left;
    text-align: center;
    padding: 10px 19px 10px 19px;
    width: auto;
    color: #333333;
}*/
div#header > div#header-wrapper > ul > li > a:hover,
div#header > div#header-wrapper > ul > li > a.selected:hover{
    color: #e00000;
    background-color: #ffffff;
}

div#header > div#header-wrapper > ul > li > a.selected{
    background-color: white;
    color: #bd0000;
}

/*div#header > div#header-wrapper > div.loginBoxWrapp > div.loginBox{
    float: right;
    border-right: 1px solid #d3d3d3;
}*/

div.passwdRecovery{
    float: left; 
    margin: 8px 0 8px 8px; 
    padding: 0px 0 0px 14px; 
    background-repeat: no-repeat; 
    background-position: 0px 1px;
    background-image: url('/img/icons/pie/seta_direita_cinza.png');
}

div.passwdRecovery a{
    color: #747374; 
}

div#content{
    position: relative;
    float: left;
/*    margin: 0px auto;
    width: 1190px;*/
    width: 100%;
    /*background-color: #f5f6f8;*/
    /*background-color: transparent;*/
    padding: 0px 0 0px 0;
}


div#content > div#toc{
    float: left;
    margin-top: 16px;
    width: 958px;
    /*border: 1px solid #d3d3d3;*/
    font-size: 15px;
    font-weight: bold;
    /*background-color: #e00000;*/
}

div#tocPage{
    padding: 10px 0%;
}

div#tocPage ul.navPage > li{
    list-style-type: none;
    padding: 3px 0 3px 2%;

}

div#tocPage ul.navPage > li ul li{
    list-style-type: none;
    padding: 3px 0 3px 4%;
}

div#tocPage ul.navPage a{
    padding: 3px;
    
}

div#tocPage ul.navPage div.column h3{
    padding: 6px 6px 2px 2%;
}

div#content div#crumbs{
    box-sizing: border-box;
    float: left;
    /*padding-top: 0px;*/
    width: 100%;
    height: 28px;
    color: #ffffff;
/*    background-color: #b72123;
    border-bottom: 1px solid #cf7575;*/
    padding: 0px 0 0px 10px;
}

div#content div#crumbs > div#crumbsPos{
    /*box-sizing: border-box;*/
    float: left;
    background-image: url('../img/icons/pie/filtro_localizacao.png');
    background-position: 0px 2px;
    background-repeat: no-repeat;
    
    padding: 4px 4px 7px 20px;
    color: #b72123;
    /*background-color: lime;*/
}

div#content div#crumbs > div#crumbsPos a{
    color: #8995a5;
}

div#content div#crumbs > div#crumbsPos a:hover{
    color: #616161;
    text-decoration: none;
}

div#content div#crumbs > div#crumbsPos span.separator{
    background-image: url('../img/icons/pie/separador.png');
    background-position: center center;
    background-repeat: no-repeat;
    /*float: left;*/
    /*width: 10px;*/

    padding: 3px 7px;
    /*height: 16px;*/
    /*background-color: lime;*/
}

div#footer{
    /*position: fixed;*/
    /*z-index: 999998;*/
    /*bottom: 0px;*/
    
    float: left;
    box-sizing: border-box;
    width: 100%;
    /*background-color: #ffffff;*/
    background-color: #f5f6f8;
    border-top: 1px solid #f2f2f2;
    padding: 16px 100px;
}

div#footer > div#footer-wrapper{
    float: left;
    width: 100%;
    /*background-color: orange;*/
}

#footer-copyright {
    float: left;
}

#footer-icons {
    float: right;
}

#footer-copyright > #footer-copyright-wrapper {
    margin: 6px 0 0 0;
    /*background-color: #61bd5a;*/
}

#footer-icons > #footer-icons-wrapper {
    margin: 0px;
    /*background-color: blue;*/
}


div#footer > div#fcontent{
    float: left;
    /*margin: 0px auto;*/
    /*color: #ffffff;*/
    color: #000000;
    /*width: 1190px;*/
    padding: 10px 0px;
    /*background-color: #616161;*/
}

/*div#fproducts{
    width: 100%;
    border: 0px white solid;
}*/
/*div#fproducts > div{
    margin: 0px auto;
    display: table;
}*/

/* view layout */
div#content > div#view.innerContent{
    width: 1190px;
    padding-top: 12px;
}

div#content > div#view{
    /*margin: 112px auto;*/
    /*margin: 70px auto;*/
    margin: 0px auto;
    min-height: 480px;
}

div#content > div#view > div#dbcontent{
    margin: 0px;
    text-align: left;
}

#exceptionWrapModal,
#messageWrapModal{
    display: none;
    cursor: pointer;
    position: relative;
    /*top: 69px;*/
    padding: 10px 0px 10px 0px;
    min-height: 20px;
    width: 100%;
    text-align: center;
    background-color: lightgray;
    font-weight: bolder;
}

.userMessageType0{
    /* only to mantain neutrality while changing code to new message code level */
    color: #000;
}
.userMessageType1{
    color: green;
}
.userMessageType2{
    color: yellow;
}
.userMessageType3{
    color: red;
}

div#messageWrapModalShowAgain{
    position: relative;
    /*top: 69px;*/
    /*left: 0px;*/
    text-align: right;
    font-weight: bold;
    width: 100%;
    padding: 5px;
    font-size: 0.8em;
    float: right;
    z-index: 10;
    cursor: pointer;
    display: none;
    background-color: lightgray;
}

#exceptionWrap,
#messageWrap{
    display: none; 
    position: fixed; 
/*
    border-radius: 5px;
    opacity:0.6;
    filter:alpha(opacity=60);*/
    background-color: #FFFFFF;
    /*border: 1px #e00000 solid;*/
    text-align: center;
    color: #e00000;
    z-index: 999999;
}
#messageWrap{
    left: 40%;
    width: 20%;
    top: 120px;
}
#exceptionWrap{
    width: 100%;
    left: 0px;
    text-align: left;
}

#exceptionWrap div.closeBtn,
#messageWrap div.closeBtn{
    float: right;
    color: black;
    cursor: pointer;
    padding: 5px 8px 0 0;
    font-size: 1.3em;
    font-weight: bold;
}

#exceptionWrap .message,
#messageWrap .message{
    padding: 15px;
    font-size: 1.2em;
}

#exceptionWrap .messageErr,
#messageWrap .messageErr{
    padding: 15px;
    color: whitesmoke;
    background-color: #e00000;
    font-size: 1.2em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

/*.fixedHeightErrorMsg{
   float: left;
   height: 20px; 
}*/

.error-message{
    color: red;
    display: inline;
    float: right;
}

.inputErrorMsg{
    display: none;
    clear:both;
    margin: 0px 1%;
    padding: 0px 4px 4px 4px;
    color: red;
    text-align: left;
    /*border: 1px dashed red;*/
}

.form-style-default table tr.sepErrorMsg td{
    margin: 0px !important;
    padding: 0px !important;
}


/******** BUTTON ICONS ********/
.btn_time_s,
.btn_copy_s,
.btn_upgrade_s,
.btn_upgrade_s_d, 
.btn_show_s,
.btn_hide_s
{
    display: inline-block;
    padding: 9px;
    background-repeat: no-repeat; 
    background-position: center center;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none; 
}

.btn_time_m,
.btn_upgradeall_m,
.btn_upgrade_m, .btn_upgradeselected_m,
.btn_pte_m,
.btn_saft_m,
.btn_emit_m,
.btn_refresh_s, .btn_refresh_m,
.btn_approve_s, .btn_approve_m,
.btn_pay_m,
.btn_approve_agent_m,
.btn_check_m,
.btn_cancel_s, .btn_cancel_m,
.btn_add_s, .btn_add_m,
.btn_edit_s, .btn_edit_m,
.btn_remove_s, .btn_remove_m, .btn_retry_m,
.btn_reset_m,
.btn_print_m,
.btn_lock, .btn_unlock,
.btn_lock_m, .btn_unlock_m,
.btn_notrenewable_m,
.btn_hardlock_m,
.btn_reset_password_m,
.btn_renewable_m,
.btn_print2_m,
.btn_key_m, .btn_key_a,
.btn_key_c, .btn_key_c_m,
.btn_view_s, .btn_view_m,
.btn_list_s, .btn_list_m,
.btn_listusers_s, .btn_listusers_m,
.btn_list_m_o,
.btn_reassign_m, .btn_reassignselected_m,
.btn_application_m,
.btn_download_m,
.btn_defaultaddress_m, .btn_manageaddresses_m,
.btn_print2_m
{
    display: inline-block;
    padding: 18px;
    background-repeat: no-repeat; 
    background-position: center center;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none; 
}

.btn_copy_s_d,
.btn_upgradeall_d_m,
.btn_pte_d_m,
.btn_saft_d_m,
.btn_upgradepending_d_m,
.btn_upgrade_d_m, .btn_upgradeselected_d_m,
.btn_refresh_s_d, .btn_refresh_d_m,
.btn_approve_s_d, .btn_approve_d_m,
.btn_pay_d_m,
.btn_approve_agent_d_m,
.btn_check_d_m,
.btn_pending_d_m,
.btn_cancel_s_d, .btn_cancel_d_m, .btn_cancel_d_m,
.btn_add_s_d, .btn_add_d_m, 
.btn_edit_s_d, .btn_edit_d_m,
.btn_remove_s_d, .btn_remove_d_m, .btn_retry_d_m,
.btn_reset_s_d, .btn_reset_d_m,
.btn_lock_d, .btn_unlock_d,
.btn_lock_d_m, .btn_unlock_d_m,
.btn_notrenewable_d_m,
.btn_hardlock_d_m,
.btn_reset_password_d_m,
.btn_renewable_d_m,
.btn_print2_d_m,
.btn_key_d_m, .btn_key_d, .btn_gap,
.btn_view_s_d, .btn_view_d_m,
.btn_list_s_d, .btn_list_d_m,
.btn_listusers_s_d, .btn_listusers_d_m,
.btn_reassign_d_m, .btn_reassignselected_d_m,
.btn_application_d_m,
.btn_download_d_m,
.btn_defaultaddress_d_m, .btn_manageaddresses_d_m
{
    display: inline-block;
    padding: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none; 
}

.btn_autodownload_m,
.btn_autodownload{
    background-color: #40709C;
    background-image: url('../img/icons/pie/auto_download.png');
    background-size: 24px 24px;
    display: inline-block;
    padding: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;
}
.btn_autodownload_d_m,
.btn_autodownload_d{
    background-image: url('../img/icons/pie/auto_download_d.png');
    border:2px dotted #40709C;
    outline: none;
    display: inline-block;
    padding: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;
}

.btn_autorenew_m,
.btn_autorenew{
    background-color: #A3487C;
    background-image: url('../img/icons/pie/auto_renova.png');
    background-size: 24px 24px;
    display: inline-block;
    padding: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;
}
.btn_autorenew_d_m,
.btn_autorenew_d{
    background-image: url('../img/icons/pie/auto_renova_d.png');
    border:2px dotted #A3487C;
    outline: none;
    display: inline-block;
    padding: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;
}

.svg-icon path {
  fill: #ff0000;
}

.btn_defaultaddress_m{
    background-color: #eab81d;
    background-image: url('../img/icons/pie/manage_addresses.png');
}

.btn_manageaddresses_m{
    background-color: #51A25f;
    background-image: url('../img/icons/pie/manage_addresses.png');
}

.btn_download_m{
    background-image: url('../img/icons/download_m.png');
}

.btn_time_m{
    background-image: url('../img/icons/time_m.png');
}

.btn_time_s{
    background-image: url('../img/icons/time_s.png');
}

.btn_copy_s{
    background-image: url('../img/icons/copy_s.png');
}

.btn_copy_s_d{
    background-image: url('../img/icons/copy_s_d.png');
}

.btn_upgradeall_m{
    background-color: #eab81d;
    background-image: url('../img/icons/pie/Atualizacao_Geral.png');
}
.btn_pte_m{
    background-color: #51A25f;
    background-image: url('../img/icons/pie/pte.png');
    margin-right: 2px;
}
.btn_pte_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/pte.png');
    margin-right: 2px;
}
.btn_saft_m{
    background-color: #51A25f;
    background-image: url('../img/icons/pie/saft.png');
}
.btn_saft_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/saft.png');
}
.btn_upgradeall_d_m {
    background-color: silver;
    background-image: url('../img/icons/pie/Atualizacao_Geral.png');
}
.btn_upgradeselected_m{
    background-color: #187a23;
    background-image: url('../img/icons/pie/Atualizacao_Geral.png');
}
.btn_upgradeselected_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/Atualizacao_Geral.png');
}

.btn_defaultaddress_d_m,
.btn_manageaddresses_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/manage_addresses.png');
}

.btn_reassignselected_m{
    -webkit-transform: rotate(90deg);     /* Chrome and other webkit browsers */
    -moz-transform: rotate(90deg);        /* FF */
    -o-transform: rotate(90deg);          /* Opera */
    -ms-transform: rotate(90deg);         /* IE9 */
    transform: rotate(90deg);             /* W3C complaint browsers */
    /* IE8 and below */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.5, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
    background-color: #187a23;
    background-image: url('../img/icons/pie/Transferencias.png');
}
.btn_reassignselected_d_m{
    -webkit-transform: rotate(90deg);     /* Chrome and other webkit browsers */
    -moz-transform: rotate(90deg);        /* FF */
    -o-transform: rotate(90deg);          /* Opera */
    -ms-transform: rotate(90deg);         /* IE9 */
    transform: rotate(90deg);             /* W3C complaint browsers */
    /* IE8 and below */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.5, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
    background-color: silver;
    background-image: url('../img/icons/pie/Transferencias.png');;
}
.btn_upgrade_m{
    background-color: #51A25f;
    background-image: url('../img/icons/pie/atualizacao_multipla.png');
}

.btn_emit_m{
    background-color: #000000;
    background-image: url('../img/icons/pie/EmitirRelatorio.png');
}

.btn_reassign_m{
    -webkit-transform: rotate(90deg);     /* Chrome and other webkit browsers */
    -moz-transform: rotate(90deg);        /* FF */
    -o-transform: rotate(90deg);          /* Opera */
    -ms-transform: rotate(90deg);         /* IE9 */
    transform: rotate(90deg);             /* W3C complaint browsers */
    /* IE8 and below */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.5, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
    background-color: #187a23;
    background-image: url('../img/icons/pie/Transferencias.png');
}
.btn_upgradepending_d_m{
    background-color: #99bca1;
    background-image: url('../img/icons/pie/atualizacao_multipla.png');
}
.btn_upgrade_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/atualizacao_multipla.png');
}
.btn_reassign_d_m{
    -webkit-transform: rotate(90deg);     /* Chrome and other webkit browsers */
    -moz-transform: rotate(90deg);        /* FF */
    -o-transform: rotate(90deg);          /* Opera */
    -ms-transform: rotate(90deg);         /* IE9 */
    transform: rotate(90deg);             /* W3C complaint browsers */
    /* IE8 and below */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.5, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
    background-color: silver;
    background-image: url('../img/icons/pie/Transferencias.png');
}
.btn_upgrade_s{
    background-image: url('../img/icons/upgrade_s.png');
}
.btn_upgrade_s_d{
    background-image: url('../img/icons/upgrade_s_d.png');
}
.btn_refresh_s{
    background-image: url('../img/icons/refresh_s.png');
}
.btn_refresh_s_d{
    background-image: url('../img/icons/refresh_s_d.png');
}
.btn_refresh_m{
    background-image: url('../img/icons/refresh_m.png');
}
.btn_refresh_d_m{
    background-image: url('../img/icons/refresh_m_d.png');
}
.btn_check_m{
    /* Leonardo: to change with new icone from Carla */
    background-color: #187a23;
    background-image: url('../img/icons/pie/AprovaEncomendas.png');
}
.btn_check_d_m{
    /* Leonardo: to change with new icone from Carla */
    background-color: silver;
    background-image: url('../img/icons/pie/AprovaEncomendas.png');
}
.btn_approve_s{
    background-image: url('../img/icons/check.png');
}
.btn_approve_s_d{
    background-image: url('../img/icons/check_d.png');
}
.btn_approve_agent_m{
    background-color: #187a23;
    background-image: url('../img/icons/pie/aprovar_agentes_pendentes.png');
}
.btn_approve_agent_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/aprovar_agentes_pendentes.png');
}
.btn_approve_m{
    background-color: #187a23;
    background-image: url('../img/icons/pie/AprovaEncomendas.png');
}
.btn_approve_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/AprovaEncomendas.png');
}
.btn_pay_m{
    background-color: #004b6f;
    background-image: url('../img/icons/pie/payment.png');
    /*background-size: 24px 24px;*/
}
.btn_pay_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/payment.png');
    /*background-size: 24px 24px;*/
}
.btn_pending_d_m{
    background-color: #aa4400;
    background-image: url('../img/icons/pie/AprovaEncomendas.png');
}
.btn_approve_d_m_l{
    cursor: pointer;
}

.btn_cancel_s{
    background-image: url('../img/icons/piecancel.png');
}
.btn_cancel_s_d{
    background-image: url('../img/icons/cancel_d.png');
}
.btn_cancel_m{
    background-image: url('../img/icons/cancel_m.png');
}
.btn_cancel_d_m{
    background-image: url('../img/icons/cancel_m_d.png');
}

.btn_add_s{
    background-image: url('../img/icons/add.png');
}
.btn_add_s_d{
    background-image: url('../img/icons/add_d.png');
}
.btn_add_m{
    background-color: #187a23;
    background-image: url('../img/icons/pie/adicionar.png');
}
.btn_add_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/adicionar.png');
    
    /*background-image: url('../img/icons/add_m_d.png');*/
}

.btn_show_s{
    background-image: url('../img/icons/show_s.png');
}
.btn_hide_s{
    background-image: url('../img/icons/hide_s.png');
}

.btn_edit_s{
    background-image: url('../img/icons/edit.png');
}
.btn_edit_s_d{
    background-image: url('../img/icons/edit_d.png');
}
.btn_edit_m{
    background-color: #eab81d;
    background-image: url('../img/icons/pie/editar.png');
}
.btn_edit_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/editar.png');
}

.btn_remove_s{
    background-image: url('../img/icons/cancel.png');
}
.btn_remove_s_d{
    background-image: url('../img/icons/cancel_d.png');
}
.btn_remove_m{
    background-color: #aa0000;
    background-image: url('../img/icons/pie/eliminar.png');
}
.btn_remove_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/eliminar.png');
}
.btn_retry_m{
    background-color: #51A25f;
    background-image: url('../img/icons/pie/retry.png');
}
.btn_retry_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/retry.png');
}
.btn_reset_m{
    background-color: #eab81d;
    background-image: url('../img/icons/pie/eliminar.png');
}
.btn_reset_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/eliminar.png');
}

.btn_key_m,
.btn_key_a{
    background-color: #187a23;
    background-image: url('../img/icons/pie/Permissoes.png');
}
.btn_key_c_m,
.btn_key_c{
    background-color: #aa0000;
    background-image: url('../img/icons/pie/cancelar_licenca.png');
}
.btn_key_d_m,
.btn_key_d{
    background-color: silver;
    background-image: url('../img/icons/pie/Permissoes.png');
}

.btn_print_m{
    background-image: url('../img/icons/report.png');
}

.btn_lock_m,
.btn_lock{
    background-color: #eab81d;
    background-image: url('../img/icons/pie/bloquear_calendario.png');
}
.btn_lock_d_m,
.btn_lock_d{
    background-color: silver;
    background-image: url('../img/icons/pie/bloquear_calendario.png');
}

.btn_unlock_m,
.btn_unlock{
    background-color: #187a23;
    background-image: url('../img/icons/pie/desbloquear_calendario.png');
}
.btn_unlock_d_m,
.btn_unlock_d{
    background-color: silver;
    background-image: url('../img/icons/pie/desbloquear_calendario.png');
}


.btn_notrenewable_m,
.btn_notrenewable{
    background-color: #eab81d;
    background-image: url('../img/icons/pie/bloquear_licenca.png');
}

.btn_notrenewable_d_m,
.btn_notrenewable_d{
    background-color: silver;
    background-image: url('../img/icons/pie/bloquear_licenca.png');
}


.btn_hardlock_m,
.btn_hardlock{
    background-color: #eab81d;
    background-image: url('../img/icons/pie/hardlock.png');
}

.btn_hardlock_d_m,
.btn_hardlock_d{
    background-color: silver;
    background-image: url('../img/icons/pie/hardlock.png');
}

.btn_reset_password_m,
.btn_reset_password{
    background-color: #187a23;
    background-image: url('../img/icons/pie/reset_password.png');
}

.btn_reset_password_d_m,
.btn_reset_password_d{
    background-color: silver;
    background-image: url('../img/icons/pie/reset_password.png');
}

.btn_print2_m,
.btn_print2{
    background-color: #eab81d;
    background-image: url('../img/icons/pie/print.png');
}
.btn_print2_d_m,
.btn_print2_d{
    background-color: silver;
    background-image: url('../img/icons/pie/print.png');
}

.btn_renewable_m,
.btn_renewable{
    background-color: #187a23;
    background-image: url('../img/icons/pie/desbloquear_licenca.png');
}
.btn_renewable_d_m,
.btn_renewable_d{
    background-color: silver;
    background-image: url('../img/icons/pie/desbloquear_licenca.png');
}

.btn_gap{
    background-image: url('../img/icons/gap.png');
}

.btn_view_s{
    background-image: url('../img/icons/view.png');
}
.btn_view_s_d{
    background-image: url('../img/icons/view_d.png');
}
.btn_view_m{
    background-color: #217867;
    background-image: url('../img/icons/pie/info.png');
}
.btn_view_d_m{
    background-color: silver;
    background-image: url('../img/icons/pie/info.png');
}


.btn_list_s{
    background-image: url('../img/icons/list.png');
}
.btn_list_s_d{
    background-image: url('../img/icons/list_d.png');
}

.btn_list_m{
    background-color: #aa4400;
    background-image: url('../img/icons/pie/Expandir.png');
}
.btn_list_m_o{
    background-image: url('../img/icons/list_m_o.png');
}
.btn_list_d_m{
    background-image: url('../img/icons/list_m_d.png');
}

.btn_listusers_m{
    background-color: #782121;
    background-image: url('../img/icons/pie/Utilizadores.png');
}
.btn_listusers_m_o{
    /*background-image: url('../img/icons/listusers_m_o.png');*/
}
.btn_listusers_d_m{
    background-image: url('../img/icons/listusers_m_d.png');
}

.btn_application_m,
.btn_application_d_m{
    background-image: url('../img/icons/pie/GerirAplicacao.png');
}
.btn_application_m{
    background-color: #00558c;
}
.btn_application_d_m{
    background-color: silver;
}


.ajax_loading, .ajax_loading_m{
    display: none;
    padding: 22px;
    background-repeat: no-repeat; 
    background-position: center center;
    cursor: default;
    user-select: none;
}
.ajax_loading{
    background-image: url('../img/icons/ajax_loading.gif');
}
.ajax_loading_m{
 
    background-image: url('../img/icons/ajax_loading_m.gif');
}

.progress{
    padding: 7px 0 0 0;
}

.form-style-default .typology > input{
    width: auto !important;
}

img#captcha{
    padding: 2px 1px 0px 2px;
}
div.captchaContainer{
    clear: both;
    text-align: left;
    width: 185px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0px 3px 3px 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

div#reloadCaptcha{
    margin: 0px 3px 3px 3px;
}

div#reloadCaptcha:hover{
    text-decoration: underline;
}

/*** index menu ***/
div#content > div#view > div.index{
    float: left;
    width:100%;
    /*background-color: lime;*/
}

div#content > div#view > div.index > div.menu{
    width: 24%; 
    margin: 0px 0;
    padding: 0px 20px 20px 20px;
    float: left;
    /*background-color: red;*/
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.app-disabled-img{
    background-image: url('../img/icons/factura_iniciar_03_alt.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 94px;
    height: 97px;
}
div.activate-product-img{
    background-image: url('../img/icons/factura_iniciar_05.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 87px 97px;
    width: 87px;
    height: 97px;
}
div.my-account-img{
    background-image: url('../img/icons/factura_iniciar_07.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 94px;
    height: 97px;
}
div.dashboard-img{
    background-image: url('../img/icons/dashboard.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 94px;
    height: 97px;
}

div.blocksWrap{
    width: 100%;
    float: left;
}

div.blocksWrap > div.blockElemProduct,
div.blocksWrap > div.blockElem{
    float: left;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

div.blocksWrap > div.blockElemProduct > h1,
div.blocksWrap > div.blockElem > h1{
    height: 36px;
    font-size: 14px; 
}

div.blocksWrap > div.blockElemProduct p,
div.blocksWrap > div.blockElem p{
    font-size: 13px;
}

div.blocksWrap > div.blockElemProduct ul,
div.blocksWrap > div.blockElem ul{
    /*list-style: none;*/
}
div.blocksWrap > div.blockElemProduct ul li,
div.blocksWrap > div.blockElem ul li{
    /*padding: 4px 0px;*/
}

/* homepage style */
div.blocksWrap.homepage{
    background-color: white;
    margin: 30px 0;
}
div.blocksWrap.homepage > div.blockElemProduct,
div.blocksWrap.homepage > div.blockElem{
    margin: 30px 0;
    padding: 0px 32px;
    border-right: 2px dotted #f5f6f8;
}
div.blocksWrap.homepage > div.blockElemProduct:last-child,
div.blocksWrap.homepage > div.blockElem:last-child{
    border-right: 0px;
}

div.blocksWrap.homepage > div.blockElemProduct > h1,
div.blocksWrap.homepage > div.blockElem > h1{
    background-image: url('../img/icons/pie/header.png');
    background-repeat: no-repeat;
    background-position: left -8px;
    font-weight: normal; 
    text-transform: uppercase;
    /*background-color: red;*/
    padding-left: 36px;
}

/* logged homepage style */
div.blocksWrap.loggedHomepage{
    /*background-color: red;*/
    margin-top: 60px;
}
div.blocksWrap.loggedHomepage > div.blockElemProduct{
    padding: 0px;
    border: 0px;
    height: 190px;
}
div.blocksWrap.loggedHomepage > div.blockElem{
    /*margin: 10px;*/
    padding: 0px 32px;
    height: 220px;
    
    /*border-right: 2px dotted #f5f6f8;*/
    border-right: 20px solid #f5f6f8;
}

div.blocksWrap.loggedHomepage > div.blockElemProduct > span.pieicon,
div.blocksWrap.loggedHomepage > div.blockElem > span.pieicon{
    margin-top: 40px;
}
div.blocksWrap.loggedHomepage > div.blockElemProduct > h1,
div.blocksWrap.loggedHomepage > div.blockElem > h1{
    vertical-align: bottom;
    margin-top: 96px;
    height: 30px;
    color: #f5f6f8;
    font-size: 21px;
    font-weight: normal;
    text-transform: uppercase;
}
div.blocksWrap.loggedHomepage > div.blockElemProduct > div.blockContent,
div.blocksWrap.loggedHomepage > div.blockElemProduct > div.blockContent ul li a,
div.blocksWrap.loggedHomepage > div.blockElem > div.blockContent,
div.blocksWrap.loggedHomepage > div.blockElem > div.blockContent ul li a{
    color: #f5f6f8;
}
div.blocksWrap.loggedHomepage > div.blockElemProduct > div.blockProductContent,
div.blocksWrap.loggedHomepage > div.blockElemProduct > div.blockProductContent ul li a,
div.blocksWrap.loggedHomepage > div.blockElem > div.blockProductContent,
div.blocksWrap.loggedHomepage > div.blockElem > div.blockProductContent ul li a {
    color: #616161;
}
div.blocksWrap.loggedHomepage > div.blockElemProduct > div.blockContent ul li,
div.blocksWrap.loggedHomepage > div.blockElem > div.blockContent ul li{
    list-style-image: url('../img/icons/pie/seta_expande.png');
    list-style-position: inside;
    margin-bottom:3px;
    /*list-style-image: cross-fade;*/
}
div.blocksWrap.loggedHomepage > div.blockElemProduct > div.blockProductContent ul li{
    list-style-image: url('../img/icons/pie/seta_expande_cinza.png');
    list-style-position: inside;
    margin: 0px 0px 3px 25px;
    /*list-style-image: cross-fade;*/
}

div.blocksWrap.loggedHomepage > div.blockElemProduct > div.blockProductContent{
    margin-top: 25px;
}

li.toctitle{
    text-align: center;
    font-size: 20px;
    font-family: Arial;
    font-weight: bold;
    background-color: #f80000 !important;
    border-right: 1px solid #e00000;
}
li.toctitle a{
    text-decoration: none;
    padding: 17px 14px 17px 6px;
}
li.toctitle a:hover{
    color: #ffffff !important;
    background-color: transparent;
}


li.langbox{
    text-align: center;
    font-size: 13px;
    float: right;
}

li.langbox a{
    text-decoration: none;
}
li.langbox a:hover{
    background-color: #f80000;
}

div.selectLang{
    padding: 28px 0 0 0;
    float: right;
}

div.selectLang ul{
/*    position:absolute;
    top: 10px;*/
    list-style-type: none; 
    margin: 0px 10px 0 0; 
    padding: 0px; 
}
div.selectLang ul li{
    display: inline;
    padding: 0px 4px;
    border-right: solid #a1b91b 1px;
}
div.selectLang ul li:last-child{
    border-right: solid #a1b91b 0px;
}

div.selectLang ul li a{
    /*color: #ffffff;*/
    font-weight: normal;
    color: inherit;
}
div.selectLang ul li{
/*    color: silver;*/
    font-weight: bold;
    color: inherit;
}

/*** end of index menu ***/

div#overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(255,255,255,0.5);
    background-image: url('../img/icons/ajax_loading_m.gif');
    background-position: 50% 30%;
    background-repeat:no-repeat;
}

.sliderLeftBox{
    border: 1px solid #fd5353;
    background-color: transparent;
}
.sliderMinus{
    float: left; 
}
.sliderPlus{
    float: right; 
}
.sliderMinus, .sliderPlus{
    font-size: 13px; 
    background-color: transparent; 
    padding: 2px 5px; 
    text-align:center; 
    color:red; 
    font-weight:bold; 
    cursor: pointer;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.bullet {
    background: url('../img/bullet.png') no-repeat;
    padding-left: 10px;
    min-width: 50px;
}

.vdfH1 {
    color: #343434;
    font-size: 1.1em;
}
.vdfH2 {
    color: #343434;
    font-size: 0.9em;
    font-weight: bolder;
}
.vdfH3 {
    color: #676767;
    font-size: 0.9em;
    font-weight: bold;
}
.vdfH4 {
    color: #676767;
    font-size: 0.9em;
}

.form-inputs-login {
    
}

.form-inputs-login form label{
    display: block;
    margin: 8px 0px 0px 0px;
}

.form-inputs-login form label.remember{
    display: inline-block;
}

input[type="checkbox"][disabled="disabled"] + label span {
    cursor: initial;
}

.form-inputs-login form input[type="text"], .form-inputs-login form input[type="password"]{
    margin: 3px 0px 0px 0px;
    border: 1px #b3b3b3 solid;
    background-color: #fff;
    min-width: 90%;
    min-height: 25px;
}

.form-inputs-login .form-submit{
    float: right;
    text-align: left;
    padding: 10px 25px;
}

.form-inputs-login .form-remember{
    float: left;
    padding-top: 5px;
}

div.popupBtn {
    background: url('../img/btn_popup_bg.png') repeat-x;
    height: 28px;
    cursor: pointer;
}
div.popupBtn > div.left {
    background: url('../img/btn_popup_left.png') no-repeat;
    height: 28px;
    width: 5px;
    float: left;
}
div.popupBtn > div.content {
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    float: left;
}
div.popupBtn > div.right {
    background: url('../img/btn_popup_right.png') no-repeat;
    height: 28px;
    width: 5px;
    float: right;
}

a.myBtnGrey,
a.myBtnPurple{
    text-decoration: none;
}

a.myBtnGrey,
a.myBtnPurple,
button.myBtnGrey,
button.myBtnPurple
{
    color: white;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
button.myBtnPurpleSimple {
    background-color: #b72123;
    border: none;
    cursor: pointer;
}

a.myBtnGrey > span,
button.myBtnGrey > span{
    padding: 6px 12px;
    background-color: #494d4e;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

a.myBtnPurple > span,
button.myBtnPurple > span {
    background-color: #b72123;
}

.form-style-inline div.radio label.ui-button,
.form-style-inline div.radio label.ui-buttonset
{
    /*font-weight: normal;*/
    margin-right: 0px !important;
}

.form-style-inline div.radio label.ui-state-active{
    background-color:#b72123 !important;
    color: #FFFFFF;
}

.ui-accordion-content{
    padding:4px !important;
}
.ui-accordion-icons{
    padding: .5em !important;
}
.ui-accordion-header-icon{
    position: absolute;
    left: auto !important;
    right: 0.5em;
}

a.ui-pickle{
    background: transparent url('../img/icons/ui-pickle.png') 50% 50% no-repeat !important;
    border-radius: 8px;
}


.ui-widget-header{
    border: 0px solid #cfcfcf;
    background: transparent none 50% 50% repeat-x;
    color: #333;
    font-weight: bold;
}

.ui-button.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}
.ui-autocomplete-input.custom-combobox-input {
    margin: 0;
    padding: 7px;
    width: 180px;
    color: black;
    font-weight: normal;
}

.ui-autocomplete.ui-widget-content{
    background: #f8f7f6 url(images/ui-bg_fine-grain_10_f8f7f6_60x60.png) 50% 50% repeat;
    color: black;
}

.ui-state-hover,
.ui-autocomplete li.ui-menu-item.ui-state-focus{
    background: #616161 none 50% 50% repeat !important;
}

.ui-dialog.ui-widget-content{
    border: 1px solid #cecece !important;
    color: #333;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
/*    background: #eceadf url(images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat;*/
    background: #f5f6f8 none 50% 50% repeat;
    overflow: visible;
    
}

.ui-dialog.loginbox-dialog{
    background: #ffffff none 50% 50% repeat;
}

.ui-dialog .ui-dialog-buttonpane{
    padding: 0px;
}

.wizardTitle1{
    font-size: 15px;
    color: #000000;
    margin-left: 5px;
}

.wizardTitle2{
    font-size: 15px;
    /*font-weight: bold;*/
    color: #000000;
    margin-left: 5px;
    border-bottom: 2px solid #b72123;
}

div.clientInfoContainer{
    width: 100%;
    height: 50px;
}


.custom-combobox {
    position: relative;
    display: inline-block;
    background-color: white;
}
.custom-combobox-toggle {
    position: absolute;
    top: 3px;
    bottom: 3px;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 10px;
    *top: 0.1em;
}
.custom-combobox-input {
    margin: 0;
    padding: 0.3em;
}


.ui-state-default {
    background-image: none !important;
    border: 1px solid #e1e1e1 !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

a.ui-state-default {
    padding: 4px !important;
}



/*************** primum step 1 (select products) ****************/
div.primumTab {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div.primumTab div table.productsTbl{
    padding-top: 20px;
}

div.primumTab div table > thead td{
    border-bottom: 2px solid #b72123;
    text-align: left;
    font-weight: bold;
}
div.primumTab div table > tbody td{
    border-bottom: 1px solid silver;
    text-align: left;
}
div.primumTab div table > tbody td > div,
div.primumTab div table > tbody td > label{
    display: inline;
}
div.primumTab div table > tbody td > image{
    display: inline;
    width: 100px;
}

div.primumTab .ui-tabs-panel{
    padding: 0px;
}

.ui-widget{
    font: 12px Arial, Helvetica, sans-serif;
}
    
.ui-widget-content{
    margin: 0px;
    padding: 0px;
    border: 0px;
    background: transparent none 50% 50% repeat;
}

div.primumTab .ui-tabs{
    padding: 0px;
}

.ui-datepicker{
    background-color: white;
}

div.form-filter{
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    margin: 0 0 10px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.form-filter > div.filterOperations{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    color: #ffffff;
    background-color: #b72123; /* PIE RED */
}
div.form-filter > div.filterOperations > div.filterLabel{
    float: left;
    margin: 12px;
    text-transform: uppercase;
}

div.gridForm{
    with: 100%;
    display: none;
}

div.online{
    width: 18px;
    height: 18px;
    background-color: #187a23;
    /*border-radius: 15px;*/
}

div.offline{
    width: 18px;
    height: 18px;
    background-color: #eab81d;
    /*border-radius: 15px;*/
}

/** Pagination **/

div#paginationContainer{
    height: 70px;
}

div#paginationContainer div.pagination{
    margin-top:6px;
    text-align: center;
    
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div#paginationContainer div.pagination > span{
    color: #ffffff;
    background-color: silver;
    padding: 5px 0;
}

div#paginationContainer div.pagination > div.rowsInterval{
    padding: 8px;
    text-align: center;   
}

div#paginationContainer div.pagination span.pageNr{
    padding: 5px 6px;
    cursor: pointer;
}

div#paginationContainer div.pagination span.pageNr.currentPage{
    /*padding: 5px;*/
    font-weight: bold;
    background-color: #b72123;
    cursor: default;
}

div#paginationContainer div.pagination span.pageNr:not(.currentPage):hover{
    background-color: gray;
}


/** ICONES PIE **/

/** BOF DOWNLOAD PRODUCTS */
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active*/
/*
.ui-state-default {
    background-image: none !important;
    background-color: transparent !important;
}
*/
li.ui-state-default {
    border: 0px white solid !important;
}
li.ui-state-active a.ui-tabs-anchor {
    color: #b72123;
    border-bottom: 3px #b72123 solid !important;
    background: #f5f6f8;
}
li.ui-state-active a.ui-tabs-anchor a.ui-tabs-anchor {
    border: 0px white solid !important;
}
div.ui-tabs{
    border-bottom: 1px #cccccc solid !important;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
div.blockElemProduct {
    margin-bottom: 40px;
    margin-right: 25px;
    background-color: #FFFFFF;
}
div.blockProductTitle {
    color: #FFFFFF;
    font-size: 0.8em;
    padding: 20px 5px 10px 15px;
    text-transform: uppercase;
}

div.blockOs{
    width: 102px;
    height: 100px;
}
div.blockNoFile{
    opacity: 0.2;
    filter: alpha(opacity=20);
    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}
div.blockAndroid{
    background-color: #a4ca39;
    background:url('../img/icons/pie/android.png') 0px top no-repeat;
}

div.blockWindows{
    background-color: #00adef;
    background:url('../img/icons/pie/windows.png') 0px top no-repeat;
}

div.blockLinux{
    background-color: #e4c208;
    background:url('../img/icons/pie/linux.png') 0px top no-repeat;
}

div.blockMacOS{
    background-color: #e4c208;
    background:url('../img/icons/pie/macos.png') 0px top no-repeat;
}

div.blockPlayStore{
    background-color: #e4c208;
    background:url('../img/icons/pie/googleplay.png') 0px top no-repeat;
}

div.blockAppleStore{
    background-color: #e4c208;
    background:url('../img/icons/pie/ios.png') 0px top no-repeat;
}

div.blockIos{
    background-color: #a0a09e;
    background:url('../img/icons/pie/ios.png') 0px top no-repeat;
}

div.osBlockContainer{
    cursor: pointer;
    background-color: #FFFFFF;
    padding: 20px;
    margin-right: 25px;
    width: 103px;
    height: 168px;
    display: inline-block;
    border: 1px lightgray solid;
}

div.blockAapplicationLabel{
    width: 102px;
    height: 52px;
    padding: 10px 0px 10px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    text-align: center;
}

div.divApplications h1{
    color: #616161;
    font-size: 1.2em;
    padding: 21px 0px;
    text-transform: uppercase;
}

div.blockFileContainer{
    cursor: pointer;
    background-color: #FFFFFF;
    padding: 20px;
    margin-right: 25px;
    width: 105px;
    height: 170px;
    display: inline-block;
    border: 1px lightgray solid;
}

div.blockFileName{
    width: 102px;
    height: 52px;
    padding: 10px 0px 10px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

div.blockFileThumbnail{
    width: 102px;
    height: 100px;
    background-color: #FFFFFF;
    border: 1px lightgray solid;
}

div.headerV2{
    width: 100%;
    padding: 20px 0px 0px 0px;
    border-bottom: 1px lightgray solid;
}
div.headerV2 > h1{
    text-align: left;
    font-size: 18px;
    color: #8995a5;
}
div.contentV2{
    padding: 20px 0px 0px 0px;
    width: 100%;
}
div.newsMain{
    min-height: 400px;
    width: 78%;
    border: 1px lightgray solid;
    background-color: #fff;
    float: left;
}
div.newsMain > div.columnLeft {
    width: 220px;
    float: left;
    margin: 20px 0px 15px 15px;
}
div.newsMain > div.columnLeft > div.image > img {
    width: 200px;
    float: left;
}
div.newsMain > div.columnRight {
    /*float: right;*/
    margin: 20px 15px 15px 0px;
}
div.newsMain > div.columnRight > div.title {
    font-weight: bold;
    font-size: 1.2em;
}
div.newsMain > div.columnRight > div.date {
    font-size: 0.9em;
}
div.newsMain > div.columnRight > div.content {
    margin-top: 25px;
}
div.newsList{
    min-height: 400px;
    width: 20%;
    border: 1px lightgray solid;
    background-color: #fff;
    vertical-align: top;
    float: right;
}
div.newsList > div.header {
    background-color: lightgrey;
    padding: 6px;
    color: #fff;
    border-bottom: 1px #fff solid;
}
div.newsList > div.new, div.newsList > div.newSelected {
    border-bottom: 1px lightgray solid;
    padding: 7px;
    cursor: pointer;
}
div.newsList > div.new:hover, div.newsList > div.newSelected{
    background-color: lightgray;
    color: #fff;
}
div.newsList > div.new > div.date {
    font-size: 0.8em;
}
div.newsList > div.new > div.title {
}
/** EOF DOWNLOAD PRODUCTS */

div.outsideOperations{
    background-color: transparent; 
    position: absolute; 
    text-align: right; 
    width:100%;
}

div.outsideOperations a.op_addNewClient{
    background-color:#b72123;
    border: 1px solid #cf7575;
    padding: 8px;
    margin-top: 6px;
    color: #ffffff;
    float:right;
    font-size: 13px;
}
div.outsideOperations a.op_addNewClient:hover{
    text-decoration: none;
}

div.tile{
    background-color: #fff;
    min-height: 200px;
    /*display: inline-block;*/
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
}

div.tileDashboard {
    display: inline-block;
    width: 360px;
    min-height: 660px;
}

div.tileNews {
    display: inline-block;
    min-width: 750px;
    float: left;
}

div.tileNewsAgent {
    display: inline-block;
    width: 360px;
    float: left;
}

div.tile > div.header{
    width: 100%;
    height: 50px;
}

div.tile > div.header > div.title{
    color: #FFFFFF;
    font-size: 1.5em; 
    text-transform: uppercase;
    font-weight: bolder;
    float: left;
    padding: 19px 0px 10px 20px;
    display: inline-block;
}

div.tile > div.header > div.icon{
    display: inline-block;
    float: right;
    padding: 10px;
}

div.tile > div.body{
    vertical-align: bottom;
    padding-top: 20px;
}
div.tile > div.body ul li a{
    color: #616161;
    font-size: 1.1em;
}
div.tile > div.body ul li{
    list-style-image: url('../img/icons/pie/seta_expande_cinza.png');
    list-style-position: inside;
    margin: 5px 0px 3px 25px;
    /*list-style-image: cross-fade;*/
}

div#dialog-upgradeSourceToOrderModal-configs > div#upgradeTabs.ui-tabs{
    border: 0px #cccccc solid !important;
}


#feedback { font-size: 1.4em; }
.hlmodal-selectable .ui-selecting { background: #FECA40; }
.hlmodal-selectable .ui-selected { background: #F39814; color: white; }
.hlmodal-selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.hlmodal-selectable li { margin: 3px; padding: 10px; float: left; font-size: 14px; text-align: center; }

/* remove text selection from dialogs */
div[id^="dialog"]{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.divLink{
    cursor: pointer;
}
div.divLink:hover{
    text-decoration: underline;
}

td.recoveryKey > span.key_value{
    display: inline-block; 
    text-align: left;
}

td.recoveryKey > span.generateNewKey{
    display: inline;
    text-align: right;
    font-weight: bold;
}

div.tableContainer{
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}

div#dialog-upgradeSourceToOrderModal-configs{
    overflow: hidden;
}

div.applicationsBox{
    box-sizing:border-box;
    float: left;
    width: 100%;
    margin: 0px;
}

div.applicationsBox h1{
    float: left;
    font-size: 22px;
    font-weight: normal;
    color: #444444;
    margin: 5px 5px 15px 5px;
}

div.applicationsBox-block{
    padding: 0px 0 0 0px;
    float: left;
    width: 394px;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

div.applicationsBox div.applicationsBox-block:last-child{
    border-right: 1px solid #e5e5e5;
}
div.applicationsBox:last-child div.applicationsBox-block:nth-last-child(1),
div.applicationsBox:last-child div.applicationsBox-block:nth-last-child(2),
div.applicationsBox:last-child div.applicationsBox-block:nth-last-child(3){
    border-bottom: 1px solid #e5e5e5;
}

div.applicationsBox-block > div.info{
    position: relative;
    float: left;
    height: 190px;
    width: 204px;
}

div.applicationsBox-block > div.info > div{
    position: absolute;
    color: #444444;
    bottom: 10px;
}

div.applicationsBox-block > div.info > div div.title{
    font-size: 16px;
}
div.applicationsBox-block > div.info > div div.subtitle{
    font-size: 13px;
}
div.applicationsBox-block > div.info > div div.price{
    margin-top:10px;
    font-size: 11px;
}

div.applicationsBox-block > div.info > div div.votes > div.voteActive, div.applicationsBox-block > div div.votes > div.voteInactive, div.applicationsBox-block > div div.votes > div.myVote{
    margin-top: 10px;
    width: 9px;
    height: 9px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
}

div.voteActive {
    float: left;
    min-width: 15px;
    min-height: 15px;
    cursor: pointer;
    background-image: url('../img/layout2/vote_star_active.png');
    background-repeat: no-repeat;
    background-position: center center;
}

div.voteInactive {
    float: left;
    min-width: 15px;
    min-height: 15px;
    cursor: pointer;
    background-image: url('../img/layout2/vote_star_inactive.png');
    background-repeat: no-repeat;
    background-position: center center;
}

div.myVote {
    float: left;
    min-width: 15px;
    min-height: 15px;
    cursor: pointer;
    background-image: url('../img/layout2/vote_star_hover.png');
    background-repeat: no-repeat;
    background-position: center center;
}

img.applicationsBox-block-image{
    float: left;
    background-color: #d5d5d5;
    margin: 10px; 
    width: 170px;
}

/* BOF SINGLE APPLICATION PAGE CSS */
div.applicationBox-block{
    padding: 0px 0 0 0px;
    float: left;
    width: 100%;
}

div.applicationBox-block > div.info{
    position: relative;
    float: left;
    padding: 10px 0 0 10px;
    min-width: 200px;
}

div.applicationBox-block > div.info > div div.title{
    font-size: 22px;
    font-weight: normal;
    color: #444444;
    padding-top: 10px;
}
div.applicationBox-block > div.info > div div.company{
    font-size: 13px;
    font-weight: bold;
    padding-top: 10px;
}
div.applicationBox-block > div.info > div div.category{
    font-size: 12px;
}

div.applicationBox-block > div.info > div div.votes > div.voteActive, div.applicationBox-block > div div.votes > div.voteInactive, div.applicationBox-block > div div.votes > div.myVote{
    margin-top: 80px;
    width: 9px;
    height: 9px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
}

div.votes {
    display: inline-block;    
}

div.appLicenses {
    padding-left: 10px;
    font-size: 12px;
    display: inline-block;
}

div.votesUser {
    padding-left: 5px;
    width: 10px;
    display: inline-block;
    background-image: url('../img/layout2/vote_user.png');
    background-repeat: no-repeat;
    background-position: right;
}

div.addHistory {
    padding-top: 10px;
}

div.installBtn {
    padding-top: 14px;
    display: block;
}

div.screenshotNavigator-block {
    display: inline-block;
    float: right;
    min-width: 50%;
    height: 490px;
}

div.applicationScreenshot {
    display: inline-block;
    width: 100%;
    height: 372px;
    background-repeat: no-repeat;
    background-position: center;
}

div.applicationThumbnail {
    width: 100%;
    height: 95px;
    padding-top: 20px;
}

div.navigateLeft, div.navigateRight {
    height: 100%;
    width: 60px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

div.navigateLeft {
    float: left;
}

div.navigateRight {
    float: right;
}

div.applicationImage {
    display: inline-block;
    width: 475px;
    text-align: center;
}

div.applicationScreenshot > div.navigateLeft {
    background-image: url('../img/layout2/image_navigate_left.png');
}

div.applicationScreenshot > div.navigateRight {
    background-image: url('../img/layout2/image_navigate_right.png');
}

div.applicationThumbnail > div.navigateLeft {
    background-image: url('../img/layout2/image_navigate_left.png');
}

div.applicationThumbnail > div.navigateRight {
    background-image: url('../img/layout2/image_navigate_right.png');
}

div.applicationThumbnail-block {
    height: 100%;
    min-width: 70px;
    display: inline-block;
    float: left;
}

div.applicationThumbnail-img {
    display: inline-block;
    width: 65px;
    height: 90px;
    vertical-align: middle;
    text-align: center;
    float: left;
    cursor: pointer;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid transparent;
}

div.applicationThumbnail-img:last-child {
    border-right: 1px solid #e5e5e5;
}

div.applicationThumbnail-img-selected, div.applicationThumbnail-img-selected:last-child, div.applicationThumbnail-img-unselected:hover {
    border: 1px solid gray;
}

div.applicationThumbnail-img-unselected {
}

img.applicationThumbnail-img {
    padding-top: 10px;
}

div.storeTabsBackground {
    background-color: #e5e5e5;
}

div.storeTabsBackground > ul > li > a {
    background-color: #e5e5e5;
}

div.storeTabsBackground > ul > li.ui-state-active > a:hover {
    background-color: #f8f7f6;
}

div.storeTabsBackground > ul > li > a:hover {
    background-color: #a5a5a5;
}

div#header > div#header-wrapper > div.shppingCartWrapp{
    float: right;
    height: 100%;
}

div#header > div#header-wrapper > div.shppingCartWrapp > div#shoppingCartButtons{
    padding: 16px 0 0 0;
}

div#header > div#header-wrapper > div.shppingCartWrapp > div#shoppingCartButtonsLogged{
    padding: 22px 0 0 0;
}

.dialogWithDropShadow{
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.5);
}

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

div#header > div#header-wrapper > div.shppingCartWrapp > div#popupModalBox{
    float: right;
    clear: both;
}

div#header > div#header-wrapper > div.shppingCartWrapp > div.entityInfo{
    margin: 6px 9px 0px 0px;
    text-align: right;
    width: 100%;
}
div#header > div#header-wrapper > div.shppingCartWrapp > div.entityInfo > span.entityType{
    font-weight: bold;
    margin-right: 4px;
}
div.buttonWrap div.button.xsroundcornersleft{
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-radius-bottomleft: 4px;
    -khtml-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
div.buttonWrap div.button.xsroundcornersright{
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-radius-bottomright: 4px;
    -khtml-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
div.shoppingCartPreview {
    display: inline-block;
    width: 100%;

}
div.shoppingCartPreviewTotals{
    box-sizing: border-box;
    border-top: 1px solid #cccccc; 
    padding: 10px;
    text-align: right;
    width: 100%;
    font-weight: bold;
}
div.shoppingCartPreviewRowTitle {
    display: inline-block;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    padding: 10px;
    text-align: left;
    /*background-color:blue;*/
}
div.shoppingCartPreviewRowTitle:nth-child(1) {
    width: 70px;
    /*background-color:lime;*/
}
div.shoppingCartPreviewRowTitle:nth-child(2) {
    width: 120px;
    /*background-color:red;*/
}
div.shoppingCartPreviewRowTitle:nth-child(3) {
    width: 73px;
    text-align: right;
    /*background-color:gray;*/
}
div.shoppingCartPreviewRowRemoveItem {
    display: inline-block;
    width: 10px;
    padding-left: 5px;
    text-align: left;
    cursor: pointer;
    /*background: url('../img/icons/modalClose.png') left top no-repeat;*/
}
div.shoppingCartPreviewRowLeft {
    display: inline-block;
    width: 55px;
    padding: 10px;
    text-align: right;
}
div.shoppingCartPreviewRowRight {
    display: inline-block;
    width: 120px;
    padding: 10px;
    text-align: left;
}
div.shoppingCartPreviewRowPrice{
    display: inline-block;
    text-align: right;
    width: 73px;
    padding: 10px;
}

.strong {
    font-weight: bold;
    color: #b72123;
}

/************** payment methods radio box ****************/
div.radioPaymentMethods{
    float: none !important;
    text-align: center !important;
    margin: 0px auto;
}

div.radioPaymentMethods div.input.inlineLabel{
    float: none !important;
    display: inline-block;
}

div.radioPaymentMethods label.ui-button.ui-widget.ui-state-default{
    background-color: transparent;
    border: 1px solid #e1e1e1;
}

div.radioPaymentMethods label.ui-state-hover{
    background: #dcdcdc none 50% 50% repeat !important;
}

div.radioPaymentMethods label.ui-state-active{
    background-color: silver !important;
}

.wide{
    width: 100%;
}

#zonePreview {
    display: inline-block;
    float: right;
}


.tooltip{
    position: static;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: gray;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 6px;

    /* Position the tooltip */
    position: absolute;
    margin-top:-1em;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    font-size: 14px;
}

.btnWide{
    width:100%;
    cursor: pointer;
    display: inline-block;
}
.btnWide.red{
    background-color: #bc3232;
}
.btnWide.yellow{
    background-color: #efbb1a;
}
.btnWide span.label{
    text-align: center;
    float: left;
    padding: 18px;
    margin-left: 212px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
/* EOF SINGLE APPLICATION PAGE CSS */



/** BOF COCKPIT REPORTS STYLE **/
div.cockpit360 div.report{
    margin: 20px 1%;
    border: 0px solid #000;
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); 
    max-width: 250vw;
    width: 48%;
}
div.cockpit360 div.report2{
    margin: 20px 1%;
    border: 0px solid #000;
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); 
    max-width: 250vw;
    width: 98%;
}

div.cockpit360 table {
    border-collapse: collapse;
    width: 100%;
    user-select: none;
    /*border: 1px solid #f2f2f2;*/
}

div.cockpit360 caption {
    padding: 8px;
    font-weight: bold;
    font-size: 15px;
}

div.cockpit360 th, 
div.cockpit360 td {
    text-align: center;
    padding: 8px;
}

div.cockpit360 td.expand-collapse {
    background-color: #fff;
    font-weight: bold;
    padding: 8px 0 6px 0;
    cursor: pointer;
}


div.cockpit360 main.block tr:nth-child(odd){ background-color: #fff; }
div.cockpit360 main.block tr:nth-child(even){ background-color: #f2f2f2; }

div.cockpit360 main.block th.ec-all,
div.cockpit360 main.block tr.row-level-1,
div.cockpit360 main.block tr.row-level-2,
div.cockpit360 main.block tr.row-level-3 {
    cursor: pointer;
}

div.cockpit360 main.block th.ec-all:hover,
div.cockpit360 main.block tr.row-level-1:hover,
div.cockpit360 main.block tr.row-level-2:hover,
div.cockpit360 main.block tr.row-level-3:hover {
    background-color: #d8edd9;
}
div.cockpit360 main.block tr.row-level-1 { background-color: #6dbf70 }
div.cockpit360 main.block tr.row-level-2 { background-color: #90cf93 }
div.cockpit360 main.block tr.row-level-3 { background-color: #b4deb6 }

div.cockpit360 tr.row-to-hide.hidden{ display: none; }

div.cockpit360 th {
    background-color: #4CAF50;
    color: white;
}
div.cockpit360 caption span.export-csv {
    position: absolute; 
    padding: 1px 4px; 
    right: 5px; 
    font-size: 13px; 
    font-weight: bold;
    cursor: pointer; 
}
div.cockpit360 caption span.export-csv:hover {
    background-color: #4CAF50;
    color: white;
}
    
/** EOF COCKPIT REPORTS STYLE **/


.btn-save{
    border:none;
}

.btn-div{
    float: right;
    border: 1px solid silver;
    padding: 5px;
}

.div-width{
    float: left;
    width: 100%;
}

.selectModulesCbWidth{
    width: 100%;
}

.w360 .input.text{
    width: 98%;
    display: block;
}

.w360 .input.checkbox{
    width: 98%;
    display: block;
}

.block-fullwidth{
    display:block;
    width:100%;
}

.block{
    display:block;

}

.block-width98{
    display:block;
    width:98%;
}

.block-width96{
    display:block;
    width:96%;
}

.width50{
    width:50%;
}

.width100{
    width:100%;
}

.width34{
    width: 34%;
}

.pd-top20p{
    padding-top: 20px;
}

.tr-head{
    font-weight: bold;
    text-align:center;
}

.width98-txtalign-right{
    width: 98%;
    text-align: right;
}

.txtalign-center{
    text-align: center;
}

.w360-version-info{
    margin: 10px 0;
    text-align: left;
}

.bold{
    font-weight: bold;
}
.info-wrapper div{
    margin: 5px 0px;
}
.info-wrapper label{
    font-weight: bold;
}
.info-wrapper .error{
    color: red;
}
.info-wrapper button{
    margin-right: 5px;
}

.aggrid-btns-position{
    display: flex;
    justify-content: center; 
    padding-top: 10px;
}

.aggrid-btns button{
    cursor: pointer;
    padding: 10px;
    background: none;
    border: none;
    font-size: 25px;    
}

.none{
    display:none;
}

.btn-filter{
    margin: 0 0px 10px 0px;
    float: right;
    padding:7px;
    background-color: #b72123;
    border: 1px solid #cf7575;
    color: #ffffff;
}

.btn-clear-filter{
    margin: 0 10px 10px 5px;
    float: right;
}

.btn-show-hide-filter{
    float: right;
    padding: 11px 14px 15px 12px;
    border-left: 1px solid #e1e1e1;
}

.aggrid-btn-first-last-page{
    padding: 2px 7px 2px 7px !important;
    background: #b72123 !important;
    color: white !important;
}

.aggrid-btn-next-previous-last-page{
    padding: 2px 10px 2px 10px !important;
    background: #b72123 !important;
    color: white !important;
    margin:10px;
}

.cockpit360_div_above_aggrid{
    max-height:550px !important;
    margin-bottom: 30px !important;
}

.cockpit360-grid-header{
/*    border-left: 1px solid #BDC3C7;
    border-top: 1px solid #BDC3C7;
    border-right: 1px solid #BDC3C7;*/
    padding-top:8px;
    height:24px;
    text-align: center !important;
    width: 100% !important;
}

.cockpit360-grid{
    height: 320px;
}

.grid-Header{
    border-left: 1px solid #BDC3C7;
    border-top: 1px solid #BDC3C7;
    border-right: 1px solid #BDC3C7;
}
/*.ui-autocomplete-custom{
    display: inline-block;
}*/
.ui-autocomplete-custom .autocomplete-wrapper{
    display: inline-block;
}
.ui-autocomplete-custom .ui-autocomplete-input{
    padding: 4px;
    background-color: #ffffb9 !important;
    float:left;
    width: 250px;
}
.ui-autocomplete-custom > label{
    /*display: block;*/
    float: left;    
}
.ui-autocomplete-custom .ui-autocomplete-input-focus{
    background: white url("../img/icons/check.png") 95% center no-repeat;
    background-size: 15px;
}
.ui-autocomplete-custom .ui-autocomplete-loading {
    background: white url("../img/icons/ajax_loading-sm.gif") 95% center no-repeat;
}
.ui-autocomplete-custom .ui-autocomplete-load-all{
/*    display: inline-block;
    height: 14px;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 6px 10px 4px 10px;
    margin-left: -5px;
    background-color: #f8f7f6;*/
    
    display: inline-block;
    height: 26px;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 6px 10px 4px 10px;
    /* margin-left: -5px; */
    background-color: #f8f7f6;
    border-left: 0px;    
    
    
}
.ui-autocomplete-custom .ui-autocomplete-load-all > div{
    width:10px;
    height:10px;
    background-image: url('images/ui-icons_b83400_256x240.png');
    background-position: 27.5% -3px;
    background-repeat: no-repeat;
}
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.input-nif-sm-size{
    width: 150px;
    text-align: right;
}
/*.ui-autocomplete-input{
    width: 250px;
}*/