@charset "UTF-8";
/*
    Example usage: 
    @include animation(10s, 5s, changecolour)
 */
@-webkit-keyframes showalert {
  0% {
    height: 0;
    opacity: 0; }
  50% {
    height: 55px;
    opacity: 0.5; }
  100% {
    height: 55px;
    opacity: 1; } }

@-moz-keyframes showalert {
  0% {
    height: 0;
    opacity: 0; }
  50% {
    height: 55px;
    opacity: 0.5; }
  100% {
    height: 55px;
    opacity: 1; } }

@-o-keyframes showalert {
  0% {
    height: 0;
    opacity: 0; }
  50% {
    height: 55px;
    opacity: 0.5; }
  100% {
    height: 55px;
    opacity: 1; } }

@keyframes showalert {
  0% {
    height: 0;
    opacity: 0; }
  50% {
    height: 55px;
    opacity: 0.5; }
  100% {
    height: 55px;
    opacity: 1; } }

.alert-outer {
  -webkit-animation-duration: 1s;
  -webkit-animation-name: showalert;
  -webkit-animation-timing-function: "linear";
  -webkit-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -moz-animation-duration: 1s;
  -moz-animation-name: showalert;
  -moz-animation-timing-function: "linear";
  -moz-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -o-animation-duration: 1s;
  -o-animation-name: showalert;
  -o-animation-timing-function: "linear";
  -o-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-duration: 1s;
  animation-name: showalert;
  animation-timing-function: "linear";
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }
  .alert-outer .alert {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    margin: 0; }
    .alert-outer .alert > .close {
      color: white;
      opacity: 1; }

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px; }

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px; }

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px; }

td.buttons {
  width: 1px;
  white-space: nowrap;
  text-align: right; }

@media only screen and (max-width: 800px) {
  /* Force table to not be like tables anymore */
  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
    display: block; }
  #no-more-tables td.buttons {
    padding-left: 8px;
    text-align: center;
    width: 100%; }
  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr:before {
    content: "Sortuj Według:";
    display: block;
    padding: 8px;
    border-bottom: 2px solid #ddd;
    font-weight: 700;
    background: #fafafa;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center; }
  #no-more-tables thead tr > th {
    display: none; }
  #no-more-tables thead tr > th.order-th {
    display: block; }
  #no-more-tables td.hidden-mobile {
    display: none; }
  #no-more-tables td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left; }
    #no-more-tables td.no-label {
      padding: 0;
      width: 100%; }
    #no-more-tables td.heading {
      padding-left: 8px;
      width: 100%;
      text-align: left; }
  #no-more-tables td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold; }
  #no-more-tables td.wrap:before {
    white-space: normal; }
  /*
	Label the data
	*/
  #no-more-tables td:before {
    content: attr(data-title); }
  #no-more-tables {
    background-color: #ecf0f5; }
    #no-more-tables .table-bordered {
      border: 0; }
    #no-more-tables tr {
      margin: 8px 5px;
      border: 1px solid #ccc;
      background-color: white; } }

.file-box {
  width: 140px;
  height: 175px;
  margin: 5px;
  border: 1px solid #ddd;
  border-radius: 5px;
  float: left; }
  .file-box div.icon {
    position: relative;
    width: 100%;
    padding-bottom: 57.14286%;
    background: #ddd;
    /** <-- For the demo **/ }
    .file-box div.icon i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .file-box .caption {
    padding: 5px; }
    .file-box .caption > div {
      width: 100%;
      font-size: 0.9em;
      color: #999;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 0.9em;
      line-height: 18px;
      height: 18px; }
      .file-box .caption > div.title {
        color: black;
        font-weight: 600;
        text-align: center; }
      .file-box .caption > div.btn-row {
        padding-top: 5px;
        height: 28px; }

.order-th {
  position: relative;
  padding-right: 30px !important; }
  .order-th.desc, .order-th.asc {
    background-color: #d9edf7; }
  .order-th.desc:before, .order-th.asc:before {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .order-th.asc:before {
    content: "\f160"; }
  .order-th.desc:before {
    content: "\f161"; }

.mce-panel {
  border-color: transparent; }

.btn-outline {
  background-color: transparent;
  color: inherit;
  transition: all .5s; }

.btn-primary.btn-outline {
  color: #428bca;
  border-color: #428bca; }

.btn-success.btn-outline {
  color: #5cb85c;
  border-color: #5cb85c; }

.btn-info.btn-outline {
  color: #5bc0de;
  border-color: #5bc0de; }

.btn-warning.btn-outline {
  color: #f0ad4e;
  border-color: #f0ad4e; }

.btn-danger.btn-outline {
  color: #d9534f;
  border-color: #f0ad4e; }

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: #fff; }

.table-two tr > *:first-child {
  white-space: nowrap;
  text-align: right; }

.table-two tr > *:last-child {
  width: 100%; }

.timeline > li {
  margin-bottom: 5px; }
  .timeline > li.time-label {
    margin-top: 10px;
    margin-bottom: 15px; }

.tab-content.box.box-primary {
  background: #F1F5FA;
  padding: 25px 10px;
  border-top-width: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.timeline > .time-label > span {
  padding: 6px 15px;
  cursor: pointer;
  min-width: 220px; }
  .timeline > .time-label > span .badge {
    background: white;
    color: #dd4b39;
    float: right;
    margin-left: 15px; }

.calendar-event-icon.fa {
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  color: #666;
  background: #d2d6de;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 7px; }

label.radio {
  position: relative; }
  label.radio [type="radio"]:not(:checked),
  label.radio [type="radio"]:checked {
    position: absolute;
    left: -9999px; }
  label.radio [type="radio"]:not(:checked) + span,
  label.radio [type="radio"]:checked + span {
    position: relative;
    padding: 0 0 0 1.5em;
    display: inline-block; }
  label.radio [type="radio"]:not(:checked) + span:before,
  label.radio [type="radio"]:checked + span:before {
    content: "\f10c";
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25em; }
  label.radio [type="radio"]:checked + span:before {
    content: "\f192"; }

.table-striped > tbody > tr:nth-of-type(odd).bg-success {
  background-color: #dff0d8; }

.table-striped > tbody > tr:nth-of-type(odd).bg-info {
  background-color: #d9edf7; }

.table-striped > tbody > tr:nth-of-type(odd).bg-warning {
  background-color: #fcf8e3; }

.table-striped > tbody > tr:nth-of-type(odd).bg-danger {
  background-color: #f2dede; }

tr.sub td:first-child,
tr.parent td:first-child {
  position: relative; }
  tr.sub td:first-child .badge,
  tr.parent td:first-child .badge {
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translate(-50%, -50%);
    color: black;
    border: 1px solid #ccc;
    background-color: white;
    z-index: 5; }

tr.parent {
  background-color: #fff !important; }
  tr.parent td:first-child .badge {
    background-color: #fff; }

tr.sub {
  background-color: #f9f9f9 !important; }
  tr.sub td:first-child {
    width: 71px; }
    tr.sub td:first-child .badge {
      background-color: #f9f9f9;
      left: 28px;
      transform: translate(0, -50%); }
    tr.sub td:first-child:before {
      content: "";
      display: block;
      position: absolute;
      height: 54px;
      width: 10px;
      border-bottom: 1px solid #ccc;
      border-left: 1px solid #ccc;
      top: -25px;
      left: 17px; }
  tr.sub td:nth-of-type(2) {
    padding-left: 28px; }



a.disabled{
  cursor: not-allowed;
  opacity: 0.5
}

.btn.btn-labeled.btn-block {
  display: flex; }
  .btn.btn-labeled.btn-block span {
    flex: 1 1;
    align-self: center; }
  .btn.btn-labeled.btn-block span.btn-label {
    flex: 0 0; }



.box-body.mini > .text{
  overflow: hidden;
  /*max-height: 25px;*/
  max-height: 60px;
  text-overflow: ellipsis;
  position: relative;

}
.box-body.mini.bottom-grad > .text:after{
      content: "";
    position: absolute;
    width: 100%;
    height: 25px;
    bottom: 0;
  content : "";
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.box-header .attachment-block.clearfix{
  background: transparent;
  border:0;
  height: 56px;
  margin-bottom: 0;
}

.attachment-block.clearfix:after{
  display: none;
}

.box-comment.ng-animate{
    transition: transform 1s;
}

.box-comment.ng-animate.ng-enter{
  /*height: */
}

.sub-page-widget .widget-user-header{
  background-position: center center;
}


.sub-page-widget .widget-user-image,
.sub-page-widget .widget-user-image > img,
.sub-page-widget .widget-user-image > div,
.sub-page-widget .widget-user-image > div > img,
.sub-page-widget .widget-user-header,
.sub-page-container .sub-page-widget  .box-footer > div
{
  transition: 0.5s all;
}

.sub-page-widget:hover .widget-user-image{
  transform: translate(-10px,-10px);
}
.sub-page-widget:hover .widget-user-image > img{
    width:110px;
}
.sub-page-widget.file-widget:hover .widget-user-image > div{
    width:110px;
    height:110px;
}
.sub-page-widget.file-widget .widget-user-image > div{
  background: white;background: rgba(255,255,255,0.6);
    border-radius: 50%;
    width: 90px;
    height: 90px;
    padding: 13px;
    border: 2px solid #ddd;
}
.sub-page-widget.file-widget .widget-user-image > div > img{
    width:64px;
}
.sub-page-widget.file-widget:hover .widget-user-image > div > img{
    width:78px;
}
.sub-page-widget:hover .widget-user-header{
  filter: brightness(0.8);  
}

.sub-page-container{
  position: relative;
  margin-bottom: 25px;
  height: 360px;
}
.sub-page-container:hover{
  z-index: 1000;
}

.sub-page-container.groups-widget{
  height: 470px;
}

.sub-page-container.groups-widget .box-footer > div{
  min-height: 45px;
  max-height: 45px;
}

.sub-page-container .box-footer > div{
  max-height: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0px;
}
.sub-page-container .sub-page-widget{
  position: absolute;

}

.sub-page-container .sub-page-widget{
  position: absolute;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
.sub-page-container:hover .sub-page-widget{
  box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.2);
}

.sub-page-container:hover .sub-page-widget  .box-footer > div{
  max-height: 500px;
}

.sub-page-container:hover .sub-page-widget  .box-footer.first > div:first-child{
  margin-top: 25px;
}


.article-gallery-image{
  display: block;
  position: relative;
  overflow: hidden;
}

.article-gallery-image > img{
  display: block;
  position: absolute;
  width:100%;
  transition: 0.5s all;
  left:0;
  top:0;
}

.article-gallery-image:hover > img{
  width:110%;
  max-width:110%;
  left:-5%;
  top:-5%;
  filter: brightness(0.6);
}


.tooltip {
    word-wrap: break-word;
}


/*.kt-loader-continer{

}*/

.main-sidebar,
.kt-loader-wrapper 
{
  z-index: 10000000;
}
.main-header{
 z-index: 10000001; 
}
.kt-loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #ecf0f5;/*rgba(0,0,0,0.9);*/
  /* Loaded styles */
}
  .kt-loader-wrapper .kt-loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #034EA2;
    -webkit-animation: spin 2s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001; 
}
.kt-loader-wrapper .kt-loader:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #e74c3c;
      -webkit-animation: spin 3s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite;
      /* Chrome, Firefox 16+, IE 10+, Opera */ }
    .kt-loader-wrapper .kt-loader:after {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #FFC425;
      -webkit-animation: spin 1.5s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite;
      /* Chrome, Firefox 16+, IE 10+, Opera */ }
  .kt-loader-wrapper .kt-loader-section {
    position: absolute;
    top: 0;
    width: 51%;
    height: 100%;
    background: #fff;
    z-index: 1000; }
    .kt-loader-wrapper .kt-loader-section.kt-section-left {
      left: 0; }
    .kt-loader-wrapper .kt-loader-section.kt-section-right {
      right: 0; }
  .kt-loader-wrapper.loaded .kt-loader-section.kt-section-left {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);
    /* IE 9 */
    transform: translateX(-100%);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  .kt-loader-wrapper.loaded .kt-loader-section.kt-section-right {
    opacity: 0;
    -webkit-transform: translateX(100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);
    /* IE 9 */
    transform: translateX(100%);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  .kt-loader-wrapper.loaded .kt-loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: all 0.3s ease-out;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  .kt-loader-wrapper.loaded {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);
    /* IE 9 */
    transform: translateY(-100%);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.3s 1s ease-out;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: all 0.3s 1s ease-out;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }


.box .box{
  border:1px solid #ddd;
}


.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10000000000;
}


.timeline > li {
  min-height: 65px;
}

.kt-img-placeholder{
  display: inline-block;
      overflow: hidden;
    float: left;
}

.kt-img-placeholder-in{
  background-color: #ecf0f5;
  /*border:2px solid #034EA2;*/
  color:#034EA2;
  display: flex;
  justify-content: center;
}

.kt-img-placeholder i{
  flex: 0 0 16px;
  align-self: center;
}

.lg-backdrop,
.lg-outer ,
.modal-open .modal {
    z-index: 10000000000 !important;
}


.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
    /*background-color: #034EA2;*/
}
.skin-black .sidebar-menu>li:hover>a, .skin-black .sidebar-menu>li.active>a {
    /*color: #034EA2;*/
    /*background: #FFC425;*/
    /*border-left-color: #001B6F;*/
}
.skin-black .sidebar-menu>li.header {
    /*color: #4b646f;*/
    /*background: #001B6F;*/
}
.skin-black .sidebar-form input[type="text"], .skin-black .sidebar-form .btn{
   /*background: #001B6F;*/
}
.skin-black .sidebar-form{border:none;}
.skin-black .sidebar-menu>li>.treeview-menu{
  /*background: #001B6F;*/
}

.skin-black .main-header li.user-header {
    /*background-color: #034EA2;*/
}



.attachment-block .attachment-img {
    max-width: 250px;
    max-height: 250px;
    height: auto;
    float: left;
}
.attachment-block .attachment-pushed {
    /* margin-left: 260px; */
}

.attachment-block .attachment-pushed .attachment-heading{
  white-space: normal;
}


.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


.sidebar-menu li.active > a > .fa-angle-left, .sidebar-menu li.active > a > .pull-right-container > .fa-angle-left {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}



.atc-btn-group.active {
  z-index:150000
  ;
}
.atc-btn-group > span {
    vertical-align: middle;
    padding: 0.75em;
}

.atc-btn-group {
    background-color: #0073b7 !important;
    color: #fff;
    border-radius: 0px;
        height: auto;
    line-height: 2.25em;
    font-size: 14px;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}

.atc-btn-group .atc-dropdown {
    top: 42px;
  }


@media (min-width: 1200px) {
  .modal-lg {
      width: 75vw;
  }
}