/* Styles go here */
.s{
     font-family: "supermarketregular",sans-serif;
      border: solid 1px #ccc;
  padding: 3px 6px 5px 25px;
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  font-size: 100%;
  background: #ededed url('images/arrow.png') no-repeat 65px center;
  border: solid 1px #ccc;
  padding: 3px 5px 5px 20px;
  width: 60px;
  
  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  border-radius: 10em;
  
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}
.s:focus {
  width: 60px;
  background-color: #fff;
  border-color: #337ab7;
  -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
  -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
  box-shadow: 0 0 5px rgba(109,207,246,.5);
}
select::-webkit-search-decoration,
select::-webkit-search-cancel-button {
  display: none; 
}
.s2{
     font-family: "supermarketregular",sans-serif;
}
.posts_list{ 
    font-family: "supermarketregular",sans-serif;
margin-bottom:20px;
}
div.list_item {
border-left: 4px solid #7ad03a;
padding: 1px 12px;
background-color:#F1F1F1;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
div.list_item {
margin: 5px 15px 2px;
}
div.list_item p {
margin: .5em 0;
padding: 2px;
font-size: 13px;
line-height: 1.5;
}
.list_item a {
text-decoration: none;
padding-bottom: 2px;
color: #0074a2;
-webkit-transition-property: border,background,color;
transition-property: border,background,color;-webkit-transition-duration: .05s;
transition-duration: .05s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.list_item a:hover{ 
text-decoration:underline;
}
/* For Loading Overlay by CodexWorld */
.post-wrapper{position: relative;}
.loading-overlay{display: none;position: absolute;left: 0; top: 0; right: 0; bottom: 0;z-index: 2;background: rgba(255,255,255,0.7);}
.overlay-content {
    position: absolute;
    transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #555;
}
.loading-overlay{
    font-family: "supermarketregular",sans-serif;
}
}
/* For Pagination Links by CodexWorld */
div.pagination {
  font-family: "supermarketregular",sans-serif;
 margin: 2px;

  

}
.pagination{
font-family: "supermarketregular",sans-serif;
  color: #23527c;
  margin: 2px;
  padding: 0.2em 0.77em 0.15em 0.77em;
  border-radius: 6px;

}
div.pagination a {
  margin: 2px;
  padding: 0.2em 0.77em 0.15em 0.77em;
  background-color: #337ab7;
  text-decoration: none;
  color: #fff;
    border: #C8EEFD 2px solid;
    border-radius: 6px;

}
div.pagination a:hover{
    padding: 0.2em 0.77em 0.15em 0.77em;
    margin: 2px;
    background-color: #eee;
    color: #23527c;

}

 div.pagination a:active {
  padding: 0.2em 0.77em 0.15em 0.77em;
  margin: 2px;
  background-color: #337ab7;
  color: #fff;
}
div.pagination span.current {
    padding: 0.2em 0.77em 0.15em 0.77em;
    margin: 2px;
    background-color: #f6efcc;
    color: #6d643c;
}
div.pagination span.disabled {
    display:none;
}

.my-controller {
  border: 1px solid #fcc;
  padding: 5px;
  margin: 3px;
}
.my-controller small {
  color: #c99;
}
.other-controller {
  border: 1px solid #ccf;
  padding: 5px;
  margin: 3px;
}
.other-controller small {
  color: #99c;
}
.third-controller {
  border: 1px solid #cfc;
  padding: 5px;
  margin: 3px;
}
.third-controller small {
  color: #9c9;
}