/******************** CSS Vertical Tabs *******************
 ******************* Author: Asif Mughal ******************/
* {
   margin: 0;
   padding: 0;
}


.rt-container {
   background-color: #478ac9; /*#478ac9   menu color  blu:#2652CC*/
}

.tabs-container {
   position: relative;
   background: #478ac9; /*#478ac9    menu color*/
   width: 120px;
   min-height:400px;
   float: left;
   /*z-index: 2;*/
}
/* tabs names */
.tabs-container label {
   position: relative;
   padding: 10px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   display: block;
   font-size: 13px;
   color: #fff;
   cursor: pointer;
   user-select: none;
}
/* Hover effect on tabs names */
.tabs-container label:hover {
   background: rgba(0, 0, 0, 0.2);
}
/* Content area for tabs */
.tab-content {
   position: relative;
   background: #fff;
   width: calc(100% + 15px);
   min-height: 400px;
   padding: 15px;
   float: left;
   box-sizing: border-box;
   /* z-index: 1;*/
   display: none;
   /*margin-left: 120px;*/
   margin-left: -15px;
   margin-right: -15px;
}

.tab-myheader {
   position: relative;
   background: #f2f2f2;
   width: calc(100% - 120px);
   padding-left: 15px;
   padding-right: 15px;
   float: left;
   box-sizing: border-box;
  /* z-index: 1;*/
}

.tab-myheader-titolo {
   font-size: 2em;
   color: #369;
   padding-top: 0.5em;
   padding-bottom: 0.2em;
}

.tab-myfooter {
   position: relative;
   background: #f2f2f2;
   width: calc(100% - 120px);
   min-height: 80px;
   padding-left: 15px;
   padding-right: 15px;
   float: left;
   box-sizing: border-box;
  /* z-index: 1;*/
   margin-left: 120px;
}

.tab-content:after {
   content: "";
   clear: both;
}

/* Hide input radio from users */
input[name="tab"] {
   display: none;
}
/* Show tab when input checked */
input[name="tab"]:checked + .tab-content {
   display: block;
   /*animation: slide 0.5s forwards;*/
}

/* Slide animation for tab contents */
/*@keyframes slide {
   from {
      left: -100%;
      opacity: 0;
   }

   to {
      left: 0;
      opacity: 1;
   }
}*/


/* ******************************************************
	Responsive Grids
*********************************************************/

.rt-container {
   margin: 0 auto;
   overflow: hidden;
}

.rt-row:before, .rt-row:after {
   display: table;
   line-height: 0;
   content: "";
}

.rt-row:after {
   clear: both;
}

[class^="col-rt-"] {
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   min-height: 1px;
   position: relative;
}




@media (min-width: 240px) {
   .u-table table {
      width: 100%;
   }
   .rt-container {
      width: 100%;
   }

   .col-rt-1 {
      width: 16.6%;
   }

   .col-rt-2 {
      width: 30.33%;
   }

   .col-rt-3 {
      width: 50%;
   }

   .col-rt-4 {
      width: 67.664%;
   }

   .col-rt-5 {
      width: 83.33%;
   }
}

@media only screen and (min-width:240px) and (max-width: 240px) {

   .u-table table {
      width: calc(100% - 130px);
   }

   .ScriptTop h1, .ScriptTop ul {
      text-align: center;
   }

   .ScriptTop h1 {
      margin-top: 0;
      margin-bottom: 15px;
   }

   .ScriptTop ul {
      margin-top: 12px;
   }

   .ScriptHeader h1,
   .ScriptHeader h2,
   .scriptnav ul {
      text-align: center;
   }

   .scriptnav ul {
      margin-top: 12px;
   }

   #float-right {
      float: none;
   }
}

.tabs-container label.vtab-active{
   color: #488ac9;
   background-color:#fff;
   cursor:default;
}