@charset "UTF-8";
.validation-message {
  color: red;
  font-size: 12px;
  float: right;
  text-overflow: ellipsis;
}

.mui-textfield.validation--error input:focus + label, .mui-textfield.validation--error textarea:focus + label {
  color: red;
}
.mui-textfield.validation--error input:focus, .mui-textfield.validation--error textarea:focus {
  border-bottom: 2px solid red;
}

label {
  text-align: top !important;
}

.mui-textfield label.has-tooltip__true, .mui-select label.has-tooltip__true, .mui-checkbox label.has-tooltip__true {
  margin-left: 18px;
}
.mui-textfield label.has-tooltip__true .validation-message, .mui-select label.has-tooltip__true .validation-message, .mui-checkbox label.has-tooltip__true .validation-message {
  margin-right: 18px;
}
.mui-textfield .tooltip, .mui-select .tooltip, .mui-checkbox .tooltip {
  position: absolute;
  top: -3px;
}
.mui-textfield .tooltip i:hover ~ .tooltip__message__wrapper, .mui-select .tooltip i:hover ~ .tooltip__message__wrapper, .mui-checkbox .tooltip i:hover ~ .tooltip__message__wrapper {
  display: block;
}
.mui-textfield .tooltip .tooltip__message__wrapper, .mui-select .tooltip .tooltip__message__wrapper, .mui-checkbox .tooltip .tooltip__message__wrapper {
  top: 16px;
  padding: 5px;
  display: none;
  min-width: 400px;
  width: auto;
  position: absolute;
  opacity: 1;
  z-index: 999;
}
.mui-textfield .tooltip .tooltip__message__wrapper:hover, .mui-select .tooltip .tooltip__message__wrapper:hover, .mui-checkbox .tooltip .tooltip__message__wrapper:hover {
  display: block;
}
.mui-textfield .tooltip .tooltip__message, .mui-select .tooltip .tooltip__message, .mui-checkbox .tooltip .tooltip__message {
  background: #F8F8F8;
  border: 1px solid #DFDFDF;
  float: left;
  padding: 10px;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  max-height: 200px;
}
.mui-textfield .tooltip .tooltip__message:hover, .mui-select .tooltip .tooltip__message:hover, .mui-checkbox .tooltip .tooltip__message:hover {
  display: block;
}

.mui-checkbox .tooltip {
  top: 0px;
}

/**
 * MUI Colors module
 */
.mui--color-red-50 {
  color: #FFEBEE !important;
}

.mui--bg-color-red-50 {
  background-color: #FFEBEE !important;
}

.mui--color-red-100 {
  color: #FFCDD2 !important;
}

.mui--bg-color-red-100 {
  background-color: #FFCDD2 !important;
}

.mui--color-red-200 {
  color: #EF9A9A !important;
}

.mui--bg-color-red-200 {
  background-color: #EF9A9A !important;
}

.mui--color-red-300 {
  color: #E57373 !important;
}

.mui--bg-color-red-300 {
  background-color: #E57373 !important;
}

.mui--color-red-400 {
  color: #EF5350 !important;
}

.mui--bg-color-red-400 {
  background-color: #EF5350 !important;
}

.mui--color-red-500 {
  color: #F44336 !important;
}

.mui--bg-color-red-500 {
  background-color: #F44336 !important;
}

.mui--color-red {
  color: #F44336 !important;
}

.mui--bg-color-red {
  background-color: #F44336 !important;
}

.mui--color-red-600 {
  color: #E53935 !important;
}

.mui--bg-color-red-600 {
  background-color: #E53935 !important;
}

.mui--color-red-700 {
  color: #D32F2F !important;
}

.mui--bg-color-red-700 {
  background-color: #D32F2F !important;
}

.mui--color-red-800 {
  color: #C62828 !important;
}

.mui--bg-color-red-800 {
  background-color: #C62828 !important;
}

.mui--color-red-900 {
  color: #B71C1C !important;
}

.mui--bg-color-red-900 {
  background-color: #B71C1C !important;
}

.mui--color-red-A100 {
  color: #FF8A80 !important;
}

.mui--bg-color-red-A100 {
  background-color: #FF8A80 !important;
}

.mui--color-red-A200 {
  color: #FF5252 !important;
}

.mui--bg-color-red-A200 {
  background-color: #FF5252 !important;
}

.mui--color-red-A400 {
  color: #FF1744 !important;
}

.mui--bg-color-red-A400 {
  background-color: #FF1744 !important;
}

.mui--color-red-A700 {
  color: #D50000 !important;
}

.mui--bg-color-red-A700 {
  background-color: #D50000 !important;
}

.mui--color-pink-50 {
  color: #FCE4EC !important;
}

.mui--bg-color-pink-50 {
  background-color: #FCE4EC !important;
}

.mui--color-pink-100 {
  color: #F8BBD0 !important;
}

.mui--bg-color-pink-100 {
  background-color: #F8BBD0 !important;
}

.mui--color-pink-200 {
  color: #F48FB1 !important;
}

.mui--bg-color-pink-200 {
  background-color: #F48FB1 !important;
}

.mui--color-pink-300 {
  color: #F06292 !important;
}

.mui--bg-color-pink-300 {
  background-color: #F06292 !important;
}

.mui--color-pink-400 {
  color: #EC407A !important;
}

.mui--bg-color-pink-400 {
  background-color: #EC407A !important;
}

.mui--color-pink-500 {
  color: #E91E63 !important;
}

.mui--bg-color-pink-500 {
  background-color: #E91E63 !important;
}

.mui--color-pink {
  color: #E91E63 !important;
}

.mui--bg-color-pink {
  background-color: #E91E63 !important;
}

.mui--color-pink-600 {
  color: #D81B60 !important;
}

.mui--bg-color-pink-600 {
  background-color: #D81B60 !important;
}

.mui--color-pink-700 {
  color: #C2185B !important;
}

.mui--bg-color-pink-700 {
  background-color: #C2185B !important;
}

.mui--color-pink-800 {
  color: #AD1457 !important;
}

.mui--bg-color-pink-800 {
  background-color: #AD1457 !important;
}

.mui--color-pink-900 {
  color: #880E4F !important;
}

.mui--bg-color-pink-900 {
  background-color: #880E4F !important;
}

.mui--color-pink-A100 {
  color: #FF80AB !important;
}

.mui--bg-color-pink-A100 {
  background-color: #FF80AB !important;
}

.mui--color-pink-A200 {
  color: #FF4081 !important;
}

.mui--bg-color-pink-A200 {
  background-color: #FF4081 !important;
}

.mui--color-pink-A400 {
  color: #F50057 !important;
}

.mui--bg-color-pink-A400 {
  background-color: #F50057 !important;
}

.mui--color-pink-A700 {
  color: #C51162 !important;
}

.mui--bg-color-pink-A700 {
  background-color: #C51162 !important;
}

.mui--color-purple-50 {
  color: #F3E5F5 !important;
}

.mui--bg-color-purple-50 {
  background-color: #F3E5F5 !important;
}

.mui--color-purple-100 {
  color: #E1BEE7 !important;
}

.mui--bg-color-purple-100 {
  background-color: #E1BEE7 !important;
}

.mui--color-purple-200 {
  color: #CE93D8 !important;
}

.mui--bg-color-purple-200 {
  background-color: #CE93D8 !important;
}

.mui--color-purple-300 {
  color: #BA68C8 !important;
}

.mui--bg-color-purple-300 {
  background-color: #BA68C8 !important;
}

.mui--color-purple-400 {
  color: #AB47BC !important;
}

.mui--bg-color-purple-400 {
  background-color: #AB47BC !important;
}

.mui--color-purple-500 {
  color: #9C27B0 !important;
}

.mui--bg-color-purple-500 {
  background-color: #9C27B0 !important;
}

.mui--color-purple {
  color: #9C27B0 !important;
}

.mui--bg-color-purple {
  background-color: #9C27B0 !important;
}

.mui--color-purple-600 {
  color: #8E24AA !important;
}

.mui--bg-color-purple-600 {
  background-color: #8E24AA !important;
}

.mui--color-purple-700 {
  color: #7B1FA2 !important;
}

.mui--bg-color-purple-700 {
  background-color: #7B1FA2 !important;
}

.mui--color-purple-800 {
  color: #6A1B9A !important;
}

.mui--bg-color-purple-800 {
  background-color: #6A1B9A !important;
}

.mui--color-purple-900 {
  color: #4A148C !important;
}

.mui--bg-color-purple-900 {
  background-color: #4A148C !important;
}

.mui--color-purple-A100 {
  color: #EA80FC !important;
}

.mui--bg-color-purple-A100 {
  background-color: #EA80FC !important;
}

.mui--color-purple-A200 {
  color: #E040FB !important;
}

.mui--bg-color-purple-A200 {
  background-color: #E040FB !important;
}

.mui--color-purple-A400 {
  color: #D500F9 !important;
}

.mui--bg-color-purple-A400 {
  background-color: #D500F9 !important;
}

.mui--color-purple-A700 {
  color: #AA00FF !important;
}

.mui--bg-color-purple-A700 {
  background-color: #AA00FF !important;
}

.mui--color-deep-purple-50 {
  color: #EDE7F6 !important;
}

.mui--bg-color-deep-purple-50 {
  background-color: #EDE7F6 !important;
}

.mui--color-deep-purple-100 {
  color: #D1C4E9 !important;
}

.mui--bg-color-deep-purple-100 {
  background-color: #D1C4E9 !important;
}

.mui--color-deep-purple-200 {
  color: #B39DDB !important;
}

.mui--bg-color-deep-purple-200 {
  background-color: #B39DDB !important;
}

.mui--color-deep-purple-300 {
  color: #9575CD !important;
}

.mui--bg-color-deep-purple-300 {
  background-color: #9575CD !important;
}

.mui--color-deep-purple-400 {
  color: #7E57C2 !important;
}

.mui--bg-color-deep-purple-400 {
  background-color: #7E57C2 !important;
}

.mui--color-deep-purple-500 {
  color: #673AB7 !important;
}

.mui--bg-color-deep-purple-500 {
  background-color: #673AB7 !important;
}

.mui--color-deep-purple {
  color: #673AB7 !important;
}

.mui--bg-color-deep-purple {
  background-color: #673AB7 !important;
}

.mui--color-deep-purple-600 {
  color: #5E35B1 !important;
}

.mui--bg-color-deep-purple-600 {
  background-color: #5E35B1 !important;
}

.mui--color-deep-purple-700 {
  color: #512DA8 !important;
}

.mui--bg-color-deep-purple-700 {
  background-color: #512DA8 !important;
}

.mui--color-deep-purple-800 {
  color: #4527A0 !important;
}

.mui--bg-color-deep-purple-800 {
  background-color: #4527A0 !important;
}

.mui--color-deep-purple-900 {
  color: #311B92 !important;
}

.mui--bg-color-deep-purple-900 {
  background-color: #311B92 !important;
}

.mui--color-deep-purple-A100 {
  color: #B388FF !important;
}

.mui--bg-color-deep-purple-A100 {
  background-color: #B388FF !important;
}

.mui--color-deep-purple-A200 {
  color: #7C4DFF !important;
}

.mui--bg-color-deep-purple-A200 {
  background-color: #7C4DFF !important;
}

.mui--color-deep-purple-A400 {
  color: #651FFF !important;
}

.mui--bg-color-deep-purple-A400 {
  background-color: #651FFF !important;
}

.mui--color-deep-purple-A700 {
  color: #6200EA !important;
}

.mui--bg-color-deep-purple-A700 {
  background-color: #6200EA !important;
}

.mui--color-indigo-50 {
  color: #E8EAF6 !important;
}

.mui--bg-color-indigo-50 {
  background-color: #E8EAF6 !important;
}

.mui--color-indigo-100 {
  color: #C5CAE9 !important;
}

.mui--bg-color-indigo-100 {
  background-color: #C5CAE9 !important;
}

.mui--color-indigo-200 {
  color: #9FA8DA !important;
}

.mui--bg-color-indigo-200 {
  background-color: #9FA8DA !important;
}

.mui--color-indigo-300 {
  color: #7986CB !important;
}

.mui--bg-color-indigo-300 {
  background-color: #7986CB !important;
}

.mui--color-indigo-400 {
  color: #5C6BC0 !important;
}

.mui--bg-color-indigo-400 {
  background-color: #5C6BC0 !important;
}

.mui--color-indigo-500 {
  color: #3F51B5 !important;
}

.mui--bg-color-indigo-500 {
  background-color: #3F51B5 !important;
}

.mui--color-indigo {
  color: #3F51B5 !important;
}

.mui--bg-color-indigo {
  background-color: #3F51B5 !important;
}

.mui--color-indigo-600 {
  color: #3949AB !important;
}

.mui--bg-color-indigo-600 {
  background-color: #3949AB !important;
}

.mui--color-indigo-700 {
  color: #303F9F !important;
}

.mui--bg-color-indigo-700 {
  background-color: #303F9F !important;
}

.mui--color-indigo-800 {
  color: #283593 !important;
}

.mui--bg-color-indigo-800 {
  background-color: #283593 !important;
}

.mui--color-indigo-900 {
  color: #1A237E !important;
}

.mui--bg-color-indigo-900 {
  background-color: #1A237E !important;
}

.mui--color-indigo-A100 {
  color: #8C9EFF !important;
}

.mui--bg-color-indigo-A100 {
  background-color: #8C9EFF !important;
}

.mui--color-indigo-A200 {
  color: #536DFE !important;
}

.mui--bg-color-indigo-A200 {
  background-color: #536DFE !important;
}

.mui--color-indigo-A400 {
  color: #3D5AFE !important;
}

.mui--bg-color-indigo-A400 {
  background-color: #3D5AFE !important;
}

.mui--color-indigo-A700 {
  color: #304FFE !important;
}

.mui--bg-color-indigo-A700 {
  background-color: #304FFE !important;
}

.mui--color-blue-50 {
  color: #E3F2FD !important;
}

.mui--bg-color-blue-50 {
  background-color: #E3F2FD !important;
}

.mui--color-blue-100 {
  color: #BBDEFB !important;
}

.mui--bg-color-blue-100 {
  background-color: #BBDEFB !important;
}

.mui--color-blue-200 {
  color: #90CAF9 !important;
}

.mui--bg-color-blue-200 {
  background-color: #90CAF9 !important;
}

.mui--color-blue-300 {
  color: #64B5F6 !important;
}

.mui--bg-color-blue-300 {
  background-color: #64B5F6 !important;
}

.mui--color-blue-400 {
  color: #42A5F5 !important;
}

.mui--bg-color-blue-400 {
  background-color: #42A5F5 !important;
}

.mui--color-blue-500 {
  color: #2196F3 !important;
}

.mui--bg-color-blue-500 {
  background-color: #2196F3 !important;
}

.mui--color-blue {
  color: #2196F3 !important;
}

.mui--bg-color-blue {
  background-color: #2196F3 !important;
}

.mui--color-blue-600 {
  color: #1E88E5 !important;
}

.mui--bg-color-blue-600 {
  background-color: #1E88E5 !important;
}

.mui--color-blue-700 {
  color: #1976D2 !important;
}

.mui--bg-color-blue-700 {
  background-color: #1976D2 !important;
}

.mui--color-blue-800 {
  color: #1565C0 !important;
}

.mui--bg-color-blue-800 {
  background-color: #1565C0 !important;
}

.mui--color-blue-900 {
  color: #0D47A1 !important;
}

.mui--bg-color-blue-900 {
  background-color: #0D47A1 !important;
}

.mui--color-blue-A100 {
  color: #82B1FF !important;
}

.mui--bg-color-blue-A100 {
  background-color: #82B1FF !important;
}

.mui--color-blue-A200 {
  color: #448AFF !important;
}

.mui--bg-color-blue-A200 {
  background-color: #448AFF !important;
}

.mui--color-blue-A400 {
  color: #2979FF !important;
}

.mui--bg-color-blue-A400 {
  background-color: #2979FF !important;
}

.mui--color-blue-A700 {
  color: #2962FF !important;
}

.mui--bg-color-blue-A700 {
  background-color: #2962FF !important;
}

.mui--color-light-blue-50 {
  color: #E1F5FE !important;
}

.mui--bg-color-light-blue-50 {
  background-color: #E1F5FE !important;
}

.mui--color-light-blue-100 {
  color: #B3E5FC !important;
}

.mui--bg-color-light-blue-100 {
  background-color: #B3E5FC !important;
}

.mui--color-light-blue-200 {
  color: #81D4FA !important;
}

.mui--bg-color-light-blue-200 {
  background-color: #81D4FA !important;
}

.mui--color-light-blue-300 {
  color: #4FC3F7 !important;
}

.mui--bg-color-light-blue-300 {
  background-color: #4FC3F7 !important;
}

.mui--color-light-blue-400 {
  color: #29B6F6 !important;
}

.mui--bg-color-light-blue-400 {
  background-color: #29B6F6 !important;
}

.mui--color-light-blue-500 {
  color: #03A9F4 !important;
}

.mui--bg-color-light-blue-500 {
  background-color: #03A9F4 !important;
}

.mui--color-light-blue {
  color: #03A9F4 !important;
}

.mui--bg-color-light-blue {
  background-color: #03A9F4 !important;
}

.mui--color-light-blue-600 {
  color: #039BE5 !important;
}

.mui--bg-color-light-blue-600 {
  background-color: #039BE5 !important;
}

.mui--color-light-blue-700 {
  color: #0288D1 !important;
}

.mui--bg-color-light-blue-700 {
  background-color: #0288D1 !important;
}

.mui--color-light-blue-800 {
  color: #0277BD !important;
}

.mui--bg-color-light-blue-800 {
  background-color: #0277BD !important;
}

.mui--color-light-blue-900 {
  color: #01579B !important;
}

.mui--bg-color-light-blue-900 {
  background-color: #01579B !important;
}

.mui--color-light-blue-A100 {
  color: #80D8FF !important;
}

.mui--bg-color-light-blue-A100 {
  background-color: #80D8FF !important;
}

.mui--color-light-blue-A200 {
  color: #40C4FF !important;
}

.mui--bg-color-light-blue-A200 {
  background-color: #40C4FF !important;
}

.mui--color-light-blue-A400 {
  color: #00B0FF !important;
}

.mui--bg-color-light-blue-A400 {
  background-color: #00B0FF !important;
}

.mui--color-light-blue-A700 {
  color: #0091EA !important;
}

.mui--bg-color-light-blue-A700 {
  background-color: #0091EA !important;
}

.mui--color-cyan-50 {
  color: #E0F7FA !important;
}

.mui--bg-color-cyan-50 {
  background-color: #E0F7FA !important;
}

.mui--color-cyan-100 {
  color: #B2EBF2 !important;
}

.mui--bg-color-cyan-100 {
  background-color: #B2EBF2 !important;
}

.mui--color-cyan-200 {
  color: #80DEEA !important;
}

.mui--bg-color-cyan-200 {
  background-color: #80DEEA !important;
}

.mui--color-cyan-300 {
  color: #4DD0E1 !important;
}

.mui--bg-color-cyan-300 {
  background-color: #4DD0E1 !important;
}

.mui--color-cyan-400 {
  color: #26C6DA !important;
}

.mui--bg-color-cyan-400 {
  background-color: #26C6DA !important;
}

.mui--color-cyan-500 {
  color: #00BCD4 !important;
}

.mui--bg-color-cyan-500 {
  background-color: #00BCD4 !important;
}

.mui--color-cyan {
  color: #00BCD4 !important;
}

.mui--bg-color-cyan {
  background-color: #00BCD4 !important;
}

.mui--color-cyan-600 {
  color: #00ACC1 !important;
}

.mui--bg-color-cyan-600 {
  background-color: #00ACC1 !important;
}

.mui--color-cyan-700 {
  color: #0097A7 !important;
}

.mui--bg-color-cyan-700 {
  background-color: #0097A7 !important;
}

.mui--color-cyan-800 {
  color: #00838F !important;
}

.mui--bg-color-cyan-800 {
  background-color: #00838F !important;
}

.mui--color-cyan-900 {
  color: #006064 !important;
}

.mui--bg-color-cyan-900 {
  background-color: #006064 !important;
}

.mui--color-cyan-A100 {
  color: #84FFFF !important;
}

.mui--bg-color-cyan-A100 {
  background-color: #84FFFF !important;
}

.mui--color-cyan-A200 {
  color: #18FFFF !important;
}

.mui--bg-color-cyan-A200 {
  background-color: #18FFFF !important;
}

.mui--color-cyan-A400 {
  color: #00E5FF !important;
}

.mui--bg-color-cyan-A400 {
  background-color: #00E5FF !important;
}

.mui--color-cyan-A700 {
  color: #00B8D4 !important;
}

.mui--bg-color-cyan-A700 {
  background-color: #00B8D4 !important;
}

.mui--color-teal-50 {
  color: #E0F2F1 !important;
}

.mui--bg-color-teal-50 {
  background-color: #E0F2F1 !important;
}

.mui--color-teal-100 {
  color: #B2DFDB !important;
}

.mui--bg-color-teal-100 {
  background-color: #B2DFDB !important;
}

.mui--color-teal-200 {
  color: #80CBC4 !important;
}

.mui--bg-color-teal-200 {
  background-color: #80CBC4 !important;
}

.mui--color-teal-300 {
  color: #4DB6AC !important;
}

.mui--bg-color-teal-300 {
  background-color: #4DB6AC !important;
}

.mui--color-teal-400 {
  color: #26A69A !important;
}

.mui--bg-color-teal-400 {
  background-color: #26A69A !important;
}

.mui--color-teal-500 {
  color: #009688 !important;
}

.mui--bg-color-teal-500 {
  background-color: #009688 !important;
}

.mui--color-teal {
  color: #009688 !important;
}

.mui--bg-color-teal {
  background-color: #009688 !important;
}

.mui--color-teal-600 {
  color: #00897B !important;
}

.mui--bg-color-teal-600 {
  background-color: #00897B !important;
}

.mui--color-teal-700 {
  color: #00796B !important;
}

.mui--bg-color-teal-700 {
  background-color: #00796B !important;
}

.mui--color-teal-800 {
  color: #00695C !important;
}

.mui--bg-color-teal-800 {
  background-color: #00695C !important;
}

.mui--color-teal-900 {
  color: #004D40 !important;
}

.mui--bg-color-teal-900 {
  background-color: #004D40 !important;
}

.mui--color-teal-A100 {
  color: #A7FFEB !important;
}

.mui--bg-color-teal-A100 {
  background-color: #A7FFEB !important;
}

.mui--color-teal-A200 {
  color: #64FFDA !important;
}

.mui--bg-color-teal-A200 {
  background-color: #64FFDA !important;
}

.mui--color-teal-A400 {
  color: #1DE9B6 !important;
}

.mui--bg-color-teal-A400 {
  background-color: #1DE9B6 !important;
}

.mui--color-teal-A700 {
  color: #00BFA5 !important;
}

.mui--bg-color-teal-A700 {
  background-color: #00BFA5 !important;
}

.mui--color-green-50 {
  color: #E8F5E9 !important;
}

.mui--bg-color-green-50 {
  background-color: #E8F5E9 !important;
}

.mui--color-green-100 {
  color: #C8E6C9 !important;
}

.mui--bg-color-green-100 {
  background-color: #C8E6C9 !important;
}

.mui--color-green-200 {
  color: #A5D6A7 !important;
}

.mui--bg-color-green-200 {
  background-color: #A5D6A7 !important;
}

.mui--color-green-300 {
  color: #81C784 !important;
}

.mui--bg-color-green-300 {
  background-color: #81C784 !important;
}

.mui--color-green-400 {
  color: #66BB6A !important;
}

.mui--bg-color-green-400 {
  background-color: #66BB6A !important;
}

.mui--color-green-500 {
  color: #4CAF50 !important;
}

.mui--bg-color-green-500 {
  background-color: #4CAF50 !important;
}

.mui--color-green {
  color: #4CAF50 !important;
}

.mui--bg-color-green {
  background-color: #4CAF50 !important;
}

.mui--color-green-600 {
  color: #43A047 !important;
}

.mui--bg-color-green-600 {
  background-color: #43A047 !important;
}

.mui--color-green-700 {
  color: #388E3C !important;
}

.mui--bg-color-green-700 {
  background-color: #388E3C !important;
}

.mui--color-green-800 {
  color: #2E7D32 !important;
}

.mui--bg-color-green-800 {
  background-color: #2E7D32 !important;
}

.mui--color-green-900 {
  color: #1B5E20 !important;
}

.mui--bg-color-green-900 {
  background-color: #1B5E20 !important;
}

.mui--color-green-A100 {
  color: #B9F6CA !important;
}

.mui--bg-color-green-A100 {
  background-color: #B9F6CA !important;
}

.mui--color-green-A200 {
  color: #69F0AE !important;
}

.mui--bg-color-green-A200 {
  background-color: #69F0AE !important;
}

.mui--color-green-A400 {
  color: #00E676 !important;
}

.mui--bg-color-green-A400 {
  background-color: #00E676 !important;
}

.mui--color-green-A700 {
  color: #00C853 !important;
}

.mui--bg-color-green-A700 {
  background-color: #00C853 !important;
}

.mui--color-light-green-50 {
  color: #F1F8E9 !important;
}

.mui--bg-color-light-green-50 {
  background-color: #F1F8E9 !important;
}

.mui--color-light-green-100 {
  color: #DCEDC8 !important;
}

.mui--bg-color-light-green-100 {
  background-color: #DCEDC8 !important;
}

.mui--color-light-green-200 {
  color: #C5E1A5 !important;
}

.mui--bg-color-light-green-200 {
  background-color: #C5E1A5 !important;
}

.mui--color-light-green-300 {
  color: #AED581 !important;
}

.mui--bg-color-light-green-300 {
  background-color: #AED581 !important;
}

.mui--color-light-green-400 {
  color: #9CCC65 !important;
}

.mui--bg-color-light-green-400 {
  background-color: #9CCC65 !important;
}

.mui--color-light-green-500 {
  color: #8BC34A !important;
}

.mui--bg-color-light-green-500 {
  background-color: #8BC34A !important;
}

.mui--color-light-green {
  color: #8BC34A !important;
}

.mui--bg-color-light-green {
  background-color: #8BC34A !important;
}

.mui--color-light-green-600 {
  color: #7CB342 !important;
}

.mui--bg-color-light-green-600 {
  background-color: #7CB342 !important;
}

.mui--color-light-green-700 {
  color: #689F38 !important;
}

.mui--bg-color-light-green-700 {
  background-color: #689F38 !important;
}

.mui--color-light-green-800 {
  color: #558B2F !important;
}

.mui--bg-color-light-green-800 {
  background-color: #558B2F !important;
}

.mui--color-light-green-900 {
  color: #33691E !important;
}

.mui--bg-color-light-green-900 {
  background-color: #33691E !important;
}

.mui--color-light-green-A100 {
  color: #CCFF90 !important;
}

.mui--bg-color-light-green-A100 {
  background-color: #CCFF90 !important;
}

.mui--color-light-green-A200 {
  color: #B2FF59 !important;
}

.mui--bg-color-light-green-A200 {
  background-color: #B2FF59 !important;
}

.mui--color-light-green-A400 {
  color: #76FF03 !important;
}

.mui--bg-color-light-green-A400 {
  background-color: #76FF03 !important;
}

.mui--color-light-green-A700 {
  color: #64DD17 !important;
}

.mui--bg-color-light-green-A700 {
  background-color: #64DD17 !important;
}

.mui--color-lime-50 {
  color: #F9FBE7 !important;
}

.mui--bg-color-lime-50 {
  background-color: #F9FBE7 !important;
}

.mui--color-lime-100 {
  color: #F0F4C3 !important;
}

.mui--bg-color-lime-100 {
  background-color: #F0F4C3 !important;
}

.mui--color-lime-200 {
  color: #E6EE9C !important;
}

.mui--bg-color-lime-200 {
  background-color: #E6EE9C !important;
}

.mui--color-lime-300 {
  color: #DCE775 !important;
}

.mui--bg-color-lime-300 {
  background-color: #DCE775 !important;
}

.mui--color-lime-400 {
  color: #D4E157 !important;
}

.mui--bg-color-lime-400 {
  background-color: #D4E157 !important;
}

.mui--color-lime-500 {
  color: #CDDC39 !important;
}

.mui--bg-color-lime-500 {
  background-color: #CDDC39 !important;
}

.mui--color-lime {
  color: #CDDC39 !important;
}

.mui--bg-color-lime {
  background-color: #CDDC39 !important;
}

.mui--color-lime-600 {
  color: #C0CA33 !important;
}

.mui--bg-color-lime-600 {
  background-color: #C0CA33 !important;
}

.mui--color-lime-700 {
  color: #AFB42B !important;
}

.mui--bg-color-lime-700 {
  background-color: #AFB42B !important;
}

.mui--color-lime-800 {
  color: #9E9D24 !important;
}

.mui--bg-color-lime-800 {
  background-color: #9E9D24 !important;
}

.mui--color-lime-900 {
  color: #827717 !important;
}

.mui--bg-color-lime-900 {
  background-color: #827717 !important;
}

.mui--color-lime-A100 {
  color: #F4FF81 !important;
}

.mui--bg-color-lime-A100 {
  background-color: #F4FF81 !important;
}

.mui--color-lime-A200 {
  color: #EEFF41 !important;
}

.mui--bg-color-lime-A200 {
  background-color: #EEFF41 !important;
}

.mui--color-lime-A400 {
  color: #C6FF00 !important;
}

.mui--bg-color-lime-A400 {
  background-color: #C6FF00 !important;
}

.mui--color-lime-A700 {
  color: #AEEA00 !important;
}

.mui--bg-color-lime-A700 {
  background-color: #AEEA00 !important;
}

.mui--color-yellow-50 {
  color: #FFFDE7 !important;
}

.mui--bg-color-yellow-50 {
  background-color: #FFFDE7 !important;
}

.mui--color-yellow-100 {
  color: #FFF9C4 !important;
}

.mui--bg-color-yellow-100 {
  background-color: #FFF9C4 !important;
}

.mui--color-yellow-200 {
  color: #FFF59D !important;
}

.mui--bg-color-yellow-200 {
  background-color: #FFF59D !important;
}

.mui--color-yellow-300 {
  color: #FFF176 !important;
}

.mui--bg-color-yellow-300 {
  background-color: #FFF176 !important;
}

.mui--color-yellow-400 {
  color: #FFEE58 !important;
}

.mui--bg-color-yellow-400 {
  background-color: #FFEE58 !important;
}

.mui--color-yellow-500 {
  color: #FFEB3B !important;
}

.mui--bg-color-yellow-500 {
  background-color: #FFEB3B !important;
}

.mui--color-yellow {
  color: #FFEB3B !important;
}

.mui--bg-color-yellow {
  background-color: #FFEB3B !important;
}

.mui--color-yellow-600 {
  color: #FDD835 !important;
}

.mui--bg-color-yellow-600 {
  background-color: #FDD835 !important;
}

.mui--color-yellow-700 {
  color: #FBC02D !important;
}

.mui--bg-color-yellow-700 {
  background-color: #FBC02D !important;
}

.mui--color-yellow-800 {
  color: #F9A825 !important;
}

.mui--bg-color-yellow-800 {
  background-color: #F9A825 !important;
}

.mui--color-yellow-900 {
  color: #F57F17 !important;
}

.mui--bg-color-yellow-900 {
  background-color: #F57F17 !important;
}

.mui--color-yellow-A100 {
  color: #FFFF8D !important;
}

.mui--bg-color-yellow-A100 {
  background-color: #FFFF8D !important;
}

.mui--color-yellow-A200 {
  color: #FFFF00 !important;
}

.mui--bg-color-yellow-A200 {
  background-color: #FFFF00 !important;
}

.mui--color-yellow-A400 {
  color: #FFEA00 !important;
}

.mui--bg-color-yellow-A400 {
  background-color: #FFEA00 !important;
}

.mui--color-yellow-A700 {
  color: #FFD600 !important;
}

.mui--bg-color-yellow-A700 {
  background-color: #FFD600 !important;
}

.mui--color-amber-50 {
  color: #FFF8E1 !important;
}

.mui--bg-color-amber-50 {
  background-color: #FFF8E1 !important;
}

.mui--color-amber-100 {
  color: #FFECB3 !important;
}

.mui--bg-color-amber-100 {
  background-color: #FFECB3 !important;
}

.mui--color-amber-200 {
  color: #FFE082 !important;
}

.mui--bg-color-amber-200 {
  background-color: #FFE082 !important;
}

.mui--color-amber-300 {
  color: #FFD54F !important;
}

.mui--bg-color-amber-300 {
  background-color: #FFD54F !important;
}

.mui--color-amber-400 {
  color: #FFCA28 !important;
}

.mui--bg-color-amber-400 {
  background-color: #FFCA28 !important;
}

.mui--color-amber-500 {
  color: #FFC107 !important;
}

.mui--bg-color-amber-500 {
  background-color: #FFC107 !important;
}

.mui--color-amber {
  color: #FFC107 !important;
}

.mui--bg-color-amber {
  background-color: #FFC107 !important;
}

.mui--color-amber-600 {
  color: #FFB300 !important;
}

.mui--bg-color-amber-600 {
  background-color: #FFB300 !important;
}

.mui--color-amber-700 {
  color: #FFA000 !important;
}

.mui--bg-color-amber-700 {
  background-color: #FFA000 !important;
}

.mui--color-amber-800 {
  color: #FF8F00 !important;
}

.mui--bg-color-amber-800 {
  background-color: #FF8F00 !important;
}

.mui--color-amber-900 {
  color: #FF6F00 !important;
}

.mui--bg-color-amber-900 {
  background-color: #FF6F00 !important;
}

.mui--color-amber-A100 {
  color: #FFE57F !important;
}

.mui--bg-color-amber-A100 {
  background-color: #FFE57F !important;
}

.mui--color-amber-A200 {
  color: #FFD740 !important;
}

.mui--bg-color-amber-A200 {
  background-color: #FFD740 !important;
}

.mui--color-amber-A400 {
  color: #FFC400 !important;
}

.mui--bg-color-amber-A400 {
  background-color: #FFC400 !important;
}

.mui--color-amber-A700 {
  color: #FFAB00 !important;
}

.mui--bg-color-amber-A700 {
  background-color: #FFAB00 !important;
}

.mui--color-orange-50 {
  color: #FFF3E0 !important;
}

.mui--bg-color-orange-50 {
  background-color: #FFF3E0 !important;
}

.mui--color-orange-100 {
  color: #FFE0B2 !important;
}

.mui--bg-color-orange-100 {
  background-color: #FFE0B2 !important;
}

.mui--color-orange-200 {
  color: #FFCC80 !important;
}

.mui--bg-color-orange-200 {
  background-color: #FFCC80 !important;
}

.mui--color-orange-300 {
  color: #FFB74D !important;
}

.mui--bg-color-orange-300 {
  background-color: #FFB74D !important;
}

.mui--color-orange-400 {
  color: #FFA726 !important;
}

.mui--bg-color-orange-400 {
  background-color: #FFA726 !important;
}

.mui--color-orange-500 {
  color: #FF9800 !important;
}

.mui--bg-color-orange-500 {
  background-color: #FF9800 !important;
}

.mui--color-orange {
  color: #FF9800 !important;
}

.mui--bg-color-orange {
  background-color: #FF9800 !important;
}

.mui--color-orange-600 {
  color: #FB8C00 !important;
}

.mui--bg-color-orange-600 {
  background-color: #FB8C00 !important;
}

.mui--color-orange-700 {
  color: #F57C00 !important;
}

.mui--bg-color-orange-700 {
  background-color: #F57C00 !important;
}

.mui--color-orange-800 {
  color: #EF6C00 !important;
}

.mui--bg-color-orange-800 {
  background-color: #EF6C00 !important;
}

.mui--color-orange-900 {
  color: #E65100 !important;
}

.mui--bg-color-orange-900 {
  background-color: #E65100 !important;
}

.mui--color-orange-A100 {
  color: #FFD180 !important;
}

.mui--bg-color-orange-A100 {
  background-color: #FFD180 !important;
}

.mui--color-orange-A200 {
  color: #FFAB40 !important;
}

.mui--bg-color-orange-A200 {
  background-color: #FFAB40 !important;
}

.mui--color-orange-A400 {
  color: #FF9100 !important;
}

.mui--bg-color-orange-A400 {
  background-color: #FF9100 !important;
}

.mui--color-orange-A700 {
  color: #FF6D00 !important;
}

.mui--bg-color-orange-A700 {
  background-color: #FF6D00 !important;
}

.mui--color-deep-orange-50 {
  color: #FBE9E7 !important;
}

.mui--bg-color-deep-orange-50 {
  background-color: #FBE9E7 !important;
}

.mui--color-deep-orange-100 {
  color: #FFCCBC !important;
}

.mui--bg-color-deep-orange-100 {
  background-color: #FFCCBC !important;
}

.mui--color-deep-orange-200 {
  color: #FFAB91 !important;
}

.mui--bg-color-deep-orange-200 {
  background-color: #FFAB91 !important;
}

.mui--color-deep-orange-300 {
  color: #FF8A65 !important;
}

.mui--bg-color-deep-orange-300 {
  background-color: #FF8A65 !important;
}

.mui--color-deep-orange-400 {
  color: #FF7043 !important;
}

.mui--bg-color-deep-orange-400 {
  background-color: #FF7043 !important;
}

.mui--color-deep-orange-500 {
  color: #FF5722 !important;
}

.mui--bg-color-deep-orange-500 {
  background-color: #FF5722 !important;
}

.mui--color-deep-orange {
  color: #FF5722 !important;
}

.mui--bg-color-deep-orange {
  background-color: #FF5722 !important;
}

.mui--color-deep-orange-600 {
  color: #F4511E !important;
}

.mui--bg-color-deep-orange-600 {
  background-color: #F4511E !important;
}

.mui--color-deep-orange-700 {
  color: #E64A19 !important;
}

.mui--bg-color-deep-orange-700 {
  background-color: #E64A19 !important;
}

.mui--color-deep-orange-800 {
  color: #D84315 !important;
}

.mui--bg-color-deep-orange-800 {
  background-color: #D84315 !important;
}

.mui--color-deep-orange-900 {
  color: #BF360C !important;
}

.mui--bg-color-deep-orange-900 {
  background-color: #BF360C !important;
}

.mui--color-deep-orange-A100 {
  color: #FF9E80 !important;
}

.mui--bg-color-deep-orange-A100 {
  background-color: #FF9E80 !important;
}

.mui--color-deep-orange-A200 {
  color: #FF6E40 !important;
}

.mui--bg-color-deep-orange-A200 {
  background-color: #FF6E40 !important;
}

.mui--color-deep-orange-A400 {
  color: #FF3D00 !important;
}

.mui--bg-color-deep-orange-A400 {
  background-color: #FF3D00 !important;
}

.mui--color-deep-orange-A700 {
  color: #DD2C00 !important;
}

.mui--bg-color-deep-orange-A700 {
  background-color: #DD2C00 !important;
}

.mui--color-brown-50 {
  color: #EFEBE9 !important;
}

.mui--bg-color-brown-50 {
  background-color: #EFEBE9 !important;
}

.mui--color-brown-100 {
  color: #D7CCC8 !important;
}

.mui--bg-color-brown-100 {
  background-color: #D7CCC8 !important;
}

.mui--color-brown-200 {
  color: #BCAAA4 !important;
}

.mui--bg-color-brown-200 {
  background-color: #BCAAA4 !important;
}

.mui--color-brown-300 {
  color: #A1887F !important;
}

.mui--bg-color-brown-300 {
  background-color: #A1887F !important;
}

.mui--color-brown-400 {
  color: #8D6E63 !important;
}

.mui--bg-color-brown-400 {
  background-color: #8D6E63 !important;
}

.mui--color-brown-500 {
  color: #795548 !important;
}

.mui--bg-color-brown-500 {
  background-color: #795548 !important;
}

.mui--color-brown {
  color: #795548 !important;
}

.mui--bg-color-brown {
  background-color: #795548 !important;
}

.mui--color-brown-600 {
  color: #6D4C41 !important;
}

.mui--bg-color-brown-600 {
  background-color: #6D4C41 !important;
}

.mui--color-brown-700 {
  color: #5D4037 !important;
}

.mui--bg-color-brown-700 {
  background-color: #5D4037 !important;
}

.mui--color-brown-800 {
  color: #4E342E !important;
}

.mui--bg-color-brown-800 {
  background-color: #4E342E !important;
}

.mui--color-brown-900 {
  color: #3E2723 !important;
}

.mui--bg-color-brown-900 {
  background-color: #3E2723 !important;
}

.mui--color-grey-50 {
  color: #FAFAFA !important;
}

.mui--bg-color-grey-50 {
  background-color: #FAFAFA !important;
}

.mui--color-grey-100 {
  color: #F5F5F5 !important;
}

.mui--bg-color-grey-100 {
  background-color: #F5F5F5 !important;
}

.mui--color-grey-200 {
  color: #EEEEEE !important;
}

.mui--bg-color-grey-200 {
  background-color: #EEEEEE !important;
}

.mui--color-grey-300 {
  color: #E0E0E0 !important;
}

.mui--bg-color-grey-300 {
  background-color: #E0E0E0 !important;
}

.mui--color-grey-400 {
  color: #BDBDBD !important;
}

.mui--bg-color-grey-400 {
  background-color: #BDBDBD !important;
}

.mui--color-grey-500 {
  color: #9E9E9E !important;
}

.mui--bg-color-grey-500 {
  background-color: #9E9E9E !important;
}

.mui--color-grey {
  color: #9E9E9E !important;
}

.mui--bg-color-grey {
  background-color: #9E9E9E !important;
}

.mui--color-grey-600 {
  color: #757575 !important;
}

.mui--bg-color-grey-600 {
  background-color: #757575 !important;
}

.mui--color-grey-700 {
  color: #616161 !important;
}

.mui--bg-color-grey-700 {
  background-color: #616161 !important;
}

.mui--color-grey-800 {
  color: #424242 !important;
}

.mui--bg-color-grey-800 {
  background-color: #424242 !important;
}

.mui--color-grey-900 {
  color: #212121 !important;
}

.mui--bg-color-grey-900 {
  background-color: #212121 !important;
}

.mui--color-blue-grey-50 {
  color: #ECEFF1 !important;
}

.mui--bg-color-blue-grey-50 {
  background-color: #ECEFF1 !important;
}

.mui--color-blue-grey-100 {
  color: #CFD8DC !important;
}

.mui--bg-color-blue-grey-100 {
  background-color: #CFD8DC !important;
}

.mui--color-blue-grey-200 {
  color: #B0BEC5 !important;
}

.mui--bg-color-blue-grey-200 {
  background-color: #B0BEC5 !important;
}

.mui--color-blue-grey-300 {
  color: #90A4AE !important;
}

.mui--bg-color-blue-grey-300 {
  background-color: #90A4AE !important;
}

.mui--color-blue-grey-400 {
  color: #78909C !important;
}

.mui--bg-color-blue-grey-400 {
  background-color: #78909C !important;
}

.mui--color-blue-grey-500 {
  color: #607D8B !important;
}

.mui--bg-color-blue-grey-500 {
  background-color: #607D8B !important;
}

.mui--color-blue-grey {
  color: #607D8B !important;
}

.mui--bg-color-blue-grey {
  background-color: #607D8B !important;
}

.mui--color-blue-grey-600 {
  color: #546E7A !important;
}

.mui--bg-color-blue-grey-600 {
  background-color: #546E7A !important;
}

.mui--color-blue-grey-700 {
  color: #455A64 !important;
}

.mui--bg-color-blue-grey-700 {
  background-color: #455A64 !important;
}

.mui--color-blue-grey-800 {
  color: #37474F !important;
}

.mui--bg-color-blue-grey-800 {
  background-color: #37474F !important;
}

.mui--color-blue-grey-900 {
  color: #263238 !important;
}

.mui--bg-color-blue-grey-900 {
  background-color: #263238 !important;
}

.mui--color-black {
  color: #000 !important;
}

.mui--bg-color-black {
  background-color: #000 !important;
}

.mui--color-white {
  color: #FFF !important;
}

.mui--bg-color-white {
  background-color: #FFF !important;
}

.mui--color-black-alpha-12 {
  color: rgba(0, 0, 0, 0.12) !important;
}

.mui--bg-color-black-alpha-12 {
  background-color: rgba(0, 0, 0, 0.12) !important;
}

.mui--color-black-alpha-38 {
  color: rgba(0, 0, 0, 0.38) !important;
}

.mui--bg-color-black-alpha-38 {
  background-color: rgba(0, 0, 0, 0.38) !important;
}

.mui--color-black-alpha-54 {
  color: rgba(0, 0, 0, 0.54) !important;
}

.mui--bg-color-black-alpha-54 {
  background-color: rgba(0, 0, 0, 0.54) !important;
}

.mui--color-black-alpha-87 {
  color: rgba(0, 0, 0, 0.87) !important;
}

.mui--bg-color-black-alpha-87 {
  background-color: rgba(0, 0, 0, 0.87) !important;
}

.mui--color-white-alpha-12 {
  color: rgba(255, 255, 255, 0.12) !important;
}

.mui--bg-color-white-alpha-12 {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

.mui--color-white-alpha-30 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.mui--bg-color-white-alpha-30 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.mui--color-white-alpha-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.mui--bg-color-white-alpha-70 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.dt--dialog-overlay {
  width: 100%;
  height: 100%;
  text-align: center;
}

.dt--dialog {
  display: inline-block;
  margin: 100px auto;
  background-color: white;
  box-shadow: 2px 2px 5px #444;
}

.dt--dialog-content {
  text-align: left;
  padding: 1em;
}

.dt--toast {
  z-index: 10;
  position: fixed;
  bottom: 0;
  width: 100%;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  -webkit-transition: height 150ms ease-in-out;
  -moz-transition: height 150ms ease-in-out;
  -ms-transition: height 150ms ease-in-out;
  -o-transition: height 150ms ease-in-out;
  transition: height 150ms ease-in-out;
}
.dt--toast.success {
  background: rgba(0, 230, 118, 0.25);
}
.dt--toast.error {
  background: rgba(255, 0, 0, 0.17);
}
.dt--toast.active-false {
  height: 0;
}
.dt--toast.active-true {
  height: 60px;
}
.dt--toast button {
  background: #fefefe;
  position: absolute;
  top: 8px;
  right: 12px;
}
.dt--toast button, .dt--toast button:hover {
  color: gray;
}
.dt--toast button:hover {
  background: #f0f0f0;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
 * MUI Colors module
 */
/**
 * MUI Reboot
 */
* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: Roboto Condensed, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.429;
  color: rgba(0, 0, 0, 0.87);
  background-color: #ddd;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #0154a4;
  text-decoration: none;
}
a:hover, a:focus {
  color: #1976D2;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

p {
  margin: 0 0 10px;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
  font-size: 21px;
  color: rgba(0, 0, 0, 0.87);
  line-height: inherit;
  border: 0;
}

input[type=search] {
  box-sizing: border-box;
  -webkit-appearance: none;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type=radio]:disabled,
input[type=checkbox]:disabled {
  cursor: not-allowed;
}

strong {
  font-weight: 700;
}

abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #0154a4;
}

h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h4, h5, h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

/**
 * MUI Appbar
 */
.mui--appbar-height {
  height: 56px;
}

.mui--appbar-min-height, .mui-appbar {
  min-height: 56px;
}

.mui--appbar-line-height {
  line-height: 56px;
}

.mui--appbar-top {
  top: 56px;
}

@media (orientation: landscape) and (max-height: 480px) {
  .mui--appbar-height {
    height: 48px;
  }
  .mui--appbar-min-height, .mui-appbar {
    min-height: 48px;
  }
  .mui--appbar-line-height {
    line-height: 48px;
  }
  .mui--appbar-top {
    top: 48px;
  }
}
@media (min-width: 480px) {
  .mui--appbar-height {
    height: 7rem;
  }
  .mui--appbar-min-height, .mui-appbar {
    min-height: 7rem;
  }
  .mui--appbar-line-height {
    line-height: 7rem;
  }
  .mui--appbar-top {
    top: 7rem;
  }
}
.mui-appbar {
  background-color: #0154a4;
  color: #FFF;
}

/**
 * MUI Buttons
 */
.mui-btn {
  animation-duration: 0.0001s;
  animation-name: mui-node-inserted;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.87);
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  height: 36px;
  padding: 0 14px;
  margin-top: 6px;
  margin-bottom: 6px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  touch-action: manipulation;
  background-image: none;
  text-align: center;
  line-height: 36px;
  vertical-align: middle;
  white-space: nowrap;
  user-select: none;
  font-size: 14px;
  letter-spacing: 0.03em;
  position: relative;
  overflow: hidden;
}
.mui-btn:hover, .mui-btn:focus, .mui-btn:active {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mui-btn[disabled]:hover, .mui-btn[disabled]:focus, .mui-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.87);
  background-color: #FFF;
}
.mui-btn.mui-btn--flat {
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
}
.mui-btn.mui-btn--flat:hover, .mui-btn.mui-btn--flat:focus, .mui-btn.mui-btn--flat:active {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgb(242.25, 242.25, 242.25);
}
.mui-btn.mui-btn--flat[disabled]:hover, .mui-btn.mui-btn--flat[disabled]:focus, .mui-btn.mui-btn--flat[disabled]:active {
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
}
.mui-btn:hover, .mui-btn:focus, .mui-btn:active {
  outline: 0;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
}
.mui-btn:hover, .mui-btn:focus {
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mui-btn:hover, .mui-btn:focus {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
}
.mui-btn:active:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mui-btn:active:hover {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  }
}
.mui-btn:disabled, .mui-btn.mui--is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
  box-shadow: none;
}

.mui-btn + .mui-btn {
  margin-left: 8px;
}

.mui-btn--flat {
  background-color: transparent;
}
.mui-btn--flat:hover, .mui-btn--flat:focus, .mui-btn--flat:active, .mui-btn--flat:active:hover {
  box-shadow: none;
  background-color: rgb(242.25, 242.25, 242.25);
}

.mui-btn--raised, .mui-btn--fab {
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mui-btn--raised, .mui-btn--fab {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
}
.mui-btn--raised:active, .mui-btn--fab:active {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mui-btn--raised:active, .mui-btn--fab:active {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  }
}

.mui-btn--fab {
  position: relative;
  padding: 0;
  width: 55px;
  height: 55px;
  line-height: 55px;
  border-radius: 50%;
  z-index: 1;
}

.mui-btn--primary {
  color: #FFF;
  background-color: #0154a4;
}
.mui-btn--primary:hover, .mui-btn--primary:focus, .mui-btn--primary:active {
  color: #FFF;
  background-color: rgb(1.1545454545, 96.9818181818, 189.3454545455);
}
.mui-btn--primary[disabled]:hover, .mui-btn--primary[disabled]:focus, .mui-btn--primary[disabled]:active {
  color: #FFF;
  background-color: #0154a4;
}
.mui-btn--primary.mui-btn--flat {
  color: #0154a4;
  background-color: transparent;
}
.mui-btn--primary.mui-btn--flat:hover, .mui-btn--primary.mui-btn--flat:focus, .mui-btn--primary.mui-btn--flat:active {
  color: #0154a4;
  background-color: rgb(242.25, 242.25, 242.25);
}
.mui-btn--primary.mui-btn--flat[disabled]:hover, .mui-btn--primary.mui-btn--flat[disabled]:focus, .mui-btn--primary.mui-btn--flat[disabled]:active {
  color: #0154a4;
  background-color: transparent;
}

.mui-btn--dark {
  color: #FFF;
  background-color: #424242;
}
.mui-btn--dark:hover, .mui-btn--dark:focus, .mui-btn--dark:active {
  color: #FFF;
  background-color: rgb(78.75, 78.75, 78.75);
}
.mui-btn--dark[disabled]:hover, .mui-btn--dark[disabled]:focus, .mui-btn--dark[disabled]:active {
  color: #FFF;
  background-color: #424242;
}
.mui-btn--dark.mui-btn--flat {
  color: #424242;
  background-color: transparent;
}
.mui-btn--dark.mui-btn--flat:hover, .mui-btn--dark.mui-btn--flat:focus, .mui-btn--dark.mui-btn--flat:active {
  color: #424242;
  background-color: rgb(242.25, 242.25, 242.25);
}
.mui-btn--dark.mui-btn--flat[disabled]:hover, .mui-btn--dark.mui-btn--flat[disabled]:focus, .mui-btn--dark.mui-btn--flat[disabled]:active {
  color: #424242;
  background-color: transparent;
}

.mui-btn--danger {
  color: #FFF;
  background-color: #F44336;
}
.mui-btn--danger:hover, .mui-btn--danger:focus, .mui-btn--danger:active {
  color: #FFF;
  background-color: rgb(245.3231132075, 89.6132075472, 78.1768867925);
}
.mui-btn--danger[disabled]:hover, .mui-btn--danger[disabled]:focus, .mui-btn--danger[disabled]:active {
  color: #FFF;
  background-color: #F44336;
}
.mui-btn--danger.mui-btn--flat {
  color: #F44336;
  background-color: transparent;
}
.mui-btn--danger.mui-btn--flat:hover, .mui-btn--danger.mui-btn--flat:focus, .mui-btn--danger.mui-btn--flat:active {
  color: #F44336;
  background-color: rgb(242.25, 242.25, 242.25);
}
.mui-btn--danger.mui-btn--flat[disabled]:hover, .mui-btn--danger.mui-btn--flat[disabled]:focus, .mui-btn--danger.mui-btn--flat[disabled]:active {
  color: #F44336;
  background-color: transparent;
}

.mui-btn--accent {
  color: #FFF;
  background-color: #FF4081;
}
.mui-btn--accent:hover, .mui-btn--accent:focus, .mui-btn--accent:active {
  color: #FFF;
  background-color: rgb(255, 89.5, 145.8219895288);
}
.mui-btn--accent[disabled]:hover, .mui-btn--accent[disabled]:focus, .mui-btn--accent[disabled]:active {
  color: #FFF;
  background-color: #FF4081;
}
.mui-btn--accent.mui-btn--flat {
  color: #FF4081;
  background-color: transparent;
}
.mui-btn--accent.mui-btn--flat:hover, .mui-btn--accent.mui-btn--flat:focus, .mui-btn--accent.mui-btn--flat:active {
  color: #FF4081;
  background-color: rgb(242.25, 242.25, 242.25);
}
.mui-btn--accent.mui-btn--flat[disabled]:hover, .mui-btn--accent.mui-btn--flat[disabled]:focus, .mui-btn--accent.mui-btn--flat[disabled]:active {
  color: #FF4081;
  background-color: transparent;
}

.mui-btn--small {
  height: 30.6px;
  line-height: 30.6px;
  padding: 0 16px;
  font-size: 13px;
}

.mui-btn--large {
  height: 54px;
  line-height: 54px;
  padding: 0 14px;
  font-size: 14px;
}

.mui-btn--fab.mui-btn--small {
  width: 44px;
  height: 44px;
  line-height: 44px;
}

.mui-btn--fab.mui-btn--large {
  width: 75px;
  height: 75px;
  line-height: 75px;
}

/**
 * MUI Checkboxe and Radio Components
 */
.mui-radio,
.mui-checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.mui-radio > label,
.mui-checkbox > label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.mui-radio > label > input[type=radio],
.mui-radio--inline > label > input[type=radio],
.mui-checkbox > label > input[type=checkbox],
.mui-checkbox--inline > label > input[type=checkbox] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px;
}

.mui-radio + .mui-radio,
.mui-checkbox + .mui-checkbox {
  margin-top: -5px;
}

.mui-radio--inline,
.mui-checkbox--inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.mui-radio--inline > input[type=radio],
.mui-radio--inline > input[type=checkbox],
.mui-radio--inline > label > input[type=radio],
.mui-radio--inline > label > input[type=checkbox],
.mui-checkbox--inline > input[type=radio],
.mui-checkbox--inline > input[type=checkbox],
.mui-checkbox--inline > label > input[type=radio],
.mui-checkbox--inline > label > input[type=checkbox] {
  margin: 4px 0 0;
  line-height: normal;
}

.mui-radio--inline + .mui-radio--inline,
.mui-checkbox--inline + .mui-checkbox--inline {
  margin-top: 0;
  margin-left: 10px;
}

/**
 * MUI Container module
 */
.mui-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px;
}
.mui-container:before, .mui-container:after {
  content: " ";
  display: table;
}
.mui-container:after {
  clear: both;
}
@media (min-width: 544px) {
  .mui-container {
    max-width: 570px;
  }
}
@media (min-width: 768px) {
  .mui-container {
    max-width: 740px;
  }
}
@media (min-width: 992px) {
  .mui-container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .mui-container {
    max-width: 1170px;
  }
}

.mui-container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px;
}
.mui-container-fluid:before, .mui-container-fluid:after {
  content: " ";
  display: table;
}
.mui-container-fluid:after {
  clear: both;
}

/**
 * MUI Divider Component and CSS Helpers
 */
.mui-divider {
  display: block;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}

.mui--divider-top {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.mui--divider-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mui--divider-left {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.mui--divider-right {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

/**
 * MUI Dropdown module
 */
.mui-dropdown {
  display: inline-block;
  position: relative;
}

[data-mui-toggle=dropdown] {
  animation-duration: 0.0001s;
  animation-name: mui-node-inserted;
  outline: 0;
}

.mui-dropdown__menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #FFF;
  border-radius: 2px;
  z-index: 1;
  background-clip: padding-box;
}
.mui-dropdown__menu.mui--is-open {
  display: block;
}
.mui-dropdown__menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.429;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
}
.mui-dropdown__menu > li > a:hover, .mui-dropdown__menu > li > a:focus {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
  background-color: #EEEEEE;
}
.mui-dropdown__menu > .mui--is-disabled > a, .mui-dropdown__menu > .mui--is-disabled > a:hover, .mui-dropdown__menu > .mui--is-disabled > a:focus {
  color: #EEEEEE;
}
.mui-dropdown__menu > .mui--is-disabled > a:hover, .mui-dropdown__menu > .mui--is-disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
}

.mui-dropdown__menu--right {
  left: auto;
  right: 0;
}

/**
 * MUI Form Component
 */
@media (min-width: 544px) {
  .mui-form--inline > .mui-textfield {
    display: inline-block;
    margin-bottom: 0;
  }
  .mui-form--inline > .mui-radio,
  .mui-form--inline > .mui-checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .mui-form--inline > .mui-radio > label,
  .mui-form--inline > .mui-checkbox > label {
    padding-left: 0;
  }
  .mui-form--inline > .mui-radio > label > input[type=radio],
  .mui-form--inline > .mui-checkbox > label > input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .mui-form--inline > .mui-select {
    display: inline-block;
  }
  .mui-form--inline > .mui-btn {
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: bottom;
  }
}

/**
 * MUI Grid module
 */
.mui-row {
  margin-left: -5px;
  margin-right: -5px;
}
.mui-row:before, .mui-row:after {
  content: " ";
  display: table;
}
.mui-row:after {
  clear: both;
}

.mui-col-xs-1, .mui-col-sm-1, .mui-col-md-1, .mui-col-lg-1, .mui-col-xs-2, .mui-col-sm-2, .mui-col-md-2, .mui-col-lg-2, .mui-col-xs-3, .mui-col-sm-3, .mui-col-md-3, .mui-col-lg-3, .mui-col-xs-4, .mui-col-sm-4, .mui-col-md-4, .mui-col-lg-4, .mui-col-xs-5, .mui-col-sm-5, .mui-col-md-5, .mui-col-lg-5, .mui-col-xs-6, .mui-col-sm-6, .mui-col-md-6, .mui-col-lg-6, .mui-col-xs-7, .mui-col-sm-7, .mui-col-md-7, .mui-col-lg-7, .mui-col-xs-8, .mui-col-sm-8, .mui-col-md-8, .mui-col-lg-8, .mui-col-xs-9, .mui-col-sm-9, .mui-col-md-9, .mui-col-lg-9, .mui-col-xs-10, .mui-col-sm-10, .mui-col-md-10, .mui-col-lg-10, .mui-col-xs-11, .mui-col-sm-11, .mui-col-md-11, .mui-col-lg-11, .mui-col-xs-12, .mui-col-sm-12, .mui-col-md-12, .mui-col-lg-12 {
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

.mui-col-xs-1, .mui-col-xs-2, .mui-col-xs-3, .mui-col-xs-4, .mui-col-xs-5, .mui-col-xs-6, .mui-col-xs-7, .mui-col-xs-8, .mui-col-xs-9, .mui-col-xs-10, .mui-col-xs-11, .mui-col-xs-12 {
  float: left;
}

.mui-col-xs-1 {
  width: 8.3333333333%;
}

.mui-col-xs-2 {
  width: 16.6666666667%;
}

.mui-col-xs-3 {
  width: 25%;
}

.mui-col-xs-4 {
  width: 33.3333333333%;
}

.mui-col-xs-5 {
  width: 41.6666666667%;
}

.mui-col-xs-6 {
  width: 50%;
}

.mui-col-xs-7 {
  width: 58.3333333333%;
}

.mui-col-xs-8 {
  width: 66.6666666667%;
}

.mui-col-xs-9 {
  width: 75%;
}

.mui-col-xs-10 {
  width: 83.3333333333%;
}

.mui-col-xs-11 {
  width: 91.6666666667%;
}

.mui-col-xs-12 {
  width: 100%;
}

.mui-col-xs-offset-0 {
  margin-left: 0%;
}

.mui-col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.mui-col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.mui-col-xs-offset-3 {
  margin-left: 25%;
}

.mui-col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.mui-col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.mui-col-xs-offset-6 {
  margin-left: 50%;
}

.mui-col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.mui-col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.mui-col-xs-offset-9 {
  margin-left: 75%;
}

.mui-col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.mui-col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.mui-col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 544px) {
  .mui-col-sm-1, .mui-col-sm-2, .mui-col-sm-3, .mui-col-sm-4, .mui-col-sm-5, .mui-col-sm-6, .mui-col-sm-7, .mui-col-sm-8, .mui-col-sm-9, .mui-col-sm-10, .mui-col-sm-11, .mui-col-sm-12 {
    float: left;
  }
  .mui-col-sm-1 {
    width: 8.3333333333%;
  }
  .mui-col-sm-2 {
    width: 16.6666666667%;
  }
  .mui-col-sm-3 {
    width: 25%;
  }
  .mui-col-sm-4 {
    width: 33.3333333333%;
  }
  .mui-col-sm-5 {
    width: 41.6666666667%;
  }
  .mui-col-sm-6 {
    width: 50%;
  }
  .mui-col-sm-7 {
    width: 58.3333333333%;
  }
  .mui-col-sm-8 {
    width: 66.6666666667%;
  }
  .mui-col-sm-9 {
    width: 75%;
  }
  .mui-col-sm-10 {
    width: 83.3333333333%;
  }
  .mui-col-sm-11 {
    width: 91.6666666667%;
  }
  .mui-col-sm-12 {
    width: 100%;
  }
  .mui-col-sm-offset-0 {
    margin-left: 0%;
  }
  .mui-col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .mui-col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .mui-col-sm-offset-3 {
    margin-left: 25%;
  }
  .mui-col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .mui-col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .mui-col-sm-offset-6 {
    margin-left: 50%;
  }
  .mui-col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .mui-col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .mui-col-sm-offset-9 {
    margin-left: 75%;
  }
  .mui-col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .mui-col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .mui-col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .mui-col-md-1, .mui-col-md-2, .mui-col-md-3, .mui-col-md-4, .mui-col-md-5, .mui-col-md-6, .mui-col-md-7, .mui-col-md-8, .mui-col-md-9, .mui-col-md-10, .mui-col-md-11, .mui-col-md-12 {
    float: left;
  }
  .mui-col-md-1 {
    width: 8.3333333333%;
  }
  .mui-col-md-2 {
    width: 16.6666666667%;
  }
  .mui-col-md-3 {
    width: 25%;
  }
  .mui-col-md-4 {
    width: 33.3333333333%;
  }
  .mui-col-md-5 {
    width: 41.6666666667%;
  }
  .mui-col-md-6 {
    width: 50%;
  }
  .mui-col-md-7 {
    width: 58.3333333333%;
  }
  .mui-col-md-8 {
    width: 66.6666666667%;
  }
  .mui-col-md-9 {
    width: 75%;
  }
  .mui-col-md-10 {
    width: 83.3333333333%;
  }
  .mui-col-md-11 {
    width: 91.6666666667%;
  }
  .mui-col-md-12 {
    width: 100%;
  }
  .mui-col-md-offset-0 {
    margin-left: 0%;
  }
  .mui-col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .mui-col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .mui-col-md-offset-3 {
    margin-left: 25%;
  }
  .mui-col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .mui-col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .mui-col-md-offset-6 {
    margin-left: 50%;
  }
  .mui-col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .mui-col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .mui-col-md-offset-9 {
    margin-left: 75%;
  }
  .mui-col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .mui-col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .mui-col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .mui-col-lg-1, .mui-col-lg-2, .mui-col-lg-3, .mui-col-lg-4, .mui-col-lg-5, .mui-col-lg-6, .mui-col-lg-7, .mui-col-lg-8, .mui-col-lg-9, .mui-col-lg-10, .mui-col-lg-11, .mui-col-lg-12 {
    float: left;
  }
  .mui-col-lg-1 {
    width: 8.3333333333%;
  }
  .mui-col-lg-2 {
    width: 16.6666666667%;
  }
  .mui-col-lg-3 {
    width: 25%;
  }
  .mui-col-lg-4 {
    width: 33.3333333333%;
  }
  .mui-col-lg-5 {
    width: 41.6666666667%;
  }
  .mui-col-lg-6 {
    width: 50%;
  }
  .mui-col-lg-7 {
    width: 58.3333333333%;
  }
  .mui-col-lg-8 {
    width: 66.6666666667%;
  }
  .mui-col-lg-9 {
    width: 75%;
  }
  .mui-col-lg-10 {
    width: 83.3333333333%;
  }
  .mui-col-lg-11 {
    width: 91.6666666667%;
  }
  .mui-col-lg-12 {
    width: 100%;
  }
  .mui-col-lg-offset-0 {
    margin-left: 0%;
  }
  .mui-col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .mui-col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .mui-col-lg-offset-3 {
    margin-left: 25%;
  }
  .mui-col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .mui-col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .mui-col-lg-offset-6 {
    margin-left: 50%;
  }
  .mui-col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .mui-col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .mui-col-lg-offset-9 {
    margin-left: 75%;
  }
  .mui-col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .mui-col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .mui-col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .mui-col-xl-1, .mui-col-xl-2, .mui-col-xl-3, .mui-col-xl-4, .mui-col-xl-5, .mui-col-xl-6, .mui-col-xl-7, .mui-col-xl-8, .mui-col-xl-9, .mui-col-xl-10, .mui-col-xl-11, .mui-col-xl-12 {
    float: left;
  }
  .mui-col-xl-1 {
    width: 8.3333333333%;
  }
  .mui-col-xl-2 {
    width: 16.6666666667%;
  }
  .mui-col-xl-3 {
    width: 25%;
  }
  .mui-col-xl-4 {
    width: 33.3333333333%;
  }
  .mui-col-xl-5 {
    width: 41.6666666667%;
  }
  .mui-col-xl-6 {
    width: 50%;
  }
  .mui-col-xl-7 {
    width: 58.3333333333%;
  }
  .mui-col-xl-8 {
    width: 66.6666666667%;
  }
  .mui-col-xl-9 {
    width: 75%;
  }
  .mui-col-xl-10 {
    width: 83.3333333333%;
  }
  .mui-col-xl-11 {
    width: 91.6666666667%;
  }
  .mui-col-xl-12 {
    width: 100%;
  }
  .mui-col-xl-offset-0 {
    margin-left: 0%;
  }
  .mui-col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .mui-col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .mui-col-xl-offset-3 {
    margin-left: 25%;
  }
  .mui-col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .mui-col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .mui-col-xl-offset-6 {
    margin-left: 50%;
  }
  .mui-col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .mui-col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .mui-col-xl-offset-9 {
    margin-left: 75%;
  }
  .mui-col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .mui-col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .mui-col-xl-offset-12 {
    margin-left: 100%;
  }
}
/**
 * MUI Panel module
 */
.mui-panel {
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 0;
  background-color: #FFF;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0px 2px 0 rgba(0, 0, 0, 0.12);
}
.mui-panel:before, .mui-panel:after {
  content: " ";
  display: table;
}
.mui-panel:after {
  clear: both;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mui-panel {
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.12), -1px 0px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0px 2px 0 rgba(0, 0, 0, 0.12);
  }
}

/**
 * MUI Select Component
 */
.mui-select {
  display: block;
  padding-top: 15px;
  margin-bottom: 16px;
  position: relative;
}
.mui-select:focus {
  outline: 0;
}
.mui-select:focus > select {
  height: 33px;
  margin-bottom: -1px;
  border-color: #0154a4;
  border-width: 2px;
}
.mui-select > select {
  animation-duration: 0.0001s;
  animation-name: mui-node-inserted;
  display: block;
  height: 32px;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 0px;
  box-shadow: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
  padding: 0 25px 0 0;
}
.mui-select > select::-ms-expand {
  display: none;
}
.mui-select > select:focus {
  outline: 0;
  height: 33px;
  margin-bottom: -1px;
  border-color: #0154a4;
  border-width: 2px;
}
.mui-select > select:disabled {
  color: rgba(0, 0, 0, 0.38);
  cursor: not-allowed;
  background-color: transparent;
  opacity: 1;
}
.mui-select > label {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mui-select:focus > label,
.mui-select > select:focus ~ label {
  color: #0154a4;
}

.mui-select__menu {
  position: absolute;
  z-index: 2;
  min-width: 100%;
  overflow-y: auto;
  padding: 8px 0;
  background-color: #FFF;
  font-size: 16px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mui-select__menu {
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }
}
.mui-select__menu > div {
  padding: 0 22px;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  white-space: nowrap;
}
.mui-select__menu > div.mui--is-selected {
  background-color: #EEEEEE;
}
.mui-select__menu > div:not(.mui-optgroup__label):hover {
  background-color: #E0E0E0;
}

.mui-optgroup__option {
  text-indent: 1em;
}

.mui-optgroup__label {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.9em;
}

/**
 * MUI Table Component
 */
th {
  text-align: left;
}

.mui-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.mui-table > thead > tr > th,
.mui-table > thead > tr > td,
.mui-table > tbody > tr > th,
.mui-table > tbody > tr > td,
.mui-table > tfoot > tr > th,
.mui-table > tfoot > tr > td {
  padding: 4px;
  line-height: 1.429;
}
.mui-table > thead > tr > th {
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  font-weight: 700;
}
.mui-table > tbody + tbody {
  border-top: 2px solid rgba(0, 0, 0, 0.12);
}
.mui-table.mui-table--bordered > tbody > tr > td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/**
 * MUI Tabs module
 */
.mui-tabs__bar {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  background-color: transparent;
  white-space: nowrap;
  overflow-x: auto;
}
.mui-tabs__bar > li {
  display: inline-block;
}
.mui-tabs__bar > li > a {
  display: block;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  cursor: default;
  height: 48px;
  line-height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  user-select: none;
}
.mui-tabs__bar > li > a:hover {
  text-decoration: none;
}
.mui-tabs__bar > li.mui--is-active {
  border-bottom: 2px solid #0154a4;
}
.mui-tabs__bar > li.mui--is-active > a {
  color: #0154a4;
}
.mui-tabs__bar.mui-tabs__bar--justified {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.mui-tabs__bar.mui-tabs__bar--justified > li {
  display: table-cell;
}
.mui-tabs__bar.mui-tabs__bar--justified > li > a {
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
}

.mui-tabs__pane {
  display: none;
}
.mui-tabs__pane.mui--is-active {
  display: block;
}

[data-mui-toggle=tab] {
  animation-duration: 0.0001s;
  animation-name: mui-node-inserted;
}

/**
 * MUI Textfield Component
 */
.mui-textfield {
  display: block;
  padding-top: 15px;
  margin-bottom: 16px;
  position: relative;
}
.mui-textfield > label {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mui-textfield > textarea {
  padding-top: 5px;
}
.mui-textfield > input,
.mui-textfield > textarea {
  display: block;
}
.mui-textfield > input:focus ~ label,
.mui-textfield > textarea:focus ~ label {
  color: #0154a4;
}

.mui-textfield--float-label > label {
  position: absolute;
  transform: translate(0px, 15px);
  font-size: 16px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.26);
  text-overflow: clip;
  cursor: text;
  pointer-events: none;
}
.mui-textfield--float-label > input:focus ~ label,
.mui-textfield--float-label > textarea:focus ~ label {
  transform: translate(0px, 0px);
  font-size: 12px;
  line-height: 15px;
  text-overflow: ellipsis;
}
.mui-textfield--float-label > input:not(:focus).mui--is-not-empty ~ label, .mui-textfield--float-label > input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, .mui-textfield--float-label > input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,
.mui-textfield--float-label > textarea:not(:focus).mui--is-not-empty ~ label,
.mui-textfield--float-label > textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,
.mui-textfield--float-label > textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 15px;
  transform: translate(0px, 0px);
  text-overflow: ellipsis;
}

.mui-textfield--wrap-label {
  display: table;
  width: 100%;
  padding-top: 0px;
}
.mui-textfield--wrap-label:not(.mui-textfield--float-label) > label {
  display: table-header-group;
  position: static;
  white-space: normal;
  overflow-x: visible;
}

.mui-textfield > input,
.mui-textfield > textarea {
  animation-duration: 0.0001s;
  animation-name: mui-node-inserted;
  display: block;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
  outline: none;
  width: 100%;
  font-size: 16px;
  padding: 0;
  box-shadow: none;
  border-radius: 0px;
  background-image: none;
}
.mui-textfield > input:focus,
.mui-textfield > textarea:focus {
  border-color: #0154a4;
  border-width: 2px;
}
.mui-textfield > input:disabled, .mui-textfield > input:read-only,
.mui-textfield > textarea:disabled,
.mui-textfield > textarea:read-only {
  cursor: not-allowed;
  background-color: transparent;
  opacity: 1;
}
.mui-textfield > input::placeholder,
.mui-textfield > textarea::placeholder {
  color: rgba(0, 0, 0, 0.26);
  opacity: 1;
}

.mui-textfield > input {
  height: 32px;
}
.mui-textfield > input:focus {
  height: 33px;
  margin-bottom: -1px;
}

.mui-textfield > textarea {
  min-height: 64px;
}
.mui-textfield > textarea[rows]:not([rows="2"]):focus {
  margin-bottom: -1px;
}

.mui-textfield > input:focus {
  height: 33px;
  margin-bottom: -1px;
}

.mui-textfield > input:invalid:not(:focus):not(:required), .mui-textfield > input:invalid:not(:focus):required.mui--is-not-empty, .mui-textfield > input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty, .mui-textfield > input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > textarea:invalid:not(:focus):not(:required),
.mui-textfield > textarea:invalid:not(:focus):required.mui--is-not-empty,
.mui-textfield > textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty,
.mui-textfield > textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > input:not(:focus).mui--is-invalid:not(:required),
.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-not-empty,
.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,
.mui-textfield > input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > textarea:not(:focus).mui--is-invalid:not(:required),
.mui-textfield > textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty,
.mui-textfield > textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,
.mui-textfield > textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) {
  border-color: #F44336;
  border-width: 2px;
}

.mui-textfield > input:invalid:not(:focus):not(:required), .mui-textfield > input:invalid:not(:focus):required.mui--is-not-empty, .mui-textfield > input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty, .mui-textfield > input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > input:not(:focus).mui--is-invalid:not(:required),
.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-not-empty,
.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,
.mui-textfield > input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) {
  height: 33px;
  margin-bottom: -1px;
}

.mui-textfield > input:invalid:not(:focus):not(:required) ~ label, .mui-textfield > input:invalid:not(:focus):required.mui--is-not-empty ~ label, .mui-textfield > input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, .mui-textfield > input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,
.mui-textfield > textarea:invalid:not(:focus):not(:required) ~ label,
.mui-textfield > textarea:invalid:not(:focus):required.mui--is-not-empty ~ label,
.mui-textfield > textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,
.mui-textfield > textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,
.mui-textfield > input:not(:focus).mui--is-invalid:not(:required) ~ label,
.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label,
.mui-textfield > input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,
.mui-textfield > input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,
.mui-textfield > textarea:not(:focus).mui--is-invalid:not(:required) ~ label,
.mui-textfield > textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label,
.mui-textfield > textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,
.mui-textfield > textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label {
  color: #F44336;
}

.mui-textfield:not(.mui-textfield--float-label) > input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label,
.mui-textfield:not(.mui-textfield--float-label) > textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label,
.mui-textfield:not(.mui-textfield--float-label) > input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label,
.mui-textfield:not(.mui-textfield--float-label) > textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label {
  color: #F44336;
}

/**
 * MUI Helpers module
 */
@keyframes mui-node-inserted {
  from {
    opacity: 0.99;
  }
  to {
    opacity: 1;
  }
}
.mui--no-transition {
  transition: none !important;
}

.mui--no-user-select {
  user-select: none;
}

.mui-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.mui--text-left {
  text-align: left !important;
}

.mui--text-right {
  text-align: right !important;
}

.mui--text-center {
  text-align: center !important;
}

.mui--text-justify {
  text-align: justify !important;
}

.mui--text-nowrap {
  white-space: nowrap !important;
}

.mui--align-baseline {
  vertical-align: baseline !important;
}

.mui--align-top {
  vertical-align: top !important;
}

.mui--align-middle {
  vertical-align: middle !important;
}

.mui--align-bottom {
  vertical-align: bottom !important;
}

.mui--text-dark {
  color: rgba(0, 0, 0, 0.87);
}

.mui--text-dark-secondary {
  color: rgba(0, 0, 0, 0.54);
}

.mui--text-dark-hint {
  color: rgba(0, 0, 0, 0.38);
}

.mui--text-light {
  color: #FFF;
}

.mui--text-light-secondary {
  color: rgba(255, 255, 255, 0.7);
}

.mui--text-light-hint {
  color: rgba(255, 255, 255, 0.3);
}

.mui--text-accent {
  color: rgba(255, 64, 129, 0.87);
}

.mui--text-accent-secondary {
  color: rgba(255, 64, 129, 0.54);
}

.mui--text-accent-hint {
  color: rgba(255, 64, 129, 0.38);
}

.mui--text-black {
  color: #000;
}

.mui--text-white {
  color: #FFF;
}

.mui--text-danger {
  color: #F44336;
}

.mui--bg-primary {
  background-color: #0154a4;
}

.mui--bg-primary-dark {
  background-color: #1976D2;
}

.mui--bg-primary-light {
  background-color: #BBDEFB;
}

.mui--bg-accent {
  background-color: #FF4081;
}

.mui--bg-accent-dark {
  background-color: #F50057;
}

.mui--bg-accent-light {
  background-color: #FF80AB;
}

.mui--bg-danger {
  background-color: #F44336;
}

.mui-list--unstyled {
  padding-left: 0;
  list-style: none;
}

.mui-list--inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.mui-list--inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.mui--z1, .mui-dropdown__menu, .mui-select__menu {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.mui--z2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.mui--z3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.mui--z4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.mui--z5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.mui--clearfix:before, .mui--clearfix:after {
  content: " ";
  display: table;
}
.mui--clearfix:after {
  clear: both;
}

.mui--pull-right {
  float: right !important;
}

.mui--pull-left {
  float: left !important;
}

.mui--hide {
  display: none !important;
}

.mui--show {
  display: block !important;
}

.mui--invisible {
  visibility: hidden;
}

.mui--overflow-hidden {
  overflow: hidden !important;
}

.mui--overflow-hidden-x {
  overflow-x: hidden !important;
}

.mui--overflow-hidden-y {
  overflow-y: hidden !important;
}

.mui--visible-xs-block,
.mui--visible-xs-inline,
.mui--visible-xs-inline-block,
.mui--visible-sm-block,
.mui--visible-sm-inline,
.mui--visible-sm-inline-block,
.mui--visible-md-block,
.mui--visible-md-inline,
.mui--visible-md-inline-block,
.mui--visible-lg-block,
.mui--visible-lg-inline,
.mui--visible-lg-inline-block,
.mui--visible-xl-block,
.mui--visible-xl-inline,
.mui--visible-xl-inline-block {
  display: none !important;
}

@media (max-width: 543px) {
  .mui-visible-xs {
    display: block !important;
  }
  table.mui-visible-xs {
    display: table;
  }
  tr.mui-visible-xs {
    display: table-row !important;
  }
  th.mui-visible-xs,
  td.mui-visible-xs {
    display: table-cell !important;
  }
  .mui--visible-xs-block {
    display: block !important;
  }
  .mui--visible-xs-inline {
    display: inline !important;
  }
  .mui--visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 544px) and (max-width: 767px) {
  .mui-visible-sm {
    display: block !important;
  }
  table.mui-visible-sm {
    display: table;
  }
  tr.mui-visible-sm {
    display: table-row !important;
  }
  th.mui-visible-sm,
  td.mui-visible-sm {
    display: table-cell !important;
  }
  .mui--visible-sm-block {
    display: block !important;
  }
  .mui--visible-sm-inline {
    display: inline !important;
  }
  .mui--visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mui-visible-md {
    display: block !important;
  }
  table.mui-visible-md {
    display: table;
  }
  tr.mui-visible-md {
    display: table-row !important;
  }
  th.mui-visible-md,
  td.mui-visible-md {
    display: table-cell !important;
  }
  .mui--visible-md-block {
    display: block !important;
  }
  .mui--visible-md-inline {
    display: inline !important;
  }
  .mui--visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mui-visible-lg {
    display: block !important;
  }
  table.mui-visible-lg {
    display: table;
  }
  tr.mui-visible-lg {
    display: table-row !important;
  }
  th.mui-visible-lg,
  td.mui-visible-lg {
    display: table-cell !important;
  }
  .mui--visible-lg-block {
    display: block !important;
  }
  .mui--visible-lg-inline {
    display: inline !important;
  }
  .mui--visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .mui-visible-xl {
    display: block !important;
  }
  table.mui-visible-xl {
    display: table;
  }
  tr.mui-visible-xl {
    display: table-row !important;
  }
  th.mui-visible-xl,
  td.mui-visible-xl {
    display: table-cell !important;
  }
  .mui--visible-xl-block {
    display: block !important;
  }
  .mui--visible-xl-inline {
    display: inline !important;
  }
  .mui--visible-xl-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 543px) {
  .mui--hidden-xs {
    display: none !important;
  }
}
@media (min-width: 544px) and (max-width: 767px) {
  .mui--hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mui--hidden-md {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mui--hidden-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .mui--hidden-xl {
    display: none !important;
  }
}
body.mui-body--scroll-lock {
  overflow: hidden !important;
}

/**
 * MUI Overlay module
 */
#mui-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999;
  background-color: rgba(0, 0, 0, 0.2);
  overflow: auto;
}

/**
 * MUI Ripple module
 */
.mui-ripple-effect {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0.4;
  transform: scale(0.0001);
}
.mui-ripple-effect.mui--animate-in {
  opacity: 0;
  transform: scale(1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
}
.mui-ripple-effect.mui--active {
  opacity: 0.3;
}
.mui-ripple-effect.mui--animate-out {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
}

.mui-btn > .mui-ripple-effect {
  background-color: rgb(165.75, 165.75, 165.75);
}

.mui-btn--primary > .mui-ripple-effect {
  background-color: #FFF;
}

.mui-btn--dark > .mui-ripple-effect {
  background-color: #FFF;
}

.mui-btn--danger > .mui-ripple-effect {
  background-color: #FFF;
}

.mui-btn--accent > .mui-ripple-effect {
  background-color: #FFF;
}

.mui-btn--flat > .mui-ripple-effect {
  background-color: rgb(165.75, 165.75, 165.75);
}

/**
 * MUI Typography module
 */
.mui--text-display4 {
  font-weight: 300;
  font-size: 112px;
  line-height: 112px;
}

.mui--text-display3 {
  font-weight: 400;
  font-size: 56px;
  line-height: 56px;
}

.mui--text-display2 {
  font-weight: 400;
  font-size: 45px;
  line-height: 48px;
}

.mui--text-display1, h1 {
  font-weight: 400;
  font-size: 34px;
  line-height: 40px;
}

.mui--text-headline, h2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
}

.mui--text-title, h3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
}

.mui--text-subhead, h4 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.mui--text-body2, h5 {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}

.mui--text-body1 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.mui--text-caption {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

.mui--text-menu {
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
}

.mui--text-button {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}

.mui-panel {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
}

.mui-table {
  background-color: white;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
  margin-bottom: 0;
}
.mui-table.mui-table--bordered > tbody > tr > td {
  border: 1px solid #ddd;
}
.mui-table tr:hover {
  background-color: rgb(216.2363636364, 235.8545454545, 254.7636363636);
}

.mui-select select {
  padding: 0 1rem 0 0;
}
.mui-select .mui-select__menu div {
  height: 3rem;
  line-height: 3rem;
}

.mui-checkbox.disabled, .mui-checkbox .disabled, .mui-btn.disabled, .mui-btn .disabled {
  color: rgba(0, 0, 0, 0.38);
  cursor: not-allowed;
  background-color: transparent;
}

.mui-radio--inline > label > input[type=radio],
.mui-radio--inline > label > input[type=checkbox] {
  margin-left: -20px;
  margin-right: 4px;
  position: static;
}

.hidden {
  display: none;
}

.debug {
  color: #666;
}
.debug legend {
  margin-bottom: 0.2rem;
  color: #666;
}

.access-denied {
  color: red;
}

body {
  font-family: Roboto Condensed, sans-serif;
  min-height: 100%;
  padding: 0;
  margin: 0;
}

table .select-list {
  padding: 0;
  margin: 0;
}

.mui-btn--tiny {
  font-size: 11px;
  height: 21.6px;
  line-height: 21.6px;
  padding: 0 14px;
}

.mui-btn.mui-btn--raised:not(.mui-btn--primary), .mui-btn.mui-btn--fab:not(.mui-btn--primary) {
  background-color: rgb(216.2363636364, 235.8545454545, 254.7636363636);
}
.mui-btn.mui-btn--raised:not(.mui-btn--primary):hover, .mui-btn.mui-btn--fab:not(.mui-btn--primary):hover {
  background-color: rgb(165.5454545455, 210.8181818182, 254.4545454545);
}

.bfn__app {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.bfn__app .no-tenant {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
}

.bfn__page {
  position: fixed;
  top: 7rem;
  bottom: 0;
  left: 0;
  right: 0;
}

.bfn__tabbed-page {
  position: fixed;
  top: 11.4rem;
  bottom: 0;
  left: 0;
  right: 0;
}

.bfn__app-blocked {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bfn__app-blocked div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 200px;
  color: grey;
}

.announcement-index .table-container {
  height: calc(100vh - 6rem);
  overflow-y: auto;
  overflow-x: hidden;
}
.announcement-index .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.announcement-index .table-container table td.id {
  width: 12rem;
}
.announcement-index .table-container table td.id span.actions {
  color: #444;
  float: right;
}
.announcement-index .table-container table td.id span.actions .delete {
  cursor: pointer;
  margin-left: 0.5rem;
  margin-right: 1rem;
}
.announcement-index .table-container table td.id span.actions .edit {
  cursor: pointer;
}
.announcement-index .table-container table td.editing-status {
  width: 12rem;
}
.announcement-index .table-container table td.editing-status.published {
  color: red;
  font-weight: bold;
}
.announcement-index .table-container table td.editing-status.in-progress {
  color: green;
  font-weight: bold;
}
.announcement-index .table-container table td.timestamp {
  width: 12rem;
}
.announcement-index .table-container table td.message.published {
  font-weight: bold;
}
.announcement-index .table-container table td.message.done {
  color: #888;
}

.dialog.show-announcements table td.timestamp {
  width: 12rem;
}
.dialog.show-announcements table td.message {
  font-size: 2rem;
  width: 80rem;
}

.navigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.navigation .titlebar {
  padding: 1rem 0 1rem 2rem;
  background-color: white;
}
.navigation .titlebar .title {
  font-size: 3rem;
  height: 4rem;
  width: calc(100% - 44rem);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.navigation .mainnav {
  padding: 2rem 0 2rem 2rem;
  background: blue;
  z-index: 10;
  font-size: 16px;
  width: 100%;
  height: 4.4rem;
  padding-top: 7px;
  background-image: linear-gradient(to bottom, #0154a4, #004e95, #034987, #084378, #0e3d6a);
  margin-bottom: 1rem;
}
.navigation .mainnav .titles {
  padding-left: 1.6rem;
}
.navigation .mainnav .titles .title {
  margin-left: 1rem;
}
.navigation .home .fa {
  font-size: 3rem;
  color: black;
}
.navigation .announcement-info {
  display: inline-block;
  font-size: 2.5rem;
  color: white;
  background-color: red;
  padding-left: 12px;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  border-radius: 50%;
  cursor: pointer;
}
.navigation .userinfo {
  display: inline;
  margin-top: 1rem;
  position: absolute;
  top: 1rem;
  right: 10rem;
}
.navigation .logo {
  position: absolute;
  top: 0;
  right: 0;
  margin-left: 1rem;
  padding: 1rem;
  padding-right: 2rem;
  z-index: 0;
}

.tabnav .titles {
  list-style-type: none;
  white-space: nowrap;
  padding-top: 1rem;
  padding-left: 0;
  margin-bottom: 0;
  color: #303030;
}
.tabnav .titles .title {
  height: 3.4rem;
  display: inline;
  border-radius: 1rem 1rem 0 0;
  background-color: rgb(216.2363636364, 235.8545454545, 254.7636363636);
  margin-left: 0.5rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  padding-top: 0.8rem;
  padding-bottom: 0.7rem;
}
.tabnav .titles .title .title-text {
  height: 1.9rem;
}
.tabnav .titles .title.disabled {
  color: #666;
}
.tabnav .titles .title.enabled {
  cursor: pointer;
}
.tabnav .titles .title.enabled a {
  color: rgb(0.3818181818, 32.0727272727, 62.6181818182);
}
.tabnav .titles .title.current {
  color: rgb(0.3818181818, 32.0727272727, 62.6181818182);
  background-color: #ddd;
  font-weight: 500;
}

.bfn__empty-tabs {
  width: 100%;
  background-color: #0154a4;
  height: 4px;
  z-index: 1;
}

.bfn__tabs {
  font-size: 16px;
  width: 100%;
  height: 4.4rem;
  padding-top: 7px;
  margin-bottom: 1rem;
}
.bfn__tabs .titles {
  list-style-type: none;
  white-space: nowrap;
  height: 3.4rem;
  padding-top: 1rem;
  padding-left: 1.6rem;
  margin-bottom: 0;
  color: #303030;
}
.bfn__tabs .titles .title {
  height: 3.4rem;
  display: inline;
  border-radius: 1rem 1rem 0 0;
  background-color: rgb(216.2363636364, 235.8545454545, 254.7636363636);
  margin-left: 1rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  padding-top: 0.8rem;
  padding-bottom: 0.7rem;
}
.bfn__tabs .titles .title .title-text {
  height: 1.9rem;
}
.bfn__tabs .titles .title.disabled {
  color: #666;
}
.bfn__tabs .titles .title.enabled {
  cursor: pointer;
}
.bfn__tabs .titles .title.enabled a {
  color: rgb(0.3818181818, 32.0727272727, 62.6181818182);
}
.bfn__tabs .titles .title.current {
  color: rgb(0.3818181818, 32.0727272727, 62.6181818182);
  background-color: rgb(165.5454545455, 210.8181818182, 254.4545454545);
  font-weight: 500;
}

.editable {
  position: relative;
}
.editable .inactive {
  cursor: pointer;
}
.editable .inactive .fa {
  color: #666;
}
.editable .active input {
  width: 60vh;
  display: inline-block;
  border: 0;
  outline: none;
}
.editable .active input:focus {
  border-bottom: 2px solid #0154a4;
}
.editable .active .buttons {
  position: absolute;
  top: -0.7rem;
  right: -9rem;
}

.protected-link {
  cursor: pointer;
}

.text-input, .select-list {
  position: relative;
  overflow: visible;
}
.text-input .message, .select-list .message {
  color: red;
  position: absolute;
  bottom: -20px;
  left: 0;
  white-space: nowrap;
}

.multicombo .values {
  display: block;
  margin-top: 4px;
}
.multicombo .values .value {
  background: #ccc;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
  margin-right: 2px;
}
.multicombo .values .value .label {
  padding-right: 2px;
}
.multicombo .values .value .remove {
  color: #444;
  cursor: pointer;
}

.select-list {
  position: relative;
  padding-top: 15px;
  margin-bottom: 16px;
}
.select-list > select {
  display: block;
  height: 32px;
  width: 100%;
  outline: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 0px;
  box-shadow: none;
  background-color: transparent;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
  padding: 0 25px 0 0;
}
.select-list > select:focus {
  outline: 0;
  height: 33px;
  margin-bottom: -1px;
  border-color: #0154a4;
  border-width: 2px;
}
.select-list > select:disabled {
  color: rgba(0, 0, 0, 0.38);
  cursor: not-allowed;
  background-color: transparent;
  opacity: 1;
}
.select-list > label {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.multiple-single-selects {
  margin-bottom: 16px;
  position: relative;
}
.multiple-single-selects .label-container {
  height: 2rem;
}
.multiple-single-selects .label-container label {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiple-single-selects .single-select {
  position: relative;
  width: calc(100% - 5rem);
}
.multiple-single-selects .single-select .select-list {
  padding-top: 0;
  margin-bottom: 0.5rem;
}
.multiple-single-selects .single-select #remove-selection {
  position: absolute;
  font-size: 100%;
  top: 0rem;
  right: -5rem;
  margin-left: 1.5rem;
  text-align: center;
}
.multiple-single-selects #add-selection {
  font-size: 100%;
  margin-top: 0rem;
}

.mui-checkbox > label.disabled {
  cursor: not-allowed;
}

.copy-to-clipboard {
  position: relative;
  margin-left: 1rem;
  cursor: pointer;
}
.copy-to-clipboard .button {
  color: #666;
}
.copy-to-clipboard textarea {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 0;
  width: 0;
  border: 0;
  overflow: hidden;
  resize: none;
}
.copy-to-clipboard textarea:focus {
  outline: none;
}

.paging {
  user-select: none;
}
.paging .first-page, .paging .previous-page, .paging .next-page, .paging .last-page {
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.paging .first-page:hover, .paging .previous-page:hover, .paging .next-page:hover, .paging .last-page:hover {
  background-color: #ddd;
  cursor: pointer;
}
.paging .page-number input {
  width: 3em;
  border: 1px solid #ddd;
}

.page-size-selection .page-size {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  margin-left: 0.25rem;
}
.page-size-selection .page-size.selected {
  border: 1px solid #444;
  border-radius: 0.4rem;
}
.page-size-selection .page-size:hover:not(.selected) {
  background-color: #ddd;
  cursor: pointer;
}

.paging-row {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.dialog {
  min-width: 50vw;
  max-width: 80vw;
  border: 1px solid #aaa;
}
.dialog .title {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: #eee;
  vertical-align: middle;
}
.dialog .content {
  text-align: left;
  margin-bottom: 1rem;
  margin-top: 1rem;
  padding: 1rem;
}
.dialog .content .message-line {
  margin-bottom: 0.3rem;
}
.dialog .content .message-line:last-child {
  margin-bottom: 0;
}
.dialog.confirmation .content {
  text-align: center;
}
.dialog.confirmation .stacktrace {
  text-align: left;
}
.dialog.confirmation .stacktrace textarea {
  font-family: monospace;
  font-size: 12px;
}
.dialog.confirmation .messages .table-container {
  overflow: auto;
  height: 25em;
}
.dialog .input-content {
  text-align: left;
  margin-top: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.dialog .button {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.dialog .error-dialog .title {
  background-color: #ffcccc;
}
.dialog .main {
  padding: 1rem;
  text-align: left;
}
.dialog .main h2 {
  text-align: center;
}

.dialog.create-new-checklist-from-comparison {
  min-width: 100em;
}
.dialog.create-new-checklist-from-comparison .service {
  margin-left: 2rem;
  margin-right: 2rem;
}
.dialog.create-new-checklist-from-comparison .service .options {
  margin-left: 4rem;
}
.dialog.create-new-checklist-from-comparison .service .select-list {
  width: 40rem;
}
.dialog.create-new-checklist-from-comparison .illustration img {
  max-width: 500px;
  max-height: 360px;
}

.dialog.download-relations {
  min-width: 50em;
}

.dialog.manage-cslxml .download-report {
  margin-bottom: 1rem;
}
.dialog.manage-cslxml .report-container {
  height: 20rem;
  overflow-y: auto;
}
.dialog.manage-cslxml .report-container table tr.columns th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}

.dialog.manage-access-rights .table-container {
  overflow-y: auto;
}
.dialog.manage-access-rights .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.dialog.manage-access-rights .table-container table tr:hover {
  background-color: rgb(216.2363636364, 235.8545454545, 254.7636363636);
}

.create-checklist-report .changes {
  height: 70vh;
  overflow-y: auto;
}

.create-checklist, .create-checklist-errors {
  width: 23em;
}
.create-checklist .main, .create-checklist-errors .main {
  overflow-y: auto;
  min-height: 70vh;
  max-height: 70vh;
}

.checklist-index .actions {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  height: 4rem;
}
.checklist-index .filters {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.checklist-index .table-container {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  overflow-y: auto;
  height: calc(100vh - 24rem);
}
.checklist-index .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.checklist-index .table-container table td {
  vertical-align: top;
  word-wrap: break-word;
}
.checklist-index .table-container table td.check {
  width: 2rem;
}
.checklist-index .table-container table td.id {
  width: 6rem;
}
.checklist-index .table-container table td.menu {
  position: relative;
}
.checklist-index .table-container table td.menu .menu-container {
  margin-left: 1rem;
}
.checklist-index .table-container table td.menu .menu-container .open {
  width: 17rem;
}
.checklist-index .table-container table td.label {
  position: relative;
}
.checklist-index .table-container table td.label .redlist {
  position: absolute;
  left: -2em;
  top: 0.7rem;
  font-size: 90%;
  color: rgba(255, 0, 0, 0.6);
}
.checklist-index .table-container table td.status.in-progress {
  color: green;
  font-weight: bold;
}
.checklist-index .table-container table td.status.in-progress .symbol {
  color: rgb(25.5, 25.5, 25.5);
  margin-right: 1rem;
}
.checklist-index .table-container table td.status.fixed, .checklist-index .table-container table td.status.published {
  color: red;
}
.checklist-index .table-container table td.status.fixed .symbol, .checklist-index .table-container table td.status.published .symbol {
  color: #7a7;
  margin-right: 1rem;
}

.comparison-index .actions {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1.5rem;
  height: 4rem;
}
.comparison-index .filters {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.comparison-index .table-container {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  overflow-y: auto;
  height: calc(100vh - 19rem);
}
.comparison-index .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.comparison-index .table-container table td {
  vertical-align: top;
  word-wrap: break-word;
}
.comparison-index .table-container table td.id {
  width: 6rem;
}
.comparison-index .table-container table td.menu {
  position: relative;
}
.comparison-index .table-container table td.menu .menu-container {
  margin-left: 1rem;
}
.comparison-index .table-container table td.menu .menu-container .open {
  width: 18rem;
}
.comparison-index .table-container table td.status.in-progress {
  color: green;
  font-weight: bold;
}
.comparison-index .table-container table td.status.in-progress .symbol {
  color: rgb(25.5, 25.5, 25.5);
  margin-right: 1rem;
}
.comparison-index .table-container table td.status.fixed, .comparison-index .table-container table td.status.published {
  color: red;
}
.comparison-index .table-container table td.status.fixed .symbol, .comparison-index .table-container table td.status.published .symbol {
  color: #7a7;
  margin-right: 1rem;
}
.comparison-index .comparisons {
  table-layout: fixed;
}

.synopsis-index .filters {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.synopsis-index .table-container {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  overflow-y: auto;
  height: calc(100vh - 19rem);
}
.synopsis-index .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.synopsis-index .table-container table td.check {
  width: 2rem;
}
.synopsis-index .table-container table td.id {
  width: 6rem;
}
.synopsis-index .table-container table td.menu {
  position: relative;
}
.synopsis-index .table-container table td.menu .menu-container {
  margin-left: 1rem;
}
.synopsis-index .table-container table td.menu .menu-container .open {
  width: 14rem;
}

.taxongroup-index .actions {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1.5rem;
  height: 4rem;
}
.taxongroup-index .table-container {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  overflow-y: auto;
  height: calc(100vh - 16rem);
}
.taxongroup-index .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.taxongroup-index .table-container table td.check {
  width: 2rem;
}
.taxongroup-index .table-container table td.id {
  width: 6rem;
}

.release-index .actions {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1.5rem;
  height: 4rem;
}
.release-index .table-container {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  overflow-y: auto;
  height: calc(100vh - 16rem);
}
.release-index .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.release-index .table-container table td {
  vertical-align: top;
  word-wrap: break-word;
}
.release-index .table-container table td.check {
  width: 2rem;
}
.release-index .table-container table td.id {
  width: 6rem;
}
.release-index .table-container table td.menu {
  position: relative;
}
.release-index .table-container table td.menu .menu-container {
  margin-left: 1rem;
}
.release-index .table-container table td.menu .menu-container .open {
  width: 14rem;
}
.release-index .table-container table td.status.in-progress {
  color: green;
  font-weight: bold;
}
.release-index .table-container table td.status.in-progress .symbol {
  color: rgb(25.5, 25.5, 25.5);
  margin-right: 1rem;
}
.release-index .table-container table td.status.fixed, .release-index .table-container table td.status.published {
  color: red;
}
.release-index .table-container table td.status.fixed .symbol, .release-index .table-container table td.status.published .symbol {
  color: #7a7;
  margin-right: 1rem;
}

.checklists-list .table-container {
  text-align: left;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  overflow-y: auto;
  height: calc(100vh - 38rem);
}
.checklists-list .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.checklists-list .table-container table td.id {
  width: 6rem;
}
.checklists-list .table-container table td.editing-status {
  width: 10rem;
}

.speciesgroup-team .page-content {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.speciesgroup-team .actions {
  margin-bottom: 1rem;
  height: 4rem;
}
.speciesgroup-team .list-box {
  width: 100%;
  height: 30rem;
  border: 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.speciesgroup-team .list-box:focus {
  outline: none;
}
.speciesgroup-team #other-available-users .list-box {
  height: 62rem;
}
.speciesgroup-team .move-buttons {
  margin: auto;
  width: 6em;
}
.speciesgroup-team .move-buttons button {
  width: 6em;
  display: block;
  margin-left: 0;
}
.speciesgroup-team .move-buttons button#to-editors {
  margin-top: 8rem;
}
.speciesgroup-team .move-buttons button#from-editors {
  margin-top: 0rem;
}
.speciesgroup-team .move-buttons button#to-authors {
  margin-top: 26rem;
}
.speciesgroup-team .move-buttons button#from-authors {
  margin-top: 0rem;
}

.menu-container {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.menu-container .open {
  position: fixed;
  top: 1;
  left: 1;
  z-index: 100;
  padding: 0.5rem;
  padding-top: 1rem;
  background-color: #eee;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}
.menu-container .open .option {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.menu-container .open .option a {
  color: inherit;
  text-decoration: inherit;
}
.menu-container .open .option:hover {
  background-color: #0154a4;
  color: white;
}

.speciesgroup-index .admin-actions {
  min-height: 5rem;
}
.speciesgroup-index .filtertext {
  position: fixed;
  top: 6.3rem;
  left: 50rem;
  right: 50rem;
}
.speciesgroup-index .filtertext input {
  background-color: white;
  padding: 0.5rem;
  border-radius: 4px;
}
.speciesgroup-index .table-container {
  height: calc(100vh - 13rem);
  overflow-y: auto;
  overflow-x: hidden;
}
.speciesgroup-index .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.speciesgroup-index .table-container table span.kingdom {
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 8px;
}
.speciesgroup-index .table-container table span.kingdom.animals {
  background-color: rgba(255, 0, 0, 0.2);
  color: #990000;
}
.speciesgroup-index .table-container table span.kingdom.plants {
  background-color: rgba(0, 255, 0, 0.2);
  color: #004d00;
}
.speciesgroup-index .table-container table span.kingdom.fungi {
  background-color: rgba(0, 0, 255, 0.2);
  color: #000099;
}
.speciesgroup-index .table-container table th.id {
  width: 12rem;
}
.speciesgroup-index .table-container table td.id span.actions {
  color: #444;
  float: right;
}
.speciesgroup-index .table-container table td.id span.actions .hide {
  cursor: pointer;
  margin-right: 0.5rem;
}
.speciesgroup-index .table-container table td.id span.actions .delete {
  cursor: pointer;
  margin-left: 0.5rem;
  margin-right: 1rem;
}
.speciesgroup-index .table-container table td.id span.actions .edit {
  cursor: pointer;
}
.speciesgroup-index .table-container table td.id span.roles {
  color: #444;
  float: right;
}

.cl-editor {
  z-index: 0;
  display: flex;
  min-height: 100%;
}
.cl-editor .col {
  position: relative;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.cl-editor .main, .cl-editor .other {
  flex: 0 0 25vw;
  flex-grow: 1;
}
.cl-editor .main .content, .cl-editor .other .content {
  overflow: hidden;
  background-color: white;
  padding: 1rem;
  position: relative;
}
.cl-editor .main .create-name-button {
  position: absolute;
  top: -0.5rem;
  right: 0rem;
}
.cl-editor .detail {
  overflow-y: auto;
  min-height: calc(100vh - 90px);
  max-height: calc(100vh - 90px);
}
.cl-editor .detail .content {
  margin-top: 3rem;
  margin-right: 1rem;
  min-width: 46vw;
}
.cl-editor .detail .action-container {
  position: relative;
}
.cl-editor .detail .action-container .action-key.debug {
  position: absolute;
  top: -2rem;
  right: 0rem;
}
.cl-editor .detail .action-container .action {
  position: relative;
}
.cl-editor .detail .action-container .action .message {
  color: red;
}
.cl-editor .detail .action-container .action legend {
  margin-bottom: 0;
}
.cl-editor .detail .action-container .action .dropzone {
  border: 1px dashed #888;
  border-radius: 4px;
  padding-top: 8px;
  margin-left: 4px;
}
.cl-editor .detail .action-container .action .main-buttons {
  margin-bottom: 8px;
}
.cl-editor .detail .action-container .action .action-abort #close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.cl-editor .detail .action-container .action .action-abort .message {
  border: 2px solid #dd2;
  border-radius: 0.5rem;
  background-color: #dd2;
  padding: 0.5rem;
}
.cl-editor .detail .action-container .action .short-citation {
  position: relative;
}
.cl-editor .detail .action-container .action .short-citation .literature-info {
  position: absolute;
  right: 0.5em;
  top: 0.5rem;
  cursor: pointer;
}
.cl-editor .selected-element {
  position: relative;
}
.cl-editor .selected-element .kind, .cl-editor .selected-element .version, .cl-editor .selected-element .taxongroup {
  color: #666;
}
.cl-editor .selected-element .item {
  cursor: pointer;
}
.cl-editor .selected-element .element {
  display: inline-block;
  padding-left: 0.5em;
  padding-right: 1em;
  width: fit-content;
  height: fit-content;
  border: 1px dotted lightgrey;
  border-radius: 1px;
}
.cl-editor .selected-element .copy-to-clipboard {
  font-size: 1.5rem;
}
.cl-editor .selected-element .accepted {
  background-color: #ddd;
  border: 1px solid #888;
  font-weight: 700;
}
.cl-editor .selected-element .synonym {
  padding-left: 0.4em;
  padding-right: 1em;
  border: 1px dashed black;
  border-radius: 4px;
}
.cl-editor .selected-element .consyn {
  padding-left: 0.4em;
  padding-right: 1em;
  border: 1px dashed black;
  border-radius: 4px;
}
.cl-editor .selected-element #close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.cl-editor .tabnav .titles {
  width: 25vw;
  overflow-x: auto;
  padding-top: 0;
  user-select: none;
}
.cl-editor .tabnav .titles .title {
  max-height: 3rem;
  display: inline-block;
}
.cl-editor .tabnav .titles .title .editing-status {
  color: red;
}
.cl-editor .tabnav .titles .title .editing-status.in-progress {
  font-weight: bold;
  color: green;
}
.cl-editor .tabnav .titles .title.other:not(.disabled) {
  cursor: pointer;
}
.cl-editor .tabnav .titles .title.selected {
  background-color: white;
}
.cl-editor .tabnav .titles .title.for-selected-taxon {
  color: #a00;
}
.cl-editor .tabnav .titles .start-index-control {
  cursor: pointer;
}
.cl-editor .tabnav .titles .start-index-control.right {
  margin-left: 0.5rem;
}
.cl-editor .tabnav .menu-container {
  left: 18rem;
  top: 0.5rem;
  cursor: pointer;
}
.cl-editor .tabnav .open-changelog {
  position: fixed;
  left: 21rem;
  top: 7.5rem;
  cursor: pointer;
}
.cl-editor .tabnav .changelog {
  position: fixed;
  background-color: #0154a4;
  color: white;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 1rem;
  height: 30rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.5rem;
}
.cl-editor .tabnav .changelog .close-changelog {
  position: absolute;
  top: 0.25rem;
  right: 1rem;
  cursor: pointer;
}
.cl-editor .tabnav .changelog .content {
  padding-bottom: 0.5rem;
  overflow: hidden;
  height: 27rem;
}
.cl-editor .tabnav .changelog .content .rows {
  overflow-y: scroll;
  background-color: white;
  color: black;
  height: 100%;
}
.cl-editor .tabnav .changelog .content .rows .row * {
  display: inline-block;
}
.cl-editor .tabnav .changelog .content .rows .row .timestamp {
  min-width: 14rem;
}
.cl-editor .tabnav .changelog .content .rows .row .entity {
  min-width: 18rem;
}
.cl-editor .tabnav .changelog .content .rows .row .entity-id {
  min-width: 6rem;
}
.cl-editor .tabnav .changelog .content .rows .row .kind {
  min-width: 8rem;
}
.cl-editor .tabnav .changelog .content .rows .row .username {
  min-width: 12rem;
}
.cl-editor .tabnav .changelog .title {
  display: inline-block;
  margin-right: 10rem;
  font-weight: bold;
}
.cl-editor .tabnav .changelog .controls {
  display: inline-block;
}
.cl-editor .tabnav .changelog .mui-checkbox {
  display: inline-block;
  margin-right: 2rem;
  margin-top: 0;
  margin-bottom: 0.2rem;
}
.cl-editor .tabnav .download-manual {
  position: fixed;
  left: 23rem;
  top: 7.8rem;
  cursor: pointer;
  font-size: 1rem;
  color: black;
}
.cl-editor .draggable .taxname {
  pointer-events: none;
}
.cl-editor .action-selection-menu {
  position: absolute;
  background-color: #eee;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
  z-index: 100;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.cl-editor .action-selection-menu .option {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  cursor: pointer;
}
.cl-editor .action-selection-menu .option:hover {
  background-color: rgb(114.8545454545, 185.7818181818, 254.1454545455);
}
.cl-editor .name-tree {
  overflow-y: auto;
  min-height: calc(100vh - 188px);
  max-height: calc(100vh - 188px);
  position: relative;
  padding-top: 1px;
  user-select: none;
  /* .accepted, .synonym, .basionym, .consyn, li { */
  /*     .highlighted { */
  /*         border: 1px solid red; */
  /*     } */
  /* } */
}
.cl-editor .name-tree .item {
  position: relative;
  padding-left: 0.6em;
  padding-right: 1em;
}
.cl-editor .name-tree .item .name-menu {
  float: right;
  color: #444;
}
.cl-editor .name-tree .item:not(.draggable) {
  cursor: pointer;
}
.cl-editor .name-tree .item .abandon, .cl-editor .name-tree .item .expand, .cl-editor .name-tree .item .nochildren {
  position: absolute;
  left: -24px;
  top: 2px;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.cl-editor .name-tree .item .abandon:hover, .cl-editor .name-tree .item .expand:hover, .cl-editor .name-tree .item .nochildren:hover {
  cursor: pointer;
}
.cl-editor .name-tree .item .indicators {
  position: absolute;
  right: 0.25em;
}
.cl-editor .name-tree .item .indicators .indicator {
  pointer-events: auto;
  margin-left: 0.25em;
  display: inline-block;
}
.cl-editor .name-tree .accepted .item {
  background-color: #ddd;
  border: 1px solid #888;
  font-weight: 700;
  position: relative;
}
.cl-editor .name-tree .accepted .item .new {
  font-size: 70%;
}
.cl-editor .name-tree .accepted .item .new-evidence {
  color: #4a4;
}
.cl-editor .name-tree .synonym .item {
  border: 1px dashed black;
  border-radius: 4px;
  margin-left: 30px;
}
.cl-editor .name-tree .consyn .item {
  border: 1px dotted #888;
  border-radius: 4px;
  margin-left: 30px;
}
.cl-editor .name-tree .taxon-wildname .item {
  color: #444;
  margin-left: 20px;
  font-style: italic;
}
.cl-editor .name-tree .unbound-wildname .item {
  color: #444;
  font-style: italic;
}
.cl-editor .name-tree .synonym:not(.selected) .taxname {
  color: #444;
}
.cl-editor .name-tree .basionym:not(.selected) .taxname {
  color: black;
}
.cl-editor .name-tree .placeholder .item {
  color: #aaa;
}
.cl-editor .name-tree .selected {
  position: relative;
}
.cl-editor .name-tree .selected .item {
  color: rgb(13.4727272727, 135.7090909091, 253.5272727273);
}
.cl-editor .name-tree .selected .pointer {
  position: absolute;
  left: 0;
  color: rgb(13.4727272727, 135.7090909091, 253.5272727273);
  z-index: 100;
  font-weight: bold;
}
.cl-editor .name-tree .selected .pointer::before {
  content: "▶";
}
.cl-editor .name-tree .unresolved {
  color: #a00;
}
.cl-editor .name-tree.other .item {
  margin-bottom: 0.6em;
}
.cl-editor .name-tree .dropzone-below-treenode {
  display: block;
  height: 0.5em;
  margin-bottom: 2px;
  border-top: 1px solid white;
}
.cl-editor .name-tree .dropzone-below-treenode.over {
  height: 1rem;
}
.cl-editor .search .search-list .draggable .name {
  border: 1px dashed black;
}
.cl-editor .level1 {
  padding-left: 30px;
}
.cl-editor .level2 {
  padding-left: 42px;
}
.cl-editor .level3 {
  padding-left: 54px;
}
.cl-editor .level4 {
  padding-left: 66px;
}
.cl-editor .level5 {
  padding-left: 78px;
}
.cl-editor .level6 {
  padding-left: 90px;
}
.cl-editor .level7 {
  padding-left: 102px;
}
.cl-editor .level8 {
  padding-left: 114px;
}
.cl-editor .level9 {
  padding-left: 126px;
}
.cl-editor .level10 {
  padding-left: 138px;
}
.cl-editor .level11 {
  padding-left: 150px;
}
.cl-editor .level12 {
  padding-left: 162px;
}
.cl-editor .level13 {
  padding-left: 174px;
}
.cl-editor .level14 {
  padding-left: 186px;
}
.cl-editor .level15 {
  padding-left: 198px;
}
.cl-editor .level16 {
  padding-left: 210px;
}
.cl-editor .level17 {
  padding-left: 222px;
}
.cl-editor .level18 {
  padding-left: 234px;
}
.cl-editor .level19 {
  padding-left: 246px;
}
.cl-editor .level20 {
  padding-left: 258px;
}
.cl-editor .level21 {
  padding-left: 270px;
}
.cl-editor .level22 {
  padding-left: 282px;
}
.cl-editor .level23 {
  padding-left: 294px;
}
.cl-editor .level24 {
  padding-left: 306px;
}
.cl-editor .level25 {
  padding-left: 318px;
}
.cl-editor .level26 {
  padding-left: 330px;
}
.cl-editor .level27 {
  padding-left: 342px;
}
.cl-editor .level28 {
  padding-left: 354px;
}
.cl-editor .level29 {
  padding-left: 366px;
}
.cl-editor .level30 {
  padding-left: 378px;
}
.cl-editor .level0 {
  padding-left: 5px;
}
.cl-editor .draggable:hover {
  cursor: move;
  transition-property: transform box-shadow;
  transition-duration: 100ms;
  transform: translate(-1px, -1px);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}
.cl-editor .tree-filter {
  position: relative;
}
.cl-editor .tree-filter .text-input {
  padding-top: 0;
  width: calc(100% - 9em);
}
.cl-editor .tree-filter .toggle {
  position: absolute;
  top: 0rem;
  right: 0rem;
  padding-right: 0;
  vertical-align: middle;
}
.cl-editor .tree-filter .toggle #reset {
  padding: 0;
  width: 2em;
}
.cl-editor .tree-filter .filters {
  position: absolute;
  width: 35rem;
  right: 0;
  top: 3rem;
  z-index: 2;
}
.cl-editor .tree-filter .filters .checkboxes {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.cl-editor .tree-filter .filters .mui-checkbox {
  margin-top: 0;
  margin-bottom: 0rem;
}
.cl-editor .edit-name .select-accepted-name {
  width: calc(100% - 20px);
  margin: 5px;
  margin-left: 20px;
}
.cl-editor .edit-name .select-accepted-name select {
  width: 100%;
}
.cl-editor .subform-details {
  position: relative;
  margin-top: 1.5rem;
  padding-top: 2rem;
}
.cl-editor .subform-details .toggle {
  font-size: 1.2em;
  margin-bottom: 1em;
  position: absolute;
  top: -1rem;
  left: 0rem;
  background-color: white;
  user-select: none;
}
.cl-editor .subform-details .toggle:hover {
  cursor: pointer;
}
.cl-editor .subform-details .toggle .fa {
  min-width: 1rem;
}
.cl-editor .nameparts {
  position: relative;
}
.cl-editor .nameparts .dbid {
  position: absolute;
  top: 0rem;
  right: 0;
}
.cl-editor .nameparts #parser-result {
  padding: 1rem;
  background-color: #ddd;
  font-size: 0.9em;
  font-weight: bold;
  font-family: monospace;
}
.cl-editor .nameparts .mui-checkbox {
  margin-top: 2rem;
}
.cl-editor .nameparts .rank {
  position: relative;
}
.cl-editor .nameparts .rank .ordinal-number {
  font-size: 0.9em;
  position: absolute;
  top: -0.25rem;
  right: 3rem;
}
.cl-editor .nameparts .hybrid-checkboxes .mui-checkbox {
  margin-top: 0;
}
.cl-editor .edit-taxon {
  position: relative;
}
.cl-editor .edit-taxon .dbid {
  position: absolute;
  top: 0rem;
  right: 0;
}
.cl-editor .edit-taxon .radio-new-evidence {
  margin-bottom: 1rem;
}
.cl-editor .edit-taxon ul.related-taxons, .cl-editor .edit-taxon ul.confused-with-taxon {
  padding-left: 0;
  list-style: none;
}
.cl-editor .edit-taxon ul.related-taxons .message, .cl-editor .edit-taxon ul.confused-with-taxon .message {
  margin-bottom: 1rem;
  text-align: center;
}
.cl-editor .edit-taxon ul.related-taxons li.related-taxon, .cl-editor .edit-taxon ul.related-taxons li.confused-with-taxon, .cl-editor .edit-taxon ul.confused-with-taxon li.related-taxon, .cl-editor .edit-taxon ul.confused-with-taxon li.confused-with-taxon {
  margin-bottom: 0.5rem;
  margin-left: 1rem;
}
.cl-editor .edit-taxon ul.related-taxons li.related-taxon .remove, .cl-editor .edit-taxon ul.related-taxons li.confused-with-taxon .remove, .cl-editor .edit-taxon ul.confused-with-taxon li.related-taxon .remove, .cl-editor .edit-taxon ul.confused-with-taxon li.confused-with-taxon .remove {
  cursor: pointer;
}
.cl-editor .edit-taxon ul.related-taxons li.related-taxon .taxname, .cl-editor .edit-taxon ul.related-taxons li.confused-with-taxon .taxname, .cl-editor .edit-taxon ul.confused-with-taxon li.related-taxon .taxname, .cl-editor .edit-taxon ul.confused-with-taxon li.confused-with-taxon .taxname {
  background-color: #ddd;
  border: 1px solid #888;
  font-weight: 700;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: 1rem;
}
.cl-editor .edit-taxon ul.related-taxons li.related-taxon .taxname .debug, .cl-editor .edit-taxon ul.related-taxons li.confused-with-taxon .taxname .debug, .cl-editor .edit-taxon ul.confused-with-taxon li.related-taxon .taxname .debug, .cl-editor .edit-taxon ul.confused-with-taxon li.confused-with-taxon .taxname .debug {
  margin-left: 0.5rem;
}
.cl-editor .synonym .mui-checkbox {
  margin-top: 2rem;
  margin-left: 4rem;
}
.cl-editor .unbound-name {
  font-size: 110%;
}
.cl-editor .unbound-name li.hint {
  margin-bottom: 1.5rem;
}
.cl-editor .unbound-name li.hint.new-accepted-name {
  list-style: none;
  margin-left: -1.9rem;
}
.cl-editor .unbound-name ul.related-taxons {
  list-style: none;
}
.cl-editor .unbound-name ul.related-taxons .message {
  padding-bottom: 8px;
  font-size: 90%;
}
.cl-editor .unbound-name ul.related-taxons li.related-taxon {
  margin-bottom: 0.5rem;
}
.cl-editor .unbound-name ul.related-taxons li.related-taxon .remove {
  cursor: pointer;
}
.cl-editor .unbound-name ul.related-taxons li.related-taxon .item {
  font-size: 90%;
  background-color: #ddd;
  border: 1px solid #888;
  font-weight: 700;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: 1rem;
}
.cl-editor .unbound-name ul.related-taxons li.related-taxon .item .debug {
  margin-left: 0.5rem;
}
.cl-editor .external-concept {
  position: relative;
}
.cl-editor .external-concept .dbid {
  position: absolute;
  top: 4em;
  right: 0;
}
.cl-editor .external-concepts .taxname {
  border: 1px dotted #666;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: 1rem;
}
.cl-editor .external-concepts .taxname .debug {
  margin-left: 0.5rem;
}
.cl-editor .similar-names {
  border-radius: 0.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.cl-editor .similar-names.warning {
  border: 2px solid #dd2;
}
.cl-editor .similar-names .title {
  padding: 0.5rem;
  background-color: #dd2;
}
.cl-editor .similar-names ul {
  max-height: 6rem;
  overflow: auto;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.cl-editor .similar-names ul li {
  position: relative;
}
.cl-editor .similar-names .debug {
  display: inline-block;
  float: right;
}
.cl-editor .create-pseudonym {
  margin-bottom: 2rem;
}
.cl-editor .create-pseudonym ul {
  padding-left: 0;
  list-style: none;
}
.cl-editor .create-pseudonym ul li.synonym .indent {
  margin-left: 50px;
}
.cl-editor .create-pseudonym ul li.synonym .taxname {
  border: 1px dashed black;
  border-radius: 4px;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.cl-editor .recombine-taxon .hint {
  margin-top: 1rem;
}
.cl-editor .recombine-taxon .synonyms {
  margin-bottom: 2rem;
}
.cl-editor .filter-panel {
  margin-bottom: 1.2em;
  padding: 1em;
  border: 1px solid gray;
}
.cl-editor .filter-panel .compact .filters {
  font-size: 0.9em;
}
.cl-editor .edit-name-relations {
  border: 1px dashed white;
}
.cl-editor .edit-name-relations .relationship-table {
  margin-bottom: 1rem;
  pointer-events: none;
}
.cl-editor .edit-name-relations .relationship-table button {
  pointer-events: auto;
}
.cl-editor #dropzone-taxon-relations table {
  pointer-events: none;
}
.cl-editor #dropzone-taxon-relations table select {
  pointer-events: auto;
}
.cl-editor #dropzone-taxon-relations table .button, .cl-editor #dropzone-taxon-relations table button {
  pointer-events: auto;
}
.cl-editor .element-relations #taxon-relations {
  cursor: move;
  margin-top: 1rem;
  border: 1px dashed #aaa;
  background-color: #ddd;
}
.cl-editor .element-relations .show-large-network {
  cursor: pointer;
}
.cl-editor .element-relations .empty-relations {
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.cl-editor .element-relations .parser-and-simplify pre {
  font-size: 1rem;
}
.cl-editor .edit-taxon-relations {
  border: 1px dashed white;
}
.cl-editor .edit-taxon-relations .relationship-table {
  margin-bottom: 1rem;
}
.cl-editor .edit-taxon-relations .relationship-table .delete {
  cursor: pointer;
}
.cl-editor .item-editing-status.in-progress {
  color: rgb(25.5, 25.5, 25.5);
}
.cl-editor .item-editing-status.done {
  color: #7a7;
}
.cl-editor .item-editing-status.problematic {
  color: #f95;
}
.cl-editor .item-editing-status:hover {
  cursor: pointer;
}
.cl-editor .editing-status-selection .status {
  margin-right: 8px;
  padding-left: 4px;
  padding-right: 4px;
  user-select: none;
}
.cl-editor .editing-status-selection .status.selected {
  border-radius: 4px;
  border: 1px solid #888;
  cursor: default;
}
.cl-editor .editing-status-selection .status:not(.selected) {
  color: #888;
  cursor: pointer;
}
.cl-editor .locked-by-other-user {
  position: fixed;
  left: 28vw;
  top: 7.5rem;
  color: red;
}
.cl-editor .move-synonym.error h4 span > span {
  color: red;
}
.cl-editor .shadow {
  background-color: rgba(0, 0, 0, 0.1);
  transition: opacity 0.4s ease-in-out;
}
.cl-editor .over {
  border: 2px dashed red !important;
}

.dialog.taxname-change-proposals .info {
  margin-bottom: 1rem;
}
.dialog.taxname-change-proposals .info .taxname.from {
  margin-left: 3rem;
  margin-right: 3rem;
}
.dialog.taxname-change-proposals .info .taxname.to {
  margin-left: 3rem;
}
.dialog.taxname-change-proposals .change-proposals {
  height: 60vh;
  overflow-y: auto;
}

.dialog.large-taxon-network {
  width: 100vw;
  height: 82vh;
  display: flex;
  flex-direction: column;
}
.dialog.large-taxon-network .main {
  flex-grow: 1;
}
.dialog.large-taxon-network .main .network-container {
  border: 1px solid #666;
}
.dialog.large-taxon-network .main .network-container #taxon-network {
  height: 56vh;
}
.dialog.large-taxon-network .options {
  height: 10rem;
  flex-grow: 0;
}

.flash {
  animation: flash 0.4s ease-in-out;
}

@keyframes flash {
  0% {
    background-color: red;
    opacity: 1;
  }
  100% {
    opcacity: 0.1;
  }
}
.title .comparison {
  position: relative;
  display: inline-block;
  min-height: 4rem;
}
.title .comparison .checklist-a, .title .comparison .checklist-b {
  margin-left: 2rem;
  display: inline-block;
  position: absolute;
  font-size: 55%;
}
.title .comparison .checklist-a {
  top: 0;
}
.title .comparison .checklist-b {
  bottom: 0;
}

.comparison .arrows button, .comparison .connect button {
  width: 75%;
}
.comparison .actions .filters {
  margin-top: 1rem;
}
.comparison .head {
  text-align: center;
  margin-bottom: 1rem;
}
.comparison .head .label {
  font-weight: bold;
}
.comparison h4 {
  margin-bottom: 0px;
}
.comparison .locked-by-other-user {
  position: fixed;
  left: 2rem;
  top: 8rem;
  color: red;
}
.comparison .editing-status {
  position: fixed;
  left: 2rem;
  top: 8rem;
  color: #666;
}
.comparison .download-manual {
  position: fixed;
  left: 35rem;
  top: 8.3rem;
  cursor: pointer;
  font-size: 1rem;
  color: black;
}
.comparison .filter-count {
  display: inline-block;
  color: #0154a4;
  background-color: #eee;
  font-size: 80%;
  min-width: 2em;
  border-radius: 1rem;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 0.5rem;
}

.steps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.5rem;
  overflow-x: auto;
}
.steps .fa {
  color: #666;
}
.steps .step {
  position: relative;
}
.steps .step .info {
  cursor: pointer;
  border-radius: 0.5em;
  position: absolute;
  top: 0.2em;
  left: 0em;
}
.steps .current button {
  background-color: #a6d3fe;
  border: 1px solid #0154a4;
}

.matchresults td {
  padding-right: 0.5rem;
}

.step1 {
  position: relative;
}
.step1 .mui-tabs__bar > li > a {
  text-transform: none;
}
.step1 .info {
  margin-top: 10rem;
}
.step1 .actions {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.step1 .checklist {
  position: relative;
}
.step1 .checklist .autonym-list {
  height: calc(100vh - 30rem);
  border: 1px solid #666;
}
.step1 .checklist .autonym-list .message {
  min-height: calc(100vh - 30.5rem);
  padding: 0.5rem;
}
.step1 .checklist .autonym-list .list-box {
  min-height: calc(100vh - 30.5rem);
  width: 100%;
  border: 0;
}
.step1 .checklist .autonym-list .list-box:focus {
  outline: none;
}
.step1 .checklist .autonym-list .list-box option {
  padding: 0.5rem;
}
.step1 .checklist .synonym-list {
  border: 1px solid #666;
}
.step1 .checklist .synonym-list .message {
  min-height: calc(100vh - 30rem);
  padding: 0.5rem;
}
.step1 .checklist .synonym-list .header {
  height: 3rem;
  border-bottom: 1px solid #666;
}
.step1 .checklist .synonym-list .header .column {
  padding-top: 0.5rem;
  display: inline-block;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
}
.step1 .checklist .synonym-list .header .input {
  width: 50rem;
  padding-left: 1rem;
}
.step1 .checklist .synonym-list .header .taxonym-status {
  display: inline-block;
  width: 12rem;
}
.step1 .checklist .synonym-list .content {
  height: calc(100vh - 33rem);
  overflow-y: scroll;
  overflow-x: auto;
}
.step1 .checklist .synonym-list .content .accepted-names {
  padding-top: 0.5rem;
}
.step1 .checklist .synonym-list .content .accepted-names li {
  user-select: none;
}
.step1 .checklist .synonym-list .content .accepted-names .accepted .input {
  display: inline-block;
  padding-left: 1rem;
  font-weight: bold;
  width: 50rem;
}
.step1 .checklist .synonym-list .content .accepted-names .accepted .taxonym-status {
  display: inline-block;
  width: 12rem;
}
.step1 .checklist .synonym-list .content .accepted-names .synonym {
  margin-left: 2rem;
}
.step1 .checklist .synonym-list .content .accepted-names .synonym.internal {
  color: #666;
}
.step1 .checklist .synonym-list .content .accepted-names .synonym .source {
  display: inline-block;
  margin-left: 1rem;
  min-width: 6rem;
}
.step1 .checklist .synonym-list .content .accepted-names .synonym .internal {
  display: inline-block;
  margin-left: 4rem;
  min-width: 6rem;
}
.step1 .checklist .synonym-list .content .accepted-names .synonym .remove {
  display: inline-block;
  min-width: 2rem;
  margin-left: 1rem;
  cursor: pointer;
}
.step1 .checklist .synonym-list .content .accepted-names .synonym .input {
  font-weight: normal;
}
.step1 .checklist .list-actions {
  position: absolute;
  top: -1rem;
  right: 0.5rem;
}

.step2 #start {
  background-color: #ea8;
}
.step2 .table-container {
  height: calc(100vh - 26.5rem);
  overflow-y: auto;
  overflow-x: hidden;
}
.step2 .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.step2 .name-matches thead .name-quality, .step2 .name-matches thead .link {
  text-align: center;
}
.step2 .name-matches thead .name-quality {
  width: 8rem;
}
.step2 .name-matches thead .link {
  width: 16rem;
}
.step2 .name-matches tbody .name-quality {
  text-align: center;
}
.step2 .name-matches tbody .link {
  position: relative;
  text-align: center;
}
.step2 .name-matches tbody .link .info-button {
  position: absolute;
  left: 1rem;
  cursor: pointer;
}
.step2 .name-matches tbody .note {
  cursor: pointer;
}

.step3 {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 20rem);
}
.step3 .taxnames {
  display: flex;
  height: 50%;
}
.step3 .links {
  display: flex;
  height: calc(50% - 4rem);
}
.step3 .actions {
  height: 4rem;
}
.step3 .connect #connect {
  margin-top: 3rem;
}
.step3 .taxname-list, .step3 .link-list {
  display: flex;
  flex-grow: 1;
  height: calc(100% - 5rem);
  padding: 0.5rem;
  border: 1px solid #666;
  overflow-y: scroll;
}
.step3 .taxname-list li.selected, .step3 .link-list li.selected {
  background-color: #ccc;
}
.step3 .taxname-list .linked, .step3 .link-list .linked {
  background-color: #aca;
}
.step3 .taxname-list li, .step3 .link-list li {
  padding: 0;
  cursor: pointer;
}
.step3 .taxname-list li:hover, .step3 .link-list li:hover {
  background-color: #eee;
}
.step3 .link-list .note {
  margin-left: 0.5em;
  font-style: italic;
  color: gray;
}

.step4 {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 14em);
}
.step4 .actions {
  flex: 0 1 4em;
}
.step4 .actions #start {
  background-color: #ea8;
}
.step4 .actions #toggle-all {
  margin-left: 5rem;
}
.step4 .table-container {
  flex: 1 1 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.step4 .table-container .taxon-links th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.step4 .table-container .taxon-links th.edited {
  width: 1rem;
}
.step4 .table-container .taxon-links th.status {
  width: 1rem;
}
.step4 .table-container .taxon-links th.taxname-a, .step4 .table-container .taxon-links th.taxname-b {
  width: 50rem;
}
.step4 .table-container .taxon-links th.link {
  width: 2rem;
}
.step4 .table-container .taxon-links th.note {
  min-width: 15rem;
}
.step4 .table-container .taxon-links td {
  vertical-align: top;
}
.step4 .table-container .taxon-links .causing-names, .step4 .table-container .taxon-links .synonyms, .step4 .table-container .taxon-links .tax-info {
  padding-left: 0.5rem;
}
.step4 .table-container .taxon-links .causing-names legend, .step4 .table-container .taxon-links .synonyms legend, .step4 .table-container .taxon-links .tax-info legend {
  font-size: 1.6rem;
  margin-bottom: 0;
  color: gray;
}
.step4 .table-container .taxon-links .tax-info table {
  margin-left: 2.5rem;
}
.step4 .table-container .taxon-links .tax-info table td {
  padding: 0rem 0.5rem;
}
.step4 a:not([href]) {
  cursor: pointer;
}

.step5 {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 18rem);
  position: relative;
}
.step5 .table-container {
  height: 100%;
}
.step5 .actions {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.step5 .taxon-lists {
  display: flex;
  height: 50%;
  margin-bottom: 2rem;
}
.step5 .taxon-lists h4 {
  margin-top: 0;
}
.step5 .taxon-lists h4 .filters .filter-count:not(:last-child) {
  margin-right: 1em;
}
.step5 .taxon-lists h4 .search-term {
  display: flex;
  position: relative;
}
.step5 .taxon-lists h4 .search-term .text-input {
  width: 100%;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 4px;
}
.step5 .taxon-lists h4 .search-term .text-input input {
  margin-left: 1.5em;
  font-size: 90%;
}
.step5 .taxon-lists h4 .search-term .text-input input::placeholder {
  color: #ff6666;
  font-size: 90%;
}
.step5 .taxon-lists h4 .search-term .fa {
  position: absolute;
  bottom: 0.5em;
}
.step5 .taxon-list {
  display: flex;
  flex-grow: 1;
  height: calc(100% - 7rem);
  border: 1px solid #666;
  overflow-y: scroll;
}
.step5 .taxon-list .empty-list {
  width: 100%;
  margin-left: 2rem;
  margin-top: 1rem;
}
.step5 .taxon-list table {
  height: 0px;
}
.step5 .taxon-list table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.step5 .taxon-list table td {
  vertical-align: top;
}
.step5 .taxon-list .taxon.selected {
  background-color: #ccc;
}
.step5 .taxon-list .taxon.linked {
  color: #484;
}
.step5 .taxon-list .taxon .taxname {
  width: 40rem;
  cursor: pointer;
  user-select: none;
}
.step5 .taxon-list .taxon .taxonym-status {
  width: 10rem;
}
.step5 .taxon-list .taxon .edit-comment {
  margin-left: 1rem;
  cursor: pointer;
  user-select: none;
}
.step5 .taxon-list .taxon .comment {
  display: inline-block;
  margin-left: 1rem;
  width: 10rem;
  height: 1.7rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.step5 .links {
  display: flex;
  height: calc(50% - 8rem);
}
.step5 .taxon-links {
  overflow-y: auto;
  overflow-x: hidden;
}
.step5 .taxon-links table {
  height: 0px;
}
.step5 .taxon-links table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.step5 .taxon-links table th.edited {
  width: 1em;
}
.step5 .taxon-links table th.status {
  width: 1em;
}
.step5 .taxon-links table th.input {
  min-width: 21em;
}
.step5 .taxon-links table th.link {
  width: 2em;
}
.step5 .taxon-links table th.note {
  min-width: 15em;
  width: 20em;
}
.step5 .taxon-links table td {
  vertical-align: top;
}
.step5 .column-title {
  margin-bottom: 0.5rem;
  position: relative;
}
.step5 .column-title .filters {
  position: absolute;
  right: 1em;
  font-size: 90%;
}
.step5 .connect {
  padding-top: 10rem;
}
.step5 .synonyms {
  padding-left: 0.5rem;
}
.step5 .synonyms legend {
  color: gray;
  font-size: 1.6rem;
  margin-bottom: 0;
}
.step5 .synonyms ul {
  color: black;
}
.step5 .tax-info table {
  margin-left: 2.5rem;
}
.step5 .tax-info table td {
  padding: 0rem 0.5rem;
}
.step5 a:not([href]) {
  cursor: pointer;
}

.step6 #start {
  background-color: #ea8;
}
.step6 .message {
  color: red;
  padding-bottom: 0.5rem;
}
.step6 .table-container {
  height: calc(100vh - 30rem);
  overflow-y: auto;
  overflow-x: hidden;
}
.step6 .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.step6 .table-container table .taxonym-status-a, .step6 .table-container table .taxonym-status-b, .step6 .table-container table .concept-relation {
  text-align: center;
}

.column-title .mui-checkbox {
  display: inline;
  margin-left: 2em;
}

.toggle:hover {
  cursor: pointer;
}

.taxon-link-note:hover {
  cursor: pointer;
}

.relations {
  min-width: 60vw;
}
.relations h4 {
  margin: 0;
}
.relations hr {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.relations .column {
  padding-left: 1rem;
  padding-right: 1rem;
}

.dialog.match-info {
  min-width: 30vw;
}

.dialog.matching-options {
  min-width: 30vw;
}
.dialog.matching-options .main {
  text-align: center;
}

.dialog.linking-options {
  min-width: 30vw;
}
.dialog.linking-options .main {
  text-align: center;
}

.dialog.relation-info .taxon-links {
  border: 1px solid #aaa;
  height: 20vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.dialog.link-taxons .main .taxon-list .checklist-title {
  font-size: 1.5rem;
  font-weight: bold;
}
.dialog.link-taxons .main .taxon-list .taxons-container {
  border: 1px solid #aaa;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.dialog.link-taxons .main .taxon-list .taxons-container .taxons {
  height: 30vh;
  overflow-y: auto;
}
.dialog.link-taxons .main .taxon-list .taxons-container .taxons .accepted {
  padding-bottom: 0.5rem;
}
.dialog.link-taxons .main .taxon-list .taxons-container .taxons .accepted .synonym {
  padding-left: 2rem;
  color: #666;
}
.dialog.link-taxons .main .pairs {
  border: 1px solid #aaa;
  height: 10rem;
  overflow-y: auto;
}
.dialog.link-taxons .main .pairs table {
  width: 100%;
}
.dialog.link-taxons .main .pairs table body {
  background-color: white;
}
.dialog.link-taxons .main .pairs table .taxon-a, .dialog.link-taxons .main .pairs table .taxon-b {
  width: 43%;
}
.dialog.link-taxons .main .pairs table .status {
  width: 14%;
}

.dialog.select-autonyms {
  min-width: 80vw;
}
.dialog.select-autonyms .autonym-list {
  border: 1px solid #666;
}
.dialog.select-autonyms .autonym-list .message {
  padding: 0.5rem;
  min-height: 60vh;
}
.dialog.select-autonyms .autonym-list .list-box {
  min-height: 60vh;
  width: 100%;
  border: 0;
}
.dialog.select-autonyms .autonym-list .list-box:focus {
  outline: none;
}
.dialog.select-autonyms .autonym-list .list-box option {
  padding: 0.5rem;
}
.dialog.select-autonyms .arrows {
  padding-top: 3.5rem;
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
}
.dialog.select-autonyms .arrows button {
  min-width: 14rem;
}

.dialog.select-external-synonyms {
  min-width: 80vw;
}
.dialog.select-external-synonyms .taxname-list {
  position: relative;
}
.dialog.select-external-synonyms .taxname-list .unconnected-taxons {
  position: absolute;
  top: -1rem;
  left: 20rem;
}
.dialog.select-external-synonyms .taxname-list .message {
  height: 51rem;
}
.dialog.select-external-synonyms .taxname-list .taxnames {
  overflow-x: auto;
  border: 1px solid #666;
}
.dialog.select-external-synonyms .taxname-list .taxnames .header {
  height: 3rem;
  min-width: 70rem;
  margin-bottom: 0rem;
  background-color: #333;
  color: white;
  border-bottom: 1px solid #666;
}
.dialog.select-external-synonyms .taxname-list .taxnames .header .column {
  padding-top: 0.5rem;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
}
.dialog.select-external-synonyms .taxname-list .taxnames .header .select-all {
  padding-left: 1rem;
}
.dialog.select-external-synonyms .taxname-list .taxnames .header .input {
  display: inline-block;
  margin-left: 1rem;
  width: 50rem;
}
.dialog.select-external-synonyms .taxname-list .taxnames .header .taxonym-status {
  display: inline-block;
  width: 12rem;
}
.dialog.select-external-synonyms .taxname-list .taxnames .content {
  height: 48rem;
  min-width: 70rem;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
}
.dialog.select-external-synonyms .taxname-list .taxnames .content .accepted-names {
  padding-top: 0.5rem;
}
.dialog.select-external-synonyms .taxname-list .taxnames .content .accepted-names li {
  user-select: none;
}
.dialog.select-external-synonyms .taxname-list .taxnames .content .accepted-names .accepted .query-select {
  margin-left: 1rem;
}
.dialog.select-external-synonyms .taxname-list .taxnames .content .accepted-names .accepted .input {
  display: inline-block;
  margin-left: 1rem;
  font-weight: bold;
  width: 50rem;
}
.dialog.select-external-synonyms .taxname-list .taxnames .content .accepted-names .accepted .taxonym-status {
  display: inline-block;
  width: 12rem;
}
.dialog.select-external-synonyms .taxname-list .taxnames .content .accepted-names .synonym {
  margin-left: 2rem;
}
.dialog.select-external-synonyms .taxname-list .taxnames .content .accepted-names .synonym.internal {
  color: #666;
}
.dialog.select-external-synonyms .taxname-list .taxnames .content .accepted-names .synonym .source {
  display: inline-block;
  margin-left: 1rem;
  min-width: 6rem;
}
.dialog.select-external-synonyms .taxname-list .taxnames .content .accepted-names .synonym .internal {
  display: inline-block;
  margin-left: 4rem;
  min-width: 6rem;
}
.dialog.select-external-synonyms .taxname-list .taxnames .content .accepted-names .synonym .remove {
  display: inline-block;
  min-width: 2rem;
  margin-left: 1rem;
  cursor: pointer;
}
.dialog.select-external-synonyms .taxname-list .taxnames .content .accepted-names .synonym .input {
  font-weight: normal;
}
.dialog.select-external-synonyms .query-settings .mui-checkbox {
  margin: 0;
}
.dialog.select-external-synonyms .query-settings h4 {
  margin-bottom: 0.5rem;
}
.dialog.select-external-synonyms .query-settings .sources .mui-checkbox {
  display: inline-block;
  margin-right: 2rem;
}
.dialog.select-external-synonyms .query-control {
  margin-top: 1rem;
  position: relative;
}
.dialog.select-external-synonyms .query-control #start {
  background-color: #ea8;
}
.dialog.select-external-synonyms .query-control .messages h4 {
  margin-bottom: 0;
}
.dialog.select-external-synonyms .query-control .messages textarea#messages {
  margin-top: 0;
  font-size: 1.4rem;
  overflow-y: scroll;
}
.dialog.select-external-synonyms .query-control .messages .indicator {
  position: absolute;
  bottom: 1rem;
  right: 3rem;
  font-size: 200%;
  color: #666;
}
.dialog.select-external-synonyms .query-control .counter {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 1rem;
}
.dialog.select-external-synonyms .query-control .counter .value {
  display: inline-block;
  text-align: right;
  width: 3rem;
  font-weight: bold;
}
.dialog.select-external-synonyms .query-control .counter .legend {
  margin-left: 1rem;
}

.synopsis-editor {
  min-height: 100%;
}
.synopsis-editor table td, .synopsis-editor table th {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.synopsis-editor table th.accepted-name {
  width: 30rem;
}
.synopsis-editor .actions table td.checklist {
  width: 60rem;
}
.synopsis-editor .actions table td.region {
  width: 20rem;
}
.synopsis-editor .actions table .narrow {
  max-width: 4rem;
}
.synopsis-editor .group-headers table th.checklist {
  width: 60rem;
}
.synopsis-editor .group-headers table th.region {
  width: 20rem;
  position: relative;
}
.synopsis-editor .group-headers table th.region .menu-container {
  left: inherit;
  top: 1rem;
  right: 0;
}
.synopsis-editor .group-headers table th.region .menu-container .open {
  color: black;
  font-weight: normal;
  font-size: 100%;
}
.synopsis-editor .group-headers table th.region .menu-container .closed {
  padding: 1rem;
}
.synopsis-editor .group-headers table th.region .label {
  padding-left: 1rem;
  cursor: pointer;
}
.synopsis-editor .group-headers table tr {
  background-color: #888;
  color: white;
  height: 4rem;
}
.synopsis-editor .group-headers table th {
  border: 1px solid white;
}
.synopsis-editor .group-headers table .narrow {
  max-width: 4rem;
  overflow: hidden;
}
.synopsis-editor .group-headers table .locked-by-other-user {
  color: #ccc;
}
.synopsis-editor .group-headers table .done {
  color: lightgreen;
}
.synopsis-editor .filters th.filter {
  font-weight: normal;
  padding-bottom: 1rem;
}
.synopsis-editor .filters th.filter.select {
  width: 10rem;
}
.synopsis-editor .filters th.filter select {
  font-size: 100%;
  padding: 0rem;
}
.synopsis-editor .filters th.filter .text-input {
  padding: 0;
  margin: 0;
}
.synopsis-editor .filters th.filter .select-list {
  padding: 0;
}
.synopsis-editor .filters .narrow {
  max-width: 2rem;
}
.synopsis-editor .taxons {
  height: calc(100vh - 22rem);
  overflow-y: auto;
}
.synopsis-editor .taxons table td {
  background-color: #fff;
}
.synopsis-editor .taxons table td.accepted-name.title {
  font-weight: bold;
}
.synopsis-editor .taxons table tr.columns th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.synopsis-editor .taxons table td.value {
  width: 10rem;
  height: 32px;
  position: relative;
}
.synopsis-editor .taxons table td.value select {
  font-size: 100%;
}
.synopsis-editor .taxons table td.value.todo {
  color: red;
}
.synopsis-editor .taxons table td.value span.highlight {
  position: absolute;
  top: -0.5rem;
  right: 0.5rem;
}
.synopsis-editor .taxons table td.checklist.value {
  color: #666;
}
.synopsis-editor .taxons table th.region.header.association-status,
.synopsis-editor .taxons table th.region.header.geo-status {
  text-align: center;
}
.synopsis-editor .taxons table .narrow {
  max-width: 2rem;
  overflow: hidden;
}

.dialog.synopsis-user-access .list-box {
  width: 100%;
  height: 30rem;
}
.dialog.synopsis-user-access .actions #addusers {
  width: 10rem;
  margin-top: 2rem;
  margin-left: 2rem;
}
.dialog.synopsis-user-access .actions #removeusers {
  width: 10rem;
  margin-top: 1rem;
  margin-left: 2rem;
}

.dialog.synopsis-edit-regions .list-box {
  width: 100%;
  height: 30rem;
}
.dialog.synopsis-edit-regions .actions #addregions {
  width: 10rem;
  margin-top: 2rem;
  margin-left: 2rem;
}
.dialog.synopsis-edit-regions .actions #removeregions {
  width: 10rem;
  margin-top: 1rem;
  margin-left: 2rem;
}

.dialog.synopsis-values-diff .taxons {
  height: calc(100vh - 40rem);
  overflow-y: auto;
}
.dialog.synopsis-values-diff .taxons table {
  width: 100%;
}
.dialog.synopsis-values-diff .taxons table th, .dialog.synopsis-values-diff .taxons table td {
  padding: 0.5rem;
}
.dialog.synopsis-values-diff .taxons table td {
  background-color: #fff;
}
.dialog.synopsis-values-diff .taxons table td.accepted-name.title {
  font-weight: bold;
}
.dialog.synopsis-values-diff .taxons table tr.columns th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.dialog.synopsis-values-diff .taxons table td.checklist {
  color: #666;
}
.dialog.synopsis-values-diff .taxons table td.region.same {
  color: #666;
}
.dialog.synopsis-values-diff .actions {
  display: flex;
  justify-content: center;
}

.users .actions button {
  box-shadow: none;
}
.users .table-container {
  height: calc(100vh - 7rem - 7rem);
  overflow-y: auto;
}
.users .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.users .table-container table tr:hover {
  background-color: rgb(216.2363636364, 235.8545454545, 254.7636363636);
}
.users .table-container table td:first-child {
  width: 10rem;
}
.users .table-container table td:first-child span.actions {
  color: #444;
  float: right;
}
.users .table-container table td:first-child span.actions span.edit {
  cursor: pointer;
}
.users .table-container table td:first-child span.actions span.delete {
  cursor: pointer;
  margin-right: 1rem;
  margin-left: 0.5rem;
}

.edit-user-dialog .tenant-list {
  overflow-x: auto;
  height: 40rem;
}

.climport {
  overflow-y: auto;
}
.climport input[type=file] {
  width: 100%;
}
.climport input[type=file]::file-selector-button {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.87);
  background-color: rgb(216.2363636364, 235.8545454545, 254.7636363636);
  background-color: rgb(216.2363636364, 235.8545454545, 254.7636363636);
  font-size: small;
  height: 36px;
  letter-spacing: 0.03em;
  padding: 0 14px;
  margin-top: 6px;
  margin-bottom: 6px;
  border: none;
  cursor: pointer;
  border-radius: 2px;
}
.climport input[type=file]::file-selector-button:hover, .climport input[type=file]::file-selector-button:focus, .climport input[type=file]::file-selector-button:active {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgb(241.5818181818, 248.3727272727, 254.9181818182);
}
.climport input[type=file]::file-selector-button[disabled]:hover, .climport input[type=file]::file-selector-button[disabled]:focus, .climport input[type=file]::file-selector-button[disabled]:active {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgb(216.2363636364, 235.8545454545, 254.7636363636);
}
.climport input[type=file]::file-selector-button.mui-btn--flat {
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
}
.climport input[type=file]::file-selector-button.mui-btn--flat:hover, .climport input[type=file]::file-selector-button.mui-btn--flat:focus, .climport input[type=file]::file-selector-button.mui-btn--flat:active {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgb(216.2363636364, 235.8545454545, 254.7636363636);
}
.climport input[type=file]::file-selector-button.mui-btn--flat[disabled]:hover, .climport input[type=file]::file-selector-button.mui-btn--flat[disabled]:focus, .climport input[type=file]::file-selector-button.mui-btn--flat[disabled]:active {
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
}
.climport input[type=file]::file-selector-button:hover, .climport input[type=file]::file-selector-button:focus {
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .climport input[type=file]::file-selector-button:hover, .climport input[type=file]::file-selector-button:focus {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
}
.climport input[type=file]::file-selector-button:active:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .climport input[type=file]::file-selector-button:active:hover {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  }
}

.cl-links .established-links-section legend {
  margin-top: -1em;
}
.cl-links .established-links-section .table-container {
  min-height: 6em;
  max-height: 14em;
  overflow-y: auto;
  overflow-x: hidden;
}
.cl-links .established-links-section .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.cl-links .established-links-section .table-container table td {
  vertical-align: top;
}
.cl-links .established-links-section .table-container table td.actions {
  position: relative;
}
.cl-links .established-links-section .table-container table td.actions .menu-container {
  margin-left: 0.5em;
  margin-top: 0.3em;
}
.cl-links .established-links-section .table-container table td.actions .menu-container .open {
  width: 26rem;
}
.cl-links .more-paths-section .table-container {
  height: calc(100vh - 37em);
  overflow-y: auto;
  overflow-x: hidden;
}
.cl-links .more-paths-section .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.cl-links .more-paths-section .table-container table tr.path td.path-td {
  cursor: pointer;
  user-select: none;
  padding-left: 2em;
}
.cl-links .more-paths-section .table-container table td {
  vertical-align: top;
}
.cl-links .more-paths-section .table-container table td.actions {
  position: relative;
}
.cl-links .more-paths-section .table-container table td.actions .menu-container {
  margin-left: 0.5em;
  margin-top: 0.3em;
}
.cl-links .more-paths-section .table-container table td.actions .menu-container .open {
  width: 26rem;
}
.cl-links .more-paths-section .table-container table td.actions .fa-save {
  color: #666;
  margin-left: 2em;
  cursor: pointer;
}
.cl-links .path-toggle {
  width: 1em;
}
.cl-links .path-info .path-summary .unresolved {
  font-weight: bold;
}
.cl-links .path-info .path-step {
  padding-left: 2em;
  position: relative;
}
.cl-links .path-info .path-step .kind {
  position: absolute;
  left: 1em;
  top: -0.5em;
  color: #666;
}
.cl-links .checklist-link .id {
  margin-left: 0.5em;
}
.cl-links .checklist-link .version {
  font-size: 80%;
  margin-left: 0.5em;
}
.cl-links .checklist-link .version.in-progress {
  font-weight: bold;
  color: green;
}
.cl-links .checklist-link .version.fixed, .cl-links .checklist-link .version.published {
  color: red;
}
.cl-links .checklist-link .cl-editor-link {
  margin-right: 1em;
  font-size: 70%;
}

.dialog.cldiff {
  min-width: 80vw;
}
.dialog.cldiff .table-container {
  position: relative;
  height: calc(100vh - 33rem);
  overflow-y: auto;
  overflow-x: hidden;
}
.dialog.cldiff .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.dialog.cldiff .table-container table td {
  vertical-align: top;
}
.dialog.cldiff .table-container table.taxon-status {
  margin-bottom: 0.5em;
}
.dialog.cldiff .table-container table.taxon-status .highlight {
  font-weight: bold;
}
.dialog.cldiff .table-container label {
  font-weight: bold;
  margin-bottom: 0;
}
.dialog.cldiff .table-container .synonyms li.synonym {
  margin-left: 2em;
}
.dialog.cldiff .table-container .loading-indicator {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #aaa;
  font-size: 15rem;
}

.literature .literature-tab-content {
  margin-top: 2rem;
}
.literature .literature-tab-content .table-container {
  height: calc(100vh - 27rem);
  margin-bottom: 2rem;
  overflow-y: auto;
  overflow-x: auto;
}
.literature .literature-tab-content .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.literature .literature-tab-content .table-container table td {
  vertical-align: top;
}
.literature .literature-tab-content .table-container table .dbid {
  width: 8rem;
}
.literature .literature-tab-content .table-container table .edit {
  cursor: pointer;
}
.literature .literature-tab-content .table-container table .delete {
  display: inline-block;
  cursor: pointer;
  margin-left: 0.5rem;
}
.literature .literature-tab-content .table-container table .editing-status {
  width: 4rem;
  text-align: center;
  cursor: pointer;
}
.literature .literature-tab-content .table-container table .editing-status.in-progress {
  color: rgb(25.5, 25.5, 25.5);
}
.literature .literature-tab-content .table-container table .editing-status.done {
  color: #7a7;
}
.literature .literature-tab-content .table-container table .short-citation {
  width: 12rem;
}
.literature .literature-tab-content .table-container table .long-citation {
  width: 40rem;
}
.literature .shortcitationgroups-tab-content {
  margin-top: 2rem;
}
.literature .shortcitationgroups-tab-content .table-container {
  height: calc(100vh - 20rem);
  overflow-y: auto;
  overflow-x: auto;
}
.literature .shortcitationgroups-tab-content .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.literature .shortcitationgroups-tab-content .table-container table td {
  vertical-align: top;
}
.literature .shortcitationgroups-tab-content .table-container table .dbid {
  width: 8rem;
}
.literature .shortcitationgroups-tab-content .table-container table .edit {
  cursor: pointer;
}
.literature .shortcitationgroups-tab-content .table-container table .delete {
  display: inline-block;
  cursor: pointer;
  margin-left: 0.5rem;
}
.literature .shortcitationgroups-tab-content .table-container table .editing-status {
  width: 4rem;
  text-align: center;
  cursor: pointer;
}
.literature .shortcitationgroups-tab-content .table-container table .editing-status.in-progress {
  color: rgb(25.5, 25.5, 25.5);
}
.literature .shortcitationgroups-tab-content .table-container table .editing-status.done {
  color: #7a7;
}
.literature .shortcitationgroups-tab-content .table-container table .short-citation {
  width: 12rem;
}
.literature .import-tab-content {
  margin-top: 2rem;
}
.literature .import-tab-content .mode .mui-radio--inline {
  font-size: 1.1em;
}
.literature .import-tab-content .comparison-result .timestamp, .literature .import-tab-content .import-result .timestamp {
  margin-top: 1.5em;
}
.literature .import-tab-content .comparison-result .download-report, .literature .import-tab-content .import-result .download-report {
  display: inline-block;
  margin-top: 1rem;
}
.literature .import-tab-content .table-container {
  height: calc(100vh - 36rem);
  overflow-y: auto;
  overflow-x: auto;
}
.literature .import-tab-content .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
  padding: 0.25rem;
}
.literature .import-tab-content .table-container table td {
  vertical-align: top;
}
.literature .import-tab-content .table-container table .dbid {
  width: 8rem;
}
.literature .import-tab-content table.diff {
  border-top: 1px solid white;
}
.literature .import-tab-content table.diff .field {
  width: 10rem;
}
.literature .import-tab-content table.diff .db-value {
  width: 10rem;
}
.literature .import-tab-content table.diff .imported-value {
  width: 10rem;
}

.dialog.literature-dialog {
  min-width: 60vw;
}
.dialog.literature-dialog .field-container {
  height: 50vh;
  padding: 1rem;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-bottom: 2rem;
}
.dialog.literature-dialog .long-citation input, .dialog.literature-dialog .short-citation input {
  font-size: 14px;
}

.dialog.shortcitationgroup {
  min-width: 80vw;
}
.dialog.shortcitationgroup .middle {
  padding-top: 14rem;
}
.dialog.shortcitationgroup .middle button {
  display: block;
  margin: auto;
  width: 50%;
}
.dialog.shortcitationgroup .table-container {
  height: 30rem;
  overflow-y: auto;
  overflow-x: auto;
}
.dialog.shortcitationgroup .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.dialog.shortcitationgroup .table-container table td {
  vertical-align: top;
}
.dialog.shortcitationgroup .table-container table .dbid {
  width: 8rem;
}
.dialog.shortcitationgroup .table-container table .dbid .mui-checkbox {
  display: inline;
}
.dialog.shortcitationgroup .table-container table .unassign {
  cursor: pointer;
}

.dialog.literature-import-instructions {
  min-width: 50vw;
}
.dialog.literature-import-instructions .messages {
  max-height: 16rem;
  overflow: auto;
}
.dialog.literature-import-instructions .table-container {
  max-height: 45rem;
  min-height: 10rem;
  overflow-y: auto;
  overflow-x: auto;
  margin-bottom: 1rem;
}
.dialog.literature-import-instructions .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.dialog.literature-import-instructions .table-container table td {
  vertical-align: top;
}
.dialog.literature-import-instructions .table-container table .dbid {
  width: 8rem;
}
.dialog.literature-import-instructions .table-container table .dbid .mui-checkbox {
  display: inline;
}
.dialog.literature-import-instructions table.diff {
  border-top: 1px solid white;
}
.dialog.literature-import-instructions table.diff th {
  padding-left: 4px;
}
.dialog.literature-import-instructions table.diff .field {
  width: 10rem;
}
.dialog.literature-import-instructions table.diff .db-value {
  width: 10rem;
}
.dialog.literature-import-instructions table.diff .imported-value {
  width: 10rem;
}

.dialog.select-literature {
  min-width: 50vw;
}
.dialog.select-literature .table-container {
  max-height: 45rem;
  min-height: 10rem;
  overflow-y: auto;
  overflow-x: auto;
  margin-bottom: 1rem;
}
.dialog.select-literature .table-container table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.dialog.select-literature .table-container table td {
  vertical-align: top;
}
.dialog.select-literature .table-container table .dbid {
  width: 8rem;
}
.dialog.select-literature .table-container table .dbid .mui-checkbox {
  display: inline;
}

.taxname-parser #edn-data {
  font-family: monospace;
  font-size: 0.9em;
}
.taxname-parser .results-container {
  overflow-x: auto;
  max-height: 28rem;
  overflow-y: auto;
}
.taxname-parser .results-container table.results th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 4rem;
  background-color: #333;
  color: white;
  border: 1px solid white;
  border-top: 0;
}
.taxname-parser .results-container table.results .edn-data {
  font-size: 0.8em;
}

.concept-relation-sheet .accepted-name.taxname {
  font-weight: bold;
}
.concept-relation-sheet .cr-value {
  display: inline-block;
  font-weight: bold;
  min-width: 2rem;
}
.concept-relation-sheet .checklist {
  position: relative;
  border: 1px solid #ddd;
  margin-bottom: 1rem;
}
.concept-relation-sheet .checklist .visibility-toggle {
  position: absolute;
  top: 0.5rem;
  padding: 0.5rem;
  left: -2rem;
}
.concept-relation-sheet .checklist .checklist-title {
  padding: 0.5rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0.5rem;
}
.concept-relation-sheet .checklist .region {
  position: absolute;
  display: inline-block;
  right: 1rem;
}
.concept-relation-sheet .checklists {
  max-height: 40rem;
  overflow-y: auto;
  padding-left: 2rem;
}
.concept-relation-sheet ul.taxons {
  padding: 0.5rem;
  margin-bottom: 0;
}
.concept-relation-sheet ul.conceptual-synonyms li,
.concept-relation-sheet ul.nomenclatural-synonyms li {
  margin-left: 4rem;
  color: #444;
}

.dt--dialog {
  margin-top: 60px;
}

.dt--toast.success div::before {
  content: "✅ ";
}
.dt--toast.warning {
  background: rgba(255, 160, 0, 0.5);
}
.dt--toast.error {
  background: rgba(255, 0, 0, 0.5);
}
.dt--toast.error div::before {
  content: "❌ ";
}

.mui-checkbox label {
  display: inline-block;
  text-indent: hanging 3em;
}

/*# sourceMappingURL=stylesheet.css.map */