* Add here all your CSS customizations */ @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
		url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
		url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
		url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
		url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal
}




.error {
	color: red;
	padding: 5px 0px;
}

.success {
	color: green;
	text-align: center;
}

.info_right_Sec li {
	list-style: none;
	border-bottom: 1px solid #f6f6f6;
	padding: 5px 0;
}

.info_right_Sec ul {
	padding: 0;
}

.info_right_Sec li label {
	font-size: 14px;
	font-weight: 600;
	color: #222;
}

.info_right_Sec li span {
	font-size: 14px;
}

.browse_btn {
	padding: 15px;
	border: 2px dashed #ddd;
	display: inline-block;
	position: relative;
	background: #ffff;
	width: 100%;
	max-width: 100%;
	padding-left: 0;
	height: 140px;
}

.browse_btn::before {
	position: absolute;
	content: "";
	background: url('http://app.fenapigroup.it/nodejs/ChatApplication/assets/default/images/up_icn.jpg');
	height: 60px;
	width: 89px;
	background-size: 100%;
	left: 0;
	top: -40px;
	bottom: 0;
	margin: auto;
	right: 0;
}

.browse_btn .ajax_upload_file {
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	top: 0;
	bottom: 0;
	opacity: 0;
}

.browse_btn span {
	color: #222;
	width: 100%;
	text-align: center;
	font-size: 14px;
	display: inline-block;
	position: absolute;
	top: 85px;
	left: 0;
	right: 0;
	margin: auto;
}

/*  */
.step_banner {
	display: inline-block;
	width: 100%;
	margin: 0 0 30px 0;
}

.step_banner img {
	max-width: 100%;
}

.profile_img_inner {
	height: 100px;
	margin: auto;
	width: 100px;
	background: #005c85;
	border-radius: 100%;
	box-shadow: 0px 5px 20px 5px #ccc;
}

.left_top_sec {
	padding: 20px;
	background: #fff;
	margin-bottom: 30px;
	box-shadow: 0 0 6px 1px #dcdcdc;
}

.prfile_info {
	text-align: center;
	margin-top: 20px;
	position: relative;
}

.prfile_info h2 {
	font-size: 16px;
	margin: 5px 0;
	color: #005c85;
}

.prfile_info span {
	font-size: 14px;
	margin: 0;
	color: #7c7c7c;
}

.prfile_info::before {
	position: absolute;
	content: "";
	height: 1px;
	width: 30px;
	background: #222;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
}

.profile_desc {
	text-align: center;
	margin-top: 20px;
}

.profile_desc span {
	font-size: 14px;
	margin: 0;
	color: #7c7c7c;
	display: inline-block;
	width: 100%;
}

.profile_desc span:last-child {
	margin-top: 10px;
}

.profile_desc .btn {
	margin-top: 10px;
	display: inline-block;
	width: 100%;
	background: #005c85;
	border-radius: 5px;
	color: #fff;
	padding: 5px;
	font-size: 15px;
	text-decoration: none;
}

.profile_desc span.tele {
	margin-top: 10px;
}

.divide_sec {
	margin: 20px 0;
	display: inline-block;
	width: 100%;
	background: #dcdcdc;
	height: 1px;
	margin-bottom: 10px;
}



.complement_sec h2 {
	font-size: 20px;
	margin: 0;
	text-align: center;
	color: #222;
	font-weight: 600;
}

.complement_sec li {
	list-style: none;
}

.complement_sec ul {
	padding: 0;
	margin-top: 15px;
}

.complement_sec h3 {
	font-size: 15px;
	color: #222;
	margin: 0;
}

.complement_sec span {
	font-size: 12px;
	color: #222;
	line-height: 15px;
	display: inline-block;
	margin-top: 2px;
}

.complement_sec .btm_list_desc {
	margin-left: 11px;
}

.complement_sec ul li {
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 10px;
	padding: 2px 0;
	padding-left: 20px;
	padding-right: 30px;
	position: relative;
}

.complement_sec h3 span {
	float: right;
}

.list_left_sec {
	width: 100%;
	display: inline-block;
}

.right_chck {
	display: inline-block;
	vertical-align: top;
	float: right;
}

.right_chck input {
	margin: 0;
}


.complement_sec ul li::before {
	content: "\f00c";
	font-family: fontawesome;
	position: absolute;
	top: 0;
	left: 0;
	color: #66d960;
	font-size: 14px;
	opacity: 0;
}

.complement_sec ul li.active::before {

	opacity: 1;
}

.compl_btn .btn {
	background: #ececec;
	width: 100%;
	color: #ff0202;
	border: 1px solid #ff0202;
	text-transform: uppercase;
	font-weight: 600;
}

.compl_btn {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 10px;
}

.document_sec h2 {
	font-size: 17px;
	font-weight: 600;
	color: #222;
	margin: 0;
}

.document_sec {
	background: #fff;
	width: 100%;
	display: inline-block;
	padding: 20px;
	box-shadow: 0 0 6px 1px #dcdcdc;
}

.top_header a {
	display: block;
	text-decoration: underline;
}


.chat-box {
	width: 100%;
	max-width: 100%;
	background: #fff;
	padding: 0;
	margin-bottom: 30px;
	box-shadow: 0 0 6px 1px #dcdcdc;
}

.sndr-image.left-side-image {
	display: inline-block;
	width: 16%;
	vertical-align: top;
}

.sndr-image.left-side-image img {
	width: 100%;
	background: grey;
	border-radius: 50%;
}

.chat-text.right-side-text {
	width: 80%;
	background: #fff;
	padding: 5px 10px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	margin-left: 0;
	margin-bottom: 0;
	float: right;
}

.sndr-image.right-side-image {
	display: inline-block;
	width: 16%;
	float: right;
}

.chat-text.right-side-text p {
	margin-bottom: 0;
}

.sndr-image.right-side-image img {
	width: 100%;
	background: blue;
	border-radius: 50%;
}

.chat-text.left-side-text {
	width: 75%;
	background: #a3e9e6;
	padding: 10px;
	display: inline-block;
	margin-right: 18px;

}

.smiles {
	display: inline-block;
	border-right: 1px solid #dcdcdc;
	padding: 0;
	font-size: 20px;
	width: 40px;
	text-align: center;
	height: 50px;
	vertical-align: top;
	line-height: 52px;
}

.btm-btn-box {
	margin-top: 20px;
	background: #f2f2f2;
	position: relative;
}

.btn-btn {
	display: inline-block;
	padding: 15px;
}

.chat-box li {
	list-style: none;
	margin-bottom: 15px;
}

.chat-box ul {
	padding: 20px;
}

.chat-box li .chat_img {
	width: 50px;
	height: 50px;
	background: #aaaaaa;
	border-radius: 100%;
}

.chat-box li .chat_img img {
	max-width: 100%;
	border-radius: 100%;
}

.profile_img_inner img {
	max-width: 100%;
	border-radius: 100%;
}

.chat-box li {
	list-style: none;
	display: inline-block;
	width: 100%;
}

.top_header h2 {
	font-size: 20px;
	color: #222;
}

.chat-box li:nth-child(2n) .sndr-image {
	float: right;
}

.chat-box li:nth-child(2n) .chat_img {
	background: #005c85;
}

.chat-box li:nth-child(2n) .chat-text.right-side-text {
	float: left;
	border-color: #e8f4ff;
	background: #e8f4ff;
}

.message_bx {
	vertical-align: top;
	display: inline-block;
	background: none;
	height: 50px;
	line-height: 50px;
	width: 84%;
	float: right;
	position: relative;
}

.message_bx::before {
	position: absolute;
	content: "\f0c6";
	font-family: fontawesome;
	font-size: 20px;
	right: 50px;
}

.chat-box .btn-btn {
	display: inline-block;
	padding: 0;
	position: absolute;
	right: 0;
	width: 40px;
	border-left: 1px solid #dcdcdc;
}

.chat-box .btn-btn input {
	height: 50px;
	background: none;
	border: none;
	opacity: 0;
}

.chat-box .btn-btn::before {
	position: absolute;
	content: "\f1d9";
	font-family: fontawesome;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
}

.message_bx input {
	background: none;
	border: none;
	width: 100%;
}

.complement_sec ul li:nth-child(2n)::before {
	content: unset;
}

.complement_sec ul li::after {
	content: "\f044";
	position: absolute;
	right: -5px;
	font-family: fontawesome;
	color: #bcbcbc;
	font-size: 15px;
	background: #f0f0f0;
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 3px;
}

.complement_sec ul li.active::after {
	color: #4fa949;
}

.complement_sec ul li:nth-child(2n)::after {
	content: "";
}

.complement_sec ul li.active:nth-child(2n)::after {
	content: "";
	background: #4fa949;
}

.chat-box h2 {
	font-size: 17px;
	font-weight: 600;
	color: #222;
	margin: 0;
}

.left_main_heading h2 {
	font-size: 20px;
	color: #222;
	font-weight: 600;
	margin: 0 0 10px 0;
}

.btm_progress_bar {
	padding: 0 20px;
	display: inline-block;
	width: 100%;
	margin-top: 15px;
}

.btm_progress_bar h4 {
	color: #777;
	font-size: 13px;
	margin: 0;
}

.bar_line {
	margin: 5px 0;
	display: inline-block;
	width: 100%;
	background: #ccc;
	height: 5px;
	position: relative;
	border-radius: 2em;
}

.bar_line span {
	height: 5px;
	background: #72d96c;
	width: 70%;
	border-radius: 2em;
	position: absolute;
	left: 0;
	top: 0;
}

.doc_Sec img {
	max-width: 30px;
}

.document_sec ul {
	padding: 0;
	list-style: none;
}

.doc_Sec span {
	font-size: 14px;
	color: #7c7c7c;
	margin-left: 5px;
}

.document_sec li {
	margin-top: 15px;
}

.doc_Sec a {
	background: #fff;
	padding: 5px;
	box-shadow: 0 0 10px -3px #ccc;
	display: inline-block;
	width: 100%;
	text-decoration: none;
}

.checkbox-custom.checkbox-default {
	max-width: 100%;
	margin: auto;
	margin-bottom: 10px;
	margin-left: 10px;
}

.checkbox-custom.checkbox-default label a {
	color: #005c85;
	text-decoration: underline;
	font-weight: 600;
}

.checkbox-custom.checkbox-default label {
	font-weight: 600;
	color: #222;
}

.btm_btn {
	text-align: center;
	/* position: relative;
	top: 30px; */
	margin-top: 5px;
}

.btm_btn .btn {
	background: #005c85;
	border-color: #005c85;
	font-weight: 600;
	min-width: 180px;
}

.right_frm_sec .panel-body label {
	text-align: left;
	color: #333;
	font-size: 13px;
	font-weight: 600;
}

.right_frm_sec .panel-body .form-group input,
.right_frm_sec .panel-body .form-group .form-control .select2-choice {
	border-radius: 0;
	box-shadow: none;
	width: 100%;
}

.inner_input_bx {
	position: relative;
}

.inner_input_bx::before {
	position: absolute;
	content: "\f2c0";
	left: 0;
	width: 37px;
	border-right: 1px solid #ccc;
	height: 34px;
	font-family: fontawesome;
	text-align: center;
	font-size: 14px;
	line-height: 32px;
	z-index: 99;
}

.inner_input_bx.error_red::before {
	border-color: red;
	color: red;
}

.inner_input_bx.success_green::before {
	border-color: #6ad970;
	color: #6ad970;
}

.inner_input_bx .select2-container .select2-choice .select2-arrow {
	border: none;
}

.inner_input_bx input {
	padding-left: 45px;
}

.inner_input_bx .input-group input {
	padding-left: 10px;
}

.inner_input_bx .select2-container .select2-choice .select2-arrow::before {
	position: absolute;
	content: "\f0d7";
	font-family: fontawesome;
	font-size: 22px;
	color: #cccccc;
	right: 22px;
}

.inner_input_bx.error_red .select2-container .select2-choice .select2-arrow::before {
	color: red;
}

.inner_input_bx.success_green .select2-container .select2-choice .select2-arrow::before {
	color: #6ad970;
}

.inner_input_bx .select2-container .select2-choice .select2-arrow b {
	display: none;
}

.right_frm_sec .panel-body .form-group .inner_input_bx.error_red input,
.right_frm_sec .panel-body .form-group .inner_input_bx.error_red .form-control .select2-choice {
	border-color: red;
}

.right_frm_sec .panel-body .form-group .inner_input_bx.success_green input,
.right_frm_sec .panel-body .form-group .inner_input_bx.success_green .form-control .select2-choice {
	border-color: #6ad970;
}

.right_frm_sec .panel-body .form-group .form-control .select2-choice {
	padding-left: 35px;
}

.right_frm_sec .inner_input_bx.date_input:before {
	display: none;
}

.right_frm_sec .inner_input_bx .input-group-addon {
	border-radius: 0;
	background: #fff;
}

.right_frm_sec .inner_input_bx.error_red::after {
	position: absolute;
	content: "\f00d";
	right: 5px;
	top: 5px;
	font-family: fontawesome;
	bottom: 0;
	margin: auto;
	z-index: 9;
	color: red;
	font-size: 15px;
}

.right_frm_sec .inner_input_bx.success_green::after {
	position: absolute;
	content: "\f00c";
	right: 5px;
	top: 5px;
	font-family: fontawesome;
	bottom: 0;
	margin: auto;
	color: #6ad970;
	font-size: 15px;
	z-index: 9;
}

.inner_input_bx.success_green .input-group-addon {
	border-color: #6ad970;
}

.inner_input_bx.error_red .input-group-addon {
	border-color: red;
}

.inner_input_bx.error_red .input-group-addon i {
	color: red;
}

.inner_input_bx.success_green .input-group-addon i {
	color: #6ad970;
}

.btm_contnt p {
	font-size: 14px;
	color: #333;
}

.right_top_heading {
	font-size: 14px;
	color: #7c7c7c;
	margin-bottom: 20px;
}

.inner_input_bx.cntnt_input::before {
	width: 140px;
	text-align: left;
	padding-left: 10px;
}

.input_upper_txt {
	position: absolute;
	left: 30px;
	font-size: 13px;
	top: 6px;
	color: #333;
}

.inner_input_bx.cntnt_input input {
	padding-left: 150px;
}

.msg_page .top_header h2 {
	font-size: 15px;
	color: #222;
	font-weight: 600;
	margin-bottom: 5px;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 10px;
}

h3.left_h3 {
	margin-left: 10px;
}

.msg_page .top_header p {
	font-size: 14px;
	color: #333;
}

.msg_page .panel-body h3 {
	font-size: 40px;
	margin: 0;
	color: #7c7c7c;
}

.msg_page .panel-body h4 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 30px;
	color: #7c7c7c;
}

.msg_page .panel-body h6 {
	font-size: 14px;
	margin: 2px 0;
	color: #333;
}

.msg_page .panel-body .btn {
	margin-top: 30px;
	margin-bottom: 50px;
	min-width: 210px;
	padding: 5px;
	border: none;
	color: #fff;
}

.msg_page .panel-body .btn.btn-primary {
	background: #005c85;
}

.msg_page .panel-body .btn.btn-default {
	background: #bdbec2;
}

.step_last .panel-body .form-horizontal.form-bordered {
	font-size: 14px;
	color: #333;
}

.step_last .panel-body .form-horizontal.form-bordered .btn {
	width: 100%;
	max-width: 450px;
	display: inline-block;
	background: #005c85;
	border: none;
	font-weight: 600;
	text-transform: uppercase;
}

.last_step_sbmt_btn {
	text-align: center;
	margin: 30px 0;
}

.step_last .panel-body .form-horizontal.form-bordered .last_step_sbmt_btn .btn {
	width: auto;
	min-width: 220px;
}

.step_final_bx {
	text-align: center;
}

.step_final_bx .btn {
	width: 100%;
	max-width: 260px;
}

li.step_progress::after {
	color: yellow !important;
}

.inner_input_bx.date_input input {
	padding-left: 10px;
}

.step_banner img {
	width: 100%;
}

.btm_btn .btn-success {
	background-color: #47a447;
	border-color: #47a447;
}

@media (max-width: 1600px) {
	.cus_des_form .uploaded-image .delete-image {
		right: 10px !important;
	}

	.cus_des_form.no_margin .uploaded-image {
		width: 15% !important;
	}
}

@media (max-width: 1400px) {
	.cus_des_form .uploaded-image .delete-image {
		right: 0 !important;
	}

	.doc_loop .delete-image {
		right: 6px !important;
	}

	.cus_des_form.no_margin .uploaded-image {
		width: 18% !important;
	}

	.cus_des_form .upload-texts .upload-text-wrapper {
		font-size: 21px;
	}
}

@media (max-width: 1024px) {
	.cus_des_form .uploaded-image .delete-image {
		right: -20px !important;
	}

	.doc_loop .delete-image {
		right: -3px !important;
	}

	.right_top_tick .view_doc_wrap .upload-text-wrapper span {
		font-size: 20px;
	}

	.right_top_tick .view_doc_wrap .upload-text-wrapper i {
		font-size: 20px;
	}
}

@media (max-width: 990px) {
	.doc_loop .delete-image {
		right: 15px !important;
	}
}

@media (max-width: 900px) {
	.cus_des_form .upload-texts .upload-text-wrapper {
		font-size: 20px;
	}

	.doc_loop .delete-image {
		right: 10px !important;
	}

	.cus_des_form .input_images .uploaded-image {
		width: 15%;
	}

	.cus_des_form .uploaded-image .delete-image {
		right: 8px !important;
	}
}

@media (max-width: 740px) {
	.doc_loop .review_img {
		width: 20% !important;
	}

	.doc_loop .delete-image {
		right: 10px !important;
	}

	.cus_des_form .upload-texts .upload-text-wrapper {
		font-size: 18px;
	}

	.cus_des_form .cus_panel .upload-texts {
		padding: 15px 30px 30px !important;
	}

	.cus_des_form .uploaded-image .delete-image {
		right: 0px !important;
	}
}

@media (max-width: 500px) {
	.right_top_tick .view_doc_wrap .upload-text-wrapper span {
		font-size: 16px;
	}

	.right_top_tick .view_doc_wrap .upload-text-wrapper i {
		font-size: 18px;
	}

	.cus_des_form .input_images .uploaded-image {
		width: 20%;
	}

	.doc_loop .delete-image {
		right: -4px !important;
	}

	.doc_loop .review_img {
		width: 25% !important;
	}

	.cus_des_form .upload-texts .upload-text-wrapper {
		font-size: 16px;
	}

	.cus_des_form .uploaded-image .delete-image {
		right: -17px !important;
	}

	.cus_des_form .upload-texts .upload-text-wrapper {
		font-size: 15px;
	}

	.cus_des_form .cus_panel .upload-texts {
		padding: 15px 0px 30px !important;
	}
}

@media only screen and (min-width:768px) and (max-width:1200px) {

	html.fixed .content-body,
	html.fixed.sidebar-left-collapsed .content-body {
		margin-left: 40px;
	}

	.sidebar-left {
		width: 73px;
		box-shadow: none;
	}

	ul.nav-main li span {
		visibility: hidden;
	}

	.sidebar-left .nano:hover ul.nav-main li span {
		visibility: visible;
	}

	ul.nav-main li a {
		text-overflow: clip;
		overflow: hidden;
	}

	.sidebar-left .nano:hover {
		width: 300px !important;
		background: #1d2127;
	}

	.page-header {
		left: 70px !important;
		font-weight: 700 !important;
		font-size: 18px !important;
		line-height: 23.44px !important;
	}

	.sidebar-left .sidebar-header .sidebar-title {
		display: none;
	}

	.chat-text.right-side-text {
		width: 70%;
	}

	.message_bx {
		width: 79%;
	}

	.left_top_sec {
		padding: 20px 10px;
	}

	ul.nav-main li.nav-parent>a::after {
		display: none;
	}

	.sidebar-left .nano:hover ul.nav-main li.nav-parent>a::after {
		display: inline-block;
	}

	ul.nav-main li .nav-children li a {
		padding: 6px 15px 6px 77px;
	}
}






.gestione_sedi h2 {
	font-size: 22px;
	margin: 0 0 20px;
	font-family: 'Open Sans', sans-serif;
	color: #222;
	font-weight: 600;
}

.gestione_sedi_innr {
	background: #fff;
	min-height: 250px;
	box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.1);
}

.gestione_sedi_innr .gsin_head {
	background: #e6e7e9;
	padding: 15px 20px;
	color: #242021;
	font-size: 18px;
	margin-bottom: 15px;
}


.gestione_tabs .nav-tabs li a {
	border-radius: 0;
	font-size: 16px;
	margin-right: 0;
	padding: 11px 25px;
	background: none;
	box-shadow: none;
	border: 0;
	border-bottom: 3px solid transparent;
}

.gestione_tabs .nav-tabs li a:hover,
.gestione_tabs .nav-tabs li.active a,
.gestione_tabs .nav-tabs li.active a:hover,
.gestione_tabs .nav-tabs li.active a:focus {
	border: 0;
	border-bottom: 3px solid #0088cc;
	color: #333;
}



.gestione_tabs .btn.btn-primary {
	padding: 6px 30px;
	font-size: 19px;
}

.tab_top_btns {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px;
}

.gestione_tabs .tab_top_btns .btn.btn-primary {
	margin-right: 10px;
}



.tabs_info_box {
	padding: 0 0 0px 0;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px;
}

.tabs_info_box .row {
	margin-left: -10px;
	margin-right: -10px;
}

.tabs_info_box .row .col-sm-4 {
	padding-left: 10px;
	padding-right: 10px;
}

.tabs_info_box .tbi_box {
	border: 1px solid #eee;
	border-radius: 3px;
	margin: 0 0 20px;
	position: relative;
	padding: 10px 10px 10px 65px;
}

.tabs_info_box .tbi_box .tbi_box_icn {
	position: absolute;
	left: 10px;
	top: 10px;
	background: #000;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 36px;
}

.tabs_info_box .tbi_box .tbi_box_icn i {
	margin: 0;
	padding: 0;
}

.tabs_info_box .tbi_box.box_blue {
	border-left: 3px solid #0186d3;
}

.tabs_info_box .tbi_box.box_blue .tbi_box_icn {
	background: #0186d3;
}

.tabs_info_box .tbi_box.box_lgreen {
	border-left: 3px solid #00ce02;
}

.tabs_info_box .tbi_box.box_lgreen .tbi_box_icn {
	background: #00ce02;
}

.tabs_info_box .tbi_box.box_gray {
	border-left: 3px solid #b2b2b2;
}

.tabs_info_box .tbi_box.box_gray .tbi_box_icn {
	background: #b2b2b2;
}

.tabs_info_box .tbi_box.box_ornage {
	border-left: 3px solid #ffaf00;
}

.tabs_info_box .tbi_box.box_ornage .tbi_box_icn {
	background: #ffaf00;
}

.tabs_info_box .tbi_box.box_dgreen {
	border-left: 3px solid #129c01;
}

.tabs_info_box .tbi_box.box_dgreen .tbi_box_icn {
	background: #129c01;
}

.tabs_info_box .tbi_box.box_lblue {
	border-left: 3px solid #0187d0;
}

.tabs_info_box .tbi_box.box_lblue .tbi_box_icn {
	background: #0187d0;
}

.tabs_info_box .tbi_box.box_red {
	border-left: 3px solid #dd2b27;
}

.tabs_info_box .tbi_box.box_red .tbi_box_icn {
	background: #dd2b27;
}

.tabs_info_box .tbi_box.box_ddgreen {
	border-left: 3px solid #005801;
}

.tabs_info_box .tbi_box.box_ddgreen .tbi_box_icn {
	background: #005801;
}

.tabs_info_box .tbi_box h4 {
	margin: 0;
	font-size: 20px;
	color: #333;
}


.switch_box_list {
	text-align: right;
}

.switch_box_list li {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 15px;
	color: #333;
	margin-left: 30px;
}

.switch_box_list li .switch {
	margin-left: 10px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #aaaaaa;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: #58595b;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch input:checked+.slider {
	background-color: #7bf061;
}

.switch input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

.switch_orange.switch input:checked+.slider {
	background-color: #ffaf00;
}

.switch input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

.switch input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.switch .slider.round {
	border-radius: 34px;
}

.switch .slider.round:before {
	border-radius: 50%;
}



.tab1_table {
	padding-top: 20px;
}

.tab1_table table {
	width: 100%;
	font-size: 15px;
}

.tab1_table table th {
	background: #f2f2f2;
	position: relative;
	padding: 10px 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.tab1_table table td {
	vertical-align: top;
	padding: 15px 5px;
	border-bottom: 1px solid #cccccc;
}

.table_btns_list ul li {
	display: inline-block;
	font-size: 12px;
	border-right: 1px solid #cccccc;
	line-height: 13px;
	padding: 0 5px 0 0;
}

.table_btns_list ul li:last-child {
	border-right: 0;
}

.table_btns_list ul li a.tdelete {
	color: #dd2b27;
}

.tab1_table table .table_tag {
	border: 1px solid #ccc;
	padding: 2px 5px;
	text-transform: uppercase;
}

.tab1_table .table_popup_btns {
	position: absolute;
	padding: 3px 0 0 14px;
	right: 0;
	font-size: 14px;
	top: 8px;
	height: 21px;
}

.tab1_table .table_popup_btns span {
	position: absolute;
	top: -2px;
	left: 0;
}

.tab1_table .table_popup_btns span.btn_down {
	bottom: -7px;
	top: auto;
}

.snew_model .modal-header {
	padding: 15px;
	border-bottom: 0;
	min-height: 16.428571429px;
	background: #e6e7e9;
}

.snew_model .modal-header .modal-title {
	margin: 0;
	line-height: 1.428571429;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: #222;
	font-weight: 600;
}

.snew_model .popup_form .form-group label {
	font-size: 15px;
}

.snew_model .modal-body {
	position: relative;
	padding: 20px 40px 30px;
}

.snew_model .modal-body p {
	font-size: 15px;
}

.snew_model .modal-header .close {
	margin-top: 2px;
}

.snew_model .form-control {
	box-shadow: none;
	height: 40px;
}

.snew_model textarea.form-control {
	height: 200px;
}

.snew_model .popup_form .form-group {
	margin: 0 0 20px;
}

.snew_model .popup_form .form-group.btns_group {
	margin: 0 0 0px;
	text-align: center;
}

.snew_model .popup_form .form-group .btn.btn-primary,
.snew_model .popup_form .form-group .btn.btn-danger {
	padding: 6px 30px;
	font-size: 19px;
	margin: 0 6px;
}

.gestione_sedi .form-control {
	box-shadow: none;
	height: 40px;
}

.tabpanel2_form {
	padding: 0 30px;
}

.tabpanel2_form .form-group {
	margin: 0 0 20px;
}

.tabpanel2_form .form-group label {
	font-size: 15px;
	margin: 0 0 10px;
}

.switch_box {
	font-size: 15px;
	color: #333;
	position: relative;
	padding: 8px 0 0 70px;
}

.switch_box .switch {
	margin: 0 !important;
	position: absolute;
	left: 0;
	top: 0;
}

.gestione_sedi textarea.form-control {
	height: 100px;
}

.form_boxn ul {
	display: table;
	width: 100%;
}

.form_boxn ul li {
	display: table-cell;
	padding: 0 10px;
}

.form_boxn ul li:first-child {
	padding-left: 0;
}

.form_boxn ul li:last-child {
	padding-right: 0;
}

.form_boxn ul li .btn.btn-default {
	background: #f3f3f3;
	padding: 9px 10px;
	width: 100%;
}

.tabpanel2_form .form-group .form_boxn .box2 {
	width: 20%;
}

.tabpanel2_form .form-group .form_boxn .box3 {
	width: 15%;
}

.tabpanel2_form .form-group .form_boxn .box4 {
	width: 30%;
}


#nuova_patronato_popup .modal-dialog {
	width: 100%;
	max-width: 1100px;
}

#nuova_patronato_popup .modal-dialog .modal-body {
	padding: 20px 0;
}

.tabpanel2_form .form-group.btns_group {
	display: table;
	width: 100%;
	text-align: center;
}

.tabpanel2_form .form-group.btns_group .btn {
	padding: 6px 30px;
	font-size: 18px;
	margin: 0 6px;
}

#nuova_patronato_popup .form-group.btns_group {
	padding-top: 50px;
}

.left_ticket_sec h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
	color: #222;
}

.left_ticket_sec ul {
	padding: 0;
	list-style: none;
}

.left_ticket_sec ul li h4 {
	font-size: 14px;
	color: #222;
}

.left_ticket_sec ul li {
	border-top: 1px solid #ddd;
	padding: 0;
}

.left_ticket_sec ul li h4 span {
	float: right;
}

.blue_label {
	background: #0000ff;
	color: #fff;
	padding: .4em .9em .4em;
	border-radius: 3px;
	position: relative;
	top: -6px;
}

.panel.left_ticket_main,
.right_ticket_sec .panel {
	box-shadow: 0 1px 15px 1px rgba(90, 90, 90, .08);
}

.inner_msg_bx .form-control {
	box-shadow: none;
}

.attachment_sec {
	margin-top: 20px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.upload_file {
	position: relative;
}

.upload_file .btn {
	position: absolute;
	right: 0;
	top: 0;
}

.reply_btn.text-center {
	margin-top: 20px;
}

.reply_btn button {
	text-transform: uppercase;
}

.reply_sec ul {
	padding: 0;
	list-style: none;
}

.reply_sec li .border-right {
	border-right: 1px solid #dcdcdc;
}

.reply_sec li.ticket_bg .panel-body {
	background: #ffffe6;
}

.review_img img {
	max-width: 300px;
}

.review_img {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 10px 0;
	margin-top: 20px;
	padding-bottom: 15px;
}

@media only screen and (max-width:1099px) {

	.switch_box_list li {
		font-size: 14px;
		margin-left: 10px;
	}

	.switch_box {
		line-height: 16px;
	}

	.tab1_table {
		padding-top: 20px;
		overflow-x: auto;
	}

	.tab1_table table th {
		min-width: 110px;
	}

	.tab1_table table th.codice_th {
		min-width: 90px;
	}

	.tab1_table table th.provincia_th {
		min-width: 110px;
	}

	.tab1_table table th.indirizzo_th {
		min-width: 200px;
	}

	.tab1_table table th.telefono_th {
		min-width: 160px;
	}

	.tab1_table table th.chkbox {
		min-width: 20px;
	}

}

@media only screen and (max-width:991px) {

	.tabpanel2_form {
		padding: 0 10px;
	}

	.tabpanel2_form .form-group .form_boxn .box1 {
		width: 100%;
	}

	.form_boxn ul li {
		float: left;
		padding: 0 0;
		margin: 0 0 10px;
	}

	.tabpanel2_form .form-group .form_boxn .box2 {
		width: 35%;
		padding-right: 10px;
	}

	.tabpanel2_form .form-group .form_boxn .box3 {
		width: 30%;
	}

	.tabpanel2_form .form-group .form_boxn .box4 {
		width: 100%;
	}

}


@media only screen and (max-width:767px) {
	.gestione_tabs .btn.btn-primary {
		padding: 6px 20px;
		font-size: 18px;
	}

	.tabpanel2_form .form-group .form_boxn .box2 {
		width: 50%;
		padding-right: 10px;
	}

	.tabpanel2_form .form-group .form_boxn .box3 {
		width: 50%;
	}

	.snew_model .modal-body {
		padding: 20px 20px 30px;
	}

	.snew_model .popup_form .form-group .btn.btn-primary,
	.snew_model .popup_form .form-group .btn.btn-danger {
		padding: 6px 20px;
		font-size: 18px;
	}

	#nuova_patronato_popup .modal-dialog .modal-body {
		padding: 20px;
	}

	.tab1_form_count,
	.tab1_form_search {
		margin: 0 0 15px;
	}

	.switch_box_list {
		text-align: left;
	}


}

#patronato .modal-dialog,
#caf .modal-dialog,
#caa .modal-dialog {
	width: 1000px;
}

#patronato li.box3 a,
#caf li.box3 a,
#profilo_sede li.box3 a {
	display: none;
}

.td_status {
	font-size: 12px;
	width: 100%;
	display: block;
	padding: 5px 0px;
	margin: 3px 0px;
}



.panel-body.paneltickets_main .panel-body.bg-secondary {
	background: none !important;
	color: #000;
	border: 0;
	box-shadow: none;
}

.widget-summary .widget-summary-col.widget-summary-col-icon {
	width: 1%;
	display: none;
}

.bg-secondary .widget-summary .summary .title,
.bg-secondary .widget-summary .summary .amount {
	color: #000;
}

#datatable-default_wrapper {
	clear: both;
}

.panel-body.paneltickets_main .col-md-2 {
	width: 20%;
}

.panel-body.paneltickets_main {}

.panel-body.paneltickets_main .panel-body.bg-secondary {
	border-right: 1px solid #ccc;
	border-radius: 0;
	padding: 10px 0;
}

.panel-body.paneltickets_main .col-md-2:last-child .panel-body.bg-secondary {
	border-right: 0;
}

.panel-body.paneltickets_main .col-md-2 .panel-body.bg-secondary .title {
	font-size: 14px;
}

.table-tickets .table th {
	background: #f6f8fa;
	border: 0;
	padding: 20px 12px;
	border-right: 1px solid #f1f1f1;
	vertical-align: middle;
	color: #4e75ad;
	font-weight: normal;
	font-size: 14px;
}

.table-tickets .table th:last-child {
	border-right: 0;
}

.table-tickets .table .td_status {
	font-size: 12px;
	width: auto;
	display: inline-block;
	padding: 6px 12px;
	margin: 3px 0px;
	border: 1px solid #333;
	color: #333;
	font-weight: normal;
}

.table-tickets .table .td_status.tds_open {
	color: #ff2d42;
	border-color: #ff2d42;
}

.table-tickets .table .td_status.tds_hold {
	color: #c0c0c0;
	border-color: #c0c0c0;
}

.table-tickets .table .td_status.tds_progress {
	color: #84c529;
	border-color: #84c529;
}

.table-tickets .table .td_status.tds_answer {
	color: #008ece;
	border-color: #008ece;
}

.table-tickets .table .td_status.tds_close {
	color: #333;
	border-color: #333;
}

.table-tickets .table td {
	padding: 15px 12px;
	font-size: 13px;
	border-bottom: 1px solid #f1f1f1;
	border-right: 1px solid #dddddd;
	border-top: 0;
}

.table-tickets .form-control {
	margin: 0 !important;
	height: auto !important;
}

.table-history {
	background-color: #fff;
	padding: 15px;
}

.renewal_tesserato_single {
	white-space: nowrap;
	cursor: pointer;
}

.renewal_tesserato_single_default {
	white-space: nowrap;
	color: #008706;
	cursor: pointer;
}

.renewal_tesserato_single:hover,
.renewal_tesserato_single_default:hover {
	text-decoration: none;
	color: #008706;
}

.renewal_tesserato_single .rinnova,
.renewal_tesserato_single_default .rinnova {
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #0088cc;
	border-radius: 50%;
}

.renewal_tesserato_single_default .rinnova {
	background-color: #008706;
}

.table-history .table td {
	padding: 15px 12px;
	font-size: 13px;
	border: 1px solid #f1f1f1;
	border-top: 0;
}

.table-tickets .colr_red {
	color: #ff2d42;
}

.table-tickets .table td .row-options {
	opacity: 0;
	padding-top: 5px;
}

.table-tickets .table td:hover .row-options {
	opacity: 1;
}

.table-tickets .table td .row-options a:hover {
	color: #004b6d;
	text-decoration: none;
}

.table-tickets-head .table_thed_down .col-sm-3 {
	width: 16.66%;
}

.table-tickets-head.account-list-head .table_thed_down .col-sm-3 {
	width: 14.285%;
}

.custom_head_settings .table_thed_down .col-sm-3 {
	width: 25%;
}


.table-tickets-head .panel_s>.panel-heading-bg {
	background: #f7f9fa;
	border: 1px solid #dce1ef;
	padding: 7px 15px;
	border-bottom: 0;
	color: #323a45;
}

.table-tickets-head .panel_s .panel-body {
	background: #fff;
	border: 1px solid #dce1ef;
	border-radius: 0;
	padding: 20px;
	position: relative;
}


.table-tickets-head {
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 20px;
}

.table-tickets-head .tth_box {
	border-right: 1px solid #f1f1f1;
	padding: 10px 0;
}

.table-tickets-head .table_thed_down .col-sm-3:last-child .tth_box {
	border-right: 0;
}

.table-tickets-head .tth_box a {
	text-decoration: none;
	display: block;
}

.table-tickets-head .tth_box:hover a {
	color: #004b6d;
}

.table-tickets-head .tth_box h3 {
	margin: 0 0 5px;
	font-size: 22px;
	font-weight: 600;
	color: #000;
}

.table-tickets-head .table_thed_opper {
	padding-top: 10px;
	margin: 0 0 20px;
}

.table-tickets-head .table_thed_opper a {
	margin-right: 10px;
}

.table-tickets-head .table_thed_opper .btn-group a {
	margin-right: 0px;
}

.table-tickets-head .table_thed_opper .width300 {
	width: 300px;
}


#asd_tabs .tabs_head {
	margin: 0 0 10px;
	background: #fff;
	padding: 15px 10px;
	border: 0;


}

#asd_tabs .tabs_head .nav.nav-tabs {
	padding: 0px;
	border: 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;

}

#asd_tabs .tabs_head .nav.nav-tabs li a {
	background: none;
	border-radius: 0;
	border: 0;
}

#asd_tabs .tabs_head .nav.nav-tabs li.active a {
	color: #008ece;
	border-bottom: 1px solid #008ece;
}

#asd_tabs .tabs_content {
	background: #fff;
	border: 1px solid #dce1ef;
	border-radius: 4px;
	padding: 20px;
	position: relative;
	margin: 0 0 20px;
}

#asd_tabs .tabs_content .single-ticket-status-label {
	padding: 5px 8px;
	display: inline-block;
	color: #fff;
	border-radius: 5px;
	margin-left: 10px;
}

#asd_tabs .tabs_content h3 {
	margin: 0;
	color: #000;
}

#asd_tabs .tabs_content .tab-content {
	box-shadow: none;
	border: 0;
	padding: 15px 0 0;
	border-top: 1px solid #eee;
	margin: 15px 0 0;
}

.status_top_select #status_top {
	height: 40px;
	padding: 0 12px;
}

#asd_tabs .tabs_content .tabpanel_tags .btn-ticket-label {
	padding: 4px 10px 3px 10px;
	font-size: 14px;
	margin-top: -2px;
}

.tabpanel_tags {
	padding: 0px 0 0;
	display: table;
	margin: 0 0 20px;
	width: 100%;
}

.tabpanel_tags .btn.btn-danger {
	padding: 2px 9px;
}

.tabpanel_form .form-group {
	margin: 0 0 20px;
}

.tabpanel_form .panel-body {
	background: #f9f9f9;
	border: 1px solid #dce1ef;
	margin: 0 0 20px;
}

.client-reply {
	background: #ffffe6 !important;
	color: #323a45;
}

#asd_tabs .tab-content .panel-footer {
	margin: -20px;
	margin-top: 15px;
}

/*
.label.ticket-label.label-default {
	border: 1px solid #bfcbd9;
	background: none;
	font-weight: normal;
	margin: 0 5px 0;
}*/
.label.ticket-label {
	margin: 0 5px 0;
	font-size: 13px;
	border: 1px solid #bfcbd9;
	padding: 6px 9px;
	font-weight: normal;
	background: none;
	margin: 0 5px 0;
}

.comment_boxx {
	margin-bottom: 20px;
}

.border-right {
	border-right: 1px solid #f0f0f0;
}

.comment_boxx .cb_btnlist,
.admin_ticket.cb_btnlist {
	border-top: 1px solid #f0f0f0;
	padding: 15px 0 0;
	margin: 15px 0 0;
}

.comment_boxx .cb_btnlist ul,
.admin_ticket.cb_btnlist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment_boxx .cb_btnlist ul li,
.admin_ticket.cb_btnlist ul li {
	margin: 0 0 10px;
}

.comment_boxx .cb_btnlist ul li a,
.admin_ticket.cb_btnlist ul li a {
	padding: 9px 20px;
}

#reminders .btn.btn-info.btn-xs {
	padding: 9px 10px;
	font-size: 14px;
	margin: 0 0 15px;
	text-shadow: none;
}

.remider_top {
	margin: 0 0 15px;
}

.dataTables_length .form-control.input-sm {
	margin-right: 10px;
	height: 35px;
}

body table.dataTable thead>tr>th {
	color: #005F95;
	background: #f6f8fa !important;
	vertical-align: middle;
	border-bottom: 1px solid;
	border-color: #ebf5ff !important;
	font-size: 13px;
	padding-top: 9px;
	font-weight: normal;
	padding-bottom: 8px;
}

table.dataTable thead th:first-child {
	border-top-left-radius: 2px;
}

table.dataTable thead th:last-child {
	border-top-right-radius: 2px;
}

.staff-profile-image-small {
	height: 32px;
	width: 32px;
	border-radius: 50%;
}

body table.dataTable>tbody>tr>td .row-options {
	opacity: 0;
}

body table.dataTable>tbody>tr>td:hover .row-options {
	opacity: 1;
}



.ticketstaffnotes {
	margin: 0 0 20px 0;
	padding: 0;
	background-color: #ffffe6;
	border: 1px dashed #dacd83;
}

.ticketstaffnotes table {
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px dashed #dacd83;
}

.ticketstaffnotes table td {
	padding: 5px 10px;
	color: #695f1f;
}

.ticketstaffnotes table td .staff-profile-xs-image {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.ticketstaffnotes hr {
	background: rgba(0, 0, 0, 0.1);
	margin: 10px 0;
}

.ticketstaffnotes .right_td_btns .btn i {
	margin: 0;
}

.ticketstaffnotes .right_td_btns .btn {
	padding: 3px 6px;
}

.label.ticket-label.label-success {
	background: none;
	color: #5cb85c;
	border-color: #5cb85c;
}

.label.ticket-label.label-info {
	border-color: #5bc0de;
}

ul.tagit input[type="text"] {
	background: 0 0;
	border-left: 1px dashed #b3b3b3;
	height: 20px;
	padding-left: 5px;
}

.tagit {
	margin: 0;
	padding: 0;
	min-height: 35px;
}

.tagit li {
	list-style: none;
}

.tagit li input {
	border: 0;
}

.dataTables_empty {
	padding: 25px !important;
	padding-bottom: 180px !important;
	text-align: left !important;
	color: #777;
	font-size: 15px;
	background: url(img/table-no-data.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 161px;
}

body .modal-header {
	background: #226faa;
	background: -webkit-gradient(linear, left top, right top, from(#226faa), color-stop(37%, #2989d8), to(#72c0d3));
	background: linear-gradient(to right, #226faa 0, #2989d8 37%, #72c0d3 100%);
	border-radius: 6px;
	color: #fff;
	padding: 18px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-color: transparent;
}

body .modal-header .close {
	margin-top: -3px;
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	opacity: .9;
	width: 28px;
	height: 28px;
	padding-bottom: 0;
	padding-left: 1px;
}

.checkbox_list .btn.btn-primary {
	background: none;
	border: 0;
	color: #000;
	text-shadow: none;
	box-shadow: none;
	padding: 0 10px 0 23px;
	margin-right: 10px;
}

.checkbox_list .btn.btn-primary input {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: auto;
	width: 100%;
}

.checkbox_list .btn.btn-primary::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	top: 2px;
	border: 1px solid #bfcbd9;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out;
}

.checkbox_list .btn.btn-primary.active::before {
	background-color: #03a9f4;
	border-color: #03a9f4;
}

.checkbox_list .btn.btn-primary.active::after {
	font-family: 'Glyphicons Halflings';
	content: "\e013";
	position: absolute;
	left: 2px;
	top: 1px;
	color: #fff;
	font-size: 12px;
}

.checkbox_list {
	margin: 0 0;
	float: left;
}

.tasks_hed {
	margin: 0 0 10px;
	display: table;
	width: 100%;
}

.newtask_top {
	display: table;
	width: 100%;
}

.newtask_top .newtask_thed {
	display: table;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.newtask_top .attachment_box {
	border-bottom: 1px solid #ccc;
	padding-bottom: 0;
	float: left;
	width: 100%;
	display: none;
	margin-bottom: 15px;
}

#newtask_popup .form-group {
	margin-bottom: 15px;
}

.btn-danger.text_btn {
	font-weight: bold;
	font-size: 21px;
	line-height: 20px;
}

.note-editor {
	margin: 0 0 20px !important;
}

body #asd_tabs .form-bordered .form-group {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 15px !important;
}

.tabs_content .select2-container {
	min-width: 130px;
}

.tabs_content .select2-container .select2-choice>.select2-chosen {
	text-align: left;
}

.custom-event-data li {
	list-style: none;
}

.custom-event-data li label {
	font-weight: bold;
	display: inline-block;
	padding: 0px 10px;
}


.form-wizard .form-group .checkbox-custom {
	margin-top: 0px;
	margin-bottom: 0;
	min-height: 34px;
	padding-top: 6px;
}

#w4-confirm .form-group .checkbox-custom {
	margin-top: 0;
	margin-bottom: 10px;
}

.form-wizard .form-group {
	margin-bottom: 15px !important;
}

.form-wizard .control-label {
	min-height: 22px;
	display: block;
}

.control-inptbx .input-group .form-control {
	width: 98%;
	border-radius: 4px;
}

.control-inptbx .input-group .input-group-btn .btn {
	border-radius: 4px;
}

.headn_buttons {
	border-bottom: 1px solid #eee;
	display: table;
	width: 100%;
	/* padding: 0 0 20px;  */
	padding: 0 0 0px;
}

.headn_buttons .mright5 {
	margin-right: 8px;
}

.navbar-pills-flat {
	background: #fff;
	-webkit-box-shadow: 0 1px 15px 1px rgba(90, 90, 90, .08);
	box-shadow: 0 1px 15px 1px rgba(90, 90, 90, .08);
}

.navbar-pills.navbar-pills-flat.nav-tabs>li>a {
	border-bottom: 1px solid #e5e5e5;
	margin-right: 0;
	background: #fff;
	padding: 10px 17px 10px 17px;
	border-top: 0;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-radius: 0;
}

.navbar-pills.navbar-pills-flat.nav-tabs>li:first-child>a {
	border-top: 1px solid #e5e5e5;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.navbar-pills li {
	display: block;
	float: none;
}

.navbar-pills.navbar-pills-flat.nav-tabs>li>a:hover {
	color: #008ece;
}

.navbar-pills.navbar-pills-flat.nav-tabs>li i.menu-icon {
	font-size: 15px;
	width: 12px;
	margin-right: 10px;
	margin-top: 1px;
}



/*
@media(min-width: 1200px) { 
body ul.nav-main li.nav-parent {
	position: inherit;
}

ul.nav-main li.nav-parent .nav.nav-children {
	position: absolute;
	top: 0;
	left: 93%;
	bottom: 0;
	height: 100vh;
	z-index: 99;
	width: 250px;
	border-top: 2px solid #0088cc;
}
html.no-overflowscrolling.custom-scroll .nano > .nano-content {overflow:unset;width:100%;}
html.no-overflowscrolling .nano { overflow: unset; }

ul.nav-main li.nav-parent .nav.nav-children li a:hover {
    background: #21262d;
}
ul.nav-main li.nav-parent .nav.nav-children li a {
    padding: 10px 10px 10px 30px;
}

}*/



.twemoji-textarea {
	color: #000;
}

.ps__scrollbar-x-rail,
.ps__scrollbar-y-rail {
	display: none;
}

.info_blue {
	color: #5bc0de;
}

.btn_sec .btn {
	background: #5bc0de;
	color: #222;
	border: none;
	margin-top: 5px;
}

.btn_sec {
	margin: 5px 0;
	display: inline-block;
	/* width: 85px; */
	width: 100%;
}

.btn_sec .alert {
	display: inline-block;
	/* width: 82%; */
	vertical-align: top;
	padding: 4px 10px;
	margin-top: 5px;
}


.no-padding {
	padding: 0;
}

.control-inptbx .fileNameShow {
	position: absolute;
	left: 110px;
	z-index: 9;
	top: 6px;
}

.control-inptbx {
	position: relative;
}

.control-inptbx .input-group-btn {
	width: auto;
}

.control-inptbx .input-group .form-control {
	margin-left: 5px;
}

.control-inptbx .fileNameShow.lft-dwd {
	left: 260px;
}

.green {
	border-color: #6ad970;
}

.green .select2-choice {
	border-color: #6ad970;
}

.export_div {
	position: relative;
	top: 47px;
	left: 205px;
	z-index: 999;
}

select#choose_export_type {
	width: 85px;
}

.panel-body.pannel_banner img {
	width: 100%;
}

.panel-body.pannel_banner {
	margin: 0 0 20px;
	padding: 0;
	overflow: hidden;
}

.dashboard_newlist {
	margin-bottom: 20px;
	display: table;
	width: 100%;
}

.dashboard_newlist ul {
	margin: 0 -10px;
	padding: 0;
}

.dashboard_newlist li {
	float: left;
	width: 20%;
	list-style: none;
	padding: 0 10px;
}

.dashboard_newlist .dbnl_box {
	background: #fdfdfd;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	padding: 10px;
	min-height: 85px;
	position: relative;
}

.dashboard_newlist .dbnl_boxn {
	background: #f6f6f6;
}

.dashboard_newlist .dbnl_box .dbnl_icon {
	background: #66b7f0;
	width: 55px;
	height: 55px;
	position: relative;
	text-align: center;
	line-height: 50px;
	border-radius: 100%;
	font-size: 20px;
	/*border: 5px solid rgba(0,0,0,0.2);*/
	color: #fff;
	z-index: 9;
}

.dashboard_newlist .dbnl_box .dbnl_icon .icon_txt {
	font-weight: 600;
}

.dashboard_newlist .dbnl_box .dbnl_icono {
	position: absolute;
	background: #f6f6f6;
	padding: 5px;
	border-radius: 100%;
	width: 65px;
	height: 65px;
	overflow: hidden;
	left: 10px;
	top: 10px;
}

.dashboard_newlist .dbnl_box .dbnl_icon.bgreen {
	background: #a5c562;
}

.dashboard_newlist .dbnl_box .dbnl_icon.borange {
	background: #ff503f;
}

.dashboard_newlist .dbnl_box .dbnl_icon.bdbule {
	background: #005d82;
}

.dashboard_newlist .dbnl_box .dbnl_icon.byellow {
	background: #f6bb42;
}

.dashboard_newlist .dbnl_box .dbnl_icono::after {
	width: 45%;
	height: 100%;
	background: rgba(0, 0, 0, 0.05);
	content: "";
	position: absolute;
	right: 0;
	z-index: 1;
	top: 0;
	/* transform: rotate(145deg); */
}

.dashboard_newlist .dbnl_box .dbnl_info {
	padding-left: 75px;
	padding-top: 13px;
}

.dashboard_newlist .dbnl_box .dbnl_info h5 {
	font-size: 18px;
	font-weight: 600;
	color: #232730;
	margin: 0 0 2px;
}

.dashboard_newlist .dbnl_box .dbnl_info h6 {
	font-size: 11px;
	font-weight: 400;
	color: #979090;
	margin: 0;
}

.scadenziario_list ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.scadenziario_list ul li {
	margin: 0 0 8px;
}

.scadenziario_list ul li:last-child {
	margin: 0px;
}

.scadenziario_list .sl_box {
	position: relative;
	background: #f6f6f6;
	min-height: 42px;
	border-radius: 4px;
	padding: 10px 45px 10px 32px;
	transition: background .4s;
	display: block;
}

.scadenziario_list .sl_box:before {
	content: "";
	background-image: url(img/dot_img.png);
	background-repeat: no-repeat;
	width: 12px;
	height: 21px;
	position: absolute;
	left: 10px;
	top: 10px;
}

.scadenziario_list .sl_box .sl_box_icon {
	position: absolute;
	top: 12px;
	right: 12px;
}

.scadenziario_list .sl_box .sl_box_icon span {
	color: #b4b4b4;
}

.scadenziario_list .sl_box p {
	margin: 0;
	color: #a7a2a2;
	font-weight: 600;
	font-size: 14px;
	transition: color .4s;
}

.scadenziario_list .sl_box.redbg {
	background: #d2312d;
}

.scadenziario_list .sl_box.redbg:before {
	background-image: url(img/dot_img2.png);
}

.scadenziario_list .sl_box.redbg p {
	color: #fff;
}

.scadenziario_list .sl_box:hover {
	background: #D2312D;
	text-decoration: none;
}

.scadenziario_list .sl_box:hover p {
	color: #fff;
}

.scadenziario_list .sl_box:hover .sl_box_rea span {
	background-color: #fff;
	color: #D2312D;
}

.scadenziario_list .sl_box:hover:before {
	background-image: url(img/dot_img2.png);
}

.scadenziario_list .sl_box.apprv_stat {
    background: #24a737;
}

.scadenziario_list .sl_box.apprv_stat:hover {
    background: #146c21;
}

.scadenziario_list .sl_box.apprv_stat:before {
    filter: invert(1);
}

.scadenziario_list .sl_box.apprv_stat p,
.scadenziario_list .sl_box.apprv_stat .sl_box_icon span {
    color: #FFFFFF;
}

.panel.calender_sec .panel-body {
	overflow: hidden;
	padding: 0;
}

.panel.calender_sec .calender_box img {
	width: 100%;
}

.panel.calender_sec .calender_info img {
	width: 100%;
}

.panel.calender_sec .calender_info {
	padding: 0 15px;
}

.panel.calender_sec .calender_info ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.panel.calender_sec .calender_info ul li {
	position: relative;
	margin-bottom: 8px;
	color: #d2312d;
	font-size: 13px;
	font-weight: 600;
}

.panel.calender_sec .calender_info ul li .select_time {
	background: #d2312d;
	color: #fff;
	/* position: absolute; */
	right: 0;
	display: inline-block;
	padding: 0px 10px;
	border-radius: 30px;
	top: 2px;
	font-size: 12px;
	line-height: 19px;
	float: right;
}

.panel.calender_sec .calender_box .datepicker {
	padding: 0;
	border: 0 !important;
	margin: 0 0 10px;
	border-radius: 0;
	background: none !important;
}

.panel.calender_sec .calender_box .datepicker.datepicker-primary table thead tr:first-child {
	background-color: #f6f6f6;
	color: #33353f;
	font-size: 15px;

}

.panel.calender_sec .calender_box .datepicker thead tr:first-child th,
.datepicker tfoot tr th {
	cursor: pointer;
	font-size: 20px;
	border-bottom: 1px solid #DADADA;
	padding: 17px 0;
	background: none !important;
	color: #33353f;
}

.panel.calender_sec .calender_box .datepicker.datepicker-primary table thead tr:last-child {
	background-color: #fdfdfd;
	color: #33353f;
}

.panel.calender_sec .calender_box .datepicker table thead tr th {
	cursor: pointer;
	font-size: 13px;
	background: none !important;
	color: #33353f;
	font-size: 15px;
	text-align: center;
	font-weight: normal;
}

.panel.calender_sec .calender_box .datepicker.datepicker-primary {
	min-width: auto;
}

.panel.calender_sec .datepicker.datepicker-primary table tbody tr td.day:hover {
	background: #d2312d;
}

.panel.calender_sec .datepicker table tr td {}

.liquid-meter-wrapper .liquid-meter-selector a {
	font-weight: 500;
	font-size: 14px;
	color: #9b9b9b;
}

body .panel-title.anel-title_new {
	margin: 0 0 20px !important;
	font-weight: 300;
	color: #abafb3;
	letter-spacing: 0.1px;
}

.stickets_head ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.stickets_head ul li {
	float: left;
	width: 33.33%;
}

.stickets_head ul li .sth_box {
	position: relative;
	padding: 0 0 0 72px;
	min-height: 75px;
}

.stickets_head ul li .sth_box .sth_iconleft {
	position: absolute;
	top: 0;
	left: 0;
}

.stickets_head .sth_box .sth_iconleft .sth_icon {
	background: #f3f3f3;
	width: 65px;
	height: 65px;
	border-radius: 100%;
	text-align: center;
	line-height: 65px;
}

.stickets_head {
	display: table;
	width: 100%;
	margin: 0 0 10px;
}

.stickets_head ul li .sth_box .sth_iconleft .sth_icon img {
	width: 35px;
}

.stickets_head .sth_box .sth_iconleft .sth_icon .sticon_white {
	display: none;
}

.stickets_head ul li.active .sth_box .sth_iconleft .sth_icon {
	background: #005d82;
}

.stickets_head ul li.active .sth_box .sth_iconleft .sth_icon .sticon_blue {
	display: none;
}

.stickets_head ul li.active .sth_box .sth_iconleft .sth_icon .sticon_white {
	display: inline-block;
}

.stickets_head ul li .sth_box .sth_iconleft .sth_notifi {
	position: absolute;
	background: #d2312d;
	color: #fff;
	right: 7px;
	top: -5px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	text-align: center;
	line-height: 19px;
}

.stickets_head ul li .sth_box .sth_info {
	padding-top: 6px;
}

.stickets_head ul li .sth_box .sth_info h5 {
	margin: 0 0 7px;
	font-size: 15px;
	font-weight: 600;
	color: #464a53;
}

.sth_box .sth_info h3 {
	margin: 0;
	font-size: 30px;
	color: #005d82;
}

.sth_box .sth_info h3 .h3small {
	font-size: 13px;
	color: #abafb3;
	margin-left: 5px;
}

.st_table .table>thead>tr>th {
	border: 0;
	color: #005d82;
}

.st_table .table tr td:first-child {
	border-radius: 5px 0 0 5px;
}

.st_table .table tr td {
	background: #f3f3f3;
	border-bottom: 5px solid #fff;
	margin: 0 0 5px;
	color: #cbc8c8;
	padding: 10px 8px;
	font-weight: 600;
	border-top: 0;
}

.st_table .table tr td:last-child {
	border-radius: 0 5px 5px 0;
}


.weather_sec .panel-body {
	padding: 0;
}

.weather_sec .panel-body .weather_top {
	background: rgb(47, 128, 237);
	color: #fff;
	background: linear-gradient(0deg, rgba(47, 128, 237, 1) 0%, rgba(86, 204, 242, 1) 100%);
}

.weather_sec .panel-body h2 {
	margin: 0 0 20px;
	font-size: 20px;
}

.weather_sec .panel-body .temp_text h1 {
	text-align: center;
	font-size: 60px;
	font-weight: 900;
}

.weather_sec .panel-body .temp_text h1 {
	text-align: center;
	font-size: 60px;
	font-weight: 900;
}

.weather_sec .panel-body .weather_top img {
	width: 100%;
}

.chart-data-selector h2 .multiselect {
	font-size: 18px;
}

.multiselect-container>li>a {
	padding: 10px;
	font-size: 16px;
	letter-spacing: 0.1px;
}

.multiselect-container>li>a>label.radio,
.multiselect-container>li>a>label.checkbox {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0px;
}

#chat_page .persons {
	padding: 0;
	overflow: auto;
	height: 475px !important;
}


@media(max-width: 1199px) {
	.dashboard_newlist li {
		float: left;
		width: 33.33%;
		margin: 0 0 10px;
	}
}

@media(max-width: 499px) {

	.dashboard_newlist li {
		width: 100%;
	}

	.stickets_head ul li {
		float: left;
		width: 100%;
	}
}



span.name_circolo {
	background: #0088cc;
	color: #fff;
	border: 1px solid;
	margin: 0px 3px;
	padding: 0px 5px;
	display: inline-block;
	border-radius: 3px;
}

.custom_toolbar {
	display: inline-block;
	float: right;
	width: 100%;
	margin-bottom: 8px;
}

.sidebar-right-toggle {
	display: none !important;
}

.breadcrumbs {
	margin-right: 60px !important;
}

/* #dashboard_ticket a:hover{color:#0088cc !important; text-decoration:none;} */
#dashboard_ticket tbody tr:hover {
	cursor: pointer;
}


#dashboard_ticket tbody .open_link_ticket:hover td span,
#dashboard_ticket tbody .open_link_ticket:hover td {
	color: #fff !important;
}

#dashboard_ticket .open_link_ticket td {
	background: none !important;
}

#dashboard_ticket .open_link_ticket {
	/* background: #02a9f4 ; */
}

#dashboard_ticket .open_link_ticket:hover {
	background: #02a9f4;
}

#dashboard_ticket .open_link_ticket.select {
	background: #02a9f4;
}

.btn-group.color_radio .btn {
	border: 0;
	margin: 0 2px 0;
	border-radius: 0;
	font-size: 0;
	width: 20px;
	height: 20px;
	padding: 0;
}

.btn-group.color_radio .btn.active {
	width: 25px;
	height: 25px;
}

.form_boxn ul li .btn_sec .btn {
	background: #5bc0de;
	color: #222;
	border: none;
	margin-top: 5px;
	width: 40px;
	height: 33px;

}

.new_alrt {
	background: #fff;
	padding: 15px;
	position: relative;
	margin: 0 0 15px;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.new_alrt .left_icon {
	position: absolute;
	color: #c8c6c7;
	font-size: 35px;
	left: 15px;
	top: 15px;
}

.new_alrt .left_icon.iconred {
	color: #d2322d;
}

.new_alrt .left_icon.iconblue {
	color: #005d82;
}

.new_alrt.bgblue_color {
	background: #d9edf7;
}

.new_alrt .alrt_text {
	padding: 5px 0 0 50px;
	width: 85%;
}

.new_alrt .alrt_text h5 {
	margin: 0;
	font-size: 15px;
}

.new_alrt .alrt_text p {
	font-size: 13px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.new_alrt .right_section {
	position: absolute;
	right: 15px;
	top: 15px;
}

.new_alrt .right_section .rigt_secinfo {
	font-size: 14px;
	text-align: right;
	border-right: 1px solid #ccc;
	padding: 5px 10px;
	margin-right: 10px;
}

.new_alrt .right_section>div {
	float: left;
}

.new_alrt .right_section .rigt_secinfo span {
	display: block;
}

.new_alrt .right_section .right_icon {
	font-size: 25px;
	padding: 5px 0 4px 0;
}

.new_alrt a {
	color: unset !important;
	text-decoration: none;
}

.modal-dialog.alret_popupa .modal-content {
	overflow: hidden;
}

.modal-dialog.alret_popupa .modal-footer {
	margin: 0;
	bottom: 0;
	padding: 10px;
}

.modal-dialog.alret_popupa .modal-body {
	padding: 20px;
	text-align: center;
}

.modal-dialog.alret_popupa .modal-body .ap_icon {
	font-size: 40px;
	margin: 0 0 10px;
	color: #c8c6c7;
}

.modal-dialog.alret_popupa .modal-body .ap_icon.apicon_red {
	color: #d2322d;
}

.modal-dialog.alret_popupa .modal-body .ap_icon.apicon_blue {
	color: #005d82;
}

.modal-dialog.alret_popupa .modal-body h5 {
	margin: 0 0 5px;
	font-size: 17px;
}

.modal-dialog.alret_popupa .modal-footer .btn.btn-default {
	padding: 7px 15px;
	font-size: 13px;
	background: #5bc0de;
	color: #fff;
	border: 0;
	border-radius: 5px;
	text-transform: none;
}

.alret_popupa_footrt ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.alret_popupa_footrt ul li {
	display: table-cell;
	padding: 0 10px;
	border-right: 1px solid #B7B7B7;
	text-align: left;
	vertical-align: middle;
}

.alret_popupa_footrt ul li:last-child {
	border-right: 0;
}

.alret_popupa_footrt ul li .name_date span {
	display: block;
	text-align: right;
	line-height: 17px;
}

.alret_popupa_footrt ul li .foots_btnds {
	font-size: 18px;
}

.alret_popupa_footrt ul li .foots_btnds a {
	margin-right: 8px;
	color: unset;
}

/* .alret_popupa_footrt ul li .foots_btnds a .fa.fa-thumbs-up {
	color: #47a447;
}
.alret_popupa_footrt ul li .foots_btnds a .fa.fa-thumbs-down {
	color: #d2322d;
} */

.like {
	color: #47a447;
}

.dislike {
	color: #d2322d;
}

li#news_files a {
	text-decoration: none;
}

.modal-dialog.alret_popupa .modal-footer .alret_popupa_footrt {
	float: left;
}

.modal-dialog.alret_popupa .modal-footer .btn.btn-default {
	float: right;
}

.iconred {
	color: #d2322d !important;
}

.iconblue {
	color: #005d82 !important;
}

.foots_btnds span {
	font-size: 11px;
}

.foots_btnds a:hover {
	text-decoration: none !important;
}

a.news_block_outer {
	text-decoration: none;
}



@supports (-webkit-appearance: none) or (-moz-appearance: none) {

	ul.new_checkbox input[type=checkbox],
	ul.new_checkbox input[type=radio] {
		--active: #00e158;
		--active-inner: #fff;
		--focus: 2px rgba(39, 94, 254, .3);
		--border: #BBC1E1;
		--border-hover: #00e158;
		--background: #fff;
		--disabled: #F6F8FF;
		--disabled-inner: #E1E6F9;
		-webkit-appearance: none;
		-moz-appearance: none;
		height: 21px;
		outline: none;
		display: inline-block;
		vertical-align: top;
		position: relative;
		margin: 0;
		cursor: pointer;
		border: 1px solid var(--bc, var(--border));
		background: var(--b, var(--background));
		transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
	}

	ul.new_checkbox input[type=checkbox]:after,
	ul.new_checkbox input[type=radio]:after {
		content: "";
		display: block;
		left: 0;
		top: 0;
		position: absolute;
		transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
	}

	ul.new_checkbox input[type=checkbox]:checked,
	ul.new_checkbox input[type=radio]:checked {
		--b: var(--active);
		--bc: var(--active);
		--d-o: .3s;
		--d-t: .6s;
		--d-t-e: cubic-bezier(.2, .85, .32, 1.2);
	}

	ul.new_checkbox input[type=checkbox]:disabled,
	ul.new_checkbox input[type=radio]:disabled {
		--b: var(--disabled);
		cursor: not-allowed;
		opacity: 0.9;
	}

	ul.new_checkbox input[type=checkbox]:disabled:checked,
	ul.new_checkbox input[type=radio]:disabled:checked {
		--b: var(--disabled-inner);
		--bc: var(--border);
	}

	ul.new_checkbox input[type=checkbox]:disabled+label,
	ul.new_checkbox input[type=radio]:disabled+label {
		cursor: not-allowed;
	}

	ul.new_checkbox input[type=checkbox]:hover:not(:checked):not(:disabled),
	ul.new_checkbox input[type=radio]:hover:not(:checked):not(:disabled) {
		--bc: var(--border-hover);
	}

	ul.new_checkbox input[type=checkbox]:focus,
	ul.new_checkbox input[type=radio]:focus {
		box-shadow: 0 0 0 var(--focus);
	}

	ul.new_checkbox input[type=checkbox]:not(.switch),
	ul.new_checkbox input[type=radio]:not(.switch) {
		width: 21px;
	}

	ul.new_checkbox input[type=checkbox]:not(.switch):after,
	ul.new_checkbox input[type=radio]:not(.switch):after {
		opacity: var(--o, 0);
	}

	ul.new_checkbox input[type=checkbox]:not(.switch):checked,
	ul.new_checkbox input[type=radio]:not(.switch):checked {
		--o: 1;
	}

	ul.new_checkbox input[type=checkbox]+label,
	ul.new_checkbox input[type=radio]+label {
		font-size: 14px;
		line-height: 21px;
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		margin-left: 4px;
	}

	ul.new_checkbox input[type=checkbox]:not(.switch) {
		border-radius: 7px;
	}

	ul.new_checkbox input[type=checkbox]:not(.switch):after {
		width: 5px;
		height: 9px;
		border: 2px solid var(--active-inner);
		border-top: 0;
		border-left: 0;
		left: 7px;
		top: 4px;
		transform: rotate(var(--r, 20deg));
	}

	ul.new_checkbox input[type=checkbox]:not(.switch):checked {
		--r: 43deg;
	}

	ul.new_checkbox input[type=checkbox].switch {
		width: 38px;
		border-radius: 11px;
	}

	ul.new_checkbox input[type=checkbox].switch:after {
		left: 2px;
		top: 2px;
		border-radius: 50%;
		width: 15px;
		height: 15px;
		background: var(--ab, var(--border));
		transform: translateX(var(--x, 0));
	}

	ul.new_checkbox input[type=checkbox].switch:checked {
		--ab: var(--active-inner);
		--x: 17px;
	}

	ul.new_checkbox input[type=checkbox].switch:disabled:not(:checked):after {
		opacity: 0.6;
	}

	ul.new_checkbox input[type=radio] {
		border-radius: 50%;
	}

	ul.new_checkbox input[type=radio]:after {
		width: 19px;
		height: 19px;
		border-radius: 50%;
		background: var(--active-inner);
		opacity: 0;
		transform: scale(var(--s, 0.7));
	}

	ul.new_checkbox input[type=radio]:checked {
		--s: .5;
	}
}

ul.new_checkbox {
	list-style: none;

}


.single_news ul li {
	padding: 0px;
	/* text-align: right !important;
    display: block; */
}

.op_single_news ul li {
	text-align: right !important;
	display: block;
}



a.news_block_outer {
	text-decoration: none;
	color: unset !important;
}


.alret_popupa_footrt ul li .foots_btnds a {
	margin-right: 8px;
	color: unset;
	text-decoration: none;
}

.attach_indo {
	max-width: 280px;
}

#datatable-utente-list th,
#datatable-utente-list td {
	/*	width: auto !important;*/
	padding: 10px 8px !important;
	/*font-size: 12px;*/
}

.panel.colonne_panel .panel-body {
	background: #f9f9f9;
}

.panel.colonne_panel .panel-body .form-group {
	margin: 0;
}

.panel.colonne_panel .panel-body .form-group .col-md-12 {
	padding: 0;
}

.panel.colonne_panel .ios-switch.off .state-background {
	background: #333;
	border-color: #333;
}

.export_div {
	position: absolute;
	top: 41px;
	right: 0;
	z-index: 999;
	width: 300px;
	left: auto;
}

.export_div_appuntamenti,
.export_div_ticket {
	position: absolute;
	top: 80px;
	right: 0;
	z-index: 999;
	width: 300px;

}

.export_div_ticket {
	top: 50px;
}

.small_margin {
	margin: 0px 2px;
}

span.maintenance_mode {
	background: red;
	padding: 10px;
	margin: 0px 20px;
	color: #ffff;
}


.npage_boxun {
	max-width: 500px;
	margin: 100px auto 0;
	text-align: center;
}

.npage_boxun .npage_boxun_img img {
	max-width: 400px;
}

.npage_boxun .nbi_icon {
	color: #f2a000;
	text-align: center;
	font-size: 22px;
	margin: 0 0 10px;
}

.npage_boxun_info {
	text-align: center;
	font-size: 18px;
}

.npage_boxun_info p {
	color: #025b85;
	text-align: center;
	font-size: 18px;
}

.npage_boxun_info p b {
	font-weight: bold;
}

.npage_boxun_btn a {
	background: #025b85;
	color: #fff;
	border-radius: 50px;
	display: inline-block;
	padding: 12px 30px;
	text-decoration: none;
}

@media only screen and (min-width:1200px) {
	/* .table-responsive {
	overflow-x: unset;
} */
}

@media only screen and (max-width:991px) {
	.paneltickets_main .tth_box {
		text-align: center;
	}

	.paneltickets_main .table-responsive {
		border: none;
	}

	.table-responsive {
		border: none;
	}

	#datatable-utente-list th,
	#datatable-utente-list td {
		text-align: center;
		vertical-align: top;
	}

	.table_thed_down .col-sm-2,
	.table_thed_down .col-sm-3 {
		width: 50% !important;
		float: left;
		text-align: center;
	}

	.paneltickets_main .table_thed_down .col-sm-2 span,
	.paneltickets_main .table_thed_down .col-sm-3 span {
		font-size: 11px;
	}

	html .wizard-progress.wizard-progress-lg .wizard-steps li {
		min-width: 70px;
		max-width: 70px;
	}

	html .wizard-progress .wizard-steps li.completed.active,
	html.dark .wizard-progress .wizard-steps li.completed.active {
		margin-left: 0;
	}

	html .wizard-progress .wizard-steps li.completed,
	html.dark .wizard-progress .wizard-steps li.completed {
		margin-left: 0;
	}

	html .wizard-progress.wizard-progress-lg ul li a span,
	html.dark .wizard-progress.wizard-progress-lg ul li a span {
		width: 40px;
		height: 40px;
		margin-top: -18px !important;
		line-height: 32px;
		font-size: 16px;
		margin-left: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	html .wizard-progress.wizard-progress-lg ul li a,
	html.dark .wizard-progress.wizard-progress-lg ul li a {
		font-size: 12px;
	}

	html .wizard-progress .wizard-steps {

		white-space: unset;
		text-align: center;
		width: 100%;
	}
}

@media only screen and (max-width:767px) {
	.header .toggle-sidebar-left {
		cursor: pointer;
	}

	.table-tickets .table td .row-options {
		opacity: 1;
	}

	.tabpanel_tags .ticket-label.label {
		display: inline-block;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width:480px) {
	#datatable-utente-list_wrapper .btn {
		width: 48%;
		float: left !important;
		margin-bottom: 5px;
	}

	#datatable-utente-list_wrapper td .btn {
		float: none !important;
		width: 100%;
		margin: 0;
	}

	.export_div {
		top: 77px;
	}

	.headn_buttons .btn {
		width: 100%;
		margin-bottom: 5px;
	}

	.img_Sec img {
		max-width: 100px;
	}

	.panel-body h4 {
		font-size: 14px;
	}

	#step1 h4 {
		font-size: 14px;
	}

	.panel-title {
		font-size: 14px;
		letter-spacing: 0.5px;
	}

	.new_alrt .alrt_text {
		padding: 5px 0 0 50px;
		width: 70%;
	}

	.table_thed_down .col-sm-2, .table_thed_down .col-sm-3 {
		width: 100% !important;
	}
}


/** CUSTOM CSS **/
.custom_body_panel {
	background-color: #fff;
}

.history_popup .custom_body_panel {
	margin-top: 15px;
}

.custom_body_panel .nav.tabs {
	margin-bottom: 0;
}

.custom_body_panel .nav.tabs>li>a {
	padding: 15px 15px;
}

.custom_body_panel .tabs {
	border-bottom: 1px solid #DADADA;
}

.custom_body_panel .nav-justified>li>a {
	border-bottom: 4px solid transparent;
	transition: border-bottom .4s;
}

.custom_body_panel .nav>li>a:hover,
.custom_body_panel .nav>li>a:focus {
	background-color: transparent;
	border-bottom: 4px solid #0088cc;
}

.custom_body_panel .nav-justified>li.active>a {
	border-bottom: 4px solid #0088cc;
}

.custom_body_panel .tabs .panel-title,
.custom-panel-title {
	font-size: 16px;
	color: #33353f;
	font-weight: 400;
	line-height: 20px;
	padding: 0;
	text-transform: none;
	margin-top: 0;
	margin-bottom: 0;
}

.custom-panel-title {
	margin-bottom: 10px;
}

.border_bottom {
	border-bottom: 1px solid #DADADA;
}

.circolo_tab .row {
	margin-top: 20px;
}

.circolo_tab .row:first-child {
	margin-top: 0px;
}

.margin_label_top {
	margin-top: 20px;
}

.storicizzazione_label {
	font-size: 16px;
}

.storicizzazione,
.storicizzazione_main_history {
	height: 200px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 20px;
	overflow: auto;
}

.circolo_hostory {
	font-size: 16px;
	margin-top: 5px;
	color: #777;
	cursor: pointer;
	display: block;
}

.circolo_hostory:hover {
	text-decoration: none;
}

.circolo_hostory:first-child {
	margin-top: 0px;
}

.align_c {
	text-align: center;
}

.align_r {
	text-align: right;
}

.disabled {
	pointer-events: none;
}

#circolo-popup,
#archive-popup-form,
#remove_upload_file,
#remove_appuntamento,
.get-code-window,
#remove_upload_file_modul,
#renewal_tesserato,
#renewal_tesserato_date,
#search_circolo_user_alert,
#tesserato_export_excel_error,
#corrispondenza-popup,
#documento-popup {
	position: relative;
	max-width: 535px;
	margin: auto;
	background-color: #fff;
	padding: 40px;
	display: none;
	border-radius: 4px;
}

#renewal_tesserato {
	max-width: 735px;
}

.mfp-content #circolo-popup,
.mfp-content #archive-popup-form,
.mfp-content #remove_upload_file,
.mfp-content #remove_upload_file_modul,
.mfp-content #remove_appuntamento,
.mfp-content .get-code-window,
.mfp-content #renewal_tesserato,
.mfp-content #renewal_tesserato_date,
.mfp-content #search_circolo_user_alert,
.mfp-content #tesserato_export_excel_error,
.mfp-content #corrispondenza-popup,
.mfp-content #documento-popup {
	display: block;
}

.search_circolo_user_alert .panel-heading,
.search_circolo_user_alert .panel-footer {
	background-color: #fff;
	border: 0px;
	text-align: center;
}

.search_circolo_user_alert .response_message {
	font-size: 16px;
	color: #000;
}

.tesserato_export_excel_error {
	text-align: center;
}

.renewal_tesserato_submit .row .col-sm-12:first-child {
	margin-top: 0px;
}

.renewal_tesserato_submit .row .col-sm-12 {
	margin-top: 20px;
}

.circolo_popup_title {
	text-align: center;
	font-size: 16px;
	color: #000;
	font-weight: 600;
}

.circolo_popup_text {
	margin-top: 40px;
	text-align: center;
}

#circolo-popup .form-horizontal {
	margin-top: 30px
}

#circolo-popup .row .col-sm-12 {
	margin-top: 15px
}

#circolo-popup .row .col-sm-12 textarea.form-control {
	height: 130px;
}

#circolo_4 .panel-default>.panel-heading,
#circolo_7 .panel-default>.panel-heading,
#societta_5 .panel-default>.panel-heading,
#societta_6 .panel-default>.panel-heading {
	background-color: transparent;
	padding: 0;
}

#circolo_4 .panel-group .panel,
#circolo_7 .panel-group .panel,
#societta_5 .panel-group .panel,
#circolo_7 .panel-group .panel,
#societta_6 .panel-group .panel,
#circolo_7 .panel-group .panel {
	margin-top: 5px;
}

#circolo_4 .panel-heading .accordion-toggle,
#circolo_7 .panel-heading .accordion-toggle,
#societta_5 .panel-heading .accordion-toggle,
#societta_6 .panel-heading .accordion-toggle {
	position: relative;
	padding: 10px 10px 10px 30px;
	background-color: #3a96cf;
	color: #fff;
	display: block;
	font-size: 19px;
	text-transform: uppercase;
	text-decoration: none;
}

#circolo_4 .panel-heading .accordion-toggle.collapsed,
#circolo_7 .panel-heading .accordion-toggle.collapsed,
#societta_5 .panel-heading .accordion-toggle.collapsed,
#societta_6 .panel-heading .accordion-toggle.collapsed {
	background-color: #156e9e;
}

#circolo_4 .panel-heading .accordion-toggle:after,
#circolo_7 .panel-heading .accordion-toggle:after,
#societta_5 .panel-heading .accordion-toggle:after,
#societta_6 .panel-heading .accordion-toggle:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 8px solid black;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 8px solid black;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}

#circolo_4 .panel-heading .accordion-toggle.collapsed:after,
#circolo_7 .panel-heading .accordion-toggle.collapsed:after,
#societta_5 .panel-heading .accordion-toggle.collapsed:after,
#societta_6 .panel-heading .accordion-toggle.collapsed:after {
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 8px solid black;
}

.file_upload_archive,
.file_upload_modulistica {
	position: relative;
	display: block;
	height: 300px;
	border: 3px dashed #777;
}

.file_upload_with_ajax_archive_drag {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.oppure_content {
	margin-top: 25px;
}

.oppure_content .input-group {
	margin: auto;
}

.oppure_content .control-inptbx {
	margin-top: 25px;
}

.archive_title.panel-title {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}

#archive-popup-form .row .col-sm-12 {
	margin-top: 15px;
}

.select2-drop {
	z-index: 99999;
}

.loading {
	position: relative;
	pointer-events: none;
}

.loading:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 50%);
	top: 0;
	left: 0;
	z-index: 9999;
}

.loading:before {
	content: '';
	position: absolute;
	border: 3px solid #fff;
	border-top: 3px solid #000;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	animation: spin 2s linear infinite;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#archivio .dataTables_info {
	float: left;
}

.action_html a {
	color: #777;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

body table.dataTable thead>tr>th {
	border-color: #dddddd !important;
}

.remove_me_archive,
.remove_me_modulistica {
	cursor: pointer;
}

.remove_upload_file,
.remove_upload_file_modul {
	text-align: center;
}

.exclamation_icon {
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color: #fe4f3e;
	position: relative;
	color: #fff;
	border-radius: 50%;
}

.exclamation_icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.remove_upload_file h3,
.remove_upload_file_text span,
.remove_upload_file_modul h3,
.remove_upload_file_modul span {
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

.remove_upload_file_text,
.remove_appuntamento_text,
.remove_upload_file_modul_text {
	font-size: 16px;
}

.remove_upload_butons {
	margin-top: 15px;
}

.remove_upload_butons .row {
	margin-bottom: 10px;
}

.data_tables_custom_dropdown {
	float: right;
	margin-right: 15px;
}

.circolo_3_buttons {
	text-align: right;
}

.model_top_section {
	max-width: 550px;
	text-align: center;
	margin: auto auto 20px;
}

.model_top_section {
	max-width: 550px;
	text-align: center;
	margin: auto auto 20px;
}

.model_top_section p {
	color: #333;
	font-size: 13px;
}

.model_top_section .inputboxx {
	margin: 0 0 15px;
}

.model_top_section h5 {
	margin: 0 0 5px;
	font-size: 20px;
	color: #333;
	font-weight: 800;
}

.model_top_section h6 {
	margin: 0;
	font-size: 19px;
	line-height: 25px;
	color: #333;
}

#modeltable.table-responsive table th {
	background: #f7f8fa;
	color: #0088cc;
	line-height: 13px;
}

.sl_box_rea {
	position: relative;
}

.sl_box_rea span {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background-color: #D2312D;
	color: #fff;
	border-radius: 5px;
	padding: 0px 5px;
	font-size: 13px;
}

.appuntamenti_export_settings,
.ticket_export_settings {
	cursor: pointer;
	font-size: 21px;
	margin-left: 10px;
	margin-top: 5px;
}

.table-tickets {
	position: relative;
}

.export_div_appuntamenti .panel.colonne_panel .panel-body,
.export_div_ticket .panel.colonne_panel .panel-body {
	height: 300px;
	overflow: auto;
}

.event-display {
	margin-bottom: 15px;
}

.datepicker.dropdown-menu {
	z-index: 99999 !important;
}

.form-groups {
	padding: 0 30px;
}

.tooltip {
	z-index: 99999999;
}

.form_group {
	margin-top: 10px;
	position: relative;
}

.form_group .select2-offscreen {
	width: 100% !important;
	height: 100% !important;
}

.form_group:first-child {
	margin-top: 0;
}

.margintop40,
.form_group .file_upload_archive,
.form_group .file_upload_modulistica {
	margin-top: 40px;
}

body .btn-primary.btn-transparent {
	background-color: transparent;
	color: #777;
	text-shadow: none;
	border-color: #cccccc;
	width: 100%;
}

body .btn-primary.btn-transparent:hover {
	color: #0088cc;
}

.upload_newfile_doc,
.upload_newfile_modul {
	width: 100%;
	position: relative;
	padding: 2px 12px;
}

.archive_newfiledoc {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

#circolo_4 .panel-heading .accordion-toggle.collapsed:after,
#circolo_7 .panel-heading .accordion-toggle.collapsed:after,
#societta_5 .panel-heading .accordion-toggle.collapsed:after,
#societta_6 .panel-heading .accordion-toggle.collapsed:after {
	border-left: 8px solid #fff;
}

#circolo_4 .panel-heading .accordion-toggle:after,
#circolo_7 .panel-heading .accordion-toggle:after,
#societta_5 .panel-heading .accordion-toggle:after,
#societta_6 .panel-heading .accordion-toggle:after {
	border-top: 8px solid #fff;
}

.real_file_name,
.freal_file_name,
.mreal_file_name {
	margin-top: 10px;
	display: inline-block;
}

.status_vl {
	background-color: #fff;
	padding: 3px 10px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #dddddd;
}

.status_vl.confermato,
.status_vl.autorizzato,
.select2-container.form-control.confermato .select2-choice,
.select2-container.form-control.autorizzato .select2-choice {
	background-color: #00b100;
	color: #fff;
}

.status_vl.respinto,
.status_vl.scaduto,
.select2-container.form-control.respinto .select2-choice,
.select2-container.form-control.scaduto .select2-choice {
	background-color: #cc0001;
	color: #fff;
}

.status_vl.in_verifica,
.status_vl.caricato {
	background-color: #FFA500;
	color: #fff;
}

.select2-container.doc_status_type .select2-choice .select2-arrow {
	border-left: none;
}

.select2-container.doc_status_type .select2-choice .select2-arrow b {
	background: none;
	border-top: 7px solid #424242;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	position: absolute;
	top: 40%;
	right: 5px;
	width: auto;
	height: auto;
}

/** CUSTOM CSS **/
.history_popup {
	background-color: #fff;
	overflow: hidden;
	margin: 30px;
	position: relative;
}

.history_popup .circolo_tab {
	margin: 0 10px;
	overflow: hidden;
}

.custom_circolo_data .dataTables_empty {
	background: none;
	padding: 25px !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

a.tth_box {
	display: block;
}

a.tth_box:hover {
	text-decoration: none;
}

.dataTables_wrapper .dataTables_length .select2-container.renewal_tesserato {
	width: 150px;
}

.image-uploader input {
	display: none;
}

.upload-text {
	height: 200px;
	position: relative;
	border: 1px dashed;
}

.upload-text-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
}

.upload-text-wrapper span {
	margin-left: 10px;
}

.uploaded-image {
	display: inline-block;
	width: 10%;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	word-break: break-all;
	line-height: 1.3;
	vertical-align: top;
}

.uploaded-image span {
	font-size: 12px;
	margin-top: 5px;
	display: block;
}

.uploaded-image img {
	width: auto;
	height: 55px;
}

.delete-image {
	position: absolute;
	top: -10px;
	right: -10px;
	line-height: 1;
	padding: 2px 5px;
}

.image-uploader.has-files {
	margin-top: 10px;
	margin-bottom: 10px;
}

.row_green {
	background-color: rgb(0 135 6 / 10%);
}

.table-tickets .table .row_green td {
	border-bottom: 1px solid rgb(0 135 6 / 20%);
	border-right: 1px solid rgb(0 135 6 / 20%);
}

.scarica_domanda {
	display: inline-block;
	padding: 3px 7px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #000;
	border-radius: 3px;
}

.scarica_domanda:hover {
	text-decoration: none;
}

.renewal_tesserato_submit .input-group {
	margin: auto;
}

.renewal_tesserato_submit .control-inptbx .fileNameShow.lft-dwd {
	left: 120px;
}

.azioni_societta {
	width: 70px;
}

.societta_data .panel {
	margin-top: 15px;
}

#modalCircolo .modal-wrapper,
#modalUsers .modal-wrapper {
	padding: 0;
}

#modalCircolo .margin30t,
#modalUsers .margin30t {
	margin-top: 20px;
}

#datatable-societta_users_filter {
	display: none;
}

.margin30t {
	margin-top: 30px;
}

.get-code-window {
	text-align: center;
	font-size: 20px;
}

.mfp-close .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #000;
}

.chat_application_section {
	display: flex;
}

#chat_user_list {
	padding: 10px;
}

#chatbox {
	transition: all 0.2s;
}

#details_of_user {
	width: 0%;
	transition: all 0.2s;
}

#owner_profile_details {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 10px;
}

#owner_avtar {
	position: relative;
	height: 65px;
	width: 65px;
	border-radius: 100%;
	margin: 10px 10px 10px 25px;
}

#owner_avtar #online {
	position: absolute;
	height: 14px;
	width: 14px;
	border-radius: 100%;
	background-color: #5bde4d;
	bottom: 0;
	right: 0;
	border: 2px solid white;
}

#owner_profile_text {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}

#bio {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 5px;
}

#bio i {
	margin-left: 10px;
}

#bio i:hover {
	cursor: pointer;
}

#chat_user_list {
	background-color: #f5f6fa;
}

#chat_user_list #user_list {
	overflow-y: scroll;
	height: calc(100% - 80px);
}

#user_details #message {
	font-size: 15px;
}

#time {
	font-size: 14px;
}

#update_container {
	position: absolute;
	width: 28%;
	top: 50%;
	left: 50%;
	border-radius: 5px;
	transform: translate(-50%, -50%);
	background-color: white;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	display: none;
}

#update_container form {
	padding: 10px;
}

#update_container i {
	float: right;
	cursor: pointer;
}

#update_container #update_bio {
	width: 100%;
	height: 100px;
	resize: none;
	border-style: none;
	outline: none;
	background-color: #f5f6fa;
	border-radius: 5px;
	padding: 10px;
}

#update_btn {
	background-color: #157dff;
	color: white;
}

#search_box_container {
	display: flex;
	align-items: center;
	justify-content: center;
}

#search_box_container #search {
	width: 100%;
	border-style: none;
	border-radius: 20px;
	padding-left: 25px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}

.user {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	border-radius: 5px;
}

.user:hover {
	background-color: white;
}

.active {
	background-color: white;
}

#user_avtar {
	height: 50px;
	width: 50px;
	border-radius: 100%;
	position: relative;
}

#online {
	position: absolute;
	height: 14px;
	width: 14px;
	border-radius: 100%;
	background-color: #5bde4d;
	bottom: 0;
	right: 0;
	border: 2px solid white;
}

#online.offline {
	background-color: #888;
}

#avtar_and_details {
	display: flex;
	align-items: center;
}

#user_details {
	margin-left: 5px;
}

#chatbox {
	position: relative;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 20px;
}

#chat_user_list,
#chatbox {
	height: 72vh;
}

#data_container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#bg_image {
	height: 300px;
	width: 380px;
	background-image: url("http://localhost/rtchat-ci/assets/images/pchatn.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.chatting_section {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: white;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	top: 0;
	left: 0;
}

#header {
	width: 100%;
	height: 12%;
	background-color: #f5f6fa;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 2px solid white;
}

#name_details {
	display: flex;
	align-items: center;
}

#chat_profile_image {
	position: relative;
	height: 50px;
	width: 50px;
	border-radius: 100%;
}

#name_last_seen {
	margin-left: 15px;
}

#name_last_seen p {
	font-size: 15px;
}

#icons {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	/* background:black; */
}

#icons div i {
	padding-right: 10px;
}

#icons div i {
	cursor: pointer;
	/* color: #AFAFAF; */
}

#icons div i:hover {
	color: rgba(0, 0, 0, 0.5);
}

#messageBar {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem;
}

#textBox_attachment_emoji_container {
	width: 90%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	background-color: #f5f6fa;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}

#text_box_message {
	width: 92%;
	margin: 10px 15px;
}

#messageText {
	border-style: none;
	padding-left: 15px;
	background-color: transparent;
}

#messageText:focus {
	outline: none !important;
	box-shadow: none !important;
}

#text_counter {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 20px;
	font-size: 18px;
}

#text_counter p {
	margin: 0px;
}

#sendButtonContainer {
	width: 8%;
	justify-content: center;
	display: flex;
	align-items: center;
}

#sendButtonContainer .send_rt_message {
	background-color: #157dff;
	color: white;
	height: 45px;
	width: 45px;
	border-radius: 100%;
	justify-content: center;
	display: flex;
	align-items: center;
	box-shadow: 0px 2px 6px #157dff;
	border: 1px solid transparent;
	cursor: pointer;
}

#sendButtonContainer .send_rt_message:hover {
	background-color: #0099e6;
	text-decoration: none;
}

#chat_message_area {
	height: 100%;
	width: 100%;
	padding: 20px;
	overflow-y: scroll;
}

#chat_message_area p {
	margin: 5px 0px;
}

#sender_msg_container {
	margin: 5px 0px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

#receiver_msg_container {
	margin: 5px 0px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

#sender_image,
#receiver_image {
	height: 40px;
	width: 40px;
	margin: 0px 5px;
	border-radius: 100%;
}

#chat_message_area #sender_msg {
	max-width: 50%;
	width: fit-content;
	height: fit-content;
	word-wrap: break-word;
	border-radius: 3px 15px 15px 15px;
	background-color: #ebf3fd;
}

#chat_message_area #sender_msg p {
	text-align: justify;
	padding: 5px 20px 5px 20px;
	font-size: 16px;
}

#chat_message_area #receiver_msg {
	max-width: 50%;
	width: fit-content;
	word-wrap: break-word;
	height: fit-content;
	border-radius: 15px 3px 15px 15px;
	background-color: #157dff;
	color: white;
}

#chat_message_area #receiver_msg p {
	text-align: justify;
	padding: 5px 20px 5px 20px;
	font-size: 16px;
}

#not_message_yet {
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

#not_message_yet div {
	height: 55%;
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#not_message_yet div div {
	height: 150px;
	width: 150px;
	background-size: 100% 100%;
	border-radius: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

#not_message_yet div p,
h4 {
	margin: 5px;
}

#details_of_user {
	background-color: #f5f6fa;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#user_details_container_avtar {
	height: 150px;
	width: 150px;
	margin: 5%;
	border-radius: 100%;
}

#user_details_container_details {
	height: fit-content;
	max-width: 85%;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
}

#details_of_name,
#details_of_bio {
	word-wrap: break-all;
}

#details_of_email,
#details_of_created,
#details_of_birthday,
#details_of_location,
#details_of_mobile {
	word-break: break-all;
	margin: 10px 0;
	padding: 0;
	font-size: 14px;
}

#btn_block {
	/* background-color:#157DFF; */
	color: white;
	border-radius: 20px;
	width: fit-content;
	margin: 15px 0px;
}

.more_links {
	margin-bottom: 5px;
	font-weight: bold;
}

#search-to-date,
#data-prot {
	cursor: pointer;
	background-color: #fff;
}

.custom_link {
	display: block;
	cursor: pointer;
}

.recharge_type {
	display: block;
	text-transform: uppercase;
	text-align: center;
	padding: 5px;
	color: #fff;
	border-radius: 5px;
}

.recharge_type.add {
	background-color: #006400;
}

.recharge_type.minus {
	background-color: #FF0000;
}


.products_block {
	font-size: 0;
	border-top: 2px solid #ada8a847;
	padding: 20px 0;
}

.products_block:first-child {
	border-top: none;
}

.service_section {
	border-radius: 0 0 5px 5px;
	background: #fdfdfd;
	-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
	box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
	border-radius: 5px;
	padding: 0 40px 40px;
}

._col {
	display: inline-block;
}

.col_6 {
	width: 55%;
}

.col_1 {
	width: 15%;
}

.service_section .price {
	font-size: 25px;
	font-weight: bold;
	color: #0088cc;
	text-align: right;
}

.col_3 {
	width: 30%;
}

.service_section .product_name {
	font-size: 28px;
	color: #000;
	font-weight: 500;
}

.pay_service_popup {
	background-color: #fff;
	max-width: 600px;
	margin: auto;
	padding: 50px;
	position: relative;
	font-size: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.pay_service_popup a {
	margin-top: 15px;
}

.blod {
	font-weight: 700;
}

.service_section_img {
	position: relative;
	height: 150px;
}

.product_descrption {
	font-size: 18px;
	margin-top: 15px;
}

.service_section_inner {
	display: flex;
	flex-direction: column;
	flex: 1;
	box-shadow: 0px 10px 40px 0px #ddd;
}

.service_section_button {
	display: flex;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	align-items: center;
}

.service_section_row {
	display: flex;
	text-align: center;
	margin: 0 -30px;
	flex-wrap: wrap;
}

.service_section ._col_3 {
	padding: 0 30px;
	margin-top: 40px;
	display: inline-flex;
	flex-direction: column;
}

.service_section_inner_height {
	flex: 1;
}

.service_section_content {
	padding: 20px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.bg_full {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url() no-repeat 50% 50%;
	overflow: hidden;
	background-size: cover;
}

.content-body .alert-success {
	font-size: 20px;
}

.ticket .form-control {
	display: none;
}

.ticket .dataTables_length {
	font-size: 16px;
}

.ticket .cust_adminpolicy_table div.dataTables_length label {
	margin-top: 0;
}

.ticket .table-tickets-head {
	margin-bottom: 0;
	padding-bottom: 0;

}

.ticket .headn_buttons {
	border-bottom: 0px;
	padding-bottom: 0;
}

.ticket_deactive {
	color: #d2312d;
	font-weight: bold;
}

.ticket_active {
	color: #0088cc;
	font-weight: bold;
}

.gradeX .ticket_id {
	text-align: center;
	width: 5%;
	PADDING-LEFT: 1PX;
	PADDING-RIGHT: 20PX;
	PADDING-TOP: 20PX;
	PADDING-BOTTOM: 20PX;
}

.gradeX .ticket_department {
	padding-left: 20px;
	width: 40%;
	PADDING-LEFT: 30PX;
	PADDING-RIGHT: 20PX;
	PADDING-TOP: 20PX;
	PADDING-BOTTOM: 20PX;
}

.ticket .department_id {
	text-align: center;

}

.ticket .department_name {
	padding-left: 30px !important;
}

.ticket .table.mb-none {
	margin-left: 3px;
}

.aree_salva .btn-bottom-toolbar {
	margin-top: 30px;
}

.aree_add_body .content-body {
	margin-top: 30px;
}

.aree_placeholder .select2-choice>span:first-child {
	height: 45px !important;
	font-size: 20px;
	padding: 7px 12px;
	color: #555555 !important;
}

.aree_add_body .select2-container-multi .select2-choices {
	min-height: 45px;
}

.aree .department_id {
	text-align: center;

}

.aree .department_name {
	padding-left: 30px !important;
}

.aree .dataTables_length {
	font-size: 16px;
}

.aree .cust_adminpolicy_table div.dataTables_length label {
	margin-top: 0;
}

.aree .table-tickets-head {
	margin-bottom: 0;
	padding-bottom: 0;
}

.aree .table.mb-none {
	margin-left: 3px;
}

.aree_table .aree_department {
	padding-left: 30px !important;
	padding-top: 20px;
	padding-bottom: 20px;
}

.aree_placeholder .form-control {
	font-size: 20px;
	height: 45px;
}

.department .select2-container-multi .select2-choices {
	height: 45px !important;
}


.department .form-control {
	height: 45px;
	font-size: 20px;
}

.aree_placeholder .select2-choice {
	height: 45px !important;
	background-color: transparent;
}

.aree_placeholder .select2-container .select2-choice .select2-arrow b {
	background-position: 0px 9px;
	content: '\25Bc';
}

.aree_placeholder .form_dipartimento .control-inptbx::after {
	position: absolute;
	content: '\25Bc';
	top: 50%;
	right: 5px;
	transform: translatey(-50%);
	background-color: transparent;
}

.aree_placeholder .select2-container .select2-choice .select2-arrow {
	border-left: none;
}

.count_ticket_active {
	color: #0088cc;
	padding-left: 10px;
	font-weight: bold;
}

.ticket .ticket_department {
	padding-left: 30px !important;
}

.count_ticket_active {
	color: #0088cc;
	padding-left: 10px;
	font-weight: bold;
}

.ticket .ticket_department {
	padding-left: 30px !important;
}

.articoli .form-control {
	font-size: 18px;
	line-height: 113px;
	color: #1b1e23;
	font-weight: 400;
	font-family: "Open Sans";
}

.articoli .form-group.row {
	margin: 0 -23px 20px !important;
}

.articoli .form-group.row .col-sm-6 {
	padding: 0 23px !important;
}

.row1 {
	margin: 0 -16px;
}

.form-group.articolo {
	margin-top: 20px;
}

.articoli .btn-bottom-toolbar button.btn {
	font-size: 20px;
	line-height: 31px;
	color: #ffffff;
	font-weight: 600;
	font-family: "Open Sans";
	width: 77px;
	height: 42px;
	border-radius: 6px;
	background-color: #1589c9;
}

.btn-bottom-toolbar button.btn.annulla {
	width: 104px;
	height: 50px;
	border-radius: 6px;
	background-color: #909090;
	font-size: 20px;
	line-height: 31px;
	color: #ffffff;
	font-weight: 600;
	font-family: "Open Sans";
}

.articoli .select2-choice>span:first-child {
	padding: 5px 14px;
}

.articoli .label {
	margin-bottom: 0;
}

.articoli .tabpanel_form .form-group {
	margin: 0 0 0;
}

.articoli .note-resizebar {
	display: none !important;
}



.articoli .upload-texts {
	background-color: #f5f5f5;
}

.articoli .btn-bottom-toolbar {
	margin-top: 35px;
	margin-right: 40px;
}

.col-sm-12.allegati {
	padding-left: 0;
	padding-right: 0;
}

.articoli .doc_loop {
	margin-top: 5px;
}

.form-group.articolo {
	margin-bottom: 0;
}

.articoli .headn_buttons {
	border-bottom: none;
	display: block;
	padding-bottom: 10px !important;
}

.aree .headn_buttons {
	border-bottom: none;
	display: block;
}

.articoli .department_id {
	text-align: center;

}

.articoli .department_name {
	padding-left: 30px !important;
}

.aree .select2-choice>span:first-child {
	padding: 7px 14px;
}

.articoli .dataTables_length {
	font-size: 16px;
}

.articoli .table-tickets-head {
	margin-bottom: 0;
	border-bottom: 2px solid #dbdbdb;
	border-top: 2px solid #dbdbdb;
	padding-bottom: 12px;
	padding-top: 12px;
}

.articoli .table-tickets-head .tth_box {
	border-right: 2px solid #dbdbdb;
	padding: 25px;
}

.articoli .dataTables_wrapper .dataTables_filter input {
	display: block;
}

.gruppi .department_name {
	padding-left: 30px !important;
}

.gruppi .department_id {
	text-align: center;
}

.gruppi_list .tab-content>.tab-pane {
	display: block;
	visibility: visible;
}

.gruppi_list .btn-primary {
	background-color: #5bc0de !important;
	border-color: #5bc0de !important;

}

.gruppi_list .dataTables_wrapper .dataTables_filter input {
	display: block;
	font-size: 18px;
	color: #1b1e23;
	font-weight: 400;
}

.popup-gruppi .modal-body {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
}

.popup-gruppi .snew_model .modal-header .modal-title {
	margin: 0;
	line-height: 1.428571429;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	color: #222;
	font-weight: 600;
	padding-left: 15px;
}

.popup-gruppi .snew_model .popup_form .form-group {
	margin: 0 0 10px;
}

/* .popup-gruppi .modal-dialog {
	width: 730px;
	padding-top: 156px;
	padding-bottom: 30px;
} */

.popup-gruppi .btn-danger {

	background-color: #909090;
	border-color: #909090;

}

.popup-gruppi .snew_model .popup_form .form-group.btns_group {
	margin: 30px 0;
	text-align: right;
}

.popup-gruppi .snew_model .popup_form .form-group .btn.btn-primary,
.snew_model .popup_form .form-group .btn.btn-danger {
	padding: 8px 20px;
	font-size: 18px;
	margin: 0 6px;
}

.articoli .btn-bottom-toolbar button.btn.annulla {
	height: 42px;
}

.popup-gruppi .namegruppo {
	display: none;
}

.popup-gruppi .snew_model .popup_form .form-group label {
	font-size: 18px;
}

.articoli .dataTables_length {
	display: inline;
}

.gruppi_list .dataTables_length {
	display: inline;
}

.articoli .dataTables_filter {
	display: inline;
}

.gruppi_list .dataTables_length {
	font-size: 16px;
}

.popup-gruppi .snew_model .popup_form .form-group .btn.btn-primary.annula.close.bg_annula {
	padding: 13px 20px;
	opacity: 1;

}

.popup-gruppi .danger_btn.close {
	color: black;
}

.all_btn:hover {
	opacity: 0.8;
}

.msg_file .fa-folder-open {
	padding-right: 10px;
}

.panel-title a:hover {
    color: #171717;
    text-decoration: none;
}
.panel .panel-heading h2.panel-title  {
    font-weight: 400;
	color: #555555;
}
.panel .panel-heading h2.panel-title a {
	font-weight: 500 !important;
	font-size: 20px !important;
	line-height: 26.04px !important;
}
.btn_lh {
	line-height: 1.42857143 !important;
	font-weight: normal !important;
}
.form-wizard .form-group {
    margin-bottom: 36px !important;
}