/*

font-family: 'Muli', sans-serif;

*/

/* Nadpisz Bootstrap
================================================== */
body, html {background:#eef0f8;height:100%}
body {font-family: 'Poppins', sans-serif;font-size: 14px}
a {color:#00acc1}
b, strong {
    font-weight: 600;
}
a:hover {text-decoration:none;color:#222222}
img {display:block;max-width: 100%;height: auto}
@media (min-width: 1140px) {
    .container {
        max-width: 1140px;
    }
}
.alert ul {margin:0}
p {margin:0}
.text-muted {
    color: #b3b3b3 !important;
}
.none {
    display: none;
}
.container {
    max-width: 1340px;
}
* {
    border-radius: 0 !important;
}
button:focus {outline:0}

header .user .dropdown-menu.show {
    transform: translate(15px, 55px) !important;
}
header .user .dropdown-menu {
    background: #10101a
}
header .user .dropdown-menu li {
    float: none;
    padding: 0;
    color: #fff;
    width: 100%;
}
header .user .dropdown-menu li a {
    font-size: 13px;
    padding: .45rem 1.5rem
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    background-color: rgb(47, 47, 72);
}

.user .badge-pill {
    border-radius: 50% !important;
    font-size: 10px;
    position: absolute;
    left: 22px;
    top: 14px;
    display: none;
}

/* Fonty
================================================== */
@font-face{
    font-family:'Feather';
    src:url(../fonts/feather.eot);
    src:url(../fonts/feather.eot#iefix) format("embedded-opentype"),
    url(../fonts/feather.woff) format("woff"),
    url(../fonts/feather.ttf) format("truetype"),
    url(../fonts/feather.svg#feather) format("svg")
}
[class^=fe-]{
    font-family:'Feather';
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.fe-file-jpg:before,
.fe-file-png:before,
.fe-file-bmp:before,
.fe-file-jpeg:before {
    content:"\e87c"
}
.fe-file-doc:before {
    content:"\e870"
}
.fe-file-pdf:before {
    content:"\e870"
}

.fe-alert-octagon:before{content:"\e81b"}.fe-alert-circle:before{content:"\e81c"}.fe-activity:before{content:"\e81d"}.fe-alert-triangle:before{content:"\e81e"}.fe-align-center:before{content:"\e81f"}.fe-airplay:before{content:"\e820"}.fe-align-justify:before{content:"\e821"}.fe-align-left:before{content:"\e822"}.fe-align-right:before{content:"\e823"}.fe-arrow-down-left:before{content:"\e824"}.fe-arrow-down-right:before{content:"\e825"}.fe-anchor:before{content:"\e826"}.fe-aperture:before{content:"\e827"}.fe-arrow-left:before{content:"\e828"}.fe-arrow-right:before{content:"\e829"}.fe-arrow-down:before{content:"\e82a"}.fe-arrow-up-left:before{content:"\e82b"}.fe-arrow-up-right:before{content:"\e82c"}.fe-arrow-up:before{content:"\e82d"}.fe-award:before{content:"\e82e"}.fe-bar-chart:before{content:"\e82f"}.fe-at-sign:before{content:"\e830"}.fe-bar-chart-2:before{content:"\e831"}.fe-battery-charging:before{content:"\e832"}.fe-bell-off:before{content:"\e833"}.fe-battery:before{content:"\e834"}.fe-bluetooth:before{content:"\e835"}.fe-bell:before{content:"\e836"}.fe-book:before{content:"\e837"}.fe-briefcase:before{content:"\e838"}.fe-camera-off:before{content:"\e839"}.fe-calendar:before{content:"\e83a"}.fe-bookmark:before{content:"\e83b"}.fe-box:before{content:"\e83c"}.fe-camera:before{content:"\e83d"}.fe-check-circle:before{content:"\e83e"}.fe-check:before{content:"\e83f"}.fe-check-square:before{content:"\e840"}.fe-cast:before{content:"\e841"}.fe-chevron-down:before{content:"\e842"}.fe-chevron-left:before{content:"\e843"}.fe-chevron-right:before{content:"\e844"}.fe-chevron-up:before{content:"\e845"}.fe-chevrons-down:before{content:"\e846"}.fe-chevrons-right:before{content:"\e847"}.fe-chevrons-up:before{content:"\e848"}.fe-chevrons-left:before{content:"\e849"}.fe-circle:before{content:"\e84a"}.fe-clipboard:before{content:"\e84b"}.fe-chrome:before{content:"\e84c"}.fe-clock:before{content:"\e84d"}.fe-cloud-lightning:before{content:"\e84e"}.fe-cloud-drizzle:before{content:"\e84f"}.fe-cloud-rain:before{content:"\e850"}.fe-cloud-off:before{content:"\e851"}.fe-codepen:before{content:"\e852"}.fe-cloud-snow:before{content:"\e853"}.fe-compass:before{content:"\e854"}.fe-copy:before{content:"\e855"}.fe-corner-down-right:before{content:"\e856"}.fe-corner-down-left:before{content:"\e857"}.fe-corner-left-down:before{content:"\e858"}.fe-corner-left-up:before{content:"\e859"}.fe-corner-up-left:before{content:"\e85a"}.fe-corner-up-right:before{content:"\e85b"}.fe-corner-right-down:before{content:"\e85c"}.fe-corner-right-up:before{content:"\e85d"}.fe-cpu:before{content:"\e85e"}.fe-credit-card:before{content:"\e85f"}.fe-crosshair:before{content:"\e860"}.fe-disc:before{content:"\e861"}.fe-delete:before{content:"\e862"}.fe-download-cloud:before{content:"\e863"}.fe-download:before{content:"\e864"}.fe-droplet:before{content:"\e865"}.fe-edit-2:before{content:"\e866"}.fe-edit:before{content:"\e867"}.fe-edit-1:before{content:"\e868"}.fe-external-link:before{content:"\e869"}.fe-eye:before{content:"\e86a"}.fe-feather:before{content:"\e86b"}.fe-facebook:before{content:"\e86c"}.fe-file-minus:before{content:"\e86d"}.fe-eye-off:before{content:"\e86e"}.fe-fast-forward:before{content:"\e86f"}.fe-file-text:before{content:"\e870"}.fe-film:before{content:"\e871"}.fe-file:before{content:"\e872"}.fe-file-plus:before{content:"\e873"}.fe-folder:before{content:"\e874"}.fe-filter:before{content:"\e875"}.fe-flag:before{content:"\e876"}.fe-globe:before{content:"\e877"}.fe-grid:before{content:"\e878"}.fe-heart:before{content:"\e879"}.fe-home:before{content:"\e87a"}.fe-github:before{content:"\e87b"}.fe-image:before{content:"\e87c"}.fe-inbox:before{content:"\e87d"}.fe-layers:before{content:"\e87e"}.fe-info:before{content:"\e87f"}.fe-instagram:before{content:"\e880"}.fe-layout:before{content:"\e881"}.fe-link-2:before{content:"\e882"}.fe-life-buoy:before{content:"\e883"}.fe-link:before{content:"\e884"}.fe-log-in:before{content:"\e885"}.fe-list:before{content:"\e886"}.fe-lock:before{content:"\e887"}.fe-log-out:before{content:"\e888"}.fe-loader:before{content:"\e889"}.fe-mail:before{content:"\e88a"}.fe-maximize-2:before{content:"\e88b"}.fe-map:before{content:"\e88c"}.fe-map-pin:before{content:"\e88e"}.fe-menu:before{content:"\e88f"}.fe-message-circle:before{content:"\e890"}.fe-message-square:before{content:"\e891"}.fe-minimize-2:before{content:"\e892"}.fe-mic-off:before{content:"\e893"}.fe-minus-circle:before{content:"\e894"}.fe-mic:before{content:"\e895"}.fe-minus-square:before{content:"\e896"}.fe-minus:before{content:"\e897"}.fe-moon:before{content:"\e898"}.fe-monitor:before{content:"\e899"}.fe-more-vertical:before{content:"\e89a"}.fe-more-horizontal:before{content:"\e89b"}.fe-move:before{content:"\e89c"}.fe-music:before{content:"\e89d"}.fe-navigation-2:before{content:"\e89e"}.fe-navigation:before{content:"\e89f"}.fe-octagon:before{content:"\e8a0"}.fe-package:before{content:"\e8a1"}.fe-pause-circle:before{content:"\e8a2"}.fe-pause:before{content:"\e8a3"}.fe-percent:before{content:"\e8a4"}.fe-phone-call:before{content:"\e8a5"}.fe-phone-forwarded:before{content:"\e8a6"}.fe-phone-missed:before{content:"\e8a7"}.fe-phone-off:before{content:"\e8a8"}.fe-phone-incoming:before{content:"\e8a9"}.fe-phone:before{content:"\e8aa"}.fe-phone-outgoing:before{content:"\e8ab"}.fe-pie-chart:before{content:"\e8ac"}.fe-play-circle:before{content:"\e8ad"}.fe-play:before{content:"\e8ae"}.fe-plus-square:before{content:"\e8af"}.fe-plus-circle:before{content:"\e8b0"}.fe-plus:before{content:"\e8b1"}.fe-pocket:before{content:"\e8b2"}.fe-printer:before{content:"\e8b3"}.fe-power:before{content:"\e8b4"}.fe-radio:before{content:"\e8b5"}.fe-repeat:before{content:"\e8b6"}.fe-refresh-ccw:before{content:"\e8b7"}.fe-rewind:before{content:"\e8b8"}.fe-rotate-ccw:before{content:"\e8b9"}.fe-refresh-cw:before{content:"\e8ba"}.fe-rotate-cw:before{content:"\e8bb"}.fe-save:before{content:"\e8bc"}.fe-search:before{content:"\e8bd"}.fe-server:before{content:"\e8be"}.fe-scissors:before{content:"\e8bf"}.fe-share-2:before{content:"\e8c0"}.fe-share:before{content:"\e8c1"}.fe-shield:before{content:"\e8c2"}.fe-settings:before{content:"\e8c3"}.fe-skip-back:before{content:"\e8c4"}.fe-shuffle:before{content:"\e8c5"}.fe-sidebar:before{content:"\e8c6"}.fe-skip-forward:before{content:"\e8c7"}.fe-slack:before{content:"\e8c8"}.fe-slash:before{content:"\e8c9"}.fe-smartphone:before{content:"\e8ca"}.fe-square:before{content:"\e8cb"}.fe-speaker:before{content:"\e8cc"}.fe-star:before{content:"\e8cd"}.fe-stop-circle:before{content:"\e8ce"}.fe-sun:before{content:"\e8cf"}.fe-sunrise:before{content:"\e8d0"}.fe-tablet:before{content:"\e8d1"}.fe-tag:before{content:"\e8d2"}.fe-sunset:before{content:"\e8d3"}.fe-target:before{content:"\e8d4"}.fe-thermometer:before{content:"\e8d5"}.fe-thumbs-up:before{content:"\e8d6"}.fe-thumbs-down:before{content:"\e8d7"}.fe-toggle-left:before{content:"\e8d8"}.fe-toggle-right:before{content:"\e8d9"}.fe-trash-2:before{content:"\e8da"}.fe-trash:before{content:"\e8db"}.fe-trending-up:before{content:"\e8dc"}.fe-trending-down:before{content:"\e8dd"}.fe-triangle:before{content:"\e8de"}.fe-type:before{content:"\e8df"}.fe-twitter:before{content:"\e8e0"}.fe-upload:before{content:"\e8e1"}.fe-umbrella:before{content:"\e8e2"}.fe-upload-cloud:before{content:"\e8e3"}.fe-unlock:before{content:"\e8e4"}.fe-user-check:before{content:"\e8e5"}.fe-user-minus:before{content:"\e8e6"}.fe-user-plus:before{content:"\e8e7"}.fe-user-x:before{content:"\e8e8"}.fe-user:before{content:"\e8e9"}.fe-users:before{content:"\e8ea"}.fe-video-off:before{content:"\e8eb"}.fe-video:before{content:"\e8ec"}.fe-voicemail:before{content:"\e8ed"}.fe-volume-x:before{content:"\e8ee"}.fe-volume-2:before{content:"\e8ef"}.fe-volume-1:before{content:"\e8f0"}.fe-volume:before{content:"\e8f1"}.fe-watch:before{content:"\e8f2"}.fe-wifi:before{content:"\e8f3"}.fe-x-square:before{content:"\e8f4"}.fe-wind:before{content:"\e8f5"}.fe-x:before{content:"\e8f6"}.fe-x-circle:before{content:"\e8f7"}.fe-zap:before{content:"\e8f8"}.fe-zoom-in:before{content:"\e8f9"}.fe-zoom-out:before{content:"\e8fa"}.fe-command:before{content:"\e8fb"}.fe-cloud:before{content:"\e8fc"}.fe-hash:before{content:"\e8fd"}.fe-headphones:before{content:"\e8fe"}.fe-underline:before{content:"\e8ff"}.fe-italic:before{content:"\e900"}.fe-bold:before{content:"\e901"}.fe-crop:before{content:"\e902"}.fe-help-circle:before{content:"\e903"}.fe-paperclip:before{content:"\e904"}.fe-shopping-cart:before{content:"\e905"}.fe-tv:before{content:"\e906"}.fe-wifi-off:before{content:"\e907"}.fe-minimize:before{content:"\e88d"}.fe-maximize:before{content:"\e908"}.fe-gitlab:before{content:"\e909"}.fe-sliders:before{content:"\e90a"}.fe-star-on:before{content:"\e90b"}.fe-heart-on:before{content:"\e90c"}.fe-archive:before{content:"\e90d"}.fe-arrow-down-circle:before{content:"\e90e"}.fe-arrow-up-circle:before{content:"\e90f"}.fe-arrow-left-circle:before{content:"\e910"}.fe-arrow-right-circle:before{content:"\e911"}.fe-bar-chart-line-:before{content:"\e912"}.fe-bar-chart-line:before{content:"\e913"}.fe-book-open:before{content:"\e914"}.fe-code:before{content:"\e915"}.fe-database:before{content:"\e916"}.fe-dollar-sign:before{content:"\e917"}.fe-folder-plus:before{content:"\e918"}.fe-gift:before{content:"\e919"}.fe-folder-minus:before{content:"\e91a"}.fe-git-commit:before{content:"\e91b"}.fe-git-branch:before{content:"\e91c"}.fe-git-pull-request:before{content:"\e91d"}.fe-git-merge:before{content:"\e91e"}.fe-linkedin:before{content:"\e91f"}.fe-hard-drive:before{content:"\e920"}.fe-more-vertical-:before{content:"\e921"}.fe-more-horizontal-:before{content:"\e922"}.fe-rss:before{content:"\e923"}.fe-send:before{content:"\e924"}.fe-shield-off:before{content:"\e925"}.fe-shopping-bag:before{content:"\e926"}.fe-terminal:before{content:"\e927"}.fe-truck:before{content:"\e928"}.fe-zap-off:before{content:"\e929"}.fe-youtube:before{content:"\e92a"}

.no-gutters {margin-right: 0;margin-left: 0}
.no-gutters .col, .no-gutters [class*="col-"] {padding-right: 0;padding-left: 0}

/* Menu
================================================== */
#header-navbar h1 {float:left;line-height: 43px;margin:0}
#header-navbar .logo {
    padding: 0 20px;
    font-size: 24px;
    color: #fff;
}
#header-navbar {
    left: 0;
    backface-visibility: hidden;
    min-width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1030;
    background: #1a1a27;
}
#header-navbar [class^=fe-] {margin-right:4px;color:#a2a3b7}
#togglemenu [class^=fe-] {font-size:28px}
#togglemenu {
    margin: 13px 0;
    display: inline-block;
}

.user {float:right;font-size:13px;position:relative;z-index:6000}
.user ul li {cursor:pointer;display:inline;float:left;position:relative;padding:18px 15px;color:#fff}
.user ul li a {color:#fff;display:block;float:left;text-decoration:none}
.user ul li i {color:#a2a3b7}

.icon-menu .sidemenu-holder {
    width:60px;
    overflow:hidden;
}
.icon-menu #content {
    margin-left: 60px;
}
.icon-menu #sidemenu ul > li > a i {
    margin: 0 20px 0 3px;
}
.icon-menu .form-group.form-group-submit {
    left: 75px;
}

/* Toas
================================================== */
.jq-toast-wrap,.jq-toast-wrap *{margin:0;padding:0}.jq-toast-wrap{display:block;position:fixed;width:250px;pointer-events:none!important;letter-spacing:normal;z-index:9000!important}.jq-toast-wrap.bottom-left{bottom:20px;left:20px}.jq-toast-wrap.bottom-right{bottom:20px;right:40px}.jq-toast-wrap.top-left{top:20px;left:20px}.jq-toast-wrap.top-right{top:70px;right:37px}.jq-toast-single{display:block;width:100%;padding:15px 20px;margin:0 0 5px;border-radius:0;font-size:12px;font-family:arial,sans-serif;line-height:17px;position:relative;pointer-events:all!important;background-color:#444;color:#fff}.jq-toast-single h2{font-family:arial,sans-serif;font-size:14px;margin:0;background:0 0;color:inherit;line-height:inherit;letter-spacing:normal}.jq-toast-single a{color:#eee;text-decoration:none;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px}.jq-toast-single ul{margin:0 0 0 15px;background:0 0;padding:0}.jq-toast-single ul li{list-style-type:disc!important;line-height:17px;background:0 0;margin:0;padding:0;letter-spacing:normal}.close-jq-toast-single{position:absolute;top:3px;right:7px;font-size:14px;cursor:pointer}.jq-toast-loader{display:block;position:absolute;top:-2px;height:5px;width:0;left:0;border-radius:0;background:red}.jq-toast-loaded{width:100%}.jq-has-icon{padding:20px 20px 20px 50px;background-repeat:no-repeat;background-position:10px}.jq-icon-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);background-color:#31708f;color:#d9edf7;border-color:#bce8f1}.jq-icon-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);background-color:#8a6d3b;color:#fcf8e3;border-color:#faebcc}.jq-icon-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);background-color:#a94442;color:#f2dede;border-color:#ebccd1}.jq-icon-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);color:#dff0d8;background-color:#3c763d;border-color:#d6e9c6}

/* Content
================================================== */
#findproject input {
    padding: 30px;
    font-size: 24px;
}
#findproject {padding: 90px 0}
#content {
    overflow: hidden;
    padding: 5px 20px;
    min-height: 80vh;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
}
#content .content {padding-bottom: 90px;padding-top:85px}
#content .content h4,
#content .content h5,
.modal-header h5 {
    color: #515365;
    font-weight: 500;
    margin-top: 6px;
    font-size: 17px;
    position: relative;
}
#content .content h4.page-title {
    background: white;
    padding: 1.25rem 1.3rem;
    margin: 0
}
#content .content h4.page-title i {
    margin-right: 15px
}
#content .content h4.page-title span {
    color: #caccd7;
    font-weight: 400;
}
#content .content .card-header h4, #content .content .card-body h5 {margin-top:0}
#content .content .card-body h5 {margin-bottom:20px}
#content .content h4.page-title-middle {margin-top: 30px;margin-bottom: 0}
.nav a.nav-link {color:#8a8a8a}
.nav a.nav-link.active, a.nav-link:hover {color:#00acc1}
.nav [class^="fe-"] {
    margin-right: 5px;
    font-size: 16px;
    position: relative;
    bottom: -1px;
}

.content h4 a {color:#00acc1;}

.btn-outline-primary {
    color: #808080;
    border-color: #dfdfdf;
    font-size: 16px;
    padding: 10px 50px;
}
.about-project .btn-outline-primary {
    font-size: 14px;
    padding: 10px 20px
}
.btn-outline-primary i {
    margin-right: 7px;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #00acc1;
    border-color: #00acc1;
}

.calendar li {border-bottom:1px solid #e1e3e4;padding:20px 0}
.calendar-day {border-right:1px solid #e1e3e4}
.calendar span {display:inline-block;padding:0 10px 0 0}
.calendar span:before {font-family:FontAwesome;content:"\f007";margin-right:5px}

/* Formularze
================================================== */
.formError{position:absolute;top:300px;left:300px;display:block;z-index:500;cursor:pointer}.formError .formErrorContent{background:#ff9000;position:relative;z-index:5001;color:#fff;width:190px;font-size:12px;border:1px solid #ff9000;padding:2px 10px 2px 10px}.formError .formErrorArrow{width:12px;margin:-2px 0 0 1px;position:relative;z-index:5006}.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin:0 0 0 12px;top:2px}.formError .formErrorArrow div{font-size:0;height:1px;background:#ff9000;margin:0 auto;line-height:0;display:block}.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.formError .formErrorArrow .line10{width:15px;border:0}.formError .formErrorArrow .line9{width:13px;border:0}.formError .formErrorArrow .line8{width:11px}.formError .formErrorArrow .line7{width:9px}.formError .formErrorArrow .line6{width:7px}.formError .formErrorArrow .line5{width:5px}.formError .formErrorArrow .line4{width:3px}.formError .formErrorArrow .line3{width:1px}.formError .formErrorArrow .line2{width:0}.formError .formErrorArrow .line1{width:0}.inputbox-error{border-bottom:1px solid #ff9000!important}
.back {
    background: #181c32;
    color: white;
    height: 45px;
    display: flex;
    align-items: center;
    padding: 0 1.3rem;
    font-size: 12px;
    line-height: normal;
}
.back:hover {
    background: #1a1a27;
    color: white
}
#form {margin-bottom:40px}
.col-form-label {
    font-weight: normal;
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 0 15px;
    font-size: 14px;
    line-height: 15px;
}
.col-form-label span {
    font-weight: 400;
    font-size: 11px;
    color: #A8A8A8;
    line-height: 13px;
    display: block;
    width: 100%;
    margin-top: 2px;
}
.col-form-label i {font-weight:400}
.form-control {
    font-size: 14px;
    border: 1px solid #D5D5D5;
    border-radius: 3px;
}
.form-group {
    margin-bottom: 1rem;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 1rem;
}
.form-group.form-group-beforesubmit {
    padding-bottom: 0;
    border: 0;
    margin-bottom: 0;
}
.form-group.row:last-child {
    margin-bottom: 0;
    border-bottom: 0 !important;
    padding-bottom: 0;
}

.card-header.card-nav {
    background: #1e1e2d;
    padding: 1rem
}
.card-header.card-nav a {
   color: #a2a3b7;
}
.card-header.card-nav .nav a.nav-link:hover,
.card-header.card-nav .nav a.nav-link.active,
.card-header.card-nav .nav li:hover a.nav-link {
   color: #fff;
}
.card-header.card-nav .nav a.nav-link:hover span,
.card-header.card-nav .nav a.nav-link.active span,
.card-header.card-nav .nav li:hover a.nav-link span
{
   color: #00acc1
}
.card-header.card-nav .nav > li {
    position: relative;
}
.card-header.card-nav .nav > li a {
    display: block;
    padding-top: 24px;
    padding-bottom: 24px
}
.card-header.card-nav .nav > li .submenu li a,
.card-header.card-nav .nav > li .submenu li span
{
    display: block;
    padding: 8px 25px;
    clear: both;
    white-space: nowrap;
    color: rgba(36, 45, 62, 0.8);
    position: relative
}
.card-header.card-nav .nav > li .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    padding: 15px 0 0;
    list-style: none;
    min-width: 200px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    margin-top: 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    width: auto;
}
.card-header.card-nav .nav > li .submenu.scrollable {
    max-height: 440px;
    overflow-y: auto
}
.card-header.card-nav .nav > li .submenu li:last-child {
    margin-bottom: 15px
}
.card-header.card-nav .nav > li:hover > .submenu,
.card-header.card-nav .nav > li:hover > .submenu > li:hover > .submenu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    margin-right: 0;
}

.card-header.card-nav .nav > li .submenu > li.has-submenu > a:after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    right: 20px;
    top: 9px;
    font-size: 12px;

}

.card-header.card-nav .nav > li .submenu > li .submenu {
    left: 100%;
    top: 0;
    margin-top: 10px;
}
.card-header.card-nav .nav .submenu a:hover {
    color: #00acc1;
}


.card-title {
    color: #515365;
    margin-top: 0;
    margin-bottom: 15px;
}
.card-body {
    padding: 1.25rem 2.3rem
}
.card-body.card-body-rem {
    padding: 1rem
}
.card {
    position: relative;
    background-color: #ffffff;
    margin-top: 0;
    border: 0 solid #e9eaec;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
}

.card.card-shadow {
    -webkit-box-shadow: 0 7px 20px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 7px 20px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 7px 20px 2px rgba(0, 0, 0, 0.2);
}

.card-header {
    padding: 1.25rem 1.3rem;
    position: relative;
    background-color: transparent;
    border-bottom: 0;
}

.card-header.card-header-form {
    padding: 15px 1.25rem;
}

.card-header .card-title {
    margin-bottom: 0;
    display: inline-block;
}
.about-project h5 {
    margin-top: 40px !important;
}
.about-project .badge {
    font-size: 13px;
    color: #fff;
    background: #00acc1;
    border-radius: 0;
    height: auto;
    padding: 5px 9px;
    border: 0;
    margin-bottom: 4px;
}
.about-project span,
.list-files a.btn.btn-sm {
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    background: #181c32;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.about-project .alert {
    font-size: 12px;
    padding: 5px 10px;
    text-align: center;
}
.about-project li {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out
}
.about-project li:hover {
    background: #f0f0f0;
}
.list-users-menu a {
    margin-left: 5px;
}
.user-limit {
    font-size: 11px
}
.about-project li .row a {
    font-size: 16px;
}
.about-text {
    padding: 20px;
    background: #f4f4f4;
    font-size: 13px;
    font-style: inherit;
}

.list-files li {
    position: relative;
}
.list-files a.btn.btn-sm {
    position: absolute;
    top:0;
    left: -16px;
    bottom:0;
    margin: auto;
    display: none;
    border:0;
    padding-top: 5px;
}
.list-files a.btn.btn-sm:hover {
    background: #d04747;
    color: white;
}
.list-files li:hover a.btn.btn-sm {
    display: block
}

.form-group.form-group-submit {
    position: fixed;
    bottom: 0;
    background: white;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 1rem 20px !important;
    border-top: 1px solid #e9eaec;
    -webkit-transition:all .2s;
    transition:all .2s;
    margin-bottom: 0;
}
#login {background:#f1f2f7}
.form-group-submit .btn,
#login .btn,
.btn.btn-upload,
.card-title .btn-back,
.forum-single-content .btn,
.btn.btn-primary, .dt-button
{
    padding: 8px 23px;
    border-radius: 3px;
    border: 0;
    background: #00acc1;
    color: white;
    font-size: 14px;
    font-weight: 500;
}
.btn.btn-primary i {
    margin-right: 10px;
    font-weight: 400
}
.btn.btn-lg {
    font-size: 18px;
    padding: 13px 23px;
}
.form-group-submit .btn:hover,
#login .btn:hover,
.card-title .btn-back:hover,
.btn.btn-upload:hover,
.form-group-submit .btn:active,
#login .btn:active,
.card-title .btn-back:active,
.btn.btn-lg:hover
{
    background:#008595;
    color:white
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #008595;
    border-color: #008595;
}
.btn.focus, .btn:focus, .form-control:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,123,255,.25) !important;
}
.form-control:focus {
    border-color: #00acc1;
}
.card-header .alert {
    position: absolute;
    right: 9px;
    top: 9px;
    border-radius: 0;
}
.page-title .alert {
    position: absolute;
    right: 15px;
    top: -12px;
    border-radius: 0;
}

.thumb-card {
    background: black;
    transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    margin:0;
    border: 1px solid #454557;
}
.thumb-card img {
    -webkit-transition: all .2s;
    transition: all .2s;
    width:100%
}

.container-gallery {
    background: #1a1a27;
    padding: 10px 15px 30px;
}

.thumb-card .card-body {
    position: absolute;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    padding: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 34px;
    text-align: center;
}
.thumb-card:hover .card-body {opacity:1}
.thumb-card:hover img {opacity:.5}
.alert {border-radius: 0 !important;}

.section {
    background: #f5f5f5;
    font-weight: 400;
    color: #545454;
    font-size: 20px;
    padding: 20px 30px;
    margin: 1rem -20px;
}

/* Pagination
================================================== */
.pagination {
    justify-content: center;
    margin:15px 0 0
}
.page-link {
    position: relative;
    display: block;
    padding: 8px 13px;
    margin-left: -1px;
    line-height: 1.25;
    color: #222;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #00acc1;
    border-color: #00acc1
}
.page-link:focus {
    box-shadow: 0 0 0 0 rgba(0,123,255,.25);
}

/* Q&A
================================================== */
#content .topic_list li .media-body h4 {
    font-size: 19px;
    font-weight: 500;
    margin:0 0 1px;
    display: inline-block;
    color: #00acc1
}
#content .topic_list li .media-body h6 {
    display: inline-block;
    margin-bottom: 0;
    font-size: 13px;
    color: #838793;
    font-weight: 400;
    margin-right: 16px
}

.topic_list {
    border: 1px solid #eaeeef
}
.topic_list li {
    border-bottom: 1px solid #eaeeef;
    padding: 18px 20px
}
.topic_list li:last-child {
    border-bottom: 0
}

.topic_list li .media {
    align-items: center;
}
.topic_list li .media .d-flex {
    padding-right: 18px;
}
.topic_list li .media .rounded-circle,
.forum-post-top .rounded-circle,
.user-rounded-circle {
    width: 45px;
    height: 45px;
    border-radius: 50% !important;
    background: #181c32;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
.user-rounded-circle {
    width: 100px;
    height: 100px;
    font-size: 35px;
    margin-bottom: 20px;
}
.topic_list li .media .media-right {
    vertical-align: middle;
    padding-right: 12px;
}
.topic_list li .media .media-right .count {
    display: inline-block;
    margin-left: 40px;
    font-size: 16px;
    color: #868b99;
    font-weight: 400;
    transition: all 300ms linear 0s;
}

.forum-post-top {
    display: flex;
}
.forum-single-q, .forum-post-content, .forum-post-footer {padding-left: 70px}
.forum-post-content {
    line-height: 29px;
    font-size: 16px;
    color: #424242;
}
.forum-single-q h1 {
    font-size: 26px;
    margin: 25px 0 20px;
}
.forum-author-meta {
    color: #717171
}
.forum-comment, .forum-single-content {
    padding: 35px 25px;
    border-bottom: 1px solid #e8ecee;
}
.forum-comment:last-child {
    border:0
}
.forum-post-footer {
    padding-top: 18px;
    display: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    align-items: center;
}
.forum-comment:hover .forum-post-footer {
    display: flex;
}
.forum-comment:hover {
    background: #f7f7f7
}
.forum-comment.forum-comment-helpful,
.forum-comment.forum-comment-helpful:hover {
    background: #f1fdf3
}
.forum-post-footer a,
.forum-single-footer a {
    border: 1px solid #dfdfdf;
    padding: 3px 14px;
    margin-right: 9px;
    background: white;
    font-size: 13px
}
.forum-single-content .btn.action-button.confirmForm,
.forum-post-footer .btn.action-button.confirmForm,
.forum-single-content .btn.edit-button,
.forum-post-footer a,
.forum-single-footer a
{
    padding: 0 14px;
    font-size: 13px;
    border-radius: 0 !important;
    height: 27px;
    display: inline-flex;
    align-items: center;
}
.forum-single-content .btn i,
.forum-post-footer a i,
.forum-single-footer a i,
.forum-post-footer .btn.action-button.confirmForm i
{
    margin-right: 8px
}
.forum-post-footer a:hover {
    color: white;
    border-color: #00acc1;
    background: #00acc1;
}
.accepted-ans-mark {
    color: #0f7916;
    text-align: right;
    font-size: 14px;
}

/* Sortable
================================================== */
#sortable_paginate, #sortable_info {
    padding: 0 8px;
    width: 50%;
    float: left;
    border-top: 1px solid #dee2e6;
}
#sortable_paginate, #sortable_filter {
    text-align: right;
}
#sortable_length {
    display: none;
}
#sortable_filter {
    padding:15px 0
}
#sortable_filter label {margin: 0}
#sortable_filter input {
    display: inline-block;
    width: auto;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-left: 15px;
}

#sortable_info {
    padding: 12px;
}
#sortable_paginate a.paginate_button {
    padding: .375rem 0.95rem;
    border-radius: 0;
    border: 0;
    background: #b7b7b7;
    display: inline-block;
    font-size: 13px;
    margin: 8px 0 8px 8px;
    color: white;
    cursor: pointer;
}
#sortable_paginate a.paginate_button.current {
    background: #00acc1
}
#sortable_paginate span a.paginate_button {
    padding: .375rem 12px;
}
#sortable_paginate a.disabled {
    display: none
}
#sortable_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
    background: #181c32;
    color: white;
    z-index: 999;
}
#sortable_wrapper {
    overflow: auto
}
.ellipsis {
    display: inline-block;
    padding: 0 5px 0 10px;
}
table.dataTable{clear:both;margin-top:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:0.85em}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable>thead>tr>th:active,table.dataTable>thead>tr>td:active{outline:none}table.dataTable>thead>tr>th:not(.sorting_disabled),table.dataTable>thead>tr>td:not(.sorting_disabled){padding-right:30px}table.dataTable>thead .sorting,table.dataTable>thead .sorting_asc,table.dataTable>thead .sorting_desc,table.dataTable>thead .sorting_asc_disabled,table.dataTable>thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable>thead .sorting:before,table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc_disabled:before,table.dataTable>thead .sorting_desc_disabled:after
{
    position:absolute;
    bottom:0;
    top:0;
    margin: auto;
    height: 23px;
    display:block;
    opacity:0.3
}
table.dataTable>thead .sorting:before,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc_disabled:before{right:1em;content:"\2191"}table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc_disabled:after{right:0.5em;content:"\2193"}table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_desc:after{opacity:1}table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc_disabled:after{opacity:0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:before,div.dataTables_scrollBody table thead .sorting_asc:before,div.dataTables_scrollBody table thead .sorting_desc:before,div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:center !important}}table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled){padding-right:20px}table.dataTable.table-sm .sorting:before,table.dataTable.table-sm .sorting_asc:before,table.dataTable.table-sm .sorting_desc:before{top:5px;right:0.85em}table.dataTable.table-sm .sorting:after,table.dataTable.table-sm .sorting_asc:after,table.dataTable.table-sm .sorting_desc:after{top:5px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:1px}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}


@keyframes dtb-spinner{100%{transform:rotate(360deg)}}@-o-keyframes dtb-spinner{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes dtb-spinner{100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dtb-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes dtb-spinner{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:1px solid #111;box-shadow:3px 3px 8px rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:21}

div.dt-button-info h2 {
    padding: 0.5em;
    margin: 0;
    font-weight: normal;
    border-bottom: 0;
    background-color: #181c32;
    color: white;
    font-size: 18px;
}

div.dt-button-info>div{padding:1em}div.dt-button-collection-title{text-align:center;padding:0.3em 0 0.5em;font-size:0.9em}div.dt-button-collection-title:empty{display:none}div.dt-button-collection{position:absolute;z-index:2001}div.dt-button-collection div.dropdown-menu{display:block;z-index:2002;min-width:100%}div.dt-button-collection div.dt-button-collection-title{background-color:white;border:1px solid rgba(0,0,0,0.15)}div.dt-button-collection.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}div.dt-button-collection.fixed.two-column{margin-left:-200px}div.dt-button-collection.fixed.three-column{margin-left:-225px}div.dt-button-collection.fixed.four-column{margin-left:-300px}div.dt-button-collection>:last-child{display:block !important;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px}div.dt-button-collection>:last-child>*{-webkit-column-break-inside:avoid;break-inside:avoid}div.dt-button-collection.two-column{width:400px}div.dt-button-collection.two-column>:last-child{padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;column-count:2}div.dt-button-collection.three-column{width:450px}div.dt-button-collection.three-column>:last-child{padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;column-count:3}div.dt-button-collection.four-column{width:600px}div.dt-button-collection.four-column>:last-child{padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;column-count:4}div.dt-button-collection .dt-button{border-radius:0}div.dt-button-collection.fixed{max-width:none}div.dt-button-collection.fixed:before,div.dt-button-collection.fixed:after{display:none}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}@media screen and (max-width: 767px){div.dt-buttons{float:none;width:100%;text-align:center;margin-bottom:0.5em}div.dt-buttons a.btn{float:none}}div.dt-buttons button.btn.processing,div.dt-buttons div.btn.processing,div.dt-buttons a.btn.processing{color:rgba(0,0,0,0.2)}div.dt-buttons button.btn.processing:after,div.dt-buttons div.btn.processing:after,div.dt-buttons a.btn.processing:after{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;box-sizing:border-box;display:block;content:' ';border:2px solid #282828;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:dtb-spinner 1500ms infinite linear;-o-animation:dtb-spinner 1500ms infinite linear;-webkit-animation:dtb-spinner 1500ms infinite linear;-moz-animation:dtb-spinner 1500ms infinite linear}

div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 2001;
}

.dataTables_wrapper #sortable_filter {
    float: right;
    width: 50%;
    padding: 0 0 15px 0;
}
.dt-button-collection .dt-button:last-child {
    display:none !important
}
div.dt-button-collection {
    padding: 4px 6px;
    background: white;
}
div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    display: block;
    float: none;
    margin-bottom: 4px;
    margin-right: 0;
}

.buttons-columnVisibility {
    opacity:0.3
}
.buttons-columnVisibility.active {
    opacity:1
}
.dt-button {
    font-size: 12px;
    font-weight: 400;
    padding: 6px 15px;
}
th input {
    width: 100%;
    background: none;
    border: 1px solid rgba(255,255,255,0.2);
    color: white;
    padding: 5px 10px;
}
th select {
    width: 100%;
    border: 0;
    background: #414662;
    color: white;
    padding: 4px
}
.table thead th.th-star {
    width: 50px !important
}

/* Mapa
================================================== */
#map {height:400px}

#gallery .col-3 .card {
    position: relative !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    min-width: 0 !important;
    word-wrap: break-word !important;
    background-color: #fff !important;
    background-clip: border-box !important;
    border: 1px solid rgba(0,0,0,.125) !important;
    border-radius: .25rem !important;
}
#gallery .col-3 {
    -ms-flex: 0 0 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
}
#gallery .card-title {
    color: #484848;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
#gallery .card-body {
    padding: 15px
}
/* Mappa
================================================== */
.mappa-tool {padding:10px}
.mappa-toolbars {padding:10px 0}
.mappa-toolbars ul, .mappa-toolbars li, .mappa-toolbars label, .toggleParam {display:inline-block;cursor: pointer}

label.actionBtn, .toggleParam {
    padding: .375rem 0.65rem;
    border-radius: 3px;
    border: 0;
    background: #00acc1;
    font-size: 12px;
    color: white;
}
label.actionBtn:hover, .toggleParam:hover {
    background: #008595;
    color: white;
}
label.actionBtn i, .toggleParam i {margin-right:0.35rem}

span.actionBtn {display:block;margin-right: 30px;padding: 8px 13px 7px;cursor:pointer;float:left}
.mappa-output textarea {width:98%;padding:1%;height:120px;background:none;color:white;border:1px solid #3f4446}
.mappa-list li.selected-false {display:none}
.mappa-list li.selected-true {display:block}
.input_hidden {position:absolute;left:-9999px}
.mappa-toolbars input[type="radio"]:checked + label.actionBtn {border-radius: 3px;background: #008595}
.mappa-list li select {background:none;color:white;border:1px solid #3f4446;padding:4px;margin-left:10px}
.toggleRow {display:none}

/* Modal
================================================== */
.modal-content, .modal-header, .modal-footer {border-radius: 0}
.modal-content {
    border: 0;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.45);
    -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.45);
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.45);
}
.modal-footer .btn, #jquery-wrapped-fine-uploader .btn {
    padding: 8px 23px;
    border-radius: 3px;
    border: 0;
    background: #00acc1;
    font-size: 14px
}
.modal-footer .btn:hover, #jquery-wrapped-fine-uploader .btn:hover {
    background: #008595;
}
.modal-footer .btn.btn-secondary {
    background: #a4a4a4;
}
.modal-footer .btn.btn-secondary:hover {
    background: #878787;
}
.modal-header {background: #181c32}
.content .modal-header .modal-title,
#confirmBox .modal-header .modal-title,
#bootstrapmodal .modal-header .modal-title,
#empModal .modal-header .modal-title {
    color: #fff;
    margin: 0;
}
#confirmOverlay .modal {
    display: block;
}
#confirmOverlay{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background: rgba(0,0,0,0.8);
    z-index: 1040
}
.close, .close:hover {
    color: #fff;
    text-shadow: 0 0 0 #fff;
    opacity: 1;
}

.list-group-flush li {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0
}
.list-group-flush li:last-child {
    border:0;
    padding-bottom: 0;
}

/* Upload
================================================== */
.progress-bar {
    display: block;
}
.qq-upload-drop-area {
    background: #f0f0f0;
    border: 1px dashed #7b7b7b;
    padding:15px;
    text-align:center;
    display:block !important;
}
.qq-drop-processing {
    display:none;
    width:100%
}


.qq-uploader {
    position: relative;
    width: 100%
}

.qq-upload-drop-area-active {
    background: #fffbd1
}

.qq-upload-list {
    list-style: none;
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.qq-upload-list li {
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    padding: 7px 14px;
    margin-bottom: 1px;
}

.qq-upload-file,
.qq-upload-spinner,
.qq-upload-size,
.qq-upload-cancel,
.qq-upload-retry,
.qq-upload-failed-text,
.qq-upload-finished,
.qq-upload-delete {
    margin-right: 12px;
    display: inline-flex
}

.qq-upload-spinner {
    display: inline-block;
    background: url('../gfx/loader5.gif');
    width: 15px;
    height: 15px;
    vertical-align: text-bottom
}

.qq-drop-processing {
    display: none
}

.qq-drop-processing-spinner {
    display: inline-block;
    background: url('../gfx/processing.gif');
    width: 24px;
    height: 24px;
    vertical-align: text-bottom
}

.qq-upload-retry,
.qq-upload-delete {
    display: none;
    color: #FFF
}

.qq-upload-cancel,
.qq-upload-delete {
    color: #FFF
}

.qq-upload-size,
.qq-upload-cancel,
.qq-upload-retry,
.qq-upload-delete {
    font-size: 11px;
    font-weight: 400
}

.qq-upload-failed-text {
    display: none;
    font-style: italic;
    font-weight: 700
}

.qq-upload-retrying .qq-upload-failed-text {
    display: inline;
    color: #d60000
}

.qq-upload-list li.qq-upload-success {
    border: 1px solid #292d2f;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    padding: 7px 14px;
    background: #406d2b;
    background: -moz-linear-gradient(top, #57933a 0, #406d2b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57933a), color-stop(100%, #406d2b));
    background: -webkit-linear-gradient(top, #57933a 0, #406d2b 100%);
    background: -o-linear-gradient(top, #57933a 0, #406d2b 100%);
    background: -ms-linear-gradient(top, #57933a 0, #406d2b 100%);
    background: linear-gradient(top, #57933a 0, #406d2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57933a', endColorstr='#406d2b', GradientType=0)
}

.qq-upload-list li.qq-upload-fail {
    background-color: #d60000;
    color: #FFF
}

.qq-progress-bar {
    background: url('../gfx/progressOverlay.png') repeat-x 0 0;
    width: 0;
    height: 15px;
    margin-bottom: 3px;
    display: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.qq-upload-button {
    margin-top: 15px
}
.qq-upload-button div {
    color:white
}

.qq-upload-finished,
.qq-upload-failed-icon {
    display: none;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom
}

.qq-upload-retryable .qq-upload-retry,
.qq-upload-fail .qq-upload-failed-text {
    display: inline
}

/* DeveloPro
================================================== */
.table td .badge {
    border-radius: 0;
    color: white;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    width: 80px;
    margin: 0 auto;
    height: 24px;
}
.badge.inwest-list-status-1 {background:green}
.badge.inwest-list-status-2 {background:#940000}
.badge.inwest-list-status-3 {background:#0063a9}
.badge.inwest-list-status-4 {background:#5800c5}

.badge.room-list-status-1 {background:green}
.badge.room-list-status-2 {background:#0063a9}
.badge.room-list-status-3 {background:#940000}
.badge.room-list-status-4 {background:#5800c5}

.table td .badge.badge-method {display: inline-flex}
.table td .badge.badge-method-put {background: #35aab6}
.table td .badge.badge-method-delete {background: #ef6956}
.table td .badge.badge-method-post {background: #76bd5c}

.table td .badge.badge-role {
    display: inline-flex;
    font-size: 11px;
    padding: 0 9px;
    height: 28px;
    margin: 3px 1px;
    background: #3d3d5e
}

.table td .badge.status-1 {background:green}
.table td .badge.status-2 {background:#0063a9}
.table td .badge.status-3 {background: #912424}
.table td .badge.status-4 {background: #c56600}

/* Tabelki
================================================== */
.table td, .table th {
    padding: 10px 7px;
    border-top: 1px solid #dee2e6;
    vertical-align: middle !important;
    line-height: normal;
    color: #3F4254;
}
.table thead th {
    background: #181c32;
    color: white;
    border: 0;
    font-size: 12px;
    font-weight: 500;
}
.table thead th.sorting {
    cursor: pointer;
}
.online, .offline {width:12px;height:12px;display:block;border-radius:50%;margin:0 auto;background:#00acc1}
.offline {background:#c6c6c6}
.fe-star.fe-star-on {
    color: #00acc1;
}

.table tr.submenu td:first-child:before {
    content: "\21b3";
    font-size: 20px
}
.table tr.submenu.submenu-1 td:first-child:before {margin:0 20px 0 10px}
.table tr.submenu.submenu-2 td:first-child:before {margin:0 20px 0 40px}
.table tr.submenu.submenu-3 td:first-child:before {margin:0 20px 0 70px}
.table tr.submenu.submenu-4 td:first-child:before {margin:0 20px 0 100px}

.table tbody tr:hover td,
.table tbody tr:hover th {
    background: #f6f6ff
}

.table tbody tr.tr-opened td{background: #fbfb85}

#sortable {
    position: relative;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
.typeahead {
    width: 100%;
    height: 300px;
    overflow-x: auto;
    overflow-y: scroll;
}
.dropdown-item strong {
    background: #00acc1;
    color: white;
}

.inbox-message-header .avatar-circle {
    margin-right: 15px;
    margin-top: 1px
}
.inbox-message {
    padding: 25px
}
.inbox-message h2 {
    font-size: 22px;
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;
    margin-top: 20px
}

.inbox-message h4, .inbox-message span {
    font-size: 12px;
    margin:0 !important;
}

.inbox-message-footer .btn.action-button {
    font-size: 12px
}

.inbox-message-body {
    padding: 15px 0 0
}

.list-category-1 {
    background: #e9ecfd;
}
.list-category-2 {
    background: #f9f0fd;
}
.list-category-3 {
    background: #eafbfb;
}
.badge {
    font-size: 16px;
    color: #212529;
    background: #fff;
    border-radius: 16px;
    height: 30px;
    padding: 0 15px;
    font-weight: normal;
    border: 1px solid rgba(0,0,0,0.1);
}

#sortable tbody>tr.ui-sortable-placeholder{height:30px;visibility:visible!important}
#sortable tbody>tr.ui-sortable-placeholder td{background-color:#fff1b0}
#sortable .ui-sortable-helper {display: table}
#sortable .ui-sortable-helper {background:white;-webkit-box-shadow: 0 10px 5px -8px rgba(0,0,0,0.42);-moz-box-shadow: 0 10px 5px -8px rgba(0,0,0,0.42);box-shadow: 0 10px 5px -8px rgba(0,0,0,0.42)}

#sortable li.ui-sortable-helper {
    padding: 15px !important;
    height: 267px !important;
    display: block;
}
#sortable li.ui-sortable-helper .card {
    margin:0
}
#sortable.sortable-row .ui-sortable-helper {display: block}
#sortable li.ui-sortable-placeholder {visibility:visible!important;background-color:#fff1b0;float:left;width:16.666667%;height:237px;margin:20px 0 0 0;border:1px dashed #d5d5d5;padding:0 15px;position: relative}
ul#sortable li {padding-top:20px}
#sortable li {width:16.666667%;padding:0 15px;float:left}
#sortable .dropdown-menu li {width:100%;padding:5px;float:none}
#sortable .dropdown-menu {
    float: right;
    min-width: auto;
    padding: 0;
    margin: .125rem 0 0;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0
}
#sortable .dropdown-toggle {
    white-space: nowrap;
    width: 42px;
    background: #00acc1;
    color: white;
    border: 0;
    padding: 4px;
}

.table td.option-120 {width:120px}
.table th.position {width:65px}

.action-button {
    background: #00acc1;
    color: white;
    border-radius: 3px !important;
    padding: 5px 8px;
    font-size: 12px;
}
.action-button:hover {background:#008595;color:white}
.action-button.move-button {background:#bfbfbf}
.action-button.move-button:hover {background:#868686}
.action-button.action-small {font-size: 13px}

.avatar-circle {
    width: 40px;
    height: 40px;
    background-color: #bfbfbf;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    float:left;
    margin-right: 10px;
}
.initials {
    position: relative;
    top: 8px; /* 25% of parent */
    font-size: 20px; /* 50% of parent */
    line-height: 20px; /* 50% of parent */
    color: #fff;
    font-weight: bold;
}
.namelist {padding: 7px 0;float: left}

@media (max-width: 1840px) {
    .table td, .table th {
        padding: .75rem .75rem;
        font-size: 12px;
    }
    .table td .badge {
        font-size: 11px
    }
    #content {
        padding: 5px
    }
    .about-project .btn-outline-primary {
        font-size: 12px;
        padding: 10px;
    }
    .list-group-item {
        padding: .75rem 10px;
        font-size: 12px;
    }
    .table-overflow.p-4 {
        padding: 1rem !important;
    }
    .table-overflow.p-5 {
        padding: 2rem !important;
    }
    #content .content h4,
    #content .content h5 {
        font-size: 14px
    }
    .about-project .badge {
        font-size: 11px;
        padding: 5px
    }
    .list-users .col-6 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .about-project li .row a {
        font-size: 11px;
    }
}
@media (max-width: 1279.98px) {
    .btn-outline-primary {
        padding: 10px 28px;
    }
}
@media screen and (max-width:768px) {
    .col-form-label {
        padding-bottom: 8px;
    }

    form .col-2, form .col-10 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    form .col-2 {
        justify-content: start;
    }
    form .text-right {
        text-align: left !important;
    }
    .card-body {
        padding: 1.25rem 1.3rem;
    }
}

@media (max-width: 991.98px) {
    .btn-group {
        width: 100%;
    }
    .btn-outline-primary {
        font-size: 13px;
        padding: 10px 20px;
    }
    .card-header.card-nav .nav > li a {
        font-size: 12px;
        padding: 16px 13px;
    }
    #content .content h4.page-title {
        padding: 1.25rem 13px;
    }
    .table-overflow.p-5 {
        padding: 1.2rem !important;
    }
}

@media (max-width: 575.98px) {
    .btn-group {
        display: inline-grid;
        width: 100%;
    }
    .btn-add-project {
        width: 100%;
    }
    .list-group-item {
        font-size: 14px;
    }
    .about-project li .row a {
        font-size: 16px;
    }
    .h2, h2 {
        font-size: 1.5rem;
    }
    .table thead th {
        font-size: 12px;
        padding: 3px;
    }
}


/* Darkmode
================================================== */
.dark-mode body,
.dark-mode a {
    color: #e3e6f3;
}
.dark-mode body,
html.dark-mode,
.dark-mode #login {
    background: #212332
}
.dark-mode .form-group.form-group-submit,
.dark-mode .table thead th,
.dark-mode .back
{
    background: #1a1a27;
}
.dark-mode .table td,
.dark-mode .table th,
.dark-mode .card-head,
.dark-mode #content .content h4.page-title,
.dark-mode .forum-post-content
{
    color: white;
}
.dark-mode .forum-comment:hover {
    background: #303446;
}
.dark-mode .card,
.dark-mode .modal-content
{
    background-color: #2a2e3f;
    border: 1px solid transparent;
    box-shadow: 0 2px 4px rgba(13, 21, 35, 0.5);
}
.dark-mode .border-bottom,
.dark-mode .card-head,
.dark-mode .card-header,
.dark-mode .form-group,
.dark-mode .modal-header,
.dark-mode .forum-comment,
.dark-mode .forum-single-content,
.dark-mode .calendar li
{
    border-bottom: 1px solid #32394e !important;
}
.dark-mode .table td,
.dark-mode .table th,
.dark-mode .form-group.form-group-submit,
.dark-mode #sortable_paginate,
.dark-mode #sortable_info,
.dark-mode .modal-footer
{
    border-top: 1px solid #32394e
}
.dark-mode .calendar-day {
    border-right: 1px solid #32394e;
}
.dark-mode .card-header,
.dark-mode .form-group,
.dark-mode #content .content h4.page-title
{
    background: transparent
}
.dark-mode .form-control {
    color: hsla(0,0%,100%,.8);
    background-color: #262a39;
    border: 1px solid #444d68;
}
.dark-mode .form-group-submit .btn,
.dark-mode #login .btn,
.dark-mode .btn.btn-upload,
.dark-mode .card-title .btn-back,
.dark-mode .forum-single-content .btn,
.dark-mode .btn.btn-primary,
.dark-mode .dt-button,
.dark-mode .forum-post-footer a,
.dark-mode .forum-single-footer a,
.dark-mode .btn-outline-primary:hover,
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active,
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active,
.dark-mode .about-project .badge
{
    background: #007786;
    border:0
}
.dark-mode .form-group-submit .btn:hover,
.dark-mode .form-group-submit .btn:active,
.dark-mode #login .btn:hover,
.dark-mode #login .btn:active,
.dark-mode .btn.btn-upload:hover,
.dark-mode .forum-single-content .btn:hover,
.dark-mode .card-title .btn-back:hover,
.dark-mode .card-title .btn-back:active,
.dark-mode .dt-button:hover,
.dark-mode .btn.btn-lg:hover {
    background: #1599aa;
    color: white;
}
.dark-mode .table tbody tr:hover td,
.dark-mode .table tbody tr:hover th,
.dark-mode .about-project li:hover
{
    background: #303548;
}
.dark-mode .table tbody tr.tr-opened td {
    background: #414662;
}
.dark-mode .btn-outline-primary,
.dark-mode .topic_list {
    border-color: #474f66
}
.dark-mode .list-group-item,
.dark-mode .about-text{
    background-color: #292d3d;
    border: 1px solid #32394e;
}
.dark-mode #content .content h4,
.dark-mode #content .content h5,
.dark-mode .modal-header h5 {
    color: #bec0d9
}
.dark-mode .dropdown-menu {
    background-color: #1a1a27
}
.dark-mode .forum-single-content {
    background: #242635;
}
.dark-mode .forum-author-meta {
    color: #6a6c82;
}
.dark-mode .forum-comment.forum-comment-helpful,
.dark-mode .forum-comment.forum-comment-helpful:hover {
    background: #2b3f2a;
}
.dark-mode .card-header.card-nav .nav > li .submenu {
    background-color: #1a1a27
}
.dark-mode .card-header.card-nav .nav > li .submenu li a,
.dark-mode .card-header.card-nav .nav > li .submenu li span {
    color: #fff
}
.dark-mode .qq-upload-drop-area {
    background: #14161f;
    border: 1px dashed #586075
}
.dark-mode .data-table {
    background: #252939
}