/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Poppins", sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 
  --bs-body-font-size: 0.8125rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #495057;
  --bs-body-bg: #f8f8fb}

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

html {
  font-family: var(--font-family-sans-serif);
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

.selection__arrow {
  height: 38px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px
}

.selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
  
}

.multiselect-container {
  position: absolute;
  list-style-type: none;
  /* margin: 5px 0 0 0; */
  width: 100%;
  padding: 10px 0;
  border: none;
  -webkit-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
  border: 1px solid #aaa;
  /* border-top-left-radius: 0; */
  border-top-right-radius: 0; }

.multiselect-container .selection__arrow{
  left: 1px;
    right: auto}

.multiselect-container .input-group {
  margin: 5px; 
  padding: 4px;
width: 100%}

.multiselect-container > li {
  padding: 0;
  font-size: var(--bs-body-font-size); }

.multiselect-container > li > a.multiselect-all label {
  font-weight: 400;
  color: #000; }

.multiselect-container > li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: 400; }

.multiselect-container > li.multiselect-group-clickable label {
  cursor: pointer; }

.multiselect-container > li > a {
  padding: 5px 0;
  color: #000;
  display: block; }

.multiselect-container > li > a > label {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: var(--bs-body-font-size);
  font-weight: 500;
   }
  .multiselect-container > li > a > label:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background-color: transparent;
    margin-right: 15px;
    vertical-align: middle; }

.multiselect-container > li.active > a > label:before {
  font-family:  var(--font-family-sans-serif);
  content: '';
  color: #fff;
  background-color: #556ee6;
  border-color: #556ee6;
  border: 0;
  display: inline-block;
  padding: 0;
  line-height: 1.2;
  padding-left: 2px; 
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
  margin: 0; }

.multiselect-container > li > a > label > input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px; }

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
  margin-left: -20px;
  margin-right: 0; }

.btn-group {
  /* height: 52px;
  width: 865px; */
  /* width: 1131.75px; */
  
  border-radius: 4px;
  height: 38px;}
  .btn-group button {
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
    padding: 0 10px;
    text-align: left;
    position: relative; }
    .btn-group button:after {
      position: absolute;
      top: 50%;
      right: 20px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      color: #999999; }
    .btn-group button:focus {
      -webkit-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
      -moz-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
      box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
      padding: 0 10px; }



.sl {
  color: gray;
  width: 150px; }

.multi-border {
  border: 1px solid #aaa;
}