/* body,html{overflow-x:hidden; height: 100%;} */

#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;
	min-height:100%;

}
.btn { }
.faq{padding:5px 10px;}
.faq a:hover {text-decoration:none;}


#wrapper.toggled {
    padding-left: 220px;
}

#sidebar-wrapper {
    z-index: 1032;
    left: -220px;
    width: 220px;
    height: 100%;
	min-height: 100%;
    position:fixed;


    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;
		padding:0;
		float:none;
		background: #263544;

}
.mt-23 {margin-top:23px;}

#sidebar-wrapper .navbar {padding:0;}

#sidebar-wrapper .navbar .nav-pills .dropdown-menu {
	position:absolute;
margin:0 0 0 49px; padding:0; border:none; top:0; left:100%; right:0; width:300px; border: 1px solid #67b0ff;}
#wrapper.toggled #sidebar-wrapper .navbar .nav-pills .dropdown-menu {position:relative;
margin:0; padding:0; border:none; top:0; left:0; right:0; width:100%; border-bottom: 1px solid #3b5065;}

#sidebar-wrapper .navbar .nav-pills .show .dropdown-toggle::after, #sidebar-wrapper .navbar .nav-pills a:hover::after {color:#fff;}
#sidebar-wrapper .navbar .nav-pills  .nav-link {position:relative; min-height:51px; line-height:1.8rem;margin:2px 0;}
#sidebar-wrapper .navbar .nav-pills  .nav-link  .mdi {font-size:1rem;  text-align:center;  display:inline-block;  margin-left:-8px; margin-right:5px;}
#sidebar-wrapper .navbar .nav-pills  .nav-link  .mdi {position:absolute; right:-52px; top:0px; width:47px;  height:51px; line-height:50px; background: #263544; margin:0; border-radius:5px; color:#fff;}
#sidebar-wrapper .navbar .nav-pills .nav-link:hover .mdi {background-color: #47b0df;}
#wrapper.toggled #sidebar-wrapper .navbar .nav-pills  .nav-link  .mdi {left:-8px; position:relative; right:0; top:0; width:30px; height:30px; border:none; line-height:28px; background:transparent; border-radius:50%;}
 #wrapper.toggled #sidebar-wrapper { overflow-y: auto;}
 #wrapper.toggled #sidebar-wrapper .navbar .nav-pills .show .nav-link  .mdi { border:solid 1px #fff;}

#sidebar-wrapper .navbar .nav-pills a {color:#fff; text-transform:uppercase; border-radius:0; padding:10px 20px; font-size:.75rem; }
#sidebar-wrapper .navbar .nav-pills a:hover {background-color: #47b0df; color:#fff;}
#sidebar-wrapper .navbar .nav-pills a.active {background-color: #f5f5f5 !important; color:#666 !important; }
#sidebar-wrapper .navbar .nav-pills a.active	.mdi {    color: #666 !important; background: #fff !important;
box-shadow: 0 .5rem 1rem rgba(0,0,0,0.175) !important;
}

#sidebar-wrapper.toggled .navbar .nav-pills a.active	.mdi {    color: #666 !important; }

#sidebar-wrapper .navbar .nav-pills    a.dropdown-item, #sidebar-wrapper .navbar .nav-pills .dropdown-menu {font-size:.7rem; text-transform:none;}
#sidebar-wrapper .navbar .nav-pills .dropdown-menu {background:#3e4d59; border-radius:0;}
#sidebar-wrapper .navbar .nav-pills    a.dropdown-item {position:relative; padding-left:50px; color:#fff; border-bottom:none;}
#sidebar-wrapper .navbar .nav-pills    a.dropdown-item:before {
    background: #fff;
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 5px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%;
}

.icons-nav{padding:0 15px;}
.icons-nav .dropdown-toggle::after {margin-left:0; margin-right:1rem;}

#timeline {overflow:hidden; padding:3rem 1rem 3rem 0;}

#timeline b small{font-weight:900 !important; font-size:12px;}
#timeline .row-time-item .col-8 {position:relative;}
#timeline .row-time-item .col-8:before,
#timeline .row-time-item .col-8:after
{
    content:'';
    position:absolute;
    display:block;
    z-index:0;
}
#timeline .row-time-item .col-8:before
{
    left:0;
    top:-50%;
    bottom:0;
    border-left:1px solid #ccc;
    height:200%;
}
#timeline .row-time-item .col-8:after
{
    left:-5px;
    top:50%;
    margin-top:-5px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#47b0df !important;
    z-index:1;

}
#timeline .row-time-item.done .col-8:after {background:#28a745 !important}
#timeline .row-time-item.active .col-8:after {background:#ffc107 !important}


.input-send, .btn-send {height:50px;}

.h-500 {height:500px;}
.scroll {overflow-y:scroll;}



#wrapper.toggled #sidebar-wrapper .navbar .nav-pills    a.dropdown-item:after {
    border-left: 1px solid #47b0df;
    bottom: 0;
    content: "";
    left: 26px;
    position: absolute;
    top: 0;
}
#sidebar-wrapper .navbar .nav-pills  a.dropdown-item:last-child:after   {
	height:15px;
}

#sidebar-wrapper .navbar .nav-pills li {margin: 0;}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#sidebar-wrapper #logo, #sidebar-wrapper .text {padding:20px;  color:#6e9ea5; }
#sidebar-wrapper .text small {opacity:.8;}


#wrapper.toggled #sidebar-wrapper {

	left:0;

}

#page-content-wrapper {

    padding-top: 60px;

	 min-height:100%;
	 display:block;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;

}

 #sidebar-wrapper .nav-pills li, #sidebar-wrapper .nav-pills li a {float:none; display:block; width:100%;}

 #sidebar-wrapper .navbar {display:block; }


 #wrapper #mainSite {padding:0px 60px 40px 80px;}
 #wrapper.toggled #mainSite {padding:10px 60px 40px 60px;}

 #mainSite  .card {margin:10px 0 20px 0;}
 #mainSite  .card,  .startIcons .card {box-shadow: 0 .5rem 1rem rgba(0,0,0,0.1 ) !important; border:none !important;}
 #mainSite .title h1 {margin:0 0 20px 0; font-size:1.72rem; padding-top:.28rem;;}
  #mainSite .user-progress  {line-height:2rem;}
 #mainSite .tools {float:right;}

  .btn-xs {padding:0px 10px; line-height:20px; height:24px; font-size:12px;}
   #mainSite .tools .btn-xs { margin:-4px 0 -3px 0;}

 .navbar.fixed-top {   background: #fff;
 box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important;
 }
 .navbar-nav.icons-nav .mdi {font-size:20px;  }
.navbar-nav.icons-nav>li {position:relative; padding:0  4px; margin:0 1px;}
.navbar-nav.icons-nav>li.dropdown .dropdown-menu {
    width: 300px;
    border-radius: 3px;
    padding: 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
    border: 1px solid #e0e0e0;
    box-sizing: content-box;
	right:0 !important;
	left:auto !important;
	font-size:.8rem;
	line-height:1.4rem;
}

.navbar-nav.icons-nav>li.dropdown .dropdown-menu.msg_list li{
	padding:10px 20px;

}
.navbar-nav.icons-nav .dropdown-usermenu li,  .navbar-nav.icons-nav>li.dropdown .dropdown-menu.msg_list li {border-bottom:solid 1px #efefef;}
.navbar-nav.icons-nav>li.dropdown .dropdown-menu.msg_list li span.image img {width:32px; border-radius:50%; margin-right:10px;}
.navbar-nav.icons-nav>li.dropdown .dropdown-menu.msg_list li span.time {float:right;}
.navbar-nav.icons-nav>li.dropdown .dropdown-menu.msg_list li span.message {
	display:block;
	padding-top:10px;
	line-height:1.2rem;
}
.navbar-nav.icons-nav>li.dropdown .dropdown-menu.msg_list a{padding:0;}

.navbar-nav.icons-nav>li.dropdown .dropdown-menu a   {
	width: 100%;
    padding: 10px 20px;}
.navbar-nav.icons-nav>li.dropdown .dropdown-menu  .mdi {
	font-size:1rem;
}
.navbar-nav.icons-nav	ul.msg_list li a .message {
    display: block!important;
    font-size: 11px;
}
.navbar-nav.icons-nav .dropdown.user img {width:32px; border-radius:50%;}
.navbar-nav.icons-nav .dropdown-usermenu li, .navbar-nav.icons-nav .dropdown-usermenu li a  {display:block; width:100%;}
.navbar-nav.icons-nav>li.dropdown .dropdown-usermenu {width:220px;}
.navbar-nav.icons-nav>li.dropdown .dropdown-usermenu  a:hover {background-color: #f5f5f5; text-decoration:none;}

.navbar-nav.icons-nav a.dropdown-toggle {line-height:32px; color:#1a1a1a; text-decoration:none;}

.badge {position:absolute; bottom:3px; right:14px;}
.table tr .badge {position:relative;
  left: auto;
      right: auto;
      bottom: auto;
}

.btns-akcje .btn {display:inline-block; margin:0 2px; width:30px; height:30px; padding:0; line-height:25px;  }
.mr-20 {margin-right:20px !important;}

 .badge-list .badge {position:relative; font-weight:300; font-size:14px;}
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
#wrapper #logoTop {color:#263544; font-size:20px; text-transform:uppercase; position:absolute; top:12px; left:80px; z-index:1033;   -webkit-transition: all .35s ease-in-out;}
#wrapper.toggled #logoTop {opacity:0;}




.hamburger {
  position: fixed;
  top: 15px;
  z-index: 1031;
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 20px;
  background: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 24px;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #1a1a1a;
}
.hamburger.is-closed .hamb-top {
  top: 3px;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #1a1a1a;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}



.primary-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}


.primary-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-switch input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}

.primary-switch input+label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:#efefef;border-radius:8.5px;cursor:pointer;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}
.primary-switch input+label:after{content:"";position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}.primary-switch input:checked+label:after{left:19px}.primary-switch input:checked+label:before{background:#8490ff}


.primary-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer; float:left;}
.primary-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.primary-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}
.primary-radio input:checked+label:before{
	content:'';
	display:block;
	position:absolute;
	width:8px;
	height:8px;
	background:#ccc;
	border-radius:50%;
	left:3px;
	top:3px;

}

.confirm-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}
.confirm-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.confirm-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}
.confirm-radio input:checked+label{background:url(../img/elements/success-radio.png) no-repeat center center/cover;border:none}

.disabled-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}
.disabled-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.disabled-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}
.disabled-radio input:disabled{cursor:not-allowed;z-index:3}.disabled-radio input:checked+label{background:url(../img/elements/disabled-radio.png) no-repeat center center/cover;border:none}


.number-input input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  margin-bottom: .5rem;
}

.number-input button {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  height: 2px;
  transform: translate(-50%, -50%);
}

.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  text-align: center;
}

.number-input.number-input {
  border: 1px solid #ced4da;
  width: 10rem;
  border-radius: .25rem;
}

.number-input.number-input button {
  width: 2.6rem;
  height: .7rem;
}

.number-input.number-input button.minus {
  padding-left: 10px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
  width: .7rem;
  background-color: #495057;
}

.number-input.number-input input[type=number] {
  max-width: 4rem;
  padding: .5rem;
  border: 1px solid #ced4da;
  border-width: 0 1px;
  font-size: 1rem;
  height: 2rem;
  color: #495057;
}

.startIcons a {text-transform:uppercase;}
.startIcons a:hover {text-decoration:none;}
.startIcons a:hover .card-body {background-color: rgba(0, 0, 0, 0.03);}
.startIcons a .mdi {font-size:36px;  display:inline-block; margin-bottom:10px;}

@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color:transparent) {

    .number-input.def-number-input.safari_only button:before,
    .number-input.def-number-input.safari_only button:after {
      margin-top: -.3rem;
    }
  }
}

tr.bg-success {background:#28a74552 !important;}
tr.bg-info {background:#17a2b87a!important;}
tr.bg-warning {background:#ffc1077d !important;}

.beer-slider {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
}