/* Two Column */
@media (min-width: 768px) {
  #left-panel, #right-panel {
    float: right; } }

#aside {
  margin-bottom: 2em; }
  #aside ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  #aside a {
    display: block; }

#aside-nav {
  background-color: #C9F5F6;
  /**level- 1*/
  /*.level-5 {
		>a {
			&:hover {
				background: url("/images/nav/nav-bullet-grn.png") no-repeat scroll 20% 52% rgba(0, 0, 0, 0);
			
				font-weight: bold;
			}
			padding: .5em 1em .5em 3.8em;
			;
			background: url("/images/nav/nav-bullet-wht.png") no-repeat scroll -20px 52% rgba(0, 0, 0, 0);
		}
	}
	.level-5.active {
		>a {
			background: url("/images/nav/nav-bullet-grn.png") no-repeat scroll 20% 52% rgba(0, 0, 0, 0);
			font-weight: bold;
		}
	}*/ }
  #aside-nav a {
    color: #000;
    -webkit-transition: ease-in all 0.2s;
    -moz-transition: ease-in all 0.2s;
    -ms-transition: ease-in all 0.2s;
    -o-transition: ease-in all 0.2s; }
    #aside-nav a:hover {
      text-decoration: none;
      border: none;
      outline: none;
      background-color: #00b8c0 !important; }
    #aside-nav a:before {
      -webkit-transition: ease-in all 0.2s;
      -moz-transition: ease-in all 0.2s;
      -ms-transition: ease-in all 0.2s;
      -o-transition: ease-in all 0.2s; }
  #aside-nav li {
    border-top: 2px solid #fff; }
    #aside-nav li.active > a {
      background-color: #00b8c0; }
    #aside-nav li.current-active > a {
      background-color: #00b8c0 !important; }
  #aside-nav .level-1 > a {
    font-size: 1.125em;
    font-weight: 700;
    padding: 0.5em 1em; }
  #aside-nav .level-1 > ul > li > a {
    position: relative;
    padding: 0.5em 0.875em;
    font-size: 1.125em;
    font-weight: 700; }
    #aside-nav .level-1 > ul > li > a:hover:before {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg); }
  #aside-nav .level-1 > ul > li.active {
    /**level- 2*/ }
    #aside-nav .level-1 > ul > li.active > a:before {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg); }
    #aside-nav .level-1 > ul > li.active > ul > li a {
      background: url("/images/nav/nav-bullet-grn.png") no-repeat scroll 8% 52% transparent;
      padding: 0.5em 1em 0.5em 2em;
      /*background: url("/images/nav/nav-bullet-wht.png") no-repeat scroll -20px 52% rgba(0, 0, 0, 0);*/ }
      #aside-nav .level-1 > ul > li.active > ul > li a:hover {
        background: url("/images/nav/nav-bullet-grn.png") no-repeat scroll 8% 52% transparent; }
  #aside-nav .level-6 > a {
    position: relative;
    padding: 0.5em 1em 0.5em 3em; }

#left-panel-banner {
  font-weight: 700;
  font-size: 1.125em;
  padding: .75em;
  margin-top: 1.5em;
  background-color: #00B8C0; }
  #left-panel-banner p, #left-panel-banner a {
    line-height: 20px;
    color: #000; }
  #left-panel-banner img {
    float: left;
    margin: 8px 10px 20px 0;
    max-width: 35px; }

@media (min-width: 1200px) {
  #asideNav {
    margin-top: 0; } }

@media (max-width: 767px) {
  #left-panel-banner img {
    margin-top: 0; }
  #aside-nav .level-1 > ul > li.active > ul > li a {
    background-position: 15px 14px; }
    #aside-nav .level-1 > ul > li.active > ul > li a:hover {
      background-position: 15px 14px; } }