@charset "utf-8";

::-webkit-input-placeholder { color: #777777; }
:-moz-placeholder { color: #777777; }
::-moz-placeholder { color: #777777; }
:-ms-input-placeholder { color: #777777; }

button {
	border: 0;
	cursor: pointer;
	font-family: 'GothamRounded-Book', Sans-Serif;
	font-size: 13px;
	height: 37px;
	padding-left: 13px !important;
	padding-right: 13px !important;
}

button:disabled, button:disabled:hover {
	background-color: #999999 !important;
	border-bottom: 2px solid #777777 !important;
	cursor: not-allowed !important;
	color: white !important;
}

input, select, textarea {
	padding: 10px 13px;
	font-family: 'GothamRounded-Book', Sans-Serif;
	font-size: 13px;
	color: #777777;
	border: 1px solid #CCCCCC;
	width: 100%;
	background-color: white;

	-webkit-border-radius: 2px;
  	   -moz-border-radius: 2px;
			border-radius: 2px;

	-webkit-box-sizing: border-box;	/* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box;	/* Firefox, other Gecko */
			box-sizing: border-box;	/* Opera/IE 8+ */
}

input:focus, textarea:focus, select:focus {
	border: 1px solid #6B9BF2;
}

input:disabled, input:disabled:hover,
select:disabled, select:disabled:hover,
textarea:disabled, textarea:disabled:hover {
	background-color: #EBEBE4;
	cursor: not-allowed;
}

input[type="checkbox"] {
	width: auto;
}

/* Removing IE 10 appearance */
select::-ms-expand {
    display: none;
}

select {
	/*background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 96% 50%;*/
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 10px 40px 10px 13px;
}

.select-arrow {
	width: 7px;
	height: 12px;
	background: url(../img/select-arrow.png) no-repeat;
	background-color: transparent;
	position: absolute;
	top: 14px;
	right: 20px;
}

textarea {
	resize: vertical;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.bt {
	display: inline-table;
	/*padding: 0 14px;*/
	padding: 10px 13px !important;
	height: auto;

	cursor: pointer;

	color: #777777;
	background-color: #F5F5F5;
	border-bottom: 2px solid #E3E3E3;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

.bt:hover {
	background-color: #EFEFEF;
	border-bottom: 2px solid #DADADE;
}

.bt-mini {
	padding: 4px 8px !important;
	height: auto;
	font-size: 12px;
}

.bt-primario {
	color: white;
}

.bt-escuro {
	color: white;
	background-color: #555555;
	border-bottom: 2px solid #222222;
}

.bt-escuro:hover {
	background-color: #444444;
	border-bottom: 2px solid #000000;
}

.bt-branco {
	color: #777777;
	background-color: white;
	border-bottom: 2px solid #DFDFDF;
}

.bt-branco:hover {
	background-color: #F9F9F9;
	border-bottom: 2px solid #D5D5D5;
}

.bt-margin-left {
	margin-left: 16px;
}

.bt-sucesso {
	background-color: #007AF4 !important;
	border-bottom: 2px solid #0063C6 !important;
}

.bt-sucesso:hover {
	background-color: #0068D0 !important;
	border-bottom: 2px solid #00458A !important;
}

.bt-erro {
	background-color: #FF4040 !important;
	border-bottom: 2px solid #D93636 !important;
}

.bt-erro:hover {
	background-color: #E53939 !important;
	border-bottom: 2px solid #C33030 !important;
}

.lbform {
	margin-bottom: 5px;
	display: block;
}

.alinhar-input {
	width: auto;
	vertical-align: middle;
}

.alinhar-meio {
	vertical-align: middle;
}

#search-user-chat, #input-chat-typing {
	font-family: 'GothamRounded-Book', Sans-Serif;
	font-size: 13px;
	width: 100%;
	color: #777777;
}

#search-user-chat {
	background-color: transparent;
	border: 0;
}

#input-chat-typing {
	background-color: white;
	padding: 10px;
	border: 1px solid #ddd;
	resize: none;
}

.box-resposta {
	line-height: 20px;
}

.resposta {
	color: #FF4F4F;
	font-weight: bold;
}

.sucesso, .texto-azul {
	color: #007AF4;
}

.texto-vermelho {
	color: #FF4F4F;
}

.close {
	width: 16px;
	height: 16px;
	background-image: url(../img/close.png);
	background-repeat: no-repeat;
}

.asterisco {
	font-size: 18px;
	color: #FF4F4F;
	line-height: 18px;
}

.box-info {
	background-color: #E5ECFF;
	padding: 20px;
}