/* SKINS */

.crappy-button {
    padding: 4px 6px;
    height: 14px;
    line-height: 12px;
    color: #000;
    border-radius: 8px;
    background: #f4dfa6;
    background: linear-gradient(top,  #fffbde,  #f4dfa6);
    background: -ms-linear-gradient(top,  #fffbde,  #f4dfa6);
    background: -webkit-gradient(linear, left top, left bottom, from(#fffbde), to(#f4dfa6));
    background: -moz-linear-gradient(top,  #fffbde,  #f4dfa6);
    border: solid 2px #dca30b;
    font-size: 12px;
    }

/* theme switcher styles */
#layoutOptions {
    display: block; 
    position: fixed;
    height: 60px;
    width: 96%;
    left: 98%;
    bottom: 2%;
    right: 1%;
    z-index: 10000;
    background: #fff;
    border: 1px solid #666;
    border-radius: 5px;
    padding: 10px 10px 10px 30px;
    }
#layoutOptions.on { left: 1%; transition: left 0.3s ease 0s !important; }
    #layoutOptions a {
	    transform: rotate(270deg);
        transform-origin: left top 0;
        display: block;
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 80px;
        text-decoration: none;
        font-weight: bold;
        background: #bada55;
        border-bottom: 1px solid #444;
        border-radius: 5px 5px 0 0;
        text-align: center;
        color: #444;
        }
        #layoutOptions a .fa { padding-left: 5px; }
        #layoutOptions a .fa-caret-down { display: none; }
        #layoutOptions.on a .fa-caret-down { display: inline; }
        #layoutOptions a .fa-caret-up { display: inline; }
        #layoutOptions.on a .fa-caret-up { display: none; }
    #layoutOptions dl { min-height: 0; margin: 0 5px; display: inline-block; }
        #layoutOptions dl.form-group dt label { white-space: nowrap; }
        #layoutOptions dl.form-group dt,
        #layoutOptions dl.form-group dd { width: auto; }
    #layoutOptions h4 { margin: 0 0 5px; }
    
    
img.logo.custom {
    height: 80% !important;
    margin: 1% !important;
    }