@charset "UTF-8";
/* CSS Document */

:root {
  --success: #00a65a;
  --warning: #f39c12;
  --danger: #dd4b39;
  --primary: #3c8dbc;
  --info: #00c0ef;
  --muted: #f0f0f0;
}

.btn-holder{
	padding-top: 25px;
    padding-left: 0;
}

.btn i{
    margin-right: 0.5rem;
}

sup.label, sub.label{
	font-size: 8px;
	padding: 1px 4px 2px 4px;
}


.inner-modal{
	max-height: 72vh;
	overflow:scroll;
}

td.tl_id{
	width: 20px;
}

@media screen {
	.print-only{
		display: none;
	}
}

.error-select2{
	border-color: #e00 !important;
}
/*
.select2-container--default.select2-container--disabled .select2-selection--single{
	background-color: #fff;
}
*/
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow{
	display: none;
}

#page-loader{
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 10000;
	background-color: rgba(255,255,255,0.8);
	top: 0;
	left: 0;
	text-align: center;
	display: none;
	padding-top: 35vh;
}

#page-loader img{
	position: relative;
	margin-top: 40vh;
	padding: 15px 25px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #f5f5f5;
}

#page-loader i{
	position: relative;
	/*margin-top: 40vh;*/
	font-size: 75px;
	color: #3C8DBC; /* blue */
}

table i[class*='fa-'] {
	font-size: 18px;
}

.puls, .get-chat, .onoff, .multifield .input-group .input-group-addon, .see i.fa-search, .linkBtn{
	cursor: pointer;
}

.cursor-not-allowed{
	cursor: not-allowed;
}

.text-disabled{
	color: #ccc;
}

.see i.fa-search{
	color: #3c8dbc;
}

.see i.fa-search:hover{
	color: #367fa9;
}

.onoff.fa-toggle-off{
	color: #dd4b39;
}

.onoff.fa-toggle-on, td .fa-check{
	color: #00a65a;
}

.evidenziato{
	background-color: #ffe;
}

td .label{
	background-color: #ccc;
}

td .delete, td .delete-children, td .delete-page, td .cancel-inline, td .inline-cancel-new{
	color: #dd4b39;
}
td .copy{
	color: #00c0ef;
}
td .inline-edit{
	color: #00a65a;
}
td .eye{
	color: #3C8DBC;
}

.linkBtn{
	color: #367fa9;
}
.linkBtn:hover{
	text-decoration: underline;
}

.content-wrapper-full-width{
	margin-left: 0;
}

.multifield .input-group, .multifield-disabled .input-group{
	margin-bottom: 5px;
}

.multifield .input-group .input-group-addon:hover{
	background-color: #d73925;
	color: #fff;
}

.multifield-disabled .input-group .input-group-addon{
	color: #fff;
}


#maintenance .maintenance-off{
	opacity: 0.5;
}

input.currency{
	text-align: right;
}

.readonly.form-control[readonly]{
	background-color: #fff;
}

.readonly.form-control:focus{
	border-color: #d2d6de;
}

.login-header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #367fa9;
	padding: 4px 15px;
}

.checkbox{
	margin-top: 5px;
}

.inline-checkboxes .checkbox, .inline-checkboxes .radio{
	display: inline-block;
	margin-right: 15px;
}

.radios label{
	margin-right: 10px;
}
.radios label span{
	font-weight: normal;
	font-size: 14px;
	padding-left: 5px;
	vertical-align: text-top;
}

label i.fa, i.fa.hint {
	color: #31b0d5;
	margin-left: 5px;
}

button i.mr{
	margin-right: 5px;
}

/*** SPINNER ***/
.loader::before {
    content: '\f021';
}
.loader {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/*** BLINKING TEXT ***/
.blink {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {  
  25% { opacity: 0; }
}

.quickfilters .checkbox{
	display: inline-block;
	margin-left: 10px;
}

.disclosure{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(220,220,220,0.6);
	z-index: 9999;
}

#floater{
	width: 95%;
	position: absolute;
	z-index: 10000;
	background-color: #fff;
	border-radius: 1px;
	top: 20px;
	bottom: 20px;
}

#calholder{
	padding: 15px;
}

#floater #header button.close{
	margin: -26px 5px 0 0;
}

#floater #header button.close span{
	font-size: 30px;
}


/******************************************
 BOOTSTRAP 4 MARGINS AND PADDING CLASSES
 ******************************************/

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

/******************************************
 BOOTSTRAP 4 BORDER CLASSES
 ******************************************/
.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;

}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

/* for FontAwesome 4 */
.fa-sm{
	font-size: .9em !important;
}

.fa-xs{
	font-size: .65em !important;
}

.alert-white{
	background-color: #fff;
	color: #333;
	border-color: #ddd;
}

.box-footer button.btn {
	margin: 0 4px 0 0;
}


/* ----------------------------------------------------------------
	MEDIA QUERIES
-----------------------------------------------------------------*/

/* < 1200px */
@media (max-width: 1199px) {

}

/* > 991px < 1200px */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* < 992px */
@media (max-width: 991px) {

}

/* > 767px < 992px */
@media (min-width: 768px) and (max-width: 991px) {
}

/* < 768px */
@media (max-width: 767px) {

	.box-footer button.btn {
		width: 49%;
		margin: 0.5%;
		height: 60px;

	}

}

/* > 479px < 768px */
@media (min-width: 480px) and (max-width: 767px) {

}

/* < 480px */
@media (max-width: 479px) {

	.m-xs-0 {
	  margin: 0 !important;
	}

	.mt-xs-0,
	.my-xs-0 {
	  margin-top: 0 !important;
	}

	.mr-xs-0,
	.mx-xs-0 {
	  margin-right: 0 !important;
	}

	.mb-xs-0,
	.my-xs-0 {
	  margin-bottom: 0 !important;
	}

	.ml-xs-0,
	.mx-xs-0 {
	  margin-left: 0 !important;
	}

	.m-xs-1 {
	  margin: 0.25rem !important;
	}

	.mt-xs-1,
	.my-xs-1 {
	  margin-top: 0.25rem !important;
	}

	.mr-xs-1,
	.mx-xs-1 {
	  margin-right: 0.25rem !important;
	}

	.mb-xs-1,
	.my-xs-1 {
	  margin-bottom: 0.25rem !important;
	}

	.ml-xs-1,
	.mx-xs-1 {
	  margin-left: 0.25rem !important;
	}

	.m-xs-2 {
	  margin: 0.5rem !important;
	}

	.mt-xs-2,
	.my-xs-2 {
	  margin-top: 0.5rem !important;
	}

	.mr-xs-2,
	.mx-xs-2 {
	  margin-right: 0.5rem !important;
	}

	.mb-xs-2,
	.my-xs-2 {
	  margin-bottom: 0.5rem !important;
	}

	.ml-2,
	.mx-2 {
	  margin-left: 0.5rem !important;
	}

	.m-xs-3 {
	  margin: 1rem !important;
	}

	.mt-xs-3,
	.my-xs-3 {
	  margin-top: 1rem !important;
	}

	.mr-xs-3,
	.mx-xs-3 {
	  margin-right: 1rem !important;
	}

	.mb-xs-3,
	.my-xs-3 {
	  margin-bottom: 1rem !important;
	}

	.ml-3,
	.mx-3 {
	  margin-left: 1rem !important;
	}

	.m-xs-4 {
	  margin: 1.5rem !important;
	}

	.mt-xs-4,
	.my-xs-4 {
	  margin-top: 1.5rem !important;
	}

	.mr-xs-4,
	.mx-xs-4 {
	  margin-right: 1.5rem !important;
	}

	.mb-xs-4,
	.my-xs-4 {
	  margin-bottom: 1.5rem !important;
	}

	.ml-xs-4,
	.mx-xs-4 {
	  margin-left: 1.5rem !important;
	}

	.m-xs-5 {
	  margin: 3rem !important;
	}

	.mt-xs-5,
	.my-xs-5 {
	  margin-top: 3rem !important;
	}

	.mr-xs-5,
	.mx-xs-5 {
	  margin-right: 3rem !important;
	}

	.mb-xs-5,
	.my-xs-5 {
	  margin-bottom: 3rem !important;
	}

	.ml-xs-5,
	.mx-xs-5 {
	  margin-left: 3rem !important;
	}

	.p-xs-0 {
	  padding: 0 !important;
	}

	.pt-xs-0,
	.py-xs-0 {
	  padding-top: 0 !important;
	}

	.pr-xs-0,
	.px-xs-0 {
	  padding-right: 0 !important;
	}

	.pb-xs-0,
	.py-xs-0 {
	  padding-bottom: 0 !important;
	}

	.pl-xs-0,
	.px-xs-0 {
	  padding-left: 0 !important;
	}

	.p-xs-1 {
	  padding: 0.25rem !important;
	}

	.pt-xs-1,
	.py-xs-1 {
	  padding-top: 0.25rem !important;
	}

	.pr-xs-1,
	.px-xs-1 {
	  padding-right: 0.25rem !important;
	}

	.pb-xs-1,
	.py-xs-1 {
	  padding-bottom: 0.25rem !important;
	}

	.pl-xs-1,
	.px-xs-1 {
	  padding-left: 0.25rem !important;
	}

	.p-xs-2 {
	  padding: 0.5rem !important;
	}

	.pt-xs-2,
	.py-xs-2 {
	  padding-top: 0.5rem !important;
	}

	.pr-xs-2,
	.px-xs-2 {
	  padding-right: 0.5rem !important;
	}

	.pb-xs-2,
	.py-xs-2 {
	  padding-bottom: 0.5rem !important;
	}

	.pl-xs-2,
	.px-xs-2 {
	  padding-left: 0.5rem !important;
	}

	.p-xs-3 {
	  padding: 1rem !important;
	}

	.pt-xs-3,
	.py-xs-3 {
	  padding-top: 1rem !important;
	}

	.pr-xs-3,
	.px-xs-3 {
	  padding-right: 1rem !important;
	}

	.pb-xs-3,
	.py-xs-3 {
	  padding-bottom: 1rem !important;
	}

	.pl-xs-3,
	.px-xs-3 {
	  padding-left: 1rem !important;
	}

	.p-xs-4 {
	  padding: 1.5rem !important;
	}

	.pt-xs-4,
	.py-xs-4 {
	  padding-top: 1.5rem !important;
	}

	.pr-xs-4,
	.px-xs-4 {
	  padding-right: 1.5rem !important;
	}

	.pb-xs-4,
	.py-xs-4 {
	  padding-bottom: 1.5rem !important;
	}

	.pl-xs-4,
	.px-xs-4 {
	  padding-left: 1.5rem !important;
	}

	.p-xs-5 {
	  padding: 3rem !important;
	}

	.pt-xs-5,
	.py-xs-5 {
	  padding-top: 3rem !important;
	}

	.pr-xs-5,
	.px-xs-5 {
	  padding-right: 3rem !important;
	}

	.pb-xs-5,
	.py-xs-5 {
	  padding-bottom: 3rem !important;
	}

	.pl-xs-5,
	.px-xs-5 {
	  padding-left: 3rem !important;
	}

}