/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

#header {
    height: 100px;
}

#logo {
  display: inline-block;
  width: 225px;
  margin-top: 13px;
  margin-left: 9px;
}

#logo img {
 width: 190px;
  height: auto;

  padding-left: 3px;
}
#logo-group{width:280px !important;}
#header > :first-child,
aside {
 /* width: 280px; this*/
}
/*
 * LEFT PANEL
 */
#left-panel {
  position: absolute;
  padding-top: 110px;
  top: 0px;
/*  left: 0px; this*/
}
#main {
  display: block;
 /* margin-left: 280px; this*/
  padding: 0;
  min-height: 500px;
}

.hidden-menu #left-panel {
  /*left: -280px;this*/
}

.ajax-dropdown {
  left: 56px;
}

@media (min-width: 768px) and (max-width: 979px) {

  .hidden-menu  #left-panel {
        /*left: -280px ;*/
    }
.hidden-menu #main {
/*position: relative;
left: 0px;*/
}
}


@media (max-width: 767px) {
	#logo, #logo img, #logo-group{
  width: 190px !important;
	}
  .hidden-menu  #left-panel {
       /* left: -280px;*/
    }
.hidden-menu #main {
/*position: relative;
left: -0px;*/
}

}

@media only screen and (min-width: 0px) and (max-width: 679px) {

  .hidden-menu  #left-panel {
        /*left: -280px;*/
    }


        #logo-group span#activity {
        display: none;
    } 

}

@media only screen and (min-width: 320px) and (max-width: 479px) {

    .hidden-menu #left-panel {
        /*left: -280px;*/
    }

    .hidden-menu #main {
        position: relative;
        left: -0px;
    }

        #logo-group span#activity {
        display: none;
    }
}