@media (min-width: 979px) {
	ul.nav li.dropdown:hover > ul.dropdown-menu {
	  display: block;
	}
}

@media (min-width: 979px) {
	div.dropdown:hover > ul.dropdown-menu {
	  display: block;
	}
}
	
.dropdown-submenu{ position: relative; }
.dropdown-submenu>.dropdown-menu{
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
}
.dropdown-submenu>a:after{
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#cccccc;
  margin-top:5px;margin-right:-10px;
}
.dropdown-submenu:hover>a:after{
  border-left-color:#555;
}
.dropdown-submenu.float-left{ float: none; }
.dropdown-submenu.float-left>.dropdown-menu{
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.modal-dialog { width: 80%; }

ul.ui-autocomplete { z-index: 999999 }

.ql-mention-list-container { width: 800px }

/*
@media (min-width: 768px) { 
}
@media (min-width: 992px) { 
}
@media (min-width: 1200px) { 
}
*/

.ql-editor {
	/* min-height:200px; */
}

#quick_post .ql-editor {
	/* min-height:40px; */
}

#quick_post .ql-editor {
	/* min-width:200px; */
}

#bc_div_button_quickPost {
	display:none;
}

.p-image {
	/* margin-top:-20px;
	color: #666666;
	transition: all .3s cubic-bezier(.175, .885, .32, 1.275); */
}
.p-image:hover {
	/* transition: all .3s cubic-bezier(.175, .885, .32, 1.275); */
}
.upload-button {
	font-size: 1.2em;
}

.upload-button:hover {
	transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
	color: #999;
}

#te_modal_createNoteTemplate {
	z-index:99999999;
}

thead .sorting, 
thead .sorting_asc, 
thead .sorting_desc {
    background: none !important;
}

li.select2-results__option { color: #000000 }

.come-from-modal.left .modal-dialog,
.come-from-modal.right .modal-dialog {
    position: fixed !important;
    margin: 0 !important;
    width: 92% !important;
    max-width: 92% !important;
    min-width: 92% !important;
    height: 100% !important;
    top: 0 !important;
    bottom: 0 !important;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.come-from-modal.left .modal-content,
.come-from-modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
}

.come-from-modal.left .modal-body,
.come-from-modal.right .modal-body {
    padding: 15px 15px 80px;
}
.come-from-modal.right.fade .modal-dialog {
    right: -98% !important;
    -webkit-transition: opacity 0.5s linear, right 0.5s ease-out;
    -moz-transition: opacity 0.5s linear, right 0.5s ease-out;
    -o-transition: opacity 0.5s linear, right 0.5s ease-out;
    transition: opacity 0.5s linear, right 0.5s ease-out;
}

/* Bootstrap 4: Changed from .fade.in to .fade.show */
.come-from-modal.right.fade.show .modal-dialog,
.come-from-modal.right.fade.in .modal-dialog {
    right: 0 !important;
}

.modal-content {
	background:linear-gradient(11deg, #04080e, #09101b 50%);
}

.sort-btn {
  background:transparent;
  font-size: 1rem;
  /* color: #383d4f; */
  color: #fff;
  border: none;
}

.sort-btn_hover {
  color: #fff;
}

.column-sort {
  /* display: flex; */
  margin-left: 2rem;
  padding: 4px;
  border-radius: 50%;

}

.bootstrap-datetimepicker-widget { background-color: #000000 }