/*@import url("font/roboto/roboto_erp.css");*/
html, body {height: 100%;margin: 0;padding: 0; font-family: 'Roboto', sans-serif; font-weight: 400;  font-size: 14px;color: #333d47;text-rendering: optimizeLegibility; background-color:#f8f9fa; }
h1, h2, h3, h4, h5, h6, p {	margin-top: 0;margin-bottom: 0.5rem;}
a  {color:#333d47;padding: 0px;margin: 0px;}
a:hover  {color:#1462aa;}
a:hover, a:focus {text-decoration: none;}

.loading i {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite; 
}



.status-1:after {font-family: FontAwesome;margin-right: 8px; content: "\f058"; color:green; font-size: 20px;}
.status-0:after {font-family: FontAwesome;margin-right: 8px; content: "\f057"; color: red; font-size: 20px; }

.card{ border: 1px solid #e2e3e4;}
.card-dashboard{ border: 1px solid #ffffff }

.text-xl{ font-size: 16px;}

/*#container {min-height: 100%;width: 100%;position: relative;overflow: hidden;}*/
.container-fluid {padding: 10px}

.card {border-radius: 0px;}

/*login*/
.bodylogin{background-color:#f7f7f7;font-family: 'Roboto', sans-serif;}
.card-login{border-color: #f6f6f6;background-color: #ffffff; padding: 0px 20px 20px 20px;border-radius: 5px;}
.card-login input {font-size: 16px;}
.card-login input:-webkit-autofill { background-color: red !important;}
.card-login input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
.card-login input:hover,
.card-login input:focus {outline:none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-color: #ccc;}
.card-login input:-webkit-autofill:hover,
.card-login input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset;}

/*HEADER*/
.header {box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);}
.navbar-brand-wrapper {width: 56px; height: 56px;background-color:#3498db;}
@media (min-width: 992px) {
  .navbar-brand-wrapper {width: 220px;}
}
.navbar-brand {margin-right: 0; padding: 0px;}
.header-content{height: 56px;background-color: #fff}
.btn-menu-header {font-size: 14px;padding: 5px 10px;line-height: 40px;display:block;cursor: pointer; color: #6D6D6D; font-weight: 100;}
.btn-menu-header i {font-size: 24px; padding-top: 5px;}
.badge-notify {background: #f15555;position: absolute;top: 0px;left: 0px;color: #ffffff;}
.border-right {border-right: 1px solid #eee;}

/*NAVBAR*/
#column-left {position: fixed; top: 56px; height: calc(100% - 3.5rem); left: -220px; width:220px;padding: 0;background-color: #2b3f4f;z-index: 100;overflow: auto;}
#column-left::-webkit-scrollbar {width:10px;background-color:rgba(200,200,200,0);}
#column-left::-webkit-scrollbar-thumb {border-radius:4px;background-color:rgba(128,139,156,0.2);}
#column-left, #content, #footer {transition: all 0.3s;}
#column-left + #content, #column-left + #content + #footer {position: relative;left: 0px;}
#column-left.active {left: 0px;}
#column-left.active + #content, #column-left.active + #content + #footer {left: 220px;}

/*
@media (min-width: 992px) {
	#column-left {left: 0px;}
	#column-left + #content, #column-left + #content + #footer {left: 0px;margin-left: 220px;}
	#column-left.active + #content, #column-left.active + #content + #footer {left: 0px;margin-left: 220px;}
}
*/

#menu, #menu ul, #menu li {	padding: 0;	margin: 0;	list-style: none;font-size: 14px;}
#menu {	margin-bottom: 25px;}
#menu li a {text-decoration: none;display: block;padding: 10px;cursor: pointer;border-bottom: 0px solid #515151;}
#menu li a.parent:after {font-family: FontAwesome;float: right;	margin-right: 8px;}
#menu li a.parent:after {content: "\f107";}
#menu li a.collapsed:after {content: "\f105";}
#menu>li {position: relative;border-bottom: 1px solid #2b3642;}
#menu>li>a {color: #b0c4d4;	padding-left: 20px;	border-bottom: 0px solid #585858;}
#menu>li>a:hover {	background-color: #22323f;}
#menu>li>a>i {font-size: 16px;width: 18px;}
#menu>li.active>a {	color: #b0c4d4;	background-color: #22323f;}
#menu>li>ul {background-color: #22323f;}
#menu li li a {	color: #7f8a9b;}
#menu li li a:before {content: "\f101";font-size: 13px;font-family: FontAwesome;margin-left: 10px;margin-right: 10px;transition: margin ease 0.5s;}
#menu li li a:hover:before {margin-right: 20px;}
#menu li li a:hover {color: #FFFFFF;background-color: #22323f;}
#menu li li.active>a {color: #b0c4d4;background-color: #22323f;}
#menu li ul a {padding-left: 20px;}
#menu li li ul a {padding-left: 40px;}
#menu li li li ul a {padding-left: 60px;}
#menu li li li li ul a {padding-left: 80px;}
#menu li li.activeselect>a{color: #3094e4;}
#menu>li.activeselect>a{color: #3094e4;}

#content {position: relative;display: -ms-flexbox;display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap;padding-top: 56px;}
#footer {min-height: 0px;text-align: center;}

.breadcrumb {background: none;margin: 0;padding: 0 10px;font-size: 14px;}
.breadcrumb h1 {font-size: 26px;}

/* card principale */
#contentpage.card{border: 0px;}
#contentpage.card>.card-header{ background-color:#FFF}

.card-ajax{ margin-bottom: 20px; }
.card.card-ajax{ background-color:#FFF; border: 1px solid #17a2b8;}
.card.card-ajax>.card-header{ background-color:#FFF}
.card.card-ajax>.card-header>h3.card-title{ font-size: 20px;}

/* table */
.table thead td span[data-toggle="tooltip"]:after, label.control-label span:after {	font-family: FontAwesome;color: #1E91C1;content: "\f059";margin-left: 4px;}
.table thead td {font-weight: bold; font-size:13px}
.table thead>tr>td, .table tbody>tr>td {vertical-align: middle;}
.table thead>tr>td>a{ color:#1e91cf;}
.table a.asc:after {content: " \f106";font-family: FontAwesome;}
.table a.desc:after {content: " \f107";font-family: FontAwesome;}
.table > tbody > tr > td { padding: 4px;}

/* form */
.form-edit-new {/*background-color: #f7f7f9; padding: 10px;*/}
.form-row label {font-weight: 700; margin-bottom: 0px; font-size: 13px; color: #4d4e55;/*#17a2b8*/}
.form-row label .badge-info {background-color: #1E91CF; padding: 2px 4px 2px 4px; /*margin: 0;*/}
.form-row input {/*background-color: #f5f5f5;*/ color: #000;}
.form-control::-webkit-input-placeholder{color:#c0c0c0;opacity:1}.form-control::-moz-placeholder{color:#c0c0c0;opacity:1}.form-control:-ms-input-placeholder{color:#c0c0c0;opacity:1}.form-control::-ms-input-placeholder{color:#c0c0c0;opacity:1}.form-control::placeholder{color:#c0c0c0;opacity:1}

.form-edit-new {align-items: baseline}

/*
.form-control:hover {border: 1px solid #a9a9a9;	border-top-color: #a0a0a0;	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}*/

.invalid-feedback{display:block;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}

label.required:not(span):before, div.required:not(span):before, td.required:before{content:'* ';color:#F00;font-weight:700; font-size: 14px}

.tooltip{color: #fff; font-size: 13px; text-rendering: optimizeLegibility; }

fieldset legend {padding-bottom: 5px; padding-top: 15px; border-bottom:1px solid #dfdfdf;}

hr.hr-form { border: 1px solid #dfdfdf;}

/* button */
.btn-success { background-color:#19b395; border-color:#13967d;}
.btn-success:hover, .btn-success:focus, .btn-success:active { background-color:#1ac7a7; border-color:#13967d;}

.btn-primary { background-color:#35adf5; border-color:#35a6f5;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color:#3394d5; border-color:#35a6f5;}

/*.btn-warning { background-color:#f4a82f; border-color:#f39e16;}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active { background-color:#1ac7a7; border-color:#13967d;}*/


/* dashboard*/
.card-dashboard{ margin-bottom: 10px;}
.card-dashboard-title{font-size: 20px; font-weight: 400;}
.card-dashboard-subtitle{color: #fff; font-size: 12px; font-weight: 400px}
.card-dashboard-number{color: #fff; font-size: 28px; font-weight: 700px}
.card-dashboard-href{color: #fff; font-size: 16px; font-weight: 400px;margin-top: 10px;}
.card-dashboard-href a{color: #ddd;}
.card-dashboard-href a:hover{color: #fff;}




.color-alarm{ color:#f15555;} 

/*tabs informazioni*/
.data-record-label{border-bottom: 1px solid #cccccc; padding: 0px 5px 0px 5px;}
.data-record-value{font-size:16px; color:#000; font-weight: 500;min-height: 26px; background-color: #f5f5f5;padding: 0px 5px 0px 5px;}


.cel-tabs-content-labelview{border-bottom:2px solid #ffffff;background-color:#f1f1f1;}
.cel-tabs-content-dataview{border-top:1px solid #f1f1f1; border-right:1px solid #ffffff;font-size:14px; color:#000; }









/* Navs */
.nav > li.disabled > a {
	color: #999;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
	color: #999;
}
/* Tabs */
.nav-tabs-header > li > a { color: #35adf5; /*border-radius: 5px 5px 0 0;*/ font-weight:bold; font-size:14px;}
.nav-tabs-header > li.active > a, .nav-tabs-header > li.active > a:hover, .nav-tabs-header > li.active > a:focus {font-weight: bold; color: #333; border-top:2px solid #35adf5;}

.nav-tabs > li > a:hover {border-color: #eee #eee #ddd;}
.nav-tabs {	/*margin-bottom: 25px;*/}



#tabinfo .nav-link{font-weight: bold; /*font-size: 16px;*/}





/*

input[type="radio"], input[type="checkbox"] {
	margin: 2px 0 0;
}
.radio, .checkbox {
	min-height: 18px;
}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"], input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	position: relative;
	width: 13px;
	width: 16px \0;
	height: 13px;
	height: 16px \0;
	-webkit-appearance: none;
	background: white;
	border: 1px solid #dcdcdc;
	border: 1px solid transparent \0;
	border-radius: 1px;
}
input[type="radio"]:focus, .radio input[type="radio"]:focus, .radio-inline input[type="radio"]:focus, input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus {
	border-color: #4d90fe;
	outline: 0;
}
input[type="radio"]:active, .radio input[type="radio"]:active, .radio-inline input[type="radio"]:active, input[type="checkbox"]:active, .checkbox input[type="checkbox"]:active, .checkbox-inline input[type="checkbox"]:active {
	background-color: #ebebeb;
	border-color: #c6c6c6;
}
input[type="radio"]:checked, .radio input[type="radio"]:checked, .radio-inline input[type="radio"]:checked, input[type="checkbox"]:checked, .checkbox input[type="checkbox"]:checked, .checkbox-inline input[type="checkbox"]:checked {
	background: #fff;
}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"] {
	width: 15px;
	width: 18px \0;
	height: 15px;
	height: 18px \0;
	border-radius: 1em;
}
input[type="radio"]:checked::after, .radio input[type="radio"]:checked::after, .radio-inline input[type="radio"]:checked::after {
	position: relative;
	top: 3px;
	left: 3px;
	display: block;
	width: 7px;
	height: 7px;
	content: '';
	background: #666;
	border-radius: 1em;
}
input[type="checkbox"]:hover, .checkbox input[type="checkbox"]:hover, .checkbox-inline input[type="checkbox"]:hover {
	border-color: #c6c6c6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: none \9;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: none \9;
}
input[type="checkbox"]:checked::after, .checkbox input[type="checkbox"]:checked::after, .checkbox-inline input[type="checkbox"]:checked::after {
	position: absolute;
	top: -6px;
	left: -5px;
	display: block;
	content: url('../image/checkmark.png');
}

*/

.pagination {margin: 0 10px 10px 10px;}





.img-thumbnail i {
	color: #FFFFFF;
	background-color: #EEEEEE;
	text-align: center;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	padding-top: 20px;
	vertical-align: middle;
	display: inline-block;
}
.img-thumbnail.list i {
	width: 40px;
	height: 40px;
	padding-top: 10px;
}




.alert {overflow: auto;}
.alert-success {background-color: #dff0d8;border-color: #d6e9c6;color: #3d763e; font-size:14px}
.alert-danger {background-color: #f5c1bb;border-color: #f3b5ad; color: #c72f1d; font-size:14px}
  




/* Filemanager Folder Size */
#filemanager .fa-folder.fa-5x {
	font-size: 10.5em;
}



/*bootstrap-treeview_1_2_0.min.css*/
.treeview .list-group-item{cursor:pointer;border-right:0;border-left:0;border-radius:0; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 14px; padding: 1px}
.treeview .list-group-item:first-child{border-top:0}
.treeview .list-group-item:last-child{border-bottom:0}
.treeview span.indent{margin-left:10px;margin-right:10px}
.treeview span.icon{width:12px;margin-right:5px}
.treeview .node-disabled{color:silver;cursor:not-allowed}
.treeview .expand-icon{margin-left: -12px}
.treeview .list-group{margin-left: 12px}

#slim-tab-list-cod{min-height: 300px; margin: 0px}
#slim-tab-list-cod .fa-file-pdf{color: #cd0000; padding-left: 5px}

/*box resizing split list tavole con list codici*/
.flex {display: flex;flex-direction: row;}
.gutter.gutter-horizontal {cursor: ew-resize; background-color:#eee; }
.box-resizing{ border: 1px solid #ddd;overflow-x: auto;overflow-y: auto;}


/*PULSANTE ON-OFF*/
.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 1rem;
    padding-bottom: 1rem; padding-top: 2px;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem)); 
}

 .custom-control-input.green:focus ~ .custom-control-label.green::before {
   /* when the button is toggled off  
  it is still in focus and a violet border will appear */
   border-color: green !important;
   /* box shadow is blue by default 
  but we do not want any shadow hence we have set  
  all the values as 0 */
   box-shadow:
     0 0 0 0rem rgba(0, 0, 0, 0) !important;
 }
 /*sets the background color of 
          switch to violet when it is checked*/
 .custom-control-input.green:checked ~ .custom-control-label.green::before {
   border-color: green !important;
   background-color: green !important;
 }
 /*sets the background color of 
          switch to violet when it is active*/
 .custom-control-input.green:active ~ .custom-control-label.green::before {
   background-color: green !important;
   border-color: green !important;
 }
 /*sets the border color of switch 
          to violet when it is not checked*/
 .custom-control-input.green:focus: not(:checked) ~ .custom-control-label.green::before {
   border-color: green !important;
 }

 blockquote.quote-info {
	border-color: #17a2b8;
}


blockquote {
	background-color: #fff;
	border-left: 0.7rem solid #007bff;
	margin: 1.5em 0.7rem;
	padding: 0.5em 0.7rem;
}

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

.bg_cassa{background-color: #ccffcc;}
.bg_banca{background-color: #ccffff;}
.text-entrata{color: #000; font-weight: bold;}
.text-uscita{color: #ff0000; font-weight: bold;}
.bg_uscita{background-color: #ee7171;}
.bg_entrata{background-color: #b4fab4;}