html,
body {
  height: 100%;
}

body {
    background-color: #f2f2f2;
    margin-bottom: 0;
    margin-right: 0;
    overflow-x: hidden;
}

@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: #fd8d1f;
    cursor: pointer;
}
a:hover {
    color: #ffb453;
} 

a:focus{
outline:none;	
}

textarea:focus {
    outline: none;
    box-shadow: 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: #000033;
    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;
}

.links > a {
  float: left;
  height: 16px;
  line-height: 16px;
  text-decoration: none;
  color: #fff;
  margin-right: 12px;
  padding-right: 12px;
  margin-top:22px;
}

.links > a:first-child {
    border-right: 1px solid #326584;
    padding-right: 12px;
}
.links > a:hover{
  color:orange;
}

.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: 93.5%;
}

#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 {
	font-family: "open_sansregular";
    background-color: transparent;
    border: 1px solid #3c7a9f;
    color: #fff;
    float: right;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    margin-left: 20px;
    margin-right: 10%;
    margin-top: 6px;
    padding: 5px 10px;
    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;
    width: 94px;
}

.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-family: "open_sansregular";
    font-size: 12px;
    margin: 10px 15px;
    text-decoration: none;
    width: 70%;

}
.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: 24px;
    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:#ffb453;
}

.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: transparent url("../img/TopLogo.png") no-repeat scroll left center;
    float: left;
    height: 48px;
    margin-left: 70px;
    margin-top: 18px;
    width: 265px;
    background-size: 130px;
}

.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, #sidebar span.role, span.communication, span.validate, span.user, span.docs, span.provider, span.vendor, span.configuration, span.questions, span.bank, span.supplierInspection, span.user_info, span.activity, span.socialresp {
    background: transparent url("../img/home.png") no-repeat scroll left top;
    display: inline-block;
    float: left;
    height: 17px;
    left: 19px;
    margin-right: 10px;
    margin-top: -2px;
    position: fixed;
    width: 17px;
}


 span.user{
	background:url("../img/users.png") no-repeat top left transparent;
 }
 
  span.user_info{
	background:url("../img/user_info.png") no-repeat top left transparent;
 }
 
  span.activity{
	background:url("../img/activity.png") no-repeat top left transparent;
 }
  span.socialresp{
	background:url("../img/socialresp.png") no-repeat left 3px transparent;
	width: 18px;
	height: 22px;
 }
 
.nav-main li:hover span.socialresp {
    background-position: 0 -18px;
    opacity: 1!important;
}
 
span.questions {
    background: transparent url("../img/userQuestions.png") no-repeat scroll left top;
    margin-top: 1px;
}

 span.communication{
	background:url("../img/communication.png") no-repeat top left transparent;
 }

 span.validate{
	background:url("../img/validate.png") no-repeat top left transparent;
 }
 
  span.vendor{
	background:url("../img/vendor.png") no-repeat top left transparent;
 }
 
   span.provider{
	background:url("../img/provider.png") no-repeat top left transparent;
 }
 
   span.docs{
	background:url("../img/docs.png") no-repeat top left transparent;
 }
 
   span.portfolio{
	background:url("../img/portfolio.png") no-repeat top left transparent;
 }
 
 span.about {
    background: transparent url("../img/about.png") no-repeat scroll left top;
}

 span.bank {
    background: transparent url("../img/bank.png") no-repeat scroll left top;
}

span.supplierInspection {
    background: transparent url("../img/inspection.png") no-repeat scroll left top;
    margin-top: -1px;
}

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

span.configuration {
    background: transparent url("../img/configuration.png") no-repeat scroll left top;
    margin-top: 0px;
}

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

@media screen and (max-width: 1300px) {
#page-container .contents {
    width: 93.5%;
}
}


@media screen and (max-width: 990px) {
 #page-container .contents {
    width: 98%;
    margin-top: 80px;
	z-index:777;
}
}

@media screen and (max-width: 960px) {
  
  #page-container .btnGroup {
    width: 98% !important;
}

.contents .homeBox.intro .internal.left, .contents .homeBox.intro .internal.right {
  width: 96%;
}
.contents .homeBox.intro .internal.high.mail, .contents .homeBox.intro .internal.high.access {
  width: 96%;
}

#page-container .logo {
    background: transparent url("../img/respTop.png") no-repeat center left;
    background-size: auto auto;
    margin-left: 10px;
    width: 140px;
    background-size: 130px;
    margin-right: 10px;
}

#page-container .overDrop .areaUtente {
    margin-left: 0;
    background: transparent url("../img/usersArea.png") no-repeat scroll 101% center / 30px auto;
    font-size: 0;
    border: 1px solid transparent;
	width:20px;
    height: 27px;
    margin-top:10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	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;
    padding-left: 0;
}

#page-container .head {
    box-shadow: 0 1px 4px 1px #bbb;
    position: fixed;
	z-index:777;
    width: 100%;
    margin-bottom: 0;
    height: 78px;
}

#page-container .overDrop .areaUtente:hover{
background-color:#fff;
}

#page-container .areaUtente.portalGare .portallink, #page-container .areaUtente.portalOrdini .portallink {
    font-size: 0;
    width: 0px;
}

#page-container .dropUtente {
    margin-left: -179px;
}
#page-container .homeBox.intro .internal.left .content, #page-container .homeBox.intro .internal.right .content {
    font-size: 14px;
}

#sidebar::after {
    content: ".";
    width: 30px;
    height: 40px;
    color: #fff;
    display: block;
    visibility: visible;
    opacity: 1;
    font-size: 0;
    z-index: 9999999999999;
    background-color: transparent;
    position: absolute;
    top: 15px;
    left: 10px;
    cursor: pointer;
    font-size: 13px;
    position: fixed;
    color: transparent;
}
#sidebar:hover {
  opacity: 1;
  visibility: visible;
}

}

@media screen and (max-width: 700px) {
	#page-container .homeBox.intro .internal.left .content, #page-container .homeBox.intro .internal.right .content {
    font-size: 12px;
}
}

@media screen and (max-width: 690px) {
#page-container .contents .dataTables_wrapper .dataTables_filter input {
  margin-left: 0%;
  width: 96%;
}
#page-container .contents .dataTables_filter label {
  font-size: 0;
}
#page-container .contents .dataTables_filter {
  margin-top: 0;
}
#page-container .contents .dataTables_info, #page-container .contents .dataTables_length {
  font-size: 10px;
  width: auto;
  margin-top: 0px;
  margin-bottom: 5px;
  line-height: 40px;
  height: 40px;
}

}

#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) {
	
	  #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);
  }
 
  .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/Niuma_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;
	z-index:999999999;
  }
  .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 {
    height: 20px;
    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 (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;
    max-width: 100%;
    overflow-x: hidden;
	overflow-y:hidden;
    padding-left: 19px;
    padding-right: 20px;
    padding-top: 10px;
}
.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 {
    color: rgba(255, 255, 255, 0.5);
    display: block;
    font-size: 13px;
    height: 30px;
    line-height: 19px;
    padding: 10px 20px 10px 50px;
    text-decoration: none;
}
.nav-main a span{
cursor:pointer;	
}

.nav-main a.current {
  color: #fff;
}

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

a.current {
    cursor: default;
    margin-bottom: 10px;
    padding-bottom: 0;
}
.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: 11px;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase;
}

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

.dataTable tbody tr:nth-of-type(2n+1) {
   /* background-color: #f9f9f9; */
}

table.dataTable tbody td {
    border-bottom: 1px solid #eee;
    color: #222;
    font-size: 12px;
    padding: 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, #email_list.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;
}
th select{
    font-size: 11px;
    background-size: 20px;
    width: 100%;
}
.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, #page-container .template .btn, #page-container #registration .btn{
    background-color: #ffbb78;
    background-image: -moz-linear-gradient(center top , #ffbb78, #fd8d1f);
    background: -webkit-linear-gradient(top,#ffbb78, #fd8d1f);
	background: -linear-gradient(top,#ffbb78, #fd8d1f);
	background: -ms-linear-gradient(top, #ffbb78 0%,#fd8d1f 100%); /* IE10+ */
    border: 1px solid #fb9200;
    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;
}


#page-container #registration .btn.next {
    background-color: transparent;
    background-image: none;
    border: medium none;
    width: auto;
}
#page-container #registration .btn.next:hover {
    box-shadow: none;
}

#page-container #registration .btn {
    height: auto;
}

#page-container .template .btn {
      transition-duration: 0.5s;
    transition-property: background-color;
	-moz-transition-duration: 0.5s;
    -moz-transition-property: background-color;
	-webkit-transition-duration: 0.5s;
    -webkit-transition-property: background-color;
}

.template .level_3 {
 margin-bottom: 30px;

}

#page-container #questionario #sicurezzaAlimDiv td.label, #page-container #questionario #forniturePrezziDiv td.label {
    color: #333;
    font-family: "open_sansregular";
    font-size: 12px;
    /*height: 32px;*/
    letter-spacing: -0.2px;
    line-height: 20px;
    margin-bottom: 0;
    text-transform: none;
    width: 96.6%;
}

#page-container #questionario .tab .tablinks {
    height: auto;
    line-height: 15px;
    padding: 11px 25px 9px 15%;
    width: 75.2%;
}
.template #tdprovinciaSedeLegale .double_right .SumoSelect > .CaptionCont {
    width: 89%;
}

#page-container #questionario #forniturePrezziDiv .label.clear {
    color: #777;
    font-family: open_sanssemibold;
    font-size: 11px;
    height: 20px;
    padding-bottom: 0;
    text-transform: uppercase;
}

#page-container #questionario #sicurezzaAlimDiv td.label {
    letter-spacing: inherit;
    width: 88%;
}

.btnGroup .btn.back.right, a.btn.back.right, input.btn.back.right {
    float: right;
    transition-duration: 0.3s;
    transition-property: background-color;
}

#page-container .template .btn.back:hover, a.btn.back.right:hover, input.btn.back.right:hover {
    background-color: #fd8d1f;
    color: #fff;
}
#page-container .template .btn:hover {
    background-color: #fd8d1f;
    background-image: none;
}

.btnGroup input.btn.back {
    background-color: transparent;
    background-image: none;
    color: #fd8d1f;
    float: left;
    height: 36px;
}

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

#page-container #main-container .template .btnGroup a.btn.back, #page-container .template .btn.back, .btnGroup a.btn.back {
  /*  background-color: transparent;
    background-image: none; */
    color: #fff;
    float: left;
    height: auto;
    margin-left: 0;
}
#page-container .template .btn.back {
    float: right;
    height: 36px;
    transition-duration: 0.5s;
    transition-property: background-color;
	-moz-transition-duration: 0.5s;
    -moz-transition-property: background-color;
	-webkit-transition-duration: 0.5s;
    -webkit-transition-property: background-color;
}
a.btn.back {
    height: 34px;
    transition-duration: 0.3s;
    transition-property: background-color;
}
.btn:hover, .ui-dialog-buttonset button:hover, .documenti.second.asta.block .send .btn:hover {
    background-color: #fd8d1f;
    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);
    /*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: -89px;
}

.contents #cart div img {
    margin-left: 11.6%;
    margin-top: -15px;
	float:none;
    position: absolute;
}

}

@-moz-document url-prefix() {
    select { text-indent: 0px; }
}

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



.template .tabcontent.tableForm .antibriberyQuestions table td span.label {
  text-transform: none;
  font-size: 12px;
  font-family: open_sansregular;
  font-weight: normal;
  line-height: 20px;
}

.template .tabcontent.tableForm .antibriberyQuestions table td{
  padding-top: 20px
}

.template .tabcontent.tableForm .antibriberyQuestions table td span.label h3{
  font-family: open_sanssemibold;
  font-weight: normal;
  color: #000;
  font-size: 14px;
  margin-bottom: 0;
}

.double_right label.error {
 margin-left: 3%;
}

#registration .template .antibriberyQuestions .divQA label.error {
  position: relative;
  margin-top: 2px;
  width: 44%;
  float: right;
}
#registration .template .tabcontent.tableForm .antibriberyQuestions .divQA .answer {
  margin-bottom: 0;
}

#registration .template .tabcontent.tableForm .antibriberyQuestions td .answer{
  width: 100%;
  margin-bottom: 5px;
}

.template .tabcontent.tableForm .antibriberyQuestions{
  width: 660px;
  margin:0 auto;
}

.template .tabcontent.tableForm .antibriberyQuestions table{
  padding-left:20px;
  width: 96%;
}

.template .tabcontent.tableForm .antibriberyQuestions td input, .template .tabcontent.tableForm .antibriberyQuestions td textarea {
    width: 100%;
    border: 1px solid #ddd;
    font-family: "open_sansregular";
    box-sizing: border-box;
    font-size: 11px;
    max-width: 100%;
}

.template .tabcontent.tableForm .antibriberyQuestions td textarea:disabled {
  background-color: transparent;
  height: 40px;
  border-right: none;
  border-left: none;
  border-top: none;
  padding-left: 0;
}


.template .tabcontent.tableForm .antibriberyQuestions td input:disabled {
  background-color: transparent;
  border:none;
  height: auto;
  padding-left: 0;
  text-indent: 0;
  color: #888;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

.template .tabcontent.tableForm .antibriberyQuestions td textarea {
    padding: 5px;
    height: 60px;
    margin-top: 5px;
}

.template .tabcontent.tableForm .antibriberyQuestions td .SumoSelect > .CaptionCont{
  width: 50%;
}

#registration .template .antibriberyQuestions .answer label.error {
  left: inherit;
  font-size: 10px;
  font-family: "open_sansregular";
}

.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;
    font-weight: normal;
}
.SumoSelect .optWrapper.multiple .opt.selected i {
    background-color: #06cd93 !important;
}
.SumoSelect .opt > label {
    font-size: 12px;
    font-weight: normal;
}
.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;
    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;
}


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


.contents table.dataTable thead .sorting_disabled, .contents table.dataTable thead .sorting {
  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 {
    color: #0b3162;
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
}

.dataTable thead .dateCol {
    border-bottom: 1px solid #ddd;
    font-family: "open_sanssemibold";
    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_sanssemibold";
    font-weight: normal;
    line-height: 15px;
}*/

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

label.error {
    color: #ee6767;
    display: block;
    font-size: 10px;
    margin-top: 5px;
    clear: left;
    text-transform: none;
    font-family: open_sansregular;
}

#page-container .template .tabcontent.tableForm table span.formError, span.formError {
    color: #ff0000;
    font-family: "open_sansregular";
    font-size: 10px;
    margin-top: 3px;
    text-align: left;
    border: none;
}

#bank_data span.formError, #registration_invite span.formError {
    float: left;
}

span.formWarning {
    background: #fff url("../img/error_blue.png") no-repeat scroll 0 center / 12px auto;
    color: #3183c3;
    float: left;
    font-size: 11px;
    margin-top: 5px;
    padding-left: 16px;
    width: 80%;
}

.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, select.error {
 border: 1px solid #ee6767 !important;
}
#login input.error {
    background-image: none !important;
}

.tablinks {
    background-color: #f7f7f7;
    color: #fd8d1f;
    display: inline-block;
    float: left;
    font-family: open_sanslight;
    font-size: 12px;
    height: 40px;
    letter-spacing: 0;
    line-height: 39px;
    margin-right: 4px;
    text-align: center;
    text-decoration: none;
    width: 110px;
}
.tablinks:hover {
    color: #ffad5c;
    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: #fd8d1f;
}

/*
.paginate_button a:hover{
color: #ffad5c;	
}*/

.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[type="text"] {
    text-indent: 15px;
}

#login input[type="password"] {
    background: #fff url("../img/password.png") no-repeat scroll left center;
    text-indent: 45px;
}
#login label#username-error.error, #login label#hashpassword-error.error {
    color: #ee6767;
    display: inline-block;
    font-family: "open_sansregular";
    font-size: 12px;
    font-weight: normal;
    margin-top: -5px;
    position: relative;
    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: transparent url("../img/TopLogo.png") no-repeat scroll left top;
    background-size: auto auto;
    background-size: 215px;
    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;
    margin-top: 24px;
    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: 43% 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 .log_content{
background-size: 150px;	
}

#login .log_content .footer p {
    background-image: none;
}

}


#login .recover {
    background: transparent url("../img/psw_rec.png") no-repeat scroll center center;
    display: inline-block;
    height: 16px;
    width: 16px;
}
#login .legend {
    float: left;
    margin-left: 15px;
    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: pointer;
    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)";
}

.off.disabled{
pointer-events:none;	
}

input.btn {
    line-height: 0;
}

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

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

.dateCol.view a, table.dataTable tbody td.view a {
    color: #24a3cd;
    cursor: pointer;
    font-family: "open_sanssemibold";
}

table.dataTable tbody td.view:hover, .dateCol.view a:hover, .docStatus.view a:hover {
    color: #63b3ed;
}
#tableAggiudicazione .dateCol.view a {
    font-size: 13px;
}

.docStatus.view > a {
    font-style: normal;
}
.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;
}

/* 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, .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    border: medium none;
    border-radius: 0;
    font-size: 11px;
    padding: 15px;
    text-transform: uppercase;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span, #ui-datepicker-div.ui-datepicker .ui-datepicker-next span {
    visibility: hidden;
}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all .ui-datepicker-header {
    background-color: transparent;
    border: medium none;
}

.ui-datepicker-prev.ui-corner-all:hover, .ui-datepicker-next.ui-corner-all:hover {
    border: 1px solid #fff;
}
#ui-datepicker-div .ui-state-default {
    background-color: transparent;
    border: medium none;
    padding: 2px 0;
}
#ui-datepicker-div .ui-state-default:hover {
    color: orange;
}
#ui-datepicker-div .ui-datepicker-month, #ui-datepicker-div .ui-datepicker-year {
    background-size: 20px auto;
    font-family: "open_sansregular";
    font-size: 12px;
    font-weight: normal;
    width: 65px;
    margin-top: 0;
    text-transform: capitalize;
}
#ui-datepicker-div .ui-datepicker-month {
    border-right: medium none;
}

#ui-datepicker-div .ui-state-default.ui-state-active {
    background-color: orange;
    border-radius: 0;
    font-family: open_sanssemibold;
}
.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%;
}

#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) {

body #page-container #main-container div#questionario .template div.item_desc td.label {
    font-size: 10px;
    line-height: 16px;
    width: 97%;
}
}

@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%;
    padding-bottom: 60px;
    max-height: 570px;
    min-height: 250px;
}
.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 table#itemListTable.dataTable {
    box-shadow: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 100% !important;
}

modal-content div  {
	 max-width: 100%;
}

#auctionForm div.head_name {
    background-color: #f9f9f9;
    color: #666;
    float: left;
    font-family: "open_sanssemibold";
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    margin-bottom: 0;
    padding-left: 1%;
    width: 99%;
}
/*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/error_blue.png") no-repeat scroll 0 center;
    border-bottom: 22px solid #fff;
    color: #3183c3;
    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%;
}

#page-container .modal-content #documents_table td.dataTables_empty {
    padding-left: 10px;
    color: #3183c3;
}

#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 {
    cursor: pointer;
    display: none;
    float: right;
    margin-right: 1%;
    margin-top: 14px;
    opacity: 0.6;
    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: #f9f9f9 url("../img/selectCustomOrange.png") no-repeat scroll right center / 22px auto;
    border: medium none;
    border-radius: 30px;
    color: #fd8d1f;
    font-family: "open_sanssemibold";
    font-size: 13px;
    line-height: inherit;
    margin-left: 5px;
    margin-right: 5px;
    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.antibriberydialog #noncompliantanswer {
    max-height: 300px;
    overflow: auto;
}

.ui-dialog.antibriberydialog {
    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: 5% !important;
    width: 400px !important;
    z-index: 99999999999;
}

.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;
    width: 360px !important;
    z-index: 99999999999;
}
.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 .ui-dialog-buttonset button{
   min-height: 34px; 
    padding-right: 8px;
    padding-left:8px;
    float:right;
    text-transform: uppercase;
    font-size: 11px;
}
.ui-dialog-buttonset {
    display: block;
    float: left;
    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: rgba(0,0,0,0.4);
    height: 100%;
    left: 0;
    opacity: 1;
    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 url("../img/arrow_list.gif") no-repeat scroll center bottom;
    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;
}

.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: -46px;
    width: 96%;
}

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

.documenti.second.asta.block {
    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-image: none;
    background-color: transparent;
    color: #fb9200;
    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;
}

#annullaModifica:hover{
    color:#fff;
    background-color:#fb9200;
}

#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 .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";
    line-height: 22px;
    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 9px;
    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 9px;
    cursor: pointer;
    float: right;
    height: 20px;
    width: 20px;
}
input.hasDatepicker {
    background: #fff url("../img/datepicker.png") no-repeat scroll right center !important;
    cursor: pointer;
    border: 1px solid #e2e2e2;
}

.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: 94% !important;
	z-index:88888888;
}

#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;
    padding-right: 15px;
}
.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-family: "open_sansregular";
    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, .genericError {
    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, .genericError {
    padding-left: 13%;
    padding-right: 3%;
    width: 84%;
}
#lineToken.error input, .genericError {
    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%;
}

#registration .template .tab a.tablinks span.subtitle {
    font-size: 0;
    margin-top: -42px;
}

}


@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 {
    border-top: 1px solid #aaa;
    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: #f79100;
    border: 1px solid #f79100;
    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: #ffa92f;
    border: 1px solid #ffa92f;
}
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;
    max-width: 1024px;
    width: 1024px;
}
.template .tabcontent.tableForm {
    margin: 0 auto 20px;
    padding: 0;
    width: 86%;
}
/*
.template h2.title {
    background: transparent url("../img/msc_field.png") no-repeat scroll center center;
    font-family: "open_sansregular";
    font-size: 20px;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    margin-left: -14px;
    padding-bottom: 0;
    padding-top: 70px;
    text-align: center;
    width: 1029px;
}
*/

.template h2.title {
    background: transparent url("../img/msc_field.png") no-repeat scroll center center;
    font-family: "open_sansregular";
    font-size: 20px;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    margin-left: -14px;
    padding-bottom: 0;
    padding-top: 70px;
    text-align: center;
    width: 100%;
    background-size: 100%;
    padding-right: 29px;
}

.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: 60px 0 0 1%;
    text-align: right;
    width: 15.5%;
}
.template .tabcontent.tableForm table {
    padding: 2% 0 2% 6%;
    width: 100%;
}
.template .tabcontent.tableForm table span.label {
    display: block;
    margin-bottom: 6px;
    font-family: "open_sanssemibold";
    font-weight: normal;
}
.template .tabcontent.tableForm table td input {
    height: 32px;
    width: 90%;
}

#registration .template .tableForm input {
    font-family: "open_sansregular";
}

#registration .template div.z-index .SumoSelect, 
#registration .divQA.index .SumoSelect  {
    z-index: inherit;
}

.template .tabcontent.tableForm table td {
    vertical-align: top;
	/*padding-bottom: 15px;*/
}
.template .registration.first.user .blue_message, #registration .template .tableForm td .blue_message, .edit .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 h2.title span {
    display: block;
    margin-top: 33px;
}

#registration .template label.error {
    float: left;
    font-weight: normal;
}
#registration .template .third label.error {
    float: none;
    font-weight: normal;
}

.thirdnote {
    width: 500px;
}
#registration .template .modal-content label.error {
    line-height: 15px;
}

#registration .template .tableForm .double_right input[type="number"] {
    padding-right: 4%;
    width: 93%;
}

#registration .template .tableForm .double_right input[type="number"] {
    padding-right: 4%;
    width: 93%;
}

#registration .template td.phone .double_right .SumoSelect {
    width: 100%;
}

.tableForm td .double_left input {
    width: 91%;
}
 
#registration .template .tableForm span.label_2 {
    float: left;
    font-family: "open_sanssemibold";
    font-size: 11px;
    margin-bottom: 6px;
    margin-top: 0;
    text-transform: uppercase;
    width: 100%;
    font-weight: normal;

}

#registration .template .tableForm td .blue_message {
    margin-left: 0;
    margin-bottom: 10px;
}

.template .phone .double_right span.label, .template .phone .double_left span.label {
    display: inline-block !important;
    float: none;
    width: auto;
}

#registration .template p.subtitle {
    font-family: "open_sanslight";
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 0;
    margin-left: 6%;
    margin-top: 35px;
    width: 85%;
}

#successDiv .final span.agreeTerms {
}
#successDiv .final .buttons {
    float: right;
    margin-top: 0;
    width: 100%;
}
#successDiv .final .control.control--checkbox {
    font-size: 12px;
    padding-left: 25px;
    text-transform: none;
    font-weight: normal;
    line-height: 17px;
    padding-top: 3px;
}

#registration .template .tab.confirm .tablinks:hover, #registration .template .tab.confirm .tablinks .subtitle:hover, #registration .template .tab.confirm .tablinks, #registration .template .tab.confirm .tablinks .subtitle {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}
#successDiv .final span.error {
    color: #ef6b6b;
    display: block;
    font-size: 10px;
    width: 100%;
    font-weight: normal;
}
#tabSuccess #successDiv p.first_subtitle {
    font-size: 14px;
}


.registration.first.user p.first_subtitle a.btn {
    background-color: #50d359;
    background-image: none;
    border: 1px solid #50d359;
    font-family: "open_sanssemibold";
    margin-right: 15px;
    margin-top: -7px;
    min-width: auto;
    padding: 0 15px;
    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: auto;
}


.registration.first.user p.first_subtitle a.btn:hover {
    background-color: #55dd5f;
    border: 1px solid #55dd5f;
}


.template .registration.first.user span.formError {
    float: left;
    height: 10px;
    line-height: 8px;
    margin-left: 0;
    margin-top: 9px;
}
/* new insert start*/

/*.template .showSumo .CaptionCont.SelectBox.search {
    display: none !important;
}
*/
.template .label.required {
    display: inline;
    float: left;
    margin-left: 2px;
}
.template .label {
    float: left;
}
.template .SumoSelect {
    clear: left;
    float: left;
}
.template td input {
    clear: left;
    float: left;
}

#registration .template td .SumoSelect {
    box-shadow: none;
    width: 100%;
	z-index:99999999999;
}

#registration .template span.answer {
    clear: left;
    display: block;
    margin-bottom: 15px;
}
.template .phone .double_left {
    width: 45%;
}
.template .phone .double_right {
    width: 46%;
}
.template .tabcontent.tableForm table .phone div.double_right input {
    float: right;
    width: 96%;
}
.template .phone span.label {
    clear: left;
    display: block;
    width: 90%;
}

#registration .template .tableForm input[type="number"] {
    width: 88%;
}

#registration .template td textarea.description {
    height: 65px;
    max-width: 87.4%;
    width: 100%;
}

.template.first_registration p.first_subtitle {
    background: #e9f9ec url("../img/success.png") no-repeat scroll 13px center;
    border: 1px solid #a3e4ae;
    color: #6cc075;
    font-family: "open_sansregular";
    font-size: 13px;
    margin-bottom: 50px;
    margin-top: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-top: 20px;
    font-weight: normal;
}
.template #subCategoryTable tr td.center {
  width: 5%;
  text-align: right;
}
.template #subCategoryTable tr td {
    font-size: 11px;
    font-weight: normal;
}
.template #subCategoryTable tr td.center a {
  float: right;
  margin-right: 3px;
}

#registration #profiloFornitore {
    padding-bottom: 10px;
}

.template .double_right .SumoSelect > .CaptionCont {
    width: 89%;
}

#registration .template span.label.title {
    color: #000;
    display: block;
    font-family: "open_sanssemibold";
    font-size: 12px;
    margin-bottom: 9px;
    margin-top: 0;
    text-transform: none;
    width: 100%;
}

#registration .registration.third.economic table td h4.title {
    margin-top: 0;
}

#registration .registration.third.economic .blue_message, #registration #tabInquadramentoAziendale .blue_message {
    float: left;
    font-size: 11px;
    line-height: 15px;
    margin-top: 8px;
}

#registration .template #profiloFornitore .blue_message {
    background: #f2f8fc url("../img/msg.png") no-repeat scroll 10px 20px;
    padding-left: 4%;
    width: 85%;
}

#registration .registration.third.economic .blue_message img, #registration #tabInquadramentoAziendale .blue_message img{
    display: none;
}
#registration .registration.third.economic .blue_message a, #registration #tabInquadramentoAziendale .blue_message a {
    color: #fa8f0f;
    cursor: pointer;
    margin-left: 2px;
    margin-right: 2px;
}

#registration .template td .double_right .SumoSelect {
    width: 90%;
}

#registration .template .tableForm .double_left input[type="number"] {
    width: 90.5%;
}

.showSumo .CaptionCont.SelectBox.search {
    display: block !important;
}

#tabSuccess .agreeTerms a {
    color: #fa8f0f;
}

#tabSuccess .agreeTerms {
    border: medium none;
    margin: 0 0 7px;
    padding: 0;
}

#successDiv .endMessageInfo:first-child {
    border-top: 1px solid #e2e2e2;
    font-family: open_sanssemibold;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-top: 15px;
    text-align: left;
    width: 100%;
}

.template .phone.showSumo .double_right .SumoSelect > .CaptionCont {
    width: 99%;
}

#registration .template #tabSuccess {
    height: auto;
    padding-bottom: 50px;
    width: 70%;
}

/* upload custom */
#registration .upload-file-container, .modal-content .upload-file-container, .tableForm.edit .upload-file-container {
    background-color: #a8c9d9;
    box-shadow: 0 1px 1px #eee;
    color: #fff;
    float: left;
    font-family: "open_sanssemibold";
    font-size: 12px;
    height: 34px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    	-moz-box-shadow: 0 1px 1px #eee;
	-webkit-box-shadow: 0 1px 1px #eee;
	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: 91%;
}
#registration .upload .upload-file-container:hover, #page-container .modal-content .upload-file-container:hover,  #page-container .tableForm.edit .upload-file-container:hover {
    background-color: #76a9c2;
    color: #fff;
}
   
#registration .upload-file-container span, .modal-content .upload-file-container span, .tableForm.edit .upload-file-container span {
    display: block;
    float: right;
    height: 34px;
    line-height: 34px;
    padding: 0;
    text-align: center;
    width: 108px;
    font-weight: normal;
}
#registration .upload-file-container:hover, .modal-content .upload-file-container:hover, .tableForm.edit.upload-file-container:hover {
    background-color: #fff;
    color: #212121;
}
#registration .upload-file-container .custom, .modal-content .upload-file-container .custom, .tableForm.edit .upload-file-container .custom{
    border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: none;
    color: #c3c3c3;
    display: block;
    font-family: "open_sansregular";
    font-size: 12px;
    font-weight: 300;
    height: 20px;
    left: 0;
    padding: 6px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 244px;
	text-indent:4px;
}
#registration .upload-file-container .custom.empty, .modal-content .upload-file-container .custom.empty{
    border: 1px solid #f88;
}
#registration .upload-file-container input[type="file"], .modal-content .upload-file-container input[type="file"], .tableForm.edit .upload-file-container input[type="file"] {
    cursor: pointer;
    display: block;
    height: 34px;
    opacity: 0;
    outline: medium none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.modal-content .upload-file-container span {
    font-size: 11px;
    padding-right: 15px;
    width: auto;
}
.modal-content .upload-file-container .custom {
    width: 70%;
}

.modal-content .upload-file-container .custom {
    height: 16px;
}
.modal-content .upload-file-container {
    height: 31px;
}

.tableForm.edit .upload-file-container .custom {
    width: 90%;
}
.tableForm.edit .upload-file-container span {
    background-color: #a8c9d9;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
    width: 100px;
}
#page-container .tableForm.edit .upload-file-container:hover {
    background-color: transparent;
}
.tableForm.edit .upload-file-container {
    background-color: transparent;
    width: 80.5%;
}
/*fine upload custom*/

/* new insert end*/

.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: #fa8f0f;
}
.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;
    color: #fa8f0f;
}

.template .tab .tablinks.sixth.active .subtitle, .template .tab .tablinks.sixth.active.inactive .subtitle{
    color:#fa8f0f;}


.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.5%;
}
.template .buttons .btn {
    background-color: #fa8f0f;
    background-image: none;
    border: 1px solid #fa8f0f;
    font-family: "open_sanssemibold";
    font-size: 12px;
    padding: 2px 10px;
    text-transform: uppercase;
}
.template .buttons .btn.suspend {
    background-color: transparent;
    color: #fa8f0f;
    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: 86%;
}
.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;
}

.template .tabcontent.tableForm .double_left.date input[type="checkbox"],
#registration .template div#tabInquadramentoAziendale input[type="checkbox"] {
  margin-top: 8px;
  width: 12px;
  height: 12px;
  margin-left: 0;
}

.template .tabcontent.tableForm .double_left.date p{
  margin-top:8px;
  float: left;
}

 .template .gap{
 height: 15px;
}

#registration .template table .double_right input.hasDatepicker:disabled {
  opacity: 0.4;
  pointer-events: none;
}

#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%;
}
#registration .template .sospendiDiv .buttons {
    margin: 0 auto;
    padding: 0;
    width: auto;
    text-align: center;
    display: table;
}
.ui-datepicker-calendar .ui-state-default.ui-state-active {
    background-color: #bbb;
    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;
    font-weight: normal;
}

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

#tabSuccess #successDiv {
    padding-bottom: 50px;
}

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

#registration .template .tab.confirm span.subtitle {
    background-image: none;
}


#registration .template .tab.confirm .tablinks .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: 11px;
    height: 22px;
    line-height: 24px;
    margin-bottom: 0;
    margin-right: 16px;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase;
    font-weight: normal;
}
.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: #fa8f0f none repeat scroll 0 0;
}
.control:hover input:checked:not([disabled]) ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
    background: #fa8f0f 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;
    margin-left: -3px;
    margin-top: -3px;
}

.control.control--radio .control__indicator::after {
    margin-left: inherit;
    margin-top: inherit;
}
label.control.control--radio {
    margin-right: 21px;
}
.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: 64%;
}
.double_right {
    float: left;
    width: 27%;
}

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

#questionario .modal-content.small {
    width: 46%;
}

#page-container #questionario .modal-content.small tr td {
    margin-left: 4%;
    width: 90%;
}

#questionario .modal-content.small h4.title {
    margin-left: 2%;
}
 
#questionario .modal-content.small .tableForm {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}

#page-container #questionario .template .item_desc h2.title span {
    font-family: "open_sanssemibold";
    font-size: 14px;
} 


#page-container #questionario .template .item_desc h2.title span {
    font-family: "open_sanssemibold";
    font-size: 14px;
}

#certificazioniAggDiv td img, #certificazioniDiv td img, #certQualSicurezzaDiv td img {
    background-color: transparent;
    cursor: pointer;
    display: none;
    margin-left: -2.2%;
    margin-top: 5px;
    opacity: 0.7;
    padding: 5px;
    position: absolute;
    z-index: 99999999;
}
#certificazioniAggDiv td img:hover, #certificazioniDiv td img:hover {
    opacity: 1;
}


#certificazioniAggDiv td a.upload::before, #certificazioniDiv td a.upload::before, #certQualSicurezzaDiv td a.upload::before  {
    background-color: #a8c9d9;
    color: #fff;
    content: "Upload";
    cursor: pointer;
    display: inline-block;
    font-family: "open_sanssemibold";
    font-size: 11px;
    height: 34px;
    line-height: 34px;
    margin-left: -70px;
    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;
    width: 70px;
    z-index: 999999999;
}

#certificazioniAggDiv td a.download::before, #certificazioniDiv td a.download::before, #certQualSicurezzaDiv td a.download::before {
    background-color: #a8c9d9;
    color: #fff;
    content: "Download";
    cursor: pointer;
    display: inline-block;
    font-family: "open_sanssemibold";
    font-size: 11px;
    height: 34px;
    line-height: 34px;
    margin-left: -76px;
    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;
    width: 76px;
    z-index: 999999999;
	display:none;
}

#certificazioniAggDiv td a:hover::before, #certificazioniDiv td a:hover::before, #certQualSicurezzaDiv td a:hover::before {
    background-color: #76a9c2;
}

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

.registration.economic .answer .error {
    font-size: 10px;
    margin-left: -20px;
    margin-top: -10px;
    position: absolute;
    text-transform: none;
    width: 200px;
}
#registration .SumoSelect label.error {
    font-size: 10px;
    margin-top: 35px;
    position: absolute;
}
#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: 350px;
    margin-bottom: 35px;
    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-bottom: 35px;
    margin-top: 0;
}
#categorieMerceologiche .head {
    background-image: none;
     background: 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-family: open_sansregular;
    font-size: 12px;
    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, #main-container .level_2 .dataTables_empty, #main-container .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-weight:normal;
    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;
    font-weight: normal;
}

#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%;
    font-size: 11.2px;
    letter-spacing: -0.1px;
}
#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: #ffa02e;
    border: 1px solid #ffa02e;
    box-shadow: 0 1px 1px #dedede;
	-moz-box-shadow: 0 1px 1px #dedede;
	-webkit-box-shadow: 0 1px 1px #dedede;
    color: #fff;
}

/*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;
    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;
    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;
    line-height: 25px;
    margin: 10px 0 30px 0;
    text-align: center;
    width: 100%;
    font-weight: normal;

}
.agreeTerms input#idCheckAgree {
    cursor: pointer;
    float: left;
    margin-left: 0;
    margin-right: 8px;
}
.innerMenu span.title {
    border-bottom: 1px solid #e2e2e2;
    float: left;
    font-family: "open_sanssemibold";
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 12px;
    margin-left: 5px;
    padding-bottom: 10px;
    width: 88%;
    font-weight: normal;
}
.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;
    font-weight: normal;
}
.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: 0;
    position: fixed;
    text-align: left;
    top: 105px;
    width: 220px;
}
#registration .tooltip .tooltip-arrow {
    display: none;
}
#registration .tooltip .tooltip-inner {
    background-color: #fff;
    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 #main-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;
    max-width: 100%;
    min-height: 450px;
    opacity: 0.83;
    padding: 0 0 80px;
    width: 100%!important;
}


#page-container .template .tab {
    background-image: none;
    float: left;
    margin-right: 5%;
    margin-top: 90px;
    min-height: 100%;
    padding: 0;
    position: absolute;
    width: 190px;
}
#page-container .template .tab .tablinks {
    background-image: none;
    color: #fb9010;
    display: block;
    float: none;
    font-family: "open_sansregular";
    font-size: 11.6px;
    height: auto;
    line-height: 15px;
    padding-left: 20px;
    padding-top: 10px;
    text-align: left;
    width: 190px;
    padding-bottom: 10px;
    box-sizing: border-box;
    padding-right: 20px;
}

/*#page-container .template .tabcontent.tableForm {
    margin-left: 19%;
    width: 80%;
} */

#page-container .template .tabcontent.tableForm {
    margin-left: 24%;
    width: 70%;
}

#page-container .template h5.subtitle span {
    font-size: 11.5px;
}

#page-container .template .tabcontent.tableForm table {
    padding: 0;
}
#page-container .template .tablinks.active {
    background-color: #fb9010;
    border-right: medium none;
    color: #fff;
    margin-right: 0;
    background: #fb9010 url("../img/step_triangle.png") no-repeat center right;

}
#page-container .template .tabcontent.tableForm table span.label {
    color: #000;
    float: none;
    font-family: "open_sanssemibold";
    font-size: 10.2px;
    margin-bottom: 0;
    margin-top: 0;
    border: none;
    padding-bottom: 0;
    height: 20px;
    min-height: inherit;
    line-height: 12px;
}
#page-container .template .tabcontent.tableForm table span {
    float: left;
    font-family: "open_sansregular";
    font-size: 11.3px;
    margin-top: 20px;
    max-width: 88%;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    height: 20px;
    color: #555;
    min-height: 25px;
    line-height: 14px;
    letter-spacing: 0.1px;
}

#page-container .template .tabcontent.tableForm table span.answer div.SumoSelect span{
    float: left;
    font-family: "open_sansregular";
    font-size: 11.3px;
    margin-top: 0px;
    max-width: 90%;
    
    border-bottom: none;
    padding-bottom: 4px;
    height: 20px;
    color: #555;
    min-height: 25px;
    line-height: 15px;
} 

#page-container .label .title {
color: #000;
float: none;
font-family: "open_sanssemibold";
font-size: 10.2px;
margin-bottom: 0;
margin-top: 0;
border: none;
padding-bottom: 0;
height: 20px;
min-height: inherit;
line-height: 12px;
}

#registration .template td .divQA .answer .SumoSelect {
    border: 1px solid #ddd;
    width: 79% !important;
}

#registration .template td .divQA .answer .SumoSelect .CaptionCont.SelectBox span {
    margin-left: 10px !important;
}

#page-container .template #antibriberyQuestionsTable label.error {
    margin-top: 0px;
    margin-bottom: 5px;
    width: 100%;
    font-size: 9px;
    text-indent: 3px;
}

#page-container .template #antibriberyQuestionsTable textarea.error {
 border: 1px solid #ffb2b2;
}

.antibriberyQuestions .blue_message {
    background: #f2f8fc url("../img/msg.png") no-repeat scroll 10px 20px;
    width: 100%;
    box-sizing: border-box;
    margin-left: -20px;
    border: 1px solid #ebf3fa;
    color: #4a677b;
    display: block;
    font-family: "open_sansregular";
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    padding: 2%;
    padding-left: 40px;
    text-indent: 0;
}

.antibriberyQuestions .blue_message.success{
   background: #e9f9ec url("../img/success.png") no-repeat scroll 13px center;
   border: 1px solid #a3e4ae;
   color: #6cc075;
}

#page-container .template #tabUtente .item, #page-container .template #tabInquadramentoAziendale .item, #page-container .template #tabSezioneEconomica .item, #page-container .template #tabAmbitoAttivita .item {
    float: left;
    margin-bottom: 20px;
    width: 98%;
}

#page-container #registration .item .formTitle span {
    color: #4b81b3;
    font-family: "open_sanssemibold";
    font-size: 14px;
    font-weight: normal;
}
#page-container .template .registration.first.user #tabCategorieMerceologiche #categoriePage h4.title span {
    color: #789eb7;
    font-family: "open_sanssemibold";
    font-size: 14px;
    margin-left: 0;
    padding: 0;
    text-indent: 0;
}

#page-container .template #tabCategorieMerceologiche #categoriePage table {
    border-collapse: collapse;
    width: 98%;
}
#page-container .template #tabCategorieMerceologiche #categoriePage tr td:first-child {
    width: 22%;
}
#page-container .template #tabCategorieMerceologiche #categoriePage table tr td:first-child span::before {
    color: #fb9010;
	content: "✓";
    font-size: 10px;
    line-height: 12px;
    margin-right: 8px;
}
#page-container .template #tabCategorieMerceologiche #categoriePage table tr td:first-child h4 span::before {
    content: none;
}

#page-container .template #tabCategorieMerceologiche #categoriePage table tr td {
    border-bottom: 1px solid #eee;
}

#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_sanslight";
    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;
    background-image: none;
    height: auto;
    line-height: inherit;
    margin-top: 12px;
    padding-top: 0;
}
#page-container #profiloFornitore table tr {
    display: inline-block;
    width: 100%;
}

#page-container #registration .item .formTitle {
    margin-top: 0;
}
/*
#page-container #profiloFornitore table tr td {
    float: left;
    margin-bottom: 20px;
    margin-right: 1%;
    max-width: inherit;
    padding-bottom: 0;
    padding-top: 0;
    width: 15.8%;
}*/

#page-container #profiloFornitore table tr td {
    float: left;
    margin-bottom: 30px;
    margin-right: 1%;
    max-width: inherit;
    padding-bottom: 0;
    padding-top: 0;
    width: 32%;
    height: 60px;
}

#page-container #profiloFornitore table tr td:last-child {
    border: medium none;
    margin-right: 0;
}
#page-container .template .tab .tablinks.active:hover {
    color: #fff;
    text-decoration: none;
    cursor: default;
}
#page-container .template .tab .tablinks:hover {
    color: #feaa43;
    text-decoration: none;
}
#page-container .template .tabcontent.tableForm table h4.title span {
    color: #000;
    font-family: "open_sansregular";
    font-size: 11px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 1%;
}
#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: 100%;
}
#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;
    float: left;
}

#page-container .template .tableForm {
    box-shadow: none;
}

#page-container .template #tabReferenti table {
    border-collapse: collapse;
    margin-bottom: 20px;
}

#page-container .template #tabReferenti table .role {
  border: none;
  height: auto;
  min-height: inherit;
  padding: 0;
  margin-right: 8px;
  float: left;
  line-height: inherit;
  display: inline-block;
  width:auto;
}

#page-container .template #tabReferenti tr th {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    color: #222;
    font-family: "open_sanssemibold";
    font-weight: normal;
    height: 22px;
    padding: 8px;
	float:none;
    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: #4b81b3;
    display: block;
    font-family: "open_sanssemibold";
    margin-bottom: 10px;
    margin-left: 5px;
}

#page-container .template #tabCategorieMerceologiche #addedCategoryTable h4.title span {
    color: #4b81b3;
    font-family: "open_sanssemibold";
    font-size: 14px;
}

#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;
	float:none;
    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-top: -10px;
    padding-top: 0;
    width: 66%;
}

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

.bottoni, .bottoni.indietro, .filtra .bottoni, .tableDocumenti.allega .filtra  {
    background-color: #ffbb78;
    background-image: -moz-linear-gradient(center top , #ffbb78, #fd8d1f);
    background: -webkit-linear-gradient(top,#ffbb78, #fd8d1f);
	background: -linear-gradient(top,#ffbb78, #fd8d1f);
    color: #fff;
	border: 1px solid #fb9200;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
}


.bottoni.indietro:hover, .filtra .bottoni:hover, .tableDocumenti.allega .filtra:hover {
	border:1px solid #c6c6c6;
	background-color: #f8f8f8;
    background-image: -moz-linear-gradient(center top , #f8f8f8, #f1f1f1);
	background: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
	background: -linear-gradient(top, #f8f8f8, #f1f1f1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #222;
}


/* The Modal (background) */
.modal {
    display: none;
    position: fixed; 
    z-index: 9999999999999; 
    padding-top: 70px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
}

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

#new_doc .tableForm td .hasDatepicker {
    font-family: "open_sansregular";
    width: 99.4%;
}


#materialTable .tableSearch th {
    border-bottom: medium none;
    border-top: 1px solid #eee;
    padding-bottom: 0;
}
.tableSearch th input {
    background: #fff url("../img/search_icon.png") no-repeat scroll 4px center / 10px auto;
    border: 1px solid #e2e2e2;
    font-family: "open_sansregular";
    font-size: 11px;
    height: 20px;
    text-indent: 18px;
    width: 100%;
}
.omoList th, .omoList td {
    border-right: 1px solid #eee;
}
.omoList td:first-child {
    border-left: 1px solid #eee;
}
#materialTable .tableSearch th:first-child, #materialTable.omoList th:first-child {
    border-left: 1px solid #eee;
}
.dataTables_wrapper.form-inline.dt-bootstrap {
    width: 100%;
}
.dataTables_wrapper.form-inline.dt-bootstrap .dataTables_info, .dataTables_wrapper.form-inline.dt-bootstrap .dataTables_length {
    margin-top: 10px;
}
.dataTables_wrapper.form-inline.dt-bootstrap .dataTables_info {
    font-style: italic;
}
.type_6.dataTable.omoList .dataTables_empty {
    background-color: #fff;
    border-left: 0 none;
    border-right: 0 none;
    margin-top: 0;
    width: 96%;
    z-index: 99999999;
}

#supplierListTable tr td.dateCol.view:first-child {
    width: 12%;
}

#userListTable .tableSearch th:first-child, #userListTable.omoList th:first-child, #email_list .tableSearch th:first-child, 
#email_list.omoList th:first-child, #supplierListTable.omoList th:first-child, #users.omoList th:first-child, #roleListTable th:first-child,
#allUnregisteredSuppliers th:first-child{
    border-left: 1px solid #eee;
}
#userListTable .tableSearch th, #supplierListTable .tableSearch th, #email_list .tableSearch th, #users .tableSearch th, #roleListTable .tableSearch th,
#allUnregisteredSuppliers .tableSearch th{
    border-bottom: medium none;
    border-top: 1px solid #eee;
    padding-bottom: 0;
}


#users .tableSearch .SumoSelect, #allUnregisteredSuppliers .tableSearch .SumoSelect {
    width: 100%;
}
#users .tableSearch .SumoSelect .CaptionCont.SelectBox, #allUnregisteredSuppliers .tableSearch .SumoSelect .CaptionCont.SelectBox {
    padding-bottom: 4px;
    padding-top: 4px;
}
#users .tableSearch .SumoSelect .CaptionCont.SelectBox span,
#allUnregisteredSuppliers .tableSearch .SumoSelect .CaptionCont.SelectBox span {
    font-family: "open_sansregular";
    font-size: 11px;
    text-transform: none;
}
#users .tableSearch .SumoSelect > .CaptionCont > label > i, #allUnregisteredSuppliers .tableSearch .SumoSelect > .CaptionCont > label > i  {
    background-size: 22px auto;
    font-size: 10px;
}
#users .tableSearch .SumoSelect .opt > label, #allUnregisteredSuppliers .tableSearch .SumoSelect .opt > label {
    font-family: "open_sansregular";
    font-size: 11px;
    font-weight: normal;
}

.role.unlocked {
    float: left;
    margin-bottom: 2px;
    margin-right: 6px;
}

#users .dateCol.division span.role, #allUnregisteredSuppliers .dateCol.division span.role {
    float: left;
}

.modal {
    text-transform: uppercase;
    color: #777;
}

span.info {
    float: right;
    font-family: "open_sanslight";
    font-size: 11px;
    margin-right: 1%;
}

em {
    color: #fb9200;
    font-family: "open_sansregular";
    font-size: 10px;
    font-style: normal;
}
label.label-modal-periodo-a {
    padding-left: 13%;
    padding-right: 2%;
}
.date-da {
    width: 50%;
    float: left;
}
.date-a {
    width: 59%;
    float: right;
}
.select-three {
    text-transform: uppercase;
}
.date-agency {
    text-transform: uppercase;
}
span.error-drop.error-right {
    margin-left: 24%;
}
span.error-drop.error-left {
    margin-left: 52%;
}


table span.no {
    background-color: #f0674c;
    letter-spacing: -0.5px;
}

table span.tokenRegShow {
    background-color:transparent;
    letter-spacing: -0.5px;
    color: #f0674c;
    border: 1px solid;
    width: 120px;
    text-align: center;
}


label.label-modal {
    padding-left: 5%;
    padding-right: 2%;
}

label.label-modal-primary {
    padding-right: 2%;
}

label.label-modal-periodo-a {
    padding-left: 16%;
    padding-right: 2%;
}

.select-two {
    padding-bottom: 0;

}

span.error-drop {
    color: red;
    font-weight: bold;
    display:none;

}
.button-modal {
    padding-top: 5%;
}
.select-three {
    padding-bottom: 10%;
}

.input-red {
    border: 1px solid red;
}

.tokenRegShow {
    background-color:transparent;
    line-height: 20px;
    color: #f0674c;
    padding: 1%;
    border: 1px solid;
    font-weight:bold;
    width: 100px;
    text-align: center;
    height: 20px
}

.allineamento {
    text-align:center;
}

tr td.tokenRegShow {
    background-color: #f0674c;
    margin-left:10px;

}


span.no, span.yes, span.tokenRegShow, td.tokenRegShow {
    background-color: #5bcf8b;
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    color: #fff;
    display: block;
    font-family: "open_sansbold";
    font-size: 11px;
    margin: 0 auto;
    padding: 1px;
    text-align: center;
    text-transform: capitalize;
    width: 60px;
}

#userListTable .tableSearch th select, #email_list .tableSearch th select {
    background-size: 20px auto;
    font-size: 10px;
    height: 25px;
    text-transform: none;
    width: 100%;
}

#userListTable th, #email_list th {
    font-size: 11px;
}

a.master, .master {
    background: transparent url("../img/master_user.png") no-repeat scroll 0 0;
    padding-left: 25px;
}

a.normal {
    background: transparent url("../img/normal_user.png") no-repeat scroll 0 0;
    padding-left: 25px;
}

#userListTable td.normal.dateCol {
    background: transparent url("../img/normal_user.png") no-repeat scroll 8px center;
    padding-left: 30px;
}

#page-container .template #tabReferenti.tableForm td.normal {
    background: transparent url("../img/normal_user.png") no-repeat scroll 8px center;
    padding-left: 30px;
}

#userListTable th:focus, #email_list th:focus {
    outline: medium none;
}

table td span.role {
    background-image: none;
    float: inherit;
    margin: 2px 6px 2px 0;
    width: auto;
    display: inline-flex;
}

table.area td span.role::first-letter {
    text-transform: uppercase;
}

#users .dateCol.roles {
    width: 30%;
}
#users .dateCol.division {
    width: 15%;
}

table td span.role::before {
    color: #4fd819;
    content: "✓";
    font-size: 8px;
    font-weight: bold;
    margin-right: 3px;
    margin-top: 2px;
}
table td.inline span.role::before {
    width: 23px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    margin-right: 0;
}
table td span.role.fastHarbor::before{
    font-size: 0;
    background: transparent url("../img/fastHarbor.png") no-repeat center top;
    width: 23px;
    height: 12px;
    background-size: 23px;
    display: inline-block;
    margin-right: 0;
	margin-top:0;
    }
	
	#page-container .template .tabcontent.tableForm table span.role.fastHarbor {
    line-height: 20px;
}
#userListTable .dateCol.sorting.center.actions, #email_list .dateCol.sorting.center.actions {
    width: 9% !important;
}

a.Random {
    background: transparent url("../img/random.png") no-repeat scroll center left;
    padding-left: 18px;
	background-size: 13px;
}

a.Check, a.Continua {
    background: transparent url("../img/check.png") no-repeat scroll center left;
    padding-left: 18px;
    background-size: 13px;
}
a.None, a.Nessuna {
    background: transparent url("../img/none.png") no-repeat scroll center left;
    padding-left: 18px;
	background-size: 13px;
}

.view a.list::before {
    content: "✓";
    float: left;
    margin-left: -13px;
    position: static;
}
.view a.list {
    float: left;
    font-family: "open_sansregular";
    font-size: 11px;
    margin-bottom: 6px;
    margin-left: 12px;
    width: 95%;
}

#categoryList li {
    font-size: 13px;
    list-style: outside none none;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
#categoryList li::before {
    color: #ffad37;
    content: "✓";
    float: left;
    font-size: 11px;
    margin-right: 6px;
}
#categoryList {
    padding-left: 0;
}

#categoryList li span {
    float: left;
    width: 96%;
}
#gradesTable th {
    border-bottom: 1px solid #ddd;
    border-collapse: collapse;
    float: none;
    font-family: "open_sanssemibold";
    font-size: 11px;
    font-weight: normal;
    padding-bottom: 8px;
    text-align: left;
    text-transform: uppercase;
}
#gradesTable td {
    text-align: left;
}
#gradesTable {
    border-collapse: collapse;
}


#main-container #vendorListFilter, #main-container #search_document {
    background-color: #f9f9f9;
    float: left;
    margin-bottom: 0;
    padding: 1%;
    width: 98%;
}

#main-container #search_document{
width:100%;	
}

#main-container #vendorListFilter td span, #main-container #search_document td p.CaptionCont span {
    margin-bottom: 0;
}

#search_document .SumoSelect > .CaptionCont {
    width: 125%;
}

#main-container #vendorListFilter input, #main-container #search_document input {
    border: 1px solid #ddd;
    color: #666;
    font-family: "open_sansregular";
    font-size: 12px;
    height: 26px;
    width: 90%;
}

.beauty.garaDatePicker.hasDatepicker {
    text-indent: 6px;
}

#main-container #vendorListFilter td, #main-container #search_document td {
    width: 22%;
}
#main-container #vendorListFilter td span, #main-container #search_document td span {
    display: block;
    width: 100%;
}
#main-container #vendorListFilter td span.label, #main-container #search_document td span.label {
    margin-bottom: 4px;
}

#main-container #vendorListFilter table, #main-container #search_document table {
    width: 100%;
}
#vendorListFilter .CaptionCont.SelectBox.search, #search_document .CaptionCont.SelectBox.search {
 /*   height: 20px; */
    width: 125%;
}

search_document .CaptionCont.SelectBox.search {
    height: inherit;
}
#vendorListFilter .SumoUnder {
}
#main-container #vendorListFilter td:last-child, #main-container #search_document td:last-child {
    vertical-align: bottom;
    width: 8%;
}

#main-container #vendorListFilter .CaptionCont .search-txt, #main-container #search_document .CaptionCont .search-txt {
    border: medium none;
    height: 30px;
    text-indent: 10px;
}


/* QUESTIONARIO */

#page-container #questionario {
    background-color: #fff;
}
#page-container #questionario .template div .header {
    background-color: transparent;
    display: block;
    margin-bottom: 0;
    margin-left: 25%;
    padding: 0;
    width: 70%;
}
#page-container #questionario tr {
    float: left;
    height: 80px;
    margin-bottom: 10px;
    width: 50%;
}

#page-container #questionario tr td {
    display: block;
    float: left;
    max-width: inherit;
    padding-bottom: 15px;
    padding-top: 7px;
    width: 92%;
}
#page-container #questionario tr td.label {
    padding-bottom: 0;
}
#page-container #questionario .template div .header h2 {
    margin-top: 0;
}
#questionario .template .tabcontent.tableForm {
    margin-left: 25%;
    width: 70%;
}
#page-container #questionario .buttons {
    margin-left: 19%;
    width: 70%;
}
#page-container .template #tabReferenti.tableForm tr td.master, #page-container td.master {
    background-position: 8px center;
    padding-left: 30px;
}
#page-container .template #tabReferenti.tableForm tr td {
    vertical-align: inherit;
}

body {
    background: #f1f1f1;
    font-family: arial,verdana,sans-serif;
    font-size: 11px;
    margin: 0;
}

#registration .template .answer label.error {
    font-size: 10px;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    max-width: inherit;
    position: absolute;
    text-transform: none;
    width: 150px;
}


/* cerved */

.tab.cerved a.tablinks {
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
}
.infoCerved .tableForm.readonly td b {
    font-weight: normal;
    font-family: "open_sanssemibold";
    font-size: 11px;
    color: #555;
}
.infoCerved .tableForm.dataTable.no-footer td, .infoCerved .tableForm.dataTable.no-footer th {
    background-color: #fff;
    width: 33%;
}

#tableEmployes td, #tableEmployes th {
    width: auto !important;
}

#auctionForm .infoCerved .Info .head_name, #auctionForm .Info .head_name {
    background-color: #fff;
    color: #0684cd;
    font-family: open_sansregular;
    font-size: 15px;
    margin-left: 0;
    padding: 12px 2% 8px;
    width: 96%;
}
#main-container .atoka .dataTable.no-footer th {
    background-color: #0b3162;
    border-right: 1px solid #1c4e8f;
    color: #fff;
}
#main-container .atoka #employee_num.dataTable.no-footer td:last-child {
    font-family: open_sanssemibold;
    font-size: 13px;
    text-align: right;
}
#main-container .atoka #employee_num.dataTable.no-footer th:last-child {
    background-position: 98% center;
    padding-right: 25px;
    text-align: right;
}
#main-container .atoka #employee_num.dataTable.no-footer td, #main-container .atoka #people.dataTable.no-footer td {
    border-right: 1px solid #eee;
    font-family: "open_sansregular";
    font-size: 12px;
	background-color:#fff;
}
#main-container .atoka #employee_num.dataTable.no-footer td:first-child, #main-container .atoka #people.dataTable.no-footer td:first-child {
    border-left: 1px solid #eee;
}
.atoka h3.title {
    border: medium none;
    font-family: "open_sanssemibold";
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 30px;
    margin-left: 1%;
    width: 98%;
}

#main-container .infoCerved .tableForm.dataTable.no-footer {
    padding-top: 0;
    width: 96% !important;
}

.infoCerved .tableForm.dataTable.no-footer td {
    border-collapse: collapse;
    border-right: 1px solid #eee;
}

.infoCerved .tableForm.dataTable.no-footer td:first-child {
    border-left: 1px solid #eee;
}

#main-container .infoCerved .tableForm.no-footer th {
    background-color: #0b3162;
    border-right: 1px solid #1c4e8f;
    color: #fff;
}

.no-info {
    background: transparent url("../img/error_blue.png") no-repeat scroll 0 center;
    border-bottom: 22px solid #fff;
    color: #469bd1;
    cursor: default;
    float: left;
    font-family: "open_sanslight";
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-left: 2%;
    padding: 0;
    text-align: left;
    text-indent: 20px;
    width: auto;
}

#tableEmployes .dateCol p {
    margin: 0;
}

.infoCerved .tableForm.readonly td.label {
    width: 12%;
}

.type_6.omoList.dataTable.provider tr td:last-child img {
    float: left;
    height: auto;
    margin: 0;
    width: 18px;
}

.type_6.omoList.dataTable.provider tr td:last-child, .type_6.omoList.dataTable.provider tr th:last-child {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 50px !important;
}

.type_6.omoList.dataTable.provider tr td.dataTables_empty {
    text-align: left;
    width: 96% !important;
}
.type_6.dataTable.omoList .dataTables_empty {
    border-bottom: 20px none;
}

.type_6.omoList.dataTable.provider tr td:last-child span:last-child {
    float: right;
}

.omoList.provider a.refresh {
    float: right;
}
.omoList.provider a.refresh img {
    margin: 0;
}


.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background-color: transparent;
    border: medium none;
    font-family: "open_sanssemibold";
    font-size: 15px;
    font-weight: normal;
    padding: 0;
}
.ui-dialog-content.ui-widget-content {
    border: medium none;
    padding-left: 0;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    border: medium none;
}

#tabs li {
    background-color: #f5f5f5;
    border: medium none;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 4px;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
}
#tabs li a {
    color: #16b5d4;
    font-family: open_sansregular;
    font-size: 12px;
    height: auto;
    padding: 0;
}
.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    background-color: transparent;
    border: medium none;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
    background-color: transparent;
    border: medium none;
    border-collapse: collapse;
}
.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
    background-color: #fff;
}a
#tabs .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
    background-color: #fff;
}
#tabs .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a {
    color: #777;
}
#tabs li:hover {
    background-color: #f9f9f9;
}

.itemBox .item .label {
    color: #777;
    float: left;
    font-family: "open_sanssemibold";
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
    text-transform: uppercase;
    width: 30%;
}
.itemBox .item .content {
    background-color: #f3f7f9;
    color: #7392a2;
    float: left;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
    padding: 1% 1% 1% 2%;
    width: 66%;
}
.itemBox .item {
    float: left;
    margin-bottom: 20px;
    margin-right: 2%;
    width: 31%;
}
.itemBox {
    border-bottom: 1px solid #eee;
    float: left;
    margin-left: 1%;
    width: 98%;
}
#atoka_active span {
    background-color: #4cd272;
    border-radius: 2px;
    color: #fff !important;
    float: left;
    font-family: "open_sanssemibold";
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
}
#economic_indexes {
    float: left;
    margin-bottom: 25px;
    width: 100%;
}

#employee_num.dataTable.no-footer, #people.dataTable.no-footer{
    padding-top: 0;
}

#tabs .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
    background-color: #fff;
}

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

.society_info {
    float: left;
}
.Info .tableForm.readonly.partner {
    background-color: #fff;
    border: none;
    float: left;
    margin-bottom: 15px;
    margin-left: 2%;
    margin-right: 0;
    padding: 20px 1% 1%;
    width: 20%;
}
.tableForm.readonly.partner span {
    background-color: transparent;
    border: medium none;
}
.tableForm.readonly.partner span {
    color: #999;
    margin-bottom: 5px;
    padding: 0;
    width: 100%;
}

.tableForm.readonly.partner .content.role::before {
    background-image: none;
    color: #fb9200;
    content: "✓";
    float: left;
    font-size: 10px;
    margin-left: -15px;
    margin-right: 8px;
    position: absolute;
}
.tableForm.readonly.partner .content.role {
    background-image: none;
    float: left;
    margin-bottom: 10px;
}


.tableForm.readonly.partner span.label {
    color: #222;
    margin-bottom: 0;
}
.tableForm.readonly.partner .title {
    color: #0974b8;
    float: left;
    font-family: open_sanssemibold;
    font-size: 13px;
    margin-bottom: 15px;
}

.tableForm.soa tr:first-child td, #tableCertif tr:first-child td, #tableContoEconomico thead th, #tableStatoPatrimoniale.tableForm thead td {
    background-color: #0b3162;
    border-collapse: collapse;
    border-right: 1px solid #1c4e8f;
    color: #fff;
    padding-bottom: 8px;
    padding-top: 8px;
}

#tableContoEconomico td img, #tableStatoPatrimoniale td img {
    margin-bottom: 0;
    margin-top: 1px;
    opacity: 0.8;
    width: 14px;
}

#tableContoEconomico.tableForm.dataTable, #tableStatoPatrimoniale.tableForm.dataTable {
    width: 96% !important;
}

#tableContoEconomico.tableForm.dataTable thead th:first-child, #tableStatoPatrimoniale.tableForm thead td:first-child {
    border-left: 1px solid #1c4e8f;
}
#main-container #tableContoEconomico.dataTable tr:first-child td, #main-container #tableStatoPatrimoniale.tableForm tr:first-child td {
    border-left: 1px solid #eee;
}

#tableContoEconomico td img, #tableStatoPatrimoniale td img {
    margin-bottom: 0;
    margin-top: 1px;
    opacity: 0.8;
    width: 14px;
}
.infoCerved #tableInfo tr td, .infoCerved #tableInfo tr th, .infoCerved #tableEmployes tr td, .infoCerved #tableEmployes tr th {
    color: #777;
    font-family: open_sanssemibold;
    text-align: right;
}
.infoCerved #tableInfo tr th, .infoCerved #tableEmployes tr th {
    background-position: 98% center;
    padding-right: 25px;
}
.infoCerved #tableInfo tr td:first-child, .infoCerved #tableInfo tr th:first-child, .infoCerved #tableEmployes tr td:first-child, .infoCerved #tableEmployes tr th:first-child {
    background-position: 10px center;
    color: #666;
    padding-left: 27px;
    text-align: left;
}
.infoCerved #tableInfo tr td:first-child {
    padding-left: 12px;
}
.infoCerved #tableEmployes td:nth-child(2), .infoCerved #tableEmployes th:nth-child(2) {
    background-position: 6px center;
    color: #666;
    padding-left: 25px;
    text-align: left;
}
.infoCerved #tableEmployes td:nth-child(2) {
    padding-left: 12px;
}


#tableEmployes tr:last-child td {
    background-color: #eefced;
    border: medium none;
    color: #555;
    font-size: 13px;
    opacity: 0.9;
    padding-bottom: 12px;
    padding-top: 10px;
}

#tableSoaCategory, #tableCertif {
    margin-bottom: 20px;
}

.dateCol p.negative, td p.negative, .dateCol > p {
    color: #f86050;
    font-family: open_sanssemibold;
    margin: 0;
}
#tableCertif tr td:first-child {
    color: #444;
    font-family: open_sanssemibold;
}
#tableEmployes tr:last-child td:first-child {
    color: #333;
    padding-left: 27px;
    padding-right: 0;
    text-align: left;
    text-transform: uppercase;
}

.Info td.title b {
    color: #4083c1;
    display: block;
    font-family: open_sanssemibold;
    font-weight: normal;
    margin-bottom: 10px;
}
.Info .tableForm.readonly {
    padding-left: 2%;
    padding-top: 10px;
}

.Info .tableForm.readonly td {
    width: 23%;
}

.Info .tableForm.readonly td.title.noborder, .Info .head_name.detail.noborder {
    border-top: 0 none;
    padding-top: 0;
}
.Info .head_name.detail.space {
    border-top: 10px solid #f2f2f2;
    padding-bottom: 0;
}
.Info .tableForm.readonly td.title {
    border-top: 1px solid #eee;
    margin-top: 0;
    padding-top: 20px;
}

.Info .tableForm.readonly td.label {
    font-family: open_sansregular;
    width: 10.6%;
}
#tableSoa.tableForm.readonly {
    background-color: #f2f8fc;
    border: 1px solid #d8e8f6;
    border-collapse: collapse;
    margin-bottom: 8px;
    margin-left: 2%;
    padding-top: 10px;
    width: 96%;
}
#tableSoa.tableForm.readonly td b {
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 3px;
    padding: 0;
    text-transform: uppercase;
}
#tableSoa.tableForm.readonly td {
    font-size: 12px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-top: 0;
    vertical-align: top;
    width: 16%;
}
#tableSoa.tableForm.readonly tr:first-child td {
    padding-top: 10px;
}
#tableSoa.tableForm.readonly tr td:first-child {
    padding-left: 10px;
    width: 31%;
}
#tableSoa.tableForm.readonly tr td:last-child {
    padding-right: 10px;
}
#tableSoa.tableForm.readonly tr:last-child td {
    padding-bottom: 10px;
}

#tableSoaCategory tr td:first-child span::before {
    color: #fd8d1f;
    content: "✓";
    margin-right: 8px;
}

.infoCerved .intro #tableIntro.tableForm.readonly td {
    width: 33%;
}
.infoCerved .intro #tableIntro.tableForm.readonly td.label {
    width: 15%;
}

.tableForm.soa, #tableCertif, #tableContoEconomico, #tableStatoPatrimoniale {
    border-collapse: collapse;
    margin-left: 2%;
    width: 96%;
}
.tableForm.soa tr td, #tableCertif tr td,  #tableContoEconomico tr td, #tableStatoPatrimoniale tr td  {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 10px;
	background-color:#fff;
}
.tableForm.soa tr td:first-child, #tableCertif tr td:first-child, #tableContoEconomico tr td:first-child, #tableStatoPatrimoniale tr td:first-child   {
    border-left: 1px solid #eee;
}
.tableForm.soa tr:first-child td:first-child, #tableCertif tr:first-child td:first-child, #tableContoEconomico tr:first-child td:first-child, #tableStatoPatrimoniale tr:first-child td:first-child {
    border-left: 1px solid #0b3162;
}
#tableCertif tr:first-child td b {
    color: #fff;
    text-transform: uppercase;
}

#tableContoEconomico td img, #tableContoEconomico td b, #tableStatoPatrimoniale td img, #tableStatoPatrimoniale td b {
    float: left;
    font-family: open_sanssemibold;
    font-weight: normal;
    margin-right: 10px;
}

.Info .title.subtitle::before {
    color: #fd8d1f;
    content: "✓";
    float: left;
    margin-right: 5px;
}
.Info .title.subtitle b {
    color: #222;
    font-size: 13px;
    margin-bottom: 0;
}
#main-container .Info td.title.subtitle {
    border: medium none;
    padding-bottom: 0;
}
.Info td.title.noborder > b {
    margin-bottom: 0;
}


.company {
    background-color: #fff;
    float: left;
    font-family: open_sansregular;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 1%;
    padding-top: 20px;
    width: 99%;
}
.company .name {
    display: block;
    float: left;
    font-family: open_sanssemibold;
    font-size: 17px;
    margin-bottom: 8px;
}

.contacts.info {
    background-color: #fff;
    margin-left: 0;
    margin-top: 15px;
    width: 100%;
}
#auctionForm .contacts.Info .head_name.detail.space {
    padding-left: 1%;
    width: 97%;
}

.company .description {
    color: #666;
    float: left;
    font-family: open_sanslight;
    font-size: 13px;
    line-height: 24px;
    margin-top: 5px;
    width: 78%;
}
.company .logo {
    background: #f9f9f9 url("../img/placeholder-image.png") no-repeat scroll center center / 70% auto;
    float: left;
    height: 150px;
    margin: 0 20px 0 0;
    opacity: 0.5;
    width: 150px;
}

.company .logo > img {
    align-self: center;
    border: medium none;
    margin: 0 auto;
}
.company .logo {
    align-items: center;
    box-shadow: 0 0 7px #ddd;
    display: flex;
    text-align: center;
}
.website {
    float: left;
    width: 70%;
}
#main-container .website h2 {
    font-family: "open_sanssemibold";
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 10px;
}
.company .website a {
    border-right: 1px solid #ddd;
    color: #fb9200;
    font-family: "open_sanssemibold";
    margin-right: 10px;
    padding-right: 10px;
    text-decoration: none;
}


.contacts {
    float: left;
    margin-bottom: 50px;
    margin-left: 1%;
    width: 98%;
}

.contacts.info {
    background-color: #fff;
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
}

.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
    float: left;
    width: 98%;
}

.ui-tabs-panel.ui-widget-content.ui-corner-bottom.grey {
    background-color: transparent;
    padding: 0;
    width: 100%;
}
.contacts h3 {
    font-family: "open_sanssemibold";
    font-size: 15px;
    font-weight: normal;
}
.contacts .item {
    border-right: 1px solid #eee;
    float: left;
    height: 190px;
    margin-top: 20px;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    width: 18%;
}
.contacts .content > a {
    font-family: "open_sanslight";
    font-size: 12px;
    text-decoration: none;
}
.contacts .item h4 {
    color: #0684cd;
    font-family: "open_sanssemibold";
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 5px;
}

.contacts .item:last-child {
    border: medium none;
    margin-right: 0;
    padding-right: 0;
}
.contacts .item .content {
    color: #777;
    font-family: "open_sanslight";
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;
    padding-left: 15px;
}
.contacts .item .content::before {
    color: #fb9200;
    content: "✓";
    font-size: 9px;
    margin-left: -15px;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
}
.groups {
}

.groups > b {
    color: #000;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 7px;
    position: absolute;
}

.groups > span {
    text-indent: 80px;
}
.dataTable tbody td.docStatus {
    color: #888;
    font-size: 12px;
    font-style: italic;
    width: 10%;
}


.table.ricavi tr td:first-child, .table.utileperdita tr td:first-child, .table.indebita tr td:first-child, .table.ratio tr td:first-child, .table.roe tr td:first-child, .table.roi tr td:first-child {
    font-family: "open_sanssemibold";
    text-transform: uppercase;
}
.table.ricavi .values td, .table.utileperdita .values td, .table.indebita .values td, .table.ratio .values td, .table.roe .values td, .table.roi .values td {
    text-align: right !important;
}
.table.ricavi td, .table.utileperdita td, .table.indebita td, .table.ratio td, .table.roe td, .table.roi td {
    border-bottom: 1px solid #e2e2e2;
    color: #555;
    font-size: 10px;
    padding: 12px 7px;
}
.table.ricavi tr:first-child td:first-child {
    border-left: 6px solid #8b3e2f;
    color: #222;
    font-family: open_sansbold;
    font-weight: normal;
}
.table.utileperdita tr:first-child td:first-child {
    border-left: 6px solid #7fff00;
    color: #222;
    font-family: open_sansbold;
    font-weight: normal;
}
.table.indebita tr:first-child td:first-child {
    border-left: 6px solid #ffff00;
    color: #222;
    font-family: open_sansbold;
    font-weight: normal;
}
.table.ratio tr:first-child td:first-child {
    border-left: 6px solid #ffff00;
    color: #222;
    font-family: open_sansbold;
    font-weight: normal;
}
.table.roe tr:first-child td:first-child {
    border-left: 6px solid #52d9cf;
    color: #222;
    font-family: open_sansbold;
    font-weight: normal;
}
.table.roi tr:first-child td:first-child {
    border-left: 6px solid #52d9cf;
    color: #222;
    font-family: open_sansbold;
    font-weight: normal;
}
.table.ricavi tr td:first-child {
    border-left: 6px solid #ff7f50;
}
.table.utileperdita tr td:first-child {
    border-left: 6px solid #32cd32;
}
.table.indebita tr td:first-child {
    border-left: 6px solid #c9a0dc;
}
.table.ratio tr td:first-child {
    border-left: 6px solid #c9a0dc;
}
.table.roe tr td:first-child {
    border-left: 6px solid #2a2cbf;
}
.table.roi tr td:first-child {
    border-left: 6px solid #2a2cbf;
}
.table.ricavi td, .table.utileperdita td, .table.indebita td, .table.ratio td, .table.roe td, .table.roi td {
    padding: 5px;
}
.table.ricavi, .table.utileperdita, .table.indebita, .table.ratio, .table.roe, .table.roi {
    border-collapse: collapse;
    margin-bottom: 50px;
    margin-left: 20px;
    margin-top: 10px;
    width: 90%;
}
.table.ricavi th, .table.utileperdita th, .table.indebita th, .table.ratio th, .table.roe th, .table.roi th {
    background-color: #0b3162;
    border-right: 1px solid #1c4e8f;
    color: #fff;
    font-family: "open_sanssemibold";
    font-size: 11px;
    font-weight: normal;
    padding: 3px 5px;
    text-align: right;
}
.table.ricavi th:first-child, .table.utileperdita th:first-child, .table.indebita th:first-child, .table.ratio th:first-child, .table.roe th:first-child, .table.roi th:first-child {
    border-left: 6px solid #0b3162;
    border-right: 1px solid #0b3162;
}
.container .utileperdita tr td:first-child, .container .ricavi tr td:first-child, .container .indebita tr td:first-child, .container .ratio tr td:first-child, .container .roe tr td:first-child, .container .roi tr td:first-child {
    color: #222;
    font-family: "open_sansbold";
    font-size: 10px;
    text-align: left;
    text-transform: uppercase;
}
#main-container .utileperdita tr td:first-child, #main-container .ricavi tr td:first-child, #main-container .indebita tr td:first-child, #main-container .ratio tr td:first-child, #main-container .roe tr td:first-child, #main-container .roi tr td:first-child {
    color: #222;
    font-family: "open_sansbold";
    font-size: 10px;
    text-align: left;
    text-indent: 6px;
    text-transform: uppercase;
}
#main-container .utileperdita tr td, #main-container .ricavi tr td, #main-container .indebita tr td, #main-container .ratio tr td, #main-container .roe tr td, #main-container .roi tr td {
    color: #222;
    font-size: 11px;
    text-align: right;
}

.nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect, .nvd3 .nv-discretebar .nv-groups rect {
    cursor: pointer;
    stroke-opacity: 0;
    transition: fill-opacity 250ms linear 0s;
}





.head_name.detail.space em {
    color: #777;
    font-family: open_sanslight;
    font-size: 12px;
    margin-left: 8px;
}
.events .tableForm.readonly span {
    background-color: transparent;
    border: medium none;
    color: #666;
    display: inline;
    padding: 0;
}
.events .tableForm.readonly span.value {
    color: #888;
    margin-right: 10px;
    padding-right: 15px;
}
.events .tableForm.readonly span.label {
    color: #000;
    display: inline;
    font-size: 12px;
    width: 200px;
}
.events .tableForm.readonly td span:first-child {
    border-left: medium none;
    padding-left: 0;
}
.events .tableForm.readonly {
    width: 96%;
}
.tableForm.readonly div .label, .tableForm.readonly div .value {
    display: block;
}
.events .tableForm.readonly.partner span.content, .events .tableForm.readonly.partner .label {
    display: block;
    margin-bottom: 8px;
}

.events .tableForm.readonly.partner .label{
margin-bottom:3px;	
}

/*home*/

.homeBox {
    background-color: #fff;
    float: left;
    padding-bottom: 40px;
    padding-top: 40px;
	width:100%;
}
#ultimiForniEntrati {
    float: left;
    margin-left: 10%;
    width: 45%;
}
#supplier_graph {
    float: left;
}
#ultimiForniEntrati table {
    border-collapse: collapse;
    width: 100% !important;
}
#ultimiForniEntrati h3 span {
    color: #1994c9;
    font-family: open_sanssemibold;
    font-size: 12px;
    font-weight: normal;
}
#supplier_graph h2, #ultimiForniEntrati h2 span {
    font-family: open_sansbold;
    font-size: 14px;
}
#supplier_graph h2 {
    margin-left: 88px;
}
.homeBox > div {
   /* border-top: 1px solid #e2e2e2;  */
    margin-left: 2%;
    padding-bottom: 36px;
    padding-top: 0;
    width: 96%;
}
.homeBox > div:first-child {
    border-top: medium none;
}

#chart1 .nvd3 text, #chart2 .nvd3 text {
    font-family: open_sanssemibold;
    font-size: 11px;
    font-weight: normal;
}

#chart1 .nvd3 path.domain, #chart2 .nvd3 path.domain {
    stroke: #bbb;
}

#chart1 .nvd3 .nv-axis line, #chart2 .nvd3 .nv-axis line {
    stroke: #ddd;
}

#ultimiForniEntrati table tr td {
    border-top: 1px solid #eee;
    color: #666;
    font-family: open_sansregular;
    font-size: 12px;
    padding-bottom: 7px;
    padding-top: 7px;
}
#ultimiForniEntrati table tr td.label {
    color: #333;
    font-family: open_sanssemibold;
}
#forniEntratiTable tr:last-child td {
    border: medium none;
}
#ultimiForniEntrati table tr:first-child td {
    border-top: medium none;
}
#forniEntratiTable h3 {
    margin-bottom: 0;
    margin-top: 20px;
}
#ultimiForniEntrati > h2 {
    margin-bottom: 30px;
}
#supplier_graph > h2 {
    margin-bottom: 33px;
}

#chart2 > h3, #chart1 > h3 {
    font-family: open_sansbold;
    font-size: 14px;
    font-weight: normal;
    margin-left: 88px;
}
#chart1 > h3 {
    margin-left: 150px;
}
#chart1 {
    height: 210px;
    margin-top: -225px;
    position: relative;
    width: 40%;
    float: right;
}
#chart2 {
    height: 210px;
    position: relative;
    width: 40%;
}
#supplier_graph, #ultimiForniEntrati {
    margin-top: 36px;
    width: 40% !important;
}
#chart2.chartBox, #chart1.chartBox {
    width: 50% !important;
}

#chart2 svg {
    margin-left: -80px;
}
#chart1 svg {
    margin-left: -45px;
}

#nazioni_counts_graph {
    width: 40% !important;
    float: left;
    margin-top: 90px;
    margin-left: 10%;
}

#doc_stato_graph {
    float: left;
    width: 40% !important;
    margin-top: 36px;
    margin-left: 10%;
}

#doc_stato_graph h2 {
    font-size: 14px;
    font-family: "open_sansbold";
    margin-bottom: 36px;
    margin-left: 150px;
}
#doc_stato_graph .nvd3-svg, #nazioni_counts_graph .nvd3-svg {
    float: left !important;
    margin-left: -15%;
}
#nazioni_counts_graph .nvd3-svg {
    margin-left: 10%;
}
#type_counts_graph {
  float: left;
  margin-top: 90px;
}
#type_counts_graph h2, #nazioni_counts_graph h2 {
  font-family: "open_sansbold";
  font-size: 14px;
  margin-left: 88px;
}
#nazioni_counts_graph h2 {
    margin-left: 150px;
}

#last_logins_graph {
  float: left;
  width: 40% !important;
  margin-top: 60px;
  margin-left: 10%;
}
#last_logins_graph h2 {
  font-family: "open_sansbold";
  font-size: 14px;
  margin-left: 150px;
}
#last_logins_graph .nvd3-svg {
  margin-left: 10%;
}

.nvtooltip{
    border-radius:0;
    border: none;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(12, 12, 13, 0.1);
}

.homeBox .nvd3 .nv-axis path, .homeBox .nvd3 .nv-axis line {
    stroke: #ddd;
}

#grade_counts_graph {
  float: left;
  margin-top: 60px;
}
#grade_counts_graph h2 {
  font-family: "open_sansbold";
  font-size: 14px;
  margin-left: 88px;
}

#ultimiForniEntrati table td.label::before {
    content: "✓";
    font-size: 9px;
    margin-right: 10px;
}
.events {
    background-color: #f2f2f2;
    float: left;
}

.events .blockItem {
    background-color: #fff;
    box-shadow: 0 1px 6px #e2e2e2;
	-moz-box-shadow: 0 1px 6px #e2e2e2;
	-webkit-box-shadow: 0 1px 6px #e2e2e2;
    float: left;
    height: 450px;
    margin-bottom: 25px;
    margin-right: 2%;
    max-height: 450px;
    overflow: hidden;
    padding: 2%;
    width: 45%;
}

.blockItem:nth-child(2n+1) {
    margin-right: 0;
}

.events .society_info {
    clear: left;
    float: left;
    height: 40px;
    margin-bottom: 15px;
    margin-left: 3px;
    margin-top: 10px;
    width: 98%;
}
.blockItem .head_name.detail.space {
    border: medium none;
}
#protests .value {
    background-color: #fcf2e3;
    border: 1px solid #ffe8c3;
    color: #5d5b54;
    display: block;
    float: left;
    font-family: open_sansregular;
    font-size: 12px;
    margin-left: 2%;
    opacity: 0.8;
    padding: 10px 2%;
    width: 92%;
}
.blockItem div .value {
    font-family: open_sanslight;
    margin-bottom: 10px;
}
#auctionForm .events .blockItem .head_name.detail {
    background-color: transparent;
    color: #0684cd;
    font-family: open_sansregular;
    font-size: 16px;
    padding-top: 0;
}
.events .tableForm.readonly span.label {
    font-size: 11px;
}
#auctionForm .events .society_info .head_name.detail {
    background-color: #f2f2f2;
}
.blockItem .tableForm.readonly.partner {
    border-bottom: 1px solid #e2e2e2;
    margin: 15px 0 5px 2%;
    padding: 0 0 20px;
    width: 96%;
}
.events .blockItem .tableForm.readonly.partner span.content {
    font-family: open_sanslight;
    font-size: 12px;
    margin-bottom: 15px;
}

#auctionForm .blockItem .tableForm.readonly.partner .content.role {
    height: auto;
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 8px;
}
.Info > table.tableForm.readonly {
    margin-left: 0;
    width: 100%;
}

.realestate {
    margin-top: 0;
    padding: 0;
}
.realestate li {
    float: left;
    list-style: outside none none;
    margin-bottom: 6px;
    width: 100%;
}
.realestate li::before {
    color: #fb9200;
    content: "✓";
    float: left;
    font-size: 10px;
    margin-bottom: 5px;
    margin-right: 6px;
}
.events .tableForm.readonly .realestate .value {
    margin-right: 0;
    padding-right: 0;
}
.events .tableForm.readonly .realestate .label {
    display: block;
}



#capital_stock td, #employee_num td {
    background-color: #fff;
    border-right: 1px solid #eee;
    text-align: right;
}
#capital_stock td:first-child, #employee_num td:first-child {
    text-align: left;
}
#capital_stock th, #employee_num th {
    background-position: 98% center;
    padding-right: 25px;
    text-align: right;
}
#capital_stock th:first-child, #employee_num th:first-child {
    background-position: 8px center;
    padding-left: 25px;
    text-align: left;
}
#capital_stock td:first-child {
    border-left: 1px solid #eee;
}
#capital_stock td:last-child span {
    font-family: open_sanssemibold;
}
#shareholders td, #shares_owned td {
    background-color: #fff;
    border-right: 1px solid #eee;
}
#shareholders td:first-child, #shares_owned td:first-child {
    border-left: 1px solid #eee;
}
.atoka h3.title {
    float: left;
    margin-bottom: 0;
}
.atoka .itemBox {
    margin-top: 20px;
}
.atoka .itemBox .label {
    font-family: "open_sansregular";
    font-size: 11px;
    height: 27px;
    line-height: 27px;
}
#employee_num, #people {
    margin-top: 10px;
}

 #capital_stock th:first-child, #employee_num th:first-child {
    width: 5%!important;
}
#shareholders th, #shares_owned th, #capital_stock th, #employee_num th {
    width: 20% !important;
}

#people th:first-child, #people th:last-child {
    width: 40% !important;
}

#auctionForm #shares_owned td:first-child, #auctionForm #people td:first-child, #auctionForm #shareholders td:first-child {
    color: #000;
    font-family: open_sanssemibold !important;
}


.events .society_info .head_name.detail .event.cerved_gravissimi, .events .society_info .head_name.detail .event.cerved_gravi, .events .society_info .head_name.detail .event.cerved_limitati, .events .society_info .head_name.detail .event.cerved_minimi, .events .society_info .head_name.detail .event.cerved_assenti {
    color: #fb344c;
    float: left;
    font-family: open_sanssemibold;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-left: 6px;
    padding: 1px 6px;
    text-transform: capitalize;
}

.events .society_info .head_name.detail > span.event {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 4px #eee;
}
.events .society_info .head_name.detail > span {
    float: left;
    font-family: open_sanssemibold;
    font-size: 11px;
    height: 20px;
    line-height: 24px;
    text-transform: uppercase;
	color:#555;
}
#auctionForm .events .society_info .head_name.detail {
    margin-left: 0;
    padding-left: 0;
}



.events .society_info .head_name.detail .event.cerved_limitati {
   color: #f1dc2e;
}
.events .society_info .head_name.detail .event.cerved_gravi {
    color: orange;
}
.events .society_info .head_name.detail .event.cerved_minimi {
    color: #bbd31a;
}
.events .society_info .head_name.detail .event.cerved_assenti {
    color: #89dc57;
}

.event.cerved_gravissimi::before {
    background: transparent url("../img/high.png") no-repeat scroll 0 0 / 14px auto;
    content: ".";
    display: inline-block;
    font-size: 0;
    height: 20px;
    width: 20px;
}

.event.cerved_gravi::before {
    background: transparent url("../img/serius.png") no-repeat scroll 0 0 / 14px auto;
    content: ".";
    display: inline-block;
    font-size: 0;
    height: 20px;
    width: 20px;
}

.event.cerved_limitati::before {
    background: transparent url("../img/limited.png") no-repeat scroll 0 0 / 14px auto;
    content: ".";
    display: inline-block;
    font-size: 0;
    height: 20px;
    width: 20px;
}

.event.cerved_minimi::before {
    background: transparent url("../img/minimal.png") no-repeat scroll 0 0 / 14px auto;
    content: ".";
    display: inline-block;
    font-size: 0;
    height: 20px;
    width: 20px;
}

.event.cerved_assenti::before {
    background: transparent url("../img/noRisk.png") no-repeat scroll 0 0 / 14px auto;
    content: ".";
    display: inline-block;
    font-size: 0;
    height: 20px;
    width: 20px;
}

.tab.cerved .tablinks.active {
    background-color: transparent;
    border-bottom: 3px solid orange;
    color: orange;
    cursor: default;
    display: inline-block;
    font-family: open_sansregular;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
}
.tab.cerved a.tablinks {
    background-color: transparent;
    border-bottom: 3px solid #e5e5e5;
    color: #777;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}

.infoCerved #tableInfo .dateCol {
    color: #666;
}

.Info > table {
    margin-left: 10%;
    padding-top: 50px;
    width: 80%;
}

.infoCerved #tableInfo {
    padding-top: 0;
}

.Info #tableContoEconomico_wrapper.dataTables_wrapper.form-inline.dt-bootstrap.no-footer {
    padding-bottom: 28px;
}

.infoCerved .tableForm.readonly {
    padding-bottom: 35px;
    padding-top: 30px;
}

#tableAggiornamentoDati.tableForm.readonly {
    padding-top: 0;
}

.modify td {
    color: #666;
    font-family: open_sansregular;
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: top;
    width: 50%;
}
.modify td.label {
    color: #222;
    font-family: open_sanssemibold;
    font-size: 11px;
    height: 20px;
    line-height: 26px;
    width: 20%;
}
.tableForm.readonly .double_left span {
    width: 89%;
}

.modal-content .modify .SumoSelect > .CaptionCont > span {
    background-color: transparent;
    height: auto;
    padding: 0;
    white-space: normal;
    width: 96%;
}

.modify td span {
    background-color: #f3f7f9;
    color: #7392a2;
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    width: 96%;
}

.modal-content .modify .SumoSelect span {
    background-color: transparent;
}

.modal-content .modify .SumoSelect {
    margin-bottom: 25px;
}

.modal-content table.modify {
    border-collapse: collapse;
    width: 100%;
}

.modal-content.smaller.cert {
    width: 33%;
}

#new_doc.modal td.label {
    width: 16%;
    font-size: 11px;
    font-family: "open_sansregular";
}

#new_doc .modal-content.smaller.cert .upload-file-container .custom {
    width: 72%;
}

.modal-content.cert .tableForm input#validity_days {
    width: 99.4% !important;
}

#new_doc.modal .modal-content.cert td {
    height: 28px;
    line-height: 28px;
    vertical-align: top;
}

.modal-content.smaller.cert a.btn {
    margin-top: 40px;
}

.modal-content.cert font.testo_rosso {
    color: #999;
    font-family: open_sansregular;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
}

#users tr td:first-child, #documents tr td:first-child {
    color: #000;
    font-family: open_sanssemibold;
}

.modal-content.smaller .tableForm .head_name {
    color: #666;
    font-family: open_sanssemibold;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: top;
    width: 22%;
}

.modal-content.smaller .tableForm td {
    font-family: open_sanslight;
    padding: 5px 0;
}

.modal-content.smaller .tableForm td#sent_date {
    padding-bottom: 20px;
}

/* inizio submenu */

#page-container #sidebar div:hover, nav#sidebar:hover {
    overflow: visible !important;
}

.sublinks {
    background-color: #2a3e56;
    color: #fff;
    height: auto;
    left: 164px;
    margin-top: -50px;
    opacity: 0 !important;
	visibility:hidden;
    padding-bottom: 15px;
    position: absolute;
     transition-property:opacity;
    transition-duration:0.7s;
    -moz-transition-property:opacity;
    -moz-transition-duration:0.6s;
    -webkit-transition-property:opacity;
    -webkit-transition-duration:0.6s;
    width: auto;
}

li .sublinks {
    display: none;
}
li.withSub .sublinks {
    display: block;
}
.sublinks .sidebar-mini-hide {
    font-size: 12px;
    margin-left: 0;
    padding-left: 0;
    text-indent: 0;
    white-space: nowrap;
}
.sublinks .subCssClass {
    display: none;
}

.nav-main li {
    height: 50px;
}
.nav-main li.withSub:hover > .sublinks{
	opacity:1!important;
	visibility:visible;
}

.nav-main li.withSub:hover > a{
color:#fff;	
}

.nav-main li.withSub:hover {
    background: #2a3e56 url("../img/withSub_over.png") no-repeat scroll 90% 12px;
}

li.withSub:hover span, .nav-main li:hover span {
    background-position: 0 -17px;
    opacity: 1!important;
}

.nav-main li.withSub .sublinks a {
    clear: left;
    display: block;
    height: 20px;
    margin-left: 0;
    padding-bottom: 2px;
    padding-left: 20px;
    padding-top: 12px;
    width: 100%;
}

.sublinks .sidebar-mini-hide::before {
    content: "--";
    float: left;
    font-family: open_sanslight;
    font-size: 8px;
    margin-left: -10px;
    margin-right: 7px;
    opacity: 0.7;
}

.withSub {
    background: transparent url("../img/withSub.png") no-repeat scroll 90% 12px;
    height: 40px;
    line-height: 40px;
    transition-property: background-color;
	transition-duration: 0.6s;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.6s;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.6s;
}

/* fine submenu */

#pre_save_modal .modal-content.smaller {
    padding-bottom: 60px;
    width: 45%;
}

#pre_save_modal .modal-content.smaller h4.title {
    color: #000;
    font-family: "open_sanssemibold";
    margin-bottom: 10px;
}

#pre_save_modal .modal-content.smaller h5.subtitle {
    font-family: "open_sanslight";
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    margin-top: 0;
    width: 96%;
}
#pre_save_modal .modal-content.smaller .tableForm td {
    font-family: "open_sansregular";
}

#pre_save_modal .modal-content.smaller a.btn.back {
    height: 36px;
}

#pre_save_modal .modal-content.smaller .tableForm td.head_name {
    color: #000;
    font-family: "open_sansbold";
    font-weight: normal;
}

#pre_save_modal .modal-content.smaller .tableForm td {
    padding-bottom: 20px;
}
#pre_save_modal .modal-content.smaller .tableForm tr:first-child td {
    padding-bottom: 0;
}


#pre_save_modal .modal-content.smaller .buttons {
    float: right;
}

.modal-content #mail_body p, .modal-content #body p {
    color: #555;
    font-family: "open_sansregular";
    font-size: 13px;
}

.modal-content #mail_body ul li a, .modal-content #body ul li a {
    color: inherit;
    pointer-events: none;
    text-decoration: none;
}
.modal-content #mail_body p u, .modal-content #body p u {
    color: #999;
    font-size: 12px;
    font-style: italic;
    text-decoration: none;
}
.modal-content #mail_body p a, .modal-content #body p a {
    color: #222;
    font-family: "open_sansregular";
    pointer-events: none;
    text-decoration: none;
}

.modal-content #mail_body p:first-child::first-letter, .modal-content #body p:first-child::first-letter {
    text-transform: uppercase;
}
.tableForm td#mail_body, .tableForm td#body {
    border-top: 1px solid #e2e2e2;
    line-height: 23px;
    padding-top: 10px;
}
.modal-content.smaller .tableForm .head_name {
    color: #666;
    font-family: open_sanssemibold;
    font-size: 11px;
    text-transform: uppercase;
    width: 22%;
}
.modal-content.smaller .tableForm td#object, .modal-content.smaller .tableForm td#recipient, .modal-content.smaller .tableForm td#sent_date {
    font-family: open_sanslight;
    padding: 5px 0;
}

#documentiTable .docStatus {
    width: auto;
    margin-left: 0;
}

#page-container #registration .template .head_name.modify .btn.invite {
    background-color: transparent;
    background-image: none;
    border: medium none;
    box-shadow: none;
    color: #52d37f;
    font-family: "open_sanssemibold";
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding-right: 0;
}

#page-container #registration .template .head_name.modify .btn.invite {
    background: transparent url("../img/green_user.png") no-repeat scroll left center;
    border: medium none;
    box-shadow: none;
    color: #52d37f;
    font-family: "open_sanssemibold";
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    padding-left: 18px;
    padding-right: 0;
	transition-property: color;
    transition-duration: 0.5s;
	-moz-transition-property: color;
    -moz-transition-duration: 0.5s;
	-webkit-transition-property: color;
    -webkit-transition-duration: 0.5s;
}

#page-container #registration .template .head_name.modify .btn.invite:hover {
    color: lightgreen;
}

.template .tabcontent.tableForm table td .control input.view {
    background: transparent url("../img/yourDetails.gif") no-repeat scroll right top;
    border: medium none;
    box-shadow: none;
    font-size: 10px;
    height: 25px;
    margin-left: 80px;
    margin-top: -24px;
    opacity: 0.9;
    position: relative;
    text-indent: 28px;
    top: 0;
    width: 263px;
    z-index: 88888888;
}

.multicheck .control.control--checkbox {
    clear: left;
    float: left;
    margin-bottom: 10px;
    margin-right: 0;
    position: relative;
    width: 80px;
}

.visual .control__indicator {
    display: none;
}
td.visual label.control.control--checkbox {
    color: #222;
    cursor: default;
    float: none;
    font-family: open_sansregular;
    font-size: 12px;
    margin-bottom: 16px;
    margin-top: 3px;
    padding-left: 0;
    text-transform: capitalize;
}
.template .tabcontent.tableForm table td.visual .control input.view {
    background-image: none;
    float: left;
    height: 8px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-indent: 0;
}
.template #categoriePage .item table tr td, , .template #categoriePage .item table#addedCategoryTable tr td {
    width: 25%;
}

.template #categoriePage #addedCategoryTable td {
    vertical-align: top;
    width: inherit;
}
#tabReferenti table td a {
    cursor: pointer;
}

#page-container #main-container .template .btn .btn.edit {
    background: transparent url("../img/edit.png") no-repeat scroll left center / 17px auto;
    border: medium none;
    color: #fb9010;
    font-family: open_sanssemibold;
    font-size: 13px;
    padding-left: 18px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

#idSettoreVendite td .control input.view {
    background: transparent url(../img/yourDetails.gif) no-repeat scroll right top;
    border: medium none;
    box-shadow: none;
    font-size: 10px;
    height: 25px;
    margin-left: 80px;
    margin-top: -24px;
    opacity: 0.9;
    position: relative;
    text-indent: 28px;
    top: 0;
    width: 263px;
    z-index: 88888888;
}

.double_right .SumoSelect.sumo_valuta_fatturato span, .double_right .SumoSelect.sumo_valuta_capitalesociale span {
    font-size: 11.6px;
    overflow: visible;
    padding: 0;
    text-overflow: inherit;
}

#page-container .tableForm.edit .multicheck .control.control--checkbox {
    font-size: 10px;
    max-width: 82%;
    width: 405px;
}

#page-container #porti_list label{
    width: 50%;
    box-sizing: border-box;
}

#registration .multicheck .control.control--checkbox {
    width: auto;
    margin-bottom: 12px;
}

#idSettoreVendite.tableForm.edit td .control input.view {
    float: right;
    margin-left: 0;
    margin-top: 1px;
    opacity: 0.8;
    right: 0;
    text-indent: 15px;
    width: 60%;
    background-position: center left;
    border-right: 1px solid #ddd;
}

.tableForm.edit .SumoSelect.sumo_elencoAree {
    width: 230px;
}

#idSettoreVendite.tableForm.edit .answer .control.control--checkbox {
    white-space: nowrap;
}
#idSettoreVendite.tableForm.edit td .control input.view {
    float: right;
    margin-left: 0;
    margin-top: 1px;
    opacity: 0.8;
    right: 0;
    text-indent: 15px;
    width: 246px;
}

#page-container #idSettoreVendite.tableForm.edit td .control input.view{
width:60%;	
}

#idSettoreVendite.tableForm.edit td .control input.view:hover{
opacity:1;	
}

#idSettoreVendite.tableForm.edit td {
    vertical-align: top;
}
#idSettoreVendite.tableForm.edit td.label {
    padding-right: 20px;
    padding-top: 12px;
    width: 13%;
}

#page-container #idSettoreVendite.tableForm.edit td.label{
    padding-right: 0;
    width: 10%;
}
#page-container #idSettoreVendite.tableForm.edit td{
    width: 23%;
}

#page-container #idSettoreVendite.tableForm.edit td.multicheck {
    padding-top: 10px;
}
#page-container .tableForm.edit .SumoSelect.sumo_elencoAree{
    width: 80.5%;
}

#page-container #idSettoreVendite.edit td.label span {
  width: 95%;
  float: left;
}
#page-container #idSettoreVendite .porto_fast .control.control--checkbox {
    width: auto;
    float: none;
    margin-right: 1px;
    font-size: 9px;
    padding-right: 0px;
    padding-left: 15px;
    margin-left: 4px;
}

#page-container .mCustomScrollbar #porti_list {
  margin-bottom: 45px;
  float: left;
  width: 100%;
}

#page-container #idSettoreVendite .porto_fast{
  line-height: 22px;
  font-size: 9.6px;
  letter-spacing: -0.2px;
  white-space: nowrap;
}

#historyModal .tableForm.dataTable.no-footer {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
#historyModal th.label {
    color: #222;
}
#historyModal.modal .modal-content.small {
    width: 90%;
    padding-bottom: 50px;
}

#historyModal table .dateCol.docStatus, #garaDocuments td.docStatus{
    width: inherit;
}

#registration .template #tableTabSezioneEconomica td .SumoSelect {
    z-index: inherit;
}

#main-container #search_document select.beauty {
    height: 30px;
    width: 92%;
}
#search_document input.or {
    text-indent: 6px;
}
#garaDocuments_wrapper .dataTables_filter {
    background-color: transparent;
    float: left;
    margin-top: -30px;
    padding-top: 0;
    width: 50%;
}

#garaDocuments_wrapper .dataTables_empty {
    border-bottom: 40px solid #fff;
    margin-right: 2%;
    margin-top: -80px;
    width: 97%;
}

#garaDocuments_wrapper .dataTables_filter input {
    background-size: 15px auto;
    font-size: 12px;
    height: 30px;
    width: 40%;
}

#ui-datepicker-div .ui-state-default.ui-state-highlight {
    background-color: #555;
}

#rank_modal #rank_table tr:last-child td, .modal #gradesBody tr:last-child td {
    background-color: #effcf3;
    color: #67d262;
    font-family: open_sanssemibold;
    font-size: 14px;
    text-transform: uppercase;
}
#rank_modal #rank_table tr:last-child td:first-child, .modal #gradesBody tr:last-child td:first-child {
    color: #222;
}
#rank_modal #rank_table {
    margin: 0;
    padding: 0;
}


#modalGradeDetail table#gradesTable.tableForm.dataTable {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100% !important;
}
#gradesTable.tableForm.dataTable tr td:first-child, #gradesTable.tableForm.dataTable tr th:first-child {
    font-family: open_sanssemibold;
    padding-left: 0;
    width: 30%;
}

#gradesTable.tableForm.dataTable tr td:first-child {
    color: #888;
    font-size: 12px;
}
#gradesTable.tableForm.dataTable tr:last-child td:first-child {
    color: #000;
    padding-left: 8px;
}
#historyModal .tableForm.dataTable.no-footer, #rank_modal #rank_table {
	width: 100% !important;
}

#modalGradeDetail .modal-content.upload_doc {
    width: 50%;
}

#rank_modal #rank_table th {
    font-size: 12px;
    padding: 8px 10px;
}


#rank_modal .modal-content.small {
    float: none;
    padding-bottom: 60px;
}

#categorieMerceologiche .external .head h5.title {
    background-color: #f9f9f9;
    font-size: 14px;
    margin: 0;
    padding: 12px 4%;
    width: 92%;
}
#categorieMerceologiche .external {
    background-color: #fff;
    box-shadow: 0 1px 6px #e2e2e2;
	-moz-box-shadow: 0 1px 6px #e2e2e2;
	-webkit-box-shadow: 0 1px 6px #e2e2e2;
    float: left;
    height: 500px;
    margin-right: 1.5%;
    width: 40%;
}
#categorieMerceologiche .external > div {
    margin: 0;
    padding: 0;
    width: 100%;
}


#categorieMerceologiche .external:last-child {
    margin: 0;
}
.external #areaMenu label {
    color: #fd8d1f;
    font-family: "open_sanslight";
    font-size: 13px;
    padding-left: 4%;
}
#categorieMerceologiche .external #areaMenu {
    margin-top: 15px;
}

.external #areaMenu label.control.control--radio.checked {
    border-left: 3px solid orange;
    color: #000;
    font-family: "open_sanssemibold";
    text-indent: -3px;
}
.external #areaMenu label.control.control--radio.checked {
    color: #000;
}
.external .level_3 table.dataTable.no-footer {
    padding: 10px 20px 20px;
    width: 93.6% !important;
}

.external #subCategoryDiv li span.control.control--radio.checked, .external #subCategoryDiv li span.control.control--radio.checked:hover {
    color: #555;
    cursor: default;
}

#page-container #main-container #idAlberoMerceologico .external #emptyCategoryMenu, #page-container #main-container #idAlberoMerceologico #categorieMerceologiche .external .dataTables_empty {
    background-color: #f2f8fc;
    background-image: none;
    border: 1px solid #ebf3fa;
    color: #5a90b6;
    font-family: "open_sanslight";
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin-left: 0;
    margin-top: 20px;
    opacity: 0.8;
    padding: 1% 2%;
    width: 96%;
}

#page-container #main-container #idAlberoMerceologico .external #emptyCategoryMenu {
    margin-left: 4%;
    width: 88%;
}
#page-container #main-container #idAlberoMerceologico .external #addedCategoryDiv .dataTables_empty {
    width: 88%;
    margin-top: 10px;
}


#page-container #categorieMerceologiche .external .dataTables_empty {
    margin: 10px 0 0;
    position: absolute;
    text-align: left;
}

#categorieMerceologiche .external table td span.role::before {
    display: none;
    float: left;
    margin-right: 10px;
}
#main-container #categorieMerceologiche .external .level_3 td {
    background: #fff url("../img/checkGreen.png") no-repeat scroll left center / 11px auto;
    padding-left: 22px;
    text-align: left;
}

.external #subCategoryDiv li span.control.control--radio {
    color: #24a3cd;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
}

.external #subCategoryDiv li {
    background: #fff url("../img/checkCyan.png") no-repeat scroll left center / 11px auto;
    border-bottom: 1px solid #eee;
    font-size: 11px;
    list-style: outside none none;
    padding: 10px 0 10px 22px;
    text-transform: lowercase;
}

.external #subCategoryDiv ul {
    padding-left: 5%;
}

.external #subCategoryDiv li span.control.control--radio:hover {
    color: #30c0f0;
}

.external #areaMenu label:hover {
color: #fea54e;
}

#categorieMerceologiche .external .level_3 {
    height: 410px;
}

#categorieMerceologiche .external:first-child {
    width: 17%;
}

.external:first-child #areaMenu label, #categorieMerceologiche .external:first-child .head h5.title {
    padding-left: 8%;
}
#categorieMerceologiche .external:first-child .head h5.title {
    width: 88%;
}

.external #subCategoryTable thead {
    display: none;
}


#idSettoreVendite.edit .answer .error {
    font-size: 11px;
    margin-left: -20px;
    position: absolute;
    width: 150px;
}

.edit .blue_message {
    float: left;
    font-size: 11px;
    line-height: 16px;
    margin-left: 0;
    margin-top: 10px;
    width: 76%;
}

.edit .blue_message a {
    cursor: pointer;
}

.label.top, td.top {
    padding-top: 17px;
    vertical-align: top;
}
.tableForm.edit {
    padding: 18px;
}


#rank_modal #rank_table .btn.next {
    display: block;
    margin-top: 40px;
}
#rank_modal .buttons {
    margin-top: 20px;
}
.modal.ref #categoryTable.tableForm th {
    border-bottom: 1px solid #ddd;
    font-family: open_sanssemibold;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 12px;
    padding-top: 0;
    text-align: left;
    text-transform: uppercase;
    width: 32%;
}
.modal.ref #categoryTable.tableForm {
    border-collapse: collapse;
    box-shadow: none;
}
.modal.ref #categoryTable.tableForm td {
    border-bottom: 1px solid #eee;
    padding-right: 20px;
    vertical-align: top;
}
.modal.ref #categoryTable.tableForm td:first-child {
    color: #555;
    font-family: open_sanssemibold;
}
.modal.ref #categoryTable.tableForm th:first-child {
    width: 17%;
}

#dettaglioModal .modal-content.small > div.content.mCustomScrollbar {
    height: 300px;
    margin-bottom: 40px;
}

#dettaglioModal .modal-content.small {
    padding-bottom: 60px;
}

#dettaglioModal .content #dettaglioTableDialog th:first-child {
    width: 8% !important;
}
#dettaglioModal .content #dettaglioTableDialog th:nth-child(2), #dettaglioModal .content #dettaglioTableDialog th:nth-child(3) {
    width: 30% !important;
}

.modal-content #dettaglioTableDialog, #history_table {
    border-collapse: collapse;
    margin: 0;
    width: 100% !important;
}

.modal-content .modify .SumoSelect.sumo_ruoliString {
    width: 100%;
}

#garaDocuments th.center {
    background-position: 15px center;
    text-align: center;
}

#datiBancariDiv .SumoSelect.disabled p {
    background-color: #f3f7f9;
    background-image: none;
    color: #7392a2;
    line-height: 16px;
    width: 100%;
    cursor: default;
}

.template .SumoSelect.disabled > .CaptionCont > label > i {
    display: none;
}
#page-container #datiBancariDiv .SumoSelect.disabled p span {
    color: #7392a2;
    font-family: "open_sansregular";
}
td .SumoSelect.disabled {
    cursor: default;
    opacity: 1;
}

/* utenti merceologie */

#level1, #level2, #level3 {
    background-color: #fff;
    float: left;
    height: 450px;
    overflow:auto;
    padding-left: 8%;
    width: 92%;
}

#level2 div.item, #level1 div.item, #level3 div.item {
    border-bottom: 1px solid #eee;
    float: left;
    font-size: 11px;
    padding-bottom: 8px;
    padding-top: 8px;
    text-transform: lowercase;
    width: 100%;
}

#level2 div img, #level1 div img, #level3 div img {
    cursor: pointer;
    float: right;
    margin-top: 8px;
}
#level2 div span, #level1 div span, #level3 div span {
    color: #1e9ac3;
    cursor: pointer;
    float: left;
    font-family: "open_sansregular";
    margin-left: 0;
    padding-bottom: 6px;
	font-size:12px;
    padding-left: 0;
    padding-top: 6px;
    transition-duration: 0.4s;
    transition-property: color;
	-moz-transition-duration: 0.4s;
    -moz-transition-property: color;
	-webkit-transition-duration: 0.4s;
    -webkit-transition-property: color;
    width: 85%;
}

#level2 div span:hover, #level1 div span:hover, #level3 div span:hover {
    color: #22c4fa;
}

#level3 div span, #level3 div span:hover {
    color: #777;
    cursor: default;
    font-family: "open_sansregular";
    font-size: 12px;
}

#level1 div span {
    font-size: 12px;
    text-transform: capitalize;
}
.elem.elem2::first-letter, .elem.elem3::first-letter {
    text-transform: uppercase;
}
#level3 {
    margin-right: 0;
}

#levels .external .head {
    background-color: #f9f9f9;
    box-shadow: none;
    float: left;
    height: auto;
    margin: 0;
    width: 100%;
}

#levels .external:first-child {
    width: 17%;
}
#levels .external .head h5.title {
    font-family: "open_sanssemibold";
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
}

#levels .external:last-child {
    margin-right: 0;
}
#levels .external {
    box-shadow: 0 1px 6px #e2e2e2;
	-moz-box-shadow: 0 1px 6px #e2e2e2;
	-webkit-box-shadow: 0 1px 6px #e2e2e2;
    float: left;
    margin-right: 1.5%;
    width: 40%;
}

#level1 .elem.highlight, #level2 .elem.highlight {
    color: #000;
    font-family: "open_sanssemibold";
}

#level2, #level3 {
    padding-left: 4%;
    padding-right: 4%;
    width: 92%;
}
#level1 div.item {
    width: 94%;
}


#cart > div {
    background-color: #f6fef8;
    border: 1px solid #d0ead7;
    box-shadow: 0 1px 3px #e2e2e2;
    -moz-box-shadow: 0 1px 3px #e2e2e2;
	-webkit-box-shadow: 0 1px 3px #e2e2e2;
    float: left;
    font-size: 10px;
    height: 22px;
    margin-bottom: 10px;
    margin-right: 1%;
    overflow: hidden;
    padding: 0.5% 1% 1.5%;
    text-overflow: ellipsis;
    text-transform: lowercase;
    width: 12%;
}

#cart {
    border-bottom: 1px solid #ddd;
    float: left;
    padding-bottom: 10px;
    width: 100%;
}
#cart h3 {
    color: #000;
    font-family: "open_sanssemibold";
    font-weight: normal;
    margin-top: 0;
}
#cart div .elem {
    float: left;
    height: 36px;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
#cart div img {
    cursor: pointer;
    float: right;
    margin-left: 4px;
    margin-top: -15px;
    position: absolute;
}

/*#cart div .elem div {
    margin-right: 0px;
}*/
#cart div .elem::first-letter, #cart div .elem div::first-letter {
    text-transform: uppercase;
}

#levels {
    float: left;
    width: 100%;
}
#levels h3 {
    color: #000;
    float: left;
    font-family: "open_sanssemibold";
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 0;
    width: 100%;
}
#levels .external.first {
    width: 17%;
}


#levels .tooltip {
    margin-top: 30px!important;
    margin-left: -10px;
}
#levels .tooltip-arrow {
    display: none;
}

#levels .tooltip-inner {
    margin-left: -110px;
    margin-top: -40px;
}

table.area th {
    border-top: 1px solid #eee;
}
.contents table.dataTable.area thead th:last-child {
    background-image: none;
    text-align: center;
}
.contents table.dataTable.area tr td:last-child {
    text-align: center;
}

.contents table.dataTable.area tr td:last-child img {
    height: 18px;
    margin: 0;
}

table.area td span.role::before {
    margin-right: 5px;
}

table.area td span.role {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 5px;
    margin-right: 15px;
}

table.area td span.role::first-letter {
    text-transform: uppercase;
}


#auctionForm h2 .userName {
    border-left: 1px solid #aaa;
    font-family: "open_sansbold";
    font-size: 12px;
    margin-left: 15px;
    padding-left: 15px;
}
#auctionForm h2 .userName em {
    font-family: "open_sanslight";
    font-size: 13px;
    font-style: normal;
    margin-left: 3px;
}

#cart div.noElements.info {
    background: #f2f8fc url("../img/error_blue.png") no-repeat scroll 15px center;
    border: 1px solid #ebf3fa;
    box-shadow: 0 1px 1px #e5e5e5;
    font-family: "open_sanslight";
    font-size: 12px;
    height: auto;
    padding-bottom: 10px;
    padding-left: 3%;
    padding-top: 10px;
    text-transform: none;
    width: 95.7%;
}

.noElements.info > b {
    font-family: "open_sanssemibold";
    font-weight: normal;
    margin-left: 2px;
    margin-right: 2px;
}

.noElements.info span, #main-container #tabCategorieMerceologiche.edit .head .title span {
    border: 1px solid #2ecd4c;
    border-radius: 50px;
    color: #2ecd4c;
    display: inline-block;
    font-family: open_sansbold;
    font-size: 14px;
    height: 15px;
    line-height: 15px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    width: 15px;
}

.tableForm.add span.error {
    color: #f75c48;
    display: block;
    font-size: 11px;
    margin-top: 5px;
}
.tableForm.add input.error {
    border: 1px solid #fd9e92;
}

#tabCategorieMerceologiche.tabcontent.tableForm.edit .level_1, #tabCategorieMerceologiche.tabcontent.tableForm.edit .level_2, #tabCategorieMerceologiche.tabcontent.tableForm.edit .level_3 {
    height: 300px;
}

#tabCategorieMerceologiche.tabcontent.tableForm.edit .innerMenu a#back {
    border-right: 200px solid transparent;
    box-shadow: none;
    float: left;
    position: absolute;
}
#tabCategorieMerceologiche.tabcontent.tableForm.edit .innerMenu span.title {
    margin-left: 25px;
	color: #5cc7f8;
}


/* MENU TESTATA */

.portal {
    float: left;
    margin-top: 25px;
    width: auto;
}

.areaUtente.portalGare, .areaUtente.portalOrdini {
    border: medium none;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}
 .portalGare{
     float: left;
}
 .portalOrdini{
     float: right;
}

 .portallink{
     padding: 15px;
     text-decoration: none;
 }
 
 
.portalGare a.portallink::before, .portalOrdini a.portallink::before {
    background: #326584 url("../img/bidIcon.png") no-repeat scroll 3px 6px;
    border-radius: 60px;
    content: ".";
    float: left;
    font-size: 0;
    height: 25px;
    margin-right: 10px;
    margin-top: 5px;
    transition-duration: 0.2s;
    transition-property: background-color;
    width: 25px;
}
.portalGare a.portallink, .portalOrdini a.portallink {
    color: #fff;
    display: block;
    font-family: "open_sanslight";
    height: 40px;
    margin-right: 35px;
    padding: 0;
}
.portalOrdini a.portallink::before {
    background: #326584 url("../img/orderIcon.png") no-repeat scroll 3px 6px;
}
.portal a.portallink:hover {
    color: orange;
}
.portal .portallink {
    font-size: 13px;
    transition-duration: 0.5s;
    transition-property: color;
}
.portalGare a.portallink:hover::before, .portalOrdini a.portallink:hover::before {
    background-color: orange;
    background-position: 3px -15px;
}


     /* FINE MENU TESTATA */
	 	 
	 #inspectionsTable .dataTables_empty {
    border-bottom: 40px solid #fff;
    margin-top: -80px;
    width: 96%;
}

	#inspectionDetailsTable.tableForm.readonly span {
    border: medium none;
    box-shadow: none;
    min-height: 25px;
    padding-bottom: 2px;
    padding-left: 0;
    padding-top: 2px;
}
#inspectionDetailsTable.readonly td span.download {
    cursor: pointer;
    pointer-events: inherit;
}
#inspectionDetailsTable.tableForm.readonly span input, #inspectionDetailsTable.tableForm.readonly td select {
    background-color: #f3f7f9 !important;
    border: medium none;
    box-shadow: none;
    color: #7392a2;
    width: 100%;
}
#inspectionDetailsTable.tableForm.readonly td.label {
    width: 8%;
}
#inspectionDetailsTable.tableForm.readonly td select {
    background-image: none;
    border: medium none;
    box-shadow: none;
    cursor: default;
    padding-right: 0;
    width: 83%;
}

#inspectionDetailsTable.readonly input.hasDatepicker {
    background-image: none !important;
}
#inspectionDetailsTable.tableForm.readonly {
    padding: 1% 0 1% 1.5%;
    width: 100%;
}
#inspectionDetailsTable ul#usersList, .tableForm.new ul#usersList, #inspectionDetailsTable ul#uploadedFiles, .tableForm.new ul#uploadFiles {
    height: auto !important;
    list-style: outside none none;
    margin-top: 0;
    padding: 0;
    width: 86% !important;
}

#inspectionDetailsTable.readonly ul li::before {
    color: #7392a2;
    content: "✓";
    font-size: 11px;
}
#inspectionDetailsTable.tableForm.readonly ul#usersList li, #inspectionDetailsTable.tableForm.readonly ul#uploadedFiles li {
    background-color: transparent;
    border: medium none;
    color: #7392a2;
    font-family: open_sansregular;
    font-size: 12px;
    overflow: visible;
}
.readonly .top ul#uploadedFiles, .readonly .top ul#usersList {
    float: left;
    margin-bottom: 0;
}
#inspectionDetailsTable.readonly ul#uploadedFiles li a {
    color: #ffa322;
    float: left;
    font-size: 11px;
    overflow: hidden;
    padding-left: 0;
    text-overflow: ellipsis;
    text-transform: lowercase;
    width: 200px;
}

#inspectionDetailsTable.readonly ul#uploadedFiles li a:hover {
    color: #ff7800;
}

#inspectionDetailsTable.tableForm.readonly ul#uploadedFiles li::before {
    display: none;
}
#inspectionDetailsTable.tableForm.readonly ul#uploadedFiles li a::before {
    color: #7392a2;
    content: "✓";
    font-size: 9px;
    margin-right: 2px;
}
#inspectionDetailsTable.readonly .top ul#uploadedFiles li, #inspectionDetailsTable.readonly .top ul#usersList li {
    margin-bottom: 0;
    margin-right: 4px;
}

#inspectionDetailsTable button.modifyFiles {
    width: 17px;
}

#inspectionDetailsTable ul li, #inspectionDetailsTable ul li a {
    color: #7392a2;
}

#inspectionDetailsTable ul#usersList li, .tableForm.new ul#usersList li, #inspectionDetailsTable ul#uploadedFiles li, .tableForm.new ul#uploadFiles li {
    background-color: #f6fef8;
    border: 1px solid #dff3e4;
    border-radius: 0;
    float: left;
    font-family: "open_sanslight";
    font-size: 12px;
    list-style: outside none none;
    margin-bottom: 8px;
    margin-right: 8px;
    max-width: 200px;
    overflow: hidden;
    padding: 3px 5px;
    text-overflow: ellipsis;
}



#inspectionDetailsTable.tableForm input.modifyUsers {
    margin-bottom: 10px;
}
#inspectionDetailsTable .modifyFiles {
    border-collapse: collapse;
    width: 85%;
}
#inspectionDetailsTable .modifyFiles td {
    padding: 0;
    vertical-align: top;
    width: 100%;
}

#inspectionDetailsTable td.label.top {
    padding-top: 12px;
}
#inspectionDetailsTable td.top {
    padding-top: 7px;
}
#inspectionDetailsTable .modifyFiles td input#uploadfile {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    box-shadow: 0 1px 1px #f5f5f5;
    font-size: 11px;
    height: 22px;
    margin-bottom: 0;
    width: 99%;
}

#inspectionDetailsTable ul li a {
    float: left;
    font-size: 11px;
    margin: 0;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
}
#inspectionDetailsTable .modifyFiles a.btn {
    background-color: #a8c9d9;
    background-image: none;
    border: medium none;
    font-family: open_sanssemibold;
    font-size: 11px;
    height: 32px;
    line-height: 32px;
    margin-right: -2px;
    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;
}
#inspectionDetailsTable .modifyFiles a.btn:hover {
    background-color: #85b9d2;
}

#inspectionDetailsTable ul#usersList li.off, #inspectionDetailsTable ul#uploadedFiles li.off {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    opacity: 0.5;
    text-decoration: line-through;
}
#inspectionDetailsTable ul#uploadedFiles li.off a {
    text-decoration: line-through;
}
#inspectionDetailsTable ul li.off button {
    padding: 0;
    visibility: hidden;
    width: 0;
}
#page-container #inspectionDetailsTable.readonly .top ul#uploadedFiles li {
    max-width: 230px;
}
#inspectionDetailsTable .tableForm td select {
    width: 80%;
}
#inspectionDetailsTable.tableForm td select {
    width: 85.3%;
}
#inspectionDetailsTable ul li button, .tableForm.new ul li button {
    background: transparent url("../img/deleteArea.png") no-repeat scroll right center;
    border: medium none;
    cursor: pointer;
    float: right;
    font-size: 0;
    height: 18px;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    width: 18px;
}

#main-container #search_document.tableForm.new span.label {
    float: left;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%;
}
#main-container #search_document.tableForm.new input, #main-container #search_document.tableForm.new select {
    float: left;
    width: 91%;
}
#main-container #search_document.tableForm.new td {
    padding-top: 0;
}
#main-container #search_document.tableForm.new td {
    vertical-align: top;
    width: 25%;
}
#main-container #search_document.tableForm.new tr.wide td {
    width: 50%;
}
#main-container #search_document.tableForm.new tr.wide td textarea {
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px #f5f5f5;
    font-family: "open_sansregular";
    font-size: 12px;
    height: 50px;
    max-height: 50px;
    max-width: 92.3%;
    padding: 1.5%;
    width: 92.3%;
}

#inspectionDetailsTable td textarea {
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px #f5f5f5;
    color: #666;
    font-family: "open_sansregular";
    font-size: 12px;
    height: 50px;
    margin-top: 0;
    max-height: 50px;
    max-width: 82%;
    padding: 3px 1.5%;
    width: 82%;
}
#inspectionDetailsTable.tableForm.readonly textarea {
    background-color: transparent;
    border: medium none;
    color: #7392a2;
    font-family: "open_sansregular";
    font-size: 12px;
    max-width: 96.5%;
    width: 100%;
}

#main-container #search_document.tableForm.new input#usersAutocomplete {
    height: 30px;
    margin-bottom: 8px;
    width: 95%;
}
#main-container #search_document.tableForm.new td {
    height: auto;
    width: auto;
}
#main-container #search_document.tableForm.new td ul {
    height: auto !important;
}
#main-container #search_document.tableForm.new {
    padding-left: 1%;
    padding-right: 0;
	background-color: #fff;
}
#main-container #search_document.tableForm.new select {
    box-shadow: 0 1px 1px #f5f5f5;
    height: 29px;
    width: 90.4%;
}
#main-container #search_document.tableForm.new ul span {
    display: inline;
}



.btn.back.right {
    float: right;
	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;
	
}


.head_name span.info {
    float: right;
    font-family: "open_sanslight";
    font-size: 11px;
    margin-right: 1%;
}
.head_name span.info em, .tableForm td.label em {
    color: #fb9200;
    font-family: "open_sansregular";
    font-size: 10px;
    font-style: normal;
}

.head_name span.info em {
    margin-left: 15px;
}
.btn.new {
    background-color: transparent;
    background-image: none;
    border: 1px solid #fd8d1f;
    color: #fd8d1f;
    font-family: "open_sanssemibold";
    font-size: 12px;
    height: 38px;
    line-height: 38px;
     transition-duration: 0.5s;
    transition-property: background-color;
	-moz-transition-duration: 0.5s;
    -moz-transition-property: background-color;
	-webkit-transition-duration: 0.5s;
    -webkit-transition-property: background-color;
}
.btn.new:hover {
    background-color: #fd8d1f;
    border: 1px solid #fd8d1f;
    color: #fff;
}


#registration .template .upload-file-container label.error {
    font-family: "open_sansregular";
    font-size: 10px;
    margin-top: 36px;
    position: relative;
    text-transform: none;
}
#registration .template .upload-file-container label.error::before {
    border: 1px solid #ee6767;
    color: #000;
    content: ".";
    display: block;
    font-size: 0;
    height: 31px;
    margin-top: -35px;
    opacity: 0.7;
    position: absolute;
    width: 256px;
}

.beauty.datePicker.hasDatepicker {
    text-indent: 8px;
}

#main-container select:-moz-focusring, #main-container option:-moz-focusring {
    color: transparent!important;
    text-shadow: 0 0 0 #000;
}

.tableForm td select {
    box-shadow: 0 1px 1px #f5f5f5;
   -moz-box-shadow: 0 1px 1px #f5f5f5;
   -webkit-box-shadow: 0 1px 1px #f5f5f5;
}

#main-container table.items_5 td, #main-container table#search_document.items_5 td {
    width: 20%;
}



/* fornitori > azienda - tabella grafici  */

.homeBox .sidecontentBox {
    background-color: #fff;
    border-right: 7px solid #f1f1f1;
    float: left;
    margin-left: 0;
    min-height: 500px;
    padding: 15px;
    width: 220px;
}
.sidecontentBox .item {
    background-color: transparent;
    border-bottom: 1px solid #e2e2e2;
    float: left;
    height: auto;
    margin-bottom: 15px;
    padding-bottom: 10px;
    width: 220px;
}

.sidecontentBox .item .label, .sidecontentBox .item .content {
    color: #000;
    float: left;
    font-family: "open_sanssemibold";
    font-size: 11px;
    letter-spacing: -0.3px;
    line-height: 14px;
    margin-bottom: 7px;
    margin-right: 5px;
    text-transform: capitalize;
    width: 105px;
}

.sidecontentBox .item .content {
    font-family: "open_sansregular";
	text-transform:none;
    font-size: 11px;
    line-height: 14px;
    margin-right: 0;
    width: 110px;
	color:#666;
	letter-spacing: inherit;
}

.sidecontentBox .item .content.right{
text-align:right;	
}

.sidecontentBox .item .label {
    text-transform: none;
}

.sidecontentBox h3 {
    background-color: #002060;
    color: #fff;
    font-family: "open_sanssemibold";
    font-size: 13px;
    font-weight: normal;
    height: auto;
    margin-bottom: 8px;
    margin-top: 0;
    padding: 6px 0;
    text-align: center;
}

#auctionForm .sidecontentBox .item h2 {
    color: #2153b6;
    font-family: "open_sanssemibold";
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 16px;
    margin-top: 0;
    text-align: center;
}

.sidecontentBox .item span.space {
    float: left;
    height: 12px;
    width: 180px;
}

#auctionForm .homeBox.suppliers #chart2.chartBox, #auctionForm .homeBox.suppliers #chart1.chartBox {
    float: left;
    margin-top: 8px;
}
#auctionForm .homeBox.suppliers #chart2.chartBox {
    border: medium none;
    height: auto !important;
    margin-left: 45px;
    width: 40% !important;
}


.homeBox.suppliers #chart1.chartBox {
    border: medium none;
    float: left !important;
    margin-left: 56%;
    margin-top: 0 !important;
    padding-bottom: 0;
    position: absolute;
    width: 46% !important;
}


.homeBox.suppliers #chart1 > canvas {
    height: auto !important;
    margin-top: 30px;
    max-width: 87% !important;
    text-align: left;
    width: 87% !important;
}

.homeBox.suppliers #chart1 > h3 {
    margin-left: 80px;
    width: 300px !important;
    margin-top: 22px;
}

.sidecontentBox div.item br {
    display: none;
}

.homeBox.suppliers {
    padding-bottom: 0;
    padding-top: 0;
}
.homeBox.suppliers #chart2 > h3 {
    margin-left: 10px;
}

.homeBox.suppliers #chart2 > canvas {
    height: auto !important;
    margin-top: 44px;
    width: 92% !important;
}
.sidecontentBox div.item div.content {
    text-transform: lowercase;
}

.sidecontentBox table {
    border-collapse: collapse;
}
.sidecontentBox table td {
    height: 10px;
    padding: 0;
}
.sidecontentBox table .content {
    text-align: right;
}
.sidecontentBox .content::first-letter {
    text-transform: uppercase;
}
.homeBox.suppliers div.info {
    border: medium none;
    color: #555;
    float: left;
    font-family: "open_sansregular";
    font-style: italic;
    letter-spacing: 0.2px;
    margin: 50px 0 0 50px;
    width: 60%;
}

.sidecontentBox table td.label, .sidecontentBox table td.content {
    height: auto;
}

.homeBox.suppliers .info > a::after {
    content: "...";
}

.homeBox.suppliers .info > a {
    background: rgba(0, 0, 0, 0) url("../img/cerved_chart.png") no-repeat scroll -1px 1px;
    color: #13baff;
    cursor: pointer;
    font-family: "open_sansbold";
    font-size: 11px;
    font-style: normal;
    height: 7px;
    margin-left: 12px;
    padding-left: 23px;
    transition-duration: 0.4s;
    transition-property: color;
}

.homeBox.suppliers .info > a:hover{
color: #78d7ff;	
}

.homeBox.suppliers #chart1 > span {
    float: left;
    font-size: 10px;
    margin-left: 80px;
    margin-right: 0;
    margin-top: 15px;
    width: 50%;
    writing-mode: inherit !important;
}

.sidecontentBox .item div b {
    color: #000;
    display: block;
    font-family: open_sansbold;
    font-size: 10px;
    font-weight: normal;
    margin-top: 10px;
}

.sidecontentBox .item:last-child {
    border-bottom: medium none;
}

/* fine tabella grafici */

#tabCategorieMerceologiche.edit {
    float: left;
}

#main-container .level_2 .dataTables_empty, #main-container .level_3 .dataTables_empty {
    background: #f2f8fc none no-repeat scroll 8px center;
    color: #5a90b6;
    float: left;
    font-family: "open_sansregular";
    font-size: 11px;
    height: 30px;
    line-height: 16px;
    margin-top: 0;
    max-width: inherit;
    opacity: 0.8;
    padding: 2% 3%;
    position: inherit;
    text-align: left;
    text-indent: inherit;
    vertical-align: inherit;
    white-space: normal;
    width: 94%;
}

#main-container .level_2 table th, #main-container .level_3 table th {
    border: medium none;
    padding: 0 0 5px;
}

#tabCategorieMerceologiche.tabcontent.tableForm.edit {
    padding-left: 2%;
    padding-right: 2%;
    width: 96%;
}

#main-container .level_3 tr td:last-child {
    text-align: right;
    width: 20px;
}

#registration .template .tabcontent.tableForm table td .control input.view {
    background: transparent url("../img/yourDetails.gif") no-repeat scroll left top;
    border-top:none;
    border-bottom:none;
    border-left:none;
    border-right:1px solid #eee;
    box-shadow: none;
    font-size: 10px;
    height: 25px;
    margin-left: 120px;
    margin-right: 20px;
    margin-top: -24px;
    position: relative;
    text-indent: 18px;
    top: 0;
    width: 223px;
    z-index: 88888888;
}
.registration .btnGroup {
    bottom: 0;
    margin-bottom: 0;
    position: fixed;
    right: 1%;
}
#page-container .template .tabcontent.tableForm table#addedCategoryTable td span {
    font-size: 12px;
    text-transform: lowercase;
}
#page-container .template #tabCategorieMerceologiche .tabcontent.tableForm table#addedCategoryTable td span::first-letter {
    text-transform: uppercase;
}
#page-container .template #addedCategoryTable h4.title span {
    padding-left: 0;
    text-transform: capitalize;
}
#page-container .template #tabCategorieMerceologiche.tabcontent.tableForm table#addedCategoryTable h4.title span {
    text-transform: capitalize;
}
.edit #addedCategoryTable .path {
    cursor: pointer;
    display: block;
    width: 100%;
}
#main-container .edit .registration.user #categorieMerceologiche .head .title {
    background-color: #f6fafc;
    border: 1px solid #ebf3fa;
    font-family: "open_sansregular";
    line-height: 20px;
    margin-top: 10px;
    padding: 10px 1%;
    width: 98%;
	float: left;
    margin-bottom: 30px;
}

#tabCategorieMerceologiche.edit div.title font {
    background-color: #5cc7f8;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    float: left;
    font-family: "open_sanssemibold";
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 22px;
    margin-right: 5px;
    margin-top: 2px;
    opacity: 0.7;
    text-align: center;
    width: 16px;
}

#tabCategorieMerceologiche.edit div.title .internal {
    float: left;
    font-family: open_sansregular;
    font-size: 12px;
    margin-right: 2%;
    width: 27%;
}
#tabCategorieMerceologiche.edit div.title .internal.left {
    width: 27%;
}
#tabCategorieMerceologiche.edit div.title .internal.center {
    margin-right: 5%;
    text-align: left;
    width: 33%;
}
#tabCategorieMerceologiche.edit div.title .internal.right {
    margin-right: 0;
    width: 33%;
}


#tabCategorieMerceologiche.edit table.dataTable tbody td {
    color: #000;
    font-family: open_sanslight;
    padding-bottom: 7px;
    padding-top: 7px;
}

#tabCategorieMerceologiche.edit table.dataTable tbody td.dataTables_empty {
    background: #fff url("../img/error_blue.png") no-repeat scroll 12px 9px / 12px auto;
    border: medium none;
    color: #3183c3;
    font-family: open_sansregular;
    line-height: 17px;
    padding-left: 30px;
    text-align: left;
    width: 80%;
}
#tabCategorieMerceologiche.edit .innerMenu.level_1 {
    padding-bottom: 0;
}

.btnGroup a.btn.back {
   /* background-color: transparent;
    background-image: none;
    color: #fb9200;*/
    float: left;
    margin-left: 0;
    transition-duration: 0.4s;
    transition-property: background-color;
}

.btnGroup a.btn.back:hover {
    background-color: #fb9200;
    color: #fff;
}
#tabCategorieMerceologiche.edit .tooltip.in {
    position: fixed;
}

.homeBox.suppliers #chart1 > span b {
    color: #000;
    font-family: "open_sansbold";
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0;
}

#vendorListFilterTable input#idFilterVendorcode, #vendorListFilterTable input#idFilterRagionesociale, #search_document input#supplier {
    text-indent: 7px;
}

.optWrapper .opt.selected {
    min-height: 17px;
}

#search_document select#document_state, #supplier_state {
    color: #777;
    width: 91%;
}

#tableContoEconomico .tooltip, #tableStatoPatrimoniale .tooltip {
    z-index: 9999999999999;
}


#page-container #main-container .btnGroup a.btn.back.right {
    float: right;
    height: 36px;
}

#questionario .template div.item_desc {
    min-height: 650px;
    padding-bottom: 40px;
}

#page-container #main-container #questionario .template div.item_desc td.label {
    height: 30px;
    line-height: 18px;
    padding-top: 30px;
    width: 88%;
}

#page-container #main-container #questionario .template div.item_desc td.label.large {
	  height: auto;
    min-height: 30px;
    padding-right: 0;
    width: 100%;
}
#page-container #main-container #questionario .template div.item_desc #certificazioniDiv td.label, 
#page-container #main-container #questionario .template div.item_desc #infoFinanziarieDiv td.label, 
#page-container #main-container #questionario .template div.item_desc #certQualSicurezzaDiv td.label,
#page-container #main-container #questionario .template div.item_desc #certificazioniAggDiv td.label, 
#page-container #main-container #questionario .template #new_doc_agg td.label, #page-container #main-container #questionario .template #new_doc td.label, 
#page-container #main-container #questionario .template #new_doc_qual_sic td.label {
    height: auto;
    line-height: inherit;
    padding-top: inherit;
}

#main-container #questionario #new_doc_agg font.testo_rosso, #main-container #questionario #new_doc font.testo_rosso, #main-container #questionario #new_doc_qual_sic font.testo_rosso {
    font-size: 10px;
    margin-right: 5px;
}

#main-container #questionario #new_doc_agg .tableForm input, #main-container #questionario #new_doc_qual_sic .tableForm input {
    width: 100%;
}

#main-container #questionario #new_doc_agg .tableForm .upload-file-container, #main-container #questionario #new_doc .tableForm .upload-file-container, #main-container #questionario #new_doc_qual_sic .tableForm .upload-file-container {
    width: 100%;
}
#main-container #questionario #new_doc_agg .tableForm .upload-file-container input.custom, #main-container #questionario #new_doc .tableForm .upload-file-container input.custom, #main-container #questionario #new_doc_qual_sic .tableForm .upload-file-container input.custom  {
    width: 80%;
	font-size:11px;
}

#questionario .header .btn.pdf_download, #page-container #registration .btn.pdf_download {
    background: rgba(0, 0, 0, 0) url("../img/docPdf.png") no-repeat scroll left center;
    border: medium none;
    color: #ff7700;
    font-family: open_sanssemibold;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    margin-top: 8px;
    padding-left: 22px;
    padding-right: 1%;
    transition-duration: 0.4s;
    transition-property: color;
	-moz-transition-duration: 0.4s;
    -moz-transition-property: color;
	-webkit-transition-duration: 0.4s;
    -webkit-transition-property: color;
}
#questionario .header .btn.pdf_download:hover, #page-container #registration .btn.pdf_download:hover {
    box-shadow: none;
    color: #fb9200;
}


#questionario #new_doc img.ui-datepicker-trigger {
    background-color: red;
    cursor: pointer;
    float: left;
    height: 28px;
    margin-top: -29px;
    opacity: 0;
    width: 100%;
    z-index: 99999999;
}


#registration div.ui-datepicker {
    z-index: 9999999999 !important;
}

#questionario .template #tabQuestionario_S_FoodSafety .header, #questionario .template #tabQuestionario_S_Terms .header {
    height: auto;
}
#questionario .template #tabQuestionario_S_FoodSafety .header h2.title, #questionario .template #tabQuestionario_S_Terms .header h2.title {
    margin-bottom: 0;
}


#questionario #new_doc_agg .upload-file-container span::after, #questionario #new_doc .upload-file-container span::after,
#questionario #new_doc_qual_sic .upload-file-container span::after {
    background-color: #a8c9d9;
    content: "upload";
    cursor: pointer;
    font-family: "open_sanssemibold";
    height: 30px;
    line-height: 30px;
    margin-left: -56px;
    position: absolute;
    text-align: center;
    width: 72px;
    z-index: 2147483647;
}
#questionario #new_doc_agg .upload-file-container, #questionario #new_doc .upload-file-container {
    background-color: transparent;
    box-shadow: none;
    width: 100%;
}

#registration .template #tdprovinciaSedeLegale .SumoSelect {
    z-index: inherit;
}

#registration .template #subCategoryTable.dataTable td, #registration .template #addedCategoryTable.dataTable td {
    vertical-align: inherit;
}

#main-container #search_document label.error {
    float: left;
}

#bank_data input, #bank_data span.formError {
    float: left;
    width: 85%;
}

#bank_data .answer {
  float: none;
  display: block;
  margin: 5px 0;
}
.readonly td.label span.answer {
    background-color: transparent;
    border: none;
    width: 0;
    padding-left: 0;
    font-size: 11px;
    color: #888;
    font-family: open_sansregular;

}

#page-container .template #tabAmbitoAttivita.tabcontent.tableForm table#addedCategoryTable td span, #page-container .template #tabSezioneEconomica.tabcontent.tableForm table#addedCategoryTable td span {
    font-size: 11px;
    text-transform: uppercase;
}


#registration #referentiTable .tooltip {
    text-align: center;
    width: inherit;
}
#registration #referentiTable .tooltip .tooltip-arrow {
    display: inherit;
}


.internal.high.mail h3, .internal.high.access h3 {
    background: #fff url("../img/mail_ico.gif") no-repeat scroll right center / 40px auto;
    color: #000;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
}

.internal.high.access h3 {
    background: #fff url("../img/suppliers_ico.gif") no-repeat scroll 101% center / 40px auto;
}

.homeBox.intro .internal.high table td {
    color: #444;
}

.homeBox.intro.supplier .internal {
    float: left;
    margin-right: 1%;
    width: 30%;
}
.homeBox.intro.supplier > div {
    margin: 0;
    width: 100%;
}
.homeBox.intro.supplier .internal:last-child {
    float: left;
    margin-right: 0;
}


/* nuova homepage fornitori  */


.homeBox.intro {
    background-color: transparent;
    padding-top: 0;
}


.homeBox.intro .internal {
    background-color: #fff;
    border: medium none;
    box-shadow: 0 1px 10px #e2e2e2;
    float: left;
    height: 50px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 2%;
    padding: 2%;
    width: 45%;
} 
.homeBox.intro .internal .title {
    display: none;
}

.homeBox.intro .internal.right, .homeBox.intro .internal.high.access {
    margin-right: 0;
}

.homeBox.intro .internal .content > a {
    background: transparent url("../img/alert_ico.png") no-repeat scroll center bottom;
    color: #fff;
    float: right;
    font-family: open_sansregular;
    font-size: 16px;
    height: 36px;
    line-height: 28px;
    margin-right: -15px;
    margin-top: -20px;
    opacity: 0.8;
    padding-left: 0;
    text-align: center;
    text-decoration: none;
    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: auto;
    min-width: 28px;
    padding-right: 5px;
    padding-left: 5px;
}

.homeBox.intro .internal .content > a:hover{
opacity:1;	
}

.homeBox.intro .internal.left, .homeBox.intro .internal.right {
    background: #fff url("../img/pre_info_doc.gif") no-repeat scroll right center;
    height: 76px;
    padding-bottom: 0;
    padding-top: 0;
}

.homeBox.intro .internal.right {
    background: #fff url("../img/pre_info_sup.gif") no-repeat scroll right center;
}

.homeBox.intro .internal.left .content, .homeBox.intro .internal.right .content {
    color: #469cc6;
    font-family: "open_sansregular";
    line-height: 76px;
}

.homeBox.intro .internal .content {
    font-family: open_sanslight;
    font-size: 16px;
    line-height: 50px;
    width: 100%;
}

.homeBox.intro .internal.high {
    height: 300px;
    padding: 2%;
    width: 45%;
}

.homeBox.intro .internal.high h3 span {
    font-family: "open_sanssemibold";
    font-size: 15px;
    font-weight: normal;
}

.homeBox.intro .internal.high h3 span:first-letter {
    text-transform: uppercase;
}


.homeBox.intro .internal.high .content {
    height: 230px;
}
.homeBox.intro .internal.high .content table td {
    border-bottom: 1px solid #eee;
    border-collapse: collapse;
    font-family: open_sansregular;
    font-size: 12px;
    height: auto;
    line-height: 20px;
    padding: 7px 0;
    text-transform: none;
    width: 50%;
}
.homeBox.intro .internal.high .content table td span {
    float: right;
}
.homeBox.intro .internal.high .content table {
    border-collapse: collapse;
    width: 100%;
}
.internal.high h3 {
    margin-bottom: 5px;
    margin-top: 0;
}
.homeBox.intro .internal.right {
    margin-right: 0;
}

.homeBox.intro .internal.high.access tr td:first-child {
    color: #333;
    font-family: "open_sanssemibold";
}


.homeBox.intro .supplierDoc {
     float: left;
     margin-left: 0px;
     margin-right: 1%;
     padding: 0px;
     width: 49%;
}

.homeBox.intro .supplierDoc .internal.left, .homeBox.intro .supplierDoc .internal.right {
    background-image: none;
    height: auto;
    margin-right: 0;
    width: 100%;
}

.homeBox.intro .supplierDoc .internal.left .content span, .homeBox.intro .supplierDoc .internal.right .content span {
     font-family: "open_sansregular";
     font-size: 14px;
     height: 20px;
     width: 80%;
}

.homeBox.intro.sup .internal.high.mail {
    float: right;
    margin-right: 0;
    width: 44%;
}

.homeBox.intro.sup .internal .content > a {
    font-size: 13px;
    margin-right: -15px;
    min-width: 20px;
    height: 35px;
    background-position: bottom;
    margin-top: -15px;
    line-height: 25px;

}
.homeBox.intro .supplierDoc .internal.left .content, .homeBox.intro .supplierDoc .internal.right .content {
    border-bottom: 1px solid #eee;
    line-height: 62px;
}

.homeBox.intro .supplierDoc .internal.left {
    background: #fff url("../img/pre_info_doc.gif") no-repeat scroll left center;
}
.homeBox.intro .supplierDoc .internal.right {
    background: #fff url("../img/questionsInfo.gif") no-repeat scroll left center;
}
.homeBox.intro .supplierDoc .internal .content {
    float: left;
    margin-left: 18%;
    width: 83%;
}
.homeBox.intro .supplierDoc .internal.left .content.first {
    background: rgba(0, 0, 0, 0) url("../img/toBrowse.gif") no-repeat scroll 97% center;
}
.homeBox.intro .supplierDoc .internal.left .content.second {
    background: rgba(0, 0, 0, 0) url("../img/toUpgrade.gif") no-repeat scroll 97% center;
}
.homeBox.intro .supplierDoc .internal.right .content.first {
    background: rgba(0, 0, 0, 0) url("../img/completed.gif") no-repeat scroll 97% center;
}
.homeBox.intro .supplierDoc .internal.right .content.second {
    background: rgba(0, 0, 0, 0) url("../img/toComplete.gif") no-repeat scroll 97% center;
}


.homeBox.intro.sup .internal.high.mail h3 span {
    color: #000;
    font-size: 14px;
}

.homeBox.intro.sup .internal.high .content {
    height: 186px;
}
.homeBox.intro.sup .internal.high {
    height: 231px;
    padding-top: 17px;
}

.homeBox.intro.sup .supplierDoc .internal .content.second {
    border-bottom: medium none;
}

.homeBox.intro .internal .content:hover > span {
    color: #54b9ea;
    cursor: pointer;
}
.homeBox.intro .internal .content:hover a {
    opacity: 1;
}
.homeBox.intro .internal .content.noElements a {
    background-image: none;
    color: orange;
    float: none;
    font-size: 13px;
    padding-left: 0;
    margin-left: -2px;
}
.homeBox.intro .internal .content.noElements a::before {
    color: #469cc6;
    content: ":";
    margin-left: 0px;
    margin-right: 2px;
    padding-left: 0;
}

/* fine nuova homepage fornitori */


#documents #documents_table, #documents_edit #documents_edit_table {
    border-collapse: collapse;
    margin: 0;
    width: 100% !important;
}
#documents .modal-content > div, #documents_edit .modal-content > div {
    padding-bottom: 20px;
}
#documents .modal-content.small, #documents_edit .modal-content.small {
    padding-bottom: 40px;
    width: 35%;
}
#documents #documents_table td, #documents_edit #documents_edit_table td {
    font-family: open_sansregular;
    padding-left: 0;
}
#documents_edit #documents_edit_table td:last-child {
    text-align: right;
}

#documents #documents_table th, #documents_edit #documents_edit_table th {
    background-position: 0 center;
    padding-left: 15px;
}

#details.modal h4 {
    margin-bottom: 20px;
}

#historyModal .modal-content.small {
    padding-bottom: 40px;
}
#historyModal .modal-content.small table.dataTable {
    margin-bottom: 10px;
    box-shadow: none;
}
#historyModal .modal-content.small .dataTables_info {
    display: none;
}

td.disabled select.SumoUnder, td.disabled div.SumoSelect {
    pointer-events: none;
}
td.disabled div.SumoSelect p label i {
    background-image: none;
}
td.disabled p.CaptionCont.SelectBox {
    background-color: #f3f7f9;
    border: 1px solid #f3f7f9;
}
td.disabled .SumoSelect > .CaptionCont > span {
    color: #7392a2;
}

#registration .template #tabInquadramentoAziendale td img {
    background-color: transparent;
    cursor: pointer;
    display: none;
    margin-left: -2.2%;
    margin-top: 5px;
    opacity: 0.7;
    padding: 5px;
    position: absolute;
    z-index: 99999999;
}
#registration .template #tabInquadramentoAziendale td img:hover {
    opacity: 1;
}
#registration .template #tabInquadramentoAziendale td a.upload::before {
    background-color: #a8c9d9;
    color: #fff;
    content: "Upload";
    cursor: pointer;
    display: inline-block;
    font-family: "open_sanssemibold";
    font-size: 11px;
    height: 34px;
    line-height: 34px;
    margin-left: -70px;
    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;
    width: 70px;
    z-index: 999999999;
}

#registration .template #tabInquadramentoAziendale .upload > span {
    display: none;
}
#registration .template #tabInquadramentoAziendale .upload {
    float: right;
    margin-right: 19px;
    font-weight: normal;
}
#registration .template #tabInquadramentoAziendale td a.upload::before {
    margin-top: 22px;
    position: absolute;
    z-index: 99999999;
}


#registration .template #new_doc .modal-content table {
    border-collapse: collapse;
    width: 100%;
}
#registration .template #new_doc .modal-content table td.label {
    float: none;
    font-family: "open_sansregular";
    width: 16%;
    font-weight: normal;
}

#registration .template #tabInquadramentoAziendale .modal-content .upload .upload-file-container {
    width: 100%;
}
#registration .template #new_doc .modal-content.smaller.cert .upload-file-container .custom {
    width: 60%;
}
#registration .template #new_doc .modal-content.smaller.cert .upload-file-container span {
    padding: 0;
    text-align: center;
    text-indent: 5%;
    width: 40%;
}

#registration .template #new_doc .modal-content.smaller.cert div.upload {
    float: none;
    margin-right: 0;
}

#registration .template #tabAmbitoAttivita .answer label.error {
    margin-top: -9px;
}
#registration .template #tabAmbitoAttivita td.multicheck label.error {
    margin-left: 10px;
    margin-top: 1px;
}

.SumoSelect.sumo_valuta_fatturato span.placeholder, .SumoSelect.sumo_valuta_capitalesociale span.placeholder {
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 76%;
}



.template .registration.first.user .level_2 #subCategoryTable .dateCol {
    pointer-events: none;
}



/* INIZIO status questionari */



#page-container #questionario .tab .tablinks.compiled {
    background: #ddf9ef url("../img/closed_quest.png") no-repeat scroll 0 0;
    border-bottom: 1px solid #b7f3dd;
    color: #12bf80;
    opacity: 0.5;
}

#page-container #questionario .tab .tablinks {
    height: auto;
    line-height: 20px;
    padding: 9px 25px 9px 15%;
    width: 75.2%;
}

#page-container #questionario .template .tab {
    width: 244px;
}
#page-container #questionario .tab .tablinks.expired {
    background: #fef0f2 url("../img/timeout_quest.png") no-repeat scroll 0 0;
    border-bottom: 1px solid #fddde2;
    color: #f73e58;
    opacity: 0.5;
}
#page-container #questionario .tab .tablinks.toCompile {
    background: transparent url("../img/tocompile_quest.png") no-repeat scroll 4px 0;
}
#page-container #questionario .tab .tablinks.compiled.active::before, #page-container #questionario .tab .tablinks.expired.active::before, #page-container #questionario .tab .tablinks.toCompile.active::before {
    background: transparent url("../img/closedArrow.png") no-repeat scroll center center;
    content: ".";
    float: right;
    font-size: 0;
    height: 20px;
    margin-right: -39px;
    margin-top: 0;
    width: 20px;
}
#page-container #questionario .tab .tablinks.expired.active::before {
    background: transparent url("../img/timeoutArrow.png") no-repeat scroll center center;
}
#page-container #questionario .tab .tablinks.toCompile.active::before {
    background: transparent url("../img/compileArrow.png") no-repeat scroll center center;
}

#page-container #questionario .tablinks.toCompile.active {
    color: #fff;
    font-family: "open_sanssemibold";
	background:#f99300 url("../img/tocompile_white.png") no-repeat scroll 4px 0;
}

#page-container #questionario .tab .tablinks.active {
    font-family: "open_sanssemibold";
	opacity:1;
}

#page-container #questionario .tooltip {
    margin-left: 40px;
    margin-top: 15px !important;
    z-index: 99999;
    width:250px;
	text-align:left;
}

#page-container #questionario .tooltip-inner {
    text-align: left;
}


#questionario .tooltip-arrow {
    left: 2% !important;
    margin-left: 2px;
}


/* FINE status questionari */

#ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content {
    float: left;
    height: 30px;
    padding: 0;
    width: 100%;
}
#ui-datepicker-div .ui-datepicker-buttonpane .ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all {
    color: orange;
    float: right;
    font-family: "open_sanssemibold";
    font-weight: normal;
    margin-right: 0;
    opacity: 0.8;
    text-transform: capitalize;
    width: auto;
}
#ui-datepicker-div .ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
    color: orange;
    font-family: "open_sanssemibold";
    margin-left: 0;
    opacity: 0.8;
    text-transform: capitalize;
    width: auto;
}
#ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:hover, #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:hover {
    opacity: 1;
}

#insertionDateTo, #insertionDateFrom {
    text-indent: 8px;
}

#questionario td.read a.download {
    background-color: transparent;
    display: block;
    font-size: 0;
    margin-left: 0;
    height: 34px;
    pointer-events: auto;
    position: absolute;
    visibility: visible;
    z-index: 99999999;
    width: 370px;
}

#questionario td.edit input[type="text"] {
    font-size: 11px;
    padding-right: 20%;
    width: 70%;
}

#questionario td.read input[type="text"] {
    color: #fb9200;
    font-size: 12px;
    opacity: 0.8;
    padding-right: 2%;
    width: 88%;
}

td.read input[type="text"]:hover{
	 opacity: 1;
}


.modal-content.smaller.cert #uploadId_doc .upload-file-container {
    width: 100%;
}
#new_doc .modal-content.smaller.cert #uploadId_doc .upload-file-container input.custom {
    width: 72%;
}
.modal-content.smaller.cert #uploadId_doc .upload-file-container span:hover {
    background-color: #6e9eb6;
    cursor: pointer;
}
.modal-content.smaller.cert #uploadId_doc .upload-file-container span {
    background-color: #a8c9d9;
    height: 31px;
    line-height: 30px;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
    width: 76px;
    transition-property: background-color;
    transition-duration: 0.5s;
}

.font-s13.push span.ico {
    float: left;
    margin-top: 3px;
}


#page-container #main-container #questionario .template div.item_desc #visCertificazioniDiv.tabcontent.tableForm table td.label, #page-container #main-container #questionario .template div.item_desc #visCertificazioniAggDiv.tabcontent.tableForm table td.label {
    height: auto;
    line-height: inherit;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

#vendorListTable th {
    min-width: 80px;
}

#page-container #main-container #questionario #visSicurezzaAlimDiv table tr:first-child td:first-child, #page-container #main-container #questionario #visSicurezzaAlimDiv table tr:nth-child(2) td:first-child, #page-container #main-container #questionario #visForniturePrezziDiv table tr:first-child td:first-child, #page-container #main-container #questionario #visForniturePrezziDiv table tr:nth-child(2) td:first-child {
    padding-top: 0;
}
#page-container #main-container #questionario #visSicurezzaAlimDiv table tr:first-child, #page-container #main-container #questionario #visSicurezzaAlimDiv table tr:nth-child(2), #page-container #main-container #questionario #visForniturePrezziDiv table tr:first-child, #page-container #main-container #questionario #visForniturePrezziDiv table tr:nth-child(2) {
    height: 60px;
    margin-bottom: 0;
}

#modalValidaDocumento.modal .modal-content {
    height: 250px;
    min-height: inherit;
    width: 30%;
}
#modalValidaDocumento.modal .modal-content td {
    font-family: "open_sansregular";
    font-size: 13px;
    line-height: 22px;
    padding-bottom: 20px;
    text-align: center;
}
#modalValidaDocumento.modal .modal-content td .btn {
    float: none;
}

#modalRifiutaDocumento .modal-content table th.label {
    font-family: "open_sansregular";
    font-weight: normal;
    padding-top: 10px;
    text-align: left;
    vertical-align: top;
    width: 36%;
}
#modalRifiutaDocumento textarea#note {
    border: 1px solid #cdcdcd;
    height: 80px;
    max-width: 100%;
    width: 100%;
}
#modalRifiutaDocumento table {
    box-shadow: none;
    margin: 0;
    padding: 0;
}
#modalRifiutaDocumento .modal-content {
    width: 40%;
}

#modalRifiutaDocumento #note_invalid.formError {
    float: left;
    font-family: "open_sansregular";
    text-transform: none;
}
#page-container #questionario #certificazioniDiv .buttons {
    margin-left: 20.2%;
    position: relative;
    width: 71%;
}

#page-container .modal-content.small .tableForm a.btn.refresh, .modal-content .tableForm a.btn.refresh {
    color: orange;
    border: none;
    padding-left: 15px;
    margin-left: 0;
    background: transparent url("../img/resetIcon.png") no-repeat left 10px;
    text-align: left;
    padding-right: 0;
    margin-right: 10px;
}

#page-container .modal-content.small .tableForm a.btn.refresh:hover, .modal-content .tableForm a.btn.refresh:hover {
    background: transparent url("../img/resetIcon.png") no-repeat left 10px;
    box-shadow: none;
    opacity: 0.8;
    cursor: pointer;
}
#page-container .modal-content.small font.testo_rosso {
  display: block;
  margin-top: 3px;
  font-style: italic;
}

#page-container .btnGroup .btn.send {
	text-transform: uppercase;
	font-size: 12px;
	font-family: "open_sanssemibold";
}

#page-container .template .tab .tablinks.seventh {
  height: auto;
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#page-container #registration .tablinks.active.seventh::after  {
  /*! margin-top: -8px; */
}
#tabCondizioniLegali span {
  border: none;
  margin: 0;
}

#tabCondizioniLegali h4.title {
    margin-bottom: 20px;
    font-family: "open_sanssemibold";
    font-size: 14px;
    color: #4b81b3;
}

#tabCondizioniLegali div.control_indicator {
  display: none;
}
#tabCondizioniLegali span .control__indicator {
  display: none;
}
#tabCondizioniLegali span .control.control--checkbox::before {
    content: "-";
    margin-right: 5px;
}
#tabCondizioniLegali span .control.control--checkbox, #tabCondizioniLegali span .control.control--checkbox a {
  padding-left: 0;
  text-transform: none;
  font-family: open_sansregular;
  font-size: 12px;
}

.modifyFiles #uploadfileError.error {
    color: #ff0000;
    text-align: left;
    font-size: 11px;
    position: absolute;
}

/* media queries per interfaccia responsiva */

@media screen and (max-width: 1280px) {
#page-footer .font-s12.push-20.clearfix, .row.push-30-t.items-push-2x {
    margin: 0 12px;
}

##page-container #idSettoreVendite .porto_fast {
    width: 66%;
    margin-top: 0;
    padding-top: 0;
    height: 33px;
    margin-top: -12px;
    float: left;
}
}

@media screen and (max-width: 1100px) {
    #registration .tablinks{
        font-size:11px;
    }
}


@media screen and (max-width: 900px) {
.content.content-boxed {
    padding-left: 0;
}
     #registration .tablinks{
        font-size:10px;
        white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         height: auto;
    }

}


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

.h4.push-20.animated.fadeIn {
    font-size: 1.1em;
    line-height: 1.4em;
    margin: 0 30px;
    padding-top: 30px;
}

.bg-white.where.demo{
	padding-left:0;	
}

}


@media screen and (max-width: 991px) {
  #sidebar {
    width: 100%;
    opacity: 0;
    visibility: hidden;
}
  .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/Niuma_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 (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);
  }
}



@media screen and (min-width: 992px) {
  .header-navbar-fixed.sidebar-l.sidebar-o #header-navbar {
    left: 230px;
  }
  .header-navbar-fixed.sidebar-r.sidebar-o #header-navbar {
    right: 230px;
  }
  
  .header-navbar-fixed.sidebar-l.sidebar-o.sidebar-mini #header-navbar {
    left: 60px;
  }
  
  .header-navbar-fixed.sidebar-r.sidebar-o.sidebar-mini #header-navbar {
    right: 60px;
  }
  
  .content {
  margin: 0 auto;
  /*padding: 16px 14px 1px;*/
  max-width: 100%;
  overflow-x: visible;
}

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

  #page-container.sidebar-r.sidebar-o.sidebar-mini {
    padding-right: 60px;
  }
  
   .side-scroll #sidebar,
  .side-scroll #side-overlay {
    overflow-y: hidden;
  }

 #sidebar {
    width: 230px;
    -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(-170px) translateY(0) translateZ(0);
    -ms-transform: translateX(-170px) translateY(0);
    transform: translateX(-170px) translateY(0) translateZ(0);
  }
  .sidebar-r.sidebar-o.sidebar-mini #sidebar {
    -webkit-transform: translateX(170px) translateY(0) translateZ(0);
    -ms-transform: translateX(170px) translateY(0);
    transform: translateX(170px) translateY(0) translateZ(0);
  }
  .sidebar-o.sidebar-mini #sidebar .sidebar-content {
    width: 230px;
    -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(170px) translateY(0) translateZ(0);
    -ms-transform: translateX(170px) translateY(0);
    transform: translateX(170px) 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;
	height:auto;
}

}

@media screen and (max-width: 768px) {
.platform section .push-50.text-center {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 120px !important;
}

.platform section .push-50.text-center h1{
font-size:1.3em;	
line-height:1.5em;
}

.col-md-6.about.full p{
text-align:left;	
}
.platform section .push-50.text-center .h5{
font-size:1em;	
margin-left: 10px;
margin-right: 10px;
line-height:1.3em;
}

.form-horizontal.news .form-group.left, .form-group.right {
    width: 100%;
}

.form-group.right input{
float:none;
margin:0 auto;
width:100%;	
}

.form-horizontal.news{
height:110px;	
width:75%
}

}

@media screen and (max-width: 500px) {
form .btn.btn-rounded {
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    width: 92%;
}

.form-horizontal.news .btn.btn-rounded{
width:100%;	
	}

.privacy p br{
display:none;	
}
}


@media screen and (min-width: 768px) {
  .page-heading small {
    margin-top: 0;
    display: inline;
    line-height: inherit;
  } 
  
  .content-heading {
    margin-top: 25px;
  }
    .page-heading small {
    margin-top: 0;
    display: inline;
    line-height: inherit;
  }
  
  /*
  .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-boxed {
    margin: 0 auto;
    max-width: 1280px;
    padding-left: 60px;
    padding-top: 50px;
}

.bg-primary-dark.where .content.content-full.content-boxed {
    padding-top: 0;
}
  .content.content-narrow {
    max-width: 95%;
  }
  
   .content-mini {
    margin: 0 auto;
    padding: 13px 30px 1px;
    max-width: 100%;
    overflow-x: visible;
  }
  .content-mini p,
  .content-mini .push,
  .content-mini .block,
  .content-mini .items-push > div {
    margin-bottom: 13px;
  }
  .content-mini .items-push-2x > div {
    margin-bottom: 26px;
  }
  .content-mini .items-push-3x > div {
    margin-bottom: 39px;
  }
  .content-mini.content-mini-full {
    padding-bottom: 13px;
  }
  .content-mini.content-mini-full .pull-b {
    margin-bottom: -13px;
  }
  .content-mini .pull-t {
    margin-top: -13px;
  }
  .content-mini .pull-r-l {
    margin-right: -30px;
    margin-left: -30px;
  }
  .content-mini .pull-b {
    margin-bottom: -1px;
  }
  
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }
    .carousel-indicators {
        bottom: 20px
    }
	
   .modal-dialog {
    margin: 30px auto;
    width: 800px;
}

.modal-dialog.modal-dialog-popin.newsletter {
    width: 700px;
}
    .modal-sm {
        width: 300px
    }

}


@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}


@media screen and (max-width: 680px) {
	.device{
	display:none;		
	}
	
	#page-footer{
		background-color:#f9f9f9;
		border-top:1px solid #eee;
	}
	
	div .buttons.double {
    width: auto;
}

.modal-dialog .demo h3{
	font-size:11.6px;
	line-height:19px;
}
}

@media screen and (max-width: 1000px) {
.content.content-boxed{
padding-left:0;
padding-right:0;	
	}
	
	
	.bg-content {
    background: transparent url("../img/bg_town.jpg") no-repeat scroll center top;
}

.bg-content.end {
    background: transparent url("../img/bg_town_end.jpg") no-repeat scroll center top;
}

.row.items-push-2x.push-50-t.text-center.what .img-avatar-thumb {
    background: transparent url("../img/1_red.jpg") no-repeat scroll center top;
}

.img-avatar-thumb {
    background: transparent url("../img/bg_town.jpg") no-repeat scroll center center;
    display: block;
    height: 133px;
    margin: 5px 5px 20px;
    width: 133px;
}

.bg-gray-lighter.about {
    background: transparent url("../img/4.jpg") no-repeat scroll center top;
    height: 300px;
    margin: 30px auto;
}

.img-avatar-thumb.about {
    background: transparent url("../img/4.jpg") no-repeat scroll center center;
    height: 50px;
    width: 50px;
}

.bg-gray-lighter.about.plat {
    background: transparent url("../img/screen.jpg") no-repeat scroll center top;
    margin-bottom: 0;
}
	
}

@media screen and (min-width: 1000px) {
.scroll-btn-wrapper, .home_slider .push-100-t.push-50.text-center, .end .content.content-boxed {
	padding-left:60px;	
	}
}

@media screen and (max-width: 1024px) {
	
	.col-sm-4 p br {
    display: none;
}

}

@media screen and (max-width: 800px) {
	.content .platform .col-sm-4 {
    height: auto;
    margin-right: 4%;
	margin-left: 4%;
	margin-bottom:40px;
    width: 92%;
}
}

@media screen and (max-width: 800px) {
.events .col-sm-4  {
    padding:0;
	width:100%;
	margin-left:0;
	margin-right:0;
}

.btn.btn-rounded.btn-noborder.btn-lg.btn-success.job{
margin-top:30px;	
}

.events .col-sm-4 .text-center.push {
    float: none;
	width:100%;
}

 .content.content-boxed.events .col-sm-4 p, .cont .buttons {
    text-align: left;
	margin-left:20px;
}

.cont .buttons {
    float: left;
    margin-top: -10px;
    width: 100%;
}

.cont .buttons .share{
float:left !important;	
}

.content.content-boxed.events .col-sm-4 h3{
text-align:center;	
margin:0 20px;
height:30px;
line-height:30px;
}
}

@media screen and (max-width: 700px) {
	
.platform .content.content-full {
    height: 470px;
}


.platform .content.content-full .row.animated.fadeInUp div {
    margin-top: -170px;
    padding: 0;
}

.scroll-btn-wrapper, .home_slider .push-100-t.push-50.text-center, .end .content.content-boxed{
    padding-left:0;
}

#page-container .head img {
    width: 12px;
    height: auto;
    margin-right: 8px;
}

#page-container .head .overDrop img {
    margin: inherit;
}

.modal-dialog .block-content {
    padding: 0 20px;
}

.bg-gray-lighter.about.plat{
height:370px;
}


.bg-gray-lighter.about.plat h2{
	margin-right:10px;
	margin-left:10px;
	font-size:1em;
	}
	
.row.animated.fadeInUp.bg img {
    /*float: left;
    margin-left: 2%;*/
}


.scroll-btn-wrapper {
    padding-left:0;
}

	.bg-primary-dark.about section {
    background-image:none;
}

.bg-primary-dark.about section .push-100-t.push-50.text-center {
    margin-left: 0;
}

.list-timeline .list-timeline-content {
    margin-left: 55px;
	margin-right:20px;
}

.col-md-6.about{
margin-top:40px;	
}

.col-md-6.about p{
margin-right:0;	
}

.centered .row.items-push.push-50-t.push-30 {
    margin: 0 auto;
    width: 92%;
}

.row.animated.fadeInUp.bg .info_intro img, .row.animated.fadeInUp.bg .info_intro a {
    display: block;
    float: none;
    height: 40px;
    margin: 0 auto 15px;
}

.centered .h5.font-w600.push-10 {
    text-align: center;
}

.info_intro {
    font-size: 20px;
	margin-top:150px;
}

.row.items-push.push-50-t.push-30.list a {
    margin-top: 10px;
    width: 80%;
	float:none;
}

.row.items-push.push-50-t.push-30.list p{
text-align:center;	
}

.row.items-push.push-50-t.push-30.list p span{
margin-right:0;	
}

.bg-gray-lighter.about {
padding-top:10px;	
	
}

.h4.push-20.animated.fadeIn {
    font-size: 1.1em;
    line-height: 1.4em;
    margin: 0 30px;
    padding-top: 30px;
}

#page-footer .font-s12.push-20.clearfix {
    margin: 0 12px;
}

.bg-gray-lighter.about {
    height: 330px;
}
	
	.col-md-6.about.full p {
    margin-bottom: 60px;
	font-size:1em;
}

.events .cont {
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
}

.bg-content .content.content-boxed a {
    margin: 70px 20px 20px;
}


	.bg-primary-dark.about section {
    background-image:none;
}

.bg-primary-dark.about section .push-100-t.push-50.text-center {
    margin-left: 0;
}

.list-timeline .list-timeline-content {
    margin-left: 55px;
	margin-right:20px;
}


.h4.push-20.animated.fadeIn {
    font-size: 1.1em;
    line-height: 1.4em;
    margin: 0 30px;
    padding-top: 30px;
}

.img-responsive.pull-b {
    margin: 150px 2% 0;
    width: 96%;
}
}

@media screen and (max-width: 400px) {
.about #cycler{
background-position: 54% 0;	
}
}


@media screen and (max-width: 500px) {
.form-group .col-xs-6{
width:100%;	
}

.form-group{
margin-bottom:0;	
}

.form-group .col-xs-6, .form-group .col-xs-12 {
    margin-bottom: 28px;
}


}

@media screen and (max-width: 600px) {
#page-footer a.auto{
display:block;	
margin-left:23px;
}

#page-footer .space{
display:none;	
}
}

@media screen and (max-width: 400px) {
.content .form-group button {
   width:90%;
}

  .bg-gray-lighter .push-20-t.push-20.text-center .buttons {
    width: 66%;
}

.bg-gray-lighter .push-20-t.push-20.text-center .buttons .btn {
    float: none;
    margin: 0 auto 10px;
    width: 100%;
}

.bg-gray-lighter.about.plat{
height:390px;
}

.bg-gray-lighter.about.plat h2{
margin-top:-20px;
}


.bg-primary-dark.about {
    background-position: -950px top;
}

.bg-gray-lighter.about h2 {
    font-size: 0.9em !important;
	margin-right:15px;
	margin-left:15px;
}

.bg-gray-lighter.about .push-100-t {
margin-top:50px !important;	
}


.bg-primary-dark.about {
    background-position: -950px top;
}

.bg-gray-lighter.about h2 {
    font-size: 0.9em !important;
	margin-right:15px;
	margin-left:15px;
}

.bg-gray-lighter.about .push-100-t {
margin-top:50px !important;	
}

}


@media screen and (min-width: 992px) {
  .bg-image-cover {
    height: 750px;
  }
}
@media screen and (min-width: 1200px) {
  .bg-image-parallax {
    background-attachment: fixed;
  }
}


@media screen and (min-width: 1200px) {
  .block-content.block-content-narrow {
    padding-left: 10%;
    padding-right: 10%;
  }
}


@media screen and (min-width: 1030px) {
.slider_box.bg {
    background-attachment: fixed;
    background-size: cover;
}

}


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

@media screen and (max-width: 767px) {
  .nav-header .header-search {
    display: none;
  }
  .nav-header .header-search.header-search-xs-visible {
    position: absolute;
    top: 60px;
    right: 0;
    left: 0;
    z-index: 999;
    display: block;
    width: 100%;
    border-top: 1px solid #f9f9f9;
  }
  .nav-header .header-search.header-search-xs-visible > form {
    padding: 14px 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
  }
}

@media screen and (min-width: 768px) {
  .list-timeline {
    padding-top: 20px;
  }
  
.list-timeline::before {
    background-color: #f5f5f5;
    bottom: 0;
    content: "";
    display: block;
    left: 34px;
    position: absolute;
    top: 25px;
    width: 2px;
    z-index: 1;
}

  .list-timeline > li {
    min-height: 40px;
    width: 400px;
    z-index: 2;
}
  .list-timeline > li:last-child {
    margin-bottom: 0;
  }
  .list-timeline .list-timeline-time {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    width: 90px;
    background-color: transparent;
  }
.list-timeline .list-timeline-icon {
    background: transparent url("../img/2_bis.jpg") no-repeat fixed center top;
    height: 50px;
    width: 50px;
    z-index: 2 !important;
	left:10px;
}
 .list-timeline .list-timeline-content {
    padding-left: 50px;
    width: 400px;
}
}

@media screen and (min-width: 992px) {
  .pulldown {
    top: 150px;
  }
}

@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}


@media print {
  #page-container,
  #main-container {
    padding: 0 !important;
  }
  #header-navbar,
  #sidebar,
  #side-overlay,
  .block-options {
    display: none !important;
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}


@media (max-width: 600px) {

#page-footer .pull-left, #page-footer .pull-right {
    display: block;
    float: none;
    width: 100%;
}

#page-footer .pull-left img {
    width: 138px;
}

#page-footer{
background:url("../img/footer_bg.gif") repeat-x bottom #fff;	
	
}

#page-footer .pull-right {
    display: block;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    padding: 10px 0 0;
    width: 100%;
}

}


@media (max-width: 767px) {
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table!important
    }
    tr.visible-xs {
        display: table-row!important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block!important
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline!important
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block!important
    }
	
	video{
	max-height: 394px !important;	
	width:auto!important;
		}
		
	.welcome {
    float: left;
    margin-bottom: 40px;
    margin-top: 25px;
	font-size:12px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table!important
    }
    tr.visible-sm {
        display: table-row!important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block!important
    }
	
	
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table!important
    }
    tr.visible-md {
        display: table-row!important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block!important
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table!important
    }
    tr.visible-lg {
        display: table-row!important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block!important
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline!important
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block!important
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none!important
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none!important
    }
}

td.dateCol img.guide {
    width: 12px;
    margin-top: 2px;
    margin-right: 0;
    padding-right: 0;
    margin-left: -20px;
    position: absolute;
}

span.docRejected img.guide {
    width: 12px;
    margin-top: 2px;
    margin-right: 0;
    padding-right: 0;
    margin-left: -20px;
    position: absolute;
}

/* riadeguamenti al vecchio portale - da cancellare per ripristinare stili nuovi */

#search_document .btn {
  background-color :#1b9cf9;
    background-image: -moz-linear-gradient(center top , #1b9cf9, #158fe7);
	background: -webkit-linear-gradient(top,#1b9cf9, #158fe7);
	background: -linear-gradient(top,#1b9cf9,#158fe7);
    border: 1px solid #1382d9;
	 box-shadow: 0 1px 1px #ddd;
	-moz-box-shadow: 0 1px 1px #ddd;
	-webkit-box-shadow: 0 1px 1px #ddd;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	color: white;
	cursor: pointer;
	font-family: open_sanssemibold;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	transition-property: background-color;
	-webkit-transition-property: background-color;
    -moz-transition-property: background-color;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
}

#search_document .btn:hover{
  background-color: #33a8fd;
	background-image:none;
	border:1px solid #1b9cf9;
}
.dropUtente a {
	color: #63b3ed;
}

.dropUtente a:hover {
	opacity: 0.8;
	color: #63b3ed;
}

.overDrop:hover > .areaUtente{
	color: #63b3ed;
	border: 1px solid #fff;
}

.overDrop .areaUtente{
	background-color: #1181da;
	border: 1px solid #1181da;
}

/* fine riadeguamenti al vecchio portale  */




 #page-container #tabSezioneEconomica table#addedCategoryTable tr td,
#page-container #tabAmbitoAttivita table#addedCategoryTable tr td, #page-container #tabAmbitoAttivita table tr td{
    float: left;
    margin-bottom: 20px;
    margin-right: 0;
    max-width: inherit;
    padding-bottom: 0;
    padding-top: 0;
    width: 32%;
}

#users.omoList.area thead th {
  border-top: none;
}
#users.omoList.area thead tr.tableSearch th {
  border-top: 1px solid #eee;
}

#supplierListTable.provider.dataTable tr td:nth-child(4), #supplierListTable.provider.dataTable tr td:nth-child(5) {
    color: #888;
    font-style: italic;
    letter-spacing: 0.1px;
}

.tableForm.readonly td span.profile {
    width: 90.9%;
    padding-left: 1%;
    padding-right: 2%;
}

.tableForm td {
  width: 10%;
}
.tableForm td#tdRuolo input.readonly, .tableForm td input.readonly.valid {
    width: 92%;
    padding-right: 2%;
    background-color: #f3f7f9;
    border: 1px solid #f3f7f9;
    color: #7392a2;
}

.tableForm td input.readonly.valid {
    width: 84%;
}

.dropUtente .change {
  width: 20px;
  height: 20px;
  background-color: transparent;
  float: right;
  position: absolute;
  right: 15px;
  top: 20px;
  cursor:pointer;
}

.dropUtente .change a {
    opacity: 0.8;
    background-color: transparent;
    width: 24px;
    height: 24px;
    text-align: center;
    margin: 0;
    background-color: #f4fafe;
    border-radius: 30px;
    line-height: 24px;
}

.dropUtente .change a:hover{
opacity:1;	
}

.dropUtente .change a img {
    margin: 5px 0 0 0;
    height: 13px;
    width: 13px;
}

.dropUtente .tooltip-inner {
  width: 120px;
  margin-left: 80px;
  text-align: center;
  margin-top: 11px;
  font-family: "open_sansregular";
}

/* Questionari allineamento label su due e tre righe */

#page-container #questionario tr.inline td {
  height: 40px !important;
  margin-bottom: 20px !important;
}
#page-container #questionario tr.inline td.label {
  margin-top: 10px;
  margin-bottom: 0 !important;
}
#page-container #questionario tr.inline {
  height: 120px;
  margin-top: 10px;
}

/* fine allineamenti */

#email_list .tableSearch td .SumoSelect p {
  font-weight: normal;
  font-family: "open_sansregular";
  height: 20px;
}
#email_list .tableSearch .SumoSelect {
  height: 17px;
  font-size: 11px;
  font-weight: normal;
  width: 100%;
}
#email_list .tableSearch .SumoSelect span {
  font-size: 11px;
  font-weight: normal;
  font-family: "open_sansregular";
}
#email_list .tableSearch .SumoSelect p {
  padding-top: 3px;
  padding-bottom: 3px;
}
#email_list .tableSearch .SumoSelect label i {
  background-size: 24px;
}
#email_list .tableSearch .SumoSelect .options li.opt label {
  font-weight: normal;
  font-size: 11px;
  font-family: "open_sansregular";
  white-space: normal;
}

#email_list .tableSearch .SumoSelect.open .optWrapper {
    top: 25px;
    border-top: none;
}

#email_list .dataTables_empty {
    z-index: 888;
}

#email_list tr.tableSearch th:nth-child(4), #email_list tr th:nth-child(4) {
    max-width: 330px;
    width: 330px;
}

/* inizio storico documenti da validare e modal */

#historyTableDialog td:first-child img {
  float: right;
  margin: 0;
  width: 15px;
}
#historyTableDialog td .docName {
    color: #1cb5f5;
    float: left;
    white-space: normal;
    overflow: hidden;
    width: 80%;
    text-overflow: ellipsis;
    font-size: 11px;
    opacity: 0.8;
    font-family: "open_sanssemibold";
}
#historyTableDialog td .docName:hover {
    opacity: 1;
}
#historyModal table#historyTableDialog td {
    width: 5%;
}

#historyTableDialog td:first-child{
 width:10%; 
}

span.docRejected, span.docValidate, span.docExpired {
    background-color: #fe586b;
    color: #fff;
    width: 60px;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: "open_sanssemibold";
    font-size: 11px;
    margin-left: 20px;
}
span.docValidate {
  background-color: #4eca60;
}

#historyModal th:first-child, #historyModal td:first-child {
    padding-left: 0;
}

#historyModal .content.mCustomScrollbar {
    height: 380px;
	margin-bottom:10px;
}

span.docStatus {
    font-style: italic;
    color: #777;
    margin-left: 20px;
    display: inline-block;
    width: auto;
    text-align: center;
}

.modal-content span.docStatus, .modal-content span.docRejected, .modal-content span.docValidate, .modal-content span.docExpired {
    margin-left: 0;
}

/* fine storico documenti da validare e modal */

#modalRifiutaDocumento table tr {
  display: block;
  width: 100%;
}
#modalRifiutaDocumento table tr td, #modalRifiutaDocumento .modal-content table tr th.label {
  width: 100%;
  display: block;
  max-width: 100%;
}
#modalRifiutaDocumento table tr td textarea {
  font-family: "open_sansregular";
  font-size: 12px;
  color: #666;
  line-height: 17px;
  width: 98% !important;
  padding: 1%;
}
#modalRifiutaDocumento .modal-content.small {
  width: 30%;
}

#modalRifiutaDocumento #note_invalid.formError {
    width: 100%;
    margin-bottom: 10px;
}

.genericError {
  padding-left: 7%;
  width: 88%;
  padding-right: 0;
  margin-left: 2%;
  margin-top: 0;
  margin-top: -20px;
  margin-bottom: 20px;
  border: 1px solid #f4cccc;
  padding-top: 8px;
  padding-bottom: 9px;
  opacity: 0.9;
}
#page-container .modal-content a#annullaModifica.btn {
  background-image: none;
  color: orange;
}
#page-container .modal-content a#annullaModifica.btn:hover {
  color: #fff;
}

.contents table.dataTable thead .sorting_asc, .contents table.dataTable thead .sorting_desc, .contents table.dataTable thead .sorting {
    background-size: 11px;
}

#dettaglioModal #dettaglioTableDialog th:first-child, #dettaglioModal #dettaglioTableDialog td:first-child {
  width: 0;
}

#dettaglioModal .modal-content{
  width: 80%
  }
 
#search_document .SumoSelect.sumo_document_id select, #search_document .SumoSelect.sumo_document_id p, #search_document .SumoSelect.sumo_document_id span, #search_document .SumoSelect.sumo_document_id div {
  width: 100%!important;;
  padding-right: 0;
}
#search_document .SumoSelect.sumo_document_id span {
    width: 91% !important;
}
#search_document .SumoSelect.sumo_document_id {
  width: 88%;
  padding-right: 10px;
}
#search_document .SumoSelect > .optWrapper {
  width: 100%;
}
#search_document .SumoSelect > .optWrapper ul li label {
  white-space: normal;
}


#page-container .template .tabcontent.tableForm table#referentiTable span {
    font-size: 12px;
    font-family: "open_sansregular";
    margin-bottom: 2px;
    margin-top: 0;
}

#page-container #questionario #visForniturePrezziDiv td.label {
    color: #333;
    font-family: "open_sansregular";
    font-size: 12px;
    height: 32px;
    letter-spacing: -0.2px;
    line-height: 20px;
    margin-bottom: 0;
    text-transform: none;
    width: 96.6%;
    
}

#page-container #questionario #visForniturePrezziDiv{
 padding-top: 30px;   
}

#historyModal .modal-content.small .buttons {
  right: 0;
}

#page-container .contents table#documents.dataTable thead th.actions:last-child {
    text-align: right !important;
    padding-left: 4px !important;
    padding-right: 15px !important;
}

#documentiTable span.docRejected, #documentiTable span.docValidate, #documentiTable span.docExpired {
  margin-left: 0;
}
#documentiTable .actions {
  text-align: right;
}
#documentiTable th.actions {
  text-align: right !important;
}

#documentiTable th.actions:last-child, #documentiTable td.actions:last-child {
  text-align: center !important;
}

#documentiTable tr td:first-child, #tableRiepDocumenti td:first-child {
    font-family: "open_sanssemibold";
    letter-spacing: -0.1px;
    color: #666;
}

#vendorListTable tr td:last-child {
    text-align: center;
}

a img.change {
    width: 16px;
    margin-bottom: 4px;
    height: auto;
}

.modal-content .close {
    opacity: 1;
    font-size: 0;
}

#modify_modal .modal-modify {
  width: 70%;
  margin: 0 auto;
  background-color: #fff;
  height: auto;
  margin-top: -20px;
  padding-bottom: 55px;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 10px;
}

.modal-modify h4.title {
	height: 40px;
    line-height: 40px;
    margin-top: 0;

}

.modal-modify h4.title span {
   font-size: 16px;

}
.modal-modify .note-editor.note-frame {
  border: none;
  font-size: 12px;
  line-height: 22px;
}

.modal-modify .close {
    font-size: 0;
    opacity: 1;
    margin-top: 10px;
    margin-right: 0;
}
.modal-modify .note-statusbar {
  display: none;
}
.modal-modify .buttons {
    margin-right: 0px;
    border-top: 1px solid #ddd;
    padding-top: 16px;

}
.modal-modify .note-editor.note-frame .note-editing-area .note-editable {
    background-color: #fff;
    height: auto !important;
    max-height: 400px;
    min-height: 200px;

}
.modal-modify .note-editor.note-frame .note-editing-area .note-editable p, .modal-content.email p {
    color: #000;
    font-size: 13px;
    font-family: "open_sansregular";
    margin-bottom: 2px;

}
/* configurazioni - email */

a img.change {
  width: 16px;
  margin-bottom: 4px;
  height: auto;
}

#tableMailText th{
  border-top:1px solid #eee;
}

#tableMailText td:nth-child(2), #tableMailText td:nth-child(5) {
  width: 26%;
}

#tableMailText td:nth-child(3), #tableMailText td:nth-child(6){
  min-width:70px
}

#tableMailText th:nth-child(3), #tableMailText th:nth-child(5){
  font-size:0;
    min-width:70px;
    color:#fff;
}

#tableMailText td:nth-child(1), #tableMailText th:nth-child(1), #tableMailText td:nth-child(3), #tableMailText th:nth-child(3){
  border-right:1px solid #eee;  
}
#tableMailText td:last-child, #tableMailText th:last-child{
  border-left:1px solid #eee;
  border-right:1px solid #eee;
  width:10%
}

#tableMailText td:first-child, #tableMailText th:first-child{
  border-left:1px solid #eee;
}

.modal-content.email {
    width: 60%;
    padding-bottom: 50px;
    min-height: inherit;
}
.modal-content.email p a {
    color: blue;
}

.modal-content.email #content_modal_body div {
  font-size: 12px;
  line-height: 21px;
  margin-bottom: 30px;
  font-family: "open_sansregular";
}

.modal-content.email ul li {
  font-family: "open_sansregular";
  color: #000;
  font-size: 13px;
  margin-bottom: 5px;
}
.modal-content.email ul li a {
  color: blue;
}
.modal-content.email b {
  font-weight: normal;
  font-family: "open_sansbold";
}

#modify_subject_body {
  padding: 0;
  width: 98%;
  float: left;
  padding: 1%;
  padding-top: 0;
}
#modify_subject_body div input#subjectMail {
    padding: 0;
    width: 100%;
    min-height: 24px;
    margin-bottom: 10px;
    white-space: normal;
    overflow-x: hidden;
    height: auto;
    text-overflow: ellipsis;
    text-indent: 8px;
    font-size: 11px;
    font-family: "open_sanssemibold";
}
 #modify_modal h4.title span.label {
  font-size: 12px;
  text-transform: uppercase;
   font-family: "open_sanssemibold";
   margin-bottom: 0;
  margin-top: 20px;
  display: block;
}

/* fine configurazioni - email */


.contents .dataTables_info, .contents .dataTables_length {
    float: left;
    text-align: left;
}


.template .modal-content.smaller.cert a.btn {
  background-image: none;
  background-color: #fb9200;
}
.template .modal-content.smaller.cert a.btn.refresh, #annullaModifica {
  background-color: transparent;
}
.template .modal-content.smaller.cert a.btn.refresh{
background:transparent url("../img/resetIcon.png") no-repeat left 10px;
}

.break {
    word-break: break-all;
}

span.suggestion {
    font-family: open_sanssemibold;
    color: black;
    margin-left: 0;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    text-indent: 0;
    display: inline-block;
    padding-left: 15%;
    margin-bottom: 10px;
    background-color: lightyellow;
    opacity: 0.75;
    width: 75.2%;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 1px 4px 0 #ddd, 0 0 0 1px #f5f5f5;
	-moz-box-shadow: 0 1px 4px 0 #ddd, 0 0 0 1px #f5f5f5;
	-webkit-box-shadow: 0 1px 4px 0 #ddd, 0 0 0 1px #f5f5f5;
}


#loginForm #test {

    float: left;
    margin-top: -12px;
    position: absolute;
    margin-left: 35px;

}


span.suggestion:before{
    content:"i";
    border:1px solid orange;
    color:orange;
    border-radius:50px;
    display: inline-block;
    text-align: center;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 11px;
    position: absolute;
    margin-left: -23px;
    margin-top:2px;
}

#page-container .double_right.date{
  float: none;
  width: 23%;
}

#page-container .double_right.date input[type="checkbox"]{
  float: left;
  text-align: left;
  width: 12px;
  height: 12px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 8px;
}

#page-container .double_right.date p{
  width: 30%;
  float: left;
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 11px;
  line-height: 14px;
  margin-top: 10px;
}

#page-container .double_right.date input.hasDatepicker{
  float: left;
  width: 43%;
  margin-top: 5px;
  margin-left: 5%;
}


#page-container .tableForm .double_right.date input.hasDatepicker:disabled{
  color: #ddd;
  pointer-events: none;
  background-image:none!important;
}

#page-container .double_right.date label.error {
    position: absolute;
    margin-top: 40px;
}

/* porto fast */

tr.spacer td {
padding-top: 45px;
}

.porto_fast {
    font-size: 11px;
    font-family: "open_sanssemibold";
    color: #444;
    width: auto;
    float: left;
    font-weight: normal;
}

#page-container .porto_fast {
    width: 50%;
    float: right;
}

#registration .porto_fast label.control.control--checkbox {
    float: none;
    width: auto;
    clear: none;
    font-size: 10px;
    margin-right: 4px;
    padding-left: 18px;
    margin-left: 9px;
}

#registration #porti_list > label {
    width: 40%;
    float: left;
    line-height: 15px;
    float: left;
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 8px;
}

#registration #porti_list::after {
    content: ".";
    color: #fff;
    font-size: 0;
    float: left;
    height: 50px;
    width: 100%;
}

.porto_fast .control__indicator {
  border-radius: 50px;
  width: 13px;
  height: 13px;
  margin-top: 1px;
}

.porto_fast .control--checkbox .control__indicator::after{
  content: ".";
  border: none;
  left: 0;
  font-size: 30px;
  width: 3px;
  height: 3px;
  font-size: 0;
  background-color: #fff;
  float: left;
  border-radius: 50px;
  margin-left: 5px;
  margin-top: 1px;
}
.porto_fast .control:hover input:checked:not([disabled]) ~ .control__indicator, .porto_fast .control input:checked:focus ~ .control__indicator, .porto_fast .control input:checked ~ .control__indicator {
    background: #689bb4 none repeat scroll 0 0;
}

#porti_container.mCustomScrollbar {
    max-height: 250px;
    margin-bottom: 25px;
    width: 92%;
    float: left;
    margin-top: 8px;
}
#page-container #porti_container.mCustomScrollbar{
    width: 82%;
}
#porti_container.mCustomScrollbar::after {
    content: ".";
    background-color: transparent;
    width: 100%;
    display: block;
    background: transparent url("../img/bottomScroll.png") repeat-x bottom;
    height: 60px;
    font-size: 0;
    margin-top: -60px;
    position: relative;
}

.porti_info {
    float: left;
    font-family: "open_sansregular";
    font-size: 11px;
    width: 93%;
    line-height: 18px;
    margin-bottom: 0;
    font-weight: normal;
}

#page-container .porti_info{
    width: 82%;
}

.porti_info b{
    font-weight: normal;
    font-family: open_sansbold;
    color:#000;
}
#tdPortiServiti {
    margin-top: 20px;
    float: right;
}

#porti_fast_error.error {
    color: #ff0000;
    font-family: open_sansregular;
    font-size: 11px;
    float: left;
    margin-top: 5px;
    font-weight: normal;

}


.addNumber .number {
    margin-left: -27px;
    font-size: 15px;
    font-family: open_sanslight;
    color: orange;
    margin-top: 0px;
    width: 20px;
    text-align: right;
    position: absolute;
}
.tableForm td.addNumber, .addNumber {
    font-family: open_sansregular;
    font-size: 12.4px;
    line-height: 19px;
    max-width: inherit;
    width: 100%;
    font-weight: normal;
    color: #000;
}
.addNumber b {
    font-weight: normal;
    font-family: "open_sanssemibold";
    text-transform: uppercase;
    color: #000;
    display: block;
    margin-bottom: 2px;
    margin-top: 10px;
}
.addNumber b:nth-child(2) {
 margin-top: 0;
}

.divQA {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

#registration .divQA span.addNumber, #registration .divQA span.answer {
  float: left;
  display: inline-block;
  clear: none;
}

#registration .divQA span.addNumber {
  width: 46% !important;
  margin-top: -4px;
}

 #registration .divQA span.answer {
  width: 44% !important;
  float: right;
}

#registration .divQA span.answer select, #registration .divQA span.answer p{
    width: 100%;
    box-sizing: border-box;
    height: 32px;
    float: right;
}

#registration .template .antibriberyQuestions .answer label.error {
  background-color: transparent;
  position: relative;
  font-size: 10px;
  margin-top: 0px
}

#registration .template .antibriberyQuestions label.error {
  background-color: transparent;
  position: relative;
  font-size: 10px;
  font-family: open_sansregular;
  margin-top: 0px;
  margin-bottom: 5px;
}

/* versione interna questionari - sola lettura */

#page-container #antibriberyQuestionsTable h3 {
  font-weight: normal;
  margin-top: 0;
  text-transform: none;
  font-size: 14px;
  margin-bottom: 5px;
  color: #4b81b3;
   
  margin-top: 25px;
}
#page-container .template .tabcontent .addNumber span.number {
  margin-top: 0px;
  float: left;
  border: none;
  min-height: inherit;
  padding: 0;
  line-height: inherit;
  font-size: 15px;
  width: 20px;
  color: orange;
}
#page-container .template .tabcontent textarea {
    border-left: none;
    background-color: transparent;
    font-size: 11px;
    font-family: open_sanslight;
    height: 30px;
    width: 90%;
    line-height: 18px;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: none;
}
#page-container .template .tabcontent.tableForm td.addNumber, #page-container .template .tabcontent.tableForm span.addNumber {
    font-family: open_sansregular;
    color: #000;
    max-width: 80%;
    line-height: 19px;
    border: none;
    margin-bottom: 4px;
    padding-bottom: 0;
    height: inherit;
    font-size: 12.4px;
}

#page-container .template .tabcontent.tableForm table .divQA p span {
    padding: 0;
    height: auto;
    border: none;
    margin: 0;
    min-height: inherit;
}

#page-container .template .tabcontent.tableForm td.addNumber{
    padding-bottom: 18px;
    color: #666;
    font-size: 12px;
}

#page-container .template .tabcontent.tableForm td.addNumber b{
    font-size: 11px;
    color:#000;
}
#page-container .template .tabcontent.tableForm table span.answer {
  width: 100%;
  margin-bottom: 0;
  border: none;
  margin-top: 0;
  padding: 0;
}

#page-container .template .tabcontent.tableForm table span.explanation {

    width: 81%;
    max-width: 100%;
    background-color: transparent;
    border-bottom: none;
    height: auto;
    min-height: inherit;

}
#page-container .template .tabcontent.tableForm table span.explanation input {

    width: 81%;
    border: 1px solid #ddd;
    font-family: "open_sansregular";
    box-sizing: border-box;
    font-size: 11px;
    max-width: 100%;

}

#page-container .template .tabcontent.tableForm table span.explanation input:disabled{
    background-color: transparent;
    border: none;
    margin: 0;
    height: auto;
    font-size: 11px;
    font-family: open_sanslight;
    color: #666;
    text-indent: 0;
    border-bottom: 1px solid #e2e2e2;
}

#page-container .template .tabcontent.tableForm table span.answer textarea:disabled {
    border-left: none;
    background-color: transparent;
    font-size: 11px;
    font-family: open_sanslight;
    height: 30px;
    width: 90%;
    line-height: 18px;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: none;
}

#page-container .template .tabcontent.tableForm table span.answer textarea:disabled {
    border-left: none;
    background-color: transparent;
    font-size: 11px;
    font-family: open_sanslight;
    height: 30px;
    width: 90%;
    line-height: 18px;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: none;
}

#page-container .template .tabcontent.tableForm table span.answer textarea {
    background-color: transparent;
    font-size: 11px;
    font-family: open_sanslight;
    height: 30px;
    width: 90%;
    line-height: 18px;
    border: 1px solid #e2e2e2;
    box-shadow: none;
    box-sizing: border-box;
    max-width: 90%;
    padding: 5px;
    margin-top: 5px;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-property: border-color;
}

#page-container #registration .antibriberFilled .divQA .addNumber, #page-container #registration .antibriberFilled .divQA .answer {
  width: 90% !important;
  float: none;
  display: block;
  max-width: inherit;
}
#page-container #registration .divQA .answer p {
  border: none;
  padding-left: 0;
}
#page-container #registration .antibriberFilled .divQA .answer p label {
  display: none;
}

.antibriberFilled .divQA .answer .SumoSelect {
border: none !important;
margin-left: -10px;
margin-top: -5px;
}

.antibriberFilled .explanation input {
margin-top: 10px !important;
}

#page-content #tabAntibribary {
  width: 50% !important;
}
#page-container .template .tabcontent.tableForm table#antibriberyQuestionsTable {
  width: 96%;
  margin: 0 auto;
}

#page-container .template .tabcontent.tableForm table#antibriberyQuestionsTable tr:first-child td{
    padding-top:0;
    
}

#page-container .template .tabcontent.tableForm table#antibriberyQuestionsTable tr:first-child td h3{
    margin-top:0;
    
}

#page-container #antibriberyQuestionsTable .divQA .SumoSelect p.CaptionCont span{
    height: auto;
    padding-bottom: 0;
    line-height: 25px;
}


#page-container #antibriberyQuestionsTable .divQA .SumoSelect li.opt span i{
    margin: 0;
    margin-top: 4px;
    margin-left: 8px;
}

#antibriberyQuestionsTable .divQA .addNumber {
    width: 46% !important;
    margin-top: -4px;
}

.template #antibriberyQuestionsTable .answer {

	float: unset !important;

}

#page-container #categoriePage td.inline span {
    border: none;
    display: inline;
    width: 100%;
    margin-right: 8px;
    height: auto;
    min-height: inherit;
    margin-bottom: 0;
    white-space: nowrap;
    padding-bottom: 0;
}
#page-container td.inline span.role img{
    display: inline-block;
    margin-bottom: -2px;
        cursor:pointer;
}
#page-container #categoriePage td.inline span.label{
  display: inherit;
  width: 100%;
  margin-right: 0;
  height: inherit;
}

#page-container .template #categoriePage table#addedCategoryTable td {
  float: none;
  width: 33%;
}

#page-container .template #tabSezioneEconomica #categoriePage table#addedCategoryTable td,
#page-container .template #tabAmbitoAttivita #categoriePage table#addedCategoryTable td{
  float: left;
  width: 32%;
}
#page-container .template #tabSezioneEconomica #categoriePage table#addedCategoryTable td span,
#page-container .template #tabAmbitoAttivita #categoriePage table#addedCategoryTable td span{
     font-size: 11.3px;
    margin-top: 5px;
    max-width: 90%;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    height: 20px;
    color: #555;
    min-height: 25px;
    line-height: 15px;
}
#page-container .template #tabSezioneEconomica #categoriePage table#addedCategoryTable td span.label,
#page-container .template #tabAmbitoAttivita #categoriePage table#addedCategoryTable td span.label{
border:none;
font-size: 11px;
margin-bottom: 0;
margin-top: 0;
border: none;
padding-bottom: 0;
height: 20px;
min-height: inherit;
line-height: 13px;
}
#page-container .template #categoriePage table#addedCategoryTable td span {
  border: none;
  height: auto;
  padding: 4px 0;
  margin: 0;
  min-height: inherit;
}

#page-container .template #categoriePage table#addedCategoryTable tr:first-child td span {
  text-transform: uppercase!important;
  color: #333;
  font-size: 11px;
  padding: 0;
}

td.inline .mCustomScrollbar {
  height: 76px;
  width: 88%;
  float: left;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 4px;
  margin-bottom: 20px;
  border-left: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-radius: 2px;
  margin-top: 5px;
}


#page-container .template #tabReferenti.tableForm tr td {
  width: auto;
  font-size: 11px;
  padding-bottom: 5px;
  padding-top: 5px;
}

#page-container .template #tabReferenti.tableForm tr td:nth-child(3){
  width: 20%;
}

#page-container .template #tabReferenti.tableForm tr td:last-child, #page-container .template #tabReferenti.tableForm tr td:nth-child(7),
#page-container .template #tabReferenti.tableForm tr th:nth-child(7){
  width: 8%;
  text-align: center;
  text-transform: uppercase;
}

#page-container .template #tabReferenti.tableForm tr td:last-child img{
  width: 15px;
}

#page-container .template #tabReferenti.tableForm tr th {
  font-size: 10.6px;
  padding-bottom: 5px; 
}

.template .level_2.mCustomScrollbar:after, .template .level_1.mCustomScrollbar:after,  .template .level_3.mCustomScrollbar:after{
     content: ".";
    background-color: transparent;
    width: 100%;
    display: block;
    background: transparent url("../img/bottomScroll.png") repeat-x bottom;
    height: 60px;
    font-size: 0;
    margin-top: -60px;
    position: relative;
}


span.no_list {
  background: #f2f8fc url("../img/msg.png") no-repeat scroll 8px center;
  border: 1px solid #ebf3fa;
  color: #5a90b6;
  width: 80%;
  float: left;
  font-size: 11px;
  padding: 4px 25px;
  box-sizing: border-box;
  background-size: 12px;
}

.explanation {
    float: unset !important;
}

#page-container #tabAntibribery .blue_message {
    background-color: #fef7eb;
    background-image: none;
    text-indent: 10px;
    width: 78%;
    border: 1px solid #f6ddb7;
    color: #e38f2c;
    opacity: 0.8;
}

#page-container #tabAntibribery .blue_message:before{
  margin-top: 2px;
  content:"i";
  font-size: 13px;
  width: 15px;
  height: 15px;
  border:1px solid #e38f2c;
  border-radius: 50px;
  float: left;
  text-align: center;
  opacity:0.7;
  text-indent: 0;
  line-height: 15px;
  font-weight: bold;
}

.innerMenu label.control:last-child, #registration #subCategoryTable  {
margin-bottom: 55px;
}

#page-container #categoriePage #addedCategoryTable td.inline span {
  white-space: inherit;
}
#page-container .template #tabAmbitoAttivita #categoriePage table#addedCategoryTable td.inline span.role{
  border: none;
  margin-top: 6px;
  height: auto;
  min-height: inherit;
  padding: 0;
}

#page-container #categoriePage td.inline div p{
  font-size:11px;
  padding:5px 0 5px 5px;
  width: 100%;
  box-sizing: border-box;
}
#categoriePage span.label em {
    font-size: 10px;
    text-transform: lowercase;
    font-weight: normal;
    font-family: open_sansregular;
    letter-spacing: -0.1px;
    white-space: nowrap;
}

#page-container #categoriePage td.inline.border, td.inline.border{
  border-bottom: 1px solid #ddd;
  width: 29%;
  margin-right: 3%;
}
#page-container #categoriePage td.inline.border span.role, td.inline.border span.role {
  min-height: 25px;
  padding-bottom: 4px;
  float: left;
  width: auto;
}

#page-container #categoriePage td.inline.border span.role:before, td.inline.border span.role:before{
  content:"-";
  margin-left: 0;
  color:#000;
  padding-left: 0;
  text-align: left;
  margin-right: 6px;
  width: auto;
  font-weight: bold;
}

#page-container #categoriePage td.inline.border span.label, td.inline.border span.label{
  height: 20px;
}

#page-container .template #tabAmbitoAttivita #categoriePage table#addedCategoryTable td.inline.large {
  width: 68%;
}

#page-container .template #tabAmbitoAttivita #categoriePage table#addedCategoryTable td.inline.large p{
  padding: 10px;
}

span.upper {
 text-transform: uppercase;
}
#auctionForm .modal-content div.buttons {
    display: inline-block;
    float: right;
    height: auto;
    margin-bottom:100px;
}
.modal-content .tableForm #to {
width: 60%;
}

/* modal acceptance */

.modal-content.conditions{
    width: 100%;
    bottom: 0;
    margin-bottom: 0;
    position: fixed;
    padding: 30px 40px;
    box-sizing: border-box;
    text-align: center;
    min-height: inherit;
}

.modal-content.conditions h2{
    font-family: open_sanssemibold;
    font-weight: normal;
    text-align: center;
    margin-top: 0;
}

.modal-content.conditions span{
    font-family: open_sansregular;
    font-size: 13px;
    color: #666;
    text-align: left;
    width: 50%;
    float: left;
    margin-bottom: 20px;
    margin-left: 25%;
    margin-right: 25%;
}

.modal-content.conditions span b{
    font-weight: normal;
    font-family: open_sansbold;
    color:#000;
}

.modal-content.conditions ul{
    float: left;
    text-align: left;
    margin-left: 25%;
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 0;
    margin-right: 25%;
    width: 50%;
}

.modal-content.conditions ul li{
    list-style: none;
    margin-bottom: 5px;
    font-family: open_sansregular;
}

.modal-content.conditions ul li a{
    font-family: open_sanssemibold;
}

.modal-content li.opt::before {

    content: none;

}

.modal-content li:before{
    content:"✓";
    color: orange;
    font-size: 9px;
    margin-right: 9px;
}
.modal-content.conditions button.btn, .modal-content.conditions a.btn{
    margin:0 auto;
    float: none;
    height:auto;
    padding: 10px;
    line-height: inherit;
    display: inline-block;
    border: none;
    font-size: 12px;
    font-family: open_sanssemibold;
    border:1px solid orange;
}

.modal-content.conditions a.btn{
    background-image: none;
    color: orange;
}

.modal-content.conditions a.btn:hover{
    color:#fff;
}

/* end modal acceptance */

th img.information{
    margin-top: 2px;
    position: absolute;
    right: 13px;
    margin-right: 0;
    margin-left: 0;
}

 table.dataTable th.large{
     width: 15%!important;
     position: relative;
}
table.dataTable th.actions.large{
    width:auto !important;
}

table.dataTable tbody td span.compliant, table.dataTable tbody td span.not_compliant, table.dataTable tbody td span.approved{
    font-family: open_sansbold;
}
table.dataTable tbody td span.compliant {
    color: #66e286;
}
table.dataTable tbody td span.not_compliant{
    color:#ed0b34;
}

table.dataTable tbody td span.approved {
    color: #45b6bd;
}
table.dataTable tbody td span + img.information{
    float: right;
}

table.dataTable tbody td span.functions{
    margin:0 auto;
    width: 100%;
    text-align: left;
    float: none;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
}

table.dataTable th.large{
   padding-right: 30px;
}

th.large .tooltip-inner {
  width: 200px;
  font-family: open_sansregular;
}

td span.register{
    font-family: open_sanssemibold;
    cursor: pointer;
    font-size: 11px;
    color:#51c9fe;
    background-color: #eff8fb;
    padding: 2px 3px;
    border-radius: 2px;
    transition-property: background-color;
    transition-duration:0.2s;
    -moz-transition-property: background-color;
    -moz-transition-duration:0.2s;
     -webkit-transition-property: background-color;
    -webkit-transition-duration:0.2s;
}

td span.register:hover{
     background-color:#51c9fe;
    color: #fff;
}

td span.compiling{
    font-style: italic;
    font-family: open_sanssemibold;
    color: #999;
    letter-spacing: -0.2px;
}
#confirmDialogReg textarea, #confirmDialogRegNoAntiBribery textarea
{
    width: 100% !important;
    border:1px solid #ddd;
    box-sizing: border-box;
    padding: 5px;
    font-size: 12px;
}

#confirmDialogReg, #confirmDialogRegNoAntiBribery{
    padding:0;
}
#confirmDialogReg b{
    margin-top: 0;
    font-weight: normal;
    font-family: open_sanssemibold;
    color:#000;
    font-size: 11px;
    margin-bottom: 5px;
    display: block;
}
#confirmDialogReg + .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix, 
#confirmDialogRegNoAntiBribery + .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix{
    padding:0;
}

#confirmDialogRegNoAntiBribery .text{
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 12px;
}

span.error-drop.errorModaleAgency {
    background-color: white;
    color: red;
    text-transform: capitalize;
    font-weight: normal;
}

.modal-content.small.smallModalAgency {
    width: 40%;
}

@media screen and (max-width: 700px) {
    .modal-content.small.smallModalAgency {
        width: 50%;
    }
}

.erroreEvidenziato {
    border: 1px solid red !important;
}

.backGrInput {
    background-color: #F3F7F9;
}

#storicoListTable_paginate > ul > li.paginate_button::before {
    content: none;
}

.contents .erroreModaleDiv span.error, .contents .erroreModaleDiv span.success {
    display: block;
    margin-bottom: 10px;
    margin-left: 0;
    width: 92% !important;
    padding-left: 0px;
    padding-left: 40px !important;
}

#InfoSubAgency b, #InfoSubAgency i {
    color: #326584;
}

.head_name.detail.InfoClosed {
    margin-bottom: 20px !important;
}

/* INIZIO LEGENDA */
.legend li.sub {
    cursor:pointer;
}

.legend .menu > ul {
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
}

.legend .choice > li {
    padding: 5px 0;
}

.legend .sub .options legend{
font-weight:bold;
color:#232323;
}

.legend .options a {
    text-decoration: none;
    color: #2471b5;
}

.legend .sub:hover > .options {
     opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  -moz-opacity: 1;
  -khtml-opacity: 1;
    cursor:pointer;
    visibility:visible;
}

.legend .sub .options {
    background-color: #fff;
    border: medium none;
    box-shadow: 0 1px 4px #ddd;
    -moz-box-shadow: 0 1px 4px #ddd;
    -webkit-box-shadow: 0 1px 4px #ddd;
    color: #999999;
    cursor: default !important;
    font-size: 12px;
    line-height: 17px;
    margin-left: -270px;
    margin-top: 20px;
    max-width: inherit;
    padding: 15px;
    position: absolute;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
    transition-property:opacity;
    transition-duration:0.8s;

 -webkit-transition-property: opacity;
 -webkit-transition-duration: 0.8s;

 -o-transition-property:  opacity;
 -o-transition-duration: 0.8s;
  -moz-transition-property: opacity;
 -moz-transition-duration: 0.8s;
    visibility:hidden;
    width: 250px;
    z-index: 999999999;
}

.legend.discrepancy .sub .options {
    width: 270px;
    margin-left: -285px;
    margin-top: 15px;
}
.legend .sub .options ul.choice{
margin:0;
padding:0;
}

ul.choice font {
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin-top: 8px;
}

 .legend .sub .options ul a li {
    display: block;
    font-family: "open_sansregular";
    font-size: 12px;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
}

.legend .sub .options ul a li:hover{
color:#2b98f8;
}

.legend li.sub {
    background: #f9f9f9 url("../img/legend.png") no-repeat scroll left 0 / 9px auto;
    border-bottom: 10px solid transparent;
    color: #1b9cf9;
    padding-left: 18px;
}

.legend li {
    text-transform: none;
}

.legend {
    color: #888;
    float: right;
    font-family: "open_sansregular";
    font-size: 11px;
    height: 30px;
    margin: 0;
    padding: 0;
    width: auto;
}

.legend.discrepancy{
	margin-top: 15px;
}

.legend .menu {
    display: inline-block;
    height: 0;
}

.legend .menu ul li {
    display: inline-block;
    float: left;
    font-size: 11px;
    list-style: outside none none;
    text-align: left;
    width: 100%;
}

.legend .menu ul li img {
    float: right;
    height: auto;
    margin-bottom: 3px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}

.legend ul > li.sub {
    background-position: 10px center;
    border: 1px solid #f5f5f5;
    border-radius: 2px;
    color: #999;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    padding-left: 28px;
    padding-right: 12px;
    text-transform: capitalize;
    width: auto;
}

.legend.agency {
    top: 0;
    float: right;
    right: 5px;
    right: 0;
    position: absolute;
    margin-top: -12px;
}
.legend.agency ul > li.sub{
	font-size: 0;
	background: transparent url("../img/infoOpen_hp.png") no-repeat right top;
	width: 23px;
	height: 23px;
	padding: 0;
	border: none;
}

.legend.agency .menu ul li img{
	float: left;
}

span.no.legend, span.yes.legend{
	float:left;
	height:18px;
	margin-right:3px;
} 
/* FINE LEGENDA */

.statusView.azioni {
    width: 12px;
}

.legend.navision {
    top: 0;
    float: right;
    right: 5px;
    right: 0;
}
.legend.navision ul > li.sub{
	font-size: 0;
	background: transparent url("../img/infoOpen_hp.png") no-repeat right top;
	width: 23px;
	height: 23px;
	padding: 0;
	border: none;
	margin-top: -22px;
	margin-right: -10px;
}

.legend.navision .menu ul li img{
	float: left;
}

#confirmDialogVisualizzazionedati .tableForm {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

#confirmDialogVisualizzazionedati .tablinks {
   border-top: 0.7px solid #e3e3e3;
    border-left: 0.5px solid  #e3e3e3;
    border-right: 0.5px solid #e3e3e3;
    width: 19%;
	font-size: 10px;
}

 #confirmDialogVisualizzazionedati .head_name.label {
     padding-right: 40px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.navisionModalview.ui-dialog-buttons.ui-draggable {
    width: 680px !important;
    margin-left: -330px;
    margin-top: -100px;

}

#confirmDialogVisualizzazionedati .tableForm.readonly span {
     width: 95%;
}

#modal-data .modal-title {
    font-family: "open_sanssemibold";
    font-size: 15px;
    font-weight: normal;
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: 
    #333;
    text-transform: capitalize;
}

#modal_data_table {
    padding-left: 0;
}

#modal-data .tableForm td div.SumoSelect {
    width: 100%;
}

#modal_data_table .SumoSelect .CaptionCont span.placeholder {
    text-transform: capitalize;
    font-size: 11px;
}

.statusView.clock, .statusView.info {
    width: 10px;
}

.incomplete::before, .complete::before, .blocked::before {
    content: ".";
    font-size: 0;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-right: 5px;
    margin-left: -3px;
    margin-top: 3px;
}
  
.incomplete::before {
    background-color: #ffa734;
    color: #ffffff;
}

.blocked::before {
    background-color: #ff0000;
    color: #ffffff;
}

.complete::before {
    background-color: #6ed984;
    color:#ffffff;
}
#supplierListTable tr td:first-child {
    color:  #000;
    font-family: open_sanssemibold;
}

.navisioncode {
    float: left;
    width: 100%;
}
.navisioncode.secondario {
    font-style: italic;
    color: #888;
}

#modal-richiestaapprovazione .modal-title {
    font-family: "open_sanssemibold";
    font-size: 15px;
    font-weight: normal;
    float: left;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: 
    #333;
    text-transform: capitalize;
}

#modal-richiestaapprovazione .text {
    text-transform: full-size-kana;
    font-size: 13px;
}
#modal-richiestaapprovazione .tableForm {
    padding: 0;
    margin-top: 20px;
}

#approvazionenavision-tr .SumoSelect.sumo_approvazionenavision {
    width: 100%;
}
#auctionForm #modal-richiestaapprovazione .buttons {
    margin-top: 20px;
}

#modal-richiestaapprovazione .modal-content.small.smallModalAgency {
    padding-bottom: 0;
}

#modal-block .head_name, #modal-unblock .head_name {
    width: 5%;
}

#modal-block .head_name, #modal-unblock .head_name {
    font-weight: bold;
}

#modal-block .tableForm, #modal-unblock .tableForm {
    padding-top: 20px;
    padding-left: 0;
}

#note-richiestaapprovazioneblocco, #note-richiestaapprovazionesblocco {
    border: 1px solid #d1d1d1;
    width: 98%;
    padding-left: 1%;
    padding-top: 2%;
}

.modal-content.small.confirm {
    width: 30%;
    min-height: 100px;
}

.modal-content.small.confirmnote {
    width: 30%;
    min-height: 100px;
}

.modal-content.small.confirm .text {
    float: left;
    margin-bottom: 20px;
}

.modal-content.small.confirm div.buttons {
    display: inline-block;
    float: right;
    height: auto;
    margin-bottom: 50px;
    
}

#workflowtable tr.header, #filetable tr.header {
    font-weight: bold;
}

.navisionesitonegativo {
    color: #ff0000 !important;
}