#spinio-wrapper {
  /* Rounded sliders */
}
#spinio-wrapper .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}
#spinio-wrapper .switch input {
  display: none;
}
#spinio-wrapper .sler {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
#spinio-wrapper .sler:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
#spinio-wrapper input:checked + .sler {
  background-color: #337ab7;
}
#spinio-wrapper input:focus + .sler {
  box-shadow: 0 0 1px #337ab7;
}
#spinio-wrapper input:checked + .sler:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
#spinio-wrapper .sler.round {
  border-radius: 34px;
}
#spinio-wrapper .sler.round:before {
  border-radius: 50%;
}
#spinio-wrapper .nav-tabs > li {
    float:none;
    display:inline-block;
    zoom:1;
}

#spinio-wrapper .nav-tabs {
    text-align:center;
}

/**-------------**/


#spinio-wrapper .content{
    padding:20px;
}
#spinio-wrapper .slice-select{
    height: 2.4375rem !important;
    padding: .5rem !important;
    border: 1px solid #cacaca !important;
    margin: 0px !important;
    font-size: 1rem !important;
    font-family: inherit !important;
    line-height: normal !important;
    color: #0a0a0a !important;
    background-color: #fefefe !important;
    border-radius: 0 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version="1.…nts='0,0 32,0 16,24'" style='fill: rgb%28138, 138, 138%29'></polygon></svg>) !important;
    background-size: 9px 6px !important;
    background-position: right -1rem center !important;
    background-origin: content-box !important;
    background-repeat: no-repeat !important;
    padding-right: 1.5rem !important;
}
#spinio-wrapper .form-margin{
    
    margin:0px !important;
}
#spinio-wrapper .center-text{
    text-align: center;
}
#spinio-wrapper .left{
    float:left;
    
}
#spinio-wrapper .right{
    float:right;
}
#spinio-wrapper{
    font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-color:white;
}
#spinio-wrapper thead{
    color:#1877A9;
}
#spinio-wrapper table{
        border: 1px solid #ddd;
}
#spinio-wrapper .table > tbody > tr > td{
    vertical-align: inherit !important;
}
#spinio-wrapper .form-control{
    border-radius:0px !important;
}
/*accrodings */
.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  /*margin: 15px 0;*/
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}
#spinio-wrapper .iris-picker{
    box-sizing: content-box !important;
}
#spinio-wrapper .iris-picker, .iris-picker * {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
#spinio-wrapper .slider .tooltip.top {
    margin-top: -36px !important;
}
#spinio-wrapper .col-centered{
    float: none;
    margin: 0 auto;
}
#spinio-wrapper .wp-picker-input-wrap{
    width:60%;
}
#spinio-wrapper .bglabel,.bg{
    padding:10px;
}
#spinio-wrapper .header-bar{
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 2px solid #337ab7;
}

#spinio-wrapper fieldset 
	{
		border: 1px solid #ddd !important;
		margin: 0;
		xmin-width: 0;
		padding: 10px;       
		position: relative;
		border-radius:4px;
		background-color:#f5f5f5;
		padding-left:10px!important;
	}	
	
#spinio-wrapper	legend
		{
			font-size:14px;
			font-weight:bold;
			margin-bottom: 0px; 
			width: 35%; 
			border: 1px solid #ddd;
			border-radius: 4px; 
			padding: 5px 5px 5px 10px; 
			background-color: #ffffff;
		}

/*------------------------*/
#spinio-wrapper .img-check{
    width:150px;
    height:150px;
    background-image: url(../img/background-pattern-grid.png);
    max-width: 100%;
    border: 1px solid black;
    padding:0px !important;
}
#spinio-wrapper .check
{
    border:3px solid #337ab7 !important;
}
#spinio-wrapper .help-block{
  cursor: pointer;
}
#spinio-wrapper .fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
.xs-img{
    width: 90%;
}
.xs-pro{
    color:#2fbb1c;
    font-weight: inherit;
    font-size: 14px;
}
.xs-pro-link{
    text-decoration: none;
}
.xs-button{

}
.xs-col-button {
    width:380px;
    float: left;
    
}
.xs-button-main{
    display: inline-block;
    width: 160px
}
.xs-button-main p.submit{
    margin: 0px;
    padding-bottom: 0px;
}
#xs_name,#xs_email{
    width: 335px;
}
.xs-send-email-notice{
  display: none;
}
.xs-notice-dismiss{
  display:none;
}
.xs-send-mail{
    font-size: 15px !important;
    font-family: bold;
    padding: 2px 15px !important;
}
.xs_is_active{
    display:inline-block;
    visibility:visible;
    opacity:1
}
.xs-top-margin{
    margin-top: 20px !important; 
}
.xs-mail-spinner{
    margin-top: 38px ;
}
.error{
    outline: 1px solid red;
}
.input-group{
    display: inline-flex;
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}