/*---------------------------------------------------------------------------------------------------*/
/*-------------------------ROMAFE--------- DATAGRID -------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/

/*---------- DATAGRID HEADER ----------*/

.dx-gridbase-container .dx-datagrid-headers {
  color: #FFF;
  font-size: 13px;
  background-color: #004272;
}

/*---------- DATAGRID HEADER MASTER DETAILS ----------*/

.dx-datagrid-content .dx-datagrid-headers {
	color: #333;
	background-color: #f7f7f7;
}

/*---------- DATAGRID FOCUSED ROWS ----------*/

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  background-color: #e74c3c;
  color: #fff;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  background-color: #e74c3c;
  color: #fff;
}

.dx-datagrid-focus-overlay {
  border: 2px solid #e74c3c;
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
  border: 2px solid #e74c3c;
}

.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
  border: 2px solid #e74c3c;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link {
  background-color: #e74c3c;
  color: #fff;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) a,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) a,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link a {
  color: #fff;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td {
  border-top: 0px solid #e74c3c;
  border-bottom: 0px solid #e74c3c;
}

.dx-datagrid-rowsview .dx-row-focused.dx-group-row {
  background-color: #e74c3c;
  color: #fff;
}

.dx-datagrid-search-text {
  color: #fff;
  background-color: #e74c3c;
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused),
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused),
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link {
  background-color: #e74c3c;
  color: #fff;
}

.dx-treelist-rowsview .dx-row-focused.dx-group-row {
  background-color: #e74c3c;
  color: #fff;
}

/*---------- DATAGRID HOVER ROWS ----------*/

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
  background-color: #f75c4c;
  color: #FFF;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
  border-right-color: #f75c4c;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input {
  background-color: #f75c4c;
  color: #FFF;
}

.dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
  border-left-color: #f75c4c;
  border-right-color: transparent;
}

/*---------- DATAGRID HOVER ROWS MASTER DETAILS ----------*/

.dx-datagrid-table .dx-master-detail-row .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
  background-color: #f2f2f2;
  color: #333;
}

/*---------- DATAGRID HIDDEN ROWS ----------*/

.dx-datagrid .dx-master-detail-cell {
    padding: 10px 14px !important;
}

.dx-datagrid .dx-field-item-label {
    margin-bottom: 2px !important;
}

.dx-datagrid .dx-field-item-content {
    padding: 2px 8px !important;
}

.dx-datagrid .dx-last-col {
    padding-top: 4px !important;
}

/*---------------------------------------------------------------------------------------------------*/
/*-------------------------ROMAFE--------- PÁGINA ---------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/

.row_pesquisa {
	margin-top: 20px;
}

#rmf-searchbar-button {
	height: 34px;
}

#rmf-searchbar-row {
	padding-right: 2.5px;
}
	
#rmf-banner {
	padding-left: 2.5px;
}

#rmf-notas {
	padding-top: 10px;
}

#rmf-notas ul{
	list-style: disc;
	padding-left: 18px;
}

#rmf-notas h5{
	margin-top: 10px;
	margin-bottom: 5px;
}

#rmf-notas p{
	margin-bottom: 0px;
}

#row_stocks {
	margin-top: 24px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
}

#rmf-banner-container {
	position: relative;
  	text-align: center;
}

#rmf-banner-container #rmf-img {
	position: relative;
	width: 100%;
	height: 90px;
	background: url("http://www.romafe.com/assets/_paginas/stocks/img/SKF-Seal-Jet-Banner-Web.jpg") center center no-repeat;
	background-size: cover;
}

#rmf-banner-container #rmf-img::before {
    content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* background-image: linear-gradient(to bottom, #000, #FFF); */
	opacity: .4; 
}

#rmf-banner-text {
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	text-align: left;
	top: 10px;
	line-height: 24px;
	left: 200px;
}

/*------------------*/

#rmf-banner-mobile {
	display: none;
}

#rmf-banner-container-mobile {
	position: relative;
  	text-align: center;
  	padding: 0px 30px;
}

#rmf-banner-container-mobile #rmf-img-mobile {
	position: relative;
	width: 100%;
	height: 90px;
	background: url("http://www.romafe.com/assets/_paginas/stocks/img/SKF-Seal-Jet-Banner-Web.jpg") center center no-repeat;
	background-size: contain; /*cover*/
}

#rmf-banner-container-mobile #rmf-img-mobile::before {
    content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* background-image: linear-gradient(to bottom, #000, #FFF); */
	opacity: .4; 
}

#rmf-banner-text-mobile {
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	text-align: left;
	top: 10px;
	line-height: 24px;
	left: 200px;
}

@media only screen and (max-width: 1199px) { /*---------- <= 1199px ----------*/
	
	#rmf-searchbar-row {
		padding-right: 15px;
	}

	#rmf-banner {
		display: none;
	}

	#rmf-banner-mobile {
		display: block;
		margin-top: 20px;
	}

	#rmf-banner-container-mobile #rmf-img-mobile {
		margin: auto;
	}

}

@media only screen and (max-width: 767px) { /*---------- <= 767px ----------*/
	
	.page-content {
		margin-left: 0px !important;
	}

	#rmf-banner-container-mobile #rmf-img-mobile {
		height: 70px;
	}

	#rmf-banner-mobile {
		margin-top: 10px;
	}


	#rmf-banner-text-mobile {
		font-size: 14px;
		top: 10px;
		line-height: 16px;
		left: 25px;
	}

	#row_stocks, #rmf-banner-container-mobile {
		padding: 0px 15px;
	}

	#rmf-searchbar-row .col-md-12 {
		padding: 0px;
	}

}