#cm-aside, #dcm-aside, #acm-aside {
    position: fixed;
    border-radius: 0;
    /*top: calc(var(--bs-app-header-height) + var(--bs-app-toolbar-height, 0px));*/
    top: 0;
    bottom: 0;
    width: 45%;
    z-index: 999;
}

/*#cm-aside:before {*/
/*    content: '';*/
/*    background-color: rgba(0,0,0,.3);*/
/*    backdrop-filter: blur(4px);*/
/*    position: fixed;*/
/*    left: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    z-index: 9;*/
/*}*/

#cm-aside-close-container{
    position: relative
}

.cm-aside-closed{
  display:none;
}

.cm-aside-close-drawer{
    position: absolute;
    z-index: 9999;
    font-size: 20px;
    display: inline-block;
    cursor: pointer
}

.cm-aside-drawer{
    height: 100%;
    overflow: auto;
}

.swal2-popup{
    padding: 1rem !important;
}

.cm-setting-aside-menu {

}

.cm-setting-aside-menu .active {
    color: #FFFFFF !important;
    background-color: var(--bs-primary) !important;
}

.cm-setting-aside-menu .active .fa {
    color: #FFFFFF !important;
}

.cm-setting-aside-data {
    overflow: auto
}

.cm-tree span {
    cursor: pointer;
}

@-o-keyframes fadeIt {
    0%   { background-color: #FFFFFF; }
    50%  { background-color: #fcf1c2; }
    100% { background-color: #FFFFFF; }
}
@keyframes fadeIt {
    0%   { background-color: #FFFFFF; }
    50%  { background-color: #fcf1c2; }
    100% { background-color: #FFFFFF; }
}

.justCreatedItem{
    background-image:none !important;
    -o-animation: fadeIt 2s ease-in-out;
    animation: fadeIt 2s ease-in-out;
}

.triangle-tail {
  position:relative;
}
.triangle-tail:before {
  content: "";
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent #ffffff transparent transparent;
  position: absolute;
  right: 9px;
  top: 50%;
  translate: 0 -50%;
}

.task{
  transition: all .1s ease-in-out;
}

.task:hover{
  border : 1px dashed #cccccc;
}

.task-overlay{
  position: absolute;
  z-index: 1000;
  background-color: rgba(0,0,0,.3);
  top:0;
  bottom: 0;
  left:0;
  right: 0;
  height: 100%;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
}

.task-overlay i{
  font-size: 30px;
  color: white;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text-truncate {
  width: 300px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
  color: red;
}

.show_icon_on_hover{
  cursor: pointer;
}

.show_icon_on_hover i{
  display: none;
}

.show_icon_on_hover:hover i{
  display: inline;
}

@media (max-width: 1000px) {
  #cm-aside, #dcm-aside, #acm-aside {
    top: 0;
    width: 70%;
  }
}

@media (max-width: 700px) and (min-width: 200px) {
  #cm-aside, #dcm-aside, #acm-aside {
    top: 0;
    width: 100%;
  }
}