/*---------------------------------------------*\
  Woodwork basic style                        
  basic.css                                     
  Ver. 3.1.1 - 2022.07.17                   
\*---------------------------------------------*/
:root {
  /*--ws-bgk: #F1F1F1;
  --ws-fcolor: #555;
  --ws-border-color: #555;
  --ws-primcolor: #EEB250;
  --ws-primbgk: #121824; 
  --ws-primhover: #595eba;
  --ws-seccolor: #303C6C;
  --ws-secbgk: #C3DADD;
  --ws-sechover: #9eced3;*/
  --ws-bgk: #FFF;
  --ws-fcolor: #1c1c1c;
  --ws-border-color: #555;
  --ws-primcolor: #fff;
  --ws-primbgk: #0c4e86;
  --ws-primhover: #121824;
  --ws-seccolor: #fff;
  --ws-secbgk: #45536e;
  --ws-sechover: #2d3748;    
}

*,::after,::before{
  box-sizing:border-box;
}
body {
	position: relative;
  overflow-y: scroll;
  background: var(--ws-bgk);
  font-family: Times, sans-serif;
  color: var(--ws-fcolor);
  font-size: 1rem;
  margin: 0;
}
form, img {
  width:100%;
}
a, a:link, a:visited, a:hover, a:active {
  text-decoration:none;
  color:#888;
  transition:color 0.3s linear 0s;
  -o-transition:color 0.3s linear 0s;
  -ms-transition:color 0.3s linear 0s;
  -moz-transition:color 0.3s linear 0s;
  -webkit-transition:color 0.3s linear 0s;
} 
a:hover {
  color:#aaa;
}
.mb-5{
  margin-bottom: 5px;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-20{
  margin-bottom: 20px;
}
.mb-50{
  margin-bottom: 50px;
}
.mt-5{
  margin-top: 5px;
}
.mt-10{
  margin-top: 10px;
}
.mt-20{
  margin-top: 20px;
}
.mt-50{
  margin-top: 50px;
}
.pb-5{
  padding-bottom: 5px;
}
.pb-10{
  padding-bottom: 10px;
}
.pb-20{
  padding-bottom: 20px;
}
.pt-5{
  padding-top: 5px;
}
.pt-10{
  padding-top: 10px;
}
.pt-20{
  padding-top: 20px;
}
.pt-30{
  padding-top: 30px;
}
.pt-50{
  padding-top: 50px;
}
.pl-0{
  padding-left:0 !important;
}
.pr-0{
  padding-right:0 !important;
}
.justify-content-center {
  justify-content: center!important;
}
.green{color: #71C39A !important;}
.darkgreen{color: #407e5f !important;}
.yellow{color: #f38507 !important;}
.red{color: #ff0000 !important;}
.mcs {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}
.center {
  float: none !important;
  clear: both !important;
  margin: 0 auto !important;
}
.yellowdot {
  height: 20px;
  width: 20px;
  background-color: #F38507;
  border-radius: 50%;
  display: inline-block;
}
.greendot {
  height: 20px;
  width: 20px;
  background-color: #71C39A;
  border-radius: 50%;
  display: inline-block;
}
.greydot {
  height: 20px;
  width: 20px;
  background-color: #aaa;
  border-radius: 50%;
  display: inline-block;
}
.unvisible{
  display: none;
}
/*-----------------------------------------*\
  CONTAINERS
\*-----------------------------------------*/
.w100{
  width: 100%;
  margin-right: auto;
  margin-left: auto; 
}
.container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*margin-right: -1rem;
  margin-left: -1rem;*/
}
.card{
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: auto;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid var(--ws-border-color);
  border-radius: 5px;	
}
.card-header{
  padding: 0.5rem 0.5rem;
  margin-bottom: 0;
  border-bottom: 1px solid var(--ws-border-color);
}
.card-body{
  flex: 1 1 auto;
  padding: 0.5rem 0.5rem;	
}
/*-----------------------------------------*\
  GRIDS
\*-----------------------------------------*/
.cgrid,
.cgrid-1,
.cgrid-2,
.cgrid-3,
.cgrid-4,
.cgrid-5,
.cgrid-6,
.cgrid-7,
.cgrid-8,
.cgrid-9,
.cgrid-10,
.cgrid-11,
.cgrid-12 {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
[class*='cgrid-'] ~ [class*='cgrid-']{
  padding-left: 0;
}
.cgrid {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.cgrid-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.cgrid-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}

.cgrid-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.cgrid-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.cgrid-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}

.cgrid-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.cgrid-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.cgrid-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}

.cgrid-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.cgrid-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.cgrid-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%;
}

.cgrid-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.start-cgrid {
  justify-content: flex-start;
  text-align: start;
}

.center-cgrid {
  justify-content: center;
  text-align: center;
}

.end-cgrid {
  justify-content: flex-end;
  text-align: end;
}

.top-cgrid {
  align-items: flex-start;
}

.middle-cgrid {
  align-items: center;
}

.bottom-cgrid {
  align-items: flex-end;
}

.around-cgrid {
  justify-content: space-around;
}

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

.first-cgrid {
  order: -1;
}

.last-cgrid {
  order: 1;
}
@media only screen and (max-width: 768px){
.cgrid,
.cgrid-1,
.cgrid-2,
.cgrid-3,
.cgrid-4,
.cgrid-5,
.cgrid-6,
.cgrid-7,
.cgrid-8,
.cgrid-9,
.cgrid-10,
.cgrid-11,
.cgrid-12 {
flex-basis: 100%;
max-width: 100%;
}
[class*='cgrid-'] ~ [class*='cgrid-']{
  padding-left: 10px;
}
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }

  .cgridl,
  .cgridl-1,
  .cgridl-2,
  .cgridl-3,
  .cgridl-4,
  .cgridl-5,
  .cgridl-6,
  .cgridl-7,
  .cgridl-8,
  .cgridl-9,
  .cgridl-10,
  .cgridl-11,
  .cgridl-12,
  .cgridl-offset-0,
  .cgridl-offset-1,
  .cgridl-offset-2,
  .cgridl-offset-3,
  .cgridl-offset-4,
  .cgridl-offset-5,
  .cgridl-offset-6,
  .cgridl-offset-7,
  .cgridl-offset-8,
  .cgridl-offset-9,
  .cgridl-offset-10,
  .cgridl-offset-11,
  .cgridl-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: var(--half-gutter-width, 0.5rem);
    padding-left: var(--half-gutter-width, 0.5rem);
  }

  .cgridl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .cgridl-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .cgridl-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .cgridl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .cgridl-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .cgridl-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .cgridl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .cgridl-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .cgridl-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .cgridl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .cgridl-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .cgridl-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .cgridl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .cgridl-offset-0 {
    margin-left: 0;
  }

  .cgridl-offset-1 {
    margin-left: 8.33333333%;
  }

  .cgridl-offset-2 {
    margin-left: 16.66666667%;
  }

  .cgridl-offset-3 {
    margin-left: 25%;
  }

  .cgridl-offset-4 {
    margin-left: 33.33333333%;
  }

  .cgridl-offset-5 {
    margin-left: 41.66666667%;
  }

  .cgridl-offset-6 {
    margin-left: 50%;
  }

  .cgridl-offset-7 {
    margin-left: 58.33333333%;
  }

  .cgridl-offset-8 {
    margin-left: 66.66666667%;
  }

  .cgridl-offset-9 {
    margin-left: 75%;
  }

  .cgridl-offset-10 {
    margin-left: 83.33333333%;
  }

  .cgridl-offset-11 {
    margin-left: 91.66666667%;
  }

  .start-cgridl {
    justify-content: flex-start;
    text-align: start;
  }

  .center-cgridl {
    justify-content: center;
    text-align: center;
  }

  .end-cgridl {
    justify-content: flex-end;
    text-align: end;
  }

  .top-cgridl {
    align-items: flex-start;
  }

  .middle-cgridl {
    align-items: center;
  }

  .bottom-cgridl {
    align-items: flex-end;
  }

  .around-cgridl {
    justify-content: space-around;
  }

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

  .first-cgridl {
    order: -1;
  }

  .last-cgridl {
    order: 1;
  }
}
/*-----------------------------------------*\
  BUTTONS
\*-----------------------------------------*/
.btn {
  display: inline-block;
  font-weight: 400;
  color: var(--ws-primcolor);
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem 2rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
a.btn-primary, .btn-primary{
  background-color: var(--ws-primbgk);
  border-color: var(--ws-primbgk);
  color: var(--ws-primcolor) !important;  
}
a.btn-primary:hover, .btn-primary:hover{
  background-color: var(--ws-primhover);
  border-color: var(--ws-primhover);
  color: var(--ws-primcolor); 
}
a.btn-secondary, .btn-secondary{
  background-color: var(--ws-secbgk) !important;
  border-color: var(--ws-secbgk);
  color: var(--ws-seccolor) !important;  
}
a.btn-secondary:hover, .btn-secondary:hover{
  background-color: var(--ws-sechover) !important;
  border-color: var(--ws-sechover);
  color: var(--ws-seccolor);  
}
a.btn-outline-color, .btn-outline-color{
  border-color: var(--ws-primbgk);
  color:var(--ws-primbgk) !important;
}
a.btn-outline, .btn-outline{
  border-color: var(--ws-primcolor);
  color: var(--ws-primcolor);
}
a.btn-yellow, .btn-yellow{
  background-color: #ffa500 !important;
  border-color: #ffa500;
  color: #fff !important;  
}
a.btn-yellow:hover, .btn-yellow:hover{
  background-color: #f38507 !important;
  border-color: #f38507;
  color: #fff;  
}
.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group>.btn, .btn-group-vertical>.btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group {
    border-radius: 5px;
}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {
    margin-left: -1px;
}
.btn-primary:disabled, .btn-secondary:disabled{
  background-color: #888;
  border-color: #888;
  cursor: none;
  pointer-events:none;
}
/*-----------------------------------------*\
  FORM ELEMENTS
\*-----------------------------------------*/
button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.form-group{

}
.form-control{
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control.small{
  padding: 0.2rem 0.375rem;
  font-size: .8rem;
}
.form-control:focus, .form-select:focus{
  color: #212529;
  background-color: #fff;
  border-color: #ced4da;
  outline: none; 
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control[type=file] {
  overflow: hidden;
  padding: 0;
}
input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button{
  padding: 0;
  padding: 0.375rem 0.75rem;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;  
}
.form-label{
  margin-bottom: 0.5rem;
}
.col-form-label{
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.form-title{
  width: 100%;
  margin-top: 0.25rem;
  font-size: .7em;
  padding-left:3px;
  margin-bottom: 5px;  
}
.form-title.invalid{
  /*display: none;*/
  color: #dc3545;  
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.15em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #b0b7bd;
  border-radius: 0.15em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact; 
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-input:checked {
  background-color: var(--ws-primbgk);
  border-color: var(--ws-border-color);
}
.form-check-input:checked[type=checkbox] {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAAXVBMVEUAAAD////b29vt7e309PTKysq5ubnS0tKOjo75+fn7+/uzs7OEhISpqakjIyP+/v5eXl5ubm739/c+Pj57e3ufn58wMDBLS0uXl5c3NzdWVlZmZmYBAQEbGxsPDw/vb16zAAAAHHRSTlMAIkYzLVZoTpMoJm6deP0iw7Mq46WB8dWJ6cu7OqoVXgAAAslJREFUeNrt28ty6jAMBmDJdu6QNCGUAoL3f8wz0NNpsEwKLbG10LfsdKHktxRnYkAppZRSSimllFLqb9A269wiiFLnG7o4GEmFuZK+bDuQolvTtw8x98ucaaIAGYYdTfUyble9plsOJDCXUsSliAeJZbkt+QykZ8i3qSC5+o18W0gOP8i3FzDmCyKBC77bka9MP0yRd+EmfVVQnCVG6DY8wvTDAUvy7QQ8Dg1JnO/uwCMcILV6JTJCmYO0+j9IZW3iq5IP0hqSy8h3ziA5fJcYIfIIDwIiLGQO0g2PMP3eD/kgfUu/sIQ+Cwce4Tr9zQpEuEtfVaALTwIi7FqJEVaBLky/nekykV3oTjxCkYP0mP5VB2RGaPl2pkm/3nHkXSgyQgmD1LY8wvTvhcMocZBiRoyF5GpimvTPQifyWQi5yAjtPkqENZossw+ngH2Ml4rKfDZ7b/DXg5RF+Mpez90vB2lewYu57PzcCsExRoTmyY04NuRrF+jC0otj+ClCYhp4uaH1l0k33x88wn6BQcovPp/NsSGmhtczxGT1cztS1oULlDW/vmo+SI8LRMgvfz7HfLku5J3IFeG6TGCQwjIcBZwz92CECMvAgkIy5BewJt+7gaXUWfB+8RztecEIObxTl5vdzvBTPXHqoqKCiXrpZyGHOQWcbvZf5vTQszBGjqb6/g9+HGQVjDBGjmZukA4QEiPH9itH+/ggjbO+ujsRjghRYHM3R+SDdGMhknBd7wZDgzSDaMJ1nSweInYhdw2L22/5nyJEyOpiUkU4X5eAQ1mP1HWyEB1u6Se5g/iwpHmrClLoPohJMUj5/ZLUhdO6xEV4VZXiIpx+kxN3KAtXQgapZxiFDFIPjoEIEZLDUVyEV13vbWfSf5i7wqO0D9GfsBcXof8jhl7AubrJPqeli1bAuYsbNl+Nqzz9wFJKKaWUUkoppdTEP+qq+yoj+yQmAAAAAElFTkSuQmCC');    
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:checked[type=radio] {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA+IYH4KVgQijx6tjTz8i+rJ+RdmRcURwX+sGYf3x5bTc1HILjjgAAAZZJREFUeNrs1FdSw0AURNEe5ZxQcrZ7/4ukgD/KgK2ZJ5mqd1bQ1R8XSimllFJKKaWUUkoppZT6V/xr5DVVkO52aVA1XnT1sblpOJT8pjwME7YUdznvyrsYWxlDwx+ZcMQW4tbwV6Zd/7H5FPBPwWnGquKGD2lWPawv+KCix2rOKR+WnrEO3+NTvHt53XzVSruOfNoR4i6GTzMXCBsDLhCMEJXUXKROIKnjQh0EDYYLmQFippqL1ROkvNHCG4QkJS2UCb681Flid80VrVQzJES0FEFCSEshBCQZLWUJ3OtprYd7La21cM4vaK3w4dqNDtzw6ZXyIJMIjw54+PBS1ZIp154O7OFaTgdyuJbRgQyuvbdrBzYAgzAMBGEV9h+SJSJ0En8jVC0NsfcZsNe0M+KXp4W+W+iXiJ5b6CmP/hPRCQKdt9DpFJ3l1ZsPek9Eb9XqDgLd2KD7LXUbiO5O1U0zupdXUww180ETMjVPVNNXNatGk321B8G2RtSOjdpIUvtbbNuN7QayTUq2d5okSZIkSZIkeeUC2igPK4Mylv4AAAAASUVORK5CYII=');
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAAilBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////2N2iNAAAALXRSTlMAFwjfsql6+fTlxIhpoZiOblRLOiMO7uvVz7mdgGBdWEUz2Mi+vHFkUT8tHBAluFz1AAACa0lEQVR42uzXV3LrMBQDUFAUrR7Jktwdl/SG/W/vzftORpXtQ2cJFyBmiMVisVgsFouF59pbnhXHg9xGZLSVh2OR5bcWDol6pfb8016tagEH7pWS7CRVdYdVX29hzAHi8O0LlgTrU8LBktM6gHkiP3KkYy5glqhSTpBWAuYE7y+c6OXdWJS14gyqhglttuMsu6yFdutXzva6hl7ivKMGu7OARo2iJqrRGOAztXnWFmQlqZGsoENwjqlVfA4w2yajdtkGM/2UNKD8mXmrkkaU8+6V0ZAMM6xozAqT5TGNiXNM9CFpkPzAJPeURqV3TLApaFix8avuM2pfJzQuqTGSCGlBKPyLcEKMn5JWyE+McaIlJ4xwjWhJdMVgQUhrwgBDPdKiRx+PNeJcV1o1tF2KVikMcotoVXTDECUtKzHA956W7b99W4fhG1HQugK92oTWJS36XOjABX0e6MADegQHOnAI0K2hEw265XQi97Fa/eVK6USKTmJLJ7bCx8aTjX9j+t/Fh1/rbysfH2LfUwzpSOjjPvQtxBMdeUKXhI4k6PKvnTs2AhiEYShKB8t4//XYwAWNH3fSCLmEGEtfp4Z0VqddQ9qrU43px6eFvlvol4ieW+gpj/4T0QkCnbfQ6RSd5dGbD3pPVG/V6A4C3dig+y10G6juTtFNM7qXV10M1PNBHTLVT0TdV9WrRp19NAehpkbQjI2aSFLzW2jaTc0GoklKNXeqpnTRTLOaAFfz8ipdoLIYKrmCcj4qFaUyZCpxx/KJKs2psq8qKcxy1SqFzjL7asMB2wfBtmewXSNuM4vbY+O2/kRRFEXRiy4e7ArHJDSGAgAAAABJRU5ErkJggg==');
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAAgVBMVEUAAACNjY2YmJienp6kpKSsrKy9vb2KioqGhoaRkZGgoKCpqamurq6vr6+xsbGzs7O/v7+bm5uioqK1tbW3t7e9vb2UlJSnp6erq6uzs7O5ubm7u7u/v7+goKCnp6ewsLC1tbW2tra2tra5ubm7u7u8vLy8vLy9vb2/v7+AgICEhIRMUgQyAAAAKXRSTlMA/PHo17st/v754siup5qQD+zdgGcb9c3AilxAE+PMoXx0blJFNSofCVdg50wAAAJkSURBVHja7NdHjuswAANQSo7lnrimTu/0/Q/4kd0HZuCqtvA7gkgREjabzWaz2Ww2nvt4KbK6Ooq4J/tYHKs6K14+4JBqwjThn5I0bBQcuOap4CCR5ldY9Z4HPSfog/wdlpSXXcTJot2lhHmqqDhTVSiYpXLJBWSuYE75LLmQfDYWZfPIFR4bmHDLIq4SZTdod6i4WnWAXl/niBpE5y9o1KbUJG01BiipjdQWZC6okcihQ3nuqVV/LrFal1G7rMNK3ycacPrGKt2JRpw6rPCT0ZDsB8uFNCbEYkVMY+ICC10SGpRcsMhV0ih5xQJdTcPqzq+6r6h9I2icaDCTCmhBoPyLcEGMb4JWiDfMsaMlO8xwoDUHTPYQ0JrgAVPtadHex8O6H5d/zZrTrpRWpZjktadV/SumeKJlT5jgM6Flyadv63A3bSNqWldj1E3QOnHzMUNy78/b4X87jCiPdOBYYlhLJ1oMK+hE4WO1xssl6YTEIBXTiVj52Hiy9W9M7/Y+/Fp/C328iGNXMaAjgY/7MLYQCR1JMCSiIxGG/GvnDm4ABmEYinLMKtl/QTZAgksekj1BDy0Nsb+rh1TrpB5THutGP75b6JeInlvoKY/+E9EJAp230OkUneXRmw96T1Rv1egOAt3YoPstdBuo7k7RTTO6l1ddDNTzQR0y1U9E3VfVq0adfTQHoaZG0IyNmkhS81to2k3NBqJJSjV3qqZ00UyzmgBX8/IqXaCyGCi5onI+KhWlMmQqccfyiSrNqbKvKinMctUqhc4y+2rDAdsHwbZnsF0jbjOL22Pjtv5EURRF0Ys2icNWHIBSimUAAAAASUVORK5CYII=');
  background-position: left center;
  border-radius: 2em;
  transition: background-position .15s ease-in-out;
}
.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjMzQzYTQwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgZD0nTTIgNWw2IDYgNi02Jy8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.input-group{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group>.form-control, .input-group>.form-select{
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group:not(:last-child){
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>:not(:first-child){
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-text{
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.input-group-append {
    margin-left: -1px;
}
.input-group-prepend {
    margin-right: -1px;
}
.input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #000000;
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 0.6rem;
  background: var(--ws-primbgk);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -2px;  
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 13px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #ddd;
  border-radius: 25px;
  border: 0px solid #000101;
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item+.list-group-item {
  border-top-width: 0;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
/*-----------------------------------------*\
  autocomplete input https://www.w3schools.com/howto/howto_js_autocomplete.asp
\*-----------------------------------------*/
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}
/*-----------------------------------------*\
  dropdown div
\*-----------------------------------------*/
.w_dropdown {
  position: relative;
  display: inline-block;
}
.w_dropdown-content {
  display: block;
  opacity: 0;
  visibility: hidden;
  display: none;
  position: absolute;
  background-color: #161e2a;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  z-index: 1;
  padding: 10px;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;  
}
.w_dropdown-content.active{
  opacity: 1;
  visibility: visible;  
}
/*-----------------------------------------*\
  Modal
  <a href="#modal1">Open modal</a>
  <div id="modal1" class="modal">
    <div class="modal-content">
      <h2>Modal title</h2>
      <a class="close" href="#">&times;</a>
      <div class="content">
        Modal content
      </div>
    </div>
  </div>
\*-----------------------------------------*/
.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 200ms;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
}
.modal:target {
  visibility: visible;
  opacity: 1;
}
.modal-content {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 1s ease-in-out;
}
.modal-content.long{
  width: 60%;
}
.modal-content h2 {
  margin-top: 0;
  color: #333;
  font-family: "Raleway-Extrabold";
  border-bottom: 1px solid #555;
  padding-bottom: 10px;
}
.modal-content .close {
  position: absolute;
  top: 5px;
  right: 20px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  cursor: pointer;
}
.modal-content .close:hover {
  color: #06D85F;
}
.modal-content .content {
  max-height: 400px;
  overflow: auto;
}
/*-----------------------------------------*\
  dumpling
\*-----------------------------------------*/
.dumpling-box{
  margin-top: 10px;
  margin-bottom: 20px;
}
.dumpling-box .dumpling{
  display: inline-block;
  background: #8d8d8d;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  padding: 0 4px 0 10px;
  border-radius: 15px;
  cursor: pointer;
  margin: 0 5px 5px 0;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}
.dumpling-box .dumpling .icon{
  line-height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #8d8d8d;
  display: inline-block;
  text-align: center;
  margin-left: 3px;
  padding-top: 1px;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;  
}
.dumpling-box .dumpling.added, .dumpling-box .dumpling.added .icon{
  background: #6e9b78;
}
/*-----------------------------------------*\
  image reorder
\*-----------------------------------------*/
.drag-sort-enable li {
  margin: 5px 0;
  padding: 0 20px;
  height: 100%px;
  line-height: 40px;
  border-radius: 3px;
  background: #136a8a;
  background: -webkit-linear-gradient(to right, #267871, #136a8a);
  background: linear-gradient(to right, #267871, #136a8a);
  color: #fff;
  list-style: none;
}

.drag-sort-enable li.drag-sort-active {
  background: transparent;
  color: transparent;
  border: 1px solid #4ca1af;
}
/*-----------------------------------------*\
  loader
\*-----------------------------------------*/
.loader {
  border: 16px solid #F3F3F3;
  border-radius: 50%;
  border-top: 16px solid #FFA500;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: fixed;
  left: 40%;
  top: 50%;
  z-index:10000;  
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.badge {
  width: 200px;
  padding: 5px;
  position: absolute;
  text-align: center;
  color: #f0f0f0;
  z-index:1;
}
.badge.indexnew {
  top: 10px;
  left: -70px;
  transform: rotate(-45deg);
  background-color: #3ea776;
}