/* CSS Document */

.modal {
  text-align: center;
  padding: 0!important;
}

.modal-dialog {
   min-width:90% !Important;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-title {
	display: inline-block;
}

.modal-header{
    font-family: "Montserrat", sans-serif;
    background-color: #337ab7;
    color: #ffffff;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

#TablaDataMod tbody{
    max-height: 500px !IMPORTANT;
    overflow-x: hidden;
    overflow-y: scroll;
}

@media screen and (max-width: 767px){
	#TablaDataMod table, 
	#TablaDataMod thead, 
	#TablaDataMod tbody, 
	#TablaDataMod th, 
	#TablaDataMod td, 
	#TablaDataMod tr { 
		display: block; 
	}
	
	#TablaDataMod tbody{
	    height: 250px !Important;
	}
	
	#TablaDataMod thead th { 
		width: 100% !Important;
		display: -webkit-inline-box;
		display: inline-flex;
	}
	
	#TablaDataMod tr { border: 1px solid #ccc; }

	
	#TablaDataMod td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
	
	#TablaDataMod td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
		word-wrap: break-word;
	}
	
	#TablaDataMod td:before { content: attr(data-title); }
}