.dropdown-property .dropdown .dropdown-menu .inner {
    max-width: 230px;
}

.thermostat .progress {
    height: 50px;
    border-radius: 5px;
}

.thermostat .togglebutton-info label input[type=checkbox]:checked+.toggle:after {
    border-color: #00bcd4;
}

.thermostat .togglebutton-info label input[type=checkbox]:checked+.toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1);
}

.thermostat .togglebutton-info label input[type=checkbox]:checked+.toggle {
    background-color: rgba(0, 188, 212, 0.7);
}

.toggle-align-1 {
	margin-top: 4px;
}

.toggle-align-2 {
	margin-top: -12px;
}

.thermostat .dropdown-menu .dropdown-item:hover,
.thermostat .dropdown-menu .dropdown-item:focus,
.thermostat .dropdown-menu a:hover,
.thermostat .dropdown-menu a:focus,
.thermostat .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
    background-color: #00bcd4;
}

.thermostat .bootstrap-select .dropdown-item.active {
    background: #00bcd4;
}

.thermostat .form-check .form-check-label .circle .check {
    background-color: #00bcd4;
}

.thermostat .form-check .form-check-input:checked ~ .circle {
    border-color: #00bcd4;
}

.thermostat-label {
	margin-top: 4px;
	margin-bottom: 0px;
	padding: 0px !important;
	align-items: top !important;
}

.thermostat-plus {
	margin-left: -20px;
}

.thermostat-toggle-label-1 {
	margin-top: 6px;
	margin-bottom: 0px;
	padding: 0px !important;
	align-items: top !important;
}

.thermostat-toggle-label-2 {
	margin-top: -8px;
	margin-bottom: 0px;
	padding: 0px !important;
	align-items: top !important;
}

.thermostat-toggle-control {
	min-height: 60px;
}

.progress.progress-line-warning {
    background: rgba(145, 145, 145, 0.2);
}

.progress .progress-bar.progress-bar-default {
    background: #919191;
}

.chat > .chat-panel .badge {
    text-align: right;
    width: 100%;
}

.chat > .chat-panel-inverted .badge {
    text-align: left;
}

.chat > .chat-panel {
	width: 90%;
	float: right;
	padding: 10px;
	margin-bottom: 5px;
	position: relative;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
	border-radius: 6px;
	color: rgba(0, 0, 0, 0.87);
	background: #fff;
    clear: both;
}

.chat > .chat-panel-inverted {
	float: left;
	background-color: #fff;
}
.chat > .chat-panel > .chat-body > p {
	margin-bottom: 0;
}

.chat > .chat-panel h6 {
	margin-bottom: 0;
}

.chat > .chat-panel::before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #e4e4e4;
	border-right: 0 solid #e4e4e4;
	border-bottom: 15px solid transparent;
	content: " ";
}

.chat > .chat-panel::after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.chat > .chat-panel-inverted::before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.chat > .chat-panel-inverted::after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.chat-unread {
	clear: both;
	width: 100%;
	text-align: center;
	color: #ffffff;
}

.chat-unread .chat-unread-divisor {
	border: 1px solid #000000;
	top: 14px;
	position: relative;
}

.chat-unread .chat-unread-bgmessage {
	background: #000000;
	width: 130px;
	margin-left: 50%;
	left: -65px;
	position: relative;
	height: 26px;
	min-width: 129px;
}

.chat-unread .chat-unread-message {
	font-size: smaller;
	top: -25px;
	position: relative;
}

.table-recipes .img-container {
	width: 120px;
	max-height: 160px;
	overflow: hidden;
	display: block;
}

.table-recipes .img-container img {
	width: 100%;
}


/**/
.forum > .forum-panel .badge {
	text-align: left;
    width: 100%;
	border-bottom: 1px solid #e4e4e4;
}

.forum > .forum-panel .badge .ti-time {
	float: right;
}

.forum > .forum-panel {
	width: 95%;
	padding: 20px;
	margin-bottom: 20px;
	position: relative;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
	border-radius: 6px;
	color: rgba(0, 0, 0, 0.87);
	background: #fff;
    clear: both;
}

.logo-img {
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.logo-text {
	left: -35px !important;
	position: relative !important;
	top: -3px !important;
}

.clickable {
	cursor: pointer;
}

.modal-footer {
	display: block;
	text-align: left;
	height: 70vh;
	overflow-y: auto;
}

.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem 0.75rem 2.5rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
}
.nested-sortable {
	margin-left: -1.25rem;
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item .draggable {
	color: rgba(0,0,0,.5);
	cursor: pointer;
	position: absolute;
	top: 12px;
	left: 12px;
	margin: 1px;
}


.list-group-item .remove,
.challenge-goals .remove {
	color: rgba(0,0,0,.5);
	width: 26px;
	height: 26px;
	cursor: pointer;
}

.list-group-item .correctAnswer,
.challenge-goals .correctAnswer {
	color: rgba(0,0,0,.5);
	width: 26px;
	height: 26px;
}

.list-group-item .remove {
	position: absolute;
	top: 12px;
	right: 12px;
}

.list-group-item .correctAnswer {
	position: absolute;
	top: 12px;
	right: 42px;
}

.list-group-item:hover {
	background-color: rgba(0,0,0,.025);
}

.list-group-item .btn-add-ingredient {
	position: absolute;
    right: 44px;
    top: 0px;
}

.answers_correct_one {
	background-color: rgb(145,169,56,0.2);
}

.answers_correct_one:hover {
	background-color: rgba(145,169,56,0.4);
}

.challenge-name,
.challenge-draggable,
.challenge-actions {
	align-items: center;
    display: flex;
}

.challenge-draggable {
	cursor: pointer;
}

.challenge-draggable,
.challenge-actions {
	color: rgba(0,0,0,.5);
	text-align: center;
}

.list-group.participants {
	border-radius: 0;	
}

.challenge-titles {
	font-weight: bold;
}

.sidebar {
	overflow: visible !important;
}

.navbar-minimize {
	position: absolute;
    left: -16px;
    top: 14px;
    cursor: pointer;
	padding: 0 !important;
}

#minimizeSidebar.btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	box-shadow: 0 0 0 0;
	opacity: 1.0;
	clip-path: polygon(15px 0, 100% 0%, 100% 100%, 15px 100%)
}

#minimizeSidebar.btn:active {
	background-color: #ffffff;
	box-shadow: 0 0 0 0;
	opacity: 1.0;
}

#minimizeSidebar.btn:hover {
	background-color: #ffffff;
	box-shadow: 0 0 0 0;
}

i.visible-on-sidebar-regular,
i.visible-on-sidebar-mini {
	right: -6px !important;
	left: auto !important;
	opacity: 0.93;
}

.navbar .navbar-brand {
    margin-left: 2rem;
}

.main-panel>.content {
    margin-top: 30px;
    padding-bottom: 10px;
}

.chat-list,
.chat-messages {
	height: 66vh;
    overflow: auto;
}

.chat-list table.dataTable {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.chat-list table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
	background-color: #E5F8FB !important;
	color: #000;
}

.chat-messages {
	/* background-color: #F5F5F5; */
	background: #E5F8FB;
    border-left: 1px solid #E5E5E5;
}

.btn-sm.btn-badge {
	font-size: 1rem;
	line-height: 33px;
}

/* Property Menu */
.dropdown-property .dropdown.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    max-width: 193px;
}

/* .dropdown-property .dropdown .dropdown-menu .inner {
    max-width: 230px;
} */

.sidebar .sidebar-wrapper .property .property-initials [data-toggle="collapse"]~div>ul>li>a span,
.sidebar .property .property-initials,
.sidebar .property .property-info>a>span {
  -webkit-transition: all 0ms linear;
  -moz-transition: all 0ms linear;
  -o-transition: all 0ms linear;
  -ms-transition: all 0ms linear;
  transition: all 0ms linear;
}

.rtl .sidebar .property .property-info>a>span,
.rtl .bootstrap-navbar .property .property-info>a>span {
  text-align: right;
  display: block;
}

.rtl .sidebar .property .property-initials,
.rtl .bootstrap-navbar .property .property-initials {
  float: right;
  margin-left: 12px;
  margin-right: 23px;
}

.rtl .sidebar .property .property-info .caret,
.rtl .bootstrap-navbar .property .property-info .caret {
  left: 22px;
  right: auto;
}

.rtl .sidebar .sidebar-wrapper .property .property-info [data-toggle="collapse"]~div>ul>li>.sidebar-mini,
.rtl .bootstrap-navbar .sidebar-wrapper .property .property-info [data-toggle="collapse"]~div>ul>li>.sidebar-mini {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}

@media (max-width: 991px) {
	.rtl .sidebar .sidebar-wrapper .property .property-info [data-toggle="collapse"]~div>ul>li>.sidebar-normal {
	  text-align: right;
	}
}
  
@media (min-width: 991px) {
	.rtl.sidebar-mini .sidebar .sidebar-wrapper .property .property-info [data-toggle="collapse"]~div>ul>li>.sidebar-normal,
	.rtl.sidebar-mini .sidebar .sidebar-wrapper .property .property-info>a>span {
	  position: relative;
	}
  
	.rtl.sidebar-mini .sidebar:hover .sidebar-wrapper .property .property-info [data-toggle="collapse"]~div>ul>li>.sidebar-normal,
	.rtl.sidebar-mini .sidebar:hover .sidebar-wrapper .property .property-info>a>span,
	.rtl.sidebar-mini .sidebar .sidebar-wrapper .property .property-info [data-toggle="collapse"]~div>ul>li>.sidebar-normal,
	.rtl.sidebar-mini .sidebar .sidebar-wrapper .property .property-info>a>span {
	  -webkit-transform: translatX(25px);
	  -moz-transform: translateX(25px);
	  -o-transform: translateX(25px);
	  -ms-transform: translateX(25px);
	  transform: translateX(25px);
	}
  
	.rtl.sidebar-mini .sidebar:hover .sidebar-wrapper .property .property-info [data-toggle="collapse"]~div>ul>li>.sidebar-normal,
	.rtl.sidebar-mini .sidebar:hover .sidebar-wrapper .property .property-info>a>span {
	  -webkit-transform: translat3d(0, 0, 0);
	  -moz-transform: translate3d(0, 0, 0);
	  -o-transform: translate3d(0, 0, 0);
	  -ms-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
}

.rtl .sidebar-wrapper .property .property-info .collapse .nav .nav-item .nav-link .sidebar-mini,
.rtl .sidebar-wrapper .property .property-info .collapsing .nav .nav-item .nav-link .sidebar-mini {
  float: right;
}

.rtl .sidebar-wrapper .property .property-info .collapse .nav .nav-item .nav-link .sidebar-normal,
.rtl .sidebar-wrapper .property .property-info .collapsing .nav .nav-item .nav-link .sidebar-normal {
  text-align: right;
  display: block;
}

.rtl .sidebar .property .property-info [data-toggle="collapse"]~div .nav .nav-item .nav-link .sidebar-mini {
  margin-right: 0 !important;
  float: right !important;
  margin-left: 15px !important;
}

.rtl .sidebar .property .property-info [data-toggle="collapse"]~div .nav .nav-item .nav-link .sidebar-normal {
  display: block !important;
}

.sidebar .sidebar-wrapper .property .property-info [data-toggle="collapse"]~div>ul>li>a span {
  display: inline-block;
}

.sidebar .sidebar-wrapper .property .property-info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal {
  margin: 0;
  position: relative;
  transform: translateX(0px);
  opacity: 1;
  white-space: nowrap;
  display: block;
}

.sidebar .sidebar-wrapper .property .property-info [data-toggle="collapse"]~div>ul>li>a .sidebar-mini {
  text-transform: uppercase;
  width: 30px;
  margin-right: 15px;
  text-align: center;
  letter-spacing: 1px;
  position: relative;
  float: left;
  display: inherit;
}

.sidebar .sidebar-wrapper .property .property-info [data-toggle="collapse"]~div>ul>li>a i {
  font-size: 17px;
  line-height: 20px;
  width: 26px;
}

.sidebar .property {
	padding-bottom: 20px;
	margin: 20px auto 0;
	position: relative;
}

.sidebar .property:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 15px;
	height: 1px;
	width: calc(100% - 30px);
	background-color: rgba(180, 180, 180, 0.3);
}

.sidebar .property .property-initials {
	width: 34px;
	height: 34px;
	overflow: hidden;
	float: left;
	z-index: 5;
	margin-right: 11px;
	border-radius: 50%;
	margin-left: 23px;
	box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.sidebar .property .property-initials img {
	width: 100%;
}

.sidebar .property a {
	color: #3C4858;
	padding: 0.5rem 15px;
	white-space: nowrap;
}

.sidebar .property .property-info>a {
	display: block;
	line-height: 18px;
	font-size: 14px;
}

.sidebar .property .property-info>a>span {
	display: block;
	position: relative;
	opacity: 1;
}

.sidebar .property .property-info .caret {
	position: absolute;
	top: 8px;
	right: 15px;
}

.form-group-top {
	margin-top: -8px !important;
}

@media (min-width: 991px) {
	.sidebar-mini .sidebar .sidebar-wrapper .property .property-info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal,
	.sidebar-mini .sidebar .sidebar-wrapper .property .property-info>a>span {
	  -webkit-transform: translate3d(-25px, 0, 0);
	  -moz-transform: translate3d(-25px, 0, 0);
	  -o-transform: translate3d(-25px, 0, 0);
	  -ms-transform: translate3d(-25px, 0, 0);
	  transform: translate3d(-25px, 0, 0);
	  opacity: 0;
	}
  
	.sidebar-mini .sidebar:hover .sidebar-wrapper .property .property-info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal,
	.sidebar-mini .sidebar:hover .sidebar-wrapper .property .property-info>a>span {
	  -webkit-transform: translate3d(0px, 0, 0);
	  -moz-transform: translate3d(0px, 0, 0);
	  -o-transform: translate3d(0px, 0, 0);
	  -ms-transform: translate3d(0px, 0, 0);
	  transform: translate3d(0px, 0, 0);
	  opacity: 1;
	}
}