div.hprogress {
	    display: none;
    }
    .loader {
      height: 4px;
      width: 100%;
      position: relative;
      overflow: hidden;
      background-color: #ddd;
    }
    .loader:before{
      display: block;
      position: absolute;
      content: "";
      left: -200px;
      width: 200px;
      height: 4px;
      background-color: #2980b9;
      animation: loading 2s linear infinite;
    }

    @keyframes loading {
        from {left: -200px; width: 30%;}
        50% {width: 30%;}
        70% {width: 70%;}
        80% { left: 50%;}
        95% {left: 120%;}
        to {left: 100%;}
    }

    div.dataTables_processing { z-index: 1; }

    /* The switch - the box around the slider */
    .switch {
      position: relative;
      display: inline-block;
      width: 44px;
      height: 20px;
      float:right;
      margin-left: 2px;
    }

    /* Hide default HTML checkbox */
    .switch input {display:none;}

    /* The slider */
    .switch-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }

    .switch-slider:before {
      position: absolute;
      content: "";
      height: 18px;
      width: 18px;
      left: 0px;
      bottom: 1px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }

    .switch input.default:checked + .switch-slider {
      background-color: #444;
    }
    .switch input.primary:checked + .switch-slider {
      background-color: #2196F3;
    }
    .switch input.success:checked + .switch-slider {
      background-color: #8bc34a;
    }
    .switch input.info:checked + .switch-slider {
      background-color: #3de0f5;
    }
    .switch input.warning:checked + .switch-slider {
      background-color: #FFC107;
    }
    .switch input.danger:checked + .switch-slider {
      background-color: #f44336;
    }

    .switch input:focus + .switch-slider {
      box-shadow: 0 0 1px #2196F3;
    }

    .switch input:checked + .switch-slider:before {
      -webkit-transform: translateX(24px);
      -ms-transform: translateX(24px);
      transform: translateX(24px);
    }

    /* Rounded sliders */
    .switch-slider.round {
      border-radius: 34px;
    }

    .switch-slider.round:before {
      border-radius: 50%;
    }
    #textarea ul > li, #widetext ul > li {
        background: none !important;
    }
        #textarea ul > li a, #widetext ul > li a {
        text-decoration: none;
        color: #333;
    }

	#section-leffnav {
		display:none;
	}
	div#titlearea, div#titlearea div {
		width: 100%;
		position: absolute;
		left: 0;
		text-align: center;
		margin-left: -1px;
	}
    div#textarea {      
      margin-top: 100px;
      height: 100%;
    }
    #site-main {
        margin-left: 0px ;
        left: 0;

    }
	#section-rightsidebar {
        	background-color: #eee !important;
	 	    width: 60px;
        	float: left;
        	font-size: 14px;
        	margin-top: 140px;
        	height: 100%;
        	z-index: 0;
	}
    #section-rightsidebar .navbar.sidebar {
        min-height: 800px;
        height: 100%;
    }
    div#main-navigation {
        z-index: 1;
    }
	#section-rightsidebar li {
		background: none !important;
		padding: 0px !important;
	}
	
	div.col-md-12 {
		width: 90%;
	}

	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:focus,
	.nav-tabs > li.active > a:hover {
	     	 border-width: 0;
	}
	.nav-tabs > li > a {
	      border: none;
	      color: #333333 !important;
	      background: #90A8BA;
	      text-decoration: none !important;
	      height: 40px;
	      padding-bottom: 0px;
	      margin-bottom: -10px;
          font-weight: bold;
          font-size:larger;                                  
	  }
	  .nav-tabs > li.active > a,
	  .nav-tabs > li > a:hover {
	      border: none;
	      color: #ffffff !important;
	      background: #333333 !important;
	  }
  .nav-tabs > li > a::after {
      content: "";
      background: #333333;
      height: 2px;
      position: absolute;
      width: 100%;
      left: 0px;
      bottom: -10px;
      transition: all 250ms ease 0s;
      transform: scale(0);
  }
  .nav-tabs > li.active > a::after,
  .nav-tabs > li:hover > a::after {
      transform: scale(1);
  }
  .tab-nav > li > a::after {
      background: #90A8BA none repeat scroll 0% 0%;
      color: #333333;
  }
  .tab-pane {
    padding: 15px 0;
  }
  .tab-content {    
      margin-top: -14px;
      border: 0px #ddd solid;      
      min-height: 100%;
  } 
  .tab-content a:link {
	text-decoration: none !important;
  }
  .nav-tabs > li {
      	width: 35%;
      	text-align: center;
	background: none !important;
	padding: 0px !important;
	margin: 0px !important;
  }
  
  .card {
      background: #FFF none repeat scroll 0% 0%;
      margin-bottom: 30px;
      margin-top: 17px;
  }
  div.card ul.nav {
	margin-bottom: 12px !important;
    margin-top: 5px !important;
  }

 table.dataTable tbody tr.even-row { 
      background-color: #ffffff;
  }
  table.dataTable tbody tr.odd-row { 
      background-color: #ffffff;

  }

      .glyphicon { margin-right:5px; }
      .thumbnail
      {
          margin-bottom: 20px;
          padding: 0px;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          border-radius: 0px;
      }

      .item.list-group-item
      {
          float: none;
          width: 100%;
          background-color: #fff;
          margin-bottom: 10px;
          border: none !important;
      }
      .item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
      {
          background: #95a5a6;
      }

      .item.list-group-item .list-group-image
      {
          margin-right: 10px;
      }
      .item.list-group-item .thumbnail
      {
          margin-bottom: 0px;
      }
      .item.list-group-item .caption
      {
          padding: 9px 9px 0px 9px;
      }
      .item.list-group-item:nth-of-type(odd)
      {
          background: #eeeeee;
      }

      .item.list-group-item:before, .item.list-group-item:after
      {
          display: table;
          content: " ";          
      }

      .item.list-group-item img
      {
          float: left;
      }
      .item.list-group-item:after
      {
          clear: both;
      }
      .list-group-item-text
      {
          margin: 0 0 11px;
      }

       .overflow-clamp {
         margin: 0px !important;
         padding-left: 25px !important;
         padding-right: 25px !important;
         width: 100%;
         overflow: hidden;
       
         display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical; 
        
        /* support for IE follows */ 
        line-height:1.4em;
        /* 4 times the line-height to show 4 lines */
        height:5.6em;

        }

      div#tb_inner_licences_filter {
            position: inherit;
            margin-right: 250px; 
            width: 300px;
            margin-top: -45px; 
            text-align: center;
      }

      .badge { 
            background-color: rgba(0, 0, 0, .25);
            float: right;
            top: 0px;  
            margin-right: 3px;                     
      }

      .badge.active { 
            background-color: #f0ad4e;
            float: right;
            top: 0px;  
            margin-right: 3px;       
            
      }
        .btn-serial-no {
            font-size: 12px;
        }
        .col-md-6 {
            width: 20px;
            padding-bottom: 5px;
        }
        
        iframe{
              margin:0;
              width:100%;

        }

        /* NOTIFICATIONS */
        .flyout {            
            font-size: 11px;
            min-width: 40%;
            position: fixed;
            font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
            background-color: #fff !important;
            padding: 9px 11px;
            background: rgba(255, 255, 255, 1);
            border: 2px solid #D4AF37;
            -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
            -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
            box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;            
            z-index: 10010;
            display: none;
            top: 10px;
        }
 
        .flyout #tip {
            background-image: url('../img/up.jpg');
            background-repeat: no-repeat;
            background-size: 20px 20px;
            height: 30px;
            position: absolute;
            top: -15px;
            left: 25px;
            width: 30px;                   
        }
 
        .flyout h2 {            
            margin-top: -10px;    
            text-transform: uppercase;
            color: #666;
            font-size: 1.2em; 
            padding-bottom: 5px;
            margin-bottom: 12px;
            border-bottom: 1px solid #dcdbda;
        }
        .flyout #message { 
            padding-bottom: 25px; 
            font-size: 1.1em; 
            color: #222;
            _height: expression( this.scrollHeight > 349 ? "350px" : "auto" ); /* sets max-height for IE6 */
            max-height: 350px; /* sets max-height value for all standards-compliant browsers */            
            overflow-y:auto;
        }

        /*DATA TABLES*/
        #tb_licences {
            width: 100%;
            min-width: 100%;
        }    

        /*Select column */
        td.select-control,        
        table#tb_licences td:first-child{
             width: 15px;
        }
        /*Type column */
        table#tb_licences td:nth-child(2){
             width: 20px;
        }
        /* for the product description column*/
        table#tb_licences td:nth-child(3)         {
             width: 140px ;             
             overflow: hidden;
            display: -webkit-box;
            vertical-align: middle;
            -webkit-line-clamp: 1;
            -webkit-box-orient: horizontal;
        }

        
        /* Select checkbox, Row */
        tr.selected, tr.selected td{
            background-color: #D2D7D3 !important;
        }
            
        table.dataTable td.select-checkbox:before, table.dataTable td.select-checkbox:after {
            left: 30% !important;            
        }

        /* End Select checkbox, Row */

        table#tb_licences.dataTable tbody th, table#tb_licences.dataTable tbody td {
            padding: 3px 3px;
        }

         ul.pagination > li {
            background: none !important;
            padding-left: 2px !important;        
         }
        ul.pagination > li.active > a {
            color: #fff !important;
        }

     
        td.select-control > ul > li.dropdown,
        td.select-control > ul > li.dropdown ul.dropdown-menu li {
            background: none !important;
            padding: 0px !important;                                                                             
            white-space: nowrap !important;          
            vertical-align: middle !important;
        }
        td {
                vertical-align: middle  !important;
        }
        ul.dropdown-menu > li {
            white-space: nowrap;
        }
        ul.dropdown-menu > li > a {
            display: inline-block;  
            margin-left: 0px;
            //padding-left: 5px;          
           
        }
        
        div.data-table-users-slider {
            display: none;
        }
        table.data-table-user-list {            
            margin-left: 16px;
            margin-top: 0px;

        }

       
        #textarea, #widetext {
            font-size: 0.89em;
        }

        #progress_spinner {           
          position: fixed;
          top: 50%;
          left: 50%;          
          transform: translate(-50%, -50%);                                      
          z-index:10001;
        }
        #progress_spinner, #progress_spinner img {
            width: 48px;
            height: 48px;
        }
        th {
           white-space: nowrap;
        }
        td.details-control {                           
            padding: 0px;
            vertical-align: middle;
            width: 700px;
            
        }
        td.details-control.collapsible {
            background: url('../img/arrow-7-xxl.png') no-repeat left center;
            background-size: 18px 18px;
            cursor: pointer;         
          
        }
 
        tr.shown.showing-users td.details-control.collapsible.users, 
        tr.shown.showing-managers td.details-control.collapsible.managers {
            background: url('../img/arrow-7-xxl-down.png') no-repeat left center;            
            background-size: 18px 18px; 
           
        }
 
        div.slider {
            display: none;
        }
 
        table.dataTable tbody td.no-padding {
            padding: 0;
        }
        #section-rightsidebar {
		    /* display: none; */
	    }	

        

        /* Search button */
        div.dataTables_filter > label > input[type="search"]{
            border-top:thin solid  #e5e5e5;
            border-right:thin solid #e5e5e5;
            border-bottom:0;
            border-left:thin solid  #e5e5e5;
            box-shadow:0px 1px 1px 1px #e5e5e5;            
            height:30px;
            margin:.8em 0 0 .5em; 
            outline:0;
            padding:.4em 0 .4em .6em; 
            width: 200px; 
            background-image: url("../img/magnifying_glass.png");
            background-repeat: no-repeat;            
            background-size: 30px 30px;
            background-position: right 7px bottom 0px; 
        }
       
    div.assign-container > input[type="text"] {
        width: 85%;
        border: 1px solid rgba(0, 0, 0, .25);
        height: 26px;
        padding: 1px;
        margin: 2px;
    }
     div.assign-container > textarea {
        width: 95%;
        border: 1px solid rgba(0, 0, 0, .25);
        height: 40px;
        line-height: 26px;
        padding: 1px;
        font-weight: normal;
        margin: 2px;
        resize: vertical;
        overflow: visible;
        display: inline-block;
    }

    div.assign-container {
        padding: 3px;
       -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
        /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
        -moz-box-shadow: 0px 0px 1px #000000;
        -webkit-box-shadow: 0px 0px 1px #000000;
        box-shadow: 0px 0px 1px #000000; 
        position: absolute;
        z-index: 10000;
        background-color: #dcdbda;
        text-align: right; 
        width: 350px;
        margin-left: 70px;
        margin-top: -40px;
    }

    ul.dropdown-menu.textcomplete-dropdown {
        z-index: 10001 !important;
    }

    .btn-sm {
       margin-right: 2px;                   
    }

    .btn-sm-container {
        text-align: right; 
        padding: 2px;
        width: 100%;
    }

    .validData {
        border: 1px solid green !important;
    }
    .invalidData {
        border: 1px solid red !important;
    }

    div#single-user-content {
        min-height: 300px;
    }
    .hidden_element, #tb_inner_licences_info, div#revoke_dire {
        display: none;   
        margin-top: 3px;    
    }   
    
    .fixed-panel {
        min-height: 100px;
        max-height: 100px;
        overflow-y: scroll;
    }
     .fixed-panel.extended {
        min-height: 230px;
        max-height: 230px;
        overflow:hidden;
    }
    .fixed-panel img {
        width: 28px;
        height: 28px;
        position: absolute;
        left: 50%;
        top: 50%;
    }
    .panel-actions {
      margin-top: -20px;
      margin-bottom: 0;
      text-align: right;
    }
    .panel-actions a {
      color:#333;
    }
    .panel-fullscreen {
        display: block;
        z-index: 9999;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        overflow: auto;
    }

    .text-muted {
        color: #6896b9;
    }

   
    
    .stepwizard-step p {
        margin-top: 10px;
    }
    .stepwizard-row {
        display: table-row;
    }
    .stepwizard {
        display: table;
        width: 50%;
        position: relative;
    }
    .stepwizard-step button[disabled] {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }
    .stepwizard-row:before {
        top: 14px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 100%;
        height: 1px;
        background-color: #ccc;
        z-order: 0;
    }
    .stepwizard-step {
        display: table-cell;
        text-align: center;
        position: relative;
    }
    .stepwizard-step a.btn {
           text-decoration: none !important;
    }
    .stepwizard-step a.btn-primary {
        color: #fff !important;     
    }
    .btn-circle {
        width: 30px;
        height: 30px;
        text-align: center;
        padding: 6px 0;
        font-size: 12px;
        line-height: 1.428571429;
        border-radius: 15px;
    }

    .form-group, .stepwizard {
            width: 100%;
    }
    .row.setup-content {
           padding: 20px;
    }

    table.import-data {
        display: block;
        height: 500px;
        overflow-y: scroll;
        background: #fff;
     }
    table#tb_inner_licences {
        border-collapse: collapse;
    }
    table#tb_inner_licences td.sorting_1 {
        width: 98%;
    }
    .col-xs-3 {
        padding: 2px;
        width:auto;
    }
    div#action_bar {
        padding: 5px;
        border-bottom: 5px solid rgba(0, 0, 0, .25); 
        background-color: #95a5a6;
    }
    div#action_bar, div#tb_inner_licences_paginate {
        width: 60% !important;
        margin: 0 auto !important;
        float: none !important;    
    }
    div#action_bar button.btn-assign {        
        margin-right: 3px;        
    }
    table#tb_inner_licences td.dt-center.sorting_1 {
        vertical-align:middle !important;
        width: 100%;
        white-space: nowrap;
        padding: 7px 7px; 
    }

    span.label, div.alert {
        font-size: 12px;
        font-weight: normal;
        padding: 5px;
    }

    div#import_progress {
      position: relative;
      width: 100%;
      height: 30px;
      background-color: #fff;      
    }

    div#import_progress_bar {     
   
      display: none;
    }
    div#import_process {
        color: #95a5a6; 
        font-weight: bold; 
        font-size: 13px;
        background-color: #ffffff ;        
        font-family: monospace;
        display: inline-block;
        margin: 6px 6px 6px 6px;
        padding: 12px 12px 12px 12px;        
        width: 90%;
        height: 60px;
    }
    div#csv-modal,
    div#csv-modal > div.modal-dialog,
    div#csv-modal > div.modal-dialog > div.modal-content,
    div#csv-modal > div.modal-dialog > div.modal-content > div.modal-body{ 
        height: 100%;
        width: 100%
    }

    #import_results_wrapper {
        cursor:pointer;
        display: none;
    }
    .table-fixed {
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .table-fixed thead, .table-fixed tbody, .table-fixed tbody tr   {
      width: 100%;
    }
    .table-fixed tbody {
      height: 230px;
      overflow-y: scroll;
      overflow-x: auto;      
    }

    .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed th {
      display: block;
    }
    .table-fixed td {
        vertical-align: top !important;
        text-align: left !important;
    }
    .table-fixed td:nth-child(1) {
        width: 5%;
    }
    .table-fixed td:nth-child(2) {
        width: 10%;
    }
    .table-fixed td:nth-child(3) {
        width: 10%;
    }
    .table-fixed td:nth-child(4) {
        width: 35%;
    }
    .table-fixed td:nth-child(5) {
        width: 40%;
    }
    

    .table-fixed thead > tr> th {      
      border-bottom-width: 0;
      display: inline-block;
    }
 
    .btn-file {
        position: relative;
        overflow: hidden;
    }
    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

    .dt_selectall {        
        height: 22px;
        width: 22px ; 
        font-size: 12px;
        font-weight: normal;       
        float: left;       
        margin-top: 0px !important;                     
    }

    div.dt-button-info.position-rel{
        position: relative !important;
        margin-top: 50px !important;
    }
    

    .btn_message_center_close, .btn-users-slider-close {
        margin-left: 5px;
        color: #f0ad4e;
        margin-top: -12px;
        font-weight: bold;
        float: right;
        font-size: 32px;
        line-height: 32px;
        cursor: pointer;
        transition: 0.3s;
    }

    .users-tbl-title {
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        padding-left: 40%;
        position:absolute;
        margin-top: 10px;
        text-transform: capitalize;
    } 
   
    .btn-users-slider-close {                   
        margin-top: -50px;
        width: 100%;
        text-align: center;
        padding: 0px;
        margin-left: 0px;        
        float: none;
        white-space: nowrap;
    }
    .btn-users-slider-close div {       
        padding-left: 58%;
        color: #333;
        margin: 0px;
    }
    
    /* When moving the mouse over the Message Center close button */
    .btn_message_center_close:hover {
        color: #90A8BA;
    }
    .btn-users-slider-close div:hover {
        color: #ccc;
    }


    /* Single user badges are out */
    td.collapsible.users span.badge.single {
        display: none;
    }

    /* dynamic simple clamping */
    .dynamic_clamp {
         display: block;
         -webkit-box-orient: vertical; 
         overflow: hidden;
         line-height: 1.2em;
         width: 100%;
    }

    .dynamic_clamp p {
      padding: 0;
      margin: 0;
    }

    .dynamic_clamp.dyn_unclamp { max-height: initial; }
    .dynamic_clamp-3 { max-height: 3.6em; }

    .dynamic_clamp + .dynamic_clamp-toggle::before {
      content: "Show All...";
      float: right;
    }
    .dynamic_clamp.dyn_unclamp + .dynamic_clamp-toggle::before { content: "Show Less..."; }

    /* end dynamic simple clamping */


   
    div#tb_licences_length {
        padding-top: 8px;
        padding-left:30px;     
    }


    table#tb_licences > tbody > tr > td > span.label {
        display: inline-block !important;
        width: 100% !important;
    }
    table#tb_licences > tbody > tr > td > span.label > a {
        color: #f5f6fa; /* #fff200 #3c40c6 */
        text-decoration: underline !important;        
    }

    .glyphicon-assigned {
        color: #c8d6e5;        
    }
    .glyphicon-activated {
        color: #badc58;
        text-shadow: 1px 1px 1px #6ab04c;
    }
    a.dropdown-divider {
        height: 0;
        margin: .5rem 0;
        overflow: hidden;
        border-top: 1px solid #e9ecef;
        display: inline-block;
        width: 100%;
    }
    [data-style=voucher_peek] + .popover {background:  #fff; border-radius: 0; padding: 4px; color: #333; height: 220px;}
	[data-style=voucher_peek] + .popover .popover-title {background-color: #273c75; border-radius: 0; color: #f5f6fa; font-size: 12px;}
    [data-style=voucher_peek] + .popover .popover-content {font-size: 11px; height: auto;}
    .afx_true { background-color: #dff0d8; color: #3c763d; border-color: #d0e9c6;    }
    .afx_false { background-color: #f2dede; color: #a94442; border-color: #ebcccc;   }
    .afx_info { background-color: #d9edf7; color: #31708f; border-color: #bcdff1;   }
    #tb_licences > tbody > tr > td:nth-child(9) > span > span > a {
        color: #eeeeee;        
        text-shadow: 0px 1px 3px #421c05;
    }
    .vertical-menu {
        width: 200px;
        float: left;        
        height: 90% !important;
        position: absolute;
        border: 1px solid #dadada !important;
        background-color: #eee !important;
    }

    .vertical-menu a {
        display: block;
        padding: 12px;
        text-decoration: none !important;
        border-top: 1px solid #dadada;
    }

    .vertical-menu a:hover {
        background-color: #ccc;
    }

    .vertical-menu a.active {
        background-color: #2980b9;
        color: #fff !important;
    }

    div#feature-release-notes-text {
        top: 0; 
    }

    div.release-note p {
        width: 200px;        
        margin-top: -20px;
        color: #fff;        
        font-size: 12px;
    }


/* .....NavBar: Icon only with coloring/layout.....*/    
/*Remove rounded coners*/

	nav.sidebar.navbar {		       
        border: none;
	}   
	nav.sidebar {
		-webkit-transition: margin 200ms ease-out;
	    -moz-transition: margin 200ms ease-out;
	    -o-transition: margin 200ms ease-out;
	    transition: margin 200ms ease-out;
		margin-left: -210px;        
		position: sticky;        
	}


    button.navbar-toggle:active  ~  div#bs-sidebar-navbar-collapse-1 {
        position: absolute;
        left: 0;
        margin-left: 0px;
    }
    
		/*Center Brand*/
		nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
			margin-left: 0px;
		}

        	a.navbar-brand:hover {
			text-decoration: none !important;
		}


		/*Center Brand*/
		nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
			text-align: center;
			width: 100%;
			margin-left: 0px;
		}
        
		/*Center Icons*/
		nav.sidebar a{
			padding-right: 13px;
            color: #FAF0E6 !important;
		}

		/*adds border top to first nav box */
		nav.sidebar .navbar-nav > li:first-child{
			border-top: 1px #333 solid;
		}

		/*adds border to bottom nav boxes*/
		nav.sidebar .navbar-nav > li{
			border-bottom: 1px #333 solid;
		}

		/* Colors/style dropdown box*/
		nav.sidebar .navbar-nav .open .dropdown-menu {
			position: static;
			float: none;
			width: auto;
			margin-top: 0;
			background-color: transparent;
			border: 0;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		/*allows nav box to use 100% width*/
		nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
			padding: 0 0px 0 0px;
		}

		/*colors dropdown box text */
		.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
			color: #FFF8DC !important;
		}

		/*gives sidebar width/height*/
		nav.sidebar{
			width: 250px;
			height: 100%;		
			float: left;
            left: 0;
            margin-bottom: 0px;
		}

		/*give sidebar 100% width;*/
		nav.sidebar li {
			width: 100%;
		}
		
		/*for hiden things when navbar hidden*/
		.forAnimate{
			opacity: 0.8;
		}
	    nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
		    color: #fff;
		    background-color: transparent;
	    }

	    nav:hover .forAnimate{
		    opacity: 1;
	    }
        @media (min-width: 768px) {
            #textarea {			   
                left: 210px;		
                float: left;
                margin-left: auto;		  
		    }

            nav.sidebar {
                margin-left: 10px;  
                left: 0;
                float: left;                     		    
            }

        }

        @media (max-width: 767px) {
            nav.sidebar:hover {
                margin-left: 10px;            
            }  
             nav.sidebar:hover  div.container-fluid div.navbar-header a.navbar-brand{
                 display: none;
             }
            nav.sidebar div.container-fluid  div#bs-sidebar-navbar-collapse-1,      
            nav.sidebar div.container-fluid  div#bs-sidebar-navbar-collapse-1 ul {              
                margin-left: 0px;
                overflow: hidden;    
                width: 240px;        
            }

            nav.sidebar:hover  div.container-fluid  div#bs-sidebar-navbar-collapse-1,      
            nav.sidebar:hover  div.container-fluid  div#bs-sidebar-navbar-collapse-1 ul {              
                margin-left: 2px;
                overflow: hidden;    
                width: 240px;        
            }
            #section-rightsidebar:hover ~ #textarea {
                margin-left: 250px;
            }
        }