/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/* MARK: Public Schema Generator Styles */

.form-group {
    width: 600px;
    margin: 5px 0;
}
.subform {
    width: 600px;
}
.subform .addProps {
    width: 520px;
}
.control-label {
    display: inline-block;
    width: 200px;
    text-align: right;
}
.form-input {
    display: inline-block;
    width: 50% !important;
}
.addProps {
    margin: 3px 0;
    padding-left: 218px;
}   
button.addProperty {
    padding: 5px;
    line-height: 14px;
}
button.remove {
    padding: 5px;
    line-height: 14px;
}
legend button {
    padding: 5px;
    line-height: 14px;
}    
#generatorIn {
    float: left;
	margin-right: 100px;
}
#generatorIn, #generatorOut {
    /*    width: 49%;
        display: inline-block;*/
    /*height: 100%;*/    
}
.entity-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}
.entity {
    display: inline-block;
    margin: 5px 0;
}
.entity a {
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
#schemaOut {
    width: initial;
}
.class {
    margin-left: 1em;
}

#schemaOut {
  margin-top: 20px;
}

#generatorIn .removable {
  display: inline;

}

#generatorIn form input {
    height: 2.5em;
    width: 100%;
    margin-left: 0.5em;
}

#generatorIn .addProps {
    display: inline;
}

#generatorIn .addProps input {
    margin: 0.3em 0 0 1.55em;
}

#generatorIn .addProps .remove {
    margin-top: 4px;
}

#generatorIn .control-label {
    padding-right: 0.5em;
    font-size: 1.1em;
    margin-top: 0.25em;
}

#generatorIn button.addProperty {
    padding: 0.4em 0.6em;
    line-height: 1.4em;
    font-size: 1.1em;
}

#generatorOpts {
    margin-bottom: 15px;
}

#generatorOpts button {
  margin: 0 1em;
}

#generatorIn button.remove {
  line-height: 1em;
  font-size: 1em;
  padding: 0.55em 0.6em;
  margin-left: 0.3em;
}

#generatorIn p {
  font-size: 1.3em;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

#generatorIn .form-group {
  margin: 0.75em 0;
}


/* MARK: Generic Button Styles */

button.secondary-button {
  background-color: rgb(70, 113, 178); 
  color: white; 
  font-size: 15px; 
  line-height: 2.8; 
  padding: 0px 1.8em; 
  border-top-left-radius: 0.3em; 
  border-top-right-radius: 0.3em; 
  border-bottom-right-radius: 0.3em; 
  border-bottom-left-radius: 0.3em; 
  letter-spacing: 0px; 
  box-shadow: rgba(0, 0, 0, 0.180392) 0px 0em 0em; 
  font-weight: bold; 
  text-transform: uppercase; 
  font-family: "Open Sans"; 
  border-color: rgb(70, 113, 178);
}

button.secondary-button:hover {
  background: #3e649c;
}

button.tertiary-button {
  background-color: white; 
  color: rgb(70, 113, 178); 
  font-size: 15px; 
  line-height: 2.4; /* Slightly decresed size for border */
  padding: 0px 1.8em; 
  border-top-left-radius: 0.3em; 
  border-top-right-radius: 0.3em; 
  border-bottom-right-radius: 0.3em; 
  border-bottom-left-radius: 0.3em; 
  letter-spacing: 0px; 
  font-weight: bold; 
  text-transform: uppercase; 
  font-family: "Open Sans"; 
  border: 3px solid rgb(70, 113, 178);
  box-sizing: border-box;
}

button.remove {
  border: 3px solid #f3b600;
  box-sizing: border-box;
  background: white;
  color: #f3b600;
  border-radius: 0.3em;
}

button.remove:hover {
  background: #DBA41F;
  border: 3px solid #DBA41F;
  color: white;
}

button.primary-button, input[type="submit"].primary-button {
  background: #f3b600;
}

button.primary-button:hover, input[type="submit"].primary-button:hover {
  background: #DBA41F !important;
}

fieldset {
  background: white;
  border:1px solid #f3b600;
  margin-top: 1.2em;
  margin-left: 2em;
  padding: 1em;
  font: 85%/1 sans-serif;
}

fieldset .form-group {
  clear: both;
}

fieldset legend {
  margin-left: 0.5em;
  display: inline-block;
  margin-top: 0.75em;
  margin-right: 0.5em;
}

fieldset legend span {
  display: inline-block;
  margin: 8px;
}

#generatorIn fieldset .form-group .addProps input {
  margin: 0.3em 0 0 1.1em;
}