/* Blueish 
.container {
  width: 100%;
}

.sectionBlockLayout {
  background-color: rgb(224, 224, 255);
}

.col-md-12 {
  background-color: rgb(224, 224, 255);
  padding: 4px;
  margin: 4px;
}

.columnBlockLayout {
  background-color: rgb(255, 255, 255);
}

.crmEntityFormView {
  background-color: rgb(224, 224, 255);
}
*/

/* LinkedIn */
/* Don't set background-color for container */
.container {
  width: 100%;
}
/*
.sectionBlockLayout {
  background-color: rgb(244, 242, 236);
}
*/
.col-md-12 {
  background-color: rgb(255, 255, 255);
  padding: 4px;
  margin: 4px;
}
.crmEntityFormView {
  background-color: rgb(244, 242, 236);
}

.crmEntityFormView {
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;
  margin-top:0px;
  margin-right:0px;
  margin-bottom:0px;
  margin-left:0px;
}

.clearfix {
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;
  margin-top: 0px;  
  margin-right:0px;
  margin-left:0px;
  margin-bottom: 0px;
}

.cell {
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;
  margin-top: 0px;  
  margin-right:0px;
  margin-left:0px;
  margin-bottom: 0px;
}

.-conformtrol-cell {
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;
  margin-top: 0px;  
  margin-right:0px;
  margin-left:0px;
  margin-bottom: 0px;
}

.page-header {
  margin-top:2px;
  margin-bottom:2px;
}

.field-label {
  margin-bottom:1px;
}

.a {
  color: rgb(1, 1, 99);
}

.h3 {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.section-title {
/*  overflow:hidden;*/
  border-width: 1px;
/*  border-radius: 12px 12px 0px 0px; */
  border-radius: 12px 12px 0px 0px;
  border-color:gray;
  border-style:solid;
  background-color:lightskyblue;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left:15px;
  padding-right:0px;
  margin-top: 0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
}

/* None of these had any effect on the bottom corners 
.legend {
  overflow:hidden;
}

.fieldset {
  overflow:hidden;
}

fieldset {
  overflow:hidden;
}
*/

/* Avoid use of perspective for section tage as it caused modal dialogs to be displyed within sections rather than the entire form (activities log notes and contacts as examples). 
perspective: 1px;
*/

.section {
/*  overflow:hidden; */
  border-width: 1px;
  border-radius: 0px 0px 0px 0px;
  border-color:gray;
  border-style:solid;
  background-color:lightskyblue;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left:0px;
  padding-right:0px;
  margin-top: 0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
}

.validators {
  height: 0px;
  margin: 0px;
  padding: 0px;
}

.iframe {
  margin-left: -10px;
  margin-top: -8px;
  margin-right: -12px;
  margin-bottom: -12px;
  padding-left: 0px;
  padding-top: 0px;
  padding-right: -4px;
  padding-bottom: -4px;
}

iframe {
  margin-left: -10px;
  margin-top: -8px;
  margin-right: -12px;
  margin-bottom: -12px;
  padding-left: 0px;
  padding-top: 0px;
  padding-right: -4px;
  padding-bottom: -4px;
}

ul
{
  width: 100%;
  display: inline-block;
}

/*
.modal-body iframe {
  height: 600px;
}
.modal-form {
  height: 540px;
}
*/
/*
// width of dialog relative to viewport
@media (min-width: 600px){
  .modal-lg {width: 60%} 
}

.modal-content {
  height: 110vh; 
}

// height affects the vertical position of the bottons (such as 'new') at the bottom of the form. 
// width of 100% is necessary to prevent buttons from relocating to the upper right of the dialog.
.modal-body {
  float: left; width: 100%; height: 83%;
}

.modal-body iframe {
  height: 80vh;
}
.modal-form {
  height: 80vh;
}

*/