.vrmenu {
    background-color: rgba(255,255,255,0.98);;//#f0f0f0;
}

.vrmenu a {
  background-color: #eee;
  color: black;
  display: block;
  text-align: left; 
  padding: 12px 22px;
 
}

.vrmenu a:hover {
  background-color: #ddd;

}

.vrmenu a.active {
  background-color: #c6d9ec;
  color: black;
}
.vlmenu {

}

.vlmenu a {
  //background-color: #eee;
  color: grey;//inherit;
  display: block;
  text-align: left; 
  padding: 12px 22px;
 
}

.vlmenu a:hover {
  background-color: #4444;
}

.vlmenu a.active {
  background-color: #991f00;
  color: white;
}

.vlmenu {

}

.vlmenu a {
  //background-color: #eee;
  color: #cccc;
  display: block;
  text-align: left; 
  padding: 12px 22px;
 
}

.vlmenu a:hover {
  background-color: #4444;
}

.vlmenu a.active {
  background-color: #991f00;
  color: white;
}
.rsslbar {
	//display:none;
    height: 100%;
    width: 0px;
    position: fixed;
    z-index: 10;
    top: 0px;
	
    right: 0;
    background-color: rgba(255,255,255,0.98);;//#f0f0f0;

    overflow-x: hidden;
    transition: width .7s;
    padding-top: 6px;
	
    //border: 10px solid #f5f5f5;

	border-right:  0px dashed #f0F;
	border-bottom: 30px dotted #f00;
	border-left:   1px solid  #b8b8b8;//#d9e6f2;
	border-top:    0px solid  #ff0;
  	box-shadow:  0 0 10px  rgba(0,0,0,0.2);
      -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.2);
      -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.2);
      -o-box-shadow: 0 0 10px  rgba(0,0,0,0.2);
  border-radius:1px;
  
  
}
.rsslbar_title{
margin-top: 0px;
//background-color:#f0f0f0;
padding:0px 10px;
    background-color: rgba(255,255,255,0.98);;//#f0f0f0;
}
.rsslbar_body{

//background-color:#f0f0f0;
padding:10px 20px;
    background-color: rgba(255,255,255,0.98);;//#f0f0f0;

}
.lsslbar_title{
margin-top: -45px;
color:white;
padding:0px 20px;
}
.rsslbar a {
    //padding: 4px 4px 4px 32px;
    text-decoration: none;
    font-size: 15px;
    display: block;
    
	
  //padding: 14px 25px;
 
  
}

.rsslbar a:hover, .offcanvas a:focus{
    color: #111;
	    color: #111111;
}

.rsslbar .closebtnr {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 32px;
    margin-left: 0px;
	padding: 1px 60px;
	color:black;
    background-color: rgba(255,255,255,0.98);;//#f0f0f0;

}
.rsslbar .closebtnr a:hover{
background-color:red;
background:yellow;
    background-color: rgba(255,255,255,0.98);;//#f0f0f0;
}
.lsslbar {
    height: 100%;
    width: 0px;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: #333;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
			box-shadow:  0 0 10px  rgba(0,0,0,0.9);
      -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.2);
      -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.2);
      -o-box-shadow: 0 0 10px  rgba(0,0,0,0.2);
  border-radius:1px;
}

.lsslbar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15px;
    //color: #818181;
    display: block;
    transition: 0.1s;
}
.lsslbar {
color:#aaaa;
}
.lsslbar a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.lsslbar .closebtn {
    position: absolute;
    top: -5px;
    right: 5px;
    font-size: 26px;
    margin-left: 50px;

}
.rsslbar .closebtnr {
    font-size: 30px;

}


.extbar {
//box-shadow:  0 0 10px  rgba(0,0,0,0.4);
	//display:none;
    height: 0px;
    width: 0px;
    position: fixed;
    z-index: 10;
    top: -1px;
	
    right: 0;
    background-color: #fefefe;

    overflow-x: hidden;
	overflow-y: hidden;
    transition: 0.5s;

	border-left:   1px solid  #b8b8b8;//#d9e6f2;
	border-bottom:   1px solid  #b8b8b8;//#d9e6f2;
		//border-right:   1px solid  #b8b8b8;//#d9e6f2;
   background-color:#fafafa;
   transition:  .7s;
  
}
.extbar .closebtn {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 24px;    
	padding: 0px 12px;
	color:black;


	//background-color:#b8b8b8;
		//border:   1px solid  #b8b8b8;//#d9e6f2;
}
.extbar a {
   // padding: 8px 8px 8px 32px;
    text-decoration: none;
}	
.extbar .extbar_title{
	font-size: 16px;
	padding: 8px 18px;
	top:20px;
	  font-weight: bold;
	//  padding: 1px 8px;
	box-shadow:  0 0 10px  rgba(0,0,0,0.1);
      -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.1);
     -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.1);
     -o-box-shadow: 0 0 10px  rgba(0,0,0,0.1);
  //border-radius:1px;
  background-color:#eeefef;
}
.extbar .extbar_body{
	//position: fixed;
    top: 200px;
    right: 100px;
    font-size: 12px;
	//padding: 8px 8px;
	//border:   1px solid  #b8b8b8;//#d9e6f2;

}
.extbar_body_in{
padding:10px;
  background-color:#eefef;
}
.alertbar {
//box-shadow:  0 0 10px  rgba(0,0,0,0.4);
	//display:none;
    height: 0px;
    width: 0px;
    position: fixed;
    z-index: 10;
    top: 0px;
	color:white;
    right: 0%;
    background-color: #fefefe;
	font-size:16px;
	
	color:white;
	font-family:arial;
    text-align: center;
		-webkit-font-smoothing:antialiased;
    //line-height: 1.5;
    //overflow: hidden; 
		-webkit-font-smoothing:antialiased;
    overflow-x: hidden;
	overflow-y: hidden;
 background: red;//#ddd;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
	border-radius-bottom: 5px;
	  border: 0px solid red;
  padding: 0px;
  border-bottom-left-radius: 5px ;
  border-bottom-right-radius: 5px ;
   transition:  .7s;
    border-bottom-left-radius: 5px ;
  border-bottom-right-radius: 5px ;
  
}
#kbar{
    position: absolute;
    //top: 0;
 left: 0%;
    font-size: 32px;
width:100%;
height:100%;
    margin-left: 5px;
	padding: 5px 20px;
	color:black;
 //   background-color: rgba(255,255,255,0.98);;//#f0f0f0;

}
#kbar a {
    //padding: 4px 4px 4px 32px;
    text-decoration: none;
    font-size: 15px;
    display: block;
    width:200px;
	border-radius: 4px;
  //padding: 14px 25px;
 	padding: 5px 5px;
color:  rgba(111,111,111,0.88);;//#f0f0f0;
//color:  rgba(121,121,121,0.88);;//#f0f0f0;
}

#kbar a:hover,a:focus{
background-color:red;
background:rgba(51,61,71,.8);;//#f0f0f0;
color:  rgba(121,121,121,7.38);;//#f0f0f0;
//filter: brightness(.48);
color:white;
}

#kbar a.active {
  background-color: #c6d9ec;
  color: black;
}