.w-1{
  width: 1%;
}
.flex-between{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.grab-element{
  cursor: grab;
}
table .grab-element{
  padding: 10px;
  margin: -10px 0px;
}
.element-sorting{
  background: #def;
}
.element-sorting-ghost{
  opacity: 0;
}

/* Options */
[option]{
  cursor: pointer;
}

/* OVERRIDE THEME */
#kt_subheader{
  padding-bottom: 0px !important;
}
#kt_subheader > .container {
  background: white;
  padding: 15px 20px;
  border-radius: 10px 10px 0px 0px;
  margin-bottom: 1px;
}
#kt_content_main > .container{
  background: white;
  padding: 15px 20px;
  border-radius: 0px 0px 10px 10px;
}

.select2-container .select2-selection--single .select2-selection__rendered > span,
.select2-results__option--selectable > span{
  display: flex;
  align-items: center;
}
.select2-container--open .select2-dropdown{
  top: -1px;
  left: -1px;
}

/* OVERRIDE */
.select2{
  width: 100% !important;
}

body .card-body,
body .card-header{
  padding: 1.5rem;
}

/* CLOSE BUTTON */
.close-button{
  font-size:30px;

  position:relative;
  display:inline-block;
  width:1em;
  height:1em;
}
.close-button::before,
.close-button::after{
  content:"";
  position:absolute;
  top:50%; left:50%;
  width:0.8em; height:0.05em;
  background: currentColor;
}
.close-button.close-button-white::before,
.close-button.close-button-white::after{
  background:black;
}
.close-button::before{
  transform: translate(-50%, -50%) rotate(45deg);
}
.close-button::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close-button.is-thick::before,
.close-button.is-thick::after{
  height:0.1em;
}

/* Card */
html .card{
	border: none;
}
.card.with-badge > .card-header,
.card.with-close > .card-header,
.card.with-back > .card-header{
  display:flex;
  align-items: center;
}
.card.with-close > .card-header > .close-button{
  color:var(--n2-black);
  margin-left:auto;
  cursor:pointer;
  flex-shrink: 0;
}

/* Smart Check */
.smart-check{
  display: inline-flex;
	align-items: center;
  margin: 0px;
}
.smart-check input {
    display: none;
}
.smart-check input:checked + span {
  background: var(--success);
	box-shadow: inset 0 0 0px black;
}
.smart-check input + span {
	flex-shrink: 0;
  position: relative;
  display: inline-block;
  width: 45px;
  height: 25px;
  background: #666;
  border-radius: 1000px;
  cursor: pointer;
  transition: background 100ms ease-in-out, box-shadow 100ms ease-in-out, opacity 100ms ease-in-out;
	box-shadow: inset 0 0 2px black;
}
.smart-check input:checked + span::before {
    transform: translateX(100%);
    margin-left: -6px;
}
.smart-check input + span::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 1px;
  border: 3px solid transparent;
  background-clip: padding-box;
  box-sizing: border-box;
  border-radius: 100%;
  background-color: white;
  transition: all 100ms ease-in-out;
}
.smart-check input:disabled + span,
.smart-check input:disabled + span::before {
  opacity: 0.5;
}
.smart-check > span:first-child{
  margin-right: 5px;
}
.smart-check > input + span + span{
  margin-left: 5px;
}