
.diary_entry_time .iosschemainformation {
    display: none !important;
}

.diary_entry_end_date .iosschemainformation {
    display: none !important;
}

/* Content tabs */

span.ioscontenttab {
  padding: 6px;
  color: white;
  border-right-color: white;
  border-right-style: solid;
  border-right-width: 1px; 
  border-bottom-color: white;
  border-bottom-style: solid;
  border-bottom-width: 1px; 

}

span.ioscontenttabnotactive {
  background-color: black;
}


div.contenttabs {
  margin-top:20px;
  margin-bottom:15px;
  width: 100%;
  overflow: auto;
  
}


span.ioscontenttab {
  display: inline;
  float: left;
}

span.iosschemainformationtext {

  position: absolute;
  width: 230px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  padding: 3px;
  background-color: lightyellow;
}

span.iosschemainformation {
   cursor: pointer;
   padding: 0px;
   padding-left: 6px;
   padding-right: 5px;
   background-color: blue;
   color: white;
   font-family: Times New Roman, serif;
   border-radius: 35px;
   width: 5px;
   font-weight: bold;
   font-style: italic;
   position: absolute;
   /*margin-left: -30px;*/
   margin-left:-15px; 
}

span.iosschemainformation:hover {
  background-color: green;
}

span.iosrequiredfield {

color:red;
font-weight:bold;
position:absolute;
margin-left:0px;
}


div.iosformelement {
  background-color: transparent;
  clear: both;
} 

span.iosformfield {
  border-radius: 5px;
  border-color: silver;
  border-width: 1px;
  border-style: solid;
  padding: 5px;
  display: block;
  background-color: #EDEDED;
}

.iosformfield textarea {
  width: 99%;
}

/* #medium fields
================================================== */

.iosformfield textarea.product_short_description, .iosformfield textarea.component_description {
  height: 100px;
}

/* #large fields
================================================== */
.iosformfield textarea.product_description, .iosformfield textarea.component_script {
  height: 250px;
}

/* #fieldset form fields
================================================== */
fieldset {
  font-size: 14px;
  margin: 10px 0;
  padding: 10px;
  border: 3px solid #557687;
}

legend {
  padding: 0 5px;
}

fieldset .formelement {
  float: left;
  width: 100%;
  margin: 0 0 10px;
}

fieldset .formlabel {
  color: #557687;
  font-weight: bold;
  float: left;
  text-align: right;
  width: 30%;
}

fieldset .formrequiredfield {
  color: red;
  float: left;
}

.formelement textarea, .formelement .contact_captcha {
  float: left;
  margin-left: 10px;
}

.formelement .small {
  width: 40%;
  height: 1.3em;
}

.formelement .large {
  width: 60%;
  height: 200px;
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) max-width:959px */
@media only screen and (max-width: 959px) {


span.iosrequiredfield {
  position: static;
  margin-left: 0px;
  float: left;
  margin-right: 6px;
  margin-top: 10px;
}

span.iosschemainformation {
  position: static;
  margin-left: 0px;
  float: left;
  margin-right: 6px;
  margin-top: 8px;
  
}

span.iosformlabel {
  display: inline-block;
  float: none;
  margin-left: 0px;
  position: static;
  margin-top: 10px;
}

span.iosformfield {
  display: block;
}

div.iosformelement {
  margin-left: 0px;
}



}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 540px) {

  fieldset .formlabel {
    width: auto;
    text-align: left;
  }

  .formelement .small, .formelement .large {
    width: 97%;
    clear: both;
    margin: 5px 0 0;
  }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

}
