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;}


.spinner{
        width: 32px;
        height: 32px;
        border: 4px solid;
        border-color: #92c43e transparent #92c43e transparent;
        border-radius: 50%;
        animation: spin 1.2s linear infinite;
		color: #92c43e;
}

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

/*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;}
label.required:not(span):before, div.required:not(span):before, td.required:before{content:'* ';color:#F00;font-weight:700; font-size: 14px}

.urlprivacy {color: #007bff; font-weight: bold;/*margin-left: 1.5rem;*/-webkit-transition: all .4s;transition: all .4s; text-decoration: none;}
.urlprivacy:hover {color: #007bff;text-decoration:underline;}




/*
.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 {pointer-events: none;}
.navbar-style .nav-item .badge-notify{background:#f15555;position:absolute;top: 0px;left: 26px; color: #ffffff;}

.dropdown-divider{margin:0;}

.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;}









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



@media (max-width:1200px) {
	.navbar-style .hidden-text-lg, .search-bar .hidden-text-lg{display: none;}
}



@media (max-width:992px) {
	.navbar-style .hidden-navitem{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}
	.navbar-style .hidden-navitem-md{display: none;}
}
@media (max-width:576px) {
	.topbar .topbar-left {width: 75px;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;}*/

.bclistprod .breadcrumb-item { font-size: 16px; font-weight:500; }

.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;}
.list-treview-category-level-4:before {content: '- ';}
.list-treview-category-level-4{padding-left: 35px;}


.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: 100px;}
.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: 16px; font-weight: bold; line-height: 16px; 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}

/*search cod tav*/
#search-output {margin-bottom: 2px;}
#search-output .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 3px; margin: 1px; background-color:#fff; }

#search-output .list-group-item:hover{background-color:#feb762; }



/* 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; color: #cd0000;}
.faasteriskblocco {font-size: 13px!important; padding-top: 3px!important; color: #cd0000;}

.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 .table .celcoddesc, #myModalGroup .table .celcoddesc{min-width:150px; padding: 6px; font-family: 'Roboto Condensed', sans-serif; color: #000; font-weight: 400; font-size: 14px; line-height: 14px;}
.hotspotbox .table .celcoddesc a, #myModalGroup .table .celcoddesc a{color: #000}
.hotspotbox .cod, #myModalGroup .cod{font-weight: 700; font-size: 16px;}
.hotspotbox .spec, #myModalGroup .spec{color:#cd0000; font-weight: 700; font-size: 14px;}
.hotspotbox .cons, #myModalGroup .cons{color:#cd0000; font-weight: 400; font-size: 14px;}
.hotspotbox .celtitlegroup, #myModalGroup .celtitlegroup{font-family: 'Roboto', sans-serif; font-size: 16px;}


.hotspotbox .rowdoc, #myModalGroup .rowdoc{border:0px}
.hotspotbox .linkdoc, #myModalGroup .linkdoc {font-family: 'Roboto Condensed', sans-serif; color:#cd0000; font-weight: 700; font-size: 16px; padding: 0px 0px 0px 5px; margin: 0px}
.hotspotbox .linkdoc a, #myModalGroup .linkdoc a {background-color:#cd0000;  color:#fff; padding: 2px 5px 2px 5px}

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

.modalgroup {padding:2px;}

.btnassistenzabottom{position:fixed;right:20px;bottom:40px;z-index:1030; /*position:absolute;bottom:5px;right:5px;margin:0;padding:5px 3px;*/}
.btnassistenzabottom .iconassistenza{ font-size: 25px; padding: 0px 5px; background-color: #fff}


/*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; }
.subtitlecocumentation{ font-size:18px; font-weight: 400;}
.desccocumentation {font-size: 14px; padding: 0px; margin: 0px 0px 10px 0px;}


.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}
#slim-tab-list-cod .specifica{color: #cd0000; font-weight: 700;}

.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;padding-top: 5px; }
#formcart label{border-top:2px solid #f9f9f9; padding-top: 5px; margin: 0px; background-color: #f5f5f5;}

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



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


.bloctav-thumb h4 {font-weight: bold; font-size: 16px; line-height: 17px;}
.bloctav-thumb .caption {padding: 0 10px;min-height: 60px;}
.product-list .bloctav-thumb .caption {margin-left: 230px;}


/*.bloctav-thumb .btn-secondary {background-color: #eee;color: #888;text-transform: uppercase;}*/

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

.bloctav-thumb .specifica {color:#ea2525;}


.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  /*width: 100%;*/ /* Full-width */
  width: 150px;
  height: 10px; /* Specified height */
  background: #bbb; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.9; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 15px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: goldenrod; /* Green background #4CAF50 */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 15px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: goldenrod; /* Green background #4CAF50 */
  cursor: pointer; /* Cursor on hover */
}






/*panzoom*/		
area { display: inline; cursor: pointer; }
.panzoom { text-align: center;}

/*PDF*/
#pdf { height:100% } 
.ie-fix {
	position:absolute;
	width: 100%;
    height: 100%;
    
	background-color: transparent;
	z-index:-2;
	left: 0; top: 10px; border: 0;
}



/*pagina document*/
.thumbnails {overflow: auto;clear: both;list-style: none;padding: 0;margin: 0;}
.thumbnails > li {margin-left: 10px;}
.thumbnails {margin-left: -20px;}
.thumbnails > img {width: 100%;}
.image-additional a {margin-bottom: 20px;padding: 5px;display: block;border: 1px solid #ddd;}
.image-additional {	max-width: 84px;}
.thumbnails .image-additional {float:left;/*margin-left: 10px;*/}
.thumbnails .bigimage {float: left;/*margin-left: 10px;*/}


/*shop article*/
.rowarticleshop {border: 1px solid #fff; border-bottom: 2px solid #dee2e6; margin: 5px -5px 5px -5px ; }

.rowarticleshop:hover { border: 1px solid #dee2e6;}

input[type="number"] {
  -webkit-appearance: textfield;
    -moz-appearance: textfield;
          appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}

.datotecnico{font-size: 16px;}





.btc-accordion {
    padding-top: 100px;
}

.btc-accordion .card {
    cursor: pointer;
    color: #f2f2f2;
    background-color: rgba(0, 0, 0, 0.1);
}

.btc-accordion .card a {
    color: #f2f2f2;
    text-decoration: none;
}

.accordion-icon[aria-expanded="false"] .fa-angle-down {
    transform: rotate(0deg);
}

.accordion-icon[aria-expanded="true"] .fa-angle-down {
    transform: rotate(180deg);
    transition: 0.5s;
}







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