/* not active */
.nav-pills .pill-5 .nav-link:not(.active) {
    background-color: rgba(207, 53, 125, 0.3);
    color:

}

.nav-pills .pill-4 .nav-link:not(.active) {
    background-color: rgba(144, 32, 96, 0.3);
}

.nav-pills .pill-3 .nav-link:not(.active) {
    background-color: rgba(96, 32, 64, 0.3);
    color: white;
}

.nav-pills .pill-6 .nav-link:not(.active) {
    background-color: rgba(248, 249, 250, 0.9);
    color: rgba(52, 58, 64, 0.9);
}


/* active (faded) */
.nav-pills .pill-5 .nav-link {
    background-color: rgba(207, 53, 125, 0.2);
    color: white;
}

.nav-pills .pill-4 .nav-link {
    background-color: rgba(144, 32, 96, 0.9);
}

.nav-pills .pill-3 .nav-link {
    background-color: rgba(96, 32, 64, 0.9);
    color: white;
}

.nav-pills .pill-6 .nav-link {
    background-color: rgba(52, 58, 64, 0.9);
    color: white;
} 

 
.circle {
  width: 42px;
  height: 42px;
  padding-top:9px;
  padding-bottom:9px;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  position:relative; 
  top:2px;
  margin-top:0;
  margin-bottom:0;
 
 
}

.tooltip-inner{ color:#ffffff; font-weight:400;  background-color:#791A3E; margin-top:-10px;}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before { border-top-color: #791A3E; }
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before { border-left-color: #791A3E;}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before { border-right-color: #791A3E;}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before { border-bottom-color: #791A3E;}

.tooltip {
    display: inline;
    position: relative;
    margin-bottom:10px;
    margin-top:10px;
  }




body::-webkit-scrollbar { 
    -webkit-appearance:none; 
    width:5px;
}
body::-webkit-scrollbar-track {
    border-radius: 10px;

    background: #fff;
    height:90%;
}
body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #888;
}
body::-webkit-scrollbar-thumb:hover {
    background:#999; 
}
body::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(100,100,100,0.4);
}

.no-scroll {
    overflow-y: hidden;
}
.scroll {
	
}

.scroll::-webkit-scrollbar { 
    -webkit-appearance:none; 
    width:5px;
}
.scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #fff;
    height:90%;
}
.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #888;
}
.scroll::-webkit-scrollbar-thumb:hover {
    background:#999; 
}
.scroll::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(100,100,100,0.4);
}

.text-bank0 { color: #791A3E; }
.text-bank1 { color: #d279a6; }
.text-bank2 { color: #993366; }
.text-bank3 { color: #602040; }
.text-bank4 { color: #902060; }
.text-bank5 { color: #CF357D; }


.text-stat1  {color:#FFFF00;}
.text-stat2  {color:#A0E000;}
.text-stat3  {color:#00A000;}
.text-stat4  {color:#006080;}
.text-stat5  {color:#0000FF;}
.text-stat6  {color:#2000B0;}
.text-stat7  {color:#400060;}
.text-stat8  {color:#800046;}
.text-stat9  {color:#FF0000;}
.text-stat10 {color:#FF6000;}
.text-stat11 {color:#FFA000;}
.text-stat12 {color:#FFD000;}

.bg-stat1  {background-color:#FFFF00;}
.bg-stat2  {background-color:#A0E000;}
.bg-stat3  {background-color:#00A000;}
.bg-stat4  {background-color:#006080;}
.bg-stat5  {background-color:#0000FF;}
.bg-stat6  {background-color:#2000B0;}
.bg-stat7  {background-color:#400060;}
.bg-stat8  {background-color:#800046;}
.bg-stat9  {background-color:#FF0000;}
.bg-stat10 {background-color:#FF6000;}
.bg-stat11 {background-color:#FFA000;}
.bg-stat12 {background-color:#FFD000;}

.bg-bank0 { background-color: #791A3E; }
.bg-bank1 { background-color: #d279a6; }
.bg-bank2 { background-color: #993366; }
.bg-bank3 { background-color: #602040; }
.bg-bank4 { background-color: #902060; }
.bg-bank5 { background-color: #CF357D; }

  .dropdown-menu.dropdown-bank0 .dropdown-item:hover,
  .dropdown-menu.dropdown-bank0 .dropdown-item:focus {
   background-color: #791A3E; }

  .dropdown-menu.dropdown-bank1 .dropdown-item:hover,
  .dropdown-menu.dropdown-bank1 .dropdown-item:focus {
   background-color: #d279a6; }

  .dropdown-menu.dropdown-bank2 .dropdown-item:hover,
  .dropdown-menu.dropdown-bank2 .dropdown-item:focus {
   background-color: #993366;  }


  .dropdown-menu.dropdown-bank3 .dropdown-item:hover,
  .dropdown-menu.dropdown-bank3 .dropdown-item:focus {
   background-color: #602040; }


  .dropdown-menu.dropdown-bank4 .dropdown-item:hover,
  .dropdown-menu.dropdown-bank4 .dropdown-item:focus {
   background-color: #902060; }

  .dropdown-menu.dropdown-bank5 .dropdown-item:hover,
  .dropdown-menu.dropdown-bank5 .dropdown-item:focus {
   background-color: #CF357D; }



.bg-dash1 {background-color: #ebe9e0;}
.bg-dash2 {background-color: #e1ded0;}


.navbar-nav .dropdown-menu-dash1:after,
.dropdown .dropdown-menu[x-placement="bottom-start"]:after,
.dropdown .dropdown-menu[x-placement="bottom-end"]:after,
.card.card-just-text .dropdown .dropdown-menu:after,
.card-just-text .dropdown .dropdown-menu:after,
.dropdown-btn .dropdown-menu:after {
  border-bottom: 11px solid #ebe9e0;
  border-left: 11px solid rgba(0, 0, 0, 0);
  border-right: 11px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  position: absolute;
  right: 12px;
  top: -11px; }

.navbar-nav .dropdown-menu-dash2:after,
.dropdown .dropdown-menu[x-placement="bottom-start"]:after,
.dropdown .dropdown-menu[x-placement="bottom-end"]:after,
.card.card-just-text .dropdown .dropdown-menu:after,
.card-just-text .dropdown .dropdown-menu:after,
.dropdown-btn .dropdown-menu:after {
  border-bottom: 11px solid #e1ded0;
  border-left: 11px solid rgba(0, 0, 0, 0);
  border-right: 11px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  position: absolute;
  right: 12px;
  top: -11px; }


.w-10 { width:10%;}
.w-20 { width:20%;}
.w-30 { width:30%;}
.w-40 { width:40%;}
.w-60 { width:60%;}
.w-70 { width:70%;}
.w-80 { width:80%;}
.w-90 { width:90%;}

.hp-10 { height:10px; }
.hp-20 { height:20px; }
.hp-30 { height:30px; }
.hp-40 { height:40px; }
.hp-50 { height:50px; }
.hp-60 { height:60px; }
.hp-70 { height:70px; }

.f-s-10 { font-size:10px; }
.f-s-11 { font-size:11px; }
.f-s-12 { font-size:12px; }
.f-s-13 { font-size:13px; }
.f-s-14 { font-size:14px; }
.f-s-15 { font-size:15px; }
.f-s-16 { font-size:16px; }
.f-s-17 { font-size:17px; }
.f-s-18 { font-size:18px; }
.f-s-19 { font-size:19px; }
.f-s-20 { font-size:20px; }
.f-s-21 { font-size:21px; }
.f-s-22 { font-size:22px; }
.f-s-23 { font-size:23px; }
.f-s-24 { font-size:24px; }
.f-s-25 { font-size:25px; }
.f-s-26 { font-size:26px; }
.f-s-27 { font-size:27px; }
.f-s-28 { font-size:28px; }
.f-s-29 { font-size:29px; }
.f-s-30 { font-size:30px; }
.f-s-31 { font-size:31px; }
.f-s-32 { font-size:32px; }
.f-s-33 { font-size:33px; }
.f-s-34 { font-size:34px; }
.f-s-35 { font-size:35px; }
.f-s-36 { font-size:36px; }
.f-s-37 { font-size:37px; }
.f-s-38 { font-size:38px; }
.f-s-39 { font-size:39px; }
.f-s-40 { font-size:40px; }


.f-l-10 { line-height:10px; }
.f-l-11 { line-height:11px; }
.f-l-12 { line-height:12px; }
.f-l-13 { line-height:13px; }
.f-l-14 { line-height:14px; }
.f-l-15 { line-height:15px; }
.f-l-16 { line-height:16px; }
.f-l-17 { line-height:17px; }
.f-l-18 { line-height:18px; }
.f-l-19 { line-height:19px; }
.f-l-20 { line-height:20px; }
.f-l-21 { line-height:21px; }
.f-l-22 { line-height:22px; }
.f-l-23 { line-height:23px; }
.f-l-24 { line-height:24px; }
.f-l-25 { line-height:25px; }
.f-l-26 { line-height:26px; }
.f-l-27 { line-height:27px; }
.f-l-28 { line-height:28px; }
.f-l-29 { line-height:29px; }
.f-l-30 { line-height:30px; }
.f-l-31 { line-height:31px; }
.f-l-32 { line-height:32px; }
.f-l-33 { line-height:33px; }
.f-l-34 { line-height:34px; }
.f-l-35 { line-height:35px; }
.f-l-36 { line-height:36px; }
.f-l-37 { line-height:37px; }
.f-l-38 { line-height:38px; }
.f-l-39 { line-height:39px; }
.f-l-40 { line-height:40px; }




#sidebar {
  min-width: 220px;
  max-width: 220px;
  background: #cdcdcd;
  color: #fff;
  -webkit-transition: all 1.3s;
  -o-transition: all 1.3s;
  transition: all 1.3s; }
  
  #sidebar.active {
    min-width: 70px;
    max-width: 70px;
    text-align: center;
	-webkit-transition: all 1.3s;
	-o-transition: all 1.3s;
	transition: all 1.3s; }
	
    #sidebar.active ul.components li {
      font-size: 18px; }
      #sidebar.active ul.components li a {
        padding: 10px 0; }
        #sidebar.active ul.components li a span {
          margin-right: 0;
          display: block;
          font-size: 24px; }
		  
   
    #sidebar.active .footer 
      {
      display: none;
      -webkit-transition: all 2.8s;
      -o-transition: all 2.8s;
      transition: all 2.8s;
       }
	  
	  
	 #sidebar.side_ac { display: block;  visibility: visible;   }	 
 		 .side_ac { display: block; visibility: visible; }	


	#sidebar.active .side_ac { display: none;   visibility: hidden;   }	
	#sidebar.active .side_dc { display: block; visibility: visible; }

	#sidebar .side_dc { display: none;  visibility: hidden;   }

	.tab_view { visibility: visible; }


@keyframes fadeIn {
    from { opacity: 0; display: none; visibility: hidden; }
      to { opacity: 1; display: block; visibility: visible; }
}
   
	

  #sidebar .logo {
    display: block;
    color: #fff;
    font-weight: 900;
	text-align:center;
    padding: 5px 0px;
    }
	
    @media (prefers-reduced-motion: reduce) {
      #sidebar .logo {
		 font-size:15px;
		font-weight: 700;
         } }
		
  #sidebar ul.components {
    padding: 0;
    }
	
	div.sidebar	{
	background-color:#ffffff;
	-webkit-transition: all 1.8s;
	-o-transition: all 1.8s;
    transition: all 1.8s;
	}
	
	div.sidebar:hover {
		background-color:#cdcdcd;
		-webkit-transition: all 1.8s;
	 -o-transition: all 1.8s;
     transition: all 1.8s;
		
	}
	
  #sidebar ul li {
    font-size: 16px; }
    #sidebar ul li > ul {
      margin-left: 10px; }
      #sidebar ul li > ul li {
        font-size: 14px; }
    
	#sidebar ul li a {
      padding: 15px 10px;
      display: block;
      color: #8c8c8c;
     }
	  
	
	
	#sidebar ul li a span {
        margin-right: 15px; }
				

	 
       #sidebar ul li a span {
            display: block; 
			font-size: 14px; 
			padding: 0px 10px;
			} 
		
		#sidebar ul li > ul {
		margin-left: 10px; }		
			

   #sidebar ul li a:hover {
        color: #904060;
		}
	
	
   #sidebar ul li.active > a {
      background: transparent;
      color: #cd0000; 
   }

 
@media screen and (max-width: 992px) 
	{
	
	 #sidebar.footer { display: none;  visibility: hidden; }
	
	}
  
/* --------------------------------------------------*/	  
/* jeśli szerokość jest mniejsza od x i większa od y */ 
/* --------------------------------------------------*/	

@media screen and (max-width: 1192px) and (min-width: 1px) 
{ 
    #sidebar 	    { min-width: 70px; max-width: 70px;  margin-left: 0px !important; }
    #sidebar.active { min-width: 70px; max-width: 70px;  margin-left: 0px !important; } 

    #sidebar .side_ac { display: none;   visibility: hidden; }	 
    #sidebar .side_dc { display: block;  visibility: visible;}

  	    .side_ac { display: none;  visibility: hidden;}	
  	    .side_dc { display: block; visibility: visible;}	
 
    #sidebar.active .side_ac { display: none;   visibility: hidden; }	
    #sidebar.active .side_dc { display: block;  visibility: visible; }		

     .footer 	{ display: none;  visibility: hidden; }
     .tab_view  { display: none;  visibility: hidden; }

}