.lista-marcas-table td, .prazos-datas-table td, .prazos-table td{
	text-align: center;
}

.lista-marcas-header, .prazos-header, .prazos-datas-header{
	color: #000;
}

.lista-marcas-table i{
	font-size: 1.7em;
	vertical-align: middle;
	cursor: pointer;
}

.lista-marcas-table tr{
	border: 1px solid #000;
	box-shadow: 1px 1px 3px #777;
}

.lista-marcas{
	text-align: center;
	margin-bottom: 65px;
}


.mc-painel-entrega{
	font-size: 12px;
}

.nova-marca-modal, #prazo-modal, #prazo-datas-modal{
	max-height: 80%!important;
}

.prazos-datas-table, .prazos-table{
	margin: 5px 0px;
}

.prazos-table td{
	padding: 8px 5px;
	border: 1px solid black;
}

#prazo-modal{
	width: 35%;
}

.prazos-table .prazos-header td{
	border:none;
}

.titulo-cond{
    width: 54%;
    text-align: center;
    margin-top: 10px;
    font-size: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;

}

/* .table-cond{
	height: 65%;
	overflow: auto;
} */

.cabecalho-cond {
	width: 100%;
	height: 13%;
	display: flex
}

.cabecalho-cond button{
	margin-top: 20px;
	width: 33%;
    text-align: center;
	padding: 0;
    height: 41%;
}

.nome-cond{
	width: 53%;
}

.nome-cond input{
	width: 97%;
    height: 41%;
}

.desc-cond input{
	width: 95%;
    height: 41%;
}

.web-logos{
	text-align: center;
}

.web-logos .old-logo-container, .web-logos .new-logo-container, .web-logos .buttons-logo-container{
	display: inline-block;
	width: 30%;
	vertical-align: middle;
	text-align: center;
}

.web-logos .logos-buttons{
	width: 100%;
	text-align: center;
}

.web-logos .buttons-logo-container button{
    width: 50%;
    margin: 5px!important;
    padding: 0px!important;
    height: 60px;
    font-size: 20px;
}

.input-container{
	text-align: center;
}

button.save-logo, button.cancel-logo{
	width: 100%;
	margin: 5px!important;
	padding: 0px!important;
}

#alert-modal.web-logos{
	width: 42%!important;
}

button.cadastrar-marca{
	width: 33%;
    margin: 20px;
    padding: 0px;
    box-shadow: 2px 2px 8px black;
}

.lista-marcas-table{
	min-width: 50%;
	width: 50%;
	display: table;
	margin: 0 auto;
}

.cadastro-marca{
	padding: 6px 10px;
}

.cadastro-marca-section h5 {
    width: 100%;
    background: #eaeaea;
    margin: 0;
    padding: 7px;
}

.cadastro-marca-section {
	border: 1px solid #ccc;
	padding-bottom: 7px;
}

.cadastro-marca input{
	border: 1px solid #000;
	margin-left: 12px;
	margin-bottom: 3px;
	width: -webkit-calc(100% - 24px);
	padding: 5px;
	font-size: 1.7em;
}
.cadastro-marca label{
	margin-left: 15px;
}

/*#marca_uf{
    margin: 3px auto;
    border: 1px solid #000;
    width: 18%;
    display: inline-block;
    vertical-align: bottom;
    height: 3em;
}

#select-representada{
    margin: 12px;
    width: -webkit-calc(100% - 24px);
    border: 1px solid #000;
}*/

.marca-cep-field{
	width: 50%;
}

.marca-endereco-field{
	width: 100%;
}

.marca-numero-field{
	width: 24%;
}

.marca-complemento-field{
	width: 30%;
}

.marca-bairro-field{
	width: 69%;
}

.marca-cidade-field{
	width: 80%;
}

.marca-entrega-field{
	width: 70%;
}

.marca-entrega-field p{
	margin-left: 15px;
}
.marca-entrega-field button{
	margin-left: 12px;
}

.cadastro-marca-section #select-representada{
	border: 1px solid;
    margin: 7px 12px;
    width: -webkit-calc(100% - 24px);
}

.painel-marca-buttons{
	text-align: center;
}

.painel-marca-buttons button{
	/* width: 12%; */
    margin: 10px 5px 0;
}

.cadastro-marca-section #marca_uf{
    height: 3em;
    display: inline-block;
    width: 15%;
    vertical-align: bottom;
	margin: 3px 0 0 1.5%;
    border: 1px solid;
}
.organizr-button, .button{
    padding: 10px 20px;
    border: 2px solid rgba(0, 0, 0, 0.4);
    background: transparent;
	transition: 200ms all;
	outline: none;
}

.organizr-button:hover, .button:hover, .button:focus, .organizr-button:focus{
    border-color: black;
    color: black;
}

@media only screen and (min-width: 450px){

    .cadastro-marca{
        max-width: 45%;
        margin: 0 auto;
        margin-top: 50px;
    }

}

@media only screen and (max-width: 450px) {
	[page=nova_marca] .container .col.s12{
		padding: 0px;
	}

	.lista-marcas-table{
		min-width: 80%;
	}
	
	.painel-marca-buttons{
		text-align: center;
		display: flex;
		width: 65%;
		margin-left: auto;
		margin-right: auto;
	}

	.btn-marca{
		text-align: center;
		padding: 5px;
	}

	.painel-marca-buttons button {
		width: 42%;
		padding: 2px;
	}

	.marca-entrega-field {
		width: 70%;
		display: contents;
	}

	.cadastro-marca-section {
		border: 1px solid #ccc;
		padding-bottom: 7px;
	}

	.prazos-table td,th {
		padding: 15px 0px;
	}

	.cabecalho-cond button {
		margin-top: 17px;
		width: 34%;
		text-align: center;
		padding: 0;
		height: 41%;
		font-size: 9px;
	}

	.titulo-cond {
		width: 100%;
		text-align: center;
		margin-top: 10px;
		font-size: 14px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}

	#prazo-modal{
		width: 88% !important;
	}
}