/* General styles for all menus */
.cbp-spmenu {
    position: fixed;
}

.cbp-spmenu .nav{
    color:#999;
    text-transform: uppercase;
    width:100%;
    display:block;
    padding:5px 0 0 20px !important;
    font-size:12px;
    margin:0px !important;
}

.cbp-spmenu a:hover{
    color:#ae137c !important;
    transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}

.cbp-spmenu .media-body h6{
    padding:0px !important;
    margin:0px !important;
    font-size:12px;
    font-weight:lighter;
}

.plr-10{
    padding:0 10px;
}

.font-10{
    font-size:10px;
}

.cbp-spmenu .media-body .right{
    float:right;
}

.cbp-spmenu .pull-left:hover{
    opacity:0.55;
}

.cbp-spmenu .media button{
    border:1px solid #323232;
    width:25px;
    height: 25px;
    text-align: center;
    border-radius:0;
    background: none;
    padding:0;
    margin:0;
    font-weight:lighter;
}

.cbp-spmenu .media button:hover{
    background:#323232;
    color:#fff;
    transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;

}




/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
    width: 370px;
    height: 100%;
    top: 0;
    overflow-y: auto;
    transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    background:#fff;
    border-right:1px solid #cecece;
    opacity: .85;

}

.cbp-spmenu-vertical-1 {
    width: 370px;
    height: 100%;
    top: 0;
    overflow-y: auto;
    transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    background:#fff;
    border-right:1px solid #cecece;
    opacity: .95;

}



.cbp-spmenu-horizontal {
    width: 100%;
    height:64px;
    left: 0;
    overflow: hidden;
    top: 0;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;

}

.cbp-spmenu-horizontal input{
    width:80% !important;
    color:#ffffff !important;
    background-color: #fff !important;

}


/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
    left: -370px;
}


.cbp-spmenu-right {
    left: -370px;
    transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}

.cbp-spmenu-left.menu-open {
    left: 0px;
    transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.cbp-spmenu-right.menu-open {
    left: 0px;
    transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;

}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
    top: -64px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.cbp-spmenu-bottom {
    bottom: -100px;
}


.cbp-spmenu-top.menu-open {
    top: 0px;

}

.cbp-spmenu-bottom.menu-open {
    bottom: 0px;
}

/* Push classes applied to the body */
.push-body {
    overflow-x: hidden;
    position: relative;
    left: 0;

}

.push-body-toright {
    left: 0px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.push-body-toleft {
    left: 0px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;

}
.push-body-totop {
    top: 64px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;


}

.push-body, .cbp-spmenu-push{
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}