/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26 Dec, 2014, 3:40:15 PM
    Author     : velocity-pc-1620
*/



  .vss_solo_all_icons{
     display: none ;   
    }
    .vss_solo_panel {
  margin-bottom: 20px;
  /*background-color: #fff;*/
  background-color:transparent;
  /*border: 1px solid transparent;*/
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.vss_solo_panel-body {
  padding: 5px;
  overflow-style: marquee;
  overflow-x: scroll;
  overflow: auto;
}
.vss_solo_panel-heading {
  padding: 5px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display:none;
}
.vss_solo_panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.vss_solo_panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: inherit;
}
.vss_solo_panel-title > a {
  color: inherit;
}
.vss_solo_panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.vss_solo_panel > .list-group {
  margin-bottom: 0;
}
.vss_solo_panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.vss_solo_panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.vss_solo_panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.vss_solo_panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .vss_solo_panel-footer {
  border-top-width: 0;
}
.vss_solo_panel > .table,
.vss_solo_panel > .table-responsive > .table,
.vss_solo_panel > .vss_solo_panel-collapse > .table {
  margin-bottom: 0;
}
.vss_solo_panel > .table:first-child,
.vss_solo_panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.vss_solo_panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.vss_solo_panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.vss_solo_panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.vss_solo_panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.vss_solo_panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.vss_solo_panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.vss_solo_panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.vss_solo_panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.vss_solo_panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.vss_solo_panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.vss_solo_panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.vss_solo_panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.vss_solo_panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.vss_solo_panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.vss_solo_panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.vss_solo_panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.vss_solo_panel > .table:last-child,
.vss_solo_panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.vss_solo_panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.vss_solo_panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.vss_solo_panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.vss_solo_panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.vss_solo_panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.vss_solo_panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.vss_solo_panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.vss_solo_panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.vss_solo_panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.vss_solo_panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.vss_solo_panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.vss_solo_panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.vss_solo_panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.vss_solo_panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.vss_solo_panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.vss_solo_panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.vss_solo_panel > .vss_solo_panel-body + .table,
.vss_solo_panel > .vss_solo_panel-body + .table-responsive {
  border-top: 1px solid #ddd;
}
.vss_solo_panel > .table > tbody:first-child > tr:first-child th,
.vss_solo_panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.vss_solo_panel > .table-bordered,
.vss_solo_panel > .table-responsive > .table-bordered {
  border: 0;
}
.vss_solo_panel > .table-bordered > thead > tr > th:first-child,
.vss_solo_panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.vss_solo_panel > .table-bordered > tbody > tr > th:first-child,
.vss_solo_panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.vss_solo_panel > .table-bordered > tfoot > tr > th:first-child,
.vss_solo_panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.vss_solo_panel > .table-bordered > thead > tr > td:first-child,
.vss_solo_panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.vss_solo_panel > .table-bordered > tbody > tr > td:first-child,
.vss_solo_panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.vss_solo_panel > .table-bordered > tfoot > tr > td:first-child,
.vss_solo_panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.vss_solo_panel > .table-bordered > thead > tr > th:last-child,
.vss_solo_panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.vss_solo_panel > .table-bordered > tbody > tr > th:last-child,
.vss_solo_panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.vss_solo_panel > .table-bordered > tfoot > tr > th:last-child,
.vss_solo_panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.vss_solo_panel > .table-bordered > thead > tr > td:last-child,
.vss_solo_panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.vss_solo_panel > .table-bordered > tbody > tr > td:last-child,
.vss_solo_panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.vss_solo_panel > .table-bordered > tfoot > tr > td:last-child,
.vss_solo_panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.vss_solo_panel > .table-bordered > thead > tr:first-child > td,
.vss_solo_panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.vss_solo_panel > .table-bordered > tbody > tr:first-child > td,
.vss_solo_panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.vss_solo_panel > .table-bordered > thead > tr:first-child > th,
.vss_solo_panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.vss_solo_panel > .table-bordered > tbody > tr:first-child > th,
.vss_solo_panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.vss_solo_panel > .table-bordered > tbody > tr:last-child > td,
.vss_solo_panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.vss_solo_panel > .table-bordered > tfoot > tr:last-child > td,
.vss_solo_panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.vss_solo_panel > .table-bordered > tbody > tr:last-child > th,
.vss_solo_panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.vss_solo_panel > .table-bordered > tfoot > tr:last-child > th,
.vss_solo_panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.vss_solo_panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.vss_solo_panel-group {
  margin-bottom: 20px;
}
.vss_solo_panel-group .vss_solo_panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.vss_solo_panel-group .vss_solo_panel + .vss_solo_panel {
  margin-top: 5px;
}
.vss_solo_panel-group .vss_solo_panel-heading {
  border-bottom: 0;
}
.vss_solo_panel-group .vss_solo_panel-heading + .vss_solo_panel-collapse > .vss_solo_panel-body {
  border-top: 1px solid #ddd;
}
.vss_solo_panel-group .vss_solo_panel-footer {
  border-top: 0;
}
.vss_solo_panel-group .vss_solo_panel-footer + .vss_solo_panel-collapse .vss_solo_panel-body {
  border-bottom: 1px solid #ddd;
}
.vss_solo_panel-default {
  border-color: #ddd;
}
.vss_solo_panel-default > .vss_solo_panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.vss_solo_panel-default > .vss_solo_panel-heading + .vss_solo_panel-collapse > .vss_solo_panel-body {
  border-top-color: #ddd;
}
.vss_solo_panel-default > .vss_solo_panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.vss_solo_panel-default > .vss_solo_panel-footer + .vss_solo_panel-collapse > .vss_solo_panel-body {
  border-bottom-color: #ddd;
}
.vss_solo_panel-primary {
  border-color: #428bca;
}
.vss_solo_panel-primary > .vss_solo_panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.vss_solo_panel-primary > .vss_solo_panel-heading + .vss_solo_panel-collapse > .vss_solo_panel-body {
  border-top-color: #428bca;
}
.vss_solo_panel-primary > .vss_solo_panel-heading .badge {
  color: #428bca;
  background-color: #fff;
}
.vss_solo_panel-primary > .vss_solo_panel-footer + .vss_solo_panel-collapse > .vss_solo_panel-body {
  border-bottom-color: #428bca;
}
.vss_solo_panel-success {
  border-color: #d6e9c6;
}
.vss_solo_panel-success > .vss_solo_panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.vss_solo_panel-success > .vss_solo_panel-heading + .vss_solo_panel-collapse > .vss_solo_panel-body {
  border-top-color: #d6e9c6;
}
.vss_solo_panel-success > .vss_solo_panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.vss_solo_panel-success > .vss_solo_panel-footer + .vss_solo_panel-collapse > .vss_solo_panel-body {
  border-bottom-color: #d6e9c6;
}
.vss_solo_panel-info {
  /*border-color: #bce8f1;*/
}
.vss_solo_panel-info > .vss_solo_panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.vss_solo_panel-info > .vss_solo_panel-heading + .vss_solo_panel-collapse > .vss_solo_panel-body {
  border-top-color: #bce8f1;
}
.vss_solo_panel-info > .vss_solo_panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.vss_solo_panel-info > .vss_solo_panel-footer + .vss_solo_panel-collapse > .vss_solo_panel-body {
  border-bottom-color: #bce8f1;
}
.vss_solo_panel-warning {
  border-color: #faebcc;
}
.vss_solo_panel-warning > .vss_solo_panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.vss_solo_panel-warning > .vss_solo_panel-heading + .vss_solo_panel-collapse > .vss_solo_panel-body {
  border-top-color: #faebcc;
}
.vss_solo_panel-warning > .vss_solo_panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.vss_solo_panel-warning > .vss_solo_panel-footer + .vss_solo_panel-collapse > .vss_solo_panel-body {
  border-bottom-color: #faebcc;
}
.vss_solo_panel-danger {
  border-color: #ebccd1;
}
.vss_solo_panel-danger > .vss_solo_panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.vss_solo_panel-danger > .vss_solo_panel-heading + .vss_solo_panel-collapse > .vss_solo_panel-body {
  border-top-color: #ebccd1;
}
.vss_solo_panel-danger > .vss_solo_panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.vss_solo_panel-danger > .vss_solo_panel-footer + .vss_solo_panel-collapse > .vss_solo_panel-body {
  border-bottom-color: #ebccd1;
}

.vss_solo_panel_item {
    display:inline;
    margin-right: 15px;
}
.vss_solo_container{
    /*width:300%;*/
    max-width: 500%;
     display:inline-flex;
}
#vss_solo_panel_body_id{
    text-align: center;
}

  
#vss_solo_parent .floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}



#vss_solo .stretchRight{
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 		
}

@keyframes stretchRight {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchRight {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}

#vss_solo .hatch{
	animation-name: hatch;
	-webkit-animation-name: hatch;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;		
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}

#vss_solo .pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}

#vss_solo .tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}
#vss_see_all{
    cursor: pointer;
}