/*
    Document   : mobile-1.0.0
    Created on : Nov 19, 2013
    Author     : shahram@talentcircles.com

    ATTENTION: This CSS should add to page after general.css
*/

/* collapsed sidebar styles for mobiles*/
@media screen and (max-width: 767px) {
    body{
        background-color: white;
    }
    .page-container.white {
        overflow: hidden;
        background-color: white;
    }
    .top_menu_logo {
        display: none;
    }
    .row-offcanvas {
    position: relative;
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.15s ease-out;
       -moz-transition: all 0.15s ease-out;
            transition: all 0.15s ease-out;
    }
    .col-xs-12 {
      position: relative;
      top: 0px;
      height: 100%;
      padding: 8px 6px 0;
    }
    #main-content.col-xs-12 {
      min-height: 350px;
      border-radius: 0px;
      margin-bottom: 0px;
      padding-top: 8px;
    }
    #main-content {
        position: relative;
        min-height: 1px;
        padding-right: 6px;
        padding-left: 6px;
    }
    .row-offcanvas-right
    .sidebar-offcanvas {
    right: -256px;
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
    left: -256px;
    bottom: 0px;
    }
    .row-offcanvas-right.active {
    right: 256px;
    }
    .row-offcanvas-left.active {
    left: 256px;
    }
    .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 256px;
    }
    #sidebar {
    background-color:#3b3b3b;
    padding:0px;
    }
    #sidebar li {
    border:0 #f2f2f2 solid;
    border-bottom-width:1px;
    margin-bottom: 0px;
    }
    #sidebar .nav {
      margin: 0px;
      padding: 5px;
      width: 100%;
    }
    #sidebar .nav>li {
    color: #ddd;
    background: linear-gradient(#3E3E3E, #383838);
    border-top: 1px solid #484848;
    border-bottom: 1px solid #2E2E2E;
    }
    #sidebar .nav>li.no_background {
    color: #ddd;
    background: none;
    border: none;
    }
    #sidebar .nav>li:first-child {
    border-top:0;
    }
    #sidebar .nav>li>a {
    padding: 9px 15px;
    }
    #sidebar .nav>li>a>img {
    max-width: 14px;
    }
    #sidebar .nav>li>a:hover, #sidebar .nav>li>a:focus {
    text-decoration: none;
    background: linear-gradient(#373737, #323232);
    color: #fff;
    }
    #sidebar .nav>li.no_background>a:hover, #sidebar .nav>li.no_background>a:focus {
    text-decoration: none;
    background: none;
    color: #aaa;
    }
    #sidebar .nav .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    }
    #sidebar .nav a:hover .caret{
    border-top-color: #fff;
    border-bottom-color: #fff;
    }
    .navbar-header .navbar-title {
        width:40%;
    }
    .navbar-default .navbar-toggle {
      float: left;
      margin:8px 0px;
      color: white;
      border: none;
      width: 44px;
      height: 34px;
      background-image: linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.0));
      border: 1px solid rgba(255,255,255,0.8);
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
      background-color: transparent;
    }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: white;
    }
    .navbar-default .navbar-toggle .navbar-toggle-glyphicon {
      position: relative;
      top:-1px;
      left:4px;
    }
    .navbar-default .navbar-brand-with-glyphicon {
      top: -2px;
    }
    .navbar-default .navbar-brand {
      float: none;
      margin: auto;
      color: white;
      text-shadow: none;
    }
    .navbar-mail-icon {
      display: none;
    }
    #menu_message .badge {
      display: block;
    }
    .copy_right {
        margin: 0 10px;
    }
    /* branding color & logo*/
    .container>.navbar-header,
    .container>.navbar-collapse {
      margin: 0px;
    }

    .top_logo {
      width: 100%;
      max-width: 300px;
      margin: auto;
    }
    img.top_logo {
        padding: 0;
    }
    .theme_footer {
        display: none;
        padding: 4px 0 0;
    }
    .login .theme_footer,
    .login_secondary .theme_footer {
        display: block;
    }
    .login_secondary_content {
        padding-top: 4px;
    }
    .box_content {
        padding: 15px 10px 0;
    }
    .mobile_footer {
        display: block;
        padding: 4px 0 0;
        margin: 10px -6px 0;
    }
    .theme_footer,
    .normal_footer {
        padding: 12px 0 0;
    }
    .theme_footer .full-width {
        margin: 0;
    }
    .normal_footer .full-width div,
    .theme_footer .full-width div {
        padding: 0;
    }
    .public_body.col-xs-12 {
        padding-top: 0;
    }
}