html, body { background: #efefef; font-family: 'Varela Round'; font-size:14px; }
#menu, .jumbotron1 { display:none; }
.hidden { display:none; }
h2.htitle { display:inline; margin-right: 20px; }
button.htitle { margin-bottom:10px; }
span.stitle { font-size: 1.5em; }
span.ptypetitle { font-weight: bold; }

/* select buttons */
a.select1-1 { background-color:#3fa194; color:white; }
a.select1-2 { background-color:#63b3a8; color:white; }
a.select1-3 { background-color:#9dcec8; color:white; }
a.select2-1 { background-color:#56b564; color:white; }
a.select2-2 { background-color:#7cbd7d; color:white; }
a.select2-3 { background-color:#a8d2aa; color:white; }
a.select3-1 { background-color:#f4ed61; color:black; }
a.select3-2 { background-color:#f5f07b; color:black; }
a.select3-3 { background-color:#f6f4a9; color:black; }
a.select4-1 { background-color:#e6ac62; color:black; }
a.select4-2 { background-color:#eebb7c; color:black; }
a.select4-3 { background-color:#fbd7b5; color:black; }
a.select5-1 { background-color:#d5654f; color:black; }
a.select5-2 { background-color:#e18070; color:black; }
a.select5-3 { background-color:#e9afa4; color:black; }
a.select6-1 { background-color:#ae3b4a; color:black; }
a.select6-2 { background-color:#ba626e; color:black; }
a.select6-3 { background-color:#d19ea5; color:black; }
a.select7-1 { background-color:#893f64; color:black; }
a.select7-2 { background-color:#a36483; color:black; }
a.select7-3 { background-color:#c49db2; color:black; }
a.select8-1 { background-color:#c0b2cb; color:black; }
a.select8-2 { background-color:#9d84ae; color:black; }
a.select8-3 { background-color:#84669c; color:black; }
a.select9-1 { background-color:#a4b3d4; color:black; }
a.select9-2 { background-color:#6c8db8; color:black; }
a.select9-3 { background-color:#4676a6; color:black; }
a.select10-1 { background-color:#f2ee07; color:black; }
a.select10-2 { background-color:#f4f264; color:black; }
a.select10-3 { background-color:#f7f6a0; color:black; }
a.blue-1 { background-color:#f2ee07; color:black; }
a.blue-2 { background-color:#f4f264; color:black; }
a.blue-3 { background-color:#f7f6a0; color:black; }
a.selected { border: 5px solid black !important; }
div.col, div.col-1 { min-height: 40px; padding:1px; }
.input-lg-1 { border: 1px solid #d0d0d0; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;  height:35px }

[class^="ratebutton-"]:before, [class*=" ratebutton-"]:before {
  font-family: 'FontAwesome'; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; }
.ratebutton-1:before { content: "\f03a"; }
i { font-family: 'FontAwesome'; }

button.picked {
  border: 1px solid #000; text-decoration: none; -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.80);
  -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.80); box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.80);
}
textarea { width:100%; }
ol.vertical { list-style-type: none; }
ol.vertical li { display: block; margin: 5px; padding: 5px; border: 1px solid #cccccc; color: #0088cc; background: #eeeeee; cursor: pointer; }
ol.vertical li.placeholder { position: relative; margin: 0; padding: 0; border: none; }
ol.vertical li.placeholder:before { position: absolute; content: ""; width: 0; height: 0; margin-top: -5px; left: -5px;
  top: -4px; border: 5px solid transparent; border-left-color: red; border-right: none;
}
ol.vertical li.section { font-weight:bold; }

.scroll300 { max-height:300px; min-height:300px; overflow-y: scroll; }
.scroll200 { max-height:200px; min-height:200px; overflow-y: scroll; }
#sortselectedinputs input { font-size:0.8em; }
ol#sortinputs, ol#sortheaders { margin-left:-30px !important; }
div.button10 .select2OptionPicker li, div.button10 .select2OptionPicker a { min-width:28px !important; }
div.file-footer-buttons button.kv-file-upload { display: none; }

/* datatables */
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
  top: 9px; left: 4px; height: 14px; width: 14px; display: block; position: absolute;
  color: black; border: none; border-radius: 14px; box-shadow: none;
  box-sizing: content-box; text-align: center; text-indent: 0 !important; font-family: 'Courier New', Courier, monospace;
  line-height: 14px; content: '+'; background-color: transparent;
}
table.dataTable { margin:0 0; }
div.dataTables_wrapper div.col-sm-6 { float:left; }
div.dttable { 
  width: 100%; 
  /*overflow-x: scroll; */
}

/* hack */
input.input-lg-1 { width:100%; }
div.inlinetext input { float:right; width:50%; }
div.aftertext input.input-lg-1#agrapp_203 { width:70%; }
div.aftertext input.input-lg-1#agrapp_211 { width:50%; }
div.aftertext input.input-lg-1#agrapp_208 { width:90%; }
span#agrapp_210, span#agrapp_220 { display: block; padding-top: 5px; }
span.editdata { cursor:pointer; }
div#section_100 { margin-top:20px; }
img.imgpreview { width:150px; margin-right: 10px; cursor:pointer; }
img.imgview { max-width: 100%; }
div#photodiv {overflow-x: scroll; width: 100%; float: left; white-space: nowrap; margin-bottom:3px; }
div.modal-header h5 { float:left; }
table tr td img { width:50px; cursor:pointer;}
div#dmain_agrapp_202 { padding-left: 10px; }
div#dmain_agrapp_202 button { margin: 0px 3px 0px 3px; }
#main { margin-top:50px; }

div.tableFilter { margin-top: 10px; }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: left; text-align: center; }
.dataTables_wrapper .dataTables_filter { margin-top: 0px; }
/* div.tableFilter { display:none; } */
div.headerbuttons { margin-bottom:5px; }
div.tableFilter .selectize-control.single .selectize-input { box-shadow:none !important; }
.increasetext { background-image: url("../img/increase_text.png"); background-repeat: no-repeat; width: 20px; height: 18px; display: block;
background-position: center; background-size: cover;}
.decreasetext { background-image: url("../img/decrease_text.png"); background-repeat: no-repeat; width: 20px; height: 18px; display: block;
background-position: center; background-size: cover;}
div#datadiv, div#table_wt_52_wrapper { margin-top:5px; }
input.tinput { width: 30px; text-align:center; }
a.tinput { padding: 0px 3px 0px 3px; text-decoration: none; cursor: pointer; font-size:1.2em; }
span.teditor, span.tvaluehide { display:none; }
td.nowrap { white-space: nowrap; }
table.fixedHeader-floating { top:50px !important; }
div.textdiv { text-align:center; }
th, td { text-align: center; }

div.checkboxlabel { float:left; }
/* checkbox */
.chbox input[type="checkbox"] { display: none; }
.chbox input[type="checkbox"] + .btn-group > label span { width: 10px; }
.chbox input[type="checkbox"] + .btn-group > label span:first-child { display: none; }
.chbox input[type="checkbox"] + .btn-group > label span:last-child { display: inline-block; }
.chbox input[type="checkbox"]:checked + .btn-group > label span:first-child { display: inline-block; }
.chbox input[type="checkbox"]:checked + .btn-group > label span:last-child { display: none; }

div.columnsearchdiv { 
  display: none; position: absolute; top: 90px; width: 400px; background-color: white; padding:20px; }
div.search-text{ padding: 6px 15px 6px 38px; }
.select2OptionPicker a.whitebutton {
  background-color:white !important; color: #333 !important;
}

/* TITLE POSITION */
.titleup .item-container { display: flex; flex-direction:column; }
.titleleft .item-container { display: flex; flex-direction:row; align-items: center; gap: 10px; justify-content: flex-start; }
.titleright .item-container { display: flex; flex-direction:row-reverse; align-items: center; gap: 10px; justify-content: flex-end; }
.titlebottom .item-container { display: flex; flex-direction:column-reverse; gap:10px; }

.input-container { 
  display: flex; 
  gap: 5px; 
  justify-content: flex-start; 
  align-items: center; 
  padding-right:10px; 
  width: 100%;
}
.selectize-control {
  width: 100%;
}
.col-form-label {
  white-space: nowrap;
}

label.aftertext { margin: 0 !important; }
.savebuttons {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom:50px;
  margin-top:20px;
}

#data-form h2 { 
  margin-bottom:1px; 
  margin-top: 10px;
  padding-left: 0px;
}
.col { margin-top:10px; }

.valuepairs {
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 10px;
}
.error-msg { color:red; }
.selectinputwnew { width: 100%; }
.columnsearchdiv { z-index:20; }
#selectInputValues .modal-dialog { width: 1000px; }
.headerrow {
  display:flex; gap:5px; margin:5px 0px;
}

.day-selector-item {
  margin-top: 20px;
}

.repetition-selector {
  margin-top: 20px;
}
.days-selector {
  margin-top: 10px;
}
.end-selector {
  margin-top: 10px;
}

.popover.clockpicker-popover {
  z-index: 100000;
}

.hide {
  display:none;
}

/* file input */
.file-drop-zone-title { padding: 10px 10px; }
.krajee-default .file-footer-caption { margin-bottom: 5px; }
button.fileinput-remove { display:none; }
div.file-thumbnail-footer div.progress, div.kv-upload-progress div.progress { display:none; }
.krajee-default.file-preview-frame .kv-file-content { height:50px; }
.krajee-default.file-preview-frame .file-thumbnail-footer { height:20px; }
div.file-footer-caption { display:none !important; }
div.file-preview-frame { width:100%; }
div.file-upload-indicator { display:none; }

.krajee-default.file-preview-frame .kv-file-content {
  height: 170px;
}

.krajee-default.file-preview-frame .file-thumbnail-footer {
  height: 70px;
}

div.file-preview-frame {
  width: 100%;
}

div.file-footer-buttons button.kv-file-upload {
  display: none;
}

div.saveDataHeader {
  position: fixed;
  top: 55px;
  z-index: 100;
  right: 40px;
}

div.saveDataHeader button {
  color:white;
}

div.saveDataClosed {
  position: fixed;
  top: 90px;
  z-index: 100;
  right: 20px;
  background-color: white;
  padding: 20px;
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.savedata-row {
  display: flex;
  gap: 20px;
}

.savebuttons-container {
  margin-top: 30px;
  display: none;
}

.savebuttons-container .savedata-row {
  align-items: center;
  justify-content: center;
}
.paramdiv {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.paramdiv .paramName {
  font-weight: bold;
}