/* Modal CSS */
.modal {display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); padding-top: 60px;}
.modal-content {background-color: #fefefe; margin: 5% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 800px; z-index: 10000;}
.close {color: #6E1515; float: right; font-size: 28px; font-weight: bold;}
.close:hover, .close:focus {color: black; text-decoration: none; cursor: pointer;}
.btn-green {background-color: green; color: white; padding: 10px 20px; border: none; cursor: pointer;}
.btn-red {background-color: #6E1515; color: white; padding: 10px 20px; border: none; cursor: pointer;}
.modal input[type="text"] {width: 100%; margin-top: 0; padding: 5px; box-sizing: border-box;}
#modalResultado .modal-content{background-color: whitesmoke; width: 90%; max-width: 90%}




/* Table CSS */
.tabela-cotacao {font-size: 12px; width: 100%; border-collapse: collapse; margin: auto; margin-bottom: 1rem; color: #212529; background-color: transparent;}
.tabela-cotacao .align-left {text-align: left !important;}
.tabela-cotacao th {font-size: 12px; font-weight: bold; vertical-align: central; border: solid thin white; border-bottom: 2px solid #dee2e6; background-color: #FFBC00; color: #555555; text-align: center; padding: 2px;}
.tabela-cotacao td {padding: 5px; vertical-align: top; border-top: 1px solid #dee2e6; text-align: center;}
.tabela-cotacao tr:nth-child(even) {background-color: #f2f2f2;}
.tabela-cotacao tr:nth-child(odd) {background-color: #ffffff;}
.tabela-cotacao .link-imprimir, .tabela-cotacao .link-editar {cursor: pointer; color: #6E1515;}
.tabela-cotacao .link-imprimir:hover, .tabela-cotacao .link-editar:hover {color: #333;}
#tabelaResultado tbody {border-bottom: solid thin #ccc; border-left: solid thin #ccc; border-right: solid thin #ccc;}
#tabelaResultado thead {border-left: solid thin #ccc!important; border-right: solid thin #ccc!important;}
#tabelaResultado td {border: solid thin #ccc}

#modalResultado h5, #modalResultado label{color: #666666}

#cotacaoInfo{width: 95%;}

/* Estilos de layout similar ao Bootstrap 3 */
/* Container e Row */
.container {width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px;}

.row {display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}

/* Classes de colunas */
[class*="col-xs-"] {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}

/* Colunas */
.col-xs-1 { width: 8.33%; }
.col-xs-2 { width: 16.66%; }
.col-xs-3 { width: 25%; }
.col-xs-4 { width: 33.33%; }
.col-xs-5 { width: 41.66%; }
.col-xs-6 { width: 50%; }
.col-xs-7 { width: 58.33%; }
.col-xs-8 { width: 66.66%; }
.col-xs-9 { width: 75%; }
.col-xs-10 { width: 83.33%; }
.col-xs-11 { width: 91.66%; }
.col-xs-12 { width: 100%; }

/* Clearfix para floats */
.clearfix::after {content: ""; display: table; clear: both;}

/* Opções de alinhamento */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }

#cotacaoDescricao{text-align: justify; margin: 10px 0 0 0!important}

/* Estilo para paginação */
.pagination {display: flex; justify-content: center; padding-left: 0; list-style: none; border-radius: 0.25rem;}
.pagination button {position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #6E1515; background-color: #fff; border: 1px solid #dee2e6; cursor: pointer;}
.pagination button:hover {color: #333; background-color: #6E1515; border-color: #dee2e6;}
.pagination button:disabled {color: #6c757d; background-color: #fff; border-color: #dee2e6; cursor: not-allowed;}

/* Campo de busca */
#searchContainer {text-align: center; margin-bottom: 15px;}
#searchInput {padding: 10px; width: 15%; box-sizing: border-box; font-size: 16px; border: 1px solid #ddd; border-radius: 4px; display: block; margin: 0 auto;}
#consultarButton, #limparButton {margin-top: 10px; padding: 10px 20px; font-size: 16px; color: white; background-color: grey; border: none; border-radius: 4px; cursor: pointer;}
#consultarButton:hover, #limparButton:hover {background-color: #6c757d;}
#resultMessage {display: none; text-align: center; color: red; font-weight: bold; margin-top: 15px;}

footer{font-size: 12.5px; color: #6c757d}