.l-row, .l-col {
  box-sizing: border-box;
  display: flex; }

.l-row {
  flex-direction: row; }

.l-col {
  flex-direction: column; }

.l-wrap {
  flex-wrap: wrap; }

.j-start {
  justify-content: flex-start; }

.j-end {
  justify-content: flex-end; }

.j-center {
  justify-content: center; }

.j-space-bet {
  justify-content: space-between; }

.j-space-aro {
  justify-content: space-around; }

.a-start {
  align-items: flex-start; }

.a-end {
  align-items: flex-end; }

.a-center {
  align-items: center; }

.a-base {
  align-items: baseline; }

.a-stretch {
  align-items: stretch; }

.flex {
  flex: 1;
  box-sizing: border-box; }

.flex-auto {
  flex: 1 1 auto;
  box-sizing: border-box; }

.flex-5 {
  flex: 1 1 5%;
  max-width: 5%;
  box-sizing: border-box; }

.flex-6 {
  flex: 1 1 6%;
  max-width: 6%;
  box-sizing: border-box; }

.flex-7 {
  flex: 1 1 7%;
  max-width: 7%;
  box-sizing: border-box; }

.flex-8 {
  flex: 1 1 8%;
  max-width: 8%;
  box-sizing: border-box; }

.flex-9 {
  flex: 1 1 9%;
  max-width: 9%;
  box-sizing: border-box; }

.flex-10 {
  flex: 1 1 10%;
  max-width: 10%;
  box-sizing: border-box; }

.flex-11 {
  flex: 1 1 11%;
  max-width: 11%;
  box-sizing: border-box; }

.flex-12 {
  flex: 1 1 12%;
  max-width: 12%;
  box-sizing: border-box; }

.flex-13 {
  flex: 1 1 13%;
  max-width: 13%;
  box-sizing: border-box; }

.flex-14 {
  flex: 1 1 14%;
  max-width: 14%;
  box-sizing: border-box; }

.flex-15 {
  flex: 1 1 15%;
  max-width: 15%;
  box-sizing: border-box; }

.flex-16 {
  flex: 1 1 16%;
  max-width: 16%;
  box-sizing: border-box; }

.flex-17 {
  flex: 1 1 17%;
  max-width: 17%;
  box-sizing: border-box; }

.flex-18 {
  flex: 1 1 18%;
  max-width: 18%;
  box-sizing: border-box; }

.flex-20 {
  flex: 1 1 20%;
  max-width: 20%;
  box-sizing: border-box; }

.flex-25 {
  flex: 1 1 25%;
  max-width: 25%;
  box-sizing: border-box; }

.flex-30 {
  flex: 1 1 30%;
  max-width: 30%;
  box-sizing: border-box; }

.flex-33 {
  flex: 1 1 33.333%;
  max-width: 33.333%;
  box-sizing: border-box; }

.flex-38 {
  flex: 1 1 38%;
  max-width: 38%;
  box-sizing: border-box; }

.flex-40 {
  flex: 1 1 40%;
  max-width: 40%;
  box-sizing: border-box; }

.flex-44 {
  flex: 1 1 44%;
  max-width: 44%;
  box-sizing: border-box; }

.flex-45 {
  flex: 1 1 45%;
  max-width: 45%;
  box-sizing: border-box; }

.flex-50 {
  flex: 1 1 50%;
  max-width: 50%;
  box-sizing: border-box; }

.flex-56 {
  flex: 1 1 56%;
  max-width: 56%;
  box-sizing: border-box; }

.flex-60 {
  flex: 1 1 60%;
  max-width: 60%;
  box-sizing: border-box; }

.flex-65 {
  flex: 1 1 65%;
  max-width: 65%;
  box-sizing: border-box; }

.flex-70 {
  flex: 1 1 70%;
  max-width: 70%;
  box-sizing: border-box; }

.flex-75 {
  flex: 1 1 75%;
  max-width: 75%;
  box-sizing: border-box; }

.flex-80 {
  flex: 1 1 80%;
  max-width: 80%;
  box-sizing: border-box; }

.flex-85 {
  flex: 1 1 85%;
  max-width: 85%;
  box-sizing: border-box; }

.flex-90 {
  flex: 1 1 90%;
  max-width: 90%;
  box-sizing: border-box; }

.flex-95 {
  flex: 1 1 95%;
  max-width: 95%;
  box-sizing: border-box; }

.flex-97 {
  flex: 1 1 97%;
  max-width: 97%;
  box-sizing: border-box; }

.flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  box-sizing: border-box; }

.flex-50s {
  flex: 1 1 50%;
  width: 50%;
  box-sizing: border-box; }
.ReactTable{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid rgba(0,0,0,0.1);}.ReactTable *{box-sizing:border-box}.ReactTable .rt-table{-webkit-box-flex:1;-ms-flex:auto 1;flex:auto 1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;border-collapse:collapse;overflow:auto}.ReactTable .rt-thead{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.ReactTable .rt-thead.-headerGroups{background:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.05)}.ReactTable .rt-thead.-filters{border-bottom:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-thead.-filters input,.ReactTable .rt-thead.-filters select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .rt-thead.-filters .rt-th{border-right:1px solid rgba(0,0,0,0.02)}.ReactTable .rt-thead.-header{box-shadow:0 2px 15px 0 rgba(0,0,0,0.15)}.ReactTable .rt-thead .rt-tr{text-align:center}.ReactTable .rt-thead .rt-th,.ReactTable .rt-thead .rt-td{padding:5px 5px;line-height:normal;position:relative;border-right:1px solid rgba(0,0,0,0.05);transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 0 0 0 transparent;}.ReactTable .rt-thead .rt-th.-sort-asc,.ReactTable .rt-thead .rt-td.-sort-asc{box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-sort-desc,.ReactTable .rt-thead .rt-td.-sort-desc{box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-cursor-pointer,.ReactTable .rt-thead .rt-td.-cursor-pointer{cursor:pointer}.ReactTable .rt-thead .rt-th:last-child,.ReactTable .rt-thead .rt-td:last-child{border-right:0}.ReactTable .rt-thead .rt-th:focus{outline-width:0}.ReactTable .rt-thead .rt-resizable-header{overflow:visible;}.ReactTable .rt-thead .rt-resizable-header:last-child{overflow:hidden}.ReactTable .rt-thead .rt-resizable-header-content{overflow:hidden;text-overflow:ellipsis}.ReactTable .rt-thead .rt-header-pivot{border-right-color:#f7f7f7}.ReactTable .rt-thead .rt-header-pivot:after,.ReactTable .rt-thead .rt-header-pivot:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ReactTable .rt-thead .rt-header-pivot:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:8px;margin-top:-8px}.ReactTable .rt-thead .rt-header-pivot:before{border-color:rgba(102,102,102,0);border-left-color:#f7f7f7;border-width:10px;margin-top:-10px}.ReactTable .rt-tbody{-webkit-box-flex:99999;-ms-flex:99999 1 auto;flex:99999 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;}.ReactTable .rt-tbody .rt-tr-group{border-bottom:solid 1px rgba(0,0,0,0.05);}.ReactTable .rt-tbody .rt-tr-group:last-child{border-bottom:0}.ReactTable .rt-tbody .rt-td{border-right:1px solid rgba(0,0,0,0.02);}.ReactTable .rt-tbody .rt-td:last-child{border-right:0}.ReactTable .rt-tbody .rt-expandable{cursor:pointer;text-overflow:clip}.ReactTable .rt-tr-group{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ReactTable .rt-tr{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ReactTable .rt-th,.ReactTable .rt-td{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;white-space:nowrap;text-overflow:ellipsis;padding:7px 5px;overflow:hidden;transition:.3s ease;transition-property:width,min-width,padding,opacity;}.ReactTable .rt-th.-hidden,.ReactTable .rt-td.-hidden{width:0 !important;min-width:0 !important;padding:0 !important;border:0 !important;opacity:0 !important}.ReactTable .rt-expander{display:inline-block;position:relative;margin:0;color:transparent;margin:0 10px;}.ReactTable .rt-expander:after{content:'';position:absolute;width:0;height:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);border-left:5.04px solid transparent;border-right:5.04px solid transparent;border-top:7px solid rgba(0,0,0,0.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.ReactTable .rt-expander.-open:after{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}.ReactTable .rt-resizer{display:inline-block;position:absolute;width:36px;top:0;bottom:0;right:-18px;cursor:col-resize;z-index:10}.ReactTable .rt-tfoot{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;box-shadow:0 0 15px 0 rgba(0,0,0,0.15);}.ReactTable .rt-tfoot .rt-td{border-right:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-tfoot .rt-td:last-child{border-right:0}.ReactTable.-striped .rt-tr.-odd{background:rgba(0,0,0,0.03)}.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover{background:rgba(0,0,0,0.05)}.ReactTable .-pagination{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3px;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);border-top:2px solid rgba(0,0,0,0.1);}.ReactTable .-pagination input,.ReactTable .-pagination select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .-pagination .-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:100%;border:0;border-radius:3px;padding:6px;font-size:1em;color:rgba(0,0,0,0.6);background:rgba(0,0,0,0.1);transition:all .1s ease;cursor:pointer;outline-width:0;}.ReactTable .-pagination .-btn[disabled]{opacity:.5;cursor:default}.ReactTable .-pagination .-btn:not([disabled]):hover{background:rgba(0,0,0,0.3);color:#fff}.ReactTable .-pagination .-previous,.ReactTable .-pagination .-next{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.ReactTable .-pagination .-center{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5;text-align:center;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.ReactTable .-pagination .-pageInfo{display:inline-block;margin:3px 10px;white-space:nowrap}.ReactTable .-pagination .-pageJump{display:inline-block;}.ReactTable .-pagination .-pageJump input{width:70px;text-align:center}.ReactTable .-pagination .-pageSizeOptions{margin:3px 10px}.ReactTable .rt-noData{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:1;pointer-events:none;padding:20px;color:rgba(0,0,0,0.5)}.ReactTable .-loading{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:-1;opacity:0;pointer-events:none;}.ReactTable .-loading > div{position:absolute;display:block;text-align:center;width:100%;top:50%;left:0;font-size:15px;color:rgba(0,0,0,0.6);-webkit-transform:translateY(-52%);transform:translateY(-52%);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.ReactTable .-loading.-active{opacity:1;z-index:2;pointer-events:all;}.ReactTable .-loading.-active > div{-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactTable .rt-resizing .rt-th,.ReactTable .rt-resizing .rt-td{transition:none !important;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative;
}
.Select input::-webkit-contacts-auto-fill-button,
.Select input::-webkit-credentials-auto-fill-button {
  display: none !important;
}
.Select input::-ms-clear {
  display: none !important;
}
.Select input::-ms-reveal {
  display: none !important;
}
.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.Select.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.Select.is-searchable.is-open > .Select-control {
  cursor: text;
}
.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.Select.is-focused > .Select-control {
  background: #fff;
}
.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
  background: #fff;
}
.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 42px;
}
.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  background: #fff;
}
.Select.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select.is-open .Select-arrow,
.Select .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}
.Select.Select--rtl {
  direction: rtl;
  text-align: right;
}
.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Select-control .Select-input:focus {
  outline: none;
  background: #fff;
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 17px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select--rtl .Select-arrow-zone {
  padding-right: 0;
  padding-left: 5px;
}
.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}
.Select-control > *:last-child {
  padding-right: 5px;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}
@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}
.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px;
}
.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-left: 1px solid rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
.CalendarDay {
  border: 1px solid #e4e7e7;
  padding: 0;
  box-sizing: border-box;
  color: #565a5c;
  cursor: pointer; }

.CalendarDay__button {
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  box-sizing: border-box; }
  .CalendarDay__button:active {
    outline: 0; }

.CalendarDay--highlighted-calendar {
  background: #ffe8bc;
  color: #565a5c;
  cursor: default; }
  .CalendarDay--highlighted-calendar:active {
    background: #007a87; }

.CalendarDay--outside {
  border: 0;
  cursor: default; }
  .CalendarDay--outside:active {
    background: #fff; }

.CalendarDay--hovered {
  background: #e4e7e7;
  border: 1px double #d4d9d9;
  color: inherit; }

.CalendarDay--blocked-minimum-nights {
  color: #cacccd;
  background: #fff;
  border: 1px solid #e4e7e7;
  cursor: default; }
  .CalendarDay--blocked-minimum-nights:active {
    background: #fff; }

.CalendarDay--selected-span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff; }
  .CalendarDay--selected-span.CalendarDay--hovered, .CalendarDay--selected-span:active {
    background: #33dacd;
    border: 1px double #00a699; }
  .CalendarDay--selected-span.CalendarDay--last-in-range {
    border-right: #00a699; }

.CalendarDay--hovered-span,
.CalendarDay--after-hovered-start {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87; }
  .CalendarDay--hovered-span:active,
  .CalendarDay--after-hovered-start:active {
    background: #80e8e0; }

.CalendarDay--selected-start,
.CalendarDay--selected-end,
.CalendarDay--selected {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff; }
  .CalendarDay--selected-start:active,
  .CalendarDay--selected-end:active,
  .CalendarDay--selected:active {
    background: #00a699; }

.CalendarDay--blocked-calendar {
  background: #cacccd;
  color: #82888a;
  cursor: default; }
  .CalendarDay--blocked-calendar:active {
    background: #cacccd; }

.CalendarDay--blocked-out-of-range {
  color: #cacccd;
  background: #fff;
  border: 1px solid #e4e7e7;
  cursor: default; }
  .CalendarDay--blocked-out-of-range:active {
    background: #fff; }

.CalendarMonth {
  text-align: center;
  padding: 0 13px;
  vertical-align: top;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .CalendarMonth table {
    border-collapse: collapse;
    border-spacing: 0;
    caption-caption-side: initial; }

.CalendarMonth--horizontal:first-of-type,
.CalendarMonth--vertical:first-of-type {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none; }

.CalendarMonth--horizontal {
  display: inline-block;
  min-height: 100%; }

.CalendarMonth--vertical {
  display: block; }

.CalendarMonth__caption {
  color: #3c3f40;
  margin-top: 7px;
  font-size: 18px;
  text-align: center;
  margin-bottom: 2px;
  caption-side: initial; }

.CalendarMonth--horizontal .CalendarMonth__caption,
.CalendarMonth--vertical .CalendarMonth__caption {
  padding: 15px 0 35px; }

.CalendarMonth--vertical-scrollable .CalendarMonth__caption {
  padding: 5px 0; }

.CalendarMonthGrid {
  background: #fff;
  z-index: 0;
  text-align: left; }

.CalendarMonthGrid--animating {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  z-index: 1; }

.CalendarMonthGrid--horizontal {
  position: absolute;
  left: 9px; }

.CalendarMonthGrid--vertical {
  margin: 0 auto; }

.CalendarMonthGrid--vertical-scrollable {
  margin: 0 auto;
  overflow-y: scroll; }

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left; }

.DayPicker--horizontal {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px; }
  .DayPicker--horizontal.DayPicker--portal {
    box-shadow: none;
    position: absolute;
    left: 50%;
    top: 50%; }

.DayPicker--vertical.DayPicker--portal {
  position: initial; }

.DayPicker__focus-region {
  outline: none; }

.DayPicker__week-headers {
  position: relative; }

.DayPicker--horizontal .DayPicker__week-headers {
  margin-left: 9px; }

.DayPicker__week-header {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  padding: 0 13px;
  text-align: left; }
  .DayPicker__week-header ul {
    list-style: none;
    margin: 1px 0;
    padding-left: 0;
    padding-right: 0; }
  .DayPicker__week-header li {
    display: inline-block;
    text-align: center; }

.DayPicker--vertical .DayPicker__week-header {
  left: 50%; }

.DayPicker--vertical-scrollable {
  height: 100%; }
  .DayPicker--vertical-scrollable .DayPicker__week-header {
    top: 0;
    display: table-row;
    border-bottom: 1px solid #dbdbdb;
    background: white; }
  .DayPicker--vertical-scrollable .transition-container--vertical {
    padding-top: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: scroll; }
  .DayPicker--vertical-scrollable .DayPicker__week-header {
    margin-left: 0;
    left: 0;
    width: 100%;
    text-align: center; }

.transition-container {
  position: relative;
  overflow: hidden;
  border-radius: 3px; }

.transition-container--horizontal {
  transition: height 0.2s ease-in-out; }

.transition-container--vertical {
  width: 100%; }

.DayPickerNavigation__prev,
.DayPickerNavigation__next {
  cursor: pointer;
  line-height: 0.78;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  user-select: none; }

.DayPickerNavigation__prev--default,
.DayPickerNavigation__next--default {
  border: 1px solid #dce0e0;
  background-color: #fff;
  color: #757575; }
  .DayPickerNavigation__prev--default:focus, .DayPickerNavigation__prev--default:hover,
  .DayPickerNavigation__next--default:focus,
  .DayPickerNavigation__next--default:hover {
    border: 1px solid #c4c4c4; }
  .DayPickerNavigation__prev--default:active,
  .DayPickerNavigation__next--default:active {
    background: #f2f2f2; }

.DayPickerNavigation--horizontal {
  position: relative; }
  .DayPickerNavigation--horizontal .DayPickerNavigation__prev,
  .DayPickerNavigation--horizontal .DayPickerNavigation__next {
    border-radius: 3px;
    padding: 6px 9px;
    top: 18px;
    z-index: 2;
    position: absolute; }
  .DayPickerNavigation--horizontal .DayPickerNavigation__prev {
    left: 22px; }
  .DayPickerNavigation--horizontal .DayPickerNavigation__prev--rtl {
    left: auto;
    right: 22px; }
  .DayPickerNavigation--horizontal .DayPickerNavigation__next {
    right: 22px; }
  .DayPickerNavigation--horizontal .DayPickerNavigation__next--rtl {
    right: auto;
    left: 22px; }
  .DayPickerNavigation--horizontal .DayPickerNavigation__prev--default svg,
  .DayPickerNavigation--horizontal .DayPickerNavigation__next--default svg {
    height: 19px;
    width: 19px;
    fill: #82888a; }

.DayPickerNavigation--vertical {
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 52px;
  width: 100%;
  z-index: 2; }
  .DayPickerNavigation--vertical .DayPickerNavigation__prev,
  .DayPickerNavigation--vertical .DayPickerNavigation__next {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 50%; }
  .DayPickerNavigation--vertical .DayPickerNavigation__next--default {
    border-left: 0; }
  .DayPickerNavigation--vertical .DayPickerNavigation__prev--default,
  .DayPickerNavigation--vertical .DayPickerNavigation__next--default {
    text-align: center;
    font-size: 2.5em;
    padding: 5px; }
    .DayPickerNavigation--vertical .DayPickerNavigation__prev--default svg,
    .DayPickerNavigation--vertical .DayPickerNavigation__next--default svg {
      height: 42px;
      width: 42px;
      fill: #484848; }

.DayPickerNavigation--vertical-scrollable {
  position: relative; }
  .DayPickerNavigation--vertical-scrollable .DayPickerNavigation__next {
    width: 100%; }

.DayPickerKeyboardShortcuts__show,
.DayPickerKeyboardShortcuts__close {
  background: none;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer; }
  .DayPickerKeyboardShortcuts__show:active,
  .DayPickerKeyboardShortcuts__close:active {
    outline: none; }

.DayPickerKeyboardShortcuts__show {
  width: 22px;
  position: absolute;
  z-index: 2; }

.DayPickerKeyboardShortcuts__show--bottom-right {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0; }
  .DayPickerKeyboardShortcuts__show--bottom-right:hover {
    border-right: 33px solid #008489; }
  .DayPickerKeyboardShortcuts__show--bottom-right .DayPickerKeyboardShortcuts__show_span {
    bottom: 0;
    right: -28px; }

.DayPickerKeyboardShortcuts__show--top-right {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0; }
  .DayPickerKeyboardShortcuts__show--top-right:hover {
    border-right: 33px solid #008489; }
  .DayPickerKeyboardShortcuts__show--top-right .DayPickerKeyboardShortcuts__show_span {
    top: 1px;
    right: -28px; }

.DayPickerKeyboardShortcuts__show--top-left {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0; }
  .DayPickerKeyboardShortcuts__show--top-left:hover {
    border-left: 33px solid #008489; }
  .DayPickerKeyboardShortcuts__show--top-left .DayPickerKeyboardShortcuts__show_span {
    top: 1px;
    left: -28px; }

.DayPickerKeyboardShortcuts__show_span {
  color: #fff;
  position: absolute; }

.DayPickerKeyboardShortcuts__panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px; }

.DayPickerKeyboardShortcuts__title {
  font-size: 16px;
  font-weight: bold;
  margin: 0; }

.DayPickerKeyboardShortcuts__list {
  list-style: none;
  padding: 0; }

.DayPickerKeyboardShortcuts__close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2; }
  .DayPickerKeyboardShortcuts__close svg {
    height: 15px;
    width: 15px;
    fill: #cacccd; }
    .DayPickerKeyboardShortcuts__close svg:hover, .DayPickerKeyboardShortcuts__close svg:focus {
      fill: #82888a; }
  .DayPickerKeyboardShortcuts__close:active {
    outline: none; }

.KeyboardShortcutRow {
  margin: 6px 0; }

.KeyboardShortcutRow__key-container {
  display: inline-block;
  white-space: nowrap;
  text-align: right;
  margin-right: 6px; }

.KeyboardShortcutRow__key {
  font-family: monospace;
  font-size: 12px;
  text-transform: uppercase;
  background: #f2f2f2;
  padding: 2px 6px; }

.KeyboardShortcutRow__action {
  display: inline;
  word-break: break-word;
  margin-left: 8px; }

.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow {
  margin-bottom: 16px; }

.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow__key-container {
  width: auto;
  text-align: left;
  display: inline; }

.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow__action {
  display: inline; }

.DateInput {
  font-weight: 200;
  font-size: 18px;
  line-height: 24px;
  color: #757575;
  margin: 0;
  padding: 8px;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle; }

.DateInput--with-caret::before,
.DateInput--with-caret::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: auto;
  border: 10px solid transparent;
  left: 22px;
  z-index: 2; }

.DateInput--open-down.DateInput--with-caret::before,
.DateInput--open-down.DateInput--with-caret::after {
  border-top: 0; }

.DateInput--open-down.DateInput--with-caret::before {
  top: 62px;
  border-bottom-color: rgba(0, 0, 0, 0.1); }

.DateInput--open-down.DateInput--with-caret::after {
  top: 63px;
  border-bottom-color: #fff; }

.DateInput--open-up.DateInput--with-caret::before,
.DateInput--open-up.DateInput--with-caret::after {
  border-bottom: 0; }

.DateInput--open-up.DateInput--with-caret::before {
  top: -24px;
  border-top-color: rgba(0, 0, 0, 0.1); }

.DateInput--open-up.DateInput--with-caret::after {
  top: -25px;
  border-top-color: #fff; }

.DateInput--disabled {
  background: #cacccd; }

.DateInput__input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  height: 100%;
  width: 100%; }
  .DateInput__input[readonly] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.DateInput__display-text {
  padding: 4px 8px;
  white-space: nowrap;
  overflow: hidden; }

.DateInput__display-text--has-input {
  color: #484848; }

.DateInput__display-text--focused {
  background: #99ede6;
  border-color: #99ede6;
  border-radius: 3px;
  color: #007a87; }

.DateInput__display-text--disabled {
  font-style: italic; }

.screen-reader-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.DateRangePicker {
  position: relative;
  display: inline-block; }

.DateRangePicker__picker {
  z-index: 1;
  background-color: #fff;
  position: absolute; }

.DateRangePicker__picker--rtl {
  direction: rtl; }

.DateRangePicker__picker--direction-left {
  left: 0; }

.DateRangePicker__picker--direction-right {
  right: 0; }

.DateRangePicker__picker--open-down {
  top: 72px; }

.DateRangePicker__picker--open-up {
  bottom: 72px; }

.DateRangePicker__picker--portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.DateRangePicker__picker--full-screen-portal {
  background-color: #fff; }

.DateRangePicker__close {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }
  .DateRangePicker__close svg {
    height: 15px;
    width: 15px;
    fill: #cacccd; }
  .DateRangePicker__close:hover, .DateRangePicker__close:focus {
    color: #b0b3b4;
    text-decoration: none; }

.DateRangePickerInput {
  background-color: #fff;
  border: 1px solid #cacccd;
  display: inline-block; }

.DateRangePickerInput--disabled {
  background: #cacccd; }

.DateRangePickerInput--rtl {
  direction: rtl; }

.DateRangePickerInput__arrow {
  display: inline-block;
  vertical-align: middle; }

.DateRangePickerInput__arrow svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px; }

.DateRangePickerInput__clear-dates {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 10px 0 5px; }

.DateRangePickerInput__clear-dates svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.DateRangePickerInput__clear-dates--hide {
  visibility: hidden; }

.DateRangePickerInput__clear-dates:focus,
.DateRangePickerInput__clear-dates--hover {
  background: #dbdbdb;
  border-radius: 50%; }

.DateRangePickerInput__calendar-icon {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px; }
  .DateRangePickerInput__calendar-icon svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle; }

.SingleDatePicker {
  position: relative;
  display: inline-block; }

.SingleDatePicker__picker {
  z-index: 1;
  background-color: #fff;
  position: absolute; }

.SingleDatePicker__picker--rtl {
  direction: rtl; }

.SingleDatePicker__picker--direction-left {
  left: 0; }

.SingleDatePicker__picker--direction-right {
  right: 0; }

.SingleDatePicker__picker--open-down {
  top: 72px; }

.SingleDatePicker__picker--open-up {
  bottom: 72px; }

.SingleDatePicker__picker--portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.SingleDatePicker__picker--full-screen-portal {
  background-color: #fff; }

.SingleDatePicker__close {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }
  .SingleDatePicker__close svg {
    height: 15px;
    width: 15px;
    fill: #cacccd; }
  .SingleDatePicker__close:hover, .SingleDatePicker__close:focus {
    color: #b0b3b4;
    text-decoration: none; }

.SingleDatePickerInput {
  background-color: #fff;
  border: 1px solid #dbdbdb; }

.SingleDatePickerInput--disabled {
  background: #cacccd; }

.SingleDatePickerInput--rtl {
  direction: rtl; }

.SingleDatePickerInput__clear-date {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 10px 0 5px; }

.SingleDatePickerInput__clear-date svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.SingleDatePickerInput__clear-date--hide {
  visibility: hidden; }

.SingleDatePickerInput__clear-date:focus,
.SingleDatePickerInput__clear-date--hover {
  background: #dbdbdb;
  border-radius: 50%; }

.SingleDatePickerInput__calendar-icon {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px; }
  .SingleDatePickerInput__calendar-icon svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle; }
@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\D7";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }
  .animated.bounceIn {
    animation-duration: .7s; }
  .animated.bounceOut {
    animation-duration: .5s; }
  .animated.bounceIn {
    animation-name: bounceIn; }
  .animated.bounceOut {
    animation-name: bounceOut; }
  .animated.fadeIn {
    animation-name: fadeIn;
    animation-duration: .7s; }
  .animated.fadeOut {
    animation-name: fadeOut;
    animation-duration: .3s; }
  .animated.bounceInDown {
    animation-name: bounceInDown; }
  .animated.bounceOutUp {
    animation-name: bounceOutUp; }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.rrt-confirm-holder {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999; }
  .rrt-confirm-holder .shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(50, 58, 68, 0.8); }
  .rrt-confirm-holder .rrt-confirm {
    width: 320px;
    background-color: white;
    position: absolute;
    z-index: 9;
    top: 20%;
    left: 50%;
    margin-left: -160px;
    box-shadow: 3px 3px 20px #333;
    border-radius: 4px;
    overflow: hidden; }
    .rrt-confirm-holder .rrt-confirm .rrt-message {
      width: 100%;
      padding: 5%;
      min-height: 50px;
      font-size: 1em;
      background-color: white;
      text-align: center;
      font-family: 'open-sanscondensed-light', sans-serif;
      clear: both; }
    .rrt-confirm-holder .rrt-confirm .rrt-buttons-holder {
      display: flex; }
      .rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button {
        flex-grow: 1;
        height: 50px;
        text-transform: capitalize;
        border: none;
        background-color: transparent;
        padding: 0;
        margin: 0;
        float: left;
        border-top: 1px solid #f0f0f0;
        font-size: 14px;
        overflow: hidden;
        cursor: pointer; }
        .rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:hover {
          background-color: #f5f5f5; }
        .rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-ok-btn:active {
          background-color: #60bb71;
          color: white; }
        .rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-cancel-btn:active {
          background-color: #db6a64;
          color: white; }
        .rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:focus {
          outline: none; }

body.toastr-confirm-active {
  overflow: hidden; }

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

.redux-toastr .top-left, .redux-toastr .top-right, .redux-toastr .top-center, .redux-toastr .bottom-left, .redux-toastr .bottom-right, .redux-toastr .bottom-center {
  width: 350px;
  position: fixed;
  z-index: 99999999;
  padding: 0 10px; }

.redux-toastr .top-left, .redux-toastr .top-right, .redux-toastr .top-center {
  top: 0; }

.redux-toastr .top-right, .redux-toastr .bottom-right {
  right: 0; }

.redux-toastr .bottom-left, .redux-toastr .bottom-right, .redux-toastr .bottom-center {
  bottom: 0; }

.redux-toastr .top-left, .redux-toastr .bottom-left {
  left: 0; }

.redux-toastr .top-center, .redux-toastr .bottom-center {
  left: 50%;
  margin-left: -175px; }

@media (max-width: 320px) {
  .redux-toastr .top-left, .redux-toastr .top-right, .redux-toastr .top-center, .redux-toastr .bottom-left, .redux-toastr .bottom-right, .redux-toastr .bottom-center {
    width: 320px; }
  .redux-toastr .top-center, .redux-toastr .bottom-center {
    margin-left: -160px; } }

.redux-toastr .toastr {
  background-color: #fcfcfc;
  width: 100%;
  min-height: 70px;
  overflow: hidden;
  margin: 10px 0;
  border-radius: 4px;
  position: relative;
  z-index: 2;
  color: #333;
  opacity: .94;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); }
  .redux-toastr .toastr:hover:not(.rrt-message) {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    opacity: 1; }
  .redux-toastr .toastr .toastr-status {
    width: 100%;
    height: 5px; }
    .redux-toastr .toastr .toastr-status.success {
      background-color: #60bb71; }
    .redux-toastr .toastr .toastr-status.warning {
      background-color: #f7a336; }
    .redux-toastr .toastr .toastr-status.info {
      background-color: #58abc3; }
    .redux-toastr .toastr .toastr-status.error {
      background-color: #db6a64; }
  .redux-toastr .toastr .rrt-left-container, .redux-toastr .toastr .rrt-right-container {
    float: left;
    text-align: center;
    overflow: hidden; }
  .redux-toastr .toastr .rrt-left-container {
    width: 80px;
    top: 0;
    left: 0;
    position: absolute;
    bottom: 0; }
    .redux-toastr .toastr .rrt-left-container .rrt-holder {
      width: 70px;
      height: 70px;
      position: absolute;
      top: 50%;
      margin-top: -35px;
      left: 5px;
      line-height: 60px; }
    .redux-toastr .toastr .rrt-left-container .toastr-icon {
      fill: white;
      vertical-align: middle;
      margin-top: 5px; }
  .redux-toastr .toastr .rrt-middle-container {
    width: 65%;
    margin-left: 80px;
    position: relative;
    float: left;
    font-family: Arial, Helvetica, sans-serif, sans-serif;
    font-size: 1em;
    text-align: left;
    padding: 10px 5px; }
    .redux-toastr .toastr .rrt-middle-container .rrt-title {
      font-size: 1.1em;
      font-weight: bold;
      margin-bottom: 5px; }
  .redux-toastr .toastr .rrt-right-container {
    width: 10%; }
  .redux-toastr .toastr .close-toastr {
    width: 10%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    font-size: 22px;
    border: none;
    outline: none;
    opacity: 0.5;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Arial sans-serif; }
    .redux-toastr .toastr .close-toastr:hover {
      opacity: 1; }
    .redux-toastr .toastr .close-toastr:focus {
      outline: none; }
  .redux-toastr .toastr.rrt-info, .redux-toastr .toastr.rrt-success, .redux-toastr .toastr.rrt-warning, .redux-toastr .toastr.rrt-error {
    color: white; }
  .redux-toastr .toastr.rrt-info {
    background-color: #58abc3; }
    .redux-toastr .toastr.rrt-info .rrt-progressbar {
      background-color: #378298; }
  .redux-toastr .toastr.rrt-success {
    background-color: #60bb71; }
    .redux-toastr .toastr.rrt-success .rrt-progressbar {
      background-color: #3e914d; }
  .redux-toastr .toastr.rrt-warning {
    background-color: #f7a336; }
    .redux-toastr .toastr.rrt-warning .rrt-progressbar {
      background-color: #d87e09; }
  .redux-toastr .toastr.rrt-error {
    background-color: #db6a64; }
    .redux-toastr .toastr.rrt-error .rrt-progressbar {
      background-color: #c5352e; }
  .redux-toastr .toastr.rrt-light .rrt-progressbar {
    background-color: #ccc; }
  .redux-toastr .toastr.rrt-light .toastr-icon {
    fill: #333 !important; }
  .redux-toastr .toastr.rrt-message {
    opacity: 1;
    border: 1px solid #dbdbdb; }
    .redux-toastr .toastr.rrt-message .rrt-title {
      width: 90%;
      height: 50px;
      text-align: center;
      overflow: hidden;
      font-size: 1.2em;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      line-height: 50px;
      padding: 0 20px; }
    .redux-toastr .toastr.rrt-message .rrt-text {
      width: 100%;
      max-height: 400px;
      overflow: hidden;
      overflow-y: auto;
      border-top: 1px solid #f1f1f1;
      border-bottom: 1px solid #f1f1f1;
      background-color: white;
      padding: 15px;
      font-size: 1.1em;
      margin-bottom: 20px; }
      .redux-toastr .toastr.rrt-message .rrt-text img {
        display: block;
        margin: 10px auto;
        max-width: 100%; }
    .redux-toastr .toastr.rrt-message .close-toastr {
      height: 50px; }
  .redux-toastr .toastr .rrt-progress-container {
    height: 5px;
    margin: 0 -20px -20px -60px;
    position: absolute;
    bottom: 20px;
    width: 100%; }
    .redux-toastr .toastr .rrt-progress-container .rrt-progressbar {
      border-radius: 0 0 0 4px;
      height: 100%; }

.redux-toastr .toastr-attention {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1; }

* {
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  margin: 0;
  font-family: "Lato", sans-serif; }

.is-hidden {
  display: none; }

.no-opac {
  opacity: 1 !important; }

.half-opac {
  opacity: 0.5; }

.underline {
  text-decoration: underline; }

.not-found {
  font-size: 2.5rem;
  text-align: center; }

.white-background {
  background-color: #ffffff !important; }

.break-word {
  overflow-wrap: break-word !important;
  white-space: initial !important; }

.cursor-p {
  cursor: pointer; }

.text-wrap-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.created {
  color: #01a651;
  font-weight: bold; }

.bold {
  font-weight: bold; }

.deleted {
  color: #d0021b;
  font-weight: bold; }

.grey {
  color: #6c7d86; }

.cn-highlight {
  cursor: pointer;
  color: #dd712f;
  font-weight: bold; }

.zoom-table-wrapper .ReactTable {
  border: none; }
  .zoom-table-wrapper .ReactTable .rt-resizer {
    display: none; }
  .zoom-table-wrapper .ReactTable .rt-noData {
    font-size: 2rem;
    position: relative;
    text-align: center;
    display: block;
    z-index: 0; }
  .zoom-table-wrapper .ReactTable .rt-table .rt-thead {
    background: #f5f5f5;
    display: flex;
    box-shadow: none;
    min-width: 5rem; }
    .zoom-table-wrapper .ReactTable .rt-table .rt-thead .rt-th.-sort-asc {
      box-shadow: none; }
    .zoom-table-wrapper .ReactTable .rt-table .rt-thead .rt-th.-sort-desc {
      box-shadow: none; }
    .zoom-table-wrapper .ReactTable .rt-table .rt-thead .rt-tr {
      padding-right: 1.2rem; }
      .zoom-table-wrapper .ReactTable .rt-table .rt-thead .rt-tr .rt-th {
        outline: none;
        height: 4rem;
        line-height: 4rem;
        padding: 0 0.5rem;
        flex: 100 0 auto;
        width: 10rem;
        font-size: 1.2rem;
        font-weight: bold;
        opacity: 0.7;
        border-right: 0;
        font-family: "Lato", sans-serif; }
      .zoom-table-wrapper .ReactTable .rt-table .rt-thead .rt-tr .rt-th:first-child {
        padding-left: 2rem;
        min-width: 4rem; }
      .zoom-table-wrapper .ReactTable .rt-table .rt-thead .rt-tr .rt-th:last-child {
        padding-right: 2rem; }
  .zoom-table-wrapper .ReactTable .rt-table .rt-tbody {
    min-width: 5rem;
    overflow-y: scroll;
    background: #ffffff; }
    .zoom-table-wrapper .ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr {
      border-bottom: 0.1rem solid #e0e0e0;
      height: 5rem;
      line-height: 5rem;
      font-size: 1.4rem;
      font-family: Lato;
      align-items: center; }
      .zoom-table-wrapper .ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td {
        flex: 100 0 auto;
        padding: 0 0.5rem;
        border-right: 0;
        opacity: 0.7;
        min-width: 4rem; }
      .zoom-table-wrapper .ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td:first-child {
        padding-left: 2rem;
        opacity: 0.7; }
      .zoom-table-wrapper .ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td:last-child {
        padding-right: 2rem;
        opacity: 1; }
  .zoom-table-wrapper .ReactTable .rt-tbody .rt-tr-group {
    border: none;
    min-height: 4.5rem; }
  .zoom-table-wrapper .ReactTable .rt-thead .rt-resizable-header-content {
    text-align: left; }
  .zoom-table-wrapper .ReactTable .pagination-bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: #fff; }
  .zoom-table-wrapper .ReactTable .toli-members {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.zoom-table-wrapper ::-webkit-scrollbar {
  width: 1.2rem;
  background: #ffffff; }

.zoom-table-wrapper ::-webkit-scrollbar-thumb {
  background: #d8d8d8;
  border-radius: 1rem;
  min-height: 5rem; }

.DateInput {
  font-weight: 200;
  font-size: 1.2rem;
  width: inherit;
  line-height: 2.4rem;
  padding: 0rem;
  color: #757575;
  margin: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.table-cell-custom-retail {
  line-height: normal !important;
  font-size: 1.2rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.table-cell-custom-retail-clickable {
  line-height: normal !important;
  font-size: 1.2rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  cursor: pointer;
  color: #dd712f; }

.table-head-custom-retail {
  line-height: normal !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.rt-tr {
  height: inherit !important; }

.rt-noData {
  top: 3rem !important; }

.RichTextEditor__root___2QXK- {
  font-family: inherit;
  font-size: inherit;
  height: inherit;
  width: inherit;
  max-height: inherit;
  max-width: inherit;
  overflow-x: inherit; }

.RichTextEditor__editor___1QqIU {
  overflow-y: hidden; }

.table-cell-custom-ticketing {
  line-height: normal !important;
  font-size: 1.4rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.table-cell-custom-ticketing-overdue {
  line-height: normal !important;
  font-size: 1.4rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  color: red !important; }

.prq-select-wrapper-1 {
  width: 100% !important;
  height: 3.2rem !important;
  background-color: #fafafa !important; }

.prq-select-wrapper-2 {
  width: 45% !important;
  margin-left: 4rem !important;
  height: 3.2rem !important; }

.prq-select-wrapper-3 {
  width: 100% !important;
  height: 3.2rem !important;
  margin: 1rem 0 !important;
  background-color: #fafafa !important; }

.prq-input-search-wrapper {
  width: 28rem; }

.prq-input-1 {
  width: 80% !important;
  background-color: #fafafa !important; }

.prq-input-1-error {
  width: 80% !important;
  background-color: #fafafa !important;
  border-color: #d44141 !important; }

.prq-input-2 {
  width: 100% !important;
  background-color: #fafafa !important;
  margin: 1rem 0 !important; }

.prq-input-3 {
  width: 11.1rem !important;
  margin-right: 1rem;
  background-color: #fafafa !important; }

.prq-input-less-wide {
  width: 7.1rem !important;
  background-color: #fafafa !important;
  margin-right: 1rem; }

.prq-input-wider-bigger {
  width: 100% !important;
  height: 5rem !important;
  background-color: #fafafa !important; }

.prq-date-picker {
  height: 3.2rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #e0e0e0;
  width: 100%;
  font-weight: 500;
  padding: 0.5rem;
  color: #4c4c4c;
  outline: none;
  background-color: #fafafa;
  margin: 1rem 0; }

.circled-icon {
  font-size: 2rem;
  line-height: 2rem;
  background: #475d68;
  color: white;
  cursor: pointer;
  width: 2.2rem;
  text-align: center;
  height: 2.2rem;
  border-radius: 10rem; }

.icon-wrapper {
  width: 2rem;
  background: #e0e0e0;
  font-family: AmericanTypewriter;
  font-weight: bold;
  height: 1.5rem;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  display: flex;
  align-items: center; }

.existing-prq-table-wrapper {
  padding: 1rem 0; }
  .existing-prq-table-wrapper .ReactTable {
    max-height: 30rem;
    border: 0.1rem solid #e0e0e0; }
    .existing-prq-table-wrapper .ReactTable .rt-table .rt-thead {
      background: #f5f5f5;
      display: flex;
      box-shadow: none;
      min-width: 5rem !important; }
      .existing-prq-table-wrapper .ReactTable .rt-table .rt-thead .rt-th.-sort-asc {
        box-shadow: none; }
      .existing-prq-table-wrapper .ReactTable .rt-table .rt-thead .rt-th.-sort-desc {
        box-shadow: none; }
      .existing-prq-table-wrapper .ReactTable .rt-table .rt-thead .rt-tr {
        padding-right: 0;
        min-width: 5rem !important; }
        .existing-prq-table-wrapper .ReactTable .rt-table .rt-thead .rt-tr .rt-th {
          outline: none;
          height: 4rem;
          line-height: 4rem;
          padding: 0 0.5rem;
          flex: 100 0 auto;
          width: 10rem;
          font-size: 1rem;
          font-weight: bold;
          opacity: 0.7;
          border-right: 0;
          font-family: "Lato", sans-serif;
          background: #ffffff !important; }
        .existing-prq-table-wrapper .ReactTable .rt-table .rt-thead .rt-tr .rt-th:first-child {
          padding-left: 1rem; }
        .existing-prq-table-wrapper .ReactTable .rt-table .rt-thead .rt-tr .rt-th:last-child {
          padding-right: 1rem; }
    .existing-prq-table-wrapper .ReactTable .rt-table .rt-tbody {
      background: #fafafa;
      display: flex;
      box-shadow: none;
      min-width: 5rem !important; }
      .existing-prq-table-wrapper .ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td {
        outline: none;
        height: 4rem;
        line-height: 4rem;
        padding: 0 0.5rem;
        flex: 100 0 auto;
        font-size: 1.1rem;
        font-weight: bold;
        opacity: 0.7;
        border-right: 0;
        font-family: "Lato", sans-serif;
        background: #ffffff !important; }
      .existing-prq-table-wrapper .ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td:first-child {
        padding-left: 1rem; }
      .existing-prq-table-wrapper .ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td:last-child {
        padding-right: 1rem; }

.prq-client-address-container {
  position: fixed;
  z-index: 10;
  top: 41%;
  left: 6%;
  background-color: #ffffff;
  overflow-y: scroll; }

.action-button-wrapper {
  width: 20rem; }

.action-button {
  width: 100%;
  text-align: center;
  height: 3.5rem;
  line-height: 3.5rem;
  border-radius: 0.3rem;
  background-color: #dd712f;
  font-size: 1.4rem;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer; }

.input-error {
  border: 0.2rem solid #ff0000 !important; }

.tooltip {
  line-height: normal !important;
  font-size: 1.4rem !important; }

.zt-filter-panel-parent {
  height: 5.6rem;
  background-color: #fafafa;
  padding: 1rem 1.6rem; }

.zt-filter-component-wrapper {
  margin-left: 1.6rem;
  z-index: 1; }

.zt-filter-label {
  opacity: 0.7;
  font-size: 1.4rem;
  font-weight: 500;
  margin-right: 1.6rem; }

.zt-custom-th {
  height: 5rem !important;
  line-height: normal !important;
  display: flex !important;
  align-items: center !important;
  font-size: 1.2rem !important; }

.zt-custom-td {
  position: relative;
  height: 8.2rem !important;
  line-height: normal !important;
  display: flex !important;
  align-items: center !important;
  font-size: 1.2rem !important; }

.rrt-confirm-holder .rrt-confirm {
  width: 37rem;
  background-color: white;
  position: absolute;
  z-index: 9;
  top: 20%;
  font-size: 1.4rem;
  left: 50%;
  margin-left: -16rem;
  box-shadow: 0.3rem 0.3rem 2rem #333;
  border-radius: 0.4rem;
  overflow: hidden; }

.rrt-text {
  cursor: pointer;
  font-size: 1.4rem; }

.react-datepicker__month-container {
  width: 20rem;
  height: 16rem;
  float: left; }

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 1.2rem; }

.react-datepicker__day-names {
  white-space: nowrap;
  font-size: 1rem; }

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 1.05rem;
  width: 2.4rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }
.ticket-dashboard-wrapper--2qz-5 {
  background-color: #fafafa; }

.rectangle--zORsB {
  background-color: #ffffff;
  width: 30%;
  border-left: 0.1rem solid #f2f2f2; }

.rectangle-selected--3LqE7 {
  background-color: #ffffff;
  border-bottom: solid 0.3rem;
  border-bottom-color: #e18045;
  border-left: 0.1rem solid #f2f2f2;
  width: 30%; }

.reason-for-closure-text--vHyBK {
  padding: 1rem;
  font-size: 1.8rem;
  border-radius: 1rem;
  width: 100%;
  height: 20rem;
  font-family: inherit;
  align-self: center;
  outline: none; }

.reason-for-closure-wrapper--1lPcM {
  width: 60rem;
  background-color: white;
  height: min-content;
  min-height: 10rem; }

.escalate-modal-body-wrapper--33ASA {
  margin-left: 2rem;
  font-size: 1.8rem;
  border-radius: 1rem;
  width: 96%;
  height: 20rem;
  font-family: inherit; }

.attachment-confirm-btn--1ygAl {
  padding: 1rem;
  justify-content: flex-end;
  margin-top: 1rem; }

.escalate-modal-btn-wrapper--2-Q40 {
  width: 10.4rem;
  height: 4rem;
  border-radius: 0.2rem;
  background-color: #dd712f;
  font-size: 1.6rem;
  font-weight: bold;
  color: white;
  cursor: pointer;
  margin-right: 0.8%; }

.button-group--1W-5O {
  margin-left: 2rem; }

.upper-div--1U0sB {
  padding: 0.5%; }

.upper-div-wrapper--2lWc5 {
  background-color: #f2f2f2;
  border-bottom: 0.2rem solid #a0a0a0;
  padding: 0.5%; }

.select--24ey2 {
  width: 100%;
  height: 3.2rem;
  background-color: white;
  margin-bottom: 1rem; }

.filter-tab--aAbZY {
  height: 10%;
  background-color: #f2f2f2; }

.filter-by-text--cnYoV {
  font-size: 1.6rem; }

.summary-count--hTfWs {
  font-size: 4.8rem;
  text-align: center;
  height: 30%; }

.empty-box--2Fzw- {
  width: 5%; }

.tab-box--c0oFk {
  width: 80%; }

.create-button--2tJgo {
  width: 100%;
  font-size: 1.6rem;
  text-align: center;
  padding: 0.6rem;
  color: #ffffff;
  background-color: #e18045;
  border-radius: 0.3rem;
  cursor: pointer; }

.create-button-spacing--13U_m {
  padding-top: 5%; }

.summary-text--27TY8 {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 1.5rem;
  height: 70%; }

.assignee-input--3fxJt {
  width: 25rem;
  padding: 1%; }

.comment-time-and-agent-details--2Kcc0 p {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden; }
.create-ticket-wrapper--3VhyE {
  margin-top: 1rem;
  padding-left: 5rem;
  background-color: #ffffff; }

.filter-component-wrapper--V78Fr {
  margin-left: 1.6rem;
  z-index: 1; }

.attachment-confirm-btn--1b3qR {
  width: 10.4rem;
  height: 4rem;
  border-radius: 0.2rem;
  background-color: #dd712f;
  font-size: 1.6rem;
  font-weight: bold;
  color: white;
  cursor: pointer;
  margin-right: 0.8%; }

.attachment-confirm-btn-wrapper--1U5Ea {
  padding: 1rem;
  justify-content: flex-end; }

.initial-utility-bar--3UgeC {
  padding: 0.6rem;
  justify-content: center;
  padding-left: 16rem; }

.utility-bar--vZB-n {
  padding: 0.6rem; }

.border-box--3FR0L {
  border: 0.1rem;
  width: 100rem; }

.right-input--4DRO0 {
  padding-left: 5rem;
  padding-right: 5rem; }

.btn-wrapper--1F8hW {
  padding-top: 5rem;
  padding-bottom: 5rem; }

.btn-text-wrapper--3adMd {
  width: 20rem;
  height: 4rem;
  padding: 1rem;
  border-radius: 0.2rem;
  background-color: #dd712f;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  box-shadow: 0 0.1rem 0.1rem 0.1rem #e0e0e0; }

.body--3AuiC {
  font-size: 1.2rem;
  font-weight: 500;
  color: #989898; }

.select--2vFiK {
  width: 100%;
  height: 3.2rem;
  background-color: white;
  border-radius: 0.2rem;
  border: solid 0.1rem #e0e0e0; }

.select-wrapper--3w86- {
  height: 100%;
  font-size: 1.4rem;
  color: #4c4c4c;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%; }

.success-dialog--1wsog {
  position: fixed;
  width: 30%;
  height: 30%;
  z-index: 1;
  background-color: #f2f2f2;
  border: solid 0.1rem #979797; }

.success-dialog-button--ISzTn {
  padding-top: 5%;
  margin-left: 20%; }

.success-dialog-text--28vMT {
  font-size: 1.6rem;
  width: 40rem;
  height: 10rem;
  padding: 5%; }

.success-dialog-link--QXzyQ {
  text-decoration: underline; }

.long-input-box--1x2v9 {
  width: 67rem; }

.small-input-box--1yFH5 {
  width: 25rem; }

.initial-render--2uvz0 {
  vertical-align: center;
  margin-top: 19rem; }

.initial-render-title--1ICIq {
  font-size: 2rem;
  font-weight: bold;
  padding: 2rem;
  text-align: center; }

.richTextDiv--1Xha8 {
  height: 19rem;
  width: 67rem; }

.view-cc-button--18KDk {
  text-decoration: underline;
  font-size: 1.3rem;
  cursor: pointer;
  margin-right: 1rem;
  padding: 1%; }

.notification-text--15I59 {
  font-size: 1.3rem; }

.attachment-modal-wrapper--1XiFo {
  width: 50rem; }
.loader-icn-wrapper--iDLua {
  height: 100%;
  display: block; }

.loader-icn--1iO2V {
  height: 4rem;
  width: 4rem;
  display: block;
  margin: auto; }

.loading-msg--xUKk4 {
  font-size: 1.6rem;
  margin: 0.5rem auto;
  text-align: center; }
.attachment-modal-wrapper--27R_1 {
  width: 100%;
  background-color: white;
  height: min-content;
  min-height: 10rem;
  padding: 1.5rem; }

.attachment-wrapper--AtKaE {
  background: white;
  height: min-content;
  padding: 2rem; }

.dropzone-wrapper--15IsW {
  min-height: 17vh;
  height: min-content;
  border-radius: .4rem;
  background: white;
  padding: 1vh;
  border: #9b9b9b;
  border: 0.1rem solid #e0e0e0;
  cursor: pointer; }

.upload-attachment-icon-wrapper--3EqpD {
  padding: 1rem 2rem;
  opacity: 0.5;
  text-align: center; }

.initial-attachment-text--jIoM8 {
  font-size: 1.5rem;
  font-family: inherit;
  text-align: center;
  justify-content: center;
  display: flex;
  opacity: 0.5;
  padding-left: 2rem; }

.file-input--3eBQM {
  margin-left: 0.8rem;
  margin-top: 2rem;
  width: 2rem; }

.max-file-size-attachment-text--3CJwj {
  font-size: 1.2rem;
  font-family: inherit;
  text-align: left;
  opacity: 0.5; }

.heading-attachment-text--33mOI {
  font-size: 1.8rem;
  opacity: 0.7;
  text-align: center; }

.attachment-file-name--2eY8l {
  font-size: 1.4rem;
  font-family: inherit; }

.attachment-file-size--3K4dY {
  font-size: 1.2rem;
  font-family: inherit;
  word-wrap: break-word; }

.attachment-files-combined--2zpO3 {
  max-height: 30vh;
  overflow-y: auto;
  padding: .5rem 0; }

.cancel-attachment-icn--2lhuz {
  height: 2rem;
  width: 2rem; }

.cancel-button--dCAUr {
  background: transparent;
  border: transparent;
  padding-top: 1.75vh;
  cursor: pointer; }

.uploaded-file-wrapper--1Q_-w {
  padding: .5rem;
  margin: 1rem 0;
  border: #9b9b9b;
  border: 0.1rem solid #e0e0e0;
  display: flex;
  align-items: center;
  border-radius: .4rem; }

.comment-icn--iO7o0 {
  height: 4rem;
  width: 4rem; }
.modal-wrapper--3Cy6V {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11; }

.modal-parent--38Zj4 {
  z-index: 12;
  position: relative; }

.modal-backdrop--2LjEE {
  background-color: #7f7f7f;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.5; }

.loader-parent--1IL_D {
  position: absolute;
  height: 100%;
  width: 100%; }

.modal-header--1QKK0 {
  height: 6.1rem;
  background-color: #f5f5f5;
  padding: 1.6rem;
  border-bottom: solid 0.1rem #e9e9e9; }

.modal-title--3PsVj {
  font-size: 1.8rem;
  font-weight: 500;
  color: #4c4c4c; }

.modal-body--2TfZQ {
  background-color: #ffffff;
  max-height: 60rem;
  overflow: auto; }

.modal-close--1P8Cm {
  cursor: pointer;
  opacity: 0.28; }

.modal-close-white--3kjHi {
  cursor: pointer; }

.dummy-div-to-keep-title-in-center--3OWf7 {
  opacity: 0; }

.back-btn-wrapper--3Ardd {
  font-size: 2rem;
  color: #ffffff;
  cursor: pointer; }

.back-icn--2AL48 {
  padding-top: 0.3rem; }

.theme-black--eGAAX .modal-parent--38Zj4 {
  width: 94.5%;
  position: fixed;
  bottom: 0; }

.theme-black--eGAAX .modal-header--1QKK0 {
  height: 4.7rem;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  background-color: #292e34; }

.theme-black--eGAAX .modal-title--3PsVj {
  font-size: 1.4rem;
  color: #ffffff; }

.theme-grey--2T4EB .modal-parent--38Zj4 {
  width: 40%; }

.theme-grey--2T4EB .modal-header--1QKK0 {
  height: 4.7rem;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  background-color: #eaeaea; }

.theme-grey--2T4EB .modal-title--3PsVj {
  opacity: 0.6;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: left;
  color: var(--black); }

.theme-grey--2T4EB .modal-body--2TfZQ {
  height: 35rem; }
.select-wrapper--Rpjcl {
  min-width: 10rem;
  height: 3.6rem;
  border-radius: 0.2rem;
  background-color: #fafafa;
  border: solid 0.1rem #e0e0e0;
  cursor: pointer;
  position: relative;
  width: inherit; }

.disabled-look--Kf2aV {
  opacity: 0.4; }

.cc-disable-input--Xu5xT {
  opacity: 0.5;
  cursor: not-allowed; }

.label-wrapper--Q9dwg {
  height: 100%;
  width: 100%;
  padding-left: 0.8rem;
  padding-right: 0.8rem; }

.select-arrow-icn--2sa7F {
  opacity: 0.5; }

.select-label--2eTCJ {
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  color: #4c4c4c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.options-wrapper--2ICpy {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 14rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  background-color: #ffffff;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.18);
  z-index: 11;
  overflow-y: scroll; }

.option-row--1rBjJ {
  border-top: solid 0.1rem rgba(0, 0, 0, 0.07);
  font-size: 1.2rem;
  color: #4c4c4c;
  min-height: 2.8rem;
  padding-left: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis; }

.options-row-parent--21qE9 {
  max-height: 14rem;
  height: inherit; }

.select-search-input--3Mte6 {
  width: 95%;
  height: 2.3rem;
  border-radius: 0.5rem;
  border: solid 0.1rem #e4e4e4;
  color: #666666;
  padding-left: 0.8rem; }

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0.7rem; }

::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 0.1rem rgba(255, 255, 255, 0.5); }
.input-label--1Ficf {
  font-size: 1.2rem;
  font-weight: 500;
  color: #989898;
  margin-bottom: .4rem; }

.input-field--1pyQZ {
  height: 3.2rem;
  border-radius: .2rem;
  border: solid .1rem #e0e0e0;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  padding: .8rem;
  color: #4C4C4C;
  outline: none; }

.cc-disable-input--vmg2h {
  opacity: 0.4;
  cursor: not-allowed; }
.ticketing-cc-modal-wrapper--1-M2d {
  width: 50rem;
  min-height: 20rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 1.4rem;
  padding-top: 1.4rem; }

.delete-icon--2HnBQ {
  cursor: pointer;
  opacity: 0.28;
  width: 1.5rem;
  height: 1.5rem; }

.email-text--xs_Bp {
  font-size: 1.7rem; }

.confirm-btn-wrapper--1vAa8 {
  padding: 1rem;
  justify-content: flex-end; }

.confirm-btn--1mnyg {
  width: 10.4rem;
  height: 4rem;
  border-radius: 0.2rem;
  background-color: #dd712f;
  font-size: 1.6rem;
  font-weight: bold;
  color: white;
  cursor: pointer;
  margin-right: 0.8%; }
.action-buttons-group--1-7B6 {
  display: flex;
  width: 14rem;
  height: 100%;
  align-items: center; }

.action-button-wrapper--10RDE {
  width: 95%;
  cursor: pointer;
  position: relative;
  height: 100%;
  display: block;
  color: #9b9b9b;
  border: 0.2rem solid #9b9b9b;
  border-radius: 0.4rem;
  box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.1); }

.icon-container--6E6V1 {
  display: flex;
  width: 100%;
  padding: .2rem;
  height: 70%; }

.image--1Pnab {
  width: 100%;
  height: 85%;
  opacity: 1; }

.label--2NXRV {
  font-size: 1rem;
  border-top: 0.1rem solid #9b9b9b;
  color: white;
  height: 30%;
  background: #9b9b9b;
  width: 100%;
  text-align: center;
  line-height: normal;
  font-weight: bold; }

.action-button-retail-wrapper--1lHxR {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.2rem;
  background-color: #dd712f;
  cursor: pointer; }

.action-button-retail--1LNJZ {
  padding: 0.8rem;
  font-size: 1.2rem;
  line-height: normal;
  color: #ffffff;
  cursor: pointer; }

.action-button-retail-datewise--3Orfh {
  text-align: center; }
.zoom-table-legacy-wrapper--3dJin {
  background: white;
  font-family: "Lato", sans-serif;
  overflow: auto; }

.handover-pending-cn-wise-wrapper--CT0bc .ReactTable--3HxjL .rt-table--37QyH .rt-thead--Gt_X3 {
  border-bottom: 0.1rem solid #e0e0e0;
  background: white; }
.ticket-detail-wrapper--3zLuX {
  height: 68.5vh;
  width: 25%;
  float: left; }

.ticket-detail-container--38R8A {
  padding-left: 5%;
  height: 100%; }

.assignee-select-wrapper--f719R {
  width: 17.5rem; }

.comment-detail-wrapper--1lFta {
  background-color: #f0f0f0;
  width: 75%;
  float: right;
  height: 68.5vh; }

.comment-wrapper-ticket-closed--3aiuk {
  background-color: #f0f0f0;
  width: 75%;
  float: right;
  height: 90vh; }

.comment-detail-container--2EbyP {
  padding-top: 0.5%; }

.underline--UaOb4 {
  text-decoration: underline;
  text-underline-position: under; }

.utility-bar-ticket-open--2pbq6 {
  padding: 1%; }

.utility-bar-ticket-closed--1unRm {
  padding: 2%; }

.second-utility-bar--2X5Af {
  padding-bottom: 4%; }

.text-style--2FM7U {
  font-size: 130%;
  text-align: left;
  word-break: break-all;
  width: 95%; }

.cn-clickable--3fOKr {
  font-size: 130%;
  text-align: left;
  cursor: pointer; }

.btn-wrapper--1K-cD {
  width: 95%;
  border-radius: 5%;
  background-color: #d97317;
  color: white;
  font-size: 150%;
  cursor: pointer;
  text-align: center;
  line-height: 240%;
  font-weight: bold; }

.btn-disable-wrapper--3GtQ8 {
  width: 95%;
  border-radius: 4%;
  background-color: #475d68;
  color: white;
  font-size: 150%;
  text-align: center;
  line-height: 240%;
  font-weight: bold; }

.footer--20JYk {
  bottom: 0;
  background-color: #e6e6e6;
  width: 100%;
  vertical-align: bottom;
  min-height: calc(39vh - 6.3rem);
  height: fit-content;
  padding: 2%; }

.create-comment--3pEX1 {
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  font-size: 1.7rem;
  display: block;
  border-color: white;
  font-family: inherit;
  max-height: 25vh;
  max-width: 57vw; }

.write-comment-not-ce--gimnI {
  width: 100%;
  padding-top: 1%;
  height: 23vh; }

.rectangle-send-button--38Mq8 {
  width: 100%;
  height: 3rem;
  border-radius: 0.3rem;
  background-color: #d97317;
  color: white;
  font-size: 150%;
  cursor: pointer;
  text-align: center;
  align-self: center;
  bottom: 1.5rem;
  line-height: 3rem;
  font-weight: bold; }

.disable-rectangle-send-button--2n-Mv {
  width: 80%;
  height: 3rem;
  border-radius: 0.3rem;
  background-color: #475d68;
  color: white;
  font-size: 150%;
  text-align: center;
  align-self: center;
  bottom: 1.5rem;
  line-height: 3rem;
  font-weight: bold;
  cursor: not-allowed; }

.assign-to-me--3LWbS {
  font-size: 130%;
  text-align: right;
  -webkit-text-decoration-color: #00a699;
          text-decoration-color: #00a699;
  cursor: pointer; }

.all-events--byJeS {
  width: 14%;
  font-size: 2rem;
  text-align: left;
  background-color: #f0f0f0;
  margin-top: 1%;
  margin-top: 1%;
  height: 4vh;
  padding-left: 2%; }

.left-div--1xSrf {
  float: left; }

.right-div--nEQj1 {
  float: right; }

.rectangle-chat-left--S4bQj {
  width: 80%;
  max-height: fit-content;
  border-radius: 1.0rem;
  background-color: white;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.15);
  padding: 1%;
  margin-top: 1%; }

.name-chat--1MZFg {
  width: fit-content;
  height: fit-content;
  font-family: inherit;
  font-size: 1.4rem;
  text-align: left;
  float: left;
  color: #707070;
  font-weight: bold; }

.email-chat--3XEHH {
  width: fit-content;
  height: fit-content;
  font-size: 1.4rem;
  text-align: left;
  float: right;
  color: #707070;
  margin-left: 1.5%;
  font-style: italic; }

.rectangle-chat-right--paNzv {
  width: 80%;
  max-height: fit-content;
  margin-left: 15%;
  border-radius: 1rem;
  background-color: white;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.15);
  padding: 1%;
  margin-top: 1%; }

.date-chat--25MAq {
  width: fit-content;
  height: fit-content;
  font-size: 1.2rem;
  color: #b1b1b1;
  margin-left: 2%; }

.comment-chat--3Dmih {
  width: fit-content;
  height: fit-content;
  text-align: left;
  color: #777777;
  font-size: 1.1rem;
  word-wrap: break-word; }

.write-comment--3v0T9 {
  width: 100%;
  height: fit-content;
  padding-top: 1%; }

.to-div-style--2A0T0 {
  opacity: 0.7;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  align-items: center; }

.to-email--kFn3Q {
  font-size: 1.4rem;
  font-weight: bold;
  margin-left: 3%; }

.create-cc--3zKkg {
  width: 100%;
  border-radius: 1rem;
  margin-right: 0.65vw; }

.cc-style--LTIr- {
  width: 2.6rem;
  height: 1.6rem;
  opacity: 0.7;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left; }

.cc-div-style--1vekK {
  width: 100%;
  align-items: center; }

.to-style--n-yqe {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  margin-left: 1%; }

.internal-note--3O8W4 {
  opacity: 0.7;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  margin-left: 5%; }

.client-communication--3LQ7i {
  opacity: 0.7;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  margin-left: 5%; }

.comment-scrollable--32seC {
  overflow-y: auto;
  height: 46vh;
  margin-bottom: 0.5rem;
  padding-left: 2.5%; }

.comment-scrollable-ticket-closed--1Brg0 {
  overflow-y: auto;
  height: 70vh;
  margin-bottom: 0.5rem;
  padding-left: 2.5%; }

.comment-icn--1WjBU {
  height: 4rem;
  width: 4rem; }

.download-attachment-icn--9wJMb {
  height: 3rem;
  width: 3rem;
  opacity: 0.4; }

.download-attachment-button--2AYm8 {
  background: transparent;
  border: transparent;
  cursor: pointer; }

.send-button-div--3A0lE {
  position: relative;
  top: 26%; }

.interaction-count-button--2JOue {
  height: inherit;
  font-family: BrandonText;
  font-size: 2rem;
  font-weight: bold;
  margin-left: 1.2vw; }

.toastr-main-text--ZRB4I {
  height: 3rem;
  width: fit-content;
  font-size: 1.5rem;
  padding-top: 3%; }

.attachment-icn--3Kcaf {
  height: 2rem;
  width: 2rem; }

.attachment-button--e-mA2 {
  background: transparent;
  border: transparent; }

.radio-container--1TMAn {
  display: block;
  position: relative;
  padding-left: 4%;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: bold;
  opacity: 0.7;
  width: 25%; }

/* Hide the browser's default radio button */
.radio-container--1TMAn input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

/* Create a custom radio button */
.checkmark--1v_sT {
  position: absolute;
  top: 0;
  left: 0;
  height: 2rem;
  width: 2rem;
  background-color: white;
  border-radius: 50%; }

/* On mouse-over, add a grey background color */
.radio-container--1TMAn:hover input ~ .checkmark--1v_sT {
  background-color: #ccc; }

/* When the radio button is checked, add a background color*/
.radio-container--1TMAn input:checked ~ .checkmark--1v_sT {
  background-color: #d97317; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark--1v_sT:after {
  content: "";
  position: absolute;
  display: none; }

.radio-combined-div--3uYR_ {
  width: 100%; }

.email-cc--2WU-8 {
  width: 100%;
  padding-top: 1%; }

.escalate-modal-wrapper--34boa {
  width: 60rem;
  background-color: white;
  height: min-content;
  margin-right: 0.5%; }

.escalate-modal-text--29CVI {
  font-size: 1.8rem; }

.escalate-modal-btn-wrapper--2jAZx {
  width: 10.4rem;
  height: 4rem;
  border-radius: 0.2rem;
  background-color: #dd712f;
  font-size: 1.6rem;
  font-weight: bold;
  color: white;
  cursor: pointer;
  margin-right: 0.8%; }

.escalate-modal-row--E_G3X {
  align-items: center;
  padding: 2rem;
  width: 100%; }

.escalate-modal-input-wrapper--3_NmQ {
  margin-left: 2rem;
  font-size: 1.8rem; }

.escalate-modal-body-wrapper--143T1 {
  margin-left: 2rem;
  font-size: 1.8rem;
  border-radius: 1rem;
  width: 96%;
  height: 20rem;
  font-family: inherit; }

.attachment-wrapper--o2D7y {
  min-height: 10rem;
  width: 80%;
  background: white;
  height: min-content;
  padding: 1rem; }

.attachment-modal-wrapper--2e4Xq {
  width: 60rem;
  background-color: white;
  height: min-content;
  min-height: 10rem; }

.dropzone-wrapper--9J5Oc {
  min-height: 17vh;
  height: min-content;
  width: 100%;
  background: white;
  border: 0.1rem solid black; }

.initial-attachment-text--1EsmM {
  font-size: 1.8rem;
  font-family: inherit;
  text-align: center;
  opacity: 0.7; }

.attachment-file-name---kOsW {
  font-size: 1.2vw;
  font-family: inherit; }

.attachment-file-size--1X6_2 {
  font-size: 1vw;
  font-family: inherit;
  word-wrap: break-word; }

.attachment-files-combined--1_NHn {
  max-height: 30vh;
  overflow-y: auto;
  padding-top: 1vh;
  padding-bottom: 1vh; }

.cancel-attachment-icn--T8_iR {
  height: 2rem;
  width: 2rem; }

.cancel-button--2fToN {
  background: transparent;
  border: transparent;
  padding-top: 1.75vh; }

.attachment-confirm-btn--ZCeXr {
  padding: 1rem;
  justify-content: flex-end;
  margin-top: 1rem; }

.reason-for-closure-text--3gTmf {
  padding: 1rem;
  font-size: 1.8rem;
  border-radius: 1rem;
  width: 100%;
  height: 20rem;
  font-family: inherit;
  align-self: center;
  outline: none; }

.reason-for-closure-wrapper--1q27R {
  width: 60rem;
  background-color: white;
  height: min-content;
  min-height: 10rem; }

.plus-symbol-image--3Z4t2 {
  height: inherit;
  font-size: 150%; }

.ticketTitle--1SgHl {
  font-size: 2rem;
  padding-left: 2%; }

.ticketOwnerDetails--34pee {
  font-size: 130%;
  text-align: left;
  height: 3vh;
  padding-left: 2%;
  padding-left: 2%;
  width: 70vh; }

.RichTextEditor__editor___1QqIU--1pSlP {
  height: 100%; }

.input-file-style--2URhZ {
  display: none; }

.select-wrapper--VYjrd {
  min-width: 16.4rem;
  height: 3.6rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #e0e0e0;
  cursor: pointer;
  position: relative; }

.upload-file-wrapper--2pbNN {
  padding: 1vh;
  border: #9b9b9b;
  border: 0.1rem solid black;
  margin-top: 1vh; }

.child-ticket-modal-title--882hj {
  padding: 1%;
  font-size: 2vh;
  border: 0.1rem solid black;
  text-align: center; }

.qc-btn-wrapper--Y9k9O {
  width: 14rem;
  position: absolute;
  right: 5rem;
  margin: 0 1rem;
  top: 8rem;
  border-radius: 5%;
  background-color: #d97317;
  color: #ffffff;
  font-size: 150%;
  cursor: pointer;
  text-align: center;
  line-height: 240%;
  font-weight: bold; }

.text-style-underline--kIMfB {
  font-size: 130%;
  text-align: left;
  word-break: break-all;
  width: 95%;
  text-decoration: underline;
  text-underline-position: under; }

.button-container--2X_Td {
  display: flex;
  position: absolute;
  right: 1rem; }

.no-abs--4VfxM {
  position: relative;
  right: 0;
  top: 0; }
.modal-wrapper--1KRTr {
  width: 50rem;
  height: 40rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 1.4rem;
  padding-top: 1.4rem; }

.button--3GEqZ {
  width: 100%;
  font-size: 1.6rem;
  text-align: center;
  padding: 0.6rem;
  color: #ffffff;
  background-color: #e18045;
  border-radius: 0.3rem;
  cursor: pointer;
  margin-top: 2rem; }
.initial-utility-bar--3oG4s {
  padding: 0.6rem;
  justify-content: center;
  padding-left: 16rem; }

.utility-bar--1IVuE {
  padding: 0.6rem;
  width: 100%; }

.btn-wrapper--9SUts {
  width: 20rem;
  height: 3.6rem;
  background-color: #3e82f7;
  padding: 1%;
  cursor: pointer;
  justify-content: center;
  border-radius: 0.4rem;
  position: absolute;
  bottom: 8rem;
  right: 8rem; }

.btn-text-wrapper--2kmVH {
  color: #ffffff;
  margin: auto;
  font-size: 1.5rem; }

.body--1luvX {
  font-size: 1.2rem;
  font-weight: 500;
  color: #989898; }

.select--3cNgG {
  width: 30%;
  height: 3.2rem;
  background-color: white; }

.small-input-box--1IpLR {
  width: 25rem; }
.add-button--2sRSB {
  color: blue;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 1rem; }

.select-box--3NSAi {
  padding: 0.5rem;
  width: 100%; }

.delete-icon--1Qzhg {
  cursor: pointer;
  opacity: 0.50;
  width: 1.5rem;
  height: 1.5rem; }
.menu--1ooZG {
  width: 20%;
  background-color: #ffffff;
  height: calc(100vh - 5rem);
  padding: 1%;
  overflow-y: scroll; }

.main-component--3L6ux {
  width: 80%;
  background-color: #f9f7f7;
  height: 100%; }

.option-button--sU9jp {
  width: 90%;
  height: 5rem;
  margin-bottom: 0.4rem;
  margin-top: 0.4rem;
  background-color: #ffffff;
  border: solid 0.1rem;
  border-radius: 0.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer; }

.option-button-selected--21EUe {
  width: 90%;
  height: 5rem;
  margin-bottom: 0.4rem;
  margin-top: 0.4rem;
  background-color: #ffffff;
  border: solid 0.1rem #3e82f7;
  border-radius: 0.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer; }

.select--cxqAD {
  width: 90%; }

.option-text--1CJXi {
  font-size: 1.5rem; }

.option-text-selected--2D7m9 {
  font-size: 1.5rem;
  color: #3e82f7; }

.option-text-top--3bq5I {
  font-size: 1.5rem;
  color: #ffffff; }

.option-button-top--3S9H1 {
  width: 90%;
  height: 5rem;
  margin-bottom: 0.4rem;
  margin-top: 0.4rem;
  background-color: #3e82f7;
  border: solid 0.1rem #3e82f7;
  border-radius: 0.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer; }

.option-text--1CJXi:focus {
  font-size: 2rem;
  color: #3e82f7; }
.iframe-wrapper--3aaI3 {
  min-width: 84%;
  min-height: 90vh;
  overflow-y: auto;
  overflow-x: hidden; }

.iframe-container--9QX7o {
  width: 100%;
  height: 100%;
  border: none; }
.edit-category-button--whx2b {
  width: 11.5rem;
  height: 4rem;
  border: solid 0.1rem #3e82f7;
  padding: 1%;
  margin-right: 2rem; }

.edit-category-text--lN8at {
  color: #3e82f7;
  font-size: 1.5rem;
  cursor: pointer; }

.create-issue-button--1eYpL {
  width: 20rem;
  height: 4rem;
  background-color: #3e82f7;
  padding: 1%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  cursor: pointer; }

.create-issue-text--t2kxO {
  color: #ffffff;
  font-size: 1.5rem; }

.category-heading--28uJt {
  font-size: 3rem; }

.issue-types-table-wrapper--1f1fM {
  padding: 2%; }

.category-details-wrapper--2t5jL {
  padding: 1%;
  height: calc(100vh - 5rem);
  overflow-y: scroll; }
.initial-utility-bar--1F0lG {
  padding: 0.6rem;
  justify-content: center;
  padding-left: 16rem; }

.utility-bar--2lPZs {
  padding: 0.6rem;
  width: 50%; }

.btn-wrapper--3ChIk {
  width: 10rem;
  height: 3.6rem;
  background-color: #3e82f7;
  padding: 1%;
  cursor: pointer;
  justify-content: center;
  border-radius: 0.4rem; }

.btn-back-wrapper--2IuyG {
  width: 10rem;
  height: 3.6rem;
  border: solid 0.1rem #3e82f7;
  border-radius: 0.4rem;
  padding: 1%;
  margin-right: 2rem;
  justify-content: center;
  cursor: pointer; }

.btn-text-wrapper--2-zJK {
  color: #ffffff;
  margin: auto;
  font-size: 1.5rem; }

.btn-back-text-wrapper--2Ll-e {
  color: #3e82f7;
  font-size: 1.5rem; }

.button-group--FwEtA {
  float: right;
  margin-right: 15rem;
  margin-top: 5rem; }

.body--2LY6I {
  font-size: 1.2rem;
  font-weight: 500;
  color: #989898; }

.help-text--3_28C {
  float: right; }

.select--aLPB3 {
  width: 50%;
  height: 3.2rem;
  background-color: white; }

.create-category-wrapper--2CLgV {
  padding: 1%; }
.initial-utility-bar--1ykg6 {
  padding: 1%;
  justify-content: center; }

.utility-bar--1fuua {
  padding: 0.6rem;
  width: 100%; }

.escalation-input--1qKwQ {
  padding: 0.5rem;
  width: 6rem; }

.escalation-input-v--1kw24 {
  padding: 0.5rem;
  width: 6rem;
  margin-left: 4.5rem; }

.heading--3uRzq {
  margin-top: 2rem; }

.escalation-box--15Zka {
  width: 28rem;
  height: 28rem;
  background-color: #ffffff;
  border-radius: 0.4rem;
  border: solid 0.1rem #000000; }

.escalation-table--Xcxcm {
  padding-left: 2rem; }

.button-group--G4CSj {
  float: right;
  margin-right: 15rem;
  margin-top: 5rem;
  margin-bottom: 5rem; }

.btn-wrapper--2nNDW {
  width: 10rem;
  height: 3.6rem;
  background-color: #3e82f7;
  padding: 1%;
  cursor: pointer;
  justify-content: center;
  border-radius: 0.4rem; }

.btn-back-wrapper--1E5Ab {
  width: 10rem;
  height: 3.6rem;
  border: solid 0.1rem #3e82f7;
  border-radius: 0.4rem;
  padding: 1%;
  margin-right: 2rem;
  justify-content: center;
  cursor: pointer; }

.btn-text-wrapper--2fjHg {
  color: #ffffff;
  margin: auto;
  font-size: 1.5rem; }

.btn-back-text-wrapper--3beQd {
  color: #3e82f7;
  font-size: 1.5rem; }

.body--3iNcF {
  font-size: 1.2rem;
  font-weight: 500;
  color: #989898; }

.help-text--2rPra {
  float: right; }

.select--E9_ZE {
  width: 100%;
  height: 3.2rem;
  background-color: white; }

.pane--2Nt28 {
  margin-right: 5rem; }
.current-menu-wrapper--2w4My {
  height: 100%; }

.tutorial-heading--243nb {
  font-size: 3rem; }
.initial-utility-bar--33I9f {
  padding: 0.6rem;
  justify-content: center;
  padding-left: 6rem;
  height: 100%; }

.utility-bar--2IaNh {
  padding: 0.6rem;
  width: 100%; }

.heading--1Tee1 {
  margin-top: 2rem; }

.rightPane--2JAAX {
  width: 100%; }

.leftPane--CEwyE {
  width: 100%; }

.btn-wrapper--1t2IW {
  width: 10rem;
  height: 3.6rem;
  background-color: #3e82f7;
  padding: 1%;
  cursor: pointer;
  justify-content: center;
  border-radius: 0.4rem;
  justify-content: flex-end;
  margin-left: 26rem; }

.btn-text--hBXcc {
  color: #ffffff;
  margin: auto;
  font-size: 1.5rem; }

.body--3jSia {
  font-size: 1.2rem;
  font-weight: 500;
  color: #989898; }

.select--rrCCy {
  width: 70%; }

.escalation-select--1nvG2 {
  width: 70%;
  height: 3.2rem;
  margin-bottom: 2rem;
  margin-left: 0.5rem; }

.member-table--11SVW {
  border-collapse: collapse; }

.member-data--2GO4y {
  border: 0.1rem solid black;
  font-size: 1.5rem;
  padding: 0.8rem; }

.level-wrapper--1gRC1 {
  font-size: 1.5rem;
  width: 70%;
  margin: auto 0; }

.escalation-wrapper--1nz41 {
  align-items: inherit;
  margin: 1.5rem; }
.menu-bar-wrapper--2Kbsc {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  color: #fff;
  transition: height 400ms linear;
  z-index: 12; }

.hiddenWrapper--3S14h {
  position: fixed;
  top: 0;
  height: 0%;
  width: 100%;
  color: #fff;
  transition: height 400ms linear;
  z-index: 12; }

.menu-bar-container--2Oeq0 {
  background-color: #2d3138;
  overflow-y: hidden; }

.menu-bar-backdrop--15kks {
  background-color: #979797; }

.close-btn-wrapper--20pbK {
  width: 10%;
  height: 6.5rem;
  margin-left: 2rem; }

.close-btn-label--32Mpd {
  font-weight: 500;
  letter-spacing: 0.23rem;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.8rem;
  margin-left: 1.5rem; }

.routes-wrapper--2lASk {
  padding-left: 2rem;
  overflow: hidden; }

.routes-column-wrapper--MsQ2i {
  margin-right: 2rem; }

.route-cell-wrapper--3prD9 {
  border-radius: 0.4rem;
  border: solid 0.1rem rgba(255, 255, 255, 0.2);
  margin-top: 1rem;
  padding-left: 1.5rem;
  min-height: 4.8rem;
  cursor: pointer;
  font-size: 1.3rem;
  text-transform: uppercase; }

.routeTitleWrapper--bcDch {
  height: 100%; }

.route-title--2vEDo {
  font-weight: bold;
  letter-spacing: 0.23rem; }

.route-sub-route-cell-wrapper--2s8mP {
  padding-top: 1.6rem;
  padding-left: 0; }

.route-sub-route-cell-wrapper--2s8mP .route-title--2vEDo {
  padding-left: 1.5rem;
  cursor: auto; }

.sub-routes-wrapper--2Qk_t {
  margin-top: 2.5rem; }

.sub-route-cell-wrapper--1Kgiy {
  min-height: 4rem;
  font-weight: 500;
  letter-spacing: 0.18rem;
  color: #bfc1c3;
  border-bottom: solid 0.1rem #3c3f46;
  padding-left: 1.5rem; }

.sub-route-cell-wrapper--1Kgiy:last-child {
  border-bottom: 0; }

.column-1-cell-wrapper--2PF5y {
  background-color: #383c42;
  border: 0;
  padding: 0; }
  .column-1-cell-wrapper--2PF5y img {
    width: 35%; }

.menu-icn--2QmdA {
  border-bottom-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  margin-right: 1rem; }

.create-pickup-icn--j3h18 {
  background-color: #dd712f; }

.create-cn-icn--1nR1T {
  background-color: #6151ff; }

.cn-tracking-icn--1dMwn {
  background-color: #37b499; }

.pincode-service-icn--2oeto {
  background-color: #37b499; }

.column-1-wrapper--2qz5a { }

.column-2-wrapper--2oKUH { }

.column-3-wrapper--3AOAf { }

.column-4-wrapper--2G101 { }

.column-5-wrapper--13vLk { }

.column-6-wrapper--1AhiB { }
.header-wrapper--1aMBk {
  background-color: #292e34;
  width: 100%;
  font-size: 1.8rem;
  height: 6.4rem;
  color: #ffffff; }

.header-container--3bsDS {
  height: 100%; }

.hamburger-icn--lSSws {
  position: absolute;
  top: 2.6rem;
  left: 2rem;
  width: 1.8rem;
  height: 1.2rem; }

.hamburger-icn--lSSws span {
  display: block;
  position: absolute;
  height: 0.2rem;
  width: 100%;
  background: #fff;
  border-radius: 0.1rem; }

.hamburger-icn--lSSws span:nth-child(1) {
  top: 0rem; }

.hamburger-icn--lSSws span:nth-child(2) {
  top: 0.5rem; }

.hamburger-icn--lSSws span:nth-child(3) {
  top: 1rem; }

.page-title--ucLY5 {
  font-size: 2rem;
  font-weight: 500;
  margin-left: 2rem; }

.user-info--l4qa2 {
  font-size: 1.4rem; }

.logout-btn--2nmiA {
  font-size: 1.4rem; }

.beta-sub-title--1tJ8D {
  color: #dd712f;
  font-size: 1.4rem; }

.ticket-icon--3AK2Q {
  height: 4rem;
  width: 4rem; }

.ticket-text--1Ndcj {
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 1rem; }

.ticket-link-wrapper--LwfiB {
  background-color: #39404a;
  height: 100%;
  padding: 0 2rem; }

.header-right-part--f3_Ih {
  height: 100%; }
.ticket-dashboard-search-wrapper--1cwSa {
  width: 100%; }

.select-wrapper---AP9q {
  width: 15rem; }

.search-wrapper--34P1g {
  width: 60%; }
.search-box-wrapper--JRYSj {
  position: relative; }

.search-icn-wrapper--dA7t5 {
  position: absolute;
  top: 1rem;
  left: 1.2rem; }

.search-icn--oOsiD {
  opacity: 0.6;
  height: 2rem; }

.search-box-input--HecWD {
  width: 25rem;
  height: 3.6rem;
  border-radius: 0.2rem;
  background-color: #ffffff;
  border: solid 0.1rem #e0e0e0;
  padding-left: 4rem;
  font-size: 1.4rem; }

/*# sourceMappingURL=styles.css.map*/