/*	============ tabs wrapper =============================  */
.tabwrapper{
		height: 230px;
		border: 1px lightgray solid;
	    border-radius:5px; 
		background:rgba(255,235,205,0.2);
	}
	
	@media only screen and (max-width : 370px) {
		.tabwrapper{
					height: 260px;
		}
	}
	@media only screen and (min-width : 455px) {
		.tabwrapper{
					height: 220px;
		}
	}
	
	@media only screen and (min-width : 460px) {
		.tabwrapper{
					height: 200px;
		}
	}
/*	------------------------------------------  */

#tabs{font-size:1.0em;
background:rgba(255,235,205,0.1);
border: none;
}
	  
.centered .ui-tabs-nav {
    display: flex;
	
}
.centered .ui-tabs-nav li {
    display: inline-block;
    float: none;
    margin: 0em;
	font-size:1em;
	font-weight: bold;
	text-align: center;
	width: 20%;
   
	  flex: 1;
    display: flex;
	
	
}	
.ui-tabs-nav li:hover{
	background: red;
	
	
}


.ui-widget-header {
background:#b9cd6d;
border: 1px solid #b9cd6d;
color: #FFFFFF;
font-weight: bold;  
}
	  
.ui-tabs .ui-tabs-active {
  background-color: rgba(255,235,205,0.1);       /*rgb(238,130,238);*/  /*purple;*/
  border:.05rem solid white;
}
	  

.ui-tabs .ui-tabs-nav
{
background:rgb(210,105,30);
	
}
	  
.ui-tabs .ui-tabs-panel /* just in case you want to change the panel */
{
/*background:rgba(255,235,205,0.1);*/


	
}	  

.ui-tabs-active a{}
.xxui-tabs-anchor{ border-top: 1px brown solid;  border-right: 1px brown solid; border-left: 1px brown solid; }
	/* CSS Document */

@media (min-width:600px)  
{
 .ui-tabs-nav {
   width: 70%;
}
.centered .ui-tabs-nav li {
  	text-align: center;
}	

}


@media (min-width:850px)  
{
 .ui-tabs-nav {
   width: 60%;
}
.centered .ui-tabs-nav li {
	text-align: center;
  
}	
	
	
}



@media (max-width:359px)  
{
.ui-tabs-nav {
   width: 98%;
}
.centered .ui-tabs-nav li {
	font-size:0.8em;
	text-align:center;
	width: 7%;
	
}	

}


/*	---------------------------  */
.slide {
   position: absolute;
    left: 50px;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 0s;
    animation: slide 0.5s forwards;
    animation-delay: 0s;
}

@-webkit-keyframes slide {
    100% { left:0; }
	
}

@keyframes slide {
    100% { left:0; }
}


/*
.tabs-cont2 {
 
  background: #428bca;
	padding: 10px 0px;
 
}

.list-tabs2:hover > .tabs-cont2{
  top: 0;
}

*/