html {position: relative;height: 100%; margin: 0}
body {font-family: 'Roboto', sans-serif; color: #0a0b0f;font-size: 14px;/*width: 100%; height:100%;*/margin: 0;overflow-x: hidden;}




.text-info{color:#31372f;}





.popover {display: none;}





/*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{border-color: #f6f6f6;background-color: #ffffff; max-width:500px;padding: 0px 20px 20px 20px;border-radius: 5px;}
.card-login-register {max-width:980px;min-width: 880px;}
@media (max-width:992px) {
	.card-login-register {min-width: 768px;}
	
}
@media (max-width:768px) {
	.card-login-register {min-width: 576px;}
	
}

@media (max-width:576px) {
	.card-login-register {min-width: 200px;}
}
*/
.bodylogin input {width: 100%;font-size: 16px;}
.card-login input:-webkit-autofill { background-color: none !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;}
.titlelogin {padding:10px 0px 10px 0px; font-size: 24px; font-weight: 700}
.textlogin {font-size: 16px}


/*cookie*/
.cookiespolicy {position: fixed; width: 100%; bottom: 0px; right: 0px; font-family: "Trebuchet MS",Helvetica,sans-serif;background-color:#1a1a1a; color:#ffffff; text-align:center; font-size:16px; min-height: 26px; padding:15px 5px 15px 5px; z-index:9999;} 
.cookiespolicy a{color:#23a1d1;display:inline-block;} 
.cookiespolicy a:hover{color:#23a1d1;text-decoration:underline}
.cookiespolicy input[type=button]{background-color:#f1d600; color:#000; cursor:pointer; border:gray; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; padding:2px 8px; }

/*contact float*/
.contacts-fixed {position: fixed;right: 0;top:90px;z-index: 998;min-width: 40px;min-height: 40px;}
.widget-contact {background-color: #FFFFFF;min-width: 40px;}
.widget-contact.first-child {border-top-left-radius: 0.3rem;padding: 5px 5px 2px 5px; border-top: 1px solid #ced4da;border-left: 1px solid #ced4da;}
.widget-contact.last-child {border-bottom-left-radius: 0.3rem;padding: 3px 5px 5px 5px;border-bottom: 1px solid #ced4da;border-left: 1px solid #ced4da;}
.widget-contact a{display:block;overflow:hidden;width: 40px; padding: 8px 8px 6px 9px;color: #ffffff;background-color: #75c8fb;font-size: 700;font-size: 16px;border-radius:0.3rem;white-space: nowrap;-webkit-transition: width 1s; transition: width 1s;text-align: right;}
.widget-contact a i{font-size: 22px;}
.widget-contact a span{padding-left: 8px;}
.widget-contact a:hover {color: #ffffff;text-decoration: none;background-color: #1da1f1; width: 150px;border-top: 1px solid #ced4da;border-bottom: 1px solid #ced4da;}


/*navbar*/
.topbar {left: 0;right: 0;top: 0;z-index: 999;position:fixed;background: #ffffff;}
.topbar .topbar-left {float: left;padding:0px;height: 87px;width: 250px;position: relative;background-color: #fff;display: block;overflow: hidden;}
.topbar .navbar-style {padding-top: 5px; padding-bottom: 0px;}
.topbar .navbar-style i {font-size: 1.2rem;}
.navbar-style .navbar-nav .nav-link {color:#353a40;}
.navbar-style .navbar-nav .nav-link:hover, .navbar-style .navbar-nav .nav-link:focus {color:#0572e6;}
.navbar-style .navbar-nav .show > .nav-link, .navbar-style .navbar-nav .active > .nav-link, .navbar-style .navbar-nav .nav-link.show, .navbar-style .navbar-nav .nav-link.active {
  color:#353a40;background-color: #f0f0f4;}
.navbar-style .navbar-toggler {color:#353a40;border-color: rgba(0, 0, 0, 0.1);}
/*per aprire dropdown all'hover*/
.navbar-style .dropdown:hover > .dropdown-menu {display: block;}
.navbar-style .dropdown > .dropdown-toggle:active {/*Without this, clicking will make it sticky*/pointer-events: none;}
.navbar-style .nav-item .badge-notify{background:#f15555;position:absolute;top: 0px;left: 26px; color: #ffffff;}

.search-bar{background-color:#efeff3;padding-top: 5px; padding-bottom: 5px;} 
.search-bar i {font-size: 1.3rem;}
.search-bar .navbar-nav .nav-link {color:#353a40; font-weight: 500; font-size: 18px; margin-right: 20px; padding-bottom: 1px; padding-top: 6px; }
.search-bar .navbar-nav .nav-link:hover {background-color: #e0e0e0;border-radius: 0.25rem;}
.search-bar .form-control,.search-bar .form-control:focus {/* border: 1px solid rgba(98, 103, 115, 0.3);background: transparent;border-radius: 30px;color: #626773; padding-left: 20px;padding-right: 40px;  */font-size:16px;height:34px;-webkit-box-shadow: none;box-shadow:none;width: 350px; color: #353a40;}
.search-bar input::-webkit-input-placeholder {color: #626773;}.search-bar input:-moz-placeholder {color: #626773;}.search-bar input::-moz-placeholder {color: #626773;}.search-bar input:-ms-input-placeholder {color: #626773;}
.search-bar .btn {/*border: 1px solid transparent;border-radius: 0.25rem;*/padding: 5px 5px;font-size: 1rem;line-height: 1.2; border-color: #ced4da;color:#353a40;}
.search-bar .btn:hover {background-color: #e0e0e0;color: #353a40;}
.search-bar .btn:focus, .search-bar .btn.focus {box-shadow: none;}
.search-bar .btn.disabled, .search-bar .btn:disabled {color: #353a40;background-color: #e2e2e2;border-color: #ced4da;}
.search-bar .btn:not(:disabled):not(.disabled):active, .search-bar .btn:not(:disabled):not(.disabled).active,.show > .search-bar .btn.dropdown-toggle {color: #353a40;background-color: #e2e2e2;border-color: #ced4da;}
.search-bar .btn:not(:disabled):not(.disabled):active:focus, .search-bar .btn:not(:disabled):not(.disabled).active:focus,.show > .search-bar .btn.dropdown-toggle:focus {box-shadow: none;}





.notification-list {margin-left: 0}
.notification-list .dropdown-menu.dropdown-menu-right {-webkit-transform: none!important;transform: none!important;top: 100%!important;right: 0!important;left: auto!important}
.notification-list .noti-title {background-color: #fff;padding: 15px 20px}
.notification-list .notify-item {padding: 0px 5px; border-bottom: 1px solid #e0e0e0;}



/*dropdown search autocplete*/
.searchautocomplete .dropdown-item{ padding: 2px 10px 2px 10px;font-size: 13px}







@media (max-width:992px) {
	.navbar-style .hidden-navitem{display: none;}
	.navbar-style .hidden-text-lg, .search-bar .hidden-text-lg{display: none;}
	.search-bar .form-control,.search-bar .form-control:focus {width: 250px;}
	/*.search-bar input::-webkit-input-placeholder {color: #626773;}.search-bar input:-moz-placeholder {color: #626773;}.search-bar input::-moz-placeholder {color: #626773;}.search-bar input:-ms-input-placeholder {color: #626773;}*/
}
@media (max-width:768px) {
	.navbar-style .hidden-text{display: none;}
	.navbar-style .dropdown-toggle::after {display:none;}
	/*.collapse.show {display:none;}*/
	.navbar-style .navbar-toggler {display:block;}
	.topbar .navbar-style {background-color: #efeff3}
	.topbar .navbar-style i {font-size: 1.3rem;}
	.topbar .topbar-left {background-color: #efeff3;width: 87px;}
	.search-bar .form-control,.search-bar .form-control:focus {width: 200px;}
	.nav-link, .nav-item {display: inline-flex}
}
@media (max-width:576px) {
	.topbar .topbar-left {width: 43px;height: 43px;}
	.search-bar {padding-left: 0px}
	.search-bar .form-control,.search-bar .form-control:focus { max-width: 150px;}
	.search-bar .navbar-nav .nav-link {margin-right: 0px; padding-bottom: 6px; padding-top: 6px}
}



/*content*/
.wrapper {padding-top: 87px; padding-bottom: 30px;}
.container-fluid {max-width: 100%;}
@media (max-width:1444px) {
	.container-fluid {max-width: 100%}
}
.breadcrumb {padding:4px 15px; background-color:#fff;}
/*.breadcrumb-item a {color: #000000;}
.breadcrumb-item a:hover {color: #1cac81;}*/


/*search*/
.list-treview-category .list-group-item{padding-top:8px;padding-bottom:8px;}

.list-treview-category-level-1{font-weight: 700;padding-left: 5px;}
.list-treview-category-level-2:before {content: '- ';}
.list-treview-category-level-2{padding-left: 15px;}
.list-treview-category-level-3:before {content: '- ';}
.list-treview-category-level-3{padding-left: 25px;}


.product-grid .product-thumb .image {float: none;padding: 5px;}
.product-thumb {border: 1px solid #ddd;margin-bottom: 20px;overflow: auto;}
.product-thumb .image a {display: block;}
.product-thumb .image a:hover {opacity: 0.8;}
.product-thumb .image img {margin-left: auto;margin-right: auto;}


.product-thumb h4 {font-weight: bold; font-size: 16px; line-height: 17px;}
.product-thumb .caption {padding: 0 10px;min-height: 150px;}
.product-list .product-thumb .caption {margin-left: 230px;}
.product-thumb .desccategory {font-size: 12px; line-height: 13px; padding: 0px; margin: 0px 0px 10px 0px;}
.product-thumb .fuoriprod {font-size: 12px; line-height: 13px; padding: 0px; margin: 0px 0px 10px 0px;}




.product-thumb .button-group {border-top: 1px solid #ddd;background-color: #eee;overflow: auto;}
.product-thumb .button-group button {width: 100%;border: none;display: inline-block;float: left;background-color: #eee;color: #888;line-height: 38px;font-weight: bold;text-align: center;text-transform: uppercase;}
.product-thumb .button-group button:hover {color: #444;background-color: #ddd;text-decoration: none;cursor: pointer;}



/*navigator*/
.bg-navigator {background-color: #efeff3;border-top: 1px solid #dddddd;}
.bg-search {background-color: #fff;}
.bg-documentation {background-color: #fff;}
.col-listcod {padding: 5px;border-radius: 0.25rem;}
.col-viewer {padding: 5px 5px 5px 0px;}

/*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}


/* lista tavole*/
.card-list-tab .card-body{padding: 5px;}
.header-list-tab h5, .header-list-tab h6 {margin-top:0;margin-bottom:0; margin-left: 10px;font-weight:700;line-height:18px;color:inherit}
.header-list-tab h5 {font-weight:700;font-size:16px}
.header-list-tab h6 {font-family: 'Roboto Condensed', sans-serif; font-weight:400;font-size:16px}
#content-list-tab{min-height: 300px; padding: 5px;}	
#content-list-tab #input-search-tab{background-image: url('searchicon.png'); background-position: 8px 6px; background-repeat: no-repeat;width: 100%;font-size: 14px; padding: 2px 20px 2px 40px; border: 1px solid #ced4da; margin: 10px 0px 16px 0px;}

/* lista codici*/
.card-list-cod .card-body{padding: 0px;}
.card-list-cod .table {margin: 0px;padding: 0px}
.card-list-cod .table thead th {font-size: 14px; font-weight: 500; background-color: #e46111; color: #FFF;padding: 3px;}
#slim-tab-list-cod{min-height: 300px; margin: 0px}

.card-list-cod .table tbody > tr > td {font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 14px;	padding:1px 1px 1px 1px;}
.card-list-cod .table tbody > tr > td a {color:#000;}
.card-list-cod .table tbody > tr > td a:hover {text-decoration:underline;}

.faasterisklist {font-size: 10px!important; padding-top: 3px!important;}

.table-hover>tbody>tr.trcodice:hover>td,
.table-hover>tbody>tr.trcodice:hover>th,
.table-hover>tbody>tr:hover>.trcodice,
.table-hover>tbody>tr>td.trcodice:hover,
.table-hover>tbody>tr>th.trcodice:hover,
.trcodice.active
{background-color:#c1d58a; cursor:hand}

.table-hover>tbody>tr.trtavola:hover>td,
.table-hover>tbody>tr.trtavola:hover>th,
.table-hover>tbody>tr:hover>.trtavola,
.table-hover>tbody>tr>td.trtavola:hover,
.table-hover>tbody>tr>th.trtavola:hover,
.trtavola.active
{background-color:#feb762; cursor:hand}


/*container tav*/
#container-tav { background-color: #fff; height: inherit}
.nav-button-navigator {position: relative; display: block; padding-bottom: 5px;}
.nav-button-navigator .btn-spazio {margin: 0px 30px 0px 0px;}
.nav-button-navigator i { /*font-size: 20px*/}

.hotspotbox{background-color:#f8f9fa;max-width:350px;}
.hotspotbox .popover-body{padding: 0px; margin: 0px;}
.hotspotbox .table > tbody > tr:first-child > td {border: none;}
.hotspotbox .table td {padding: 4px}

.hotspotbox h5{font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 16px; padding: 0px; margin: 0px}
.hotspotbox h6{font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 14px; padding: 0px; margin: 0px}
.hotspotbox h5 a, .hotspotbox h6 a{color: #000}

.hotspotbox .imgplaceholder{ font-size: 40px; color:#D0D0D0}
.hotspotbox .rowdoc{border:0px}


.hotspotbox .daam{font-family: 'Roboto Condensed', sans-serif; color:#dc3545; font-weight: 400; font-size: 14px; padding: 0px 0px 0px 5px; margin: 0px; line-height: 14px;}
.hotspotbox .daad{font-family: 'Roboto Condensed', sans-serif; color:#dc3545; font-weight: 400; font-size: 14px; padding: 0px 0px 0px 5px; margin: 0px;line-height: 14px;}
.hotspotbox .cons{font-family: 'Roboto Condensed', sans-serif; color:#dc3545; font-weight: 400; font-size: 13px; padding: 0px 0px 0px 5px; margin: 0px}
.hotspotbox .linkdoc{font-family: 'Roboto Condensed', sans-serif; color:#dc3545; font-weight: 700; font-size: 16px; padding: 0px 0px 0px 5px; margin: 0px}
.hotspotbox .linkdoc a {background-color:#dc3545;  color:#fff; padding: 2px 5px 2px 5px}

#htmlcontenthotspotbox img{max-width: 190px; max-height: 121px; width: 190px; height: 121px; padding-right: 0px}


/*da definire*/
.table-search-list{background-color: #fff;}
.table-search-list thead tr {background-color: #5c5c5c; color: #fff; font-size: 14px; font-weight: bold;}

.txtlistprod{font-family: 'Roboto', sans-serif; font-size: 16px; color: #000;}

.documentation { margin-bottom:30px;}
.documentation .card-header { font-size:20px; font-weight:bold; color:#0061af; padding: 5px 10px 5px 10px}
.documentation .card-body {padding: 5px 10px 5px 10px}
.documentation .card {margin-bottom: 20px;}
.documentation .tab-pane {padding: 0px; }

.titlecocumentation{ font-size:30px; font-weight: 400; }


.documentation .linkdoc {font-size:18px;color:#000;border:1px solid #0061af;border-radius:4px; margin-bottom:10px; padding-left:10px;line-height:39px; min-height:39px;clear:both; margin: 0px 0px 5px 0px; }

.nav-tabs {margin-bottom: 15px;}
.nav-tabs li a { color:#000;font-size:18px;}

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

.modal-header-ordercart {color:#fff; padding:9px 15px; background-color: #999;text-align:center;
    /*border-bottom:1px solid #eee;
    background-color: #e46111;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;*/
}

.modal-header-ordercart h2 {color:#fff; text-align:center; font-size:18px}

.modal-header-ordercart .close {color:#fff; font-size:30px}
#formcart .textform{font-size: 16px; font-weight: 500}
#formcart label{margin-bottom: .2rem;}

/*  .contentnavigator{} */
.home_content h5{ font-size: 20px;}
.home_content .card-header{ min-height: 70px;}

.list-menu i {float: left; font-size: 16px;}
.list-menu .list-menu-item { padding: 0px 0px 0px 25px; font-size: 16px; font-weight: 500;  display: block;}



.list-link-doc a {font-size: 18px; font-weight: bold;}

.list-link-doc i { color: firebrick; font-size: 20px;width:20px;}

.list-link-doc .list-link-doc-data {float: right;}













		
		
		area { display: inline; cursor: pointer; }
		.panzoom { text-align: center;}
		
		
		
input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    
    /*required for proper track sizing in FF*/
    width: 150px;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 150px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
    margin-top: -4px;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

input[type=range]::-moz-range-track {
    width: 150px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    width: 150px;
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}






/*footer*/
.footer {position: fixed;bottom: 0;right: 0;left: 0;padding: 3px 15px 0px 15px;color: #353a40;background-color: #fff;}
.modal-xl { max-width: 80% !important;}