/* Fonts */
body{
    font-family: 'Ubuntu',Helvetica,Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Ubuntu',Helvetica,Arial,sans-serif;
    font-weight: bold;
}

/* Static add task button */
.static-btn {
    border-radius: 50px;
    display: block;
    position: fixed;
    left: 10px;
    bottom: 10px;
    opacity: 0.75;
    z-index: 10;
}
.static-btn:hover {
    opacity: 1;
}
.static-btn i {
    font-size: 50px;
}

/* Search buttons */
.task-filters .search-buttons .btn {
    margin: 0;
    float: left;
    width: 46%;
}
.task-filters .search-buttons .reset-btn {
    float: right;
}

/* Client filters */
.filters .list-group-item {
    line-height: normal;
    padding: 5px;
}
.filters .list-group .list-group-item .title {
    height: 16px;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}
.client-filters .list-group-item > .badge {
    width: 40%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0px;
    padding: 3px 2px;
    font-weight: normal;
}
.client-filters .list-group-item.active .list-group-item-text,
.client-filters .list-group-item.active:focus .list-group-item-text,
.client-filters .list-group-item.active:hover .list-group-item-text {
    color: #fff;
}
.users-filters .list-group-item > .badge {
    margin-top: 6px;
}

/* Theme mods */
.navbar-inverse {
    background-color: #000;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #1B5BD0;
    color: #fff;
}
.navbar-nav > li > a:hover {
    border-color: #fff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #1B5BD0;
    color: #fff;
}
.navbar {
    font-size: 16px;
}
nav.navbar img {

    margin: -10px 0px;
}

@media (min-width: 769px) and (max-width: 1300px) {
    .navbar{
        font-size: 13px;
    }
    .navbar-brand{
        font-size: 14px;
        padding-right: 8px;
        padding-left: 8px;
    }
    .nav > li > a{
        padding-left: 9px;
        padding-right: 9px;
    }
}

.text-danger {
    color: #D32A24;
}

/* Change default panels */
.panel-tasks {
    border: none;
    margin-bottom: 15px;
}
.panel-tasks > .panel-heading {
    background-color: #fff;
    border-bottom-width: 1px;
    border-color: #aaa;
    padding: 2px;
}
.panel-tasks > .panel-heading .progress {
    margin: 0;
}
.panel-tasks .tasks {
    border: 1px solid #aaa;
}

/* textarea inline editor */
.editor-inline {
    margin-bottom: 10px;
}
.editor-inline .form-group {
    margin: 0;
}
.editor-inline .cke_editable_inline {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    min-height: 125px;
    padding: 5px;
}
.editor-inline .cke_focus {
    border-color: #66afe9;
    outline: 0;
}
.editor-inline hr{
    border-color: #888 -moz-use-text-color -moz-use-text-color;
}

/* Html content from editor */
.text-wrapper {
    background-color: #fefefe;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    min-height: 20px;
    padding: 6px;
}
.text-wrapper p:last-child {
    margin: 0;
}

/* Task edit form */
.task-form-wrapper {
    border-right: 1px solid #eee;
}

/* Client view */
.client .well, .client .dl-horizontal, .client-contacts .well {
    margin: 0;
}

/* Tasks */
.task .label {
    font-size: 90%;
}
.task .label.text-danger {
    color: #d9534f;
}
.task .description {
    border-top: 1px solid #888;
    font-size: 75%;
}
.task .description p:last-child {
    margin-bottom: 0;
}

.tasks .panel-heading .counter {
    font-weight: bold;
}
.tasks .list-group-item {
    padding: 4px;
}
.tasks a.list-group-item {
    color: #333;
}
.tasks a.list-group-item:hover,
.tasks a.list-group-item:focus {
    background-color: #faf2cc;
}
.tasks .list-group-item.selected,
.tasks .list-group-item.selected:focus,
.tasks .list-group-item.selected:hover {
    background-color: #d9edf7;
}

.tasks .list-group-item i.fa-folder {
    color: #FBE9B8;
    text-shadow: 0px 0px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    -webkit-text-stroke: 1px black;
}

.list-group .list-group-separator {
    background-color: #eee;
    border-color: #aaa;
    font-weight: bold;
    font-size: 90%;
    margin-bottom: 0;
    padding: 2px;
}
.list-group .list-group-separator .client-title {
    margin: 0 10px;
}
.list-group .list-group-separator .client-type {
    float: right;
    border: 1px solid #888;
    background-color: #fff4d7;
    font-weight: lighter;
    line-height: 15px;
    padding: 0px 2px;
}
.task .media img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #888;
    display: block;
    height: 40px;
    width: 40px;
}
.tasks .title {
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tasks .user {
    font-size: 85%;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tasks .list-inline {
    font-size: 85%;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    /*text-overflow: ellipsis;*/
    overflow: hidden;
    white-space: nowrap;
}
.tasks .list-inline li:first-child {
    padding-left: 0px;
}
.tasks .client {
    color: #666;
}
.tasks .category {
    color: #666;
    font-style: italic;
}
.tasks .task-short .category {
    width: 85px;
}
.tasks .date {
    font-weight: lighter;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tasks .task-full .date {
    font-size: 81%;
}
.tasks .task-short .date {
    width: 160px;
}
.tasks .label-list {
    margin: 0;
}
.tasks .label-list > li {
    padding: 0;
}
.tasks .label {
    border-radius: 0;
    font-size: 85%;
    line-height: normal;
    padding: 2px;
}
.tasks .label-priority {
    display: inline-block;
    width: 60px;
}
.tasks .label-priority.label-default {
    background-color: #999;
}
.tasks .label-status {
    display: inline-block;
    width: 60px;
}
.label-warning-alt {
    background-color: #EF7E4D;
}
.label-primary-alt{
    background-color: #563D7C;
}
.label-danger-alt{
    background-color: #EB5BB6;
}
.label-success-alt{
    background-color: #2ECD3B;
}

#tasks-table {
    table-layout: fixed;
    overflow:hidden;
    white-space: nowrap;
    width: 1350px;
}
#tasks-table th {
    text-align: center;
}
#tasks-table .client {
    display: block;
    font-weight: bold;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
/*#tasks-table .status-column {
    width: 300px;
}*/

/* Task histories */
.task-histories .list-group-item {
    padding: 5px;
}
.task-histories .list-group-item-heading {
    margin-bottom: 0px;
}
.task-histories img {
    border: 1px solid #888;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    height: 24px;
    width: 24px;
}
.task-histories p:last-child {
    margin: 0;
}
/* Task history list*/
.list-task-history {
    margin: 0 -4px;
}
.list-task-history li {
    margin-bottom: 4px;
    padding: 0px 2px;
}
.list-task-history .label.label-default {
    background-color: transparent;
    border: 1px solid #ccc;
    color: inherit;
    font-weight: normal;
    padding: 3px;
}
.list-task-history .fa, .list-task-history .glyphicon {
    font-weight: bold;
}

/* Big new task button */
.btn-task {
    border-color: #AAA;
    height: 24px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* ChecklistItems */
.list-group-item.checklist-input {
    padding: 0;
}
.checklist-input:hover {
    background-color: #d9edf7;
}
.checklist-input .move-icon {
    float: left;
    padding: 4px;
    width: 25px;
    cursor: move;
    color: #888;
    visibility: hidden;
}
.checklist-input:hover .move-icon {
    visibility: visible;
}
.checklist-input .checkbox {
    float: left;
    padding: 4px;
    width: calc(100% - 100px);
}
.checklist-input .checkbox label {
    display: block;
}
.checklist-input .task-btn {
    float: left;
    margin-top: 2px;
    overflow: hidden;
    width: 50px;
}
.checklist-input .delete-btn {
    float: left;
    width: 25px;
    margin-top: 2px;
    padding-right: 5px;
    display: block;
    text-align: right;
}
.checklist-input .list-group {
    border-top: 1px solid #ddd;
    margin-bottom: 0;
}
.checklist-input .checklist-wrapper {
    margin-left: 20px;
}
.checklist-wrapper.checklist-moving {
    min-height: 28px;
    border: 1px dashed #888;
}
.checklist-wrapper .ui-state-highlight {
    min-height: 28px;
}

/* Tabs in admin */
.nav-tabs {
    margin-bottom: 0;
}
.nav-tabs li {
    font-weight: bold;
}
.nav-tabs .counter {
    margin-left: 10px;
    font-weight: lighter;
}
.nav-tabs > li {
    padding-right: 2px;
}
.nav-tabs > li > a {
    background: #CCC;
    border: 1px solid #444 !important;
    border-radius: 0;
    color: #444;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #444;
    color: #fff;
}

/* Sidebar */
.sidebar .btn-group a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.sidebar .form-group, .sidebar legend  {
    margin-bottom: 10px;
}
.sidebar .panel-body {
    padding: 10px;
}

/* Fullcalendar */
.fc-event-container .fc-event.fc-event-default {
    background-color: #666;
    border-color: #444;
}
.fc-event-container .fc-event.fc-event-danger {
    background-color: #d9534f;
    border-color: #7A1E1A;
}

/*
* My admin css
*/
.page-header {
    margin: 10px 0;
}

.page-header .btn-toolbar {
    float: right;
}

.form-group-switch {
}
.form-group-switch label {
}
.form-group-switch .checkbox {
    margin-top: 0;
}

.list-group-item .table {
    margin: 0;
}

.form-inline .bootstrap-select.form-control {
    width: auto;
}

/*
 * Base structure from dashboard template of Bootstrap 3
 */
body {
  padding-top: 66px;
}

.tab-pane {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
}

.main {
  padding: 20px;
}
.main .page-header {
  margin-top: 0;
}

.comment_count{
   color: #333;
}


/* CakePHP specific modifications */
/* Asc and Desc arrows in table headers */
th {white-space:nowrap;}
th a.asc:after {font-family: 'Glyphicons Halflings'; content: '\e094'; font-size: 90%;}
th a.desc:after {font-family: 'Glyphicons Halflings'; content: '\e093'; font-size: 90%;}
.cake-error, .cake-debug-output {
    position: relative;
    z-index: 99999;
}

.picker__select--month, .picker__select--year{
    height: auto;
}