/* GENERAL */
body {
    background-color: #fafafa;    
	color: #505458;
}
body.fixed-left-void {
    min-height: 100vh;
}
a {
    color: #505458;
    text-decoration: none;
}
a:focus, a:hover {
    color: #222222;
}

.edit_cell.focus
{
    /*outline: -webkit-focus-ring-color auto 5px !important;*/
	background: rgb(35,42,51);
	background: radial-gradient(circle, rgba(35,42,51,1) 0%, rgba(44,51,62,1) 100%);
	color: #ffffff;
}

label {
    color: #505458;
}
input[type="date"]::-webkit-clear-button {
	display: none;
}
input[type="date"]::-webkit-inner-spin-button {
display: none;
}

@media (max-width: 768px) {
	.content-page .content {
		margin-top: 70px;
	}
}

.tab-toolbar {
    background: #efefef;
    padding: 5px;
}
.tab-toolbar.dark {
	background: #293c4b;
}
.thumb-ico {
	width: 24px;
    height: 24px;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
}
.img-thumbnail {
    padding: 1px;
    border: none;
    border-radius: 4px;
}

@keyframes blink {
    0% {
		opacity: 1;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
.blink-element {
    -moz-animation:blink normal 1s infinite ease-in-out; /* Firefox */
    -webkit-animation:blink normal 1s infinite ease-in-out; /* Webkit */
    -ms-animation:blink normal 1s infinite ease-in-out; /* IE */
    animation:blink normal 1s infinite ease-in-out; /* Opera */
}

.no-scroll {
    overflow: hidden;
}

.panel-fullscreen {
    display: block;
    z-index: 999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
	border-radius: 0 !important;
	/*margin: 10px;*/
}

.block-title-divider {
    background: #f5f5f5;
    margin: 0;
    padding: 10px;
}
/* /GENERAL */

/* MODAL */
@media (min-width: 992px) {
    .modal-lg {
        width: 80%;
    }
}
@media (min-width: 768px) {
    .modal-lg {
        width: 90%;
    }
}
/* /MODAL */


/* WELL */
.well {
    background-color: #fafafa;
}
/* /WELL */

/* CARD */
.card-b-r-warning {
    border-right: 4px solid #ff9800;
}
/* /CARD */

/* BUTTON */
.btn-group-sm > .btn, 
.btn-sm {
    padding: 5px 10px !important;
    font-size: 12px;
}
/* /BUTTON */

/* Material inputs */
.form-material .form-group {
  overflow: hidden;
}
.form-material .form-control {
  background-color: rgba(0, 0, 0, 0);
  background-position: center bottom, center calc(99%);
  background-repeat: no-repeat;
  background-size: 0 2px, 100% 1px;
  padding: 0;
  transition: background 0s ease-out 0s;
}
.form-material .form-control,
.form-material .form-control.focus,
.form-material .form-control:focus {
  background-image: linear-gradient(#ffab02, #ffab02), linear-gradient(rgba(44, 51, 62, 0.13), rgba(44, 51, 62, 0.13));
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  float: none;
}
.form-material .form-control.focus,
.form-material .form-control:focus {
  background-size: 100% 2px, 100% 1px;
  outline: 0 none;
  transition-duration: 0.3s;
}
.form-bordered .form-group {
  border-bottom: 1px solid rgba(44, 51, 62, 0.13);
  padding-bottom: 20px;
}
/* /Material inputs */

/* SIDEBAR */
body.fixed-left .side-menu.left {
    bottom: 60px;
    margin-bottom: -60px;
    margin-top: 0;
    padding-bottom: 60px;
    position: fixed;
}
.side-menu {
    background: #3f424c;
	background-image: radial-gradient(circle,#3f424c 0%, #27262c 100%) !important;
    /*background: #b6bdbd; */
	/*background: linear-gradient(to bottom, #ACB3B3 , #b6bdbd); */
	padding-bottom: 60px;
    z-index: 100 !important;
}
.menu-title {
    padding: 24px 10px !important;
    color: #7a8490;
    text-align: center;
    font-size: 14px;
}
#sidebar-menu ul ul li.active a {
    color: #ffcc00;
    font-weight: 700;
}
#sidebar-menu ul li a i {
    color: rgba(255,255,255,.2);
}
#sidebar-menu > ul > li > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #3f424c;
}
#sidebar-menu > ul > li > a.active {
    color: #ffffff !important;
    background-color: #3f424c;
}
#sidebar-menu .subdrop {
    color: #ffffff !important;
    background-color: #3f424c;
}
#sidebar-menu ul ul {
    /*background: linear-gradient(to top, #3f424c, #27262c );*/
	background: rgba(63,66,76,0.95);
}
#sidebar-menu ul li .menu-arrow {
    color: #f9c850;
	-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
#sidebar-menu ul li a.subdrop .menu-arrow {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.site-menubar-footer {
    width: 225px;
}
.site-menubar-footer>a {
    display: block;
    float: left;
    width: 100%;
    height: 60px;
    padding: 20px 0;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #27262c;
	-webkit-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.site-menubar-footer>a:focus, 
.site-menubar-footer>a:hover {
    background-color: #ffcc00;
	color: #ffffff;
}
#wrapper.enlarged .left.side-menu {
    width: 70px;
    z-index: 5;
}
#wrapper.enlarged .site-menubar-footer {
    display: none !important;
}

.user-details {
  min-height: 80px;
  padding: 20px;
  position: relative;
}
.user-details img {
  position: relative;
  z-index: 9999;
}
.user-details .user-info {
  color: #444444;
  margin-left: 45px;
  position: relative;
  z-index: 99999;
}
.user-details .user-info a.dropdown-toggle {
  color: #ffffff;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding-top: 5px;
}
.user-info p {
	line-height: 18px;
}

/*.footer-copyright {
    position: absolute;
    color: #7a8490;
    text-align: center;
    background-color: #222933;
    font-size: 14px;
    margin: 0;
    padding: 20px 15px;
    line-height: 20px;
    width: 225px;
    height: 60px;
}
.footer-copyright img {
	height: 25px;
	width: auto;
}
#wrapper.enlarged .footer-copyright {
    display: none !important;
}*/
/* /SIDEBAR */

/* NAVBAR */
.navbar-default {
    background-color: #efefef;
    box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.3);
}
.button-menu-mobile {
    color: #ffab00;
}
.button-menu-mobile:hover {
    color: #ff7e00;
}
.app-search .form-control, 
.app-search .form-control:focus {
    border: 1px solid rgba(152, 166, 173, 0.2);
    background: rgba(255, 255, 255, 0.6);
}
.topbar .topbar-left {
    background: #ffcc00;
}
.navbar-default .right-menu-item {
    border: none !important;
    background: transparent;
    color: #333 !important;
    border-radius: 7px;
}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff !important;
    background-color: #ffcc00;
}
/* /NAVBAR */

/* FOOTER */
.footer {
    background: #ffffff;
	text-align: right !important;
	font-size: 12px;
    padding: 21px 30px 21px;
}
/* /FOOTER */

/* LOGIN */
.wrapper-page {
	margin: 7% auto;
	position: relative;
	max-width: 400px;
}
.account-pages {
    background-color: #232a33;
    /* box-shadow: 0px 5px 50px rgba(0,0,0,.5); */
}
.account-logo-box {
    background-color: transparent;
}
.account-pages .account-content {
	padding: 20px 30px;
}
.account-pages .account-btn {
	position: absolute;
	left: 0;
	right: 0;
}
.account-logo-box {
	padding: 10px;
	border-radius: 0;
}
.account-pages label {
	color: #ffffff;
}
.account-pages .btn {
	padding: 10px 18px;
}
.account-pages .btn-default {
    color: #ffffff;
    background-color: #ffab02 !important;
    border: 1px solid #ffab02 !important;
}
.account-pages .btn-default:hover {
    color: #ffffff;
    background-color: #ff7e00 !important;
    border: 1px solid #ff7e00 !important;
}
/* /LOGIN */

/* TITOLO PAGINA */
.page-title-box {
	padding: 20px;
	margin: 0 -20px 20px -20px;
	background-color: #fff;
    border-bottom: 1px solid #eaeaea;
}

.breadcrumb>.active {
    color: #ffab00;
}
.page-title-box .title-foto {
	margin-left: 56px;
}
.page-title-box .title-foto img {
    padding: 0;
    position: absolute;
    top: -13px;
    left: -20px;
    width: 56px;
    height: 56px;
    line-height: 46px;
    box-sizing: content-box;
    border: none !important;
    border-radius: 0;
}
.page-title-box .thumb-sm {
	width: 30px;
	height: 30px;
	padding: 0;
	
}
.page-title-box .back {
	position: absolute;
    top: -13px;
    left: -20px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    box-sizing: content-box;
    border: none !important;
    border-radius: 0;
	padding: 5px !important;
}
.page-title-box h4.title-nome {
	margin-left: 100px;
}
.page-title-box h4.title-nome-nofoto {
    margin-left: 50px;
}

@media (max-width: 768px) {
	.page-title-box .back {
		position: absolute;
		top: 0;
		left: 0;
		width: 26px;
		height: 26px;
		line-height: 26px;
		box-sizing: content-box;
		border: none !important;
		border-radius: 0;
		padding: 2px !important;
	}
	.page-title-box h4.title-nome {
		margin-left: 70px;
		font-size: 20px !important;
	}
	.page-title-box .title-foto {
		margin-left: 36px;
	}
	.page-title-box .title-foto img {
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		height: 30px;
		 line-height: 30px; 
		box-sizing: content-box;
		border: none !important;
		border-radius: 50%;
	}
	.page-title-box h4.title-nome-nofoto {
		font-size: 20px !important;
		margin-left: 35px;
	}
	.page-title-box .scheda-nome {
		width: 100%;
		border-bottom: 1px solid #dddddd;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
}
/* /TITOLO PAGINA */

/* TABS */
.tab-content {
    padding: 20px;
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover {
     color: #232a33; 
}
@media (min-width: 768px) {
	.nav-tabs.nav-justified > li > a {
		border-bottom: 1px solid #eeeeee;
	}
}
/* /TABS */

/* POPUP PAGE */
.popup-header {
	margin: 7px 0;
}
/* /POPUP PAGE */

/* NOTIFICHE TOPBAR */
.notifica {
  position: relative;
  margin-top: -30px;
}
.notifica .pulse {
	position: absolute;
	top: -18px;
	right: 5px;
	height: 26px;
	width: 26px;
	z-index: 10;
	border: 5px solid #c00;
	border-radius: 70px;
	-moz-animation: pulse 1s ease-out;
	-moz-animation-iteration-count: infinite;
	-o-animation: pulse 1s ease-out;
	-o-animation-iteration-count: infinite;
	-webkit-animation: pulse 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.notifica .punto {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #c00;
    position: absolute;
    right: 15px;
    top: -8px;
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -moz-transform: scale(0.1);
    opacity: 0.1;
  }
  50% {
    -moz-transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    -moz-transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0.0;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -webkit-transform: scale(0.1);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
}
/* /NOTIFICHE TOPBAR */

/* PAGINAZIONE */
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}
.pagination > li > a,
.pagination > li > span {
	color: #aaa;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	background-color: #637280;
	color: #637280;
}
.pagination-split li {
	margin-left: 5px;
	display: inline-block;
	float: left;
}
.pagination-split li:first-child {
	margin-left: 0;
}
.pagination-split li a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #637280;
	border-color: #637280;
}
.pager li > a,
.pager li > span {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #666;
}
/* /PAGINAZIONE */

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
	background-color: #2b333e;
    border-color: #2b333e !important;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
	color: rgba(255, 255, 255, 0.7);
}

/* PLANNING */

@media (max-width: 419px) {
	.calendario_navigator h4 {
		font-size: 15px;
		max-width: 250px;
		white-space: nowrap;
	}
}
.table-planning-week thead > tr > th {
	width: calc(100%/7);
	/* background-color: #efefef; */
}
.table-planning-week thead > tr > th .planning-day-wrapper {
    display: flex;
}
.table-planning-week thead > tr > th .planning-day-number {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #ffc70c;
    /* border-right: 1px solid #eae5ef; */
    background: #fff;
}
.table-planning-week thead > tr > th .planning-day-text {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
}
.table-planning-week thead > tr > th.planning-today .planning-day-number {
    background: linear-gradient(120deg,#feac0f 0%, #ffc70c 100%);
    /* border-right: 1px solid #3b3e47; */
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
}

.table-planning-week .planning-today {
	color: #ffffff;
	/* border: 1px solid #3b3e47 !important; */
	background-color: #3b3e47 !important;
}
.table-planning-week >tbody>tr>td:nth-of-type(even),
.table-planning-week thead > tr > th:nth-of-type(even),
.table-planning-week thead > tr > th:nth-of-type(even) .planning-day-number {
    background-color: #fafafa;
}
.table-planning-week >thead>tr>th {
    border-bottom-width: 0px;
    min-width: 240px;
    padding: 0;
}
.list-group-planning .list-group-item:first-child {
  border-top: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.list-group-planning .list-group-item:last-child {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.list-group-planning a.list-group-item {
  border-left: none;
  border-right: none;
  padding: 10px;
  background: transparent;
}

.list-group-planning .media-left {
	padding-right: 5px;
}
.list-group-planning .list-group-item-text {
  font-size: inherit;
	line-height: 1.2;
}

.list-group-planning .list-group-item.active i.fa-exclamation-circle{
  color: #ffffff !important;
}

.list-group-planning .list-group-item.active > .badge {
  background: #ffffff !important;
}
/* /PLANNING */

/* DATA TABLE */
table.dataTable thead > tr > th {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.table tbody tr, 
.table.dataTable tbody tr {
    cursor: pointer;
}
.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
    vertical-align: middle;
}
table.dataTable tr.selected.odd, 
table.dataTable tr.selected.even,
table.table tr:nth-of-type(odd).selected, 
table.table tr:nth-of-type(even).selected {
    background-color: #2b333e;
    color: #fff;
}
table.dataTable tr.selected.odd a, 
table.dataTable tr.selected.even a,
table.table tr:nth-of-type(odd).selected a, 
table.table tr:nth-of-type(even).selected a {
    color: #fff;
}
#new_search label {
	margin-bottom: 0;
}
div.dataTables_filter input {
    height: 36px;
}
.table-w-option thead > tr > th:last-child,
.table-w-option tbody > tr > td:last-child {
	text-align: center;
}
.table-editable>tbody>tr>td {
    line-height: 30px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 8px;
    left: 4px;
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 16px;
    box-sizing: content-box;
    font-family: 'Courier New', Courier, monospace;
    text-indent: 4px;
    line-height: 16px;
    content: '+';
    box-shadow: 0 0 3px rgba(67,89,102, .2);
    background-color: #32c861;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content: '-';
    background-color: #d33333;
}
/* /DATA TABLE */

/* UPLOADER FILE */
.ajax-upload-dragdrop {
  height: 46px;
  color: #98a6ad;
  padding: 8px;
}
.boxDragFile {
  color: #eaeaea;
  font-size: 24px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border: 1px dashed #dddddd;
}
.ajax-file-upload-statusbar {
  margin: 0;
  padding: 0;
}
.ajax-file-upload-filename {
  color: #98a6ad;
  font-size: 12px;
}
.ajax-file-upload-progress {
  margin: 0;
  border: none;
  padding: 0;
}
/* /UPLOADER FILE */

/* CHOSEN */
.chosen-container-multi .chosen-choices {
    padding: 2px 0;
	min-height: 38px;
	border: 1px solid #e3e3e3;
	background-image: none;
	border-radius: 3px;
}
.chosen-container-active .chosen-choices {
    border: 1px solid #aaaaaa;
    /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); */
	border-radius: 3px 3px 0 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 5px 0 5px 5px;
    padding: 3px 20px 3px 5px;
    border: 1px solid #cccccc;
    border-radius: 3px;
	background-image: none;
    background-color: #efefef;
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 14px;
    cursor: default;
    font-size: 12px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: url(../images/chosen-sprite.png) -42px 1px no-repeat;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 3px 0 3px 3px;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #ffab00;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffab00), color-stop(90%, #ffab00));
    background-image: linear-gradient(#ffab00 20%, #ffab00 90%);
    color: #fff;
}
.chosen-container .chosen-results li {
    padding: 7px 6px;
}
.chosen-container-active .chosen-choices {
	border: 1px solid #aaaaaa;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.chosen-container .chosen-drop {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* /CHOSEN */

/* FANCYBOX */
.thumbnail {
	 border-radius: 0; 
}
a.thumbnail.active, 
a.thumbnail:focus, 
a.thumbnail:hover {
    border-color: #ffab00;
}
/* /FANCYBOX */

/* LIST GROUP - ONLY BORDER BOTTOM */
.list-group-border-bottom .list-group-item {
    margin-bottom: 0;
	border-top: none;
	border-left: none;
	border-right: none;
    border-bottom: 1px solid #ddd;
}

.list-group-border-bottom .list-group-item .item {
    display: table-cell;
    vertical-align: top;
}

.list-group-border-bottom .list-group-item .item:first-child {
    padding-right: 1rem;
	width: 34px;
    text-align: center;
}
.list-group-border-bottom .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-group-border-bottom .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: none;
}
/* /LIST GROUP - ONLY BORDER BOTTOM */

/* LIST GROUP - MULTI */
.list-group-flush:not(.list-group-multi) .list-group-item {
    border-top: 1px solid rgba(55,63,78,.12);
    border-radius: 0;
}

.list-group-flush:not(.list-group-multi) .list-group-item:first-child {
    border-top: 0;
}
.list-group-flush.list-group-multi .item {
    border-top: 1px solid rgba(55,63,78,.12);
    border-radius: 0;
}

.list-group-flush-inside .list-group-item,
.list-group-flush-inside .list-group-item:first-child .item,
.list-group-flush.list-group-multi .list-group-item:first-child .item {
    border-top: 0;
}

.list-group-flush-inside .list-group-item .item {
    border-top: 1px solid transparent;
}

.list-group-flush-inside .list-group-item .item:not(:first-child),
.list-group-flush-inside a.list-group-item.unread+a.list-group-item .item,
.list-group-flush-inside a.list-group-item.unread:not(:first-child) .item,
.list-group-flush-inside a.list-group-item:focus+a.list-group-item .item,
.list-group-flush-inside a.list-group-item:focus:not(:first-child) .item,
.list-group-flush-inside a.list-group-item:hover+a.list-group-item .item,
.list-group-flush-inside a.list-group-item:hover:not(:first-child) .item {
    border-color: rgba(55,63,78,.12);
}

.list-group-multi .list-group-item {
    padding: 0;
}

.list-group-multi .list-group-item .item {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.list-group-multi a.list-group-item .item:first-child,
.list-group-multi button.list-group-item .item:first-child {
    padding-left: 1rem;
}

.list-group-multi a.list-group-item .item:last-child,
.list-group-multi button.list-group-item .item:last-child {
    padding-right: 1rem;
}

.list-group-multi .item {
    display: table-cell;
    vertical-align: top
}

.list-group-multi .item:first-child {
    padding-right: 1rem
}

.list-group-multi .item-body {
    width: 10000px
}
/* /LIST GROUP - MULTI */

/* RUBRICA */
.page-aside {
  position: relative;
}
.left-aside {
  position: absolute;
  background: #ffffff;
  border-right: 1px solid rgba(120, 130, 140, 0.13);
  padding: 20px;
  width: 250px;
  height: 100%;
}
.right-aside {
  padding: 20px;
  margin-left: 250px;
  min-height: 600px;
}
.right-aside .contact-list th {
  white-space: nowrap;
}
.right-aside .contact-list td {
  vertical-align: middle;
  white-space: nowrap;
  padding: 10px;
}
.right-aside .contact-list td img {
  width: 30px;
}
.contact-list th {
  white-space: nowrap;
}
.contact-list td {
  vertical-align: middle;
  padding: 25px 10px;
  white-space: nowrap;
}
.contact-list td img {
  width: 30px;
}
.list-style-none {
  margin: 0px;
  padding: 0px;
}
.list-style-none li {
  list-style: none;
  margin: 0px;
}
.list-style-none li.box-label a {
  font-weight: 700;
}
.list-style-none li.divider {
  margin: 10px 0;
  height: 1px;
  background: rgba(120, 130, 140, 0.13);
}
.list-style-none li a {
  padding: 15px 10px;
  display: block;
  /*color: #313131;*/
}
.list-style-none li a:hover {
  /*color: #222222;*/
}
.list-style-none li a span {
  float: right;
}
@media (max-width: 767px) {
  .left-aside {
    position: relative;
    width: 100%;
    border: 0px;
  }
  .right-aside {
    margin-left: 0px;
  }
}
/* /RUBRICA */

/* CHAT */
.chat-main-box {
  position: relative;
  background: #ffffff;
  overflow: hidden;
}
.chat-main-box .chat-left-aside {
  position: absolute;
  width: 250px;
  z-index: 9;
  top: 0px;
  border-right: 1px solid rgba(120, 130, 140, 0.13);
}
.chat-main-box .chat-left-aside .open-panel {
  display: none;
  cursor: pointer;
  position: absolute;
  left: -webkit-calc(99%);
  top: 50%;
  z-index: 100;
  background-color: #fff;
  -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 0 100px 100px 0;
  line-height: 1;
  padding: 15px 8px 15px 4px;
}
.chat-main-box .chat-left-aside .chat-left-inner .form-control {
  height: 41px;
}
.chat-main-box .chat-left-aside .chat-left-inner .style-none {
  padding: 0px;
}
.chat-main-box .chat-left-aside .chat-left-inner .style-none li {
  list-style: none;
  overflow: hidden;
  border-bottom: 1px solid #f2f2f2;
}
.chat-main-box .chat-left-aside .chat-left-inner .style-none li:last-child {
	border-bottom: none;
}
.chat-main-box .chat-left-aside .chat-left-inner .style-none li a {
  padding: 15px 10px;
}
.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover {
  background: #f4f5f5;
  transition-duration: 0.3s;
}
.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active {
  background: #2c333e;
}
.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active span {
	color: #ffffff;
}
.chat-main-box .chat-right-aside {
  margin-left: 250px;
}
.chat-main-box .chat-right-aside .chat-list {
  max-height: none;
  height: 100%;
  padding-top: 40px;
}
.chat-main-box .chat-right-aside .chat-list .chat-text {
  border-radius: 6px;
}
.chat-main-box .chat-right-aside .send-chat-box {
  position: relative;
}
.chat-main-box .chat-right-aside .send-chat-box .form-control {
  border: none;
  border-top: 1px solid rgba(120, 130, 140, 0.13);
  resize: none;
  height: 80px;
  padding-right: 180px;
}
.chat-main-box .chat-right-aside .send-chat-box .form-control:focus {
  border-color: rgba(120, 130, 140, 0.13);
}
.chat-main-box .chat-right-aside .send-chat-box .custom-send {
  position: absolute;
  right: 20px;
  bottom: 10px;
}
.chat-main-box .chat-right-aside .send-chat-box .custom-send .cst-icon {
  color: #313131;
  margin-right: 10px;
}

.chatonline img {
  margin-right: 10px;
  float: left;
  width: 30px;
}
.chatonline li a {
  padding: 13px 0;
  float: left;
  width: 100%;
}
.chatonline li a span {
  color: #313131;
}
.chatonline li a span small {
  display: block;
  font-size: 10px;
}
.chat-list {
  list-style: none;
  padding: 0px 20px;
}
.chat-list li {
  margin-bottom: 24px;
  overflow: auto;
}
.chat-list .chat-image {
  display: inline-block;
  float: left;
  text-align: center;
  width: 50px;
}
.chat-list .chat-image img {
  border-radius: 100%;
  width: 100%;
}
.chat-list .chat-text {
  background: #ffdb82;
  border-radius: 0px 8px 8px 8px;
  display: inline-block;
  padding: 15px;
  font-size: 14px;
  position: relative;
}
.chat-list .chat-text h4 {
  color: #1a2942;
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  line-height: 15px;
  position: relative;
}
.chat-list .chat-text p {
  margin: 0px;
  padding-top: 3px;
}
.chat-list .chat-text b {
  font-size: 10px;
  opacity: 0.8;
}
.chat-list .chat-body {
  display: inline-block;
  float: left;
  font-size: 12px;
  margin-left: 12px;
  width: 65%;
}
.chat-list .odd .chat-image {
  float: right !important;
}
.chat-list .odd .chat-body {
  float: right !important;
  margin-right: 12px;
  text-align: right;
}
.chat-list .odd .chat-text {
  background: #f7f7f7;
  border-radius: 8px 0px 8px 8px;
}
.chat-send {
  padding-left: 0px;
  padding-right: 30px;
}
.chat-send button {
  width: 100%;
}
.writing {
    right: 12px;
    top: 10px;
    position: absolute;
	color: #98a6ad;
}

@media (max-width: 767px) {
	.left-aside {
		position: relative;
		width: 100%;
		border: 0px;
	}
	.right-aside {
		margin-left: 0px;
	}
	.chat-main-box .chat-left-aside {
		left: -250px;
		transition: 0.5s ease-in;
		background: #ffffff;
	}
	.chat-main-box .chat-left-aside.open-pnl {
		left: 0px;
	}
	.chat-main-box .chat-left-aside .open-panel {
		display: block;
	}
	.chat-main-box .chat-right-aside {
		margin: 0px;
	}
}

/* /CHAT */