@import url(https://fonts.googleapis.com/css?family=Raleway:100);

.header {
    padding: 0px;
    text-align: center;
    background: #fff;
    color: black;
    font-size: 15px;
}


body.dataTables,
body.jqueryui {
	font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
}

body.dataTables div.container,
body.jqueryui div.container {
	#max-width: 980px;
	margin: 2px;
}

body.dataTables h1,
body.jqueryui h1 {
	font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Raleway', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 100;
	letter-spacing: 1px;
	font-size: 3em;
	line-height: 1em;
}

h1 span {
	font-size: 0.5em;
	line-height: 1em;
}

table.dataTable td {
  white-space: nowrap;
  font-size: 13px;
}

table.dataTable thead tr {
  background-color: #008CBA;
  font-family: "Arial";
  font-size: 13px;
  color: #FFF;
  font-weight: lighter;
}

button.dt-button, 
button.dt-button.disabled {
 
background: white;
}
a.paginate_button,
button.dt-button:hover:not(.disabled), 
div.dt-button:hover:not(.disabled), 
a.dt-button:hover:not(.disabled),
button.dt-button:focus {

background-image:none;
background:none;

}

#form-container {
    position: fixed; 
    bottom: 0;
    width: 100%;
	height:370px;
	background-color: white;
	display:block;
	
}

table.dataTable tbody tr { height: 30px; } 
table.dataTable tbody td { 

text-align: left;
 } 
 
 table.dataTable th { 
padding: 0px;
text-align: left !important;
 } 

table.dataTable tbody td.select-checkbox:before, 
table.dataTable tbody td.select-checkbox:after {
 top: auto;
}


table.editor-tab-table {
  table-layout: fixed ;
  width: 100% ;
}
td.editor-tab-table {
  width: 33% ;
}

div.editor-tab {
	
	overflow: auto;
	padding: 0px;
	height: 100%;
}

p.start-editing,
p.add-new {
    text-align: center;
    font-size: 1.4em;
    line-height: 1.4em;
}


p.start-editing {
    padding-top: 7em;
}

.topnav {
  overflow: hidden;
  background-color: #F3F3F3;
  
}

.topnav a {
  float: left;
  color: #666666;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #DDDDDD;
  color: black;
}

.topnav a.active {
  background-color: #008CBA;
  color: white;
}

.topnav-right {
  float: right;
}

.topnav button {
  float: left;
  color: #666666;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  border: 0px;
  outline:none;
}

.topnav button:hover {
  background-color: #DDDDDD;
  color: black;
}

.topnav button.active {
  background-color: #008CBA;
  color: white;
  border: 0px;
}



div.DTE_Form_Content,div.DTE_Body {
	
	padding: 0px !important;
	
}
div.DTE_Body_Content {
	
	overflow:hidden !important;
}

div.DTE_Header {
	
	display: none;
	
}
div.DTE div.DTE_Footer {

height:46px !important;

}

div.DTE_Body div.DTE_Body_Content div.DTE_Field>div.DTE_Field_Input {
	
	#width: 100% !important; 
	
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
    padding: 0px 0 0px 0 !important;
}

.dropzone {
	
	border: 1px dotted !important;
	width:50%;
	height: 100px !important;
}

img.preview_image {
	
	

 
  
  height: 22px;
  margin: 0 auto;
  
	
}

img.preview_image:hover {
	height: auto;
    width: auto;
	-webkit-transform: scale(1.0); /* Safari 3-8 */
	transform: scale(1.0);
	z-index: 99999;
	position:absolute;
	
}

table.previews-table{
	
	width:100%;
	border-collapse: collapse; 
	
	
	
}
table.previews-table tr{
	
	
	border-bottom: 1px solid #DDDDDD;
	height: 38px;
	
	
}