@import url("color.css");
/*Main menu for user*/
/*@font-face {
    font-family: 'DroidSans';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-webfont.png#droid_sansregular') format('svg');
}*/
@font-face {
    font-family: 'webflow-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: 'Droid Sans', sans-serif;
}

[class^="w-icon-"],
[class*=" w-icon-"] {
    font-family: 'webflow-icons', sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:focus, a:active {
    outline: none;
}

a:hover {
    text-decoration: none;
}

.mainmenu {
    font-weight: 400;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
}

.navbar {
    border: none;
    box-shadow: 1px 1px 3px 0 #000;
}

/*.navbar-nav{
	padding-right: 50px;
	padding-left: 50px;
}*/

.navbar-nav.menubar {
    padding-left: 30px;
}

.rightMenuContainer {
    padding-right: 30px;
}

.mainmenu .navbar-nav > li > a {
    border-bottom: 5px solid transparent;
    margin-top: 35px;
    padding: 20px;
    font-weight: 400;

}

.navbar-right > li:last-child > a {
    border-right: none;
}

.navbar-right > li > a {
    padding-right: 40px !important;
}

.nav-tabs > li {
    margin-right: 3px;
}

.nav-tabs > li > a {
    border-radius: 0;
}

.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
    font-family: FontAwesome;
    content: "\f107"; /* \e603, \f078, "\f107"*/
    position: absolute;
    right: 4px;
    top: 12px;
}

.w-icon-dropdown-toggle {
    position: absolute;
    top: 10px;
    right: 6px;
    margin: auto;
    margin-right: 10px;
    width: 1em;
    height: 1em;
    line-height: normal;
    padding: 0px;
    display: block;
}

.w-icon-dropdown-toggle.asc {
    transform-style: preserve-3d;
    transition: transform 200ms;
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    top: 10px;
    right: 6px;
}

.w-icon-dropdown-toggle.desc {
    transform-style: preserve-3d;
    transition: transform 200ms;
    transform: rotateX(0deg) rotateY(0deg) rotateZ(180deg);
    top: 16px;
    right: -6px;
}

.navbar.navbar-default.mainmenu {
    border-radius: 0 !important;
}

.mainMenu.collapse.navbar-collapse {
    float: left;
}

.mobile-right-menu {
    display: none;
}

.navbar-brand {
    position: relative;
    left: 50px;
    top: 50%;
    margin-right: 15px;
    padding: 25px 0px 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    opacity: 0.4;
    height: auto;
}

.navbar-brand img {
    width: 50px;
    height: 50px;
}

/*Right project and profile menu */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-image: none;
    webkit-box-shadow: none;
    box-shadow: none;
}

.modal-content .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: rgba(54, 168, 255, 0.1);
    outline: none;
}

.dropdown-menu.kw-name-dropdown > li > a:focus {
    background-position: 10px 50%;
    background-size: 20px;
}

.dropdown-link {
    border-bottom: 1px solid rgba(54, 168, 255, .2);
    background-color: #fff;
}

.w-dropdown-link {
    display: block;
    color: #222222;
}

.dropdown-link.profile {
    padding-left: 40px;
    background-image: url("../images/png/kw_icon_profile_default.png") !important;
    background-position: 10px 50%;
    background-size: 20px;
    background-repeat: no-repeat !important;
}

.dropdown-link.logout {
    padding-left: 40px;
    background-image: url("../images/png/kw_icon_logout_default.png") !important;
    background-position: 10px 50%;
    background-size: 20px;
    background-repeat: no-repeat !important;
}

.kw-name-dropdown, .kw-project-dropdown {
    padding: 0;
}

.kw-name-dropdown li a, .kw-project-dropdown li a {
    padding: 10px 20px;
}

.kw-name-dropdown li a:hover, .kw-project-dropdown li a:hover {
    background-color: rgba(54, 168, 255, 0.1);
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
    position: relative;
    vertical-align: top;
    text-decoration: none;
    color: #222222;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
}

.submenu {
    margin-bottom: 3px;
    padding: 10px 25px 5px;
}

.submenu ul, .submenu ol {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.taskEditSubmenu {
    margin-bottom: 3px;
    padding: 10px 25px 15px;
}

.taskEditSubmenu ul, .taskEditSubmenu ol {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.taskEditSubmenuNoComplete {
    margin-bottom: 30px;
    padding: 10px 25px 5px;
}

.teamEditSubmenu {
    padding-top: 40px;
    padding-left: 10px;
}

.teamEditSubmenu a:focus {
    outline: none;
}

.meetingsSubmenu {
    padding-top: 66px;
    margin-bottom: 10px;
}

.content.teamEditContent, .content.eventDataContent {
    padding-left: 0;
    padding-right: 0;
}

.content {
    padding-top: 10px;
}

.btn > span.fa-key {
    padding-right: 2px;
}

.searchbutton {
    background: transparent;
    border: 0;
    position: absolute;
    top: 7px;
    left: 5px;
}

.search {
    position: relative;
}

.search input {
    padding-left: 10px;
    min-width: 230px;
    max-width: 100%;
    min-height: 40px;
    font-weight: normal;
}

.search.wplist input {
    margin-right: 0;
}

.search button {
    position: absolute;
    top: 7px;
    left: 0;
    outline: 0;
}

.table {
    /*padding-top: 20px;*/
}

.inline {
    display: inline-block;
}

.inline.title {
    width: 75%;
}

.inline.button {
    vertical-align: middle;
}

td.middle {
    vertical-align: middle !important;
}

.content {
    padding: 10px 15px 5px;
}

#deadline {
    display: none;
}

.green {
    font-size: 25px;
}

.red {
    font-size: 25px;
}

.yellowsign {
    font-size: 25px;
}

#wbslist {
    width: 100%;
}

#wbslist tr.work_package {
    background-color: #ecf5f9;
}

/*End main menu for users*/
/* Breadcrumbs */
.breadcrumb {
    padding-top: 20px;
    margin-bottom: 15px;
}

.breadcrumb li {
    word-wrap: break-word;
}

.breadcrumb > li + li:before {
    content: "";
    padding: 0;
}

.breadcrumb > li:after {
    content: "";
    padding: 0 5px;
}

li.list-group-item > a:first-child {
    display: inline-block;
    padding: 5px 0;
}

/* Breadcrumb separator*/
.breadcrumb-item > a {
    padding-right: 20px;
    background-image: url("../images/png/keyways_icon_arrow-right_white.png");
    background-position: 100% 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.center {
    text-align: center;
}

/*wbs_details*/
.deatails {
    width: 100%;
}

h2 {
    margin-top: 15px;
}

/*.panel-files .panel-body,
.panel-profile .panel-body {
    padding: 0px;
}
.panel-files .panel-body > ul.list-group,
.panel-profile .panel-body > ul.list-group {
    padding-bottom: 0px;
    margin-bottom: 0px;
}*/
.panel-body {
    padding: 40px 20px 30px;
}

.list-group,
.list-group-item {
    border-radius: 0 !important;
}

.list-group-item {
    font-weight: 400;
    padding: 0;
    margin-bottom: 10px;
    border: none;
}

.list-group-item:first-child {
    padding-top: 0;
}

.listview-item.date {
    padding-top: 0 !important;
}

.list-group-item .row {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
    margin-top: -10px;
    border-bottom: 1px solid rgba(54, 168, 255, .2);
}

.listview-item:hover {
    background-color: rgba(0, 150, 200, .05);
}

.list-group-item .row div:first-child {
    padding-left: 0;
}

.wplist,
.wpselect {
    float: left;
}

.dateselector1 {
    position: relative;
}

.dataTables_wrapper.no-footer {
    border-radius: 4px;
}

.dataTables_paginate {
    padding: 24px 20px 23px !important;
    border-bottom-right-radius: 4px;
}

.dataTables_length {
    padding: 21px 20px 19px 30px !important;
    border-bottom-left-radius: 4px;
}

.dataTables_length label, .dataTables_paginate label {
    font-weight: normal;
}

.dataTables_length select {
    padding: 8px 12px;
    margin-left: 6px;
    margin-right: 6px;
    border: none;
    border-radius: 2px;
}

table.dataTable > tbody > tr.child ul.dtr-details li {
    clear: both;
    overflow: auto;
}

.datetimepicker-container {
    position: relative;
}

/*Tables*/
.table {
    overflow: auto;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

table.dataTable tbody th,
table.dataTable thead th,
table.dataTable tbody td {
    padding: 20px 10px 16px 10px;
}

table.dataTable tbody td .function-icon {
    margin-right: 6px;
    margin-left: 0;
}

table.dataTable thead th {
    padding-top: 0;
    padding-bottom: 0;
    height: 44px;
    vertical-align: middle;
    font-weight: 700;
}

table tbody td.kw-table-first-column, table thead th.kw-table-first-column {
    padding-left: 22px;
}

table tbody td .kw-table-first-column {
    padding-left: 14px;
}

table.dataTable td p {
    word-wrap: break-word;
    max-width: 100%;
}

table
.toppadding {
    padding-top: 20px;
}

table.dataTable tbody tr:hover, table.dataTable tbody tr.details:hover {
    background-color: #F3FAFD;
}

.quick-comment-button {
    margin-left: 5px;
}

/*Filter dropdown menu*/
.filter-dropdown {
    position: relative;
    /*display:inline-block;*/
    float: left;
    margin-right: 0;
}

.wp_filters {
    display: none;
    transition: all .5s;
    width: 300px;
    position: absolute;
    top: 50px;
    right: 12px;
    z-index: 1;
    border-radius: 5px;
    border: solid 1px #eee;
    padding: 10px;
}

.wp_filters .wpselect {
    width: 100%;
    display: block;
    float: none;
}

.wp_filters .wbs_type {
    margin-bottom: 10px;
    display: block;
    float: none;
    text-align: center;
}

.wp_filters .wbs_type button {
    width: calc(50% - 2px);
    margin: 0px;
    float: none;
    display: inline-block;
}

.wp_filters label[for=deadline] {
    font-weight: normal;
    color: #0096c8;
    padding-top: 6px;
    padding-left: 12px;
}

.deadline-period-start-date {
    /*font-weight: 900;*/
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;

}

.jQuery-plainOverlay-progress {
    /*background:url("../images/waiting-picture.png") no-repeat center center;*/
    border: none !important;
}

.jQuery-plainOverlay-progress {
    height: 130px !important;
    width: 130px !important;
    border-radius: 150px !important;
    background: #FFF !important;
    line-height: 0 !important;
    borde: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.jQuery-plainOverlay-progress:before {
    height: 170px !important;
    width: 170px !important;
    border-radius: 180px !important;
    border: 10px solid #FFF !important;
    content: "" !important;
    display: inline-block !important;
    margin-left: -20px !important;
    margin-top: -20px !important;
    animation: pulse 3s infinite !important;
    -webkit-animation: pulse 3s infinite !important;
    -moz-animation: pulse 3s infinite !important;
    -o-animation: pulse 3s infinite !important;
}

@keyframes pulse {
    0% {
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

table.dataTable tr.details td a, table.dataTable tr.details td span {

}

table.dataTable tr.details td span.status, table.dataTable tr.details td span.status span {
    font-size: 21px;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-horizontal.apiForm .control-label, .form-horizontal .apiForm .control-label {
    text-align: right;
}

.flex-group {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.flex-group label {
    margin-bottom: 0;
}

.flex-group label.control-label {
    padding-top: 0;
    /*margin-bottom: 0;*/
}

#comment-list .list-group-item {
    position: relative;
    /*border-top:solid 1px #eee;*/
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
}

#comment-list .list-group-item:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

#comment-list .btn-toolbar {
    position: absolute;
    display: none;
    right: 5px;
    top: 5px;
    transition: all .6s;
}

#comment-list .list-group-item:hover .btn-toolbar {
    display: block;
}

body, html {
    min-height: 100%;
}

.page-content {
    min-height: 100%;
    min-height: calc(100vh - 106px);
    margin-left: 35px;
    margin-right: 35px;
    margin-bottom: 52px;
}

#footer {
    padding: 40px 50px 20px;
    width: 100%;

}

#footer .concentris-logo {
    width: 200px;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 20px;
}

#footer div {
    text-align: right;
    font-weight: 300;
    font-size: 14px;
    margin-top: -35px;
    padding-bottom: 15px;
}

.fill {
    height: auto !important;
}

#content {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

#panel-filemanager {
    border: none !important;
}

.active-filters {
    margin-right: 0;
    display: none;
    line-height: 30px;
    margin-top: 5px;
}

.task-filter {
    width: 130px;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

#copyCheck .icheckbox_minimal-blue {
    display: block;
}

.historyText, .categoryLink, .manCatName, .category {
    overflow-wrap: break-word;
    word-wrap: break-word;

    /*-ms-word-break: break-all;
     This is the dangerous one in WebKit, as it breaks things wherever
    word-break: break-all; */

    /*Instead use this non-standard one:*/
    word-wrap: break-word;

    /*Adds a hyphen where the word breaks, if supported (No Blink)*/
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    white-space: normal;
}

.bootstrap-select.btn-group .dropdown-menu li a span {
    word-wrap: break-word;
}

/*Panel heading icons*/
.header-icon.insert-block.details {
    background-image: url("../images/png/kw_icon_header_details.png");
    background-position: 50% 50%;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.header-icon.insert-block.members {
    background-image: url("../images/png/kw_icon_header_members.png");
    background-position: 50% 50%;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.header-icon.insert-block.files {
    background-image: url("../images/png/kw_icon_header_files.png");
    background-position: 50% 50%;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.header-icon.insert-block.categories {
    background-image: url("../images/png/kw_icon_header_categories.png");
    background-position: 50% 50%;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.header-icon.insert-block.status {
    background-image: url("../images/png/kw_icon_header_status.png");
    background-position: 50% 50%;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.header-icon.insert-block.summary {
    background-image: url("../images/png/kw_icon_action_display-list_default_1.png");
    background-position: 50% 50%;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.header-icon.insert-block.assigned {
    background-image: url("../images/png/kw_icon_header_assigned.png");
    background-position: 50% 50%;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.header-icon.insert-block.history {
    background-image: url("../images/png/kw_icon_header_history.png");
    background-position: 50% 50%;
    background-size: 50px 50px;
    background-repeat: no-repeat;
}

.header-icon {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    margin-top: 5px;
    float: left;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.panel-heading {
    min-height: 70px;
}

.huge {
    position: absolute;
    top: 43px;
    right: 20px;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    color: #ff0;
    font-size: 4em;
}

.kw-project-history, #project-history .history {
    position: relative;
}

.kw-project-history .list-group, .kw-team-history .list-group {
    padding-bottom: 40px;
}

/*History buttons less/more*/
.kw-less, .kw-more {
    margin: 0 -20px;
}

/*Action Buttons*/
.main-btn-toolbar {
    margin-left: -20px;
}

.tab-btn-toolbar {
    margin-left: -15px;
    padding: 20px 0;
    display: block;
    margin-left: 0;
}

.tab-btn-toolbar .action-button.icon.text-label {
    margin-top: 0;
    margin-left: 0;
}

.action-button {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}

.button.sub {
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    background-color: rgba(0, 150, 200, .2);
}

.action-button.icon.text-label {
    width: auto;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 14px;
    padding-bottom: 10px;
    padding-left: 50px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.action-button.icon.no-text {
    padding: 20px;
}

.action-button.icon.text-label:hover {
    color: #ff0;
}

.action-button.icon.display-small-grid {
    background-image: url("../images/png/kw_icon_action_display-small-grid_default.png");
    background-position: 50% 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.action-button.icon.display-small-grid:hover {
    background-image: url("../images/png/kw_icon_action_display-small-grid_active.png");
}

.action-button.icon.display-large-grid {
    background-image: url("../images/png/kw_icon_action_display-big-grid_default.png");
    background-position: 50% 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.action-button.icon.display-large-grid:hover {
    background-image: url("../images/png/kw_icon_action_display-big-grid_active.png");
}

.action-button.icon.display-list {
    background-image: url("../images/png/kw_icon_action_display-list_default.png");
    background-position: 50% 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.action-button.icon.display-list:hover {
    background-image: url("../images/png/kw_icon_action_display-list_active.png");
}

.action-button.icon.text-label.upload {
    background-image: url("../images/png/kw_action_icon_upload_default.png");
    background-position: 0px 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-left: -10px;
}

.action-button.icon.text-label.delete{
    background-image: url("../images/png/kw_icon_action_cancel_default.png");
    background-position: 0px 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.action-button.icon.text-label.upload:hover{
	background-image: url("../images/png/kw_action_icon_upload_active.png");
}

.action-button.icon.text-label.delete:hover {
    background-image: url(../images/png/kw_icon_action_cancel_active.png);
}

.action-button.icon.text-label.export{
	background-image: url("../images/png/kw_action_icon_export_default.png");
	background-position: 0px 50%;
	background-size: 40px;
	background-repeat: no-repeat;
}

.action-button.icon.text-label.export:hover {
    background-image: url("../images/png/kw_action_icon_export_active.png");
}

.action-button.icon.text-label.new-entry {
    background-image: url("../images/png/kw_icon_action_new-entry_default.png");
    background-position: 0px 50%;
    background-size: 40px;
    background-repeat: no-repeat;
}

.action-button.icon.text-label.new-entry:hover {
    background-image: url("../images/png/kw_icon_action_new-entry_active.png");
}

.action-button.icon.text-label.save {
    background-image: url("../images/png/kw_icon_action_save_default.png");
    background-position: 0px 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    margin-top: -14px;
}

.action-button.icon.text-label.save:hover {
    background-image: url("../images/png/kw_icon_action_save_active.png");
}

.action-button.icon.text-label.save_close {
    background-image: url("../images/png/kw_icon_action_save_close_default.png");
    background-position: 0px 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    margin-top: -14px;
}

.action-button.icon.text-label.save_close:hover {
    background-image: url("../images/png/kw_icon_action_save_close_active.png");
}

.action-button.icon.text-label.clone {
    background-image: url("../images/png/kw_icon_action_clone_default.png");
    background-position: 0px 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    margin-top: -14px;
}

.action-button.icon.text-label.clone:hover {
    background-image: url("../images/png/kw_icon_action_clone_active.png");
}

.action-button.icon.text-label.cancel {
    background-image: url("../images/png/kw_icon_action_cancel_default.png");
    background-position: 0px 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.action-button.icon.text-label.cancel:hover {
    background-image: url("../images/png/kw_icon_action_cancel_active.png");
}

.action-button.icon.text-label.assign_pw {
    background-image: url("../images/png/kw_icon_action_assign-pw_default.png");
    background-position: 0px 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    margin-top: -13px;
}

.action-button.icon.text-label.assign_pw:hover {
    background-image: url("../images/png/kw_icon_action_assign-pw_active.png");
}

.action-button.icon.text-label.edit {
    background-image: url("../images/png/kw_icon_action_edit_default2.png");
    background-position: 0px 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.action-button.icon.text-label.edit:hover {
    background-image: url("../images/png/kw_icon_action_edit_active2.png");
}

.action-button.icon.text-label.followTask {
    background-image: url("../images/png/kw_icon_action_follow_default.png");
    background-position: 0px 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.action-button.icon.text-label.followTask:hover {
    background-image: url("../images/png/kw_icon_action_follow_active.png");
}

.action-button.icon.text-label.unfollowTask {
    background-image: url("../images/png/kw_icon_action_unfollow_default.png");
    background-position: 0px 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.action-button.icon.text-label.unfollowTask:hover {
    background-image: url("../images/png/kw_icon_action_unfollow_active.png");
}

.action-button.icon.text-label.complete {
    background-image: url("../images/png/kw_icon_action_complete_default.png");
    background-color: transparent;
    border: none;
    background-position: 0px 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.action-button.icon.text-label.complete:hover {
    background-image: url("../images/png/kw_icon_action_complete_active.png");
}

button.delete-entry, button.filter, button.manage, button.display-list,
button.display-large-grid, button.display-small-grid, button.save,
button.save_close, button.assign_pw {
    background: none;
    border: none;
}

.action-button.icon.text-label.manage {
    font-size: 19px;
    line-height: 19px;
    background-position: 7px 50%;
}

.header-icon.insert-block.categories, .header-icon.insert-block.files, .header-icon.insert-block.history {
    background-size: 40px 40px;
}

button:focus {
    outline: none;
}

.kw-file-categories {
    position: relative;
}

.action-button.icon.text-label.manage {
    background-image: url("../images/png/kw_icon_header_manage.png");
    background-position: 0px 50%;
    background-size: 40px;
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    right: 4px;
}

.action-button.icon.text-label.manage:hover {
    background-image: url("../images/png/kw_icon_header_manage_active.png");
}

.action-button.icon.text-label.delete-entry {
    background-image: url("../images/png/kw_icon_action_delete-entry_default.png");
    background-position: 0px 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    margin-top: -12px;
}

.action-button.icon.text-label.delete-entry:hover {
    background-image: url("../images/png/kw_icon_action_delete-entry_active.png");
}

.action-button.icon.filter {
    position: relative;
    background-image: url("../images/png/kw_icon_action_filter_default.png");
    background-position: 50% 50%;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-right: 2px;
}

.action-button.icon.filter:hover {
    background-image: url("../images/png/kw_icon_action_filter_active.png");
}

/*File list buttons*/
.action-button-wrapper {
    display: block;
    margin-right: -1px;
    margin-bottom: 20px;
    margin-left: -5px;
    text-align: right;
}

.button.action {
    position: relative;
    /*margin-right: 1px;*/
    margin-bottom: 10px;
    /*margin-left: 1px;*/
    padding-left: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    background-color: rgba(0, 150, 200, .1);
}

.button.action.no-icon {
    padding-left: 15px;
}

.kw-file-dropdown {
    padding-left: 18px !important;
    padding-right: 22px !important;
}

.kw-file-dropdown i {
    font-size: 16px;
    font-weight: bold;
}

.button.action:hover {
    background-color: rgba(0, 150, 200, .2);
    color: #0096c8;
}

.w-button {
    display: inline-block;
    padding: 9px 15px;
    color: #0096c8;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
}

.button.action.view {
    background-image: url("../images/png/kw_icon_file-action_view.png");
    background-position: 10px 50%;
    background-size: 16px;
    background-repeat: no-repeat;

}

.gridview-item.col-sm-4 .button.action.kw-file-dropdown, .gridview-item.col-sm-4 .button.action.view {
    width: 37%; /*33%*/
}

.gridview-item.col-sm-6 .button.action.kw-file-dropdown, .gridview-item.col-sm-6 .button.action.view {
    width: 36%;
}

.button.action.download {
    background-image: url("../images/png/kw_icon_file-action_download.png");
    background-position: 10px 50%;
    background-size: 16px;
    background-repeat: no-repeat;

}

.button.action.kw-file-dropdown {
    background-image: url("../images/png/kw_action_icon_arrow_down.png");
    background-position: 10px 50%;
    background-size: 16px;
    background-repeat: no-repeat;

}

.panel-files ul.grid li .button.action.kw-file-dropdown {
    background-image: none;
}

.button.action.copy {
    background-image: url("../images/png/kw_icon_file-action_copy.png");
    background-position: 10px 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;

}

.gridview-item.col-sm-4 .button.action.download, .gridview-item.col-sm-4 .button.action.copy {
    width: 60%;
}

.gridview-item.col-sm-6 .button.action.download, .gridview-item.col-sm-6 .button.action.copy {
    width: 61%;
}

.button.action.follow {
    background-image: url("../images/png/kw_icon_file-action_follow.png");
    background-position: 10px 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.button.action.edit {
    background-image: url("../images/png/keyways_icon_file_edit.png");
    background-position: 10px 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.button.action.delete {
    background-image: url("../images/png/kw_icon_file-action_delete.png");
    background-position: 10px 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.button.action.toggle {
    background-image: url("../images/png/kw_icon_dropdown-toggle_blue.png");
    background-position: 10px 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.button.action.versions {
    background-image: url("../images/png/kw_icon_file-action_versions.png");
    background-position: 10px 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.button.action.upload {
    background-image: url("../images/png/kw_icon_file-action_upload.png");
    background-position: 10px 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.button.action.cancel {
    background-image: url("../images/png/kw_icon_file-action_cancel.png");
    background-position: 10px 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.button.action.save_ok {
    background-image: url("../images/png/kw_icon_file-action_save_ok.png");
    background-position: 10px 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.button.action.add {
    background-image: url("../images/png/kw_icon_file-action_add.png");
    background-position: 39% 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 100%;
    text-align: center;
    margin-left: 0;
}

/*View buttons*/
.fileButtonsMenu form .pull-right {
    margin-right: 13px;
}

.views button {
    margin-right: 6px;
}

/*Sort buttons*/
.kw-sortbutton {
    position: relative;
    height: 40px;
    margin-right: 1px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding-right: 30px;
    padding-left: 15px;
    border-radius: 5px;
}

button span.w-icon-dropdown-toggle {
    position: absolute;
    width: 1em;
    height: 1em;
}

button span.w-icon-dropdown-toggle::before {
    top: 3px;
    right: -6px;
}

.kw-filter-dropdown {
    margin-top: -12px;
}

.kw-filter-dropdown .btn.btn-default {
    background-color: rgba(0, 150, 200, .2);
    color: #0096c8;
}

.kw-filter-dropdown .btn.btn-default.active {
    background-color: #0096c8;
    color: #ff0;
}

.btn.dropdown-toggle.btn-default {
    background-color: #fff;
    color: #333;
}

.kw-filter-dropdown .btn-group {
    height: auto;
}

.kw-filter-dropdown .btn.dropdown-toggle.btn-default {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 150, 200, .2) !important;
    color: #0096c8;
    text-align: left;
    height: 40px;
    border-radius: 0;
    box-shadow: none;

}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    word-wrap: break-word;
}

.kw-filter-dropdown .btn.dropdown-toggle.btn-default:hover {
    background-color: rgba(0, 150, 200, .2) !important;
    color: #0096c8 !important;
}

.kw-filter-dropdown button.resetFilters {
    margin-top: 8px;
}

.kw-filter-dropdown .dropdown-menu {
    border: 1px solid rgba(0, 150, 200, .2);
}

.kw-filter-dropdown .dropdown-menu .form-control, .kw-meeting-registration-data .form-control,
.kw-filter-dropdown .dropdown-menu .form-control-inline, .kw-meeting-registration-data .form-control-inline {
    border: 1px solid rgba(0, 150, 200, .2);
    box-shadow: none;
}

.kw-filter-dropdown .dropdown-menu .form-control:focus, .kw-meeting-registration-data .form-control:focus,
.kw-filter-dropdown .dropdown-menu .form-control-inline:focus, .kw-meeting-registration-data .form-control-inline:focus {
    outline: none;
    box-shadow: none;
}

.kw-meeting-registration-data .form-control:hover, .kw-meeting-registration-data .form-control:focus,
.kw-meeting-registration-data .form-control-inline:hover, .kw-meeting-registration-data .form-control-inline:focus {
    border-color: #0096c8;
}

.kw-filter-dropdown .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background: rgba(0, 150, 200, .2);
    color: #0096c8;
}

.kw-filter-dropdown .dropdown-menu > li.selected > a:focus {
    background: rgba(0, 150, 200, .2);
    color: #0096c8;
    outline: none;
}

.kw-filter-dropdown .dropdown-menu > li > a {
    color: #0096c8;
}

.kw-filter-dropdown .dropdown-menu > li.divider {
    background-color: #0096c8;
}

.kw-filter-dropdown .dropdown-menu > li > a:hover {
    background: rgba(0, 150, 200, .1) !important;
}

.kw-filter-dropdown .dropdown-menu > li > span.text {
    color: #333;
    font-weight: bold;
}

.kw-search {
    /*padding: 18px 10px;*/
    margin-right: -10px;
    margin-top: -12px;
}

.kw-submenu-search .kw-search {
    padding: 10px 10px 18px;
    margin-right: -10px;
    margin-top: -12px;
}

.kw-search:focus {
    box-shadow: none;
}

input.kw-search::-webkit-input-placeholder, input#searchfile::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #0096c8;
}

input.kw-search::-moz-placeholder, input#searchfile::-moz-placeholder { /* Firefox 19+ */
    color: #0096c8;
}

input.kw-search:-ms-input-placeholder, input#searchfile:-ms-input-placeholder { /* IE 10+ */
    color: #0096c8;
}

input.kw-search::-moz-placeholder, input#searchfile::-moz-placeholder { /* Firefox 18- */
    color: #0096c8;
}

/*TABLE*/
.table .table {
    background: transparent;
}

#permissions .table .table {
    background: #0096c8;

}

#permissionTable {
    border-radius: 5px;
}

#permissionTable tbody {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.permissions-mobile.visible {
    display: none;
}

.permissions-hidden {
    display: block;
}

table.dataTable.no-footer {
    border-bottom: none;
}

#wbslist tr, table.dataTable thead th, table.dataTable thead td {
    border: none;
}

table thead tr {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

table thead th:first-child, table thead td:first-child {
    border-collapse: collapse;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    border: none;
}

table thead th:last-child, table thead td:last-child {
    border-collapse: collapse;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    border: none;
}

table thead th:first-child, table thead th:first-child {
    border-collapse: collapse;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    border: none;
}

table thead th:last-child, table th:last-child,
table thead th:visible:last-child, table th:visible:last-child {
    border-collapse: collapse;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    border: none;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #666;
}

/*Action buttons - inside table*/
.function-icon, .status-icon {
    width: 30px;
    height: 30px;
    margin-right: 1px;
    margin-left: 5px;
    border-radius: 200px;
    display: inline-block;
}

.function-icon.disable {
    background-image: url("../images/png/kw_icon_action_disable_default.png");
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.function-icon.disable:hover {
    background-image: url("../images/png/kw_icon_action_disable_active.png");
    background-size: cover;
}

.function-icon.enable {
    background-image: url("../images/png/kw_icon_action_enable_default.png");
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.function-icon.enable:hover {
    background-image: url("../images/png/kw_icon_action_enable_active.png");
    background-size: cover;
}

.function-icon.edit {
    background-image: url("../images/png/kw_icon_action_edit_default.png");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.function-icon.edit:hover {
    background-image: url("../images/png/kw_icon_action_edit_active.png");
    background-size: cover;
}

.function-icon.delete, .function-icon.deletearticle {
    background-image: url("../images/png/kw_icon_action_delete_default.png");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.function-icon.delete:hover {
    background-image: url("../images/png/kw_icon_action_delete_active.png");
    background-size: cover;
}

.function-icon.deletewbs:hover{
    background-image: url("../images/png/kw_icon_action_delete_active.png");
    background-size: cover;
}

.function-icon.view{
    background-image: url("../images/png/kw_icon_task_view.png");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.function-icon.view:hover{
    background-image: url("../images/png/kw_icon_task_view_hover.png");
    background-size: cover;
}

.function-icon.up {
    background-image: url("../images/png/kw_icon_action_up_default.png");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.function-icon.up:hover {
    background-image: url("../images/png/kw_icon_action_up_active.png");
    background-size: cover;
}

.function-icon.down {
    background-image: url("../images/png/kw_icon_action_down_default.png");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.function-icon.down:hover {
    background-image: url("../images/png/kw_icon_action_down_active.png");
    background-size: cover;
}

.function-icon.confirm {
    background-image: url("../images/png/kw_icon_action_confirm_default.png");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.function-icon.confirm:hover {
    background-image: url("../images/png/kw_icon_action_confirm_active.png");
    background-size: cover;
}

.function-icon.comment {
    background-image: url("../images/png/kw_icon_action_comment_default.png");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.function-icon.comment:hover {
    background-image: url("../images/png/kw_icon_action_comment_active.png");
    background-size: cover;
}

.function-icon.status-email {
    background-image: url("../images/png/kw_icon_original_e-mail_sent.png");
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.function-icon.status-email:hover {
    background-image: url("../images/png/kw_icon_original_e-mail_sent_hover.png");
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

/*Status icons - inside table*/
.status-alert {
    background-image: url("../images/png/kw_icon_status_alert.png");
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.status-okay {
    background-image: url("../images/png/kw_icon_status_okay.png");
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.status-draft {
    background-image: url("../images/png/kw_icon_action_delete_default.png");
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.status-warning {
    background-image: url("../images/png/kw_icon_status_attention.png");
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.status-disabled {
    background-image: url("../images/png/kw_icon_action_disabled.png");
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

/*History panel - general*/
.dashhead {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dashbox-title {
    font-size: 19px;
    font-weight: 500;
    line-height: 36px;
}

.ellipsis {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kw-history.panel-body {
    padding: 40px 20px 0 !important;
}

#activityFeed .panel {
    margin-bottom: 0px;
    box-shadow: none;
}

#activityFeed .panel-heading {
    padding: 0px;
}

#activityFeed .panel-heading a {
    padding: 10px;
    display: block;
    width: 100%;
    position: relative;
    font-weight: 700;
    outline: none;
    text-decoration: none !important;
}

.kw-user-history #activityFeed .list-group-item .row {
    margin-top: 0;
}

.kw-user-history #activityFeed .list-group-item {
    margin-bottom: 0;
}

.kw-user-history #activityFeed .panel-default > .panel-heading {
    border-bottom: 1px solid #0096c8;
    min-height: unset;
}

.kw-user-history #activityFeed .kw-less, .kw-user-history #activityFeed .kw-more {
    margin: 0;
}

#activityFeed .moreLink, #activityFeed .lessLink {
    display: block;
    text-decoration: none !important;
    outline: none;
    padding: 15px;
    position: relative;
    background-position: 95% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    color: #0096c8;
    font-weight: 300;
}

#activityFeed .moreLink {
    background-image: url("../images/png/keyways_icon_down_blue.png");
}

#activityFeed .lessLink {
    display: none;
    background-image: url("../images/png/keyways_icon_up_blue.png");
}

#activityFeed .list-group-item:hover, .kw-project-summary .list-group-item:hover, .kw-team-details .list-group-item:hover {
    background-color: rgba(0, 150, 200, .05);
}

.kw-project-summary {
    word-wrap: break-word;
}

#activityFeed .list-group-item .row div:last-child {
    text-align: center;
    background-color: rgba(0, 150, 200, .1);
}

/*Table first column correction*/
.kw-team-members .list-group {
    margin-bottom: 0;
}

#teamList
#permissions thead tr th:first-child, #permissions tr td:first-child,
#profileList thead tr th:first-child, #profileList tr td:first-child,
#projectList thead tr th:first-child, #projectList tr td:first-child {
    text-align: left; /*center*/
    vertical-align: middle;
}

#profileList td, #projectList td, #teamList td, #eventList td, #project-data, #project-teams, #articleList td, #optionTableList td,
#subscribersTableList td, #pastEventsList td, #mySubscriptionsTableList td, #upcomingEventsList td, .kw-meeting-registration,
#wbslist ul li, #wbslist td, .kw-file-detail-body {
    /*word-wrap: break-word;*/
    /*word-break: break-all;*/
}

#teamList thead tr th:first-child, #teamList tr td:first-child {
    padding-left: 40px;
}

#teamList tr.group td {
    font-weight: bold;
    color: rgb(51, 51, 51);
}

#teamList tr td {
    padding-bottom: 20px;
}

#teamList .button.action {
    width: 100px;
}

.kw-user-profile-content, .kw-team-profile-content {
    /*margin-top: 20px;*/
}

/*Event manager*/

/*#upcomingEventsList, #pastEventsList, #mySubscriptionsTableList{
	padding-top: 18px;
}*/

#upcomingEventsList span {
    word-wrap: break-word;
}

#event-tabs, #register-tabs {
    margin-bottom: 18px;
}

/*Inside forms*/
.kw-form .content div.container-fluid:first-child {
    padding: 40px 20px;
    background-color: #fff;
    border-radius: 5px;
}

.kw-form .content .form-group div:first-child {
    text-align: right;
}

.kw-form.kw-article .form-group div:first-child {
    text-align: left;
}

#progress {
    -moz-appearance: textfield;
}

/*Article edit page*/
.dashheadarticle {
    background: #0096c8;
    margin-bottom: 20px;
}

#articleList img {
    width: 30%;
    height: auto;
}

#articleContainer {
    word-wrap: break-word;
}

#articleContainer .row {
    margin-left: 0;
    margin-right: 0;
}

.kw-form.kw-article .content div.container-fluid:first-child {
    padding-top: 28px;
}

.kw-form .mce-tinymce.mce-container.mce-panel {
    border: 1px solid rgba(0, 150, 200, .2);
    border-radius: 5px;
}

.mce-panel {
    border: 1px solid rgba(0, 150, 200, .2);
    background: #fff !important;
}

#mceu_17, #mceu_25 {
    border-bottom: 1px solid rgba(0, 150, 200, .2);
}

#mceu_33 {
    border: none;
}

#mceu_34 {
    border: 1px solid rgba(0, 150, 200, .2);
}

#mceu_25.mce-panel {
    border-bottom: 1px solid rgba(0, 150, 200, .2);
}

#mceu_17 button:hover, #mceu_25 button:hover {
    background: rgba(0, 150, 200, .2);
    border: none;
}

/*.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset{
	font-family: 'Droid Sans', sans-serif !important;
	font-weight: bold;

}*/
.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in button {
    background: rgba(0, 150, 200, .1);
}

.kw-form .content .form-group input, .kw-form .content .form-control, .kw-form .content .form-control-inline {
    border: 1px solid rgba(0, 150, 200, .2);
}

.kw-form .content .form-group input:hover, .kw-form .content .form-control:hover, .kw-form .content .form-group button:hover, .kw-form .content .form-control-inline:hover {
    border: 1px solid #0096c8;
}

.kw-form .content .form-control,
.kw-form .content .form-control-inline {
    box-shadow: none !important;
}

.kw-form .content .form-group input:focus {
    outline: none;
    box-shadow: none;
}

.kw-form .submenu .action-button.icon.text-label {
    margin-right: 5px;
}

.kw-form .content .form-group button {
    background-color: rgba(0, 150, 200, .1);
    color: #0096c8;
    border: none;
}

button.btn.dropdown-toggle.btn-default {
    background-color: #fff;
    color: #333;
    border: none !important;
}

button.btn.dropdown-toggle.btn-default:focus, button.btn.dropdown-toggle.btn-default:hover {
    background-color: #fff !important;
    color: #333 !important;
    border: none !important;
    outline: none;
}

.teamEditContent .form-group {
    margin-bottom: 0;
}

.kw-form .content select {
    border: 1px solid rgba(0, 150, 200, .2);
}

.kw-form .content select:hover {
    border: 1px solid #0096c8;
}

.kw-form .content select:active, .kw-form .content select:focus {
    outline: none;
    box-shadow: none;
}

.kw-form .content select option:active, .kw-form .content select option:focus {
    outline-color: rgba(0, 150, 200, .1);
}

.kw-form .content .form-group .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
}

.kw-form .content .dropdown-menu {
    border: 1px solid rgba(0, 150, 200, .2);
}

.kw-form .dropdown-menu > .active > a {
    background-image: none;
    background-repeat: no-repeat;
    filter: none;
    background-color: rgba(0, 150, 200, .2);
}

.kw-form .content .dropdown-menu span.text {
    color: #333;
    font-weight: bold;
}

.kw-form .content .dropdown-menu a.opt span.text {
    color: #0096c8;
    font-weight: normal;
}

.kw-form .content .dropdown-menu a.opt:focus {
    outline: none;
}

.kw-form .content .dropdown-menu li > a:hover {
    background-color: rgba(0, 150, 200, .1);
}

.kw-form .content .dropdown-menu .divider {
    background-color: #0096c8;
}

/*Modals*/
.modal-header {
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    color: #fff;
    background-color: #0096c8;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header .close {
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    text-shadow: none;
    opacity: 1 !important;
}

.modal-header .close:hover {
    color: #ff0;
}

.modal-footer {
    border-top: 1px solid #0096c8;
}

.modal-body button, .modal-footer button, .modal-body a.btn, a.btn.editcomment {
    background-color: rgba(0, 150, 200, .1);
    color: #0096c8;
    height: 40px;
}

.modal-body button.dropdown-toggle {
    border-color: rgba(0, 150, 200, .1);
    box-shadow: none;
    height: auto;
}

.modal-body button:hover, .modal-footer button:hover, .modal-footer button:focus, .modal-footer button:active, .modal-body .open > .dropdown-toggle.btn-default, a.btn.editcomment:hover {
    background-color: #0096c8;
    border-color: #0096c8;
    color: #ff0;
}

.modal-body .form-control,
.modal-body .form-control-inline {
    border: 1px solid rgba(0, 150, 200, .2);
    box-shadow: none;
}

.modal-body .form-control:hover, .modal-body .form-control:focus,
.modal-body .form-control-inline:hover, .modal-body .form-control-inline:focus {
    border: 1px solid #0096c8;
    box-shadow: none;
}

.modal-body .dropdown-header span.text {
    color: #333;
    font-weight: bold;
}

.modal-body .dropdown-menu {
    webkit-box-shadow: 0 6px 12px rgba(0, 150, 200, 0.175);
    box-shadow: 0 6px 12px rgba(0, 150, 200, 0.175);
    border: 1px solid rgba(0, 150, 200, .2);
}

.modal-body .dropdown-menu li a.opt {
    color: #0096c8;
}

.modal-body .dropdown-menu li a.opt:hover {
    background-color: rgba(0, 150, 200, .1);
}

.modal-body .dropdown-menu li a.opt:focus {
    outline: none;
}

.modal-body .dropdown-menu li.divider {
    background-color: #0096c8;
}

.modal-dialog {
    word-wrap: break-word;
}

/*Project details*/
.list-group {
    box-shadow: none !important;
}

#project-data .panel.panel-primary.panel-profile {
    /*margin-top: 26px;*/
}

#project-data .panel.panel-primary.panel-profile.no-margin-top {
    margin-top: -9px;
}

#project-data .panel .panel-body {
    padding: 20px;
}

#project-data .panel .panel-body > ul {
    margin-bottom: 0;
}

#project-data .panel .panel-body > ul > li.list-group-item {
    padding: 10px 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 150, 200, .2);
}

#project-data .panel .panel-body > ul > li.list-group-item:first-child {
    padding-top: 0;
}

#project-history .panel .panel-body {
    padding-bottom: 0;
}

#project-history .panel .panel-body .list-group-item:last-child {
    margin-bottom: 40px !important;
}

/*User detail*/
.kw-list-content .list-group-item {
    margin-bottom: 0;
}

.kw-list-content li.list-group-item > a {
    display: block;
    width: 100%;
    padding: 10px 10px 9px 0;
    font-size: 14px;
    outline: none !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(54, 168, 255, .2);
    color: #0096c8;
}

.kw-list-content li.list-group-item > a:hover, #project-data li.list-group-item:hover {
    background-color: rgba(0, 150, 200, .05);
}

.kw-user-profile-content .kw-user-history, .kw-team-profile-content .kw-team-history {
    padding-left: 5px;
    padding-right: 5px;
}

/*Team detail*/
.kw-team-members {
    /*margin-top: 26px;*/
    padding: 0;
}

.kw-team-members .kw-list-row {
    margin-bottom: 10px;
    padding-bottom: 0;
}

.kw-team-members .kw-list-row:hover {
    background-color: rgba(0, 150, 200, .05);
}

.kw-team-members .kw-list-row:last-child div > li {
    text-align: right;
}

.kw-team-members .kw-list-row .addmember {
    width: 200px;
}

.kw-team-members .kw-list-row .userRole {
    right: 44px;
    top: 47px;
    box-shadow: 0 0 6px 0 #004258;
    border-radius: 5px;
    padding: 0;
}

.kw-team-members .kw-list-row .userRole li a {
    padding-top: 5px;
}

.kw-team-members .kw-list-row .userRole li:not(:last-child) a {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 1px solid rgba(54, 168, 255, .2);
}

.kw-team-members .kw-list-row .userRole li a:hover {
    background-color: rgba(0, 150, 200, .05);
}

.kw-team-members .panel-primary .panel-body {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.kw-list-row-buttons {
    padding-right: 0;
}

.kw-list-row-buttons a:last-child {
    border-radius: 5px;
}

.kw-modal-footer-buttons {
    text-align: right;
}

.kw-register-form {
    background: #fff;
    padding-top: 40px;
}

.kw-meeting-registration {
    margin-top: -10px;
}

.kw-meeting-registration .kw-list-content .list-group-item a {
    word-wrap: break-word;
}

.kw-right-panel-container {
    padding-left: 5px;
}

.kw-meeting-registration .list-group-item .row {
    margin-top: 0;
}

.kw-meeting-registration .list-group-item .row:hover {
    background-color: rgba(0, 150, 200, .05);
}

.kw-task-content-container {
    background-color: #fff;
    border-radius: 5px;
}

/*Custom Bootstrap datepicker*/
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
    background-color: rgba(0, 150, 200, .2);
    color: #0096c8;
}

.timepicker table tr td a.btn {
    background-color: transparent !important;
}

.no-margin-top {
    margin-top: -9px;
}

.disabled-tooltip {
    display: inline-block;
}

.disabled-tooltip [disabled] {
    pointer-events: none;
}

#optionModal .radio-inline, #optionModal .checkbox-inline {
    padding-left: 0;
}

.form-control-inline {
    display: inline-block;
    width: auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 4px;
}

/** MENU BUTTONS REFACTOR */
.submenu {
    padding: 5px 15px 20px 15px;
}

.calendar-submenu {
    margin-top: 20px;
}

.submenu .main-btn-toolbar {
    margin: 0;
    padding: 0;
}

.submenu .main-btn-toolbar a.action-button,
.submenu .main-btn-toolbar button.action-button,
.btn-toolbar.tab-btn-toolbar a.action-button,
.btn-toolbar.tab-btn-toolbar button.action-button,
.submenu .main-btn-toolbar .action-button.icon.text-label.save,
.btn-toolbar.tab-btn-toolbar .action-button.icon.text-label.save,
.submenu .main-btn-toolbar .action-button.icon.text-label.delete-entry,
.btn-toolbar.tab-btn-toolbar .action-button.icon.text-label.delete-entry {
    margin-left: 0;
    margin-right: 15px;
    margin-top: 0;
}

.submenu .main-btn-toolbar button.action-button.filter {
    margin-right: 0;
}

.btn-toolbar.tab-btn-toolbar {
    clear: both;
    display: block;
    padding: 20px 0 20px 0;
    width: 100%;
    margin: 0;
}

.btn-toolbar.tab-btn-toolbar .kw-filter-dropdown,
.btn-toolbar.tab-btn-toolbar .kw-search,
.submenu .main-btn-toolbar .kw-filter-dropdown,
.submenu .main-btn-toolbar .kw-search {
    margin-top: 0;
}

.submenu .btn-toolbar.pull-right {
    margin-left: 20px;
}

label[for=box__file] {
    word-wrap: break-word;
}

.kw-file-short-details {
    /*word-wrap: break-word;*/
}


#fileListGroup .listview-item {
    word-wrap: break-word;
    /*word-break: break-all;*/
}

.kw-file-detail-body .filedeatail {
    word-wrap: break-word;
    word-break: break-all;
}

/** END MENU BUTTONS REFACTOR*/

/** TinyMCE editor button hover fix */
.mce-btn:hover {
    border-color: #0096c8 !important;
}

.mce-btn button:hover {
    border: none !important;
}

.capped-text-resolution {
    display: none;
}

.popover-content, .popover-title {
    word-wrap: break-word;
}

@media (max-width: 1366px) {
    .jQuery-plainOverlay-progress {
        position: relative;
        left: 30%;
    }

    .gridview-item.col-sm-4 .button.action.kw-file-dropdown, .gridview-item.col-sm-4 .button.action.view {
        width: 36%; /*33%*/
    }
}

@media (max-width: 1004px) {
    .mainmenu .navbar-nav > li > a {
        padding: 20px;
    }
}

@media (max-width: 1332px) {
    #fileListGroup .gridview-item .btn-group a {
        width: 100%;
    }

    .gridview-item {
        height: auto !important;
    }

    .jQuery-plainOverlay-progress {
        position: relative;
        left: 30%;
    }
}

@media (max-width: 1080px) {
    .mainmenu .navbar-nav > li > a {
        padding: 20px 15px;
    }

    #projectDropdownMobile {
        max-width: 140px;
    }

    #projectDropdownMobile a, #userDropdownMobile a {
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .header-icon {
        margin-right: 0px;
    }

    #manageCategory {
        padding-left: 45px;
    }

    .panel-heading {
        padding: 10px;
    }

    .fileButtonsMenu form .views {
        margin-right: 5px;
    }

}

@media (max-width: 1050px) {
    .dashbox-title {
        font-size: 19px;
    }
}

@media (max-width: 1024px) {

    #projectDropdownMobile, #userDropdownMobile {
        max-width: 110px;
    }

    .header-icon.insert-block.categories, .header-icon.insert-block.files, .header-icon.insert-block.history {
        background-size: 40px 40px;
    }

    .dashbox-title {
        font-size: 19px;
    }

    .action-button.icon.text-label.manage {
        font-size: 19px;
        line-height: 19px;
        background-position: 5px 50%;
    }

    .header-icon {
        margin-right: 0;
    }

    .fileButtonsMenu form .views {
        margin-right: 5px;
    }

    .header-icon.insert-block.categories {
        background-position: 80% 50%;
    }
}

@media (max-width: 991px) {
    .long-text-resolution {
        display: none;
    }

    .capped-text-resolution {
        display: block;
    }

    .navbar-header {
        float: none;
        /*margin-right: -15px !important;
        margin-left: -15px !important;*/
    }

    .navbar-toggle {
        display: block;
        margin-right: 26px;;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;

        /*background-color: rgb(0, 66, 88);*/
    }

    .navbar-collapse.mainMenu {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .submenu .btn-toolbar.pull-right {
        width: 100%;
    }

    .search.wplist {
        width: 89%;
        float: right;
    }

    #profiles .search-profile {
        width: 80%;
    }

    .submenu {
        padding: 5px 15px 0px 15px;
    }

    .submenu .main-btn-toolbar {
        /*text-align: center;*/
    }

    .action-button.icon.filter {
        background-position: 10% 50%;
    }

    .navbar-brand {
        left: 50px;
    }

    .rightMenuContainer, .rightMenuContainer.visible-xs {
        display: none !important;
    }

    .dashboard-right-side {
        padding-left: 15px !important;
    }

    .dashboard-right-side .kw-project-summary {
        padding-left: 15px;
    }

    .dashboard-left-side {
        padding-left: 0;
        padding-right: 0 !important;
    }

    .wp_filters {
        left: 0;
    }

    .navbar-brand {
        padding-top: 26px;
    }

    .navbar-toggle {
        margin-top: 31px;
        margin-bottom: 31px;
        border: none;
    }

    .mainmenu .navbar-nav > li > a {
        margin-top: 0;
        border: none;
        text-align: center;
        border-right-style: none;
        background-color: #004258;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
    }

    .navbar-nav.menubar {
        padding-left: 0;
    }

    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .mainmenu .navbar-nav > li > a:hover,
    .mainmenu .navbar-nav > li > a.active,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a {
        border-bottom: 1px solid #ff0;
        background-color: rgb(0, 66, 88);
    }

    .navbar-nav.menubar {
        padding-left: 0;
        margin: 0;
        position: relative;
        z-index: 1000;
    }

    .mainMenu.collapse.navbar-collapse {
        float: none;
        position: relative;
        z-index: 1000;
        border-top: rgb(0, 66, 88);
    }

    #comment-list .btn-toolbar {
        display: block;
        float: none;
        width: 100%;
        position: relative;
    }

    #comment-list .btn-group.pull-right {
        float: none !important;
    }

    #comment-list .list-group-item {
        padding-top: 10px;
    }

    .navbar-toggle .icon-bar {
        height: 4px;
        width: 25px;
    }

    .mobile-right-menu {
        position: relative;
        z-index: 1000;
    }

    .dropdown-backdrop {
        position: static; /*for the selection of projects*/
    }

    .mobile-right-menu ul {
        padding: 0;
        margin-bottom: 0;
    }

    .mobile-right-menu ul li {
        border-right-style: none;
        border-bottom: 1px solid hsla(0, 0%, 100%, .2);
        background-color: #0096c8;
        color: #fff;
        text-align: center;
        list-style-type: none;
        /*padding:20px;*/
    }

    .mobile-right-menu ul.dropdown-menu li {
        padding: 0;
        border-bottom: none;
    }

    .mobile-right-menu ul li a {
        color: #fff;
        display: block;
        padding: 20px;
    }

    .mobile-right-menu ul.dropdown-menu li a {
        padding: 10px 20px;
        text-align: center;

    }

    .navbar-toggle[aria-expanded="true"] .icon-bar {
        background-color: #ff0;
    }

    .mobile-right-menu .dropdown.open a.dropdown-toggle {
        color: #ff0;
    }

    .mobile-right-menu .dropdown-menu {
        position: static;
        float: none;
        width: auto;
    }

    .mobile-right-menu .dropdown-menu.kw-name-dropdown {
        margin-left: 0 !important;
    }

    .dropdown-link.profile, .dropdown-link.logout {
        background-position: 97% 50%;
    }

    #fileListGroup .gridview-item .btn-group a {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #fileListGroup.list-group .gridview-item {
        height: auto;
        padding-left: 0;
        padding-right: 5px;
    }

    .kw-user-profile-content .kw-user-history, .kw-team-profile-content .kw-team-history {
        padding-left: 15px;
        padding-right: 15px;
    }

    .form-group.flex-group {
        display: block;
    }

    .kw-form .content .form-group div:first-child {
        text-align: left;
    }

    .jQuery-plainOverlay-progress {
        position: relative;
        left: 30%;
    }

    .kw-right-panel-container {
        padding-left: 15px;
    }

    .event-logo-related input.inline-text {
        width: 100%;
    }

    .active-filters .btn-group {
        margin-top: 10px;
    }

    .active-filters .btn-group:first-child {
        margin-left: 0;
    }

    #wbslist_wrapper a {
        word-break: break-all;
        word-wrap: break-word;
    }

    #wbslist td.wbs-name {
        word-wrap: break-word;
        max-width: 200px;
        min-width: 150px;
    }

    .kw-task-comments #comment-list .btn-toolbar {
        position: relative;
    }

    #pastEventsList tbody th, #pastEventsList thead th, #pastEventsList tbody td,
    #mySubscriptionsTableList tbody th, #mySubscriptionsTableList thead th, #mySubscriptionsTableList tbody td,
    #upcomingEventsList tbody th, #upcomingEventsList thead th, #upcomingEventsList tbody td {
        padding-left: 20px;
        padding-right: 20px;
    }

    #projectDropdownMobile {
        max-width: 100%;
    }

    .disabled-tooltip {
        float: right;
    }

    /*#wbslist td.wbs-name{
        display: block;
        display: -webkit-box;
        max-width: 400px;
        margin: 0 auto;
        line-height: 1.4;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }*/
    #wbslist td.wbs-name {
        max-width: 100px;
    }

    #projectDropdownMobile, #userDropdownMobile {
        max-width: 100%;
    }


}

@media (max-width: 768px) {

    .dataTable span.visible-xs {
        display: inline-block !important;
    }

    #footer {
        text-align: center;
    }

    #footer div {
        margin-top: 0px;
        text-align: center;
    }

    .navbar-nav {
        padding-right: 0px;
        padding-left: 0px;
    }

    .rightMenuContainer #projectDropdown.dropdown.open .dropdown-menu,
    .rightMenuContainer #projectDropdownMobile.dropdown.open .dropdown-menu {
        margin-left: -250px !important;
    }

    .rightMenuContainer .dropdown.open .dropdown-menu {
        width: 64vw !important;
    }

    .fileButtonsMenu form .input-group {
        margin-right: 0px !important;
        width: 100%;
    }

    .fileButtonsMenu form .input-group .search #searchfile {
        width: 100%;
        margin-bottom: 20px;
    }

    .fileButtonsMenu form .views {
        margin-right: 0px !important;
        /*text-align: center;*/
        width: 100%;
        margin-top: 20px;
    }

    .fileButtonsMenu form .btn-group {
        display: block;
        /*text-align: center;*/
    }

    .rightMenuContainer.visible-xs {
        float: right;
    }

    .rightMenuContainer #userDropdown.dropdown.open .dropdown-menu,
    .rightMenuContainer #userDropdownMobile.dropdown.open .dropdown-menu {
        margin-left: -310px !important;
    }

    .dataTables_paginate, .dataTables_length {
        width: 100%;
        text-align: center;
    }

    #categoriesSidebar {
        padding-right: 15px;
    }

    #profiles .search-profile {
        width: 80%;
    }

    .navbar-toggle {
        margin-right: 26px;
    }

    .file-ext-logo {
        background-position: 50% 0 !important;
    }

    ul.list-group .kw-file-icon-holder {
        background-position: 50% 0;
    }

    .kw-sortbutton {
        margin-left: 0;
        width: 24.3%;
    }

    .fileButtonsMenu form .pull-right {
        padding: 0;
        margin-right: 0;
    }

    .form-horizontal .control-label {
        padding-top: 7px;
    }

    .action-button.icon.text-label.upload {
        margin-left: 0px;
    }

    .fileButtonsMenu form .pull-right {
        width: 100%;
    }

    .huge {
        font-size: 2em;
    }

    .navbar-toggle {
        margin-right: 40px;
    }

    #permissions .dashbox-title {
        padding-left: 10px;
    }

}

@media (max-width: 746px) {
    .search.wplist {
        width: 85%;
    }

    .nav > li {
        display: inline;
    }

    .nav-tabs > li {
        float: none;
    }

    #profiles .btn-toolbar {
        float: none !important;
        /*text-align:center;*/
    }

    #profiles .search-profile {
        width: 85%;
    }

    .kw-submenu-search .kw-search {
        padding: 10px 0px 18px 0;
        margin-right: 0;
        width: 100%;
    }

    .filter-dropdown .action-button.icon.filter {
        background-position-x: 0px;
    }

    #profiles .btn-toolbar {
        margin-left: 0;
    }

    .navbar-toggle {
        margin-right: 40px;
    }

}

@media (max-width: 690px) {
    .kw-sortbutton {
        width: 24.2%;
    }

    table.dataTable > tbody > tr.child span.dtr-title {
        display: block;

    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        width: 100%;
    }

    .search input {
        min-width: 250px;
    }

}

@media (max-width: 618px) {
    .kw-sortbutton {
        width: 24%;
    }

    #search-project-form .search input {
        min-width: 100%;
    }
}

@media (max-width: 574px) {
    .search.wplist {
        width: 80%;
    }

    .action-button.icon.filter {
        margin-right: 0px;
    }

    .search input {
        min-width: auto;
    }

    .page-content {
        margin-left: 0px;
        margin-right: 0px;
    }

    .navbar-brand {
        left: 16px;
    }

    .button.action.add {
        background-position: 36% 50%;
    }

    #profiles .search-profile {
        width: 80%;
    }

    #fileListGroup .action-button-wrapper a {
        display: block;
        text-align: center;
    }

    .kw-file-icon-holder, .file-ext-logo {
        background-position: 50% 0px;
    }

    .kw-sortbutton {
        width: 24.2%;
    }

    .nav-tabs > li > a {
        margin-right: 0px;
    }

    .navbar-toggle {
        margin-right: 5px;
    }

}

@media (max-width: 548px) {
    .kw-sortbutton {
        width: 24%;
    }

    table.dataTable > tbody > tr.child span.dtr-title {
        vertical-align: top;
    }

    .status-icon {
        margin-top: 5px;
        margin-left: 0;
    }
}

@media only screen and (max-device-width: 549px) {

    #mce-modal-block {
    }

    .mce-window {
        width: auto !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }

    .mce-foot {
    }

    .mce-foot > .mce-container-body {
        padding: 10px !important;
    }

    .mce-foot button {
    }

    .mce-panel {
        max-width: 100% !important;
    }

    .mce-container {
        max-width: 100% !important;
        height: auto !important;
    }

    .mce-container-body {
        max-width: 100% !important;
        height: auto !important;
    }

    .mce-form {
        padding: 10px !important;
    }

    .mce-tabs {
        max-width: 100% !important;
    }

    .mce-tabs .mce-tab, .mce-tabs .mce-tab.mce-active {
    }

    .mce-formitem {
        margin: 10px 0 !important;
    }

    .mce-btn > button {
    }

    .mce-abs-layout-item {
        position: static !important;
        width: auto !important;
    }

    .mce-abs-layout-item.mce-label {
        display: block !important;
    }

    .mce-abs-layout-item.mce-textbox {
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
    }

    .mce-abs-layout-item.mce-combobox {
        display: flex !important;
    }

    .mce-abs-layout-item.mce-combobox > .mce-textbox {
        -ms-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 29px !important;
    }

    .mce-window iframe {
        height: calc(100vh - 39px) !important;
    }
}

@media (max-width: 480px) {
    .permissions-mobile.visible {
        display: block;
    }

    .permissions-hidden {
        display: none;
    }
}

@media (max-width: 448px) {
    .kw-sortbutton {
        width: 100%;
    }

    #projects .pull-right {
        width: 100%;
    }

    /*#projectList tr td:first-child, #pastEventsList tbody tr td:first-child{
        padding-left: 40px;
    }*/
    #profileList tr td[tabindex="0"] {
        padding-left: 37px;
    }

    .btn-toolbar.tab-btn-toolbar {
        /*text-align:center;*/
        /*padding-top: 0;*/
    }

    .kw-form .submenu .action-button.icon.text-label {
        margin-right: 2px !important;
    }

    .task-filter {
        width: 100%;
        text-align: center;
    }

    .active-filters .btn-group {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .active-filters .btn-group .btn-default {
        width: 85%;
    }

    .active-filters .btn-group .btn-default.deleteFilter {
        width: 15%;
    }

    /*#mceu_34, #mce_51{
        width:100% !important;
        left: 0 !important;
    }

    #mceu_34 .mce-combobox input, #mce_51 .mce-combobox input{
        width: 30% !important;
    }

    #mceu_34 .mce-textbox,#mce_51 .mce-textbox {
        width: 28% !important;
    }

    #mceu_34 .mce-container-body.mce-abs-layout, #mce_51 .mce-container-body.mce-abs-layout{
    width: 100% !important;
    }

    #mceu_34 .mce-primary.mce-btn-has-text, #mce_51 .mce-primary.mce-btn-has-text{
        left: 20px !important;
    }

    #mceu_45{
        left: 80px !important;
    }

    #mce_51 #mceu_45{
        left: 0 !important;
    }

    #mceu_39.mce-textbox, #mceu_41.mce-textbox{
        width:10% !important;
    }

    #mceu_42{
        right:0 !important;
        left: 80px !important;
    }

    #mceu_41{
        left:41px !important;
    }

    #mceu_40{
        left:34px !important;
    }*/
    /*#mceu_34 .mce-abs-layout-item.mce-abs-layout-item.mce-last{
        left: 90px !important;
    }*/

}

@media (max-width: 414px) {
    .button.action.add {
        background-position: 33% 50%;
    }

    #upcomingEventsList .function-icon, #mySubscriptionsTableList .function-icon {
        float: right;
    }

    .action-button-wrapper {
        margin-left: -1px;
    }

    #wbslist_wrapper a {
        /*white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         display: inline-block;
         max-width: 100%;*/
    }

    #permissionTable thead th {
        padding: 16px 7px 16px 7px;
    }

    #permissionTable tbody tr td:last-child {
        width: 170px !important;
    }

}

@media (max-width: 390px) {
    .submenu .main-btn-toolbar {
        /*text-align: center;*/
    }

    .submenu .main-btn-toolbar a.action-button,
    .submenu .main-btn-toolbar button.action-button,
    .btn-toolbar.tab-btn-toolbar a.action-button,
    .btn-toolbar.tab-btn-toolbar button.action-button,
    .submenu .main-btn-toolbar .action-button.icon.text-label.save,
    .btn-toolbar.tab-btn-toolbar .action-button.icon.text-label.save,
    .submenu .main-btn-toolbar .action-button.icon.text-label.delete-entry,
    .btn-toolbar.tab-btn-toolbar .action-button.icon.text-label.delete-entry {
        margin-right: 0px !important;
    }

    .action-button.icon.text-label {
        padding-left: 40px;
    }

    .action-button.icon.text-label.new-entry, .action-button.icon.text-label.delete-entry, .action-button.icon.filter,
    .action-button.icon.text-label.save, .action-button.icon.text-label.save_close, .action-button.icon.text-label.cancel,
    .action-button.icon.text-label.edit, .action-button.icon.text-label.upload, .action-button.icon.text-label.manage,
    .action-button.icon.text-label.assign_pw, .action-button.icon.text-label.export, .action-button.icon.text-label.clone,
    .action-button.icon.text-label.followTask, .action-button.icon.text-label.complete, .action-button.icon.text-label.unfollowTask {
        background-size: 40px;
        background-position: 0px 80%;
        padding-right: 6px;
    }

    .button.action.add {
        background-position: 23% 50%;
    }

    .wp_filters {
        width: 290px;
    }

    .fileButtonsMenu form .pull-right.sortButtons button {
        display: block;
        width: 100%;
    }

    .fileButtonsMenu form .pull-right {
        margin-right: 0px !important;
        padding: 0;
        width: 100%;
    }

    .fileButtonsMenu form .views {
        float: none !important;
        /*text-align:center;*/
    }

    #searchfile {
        border-radius: 4px;
        width: 270px;
        margin-bottom: 20px;
    }

    .kw-sortbutton {
        margin-left: 0px;
    }

    #profiles .btn-toolbar {
        float: none !important;
        /*text-align:center;*/
    }

    .search.kw-search {
        width: 100%;
    }

    .kw-form .submenu .action-button.icon.text-label {
        margin-right: 0px !important;
    }

    .jQuery-plainOverlay-progress {
        position: relative;
        left: 25%;
    }

    .kw-form .content .dropdown-menu {
        width: 100%;
    }

    .bootstrap-select.btn-group .dropdown-menu li a span.text {
        width: 90%;
    }

    .wp_filters .bootstrap-select.btn-group .dropdown-menu li a span.text {
        width: 230px;
    }

    .nav-tabs > li > a {
        margin-right: 0px;
    }

    .action-button.icon.filter {
        background-position: 0px 50%;
    }

    #permissionTable thead th {
        padding: 16px 4px 16px 4px;
    }

}

@media (max-width: 360px) {
    #permissionTable thead th {
        padding: 16px 2px 16px 2px;
    }

    #permissionTable tbody tr td:last-child {
        width: 250px !important;
    }
}

/* Passkey setup prompt banner */
.passkey-prompt {
    margin: 12px 20px 0;
    padding: 12px 40px 12px 16px;
    position: relative;
    border-radius: 4px;
}
.passkey-prompt-text {
    margin: 0;
}
.passkey-prompt .passkey-prompt-dismiss {
    position: absolute;
    top: 8px;
    right: 10px;
}
.passkeys-panel {
    margin-top: 20px;
}
.passkeys-list {
    margin-bottom: 10px;
}