/*====================================
 Free To Use For Personal And Commercial Usage
Author: http://binarytheme.com
 Share Us if You Like our work 
 Enjoy Our Codes For Free always.
======================================*/

/* user image section */
.user-section {
    margin-top:20px;
    font-size:22px;
}

.user-section-inner {
    height: 65px;
width: 65px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
display: inline-block;
float: left;
margin-right: 15px;
margin-top: 20px;
}
    .user-section-inner img {
        margin-left:10px;
        width:55px;
        height:60px;
        
    }
.user-info {
    display: block;
    color: #ffe201 !important;
    padding: 24px 15px 15px 15px;
    margin-bottom: 0;
    font-size: 18px;
}
.user-text-online {
    font-size:18px;
    color:#fff
}
.user-circle-online {
    width: 15px!important;
    height: 15px!important;
}

/* side-menu section */
.nav > li > a:hover, .nav > li > a:focus {
    background: transparent;
}

.navbar-top-links  .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: rgb(127, 144, 169);
}
.navbar-top-links > li > a {
    color: #FFFFFF;
}
.nav > li > a {
    padding: 13px 15px 12px;
}
#side-menu {
    background-color: #314055;
}

 #side-menu a {
    color: #e7e7e7;
    font-size: 13px;
    font-weight: 500;
}
 
#side-menu a:hover {
    color: #fff;
}
 
 
 #side-menu a .fa,
 #side-menu a .fas,
 #side-menu a .far {
     width: 30px;
     font-size: 18px;
     text-align: left;
     vertical-align: baseline
 }
 
.selected {
    text-shadow: rgba(0,0,0,.25) 0 -1px 0;
    background: linear-gradient(#334556,#2C4257),#2A3F54;
    box-shadow: rgba(0,0,0,.25) 0 1px 0, inset rgba(255,255,255,.16) 0 1px 0;
}
/* back colors */
.blue {
    background-color:rgb(113, 159, 241);
}
 .green {
    background-color:rgb(144, 236, 192);
}
  .red {
    background-color:rgb(255, 102, 133);
}
.yellow {
    background-color:rgb(237, 253, 46);
}

  /* No border */
.no-boder {
    border: 0 solid #5bc0de !important;
}
/* tap nvbar Section */



.navbar-default .navbar-brand {
    color: #5a738e;
    padding: 10px 0 0 15px;
}


.top-label {
    position: absolute;
top: 50%;
right: 50%;
margin-top: -24px;
margin-right: -24px;
}

/*large font*/
.large-font {
    font-size:18px;
}

.body-Login-back {
    background-color:#84B899;
}

.margin-tips {
    margin:5px;
}

/*media queries*/

@media(min-width:768px) 
{
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        min-height: 1000px;
       
       
    }

}

@media(max-width:768px) {
#wrapper {
    margin-top:140px!important;
    
}
}