/* estas classes ficam aqui */

.circuloEscala{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #bcd4f6;
}
.circuloTurn{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #ffcc66;
}
.circuloTurnEscala{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #ccff99;
}
.circuloParcial{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #ffff99;
}


.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;
}

.filterIcon{
    width: 38px;
    height: 38px;
    background: #f4f7f9;
    display: flex;
    justify-content: center;
    border: solid 1px #ced4da;
}

.searchMarginLine{
	margin-bottom: 0px!important;
}

/* catia */

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

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%;
}

.title-linhas-regulares{color: #14213D; font-size: 28px; margin-bottom: 47px;}

.div-search{ margin-bottom: 50px; max-width: 468px;}
.div-search .form-control, .div-search .form-control:focus{ height: 56px; outline: none; box-shadow: none; border: none; border-radius: 0; border-bottom: 1px solid #D6D6D6; background-color: #F7F7F7; padding: 20px 16px;}
.div-search .input-group-text{height: 56px; background-color: transparent; border: none; border-radius: 0; border-bottom: 1px solid #D6D6D6; background-color: #F7F7F7;}
.div-search button, .div-search button:focus{box-shadow: none; padding: 0; border: none; outline: none;}

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

#tabelaLinhasRegulares td{vertical-align: middle;}
#tabelaLinhasRegulares td:not(:first-child),
#tabelaLinhasRegulares th:not(:first-child){text-align: center;}

#tabelaLinhasRegulares.table.dataTable.collapsed>tbody tr.parent .btn-modal,
#tabelaLinhasRegulares.table.dataTable.collapsed>tbody tr.parent .link-ext{color: #FFF;}

#tabelaLinhasRegulares.table.dataTable.collapsed>tbody tr.parent .link-ext img{content: url(link_white.svg);}

.modalHeader .modal-title-2 {
	font-family: 'NeoSans', sans-serif;
    color: #14213D;
	font-size: 20px;
	font-weight: 500;
    padding-top: 0px;
	overflow: unset;
    text-overflow: unset;
    white-space: unset;
}

.modal-body p {
    color: #676767;
    font-size: 16px;
}

.modal-body p span {
    font-weight: 500;
}

.FlexLine{
	display: flex;
}

.linkTextLine {
    color: #0072C6;
}

.linkTextLine:hover {
    color: #0072C6;
}

.paddingDivCell{
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.marginParagraphCell{
	margin-bottom: 0px;
}

.modalHeader {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.square-margin-line{
	border: 1px solid #e5eef1;
}

.paddingHiddenLine{
	padding: 1rem!important;
}

@media screen and (max-width: 475px){
	.modal-title-2 {
		white-space: unset;
	}
}