/*
* Alexandre Unruh - 22/03/2016
* FOlha de estilos com ajustes para o design responsivo
*/

body{
  text-align: left;
  overflow:visible;
}

/********** MENU SUPERIOR *************/

/* Logo do sistema */
.top img{
  margin: 15px 0 5px; 
}

.wrap-menu{
  border: none !important;
}

.navbar{
  min-height: 30px;
}

.navbar ul li a {
  font-size: 14px;
}

@media(max-width: 780px){
  .navbar ul li a {
    position: relative;
    font-size: 16px;
  }

  .navbar-nav>li,
  .navbar-nav>li>ul>li {
    padding: 4px 0;
  }
}

.navbar-nav>li:hover{
  background-color: #ededed;
}

.navbar-nav>li,
.navbar-nav>li>ul>li {
  margin-left: 0 !important;
  text-align: center;
  list-style: none;
}

.navbar-nav>li>ul>li>a{
  color: #777 !important;
}

.navbar-default {
  background-color: #F8F8F8;
}

.navbar-brand{
  padding: 7px 15px;
}

.navbar-brand img{
  width: 180px;
}

.clearboth{
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  min-height: 60px !important;
}

.clearboth-webscan{
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  min-height: 70px !important;
}

/**************** FORMULÁRIOS *******************************/

/* Caixa que envolve formulários */
.formBox{
  padding: 15px;
  border: 1px solid #CCC;
  border-radius: 5px;
  position: relative;
  float: left;
  width: 100%;
}

.label-default{
  color: #777;
  margin-bottom: 0;
}

.form-inline .form-group{
  margin-right: 15px
}

/* Formulário de Login do sistema */
.top-login{
  margin-top: 80px;
}

@media(max-width: 768px){
  .top-login{
    margin-top: 70px;
  }
}

@media(max-width: 480px){
  .top-login{
    margin-top: 30px;
    margin-bottom: 50px
  }
}

.color-default{
  background-color: #ededed;
}

.bg-white {
  background-color: #fff !important;
}

.powered{
  position: relative;
  margin-top: 10px;
}

.powered img{
  position: relative;
  top: -6px;
}

.bottom-space {
  margin-bottom: 20px
}


/******************** FOOTER ***************************/

.footer{
  position: fixed;
  width: 100%;
  padding: 15px 0;
  background-color: #EEE;
  bottom: 0;
  text-align: center;
  border-top: 1px solid #DDD;
}

.footer img{
  max-height: 20px;
}

.clearfooter{
  position: relative;
  min-height: 70px;
}


/******************* MENU DA PÁGINA DE VISUALIZAÇÃO DE DOCUMENTO *************/

.docto-menu{
  margin-top: 10px;
  z-index: 100 !important;
}

.docto-menu i{
  margin: 0 0 5px;
  font-size: 3em !important;
  border: 1px solid #CCC;
  border-radius: 3px;
  padding: 4px 4px 2px;
  outline: none;
  color: #666;
  min-width: 45px
}

.docto-menu i:hover{
  color: #FB623D;
  transition: 0.4s all linear;
  outline: none;
}

.docto-menu a, .docto-menu i, .docto-menu a:hover, .docto-menu a:visited, .docto-menu i:hover, .docto-menu i:visited{
  text-decoration: none !important;
}

.docto-menu a:visited{
  text-decoration: none !important;
}

/********************* BOX DE VISUALIZAÇÃO DE DOCUMENTOS ***************************/

.image-container{
  border: 2px solid #EEE;
  border-radius: 4px;
  background-color: #F8F8F8;
  overflow: hidden;
}

.image-box{
  text-align: center !important;
  margin: 10px auto;
}

.graph{
  width: 100%;
  overflow: hidden;
}

/******************** TABELAS *******************************/

/*.table td{
  text-align: center !important;
}*/

.browse-busca{
  position: relative;
  width: 100%;
  background-color: #f5f5f5;
  padding: 5px 10px 10px;
  margin: 0 0 10px;
}

.browse-busca label{
  color: #999;
}

.no-cursor, .no-cursor tr, .no-cursor td{
  cursor: default !important;
}

.min-pad td, .min-pad th{
  padding: 6px 3px !important;
}

.table-white{
  background-color: #F8F8F8;
  border: 1px solid #000 !important;
  font-size: 12px !important
}

.table-white th{
  font-weight: bolder !important
}

/****************** TOKEN ***************************/

.token img{
  position: relative;
  width: 100% !important;
  margin: 5px auto !important;
}

#frmTokenCode{
  margin: 10px auto !important
}

/*********************** OUTROS ***********************/

.capitalize{
  text-transform: capitalize;
}

#progressBar{
  width: 100% !important;
}

#recarregar{
  font-size: 14px !important;
  padding: 0 !important;
  border: none !important;
  margin: 0 !important;
  width: 100%;
}

.checkbox{
  margin: 0px auto 0 0 !important
}

.theme-default{
  background-color: #ededed;
}

.form-filter{
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 0 0;
  margin-bottom: 10px;
  border: 1px solid #CCC;
  border-radius: 4px;
}

.footer-admin{
  position: relative;
  top: -2px;
  font-size: 22px;
  margin: 5px 0;
  font-weight: bold;
}

.cursor-pointer{
  cursor: pointer !important;
}

@media (max-width: 767px) {
  .table-responsive .dropdown-menu,
  .table-responsive .dropdown-toggle {
        position: static !important;
  }
}

@media (max-width: 640px) {
    #btnSubPedido{margin-top:10px;}
}

.back-admin{
  background-color: #EEE !important;
}
@media(min-width: 1025px){
  #frmTokenCode img
  {
    width: 60% !important;
    position: relative;
    margin: 0 auto;
  }
}

@media(min-width: 768px){
  .btn-filter{
    position: relative;
    margin-top: 25px;
  }
}

@media(max-width: 768px){
  .btn-filter{
    position: relative;
    margin-top: 10px;
  }
}

.dropdown-submenu .dropdown-item.active, 
.dropdown-item:active {
  color: #212529 !important;
  background-color: #f8f9fa !important;
}

.accordion-body a { text-decoration: none; color: #000; }

.btn.btn-default {
  border: 1px solid #ccc !important;
  background-color: #fff !important;
}

.btn.btn-default:hover {
  background-color: #E6E6E6 !important;
  color: #000 !important;
}

div.panel-body {
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
} 

h4.panel-title {
  margin-bottom: 0px;
}

div.panel-heading { 
 margin-top: 10px !important; 
}

.accordion-button::after {
  background-image: none !important;
}

div.accordion-item {
  margin-bottom: 6px;
}

.accordion-button:focus {
  box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
	color: #000;
	background-color: transparent;
	box-shadow: none;
}

th.text-left {
  text-align: left !important;
}

button#btPrint {
  border: 0 solid;
  background-color: #F0F0F0;
}

.btn-admin-collapsed {
  background-color: #F5F5F5 !important;
}

button.collapse,
button.accordion-button {
	background-color: #f5f5f5 !important;
}

ul.mt-3-p.box-docs a:hover {
  text-decoration: underline !important;
}

#modal_db_imagem button.btn.btn-primary:focus {
  background-color: #0d6efd !important;
  color: #fff;
}

#modal_db_imagem button.btn-danger:focus {
  background-color: #dc3545 !important;
  color: #fff;
}