.rating-container,.react-star-rating__root{
  vertical-align:middle;
  display:inline-block
}

.rating-container .rating-stars:before,.rating-container:before{
  content:attr(data-content)
}

.react-star-rating__star{
  width:25px
}

.react-star-rating__star #star-flat{
  fill:#c6c6c6
}

.react-star-rating__star #star-flat:hover{
  fill:#ffa91b
}

.react-star-rating__root{
  font-size:2em
}

.react-star-rating__root.rating-editing:hover{
  cursor:pointer
}

.rating-container{
  position:relative;
  color:#e3e3e3;
  overflow:hidden
}

.rating-container .rating-stars{
  position:absolute;
  left:0;
  top:0;
  white-space:nowrap;
  overflow:hidden;
  color:#f5a71b;
  transition:all .01s;
  -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(#FDBD47), to(#F5A71B))
}

.react-rating-caption{
  font-size:1.25em;
  vertical-align:middle;
  margin-right:.5em
}

.rating-disabled .rating-container:hover{
  cursor:not-allowed
}

.react-star-rating__size--sm{
  font-size:1em
}

.react-star-rating__size--md{
  font-size:2em
}

.react-star-rating__size--lg{
  font-size:2.5em
}

.Select{
  position:relative
}

.Select-control{
  position:relative;
  overflow:hidden;
  background-color:#fff;
  border:1px solid #ccc;
  border-color:#d9d9d9 #ccc #b3b3b3;
  border-radius:4px;
  box-sizing:border-box;
  color:#333;
  cursor:default;
  outline:none;
  padding:8px 52px 8px 10px;
  transition:all 200ms ease
}

.Select-control:hover{
  box-shadow:0 1px 0 rgba(0,0,0,.06)
}

.is-searchable.is-open>.Select-control{
  cursor:text
}

.is-open>.Select-control{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
  background:#fff;
  border-color:#b3b3b3 #ccc #d9d9d9
}

.is-open>.Select-control>.Select-arrow{
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) #999;
  border-width:0 5px 5px
}

.is-searchable.is-focused:not(.is-open)>.Select-control{
  cursor:text
}

.is-focused:not(.is-open)>.Select-control{
  border-color:#08c #0099e6 #0099e6;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 0 5px -1px rgba(0,136,204,.5)
}

.Select-placeholder{
  color:#aaa;
  padding:8px 52px 8px 10px;
  position:absolute;
  top:0;
  left:0;
  right:-15px;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.has-value>.Select-control>.Select-placeholder{
  color:#333
}

.Select-input>input{
  cursor:default;
  background:none rgba(0,0,0,0);
  box-shadow:none;
  height:auto;
  border:0 none;
  font-family:inherit;
  font-size:inherit;
  margin:0;
  padding:0;
  outline:none;
  display:inline-block;
  -webkit-appearance:none
}

.is-focused .Select-input>input{
  cursor:text
}

.Select-control:not(.is-searchable)>.Select-input{
  outline:none
}

.Select-loading{
  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;
  margin-top:-8px;
  position:absolute;
  right:30px;
  top:50%
}

.has-value>.Select-control>.Select-loading{
  right:46px
}

.Select-clear{
  color:#999;
  cursor:pointer;
  display:inline-block;
  font-size:16px;
  padding:6px 10px;
  position:absolute;
  right:17px;
  top:0
}

.Select-clear:hover{
  color:#c0392b
}

.Select-clear>span{
  font-size:1.1em
}

.Select-arrow-zone{
  content:" ";
  display:block;
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:30px;
  cursor:pointer
}

.Select-arrow{
  border-color:#999 rgba(0,0,0,0) rgba(0,0,0,0);
  border-style:solid;
  border-width:5px 5px 0;
  content:" ";
  display:block;
  height:0;
  margin-top:-ceil(2.5px);
  position:absolute;
  right:10px;
  top:14px;
  width:0;
  cursor:pointer
}

.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,.06);
  box-sizing:border-box;
  margin-top:-1px;
  max-height:200px;
  position:absolute;
  top:100%;
  width:100%;
  z-index:1000;
  -webkit-overflow-scrolling:touch
}

.Select-menu{
  max-height:198px;
  overflow-y:auto
}

.Select-option{
  box-sizing:border-box;
  color:#666;
  cursor:pointer;
  display:block;
  padding:8px 10px
}

.Select-option:last-child{
  border-bottom-right-radius:4px;
  border-bottom-left-radius:4px
}

.Select-option.is-focused{
  background-color:#f2f9fc;
  color:#333
}

.Select-option.is-disabled{
  color:#ccc;
  cursor:not-allowed
}

.Select-noresults{
  box-sizing:border-box;
  color:#999;
  cursor:default;
  display:block;
  padding:8px 10px
}

.Select.is-multi .Select-control{
  padding:2px 52px 2px 3px
}

.Select.is-multi .Select-input{
  vertical-align:middle;
  border:1px solid rgba(0,0,0,0);
  margin:2px;
  padding:3px 0
}

.Select-item{
  background-color:#f2f9fc;
  border-radius:2px;
  border:1px solid #c9e6f2;
  color:#08c;
  display:inline-block;
  font-size:1em;
  margin:2px
}

.Select-item-icon,.Select-item-label{
  display:inline-block;
  vertical-align:middle
}

.Select-item-label{
  cursor:default;
  border-bottom-right-radius:2px;
  border-top-right-radius:2px;
  padding:3px 5px
}

.Select-item-label .Select-item-label__a{
  color:#08c;
  cursor:pointer
}

.Select-item-icon{
  cursor:pointer;
  border-bottom-left-radius:2px;
  border-top-left-radius:2px;
  border-right:1px solid #c9e6f2;
  padding:2px 5px 4px
}

.Select-item-icon:hover,.Select-item-icon:focus{
  background-color:#ddeff7;
  color:#0077b3
}

.Select-item-icon:active{
  background-color:#c9e6f2
}

.Select.is-multi.is-disabled .Select-item{
  background-color:#f2f2f2;
  border:1px solid #d9d9d9;
  color:#888
}

.Select.is-multi.is-disabled .Select-item-icon{
  cursor:not-allowed;
  border-right:1px solid #d9d9d9
}

.Select.is-multi.is-disabled .Select-item-icon:hover,.Select.is-multi.is-disabled .Select-item-icon:focus,.Select.is-multi.is-disabled .Select-item-icon:active{
  background-color:#f2f2f2
}

@keyframes Select-animation-spin{
  to{
    transform:rotate(1turn)
  }
}

/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
 *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
 * 
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 * 
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */

.slider{
  display:inline-block;
  vertical-align:middle;
  position:relative
}

.slider.slider-horizontal{
  width:100%;
  height:20px
}

.slider.slider-horizontal .slider-track{
  height:10px;
  width:100%;
  margin-top:-5px;
  top:50%;
  left:0
}

.slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{
  height:100%;
  top:0;
  bottom:0
}

.slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle{
  margin-left:-10px
}

.slider.slider-horizontal .slider-tick.triangle,.slider.slider-horizontal .slider-handle.triangle{
  position:relative;
  top:50%;
  transform:translateY(-50%);
  border-width:0 10px 10px 10px;
  width:0;
  height:0;
  border-bottom-color:#036fa5;
  margin-top:0
}

.slider.slider-horizontal .slider-tick-container{
  white-space:nowrap;
  position:absolute;
  top:0;
  left:0;
  width:100%
}

.slider.slider-horizontal .slider-tick-label-container{
  white-space:nowrap;
  margin-top:20px
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{
  display:inline-block;
  padding-top:24px;
  text-align:center
}

.slider.slider-horizontal.slider-rtl .slider-track{
  left:initial;
  right:0
}

.slider.slider-horizontal.slider-rtl .slider-tick,.slider.slider-horizontal.slider-rtl .slider-handle{
  margin-left:initial;
  margin-right:-10px
}

.slider.slider-horizontal.slider-rtl .slider-tick-container{
  left:initial;
  right:0
}

.slider.slider-vertical{
  height:210px;
  width:20px
}

.slider.slider-vertical .slider-track{
  width:10px;
  height:100%;
  left:25%;
  top:0
}

.slider.slider-vertical .slider-selection{
  width:100%;
  left:0;
  top:0;
  bottom:0
}

.slider.slider-vertical .slider-track-low,.slider.slider-vertical .slider-track-high{
  width:100%;
  left:0;
  right:0
}

.slider.slider-vertical .slider-tick,.slider.slider-vertical .slider-handle{
  margin-top:-10px
}

.slider.slider-vertical .slider-tick.triangle,.slider.slider-vertical .slider-handle.triangle{
  border-width:10px 0 10px 10px;
  width:1px;
  height:1px;
  border-left-color:#036fa5;
  margin-left:0
}

.slider.slider-vertical .slider-tick-label-container{
  white-space:nowrap
}

.slider.slider-vertical .slider-tick-label-container .slider-tick-label{
  padding-left:4px
}

.slider.slider-vertical.slider-rtl .slider-track{
  left:initial;
  right:25%
}

.slider.slider-vertical.slider-rtl .slider-selection{
  left:initial;
  right:0
}

.slider.slider-vertical.slider-rtl .slider-tick.triangle,.slider.slider-vertical.slider-rtl .slider-handle.triangle{
  border-width:10px 10px 10px 0
}

.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label{
  padding-left:initial;
  padding-right:4px
}

.slider.slider-disabled .slider-handle{
  background-color:#cfcfcf;
  background-image:linear-gradient(to bottom, #DFDFDF, #BEBEBE);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#DFDFDF", endColorstr="#BEBEBE",GradientType=0)
}

.slider.slider-disabled .slider-track{
  background-color:#e7e7e7;
  background-image:linear-gradient(to bottom, #E5E5E5, #E9E9E9);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#E5E5E5", endColorstr="#E9E9E9",GradientType=0);
  cursor:not-allowed
}

.slider input{
  display:none
}

.slider .tooltip-inner{
  white-space:nowrap;
  max-width:none
}

.slider .tooltip{
  pointer-events:none
}

.slider .tooltip.top{
  margin-top:-36px
}

.slider .tooltip-inner{
  white-space:nowrap;
  max-width:none
}

.slider .hide{
  display:none
}

.slider-track{
  background-color:#f7f7f7;
  background-image:linear-gradient(to bottom, #F5F5F5, #F9F9F9);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#F5F5F5", endColorstr="#F9F9F9",GradientType=0);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  border-radius:4px;
  position:absolute;
  cursor:pointer
}

.slider-selection{
  background-color:#f7f7f7;
  background-image:linear-gradient(to bottom, #F9F9F9, #F5F5F5);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#F9F9F9", endColorstr="#F5F5F5",GradientType=0);
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
  box-sizing:border-box;
  border-radius:4px;
  position:absolute
}

.slider-selection.tick-slider-selection{
  background-color:#46c1fe;
  background-image:linear-gradient(to bottom, #52c5ff, #3abcfd);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#52c5ff", endColorstr="#3abcfd",GradientType=0)
}

.slider-track-low,.slider-track-high{
  box-sizing:border-box;
  border-radius:4px;
  position:absolute;
  background:rgba(0,0,0,0)
}

.slider-handle{
  background-color:#0478b2;
  background-image:linear-gradient(to bottom, #0480BE, #036fa5);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0480BE", endColorstr="#036fa5",GradientType=0);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
  position:absolute;
  top:0;
  width:20px;
  height:20px;
  background-color:#0480be;
  border:0px solid rgba(0,0,0,0)
}

.slider-handle:hover{
  cursor:pointer
}

.slider-handle.round{
  border-radius:20px
}

.slider-handle.triangle{
  background:rgba(0,0,0,0) none
}

.slider-handle.custom{
  background:rgba(0,0,0,0) none
}

.slider-handle.custom::before{
  line-height:20px;
  font-size:20px;
  content:"★";
  color:#726204
}

.slider-tick{
  background-color:#f7f7f7;
  background-image:linear-gradient(to bottom, #F5F5F5, #F9F9F9);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#F5F5F5", endColorstr="#F9F9F9",GradientType=0);
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
  box-sizing:border-box;
  position:absolute;
  cursor:pointer;
  width:20px;
  height:20px;
  filter:none;
  opacity:.8;
  border:0px solid rgba(0,0,0,0)
}

.slider-tick.round{
  border-radius:50%
}

.slider-tick.triangle{
  background:rgba(0,0,0,0) none
}

.slider-tick.custom{
  background:rgba(0,0,0,0) none
}

.slider-tick.custom::before{
  line-height:20px;
  font-size:20px;
  content:"★";
  color:#726204
}

.slider-tick.in-selection{
  background-color:#46c1fe;
  background-image:linear-gradient(to bottom, #52c5ff, #3abcfd);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#52c5ff", endColorstr="#3abcfd",GradientType=0);
  opacity:1
}

.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{
  margin-left:-8px;
  position:absolute
}

.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{
  box-sizing:content-box;
  position:absolute;
  border:8px solid rgba(0,0,0,0);
  height:0;
  width:1px
}

.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{
  content:"";
  z-index:-1;
  border-width:8px;
  left:-8px;
  border-bottom-color:#aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{
  top:0;
  margin-top:-8px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{
  border-top:none;
  border-bottom-color:#f0f0f0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{
  top:-1px;
  border-bottom-color:#aeaeae
}

.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{
  bottom:0;
  margin-bottom:-8px
}

.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before{
  border-bottom:none;
  border-top-color:#fff
}

.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before{
  bottom:-1px;
  border-top-color:#aeaeae
}

.react-datepicker-wrapper{
  display:inline-block;
  padding:0;
  border:0
}

.react-datepicker{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:.8rem;
  background-color:#fff;
  color:#000;
  border:1px solid #aeaeae;
  border-radius:.3rem;
  display:inline-block;
  position:relative
}

.react-datepicker--time-only .react-datepicker__triangle{
  left:35px
}

.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:.3rem;
  border-bottom-right-radius:.3rem
}

.react-datepicker__triangle{
  position:absolute;
  left:50px
}

.react-datepicker-popper{
  z-index:1
}

.react-datepicker-popper[data-placement^=bottom]{
  margin-top:10px
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{
  left:auto;
  right:50px
}

.react-datepicker-popper[data-placement^=top]{
  margin-bottom:10px
}

.react-datepicker-popper[data-placement^=right]{
  margin-left:8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{
  left:auto;
  right:42px
}

.react-datepicker-popper[data-placement^=left]{
  margin-right:8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{
  left:42px;
  right:auto
}

.react-datepicker__header{
  text-align:center;
  background-color:#f0f0f0;
  border-bottom:1px solid #aeaeae;
  border-top-left-radius:.3rem;
  padding-top:8px;
  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:.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 2px
}

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

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

.react-datepicker__navigation{
  background:none;
  line-height:1.7rem;
  text-align:center;
  cursor:pointer;
  position:absolute;
  top:10px;
  width:0;
  padding:0;
  border:.45rem solid rgba(0,0,0,0);
  z-index:1;
  height:10px;
  width:10px;
  text-indent:-999em;
  overflow:hidden
}

.react-datepicker__navigation--previous{
  left:10px;
  border-right-color:#ccc
}

.react-datepicker__navigation--previous:hover{
  border-right-color:#b3b3b3
}

.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover{
  border-right-color:#e6e6e6;
  cursor:default
}

.react-datepicker__navigation--next{
  right:10px;
  border-left-color:#ccc
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){
  right:95px
}

.react-datepicker__navigation--next:hover{
  border-left-color:#b3b3b3
}

.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover{
  border-left-color:#e6e6e6;
  cursor:default
}

.react-datepicker__navigation--years{
  position:relative;
  top:0;
  display:block;
  margin-left:auto;
  margin-right:auto
}

.react-datepicker__navigation--years-previous{
  top:4px;
  border-top-color:#ccc
}

.react-datepicker__navigation--years-previous:hover{
  border-top-color:#b3b3b3
}

.react-datepicker__navigation--years-upcoming{
  top:-4px;
  border-bottom-color:#ccc
}

.react-datepicker__navigation--years-upcoming:hover{
  border-bottom-color:#b3b3b3
}

.react-datepicker__month-container{
  float:left
}

.react-datepicker__year{
  margin:.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:.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:.3rem;
  position:absolute;
  right:-72px;
  top:0
}

.react-datepicker__time-container .react-datepicker__time{
  position:relative;
  background:#fff;
  border-bottom-right-radius:.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:.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:0px;
  padding-left:0px;
  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:#fff;
  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:rgba(0,0,0,0)
}

.react-datepicker__week-number{
  color:#ccc;
  display:inline-block;
  width:1.7rem;
  line-height:1.7rem;
  text-align:center;
  margin:.166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable{
  cursor:pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{
  border-radius:.3rem;
  background-color:#f0f0f0
}

.react-datepicker__day-names,.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:.166rem
}

.react-datepicker__month--selected,.react-datepicker__month--in-selecting-range,.react-datepicker__month--in-range,.react-datepicker__quarter--selected,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--in-range{
  border-radius:.3rem;
  background-color:#216ba5;
  color:#fff
}

.react-datepicker__month--selected:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--in-range:hover,.react-datepicker__quarter--selected:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--in-range:hover{
  background-color:#1d5d90
}

.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{
  color:#ccc;
  pointer-events:none
}

.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{
  cursor:default;
  background-color:rgba(0,0,0,0)
}

.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:.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:.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:#f0f
}

.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--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:.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:.3rem;
  background-color:#2a87d0;
  color:#fff
}

.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,.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__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__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__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){
  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:rgba(0,0,0,0)
}

.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover{
  background-color:#216ba5
}

.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{
  background-color:#f0f0f0
}

.react-datepicker__input-container{
  position:relative;
  display:inline-block;
  width:100%
}

.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{
  border:1px solid rgba(0,0,0,0);
  border-radius:.3rem
}

.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{
  border-top-color:#ccc;
  float:right;
  margin-left:20px;
  top:8px;
  position:relative;
  border-width:.45rem
}

.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:.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:.3rem;
  border-top-right-radius:.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;
  user-select:none;
  border-bottom-left-radius:.3rem;
  border-bottom-right-radius:.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:rgba(0,0,0,0);
  border:0;
  outline:0;
  padding:0px 6px 0px 0px;
  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:"×"
}

.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,.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__portal .react-datepicker__navigation{
  border:.81rem solid rgba(0,0,0,0)
}

.react-datepicker__portal .react-datepicker__navigation--previous{
  border-right-color:#ccc
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover{
  border-right-color:#b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover{
  border-right-color:#e6e6e6;
  cursor:default
}

.react-datepicker__portal .react-datepicker__navigation--next{
  border-left-color:#ccc
}

.react-datepicker__portal .react-datepicker__navigation--next:hover{
  border-left-color:#b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover{
  border-left-color:#e6e6e6;
  cursor:default
}

.react-datepicker-popper{
  z-index:2000
}

.rdw-option-wrapper{
  border:1px solid #f1f1f1;
  padding:5px;
  min-width:25px;
  height:20px;
  border-radius:2px;
  margin:0 4px;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  background:#fff;
  text-transform:capitalize
}

.rdw-option-wrapper:hover{
  box-shadow:1px 1px 0px #bfbdbd
}

.rdw-option-wrapper:active{
  box-shadow:1px 1px 0px #bfbdbd inset
}

.rdw-option-active{
  box-shadow:1px 1px 0px #bfbdbd inset
}

.rdw-option-wrapper img{
  width:13px
}

.rdw-option-disabled{
  opacity:.3;
  cursor:default
}

.rdw-dropdown-wrapper{
  height:30px;
  cursor:pointer;
  border:1px solid #f1f1f1;
  border-radius:2px;
  margin:0 3px;
  text-transform:capitalize;
  background:#fff
}

.rdw-dropdown-wrapper:focus{
  outline:none
}

.rdw-dropdown-wrapper:hover{
  box-shadow:1px 1px 0px #bfbdbd;
  background-color:#fff
}

.rdw-dropdown-wrapper:active{
  box-shadow:1px 1px 0px #bfbdbd inset
}

.rdw-dropdown-carettoopen{
  height:0px;
  width:0px;
  position:absolute;
  top:35%;
  right:10%;
  border-top:6px solid #000;
  border-left:5px solid rgba(0,0,0,0);
  border-right:5px solid rgba(0,0,0,0)
}

.rdw-dropdown-carettoclose{
  height:0px;
  width:0px;
  position:absolute;
  top:35%;
  right:10%;
  border-bottom:6px solid #000;
  border-left:5px solid rgba(0,0,0,0);
  border-right:5px solid rgba(0,0,0,0)
}

.rdw-dropdown-selectedtext{
  display:flex;
  position:relative;
  height:100%;
  align-items:center;
  padding:0 5px
}

.rdw-dropdown-optionwrapper{
  z-index:100;
  position:relative;
  border:1px solid #f1f1f1;
  width:98%;
  background:#fff;
  border-radius:2px;
  margin:0;
  padding:0
}

.rdw-dropdown-optionwrapper:hover{
  box-shadow:1px 1px 0px #bfbdbd;
  background-color:#fff
}

.rdw-dropdownoption-default{
  min-height:25px;
  display:flex;
  align-items:center;
  padding:0 5px
}

.rdw-dropdownoption-highlighted{
  background:#f1f1f1
}

.rdw-dropdownoption-active{
  background:#f5f5f5
}

.rdw-dropdownoption-disabled{
  opacity:.3;
  cursor:default
}

.rdw-inline-wrapper{
  display:flex;
  margin-bottom:6px
}

.rdw-inline-dropdown{
  width:50px
}

.rdw-inline-dropdownoption{
  height:40px;
  display:flex;
  justify-content:center
}

.rdw-block-wrapper{
  display:flex;
  align-items:center;
  margin-bottom:6px
}

.rdw-block-dropdown{
  width:110px
}

.rdw-fontsize-wrapper{
  display:flex;
  align-items:center;
  margin-bottom:6px
}

.rdw-fontsize-dropdown{
  min-width:40px
}

.rdw-fontsize-option{
  display:flex;
  justify-content:center
}

.rdw-fontfamily-wrapper{
  display:flex;
  align-items:center;
  margin-bottom:6px
}

.rdw-fontfamily-dropdown{
  width:115px
}

.rdw-fontfamily-placeholder{
  white-space:nowrap;
  max-width:90px;
  overflow:hidden;
  text-overflow:ellipsis
}

.rdw-fontfamily-optionwrapper{
  width:140px
}

.rdw-list-wrapper{
  display:flex;
  align-items:center;
  margin-bottom:6px
}

.rdw-list-dropdown{
  width:50px;
  z-index:90
}

.rdw-list-dropdownOption{
  height:40px;
  display:flex;
  justify-content:center
}

.rdw-text-align-wrapper{
  display:flex;
  align-items:center;
  margin-bottom:6px
}

.rdw-text-align-dropdown{
  width:50px;
  z-index:90
}

.rdw-text-align-dropdownOption{
  height:40px;
  display:flex;
  justify-content:center
}

.rdw-right-aligned-block{
  display:flex;
  flex-direction:row;
  justify-content:flex-end
}

.rdw-left-aligned-block{
  display:flex;
  flex-direction:row;
  justify-content:flex-start
}

.rdw-center-aligned-block{
  display:flex;
  flex-direction:row;
  justify-content:center
}

.rdw-justify-aligned-block{
  display:flex;
  flex-direction:row
}

.rdw-colorpicker-wrapper{
  display:flex;
  align-items:center;
  margin-bottom:6px;
  position:relative
}

.rdw-colorpicker-modal{
  position:absolute;
  top:35px;
  right:5px;
  display:flex;
  flex-direction:column;
  width:200px;
  height:200px;
  border:1px solid #f1f1f1;
  padding:15px;
  border-radius:2px;
  z-index:100;
  background:#fff;
  box-shadow:3px 3px 5px #bfbdbd
}

.rdw-colorpicker-modal-header{
  display:flex;
  padding-bottom:5px
}

.rdw-colorpicker-modal-style-label{
  font-size:15px;
  width:50%;
  text-align:center;
  cursor:pointer;
  padding:0 10px 5px
}

.rdw-colorpicker-modal-style-label-active{
  border-bottom:2px solid #0a66b7
}

.rdw-colorpicker-modal-options{
  margin:5px auto;
  display:flex;
  width:170px;
  flex-wrap:wrap
}

.rdw-colorpicker-cube{
  width:22px;
  height:22px;
  border:1px solid #f1f1f1
}

.rdw-colorpicker-option{
  margin:3px;
  padding:0;
  min-height:20px;
  border:none;
  width:22px;
  height:22px;
  min-width:22px;
  box-shadow:1px 2px 1px #bfbdbd inset
}

.rdw-colorpicker-option:hover{
  box-shadow:1px 2px 1px #bfbdbd
}

.rdw-colorpicker-option:active{
  box-shadow:-1px -2px 1px #bfbdbd
}

.rdw-colorpicker-option-active{
  box-shadow:0px 0px 2px 2px #bfbdbd
}

.rdw-link-wrapper{
  display:flex;
  align-items:center;
  margin-bottom:6px;
  position:relative
}

.rdw-link-dropdown{
  width:50px
}

.rdw-link-dropdownOption{
  height:40px;
  display:flex;
  justify-content:center
}

.rdw-link-dropdownPlaceholder{
  margin-left:8px
}

.rdw-link-modal{
  position:absolute;
  top:35px;
  left:5px;
  display:flex;
  flex-direction:column;
  width:235px;
  height:180px;
  border:1px solid #f1f1f1;
  padding:15px;
  border-radius:2px;
  z-index:100;
  background:#fff;
  box-shadow:3px 3px 5px #bfbdbd
}

.rdw-link-modal-label{
  font-size:15px
}

.rdw-link-modal-input{
  margin-top:5px;
  border-radius:2px;
  border:1px solid #f1f1f1;
  height:25px;
  margin-bottom:15px;
  padding:0 5px
}

.rdw-link-modal-input:focus{
  outline:none
}

.rdw-link-modal-buttonsection{
  margin:0 auto
}

.rdw-link-modal-btn{
  margin-left:10px;
  width:75px;
  height:30px;
  border:1px solid #f1f1f1;
  border-radius:2px;
  cursor:pointer;
  background:#fff;
  text-transform:capitalize
}

.rdw-link-modal-btn:hover{
  box-shadow:1px 1px 0px #bfbdbd
}

.rdw-link-modal-btn:active{
  box-shadow:1px 1px 0px #bfbdbd inset
}

.rdw-link-modal-btn:focus{
  outline:none !important
}

.rdw-link-modal-btn:disabled{
  background:#ece9e9
}

.rdw-link-dropdownoption{
  height:40px;
  display:flex;
  justify-content:center
}

.rdw-history-dropdown{
  width:50px
}

.rdw-embedded-wrapper{
  display:flex;
  align-items:center;
  margin-bottom:6px;
  position:relative
}

.rdw-embedded-modal{
  position:absolute;
  top:35px;
  left:5px;
  display:flex;
  flex-direction:column;
  width:235px;
  height:180px;
  border:1px solid #f1f1f1;
  padding:15px;
  border-radius:2px;
  z-index:100;
  background:#fff;
  justify-content:space-between;
  box-shadow:3px 3px 5px #bfbdbd
}

.rdw-embedded-modal-header{
  font-size:15px;
  display:flex
}

.rdw-embedded-modal-header-option{
  width:50%;
  cursor:pointer;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column
}

.rdw-embedded-modal-header-label{
  width:95px;
  border:1px solid #f1f1f1;
  margin-top:5px;
  background:#6eb8d4;
  border-bottom:2px solid #0a66b7
}

.rdw-embedded-modal-link-section{
  display:flex;
  flex-direction:column
}

.rdw-embedded-modal-link-input{
  width:95%;
  height:35px;
  margin:10px 0;
  border:1px solid #f1f1f1;
  border-radius:2px;
  font-size:15px;
  padding:0 5px
}

.rdw-embedded-modal-link-input:focus{
  outline:none
}

.rdw-embedded-modal-btn-section{
  display:flex;
  justify-content:center
}

.rdw-embedded-modal-btn{
  margin:0 3px;
  width:75px;
  height:30px;
  border:1px solid #f1f1f1;
  border-radius:2px;
  cursor:pointer;
  background:#fff;
  text-transform:capitalize
}

.rdw-embedded-modal-btn:hover{
  box-shadow:1px 1px 0px #bfbdbd
}

.rdw-embedded-modal-btn:active{
  box-shadow:1px 1px 0px #bfbdbd inset
}

.rdw-embedded-modal-btn:focus{
  outline:none !important
}

.rdw-embedded-modal-btn:disabled{
  background:#ece9e9
}

.rdw-embedded-modal-size{
  display:flex;
  margin:5px 0 10px;
  justify-content:space-between
}

.rdw-embedded-modal-size-input{
  width:45%;
  height:20px;
  border:1px solid #f1f1f1;
  border-radius:2px;
  font-size:12px
}

.rdw-embedded-modal-size-input:focus{
  outline:none
}

.rdw-emoji-wrapper{
  display:flex;
  align-items:center;
  margin-bottom:6px;
  position:relative
}

.rdw-emoji-modal{
  overflow:auto;
  position:absolute;
  top:35px;
  left:5px;
  display:flex;
  flex-wrap:wrap;
  width:235px;
  height:180px;
  border:1px solid #f1f1f1;
  padding:15px;
  border-radius:2px;
  z-index:100;
  background:#fff;
  box-shadow:3px 3px 5px #bfbdbd
}

.rdw-emoji-icon{
  margin:2.5px;
  height:24px;
  width:24px;
  cursor:pointer;
  font-size:22px;
  display:flex;
  justify-content:center;
  align-items:center
}

.rdw-spinner{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  width:100%
}

.rdw-spinner>div{
  width:12px;
  height:12px;
  background-color:#333;
  border-radius:100%;
  display:inline-block;
  animation:sk-bouncedelay 1.4s infinite ease-in-out both
}

.rdw-spinner .rdw-bounce1{
  animation-delay:-0.32s
}

.rdw-spinner .rdw-bounce2{
  animation-delay:-0.16s
}

@keyframes sk-bouncedelay{
  0%,80%,100%{
    transform:scale(0)
  }

  40%{
    transform:scale(1)
  }
}

.rdw-image-wrapper{
  display:flex;
  align-items:center;
  margin-bottom:6px;
  position:relative
}

.rdw-image-modal{
  position:absolute;
  top:35px;
  left:5px;
  display:flex;
  flex-direction:column;
  width:235px;
  height:200px;
  border:1px solid #f1f1f1;
  padding:15px;
  border-radius:2px;
  z-index:100;
  background:#fff;
  box-shadow:3px 3px 5px #bfbdbd
}

.rdw-image-modal-header{
  font-size:15px;
  margin:10px 0;
  display:flex
}

.rdw-image-modal-header-option{
  width:50%;
  cursor:pointer;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column
}

.rdw-image-modal-header-label{
  width:80px;
  background:#f1f1f1;
  border:1px solid #f1f1f1;
  margin-top:5px
}

.rdw-image-modal-header-label-highlighted{
  background:#6eb8d4;
  border-bottom:2px solid #0a66b7
}

.rdw-image-modal-upload-option{
  height:65px;
  width:100%;
  color:gray;
  cursor:pointer;
  display:flex;
  border:none;
  font-size:15px;
  align-items:center;
  justify-content:center;
  background-color:#f1f1f1;
  outline:2px dashed gray;
  outline-offset:-10px;
  margin:10px 0
}

.rdw-image-modal-upload-option-highlighted{
  outline:2px dashed #0a66b7
}

.rdw-image-modal-upload-option-label{
  cursor:pointer;
  height:100%;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center
}

.rdw-image-modal-upload-option-input{
  width:.1px;
  height:.1px;
  opacity:0;
  overflow:hidden;
  position:absolute;
  z-index:-1
}

.rdw-image-modal-url-section{
  display:flex
}

.rdw-image-modal-url-input{
  width:95%;
  height:35px;
  margin:25px 0 5px;
  border:1px solid #f1f1f1;
  border-radius:2px;
  font-size:15px;
  padding:0 5px
}

.rdw-image-modal-btn-section{
  margin:10px auto 0
}

.rdw-image-modal-url-input:focus{
  outline:none
}

.rdw-image-modal-btn{
  margin:0 5px;
  width:75px;
  height:30px;
  border:1px solid #f1f1f1;
  border-radius:2px;
  cursor:pointer;
  background:#fff;
  text-transform:capitalize
}

.rdw-image-modal-btn:hover{
  box-shadow:1px 1px 0px #bfbdbd
}

.rdw-image-modal-btn:active{
  box-shadow:1px 1px 0px #bfbdbd inset
}

.rdw-image-modal-btn:focus{
  outline:none !important
}

.rdw-image-modal-btn:disabled{
  background:#ece9e9
}

.rdw-image-modal-spinner{
  position:absolute;
  top:-3px;
  left:0;
  width:100%;
  height:100%;
  opacity:.5
}

.rdw-remove-wrapper{
  display:flex;
  align-items:center;
  margin-bottom:6px;
  position:relative
}

.rdw-history-wrapper{
  display:flex;
  align-items:center;
  margin-bottom:6px
}

.rdw-history-dropdownoption{
  height:40px;
  display:flex;
  justify-content:center
}

.rdw-history-dropdown{
  width:50px
}

.rdw-link-decorator-wrapper{
  position:relative
}

.rdw-link-decorator-icon{
  position:absolute;
  left:40%;
  top:0;
  cursor:pointer;
  background-color:#fff
}

.rdw-mention{
  color:#1236ff;
  background-color:#f0fbff;
  padding:1px 2px;
  border-radius:2px
}

.rdw-mention-link{
  text-decoration:none
}

.rdw-suggestion-wrapper{
  position:relative
}

.rdw-suggestion-dropdown{
  position:absolute;
  display:flex;
  flex-direction:column;
  border:1px solid #f1f1f1;
  min-width:100px;
  max-height:150px;
  overflow:auto;
  background:#fff;
  z-index:100
}

.rdw-suggestion-option{
  padding:7px 5px;
  border-bottom:1px solid #f1f1f1
}

.rdw-suggestion-option-active{
  background-color:#f1f1f1
}

.rdw-image-alignment-options-popup{
  position:absolute;
  background:#fff;
  display:flex;
  padding:5px 2px;
  border-radius:2px;
  border:1px solid #f1f1f1;
  width:105px;
  cursor:pointer;
  z-index:100
}

.rdw-alignment-option-left{
  justify-content:flex-start
}

.rdw-image-alignment-option{
  height:15px;
  width:15px;
  min-width:15px
}

.rdw-image-alignment{
  position:relative
}

.rdw-image-imagewrapper{
  position:relative
}

.rdw-image-center{
  float:none;
  display:flex;
  justify-content:center
}

.rdw-image-left{
  float:left
}

.rdw-image-right{
  float:right
}

.rdw-editor-main{
  height:80px;
  width:100%;
  overflow:auto;
  box-sizing:content-box;
  background:#fff
}

.rdw-editor-toolbar{
  padding:6px 5px 0;
  border-radius:2px;
  border:1px solid #f1f1f1;
  display:flex;
  justify-content:flex-start;
  width:100%;
  background:#fff;
  flex-wrap:wrap;
  font-size:15px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}

.public-DraftStyleDefault-block{
  margin:1em 0
}

.rdw-editor-wrapper:focus{
  outline:none
}

.DraftEditor-root{
  padding:0 10px
}

.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{
  height:inherit;
  text-align:initial
}

.public-DraftEditor-content[contenteditable=true]{
  -webkit-user-modify:read-write-plaintext-only
}

.DraftEditor-root{
  position:relative
}

.DraftEditor-editorContainer{
  background-color:rgba(255,255,255,0);
  border-left:.1px solid rgba(0,0,0,0);
  position:relative;
  z-index:1
}

.public-DraftEditor-block{
  position:relative
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block{
  text-align:left
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{
  left:0;
  text-align:left
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block{
  text-align:center
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{
  margin:0 auto;
  text-align:center;
  width:100%
}

.DraftEditor-alignRight .public-DraftStyleDefault-block{
  text-align:right
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{
  right:0;
  text-align:right
}

.public-DraftEditorPlaceholder-root{
  color:#9197a3;
  position:absolute;
  z-index:0
}

.public-DraftEditorPlaceholder-hasFocus{
  color:#bdc1c9
}

.DraftEditorPlaceholder-hidden{
  display:none
}

.public-DraftStyleDefault-block{
  position:relative;
  white-space:pre-wrap
}

.public-DraftStyleDefault-ltr{
  direction:ltr;
  text-align:left
}

.public-DraftStyleDefault-rtl{
  direction:rtl;
  text-align:right
}

.public-DraftStyleDefault-listLTR{
  direction:ltr
}

.public-DraftStyleDefault-listRTL{
  direction:rtl
}

.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{
  margin:16px 0;
  padding:0
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{
  margin-left:1.5em
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{
  margin-right:1.5em
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{
  margin-left:3em
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{
  margin-right:3em
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{
  margin-left:4.5em
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{
  margin-right:4.5em
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{
  margin-left:6em
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{
  margin-right:6em
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{
  margin-left:7.5em
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{
  margin-right:7.5em
}

.public-DraftStyleDefault-unorderedListItem{
  list-style-type:square;
  position:relative
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{
  list-style-type:disc
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{
  list-style-type:circle
}

.public-DraftStyleDefault-orderedListItem{
  list-style-type:none;
  position:relative
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{
  left:-36px;
  position:absolute;
  text-align:right;
  width:30px
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{
  position:absolute;
  right:-36px;
  text-align:left;
  width:30px
}

.public-DraftStyleDefault-orderedListItem:before{
  content:counter(ol0) ". ";
  counter-increment:ol0
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{
  content:counter(ol1) ". ";
  counter-increment:ol1
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{
  content:counter(ol2) ". ";
  counter-increment:ol2
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{
  content:counter(ol3) ". ";
  counter-increment:ol3
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{
  content:counter(ol4) ". ";
  counter-increment:ol4
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{
  counter-reset:ol0
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{
  counter-reset:ol1
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{
  counter-reset:ol2
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{
  counter-reset:ol3
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{
  counter-reset:ol4
}

.react-form-builder-form .rfb-item label span{
  background:#fff;
  font-weight:bold;
  padding:0 10px
}

.react-form-builder-form .rfb-item .row{
  padding:0 25px;
  border:1px solid #6da6e3;
  border-radius:10px;
  margin-top:-18px
}

.react-form-builder .react-form-builder-preview{
  border:1px solid #ddd;
  background:#fafafa;
  padding:10px;
  box-shadow:0 0 2px 1px rgba(0,0,0,.1);
  min-height:800px;
  width:100%
}

.react-form-builder .react-form-builder-preview .preview-page-break{
  padding:5px 0;
  border-top:2px dotted #ccc;
  border-bottom:2px dotted #ccc;
  background:#eee;
  text-align:center;
  width:100%;
  font-weight:bold;
  margin:5px 0;
  background:repeating-linear-gradient(45deg, #fff, #fff 10px, #eee 10px, #eee 20px)
}

.react-form-builder .react-form-builder-preview label{
  font-weight:normal
}

.react-form-builder .react-form-builder-preview .bold{
  font-weight:bold
}

.react-form-builder .react-form-builder-preview .italic{
  font-style:italic
}

.react-form-builder .react-form-builder-preview .no-image{
  background:#eee;
  width:100px;
  height:100px;
  border:1px solid #ddd;
  text-align:center;
  padding-top:35px
}

.react-form-builder .react-form-builder-preview .option-inline{
  display:inline-block !important;
  margin-right:10px !important
}

.react-form-builder .react-form-builder-preview .form-label{
  display:block !important
}

.react-form-builder .react-form-builder-preview .edit-form{
  position:fixed;
  background:#fafafa;
  padding:30px;
  border-left:0;
  box-shadow:none;
  top:0;
  left:-1000px;
  height:100%;
  width:715px;
  transition:.5s;
  overflow-y:auto
}

.react-form-builder .react-form-builder-preview .edit-form h4,.react-form-builder .react-form-builder-preview .edit-form .dismiss-edit{
  margin-bottom:30px
}

.react-form-builder .react-form-builder-preview .edit-form .dismiss-edit{
  cursor:pointer;
  margin-top:10px;
  font-size:125%
}

.react-form-builder .react-form-builder-preview .edit-form textarea{
  width:100%
}

.react-form-builder .react-form-builder-preview .edit-form .form-group .form-group-range label{
  display:block
}

.react-form-builder .react-form-builder-preview .edit-form .form-group .form-group-range input{
  display:inline-block;
  width:21%;
  margin-left:0
}

.react-form-builder .react-form-builder-preview .edit-form .form-group .form-group-range input:last-of-type{
  width:78%;
  margin-left:1%
}

.react-form-builder .react-form-builder-preview .edit-form .form-group .form-group-range input:first-of-type{
  width:21%;
  margin-left:0
}

.react-form-builder .react-form-builder-preview .edit-form .dynamic-option-list{
  margin-bottom:15px
}

.react-form-builder .react-form-builder-preview .edit-form .dynamic-option-list ul{
  list-style-type:none;
  margin:0;
  padding:0
}

.react-form-builder .react-form-builder-preview .edit-form .dynamic-option-list ul li input{
  margin-right:10px
}

.react-form-builder .react-form-builder-preview .edit-form .dynamic-option-list ul li input.form-control{
  width:84.26%;
  float:left
}

.react-form-builder .react-form-builder-preview .edit-form .dynamic-option-list ul li input.form-control[type=checkbox]{
  border:none;
  box-shadow:none;
  margin-top:0
}

.react-form-builder .react-form-builder-preview .edit-form .dynamic-option-list ul li button{
  float:left;
  margin-right:5px
}

.react-form-builder .react-form-builder-preview .edit-form .dynamic-option-list ul li .dynamic-options-actions-buttons{
  margin-left:20px
}

.react-form-builder .react-form-builder-preview .Sortable{
  transition:opacity .25s ease-in;
  position:relative;
  cursor:move;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item{
  padding:10px 20px
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item.SortableItem{
  position:relative
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item.SortableItem .form-group{
  pointer-events:none
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item.SortableItem .form-group label,.react-form-builder .react-form-builder-preview .Sortable .rfb-item.SortableItem .form-group select,.react-form-builder .react-form-builder-preview .Sortable .rfb-item.SortableItem .form-group input,.react-form-builder .react-form-builder-preview .Sortable .rfb-item.SortableItem .form-group a{
  cursor:move
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item.SortableItem .form-group input[type=date]{
  height:42px
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item.SortableItem .form-group .react-star-rating{
  display:block
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item.SortableItem .form-group .checkbox-label,.react-form-builder .react-form-builder-preview .Sortable .rfb-item.SortableItem .form-group .radio-label{
  font-weight:normal;
  display:block
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item.SortableItem .form-group .label-required{
  margin-left:5px
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item.SortableItem.is-dragging{
  position:absolute;
  z-index:1688;
  border:2px #ccc dashed;
  background:#fff;
  cursor:move;
  padding:10px 20px
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item.is-placeholder{
  display:block;
  z-index:auto;
  opacity:.4;
  border:2px #ccc dashed
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item .toolbar-header{
  opacity:0;
  z-index:100;
  position:relative
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item .toolbar-header .label{
  position:absolute;
  left:20px
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item .toolbar-header .toolbar-header-buttons{
  position:absolute;
  right:20px;
  margin-top:-20px
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item:hover{
  box-shadow:inset 0 0 5px #ddd;
  background:#fff
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item:hover select,.react-form-builder .react-form-builder-preview .Sortable .rfb-item:hover input{
  cursor:move;
  pointer-events:none
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item:hover .toolbar-header{
  opacity:1
}

.react-form-builder .react-form-builder-preview.is-editing .edit-form{
  z-index:2000;
  border-right:1px solid #ddd;
  box-shadow:0 0 2px 1px rgba(0,0,0,.1);
  left:0;
  transition:.5s
}

.react-form-builder .react-form-builder-toolbar{
  width:100%;
  background:#fff;
  margin-top:-30px
}

.react-form-builder .react-form-builder-toolbar h4{
  margin-top:0;
  text-align:center
}

.react-form-builder .react-form-builder-toolbar .form-group{
  padding:10px;
  border:1px dashed #ddd
}

.react-form-builder .react-form-builder-toolbar ul{
  padding:0
}

.react-form-builder .react-form-builder-toolbar ul li{
  cursor:pointer;
  list-style:none;
  margin:5px;
  padding:10px;
  border:1px dashed #ddd
}

.react-form-builder .react-form-builder-toolbar ul li i{
  margin:0 15px 0 10px
}

.image-upload-container{
  position:relative
}

.image-upload-container .image-upload{
  position:relative;
  opacity:0;
  z-index:2;
  height:50px
}

.image-upload-container .image-upload-control{
  position:absolute;
  top:0px;
  left:0px;
  z-index:1
}

.image-upload-preview{
  border:4px solid #fff;
  box-shadow:0 0 2px 2px rgba(0,0,0,.1)
}

.file-upload-preview{
  border:1px solid #eaecf0;
  color:#475467;
  border-radius:6px;
  padding:8px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  -moz-column-gap:30px;
       column-gap:30px
}

.btn-image-clear{
  margin:15px 0;
  padding:15px
}

.btn-file-upload-clear{
  padding:10px
}

@media(max-width: 768px){
  .react-form-builder{
    position:relative
  }

  .react-form-builder .react-form-builder-preview{
    width:100%
  }

  .react-form-builder .react-form-builder-preview .edit-form{
    width:100%;
    overflow:scroll
  }

  .react-form-builder .react-form-builder-preview .edit-form .btn{
    margin-top:10px
  }

  .react-form-builder .react-form-builder-preview .edit-form .dynamic-option-list ul li input.form-control{
    width:100%
  }

  .react-form-builder .react-form-builder-preview .Sortable .rfb-item .toolbar-header .toolbar-header-buttons{
    right:-15px
  }

  .react-form-builder .react-form-builder-preview .Sortable .rfb-item .toolbar-header .toolbar-header-buttons .btn{
    margin-right:5px;
    border-radius:50%;
    padding:7px 0px 0 3px;
    width:35px;
    height:35px
  }

  .react-form-builder .react-form-builder-toolbar{
    width:100%;
    z-index:900;
    bottom:-320px;
    transition:transform .5s;
    transform:translate(0, 0);
    right:0;
    border-top:2px solid #ccc
  }

  .react-form-builder .react-form-builder-toolbar h4{
    padding:10px;
    background:#7a0019;
    color:#fff
  }

  .react-form-builder .react-form-builder-toolbar ul{
    height:300px;
    overflow-x:scroll
  }

  .react-form-builder .active-toolbar{
    transform:translate(0, -300px)
  }

  .m-signature-pad{
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:auto;
    height:auto;
    min-width:250px;
    min-height:140px;
    margin:0
  }
}

.visible_marks{
  display:block;
  width:100%;
  padding:0 4px
}

.visible_marks label{
  text-align:center;
  display:inline-block;
  padding:0;
  margin:0;
  font-weight:normal
}

.visible_marks label:first-of-type{
  text-align:left
}

.visible_marks label:last-of-type{
  text-align:right
}

.m-signature-pad{
  font-size:10px;
  width:auto
}

.m-signature-pad .m-signature-pad--body{
  width:auto;
  border:1px solid #e8e8e8;
  background-color:#fff;
  height:200px;
  border-radius:4px
}

.m-signature-pad .m-signature-pad--body canvas{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  border-radius:4px;
  box-shadow:0 0 5px rgba(0,0,0,.02) inset
}

.m-signature-pad .m-signature-pad--footer{
  position:relative;
  margin-top:10px
}

.form-place-holder{
  margin:10px;
  border:2px dashed #bbb;
  border-radius:5px;
  padding:25px;
  text-align:center;
  font:20pt bold,"Vollkorn";
  color:#bbb
}

.form-place-holder-hidden{
  min-height:50px
}

.text-12{
  font-size:12px
}

.text-13{
  font-size:13px
}

.text-14{
  font-size:14px
}

.file-upload-preview{
  border-radius:6px
}

.image-upload-control{
  display:flex;
  -moz-column-gap:12px;
       column-gap:12px;
  border:1px solid #d0d5dd;
  border-radius:6px;
  padding:4px;
  width:100%;
  align-items:center;
  cursor:pointer
}

.image-upload-control .btn{
  background-color:#343b46 !important;
  color:#fff;
  padding:6px 14px !important;
  font-size:14px;
  border-radius:6px;
  cursor:pointer
}

.btn-file-upload-clear{
  cursor:pointer
}

.btn-view{
  font-size:14px;
  display:flex;
  align-items:center;
  -moz-column-gap:4px;
       column-gap:4px
}

.hidden-input{
  display:none !important
}

.password-input-wrapper{
  position:relative;
  display:flex;
  align-items:center
}

.password-input{
  padding-right:40px
}

.password-toggle-button{
  position:absolute;
  right:10px;
  background:rgba(0,0,0,0);
  border:none;
  cursor:pointer;
  font-size:14px;
  color:#007bff;
  outline:none !important
}

.password-toggle-button :focus{
  outline:none !important
}

.no-scrollbar::-webkit-scrollbar{
  display:none
}

.no-scrollbar{
  -ms-overflow-style:none;
  scrollbar-width:none
}

input[type=date]:before{
  content:attr(placeholder);
  color:#aaa;
  margin-right:.5em
}

input[type=date]{
  width:200px
}

.validation-error{
  position:fixed;
  width:100%;
  top:0;
  left:0;
  margin:0;
  z-index:99999999
}

.validation-error ul{
  width:auto
}

.validation-error .dismiss-modal-button{
  margin-top:10px
}

.react-form-builder-form{
  position:relative
}

.react-form-builder-form .rfb-item.alwaysbreak{
  page-break-before:always
}

.react-form-builder-form .rfb-item.nobreak:before{
  clear:both
}

.react-form-builder-form .rfb-item.nobreak{
  page-break-inside:avoid
}

.react-form-builder-form .rfb-item{
  padding:10px 0;
  position:relative
}

.react-form-builder-form .rfb-item img{
  max-width:100%
}

.react-form-builder-form .rfb-item label{
  font-weight:normal
}

.react-form-builder-form .rfb-item .bold{
  font-weight:bold
}

.react-form-builder-form .rfb-item .italic{
  font-style:italic
}

.react-form-builder-form .rfb-item .form-label{
  display:block !important
}

.react-form-builder-form .rfb-item .form-group .option-inline{
  display:inline-block !important;
  margin-right:10px
}

.react-form-builder-form .rfb-item .form-group a{
  cursor:pointer
}

.react-form-builder-form .rfb-item .form-group input[type=date]{
  height:42px
}

.react-form-builder-form .rfb-item .form-group .m-signature-pad{
  position:relative;
  width:auto
}

.react-form-builder-form .rfb-item .form-group .react-star-rating{
  display:block
}

.react-form-builder-form .rfb-item .form-group .checkbox-label,.react-form-builder-form .rfb-item .form-group .radio-label{
  font-weight:normal;
  display:block
}

.react-form-builder-form .rfb-item .form-group .label-required{
  margin-left:5px
}

*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.\!container{
  width:100% !important
}

.container{
  width:100%
}

@media (min-width: 640px){
  .\!container{
    max-width:640px !important
  }

  .container{
    max-width:640px
  }
}

@media (min-width: 768px){
  .\!container{
    max-width:768px !important
  }

  .container{
    max-width:768px
  }
}

@media (min-width: 1024px){
  .\!container{
    max-width:1024px !important
  }

  .container{
    max-width:1024px
  }
}

@media (min-width: 1280px){
  .\!container{
    max-width:1280px !important
  }

  .container{
    max-width:1280px
  }
}

@media (min-width: 1536px){
  .\!container{
    max-width:1536px !important
  }

  .container{
    max-width:1536px
  }
}

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

.pointer-events-none{
  pointer-events:none
}

.collapse{
  visibility:collapse
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.inset-0{
  inset:0px
}

.inset-y-0{
  top:0px;
  bottom:0px
}

.left-0{
  left:0px
}

.right-0{
  right:0px
}

.right-1{
  right:0.25rem
}

.top-1{
  top:0.25rem
}

.z-10{
  z-index:10
}

.z-20{
  z-index:20
}

.col-span-2{
  grid-column:span 2 / span 2
}

.float-right{
  float:right
}

.float-left{
  float:left
}

.\!mb-0{
  margin-bottom:0px !important
}

.mb-0{
  margin-bottom:0px
}

.mb-2{
  margin-bottom:0.5rem
}

.mb-3{
  margin-bottom:0.75rem
}

.mb-4{
  margin-bottom:1rem
}

.mb-6{
  margin-bottom:1.5rem
}

.ml-1{
  margin-left:0.25rem
}

.mt-0\.5{
  margin-top:0.125rem
}

.mt-1{
  margin-top:0.25rem
}

.mt-2{
  margin-top:0.5rem
}

.mt-3{
  margin-top:0.75rem
}

.mt-4{
  margin-top:1rem
}

.mt-6{
  margin-top:1.5rem
}

.mt-\[6px\]{
  margin-top:6px
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.table{
  display:table
}

.grid{
  display:grid
}

.contents{
  display:contents
}

.hidden{
  display:none
}

.h-0{
  height:0px
}

.h-12{
  height:3rem
}

.h-16{
  height:4rem
}

.h-2{
  height:0.5rem
}

.h-24{
  height:6rem
}

.h-3{
  height:0.75rem
}

.h-4{
  height:1rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-8{
  height:2rem
}

.h-auto{
  height:auto
}

.h-full{
  height:100%
}

.max-h-60{
  max-height:15rem
}

.\!w-full{
  width:100% !important
}

.w-1\/4{
  width:25%
}

.w-10{
  width:2.5rem
}

.w-12{
  width:3rem
}

.w-16{
  width:4rem
}

.w-2\/3{
  width:66.666667%
}

.w-3{
  width:0.75rem
}

.w-4{
  width:1rem
}

.w-5{
  width:1.25rem
}

.w-6{
  width:1.5rem
}

.w-8{
  width:2rem
}

.w-\[120px\]{
  width:120px
}

.w-full{
  width:100%
}

.min-w-0{
  min-width:0px
}

.min-w-16{
  min-width:4rem
}

.max-w-\[150px\]{
  max-width:150px
}

.max-w-\[200px\]{
  max-width:200px
}

.max-w-\[360px\]{
  max-width:360px
}

.max-w-\[500px\]{
  max-width:500px
}

.max-w-sm{
  max-width:24rem
}

.flex-1{
  flex:1 1 0%
}

.flex-shrink-0{
  flex-shrink:0
}

.table-auto{
  table-layout:auto
}

.border-collapse{
  border-collapse:collapse
}

.scale-\[1\.01\]{
  --tw-scale-x:1.01;
  --tw-scale-y:1.01;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes spin{
  to{
    transform:rotate(360deg)
  }
}

.animate-spin{
  animation:spin 1s linear infinite
}

.cursor-default{
  cursor:default
}

.cursor-help{
  cursor:help
}

.cursor-not-allowed{
  cursor:not-allowed
}

.cursor-pointer{
  cursor:pointer
}

.select-none{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.list-inside{
  list-style-position:inside
}

.list-disc{
  list-style-type:disc
}

.grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr))
}

.grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.grid-cols-3{
  grid-template-columns:repeat(3, minmax(0, 1fr))
}

.grid-cols-5{
  grid-template-columns:repeat(5, minmax(0, 1fr))
}

.flex-col{
  flex-direction:column
}

.flex-wrap{
  flex-wrap:wrap
}

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

.items-center{
  align-items:center
}

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

.justify-center{
  justify-content:center
}

.justify-between{
  justify-content:space-between
}

.gap-1{
  gap:0.25rem
}

.gap-2{
  gap:0.5rem
}

.gap-3{
  gap:0.75rem
}

.gap-x-1{
  -moz-column-gap:0.25rem;
       column-gap:0.25rem
}

.gap-x-2{
  -moz-column-gap:0.5rem;
       column-gap:0.5rem
}

.gap-x-3{
  -moz-column-gap:0.75rem;
       column-gap:0.75rem
}

.gap-x-4{
  -moz-column-gap:1rem;
       column-gap:1rem
}

.gap-x-\[10px\]{
  -moz-column-gap:10px;
       column-gap:10px
}

.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(0.5rem * var(--tw-space-x-reverse));
  margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(0.75rem * var(--tw-space-x-reverse));
  margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(1rem * var(--tw-space-x-reverse));
  margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
}

.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
}

.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))
}

.overflow-auto{
  overflow:auto
}

.overflow-hidden{
  overflow:hidden
}

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

.whitespace-nowrap{
  white-space:nowrap
}

.rounded{
  border-radius:0.25rem
}

.rounded-2xl{
  border-radius:1rem
}

.rounded-full{
  border-radius:9999px
}

.rounded-lg{
  border-radius:0.5rem
}

.rounded-md{
  border-radius:0.375rem
}

.rounded-xl{
  border-radius:0.75rem
}

.border{
  border-width:1px
}

.border-2{
  border-width:2px
}

.border-b{
  border-bottom-width:1px
}

.border-r{
  border-right-width:1px
}

.border-dashed{
  border-style:dashed
}

.border-none{
  border-style:none
}

.border-blue-500{
  --tw-border-opacity:1;
  border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))
}

.border-gray-100{
  --tw-border-opacity:1;
  border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))
}

.border-gray-200{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-gray-300{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
}

.border-green-200{
  --tw-border-opacity:1;
  border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))
}

.border-green-500{
  --tw-border-opacity:1;
  border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))
}

.border-red-300{
  --tw-border-opacity:1;
  border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))
}

.border-red-500{
  --tw-border-opacity:1;
  border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))
}

.border-white{
  --tw-border-opacity:1;
  border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))
}

.border-t-transparent{
  border-top-color:transparent
}

.bg-blue-100{
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))
}

.bg-blue-50{
  --tw-bg-opacity:1;
  background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))
}

.bg-blue-50\/50{
  background-color:rgb(239 246 255 / 0.5)
}

.bg-blue-500{
  --tw-bg-opacity:1;
  background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))
}

.bg-blue-600{
  --tw-bg-opacity:1;
  background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))
}

.bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.bg-gray-400{
  --tw-bg-opacity:1;
  background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))
}

.bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.bg-gray-50\/30{
  background-color:rgb(249 250 251 / 0.3)
}

.bg-gray-50\/50{
  background-color:rgb(249 250 251 / 0.5)
}

.bg-gray-600{
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))
}

.bg-green-100{
  --tw-bg-opacity:1;
  background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))
}

.bg-green-50{
  --tw-bg-opacity:1;
  background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))
}

.bg-green-50\/30{
  background-color:rgb(240 253 244 / 0.3)
}

.bg-green-500{
  --tw-bg-opacity:1;
  background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))
}

.bg-red-50{
  --tw-bg-opacity:1;
  background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))
}

.bg-red-50\/50{
  background-color:rgb(254 242 242 / 0.5)
}

.bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))
}

.bg-red-600{
  --tw-bg-opacity:1;
  background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))
}

.bg-transparent{
  background-color:transparent
}

.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-white\/60{
  background-color:rgb(255 255 255 / 0.6)
}

.object-cover{
  -o-object-fit:cover;
     object-fit:cover
}

.p-1{
  padding:0.25rem
}

.p-1\.5{
  padding:0.375rem
}

.p-2{
  padding:0.5rem
}

.p-3{
  padding:0.75rem
}

.p-4{
  padding:1rem
}

.\!py-4{
  padding-top:1rem !important;
  padding-bottom:1rem !important
}

.\!py-5{
  padding-top:1.25rem !important;
  padding-bottom:1.25rem !important
}

.px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.px-2{
  padding-left:0.5rem;
  padding-right:0.5rem
}

.px-3{
  padding-left:0.75rem;
  padding-right:0.75rem
}

.px-3\.5{
  padding-left:0.875rem;
  padding-right:0.875rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem
}

.py-1\.5{
  padding-top:0.375rem;
  padding-bottom:0.375rem
}

.py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.py-\[2px\]{
  padding-top:2px;
  padding-bottom:2px
}

.pb-2{
  padding-bottom:0.5rem
}

.pl-3{
  padding-left:0.75rem
}

.pl-4{
  padding-left:1rem
}

.pr-10{
  padding-right:2.5rem
}

.pr-2{
  padding-right:0.5rem
}

.pr-4{
  padding-right:1rem
}

.pr-6{
  padding-right:1.5rem
}

.pt-1{
  padding-top:0.25rem
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.align-middle{
  vertical-align:middle
}

.text-\[10px\]{
  font-size:10px
}

.text-\[8px\]{
  font-size:8px
}

.text-base{
  font-size:1rem;
  line-height:1.5rem
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-sm{
  font-size:0.875rem;
  line-height:1.25rem
}

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem
}

.text-xs{
  font-size:0.75rem;
  line-height:1rem
}

.font-bold{
  font-weight:700
}

.font-medium{
  font-weight:500
}

.font-normal{
  font-weight:400
}

.font-semibold{
  font-weight:600
}

.capitalize{
  text-transform:capitalize
}

.italic{
  font-style:italic
}

.\!text-blue-700{
  --tw-text-opacity:1 !important;
  color:rgb(29 78 216 / var(--tw-text-opacity, 1)) !important
}

.text-\[\#686878\]{
  --tw-text-opacity:1;
  color:rgb(104 104 120 / var(--tw-text-opacity, 1))
}

.text-blue-600{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1))
}

.text-blue-900{
  --tw-text-opacity:1;
  color:rgb(30 58 138 / var(--tw-text-opacity, 1))
}

.text-gray-400{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.text-gray-600{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.text-gray-700{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.text-gray-900{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.text-green-500{
  --tw-text-opacity:1;
  color:rgb(34 197 94 / var(--tw-text-opacity, 1))
}

.text-green-600{
  --tw-text-opacity:1;
  color:rgb(22 163 74 / var(--tw-text-opacity, 1))
}

.text-red-400{
  --tw-text-opacity:1;
  color:rgb(248 113 113 / var(--tw-text-opacity, 1))
}

.text-red-500{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity, 1))
}

.text-red-600{
  --tw-text-opacity:1;
  color:rgb(220 38 38 / var(--tw-text-opacity, 1))
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.underline{
  text-decoration-line:underline
}

.opacity-0{
  opacity:0
}

.opacity-10{
  opacity:0.1
}

.opacity-50{
  opacity:0.5
}

.shadow{
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.outline-0{
  outline-width:0px
}

.ring-1{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-black{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(0 0 0 / var(--tw-ring-opacity, 1))
}

.ring-opacity-5{
  --tw-ring-opacity:0.05
}

.blur{
  --tw-blur:blur(8px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-colors{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.duration-300{
  transition-duration:300ms
}

.ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.file\:rounded::file-selector-button{
  border-radius:0.25rem
}

.file\:border-gray-600::file-selector-button{
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))
}

.file\:bg-gray-600::file-selector-button{
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))
}

.file\:text-sm::file-selector-button{
  font-size:0.875rem;
  line-height:1.25rem
}

.file\:text-white::file-selector-button{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.file\:outline-none::file-selector-button{
  outline:2px solid transparent;
  outline-offset:2px
}

.hover\:border-blue-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))
}

.hover\:bg-blue-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))
}

.hover\:bg-white:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.hover\:text-blue-500:hover{
  --tw-text-opacity:1;
  color:rgb(59 130 246 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-600:hover{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-700:hover{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.hover\:text-red-500:hover{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity, 1))
}

.hover\:text-red-700:hover{
  --tw-text-opacity:1;
  color:rgb(185 28 28 / var(--tw-text-opacity, 1))
}

.hover\:opacity-80:hover{
  opacity:0.8
}

.hover\:shadow-lg:hover{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-md:hover{
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-xl:hover{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:outline-none:hover{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus\:border-blue-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))
}

.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus\:outline-0:focus{
  outline-width:0px
}

.focus\:ring-1:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-blue-300:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(147 197 253 / var(--tw-ring-opacity, 1))
}

.focus\:ring-blue-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1))
}

.disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed
}

.disabled\:bg-blue-300:disabled{
  --tw-bg-opacity:1;
  background-color:rgb(147 197 253 / var(--tw-bg-opacity, 1))
}

.disabled\:bg-gray-200:disabled{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))
}

.disabled\:opacity-40:disabled{
  opacity:0.4
}

.group:hover .group-hover\:bg-blue-50{
  --tw-bg-opacity:1;
  background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:text-blue-500{
  --tw-text-opacity:1;
  color:rgb(59 130 246 / var(--tw-text-opacity, 1))
}

@media (min-width: 640px){
  .sm\:text-sm{
    font-size:0.875rem;
    line-height:1.25rem
  }
}/*# sourceMappingURL=app.css.map */

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