.cd-accordion-menu * {
            transition: ease-in-out all;
            -moz-transition: ease-in-out all;
            -webkit-transition: ease-in-out all;
        }
        .cd-accordion-menu a {
            transition: ease-in-out all 0.3s;
            -moz-transition: ease-in-out 0.3s;
            -webkit-transition: ease-in-out 0.3s;
        }
        .cd-accordion-menu label {
            transition: ease-in-out all 0.3s;
            -moz-transition: ease-in-out 0.3s;
            -webkit-transition: ease-in-out 0.3s;
        }
        .cd-accordion-menu {
          width: 100%;
  
        }
        .cd-accordion-menu ul {
          /* by default hide all sub menus */
          display: none;
        }
        .cd-accordion-menu li {
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
        }
        .cd-accordion-menu input[type=checkbox] {
          /* hide native checkbox */
          position: absolute;
          opacity: 0;
        }
        .cd-accordion-menu label, .cd-accordion-menu a {
          position: relative;
          display: block;

        }
        .no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
          background: #52565d;
        }
        .cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
          /* icons */
          content: '';
          display: inline-block;
          width: 16px;
          height: 16px;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
        }
        .cd-accordion-menu label {
          cursor: pointer;
        }
        .cd-accordion-menu label::before {
          background-image: url(/assets/arrow-left.svg);
          background-repeat: no-repeat;
        }
        .cd-accordion-menu label::before {
          /* arrow icon */
          right: 20px;
          background-position: 0 0;
          -webkit-transform: translateY(-50%) rotate(-90deg);
          -moz-transform: translateY(-50%) rotate(-90deg);
          -ms-transform: translateY(-50%) rotate(-90deg);
          -o-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);

        }


        .cd-accordion-menu input[type=checkbox]:checked + label::before {
          /* rotate arrow */
          -webkit-transform: translateY(-50%) rotate(90deg);
          -moz-transform: translateY(-50%) rotate(90deg);
          -ms-transform: translateY(-50%) rotate(90deg);
          -o-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
        }
        .cd-accordion-menu input[type=checkbox]:checked + label {
                    border-left:solid 5px red;
                    font-weight:400;
        }
 
        .cd-accordion-menu input[type=checkbox]:checked + a{
            border-left:solid 5px red;
                    font-weight:400;
        }

        .cd-accordion-menu input[type=checkbox]:checked + label + ul,
        .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
          /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
          /* show children when item is checked */
          display: block;
        }

        .cd-accordion-menu ul label,
        .cd-accordion-menu ul a {

        }
        .no-touch .cd-accordion-menu ul label:hover, .no-touch
        .cd-accordion-menu ul a:hover {

        }
        .cd-accordion-menu > li:last-of-type > label,
        .cd-accordion-menu > li:last-of-type > a,
        .cd-accordion-menu > li > ul > li:last-of-type label,
        .cd-accordion-menu > li > ul > li:last-of-type a {
          box-shadow: none;
        }
        .cd-accordion-menu ul label::before {
          left: 0;
        }
        .cd-accordion-menu ul label::after,
        .cd-accordion-menu ul a::after {
          left: 0;
        }
        .cd-accordion-menu ul ul label,
        .cd-accordion-menu ul ul a {
          padding-left: 0;
          
        }
        .has-children li {
            background:#eee !important;
        }
        .cd-accordion-menu ul ul>li {
          background:#808080;
        }
        .cd-accordion-menu ul ul label::before {
          left:0;
        }
        .cd-accordion-menu ul ul label::after,
        .cd-accordion-menu ul ul a::after {
          left: 0;
        }


        .cd-accordion-menu.animated label::before {
          /* this class is used if you're using jquery to animate the accordion */
          -webkit-transition: -webkit-transform 0.3s;
          -moz-transition: -moz-transform 0.3s;
          transition: transform 0.3s;
        }
        .cd-accordion-menu * {
            transition: ease-in-out all;
            -moz-transition: ease-in-out all;
            -webkit-transition: ease-in-out all;
        }
        .cd-accordion-menu a {
            transition: ease-in-out all 0.3s;
            -moz-transition: ease-in-out 0.3s;
            -webkit-transition: ease-in-out 0.3s;
        }
        .cd-accordion-menu label {
            transition: ease-in-out all 0.3s;
            -moz-transition: ease-in-out 0.3s;
            -webkit-transition: ease-in-out 0.3s;
        }
        #MIT-Drawer .cd-accordion-menu {
          width: 100%;
  
        }
        #MIT-Drawer .cd-accordion-menu ul {
          /* by default hide all sub menus */
          display: none;
        }
        #MIT-Drawer .cd-accordion-menu li {
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
        }
        #MIT-Drawer .cd-accordion-menu input[type=checkbox] {
          /* hide native checkbox */
          position: absolute;
          opacity: 0;
        }
        #MIT-Drawer .cd-accordion-menu label, #MIT-Drawer .cd-accordion-menu a {
          position: relative;
          display: block;
          padding: 10px;
          color:#ddd;
        }
        #MIT-Drawer .no-touch .cd-accordion-menu label:hover,#MIT-Drawer .no-touch .cd-accordion-menu a:hover {
          background: #52565d;
        }
        #MIT-Drawer .cd-accordion-menu label::before,#MIT-Drawer .cd-accordion-menu label::after,#MIT-Drawer .cd-accordion-menu a::after {
          /* icons */
          content: '';
          display: inline-block;
          width: 16px;
          height: 16px;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
        }
        #MIT-Drawer .cd-accordion-menu label {
          cursor: pointer;
        }
        #MIT-Drawer .cd-accordion-menu label::before {
          background-image: url(/assets/arrow-left.svg);
          background-repeat: no-repeat;
        }
        #MIT-Drawer .cd-accordion-menu label::before {
          /* arrow icon */
          right: 10px;
          background-position: 0 0;
          -webkit-transform: translateY(-50%) rotate(-90deg);
          -moz-transform: translateY(-50%) rotate(-90deg);
          -ms-transform: translateY(-50%) rotate(-90deg);
          -o-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);

        }
        #MIT-Drawer .cd-accordion-menu input[type=checkbox]:checked + label::before {
          /* rotate arrow */
          -webkit-transform: translateY(-50%) rotate(90deg);
          -moz-transform: translateY(-50%) rotate(90deg);
          -ms-transform: translateY(-50%) rotate(90deg);
          -o-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
        }
        #MIT-Drawer .cd-accordion-menu input[type=checkbox]:checked + label {
            border:none;
        }
        #MIT-Drawer .cd-accordion-menu ul>li>label::before {
          /* arrow icon */
          right: 10px;
          left: auto;
          background-position: 0 0;
          -webkit-transform: translateY(-50%) rotate(-90deg);
          -moz-transform: translateY(-50%) rotate(-90deg);
          -ms-transform: translateY(-50%) rotate(-90deg);
          -o-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);

        }

        #MIT-Drawer .cd-accordion-menu input[type=checkbox]:checked + #MIT-Drawer label::before {
          /* rotate arrow */
          -webkit-transform: translateY(-50%) rotate(90deg);
          -moz-transform: translateY(-50%) rotate(90deg);
          -ms-transform: translateY(-50%) rotate(90deg);
          -o-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
        }
        #MIT-Drawer .cd-accordion-menu input[type=checkbox]:checked + #MIT-Drawer label {
                    border-left:solid 5px red;
                    font-weight:400;
        }
 
        #MIT-Drawer .cd-accordion-menu input[type=checkbox]:checked + #MIT-Drawer a{
                    border-left:solid 5px red;
                    font-weight:400;
        }

        #MIT-Drawer .cd-accordion-menu input[type=checkbox]:checked + #MIT-Drawer label + ul,
        #MIT-Drawer .cd-accordion-menu input[type=checkbox]:checked + #MIT-Drawer label:nth-of-type(n) + ul {
          /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
          /* show children when item is checked */
          display: block;
        }

        #MIT-Drawer .cd-accordion-menu ul label,
        .cd-accordion-menu ul a {

        }
        #MIT-Drawer .no-touch .cd-accordion-menu ul label:hover, #MIT-Drawer .no-touch
        .cd-accordion-menu ul a:hover {

        }
        #MIT-Drawer .cd-accordion-menu > li:last-of-type > label,
        #MIT-Drawer .cd-accordion-menu > li:last-of-type > a,
        #MIT-Drawer .cd-accordion-menu > li > ul > li:last-of-type label,
        #MIT-Drawer .cd-accordion-menu > li > ul > li:last-of-type a {
          box-shadow: none;
        }
        #MIT-Drawer .cd-accordion-menu ul label::before {
         
        }
        #MIT-Drawer .cd-accordion-menu ul label::after,
        #MIT-Drawer .cd-accordion-menu ul a::after {
          left: 0;
        }
        #MIT-Drawer .cd-accordion-menu ul ul label,
        #MIT-Drawer .cd-accordion-menu ul ul a {
         
          
        }
        #MIT-Drawer .has-children li {
            background:#52565d !important;
        }
        #MIT-Drawer .cd-accordion-menu ul ul>li {
          background:#808080;
        }
        #MIT-Drawer .cd-accordion-menu ul ul label::before {
          left:0;
        }
        #MIT-Drawer .cd-accordion-menu ul ul label::after,
        #MIT-Drawer .cd-accordion-menu ul ul a::after {
          left: 0;
        }


        #MIT-Drawer .cd-accordion-menu.animated label::before {
          /* this class is used if you're using jquery to animate the accordion */
          -webkit-transition: -webkit-transform 0.3s;
          -moz-transition: -moz-transform 0.3s;
          transition: transform 0.3s;
        }
        #MIT-Drawer .has-children li label,  #MIT-Drawer .has-children li a {
        background: #303030 !important;
 
        }
        #MIT-Drawer .cd-accordion-menu ul ul>li {
        background: #383838 !important;
        }
        #MIT-Drawer .cd-accordion-menu ul ul>li a{
        text-decoration:none;
        background: #383838 !important;
        }