﻿
.panel-info {
  border-color: grey;
}

.panel-info > .panel-heading {
  color: #ffffff;
  background-color: #113083;
  border-color: grey;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: gray;
    background-color: #fff;
    padding-top: 80px;
    margin: 1px;
}
.btn-default{
    background-color:#113083;
    color:#ffffff;
}
.btn-primary {
    /*width: 125px;*/
    color: #fff;
    /* float: right; */
    height: 34px;
    background-color: #113083;
    /* padding: 1.5%; */
    border-radius: 15px;
    font: 14px/100% 'itcfranklingothicstd-demiit',fontawesome;/*18px*/
    border: 1px solid #113083;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
}
.cabecModal{
    background-color:#113083;
    color: #ffffff; /* White */
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #fff;
    color: #113083;
    border-color: #113083;
}

    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-color: #fff;
        color: #113083;
        border-color: #113083;
    }
    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

    .btn.active, .btn:active {
    background-image: none;
    outline: 0;
     -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0); 
     box-shadow: inset 0 0px 0px rgba(0,0,0,0); 
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, 
.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #113083;
    background-color: #fff;
    border-color: #113083;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #113083;
    color: #fff;
}

#aButtonFechar{
    padding: 1.5%;
}

.btn-primary .badge {
    background-color: #fff;
    color: #113083;
}

.btn-info {
  color: #ffffff;
  background-color: #113083;
  border-color: #113083;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #113083;
  background-color: #ffffff;
  border-color: #113083;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, 
.open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
    color: #113083;
    background-color: #fff;
    border-color: #113083;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #113083;
  border-color: #113083;
}

.btn-info .badge {
  color: #fff;
  background-color: #113083;
}

.navbar-inverse {
  background-color: #fff;
  border-color: #cccccc;
}

.navbar-inverse .navbar-nav > li > a {
  color: #6f6f6f!important;
  font-weight:bold;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color:transparent;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #ffffff;
  color: #f07662!important;
}

.dropdown-menu {
  color: #053a8a;
  background-color: white;
  border: 0 none;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0,0,0,0.43);
  -moz-box-shadow: 0 2px 10px 2px rgba(0,0,0,0.43);
  box-shadow: 0 2px 10px 2px rgba(0,0,0,0.43);
}
.nav-stacked > li >a {
  color: #103084!important;
}
.nav-stacked > li >a:hover,
.nav-stacked > li >a:focus {
    color: red!important;
    background-color: transparent;
}

.alert-info {
    color: #777777;
    background-color: #efefef;
    border-color: gray;
}

.btn-link {
  color: #556d87;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #113083;
    background-color: #fff;
    border-color: #113083;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #113083;
  border-color: #113083;
  cursor: default;
}

.divImagemMenu
{
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}

input[type=text],
input[type=password] {
    /*width: 100%;*/
    height: 34px;
    padding: 0 10px;
    border: 1px solid #c9c9c9;
    padding: 0 10px;
    font: 14px/100% 'itcfranklingothicstd-bookit',sans-serif;
    color: #7d7d7d;
}
input[type=text]:focus,
input[type=password]:focus {
    background-color: #f6f6f6;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid #c9c9c9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(0,0,0,0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 8px rgba(0,0,0,0);
}
textarea.input-sm {
    padding: 10px;
    border: 1px solid #c9c9c9;
    /*font: 14px/100% 'itcfranklingothicstd-bookit',sans-serif;*/
    color: #7d7d7d;
}
textarea.input-sm:focus {
    background-color: #f6f6f6;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid #c9c9c9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(0,0,0,0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 8px rgba(0,0,0,0);
}
select.input-sm {
    width: 100%;
    background: rgba(255,255,255,0.5);
    /*padding: 2%;*/
    color: #7d7d7d;
    font-weight: bold;
    font-style: italic;
    border: 1px solid #c9c9c9;
    border-top-color: #c9c9c9;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #c9c9c9;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #c9c9c9;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #c9c9c9;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

div textarea {
    box-sizing: border-box;
    max-width: 95%;
}

.campo-data {
    width: 50px;
}

.campo-number {
    width: 50px;
}

.campo-combo {
    width: 210px;
}

.campo-money {
    width: 65px;
}

.select-td {
    width: 200px;
}

.textosimples {
    width: 100px;
}

body {
    margin: 1px;
}

div textarea {
    box-sizing: border-box;
    max-width: 95%;
}

/* Estilos para inputs formatados */
input.money {
    text-align: right;
}

/* Campos de origem/destino */
#tblOriDestino td {
    padding: 5px;
}

/* Botões com espaçamento */
.btn + .btn {
    margin-left: 5px;
}

/* Painel e input responsivo */
.panel-body .form-control.input-sm {
    margin-bottom: 5px;
}

/* Tooltip estilo */
.tooltip-inner {
    max-width: 300px;
}

/* Área de observação */
textarea.textarea {
    width: 100%;
    resize: vertical;
}

#divTbMercadoria.hidden {
    display: none;
}

.hidden {
    display: none;
}

/* Aplica largura de 150px para o dropdown de status */
.drop-status {
    width: 150px;
}

/* Aplica largura de 80% para ddlApolice */
.drop-apolice {
    width: 80%;
}

/* Aplica largura de 180px para o campo de apólice */
.drop-apolice-curta {
    width: 180px;
}

/* Aplica largura de 350px para o campo de subgrupo */
.drop-subgrupo {
    width: 350px;
}

.modal-cobertura {
    max-width: 100%;
    width: auto;
}

.esconder {
    display: none;
}

/* Estilo para alinhar campos de data na mesma linha */
.form-inline .form-date-group {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

    .form-inline .form-date-group label {
        margin-right: 5px;
        vertical-align: middle;
    }

    .form-inline .form-date-group input.datepicker {
        width: 110px;
        display: inline-block;
        vertical-align: middle;
    }

/* Ajuste específico para o container de datas */
.date-fields-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

/* Campo específico para código de moeda */
#c_moe_tmp {
    width: 50px !important;
}

/* Melhor organização dos campos em linha */
.form-fields-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}

.form-field-group {
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 5px;
}

    .form-field-group label {
        margin-right: 5px;
        white-space: nowrap;
    }

/* Definir larguras específicas */
.campo-moeda {
    width: 50px;
    min-width: 50px;
}

.dropdown-moeda {
    width: 210px; /* Reduzi de 210px para 160px */
    max-width: 210px;
}

/* Controle de overflow */
.panel-body {
    overflow-x: hidden;
}

/* Ajustes para telas menores */
@media (max-width: 992px) {
    .form-fields-inline {
        flex-direction: column;
        align-items: flex-start;
    }

    .form-field-group {
        width: 100%;
        margin-bottom: 10px;
    }
}

#tblOriDestino input[type=text].campo-number {
    width: 50px !important;
    display: inline-block !important;
    margin-right: 5px;
    float: none !important;
}

#tblOriDestino select.form-control,
#tblOriDestino select.input-sm {
    width: 140px !important;
    display: inline-block !important;
    margin-left: 5px;
    float: none !important;
}

#tblOriDestino td {
    white-space: nowrap;
}

/* Styling for Mercadoria table container */
.mercadoria-table {
    display: none; /* Hidden by default */
}

    /* When active/visible - can be toggled by JavaScript */
    .mercadoria-table.active {
        display: block;
    }
