html,
body {
  height: 100%;
}

body {
    background: #f2f2f2 url("../img/main_bg_dark.jpg") no-repeat fixed left top / 100% auto;
    margin-bottom: 0;
    overflow-x: hidden;
	margin-right:0;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('font/OpenSans-Light-webfont.eot');
    src: url('font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Light-webfont.woff') format('woff'),
         url('font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('font/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('font/OpenSans-Regular-webfont.eot');
    src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Regular-webfont.woff') format('woff'),
         url('font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('font/OpenSans-Semibold-webfont.eot');
    src: url('font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Semibold-webfont.woff') format('woff'),
         url('font/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('font/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansbold';
    src: url('font/OpenSans-Bold-webfont.eot');
    src: url('font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Bold-webfont.woff') format('woff'),
         url('font/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('font/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, .contents, a {
    font-family: "open_sansregular";
}

a {
  color: #04bddf;
}
a:focus{
outline:none;	
}

.btn.btn-link.text-white.pull-right {
    background: transparent url("../img/menu_open.png") no-repeat scroll center center;
    display: block;
    height: 30px;
    margin-top: 14px;
    width: 30px;
}


.head img {
    margin-left: 80px;
    margin-top: 16px;
    visibility: visible;
}

.h5.text-white-op.push-50.animated.fadeInDown {
    line-height: 22px;
}

.row.animated.fadeInUp.bg img {
    margin-top: 270px;
    max-width: 96%;
    width: auto;
}

.row.animated.fadeInUp .col-sm-8.col-sm-offset-2 {
    padding-bottom: 240px;
    padding-top: 10px;
    text-align: center;
}

.head {
    background: transparent url("../img/main_bg.jpg") no-repeat fixed left top / 100% auto;
    box-shadow: 0 -7px 9px -7px rgba(0, 0, 0, 0.16) inset;
	-moz-box-shadow: 0 -7px 9px -7px rgba(0, 0, 0, 0.16) inset;
	-webkit-box-shadow: 0 -7px 9px -7px rgba(0, 0, 0, 0.16) inset;
    height: 84px;
    margin-top: -8px;
	margin-bottom:15px;
}

.row.items-push-3x.push-50-t.nice-copy {
    background-color: #f9f9f9;
}

.contents {
    background-color: transparent;
    float: right;
    margin-bottom: 100px;
    margin-right: 1%;
    margin-top: 0;
    min-height: 100%;
    width: 94%;
}

#page-container {
  margin: 0 auto;
  width: 100%;
  background-color:transparent;
  float:left;
}

#main-container {
    width: 100%;
	background-color:transparent;
}

.content.content-boxed {
    padding-top: 20px;
}

#page-footer {
    background-color: #f1f1f1;
    border-top: 1px solid #dedede;
    bottom: 0;
    margin-bottom: 0;
    padding-bottom: 15px;
    position: fixed;
    width: 100%;
}

.pull-right {
    float: right;
    height: 40px;
    line-height: 40px;
    margin-right: 1%;
}

#page-footer .pull-right {
    float: left;
}

.pull-right b {
    color: #000;
    font-family: open_sansbold;
    font-weight: normal;
}

.pull-left {
    float: left;
}

.pull-left .text, .pull-left img {
    float: left;
    margin-right: 10px;
}

.pull-left .text{
color:#888;	
margin-bottom:2px;
display:block;
}

.pull-left .text.top {
    display: block;
    float: none;
	color:#444;
}

.head .links {
    float: right;
    margin-top: 15px;
}

.areaUtente {
    background-color: transparent;
    border: 1px solid #bad0dc;
    color: #fff;
    float: right;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    margin-left: 20px;
    margin-right: 10%;
    margin-top: 3px;
    padding: 5px 10px;
	width:80px;
	text-align:center;
    text-transform: capitalize;
    transition-duration: 0.4s;
    transition-property: background-color;
	-moz-transition-duration: 0.4s;
    -moz-transition-property: background-color;
	-webkit-transition-duration: 0.4s;
    -webkit-transition-property: background-color;
}

.overDrop {
    float: right;
    margin-right: 0;
    z-index: 99999;
}
.overDrop:hover > .areaUtente {
    background-color: #fff;
	border:1px solid #fff;
    color: #21afd0;
    cursor: pointer;
}
.overDrop:hover > .dropUtente {
    cursor: pointer;
    display: block;
    opacity: 1;
	-khtml-opacity: 1;
	-moz-opacity: 1;
}
.dropUtente {
    background-color: #fff;
    border: 3px solid #fff;
	box-shadow:0 1px 2px #ddd;
	-moz-box-shadow:0 1px 2px #ddd;
	-webkit-box-shadow:0 1px 2px #ddd;
    display: none;
    height: auto;
    margin-left: -89px;
    margin-top: 46px;
    opacity: 0;
    padding: 15px 0;
    position: absolute;
    transition-duration: 0.4s;
    transition-property: opacity;
	-moz-transition-duration: 0.4s;
    -moz-transition-property: opacity;
	-webkit-transition-duration: 0.4s;
    -webkit-transition-property: opacity;
    width: 205px;
    z-index: 999999;
}
.dropUtente .riga {
    color: #888;
    cursor: default;
    font-size: 12px;
    margin: 10px 15px;
    text-decoration: none;
}

.dropUtente .changePwd {
    background-color: transparent;
    border-top: 1px solid #dedede;
    font-size: 10px;
    font-weight: bold;
    height: 22px;
    line-height: 25px;
    margin-top: 15px;
    padding-top: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 99%;
}
.dropUtente .changePwd img {
    margin-right: 4px;
    margin-top: 4px;
}
.changePwd > a {
    color: #2471b5;
}
a .backhome {
    border: medium none;
    cursor: pointer;
    float: left;
    height: 85px;
    margin-right: 96px;
    margin-top: 0;
    width: 110px;
    z-index: 999999;
}

.toolbar .areaUtente {
    border-radius: 1px;
    height: 44px;
    line-height: 44px;
    margin-right: 18px;
    padding: 5px 0;
    text-align: center;
    width: 83px;
}
.riga strong {
    color: #232323;
    display: block;
    font-family: "open_sansbold";
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0;
    text-transform: uppercase;
}
.links a {
    float: left;
    padding: 0;
    width: auto;
}
.links a img {
    height: 11px;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 20px;
    padding: 0;
    width: auto;
}

.dropUtente a {
    font-size: 12px;
    margin-left: 13px;
    margin-top: 10px;
    text-decoration: none;
    text-transform: capitalize;
}

.dropUtente a:hover{
color:#09c1e4;
}

.dropUtente a.logout {
    border-right: 1px solid #ddd;
    margin-right: 0;
    padding-right: 16px;
}

.icon {
    background: transparent url("../img/menu_icon.png") no-repeat scroll center center;
    display: inline-block;
    float: left;
    height: 24px;
    margin-bottom: 15px;
    margin-left: -5px;
    margin-top: 15px;
    opacity: 0.9;
    width: 28px;
}
.logo {
    background-size: 50% !important;
    float: left;
    height: 48px;
    margin-left: 70px;
    margin-top: 30px;
    width: 265px;
}

.h5 .h4.sidebar-mini-hide {
    float: right;
    font-weight: normal !important;
    height: 28px;
    line-height: 33px;
    margin-left: 5px;
}

.h5.text-white .h4.sidebar-mini-hide {
    margin-top: 6px;
}

span.home, span.rfx, span.about, span.servizi, span.portfolio, span.contatti, span.carriere, span.role {
    background: transparent url("../img/home.png") no-repeat scroll left top;
    display: inline-block;
    float: left;
    height: 17px;
    margin-right: 10px;
    margin-top: -2px;
    width: 17px;
}

 span.about{
	background:url("../img/about.png") no-repeat top left transparent;
 }
 
  span.servizi{
	background:url("../img/servizi.png") no-repeat top left transparent;
 }
 
   span.portfolio{
	background:url("../img/portfolio.png") no-repeat top left transparent;
 }
 
   span.contatti{
	background:url("../img/contatti.png") no-repeat top left transparent;
 }
 
    span.carriere{
	background:url("../img/carriere.png") no-repeat top left transparent;
 }
 
 span.rfx {
    background: transparent url("../img/rfx_icon.png") no-repeat scroll left top;
}
 
 span.role {
    background: transparent url("../img/roles.png") no-repeat scroll left top;
}
 
 .nav-main a.current > span{
	background-position:0 -17px;
}


.bg-primary-dark.about section {
    background: transparent url("../img/square.png") no-repeat scroll center center;
    height: 500px;
}

.bg-primary-dark.about section .push-100-t.push-50.text-center {
    margin-left: -32px;
    padding-top: 70px;
}

.block-content {
    margin: 0 auto;
    max-width: 100%;
    overflow-x: visible;
     padding: 20px 0 1px;
    transition: opacity 0.2s ease-out 0s;
}



.bg-primary-dark.about section {
    background: transparent url("img/square.png") no-repeat scroll center center;
    height: 500px;
}

.header-navbar-transparent #header-navbar {
    background-color: #00485d;
     box-shadow: 0 0 3px #63787e;
	 -moz-box-shadow: 0 0 3px #63787e;
	 -webkit-box-shadow: 0 0 3px #63787e;
}
.header-navbar-transparent.header-navbar-fixed.header-navbar-scroll #header-navbar {
    background-color: #00485d;
}
.header-navbar-transparent.header-navbar-fixed #main-container {
  padding-top: 0;
}

@media screen and (min-width: 992px) {

  #page-container.sidebar-r.sidebar-o {
    padding-right: 230px;
  }

  #page-container.sidebar-r.sidebar-o.sidebar-mini {
    padding-right: 60px;
  }
}
#sidebar,
#side-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1032;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.28s ease-out;
  transition: all 0.28s ease-out;
}
@media screen and (min-width: 992px) {
  .side-scroll #sidebar,
  .side-scroll #side-overlay {
    overflow-y: hidden;
  }
}

#sidebar {
    background-color: #204161;
    width: 230px;
}

.sidebar-l #sidebar {
  left: 0;
}
.sidebar-r #sidebar {
  right: 0;
  -webkit-transform: translateX(100%) translateY(0) translateZ(0);
  -ms-transform: translateX(100%) translateY(0);
  transform: translateX(100%) translateY(0) translateZ(0);
}


@media screen and (max-width: 991px) {
 
  .sidebar-o-xs #sidebar {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
  }
  
.icon {
    background: transparent url("../img/logo.png") no-repeat scroll center center;
    height: 40px;
    margin: -4px 0 0 -4px;
    padding: 0;
    width: 68px;
}
.row.animated.fadeInUp.bg {
    text-align: center;
    width: 100%;
}

.content{
margin:0;	
}

}
@media screen and (min-width: 992px) {
  #sidebar {
    width: 166px;
    -webkit-transition: none;
    transition: none;
  }
  .sidebar-o #sidebar {
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
  }
  .sidebar-o.sidebar-mini #sidebar {
    overflow-x: hidden;
    -webkit-transition: all 0.28s ease-out;
    transition: all 0.28s ease-out;
    will-change: transform;
  }
  .sidebar-l.sidebar-o.sidebar-mini #sidebar {
    -webkit-transform: translateX(-110px) translateY(0) translateZ(0);
    -ms-transform: translateX(-110px) translateY(0);
    transform: translateX(-110px) translateY(0) translateZ(0);
  }
  .sidebar-r.sidebar-o.sidebar-mini #sidebar {
    -webkit-transform: translateX(110px) translateY(0) translateZ(0);
    -ms-transform: translateX(110px) translateY(0);
    transform: translateX(110px) translateY(0) translateZ(0);
  }
  .sidebar-o.sidebar-mini #sidebar .sidebar-content {
    width: 166px;
    -webkit-transition: all 0.28s ease-out;
    transition: all 0.28s ease-out;
    will-change: transform;
  }
  .sidebar-l.sidebar-o.sidebar-mini #sidebar .sidebar-content {
    -webkit-transform: translateX(110px) translateY(0) translateZ(0);
    -ms-transform: translateX(110px) translateY(0);
    transform: translateX(110px) translateY(0) translateZ(0);
  }
  .sidebar-o.sidebar-mini #sidebar:hover,
  .sidebar-o.sidebar-mini #sidebar:hover .sidebar-content {
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
  }
  .sidebar-o.sidebar-mini #sidebar .sidebar-mini-hide {
    opacity: 0;
  }
  .sidebar-o.sidebar-mini #sidebar .sidebar-mini-hidden {
    display: none;
  }
  .sidebar-o.sidebar-mini #sidebar .nav-main > li.open > ul {
    display: none;
  }
  .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-hide {
    opacity: 1;
  }
  .sidebar-o.sidebar-mini #sidebar:hover .nav-main > li.open > ul {
    display: block;
  }
  .row.animated.fadeInUp.bg {
    text-align: center;
    width: 100%;
	padding-left:60px;
}
}

#side-overlay {
  background-color: #fff;
}
.sidebar-l #side-overlay {
  right: 0;
  -webkit-transform: translateX(100%) translateY(0) translateZ(0);
  -ms-transform: translateX(100%) translateY(0);
  transform: translateX(100%) translateY(0) translateZ(0);
}
.sidebar-r #side-overlay {
  left: 0;
  -webkit-transform: translateX(-100%) translateY(0) translateZ(0);
  -ms-transform: translateX(-100%) translateY(0);
  transform: translateX(-100%) translateY(0) translateZ(0);
}
@media screen and (max-width: 991px) {
  #side-overlay {
    width: 100%;
    opacity: 0;
  }
  .side-overlay-o #side-overlay {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
  }
}
@media screen and (min-width: 992px) {
  #side-overlay {
    width: 320px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  }
  .sidebar-l #side-overlay {
    -webkit-transform: translateX(110%) translateY(0) translateZ(0);
    -ms-transform: translateX(110%) translateY(0);
    transform: translateX(110%) translateY(0) translateZ(0);
  }
  .sidebar-r #side-overlay {
    -webkit-transform: translateX(-110%) translateY(0) translateZ(0);
    -ms-transform: translateX(-110%) translateY(0);
    transform: translateX(-110%) translateY(0) translateZ(0);
  }
  .sidebar-l.side-overlay-hover #side-overlay {
    -webkit-transform: translateX(300px) translateY(0) translateZ(0);
    -ms-transform: translateX(300px) translateY(0);
    transform: translateX(300px) translateY(0) translateZ(0);
  }
  .sidebar-r.side-overlay-hover #side-overlay {
    -webkit-transform: translateX(-300px) translateY(0) translateZ(0);
    -ms-transform: translateX(-300px) translateY(0);
    transform: translateX(-300px) translateY(0) translateZ(0);
  }
  .side-overlay-hover #side-overlay:hover,
  .side-overlay-o #side-overlay,
  .side-overlay-o.side-overlay-hover #side-overlay {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
  }
}
.side-header {
  margin: 0 auto;
  min-height: 60px;
}
.side-header:before,
.side-header:after {
  content: " ";
  display: table;
}
.side-header:after {
  clear: both;
}
.side-header.side-content {
  overflow: visible;
}

.side-header img {
    display: inline-block;
    margin-left: -20px;
    margin-top: -24px;
}
.side-content {
  margin: 0 auto;
  padding: 13px 20px 1px;
  max-width: 100%;
  overflow-x: hidden;
}
.side-content p,
.side-content .push,
.side-content .block,
.side-content .items-push > div {
  margin-bottom: 13px;
}
.side-content .items-push-2x > div {
  margin-bottom: 26px;
}
.side-content .items-push-3x > div {
  margin-bottom: 39px;
}
.side-content.side-content-full {
  padding-bottom: 13px;
}
.side-content.side-content-full .pull-b {
  margin-bottom: -13px;
}
.side-content .pull-t {
  margin-top: -13px;
}
.side-content .pull-r-l {
  margin-right: -20px;
  margin-left: -20px;
}
.side-content .pull-b {
  margin-bottom: -1px;
}

#page-footer .content.content-boxed {
    float: right;
    margin-right: 1%;
    padding-bottom: 0;
    width: 94%;
}

#main-container {
    background-color: transparent;
}

  .bg-primary-dark-op .content {
    margin: 0;
    padding: 0;
}
.content p,
.content .push,
.content .block,
.content .items-push > div {
  margin-bottom: 16px;
}
.content .items-push-2x > div {
  margin-bottom: 60px;
}
.content .items-push-3x > div {
  margin-bottom: 48px;
}
.content.content-full {
  padding-bottom: 16px;
}
.content.content-full .pull-b {
  margin-bottom: -16px;
}
.content .pull-t {
  margin-top: -16px;
}
.content .pull-r-l {
  margin-right: -14px;
  margin-left: -14px;
}
.content .pull-b {
  margin-bottom: -1px;
}
@media screen and (min-width: 768px) {
	/*
  .content {
    margin: 0 auto;
    padding: 30px;
    max-width: 100%;
    overflow-x: visible;
  }
  */
  
  .content {
    margin: 0 auto;
    max-width: 100%;
    overflow-x: visible;
    /*padding: 20px 20px 20px 80px;*/
}

.bg-primary-dark-op .content {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
  .content p,
  .content .push,
  .content .block,
  .content .items-push > div {
    margin-bottom: 30px;
  }
  .content .items-push-2x > div {
    margin-bottom: 60px;
  }
 
  .content.content-full {
    padding-bottom: 30px;
  }
  .content.content-full .pull-b {
    margin-bottom: -30px;
  }
  .content .pull-t {
    margin-top: -30px;
  }
  .content .pull-r-l {
    margin-right: -30px;
    margin-left: -30px;
  }
  .content .pull-b {
    margin-bottom: -1px;
  }

  .content.content-narrow {
    max-width: 95%;
  }
}

.bg-image {
  background-color: #f9f9f9;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}





.block-header {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.block-header:before,
.block-header:after {
  content: " ";
  display: table;
}
.block-header:after {
  clear: both;
}
.block-title {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2;
}
.block-title.text-normal {
  text-transform: none;
}
.block-title small {
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
}
.block-content {
  margin: 0 auto;
  padding: 20px 20px 1px;
  max-width: 100%;
  overflow-x: visible;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.block-content p,
.block-content .push,
.block-content .block,
.block-content .items-push > div {
  margin-bottom: 20px;
}
.block-content .items-push-2x > div {
  margin-bottom: 40px;
}
.block-content .items-push-3x > div {
  margin-bottom: 60px;
}
.block-content.block-content-full {
  padding-bottom: 20px;
}
.block-content.block-content-full .pull-b {
  margin-bottom: -20px;
}
.block-content .pull-t {
  margin-top: -20px;
}
.block-content .pull-r-l {
  margin-right: -20px;
  margin-left: -20px;
}
.block-content .pull-b {
  margin-bottom: -1px;
}
.block-content.block-content-mini {
  padding-top: 10px;
}
.block-content.block-content-mini.block-content-full.block-content-mini {
  padding-bottom: 10px;
}
@media screen and (min-width: 1200px) {
  .block-content.block-content-narrow {
    padding-left: 10%;
    padding-right: 10%;
  }
}
.block.block-full .block-content {
  padding-bottom: 20px;
}
.block.block-full .block-content.block-content-mini {
  padding-bottom: 10px;
}
.block-table {
  width: 100%;
}
.block-table td {
  padding: 10px;
  vertical-align: middle;
}
.block.block-bordered {
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.block.block-bordered > .block-header {
  border-bottom: 1px solid #e9e9e9;
}
.block.block-rounded {
  border-radius: 4px;
}
.block.block-rounded > .block-header {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.block.block-rounded > .block-content:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.block.block-rounded > .block-content:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.block.block-themed > .block-header {
  border-bottom: none;
}
.block.block-themed > .block-header > .block-title {
  color: #fff;
}
.block.block-themed > .block-header > .block-title small {
  color: rgba(255, 255, 255, 0.75);
}
.block.block-transparent {
    background-color: transparent;
    box-shadow: none;
    float: right;
}
.block.block-opt-refresh {
  position: relative;
}
.block.block-opt-refresh > .block-header {
  opacity: .25;
}
.block.block-opt-refresh > .block-content {
  opacity: .15;
}
.block.block-opt-refresh:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #646464;
  font-family: Simple-Line-Icons;
  font-size: 18px;
  text-align: center;
  z-index: 2;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.ie9 .block.block-opt-refresh:after {
  content: "Loading.." !important;
}
.block.block-opt-fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  margin-bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.block.block-opt-hidden.block-bordered > .block-header {
  border-bottom: none;
}
.block.block-opt-hidden > .block-content {
  display: none;
}
a.block {
  display: block;
  color: #646464;
  font-weight: normal;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
a.block:hover {
  color: #646464;
  opacity: .9;
}
a.block.block-link-hover1:hover {
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
a.block.block-link-hover1:active {
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.01);
  box-shadow: 0 2px rgba(0, 0, 0, 0.01);
}
a.block.block-link-hover2:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
a.block.block-link-hover2:active {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
a.block.block-link-hover3:hover {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
a.block.block-link-hover3:active {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
.block > .nav-tabs {
  background-color: #f9f9f9;
  border-bottom: none;
}
.block > .nav-tabs.nav-tabs-right > li {
  float: right;
}
.block > .nav-tabs.nav-justified > li > a {
  margin-bottom: 0;
}
.block > .nav-tabs > li {
  margin-bottom: 0;
}
.block > .nav-tabs > li > a {
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #646464;
  font-weight: 600;
  border: 1px solid transparent;
  border-radius: 0;
}
.block > .nav-tabs > li > a:hover {
  color: #5c90d2;
  background-color: transparent;
  border-color: transparent;
}
.block > .nav-tabs > li.active > a,
.block > .nav-tabs > li.active > a:hover,
.block > .nav-tabs > li.active > a:focus {
  color: #646464;
  background-color: #fff;
  border-color: transparent;
}
.block > .nav-tabs.nav-tabs-alt {
  background-color: transparent;
  border-bottom: 1px solid #e9e9e9;
}
.block > .nav-tabs.nav-tabs-alt > li > a {
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.block > .nav-tabs.nav-tabs-alt > li > a:hover {
  -webkit-box-shadow: 0 2px #5c90d2;
  box-shadow: 0 2px #5c90d2;
}
.block > .nav-tabs.nav-tabs-alt > li.active > a,
.block > .nav-tabs.nav-tabs-alt > li.active > a:hover,
.block > .nav-tabs.nav-tabs-alt > li.active > a:focus {
  -webkit-box-shadow: 0 2px #5c90d2;
  box-shadow: 0 2px #5c90d2;
}
.block .block-content.tab-content {
  overflow: hidden;
}
.block-options-simple {
  float: right;
  margin: -3px 0 -3px 15px;
  padding: 1px 0;
  min-height: 24px;
}
.block-options-simple.block-options-simple-left {
  float: left;
  margin-right: 15px;
  margin-left: 0;
}
.block-options-simple.block-options-simple-left + .block-title {
  float: right;
}
.block-options {
  float: right;
  margin: -3px 0 -3px 15px;
  padding: 0;
  height: 24px;
  list-style: none;
}
.block-options:before,
.block-options:after {
  content: " ";
  display: table;
}
.block-options:after {
  clear: both;
}
.block-options.block-options-left {
  float: left;
  margin-right: 15px;
  margin-left: 0;
}
.block-options.block-options-left + .block-title {
  float: right;
}
.block-options > li {
  display: inline-block;
  margin: 0 2px;
  padding: 0;
}
.block-options > li > a,
.block-options > li > button {
  display: block;
  padding: 2px 3px;
  color: #999999;
  opacity: .6;
}
.block.block-themed > .block-header .block-options > li > a,
.block.block-themed > .block-header .block-options > li > button {
  color: #fff;
}
.block-options > li > a:hover,
.block-options > li > button:hover {
  text-decoration: none;
  opacity: 1;
}
.block-options > li > a:active,
.block-options > li > button:active {
  opacity: .6;
}
.block-options > li > span {
  display: block;
  padding: 2px 3px;
}
.block.block-themed > .block-header .block-options > li > span {
  color: #fff;
}
.block-options > li > a:focus {
  text-decoration: none;
  opacity: 1;
}
.block-options > li > button {
  background: none;
  border: none;
}
.block-options > li.active > a,
.block-options > li.open > button {
  text-decoration: none;
  opacity: 1;
}
.nav-main {
    list-style: outside none none;
    margin: 12px -20px 0;
    padding: 0;
}
.nav-main .nav-main-heading {
  padding: 22px 20px 6px 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.3);
}
.nav-main a {
  display: block;
  padding: 10px 20px;
  color: rgba(255, 255, 255, 0.5);
  font-size:13px;
  line-height:19px;
  text-decoration:none;
}

.nav-main a span{
cursor:pointer;	
}

.nav-main a.current {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}

.nav-main a:hover{
  color: #eee;
}

a.current{
cursor:default;	
}

.nav-main a:hover > i,
.nav-main a:focus > i {
  color: #fff;
}
.nav-main a.active,
.nav-main a.active:hover {
  color: #fff;
}
.nav-main a.active > i,
.nav-main a.active:hover > i {
  color: #fff;
}
.nav-main a > i {
  margin-right: 15px;
  color: rgba(255, 255, 255, 0.2);
}
.nav-main a.nav-submenu {
  position: relative;
  padding-right: 30px;
}
.nav-main a.nav-submenu:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  display: inline-block;
  color: rgba(255, 255, 255, 0.25);
}
.nav-main a.nav-submenu:before.nav-main a.nav-submenu:before-fwidth {
  width: 100%;
}
.nav-main ul {
  margin: 0;
  padding: 0 0 0 50px;
  height: 0;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.nav-main ul > li {
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
}
.nav-main ul .nav-main-heading {
  padding-left: 0;
  padding-right: 0;
  color: rgba(255, 255, 255, 0.65);
}
.nav-main ul a {
  padding: 8px 8px 8px 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
}
.nav-main ul a:hover,
.nav-main ul a:focus {
  color: #fff;
  background-color: transparent;
}
.nav-main ul a > i {
  margin-right: 10px;
}
.nav-main ul ul {
  padding-left: 12px;
}
.nav-main li.open > a.nav-submenu {
  color: #fff;
}


.nav-main li.open > ul {
  height: auto;
}
.nav-main li.open > ul > li {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.nav-main-header {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 20px;
  width: 100%;
  list-style: none;
  background-color: #2c343f;
  z-index: 1031;
  opacity: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.28s ease-out;
  transition: all 0.28s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(0) translateY(-100%) translateZ(0);
  -ms-transform: translateX(0) translateY(-100%);
  transform: translateX(0) translateY(-100%) translateZ(0);
}
.nav-main-header.nav-main-header-o {
  -webkit-transform: translateX(0) translateY(0) translateZ(0);
  -ms-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0) translateZ(0);
  opacity: 1;
}
.nav-main-header > li {
  margin: 0 0 10px;
}
.nav-main-header a {
  display: block;
  padding: 0 12px;
  min-height: 34px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 600;
  line-height: 34px;
}
.nav-main-header a:hover,
.nav-main-header a:focus,
.nav-main-header a.active {
  color: #fff;
}
.nav-main-header a.nav-submenu {
  position: relative;
  padding-right: 32px;
}
.nav-main-header a.nav-submenu:before {
  position: absolute;
  right: 10px;
}
.nav-main-header ul {
  margin: 0 0 0 15px;
  padding: 0;
  list-style: none;
  display: none;
}
.nav-main-header ul a {
  min-height: 32px;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
}
.nav-main-header > li:hover > a.nav-submenu {
  color: #fff;
}
.nav-main-header > li:hover > ul {
  display: block;
}
@media screen and (min-width: 992px) {
  .nav-main-header {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 0;
    width: auto;
    background-color: transparent;
    z-index: auto;
    opacity: 1;
    overflow-y: visible;
    -webkit-overflow-scrolling: auto;
    -webkit-transition: none;
    transition: none;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
  }
  .nav-main-header > li {
    position: relative;
    margin: 0 10px 0 0;
    float: left;
  }
  .nav-main-header ul {
    position: absolute;
    left: 0;
    margin: 0;
    padding: 13px 0;
    min-width: 160px;
    background-color: #3e4a59;
  }
  .nav-main-header > li:last-child > ul {
    left: auto;
    right: 0;
  }
}
.nav-header {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-header:before,
.nav-header:after {
  content: " ";
  display: table;
}
.nav-header:after {
  clear: both;
}
.nav-header > li {
  margin-right: 12px;
  float: left;
}

.nav-header > li > a, .nav-header > li > .btn-group > a {
    display: block;
    font-weight: 600;
    height: 34px;
    line-height: 34px;
    padding: 0 12px 0 2px;
}

.nav-header.pull-right > li {
  margin-right: 0;
  margin-left: 12px;
  float: left;
}
.nav-header .header-content {
  line-height: 34px;
}


#page-footer h3{
font-size:15px;	
}

.col-sm-4.bottom .address p br {
    display: block;
}

#page-footer .font-s13.push strong {
    display: block;
    font-size: 0.9em;
    margin-bottom: 5px;
}

.font-s13.push.address > p {
    font-size: 12px;
    margin: 0;
}

#page-footer .space {
    color: #ccc;
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 7px;
}

.font-s13.push span {
    display: inline-block;
    width: 23px;
}

.font-s12.push-20.clearfix .pull-left, .font-s12.push-20.clearfix .pull-right {
    font-size: 10px;
}

.font-s13.push span{
font-size: 12px;
}

.font-s13.push a{
font-size: 11px;
}

.dataTables_wrapper {
    background-color: #fff;
	box-shadow:0 2px 4px #eee;
	-moz-box-shadow:0 2px 4px #eee;
	-webkit-box-shadow:0 2px 4px #eee;
    /*padding: 20px; */
}

table.dataTable thead th {
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase;
}

.contents table.dataTable.no-footer {
    border: medium none;
}

table.dataTable tbody td {
    border-bottom: 1px solid #e9e9e9;
    color: #222;
    font-size: 12px;
    padding: 12px 10px;
}

.contents .dataTables_filter {
    background-color: #f9f9f9;
    clear: both;
    color: #555;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 15px 1%;
    text-align: left;
    text-transform: uppercase;
    width: 98%;
}

.contents .dataTables_filter label {
    color: #777;
    font-family: "open_sanssemibold";
    font-size: 13px;
    margin-left: 5px;
}


.dataTables_filter input {
    background: #fff url("../img/search_icon.png") no-repeat scroll 10px center / 18px auto;
    border: 1px solid #eee;
    font-size: 12px;
    height: 36px;
    text-indent: 38px;
	width:500px;
    transition-property: box-shadow;
	transition-property: border-color;
	 transition-duration: 0.4s;
	-moz-transition-property: box-shadow;
	-moz-transition-property: border-color;
	-moz-transition-duration: 0.4s;
	-webkit-transition-property: box-shadow;
	-webkit-transition-property: border-color;
	-webkit-transition-duration: 0.4s; 
}

.dataTables_filter input:hover {
    border: 1px solid #9ed3dd;
    box-shadow: 0 1px 1px #ddd;
	-moz-box-shadow: 0 1px 1px #ddd;
	 -webkit-box-shadow: 0 1px 1px #ddd;
}

.tabcontent .dataTables_filter input {
    border: 1px solid #e2e2e2;
}

.contents .dataTables_wrapper .dataTables_filter input {
    margin-left: 20px;
}

.tabcontent .dataTables_filter input:hover {
    border: 1px solid #9ed3dd;
    box-shadow: 0 1px 1px #ddd;
	-moz-box-shadow: 0 1px 1px #ddd;
	 -webkit-box-shadow: 0 1px 1px #ddd;
}

table.dataTable {
    padding: 1% 0;
    width: 98% !important;
}

.dataTables_wrapper.form-inline.dt-bootstrap.no-footer {
    width: 100%;
}

form .dataTables_wrapper, form .dataTables_length, form .dataTables_info {
    clear: none !important;
    float: left;
    padding-top: 0 !important;
}

#userListTable.dataTable.no-footer {
    border: none;
}

.dataTables_info {
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    line-height: 25px;
	margin-left: 1%;
    margin-right: 20px;
}

.dataTables_length {
    font-size: 12px;
}
.dataTables_info {
    font-size: 12px;
    font-weight: bold;
}

select {
    background-image: none;
    border: 1px solid #ddd;
    height: 26px;
}
#auctionForm > div {
    margin-bottom: 15px;
}

.dataTables_paginate.paging_simple_numbers {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

btnGroup {
    float: right;
    margin-top: 10px;
    text-align: right;
    width: 100%;
}

    .btn, #send.btn, .ui-dialog-buttonset button{
    background-color: #06cd93;
    background-image: -moz-linear-gradient(center top , #06cd93, #05bc86);
	background: -webkit-linear-gradient(top,#06cd93, #05bc86);
	background: -linear-gradient(top,#06cd93,#05bc86);
    border: 1px solid #05bc86;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 13px;
    height: 36px;
	line-height: 34px;
    margin-left: 5px;
    min-width: 50px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
}

.tableForm .btn, .head_name .btn, #asteTable td a.btn, #round_1 h4.title .btn, #round_2 h4.title .btn, #round_3 h4.title .btn, #round_4 h4.title .btn, #round_5 h4.title .btn, #round_6 h4.title .btn, #offerte .btn, #fornitori h4.title .btn {
    background-color: #09c1e4;
    background-image: -moz-linear-gradient(center top , #09c1e4, #07b1d1);
	background: -webkit-linear-gradient(top,#09c1e4, #07b1d1);
	background: -linear-gradient(top,#09c1e4,#07b1d1);
    border: 1px solid #07b1d1;
    height: 30px;
    line-height: 28px;
    padding-left: 12px;
    padding-right: 12px;
	font-weight:normal;
}
asteTable td a.btn {
    float: right;
    font-size: 11px;
}

.head_name .btn {
    font-size: 12px;
    height: 30px;
    margin-right: 1%;
    margin-top: 7px;
    padding-left: 5px;
    padding-right: 5px;
}

.btn.back {
    background-image: none;
    color: #05bc86;
    height: 32px;
	background-color:transparent;
	float:left;
	margin-left:0;
}

a.btn.back {
    height: 34px;
}

.btn:hover, .ui-dialog-buttonset button:hover, .documenti.second.asta.block .send .btn:hover {
    background-color: #06cd93;
    background-image: none;
    box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	-webkit-box-shadow: 0 1px 1px #ccc;
    color: #fff;
}

.tableForm .btn:hover, .head_name .btn:hover {
     background-color: #08c3e7;
	 background-image: none;
}

.label {
    color: #777;
    font-family: "open_sanssemibold";
    font-size: 11px;
    text-transform: uppercase;
}

.CaptionCont.SelectBox > span {
    overflow: hidden;
    width: 200px;
}

.tableForm {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
   -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    margin-bottom: 20px;
    /*padding: 20px 30px 25px;*/
	padding:20px 0 25px 30px;
    width: 100%;
}
.label {
    color: #777;
    font-size: 11px;
    text-transform: uppercase;
}

select {
	background: url("../img/selectCustom.png") no-repeat scroll right
		center #fff;
	border: 1px solid #e2e2e2;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	color: #777;
	font-feature-settings: normal;
	font-language-override: normal;
	text-indent:2px;
	font-size: 12px;
	height: 28px;
	line-height: 26px;
	margin-bottom: 0;
	margin-top: 0;
	overflow: hidden;
	padding-right: 25px;
	min-width:55px;
	cursor:pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
select { text-indent: 10px; }

input#modalupload[type="file"]{
    padding-top: 5px;
	padding-bottom: 5px;
    height: 20px;
    text-indent: 2px;
}

input#uploadfile[type="file"] {
    padding-top: 8px;
    padding-bottom: 3px;
    height: 22px;
}

#login input[type="text"]:-webkit-autofill{
	background: #fff url("../img/username.png") no-repeat scroll 15px center!important;
	 -webkit-box-shadow: 0 0 0px 1000px white inset !important;
	 background-color:#fff!important;
	 background-image: url("../img/username_focus.png")!important;
	 background-position:15px center!important;
	 background-repeat:no-repeat!important;
}

.dropUtente {
    margin-left: -101px;
}

}

.contents .SumoSelect.open .search-txt {
    padding-left: 0;
}

.SumoSelect > .CaptionCont > label > i {
    background: transparent url("../img/selectCustom.png") repeat scroll center center;
}

select:focus, input:focus{
	outline: none;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
}

select::-ms-expand {
	display: none;
}

.tableForm td.label {
    font-size: 11px;
    width: 10%;
}
.tableForm td {
    color: #777;
    font-size: 12px;
    max-width: 100px;
    padding: 8px 0;
}
.tableForm td input {
    background-image: none;
    border: 1px solid #ddd;
	box-shadow:0 1px 1px #f5f5f5;
	-moz-box-shadow:0 1px 1px #f5f5f5;
	-webkit-box-shadow:0 1px 1px #f5f5f5;
    color: #777;
    font-size: 12px;
    height: 28px;
    padding: 0;
    text-indent: 10px;
    width: 85%;
	text-overflow: ellipsis;
	transition-duration: 0.5s;
    transition-property: border-color;
	-moz-transition-duration: 0.5s;
    -moz-transition-property: border-color;
	-webkit-transition-duration: 0.5s;
    -webkit-transition-property: border-color;
}

.tableForm td select {
    width: 86%;
	text-overflow: ellipsis;
}

.tableForm textarea, #registration .template select{
	transition-duration: 0.5s;
    transition-property: border-color;
	-moz-transition-duration: 0.5s;
    -moz-transition-property: border-color;
	-webkit-transition-duration: 0.5s;
    -webkit-transition-property: border-color;
}

.tableForm input:focus, .tableForm input:hover, .tableForm textarea:hover, .tableForm textarea:focus, #registration .template select:hover {
    border: 1px solid #9ed3dd;
    box-shadow: 0 1px 1px #eee;
	-moz-box-shadow: 0 1px 1px #eee;
	-webkit-box-shadow: 0 1px 1px #eee;
}

.tableForm td div.SumoSelect {
    box-shadow: 0 1px 1px #f5f5f5;
	-moz-box-shadow: 0 1px 1px #f5f5f5;
	-webkit-box-shadow: 0 1px 1px #f5f5f5;
    width: 86%;
}
#inviteSupplierModal .tableForm td div.SumoSelect {
    width: 85.4% !important;
}
.SumoSelect .CaptionCont span.placeholder {
    color: #999;
    font-size: 12px;
    font-style: normal;
    text-align: left;
}

.tableForm.add .SumoSelect > .CaptionCont {
    border: 1px solid #d4e7ed;
}

.tableForm.add .SumoSelect .search-txt {
    border: medium none !important;
    border-radius: 0;
}

.optWrapper .opt {
    text-align: left;
}

.tableForm.add textarea#textlineinput {
    border: 1px solid #d4e7ed;
    color: #777;
    font-family: "open_sansregular";
    font-size: 12px;
    max-width: 83%;
    padding: 1%;
    width: 83%!important;
	height:68px!important;
}

.SumoSelect > .CaptionCont > span {
    color: #777;
    font-size: 12px;
}

.SumoSelect .optWrapper.multiple .opt.selected i {
    background-color: #06cd93 !important;
}
.SumoSelect .opt > label {
    font-size: 12px;
}

.SumoSelect .opt:hover {
    background-color: #21afd0!important;
    color: #fff;
    cursor: pointer;
}

#userListTable_next > a, .contents .paginate_button.next a {
    background: rgba(0, 0, 0, 0) url("../img/next.png") no-repeat scroll center center;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    width: 20px;
}
#userListTable_previous > a, .contents .paginate_button.previous a {
    background: rgba(0, 0, 0, 0) url("../img/previous.png") no-repeat scroll center center;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    width: 20px;
}

#userListTable_previous > a, .contents .paginate_button.previous a, #userListTable_next > a, .contents .paginate_button.next a{
	font-size: 0!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: medium none;
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
}

.dataTables_wrapper .dataTables_paginate .paginate_button a {
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    padding: 0;
	/*margin-top:2px;*/
    text-decoration: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: transparent;
    background-image: none;
    border: medium none;
}

#userListTable_wrapper .dataTables_length, #asteTable_length, .contents .dataTables_wrapper .dataTables_length {
    border-right: 1px solid #fff;
    float: right;
    margin-right: 1%;
}

select option {
    cursor: pointer;
    font-size: 13px;
    padding: 5px;
}

#error_nofile.formError {
    display: block;
    margin-left: 14.6%;
}

.contents table.dataTable thead .sorting {
    background: transparent url("../img/sort_both.png") no-repeat scroll 6px 11px;
    padding-left: 22px;
    vertical-align: top;
}

.contents table.dataTable thead .sorting_asc {
    background: transparent url("../img/sort_asc.png") no-repeat scroll 6px 11px;
    padding-left: 22px;
    vertical-align: top;
}

.contents table.dataTable thead .sorting_desc {
    background: transparent url("../img/sort_desc.png") no-repeat scroll 6px 11px;
    padding-left: 22px;
    vertical-align: top;
}

#auctionForm h2 span, #auctionForm h2 {
    font-size: 18px;
    font-weight: normal;
    margin-top: 0;
}

.dataTable thead .dateCol {
    border-bottom: 1px solid #ddd;
    font-family: "open_sansbold";
    font-size: 11px;
    font-weight: normal;
    padding-left: 10px;
    text-transform: uppercase;
}

.contents table.dataTable thead th, .contents table.dataTable tfoot th {
    font-family: "open_sansbold";
    font-weight: normal;
    line-height: 15px;
}

label.error {
    color: #ee6767;
    display: block;
    font-size: 11px;
    margin-top: 5px;
}

span.formError {
    color: #ee6767;
    font-family: "open_sansregular";
    font-size: 10px;
    margin-top: 3px;
    text-align: left;
}

.tableForm.add tr td:last-child span.formError, #inviteSupplierModal span.formError {
    margin-left: 14%;
}

.error .CaptionCont.SelectBox.search {
    border: 1px solid #ee6767;
}
.error .CaptionCont.SelectBox.search .placeholder {
    color: #ee6767;
}
.error .CaptionCont.SelectBox {border: 1px solid #ee6767;}

input.error {
    border: 1px solid #ee6767 !important;
}

#login input.error {
    background-image: none !important;
}

.tablinks {
    background-color: #f5f5f5;
    color: #16b5d4;
    display: inline-block;
    float: left;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    margin-right: 4px;
    text-align: center;
    text-decoration: none;
    width: 110px;
}
.tablinks:hover {
    color: #32d1ef;
    background-color: #f9f9f9;
}

.tab .tablinks.active {
    background-color: #fff;
    color: #888;
    cursor: default;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 110px;
}
.tab .tablinks:focus{
outline:none;	
}
.contents #auctionForm .tab {
    margin-bottom: 0;
}

#asta.tableForm, #rfx.tableForm, #round.tableForm, #round_1.tableForm, #round_2.tableForm, #round_3.tableForm, #round_4.tableForm, #round_5.tableForm, #round_6.tableForm{
    width: auto;
}

#productsTable_previous a {
    background: rgba(0, 0, 0, 0) url("../img/previous.png") no-repeat scroll center center;
    display: inline-block;
    font-size: 0;
    height: 20px;
    overflow: hidden;
    width: 20px;
}

#productsTable_next a {
    background: rgba(0, 0, 0, 0) url("../img/next.png") no-repeat scroll center center;
    display: inline-block;
    font-size: 0;
    height: 20px;
    overflow: hidden;
    width: 20px;
}

.contents .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background-color: transparent;
    box-shadow: none;
}

.paginate_button.active a {
    color: #777;
    cursor: default;
}
.paginate_button a {
    color: #32d1ef;
}

.contents .dataTables_wrapper li.paginate_button.active {
    cursor: default;
}

.contents .dataTables_wrapper .dataTables_paginate .paginate_button.disabled a {
    cursor: default;
    opacity: 0.3;
}

tr.error {
    height: 0;
    line-height: 0;
    padding: 0;
}
tr.error td {
    padding: 0;
}
tr.error td {
    color: #ee6767;
    font-size: 11px;
    padding-bottom: 5px;
}
#addRow.btn {
    float: right;
    margin-right: 15%;
}

#asta.tableForm table, #rfx.tableForm table, #round.tableForm table, #round_1.tableForm table, #round_2.tableForm table,  #round_3.tableForm table,  #round_4.tableForm table,  #round_5.tableForm table,  #round_6.tableForm table {
    width: 100%;
}

h2.title {
    clear: both;
    display: block;
    width: 100%;
}


/* inizio login page  */

body#login {
    background: rgba(0, 0, 0, 0) url("../img/carriere.jpg") no-repeat fixed center top / cover ;
	overflow:hidden;
	margin:0;
}

#login form {
    background: transparent url("../img/login_pattern.png") repeat scroll center top;
    float: left;
    height: auto;
    margin: 0 auto;
    padding: 4%;
    width: 92%;
}

/*
#login form {
    background: rgba(0, 0, 0, 0) url("../img/login_pattern.png") repeat scroll center top;
    height: 285px;
    margin: 100px auto 0;
    padding: 150px 30px 30px;
    text-align: center;
    width: 450px;
	box-shadow: 0 2px 20px #697b84;
   -moz-box-shadow: 0 2px 20px #697b84;
   -webkit-box-shadow: 0 2px 20px #697b84;
}
*/
#login form label {
    color: #888;
    display: block;
    font-family: "open_sanssemibold";
    font-size: 13px;
    text-align: left;
    text-transform: uppercase;
}
#login form div {
    float: left;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
#login form div input {
    background-color: #fff;
    border: 1px solid #fff;
    color: #777;
    font-size: 13px;
    height: 46px;
    margin-bottom: 10px;
    text-indent: 10px;
    width: 100%;
}

#login input[type="submit"] {
    background-color: #56b9f0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-family: "open_sanssemibold";
    font-size: 15px;
    height: 50px;
    padding-left: 0;
    padding-right: 0;
    text-indent: 0;
    text-transform: uppercase;
   transition-property:background-color;
    transition-duration: 0.4s;
	-moz-transition-property:background-color;
    -moz-transition-duration: 0.4s;
	-webkit-transition-property:background-color;
    -webkit-transition-duration: 0.4s;
    width: 100%;
}

#login input[type="submit"]:hover, #login .submit.register input[type="submit"]:hover {
    background-color: #88d2fb;
    border: none;
    color: #fff;
}
#login input:hover, #login input:focus {
}

#login input[type="text"] {
    text-indent: 15px;
}

#login input[type="password"] {
    background: #fff url("../img/password.png") no-repeat scroll left center;
    text-indent: 20px;
}
#login label#username-error.error, #login label#hashpassword-error.error {
    color: #ee6767;
    float: left;
    font-weight: normal;
    margin-top: 0;
    text-transform: none;
}

#login span.error {
    background: transparent url("../img/error.png") no-repeat scroll left center;
    color: #ee6767;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 0 10px;
    text-align: left;
    text-indent: 12px;
    width: 98%;
}

p.introduction {
    color: #f5f5f5;
    font-family: "open_sanslight";
    font-size: 18px;
    line-height: 33px;
    margin: 0 auto 20px;
    text-align: center;
    width: 90%;
}
.log_content h3 {
    background: transparent url("../img/titleLine.png") no-repeat scroll center center;
    color: #fff;
    font-family: "open_sansregular";
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 10px;
    text-align: center;
}

.log_content {
    background-size: 25% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    padding-top: 60px;
    width: 66%;
}

#login form .field {
    width: 40%;
}

#login form .field input{
float:left;	
}
#login form .field.register {
    color: #fff;
    font-family: "open_sanslight";
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    margin-top: 10px;
    width: 80%;
}
.submit.register {
    margin-top: 10px;
}

#login form .submit {
    width: 20%;
}

#login .submit.register input[type="submit"] {
    background-color: transparent;
    border: 1px solid #56b9f0;
    color: #56b9f0;
    height: 46px;
	margin-bottom:0;
}

.introduction.bottom {
    color: #ddd;
    float: left;
    font-size: 12px;
    width: 100%;
}

.introduction.bottom a {
    background: transparent url("../img/download_green.png") no-repeat scroll left center / 14px auto;
    color: #1de4ab;
    cursor: pointer;
    font-family: "open_sanssemibold";
    margin-left: 8px;
    padding-left: 17px;
    text-decoration: none;
}

.introduction.bottom a:hover{
color:#36f1bb;
}

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

  #login form .field, #login form .submit {
    width:100%;
  }
  
  .log_content {
    width: 90%;
}

#login form div input {
    border-right: none;
	text-align:center;
	text-indent:0;
}

#login input[type="password"], #login input[type="text"] {
    background-image: none;
    text-indent:0;
	border: medium none;
    padding: 0;
}

p.introduction {
font-size:15px;
line-height:22px;
}

.log_content h3{
font-size:20px;	
}

.log_content {
    background-position: center top;
}

#login form .field.register{
text-align:center;
font-size:13px;
width:100%;
height:48px;
line-height:18px;
}

#login label#username-error.error, #login label#hashpassword-error.error {
    margin-bottom: 10px;
}

.introduction.bottom {
    font-size: 11px;
	line-height:16px;
	margin-top:10px;
}

 #login .log_content .legend .sub .options{
background-image:none;	
}

 #login .choice span {
    margin-left: -30px;
}

 #login .log_content .legend .choice li span{
	text-align:center;
	padding:5px; 
 }

#login .log_content .legend .choice li span a {
    display: block;
}

.log_content .links a img {
    height: 8px;
	margin-left:5px;
}

#login .footer p {
    margin: 0 auto;
    text-align: center;
    width: 95%;
}

}


#login .recover {
    background: transparent url("../img/psw_rec.png") no-repeat scroll center center;
    display: inline-block;
    height: 16px;
    width: 16px;
}
#login .legend {
    float: right;
    margin-right: 12px;
    margin-top: -44px;
    z-index: 999999;
}
#login .legend li.sub {
    cursor: pointer;
}
#login .legend .menu > ul {
    display: inline;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
}
#login .legend .choice > li {
    padding: 5px 0;
}
#login .legend .sub .options legend {
    color: #232323;
    font-weight: bold;
}
#login .legend .options a {
    color: #888;
    float: left;
    line-height: 16px;
    padding-left: 16px;
    text-decoration: none;
    transition-duration: 0.4s;
    transition-property: color;
}
#login .legend .options a span {
    color: #888;
    display: block;
}
#login .legend .options a span:hover {
    color: #52aeef;
}
#login .legend .options a:hover {
    color: #52aeef;
}
#login .legend .sub:hover > .options {
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}
#login .legend .sub:hover {
    color: #52aeef;
}

#login .legend .sub .options {
    background: transparent url("../img/recover.png") no-repeat scroll center center;
    color: #999999;
    cursor: default !important;
    font-size: 12px;
    line-height: 17px;
    margin-left: -108px;
    margin-top: -54px;
    opacity: 0;
    padding: 20px;
    position: absolute;
  transition-duration: 0.8s;
    transition-property: opacity;
	-moz-transition-duration: 0.8s;
    -moz-transition-property: opacity;
	-webkit-transition-duration: 0.8s;
    -webkit-transition-property: opacity;
    visibility: hidden;
    width: 190px;
    z-index: 999999999;
}

#login .legend .sub .options ul.choice {
    margin: 0;
    padding: 0;
}
#login ul.choice font {
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin-top: 8px;
}
#login .legend .sub .options ul a li {
    display: block;
    font-family: arial;
    font-size: 12px;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
}
#login .legend .sub .options ul a li:hover {
    color: #52aeef;
}
#login .legend li.sub {
    border-bottom: 10px solid transparent;
    color: #1b9cf9;
    padding-left: 18px;
}
#login .legend li {
    text-transform: none;
}

#login .legend .menu {
    display: inline-block;
    height: 0;
}
#login .legend .menu ul li {
    display: inline-block;
    float: left;
    font-size: 11px;
    list-style: outside none none;
    text-align: left;
    width: 100%;
}
#login .legend .menu ul li img {
    float: right;
    height: auto;
    margin-bottom: 3px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}
#login .legend ul > li.sub {
    color: #1494f0;
    float: left;
    font-family: arial;
    font-size: 13px;
    padding-left: 4px;
    width: auto;
}

#login .legend .choice li span a {
    color: #56b9f0;
    float: none;
    margin: 0;
    padding-left: 5px;
}
#login .legend .choice li span a:hover {
    color: lightblue;
}
#login .legend .choice span {
    background-color: #323232;
    float: left;
    margin-top: -8px;
    padding: 5px;
    text-align: left;
    width: 100%;
}

#login .footer {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    height: 66px;
    left: 0;
    margin-bottom: 0;
    opacity: 0.9;
    position: fixed;
    width: 100%;
}

#login .footer p {
    background: transparent url("../img/niumactive_footer.jpg") no-repeat scroll right 5px;
    color: #777;
    font-size: 10px;
    height: 66px;
    line-height: 66px;
    margin: 0 auto;
    width: 66%;
}

#login .footer p b {
    color: #56b9f0;
    font-family: open_sansbold;
    font-weight: normal;
}
.log_content .links {
    float: right;
    margin-top: -70px;
}

.log_content .links img {
    margin-left: 10px;
    margin-right: 0;
}

/* fine login page */

.SumoSelect .CaptionCont.SelectBox span {
    width: auto;
	text-align:left;
}


.dateCol a img, .dateCol img, .dataTable td img {
    opacity: 0.8;
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	 cursor: pointer;
    margin: 3px;
}

.dateCol a img:hover, .dateCol img:hover, .dataTable td img:hover{
	opacity: 1;
	-khtml-opacity: 1;
	-moz-opacity: 1;
}

.btn.off {
    opacity: 0.4;
	-khtml-opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

input.btn {
    line-height: 0;
}

.btn.off:hover{
	cursor:default;
	box-shadow:none;
}

table.dataTable tbody td.view {
    color: #04bddf;
    font-family: "open_sanssemibold";
}

.dateCol.view a{
	color: #04bddf;
    font-family: "open_sanssemibold";
	cursor:pointer;
}
table.dataTable tbody td.view:hover, .dateCol.view a:hover {
    color: #0dd2f7;
}

#tableAggiudicazione .dateCol.view a {
    font-size: 13px;
}
.tabcontent .dataTables_filter {
    border-bottom: medium none;
	background-color:#f9f9f9;
	color:#555;
	font-weight:normal;
	box-shadow:none;
	background-image:none;
    float: left;
    margin: 1% 1% 10px;
    padding: 1%;
    width: 96%;
}
.tabcontent {
    background-color: #fff;
    clear: left;
}

.tabcontent .tableForm {
    margin-bottom: 0;
}

#auctionForm h2.title {
    float: left;
    height: 38px;
    line-height: 38px;
    margin-bottom: 15px;
}

/* inizio autocomplete */

.autocomplete-suggestions {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 3px #c1c1c1;
	-moz-box-shadow: 0 1px 3px #c1c1c1;
	-webkit-box-shadow: 0 1px 3px #c1c1c1;
    overflow: auto;
	width: auto !important;
}
.autocomplete-suggestion {
    color: #666;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden;
    padding: 6px 10px;
    white-space: nowrap;
}
.autocomplete-selected {
    background: #f0f0f0 none repeat scroll 0 0;
}
.autocomplete-suggestions strong {
    /*color: #3399ff;
    font-weight: bold;*/
	font-weight:normal;
}

/* fine autocomplete */


/* calendario*/

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu {
    border: medium none;
    border-radius: 0;
    font-size: 11px;
    padding: 15px;
    text-transform: uppercase;
}
.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .day.active, .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .month.active {
    background-color: #09c1e4;
    background-image: none;
    border-radius: 0;
}
.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .day {
    height: 25px;
    padding: 0;
    width: 20px;
}
.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .day:hover, .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .today:hover, .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .switch:hover, .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .prev:hover, .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .next:hover, .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .day.new:hover, .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .month:hover, .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .hour:hover, .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .minute:hover {
    background-color: transparent;
    color: #09c1e4;
}
.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .switch,.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .today {
    color: #0198b5;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 10px;
    text-transform: none;
}

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .today {
    font-size: 11px;
    padding-top: 0;
    padding-bottom: 0;
}

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .next {
    background: transparent url("../img/next.png") no-repeat scroll center center;
}
.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .prev {
    background: transparent url("../img/previous.png") no-repeat scroll center center;
}

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .day.old {
    color: #dedede;
}

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .day.new {
    color: #ccc;
}
#auctionForm .tableForm td input.form_datetime {
    background: #fff url("../img/datepicker.png") no-repeat scroll right center;
    cursor: pointer;
}

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .month.active, .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .year.active {
    background: rgba(0, 0, 0, 0) url("../img/selected.gif") no-repeat scroll center center;
}

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .hour.active, .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .minute.active{
    background-color: #09c1e4;
    background-image: none;
    border-radius: 0;
}

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .month.active:hover{
background-image:none;	
}

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .dow {
    font-family: "open_sanssemibold";
    font-weight: normal;
    padding-bottom: 10px;
}

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu td.active:hover,.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu span.active:hover {
    background-color: #09c1e4 !important;
    color: #fff !important;
}

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .month.active:hover, .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu .year.active:hover {
    background: #fff url("../img/selected.gif") no-repeat scroll center center!important;
    background-color: #fff!important;
}


/* fine calendario */

/*
#documenti .tableForm {
    background: rgba(0, 0, 0, 0) url("../img/search_bg.jpg") repeat scroll 0 0;
    margin: 1%;
    padding: 4px 1% 0;
    width: 98%;
}

*/

#documenti .tableForm {
    background-color: #fff;
    border: 1px solid #dedede;
    margin: 1%;
    padding: 4px 1% 0;
    width: 98%;
}

/*
#documenti .tableForm .btn {
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 60px;
}
*/

#documenti .tableForm .btn {
    font-size: 13px;
    height: 32px;
    line-height: 30px;
    margin-top: 3px;
    text-align: center;
    width: 60px;
}

#documenti .tableForm .label {
    color: #555;
}
/*

#documenti .tableForm .label {
    color: #fff;
}
*/

#documenti .tableForm input {
    background-color: #f9f9f9;
    border: medium none;
    box-shadow: 0 1px 1px #eee;
	-moz-box-shadow: 0 1px 1px #eee;
	-webkit-box-shadow: 0 1px 1px #eee;
}


#documenti {
    float: left;
    width: 100%;
}

.tableForm input#uploadfile {
    background-color: #fff;
    border: medium none;
    cursor: pointer;
    font-style: italic;
    padding: 4px;
    text-indent: 0;
    width: 100%;
}

.tableForm input#descrizionedocumentoinput {
    border: 1px solid #fff;
    padding: 2px;
}

#documenti .tableForm .btn:hover, #prodotti .tableForm .btn:hover, .tableForm input#uploadfile:hover {
    box-shadow: none;
} 

#fornitori.tabcontent {
    background-color: #fff;
    float: left;
    width: 100%;
}

.contents #fornitori.tabcontent .dataTables_filter {
    background-color: #f5f8f9;
    margin-bottom: 0;
}
#fornitori .dataTables_filter #search {
    background-position: 98% center;
    background-size: 15px auto;
    border: 1px solid #d4e7ed;
    font-size: 11px;
    height: 30px;
    width: 50%;
}

#fornitori .tableForm.add input {
    border: 1px solid #d4e7ed;
    height: 30px;
    width: 85%;
}

#fornitori .tableForm {
    background-color: #f1f5f8;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 0;
    padding: 5px 1%;
    width: 98%;
}

#fornitori .dataTables_wrapper.form-inline.dt-bootstrap.no-footer {
    margin-top: 20px;
}

#fornitori.tabcontent .dataTables_filter {
    margin-bottom: 5px;
    margin-top: 10px;
}

#prodotti .tableForm {
    background: rgba(0, 0, 0, 0) url("../img/search_bg.jpg") repeat scroll 0 0;
    margin: 1%;
    padding-bottom: 10px;
    padding-top: 15px;
    width: 98%;
}

#prodotti .tableForm .label {
    color: #555;
}

#prodotti.tabcontent {
    float: left;
    width: 100%;
}

#prodotti .tableForm input {
    border: medium none;
    height: 30px;
}

.tableForm input[type="number"] {
    padding-right: 2%;
    width: 83%;
}

#fornitori .tableForm td.label {
    text-align: left;
}

#fornitori .tableForm td input {
    width: 98%;
}

.documenti.first, .documenti.second {
    background-color: #fff;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
#documenti.tabcontent {
    background-color: transparent;
}

.documenti.second .tableForm input {
    border: medium none;
    height: 34px;
   /* width: 100%;*/
}

.documenti.second .add .SumoSelect p {
    height: 22px;
    line-height: 22px;
}

#fornitori .dataTables_filter label {
    color: #555;
    display: inline-block;
    font-family: "open_sansbold";
    font-size: 11px;
    margin-right: 25px;
    width: auto;
}

h4.title {
    margin: 18px 0 0;
}
h4.title span {
    font-size: 14px;
    font-weight: normal;
    margin-left: 1%;
    padding: 0;
}

#asta.readonly span, #round_1 .readonly span, #round_2 .readonly span, #round_3 .readonly span, #round_4 .readonly span, #round_5 .readonly span, #round_6 .readonly span, .readonly span {
    background-color: #f3f7f9;
    border: 2px solid #f3f7f9;
    color:  #7392a2;
    display: inline-block;
    line-height: 17px;
    min-height: 14px;
    padding-bottom: 5px;
    padding-left: 2%;
    padding-top: 5px;
    pointer-events: none;
    text-indent: 0;
    width: 83%;
	/*-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;*/
}

#asta.readonly span.title {
    border-right: none;
     border-left: none;
     border-bottom: none;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 0;
    padding-top: 16px;
    text-indent: 0;
    width: 97%;
}
#prodotti .dataTables_wrapper.form-inline.dt-bootstrap.no-footer {
    margin-top: 20px;
}

/* TOOLTIP*/

.tooltip {
    display: block;
	margin-top: 3px!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.42857;
    opacity: 0;
    position: absolute;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    z-index: 1070;
	 transition-property: opacity;
    transition-duration: 0.5s;
	-moz-transition-property: opacity;
    -moz-transition-duration: 0.5s;
	-webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
}
.tooltip.in {
    opacity: 1;
}
.tooltip.top, .tableHome #box .tooltip.top{
    margin-top: -3px;
    padding: 5px 0;
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}
.tooltip-inner, .tableHome #box .tooltip-inner {
    background-color:#fff;
    color: #777;
    max-width: 300px;
    padding: 7px 10px;
	font-size:11px;
    text-align: center;
	margin-top:10px;
	box-shadow:0 1px 3px #bbb;
	-moz-box-shadow:0 1px 3px #bbb;
	-webkit-box-shadow:0 1px 3px #bbb;
}

.tooltip-arrow,  .tableHome #box .tooltip-arrow {
    border-color: transparent;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
}
.tooltip.top .tooltip-arrow, .tableHome #box .tooltip.top .tooltip-arrow  {
    border-top-color: #fff;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
}
.tooltip.top-left .tooltip-arrow {
    border-top-color: #000;
    border-width: 5px 5px 0;
    bottom: 0;
    margin-bottom: -5px;
    right: 5px;
}
.tooltip.top-right .tooltip-arrow {
    border-top-color: #000;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #000;
    border-width: 5px 5px 5px 0;
    left: 0;
    margin-top: -5px;
    top: 50%;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #000;
    border-width: 5px 0 5px 5px;
    margin-top: -5px;
    right: 0;
    top: 50%;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    left: 50%;
    margin-left: -5px;
    top: 0;
}
.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    margin-top: -5px;
    right: 5px;
    top: 0;
}
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    left: 5px;
    margin-top: -5px;
    top: 0;
}

/* FINE TOOLTIP*/


.documenti.first.asta {
    height: 130px;
    margin-top: 20px;
}

.infoblock {
    border-right: 1px solid #dedede;
    height: 42px;
	margin-top:25px;
    width: 15%;
	float:left;
}

.documenti.first.asta h4 {
    background-color: #f9f9f9;
    height: 44px;
    line-height: 44px;
    margin-top: 0;
	margin-bottom:0;
}

.documenti.first.asta h4.title span, .documenti.second.asta h4.title span {
    color: #789eb7;
    font-family: open_sanssemibold;
    font-size: 15px;
}

#rankTable tr td:first-child {
    color: #777;
    font-size: 13px;
    font-weight: bold;
}

.infoblock .title, .infoblock .value{
text-align:center;	
width:100%;
}
.infoblock .title {
    color: #232323;
    font-family: "open_sansbold";
    font-size: 13px;
    text-transform: uppercase;
}

.infoblock.noborder, .infoblock.suggested{
border:none;	
}

.infoblock.suggested {
    background: transparent url("../img/suggested.jpg") no-repeat scroll left top;
    float: right;
    height: 66px;
    margin-bottom: 0;
    margin-right: 3px;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 20px;
    width: 24%;
}

.infoblock .value {
    color: #54808e;
    font-size: 13px;
    line-height: 15px;
    margin: 0 auto;
    width: 96%;
}

.infoblock.suggested .title {
    color: #fff;
    font-family: "open_sansregular";
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 10px;
    width: 99%;
}
.infoblock.suggested .value {
    color: #fff;
    font-family: "open_sansbold";
    font-size: 15px;
    margin-left: 6px;
    margin-top: -3px;
}

.infoblock.suggested .value.big {
    font-size: 18px;
    line-height: inherit;
}
.documenti.second.asta .tableForm {
    background: #317caa url("../img/range_bg.jpg") repeat scroll left center;
    height: 64px;
    margin: -2px 1% 1%;
    padding: 0;
    width: 98%;
}
.timeblock {
	background: #f7f9fb url("../img/timeArrow.gif") no-repeat center left;
    height: 64px;
    margin-left: 1%;
    width: 98%;
}

.range {
    background: transparent url("../img/rangeArrow.png") no-repeat scroll left center;
    height: 64px;
}

.timeblock .timer, .range {
    background-color: transparent;
    float: left;
    height: 64px;
    width: 40%;
}

.timeblock .intro, .range .intro {
    color: #4f657b;
    float: left;
    font-family: "open_sansbold";
    font-size: 12px;
    line-height: 16px;
    margin-left: 3%;
    margin-top: 15px;
    text-transform: uppercase;
    width: 11%;
}

.details {
    background: #eef2f6 url("../img/time_end.gif") no-repeat scroll left center;
    float: right;
    height: 64px;
    padding-left: 4%;
    width: 56%;
}


@media screen and (max-width: 1200px) {
.contents #clockdiv .cal {
    background-image:none;
	padding-left:0;
}

 .contents #clockdiv .time {
    background-image:none;
	padding-left:15px;
}

.contents #clockdiv {
    margin-left: 19%;
    width: 67%;
}
.contents #rangediv {
	 width: 64%;
	 margin-left: 22%;
}

.values .min, .values .max{
font-size:13px;	
}
}


@media screen and (max-width: 1420px) {
.timeblock .details .title .value{
display:block;
margin-left:0;	
}
}

@media screen and (max-width: 1350px) {
.timeblock .details .title{
	white-space:normal;
	text-align:left;
	margin-top:15px;
}

.details.blue #send.btn{
	background-image:none;
	font-size:11px;
	padding:0;
}
}

@media screen and (max-width: 1200px) {
.contents .infoblock .value{
font-size:12px;	
}
}

@media screen and (max-width: 1300px) {
#registration .template {
    width: 94%!important;
}

#registration #contractDiv {
    width: 90%;
}
}

@media screen and (max-width: 1080px) {
.contents .details.blue .title {
   font-size:11px;
}
}

.details .title {
    border-right: 1px solid #ccc;
    float: left;
    font-family: "open_sansbold";
    font-size: 12px;
    margin-right: 2%;
    margin-top: 24px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 33%;
}

.details .value {
    color: #777;
    font-family: "open_sansregular";
    font-size: 11px;
    margin-left: 7px;
    text-transform: none;
}

.details .title:last-child {
    border: medium none;
	width: 26%;
}

#clockdiv, #rangediv {
    background-color: transparent;
    float: left;
    margin-left: 15%;
    margin-top: 12px;
    width: 71%;
}

#rangediv {
    background: transparent url("../img/range_icon.png") no-repeat scroll center center;
    height: 64px;
    margin-left: 17%;
    margin-top: 0;
    width: 64%;
}

#clockdiv > div {
    float: left;
    margin-left: 15px;
    text-align: center;
}
#clockdiv .smalltext {
    color: #444;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    text-transform: capitalize;
}
#clockdiv .days, #clockdiv .seconds, #clockdiv .minutes, #clockdiv .hours {
    color: #00bf96;
    font-family: "open_sansbold";
    font-size: 16px;
    font-weight: normal;
}
#clockdiv .cal {
    background: transparent url("../img/days.png") no-repeat scroll left center;
    padding-left: 11%;
    padding-right: 1%;
}
#clockdiv .time {
    background: transparent url("../img/hours.png") no-repeat scroll 18px center;
    border-left: 1px solid #ddd;
    margin-left: 20px;
    padding-left: 16%;
}

.range .intro {
    color: #fff;
}

.details.blue {
    background: transparent url("../img/info_end.jpg") no-repeat scroll left center;
}

.max {
    float: right;
    margin-top: 8px;
}
.min {
    float: left;
    margin-top: 8px;
}
.min, .max {
    color: #fff;
    font-family: "open_sansbold";
    font-size: 16px;
    text-transform: uppercase;
}
.min span, .max span {
    font-family: "open_sansregular";
    font-size: 11px;
}

.discount, .values {
    float: left;
    width: 100%;
}
.discount .max, .discount .min {
    font-size: 11px;
    margin-top: 7px;
    text-transform: uppercase;
}

.details.blue .title, .details.blue .value {
    color: #fff;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
	width:33%;
	float:left;
}

.details.blue .discount, .details.blue .send {
    color: #fff;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-top: 20px;
    text-transform: uppercase;
    width: 16%;
}

.documenti.second.asta .details.blue input {
    border: medium none;
    font-size: 13px;
    height: 28px;
    text-indent: 12px;
	width:90%;
}
.details.blue .title {
    height: 28px;
    line-height: 28px;
    text-align: center;
	border:none;
}

.details.blue .discount {
    font-family: open_sanssemibold;
    font-size: 11px;
    font-weight: normal;
    margin-top: 17px;
}
#realTimeValoreTotPerc {
    font-size: 16px;
    margin-left: 5px;
}
.details.blue .discount span {
    font-size: 11px;
    font-weight: normal;
    margin-right: 5px;
}

#send.btn {
    background: #06cd93 url("../img/send_icon.png") no-repeat scroll 9px center / 12px auto;
    font-size: 12px;
    font-family: "open_sanssemibold";
    padding-left: 22px;
    text-transform: uppercase;
    transition-property:background-color;
	transition-duration:0.4s;
	-moz-transition-property:background-color;
	-moz-transition-duration:0.4s;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.4s;	
    white-space: nowrap;
    width: 100%;
}

#send.btn:hover{
	background-color:#0cd99d;
	box-shadow:none;
}

.tabcontent .tableForm {
    box-shadow: none;
}
.documenti.view h4 {
    padding-bottom: 15px;
}
.details.blue .send {
    margin-top: 13px;
}

.details.blue .send {
    margin-top: 13px;
    width: 19%;
}
.details.blue .value {
    width: 30%;
}

h4 .guide {
    cursor: pointer;
    float: right;
	width:17px;
    margin-right: 1%;
    margin-top: 15px;
    opacity: 0.7;
}

h4 .guide:hover{
opacity:1;	
}

.documenti.second.asta .guide {
    margin-top: 0;
}

.lowercase{
text-transform:lowercase;	
}

#messageEsito.error, #message span.error, #message .error {
    background: #fff7f7 url("../img/error.png") no-repeat scroll 13px center;
    border: 1px solid #fae2e2;
    color: #ee6767;
    font-size: 15px;
    margin-left: 1%;
    padding: 1% 1% 1% 3%;
    width: 94%;
}

.contents #message span.error, .contents #message span.success {
    display: block;
    margin-bottom: 10px;
    margin-left: 0;
    width: 96%;
}

#messageEsito.success, #message span.success, #message .success{
    background: #e8faed url("../img/success.png") no-repeat scroll 13px center;
    border: 1px solid #9ee5b2;
    color: #62c17d;
    font-size: 15px;
    margin-left: 1%;
    padding: 1% 1% 1% 3%;
    width: 94%;
}

.dateCol .unitItem {
    background: #fafcfe url("../img/money_icon.png") no-repeat scroll 8px center;
    border: 1px solid #a6ccdf;
    box-shadow: none;
    color: #51a8c4;
    font-family: "open_sanssemibold";
    font-size: 12px;
    height: 24px;
    padding-right: 8px;
    text-align: right;
    width: 80%;
}

.unitItem:focus,.unitItem:hover {
    background-color: #f7f9fb;
    box-shadow: 0 1px 1px #dedede;
}
#itemListTable tr td:last-child, #itemListTableAggiudicazione tr td:last-child {
    color: #10d387;
    font-family: "open_sanssemibold";
    font-size: 14px;
    padding-right: 20px;
    text-align: right;
}
#itemListTable thead th:last-child, #itemListTableAggiudicazione thead th:last-child {
    background-position: right center;
    padding-right: 20px;
    text-align: right;
}

#tableAggiudicazione tr td.dateCol.center:last-child {
    color: #10d387;
    font-family: "open_sanssemibold";
    font-size: 14px;
}


.dateCol .error {
    color: #ee6767;
    font-size: 11px;
    margin-top: 2px;
}

#grafico, #grafico_1, #grafico_2, #grafico_3, #grafico_4, #grafico_5, #grafico_6 {
    border-top: 15px solid #f2f2f2;
    display: block;
    float: left;
    padding-top: 22px;
}
.offline, .online {
    background-color: #ea6767;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-family: "open_sanssemibold";
    font-size: 12px;
    padding: 3px;
    text-align: center;
    text-transform: capitalize;
    width: 46px;
}
.online {
    background-color: #2dcc8e;
}

.sliding-middle-out {
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
	width:100%;
}
.sliding-middle-out .barretta {
	float:left;
	text-align:left;
	content: '';
	height:64px;
	margin-top:-64px;
	opacity:0.4;
	/* height: 3px; */
	margin-left:1%;
	width: 10px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

.sliding-middle-out .barretta.multi {
	height:38px;
	margin-top:-38px;
}


/*.sliding-middle-out:hover > .barretta{
	width: 500px;
	background: #25cb9c;
}*/


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

.modal-content.small {
    width: 60%;
}
.modal-content.small .label {
    white-space: normal;
    width: 25%;
}

.modal-content.loading {
background-color: transparent;
margin: auto;
padding: 10px;
border: 0px solid #888;
width: 60px;
height: 50px;
min-height: 50px;
}

.modal-content.loading > img {
    background-color: #fff;
    border: 7px solid #fff;
    border-radius: 40px;
    box-shadow: 0 1px 8px #777;
	-moz-box-shadow: 0 1px 8px #777;
	-webkit-box-shadow: 0 1px 8px #777;
    opacity: 0.9;
    width: 35px;
}

/* The Close Button */
.close {
    background: transparent url("../img/close_icon.png") no-repeat scroll right top;
    color: #aaaaaa;
    float: right;
    font-size: 0;
    font-weight: bold;
    height: 30px;
    width: 30px;
	opacity:0.8;
}
.close:hover{
opacity:1;	
}

.modal-content h4.title {
    margin-bottom: 40px;
    margin-top: 0;
}

.modal-content h4.title span {
    color: #222;
    font-size: 15px;
    margin-left: 0;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-content .dataTables_wrapper, .modal-content .dataTables_length, .modal-content .dataTables_info{
	
clear: none !important;
float: none;
padding-top: 0 !important;
	
}
/* The Modal (background) END*/

th.actions {
    background-image: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center !important;
    width: 75px !important;
}

.modal-content {
    min-height: 300px;
}

.modal-content div, .modal-content table#itemListTable.dataTable {
    box-shadow: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 100% !important;
}

#auctionForm div.head_name {
    background-color: #f9f9f9;
    color: #789eb7;
    font-family: "open_sanssemibold";
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    margin-bottom: 0;
    padding-left: 1%;
    width: 99%;
	float:left;
}

/*drop */


table.dt-rowReorder-float {
}
	
tr.dt-rowReorder-moving {}body.dt-rowReorder-noOverflow {
	overflow-x: hidden;
	}
	
	table.dataTable td.reorder {
	text-align: center;
	cursor: move;
	}
	
	table.dt-rowReorder-float td {
    background-color: #d6eaef!important;
}
table.dt-rowReorder-float {
    opacity: 0.8;
    position: absolute !important;
    z-index: 2001;
    width: 91%!important;
    float: left;
    border: none!important;
    background-color: #b8dce5;
    padding: 0;
}
		
#downloadsTable tr td:first-child , #uploadsTable tr td:first-child, #productsTable tr td:first-child {
    background: transparent url("../img/move.png") no-repeat scroll 50% center;
    cursor: move;
    font-size: 13px;
    font-weight: bold;
    width: 10%;
}

#downloadsTable, #uploadsTable, #productsTable {
    border-collapse: collapse;
}

table.dataTable.display tr:hover {
    background-color: #e4f1f4 !important;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: transparent;
}

#downloadsTable tr td.dataTables_empty, #duploadsTable tr td.dataTables_empty {
    background-image: none;
}
#downloadsTable.dataTable tr:hover, #uploadsTable.dataTable tr:hover, #productsTable.dataTable tr:hover {
    background-color: transparent!important;
}

.documenti.view #downloadsTable_wrapper, .documenti.view #uploadsTable_wrapper, .documenti.view #productsTable_wrapper{
    border: medium none;
    box-shadow: none;
    margin-bottom: 20px;
}

#productsTable tr td:first-child {
    background-position: 90% center;
}
#productsTable th:hover, #productsTable tr:hover {
    background-color: #fff!important;
}

.documenti.view #downloadsTable tr td:first-child, .documenti.view #uploadsTable tr td:first-child, .documenti.view #productsTable tr td:first-child{
    background-image: none;
	cursor:default;
}

.contents table.dataTable .dataTables_empty, .contents table.dataTable #downloadsTable td.dataTables_empty, .contents #downloadsTable tr td.dataTables_empty, .contents #productsTable tr td.dataTables_empty, .contents #uploadsTable tr td.dataTables_empty, .contents .documenti.view #downloadsTable tr td.dataTables_empty, .contents .documenti.view #uploadsTable tr td.dataTables_empty, #prodotti .dataTables_empty {
    background: #fff url("../img/msg.png") no-repeat scroll 0 center;
    border-bottom: 22px solid #fff;
    color: #469bd1;
    cursor: default;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-top: -71px;
    padding: 15px 1%;
    position: absolute;
    text-align: left;
    text-indent: 10px;
    width: 98%;
}

#prodotti .dataTables_empty, #fornitori .dataTables_empty, #PrimoRoundFornitori .dataTables_empty, #round_1 .dataTables_empty, #round_2 .dataTables_empty, #round_3 .dataTables_empty, #round_4 .dataTables_empty, #round_5 .dataTables_empty, #round_6 .dataTables_empty, #tableFornitoriRound .dataTables_empty  {
    margin-top: -84px;
    border-bottom: 50px solid #fff;
    width: 96%;
}

.contents #round_1 .type_3.dataTable.no-footer .dataTables_empty {
    border-bottom: 0 none;
    margin-top: -50px;
}

.contents #asteTable.type_4 .dataTables_empty {
    border-bottom: 50px solid #fff;
    margin-bottom: 0;
    margin-top: -82px;
    width: 96%;
}

#productsTable {
    padding: 0;
}

#productsTable .dataTables_empty {
    width: 98%;
}

#tableFornitoriRound_wrapper {
    border-top: 20px solid #fff;
}

.contents #documenti .documenti.view .dataTables_empty, .contents #documenti .documenti.second.view .dataTables_empty, .contents #documenti .documenti.view #downloadsTable .dataTables_empty, #documenti .contents .documenti.view #uploadsTable .dataTables_empty, #documenti .contents .documenti.view #productsTable .dataTables_empty{
    border-bottom: medium none;
    margin-top: -40px;
    width: 96%;
}

.contents table.dataTable tr.off {
    background-color: #fbfbfb;
}
.contents table.dataTable tr.off td {
    color: #ddd;
}

#fornitoriRoundPrecedente td img {
    opacity: 1;
}

#round_1 .tableForm.readonly, #round_2 .tableForm.readonly, #round_3 .tableForm.readonly, #round_4 .tableForm.readonly, #round_5 .tableForm.readonly, #round_6 .tableForm.readonly {
    padding: 1%;
    width: auto;
}

#round_1 .tableForm.readonly table, #round_2 .tableForm.readonly table, #round_3 .tableForm.readonly table, #round_4 .tableForm.readonly table, #round_5 .tableForm.readonly table, #round_6 .tableForm.readonly table {
    width: 100%;
}



.btnGroup {
    float: left;
    margin-top: 15px;
	width:100%;
}

#fornitoriRoundPrecedente_info, #fornitoriRoundPrecedente_length {
    margin-top: 20px;
}

.head_name img.guide {
    float: right;
    margin-right: 1%;
    margin-top: 14px;
    width: 17px;
}

.head_name img.guide {
    cursor: pointer;
    float: right;
    margin-right: 1%;
    margin-top: 14px;
    opacity: 0.6;
    width: 17px;
}

.head_name img.guide:hover{
opacity:1;	
}

#round_1 h4.title span, #round_2 h4.title span, #round_3 h4.title span, #round_4 h4.title span, #round_5 h4.title span, #round_6 h4.title span, .documenti.first.view h4.title span, .documenti.second.view h4.title span, #prodotti h4.title span, #fornitori h4.title span, #documenti h4.title span {
    color: #789eb7;
    font-family: "open_sanssemibold";
    line-height: 70px;
}

.documenti.first.view h4.title span, .documenti.second.view h4.title span,  #prodotti h4.title span,  #fornitori h4.title span, #documenti h4.title span {
    line-height: inherit;
}

#round_1 h4.title, #round_2 h4.title, #round_3 h4.title, #round_4 h4.title, #round_5 h4.title, #round_6 h4.title, #fornitori h4.title{
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    margin-top: 0;
    width: 99%;
}
#round_1 h4.title btn, #round_2 h4.title btn, #round_3 h4.title btn, #round_4 h4.title btn, #round_5 h4.title btn, #round_6 h4.title btn{
    padding: 0;
}
#round_1 h4.title .btn, #round_2 h4.title .btn, #round_3 h4.title .btn, #round_4 h4.title .btn, #round_5 h4.title .btn, #round_6 h4.title .btn, #fornitori h4.title .btn {
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    padding: 0 6px;
}
#round_1 h4.title .btn.off, #round_2 h4.title .btn.off, #round_3 h4.title .btn.off, #round_4 h4.title .btn.off, #round_5 h4.title .btn.off, #round_6 h4.title .btn.off{
    opacity: 0.2;
}

#round_1 .tableForm tr td:last-child, #round_2 .tableForm tr td:last-child, #round_3 .tableForm tr td:last-child, #round_4 .tableForm tr td:last-child, #round_5 .tableForm tr td:last-child, #round_6 .tableForm tr td:last-child{
    margin-right: 0;
    text-align: right;
}
#round_1 .tableForm tr td:last-child span, #round_2 .tableForm tr td:last-child span, #round_3 .tableForm tr td:last-child span, #round_4 .tableForm tr td:last-child span, #round_5 .tableForm tr td:last-child span, #round_6 .tableForm tr td:last-child span{
    text-align: left;
}


.tableForm.readonly td {
    cursor: default;
    width: 23%;
}

.tableForm.readonly td.label {
    width: 10%;
}


/*  info lista */

.contents .dataTables_info, .contents .dataTables_length {
    background-color: #fff;
    font-weight: normal;
    height: 33px;
    margin: 0;
    opacity: 0.8;
    padding-right: 0;
    width: 50%;
}

.contents .dataTables_info {
    color: #666;
    line-height: 33px;
    padding-left: 1%;
    width: 48%;
}

.contents .dataTables_length select option {
    background-color: #fff;
    color: #777;
    font-family: "open_sansregular";
    padding: 3px;
}

.contents .dataTables_length {
    background-color: transparent;
    border-radius: 1px;
    color: #888;
    margin-right: 1%;
    padding-right: 1%;
    text-align: right;
    width: 160px;
}

.contents .dataTables_length select {
    background: #fff url("../img/selectCustomBlue.png") no-repeat scroll right center / 22px auto;
    border: medium none;
    color: #04bddf;
    font-family: "open_sanssemibold";
    font-size: 13px;
    line-height: inherit;
    margin-top: 6px;
    text-indent: 2px;
}

/* fine info lista */


.modal-content.upload_doc {
    width: 40%;
}
.modal-content.upload_doc .tableForm {
    box-shadow: none;
    padding: 0;
}
.modal-content.upload_doc .tableForm td.label {
    text-align: left;
    white-space: nowrap;
    width: 20%;
}
.modal-content.upload_doc .tableForm td {
    text-align: right;
}
.modal-content.upload_doc #modalupload {
    cursor: pointer;
    text-indent: 0;
}

.readonly.double h4 span {
    background-color: transparent;
    border: medium none;
    font-weight: bold;
    height: auto;
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    text-indent: 0;
    width: auto;
}

.readonly.double .title {
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    text-indent: 0;
    width: 80%;
}
.tabcontent.tableForm.readonly.double {
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 20px;
    width: auto;
}
.tabcontent.tableForm.readonly.double table {
    width: 100%;
}

.documenti.second.asta .title {
    margin-bottom: 15px;
}

/*
.documenti.first.asta h4.title span, .documenti.second.asta h4.title span {
    border-top: 1px solid #eee;
    float: left;
    font-size: 14px;
    height: 20px;
    line-height: 50px !important;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 99%;
}
*/


/* inizio chat */

.container {
    bottom: 0;
    margin-bottom: 0;
    margin-top: -109px;
	margin-right: -1px;
    padding-right: 0;
    position: fixed;
    right: 1%;
    top: 100%;
    width: 370px;
    transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}


.container:hover {
    cursor: pointer;
	/*margin-top:-405px;*/
}

.chat li p {
    color: #555;
    font-weight: normal;
    margin-bottom: 10px;
}

.container .panel.panel-primary {
    background:#fff url("../img/chat.png") no-repeat scroll 0 0;
    box-shadow: 0 2px 4px #ccc;
	-moz-box-shadow: 0 2px 4px #ccc;
	-webkit-box-shadow: 0 2px 4px #ccc;
    float: left;
    margin: 0 auto 0 0;
    padding: 20px;
    width: 320px;
}

.container.read .panel.panel-primary {background-position: left -558px;}

.chat .img-circle, .chat-img.pull-right {
    display: none;
}


.chat {
    color: #777;
    font-size: 12px;
    line-height: 17px;
    list-style: outside none none;
    height: auto;
    overflow-y: hidden;
    padding-left: 0;
}

.panel-body {
    height: 300px;
}

.container .pull-right.primary-font {
    float: left;
    width: 100%;
}
.container .pull-right.text-muted {
    color: #85ac9b;
    float: left;
    font-weight: normal;
    height: 20px;
    line-height: 18px;
    margin: 0;
    width: 100%;
}
.container .right.clearfix .pull-right.text-muted {
    color: #999;
    font-weight: normal;
}
.container .left.clearfix {
    padding: 10px 15px 5px 20px;
	margin-top:10px;
	background:#e7f9f1 url("../img/green_box.png") no-repeat left -5px;
}

.container .right.clearfix {
    background: #f9f9f9 url("../img/dark_box.png") no-repeat scroll right -5px;
    margin-left: 30px;
    margin-top: 10px;
    padding: 10px 15px 5px 20px;
}

.chat strong {
    color: #232323;
    display: inline-block;
    font-family: "open_sansbold";
    font-weight: normal;
    width: 100%;
}
.container textarea {
    border: 1px solid #ddd;
    float: left;
    font-family: "open_sansregular";
    font-size: 12px;
    height: 43px;
    padding: 10px;
    width: 240px;
}
.container .panel-footer {
    border-top: 1px solid #eee;
    float: left;
    padding-top: 12px;
    width: 320px;
}

.container .btn {
    line-height: 0;
}

.container .btn:focus, .container textarea:focus{
	outline:none;
}

.chat-body.clearfix {
    display: inline-block;
}

.container .panel-heading {
    background: transparent url("../img/range_bg.jpg") no-repeat scroll 42px center;
    border-bottom: 1px solid #eee;
    color: #fff;
    font-family: "open_sansbold";
    font-size: 14px;
    height: 42px;
    line-height: 44px;
    margin-left: -20px;
    margin-top: -20px;
    padding-left: 0;
    text-indent: 52px;
    text-transform: uppercase;
    width: 360px;
}

#sendChat {
    background: #06cd93 url("../img/send_icon.png") no-repeat center;
    font-size: 0;
}

.container .input-group .label {
    background-color: #ebf2f6;
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 5px 10px;
    width: 300px;
}
.container .input-group select {
    float: left;
	border:1px solid #cbd8e1;
    font-size: 11px;
    margin-bottom: 12px;
    margin-left: 65px;
    margin-top: -32px;
    width: 197px;
}

.container .input-group select option{
font-size:11px;	
}

#closeChat {
    background-image: none;
    float: right;
    height: 25px;
    margin-right: 10px;
    margin-top: 7px;
    width: 25px;
}
#closeChat.open {
    background: rgba(0, 0, 0, 0) url("../img/close_icon.png") no-repeat scroll center center;
}



/* fine chat */

/* scroll personalizzata */

.mCustomScrollbar{ -ms-touch-action: none; touch-action: none;  }
	.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ 
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ 
		overflow: hidden;
		width: auto;
		height: auto;
	}

	.mCSB_inside > .mCSB_container{ margin-right: 10px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } 
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ 
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } 

	.mCSB_scrollTools{ 
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } 
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ 
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } 

.mCSB_scrollTools .mCSB_draggerContainer {
    bottom: 10px;
    height: auto;
    left: 0;
    position: absolute;
    right: -10px;
    top: 5px;
}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ 
		cursor: pointer;
		width: 100%;
		height: 30px; 
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px;  }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }


	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } 

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } 

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px;
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; 
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px;
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }


	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ 
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; 
		margin-left: 0;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }





	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}





	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		 background-color: transparent;
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #ccc;
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
	
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
	
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	



	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	

	




	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	


	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	

/* fine scroll personalizzata */

.ui-dialog {
    background-color: #fff;
    box-shadow: 0 2px 6px #ddd;
   -moz-box-shadow: 0 2px 6px #ddd;
	-webkit-box-shadow: 0 2px 6px #ddd;
    clear: both;
    height: auto;
    left: 50% !important;
    margin-left: -180px;
    padding: 20px;
    position: fixed !important;
    top: 40% !important;
    width: 360px !important;
    z-index: 999999;
}
.ui-dialog:focus {
    outline: medium none;
}
#dialog.ui-dialog-content {
    clear: both;
    color: #666;
    display: block;
    float: none;
    font-size: 14px;
    height: auto;
    min-height: auto !important;
    text-align: center;
    width: 100%;
}
.ui-dialog-buttonset button {
    float: none;
    font-size: 13px;
    height: 30px;
    line-height: 0;
    outline: medium none;
    padding: 0 5px;
    width: auto;
}
.ui-dialog-buttonset {
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-top: 25px;
    text-align: center;
    width: 100%;
}
.ui-dialog-titlebar-close {
    background: rgba(0, 0, 0, 0) url("../img/close_icon.png") no-repeat scroll center center;
    border: medium none;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-bottom: 10px;
    margin-top: 0;
    opacity: 0.8;
    width: 20px;
}
.ui-dialog button.ui-dialog-titlebar-close:hover {
    background: rgba(0, 0, 0, 0) url("../img/close_icon.png") no-repeat scroll center center;
    box-shadow: none;
    opacity: 1;
}
.ui-dialog button.ui-dialog-titlebar-close:focus{
outline:none;	
}

button:focus, input.btn:focus, .btn:focus{
    outline: none!important;
}
.ui-widget-overlay {
    background: transparent url("../img/overlay.png") repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.center {
    text-align: center;
}


/* colonne real time */

table.dataTable th.dateCol.realtime, table.dataTable th.realtime {
    padding-right: 10px;
    text-align: center;
    vertical-align: top;
    width: 100px !important;
}

.dateCol.center .btn {
    font-size: 12px;
    text-transform: uppercase;
    width: 70px;
}

@mixin fade-transition($element) {
    -webkit-transition: $element 0.15s ease-in-out;
    -moz-transition: $element 0.15s ease-in-out;
    -ms-transition: $element 0.15s ease-in-out;
    -o-transition: $element 0.15s ease-in-out;
    transition: $element 0.15s ease-in-out;
}


.dateCol.center a.btn  {
  
/*  styling */
  display: inline-block;
    text-transform: uppercase;
  text-decoration: none;
    color: #FAFAFA;
/*  centering */
    text-align: center;
    transform: translate(-0%, -0%);
    -webkit-transform: translate(-0%, -0%);
    -moz-transform: translate(-0%, -0%);
    -ms-transform: translate(0%, -0%);
    -o-transform: translate(0%, -0%);
    background: rgba(0,0,0,0.5);
    @include fade-transition(background);

    &:hover {
        background: rgba(8,97,76,0.6);
    }
}


.dateCol.center a.btn i {
/*   positioning */
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
  
/*   gradient   */
        background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 1%, rgba(255,255,255,0.6) 30%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.85) 70%, rgba(255,255,255,0.85) 71%, rgba(255,255,255,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0.03)), color-stop(30%,rgba(255,255,255,0.85)), color-stop(50%,rgba(255,255,255,0.85)), color-stop(70%,rgba(255,255,255,0.85)), color-stop(71%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* IE10+ */
        background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    
/*  forming the shine element
    play around with the width, skew and gradient to get different effects
  */
        width: 20%;
        height: 100%;
     transform: skew(-10deg,0deg);
        -webkit-transform: skew(-10deg,0deg);
     -moz-transform: skew(-10deg,0deg);
     -ms-transform: skew(-10deg,0deg);
     -o-transform: skew(-10deg,0deg);
  
/*  animating it  */
     animation: move 2s;
        animation-iteration-count: infinite;
        animation-delay: 1s;
        -webkit-animation: move 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-delay: 1s;
        -moz-transform: skew(-10deg,0deg);
        -moz-animation: move 2s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-delay: 1s;
        -ms-transform: skew(-10deg,0deg);
        -ms-animation: move 2s;
        -ms-animation-iteration-count: infinite;
        -ms-animation-delay: 1s;
        -o-transform: skew(-10deg,0deg);
        -o-animation: move 2s;
        -o-animation-iteration-count: infinite;
        -o-animation-delay: 1s;
    }

/*  */
@keyframes move {
    0%  { left: 0; opacity: 0; }
    5% {opacity: 0.0}
    48% {opacity: 0.2}
    80% {opacity: 0.0}
    100% { left: 82%}
}

@-webkit-keyframes move {
    0%  { left: 0; opacity: 0; }
    5% {opacity: 0.0}
    48% {opacity: 0.2}
    80% {opacity: 0.0}
    100% { left: 82%}
}

@-moz-keyframes move {
    0%  { left: 0; opacity: 0; }
    5% {opacity: 0.0}
    48% {opacity: 0.2}
    80% {opacity: 0.0}
    100% { left: 88%}
}

@-ms-keyframes move {
    0%  { left: 0; opacity: 0; }
    5% {opacity: 0.0}
    48% {opacity: 0.2}
    80% {opacity: 0.0}
    100% { left: 82%}
}

@-o-keyframes move {
    0%  { left: 0; opacity: 0; }
    5% {opacity: 0.0}
    48% {opacity: 0.2}
    80% {opacity: 0.0}
    100% { left: 82%}
}

/* realtime end */

.documenti.second.asta {
    margin-top: 10px;
}

#page-footer .pull-left {
    display: none;
}
#page-footer {
    padding-bottom: 0;
}
#page-footer .content.content-boxed {
    padding: 0;
}

.tableForm.add td {
    padding-bottom: 4px;
    padding-top: 4px;
}

#documenti .tableForm.add, #prodotti .tableForm.add, #fornitori .tableForm.add {
    background: #f5f8f9;
    border: medium none;
    padding: 10px 1% 18px;
}

#documenti .tableForm.add input, #prodotti .tableForm.add input {
    background-color: #fff;
    border: 1px solid #d4e7ed;
    box-shadow: none;
}

#prodotti .tableForm.add tr td:last-child {
    text-align: right;
}
#prodotti .tableForm.add tr td .btn {
    margin-bottom: 10px;
    margin-right: 0;
    margin-top: 10px;
}
#prodotti .tableForm.add tr td.label {
    padding-left: 20px;
}
#prodotti .tableForm.add tr td.label:first-child {
    padding-left: 0;
}

.center.dateCol {
    text-align: center;
}

.contents .btn.history {
    background: transparent url("../img/chat_history.png") no-repeat scroll left center !important;
    border: medium none !important;
    color: #09c1e4;
    display: inline-block;
    font-size: 12px !important;
    height: 30px !important;
    padding-left: 30px !important;
}
.btn.history:hover {
    box-shadow: none;
    color: #32d1ef;
}

/* inizio cronologia chat */

.container.history {
    background: transparent url("../img/chatTemp.png") no-repeat scroll left top;
    box-shadow: none;
    float: left;
    height: 350px;
    margin-top: -8px !important;
    position: relative;
    right: 0;
    top: 0;
    width: 370px;
    z-index: 99999999999999;
}
.container.history .panel.panel-primary {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}
.container.history .panel-heading {
    background-color: transparent;
    background-image: none;
    color: #666;
    font-family: "open_sanssemibold";
    font-size: 14px;
    font-weight: normal;
    margin-left: 0;
    margin-top: -10px;
    padding-left: 0;
    width: 325px;
	text-indent:0;
}

.container.history .panel-heading #closeChat.open {
    margin-right: 0;
    margin-top: 10px;
}

.container.history .panel-body {
    height: 280px;
}

.container.history .chat {
    margin-top: 0;
}

#divChat {
    float: right;
    height: 40px;
    margin-right: 10px;
}

#divChat .container.history span {
    background-color: transparent;
    border: medium none;
    display: inline;
    height: auto;
    line-height: 12px;
    margin-left: 0;
    min-height: auto;
    padding: 0;
    pointer-events: inherit;
    width: auto;
}

#divChat .chat-body.clearfix, #divChat #accordion.panel-heading {
    display: block;
    text-align: left;
}
#divChat .right.clearfix {
    margin-left: 20px;
    padding-left: 10px;
}

#divChat .container.history span.open {
    background: transparent url("../img/close_icon.png") no-repeat scroll right center;
    display: block;
    float: right;
    height: 30px;
    margin-top: 7px;
    width: 30px;
}

/* fine cronologia chat */

.SumoSelect label.error {
    margin-top: 32px;
    position: absolute;
}


#round_1 > div:last-child, #round_2 > div:last-child, #round_3 > div:last-child, #round_4 > div:last-child, #round_5 > div:last-child,  #round_6 > div:last-child{
    background-color: #fff;
    float: left;
    margin-top: 10px;
    width: 100%;	
}

#round_1 > div:first-child, #round_2 > div:first-child, #round_3 > div:first-child, #round_4 > div:first-child, #round_5 > div:first-child,  #round_6 > div:first-child{
	float: none;
}


#fornitori .tableForm.add input {
    border: 1px solid #d4e7ed;
    width: 85%;
}
#fornitori .tableForm.add td {
    width: 20%;
}
#fornitori .tableForm.add td.label {
    width: 10%;
}

#fornitori .tableForm.add {
    margin-top: 10px;
    padding-bottom: 25px;
}

.tableForm .SumoSelect > .optWrapper > .options li.opt {
    border: medium none;
}

canvas {
    float: none;
    height: 50px!important;
    text-align: center;
    width: 50px !important;
}

.chart {
    display: inline-block;
    height: 0 !important;
	width: 40% !important;
    position: relative;
	margin-top: -10px;
}

.chart canvas {
    left: 0;
    position: absolute;
    top: 0;
}
.percent::after {
    content: "%";
    font-size: 10px;
    margin-left: 0;
}
.percent {
    display: inline-block;
    font-family: "open_sanssemibold";
    font-size: 12px;
    line-height: 50px;
    margin-left: -3px;
    text-align: left;
}

#tableAggiudicazione td {
    min-height: 60px;
    padding-bottom: 20px;
    padding-top: 15px;
}

.dataTable.no-footer.type_5 .dataTables_empty {
    margin-top: -50px;
    width: 96%;
}

#preqTable.dataTable.no-footer.type_5 .dataTables_empty {
    margin-top: -90px;
}

#fornitori .tableForm.add #search {
    background: #fff url("../img/search_icon.png") no-repeat scroll 97% center / 16px auto;
    font-size: 11px;
    padding-right: 10px;
    width: 95%;
}
#fornitori .tableForm.add .label {
    text-align: center;
}
#fornitori .tableForm.add td {
    width: 18%;
}
#fornitori .tableForm.add td input {
    width: 100%;
}
#fornitori .tableForm.add td:last-child {
    width: 5%;
}

.dataTable.no-footer.type_6 .dataTables_empty {
    border-bottom: 36px solid #fff;
    margin-top: -85px;
    width: 96%;
}

/* inizio pagina asta a prodotti singoli */

#auctionForm .documenti.first.asta.block {
    box-shadow: 0 1px 3px #ddd;
	-moz-box-shadow: 0 1px 3px #ddd;
	-webkit-box-shadow: 0 1px 3px #ddd;
    margin-top: 0;
	height:auto;
}

.documedocumenti.second.asta.block .rank box-shadow: 0 1px 3px #dedede;
	-moz-box-shadow: 0 1px 3px #dedede;
	-webkit-box-shadow: 0 1px 3px #dedede;
    margin-top: 0;
}

.documenti.second.asta.block .title {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 99%;
}

.documenti.second.asta.block h4.title span {
    font-size: 14px;
}

.documenti.first.asta.block .general {
    float: right;
    width: 57%;
}
.documenti.first.asta.block .general .infoblock {
    float: left;
    width: 33%;
}

.documenti.first.asta.block .timeblock #clockdiv, .documenti.first.asta.block .timeblock .timer {
    float: left;
}
.documenti.first.asta.block .timeblock .timer {
    width: 100%;
}

.documenti.first.asta.block .timeblock {
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 10px;
    overflow: hidden;
    width: 42%;
}

.documenti.first.asta.block .timeblock #clockdiv {
    margin-left: 4%;
}

.documenti.first.asta.block .timeblock .timer {
    background: #f7f9fb url("../img/endWhite.gif") no-repeat scroll right center;
    width: 100%;
}

.documenti.first.asta.block .intro {
    background: #f7f9fb url("../img/timeArrow.gif") no-repeat scroll right center;
    font-size: 11px;
    height: 48px;
    line-height: 14px;
    margin: 0;
    padding-left: 2%;
    padding-right: 40px;
    padding-top: 18px;
    width: 10%;
}
.documenti.first.asta.block .infoblock .value {
    font-size: 13px;
    margin: 2px auto 0;
    width: 96%;
}
.documenti.first.asta.block .infoblock .title {
    margin-bottom: 0;
}


.documenti.first.asta.block .timeblock {
    background-color: transparent;
    background-image: none;
}
.documenti.second.asta.block .timeblock {
    background-color: #f9f9f9;
    background-image: none;
	border:1px solid #f9f9f9;
}
.documenti.second.asta.block .infoblock .title {
    margin-bottom: 0;
}
.documenti.second.asta.block .general .infoblock {
    margin-top: 10px;
}
.documenti.second.asta.block .general .infoblock:last-child {
    border: medium none;
}


.documenti.second.asta.block .general .infoblock, .documenti.second.asta.block .general {
    float: left;
}
.documenti.second.asta.block .general .infoblock {
    width: 49.6%;
}
.documenti.second.asta.block .general {
    width: 30%;
}

.documenti.second.asta.block .details {
    background-color: transparent;
    background-image: none;
    float: left;
    padding-left: 0;
    width: 75%;
}
.documenti.second.asta.block .timeblock .details .title {
    font-size: 11px;
    margin-left: 1%;
    margin-right: 0;
    margin-top: 15px;
    padding-right: 1%;
    text-align: left;
    width: 17%;
	border-right:1px solid #dedede;
}
.documenti.second.asta.block .timeblock .details .title:last-child {
    border: medium none;
}

.documenti.second.asta.block .details span.value {
    display: block;
    font-size: 13px;
    margin-left: 0;
    text-align: left;
}

.documenti.second.asta.block h4 .guide {
    margin-top: 3px;
}

.documenti.second.asta.block .infoblock.suggested {
    background: transparent url("../img/suggested_small.png") no-repeat scroll left center;
    height: 53px;
    margin: 0;
    padding-top: 10px;
}

.documenti.second.asta.block .infoblock.suggested .title {
    border: medium none;
    color: #555;
    float: right;
    font-family: "open_sanssemibold";
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    margin: 2px auto 0;
    width: 88%;
}
.documenti.second.asta.block .infoblock.suggested .title span {
    color: #00bf96;
    display: inline;
    font-family: "open_sanssemibold";
    margin-left: 10px;
}
.documenti.second.asta.block .details.blue {
    float: right;
    width: 68%;
}
.documenti.second.asta.block .details.blue .title {
    border-left: 1px solid #ddd;
    color: #232323;
    font-family: "open_sanssemibold";
    font-weight: normal;
    margin-top: 17px;
    width: 15%;
}
.documenti.second.asta.block .tableForm {
    background-color: #fff;
    background-image: none;
	border: 1px solid #eee;
}
.documenti.second.asta.block .tableForm .min, .documenti.second.asta.block .tableForm .max {
    color: #777;
}
.documenti.second.asta.block .tableForm .min font, .documenti.second.asta.block .tableForm .max font {
    color: #222;
}

.documenti.second.asta.block .tableForm .min, .documenti.second.asta.block .tableForm .max {
    color: #777;
}
.documenti.second.asta.block .tableForm .min font, .documenti.second.asta.block .tableForm .max font {
    color: #222;
}

.documenti.second.asta.block .send {
    float: right;
    margin-right: 10px;
    margin-top: 12px;
	width:auto;
}

.documenti.second.asta.block .tableForm .discount {
    color: #666;
    font-size: 12px;
}
.documenti.second.asta.block input[type="text"] {
    background: #fafcfe url("../img/money_icon.png") no-repeat scroll 8px center;
    border: 1px solid lightblue;
    color: #4e99b1;
    font-family: "open_sanssemibold";
    font-size: 12px;
    text-indent: 33px;
}
.documenti.second.asta.block .tableForm .details.blue .discount {
    border-right: 1px solid #dedede;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 20px;
    padding-right: 8px;
    width: auto;
}
.documenti.second.asta.block .tableForm .details.blue .discount span#realTimeValoreTotPerc {
    font-size: 13px;
}
.documenti.second.asta.block .tableForm .details.blue .discount span {
    color: #00bf96;
    font-family: "open_sanssemibold";
    font-size: 15px;
    margin-left: 8px;
}
.documenti.second.asta.block .tableForm .details.blue .discount {
    border-right: 1px solid #dedede;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 20px;
    padding-right: 10px;
    width: auto;
}

.documenti.second.asta.block .details.blue span.value {
    width: 20%;
}

.documenti.second.asta.block .send .btn {
    background-color: #06cd93;
    background-image: -moz-linear-gradient(center top , #06cd93, #05bc86);
	background: -webkit-linear-gradient(top,#06cd93, #05bc86);
	background: -linear-gradient(top,#06cd93,#05bc86);
    border: 1px solid #05bc86;
    font-family: "open_sanssemibold";
    font-size: 12px;
    height: 40px;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    text-transform: capitalize;
    width: auto;
}

.documenti.second.asta.block .details.blue .range {
    border-right: 1px solid #ddd;
}
.documenti.second.asta.block .range {
    background-image: none;
    width: 25%;
}
.documenti.second.asta.block .range .intro {
    background: #f7f9fb url("../img/showArrow.gif") no-repeat scroll right center;
    color: #555;
    font-size: 11px;
    height: 44px;
    line-height: 14px;
    margin-left: 0;
    margin-top: 0;
    padding-left: 2%;
    padding-right: 48px;
    padding-top: 20px;
    width: 10%;
}

.documenti.second.asta.block .range #rangediv {
    margin-left: 7%;
}
.documenti.block #messageEsito {
    margin-bottom: 12px;
}

.itemblock .documenti.block #messageEsito {
    margin: 0.5%;
    width: 94.7%;
}

#sendAll.btn {
    background: #06cd93 url("../img/send_icon.png") no-repeat scroll 8px center / 14px auto;
    font-family: open_sanssemibold;
    font-size: 12px;
    margin-right: 1.2%;
    padding-left: 25px;
    padding-right: 10px;
    text-transform: uppercase;
    width: auto;
}


/* fine asta a prodotti singoli*/

.dataTable.no-footer th {
    vertical-align: top;
}

.tableForm input:disabled, .SumoSelect.disabled .CaptionCont.SelectBox {
    background-color: #f3f7f9;
    border: 1px solid #f3f7f9;
    box-shadow: none;
    color: #7392a2;
}

#annullaModifica {
    background-color: transparent;
    background-image: none;
    color: #07b1d1;
}

#auctionForm .dataTable.no-footer th.right, td.right {
    margin-right: 0;
    min-width: 70px;
    padding-right: 10px;
    text-align: right;
}
td.dateCol.right {
    color: #789eb7;
    font-family: "open_sansregular";
    font-size: 13px;
}
.dataTable.no-footer.rank th {
    border-bottom: 1px solid #e6eff8;
}

.general.status div {
    float: left;
    margin-right: 15px;
}
.documenti.asta.block .general.status {
    margin: 1%;
    width: 98%;
}
.general.status .fornitoreStatus {
    display: inline-block;
    float: left;
    font-size: 12px;
    height: auto;
    line-height: 15px;
    margin-bottom: 8px;
    min-height: 30px;
    white-space: normal;
    width: 120px;
    word-wrap: break-word;
}

.general.status .offline, .general.status .online {
    float: left;
    font-family: "open_sansregular";
    font-size: 10px;
    margin-right: 5px;
    padding: 1px 0;
}

.documenti.first.asta.block h4.title.white {
    background-color: #fff;
    height: 30px;
}
.documenti.first.asta.block h4.title.white span {
    color: #666;
    font-size: 14px;
}

.showRank {
    background: transparent url("../img/show.png") no-repeat scroll left center;
    box-shadow: none;
    color: #04bddf;
    cursor: pointer;
    float: left;
    font-family: "open_sansregular";
    font-size: 11px;
    height: 40px;
    line-height: 40px;
    margin-left: 1%;
    padding-left: 20px;
}

.showRank.hide {
    background: transparent url("../img/hide.png") no-repeat scroll left center;
}

.showRank:hover {
    color: #0dd2f7;
}

.dataTables_wrapper.form-inline.dt-bootstrap.no-footer {
    box-shadow: none;
}

.documenti.second.asta.block .timeblock.large .details .title {
    width: 22.6%;
}


.documenti.second.asta.block .timeblock.large .details.new_item .title {
    width: 17%;
}
.documenti.second.asta .timeblock.large {
    border: medium none;
}


#dialogReject span.label {
    display: block;
    font-family: "open_sansregular";
    font-size: 13px;
    line-height: 20px;
    margin-top: 15px;
    text-transform: none;
    width: 90%;
}

.rejected span img {
    cursor: pointer;
    float: left;
    height: 16px;
    opacity: 0.8;
    width: 16px;
}
#page-container td.rejected span {
    pointer-events: auto;
}
td.rejected em {
    color: #f95d68;
    float: left;
    font-style: normal;
    margin-right: 10px;
}
.rejected span img:hover {
    opacity: 1;
}

.readonly td span em {
    font-style: normal;
}
.tableForm.dialog {
    box-shadow: none;
    padding: 0;
}
.tableForm.dialog .rejectID {
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px #eee;
    color: #777;
    float: right;
    font-family: "open_sansregular";
    font-size: 13px;
    padding: 20px;
    width: 90%;
}
.tableForm.dialog td.label {
    vertical-align: top;
}
#main-container #auctionForm #rfx.readonly span.description {
    width: 91.6%;
}

#rfx textarea.description {
    max-width: 91.1%;
    width: 91.1%;
}

#auctionForm #asta.readonly span.description, #auctionForm #rfx.readonly span.description {
    background: #f3f7f9 url("../img/text_icon.gif") no-repeat scroll right bottom;
    border: medium none;
    font-size: 12px;
    line-height: 20px;
    padding-left: 1%;
    padding-right: 2%;
    width: 77%;
}
textarea.description {
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px #f5f5f5;
	-moz-box-shadow: 0 1px 1px #f5f5f5;
	-webkit-box-shadow: 0 1px 1px #f5f5f5;
    color: #777;
    font-family: "open_sansregular";
    font-size: 12px;
    padding: 1% 2% 2% 1%;
    width: 77%;
	max-width:77%;
}

#round.tabcontent .tableForm.add table {
    width: 100%;
}
#round.tabcontent .tableForm.add {
    width: auto;
}

@media screen and (min-width: 1440px) {

.documenti.second.asta.block .send {
    width: 16%;
}
.documenti.second.asta.block .send .btn {
    width: 100%;
}
.btnGroup #sendAll.btn {
    width: 11%;
}

}

.label.padding {
    padding-left: 20px !important;
}


.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    font-size: 12px;
    padding: 25px 15px 15px;
}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all .ui-state-default {
    color: #777;
    display: inline-block;
    font-family: "open_sansregular";
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    width: 25px;
}

.ui-datepicker-calendar .ui-datepicker-week-col {
    display: none;
    font-size: 11px;
    text-transform: uppercase;
}
.ui-datepicker-calendar th {
    font-family: "open_sanssemibold";
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all .ui-state-default:hover {
    color: #32d1ef;
    cursor: pointer;
}
.ui-datepicker-today .ui-state-default.ui-state-highlight {
    background-color: #09c1e4;
    border-radius: 2px;
    color: #fff !important;
}
.ui-datepicker-title {
    font-size: 13px;
    height: 35px;
    text-align: center;
}
.ui-datepicker-prev.ui-corner-all {
    background: transparent url("../img/previous.png") no-repeat scroll center center;
    cursor: pointer;
    float: left;
    height: 20px;
    width: 20px;
}
.ui-datepicker-next.ui-corner-all {
    cursor: pointer;
    float: right;
}

.ui-icon.ui-icon-circle-triangle-w, .ui-icon.ui-icon-circle-triangle-e {
    font-size: 0;
}

.ui-datepicker-next.ui-corner-all {
    background: transparent url("../img/next.png") no-repeat scroll center center;
    cursor: pointer;
    float: right;
    height: 20px;
    width: 20px;
}
input.hasDatepicker {
    background: #fff url("../img/datepicker.png") no-repeat scroll right center !important;
    cursor: pointer;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    float: left;
}

td.off, td.label.off{
opacity:0.4;
filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;	
}

#tdButtonAdd.off {
    opacity: 0.2;
	filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
}

#tdButtonAdd.off .btn {
    cursor: default;
    pointer-events: none;
}

.btn.invite {
    background-color: #fff;
    background-image: none;
    border: 1px solid #bbe0d5;
    box-shadow: 0 1px 1px #eee;
    color: #06cd92;
    float: left;
    font-family: "open_sanssemibold";
    font-size: 12px;
    height: 30px;
	margin-left:0;
     transition-duration: 0.4s;
    transition-property: background-color;
	-moz-transition-duration: 0.4s;
    -moz-transition-property: background-color;
	-webkit-transition-duration: 0.4s;
    -webkit-transition-property: background-color;
}

.head_name .btn.invite {
    float: right;
    line-height: 24px;
}
.tableForm.add span#or {
    color: #a0afb4;
    float: left;
    font-family: open_sanslight;
    font-style: italic;
    height: 30px;
    line-height: 30px;
    margin-left: 15px;
    margin-right: 15px;
}
.btn.invite:hover {
    background-color: #06cd92;
    border: 1px solid #06cd92;
    box-shadow: none;
    color: #fff;
}
.tableForm.add td.or {
    width: 25% !important;
}

@media screen and (max-width: 1180px) {
	.tableForm.add td.or {
    width: 18% !important;
} }

.longtext {
    float: left;
    width: auto;
}
.dateCol .longtext img {
    float: right;
    margin: 0 0 0 2px;
}


.btnGroup {
    background-color: #f2f2f2;
    border-top: 1px solid #e2e2e2;
    bottom: 0;
    margin-bottom: 0 !important;
    margin-left: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    position: fixed;
    width: 93.6% !important;
}

#page-footer {
    display: none;
}

#rejectNoteError {
    display: inline !important;
    margin-left: 3%;
}

.right.dateCol input[type="number"], .dateCol input.number {
    border: 1px solid lightblue;
    font-family: "open_sansregular";
    padding: 4px;
    transition-duration: 0.4s;
    transition-property: background-color;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: background-color;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: background-color;
}
.right.dateCol input[type="number"]:focus, .right.dateCol input[type="number"]:hover, .dateCol input.number:hover, .dateCol input.number:focus {
    background-color: #f3fafc;
}
.insert_note textarea {
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px #f5f5f5;
    -moz-box-shadow: 0 1px 1px #f5f5f5;
    -webkit-box-shadow: 0 1px 1px #f5f5f5;
    font-family: "open_sansregular";
    font-size: 12px;
    padding-left: 1%;
    padding-top: 1%;
    width: 84% !important;
}
.insert_note input[type="text"], .insert_note textarea, .insert_note input[type="file"] {
    float: right;
    font-family: "open_sansregular";
}
.insert_note .label {
    text-align: left;
}
.insert_note .tableForm {
    padding-left: 0;
    padding-top: 0;
	box-shadow:none;
	padding-bottom:0;
}
.modal-content.insert_note {
    width: 40%;
}
#preqTable thead th:first-child {
    padding-left: 10px;
    padding-right: 10px;
}
.readonly span.active {
    pointer-events: auto;
}

.readonly span.active a {
    font-family: "open_sanssemibold";
    margin-right: 10px;
	transition-property:color;
	transition-duration:0.5s;
}

.readonly span.active a:hover {
    color: #34d8f4;
}


.documenti.second.asta.block .legend li.sub {
    cursor: pointer;
}
.documenti.second.asta.block .legend .menu > ul {
    display: inline;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
}
.documenti.second.asta.block .legend .choice > li {
    padding: 5px 0;
}
.documenti.second.asta.block .legend .sub .options legend {
    color: #232323;
    font-weight: bold;
}

.documenti.second.asta.block .legend .sub:hover > .options {
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}
.documenti.second.asta.block .legend .sub:hover {
    color: #52aeef;
}

.documenti.second.asta.block .legend .sub .options {
    background: transparent url("../img/infoTool.png") no-repeat scroll center bottom;
    color: #999999;
    cursor: default !important;
    font-size: 12px;
    height: 70px;
    line-height: 17px;
    margin-left: -159px;
    margin-top: -105px;
    max-width: inherit;
    opacity: 0;
    padding: 10px 20px 30px;
    position: absolute;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: opacity;
	-moz-transition-duration: 0.5s;
    -moz-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    visibility: hidden;
    width: 500px;
    z-index: 999999999;
}
.documenti.second.asta.block .legend .sub .options ul.choice {
    margin: 10px 0 0 10px;
    padding: 0;
}
.documenti.second.asta.block ul.choice font {
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin-top: 8px;
}
.documenti.second.asta.block .legend .sub .options ul a li {
    display: block;
    font-family: arial;
    font-size: 12px;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
}
.documenti.second.asta.block .legend .sub .options ul a li:hover {
    color: #52aeef;
}
.documenti.second.asta.block .legend li.sub {
    border-bottom: 10px solid transparent;
    color: #1b9cf9;
    padding-left: 18px;
}
.documenti.second.asta.block .legend li {
    text-transform: none;
}
.documenti.second.asta.block .legend {
    color: #888;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: auto;
}
.documenti.second.asta.block .legend .menu {
    display: inline-block;
    height: 0;
}
.documenti.second.asta.block .legend .menu ul li {
    display: inline;
    float: left;
    font-size: 11px;
    list-style: outside none none;
    margin-right: 10px;
    text-align: left;
}

.documenti.second.asta.block .legend .menu ul li .title span {
    color: #526e84;
    display: block;
    font-family: "open_sansregular";
    font-weight: normal;
    margin-left: 0;
    text-transform: none;
}

.documenti.second.asta.block .legend .menu ul li .title{
margin-top:0;
}

.documenti.second.asta.block .legend .menu ul li .title {
    font-family: "open_sansbold";
    text-transform: uppercase;
	color:#526e84;
}
.documenti.second.asta.block .legend .menu ul li img {
    float: right;
    height: auto;
    margin-bottom: 3px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}
.documenti.second.asta.block .legend ul > li.sub {
    background: transparent url("../img/show.png") no-repeat scroll right center;
    color: #04bddf;
    font-family: "open_sansregular";
    font-size: 11px;
    padding-left: 0;
    padding-right: 15px;
}
.documenti.second.asta.block .legend ul li.sub:hover{
    color: #0dd2f7;
}



.itemblock .documenti.second.asta.block .legend .menu ul li .title span {
    color: #526e84;
    display: block;
    font-family: "open_sansregular";
    font-weight: normal;
    margin-left: 0;
    text-transform: none;
}
.itemblock .documenti.second.asta.block .legend .menu ul li .title {
    margin-top: 0;
}
.itemblock .documenti.second.asta.block .legend .menu ul li .title {
    color: #526e84;
    font-family: "open_sansbold";
    text-transform: uppercase;
}
.itemblock .documenti.second.asta.block .legend .menu ul li img {
    float: right;
    height: auto;
    margin-bottom: 3px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}
.itemblock .documenti.second.asta.block .legend ul > li.sub {
    background: transparent url("../img/show.png") no-repeat scroll right center;
    color: #04bddf;
    font-size: 12px;
    line-height: 16px;
    padding-right: 15px;
    text-align: right;
    white-space: nowrap;
    width: 92px;
}
.itemblock .documenti.second.asta.block .legend ul li.sub:hover {
    color: #0dd2f7;
}
.itemblock .documenti.second.asta.block .timeblock {
    border: medium none;
    height: 38px;
    margin-left: 0.5%;
    margin-top: 0.5%;
    width: 99%;
}
.itemblock .documenti.second.asta.block .timeblock h4.title {
    float: left;
    height: 38px;
    line-height: 38px;
    margin: 0 0 0 10px;
    width: 330px;
}
.documenti.second.asta.block .details{
float:left;	
}
.itemblock .documenti.second.asta.block .details span.value {
    color: #526e84;
    display: inline;
    font-size: 11px;
    margin-left: 10px;
}
.itemblock .documenti.second.asta.block .timeblock .details .title {
    border: medium none;
    color: #526e84;
    margin: 11px 25px 0 0;
    padding-right: 0;
    width: auto;
}
.itemblock .documenti.second.asta.block .infoblock.suggested {
    height: 38px;
    margin-top: 0.5%;
    padding-left: 50px;
    padding-top: 0;
    position: absolute;
    right: 0.5%;
    top: 0;
    width: 430px;
}
.itemblock .documenti.second.asta.block .infoblock.suggested .title {
    float: left;
    font-size: 11px;
    margin-top: 10px;
    width: auto;
}
.itemblock .documenti.second.asta.block .infoblock.suggested .title span.value {
    font-size: 12px;
    margin-right: 22px;
}
.itemblock .documenti.second.asta.block .range .intro {
    background: transparent url("../img/rightArrow.png") no-repeat scroll right center;
    height: 28px;
    line-height: 28px;
    margin-top: 0;
    padding-right: 20px;
    padding-top: 0;
    width: auto;
}
.itemblock .documenti.second.asta.block .range #rangediv {
    background-image: none;
    float: right;
    height: 28px;
    margin-right: 4%;
    width: auto;
}
.itemblock .documenti.second.asta.block .tableForm .min, .itemblock .documenti.second.asta.block .tableForm .max {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0;
}
.itemblock .documenti.second.asta.block .tableForm {
    border: medium none;
    box-shadow: none;
    height: 40px;
    margin: 0 0.5%;
    width: 99%;
}
.itemblock .documenti.second.asta.block .range {
    height: 40px;
}
.itemblock .documenti.second.asta.block .details.blue {
    height: 40px;
    width: 75%;
}
.itemblock .documenti.second.asta.block .details.blue .title, .itemblock .documenti.second.asta.block .details.blue .value {
    margin-bottom: 0;
    margin-top: 0;
}
.itemblock .documenti.second.asta.block input[type="text"] {
    background: #f0fbf7 url("../img/offerIcon.gif") no-repeat scroll 8px center;
    border: 1px solid #ace7d8;
    color: #00bf96;
}
.documenti.second.asta.block .details.blue .title.green, .documenti.second.asta.block .details.blue .title.green .value {
    border: medium none;
    color: #00bf96;
    margin-top: 3px;
    text-align: left;
}
.itemblock .documenti.second.asta.block .details.blue span.value {
    width: 20%;
}
.itemblock .documenti.second.asta.block .details.blue .title.green .value {
    float: none;
    margin-left: 6px;
}
.itemblock .documenti.second.asta.block .tableForm .details.blue .discount {
    border: medium none;
    font-size: 11px;
    margin-right: 0;
    margin-top: 10px;
}
.itemblock .documenti.second.asta.block .details.blue .title, .itemblock .documenti.second.asta.block .details.blue span.value, .itemblock .documenti.second.asta.block .details.blue .title.green {
    margin-top: 5px;
}
.itemblock .documenti.second.asta.block .range {
    height: 30px;
    margin-top: 5px;
}
.itemblock .documenti.second.asta.block .tableForm .details.blue .discount span {
    font-size: 13px;
}
.itemblock .documenti.second.asta.block .details.blue .title.green {
    border-left: medium none;
    border-right: 1px solid #e2e2e2;
    margin-right: 3%;
    padding-left: 0;
    padding-right: 3%;
    text-transform: capitalize;
}
.itemblock .documenti.second.asta.block .details.blue .title {
    border-left: 1px solid #e2e2e2;
    color: #00bf96;
    font-size: 11px;
    padding-left: 3%;
    text-align: left;
    width: auto;
}
.itemblock .documenti.second.asta.block .send {
    float: right;
    margin-right: 0;
    margin-top: 0;
}
.itemblock .documenti.second.asta.block .tableForm .min font, .itemblock .documenti.second.asta.block .tableForm .max font {
    font-size: 14px;
}
.itemblock .documenti.second.asta.block .range #rangediv {
    margin-left: 0;
}
.itemblock .documenti.second.asta.block .tableForm .max {
    background: transparent url("../img/greenLine.gif") no-repeat scroll left center;
    height: 28px;
    margin-left: 0;
    padding-left: 15px;
}
.itemblock .documenti.second.asta.block, .itemblock .documenti.first.asta.block {
    margin-bottom: 10px;
}
.itemblock .documenti.second.asta.block .details {
    height: auto;
    width: auto;
}
.moreDetails {
    float: left;
}

/*
.dataTables_wrapper.form-inline.dt-bootstrap.no-footer {
    overflow: hidden;
}
*/

.dataTables_paginate.paging_simple_numbers {
    float: none;
    text-align: center;
    width: 100%;
}

.ui-dialog-content .text {
    color: #777;
    display: block;
    font-size: 12px;
    margin-top: 10px;
}


@media screen and (max-width: 1280px) {
.itemblock .documenti.second.asta.block .range #rangediv {
    height: 20px;
    margin-top: 4px;
}
.itemblock .documenti.second.asta.block .tableForm .min font, .itemblock .documenti.second.asta.block .tableForm .max font {
    font-size: 11px;
}
.itemblock .documenti.second.asta.block .details.blue .title {
    padding-left: 1.5%;
}
.itemblock .documenti.second.asta.block .details.blue .title.green {
    margin-right: 1.5%;
    padding-right: 1.5%;
}
.itemblock .documenti.second.asta.block .send .btn {
    font-size: 11px;
    padding-left: 3px;
    padding-right: 3px;
}
.itemblock .documenti.second.asta.block .tableForm .max {
    height: auto;
    margin-right: 0;
}
.itemblock .documenti.second.asta.block .tableForm .min {
    margin-left: 0;
}
.itemblock .documenti.second.asta.block .details.blue span.value {
    width: 15%;
}
.itemblock .documenti.second.asta.block .details.blue span.value input.total {
    background-image: none;
    text-indent: 10px;
}
.itemblock .documenti.second.asta.block .details.blue .title, .itemblock .documenti.second.asta.block .tableForm .details.blue .discount {
    font-size: 10px;
}
.itemblock .documenti.second.asta.block .range .intro {
    background-size: 6px auto;
    font-size: 9px;
    padding-right: 8px;
}
.itemblock .documenti.second.asta.block .range #rangediv {
    float: left;
    margin-left: 15px;
}
.itemblock .documenti.second.asta.block .tableForm .min span, .itemblock .documenti.second.asta.block .tableForm .max span {
    display: block;
    font-size: 10px;
    height: 9px;
    margin: 0;
}
.itemblock .documenti.second.asta.block h4.title span {
    float: left;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 92%;
}
.itemblock .documenti.second.asta.block .timeblock h4.title {
    width: 200px;
}
}
.readonly span.description {
    min-height: 21px;
}

.view .dataTable tbody tr:hover td {
    background-color: #f9f9f9 !important;
}
.view .dataTable tbody tr:nth-of-type(2n+2):hover td {
    background-color: #fff!important;
}

#login .modal {
    z-index: 999999999999;
}

#login .modal-content.small {
    min-height: 200px;
    padding-top: 20px;
    width: 25%;
}
#login .modal-content.small td {
    display: block;
    float: none;
    max-width: 100%;
    width: 100%;
}
#login .modal-content.small td input[type="text"] {
    height: 46px;
    text-align: center;
    text-indent: 0;
    width: 100%;
}

#login .modal-content.small .close {
    display: block;
    float: none;
    margin-left: 92%;
}
#login .modal-content.small td a.btn {
    background-color: #56b9f0;
    background-image: none;
    border: medium none;
    font-family: "open_sanssemibold";
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
	transition-property:background-color;
	transition-duration:0.4s;
	-moz-transition-property:background-color;
	-moz-transition-duration:0.4s;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.4s;
}
#login .modal-content.small table {
    margin: 0 auto;
    width: 80%;
}
#login .modal-content.small h4.title {
   /* background: transparent url("../img/thinLine.gif") repeat-x scroll center center;*/
    margin-bottom: 20px;
    margin-left: 10%;
    margin-right: 10%;
    opacity: 0.8;
    text-align: center;
    text-indent: 0;
}
#login .modal-content.small h4.title span {
    font-size: 16px;
    width: 100%;
	background-color:#FFF;
    padding-left: 8px;
    padding-right: 8px;
}

#login .modal-content.small td a.btn:hover{
background-color:#88d2fb;
}


#login .modal-content.small tr.error td#resultRecuperoPassword, #login .modal-content.small tr.error td#resultTokenRequest {
    background: #fff7f7 url("../img/error.png") no-repeat scroll 13px center;
    border: 1px solid #fae2e2;
    display: block;
    float: left;
    font-size: 11px;
    line-height: 15px;
    margin-top: 13px;
    padding-bottom: 8px;
    padding-left: 15%;
    padding-top: 5px;
    width: 80%;
}

#login .modal-content.small tr.error td#resultTokenRequest {
    padding-left: 13%;
    padding-right: 3%;
    width: 84%;
}
#lineToken.error input {
    border: 1px solid #e78888;
    color: #ee6767;
}
#login #modalTokenRequest #lineToken.error .btn {
    background-color: #f44e1c;
    border: 1px solid #f44e1c;
    pointer-events: none;
}

#login .modal-content.small tr.success td#resultRecuperoPassword{
    background: #e8faed url("../img/success.png") no-repeat scroll 13px center;
    border: 1px solid #9ee5b2;
    color: #62c17d;
	  display: block;
    float: left;
    font-size: 11px;
    line-height: 15px;
    margin-top: 13px;
    padding-bottom: 8px;
    padding-left: 15%;
    padding-top: 5px;
    width: 80%;
}


#login .modal-content.small tr.success td#resultRecuperoPassword, #login .modal-content.small tr.error td#resultRecuperoPassword {
    padding-right: 4.6%;
}


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

#login .modal-content.small, #login #modalTokenRequest .modal-content.small {
    width: 70%;
}
#login .modal-content.small td input[type="text"]{
border:1px solid #e2e2e2;	
}

#login .modal-content.small tr.error td#resultRecuperoPassword, #login .modal-content.small tr.success td#resultRecuperoPassword {
    padding-left: 10%;
    width: 85%;
}}


@media screen and (min-width: 1025px) and (max-width: 1280px) {  
	#login .modal-content.small, #login #modalTokenRequest .modal-content.small {
    width: 50%;
}
#login .modal-content.small td input[type="text"]{
border:1px solid #e2e2e2;	
}

#login .modal-content.small tr.error td#resultRecuperoPassword, #login .modal-content.small tr.success td#resultRecuperoPassword {
    padding-left: 10%;
    width: 85%;
}
}

div.tooltipGraph {   
	 position: absolute;
	text-align: center;
	padding: 10px;
	font: 12px sans-serif;
	background: #fff;
	border: 1px solid #777;
	border-radius: 8px;
	pointer-events: none;
	box-shadow: 0 2px 6px #dedede;
	-moz-box-shadow: 0 2px 6px #dedede;
	-webkit-box-shadow: 0 2px 6px #dedede;
}

th.perc {
    width: 30% !important;
}

.modal-content.product_info.x_small {
    width: 25%;
}
.modal-content.product_info.x_small tr td {
    display: inline;
    padding-bottom: 15px;
    width: 100%;
}
.modal-content.product_info.x_small .tableForm {
    padding: 0;
    width: 100%;
}
.modal-content.product_info.x_small tr {
    display: block;
    margin-bottom: 20px;
}

.modal-content.product_info.x_small tr td.label {
    color: #000;
    display: block;
    padding-bottom: 0;
    white-space: nowrap;
    font-size: 11px;
}

.modal-content.product_info.x_small h4.title {
    margin-bottom: 10px;
}

.x_small .tableForm {
    margin-bottom: 0;
}

.dataTables_wrapper.form-inline.dt-bootstrap.no-footer {
    padding-bottom: 10px;
}

#fornitoriRoundPrecedente tr.off td.off {
    opacity: inherit;
}

.right.numberBox.dateCol input.number, .right.numberBox.dateCol input.number.error {
    font-size: 12px;
    height: 16px;
    width: 70%;
}

.right.numberBox.dateCol {
    width: 15%;
}

.right.dateCol.totalBox span {
    color: #06cd93;
    font-family: "open_sanssemibold";
    font-size: 15px;
}
.right.dateCol.totalBox {
    color: #999;
    font-family: "open_sanslight";
    font-size: 12px;
}


/* stili pagina intro */

body#intro{
margin:0;
background-image:none;	
}

#intro .base {
    background: #265a7e url("../img/introBg.jpg") no-repeat scroll center top / cover ;
    height: 100%;
    width: 100%;
	float:left;
}

#intro .log_content {
    margin: 30px auto 0;
    width: 76%;
}

#intro .log_content p {
    background: transparent url("../img/titleLine2.png") repeat-x scroll left top;
    color: #fff;
    font-family: "open_sanslight";
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 25px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

#intro .item.off .select {
    opacity: 0.3;
    pointer-events: none;
}

#intro .itemBox {
    background: transparent url("../img/boxLine.png") no-repeat scroll center center;
    float: left;
    height: 400px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#intro .itemBox .content {
    margin: 70px auto 0;
    width: 76%;
}

#intro .itemBox .content .item{
width:33%;	
height:300px;
float:left;
}

#intro .itemBox .item .title {
    color: #fff;
    font-family: "open_sansregular";
    font-size: 24px;
}
#intro .itemBox .item .text {
    color: #fff;
    font-family: "open_sanslight";
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
    width: 80%;
}
#intro .itemBox .content .item.first {
    margin-top: 110px;
}
#intro .itemBox .content .item.second {
    margin-left: 4%;
    margin-top: 50px;
    width: 30%;
}

#intro .itemBox .content .item.third {
    margin-left: 10%;
    width: 22%;
}
#intro .itemBox .content .item.third .text {
    width: 100%;
}

.item.first .select, .item.second .select, .item.third .select {
    background: transparent url("../img/btnRfx.gif") no-repeat scroll left top;
    border-radius: 1px;
    cursor: pointer;
    height: 38px;
    margin-top: 15px;
    overflow: hidden;
    width: 130px;
	transition-property:background-position;
	transition-duration:0.2s;
	-moz-transition-property:background-position;
	-moz-transition-duration:0.2s;
	-webkit-transition-property:background-position;
	-webkit-transition-duration:0.2s;
}
.item.second .select {
    background: transparent url("../img/btnFornitori.gif") no-repeat scroll left top;
}
.item.third .select {
    background: transparent url("../img/btnAste.gif") no-repeat scroll left top;
}

.item .select:hover {
    background-position: 0 -41px;
}

#intro .footer {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    height: 66px;
    left: 0;
    margin-bottom: 0;
    opacity: 0.9;
    position: fixed;
    width: 100%;
}
#intro .footer p {
    background: transparent url("../img/niumactive_footer.jpg") no-repeat scroll right 5px;
    color: #777;
    font-size: 10px;
    height: 66px;
    line-height: 66px;
    margin: 0 auto;
    width: 76%;
}
#intro .footer p b {
    color: #56b9f0;
    font-family: open_sansbold;
    font-weight: normal;
}

#intro .log_content .logout {
    color: #75d3de;
    float: right;
    font-family: "open_sanslight";
    font-size: 15px;
    margin-top: -20px;
    text-decoration: none;
    text-transform: capitalize;
	transition-property:color;
	transition-duration:0.4s;
	-moz-transition-property:color;
	-moz-transition-duration:0.4s;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.4s;
}


#intro .log_content .logout:hover {
    color: #bbebf1;
}


#intro .sliding-middle-out {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin-left: 0;
    padding-bottom: 3px;
    padding-left: 33px;
    text-indent: 28px;
	text-decoration:none;
}
#intro .sliding-middle-out .sliding {
    background: transparent none repeat scroll 0 0;
    display: block;
    font-family: "open_sansregular";
    font-size: 13px;
	text-transform:uppercase;
    height: 38px;
	text-decoration:none;
	color:#888;
    line-height: 38px;
    margin-top: 0;
    text-align: left;
    transition: width .4s ease, background-color .4s ease;
    width: 10px;
}
#intro .sliding-middle-out:hover > .sliding{
	width: 98px;
	background: #28bda6;
	opacity:1;
}

#intro .sliding-middle-out:hover, #intro .sliding:hover, #intro .sliding-middle-out:hover > .sliding{
color:#FFF;	
}

#intro .sliding{
cursor:pointer;
height:40px;
line-height:40px;
}

#intro form#formIntro {
    float: none;
    height: 100%;
    min-height: 100%;
}

@media screen and (max-width: 1360px) {
	#intro .itemBox .content, #intro .footer p, #intro .log_content, #intro .itemBox .content {
    width:88%;	
}
}


@media screen and (max-width: 1200px) {
	#intro .itemBox .item.first .text, 	#intro .itemBox .item.second .text {
    width: 78%;
}

#intro .base .itemBox .item.third .text{
	width: 96%;
}
#intro .itemBox .content .item.first, #intro .itemBox .content .item.second {
    background: transparent url("../img/divider.png") no-repeat scroll 90% top;
    margin-left: 0;
    margin-top: 22px;
    width: 36%;
}
#intro .itemBox .content .item.third {
    margin-left: 0;
    width: 27%;
	margin-top:23px;
}

#intro .footer p, #intro .log_content, #intro .itemBox .content {
    width: 86%;
}

/*
#intro .base .itemBox {
    background: transparent url("../img/boxRect.png") repeat-x scroll center top;
}

*/

#intro .base .itemBox {
    background: transparent url("../img/boxRect.png") repeat-x scroll center top;
    float: none;
    margin: 23px auto 0 7%;
    width: 86%;
}

#intro .base .itemBox .item .text br{
display:none;	
}

#intro .itemBox .content{
margin-top:0;	
width: 92%;
}

.log_content > p {
    margin-bottom: 25px;
}

#intro .itemBox .item .text {
    font-size: 13px;
	margin-top: 3px;
    max-height: 83px;
    min-height: 83px;
}
}

@media screen and (min-width: 1600px) {
#intro .itemBox .content .item.second {
    margin-left: 7%;
    width: 28%;
}

#intro .itemBox .content .item.third {
    margin-left: 6%;
    width: 21%;
}

#intro .itemBox .content .item .text{
font-size:16px;
line-height:26px;	
}
}

/* fine stili intro */

/* inizio stili REGISTRAZIONE NUOVO FORNITORE */
#login form#registrazioneForm {
    background-image: none;
}
#login .submit.register input {
    background-color: transparent;
    border: 1px solid #88d2fb;
    color: #88d2fb;
    cursor: pointer;
    font-family: "open_sansregular";
    text-align: center;
    text-indent: 0;
    text-transform: uppercase;
    transition-duration: 0.3s;
    transition-property: background-color;
	-moz-transition-duration: 0.3s;
    -moz-transition-property: background-color;
	-webkit-transition-duration: 0.3s;
    -webkit-transition-property: background-color;
    width: 98%;
	margin-bottom:0;
}
#login .submit.register input:hover {
    background-color: #88d2fb;
    border: 1px solid #88d2fb;
    color: #fff;
}
#modalTokenRequest.modal.recovery h4.title {
    background-image: none;
}
#login #modalTokenRequest.modal.recovery .btn {
    background-color: #5fd47d;
    border: 1px solid #5fd47d;
    box-shadow: 0 1px 4px #ddd;
	-moz-box-shadow: 0 1px 4px #ddd;
	-webkit-box-shadow: 0 1px 4px #ddd;
    margin-right: -2px;
}
#login #modalTokenRequest.modal.recovery .btn:hover {
    background-color: #6feb8e;
}

body#registration {
    background: rgba(0, 0, 0, 0) url("../img/carriere.jpg") no-repeat fixed center top / cover ;
}

#login .modal-content.small h4.title span.subtitle {
    display: block;
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
}
#login #modalTokenRequest .modal-content.small {
    width: 28%;
}

#login #modalTokenRequest td input[type="text"] {
    background: rgba(0, 0, 0, 0) url("../img/token.png") no-repeat scroll 15px center / 11px auto;
    font-family: "open_sansregular";
}

#registration .template {
    background-color: #fff;
    margin: 50px auto 0;
    width: 80%;
}
.template .tabcontent.tableForm {
    margin: 0 auto 20px;
    padding: 0;
    width: 86%;
}

.template h2.title {
    font-family: "open_sansregular";
    font-size: 20px;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 20px;
    text-align: center;
}
.template .tab {
    background: transparent url("../img/progressionLine.png") repeat-x scroll right center;
    display: block;
    float: left;
    margin-bottom: 36px;
    padding: 0 4% 0 0;
    width: 96%;
}
.template .tab .tablinks {
    background: transparent url("../img/doneStep.png") no-repeat scroll right center;
    color: #5fd47d;
    margin: 0;
    padding: 50px 0 0 1%;
    text-align: right;
    width: 15%;
}
.template .tabcontent.tableForm table {
    padding: 2% 0 2% 6%;
    width: 100%;
}
.template .tabcontent.tableForm table span.label {
    display: block;
    margin-bottom: 6px;
}
.template .tabcontent.tableForm table td input {
    height: 32px;
    width: 90%;
}
.template .tabcontent.tableForm table td {
   /*padding-bottom: 15px;*/
}
.template .registration.first.user .blue_message {
    background-color: #f2f8fc;
    border: 1px solid #ebf3fa;
    color: #4a677b;
    display: block;
    font-family: "open_sansregular";
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    margin: 0 0 0 5%;
    padding: 2%;
    text-indent: 0;
    width: 87%;
}
.template .blue_message b {
    font-family: "open_sansbold";
    font-weight: normal;
}

.template .tab .tablinks.first.active, .template .tab .tablinks.second.active, .template .tab .tablinks.third.active, .template .tab .tablinks.fourth.active, .template .tab .tablinks.five.active, .template .tab .tablinks.sixth.active {
    background: transparent url("../img/firstStep_current.png") no-repeat scroll right center;
    color: #000;
}

.template .tab .tablinks.second.active, .template .tab .tablinks.second.active.inactive {
    background: transparent url("../img/secondStep_current.png") no-repeat scroll right center;
}


.template .tab .tablinks.third.active, .template .tab .tablinks.third.active.inactive {
    background: transparent url("../img/thirdStep_current.png") no-repeat scroll right center;
}

.template .tab .tablinks.fourth.active, .template .tab .tablinks.fourth.active.inactive {
    background: transparent url("../img/fourthStep_current.png") no-repeat scroll right center;
}

.template .tab .tablinks.five.active, .template .tab .tablinks.five.active.inactive {
    background: transparent url("../img/fiveStep_current.png") no-repeat scroll right center;
}

.template .tab .tablinks.sixth.active, .template .tab .tablinks.sixth.active.inactive {
    background: transparent url("../img/sixStep_current.png") no-repeat scroll right center;
}


.template .tab .tablinks.second.inactive {
    background: transparent url("../img/secondStep.png") no-repeat scroll right center;
}

.template .tab .tablinks.third.inactive {
    background: transparent url("../img/thirdStep.png") no-repeat scroll right center;
}

.template .tab .tablinks.fourth.inactive {
    background: transparent url("../img/fourthStep.png") no-repeat scroll right center;
}

.template .tab .tablinks.five.inactive {
    background: transparent url("../img/fiveStep.png") no-repeat scroll right center;
}

.template .tab .tablinks.sixth.inactive {
    background: transparent url("../img/sixStep.png") no-repeat scroll right center;
}


.template .tab .tablinks.active.inactive {
    color: #000;
    text-align: right;
}

.template .tab .tablinks.active.inactive span.subtitle {
    color: #000;
}
.template .tab .tablinks.active span.subtitle {
    display: block;
    height: auto;
    line-height: 0;
    padding: 0;
    text-align: right;
}

.template .tab .tablinks.inactive span.subtitle {
    color: #ddd;
    display: block;
    line-height: 0;
    text-align: right;
}
.template .tab .tablinks.inactive {
    color: #ddd;
    cursor: default;
    text-align: right;
}

.template .tab .tablinks {
    font-family: "open_sanssemibold";
}
.template .tab .tablinks span.subtitle {
    display: block;
    font-family: "open_sanslight";
    line-height: 0;
}
.template .buttons {
    background-color: transparent;
    display: block;
    height: 40px;
    padding-bottom: 50px;
    padding-left: 6%;
    padding-top: 40px;
    width: 89%;
}
.template .buttons .btn {
    background-color: #5fd47d;
    background-image: none;
    border: 1px solid #5fd47d;
    font-family: "open_sanssemibold";
    font-size: 12px;
    padding: 2px 10px;
    text-transform: uppercase;
}
.template .buttons .btn.suspend {
    background-color: transparent;
    color: #5fd47d;
    float: right;
}

.template .buttons .btn.next {
    float: right;
}

.template .tabcontent.tableForm table td select {
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px #f5f5f5;
	-moz-box-shadow: 0 1px 1px #f5f5f5;
	-webkit-box-shadow: 0 1px 1px #f5f5f5;
    height: 35px;
    width: 90.5%;
}

#tabQuestionario td {
    font-family: "open_sansregular";
    font-size: 13px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-transform: none;
    width: 70%;
}

#registration .template .bootstrap-tagsinput {
    border: 1px solid #ddd;
    border-radius: 0;
    width: 88%;
}

#registration .tag.label.label-info {
    background-color: #5cc7f8;
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    color: #fff;
    float: left;
    font-family:"open_sansregular";
    margin-right: 6px;
    overflow: hidden;
    padding: 0 0 0 6px;
    width: auto;
}

#registration .template .bootstrap-tagsinput > input {
    border: medium none;
    box-shadow: none;
    display: inline;
    float: left;
    padding: 0;
    text-indent: 0;
    width: auto;
}
#registration .bootstrap-tagsinput .tag [data-role="remove"]::after {
    background: #4db9eb url("../img/labelClose.png") no-repeat scroll center center;
    color: #4db9eb;
    content: ".";
    padding: 3px 7px;
}

.template .SumoSelect > .CaptionCont > label > i {
    background: #fff url("../img/selectCustom.png") no-repeat scroll center center;
}
.template .SumoSelect > .CaptionCont {
    height: 22px;
    line-height: 21px;
    width: 100%;
}

.template .tabcontent.tableForm table td input.search-txt {
    text-indent: 0;
    width: 100%;
}
.template .registration.supplier h4.title span, .template .registration h4.title span {
    color: #000;
    font-family: "open_sanssemibold";
    font-size: 15px;
    margin-left: 0;
}

#tableSedeOperativa table {
    padding-top: 0;
}
.alertSospendi span.title {
    display: block;
    font-family: "open_sanssemibold";
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 10px;
    text-align: center;
}
.alertSospendi .sub.title {
    font-family: "open_sanslight";
    font-size: 14px;
    margin-right: 0;
}
.sospendiDiv {
    background-color: #fff;
    box-shadow: none;
    display: block;
    float: none;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 58%;
}
.template .sospendiDiv .buttons {
    margin: 0 auto;
    padding: 0;
    width: 200px;
}

.ui-datepicker-calendar .ui-state-default.ui-state-active {
    background-color: #ddd;
    border-radius: 2px; 
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
    color: #fff !important;
}

#tabQuestionario .subTable .label {
    color: #666;
    font-family: open_sanslight;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 18px;
}

.registration .buttons .info {
    color: #888;
    font-size: 11px;
    font-style: italic;
}

#tabSuccess {
    height: 200px;
    margin: 0 auto;
    padding-top: 20px;
}
#tabSuccess h4.title {
    padding-left: 0;
    text-align: center;
}

#tabSuccess .buttons {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 20px 0 0 44px;
    width: 0;
}
#tabSuccess h4 span.title {
    background: transparent url("../img/confirmation.gif") no-repeat scroll left center / 20px auto;
    color: #56cc75;
    font-family: "open_sansregular";
    font-size: 17px;
    padding-left: 30px;
    padding-right: 20px;
}
#registration .tab.confirm {
    background: transparent url("../img/doneStep.png") no-repeat scroll 110% center;
    opacity: 0.4;
}

#registration .template .tab.confirm span.subtitle {
    background-image: none;
}
/* fine stili REGISTRAZIONE NUOVO FORNITORE */

/* RADIO */

span.answer {
    float: left;
    width: auto;
}
.control-group {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    height: 210px;
    margin: 10px;
    padding: 30px;
	font-family: "open_sanssemibold";
    text-align: left;
    vertical-align: top;
    width: 200px;
}
label.control {
    cursor: pointer;
    display: inline-block;
    font-family: "open_sansregular";
    font-size: 12px;
    height: 22px;
    line-height: 24px;
    margin-bottom: 0;
    margin-right: 20px;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase;
}
.control input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.control__indicator {
    background: #e6e6e6 none repeat scroll 0 0;
    height: 15px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 15px;
}
.control--radio .control__indicator {
    border-radius: 50%;
}
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {
    background: #ccc none repeat scroll 0 0;
}
.control input:checked ~ .control__indicator {
    background: #5cc7f8 none repeat scroll 0 0;
}
.control:hover input:checked:not([disabled]) ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
    background: #5cc7f8 none repeat scroll 0 0;
}
.control input:disabled ~ .control__indicator {
    background: #e6e6e6 none repeat scroll 0 0;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator::after {
    content: "";
    display: none;
    position: absolute;
}
.control input:checked ~ .control__indicator::after {
    display: block;
}
.control--checkbox .control__indicator::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff;
    border-image: none;
    border-style: solid;
    border-width: 0 2px 2px 0;
    height: 8px;
    left: 8px;
    top: 4px;
    transform: rotate(45deg);
    width: 3px;
}
.control--checkbox input:disabled ~ .control__indicator::after {
    border-color: #7b7b7b;
}
.control--radio .control__indicator::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    height: 5px;
    left: 5px;
    top: 5px;
    width: 5px;
}
.control--radio input:disabled ~ .control__indicator::after {
    background: #7b7b7b none repeat scroll 0 0;
}

/* END RADIO */

.double_left {
    float: left;
    width: 61%;
}
.double_right {
    float: left;
    width: 30%;
}

.template .tabcontent.tableForm table div.double_left input {
    width: 95%;
}
.template .tabcontent.tableForm table .double_right input {
    width: 96%;
}

.changeSumo .SumoSelect {
    display: none;
}

/* Questionario registrazione */

#tabQuestionario table {
    /*margin-bottom: 10px;*/
    padding: 0;
}

#tabQuestionario .subTable {
    background: #f9f9f9 url("../img/subtable_icon.gif") no-repeat scroll left top;
    margin-bottom: 22px;
    margin-top: -10px;
    padding-bottom: 12px;
    padding-top: 20px;
}
#tabQuestionario .subTable input[type="text"] {
    margin-bottom: 15px;
}
#registration .bootstrap-tagsinput {
    box-shadow: none;
    margin-bottom: 15px;
    margin-top: 0;
    min-height: 50px;
}
#tabQuestionario table td {
    line-height: 22px;
    width: 25%;
	vertical-align:top;
}
#tabQuestionario input[type="number"] {
    display: block;
    margin-top: 10px;
    width: 90px;
}
#tabQuestionario {
    margin: 0 auto;
    padding-top: 10px;
    width: 80%;
}
#tabQuestionario span.answer {
    float: right;
}
#tabQuestionario span.answer label.control {
    margin-left: 22px;
    margin-right: 0;
}
#tabQuestionario td.label {
    color: #222;
    font-family: "open_sansregular";
    font-size: 13px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 75%;
}
#tabQuestionario td {
    border-collapse: collapse;
}

#tabQuestionario .label.space .bootstrap-tagsinput, #tabQuestionario .label.space input {
    margin-top: 10px;
}

#registration .template #tabQuestionario input[type="text"] {
    box-shadow: none;
    width: 100%;
}

#registration .template #tabQuestionario textarea {
    border: 1px solid #ddd;
    color: #777;
    font-family: "open_sansregular";
    font-size: 13px;
    padding: 1%;
    width: 98%;
}

#registration .template #tabQuestionario .bootstrap-tagsinput {
    box-shadow: none;
    width: 98%;
}

#tabQuestionario .label.number {
    float: right;
    margin-right: -8px;
}

#questionario .buttons {
    margin: 0 auto;
    padding-left: 0;
    width: 80%;
}

#tabQuestionario table {
    padding-left: 20px;
    padding-right: 20px;
}

.registration.economic .answer .error {
    margin-left: -25px;
    position: absolute;
    text-transform: none;
    width: 200px;
}

#registration .SumoSelect label.error {
    margin-top: 35px;
}
#tabQuestionario .answer .error {
    font-size: 11px;
    margin-left: -25px;
    margin-top: -2px;
    position: absolute;
    text-transform: none;
    width: 140px;
}

#registration .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{
display:none;	
}
/* Fine questionario registrazione */

/* menu merceologie - primo livello */

.template #tabCategorieMerceologiche.tabcontent.tableForm {
    margin-left: 3%;
    width: 94%;
}

.level_2, .level_3 {
    display: inline-block;
    margin-left: 0;
    margin-right: 1%;
    padding: 0 1% 0 0;
    vertical-align: top;
    width: 33%;
}

.level_3 {
    float: right;
    height: 300px;
    margin-right: 0;
	padding-right:0;
    width: 34%;
}

#registration .level_3 td.center {
    text-align: right;
}
#categorieMerceologiche {
    height: 388px;
    width: 100%;
}
.level_2 {
    border-right: 1px solid #eee;
}
.level_1, .level_2 {
    height: 350px;
    margin-top: 0;
}

#categorieMerceologiche .head {
    background-image: none;
    box-shadow: none;
    display: block;
    float: left;
    height: auto;
    margin-bottom: 0;
    width: 100%;
}
#categorieMerceologiche .head h5.title {
    display: none;
    float: left;
    font-family: "open_sanssemibold";
    font-weight: normal;
    margin-bottom: 0;
    margin-right: 1%;
    padding-right: 1%;
    width: 33%;
}
#tabCategorieMerceologiche .buttons {
    display: inline-block;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 100%;
}
#categorieMerceologiche .head h5.title:first-child {
    background-color: #fff;
    color: #555;
    display: block;
    font-family: "open_sanssemibold";
    font-size: 13px;
    margin-bottom: 20px;
    margin-right: 1%;
    margin-top: 20px;
    padding: 1% 1% 1% 0;
    width: 98%;
}

#categoriePage .head .error, #contractDiv .error {
    background: #fff7f7 url("../img/error.png") no-repeat scroll 13px center;
    border: 1px solid #fae2e2;
    color: #ee6767;
    float: left;
    font-size: 13px;
    margin-bottom: 20px;
    margin-top: -20px;
    padding: 10px 2% 10px 4%;
    width: 93.5%;
}

#contractDiv .error {
    margin-top: -20px;
    padding-left: 5%;
    width: 92.9%;
}

#categorieMerceologiche .head h5.title:last-child {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

#categorieMerceologiche .head h5.title span.number {
    border: 1px solid #5fd47d;
    border-radius: 50%;
    color: #5fd47d;
    display: inline-block;
    float: left;
    font-family: "open_sanslight";
    height: 18px;
    margin-left: -2px;
    margin-right: 7px;
    text-align: center;
    width: 18px;
	display:none;
}

#registration .template .level_2 table, #registration .template .level_3 table {
    padding: 0;
}
#registration .template .level_2 table td, #registration .template .level_3 table td {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding: 4px 0;
}
#registration .template .level_2 table th, #registration .template .level_3 table th {
    border-bottom: medium none navy;
    font-family: "open_sanssemibold";
    font-size: 13px;
    font-weight: normal;
    padding: 0 0 5px;
    text-transform: capitalize;
}
.level_2 .dataTables_info, .level_2 .dataTables_length, .level_3 .dataTables_info, .level_3 .dataTables_length, .level_2 table th.actions.center, .level_3 table th.actions.center {
    display: none;
}

.level_2 .dataTable.no-footer, .level_3 .dataTable.no-footer {
    border: medium none;
}

.level_2 td a {
    background: rgba(0, 0, 0, 0) url("../img/addProduct.png") no-repeat scroll center center;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    margin: 3px -4px 3px 3px;
    width: 20px;
}
.level_3 td a {
    background: rgba(0, 0, 0, 0) url("../img/deleteProduct.png") no-repeat scroll center center;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    width: 20px;
}
.innerMenu {
    background-color: #fff;
    border-right: medium none;
    display: inline-block;
    padding-bottom: 20px;
    padding-left: 0;
    padding-top: 0;
    vertical-align: top;
    width: 27%;
}

.level_3 table td img {
    margin-bottom: 0;
    margin-top: 4px;
}

.level_2 {
    background: rgba(0, 0, 0, 0) url("../img/boxArrow.gif") no-repeat scroll right center;
    border-right: medium none;
    padding-right: 3%;
}
.level_1.innerMenu h5.title {
    margin-bottom: 6px;
}

.level_1 {
    margin-right: 1%;
}
.innerMenu a#back {
    background: transparent url("../img/previousBlue.png") no-repeat scroll center top;
    box-shadow: 0 1px 1px #e2e2e2;
	-moz-box-shadow: 0 1px 1px #e2e2e2;
	-webkit-box-shadow: 0 1px 1px #e2e2e2;
    color: #5cc7f8;
    cursor: pointer;
    display: block;
    font-family: "open_sansregular";
    font-size: 13px;
    height: 17px;
    line-height: 17px;
    margin-bottom: 7px;
    margin-top: 0;
    overflow: hidden;
    padding: 0;
    width: 17px;
}
.innerMenu h5.title {
    font-family: "open_sanssemibold";
    font-weight: normal;
	font-size:13px;
	margin-top:0;
}
#registration .template .level_2 .dataTables_empty, #registration .template .level_3 .dataTables_empty {
    background: #f2f8fc url("../img/msg.png") no-repeat scroll 8px center;
    border: 1px solid #ebf3fa;
    color: #5a90b6;
    font-family: "open_sansregular";
    font-size: 11px;
    height: 30px;
    opacity: 0.8;
    padding: 2% 2% 2% 10%;
    text-align: left;
    vertical-align: inherit;
    width: 78%;
}
.innerMenu .control-group {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    height: 210px;
    margin: 10px;
    padding: 30px;
	font-family: "open_sanssemibold";
    text-align: left;
    vertical-align: top;
    width: 200px;
}
.innerMenu label.control {
    cursor: pointer;
    display: block;
    float: left;
    font-family: "open_sansregular";
    font-size: 12px;
    height: auto;
    line-height: 16px;
    margin-bottom: 10px;
    margin-right: 0;
    padding-left: 23px;
    padding-top: 5px;
    position: relative;
    text-transform: none;
    width: 90%;
	color:#666;
}

#registration .tableForm .level_3 td.dateCol {
    background: #fff url("../img/checkGreen.png") no-repeat scroll left center / 13px auto;
    padding-left: 25px;
}

#registration .level_3 td {
    color: #222;
    font-family: "open_sanssemibold";
}
.level_2 h5.title, .level_3 h5.title {
    font-family: open_sanssemibold;
    font-size: 13px;
    font-weight: normal;
    margin-top: 0;
}
.innerMenu .control input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.innerMenu .control__indicator {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    height: 15px;
    left: 0;
	transition-property:background-color;
	transition-duration:0.3s;
	-moz-transition-property:background-color;
	-moz-transition-duration:0.3s;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.3s;
    position: absolute;
    top: 4px;
    width: 15px;
}
.innerMenu .control--radio .control__indicator {
    border-radius: 0;
}
.innerMenu .control:hover input ~ .control__indicator,.innerMenu .control input:focus ~ .control__indicator {
    background: #e4f2f9 none repeat scroll 0 0;
	border:1px solid #e4f2f9;
}
.innerMenu .control input:checked ~ .control__indicator {
    background: #5cc7f8 none repeat scroll 0 0;
    border: 1px solid #5cc7f8;
}
.innerMenu .control:hover input:checked:not([disabled]) ~ .control__indicator, .innerMenu .control input:checked:focus ~ .control__indicator {
    background: #5cc7f8 none repeat scroll 0 0;
}
.innerMenu .control input:disabled ~ .control__indicator {
    background: #e6e6e6 none repeat scroll 0 0;
    opacity: 0.6;
    pointer-events: none;
}
.innerMenu .control__indicator::after {
    content: "";
    display: none;
    position: absolute;
}
.innerMenu .control input:checked ~ .control__indicator::after {
    display: block;
}
.innerMenu .control--checkbox .control__indicator::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff;
    border-image: none;
    border-style: solid;
    border-width: 0 2px 2px 0;
    height: 8px;
    left: 8px;
    top: 4px;
    transform: rotate(45deg);
    width: 3px;
}
.innerMenu .control--checkbox input:disabled ~ .control__indicator::after {
    border-color: #7b7b7b;
}
.innerMenu .control--radio .control__indicator::after {
    background: #5cc7f8 url("../img/selCategory.png") repeat scroll center center;
    border-radius: 0;
    height: 10px;
    left: 2px;
    top: 2px;
    width: 11px;
}
.innerMenu .control--radio input:disabled ~ .control__indicator::after {
    background: #7b7b7b none repeat scroll 0 0;
}

/* fine menu merceologie - primo livello */


#registration .template .tab .tablinks span.subtitle {
    background: rgba(0, 0, 0, 0) url("../img/modificaGreen.png") no-repeat scroll right 17px / 15px auto;
    float: left;
    height: 33px;
    line-height: 33px;
    margin-top: -22px;
    padding-right: 18px;
    padding-top: 5px;
    width: 100%;
}
#registration .template .tab .tablinks.active span.subtitle, #registration .template .tab .tablinks.inactive span.subtitle {
    background-image: none;
}

#registration .template .tab .tablinks.active:hover, #registration .template .tab .tablinks.inactive:hover {
    text-decoration: none;
    cursor: default;
}
.template .tab .tablinks.inactive span.subtitle, .template .tab .tablinks.active.inactive span.subtitle {
    background-image: none;
    height: 0;
    line-height: 0;
    margin-top: 0;
    padding-top: 0;
}
.template .tab .tablinks.inactive:hover, .template .tab .tablinks.active.inactive:hover, #registration .tablinks.active:hover > .subtitle, #registration .tablinks.inactive:hover > .subtitle  {
    text-decoration: none;
}

.template .tab .tablinks:hover, .template .tab .tablinks:hover > .subtitle {
    text-decoration: underline;
}
#registration .template .buttons .btn {
    transition-duration: 0.4s;
    transition-property: background-color;
	-moz-transition-duration: 0.4s;
    -moz-transition-property: background-color;
	-webkit-transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    box-shadow: 0 1px 1px #eee;
}
#registration .template .buttons .btn:hover {
    background-color: #6feb8e;
    border: 1px solid #6feb8e;
    color: #fff;
    box-shadow: 0 1px 1px #dedede;
	-moz-box-shadow: 0 1px 1px #dedede;
	-webkit-box-shadow: 0 1px 1px #dedede;
}

/*scroll */

.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox {
    direction: ltr;
    margin-top: 0;
    max-width: 100%;
    outline: medium none;
    overflow: hidden;
    position: relative;
}
	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: #fff;
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #ddd !important;
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

/*fine scroll */


/* contratto */

#contractDiv h5.title {
    display: block;
    font-family: "open_sanssemibold";
    font-size: 14px;
    font-weight: normal;
    padding-top: 20px;
}

#contractDiv {
    margin: 0 auto;
    padding-bottom: 40px;
    width: 75%;
}

.template .registration.first.user #tabQuestionario .blue_message {
    margin: 0 0 10px;
    width: 96%;
}
.template .registration.first.user #tabQuestionario h4.title {
    margin-top: 0;
}
.template .registration.first.user #tabQuestionario .blue_message a {
    cursor: pointer;
}

#contractDiv .download, #contractDiv .upload {
    background: rgba(0, 0, 0, 0) url("../img/contractStep.gif") no-repeat scroll right center;
    float: left;
    height: 50px;
    margin-bottom: 25px;
    margin-right: 2%;
    padding-top: 20px;
    width: 40%;
}
.agreeTerms {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    clear: both;
    display: block;
    font-family: "open_sansregular";
    font-size: 13px;
    margin-bottom: 30px;
    margin-top: 50px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    width: 100%;
}
#contractDiv .upload {
    background-image: none;
    margin-right: 0;
    padding-right: 0;
    width: 58%;
}
#contractDiv .download a {
    background: #23ccf6 url("../img/contractDownload.png") no-repeat scroll 9px center;
    box-shadow: 0 1px 1px #dedede;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "open_sanssemibold";
    font-size: 12px;
    height: auto;
    padding: 8px 15px 8px 30px;
    text-align: center;
    text-transform: uppercase;
    transition-duration: 0.4s;
    transition-property: background-color;
	-moz-transition-duration: 0.4s;
    -moz-transition-property: background-color;
	-webkit-transition-duration: 0.4s;
    -webkit-transition-property: background-color;
	text-decoration:none;
    width: auto;
}
#contractDiv .download a:hover {
    background-color: #4cdafe;
}
#contractDiv .download span.title, #contractDiv .upload span.title {
    color: #777;
    display: block;
    font-family: "open_sanslight";
    font-size: 14px;
    margin-bottom: 8px;
    margin-top: -8px;
}
.savedContract span, .savedContract a {
    float: left;
    font-size: 12px;
}
.savedContract a img {
    display: none;
    float: left;
    width: 17px;
}
.savedContract a {
    color: #23ccf6;
    cursor: pointer;
    height: 20px;
    line-height: 10px;
    margin-left: 5px;
    margin-top: 3px;
}
#contractDiv .buttons {
    padding-left: 0;
    padding-top: 0;
    width: 100%;
}
#contractDiv .blue_message {
    background: #f2f8fc url("../img/msg.png") no-repeat scroll 12px center;
    border: 1px solid #ebf3fa;
    color: #4a677b;
    display: block;
    font-family: "open_sansregular";
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 2% 3% 2% 5%;
    width: 92%;
}
#contractDiv h4.title {
    float: left;
    margin-top: -10px;
}
#contractDiv .blue_message a img {
    display: none;
}
#contractDiv .blue_message a {
    cursor: pointer;
}

#contractDiv .download .title, #contractDiv .download a, #contractDiv .upload a, #contractDiv .upload .title {
    float: left;
}
#contractDiv .download span.title, #contractDiv .upload span.title {
    height: 32px;
    line-height: 32px;
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 0;
}

.endMessageInfo {
    display: block;
    font-family: "open_sanslight";
    font-size: 15px;
    margin: 10px auto 0;
    text-align: center;
    width: 55%;
}

.agreeTerms input#idCheckAgree {
    cursor: pointer;
    float: left;
    margin-left: 0;
    margin-right: 8px;
}
.innerMenu span.title {
    font-family: "open_sanssemibold";
    font-size: 13px;
    margin-bottom: 10px;
    margin-left: 6px;
    margin-top: -3px;
    width: 90%;
}
.innerMenu span.title, .innerMenu a#back {
    float: left;
}
#contractDiv .error.confirm {
    background: #e8faed url("../img/success.png") no-repeat scroll 13px center;
    border: 1px solid #9ee5b2;
    color: #62c17d;
    margin-bottom: 30px;
    margin-top: -7px;
}
#registration .level_3 span.path {
    cursor: pointer;
    padding: 4px 4px 4px 0;
}
.level_3 .dataTables_wrapper.form-inline.dt-bootstrap.no-footer {
    padding-bottom: 50px;
}
#registration .level_3 span.path:hover {
    color: #999;
}

#registration .tooltip {
    background-color: transparent;
    float: left;
    font-family: open_sansregular;
    font-weight: normal;
    height: auto;
    margin-left: 140px;
    margin-top: 70px !important;
    text-align: left;
    top: 55px;
    width: 220px;
}
#registration .tooltip .tooltip-arrow {
    display: none;
}
#registration .tooltip .tooltip-inner {
    background-color: #f9f9f9;
    font-size: 10px;
    line-height: 15px;
    text-align: left;
}
.innerMenu .control.control--radio.checked {
    color: #222;
    font-family: "open_sansbold";
    font-weight: normal;
}

.modal-content.smaller {
    width: 25%;
}
.modal-content.small.tableForm {
    padding: 0;
}
.modal-content.smaller .tableForm {
    box-shadow: none;
    padding: 0;
}
.modal-content.smaller .tableForm input.form_datetime {
    width: 100%;
}

.modal-content.smaller .tableForm td.label {
    padding-bottom: 0;
}

#tabFornitore .answer label.error {
    display: block;
    margin-left: -20px;
    margin-top: 0;
    position: absolute;
    width: 200px;
}


/* Dati registrazione - Area Personale - */

#page-container #registration .template {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    float: left;
    margin-bottom: 0;
    margin-top: 0;
    opacity: 0.83;
    padding: 0 0 80px;
	min-height:450px;
    width: 100%;
}
#page-container .template .tab {
    background-image: none;
    border-right: 1px solid #eee;
    float: left;
	min-height:100%;
    margin-right: 5%;
    margin-top: 90px;
    padding: 0;
    position: absolute;
    width: 15%;
}
#page-container .template .tab .tablinks {
    background-image: none;
    color: #29d0b6;
    display: block;
    float: none;
    font-family: "open_sansregular";
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding-left: 12.6%;
    padding-top: 0;
    text-align: left;
    width: 87.4%;
}
#page-container .template .tabcontent.tableForm {
    margin-left: 22%;
    width: 77%;
}
#page-container .template .tabcontent.tableForm table {
    padding: 0;
}
#page-container .template .tablinks.active {
    background: #29d0b6 url("../img/selectedTab.png") no-repeat scroll right center;
    border-right: medium none;
    color: #fff;
    margin-right: 0;
    padding-right: 0;
}
#page-container .template .tabcontent.tableForm table span.label {
    color: #000;
    font-family: "open_sanssemibold";
    font-size: 12px;
    margin-bottom: 0;
}
#page-container .template .tabcontent.tableForm table span {
    font-family: "open_sanslight";
}

#page-container .template #tabQuestionario.tabcontent.tableForm table span {
    text-align: right;
}
#page-container .template h5.subtitle, #page-container .template h2.title {
    background-color: transparent;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
    text-align: left;
    width: auto;
}
#page-container .template h5.subtitle {
    color: #777;
    font-family: "open_sansregular";
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 15px;
    padding-bottom: 0;
}
#page-container .template h2.title {
    background-color: transparent;
    height: auto;
    line-height: inherit;
    margin-top: 10px;
    padding-top: 0;
}
#page-container #profiloFornitore table tr {
    display: inline-block;
    float: left;
    height: 76px;
    width: 50%;
}
#page-container #profiloFornitore table tr td {
    display: inline;
    width: 100%;
}
#page-container .template .tab .tablinks.active:hover {
    color: #fff;
    text-decoration: none;
    cursor: default;
}
#page-container .template .tab .tablinks:hover {
    text-decoration: none;
    color: #62e2ce;
}
#page-container .template .tabcontent.tableForm table h4.title span {
    color: #789eb7;
    font-family: "open_sanssemibold";
    font-size: 14px;
    font-weight: normal;
}
#page-container .template .tabcontent.tableForm table h4.title {
    margin-top: 0;
}

#page-container .template #sedeFornitore #tableSedeLegale, #page-container .template #sedeFornitore #tableSedeOperativa {
    float: left;
    margin-right: 4%;
    width: 46%;
}
#page-container .template #profiloFornitore table {
    width: 70%;
}
#page-container .template h2.title span {
    font-size: 16px;
}
#page-container .template .header {
    background-color: #f9f9f9;
    float: left;
    height: 46px;
    margin-bottom: 50px;
    padding-left: 2%;
    width: 98%;
}
#page-container .template #categoriePage td {
    vertical-align: top;
}

#page-container .template .tableForm {
    box-shadow: none;
}


#page-container .template #tabReferenti tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}
#page-container .template #tabReferenti table {
    border-collapse: collapse;
    margin-bottom: 20px;
}
#page-container .template #tabReferenti tr th {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    color: #222;
    font-family: "open_sanssemibold";
    font-weight: normal;
    height: 22px;
    padding: 8px;
    text-align: left;
}
#page-container .template #tabReferenti tr td {
    border-bottom: 1px solid #f0f0f0;
    height: 30px;
    padding: 8px;
}
#page-container .template #tabReferenti.tabcontent.tableForm {
    margin-left: 18%;
    width: 80%;
}
#page-container .template #tabReferenti h4.title span {
    color: #789eb7;
    display: block;
    font-family: "open_sanssemibold";
    margin-bottom: 10px;
    margin-left: 5px;
}
#page-container .template #tabReferenti .head_name.modify {
    background-color: transparent;
    float: right;
    width: auto;
}
#page-container .template #tabReferenti h4.title {
    float: left;
    margin-top: 9px;
}

#page-container .template #tabReferenti #masterTable tr {
    background-color: #fff;
}
#page-container .template #tabReferenti #masterTable tr td {
    background-color: #f2f8fc;
    color: #4a677b;
    font-family: "open_sanslight";
    font-size: 12px;
    height: 25px;
    padding-bottom: 0;
    padding-top: 0;
}
#page-container .template #tabReferenti #masterTable tr th {
    background-color: #f2f8fc;
    border-bottom: medium none;
    border-top: 1px solid #ebf3fa;
    color: #4a677b;
    font-family: "open_sanssemibold";
    font-size: 13px;
    height: auto;
    margin-top: 10px;
    padding-bottom: 0;
    padding-top: 12px;
}
#page-container .template #tabReferenti #masterTable tr:last-child td {
    border-bottom: 1px solid #ebf3fa;
    padding-bottom: 6px;
}
#page-container .template #tabReferenti #masterTable tr td:first-child, #page-container .template #tabReferenti #masterTable tr th:first-child {
    border-left: 1px solid #ebf3fa;
}
#page-container .template #tabReferenti #masterTable tr td:last-child, #page-container .template #tabReferenti #masterTable tr th:last-child {
    border-right: 1px solid #ebf3fa;
}

#page-container .template .registration.first.user #tabQuestionario {
    float: left;
    margin-left: 5%;
    margin-top: -10px;
    padding-top: 0;
    width: 70%;
}
#page-container .template .registration.first.user #tabQuestionario table td {
    padding: 8px 0;
}
#page-container .template .tabcontent.tableForm .answer img {
    width: 77%;
}
#page-container .template #tabQuestionario.tabcontent.tableForm td {
    border-bottom: 1px solid #f2f2f2;
}
#page-container .template .tabcontent.tableForm {
    border-collapse: collapse;
}
#page-container .template #tabQuestionario > table {
    border-collapse: collapse;
}
#page-container .template #tabQuestionario table {
    background-color: transparent;
}

#page-container .template #tabQuestionario .subTable {
    margin-top: 0;
}

#page-container .template #tabContract #contractDiv {
    float: left;
}

#page-container .template #tabQuestionario .registration h4.title span {
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
    width: 100%;
}

#page-container .template #tabQuestionario td.label {
    color: #666;
    font-family: "open_sanslight";
    font-size: 12px;
}
#page-container .template #tabQuestionario.tabcontent.tableForm td.label.space {
    border-bottom: medium none;
    color: #222;
    font-family: "open_sansregular";
    font-size: 11px;
    padding-bottom: 2px;
    padding-top: 20px;
    text-transform: uppercase;
}
#page-container .template #tabQuestionario.tabcontent.tableForm td.text span {
    border: 1px solid #e2e2e2;
    box-shadow: 0 1px 2px #eee;
    color: #555;
    display: block;
    font-family: "open_sansregular";
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 5px;
    min-height: 30px;
    padding: 10px 2% 2%;
    width: 96%;
}
#page-container .template #tabQuestionario.tabcontent.tableForm table td.text {
    border: medium none;
    padding-top: 0;
    padding-bottom: 0;
}

#page-container .template .registration.first.user #tabQuestionario span.answer a {
    cursor: pointer;
}
#page-container .template #tabQuestionario .subTable {
    background-image: none;
}
/* chiusura stili Area Personale */

#prodotti.tabcontent .hasDatepicker {
    background-size: 24px auto !important;
    border: 1px solid #ddd;
    color: #888;
    font-family: "open_sansregular";
    height: 16px;
    min-width: 80px;
    padding: 4px;
    width: 80%;
}
#prodotti.tabcontent .right.dateCol.totalBox {
    color: #06cd93;
    font-family: "open_sanssemibold";
    font-size: 14px;
}

#page-container #contractDiv .blue_message {
    background-image: none;
    padding-left: 2%;
    width: 100%;
}
#page-container #contractDiv .blue_message a {
    margin-left: 5px;
}

.externalSixElements .infoblock {
    width: 12.4%;
}
.externalSixElements .infoblock .value {
    font-size: 12px;
}
.externalSixElements .infoblock .title {
    font-size: 12px;
    margin-bottom: 2px;
}


/* INIZIO GEFRAN STYLES */

#req.no-footer.info td, #req.no-footer.info th {
    border: medium none;
    color: #000;
    padding: 0;
}
#req tr {
    background-color: transparent;
}
table#req.dataTable {
    background-color: #f2f8fc;
    border-top: 1px solid #d8e8f6;
    opacity: 1;
    padding: 15px 2%;
    width: 96% !important;
}
#req_list_wrapper {
    background-color: transparent;
}
#req.no-footer.info th {
    font-family: "open_sansbold";
}
#req_list .dateCol.view a {
    text-decoration: none;
}
#material_list, #material_list_wrapper {
    padding-bottom: 0;
}

#material_list input[type="radio"] {
    margin-left: 15px;
    margin-right: 4px;
}
#material_list input[type="radio"]:first-child {
    margin-left: 0;
}
#material_list tr td:last-child {
    font-size: 11px;
    text-transform: uppercase;
}

#page-container #main-container #contractDiv {
    background-color: #fff;
    float: left;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
}

#page-container #main-container #contractDiv {
    background-color: #fff;
    float: left;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
}
#page-container #main-container #contractDiv h5.title {
    margin-left: 2%;
    padding-top: 0;
    width: 96%;
}
#page-container #main-container #contractDiv .contract {
    margin-left: 2%;
    width: 96%;
}
/* FINE GEFRAN STYLES */

.bonusValue, .malusValue {
    font-size: 0;
    font-weight: normal;
}

/* TOOL RANK MULTIITEM */ 
.documenti.second.asta.block .rank .legend li.sub {
    cursor: pointer;
}
.documenti.second.asta.block .rank .legend .menu > ul {
    display: inline;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
}
.documenti.second.asta.block .rank .legend .choice > li {
    padding: 5px 0;
}
.documenti.second.asta.block .rank .legend .sub .options legend {
    color: #232323;
    font-weight: bold;
}

.documenti.second.asta.block .rank .legend .sub:hover > .options {
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}
.documenti.second.asta.block .rank .legend .sub:hover {
    color: #52aeef;
}

.documenti.second.asta.block .rank .legend .sub .options {
    background: transparent url("../img/infoToolSmall.png") no-repeat scroll center bottom;
    color: #999999;
    cursor: default !important;
    font-size: 12px;
    height: 70px;
    line-height: 17px;
    margin-left: -205px;
    margin-top: -105px;
    max-width: inherit;
    opacity: 0;
    padding: 10px 20px 30px;
    position: absolute;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: opacity;
	-moz-transition-duration: 0.5s;
    -moz-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    visibility: hidden;
    width: 400px;
    z-index: 999999999;
}
.documenti.second.asta.block .rank .legend .sub .options ul.choice {
    margin: 10px 0 0 10px;
    padding: 0;
}
.documenti.second.asta.block .rank ul.choice font {
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin-top: 8px;
}
.documenti.second.asta.block .rank .legend .sub .options ul a li {
    display: block;
    font-family: arial;
    font-size: 12px;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
}
.documenti.second.asta.block .rank .legend .sub .options ul a li:hover {
    color: #52aeef;
}
.documenti.second.asta.block .rank .legend li.sub {
    border-bottom: 10px solid transparent;
    color: #1b9cf9;
    padding-left: 18px;
}
.documenti.second.asta.block .rank .legend li {
    text-transform: none;
}
.documenti.second.asta.block .rank .legend {
    color: #888;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: auto;
}
.documenti.second.asta.block .rank .legend .menu {
    display: inline-block;
    height: 0;
}
.documenti.second.asta.block .rank .legend .menu ul li {
    display: inline;
    float: left;
    font-size: 11px;
    list-style: outside none none;
    margin-right: 10px;
    text-align: left;
}

.documenti.second.asta.block .rank .legend .menu ul li .title span {
    color: #526e84;
    display: block;
    font-family: "open_sansregular";
    font-weight: normal;
    margin-left: 0;
    text-transform: none;
}

.documenti.second.asta.block .rank .legend .menu ul li .title{
margin-top:0;
}

.documenti.second.asta.block .rank .legend .menu ul li .title {
    font-family: "open_sansbold";
    text-transform: uppercase;
	color:#526e84;
}
.documenti.second.asta.block .rank .legend .menu ul li img {
    float: right;
    height: auto;
    margin-bottom: 3px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}
.documenti.second.asta.block .rank .legend ul > li.sub {
    background: none;
    color: #04bddf;
    font-family: "open_sansregular";
    font-size: 11px;
    padding-left: 0;
    padding-right: 15px;
}
.documenti.second.asta.block .rank .legend ul li.sub:hover{
    color: #0dd2f7;
}

.rank .moreDetails {
    float: right;
    margin-left: 4px;
    margin-top: -11px;
    width: 1px;
}

/* TOOL TITLE MULTI ITEM */
.documenti.second.asta.block .title .legend li.sub {
    cursor: pointer;
}
.documenti.second.asta.block .title .legend .menu > ul {
    display: inline;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
}
.documenti.second.asta.block .title .legend .choice > li {
    padding: 5px 0;
}
.documenti.second.asta.block .title .legend .sub .options legend {
    color: #232323;
    font-weight: bold;
}

.documenti.second.asta.block .title .legend .sub:hover > .options {
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}
.documenti.second.asta.block .title .legend .sub:hover {
    color: #52aeef;
}

.documenti.second.asta.block .title .legend .sub .options {
    background: transparent url("../img/infoToolSmall.png") no-repeat scroll center bottom;
    color: #999999;
    cursor: default !important;
    font-size: 12px;
    height: 70px;
    line-height: 17px;
    margin-left: -205px;
    margin-top: -105px;
    max-width: inherit;
    opacity: 0;
    padding: 10px 20px 30px;
    position: absolute;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: opacity;
	-moz-transition-duration: 0.5s;
    -moz-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    visibility: hidden;
    width: 400px;
    z-index: 999999999;
}
.documenti.second.asta.block .title .legend .sub .options ul.choice {
    margin: 10px 0 0 10px;
    padding: 0;
}
.documenti.second.asta.block .title ul.choice font {
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin-top: 8px;
}
.documenti.second.asta.block .title .legend .sub .options ul a li {
    display: block;
    font-family: arial;
    font-size: 12px;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
}
.documenti.second.asta.block .title .legend .sub .options ul a li:hover {
    color: #52aeef;
}
.documenti.second.asta.block .title .legend li.sub {
    border-bottom: 10px solid transparent;
    color: #1b9cf9;
    padding-left: 18px;
}
.documenti.second.asta.block .title .legend li {
    text-transform: none;
}
.documenti.second.asta.block .title .legend {
    color: #888;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: auto;
}
.documenti.second.asta.block .title .legend .menu {
    display: inline-block;
    height: 0;
}
.documenti.second.asta.block .title .legend .menu ul li {
    display: inline;
    float: left;
    font-size: 11px;
    list-style: outside none none;
    margin-right: 10px;
    text-align: left;
}

.documenti.second.asta.block .title .legend .menu ul li .title span {
    color: #526e84;
    display: block;
    font-family: "open_sansregular";
    font-weight: normal;
    margin-left: 0;
    text-transform: none;
}

.documenti.second.asta.block .title .legend .menu ul li .title{
margin-top:0;
}

.documenti.second.asta.block .title .legend .menu ul li .title {
    font-family: "open_sansbold";
    text-transform: uppercase;
	color:#526e84;
}
.documenti.second.asta.block .title .legend .menu ul li img {
    float: right;
    height: auto;
    margin-bottom: 3px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}
.documenti.second.asta.block .title .legend ul > li.sub {
    background: none;
    color: #04bddf;
    font-family: "open_sansregular";
    font-size: 11px;
    padding-left: 0;
    padding-right: 15px;
}
.documenti.second.asta.block .title .legend ul li.sub:hover{
    color: #0dd2f7;
}

/* TOOL RANK MONO ITEM */
.documenti.second.asta .rank .legend li.sub {
    cursor: pointer;
}
.documenti.second.asta .rank .legend .menu > ul {
    display: inline;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
}
.documenti.second.asta .rank .legend .choice > li {
    padding: 5px 0;
}
.documenti.second.asta .rank .legend .sub .options legend {
    color: #232323;
    font-weight: bold;
}

.documenti.second.asta .rank .legend .sub:hover > .options {
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}
.documenti.second.asta .rank .legend .sub:hover {
    color: #52aeef;
}

.documenti.second.asta .rank .legend .sub .options {
    background: transparent url("../img/infoToolSmall.png") no-repeat scroll center bottom;
    color: #999999;
    cursor: default !important;
    font-size: 12px;
    height: 70px;
    line-height: 17px;
    margin-left: -205px;
    margin-top: -105px;
    max-width: inherit;
    opacity: 0;
    padding: 10px 20px 30px;
    position: absolute;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: opacity;
	-moz-transition-duration: 0.5s;
    -moz-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    visibility: hidden;
    width: 400px;
    z-index: 999999999;
}
.documenti.second.asta .rank .legend .sub .options ul.choice {
    margin: 10px 0 0 10px;
    padding: 0;
}
.documenti.second.asta .rank ul.choice font {
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin-top: 8px;
}
.documenti.second.asta .rank .legend .sub .options ul a li {
    display: block;
    font-family: arial;
    font-size: 12px;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
}
.documenti.second.asta .rank .legend .sub .options ul a li:hover {
    color: #52aeef;
}
.documenti.second.asta .rank .legend li.sub {
    border-bottom: 10px solid transparent;
    color: #1b9cf9;
    padding-left: 18px;
}
.documenti.second.asta .rank .legend li {
    text-transform: none;
}
.documenti.second.asta .rank .legend {
    color: #888;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: auto;
}
.documenti.second.asta .rank .legend .menu {
    display: inline-block;
    height: 0;
}
.documenti.second.asta .rank .legend .menu ul li {
    display: inline;
    float: left;
    font-size: 11px;
    list-style: outside none none;
    margin-right: 10px;
    text-align: left;
}

.documenti.second.asta .rank .legend .menu ul li .title span {
    color: #526e84;
    display: block;
    font-family: "open_sansregular";
    font-weight: normal;
    margin-left: 0;
    text-transform: none;
}

.documenti.second.asta .rank .legend .menu ul li .title{
margin-top:0;
}

.documenti.second.asta .rank .legend .menu ul li .title {
    font-family: "open_sansbold";
    text-transform: uppercase;
	color:#526e84;
}
.documenti.second.asta .rank .legend .menu ul li img {
    float: right;
    height: auto;
    margin-bottom: 3px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}
.documenti.second.asta .rank .legend ul > li.sub {
    background: none;
    color: #04bddf;
    font-family: "open_sansregular";
    font-size: 11px;
    padding-left: 0;
    padding-right: 15px;
}
.documenti.second.asta .rank .legend ul li.sub:hover{
    color: #0dd2f7;
}


/* TOOL TITLE MONO ITEM */
.documenti.second.asta .title .legend li.sub {
    cursor: pointer;
}
.documenti.second.asta .title .legend .menu > ul {
    display: inline;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
}
.documenti.second.asta .title .legend .choice > li {
    padding: 5px 0;
}
.documenti.second.asta .title .legend .sub .options legend {
    color: #232323;
    font-weight: bold;
}

.documenti.second.asta .title .legend .sub:hover > .options {
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}
.documenti.second.asta .title .legend .sub:hover {
    color: #52aeef;
}

.documenti.second.asta .title .legend .sub .options {
    background: transparent url("../img/infoToolSmall.png") no-repeat scroll center bottom;
    color: #999999;
    cursor: default !important;
    font-size: 12px;
    height: 70px;
    line-height: 17px;
    margin-left: -205px;
    margin-top: -105px;
    max-width: inherit;
    opacity: 0;
    padding: 10px 20px 30px;
    position: absolute;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: opacity;
	-moz-transition-duration: 0.5s;
    -moz-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    visibility: hidden;
    width: 400px;
    z-index: 999999999;
}
.documenti.second.asta .title .legend .sub .options ul.choice {
    margin: 10px 0 0 10px;
    padding: 0;
}
.documenti.second.asta .title ul.choice font {
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin-top: 8px;
}
.documenti.second.asta .title .legend .sub .options ul a li {
    display: block;
    font-family: arial;
    font-size: 12px;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
}
.documenti.second.asta .title .legend .sub .options ul a li:hover {
    color: #52aeef;
}
.documenti.second.asta .title .legend li.sub {
    border-bottom: 10px solid transparent;
    color: #1b9cf9;
    padding-left: 18px;
}
.documenti.second.asta .title .legend li {
    text-transform: none;
}
.documenti.second.asta .title .legend {
    color: #888;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: auto;
}
.documenti.second.asta .title .legend .menu {
    display: inline-block;
    height: 0;
}
.documenti.second.asta .title .legend .menu ul li {
    display: inline;
    float: left;
    font-size: 11px;
    list-style: outside none none;
    margin-right: 10px;
    text-align: left;
}

.documenti.second.asta .title .legend .menu ul li .title span {
    color: #526e84;
    display: block;
    font-family: "open_sansregular";
    font-weight: normal;
    margin-left: 0;
    text-transform: none;
}

.documenti.second.asta .title .legend .menu ul li .title{
margin-top:0;
}

.documenti.second.asta .title .legend .menu ul li .title {
    font-family: "open_sansbold";
    text-transform: uppercase;
	color:#526e84;
}
.documenti.second.asta .title .legend .menu ul li img {
    float: right;
    height: auto;
    margin-bottom: 3px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}
.documenti.second.asta .title .legend ul > li.sub {
    background: none;
    color: #04bddf;
    font-family: "open_sansregular";
    font-size: 11px;
    padding-left: 0;
    padding-right: 15px;
}
.documenti.second.asta .title .legend ul li.sub:hover{
    color: #0dd2f7;
}

/* TOOL TITLE MULTI ITEM  BEST*/
.documenti.first.asta .title .legend li.sub {
    cursor: pointer;
}
.documenti.first.asta .title .legend .menu > ul {
    display: inline;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
}
.documenti.first.asta .title .legend .choice > li {
    padding: 5px 0;
}
.documenti.first.asta .title .legend .sub .options legend {
    color: #232323;
    font-weight: bold;
}

.documenti.first.asta .title .legend .sub:hover > .options {
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}
.documenti.first.asta .title .legend .sub:hover {
    color: #52aeef;
}

.documenti.first.asta .title .legend .sub .options {
    background: transparent url("../img/infoToolSmall.png") no-repeat scroll center bottom;
    color: #999999;
    cursor: default !important;
    font-size: 12px;
    height: 70px;
    line-height: 17px;
    margin-left: -205px;
    margin-top: -105px;
    max-width: inherit;
    opacity: 0;
    padding: 10px 20px 30px;
    position: absolute;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: opacity;
	-moz-transition-duration: 0.5s;
    -moz-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    visibility: hidden;
    width: 400px;
    z-index: 999999999;
}
.documenti.first.asta .title .legend .sub .options ul.choice {
    margin: 10px 0 0 10px;
    padding: 0;
}
.documenti.first.asta .title ul.choice font {
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin-top: 8px;
}
.documenti.first.asta .title .legend .sub .options ul a li {
    display: block;
    font-family: arial;
    font-size: 12px;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
}
.documenti.first.asta .title .legend .sub .options ul a li:hover {
    color: #52aeef;
}
.documenti.first.asta .title .legend li.sub {
    border-bottom: 10px solid transparent;
    color: #1b9cf9;
    padding-left: 18px;
}
.documenti.first.asta .title .legend li {
    text-transform: none;
}
.documenti.first.asta .title .legend {
    color: #888;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: auto;
}
.documenti.first.asta .title .legend .menu {
    display: inline-block;
    height: 0;
}
.documenti.first.asta .title .legend .menu ul li {
    display: inline;
    float: left;
    font-size: 11px;
    list-style: outside none none;
    margin-right: 10px;
    text-align: left;
}

.documenti.first.asta .title .legend .menu ul li .title span {
    color: #526e84;
    display: block;
    font-family: "open_sansregular";
    font-weight: normal;
    margin-left: 0;
    text-transform: none;
}

.documenti.first.asta .title .legend .menu ul li .title{
margin-top:0;
}

.documenti.first.asta .title .legend .menu ul li .title {
    font-family: "open_sansbold";
    text-transform: uppercase;
	color:#526e84;
}
.documenti.first.asta .title .legend .menu ul li img {
    float: right;
    height: auto;
    margin-bottom: 3px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}
.documenti.first.asta .title .legend ul > li.sub {
    background: none;
    color: #04bddf;
    font-family: "open_sansregular";
    font-size: 11px;
    padding-left: 0;
    padding-right: 15px;
}
.documenti.first.asta .title .legend ul li.sub:hover{
    color: #0dd2f7;
}

.documenti.first.asta .title .bonusValue{
	color: #fff !important;
	font-weight: bold;
}

.title .moreDetails {
    float: left;
    margin-left: 4px;
    margin-top: -11px;
    width: 1px;
}


.bonusValue::before, .malusValue::before {
    background-color: #00bf96;
    border-radius: 2px;
    color: #fff;
    content: "bonus";
    font-size: 10px;
    padding-left: 3px;
    padding-right: 3px;
    text-transform: capitalize;
}
.malusValue::before {
    background-color: #ea6767;
    content: "Malus";
}

.dateCol.right span.number {
    float: left;
}
.moreDetails.bonus, .details .title.cont .value {
    float: left;
}

.dateCol.right .cont {
    float: right;
    margin-right: 35px;
}

.infoblock.suggested .cont .moreDetails.bonus {
    float: right;
    margin-top: -15px;
    width: auto;
}





.timeblock.title.cont {
    text-align: left;
}
.timeblock .title.cont {
    text-align: left;
}
.timeblock .details .title.cont span {
    float: none;
}
.timeblock .details .title.cont .moreDetails {
    float: right;
    margin-right: 43px;
    margin-top: -27px;
}


.documenti.first.asta .title.cont .legend .sub .options {
    background-position: 200px bottom;
    height: 60px;
    margin-left: -386px;
    margin-top: -96px;
}
.documenti.first.asta .title.cont .legend .sub .options ul.choice {
    float: right;
    width: 200px;
}
.documenti.first.asta .title.cont .legend .sub .options ul.choice li {
    display: inline-block;
    padding: 0;
    text-align: left;
    width: 90px;
}
.documenti.first.asta .title.cont .legend .sub .options ul.choice li .title {
    font-size: 11px;
    line-height: 14px;
    margin: 0;
    text-align: left;
}

.dropbtn {
    background: rgba(0, 0, 0, 0) url("../img/dropItem.jpg") repeat scroll right center;
    border: 1px solid #05bc86;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 37px;
    margin-left: 5px;
    min-width: 50px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

.dropbtn:hover {
    opacity: 0.9;
}

.dateCol.docStatus {
    color: #888;
    font-style: italic;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    background-color: #fff;
    box-shadow: 0 8px 16px 0 #eee;
    display: none;
    margin-left: 5px;
    position: absolute;
    width: 102px;
    z-index: 1;
}
.dropdown-content a {
    border-bottom: 1px solid #eee;
    color: #2ed7a6;
    cursor: pointer;
    display: block;
    font-family: "open_sanssemibold";
    text-align: center;
}

.dropdown-content a:hover {
    color: #13dfa4;
}

div.maintitle {
    height: 38px;
    line-height: 38px;
}

div.maintitle span {
    font-size: 16px;
}
div.maintitle div.dropdown {
    float: right;
    margin-right: 0;
}


.documenti.first.asta.items-6 .infoblock {
    width: 13%;
}
.documenti.first.asta.items-6 .infoblock.suggested {
    width: 21%;
}
.items-6 .infoblock .value {
    font-size: 12px;
}
.items-6 .infoblock .title {
    font-size: 11px;
    margin-bottom: 3px;
}