/* nav-inner do logo */
.navbar-inner-logo {
    /*min-height: 80px;*/
    padding-left: 20px;
    /*padding-right: 20px;*/
    background-color: white;
    background-image: -moz-linear-gradient(top, white, white);
    background-image: -ms-linear-gradient(top, white, white);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(white));
    background-image: -webkit-linear-gradient(top, white, white);
    background-image: -o-linear-gradient(top, white, white);
    background-image: linear-gradient(top, white, white);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
}

/*pagina principal*/
body {
    padding-top: 60px;
    padding-bottom: 40px;
}
.sidebar-nav {
    padding: 9px 0;
}

.main_geral {
    padding: 0 50px 0 50px;
}



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

/*comum*/
.margem_topo{
    margin-top: 10px;
}
.margem-topo-large{
    margin-top: 50px;
}
.text-center{
    text-align: center;
}
.loader {
    background: url("../img/loader.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 28px;
    position: relative;
    top: -3px;
    width: 28px;
    background-size: 24px 24px;
}
.span1-5 {
    width: 7.53%;
}

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

/*pagina de relatorio*/
.pie{
    float: left
}
.margin-botton-title {
    margin-bottom: 20px;
}


/*pagina de relatorio - ng_grid*/
.mensagem-info-relatorio{
    margin-top: 45px;
    text-align: center;
}
.titulo_tabela_relatorio{
    color: #005070;
    font-size: 16px;
}
.progressbar-text{
    color: #50FF66;
    left: 10px;
    position: absolute;
    top: 5px;
}

/*menu esquerdo*/
.accordion-menu-item-inner {
    padding: 9px 7px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*filtro*/
.filtro label {
    margin: 10px 0 2px 2px;
}
.input-xmedium {
    width:86%;
}

.elemento-absoluto {
    position: absolute !important;
    top: 100%;
    left: 0;
    z-index: 1000 !important;
    float: left;
    list-style: none;
    background-color: white;
}

.fill-xparent {
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.semi-fill {
    width:90%;
}

.filtro-alinhamento-input-text {
    width:96%;
}

.btn-filtro-pesquisa{
    margin: 15px;
}

.alinhar-campos-colados {
    margin: 0px 10px 10px 0px !important;
}

.espacamento-esquerda {
    margin-left: 10px;
}

.colorir-bg {
    border: 1px #eeeeee;
}

.dividir-linhas{
    width: 20%;
    white-space: nowrap;
}

#filter-contained {
    padding: 0 5px;
    float: left;
    min-height: 80px;
    width: 65%;
}

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

/*drop-down*/
/*.dropdown-content {*/
/*height: 200px !important;*/
/*overflow-y: scroll;*/
/*max-width: 182px;*/
/*}*/
.conteudo-dropdown{
    height: 120px;
    overflow: auto
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*pagina cliente*/
.input-form-disabled{
    background-color: #FFFFFF !important;
    border: 1px solid #CCCCCC !important;
}
.container_form {
    background-color: #E7E7E7;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 20px;
    padding: 10px 10px 15px;
}
.container_form_total_itens {
    margin: 7px 0 0 20px;
}

.conteudo-sistema-licenca {
    height: 400px;
    overflow: auto;
}
/*-------------------------------------------------------*/

/*Index*/
#div_centro_index {
    width: 500px;
    margin: 0 auto;
    margin-bottom: 30px;
}

#texto-violacao {
    color: #b94a48;
}

#sublinhado_violacao {
    margin-bottom: 12px;
    border-bottom: 1px solid #E5B2B5;
}

#borda-violacao {
    border-color: #E5B2B5;
    margin: 0 auto;
    margin-bottom: 50px;
    width: 69%;
}
/*-------------------------------------------------------*/

/*-----------CADASTRO DE USUARIOS------------------------*/

#comboPermissoes {
    border: 1px solid #cccccc;
}

.afastar-topo {
    margin-top: 15px;
}

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


/*Alinhar ao centro. Para exemplo, ver centralização do Loading no DashBoard*/

.parent {
    display: flex;
    height: 100%; /* Or whatever */
}

.child {
    width: 60px;  /* Or whatever */
    height: 100px; /* Or whatever */
    margin: auto;  /* Magic! */
}

/*Montagem de div em formato de Card. Para exemplo, ver centralização do Loading no DashBoard*/

.card {
    background:#FFF;
    border:1px solid #AAA;
    border-bottom:3px solid #BBB;
    padding:0px;
    overflow:hidden;
    height: 420px;
}

.card label {
    margin:0px;
    padding:10px;
    padding-bottom:0px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif;
    font-size: 16px;
    color: #ACD018;
    text-align: center;
}

.card p {
    margin:0px;
    padding:10px;
    margin-top: 0em;
    margin-bottom: 2em;
}

/*Botão estilizado, usado, por exemplo, no index, para logins*/

.ecbutton {
    background: #408EA7;
    padding: 0;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 18px;
    font-family: "Open Sans";
    text-decoration: none;
    vertical-align: middle;
}

.ecbutton:hover {
    border-top-color: #28597a;
    background: #28597a;
    color: #ccc;
}

.ecbutton:active {
    border-top-color: #1b435e;
    background: #1b435e;
}

/*Ng-grid - tela de auditoria de falhas no updater.*/
.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 300px
}

/*Ng-grid - Relatório Versão Detalhes.*/
.gridStyle2 {
    border: 1px solid rgb(212, 212, 212);
    width: 98%;
    height: 600px;
}

/*Ng-grid - Grid de Grupos, Aplicativos e Versões.*/
.gridStyle3 {
    border: 1px solid rgb(212, 212, 212);
    width: 98%;
    /*min-height: 200px;*/
    height: 450px;
}

/*Ng-grid - Grid de usuários.*/
.gridUsuarios {
    border: 1px solid rgb(212, 212, 212);
    width: 98%;
    /*min-height: 200px;*/
    height: 550px;
}

/*Ng-grid - Detalhamento por Cliente.*/
.gridStyleDetalhamentoPorCliente {
    border: 1px solid rgb(212, 212, 212);
    width: 100%;
    height: 370px;
}

/*Ng-grid - Relatório Comunicacao.*/
.gridStyleRelatorioComunicacao {
    border: 1px solid rgb(212, 212, 212);
    width: 100%;
    height: 370px;
}

/*Ng-grid - Versão Auditoria.*/
.gridStyleVersaoAuditoria {
    border: 1px solid rgb(212, 212, 212);
    width: 100%;
    height: 400px;
}

.infoVersaoAuditoria {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #C7C4BD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #F7F8F9;
}

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

.cellToolTip {
    overflow: visible !important;
}

.tooltip {
    top: 0 !important;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.lightbox .box {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width: 500px;
    margin: 2% auto;
    padding: 20px;
    background-color: #FFF;
    box-shadow: 0px 1px 26px -3px #777777;
}

.lightbox .title {
    margin: 0;
    padding: 0 0 10px 0px;
    border-bottom: 1px #ccc solid;
    font-size: 22px;
}

.lightbox .content {
    display: block;
    padding: 10px 0 0 0px;
    font-size: 18px;
    line-height: 22px;
}

.selected {
    background-color: #66CCFF;
}

.badge2 {
    padding: 1px 9px 2px;
}

.label, .badge2 {
    font-size: 10.998px;
    font-weight: bold;
    line-height: 14px;
    color: #737373;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #d6dcdf;
    width: 25%;
    display: -webkit-inline-box;
}

.lbl-cadastro-versao-tipo {
    width: inherit;
    position: relative;
    bottom: 5px;
}

.teste {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.vipera {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2dede;
}

.navbar-inner-relatorios {
    background-color: #f0f0f0;
    background-image: none;
    background-repeat: no-repeat;
    filter: none;
}

.navbar .divider-vertical-relatorios {
    background-color: #dbdbdb;
    border-right: 1px solid #f0f0f0;
    height: 40px;
    margin: 0 9px;
    overflow: hidden;
    width: 1px;
}

.divider-vertical-relatorios {
    background-color: #f0f0f0;
    background-image: none;
    background-repeat: no-repeat;
    filter: none;
}

.title-page {
    color: #448EA6;
}

.btn-updc {
  background-color: #448EA6;
  background-image: -moz-linear-gradient(top, #5bc0de, #448EA6);
  background-image: -ms-linear-gradient(top, #5bc0de, #448EA6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#448EA6));
  background-image: -webkit-linear-gradient(top, #5bc0de, #448EA6);
  background-image: -o-linear-gradient(top, #5bc0de, #448EA6);
  background-image: linear-gradient(top, #5bc0de, #448EA6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#448EA6', GradientType=0);
  border-color: #448EA6 #448EA6 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #448EA6;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.small-loading {
    padding-left:1em;
    height: 24px;
    width: 24px;
}

#table-wrapper {
  position:relative;
}
#table-scroll {
  height:150px;
  overflow:auto;
  margin-top:20px;
}
#table-wrapper table {
  width:100%;

}

#table-wrapper table thead th .text {
  /*position:absolute;*/
  top:-20px;
  z-index:2;
  height:20px;
  width:35%;
}

/* Tooltip2 container */
.tooltip2 {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    /* If you want dots under the hoverable text */
}

/* Tooltip2 text */
.tooltip2 .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #FFFFAA;
    color: #000;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    border: 1px solid #FFAD33;

    /* Position the tooltip2 text - see examples below! */
    position: fixed;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip2:hover .tooltiptext {
    visibility: visible;
}

/* CADASTRO DE GRUPOS */
.grupo-cadastro .checkbox-label {
    display: inline-block;
    cursor: pointer;
}

/* MODO AGENTE */
.row-fluid div[class*="span"].modo-agente {
    margin-top: 30px;
    margin-left: -50px;
}
.modo-agente input.ng-pristine.ng-valid.ui-autocomplete-input {
    padding-right: 2;
    width: 98% !important;
}

.modo-agente input.ng-valid.ui-autocomplete-input.ng-dirty {
    padding-right: 2;
    width: 98% !important;
}

.modo-agente .row-fluid .input-cliente .span2 {
    width: 15px !important;
    position: relative;
    bottom: 21px;
    right: 1%;
    float: right;
}

.modo-agente .input-cliente .icon-ok.icon-updc { margin-top: 0 !important; }

@media(min-width: 767px) {
    .row-fluid div[class*="span"].modo-agente {
        margin-right: 50px;
        margin-left: 0;
    }
    
    .modo-agente .input-cliente { margin-bottom: 15px; }
    .modo-agente .row-fluid .input-cliente .span2 {
        bottom: -25px;
        float: left;
        right: -10px;
        margin-left: 0;
    }
}

/* liberação versão bimer */
.liberacao-versao-bimer .alert {
    max-height: 250px;
    overflow-y: auto;
}