/*** Aside Collapsed ***/
@media (min-width: 769px) {


    aside.left-panel.collapsed {
        width: 75px;
        text-align: center;
        
       
    }
    aside.left-panel.collapsed .navigation {
        padding-top: 0px !important;

       
        
    }
  aside.left-panel.collapsed + .content {
    margin-left: 75px;
  }

  aside.left-panel.collapsed .user .user-login,
aside.left-panel.collapsed span.nav-label {
    display: none;
  }

  aside.left-panel.collapsed .navigation > ul > li > a {
    padding: 20%;
  }


  aside.left-panel.collapsed .navigation > ul > li.has-submenu:after {
    display: none;
  }

    aside.left-panel.collapsed .logo{
        display:none;
    }
}

/*** Aside Collapsed Sub Menu ***/
@media (min-width: 769px) {
    aside.left-panel.collapsed .navigation ul li ul {
        position: absolute;
        z-index: 3;
        left: 100%;
        top: 0px;
        background-color: #162338;
        box-shadow: none;
        padding: 10px 0px;
        min-width: 200px;
       
    }

  aside.left-panel.collapsed .navigation > ul > li:hover > ul {
    display: block !important;
  }



  aside.left-panel.collapsed .navigation ul > li > ul > li > ul > li a {
    border: 0px;
    color: #b4b6bd;
    padding: 8px 25px 8px 40px;
  }

  aside.left-panel.collapsed .navigation ul li ul li a:hover {
    color: #fff;
  }


  /*Added responsive hover third lvl menu*/

    aside.left-panel.collapsed .navigation ul li ul li ul {
        position: absolute;
        z-index: 3;
        left: 100%;
        top: 0px;
        background-color: #162338;
        box-shadow: none;
        padding: 10px 0px;
        min-width: 100%;
        min-height: 100%;
        border: 1px solid black;
    }

    aside.left-panel.collapsed .navigation > ul > li > ul > li:hover > ul {
        display: block !important;
        
    }

    aside.left-panel.collapsed .navigation ul li ul li ul li a {
        border: 0px;
        color: #b4b6bd;
        padding: 8px 0px 8px 0px;
    }

        aside.left-panel.collapsed .navigation ul li ul li ul li a:hover {
            color: #fff;
        }

 
    /*Added responsive hover third lvl menu*/

 
 
}
@media (max-width: 768px) {
    
    
  aside.left-panel.collapsed {
    width: 250px;
    left: 0px;
    overflow: hidden !important;
  }

  aside.left-panel.collapsed + .content {
    margin-left: 0px;
    transform: translate3d(250px, 0px, 0px);
    -ms-transform: translate3d(250px, 0px, 0px);
    -webkit-transform: translate3d(250px, 0px, 0px);
    -moz-transition: translate3d(250px, 0px, 0px);
    -o-transition: translate3d(250px, 0px, 0px);
  }

  aside.left-panel {
    left: 100%;
  }

  .footer {
    left: 0 !important;
  }

  section.content {
    margin-left: 0px;
  }

  .content > .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-header h1 {
    margin-top: 0px;
  }
    /*dropdown navigation bar */
    #of {
        text-align: right;
       
    }
    #btnc {
        margin-right: 5px;
    }
    
}
@media (max-width: 767px) {
    #of {
       width:auto !important;
    }
}
@media (max-width:1060px) {
   #of {
        left: 0 !important;
        padding: 20px;
    }
    #searchC{
        padding-left:0 !important;
    }
}
@media (max-width: 450px) {

  .username {
		display: none;
	}
	.dropdown .extended i {
		display: none;
	}


}
.btnLogout {
    position: relative !important;
   
}

/*@media (max-height:800px){

    html {
        min-height: 184vh;
    }
}
@media (min-height:800px) {

    html {
        min-height: 115%;
    }
}*/
/*added class for whitespace on navigation bar , has connection with jquery file*/
.whitespace {
    min-height: 150% !important;
}
.offWhitespace {
    min-height: 115% !important;
}
.whitespaceSm {
    min-height: 220% !important;
}

/* ^ ^ ^ added class for whitespace on navigation bar , has connection with jquery file*/