/* body */
body{font-size:14px !important}

/* sidebar menu */
.sidebar .nav-dropdown-items .nav-item {padding: 0px 0px 0px 0px;list-style: none;}
@media (max-width: 767px){.sidebar .nav-dropdown-items .nav-item {padding: 0px 0px 0px 0px;list-style: none;}}
.sidebar-nav {scrollbar-width: none;}
.sidebar-nav:hover {scrollbar-width: thin;}
.nav-link {font-size:14px !important}
/* icon */
.feather {width: 16px;height: 16px;/*vertical-align: text-bottom;*/}
.feather-16{width: 16px !important;height: 16px !important;}
.feather-20{width: 20px !important;height: 20px !important;}
.feather-32{width: 32px !important;height: 32px !important;}
.store-20, .page-20{fill:#fff; }

/* Modal */
.modal-xl {max-width: 1200px;}

/* Form */
.col-form-label{font-weight: bold;}
.input-group-text, .form-control, .form-select{font-size:14px}
	
/* text cut elipsis */
.ellipsis {white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:1px;}

/* switch */
.TriSea-technologies-Switch > input[type="checkbox"] {display: none;}
.TriSea-technologies-Switch > label {cursor: pointer;height: 0px; position: relative; width: 40px;}
.TriSea-technologies-Switch > label::before {background: rgb(0, 0, 0);box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);border-radius: 8px;content: '';height: 16px;margin-top: -8px;position:absolute;opacity: 0.3;transition: all 0.4s ease-in-out;width: 40px;}
.TriSea-technologies-Switch > label::after {background: rgb(255, 255, 255);border-radius: 16px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);content: '';height: 24px;left: -4px;margin-top: -8px;position: absolute;top: -4px;transition: all 0.3s ease-in-out; width: 24px;}
.TriSea-technologies-Switch > input[type="checkbox"]:checked + label::before {background: inherit; opacity: 0.5;}
.TriSea-technologies-Switch > input[type="checkbox"]:checked + label::after {background: inherit;left: 20px;}
.label-default {background-color: #777;}
.label-primary {background-color: #428bca;}
.label-publish {background-color: #28a745;}
.label-unpublish {background-color: #dc3545;}
.label-publimod {background-color: #f16e00;}

.TriSea-technologies-Switch.bg-publish > label::after{background: #28a745;}
.TriSea-technologies-Switch.bg-publish > label::before {background: #28a745;}
.TriSea-technologies-Switch.bg-unpublish > label::after{background: #dc3545;}
.TriSea-technologies-Switch.bg-unpublish > label::before {background: #dc3545;}
.TriSea-technologies-Switch.bg-publimod > label::after{background: #f16e00;}
.TriSea-technologies-Switch.bg-publimod > label::before {background: #f16e00;}

/* background color */
.bg-lg1{background-color:#eee}
.bg-lg2{background-color:#ddd}
.bg-lg3{background-color:#ccc}
.bg-lg4{background-color:#bbb}
.bg-white{background-color:#fff; color:#000}
.bg-black{background-color:#000; color:#fff}
.bg-orange{background-color:#f16e00}
/* .bg-section-dark{background-color:#4F5D73; color: #ffffff;}  */
.bg-section-dark{background-color:#6b7785; color: #ffffff;}
.bg-duplicable-section{background-color: #2eb85c ; /*color: #ffffff;*/font-weight: bold; } 
span.input-group-text{background-color:#6b7785 !important; color: #ffffff !important;}


/* text style */
.text-bold{font-weight:bold}

/* text color */
.text-black{color: #000000 !important}
.text-white{color: #ffffff !important}

/* text alignement */
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-left{text-align: left;}

/* table */
.table td.fit, 
.table th.fit {
   white-space: nowrap;
   width: 1%;
}

/* border */
.border-duplicable-section{border-color: #2eb85c !important;}

/*Required*/
@media (max-width: 576px){.modal-dialog.modal-dialog-slideout {width: 95%}}
.modal-dialog-slideout {height: 100%; margin: 0 0 0 auto;background: #fff;overflow:scroll}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0);transform: translate(100%,0);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);flex-flow: column;}
.modal-dialog-slideout .modal-content{border: 0;}

/* sortable bloc */
#sortable {list-style-type: none;padding-left:0; border:none; background-color:#fff}
#sortable li {border:2px solid #fff; background-color:#fff; margin:10px 0px}
#sortable li:hover {border:2px dashed #ddd; background-color:#fff; margin:10px 0px}
#sortable li.new-bloc {border:2px dashed #ddd; background-color:#fff; margin:10px 0px}
#sortable li .bloc-edit{display:none;  }
#sortable li:hover .bloc-edit{display:block;position: absolute; right:40px;margin-top:10px }

#sortable2 {list-style-type: none;padding-left:0; border:none; background-color:#fff}
#sortable2 li {border:2px solid #fff; background-color:#fff; margin:10px 0px}


/* border for template */
.tab-content .collapse {/*border: 1px solid #c8ced3; border-radius:4.8px; margin-bottom: 1rem !important;*/}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #768192;
  background-color: #fff !important;
  border-color: #c4c9d0 #c4c9d0 #ebedef;
  border-bottom:1px solid #fff;
}

.nav-link.active > svg.feather { fill:none; }
.nav-link > svg.feather { fill:none; }

.tab-content{
  background-color: #fff !important;
  border-left:1px solid rgb(196, 201, 208);
  border-right:1px solid rgb(196, 201, 208);
  border-bottom:1px solid rgb(196, 201, 208);
  border-top:1px solid #fff;
}


/* custom-autocomplete */
.suggestions-list{
  position: absolute;
  width: 100%;
  overflow-x: auto;
  max-height: 166px;
  z-index: 3 !important;
}
.item-active {
  z-index: 1;
  color: var(--cui-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--cui-list-group-action-hover-bg);
}



/* media library */
.card-img-media{object-fit: cover;object-position: 50% 50%;background-color: #3c4b64;aspect-ratio: 16 / 9;}
.card-font-media{font-size: 1.09375rem;color:rgb(60, 75, 100)}
.text-bg-media{position:absolute; top:0px; right:0px; background-color:#000; color:#fff; padding:5px;opacity: .6;font-weight: bold;}
.text-bg-media-select{position:absolute; top:0px; left:0px; padding-left:5px; }
.text-bg-media-time-video{position:absolute; top:168px; right:0px; background-color:#000; color:#fff; padding:5px;opacity: .6;font-weight: bold;}
.Introduction-video{background-color: #3c4b64;}
.img-container {/* Never limit the container height here */max-width: 100%;}
.img-container img {/* This is important */width: 100%;}
.cropper-containercc{width:100% !important;/*min-height:300px!important*/}
.cropper-canvasccc{width:100% !important;}

/* edit media */
.ui-state-media-default{position:relative}
.bloc-edit-media, .bloc-edit-media-bgnd{display:none;  }
.bloc-edit-media .p-3{color:#fff}
.ui-state-media-default:hover .bloc-edit-media{display:block;position: absolute;z-index:10000;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 145px;text-align: center; }
.ui-state-media-default:hover .bloc-edit-media-bgnd{display:block;background-color:#222 !important; opacity:0.8;z-index:1000 }
.btn-xs, .btn-group-xs > .btn {padding: 0.15rem 0.2rem;font-size: 0.5625rem;line-height: 1;border-radius: 0.2rem;}
.Embed {position: relative;width: 100%;}
.Embed-wrapper {width: 100%;height: 390px;}
.ui-state-media-default{position:relative}
.bloc-edit2, .bloc-edit2-bgnd{display:none;  }
.bloc-edit2 .p-3{color:#fff}
.ui-state-media-default:hover .bloc-edit2{display:block;position: absolute;top:0px;right:0px;;margin-top:0px;padding:10px; z-index:10000 }
.ui-state-media-default:hover .bloc-edit2-bgnd{display:block;background-color:#222 !important; opacity:0.8;z-index:1000 }
.btn-xs, .btn-group-xs > .btn {padding: 0.15rem 0.2rem;font-size: 0.5625rem;line-height: 1;border-radius: 0.2rem;}
.collapse-template {border: 1px solid #c8ced3; border-radius:4.8px; margin-bottom: 1rem !important; }

/* ratings */
.rate {
  float: left;
  height: 46px;
  padding: 0 10px;
}
.rate:not(:checked) > input {
  position:absolute;
  top:-9999px;
}
.rate:not(:checked) > label {
  float:right;
  width:1em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:30px;
  color:#ccc;
}
.rate:not(:checked) > label:before {
  content: '★ ';
}
.rate > input:checked ~ label {
  color: #ffc700;    
}
/* .rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #deb217;  
} */
/* .rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
} */



.folder-20{width: 20px;height: 20px;fill:#aaa; }
.store-20, .page-20{fill:#fff; }
.breadcrumb-item{padding-left:0rem !important;padding-right:0.5rem !important;}
@media (max-width: 576px){
	.breadcrumb {padding: 0rem 0rem .75rem 0rem !important}
	.breadcrumb-item.breadcrumb-site {width:100%}
}


.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: #768192;
	background-color: #fff !important;
	border-color: #c4c9d0 #c4c9d0 #ebedef;
	border-bottom:1px solid #fff;
}

.tab-content{
	background-color: #fff !important;
	border-left:1px solid rgb(196, 201, 208);
	border-right:1px solid rgb(196, 201, 208);
	border-bottom:1px solid rgb(196, 201, 208);
	border-top:1px solid #fff;
}

//
// Multi Select
//

.form-multi-select {
  position: relative;
  display: block;
  width: 100%;
  padding: $form-multi-select-padding-y ($form-multi-select-padding-x + $form-multi-select-indicator-padding) $form-multi-select-padding-y $form-multi-select-padding-x;
  font-family: $form-multi-select-font-family;
  @include font-size($form-multi-select-font-size);
  font-weight: $form-multi-select-font-weight;
  line-height: $form-multi-select-line-height;
  color: var(--#{$variable-prefix}form-multi-select-color, $form-multi-select-color);
  background-color: var(--#{$variable-prefix}form-multi-select-bg, $form-multi-select-bg);
  background-image: escape-svg($form-multi-select-indicator);
  background-repeat: no-repeat;
  background-position: $form-multi-select-bg-position;
  background-size: $form-multi-select-bg-size;
  border: $form-multi-select-border-width solid var(--#{$variable-prefix}form-multi-select-border-color, $form-multi-select-border-color);
  @include border-radius($form-multi-select-border-radius, 0);
  appearance: none;

  &:disabled,
  &.disabled {
    color: var(--#{$variable-prefix}form-multi-select-disabled-color, $form-multi-select-disabled-color);
    background-color: var(--#{$variable-prefix}form-multi-select-disabled-bg, $form-multi-select-disabled-bg);
  }

  &.form-multi-select-with-cleaner {
    padding: $form-multi-select-padding-y ($form-multi-select-padding-x + $form-multi-select-indicator-padding + $form-multi-select-cleaner-width + 2 * $form-multi-select-cleaner-padding-x) $form-multi-select-padding-y $form-multi-select-padding-x;
  }
}

.form-multi-select-selection-tags {
  min-height: add(($form-multi-select-padding-y * 2) + ($form-multi-select-font-size * $form-multi-select-line-height), ($form-multi-select-border-width * 2));
  padding: $form-multi-select-selection-tags-padding-y ($form-multi-select-padding-x + $form-multi-select-indicator-padding) $form-multi-select-selection-tags-padding-y $form-multi-select-selection-tags-padding-x;

  &.form-multi-select-with-cleaner {
    padding: $form-multi-select-selection-tags-padding-y ($form-multi-select-padding-x + $form-multi-select-indicator-padding + $form-multi-select-cleaner-width + 2 * $form-multi-select-cleaner-padding-x) $form-multi-select-selection-tags-padding-y $form-multi-select-selection-tags-padding-x;
  }

  .form-multi-select-search {
    height: ($form-multi-select-padding-y - $form-multi-select-selection-tags-padding-y) * 2 + ($form-multi-select-font-size * $form-multi-select-line-height);
    margin-left: $form-multi-select-padding-x;
  }
}

.form-multi-select-selection {
  display: inline;
  padding: 0;
}

.form-multi-select-selection-cleaner {
  position: absolute;
  top: 50%;
  right: 2rem;
  box-sizing: content-box;
  width: $form-multi-select-cleaner-width;
  height: $form-multi-select-cleaner-height;
  padding: $form-multi-select-cleaner-padding-y $form-multi-select-cleaner-padding-x;
  background: transparent var(--#{$variable-prefix}form-multi-select-cleaner-bg, escape-svg($form-multi-select-cleaner-bg)) center / $form-multi-select-cleaner-width auto no-repeat;
  border: 0; // for button elements
  border-right: 1px solid var(--#{$variable-prefix}form-multi-select-cleaner-border-color, $form-multi-select-cleaner-border-color);
  transform: translateY(-50%);

  &:hover {
    background: transparent var(--#{$variable-prefix}form-multi-select-cleaner-hover-bg, escape-svg($form-multi-select-cleaner-hover-bg)) center / $form-multi-select-cleaner-width auto no-repeat;
  }

  &:focus {
    background: transparent var(--#{$variable-prefix}form-multi-select-cleaner-focus-bg, escape-svg($form-multi-select-cleaner-focus-bg)) center / $form-multi-select-cleaner-width auto no-repeat;
    outline: 0;
  }
}

.form-multi-select-search {
  max-width: 100%;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: var(--#{$variable-prefix}form-multi-select-search-color, $form-multi-select-search-color);
  background-color: var(--#{$variable-prefix}form-multi-select-search-bg, $form-multi-select-search-bg);
  border: 0;
  appearance: none;
  @include border-radius($form-multi-select-search-border-radius, 0);

  &:focus {
    outline: 0;
  }

  &[size] {
    display: none;
    margin-left: $form-multi-select-padding-x;
  }
}

.form-multi-select-all {
  display: block;
  width: 100%;
  padding: $form-multi-select-select-all-padding-y $form-multi-select-select-all-padding-x;
  color: var(--#{$variable-prefix}form-multi-select-select-all-color, $form-multi-select-select-all-color);
  text-align: start;
  background-color: var(--#{$variable-prefix}form-multi-select-select-all-bg, $form-multi-select-select-all-bg);
  border: 0;
  border-bottom: 1px solid var(--#{$variable-prefix}form-multi-select-select-all-border-color, $form-multi-select-select-all-border-color);

  &:hover {
    color: var(--#{$variable-prefix}form-multi-select-select-all-hover-color, $form-multi-select-select-all-hover-color);
    background-color: var(--#{$variable-prefix}form-multi-select-select-all-hover-bg, $form-multi-select-select-all-hover-bg);
  }
}

.form-multi-select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  display: none; // none by default, but block on "open" of the menu
  width: 100%;
  margin-top: $form-multi-select-options-margin-top;
  background-color: var(--#{$variable-prefix}form-multi-select-options-bg, $form-multi-select-options-bg);
  background-clip: padding-box;
  border: $form-multi-select-options-border-width solid var(--#{$variable-prefix}form-multi-select-options-border-color, $form-multi-select-options-border-color);
  @include border-radius($form-multi-select-options-border-radius);
  @include elevation(4);
}

.form-multi-select-options {
  padding: $form-multi-select-options-padding-y $form-multi-select-options-padding-x;
  font-size: $form-multi-select-options-font-size;
  color: var(--#{$variable-prefix}form-multi-select-options-color, $form-multi-select-options-color);
}

.form-multi-select-option {
  position: relative;
  padding: $form-multi-select-option-padding-y $form-multi-select-option-padding-x;
  margin-bottom: 2px;
  vertical-align: top;
  cursor: pointer;
  @include border-radius($form-multi-select-option-border-radius, 0);

  &:hover,
  &:focus {
    color: var(--#{$variable-prefix}form-multi-select-option-hover-color, $form-multi-select-option-hover-color);
    text-decoration: none;
    background-color: var(--#{$variable-prefix}form-multi-select-option-hover-bg, $form-multi-select-option-hover-bg);
  }

  &.disabled,
  &:disabled {
    color: var(--#{$variable-prefix}form-multi-select-option-disabled-color, $form-multi-select-option-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }

  &.form-multi-select-option-with-checkbox {
    padding: $form-multi-select-option-padding-y $form-multi-select-option-padding-x $form-multi-select-option-padding-y calc(#{$form-multi-select-option-padding-x} + #{$form-multi-select-option-indicator-width}); // stylelint-disable-line function-disallowed-list

    &::before {
      position: absolute;
      top: .7rem;
      left: $form-multi-select-option-padding-x * .5;
      display: block;
      width: $form-multi-select-option-indicator-width;
      height: $form-multi-select-option-indicator-width;
      pointer-events: none;
      content: "";
      background-color: var(--#{$variable-prefix}form-multi-select-option-indicator-bg, $form-multi-select-option-indicator-bg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      border: var(--#{$variable-prefix}form-multi-select-option-indicator-border, $form-multi-select-option-indicator-border);
      @include border-radius($form-multi-select-option-indicator-border-radius);
    }
  }


  &.form-multi-selected {
    background-color: var(--#{$variable-prefix}form-multi-select-option-selected-bg, $form-multi-select-option-selected-bg);

    &::before {
      background-color: var(--#{$variable-prefix}form-multi-select-option-selected-indicator-bg, $form-multi-select-option-selected-indicator-bg);
      background-image: var(--#{$variable-prefix}form-multi-select-option-selected-indicator-bg-image, escape-svg($form-multi-select-option-selected-indicator-bg-image));
      border-color: var(--#{$variable-prefix}form-multi-select-option-selected-indicator-border-color, $form-multi-select-option-selected-indicator-border-color);
    }
  }
}

.form-multi-select-optgroup-label {
  padding: ($form-multi-select-option-padding-y * 1.5) ($form-multi-select-option-padding-x * .5) $form-multi-select-option-padding-y ($form-multi-select-option-padding-x * .5);
  font-size: 80%;
  font-weight: $form-multi-select-optgroup-label-font-weight;
  color: $form-multi-select-optgroup-label-color;
  text-transform: uppercase;
}

.form-multi-select-options-empty{
  padding: $form-multi-select-option-padding-y $form-multi-select-option-padding-x;
}


.form-multi-select-tag {
  display: inline-block;
  padding: $form-multi-select-tag-padding-y $form-multi-select-tag-padding-x;
  margin: $form-multi-select-tag-margin-y $form-multi-select-tag-margin-x;
  background-color: var(--#{$variable-prefix}form-multi-select-tag-bg, $form-multi-select-tag-bg);
  border: $form-multi-select-tag-border-width solid var(--#{$variable-prefix}form-multi-select-tag-border-color, $form-multi-select-tag-border-color);
  @include border-radius($form-multi-select-tag-border-radius);
}

.form-multi-select-tag-delete {
  padding: 0;
  margin-left: 6px;
  background-color: transparent;
  border: 0;
}

.form-multi-select.show {
  color: var(--#{$variable-prefix}form-multi-select-focus-color, $form-multi-select-focus-color);
  background-color: var(--#{$variable-prefix}form-multi-select-focus-bg, $form-multi-select-focus-bg);
  border-color: var(--#{$variable-prefix}form-multi-select-focus-border-color, $form-multi-select-focus-border-color);

  @if $enable-shadows {
    @include box-shadow($form-multi-select-box-shadow, $form-multi-select-focus-box-shadow);
  } @else {
    // Avoid using mixin so we can pass custom focus shadow properly
    box-shadow: $form-multi-select-focus-box-shadow;
  }

  .form-multi-select-search[size] {
    display: inline;
  }

  .form-multi-select-dropdown {
    z-index: $zindex-dropdown;
    display: initial;
  }
}

.form-multi-select-sm {
  padding-top: $form-multi-select-padding-y-sm;
  padding-bottom: $form-multi-select-padding-y-sm;
  padding-left: $form-multi-select-padding-x-sm;
  @include font-size($form-multi-select-font-size-sm);

  &.form-multi-select-selection-tags {
    min-height: add(($form-multi-select-padding-y-sm * 2) + ($form-multi-select-font-size-sm * $form-multi-select-line-height), ($form-multi-select-border-width * 2));
    padding: $form-multi-select-selection-tags-padding-y-sm ($form-multi-select-padding-x-sm + $form-multi-select-indicator-padding) $form-multi-select-selection-tags-padding-y-sm $form-multi-select-selection-tags-padding-x-sm;

    .form-multi-select-search {
      height: ($form-multi-select-padding-y-sm - $form-multi-select-selection-tags-padding-y-sm) * 2 + ($form-multi-select-font-size-sm * $form-multi-select-line-height);
    }
  }

  .form-multi-select-tag {
    padding: $form-multi-select-tag-padding-y-sm $form-multi-select-tag-padding-x-sm;
    margin: $form-multi-select-tag-margin-y-sm $form-multi-select-tag-margin-x-sm;
    @include border-radius($form-multi-select-tag-border-radius);
  }
}

.form-multi-select-lg {
  padding-top: $form-multi-select-padding-y-lg;
  padding-bottom: $form-multi-select-padding-y-lg;
  padding-left: $form-multi-select-padding-x-lg;
  @include font-size($form-multi-select-font-size-lg);

  &.form-multi-select-selection-tags {
    min-height: add(($form-multi-select-padding-y-lg * 2) + ($form-multi-select-font-size-lg * $form-multi-select-line-height), ($form-multi-select-border-width * 2));
    padding: $form-multi-select-selection-tags-padding-y-lg ($form-multi-select-padding-x-lg + $form-multi-select-indicator-padding) $form-multi-select-selection-tags-padding-y-lg $form-multi-select-selection-tags-padding-x-lg;
  }

  .form-multi-select-tag {
    padding: $form-multi-select-tag-padding-y-lg $form-multi-select-tag-padding-x-lg;
    margin: $form-multi-select-tag-margin-y-lg $form-multi-select-tag-margin-x-lg;
    @include border-radius($form-multi-select-tag-border-radius);
  }
}

/* badge improvement for tag */
.text-bg-folder{font-weight:normal !important; font-size:10px}
.text-bg-tag{font-weight:bold; font-size:1rem}
.text-bg-white{background-color:#ffffff}
.text-bg-white:hover, .text-bg-white:focus {text-decoration: none;background-color: #efefef;}

/* placeholder in italic */
::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;  
}
::-moz-placeholder {
   font-style: italic;  
}
:-ms-input-placeholder {  
   font-style: italic; 
}

/* placeholder color */
::-webkit-input-placeholder {
   color:#ccc !important;
}
:-moz-placeholder {
   color:#ccc !important; 
}
::-moz-placeholder {
  color:#ccc !important;  
}
:-ms-input-placeholder {  
   color:#ccc !important; 
}

/* section */
.card.card-section{border-color:#6b7785}
.card-section .collapse{border-radius: 0px 0px 5px 5px;}
.card-section .collapsed{border-radius: 5px !important;}
.card-section .card-header button:first-child{border-bottom-left-radius:0px}
/*.card-section .card-header button.btn-delete{border-bottom:0px;border-bottom-right-radius:5px !important}*/
.card-section .card-header button.collapsed{border-top-right-radius:0px !important; border-bottom-left-radius:5px !important, }



/* button improvment */
.btn-outline-white {color: #23282c; background-color: #fff; background-image: none; border-color: #c8ced3;}
.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle {color: #23282c;background-color: #c8ced3; border-color: #c8ced3;}
.btn-outline-white:hover {color: #23282c; background-color: #c8ced3; border-color: #c8ced3;}
.btn-section{color:#ffffff !important;  }
.btn-section-warning{color:#000000 !important; }
.btn-section, .btn-section-warning { font-size: 14px;padding:0.75rem 1.25rem;border-bottom:0px !important;}
.card-header.btn-group{border-bottom:0px !important}
.card-header.btn-group .btn-danger, .card-header.btn-group .btn-success{border-bottom-right-radius:0px !important}


.folder-20{width: 20px;height: 20px;fill:#aaa; }
.tag-20, .store-20, .page-20{fill:#fff; }
@media(min-width:576px) {
	.d-sm-breadcrumb {display: flex !important;}
}
@media(max-width:576px) {
	div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_length {text-align:left !important}
}
.dataTables_length select{min-width:60px}

.table-white, .table-white > th, .table-white > td {
  color: #4f5d73;
  background-color: #ffffff;
}
@media(hover:hover),(-ms-high-contrast:none) {
 .table-hover .table-white:hover,
 .table-hover .table-white:hover>td,
 .table-hover .table-white:hover>th {
  background-color:#eaedf1
 }
}

.avatar{height:30px; width:30px;}

/* download files */
section.target {
  position: relative;
  z-index: 16;
  width: 38rem;
  height: 14rem;
  margin: 1rem auto;
  padding: 0 0 1.6rem;
background-color:#e4e5e6;
  color: #40444f;
  border: .2rem dashed #616778;
  border-radius: 1.5rem;
  cursor: pointer;
  -webkit-transition: color 0.2s ease-out, border-color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out, border-color 0.2s ease-out;
  -o-transition: color 0.2s ease-out, border-color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out, border-color 0.2s ease-out;
  transition: color 0.2s ease-out, border-color 0.2s ease-out;
}
.feather-download-files{width: 64px;height: 64px;}

section.target input[type="file"] {
  position: absolute;
  top: -16rem;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.-input-download {
  font-family: Arial,Helvetica,sans-serif;
  vertical-align: middle;
  font-size: 1.52rem;
  margin-right: .8rem;
}	

.form-control[readonly]:not(.flatpickr-input) {
  background-color: #e9ecef;
  opacity: 1;
}