/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 5, 2017, 12:07:10 PM
    Author     : 16944
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');

    body {
        font-family: 'Open Sans', sans-serif;
        /* Margin bottom by footer height */

        margin-bottom: 60px;
        padding-right: 0px !important;
    }
    html {
        position: relative;
        min-height: 100%;
        overflow-x: hidden;
    }
    
/******************************** Navigation Bar ******************************/
    
    #wrapper {
        padding-left: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;

    }
    
    .closebutton{
        opacity: 1;
        margin-right: 10px !important;
        margin-top: 5px !important;
    }
    
    .sidebar-header{
        height:40px;
    }

    #sidebar-brand{
        padding: 15px;        
    }
    
    .sidebar-menu{
        margin-top: 0px !important;
    }

    .navbar-default,
    .navigation-header {
        background: -moz-linear-gradient(-65deg, #008fe2 0, #00b29c 100%) !important;
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #008fe2), color-stop(100%, #00b29c)) !important;
        background: -webkit-linear-gradient(-65deg, #008fe2 0, #00b29c 100%) !important;
        background: -o-linear-gradient(-65deg, #008fe2 0, #00b29c 100%) !important;
        background: -ms-linear-gradient(-65deg, #008fe2 0, #00b29c 100%) !important;
        background: linear-gradient(154deg, #008fe2 0, #00b29c 100%) !important;
        background-color: rgba(0, 0, 0, 0) !important;
        background-color: rgba(0, 0, 0, 0) !important;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#008fe2', endColorstr='#00b29c', GradientType=1) !important;       
    }
   
   /* 
    #header-data{
        transition: display 10ms; 
    }   
    #header-data.hidenavbar{
        display:none;
    }
    
    #header-menu{
        height: 100px !important;
        transition:  height 500ms; 
    }
    
    #header-menu.tiny {
        height: 0px !important;
    }    
    
    */
    
    .small-logo{
        display:none;
        transition: display 500ms;
    }
    
    .profile-dropdown:hover .profile-menu {
        display: block !important;
    }

    .hidden {
        display: none;
    }

    .shown {
        display: block;
    }

    .navbar-default .navbar-nav > li > a {
        color: #fff !important;
        font-weight: 600 !important;
        border-bottom: 3px solid transparent !important;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff !important;
    }

    .navbar-default .navbar-nav > .open > a, 
    .navbar-default .navbar-nav > .open > a:focus, 
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a:hover     {
        color: #fff !important;
        background-color: rgba(255, 255, 255, 0.1) !important;
        border-bottom: 3px solid #fff !important;    
    }

    .profile-menu > li > a:focus,
    .profile-menu > li > a:hover,
    .sidebar-menu li a:focus,
    .sidebar-menu li a:hover{
        text-decoration: none;
        color: #fff !important;
        background: -moz-linear-gradient(-65deg, #008fe2 0, #00b29c 100%) !important;
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #008fe2), color-stop(100%, #00b29c)) !important;
        background: -webkit-linear-gradient(-65deg, #008fe2 0, #00b29c 100%) !important;
        background: -o-linear-gradient(-65deg, #008fe2 0, #00b29c 100%) !important;
        background: -ms-linear-gradient(-65deg, #008fe2 0, #00b29c 100%) !important;
        background: linear-gradient(154deg, #008fe2 0, #00b29c 100%) !important;
        background-color: rgba(0, 0, 0, 0);
        background-color: rgba(0, 0, 0, 0);
        background-color: rgba(0, 0, 0, 0);
        background-color: rgba(0, 0, 0, 0) !important;
        background-color: rgba(0, 0, 0, 0) !important;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#008fe2', endColorstr='#00b29c', GradientType=1) !important;
    }
    
    .profile-menu {
        right: 0px !important;
        left: auto !important;
        margin-top: -10px !important;
    }
    .profile-ava img {
        border-radius: 50%;
        -webkit-border-radius: 50%;
    }
    .profile-details {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .profile-menu > li > a {
        color: #444 !important;
    }    
    .logo-header {
        height: 45px;
        margin-top: 3px;
    }
    .uicons {
        padding-right: 10px !important;
        font-size: 18px !important;
    }
   .sidebar-menu {
        padding-left: 0px !important;
    }
    .sub {
        padding-left: 0px !important;
    }
    .sub>li>a {
        padding-left: 50px !important;
    }
    .sub>li>.submenuitem {
        padding-left: 60px !important;
    }  
    .sidebar-menu li {
        line-height: 20px !important;
        list-style: none;
        position: relative;
        display: block;
    }
    .sidebar-menu li a {
        text-decoration: none !important;
        border-radius: 0px !important;
        color: #444 !important;
        position: relative;
        display: block;
        padding: 10px 15px;
        border-bottom: 1px solid #eee !important;         
    }    
    .navbar-brand{
        color:#fff !important;
    }    
    
/******************************* Footer *************************************/


.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    
    height: 60px;
    background-color: #1B222C;
}

.container{
	transition: padding 500ms;
}

.panel-heading{
	color: #fff !important;
}

/************************************ custom **************************/

#header-data{
   transition: display 600ms; 
}

#header-data.hiddendata{
    display: none !important;
}

@media (min-width: 768px) and (max-width: 991px){
    .container{
        margin-top: 145px !important;
    } 

    #navigation-bar{
        height: 170px !important;
        transition: height 500ms;
    }   
        
    
}


@media (min-width: 991px){
    .container{
        margin-top: 145px;
    } 
    
    .content-padding{
            margin-top: 10.5%;
            margin-bottom: 10%;

    }
    
}

@media (min-width: 768px) {
    
    .profiledropdown{
        top:67px;
        transition: top 500ms;
    }
    
    #navigation-bar.tiny {
        height: 40px !important;
    }  
    
    #navigation-bar.tiny .profiledropdown{
        top:10px;
    }
    
    #navigation-bar.tiny img {
        height: 45px !important;
        margin-top: -34px !important;

    }  

    #navigation-bar.tiny p {
        font-size: 14px;
        line-height:44px;
    }  
        
    #navigation-bar.tiny .menutoggle{
        line-height:20px;
    }
    
    .small-logo{
        width:400px !important;
    }

    .logo img{
    	
        margin-right: 0px;
        height: 90px !important;
        margin-top: -75px !important;
        transition: height 500ms, margin-top 500ms;
        margin-left: 28px;
        
    }    
   
    .logo p{
        line-height: 91px;
        font-size: 24px;
        transition: font-size 500ms, line-height 500ms;
    }
    

    #navigation-bar{
        height: 107px !important;
        transition: height 500ms;
    }   
        
    .menutoggle{
        line-height: 67px ;
        transition: line-height 500ms;
    }
    
    .toggle{
        width: 5.444% !important;
    }
    
    
    #wrapper.toggled {
        margin-left: 300px;
    }
    
    #sidebar {
        position: fixed;
        left: 0px;
        z-index: 1200;
        overflow-y: auto;
        margin-left: -300px;
        width: 0;
        height: 100%;
        background: #fff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        top: 0;
        border-radius: 4px;
        width: 300px;
        cursor: pointer;
    }

    #wrapper.toggled #sidebar{
        left:300px;
    }
}

@media (max-width: 768px) {
    
     .profiledropdown{
        top: 0px;
     }  

    #navigation-bar{
        height: 40px !important;
        transition: height 500ms;
    }    
    
    .logo img{
        height: 45px;
        margin-top: -33px;
        margin-left: 35px;        
    }
    
    #navigation-bar.tiny {
        height: 40px !important;
    }    
    
    .small-logo{
        width:100px !important;
    }
    .container-fluid > .navbar-header{
        margin-left: -25px !important;
    }
   
    #wrapper.toggled {
        margin-left: 250px;
    }
    
    .container{
        margin-top: 69px;
    }

    #sidebar {
        position: fixed;
        left: 0px;
        z-index: 1200;
        overflow-y: auto;
        margin-left: -250px;
        width: 0;
        height: 100%;
        background: #fff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        top: 0;
        border-radius: 4px;
        width: 250px;
        cursor:pointer;
    }

    #wrapper.toggled #sidebar{
        left:250px;
    }
    
    
}



/************************************ newcss ************************************************/