/* Estilo CSS Futura Grade por Dionis Mendanha */
#marcas {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ECF0F1;
    border-radius: 4px 4px 4px 4px;
    padding-left: 32px;
    width: calc(100% - 12px);
    height: 34px;
    margin: 6px 0 6px 6px;
    background: url(../image/icon_search.png) no-repeat #FFF left 5px center;
    background-size: auto 20px;
}
.itensmarcas { width: 96% !important;
  min-height:125px !important;
  max-height:125px !important;
  margin-bottom: 8px !important;
  overflow: auto !important;
}

.itensmarcas input{
	margin:6px 0 0 6px !important;
	text-transform: initial !important;
	}

/* Largura da barra de rolagem */
.itensmarcas::-webkit-scrollbar {
    width: 8px;
	display: block;
	}

/* Fundo da barra de rolagem */
.itensmarcas::-webkit-scrollbar-track-piece{
    background-color: #EEE;
    border-left: 1px solid #CCC;
	}

/* Cor do indicador de rolagem */
.itensmarcas::-webkit-scrollbar-thumb:vertical,
.itensmarcas::-webkit-scrollbar-thumb:horizontal {
    background-color: #BAC0C4;
	}

/* Cor do indicador de rolagem - ao passar o mouse */
.itensmarcas::-webkit-scrollbar-thumb:vertical:hover,
.itensmarcas::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #717171;
	}



@media only screen and (max-width: 977px) {

.sidebar {
	display:none !important;
	}

}

@media only screen and (min-width: 220px) and (max-width: 1024px) {


.marcas{
	width: 98% !important;
}

}
