.gwt-root {
  margin-top: 120px;
}

.viewer-header {
  background-color: #f5f5f5;
  position: fixed;
  width: 100%;
}

.main-content {
  overflow:auto;
  padding-left: 30px;
  padding-top: 20px;
  padding-right: 5px;
  padding-bottom: 15px;
}

.gwt-TextBox {
  padding: 1px 2px 1px 2px !important;
}

.gwt-TextArea {
  width: 500px;
}

input:focus { 
  border-color: rgba(38, 155, 201, 0.8);
  outline: 0;
  outline: thin dotted \9;
  webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(38, 155, 201, 0.6);
  moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(38, 155, 201, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(38, 155, 201, 0.6);
}

input.error {
  /*border-color: rgba(165, 0, 0, 0.8) !important;*/
  /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(165, 0, 0, 0.6) !important;*/
  background-color: rgba(185,0,0,0.05);
}

input.error:focus {
	border-color: rgba(165, 0, 0, 0.8) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(165, 0, 0, 0.6) !important;
}

.gwt-HTML, .gwt-Anchor {
  font-family: Arial Unicode MS, Arial, sans-serif;
  font-size: 13px; 
}

.file-download {
  width:300px;  
  border: 1px solid #c4b29d;
}

input.file-upload {
  width: 300px;
  border: 1px solid #c4b29d;
}


/* disclosure panels */

.gwt-DisclosurePanel .content {
  border-left: 1px solid #e7e7e7 !important;
  padding: 0px 0px 0px 22px !important;
  margin-left: 11px !important;
}

.gwt-DisclosurePanel .header > div > div:first-child {
  margin: 0;
}


/* default panel styling */

.rng-error-panel {
  border-color: rgba(165, 0, 0, 0.8) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(165, 0, 0, 0.6) !important;
  font-color: red;
  font-weight: bold;
}

.panel-smlhorizontal > * {
  display: inline-block;
  box-sizing: border-box;
}

.panel-smlhorizontal > :not(.panel-smlhorizontal) {
  margin-right: 5px;
}

.panel-smlvertical {
	white-space: nowrap;
}

.panel-smlvertical > * {
  line-height: 22px;
  margin-bottom: 3px;
}

/*** SECTION ***/
.panel-disclosure-element-section {
  margin-left: -5px; /* because of the table built by disclosure*/
}

/** section header **/
.panel-disclosure-element-section div.gwt-Label{
  cursor: hand;
    cursor: pointer;
    font-weight:bold;
}

.panel-disclosure-element-section a.header td {
  vertical-align : middle !important;
}

.panel-disclosure-element-section a.header div {
  vertical-align : middle !important;
  /*margin-top: -1.3px;*/
}

.panel-disclosure-element-section a.header  .icons-definition{ 
  margin-left:10px;
  margin-right:10px;
}

div.v-align-top  > div {
  vertical-align:top ;
}

/** dots dots dots button to open a popup **/
.icons-advanced {
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url(../images/advanced.png);
  cursor: hand;
  cursor: pointer;
}

.link-icon-panel {
  background: url(../images/arrow-right.png) no-repeat;
    width: 25px;
    height: 9px;
}

.remove-button {
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  /*background-image: url(../images/remove-icon-new.png);*/
  background-image: url(../images/remove.gif);
  cursor: hand;
  cursor: pointer;
}

.add-button {
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  /*background-image: url(../images/add-icon-new.png);*/
  background-image: url(../images/add.gif);
  cursor: hand;
  cursor: pointer;
  margin-left:5px;
}

.ontology-icon {
	margin-left: 5px;
}

.ontology-panel {
	padding: 10px;
  box-sizing: border-box;
}

.simple-element-panel * {
  vertical-align: top !important;
}

.rng-optional > .remove-button, .rng-zeroormore-pattern > .remove-button {
    margin-left: -21px;
    vertical-align: top;
    margin-right: 5px;
    margin-top: 2px;
}


/* popup dialogs */

.dialog-main {
  overflow:auto;
  margin-left: 10px;
  margin-top: 10px;
  width:660px;
  height:550px;
}

.dialog-main .gwt-TextBox{
  min-width:350px;
  height:19px;
}

.smartgwt-dialog-save-button {
  height:45px !important;
  padding: 5 5 5 5;
}

.smartgwt-dialog-save-button div{
  font-size:13px;
}

.windowStatusBar {
  display:none;
}

.windowBody .syntaxhighlighter {
	overflow: visible !important
}

.windowHeaderText, .dialogHeaderText {
	font-size: 13px !important;
}

/** HACK DIALOG RESIZE 
** Allows resizing dialog content based on dialog size **/
.dialog-main > div {
  width:inherit !important;
}

.dialog-main > div > div{
  width:inherit !important;;
}

.dialog-main > div > div > div{ /* 3 divs becauses smartgwt creates 3 embedded canvas */
  width:inherit !important;;
}

/** END HACK DIALOG RESIZE */