#themes_panel {
    position:fixed;
    top:50px;
    z-index:900000;
    opacity:0;
    font-family: 'Lato', sans-serif;
}

#themes_panel ul, #themes_panel ol {
    padding:0;
    text-align: center;
}

#themes_panel h1,#themes_panel  h2,#themes_panel  h3, #themes_panel h4,#themes_panel  h5,#themes_panel  h6 {
    color:#393939;
    font-weight: 300;
    text-transform: uppercase;
    font-size:14px;
    margin-bottom:7px;
    text-align: center;
}
#themes_menu {
    float:left;
    text-align: left;
    width:190px;
    background:#fff;
    box-shadow:0px 5px 30px -6px rgba(0, 0, 0, .3);
}
#themes_menu .segment {
    padding:10px;
    margin-bottom:10px;
    overflow:hidden;
    text-align: center;
}
#themes_menu h4:first-of-type{
    padding-top: 20px;
}
#themes_menu h4 {
    padding: 0;
    line-height: 1;
    margin: 0px;
}
#themes_menu .segment.noborder {
    border:none;
}
#themes_menu ul.theme {
    margin:4px 0px 0px 0px;
}
#themes_menu ul.theme li {
    float:left;
    list-style: none;
    margin-left: 5px;
    margin-bottom: 5px;
    width: 21%;
    height: 37px;
    border: 1px solid #e3eaec;
}
#themes_menu ul.theme li:first-child,
#themes_menu ul.theme li:nth-child(5),
#themes_menu ul.theme li:nth-child(9),
#themes_menu ul.theme li:nth-child(13),
#themes_menu ul.theme li:nth-child(17),
#themes_menu ul.theme li:nth-child(21){
    margin-left: 0px;
}
#themes_menu ul.theme li a {
    display:inline-block;
    width: 100%;
    height: 100%;
}

#themes_menu label {
    display:inline-block;
    font-weight:bold;
    min-width:50px;
}
#themes_panel select {
    margin:5px 0;
    display:inline-block;
    color:#555;
    background-color:#f9f9f9;
}
#toggle_button {
    margin: 13px 0 0;
    float: right;
    width: 40px;
    height: 40px;
    background: #fff;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: #e3eaec;
    font-size: 20px;
    line-height: 40px;      
}
#toggle_button a {
    display:block;
    color: #393939;
    outline: inherit;
    text-decoration: none;
}
.reset, .panel_btn {
    background: transparent;
    border: 1px solid #e3eaec;	
    color:#393939 !important;
}

.reset:hover, 
.reset:focus,
.panel_btn:hover, 
.panel_btn:focus {
    color: #ffffff;
    transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;

}

.panel_btn {
    padding:10px 25px;
    font-size:10px;
}

.cookie_font li{
    width:50%;
}
select#layout-switcher{width: 100%;padding: 5px;}

.segment ul.layout{
    list-style: none;
    text-align: center;
    margin: 0;
}

.segment ul.layout li{
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    display: inline-block;
}
.segment ul.layout li a:hover{
    color: #fff;
    cursor: pointer;
}

.batthern{background:url(../images/patterns/batthern.png) repeat;}
.billie_holiday{background:url(../images/patterns/billie_holiday.png) repeat;}
.cardboard{background:url(../images/patterns/cardboard.png) repeat;}
.diagonal-noise{background:url(../images/patterns/diagonal-noise.png) repeat;}
.diamond_upholstery{background:url(../images/patterns/diamond_upholstery.png) repeat;}
.exclusive_paper{background:url(../images/patterns/exclusive_paper.png) repeat;}
.fabric_of_squares_gray{background:url(../images/patterns/fabric_of_squares_gray.png) repeat;}
.fabric_plaid{background:url(../images/patterns/fabric_plaid.png) repeat;}
.gplaypattern{background:url(../images/patterns/gplaypattern.png) repeat;}
.graphy{background:url(../images/patterns/graphy.png) repeat;}
.grey{background:url(../images/patterns/grey.png) repeat;}
.gridme{background:url(../images/patterns/gridme.png) repeat;}
.light_wool{background:url(../images/patterns/light_wool.png) repeat;}
.linedpaper{background:url(../images/patterns/linedpaper.png) repeat;}
.mochaGrunge{background:url(../images/patterns/mochaGrunge.png) repeat;}
.mooning{background:url(../images/patterns/mooning.png) repeat;}
.noisy_grid{background:url(../images/patterns/noisy_grid.png) repeat;}
.otis_redding{background:url(../images/patterns/otis_redding.png) repeat;}
.p6{background:url(../images/patterns/p6.png) repeat;}
.pw_pattern{background:url(../images/patterns/pw_pattern.png) repeat;}
.squairy_light{background:url(../images/patterns/squairy_light.png) repeat;}
.stacked_circles{background:url(../images/patterns/stacked_circles.png) repeat;}
.subtlenet2{background:url(../images/patterns/subtlenet2.png) repeat;}
.wavegrid{background:url(../images/patterns/wavegrid.png) repeat;}