@font-face {
	font-family: 'NeoSansPro-Medium';
	src: url('../fonts/NeoSansPro-Medium.woff');
}

@font-face {
	font-family: 'NeoSansPro-Regular';
	src: url('../fonts/NeoSansPro-Regular.woff');
}

/* estas classes ficam aqui */

.circuloEscala{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #bcd4f6;
	display: table;

}
.circuloTurn{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #ffcc66;
	display: table;

}
.circuloTurnEscala{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #ccff99;
	display: table;

}
.circuloParcial{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #ffff99;
	display: table;
}


.sc-jrAGrp.kjzhck.rdt_TableRow:hover {
	background: #f4f7f9 !important;
}

.naviosSection .rdt_TableHeadRow {
	background-color: #F4F7F9 !important;

}

.naviosSection button svg {
	fill: #0072c6 !important
}

.naviosSection .rdt_TableCol {
	padding-top: 12px;
	padding-bottom: 12px;
	text-transform: uppercase;
	font-weight: 500 !important;
	border: none !important;
	padding: 18px 10px 18px 10px !important;
	font-size: 12px !important;
	color: #2a3750 !important;
	font-family: 'NeoSans', sans-serif !important;
}

.square-margin-bottom {
	padding-bottom: 27px !important;
	border-bottom: 1px solid #e5eef1 !important;
}
@media screen and (min-width: 1200px){
	.div-secondLine:nth-child(2) {
		padding-left: 4px!important;
		padding-right: 6px!important;
	}
	.div-secondLine:nth-child(3) {
		padding-left: 6px!important;
		padding-right: 4px!important;
	}
}

@media screen and (min-width: 768px) {
	.div-dropdown:nth-child(1) {
		padding-right: 10px;
	}

	.div-dropdown:nth-child(2) {
		padding-left: 5px;
		padding-right: 5px;
	}

	.div-dropdown:nth-child(3) {
		padding-left: 10px;
	}
	.div-secondLine:nth-child(1),
	.div-secondLine:nth-child(3) {
		padding-right: 10px;
	}

	.div-secondLine:nth-child(2),
	.div-secondLine:nth-child(4) {
		padding-left: 10px;
	}
}

.info-add img {
    max-width: 186px;
    height: 175px;
    width: 100%;
    object-fit: cover!important;
    /* object-position: top; */
}
.buttonLeft{
	margin-top: 15px;
	display:flex;
	justify-content: flex-end;
}
@media screen and (max-width: 767px) {
	.buttonLeft{
		margin-top: 0px;
		justify-content: flex-start;
	}
}
.divHeight{
	height: 100%;
}
/* ******* */

body {
	font-family: 'Roboto', sans-serif;
}

.font-family-neo-sans-medium {
	font-family: 'NeoSansPro-Medium';
	font-weight: 500;
}

.font-family-neo-sans {
	font-family: 'NeoSansPro-Regular';
	font-weight: 400;
}

.container {
	max-width: unset;
	margin-right: 9.44%;
	margin-left: 9.44%;
	width: 81.12%;
}

.div-drodpowns-planeamento {
	margin-bottom: 82px;
}

.div-dropdown {
	margin-bottom: 38px;
}

.div-dropdown p {
	color: #2A3750;
	font-size: 12px;
	text-transform: uppercase;
}

.div-dropdown>div {
	display: flex;
}

.div-dropdown>div .dropdown {
	margin-right: 12px;
	width: 50%;
}

.div-dropdown>div .dropdown:last-of-type {
	margin-right: 0;
}

/* .div-dropdown > div .dropdown .dropdown-btn{min-width: 168px;} */

.dropdown-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #F7F7F7;
	color: #676767;
	border: none;
	border-bottom: 1px solid #D6D6D6;
	border-radius: 0;
	font-size: 14px;
	padding: 12px 16px;
}

.dropdown-btn:hover {
	background-color: #EFEFEF;
	border-bottom-color: #8C8581;
}

.dropdown-btn:focus {
	box-shadow: none;
}

.dropdown-btn::after {
	content: url(../arrow_dropdown.svg);
	border: none;
}

.dropdown.show .dropdown-btn::after {
	transform: rotate(180deg);
}

.dropdown-btn+.dropdown-menu.show {
	border-radius: 0;
}

button.btn-pesquisa {
	border-radius: 0;
	background-color: #0072C6;
	font-size: 14px;
	border: none;
	height: 56px;
	padding: 18px 50px;
	margin-bottom: auto;
}

button.btn-pesquisa:hover {
	background-color: #14213D;
}

button.btn-pesquisa:focus,
button.btn-pesquisa:active:focus {
	border: none;
	box-shadow: none !important;
	outline: none;
	background-color: #0072C6 !important;
}

.div-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

button.btn-pesquisa+p {
	color: #676767;
	font-size: 13px;
}

.div-resultados {
	display: flex;
	justify-content: space-between;
	margin-bottom: 42px;
}

.div-resultados p {
	color: #14213D;
	font-size: 16px;
}

.link-download-tabela {
	color: #0072C6;
	font-weight: 700;
}

.link-download-tabela:hover {
	color: #0072C6;
}

.link-download-tabela img {
	color: #0072C6;
}

.table-special thead>tr>th:first-child {
	min-width: auto;
	background-image: none;
}

/* table.data-table.table-special td.dtr-control:first-child */
.orange-topic,
.yellow-topic,
.purple-topic,
.green-topic {
	border-radius: 100%;
	width: 10px;
	height: 10px;
	display: block;
}

.orange-topic {
	background-color: #D58E1D;
}

.yellow-topic {
	background-color: #D9D103;
}

.purple-topic {
	background-color: #8B57D1;
}

.green-topic {
	background-color: #79AC34;
}

.info-colors {
	display: flex;
	font-size: 16px;
	color: #676767;
}

.info-colors div {
	display: flex;
	align-items: center;
	margin-right: 30px;
}

.info-colors span {
	margin-right: 11px;
}

@media screen and (max-width: 767px) {
	.div-dropdown {
		margin-bottom: 8px;
	}

	.div-dropdown>div {
		display: block;
	}

	.div-dropdown>div .dropdown {
		margin-bottom: 12px;
		margin-right: 0;
		width: 100%;
	}

	.div-dropdown:last-child>div .dropdown:last-of-type {
		margin-bottom: 24px;
	}

	/* .div-dropdown > div .dropdown .dropdown-btn{width: 100%;} */

	.div-btn {
		display: block;
		margin-top: 24px;
	}

	.div-btn button {
		margin-bottom: 24px !important;
	}

	.div-resultados {
		display: block;
	}

	.div-resultados p {
		margin-bottom: 16px !important;
	}

	.info-colors {
		display: block;
	}

	.info-colors div {
		align-items: baseline;
		margin-right: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 1439px) {
	.div-dropdown {
		margin-bottom: 24px;
	}

	.div-dropdown>div {
		display: block;
	}

	.div-dropdown>div .dropdown {
		margin-bottom: 12px;
		width: 100%;
	}

}

/* Estas 2 linhas de css é para esconder a seta de expand da tabela, só aparece quando tem info para expandir */
#tabelaPlaneamentoCruzeiros.table.dataTable.collapsed .title-navio::before {
	display: block;
}

#tabelaPlaneamentoCruzeiros.table.dataTable .title-navio::before {
	display: none;
}

#tabelaPlaneamentoCruzeirostable.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before,
#tabelaPlaneamentoCruzeirostable.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control:before {
	content: none;
}