body 
{
	color: #666666;
	background: #f4f6f9;
}

.login-bg .header-brand img{
	margin: 0 auto;
}

.panel{
  box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
}

a:hover, a:focus
{
	text-decoration: none;
}

.navbar
{
	background: #343a40;
	border-color: #343a40;
	border-radius: 0;
	min-height: 60px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus{
	background: rgba(255,255,255,.1);
	color: #fff;
	box-shadow: none;
}

.navbar-brand {
	padding: 0 15px;
	height: 60px;
	line-height: 60px;
}

.navbar-brand img{
	max-height: 50%;

	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#logo-footer{
	width: 160px;
	height: 30px;
	background-image: url('../img/logo_mostardas.png');
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto 10px;
}

.dark-mode #logo-footer{
	background-image: url('../img/novo-logo-mostardas.png');
}

.navbar-toggle {
  /* (60px - button height 34px) / 2 = 23px */
  margin-top: 13px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (60px - line-height of 27px) / 2 = 26.5px */
    padding-top: 16.5px;
    padding-bottom: 16.5px;
    line-height: 27px;
  }
}

.popover{
    z-index: 1040;
}

.btn-primary
{
	background: #666666;
	border-color: #444444;
}
.btn-primary:hover, .btn-primary:focus
{
	background: #444444;
	border-color: #666666;
}

.btn-primary.disabled, .btn-primary:disabled, .btn-primary[disabled] {
    background-color: #666666;
	border-color: #444444;
    background-image: none;
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    box-shadow: none;
    background-image: none;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0 rgb(72 180 97 / 50%);
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{
	color: #fff;
	background-color: #1e7e34;
	border-color: #1c7430;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    box-shadow: none;
    background-image: none;    
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 0 rgb(225 83 97 / 50%);
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}

.btn-warning {
    color: #1f2d3d;
    background-color: #ffc107;
    border-color: #ffc107;
    box-shadow: none;
    background-image: none;
}

.btn-warning:hover {
    color: #1f2d3d;
    background-color: #e0a800;
    border-color: #d39e00;
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    color: #1f2d3d;
    background-color: #d39e00;
    border-color: #c69500;
}

.btn-warning.focus, .btn-warning:focus {
    color: #1f2d3d;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 0 rgb(221 171 15 / 50%);
}

.table tr > td, .table tr > th {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

/* Formularios */
form h4
{
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 5px;
	border-bottom: solid 1px #999999;
}

form label
{
	margin-left: 5px;
}

.formulario
{
	padding: 15px;
}

.has-error .ui-state-default{
	border-color: #a94442;
}

/* Listas */
.pesquisa
{
	margin-bottom: 10px;
}

.pesquisa-head
{
	border-bottom: 1px solid #999999;
	margin: 1%;
}

.pesquisa-body
{
	border-bottom: 1px solid #DDDDDD;
	margin: 1%;
}

.lista-button
{
	margin-top: -4px;
}

.lista-menu
{
	min-width: 35px;
	padding: 10px;
}

.status
{
	font-size: 14px;
}

.tipo-frete
{
	padding-left: 0px;
}

.tipo-frete span
{
	font-size: 18px;
	font-weight: normal;
}

.checkbox-status
{
	margin-left: 25px;
}

.panel-heading
{
	padding: 3px 15px;
	margin-top: 5px;
	font-size: 20px;
}

.btn-radio
{
	width: 100px;
}

.panel-filtro
{
	color: #666666;
	padding: 5px;
	padding-bottom: 8px;
}

/* pagination */
.pagination-bootpag
{
	text-align: right;
	margin-right: 25px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus 
{
	background: #666666;
 	border-color: #666666;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.pagination > li > a, .pagination > li > span 
{
	color: #666666;
}

/* ui-autocomplete-input */
.custom-combobox 
{
	position: relative !important;
	display: inline-block !important;
}
.custom-combobox-toggle 
{
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	margin-left: -1px !important;
	padding: 0 !important;
	width: 20px !important;
	border: solid 1px #888888 !important;
	border-radius: 2px !important;
}
.custom-combobox-input 
{
	margin: 0 !important;
	padding: 5px 10px !important;
}

.custom-combobox
{
	width: 100% !important;
}

.ui-autocomplete-input 
{
	height: 34px !important;
	margin-left: -1px !important; 
	width: 96% !important;
	background: #FFFFFF !important;
	font-size: 14px !important;
}

.label-row
{
	font-weight: normal !important;
	display: block !important;
	cursor: pointer;
}

.checkbox-tipo-consignado label
{
	font-size: 15px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.checkbox-tipo-consignado
{
	padding-left: 0 !important;
}

.botao-radio
{
    width: 50%;
}

.panel-heading > div
{
	max-height: 30px;
}

.panel-heading > div > div > div.input-group
{
	margin-top: -4px;
}

.modal-header
{
	border: none;
}

.modal-footer
{
	border: none;
}


.panel-default > .panel-heading 
{
	height: 45px;
	margin-top: -1px;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: linear-gradient(to bottom, #ddd 0%, #e8e8e8 100%);
}

.exibicao_form
{
	border: none !important;
	border-bottom: solid 1px #CCCCCC !important;
	cursor: auto !important; 
	background-color: #F1F1F1 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

select[disabled]
{
	-webkit-appearance: none;  /*Remove estilo padrão do Chrome*/
	-moz-appearance: none; /* Remove estilo padrão do FireFox*/
	text-indent: 0.01px; /* Remove seta padrão do FireFox */
	text-overflow: "";  /* Remove seta padrão do FireFox */
	select::-ms-expand { display: none; }/* Remove seta padrão do IE*/
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus 
{
	background: #666666;
}

.navbar-nav > .active
{
	border-bottom: 2px solid #FFF;
}

.dropdown-menu > li > a 
{
	padding: 10px;
	padding-left: 20px;
	height: 40px;
}

.dropdown-menu
{
	padding: 0;
	min-width: 150px;
    max-height: 60vh;
    overflow-y: scroll;
}

/* width */
.dropdown-menu::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.dropdown-menu::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
.dropdown-menu::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 20px;
}

/* Handle on hover */
.dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.dropdown-menu .divider {
    margin: 0;
}

.no-padding{
	padding: 0;
}

.select2-container--default .select2-selection--single{
	border: 1px solid #ccc;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group .select2-container{
	display: table!important;
    table-layout: fixed!important;
}

.footer .help-msg{
	float: right;
	margin-left: 15px;
	margin-right: 5%;
}

.footer .help-msg a{
    white-space: nowrap;
}

/*--------------------------------------- dark mode ---------------------------------------*/
body.dark-mode{
	background: #454d55;
	color: #fff;
}

.dark-mode .select2-results__option, .dark-mode .select2-search__field{
	color: #666666;
}

.dark-mode .navbar-inverse .navbar-nav > .active > a, 
.dark-mode .navbar-inverse .navbar-nav > .active > a:hover, 
.dark-mode .navbar-inverse .navbar-nav > .active > a:focus{
	background: rgba(255,255,255,.1);
	color: #fff;
	box-shadow: none;
}

.dark-mode .panel{
	background-color: #343a40;
  	color: #fff;
}

.dark-mode .well{
	background: #343a40;
}

.dark-mode .modal{
	color: #666666;
}

.dark-mode a:not(.btn){
	color: #007bff;
}

.dark-mode a:not(.btn):hover{
	color: #3395ff;
}

.dark-mode .dropdown-menu > li > a, .dark-mode .dropdown-menu > li > a:hover{
	color: #333;
}

.dark-mode .dropdown-menu > li.active > a{
	color: #fff;
}

.dark-mode .table > thead > tr > td.active, 
.dark-mode .table > tbody > tr > td.active, 
.dark-mode .table > tfoot > tr > td.active, 
.dark-mode .table > thead > tr > th.active, 
.dark-mode .table > tbody > tr > th.active, 
.dark-mode .table > tfoot > tr > th.active, 
.dark-mode .table > thead > tr.active > td, 
.dark-mode .table > tbody > tr.active > td, 
.dark-mode .table > tfoot > tr.active > td, 
.dark-mode .table > thead > tr.active > th, 
.dark-mode .table > tbody > tr.active > th, 
.dark-mode .table > tfoot > tr.active > th{
	background-color: #454d55;
}

.dark-mode .table-hover > tbody > tr:hover{
	background-color: #5b6670;
}

.dark-mode .success:hover > td{
	background: #277e00 !important;
}

.dark-mode .danger:hover > td{
	background: #83000d !important;
}

.dark-mode .total-relatorio{
    background: #454d55;
}

.dark-mode h1 small, .dark-mode h2 small, .dark-mode h3 small, .dark-mode h4 small, .dark-mode h5 small, .dark-mode h6 small, .dark-mode .h1 small, .dark-mode .h2 small, .dark-mode .h3 small, .dark-mode .h4 small, .dark-mode .h5 small, .dark-mode .h6 small, .dark-mode h1 .small, .dark-mode h2 .small, .dark-mode h3 .small, .dark-mode h4 .small, .dark-mode h5 .small, .dark-mode h6 .small, .dark-mode .h1 .small, .dark-mode .h2 .small, .dark-mode .h3 .small, .dark-mode .h4 .small, .dark-mode .h5 .small, .dark-mode .h6 .small{
	color: #bdbdbd;
}

.dark-mode .text-danger{
	color: #ed5361;
}

.dark-mode .btn-primary{
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  box-shadow: none;
}

.dark-mode .btn-primary:active, .dark-mode .btn-primary.active{
	color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.dark-mode .btn-primary:hover, .dark-mode .btn-primary:focus{
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
}

.dark-mode .pagination-bootpag a{
	color: #fff;
	background-color: #454d55;
	border-color: #454d55;
	box-shadow: none;
}

.dark-mode .pagination-bootpag li a:hover,
.dark-mode .pagination-bootpag li.active a{
	color: #333;
  background-color: #eee;
  border-color: #ddd;
}

.dark-mode .popover-content{
	color: #343a40;
}

.dark-mode #print_guia{
	background-color: #fff;
}

.dark-mode .table-sub-movimentos{
	background-color: #343a40;
}