/*
.------------------------------------------------------------------------------------------------------.
|                                                                                                      |
|                                              Font import                                             |
|                                                                                                      |
'------------------------------------------------------------------------------------------------------'
*/


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');


/*
.------------------------------------------------------------------------------------------------------.
|                                                                                                      |
|                                            Common styles                                             |
|                                                                                                      |
'------------------------------------------------------------------------------------------------------'
*/


.csaError {
  /* error message */
  color:#c00000;
  font-weight:500;
  margin-top:0;
}


/*
.------------------------------------------------------------------------------------------------------.
|                                                                                                      |
|                                             default.asp                                              |
|                                                                                                      |
'------------------------------------------------------------------------------------------------------'
*/


.csaDefaultBody {
  font-family: Roboto,Helvetica,Arial,Lucida,sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
  margin:0;
  color:#616161;
}

#csaDefaultContainer {
  width:600px;
  margin:0 auto;
  overflow:auto;
}

/*
----------------------------------------------- Headers ------------------------------------------------
*/

.csaDefaultHead {
  position:fixed;
  z-index:99;
  margin:auto 0;
  top:0;
  width:600px;
  background-color:#fff;
}

#csaDefaultHeadXL {
}

#csaDefaultHeadXS {
  display: none;
}

#csaDefaultHeadXL table, #csaDefaultHeadXS table {
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
  width:100%;
}

#csaDefaultHeadXS table:nth-child(2) {
  margin-top:20px;
}

.csaDefaultAdmin { }

.csaDefaultAdmin i {
  color:red;
  font-size:24px;
  margin-right:6px;
  cursor:pointer;
}

.csaDefaultAdmin i:hover {
  color:#c00000;
}

.csaDefaultDatabasePosition {
  font-size:12px;
  white-space:nowrap;
}

.csaDefaultDatabaseMove {
  white-space:nowrap;
  text-align:center;
  width:100%;
}

.csaDefaultButtonsCEnabled {
  background:transparent;
  border:none;
  cursor:pointer;
  font-size:24px;
  z-index:3;
  margin:0px 3px;
  padding:0;
  color:#808080;
}

.csaDefaultButtonsCEnabled:hover {
  color:black;
}

.csaDefaultButtonsCGrayed {
  background:transparent;
  border:none;
  cursor:default;
  font-size:24px;
  z-index:3;
  margin:0px 3px;
  padding:0;
  color:#c0c0c0;
}

.csaDefaultHeadSearch {
  width:240px;
  position:relative;
}

.csaDefaultHeadSearch input {
  width:240px;
  position:relative;
  padding:10px 50px 10px 10px;
  border:1px solid #d0d0d0;
  border-radius:5px;
}

.csaDefaultHeadSearch button {
  background:transparent;
  border:none;
  cursor:pointer;
  display:inline;
  font-size:20px;
  position:absolute;
  right:0px;
  width:20px;
  height:20px;
  margin:10px;
  padding:0;
  z-index:2;
  color:#808080;
}

.csaDefaultHeadSearch button:hover {
  color:black;
}

.csaDefaultHeadSearch input:focus + button .fa-search {
  color:black;
}

.csaDefaultHeadSettings {
  white-space:nowrap;
}

.csaDefaultButtonsREnabled {
  background:transparent;
  border:none;
  cursor:pointer;
  font-size:24px;
  z-index:3;
  margin:0px 0px 0px 6px;
  padding:0;
  color:#808080;
}

.csaDefaultButtonsREnabled:hover {
  color:black;
}

#csaDefaultList {
  margin-top:50px;
}

/*
-------------------------------------------- Operators list --------------------------------------------
*/

.csaMember {
  border:1px solid #e0e0e0;
  box-shadow:2px 2px 2px 2px #f4f4f4;
  border-radius:9px;
  margin:15px 6px 15px 0px;
  padding:10px;
  cursor:pointer;
}

.csaMemberCompany {
  width:400px;
  margin-right:10px;
  float:left;
  font-size:20px;
  line-height:1.3em;
}

.csaMemberCompanyName {
  font-weight:600;
  font-size:24px;
  line-height:1.4em;
  padding-bottom:0.4em;
  color:#156697;
}

.csaMemberInfo {
  /* background-color:#ffb0b0; */
  width:160px;
  float:left;
  font-size:14px;
  text-align:center;
}

.csaMemberInfoNumber {
  font-size:18px;
  font-weight:500;
}

.csaMemberRange {
  clear:both;
}

.csaStateDeleted {
  color:red;
  text-decoration:line-through;
}

.csaStateExcluded {
  color:orange;
  text-decoration:line-through;
}

.csaStateForced {
  color:orange;
}

.csaStateNotCertified {
  color:#818181;
}

.csaMemberRange {
  margin:auto 0;
  padding-top:20px;
}

.csaMemberRange ul {
  padding:0;
  margin:0;
}

.csaMemberRange ul li {
  display:inline-block;
  margin:0;
}

.csaMemberRangeIcon {
  position:relative;
  height:auto;
  width:60px;
  padding:45px 5px 0px 5px;
  font-size:10px;
  text-align:center;
  background-position:top center;
  background-repeat:no-repeat;
  background-size:auto;
  white-space:nowrap;
  opacity:0.6;
}

.csaMemberRangeIcon001 { background-image:url('images/p_collecte_or.png'); }
.csaMemberRangeIcon002 { background-image:url('images/p_stockage_or.png'); }
.csaMemberRangeIcon004 { background-image:url('images/p_commercialisation_or.png'); }
.csaMemberRangeIcon008 { background-image:url('images/p_transport_or.png'); }
.csaMemberRangeIcon010 { background-image:url('images/p_direct_or.png'); }
.csaMemberRangeIcon020 { background-image:url('images/p_mecanique_or.png'); }
.csaMemberRangeIcon100 { background-image:url('images/p_aliments_or.png'); }
.csaMemberRangeIcon200 { background-image:url('images/p_gmo_or.png'); }

.csaMemberRangeIconLight {
  opacity:0.1;
}

/*
---------------------------------------------- PDF Export ----------------------------------------------
*/

#csaReportMask {
  position:fixed;
  left:0px;
  top:0px;
  width:100vw;
  height:100vh;
  background-color:rgba(0,0,0,0);
  z-index:7;
}

@keyframes csaReportMaskShowAnim {
  from { background-color:rgba(0,0,0,0); }
  to { background-color:rgba(0,0,0,0.3); }
}

@keyframes csaReportMaskHideAnim {
  from { background-color:rgba(0,0,0,0.3); }
  to { background-color:rgba(0,0,0,0); }
}

.csaReportMaskShow {
  animation:csaReportMaskShowAnim 0.2s linear;
  animation-iteration-count:1;
  animation-fill-mode:both;
}

.csaReportMaskHide {
  animation:csaReportMaskHideAnim 0.3s linear;
  animation-iteration-count:1;
  animation-fill-mode:both;
}

#csaReportFrame {
  position:absolute;
  left:0;
  right:0;
  top:120px;
  width:595px;
  margin:0 auto;
  padding:0;
  z-index:8;
}

@keyframes csaReportFrameShowAnim {
  from { top:0px; }
  to { top:120px; }
}

@keyframes csaReportFrameHideAnim {
  from { top:120px; }
  to { top:0px; }
}

.csaReportFrameShow {
  animation:csaReportFrameShowAnim 0.3s linear;
  animation-iteration-count:1;
  animation-fill-mode:both;
}

.csaReportFrameHide {
  animation:csaReportFrameHideAnim 0.3s linear;
  animation-iteration-count:1;
  animation-fill-mode:both;
}

#csaReport {
  width:480px;
  margin:0 auto;
}

#csaReportBorder {
  position:relative;
  width:450px;
  left:0px;
  background-color:white;
  border:1px solid #606060;
  box-shadow:4px 4px 4px 0px #606060;
  border-radius:13px;
  padding:15px;
}

@keyframes csaReportBorderShowAnim {
  0% { left:450px; width:0px; height:0px; }
  99% { left:0px; width:450px; height:200px; }
  100% { left:0px; width:450px; height:auto; }
}

@keyframes csaReportBorderHideAnim {
  0% { left:0px; width:450px; height:auto; }
  1% { left:0px; width:450px; height:200px; }
  100% { left:450px; width:0px; height:0px; }
}

.csaReportBorderShow {
  animation:csaReportBorderShowAnim 0.3s linear;
  animation-iteration-count:1;
  animation-fill-mode:both;
}

.csaReportBorderHide {
  animation:csaReportBorderHideAnim 0.3s linear;
  animation-iteration-count:1;
  animation-fill-mode:both;
}

#csaReportContent { }

/*
----------------------------------------------- Settings -----------------------------------------------
*/

#csaSettingsMask {
  position:fixed;
  left:0px;
  top:0px;
  width:100vw;
  height:100vh;
  background-color:rgba(0,0,0,0);
  z-index:7;
}

@keyframes csaSettingsMaskShowAnim {
  from { background-color:rgba(0,0,0,0); }
  to { background-color:rgba(0,0,0,0.3); }
}

@keyframes csaSettingsMaskHideAnim {
  from { background-color:rgba(0,0,0,0.3); }
  to { background-color:rgba(0,0,0,0); }
}

.csaSettingsMaskShow {
  animation:csaSettingsMaskShowAnim 0.2s linear;
  animation-iteration-count:1;
  animation-fill-mode:both;
}

.csaSettingsMaskHide {
  animation:csaSettingsMaskHideAnim 0.3s linear;
  animation-iteration-count:1;
  animation-fill-mode:both;
}

#csaSettingsFrame {
  position:absolute;
  left:0;
  right:0;
  top:120px;
  width:595px;
  margin:0 auto;
  padding:0;
  /* background-color:rgba(0,128,0,0.5); */
  z-index:8;
}

@keyframes csaSettingsFrameShowAnim {
  from { top:0px; }
  to { top:120px; }
}

@keyframes csaSettingsFrameHideAnim {
  from { top:120px; }
  to { top:0px; }
}

.csaSettingsFrameShow {
  animation:csaSettingsFrameShowAnim 0.3s linear;
  animation-iteration-count:1;
  animation-fill-mode:both;
}

.csaSettingsFrameHide {
  animation:csaSettingsFrameHideAnim 0.3s linear;
  animation-iteration-count:1;
  animation-fill-mode:both;
}

#csaSettings {
  width:480px;
  margin:0 auto;
}

#csaSettingsBorder {
  position:relative;
  width:450px;
  left:0px;
  background-color:white;
  border:1px solid #606060;
  box-shadow:4px 4px 4px 0px #606060;
  border-radius:13px;
  padding:15px;
}

@keyframes csaSettingsBorderShowAnim {
  0% { left:450px; width:0px; height:0px; }
  99% { left:0px; width:450px; height:200px; }
  100% { left:0px; width:450px; height:auto; }
}

@keyframes csaSettingsBorderHideAnim {
  0% { left:0px; width:450px; height:auto; }
  1% { left:0px; width:450px; height:200px; }
  100% { left:450px; width:0px; height:0px; }
}

.csaSettingsBorderShow {
  animation:csaSettingsBorderShowAnim 0.3s linear;
  animation-iteration-count:1;
  /* animation-fill-mode:both; */
}

.csaSettingsBorderHide {
  animation:csaSettingsBorderHideAnim 0.3s linear;
  animation-iteration-count:1;
  animation-fill-mode:both;
}

#csaSettingsContent { }

#csaSettingsTitle {
  font-size:24px;
  font-weight:600;
  line-height:1em;
  text-align:center;
  margin-bottom:30px;
}

#csaSettingsBody { }

#csaSettingsBody select {
  font-family: Roboto,Helvetica,Arial,Lucida,sans-serif;
  font-weight:400;
  font-size:16px;
  border:0;
  border-bottom:1px solid #c0c0c0;
}

#csaSettingsRpp {
  width:100px;
}

#csaSettingsOrder {
  width:200px;
}

.csaSettingsPerimeters {
  margin-left:15px;
}

#csaSettingsButtons {
  margin-top:40px;
  margin-bottom:5px;
  text-align:center;
}

#csaSettingsButtons button {
  width:100px;
  height:30px;
  margin:0px 20px;
}

/*
---------------------------------------------- Responsive ----------------------------------------------
*/

@media only screen and (min-width:1220px) {
  #csaDefaultContainer {
    width:1200px;
  }
  
  .csaMemberCompany {
  	width:1000px;
  }
  
  .csaMemberRangeIcon {
    padding:45px 42px 0px 42px;
  }
  
  .csaDefaultHead {
    width:1200px;
  }
  
  #csaSettingsFrame {
    width:1195px;
  }
  
  #csaSettings {
    width:900px;
  }
  
  #csaSettingsBorder {
    width:870px;
  }
}

@media only screen and (min-width:1020px) and (max-width:1220px) {
  #csaDefaultContainer {
    width:1000px;
  }
  
  .csaMemberCompany {
  	width:800px;
  }
  
  .csaMemberRangeIcon {
    padding:45px 30px 0px 30px;
  }
  
  .csaDefaultHead {
    width:1000px;
  }
  
  #csaSettingsFrame {
    width:995px;
  }
  
  #csaSettings {
    width:650px;
  }
  
  #csaSettingsBorder {
    width:620px;
  }
}

@media only screen and (min-width:600px) and (max-width:1020px) and (-webkit-min-device-pixel-ratio:2), only screen and (min-width:600px) and (max-width:1020px) and (min-resolution:192dpi) {
  .csaDefaultBody {
    font-size:1rem;
  }
  
  #csaDefaultList {
    /* background-color:#e0ffff; */
  }
  
  .csaDefaultDatabasePosition {
    font-size:1rem;
  }
  
  .fa {
    font-size:2rem;
  }

  .csaDefaultHeadSearch input {
    font-size:2rem;
  }

  .csaDefaultHeadSearch button {
    width:40px;
    height:40px;
  }
  
}

@media (max-width:600px) {
  .csaDefaultBody {
    font-size:14px;
  }

  #csaDefaultContainer {
    width:400px;
  }
  
  .csaDefaultHead {
    width:400px;
  }
  
  .csaDefaultHeadSearch {
    width:150px;
  }
  
  .csaDefaultHeadSearch input {
    width:150px;
  }
  
  #csaDefaultList {
    /* background-color:#e0ffe0; */
  }
  
  .csaMemberCompany {
    width:200px;
  }

  .csaMemberRangeIcon {
    width:35px;
    font-size:9px;
  }
  
  #csaSettingsFrame {
    width:395px;
  }

  #csaSettings {
    width:380px;
  }

  #csaSettingsBorder {
    width:340px;
  }

}

@media only screen and (max-width:600px) and (-webkit-min-device-pixel-ratio:2), only screen and (max-width:600px) and (min-resolution:192dpi) {
  .csaDefaultBody {
    font-size:1em;
  }

}

@media (max-width:400px) {
  .csaDefaultBody {
    font-size:12px;
  }

  #csaDefaultContainer {
    width:100%;
  }

  #csaDefaultHeadXL {
    display:none;
  }

  #csaDefaultHeadXS {
    display:block;
  }
  
  .csaDefaultDatabaseMove {
    text-align:left;
    padding-left:20px;
  }
  
  #csaDefaultList {
    margin-top:100px;
    /* background-color:#e0e0ff; */
  }
  
  .csaMemberCompany {
    width:100%;
  }

  .csaMemberInfo {
    text-align:left;
    width:100%;
    padding-top:10px;
  }

}
  
@media only screen and (max-width:400px) and (-webkit-min-device-pixel-ratio:2), only screen and (max-width:400px) and (min-resolution:192dpi) {
  .csaDefaultBody {
    font-size:1em;
  }

}


/*
.------------------------------------------------------------------------------------------------------.
|                                                                                                      |
|                                              details.asp                                             |
|                                                                                                      |
'------------------------------------------------------------------------------------------------------'
*/


.csaDetailsBody {
  font-family: Roboto,Helvetica,Arial,Lucida,sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
  margin:0;
  color:#909090;
}

.csaDetailsTable { }

.csaDetailsRow { }

.csaDetailsTable td {
  border:0; /* 1px solid #808080; */
}

.csaDetailsTitle {
  font-size:28px;
  font-weight:600;
  color:black;
  text-align:center;
  padding:20px 0px;
}

.csaDetailsSubtitle1 {
  font-size:24px;
  font-weight:500;
  text-align:center;
  padding:30px 0px;
  color:#156697;
}

.csaDetailsSubtitle2 {
  font-size:20px;
  font-weight:400;
  text-align:center;
  padding:20px 0px 20px 0px;
  color:#156697;
}

.csaDetailsCol1 {
  width:45%;
}

.csaDetailsCol3 {
  width:10%;
}

.csaDetailsLabel { 
  text-align:right;
  padding-right:5px;
  white-space:nowrap;
  vertical-align:top;
  line-height:1.4em;
}

.csaDetailsValue {
  color:black;
  line-height:1.4em;
}

.csaDetailsAudits {
  text-align:center;
  vertical-align:top;
  line-height:1.4em;
}

.csaDetailsLink {
  color:#f08012;
  text-decoration:none;
  line-height:1.4em;
}

.csaDetailsHigh {
  color:black;
}

.csaDetailsLow {
  font-style:italic;
  font-size:14px;
}

.csaDetailsButtons {
  margin:10px 0px;
}

div.csaDetailsButton {
  color:#ffffff;
  background-color:#f08012;
  border:none;
  border-radius:1.55em;
  padding: .667em 1.333em;
  box-shadow:none;
  cursor:pointer;
  text-decoration:none;
  display:inline-block;
  text-align:center;
}

.csaDetailsPerimeterOut {
  text-align:center;
}

.csaDetailsPerimeterIn {
  margin:0 auto;
  width:auto;
  display:inline-block;
  text-align:left;
}

.csaDetailsPerimeterIcon {
  text-align:center;
  padding:5px 10px 0px 0px;
}

.csaDetailsPerimeterIcon img {
  height:14px;
}

.csaDetailsPerimeterText {
  padding-top:3px;
}


/*
.------------------------------------------------------------------------------------------------------.
|                                                                                                      |
|                                                   admin.asp                                          |
|                                                                                                      |
'------------------------------------------------------------------------------------------------------'
*/


#csaAdminFrame {
  position:absolute;
  left:0;
  right:0;
  top:120px;
  width:400px;
  margin:0 auto;
  padding:0;
  z-index:8;
}

#csaAdminBorder {
  position:relative;
  width:400px;
  left:0px;
  background-color:white;
  border:1px solid #606060;
  box-shadow:4px 4px 4px 0px #606060;
  border-radius:13px;
  padding:15px;
}

#csaAdminContainer {
}

#csaAdminTitle {
  font-size:24px;
  font-weight:600;
  line-height:1em;
  text-align:center;
  margin-bottom:30px;
}

#csaAdminContainer table td {
  padding-bottom:20px;
}

#csaAdminContainer table tr td:first-child {
  text-align:right;
  width:40%;
}

.csaAdminInput {
  font-family: Roboto,Helvetica,Arial,Lucida,sans-serif;
  font-weight:400;
  font-size:16px;
  border:0;
  border-bottom:1px solid #c0c0c0;
}

#csaAdminButtons {
  margin-top:40px;
  margin-bottom:20px;
  text-align:center;
}

#csaAdminButtons input {
  width:100px;
  height:30px;
  margin:0px 20px;
}


/*
.------------------------------------------------------------------------------------------------------.
|                                                                                                      |
|                                                   edit.asp                                           |
|                                                                                                      |
'------------------------------------------------------------------------------------------------------'
*/


.csaEditBody {
  font-family: Roboto,Helvetica,Arial,Lucida,sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
  margin:0;
  color:#616161;
}

#csaEditContainer {
  width:600px;
  margin:0 auto;
  overflow:auto;
}

.csaEditTitle {
  font-size:28px;
  font-weight:600;
  color:black;
  text-align:center;
  padding:20px 0px;
}

.csaEditTable { width:600px; }

.csaEditTable td { }

.csaEditTable td:first-child {
  padding-right:5px;
}

.csaEditSubtitle1 {
  font-size:24px;
  font-weight:500;
  text-align:center;
  padding:30px 0px;
  color:#156697;
  width:540px;
}
.csaEditSubtitle2 {
  font-size:20px;
  font-weight:400;
  text-align:center;
  padding:20px 0px 20px 0px;
  color:#156697;
  width:540px;
}

.csaEditCol1 {
  width:240px;
}

.csaEditCol2 {
  width:360px;
}

.csaEditCol3 {
  width:60px;
}

.csaEditCell {
  padding:5px 0;
}

.csaEditInput {
  font-family: Roboto,Helvetica,Arial,Lucida,sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
  border:0;
  border-bottom:1px solid #c0c0c0;
  width:320px;
  background-color:ffe8c0;
}

.csaEditTextArea {
  border:0 !important;
}

.csaEditInputEnabled { }

.csaEditInputDisabled {
  background-color:#f0f0f0;
  color:#808080;
}

.csaEditFile { 
  border:0 !important;
  width:320px;
}

.csaEditHistoryContainer {
  padding:20px 0px;
}

.csaEditHistoryHead {
  height:auto;
  border-top:1px solid #c0c0c0;
  border-bottom:1px solid #c0c0c0;
}

.csaEditHistoryBody { 
  height:295px;
  overflow:auto;
  border-bottom:1px solid #c0c0c0;
  background-color:#fdf2e7;
}

.csaEditHistoryBody td {
  vertical-align:top;
  padding:4px 0px;
}

.csaEditHistoryBody tr:nth-child(even) {
  background-color:white;
}

#csaEditButtonsContainer {
  position:fixed;
  z-index:99;
  left:0;
  bottom:0;
  width:100%;
  background-color:#616161;
  text-align:center;
}

#csaEditButtons {
  margin:10px auto;
}

.fa-buttons {
  color:white;
  font-size:40px;
  cursor:pointer;
  margin:10px 40px;
}

.fa-buttons:hover {
  color:#f9cc9f; /*f08012; */
}

/*
.------------------------------------------------------------------------------------------------------.
|                                                                                                      |
|                                             viewlog.asp                                              |
|                                                                                                      |
'------------------------------------------------------------------------------------------------------'
*/

.csaViewlogBody {
  font-family: Roboto,Helvetica,Arial,Lucida,sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
  margin:0;
  color:#616161;
}

#csaViewlogContainer {
  width:600px;
  margin:0 auto;
  overflow:auto;
}

.csaViewlogTitle {
  font-size:28px;
  font-weight:600;
  color:black;
  text-align:center;
  padding:20px 0px;
}

.csaViewlogNav {
  text-align:center;
  padding:20px 0px;
  font-size:30px;
}

.csaViewlogNav i {
  padding:0px 20px;
  cursor:pointer;
}

.csaViewlogGrayed {
  cursor:default !important;
  color:#c0c0c0;
}

.csaViewlogPage {
  font-family: 'Ubuntu Mono',monospace;
  font-size:12px;
  line-height:1.25em;
  border-top:1px solid #606060;
  border-bottom:1px solid #606060;
}

.csaViewlogPage tr {
  background-color:#fdf2e7;
}

.csaViewlogPage tr:nth-child(even) {
  background-color:white;
}

.csaViewlogPage td {
  text-align:left;
  vertical-align:top;
  white-space:nowrap;
  padding-right:20px;
}

.csaViewlogPage td:nth-child(3) {
  white-space:normal;
  padding:0;
}

/*
.------------------------------------------------------------------------------------------------------.
|                                                                                                      |
|                                            settings.asp                                              |
|                                                                                                      |
'------------------------------------------------------------------------------------------------------'
*/

.csaParamsBody {
  font-family: Roboto,Helvetica,Arial,Lucida,sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
  margin:0;
  color:#616161;
}

#csaParamsContainer {
  width:600px;
  margin:0 auto;
  overflow:auto;
}

#csaParamsTitle {
  font-size:28px;
  font-weight:600;
  color:black;
  text-align:center;
  padding:20px 0px;
}

#csaParamsContent {
  
}

.csaParamsError {
  color:#a00000;
}

td.csaParamsSpace {
  height:8px;
  white-space:nowrap;
}

td.csaParamsTitle {
  color:#156697;
  font-size:22px;
  font-weight:600;
  text-align:center;
  padding:10px 0px;
}

.csaParamsCaption {
  text-align:right;
  white-space:nowrap;
  vertical-align:top;
}

.csaParamsValue {
  
}

.csaParamsValue select {
  font-family: Roboto,Helvetica,Arial,Lucida,sans-serif;
  font-weight:400;
  font-size:16px;
  background-color:#f0f0f0;
  border:0;
  border-bottom:1px solid #c0c0c0;
}

.csaParamsValue input[type=text] {
  width:450px;
  font-family: Roboto,Helvetica,Arial,Lucida,sans-serif;
  font-weight:400;
  font-size:16px;
  background-color:#f0f0f0;
  border:0;
  border-bottom:1px solid #c0c0c0;
}

.csaParamsComplex {
  background-color:#FFd0a0 !important;
}

.csaParamsReadonly {
  background-color:#c0c0c0;  
}

.csaParamsDocname {
  width:200px !important;
}

.csaParamsDescription {
  font-size:12px;
  padding:6px 0px 20px 0px;
}

.csaParamsArea {
  width:450px;
  font-family:'Ubuntu Mono','Courier Sans',Courier,monospace;
  font-size:14px;
  background-color:#f0f0f0;
  color:black;
  border:0;
  height:350px;
  overflow:scroll;
}

#csaParamsButtons {
  margin-top:40px;
  margin-bottom:5px;
  text-align:center;
}

#csaParamsButtons button {
  width:100px;
  height:30px;
  margin:0px 20px;
}