.btn-header {
    color:white;
    margin-top:10px;
}

.btn-header a {
    color:white;
    text-decoration:none;
}

.btn-header a:hover {
    color:#EFEFEF;
    text-decoration:none;
}

.table {
    border:1px solid #CCC;
}

.table tr {
    border:0px !important;
}

.carerTable_filter label .input[type=search] {
    border-bottom:1px solid black;
}

.readonly-appear-active {
    background:white !important;
    cursor:pointer !important;
}

.date-icon {
    cursor:pointer;
}

/**
    Generic Loading Indicator
*/

.load-indicator {
    width:25px;
    height:25px;
    display:block;
    background:url(../img/loading-spinner-blue.gif) center no-repeat;
}

.load-indicator-full {
    width:100%;
}

/* Fixing Datatables */
.dataTable tr {
    cursor:pointer;
}

.dataTables_paginate .paginate_button {
    border:1px solid #999 !important;
}

.dataTables_paginate .paginate_button:hover {
    background:#4db3a4 !important;
    color:black !important;
}

.dataTables_paginate .current {
    background:#ECECEC !important;
}

.dataTables_paginate span span {
    padding:5px;
}

.dataTables_filter input[type=search] {
    height:auto !important;
    padding:5px !important;
    line-height:1.2em !important;
    border:1px solid #CCC;
}

/*
    Dashboard Styles
*/

.dashboard-list {
    width:100%;
    max-height:600px;
    border:1px solid #CCC;
    padding:5px;
    float:left;
    overflow:auto;
}

.dashboard-list .item {
    width:100%;
    border-bottom:1px solid #CCC;
    display:block;
    text-wrap:none;
    padding:5px;
    float:left;
    cursor:pointer;
}

.dashboard-list .item:hover {
    background:#EFEFEF;
}

.dashboard-list .item:last-child {
    border-bottom:none;
    padding-bottom:0px;
    margin-bottom:0px;
}

.dashboard-list .item .circle {
    width:40px;
    height:40px;
    text-align:center;
    font-size:28px;
    color:white;
    background:#CCC;
    border-radius:50% 50%;
    display:block;
    overflow:hidden;
    float:left;
    margin-right:5px;
    text-transform:uppercase;
}

.dashboard-list .item .info {
    display:inline-block;
    font-size:large;
    text-wrap:none;
    overflow:hidden;
}

.dashboard-list .item .info small {
    display:block;
    text-transform:uppercase;
    font-size:x-small;
}

.dashboard-monitoring .not-visited {
    background:#FFAA94 !important;
}

.dashboard-monitoring .not-visited:hover {
    background:#FF704D !important;
}

.dashboard-monitoring .visiting {
    background:#FFD4A9 !important;
}

.dashboard-monitoring .visiting:hover {
    background:#FFB870 !important;
}

.dashboard-monitoring .complete {
    background:#C8FFC8 !important;
}

.dashboard-monitoring .complete:hover {
    background:#A3FFA3 !important;
}

.tasklist {
    width:100%;
    height:300px;
    border:1px solid #CCC;
    float:left;
    overflow:auto;
    position:relative;
}

.tasklist .load-indicator {
    width:22px;
    height:22px;
    background:url(../img/loading-spinner-blue.gif) center no-repeat;
    position:absolute;
}

.tasklist .item {
    width:98%;
    padding:1%;
    margin:0px 1% 1% 1%;
    border:1px solid #EFEFEF;
    float:left;
    display:block;
    color:black;
    text-decoration:none;
}

.tasklist .item:first-child {
    margin:1%;
}

.tasklist .item:hover {
    background:#EFEFEF;
    border:1px solid #DADADA;
    box-shadow:rgba(0,0,0,0.1) 2px 2px;
    color:black;
    text-decoration:none;
}

.tasklist .circle {
    width:40px;
    height:40px;
    color:white;
    border-radius:50%;
    text-align:center;
    float:left;
    margin-right:10px;
    font-size:x-large;
    overflow:hidden;
}

.tasklist .circle-training {
    background:#99CCFF;
}

.tasklist .circle-id {
    background:#FF99FF;
}

.tasklist .circle-iso {
    background:#FF704D;
}

.tasklist .circle-carer {
    background:#FFCC66;
}

.tasklist .task-title {
    width:auto;
    height:auto;
    font-size:medium !important;
}

.tasklist .task-description {
    width:auto;
    height:auto;
    font-size:small;
}

/**
    Name picker
*/

.name-picker {
    width:100%;
    display:block;
}

.name-picker .selection-box {
    width:100%;
    height:120px;
    display:block;
    border:1px solid #CCC;
   /*border-radius:5px 5px 0px 0px !important;*/
    overflow:auto;
}

.name-picker .selection-box .load-indicator {
    width:100%;
    height:25px;
    display:block;
    background:url(../img/loading-spinner-blue.gif) center no-repeat;
}

.name-picker .selection-box .item {
    width:100%;
    display:block;
    padding:5px 10px;
    font-size:medium;
    border-bottom:1px solid #CCC;
    cursor:pointer;
}

.name-picker .selection-box .item:last-child {
    border-bottom:none;
}

.name-picker .selection-box .item small {
    display:block;
}

.name-picker .selection-box .item:hover {
    background:#EFEFEF;
}

.name-picker .selection-box .selected {
    background:#3276b1;
    color:white;
}

.name-picker .selection-box .selected:hover {
    background:#5B91C1;
}

.name-picker .input-box {
    width:100%;
    height:auto;
    display:block;
    border:1px solid #CCC;
    border-top:none;
    /*border-radius:0px 0px 5px 5px !important;*/
}

.name-picker .input-box .input-box-text {
    width:100%;
    background:none;
    border:none;
    padding:10px;
}

.name-picker .selection-box .notice {
    width:100%;
    display:block;
    text-align:center;
    font-size:large;
    font-style:italic;
    padding-top:10px;
    padding-bottom:10px;
}

.ui-datepicker {
    z-index:999 !important;
}

/**
    INBOX STYLES
*/

.to_box {
    width:100%;
    border:1px solid #CCC;
    padding:4px;
    position:relative;
}

.to_box input[type=text] {
    width:100%;
    border:none;
    background:none;
    font-size:medium;
    padding:4px;
}

.to_box .name-box {
    width:100%;
    max-height:140px;
    display:block;
    background:white;
    border:1px solid #999;
    overflow:auto;
    position:absolute;
    z-index:9999;
    top:0;
    left:0;
}

.to_box .name-box .item {
    width:100%;
    display:block;
    border-bottom:1px solid #999;
    font-size:medium;
    padding:4px;
    cursor:pointer;
}

.to_box .name-box .item:hover {
    background:#EFEFEF;
}

.to_box .name, .to_box .input {
    width:auto;
    display:inline-block;
    padding:4px;
    margin-left:4px;
}

.to_box .name {
    background:#333;
    color:white;
    font-weight:bold;
}

.to_box_names {
    width:200px;
    max-height:140px;
    overflow:scroll;
    border:1px solid #999;
    background:white;
}

.to_box_names .item {
    display:block;
    padding:4px;
}

.to_box_names .item:hover {
    background:#EFEFEF;
}

.message_box {
    width:100%;
    display:block;
    border:1px solid #CCC;
    margin-top:15px;
}

.message_box input[type=text], .message_box textarea {
    width:100%;
    background:none;
    border:none;
}

.message_box input[type=text] {
    font-size:large;
    padding:4px;
}

.message_box textarea {
    height:100px;
    padding:4px;
}

.message_box .top {
    width:100%;
    border-bottom:1px solid #CCC;
    display:block;
}

/**
    INBOX STYLES
*/

.inbox-content .load-indicator {
    width:100%;
    height:25px;
    display:block;
    background:url(../img/loading-spinner-blue.gif) center no-repeat;
}

.inbox-content .item {
    width:100%;
    height:auto;
    display:block;
    cursor:pointer;
    font-size:medium;
    border-bottom:1px solid #CCC;
    padding:4px;
}

.inbox-content .item:hover {
    background:#EFEFEF;
}

.inbox-content .unread {
    color:#3276b1;
}

.inbox-content .unread:hover {
    color:#5B91C1;
}

.inbox-content .title {
    width:100%;
    display:block;
}

.inbox-content .from {
    width:100%;
    display:block;
    font-size:small;
    font-weight:bold;
}

.inbox-content .date {
    width:auto;
    float:right;
    font-size:small;
    text-align:right;
    font-style:italic;
}

.inbox-content .next-area, .inbox-content .load-indicator {
    width:100%;
    height:auto;
    display:block;
    text-align:center;
    margin-top:20px;
}

#holidayDates {
    text-align:center;
}

#holidayDates .dateBox {
    width:100px;
    height:80px;
    background:#4db3a4;
    color:white;
    text-align:center;
    display:inline-block;
}

#holidayDates .dateBox .month {
    display:block;
    font-size:1.5em;
    text-transform:uppercase;
    padding-top:5px;
}

#holidayDates .dateBox .day {
    display:block;
    font-size:3em;
    line-height:0.8em;
}

#holidayDates .until {
    font-size:2.5em;
    line-height:100%;
    margin-top:10px;
    margin-bottom:10px;
}

#holidayDates .duration {
    width:100%;
    display:block;
    text-align:center;
    font-size:1.3em;
}

.holiday-cancel {
    font-size:medium;
    cursor:pointer;
}

/* "Public" Visits styles */

.align-right {
    text-align:right;
}

.client-welcome {
    width:100%;
    font-size:5em;
    display:block;
    text-align:center;
}

.client-welcome-message {
    width:100%;
    font-size:2.3em;
    display:block;
    text-align:center;
    margin-bottom:40px;
}

#date-sheets {
    min-height:300px;
    background:url(../../Content/img/ajax-loading.gif) no-repeat center;
}

.error-ajax {
    width:100%;
    display:block;
    font-size:large;
    text-align:center;
    color:#4db3a4;
}

.error-ajax .heading {
    width:100%;
    display:block;
    font-size:xx-large;
    font-style:italic;
}

.week-begining-title {
    width:100%;
    display:block;
    font-size:1.2em;
    text-transform:uppercase;
    text-align:center;
}

.week-begining-date {
    width:100%;
    display:block;
    font-size:1.4em;
    font-weight:bold;
    border-bottom:1px solid #CCC;
    text-align:center;
    padding-bottom:5px;
}

.week-sheet {
    border:1px solid #CCC;
    padding:5px;
    margin-bottom:10px;
}

.week-sheet .no-data {
    width:100%;
    text-align:center;
    display:block;
    font-style:italic;
    padding:10px 0px;
}

.date-header {
    width:100%;
    display:block;
    margin-top:5px;
    padding:4px;
    box-sizing:padding-box;
    background:#4db3a4;
    color:white;
    font-weight:bold;
    font-size:medium;
    text-transform:uppercase;
}

.date-item {
    width:100%;
    display:block;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:1px solid #CCC;
}

.date-item:nth-child(odd) {
    background:#EFEFEF;
}

.date-item:last-child {
    border-bottom:none;
    padding-bottom:0px;
}

.date-item .date-area {
    width:25%;
    display:inline-block;
    padding:5px;
    margin-right:10px;
}

.date-item .date-area span {
    display:block;
    text-align:center;
    font-size:1.4em;
}

.date-item .date-area span:first-child {
    font-weight:bold;
}

.date-item .main-area {
    width:auto;
    display:inline-block;
}

.date-item .main-area span {
    display:block;
    font-size:large;
}

.date-pager {
    padding-top:40px;
    font-size:medium;
}

.dp-selected {
    background:#4db3a4 !important;
}

.date-paginator {
    width:100%;
    text-align:center;
    position:absolute;
    top:0;
    left:0;
}

.date-paginator-placeholder {
    height:60px;
    width:100%;
    display:block;
}

#daterange {
    margin:0px;
    padding:0px;
    text-align:center;
}

.common-area-margin {
    margin-bottom:20px;
}

.generic-row-top-margin {
    margin-top:10px;
}

.generic-selection-box-header {
    width:98%;
    margin:5px 1%;
    font-size:1.2em;
    font-weight:bold;
}

.generic-selection-box {
    width:98%;
    display:block;
    border:1px solid #CCC;
    margin:1%;
}

.generic-selection-box .item, .generic-selection-box .info {
    width:100%;
    display:block;
    border-bottom:1px solid #CCC;
    padding:10px;
    font-size:1.1em;
    cursor:pointer;
}

.generic-selection-box .item:hover {
    background:#EEE;
}

.generic-selection-box .item:last-child, .generic-selection-box .info:last-child {
    border-bottom:none;
}

.generic-selection-box .info {
    text-align:center;
    font-style:italic;
}

/**
    Client Pinned Note
*/

.client-note {
    width:100%;
    display:block;
    border:1px solid #D9CC7E;
    background:#f5e68f;
    color:black;
    margin:20px 0px 20px 0px;
    font-size:medium;
    position:relative;
    padding:5px 10px;
}

.client-note .date {
    width:100%;
    font-size:small;
    font-weight:bold;
    display:block;
}

.client-note .pin {
    width:30px;
    height:30px;
    text-align:center;
    position:absolute;
    right:0;
    top:0;
    margin:4px;
    cursor:pointer;
}

/**
    AutoComplete Styles
*/

.autocomplete-item {
    width:100%;
    display:block;
    padding:4px;
    cursor:pointer;
}

.autocomplete-item .title {
    display:block;
    font-size:medium;
}

.autocomplete-item .subtitle {
    display:block;
    font-size:small;
    margin-top:2px;
}

/**
    Date Textbox
*/

.form-control-date {
    background-color:white !important;
    cursor:pointer !important;
}

.col-filter-box {
    margin-bottom:5px;
}

.clickable {
    cursor:pointer;
}

/**
    ISO Instance Item
*/

.instanceItem {
    border-bottom:1px solid #777;
    margin-bottom:5px;
    padding-top:5px;
    padding-bottom:10px;
}

.instanceItem:last-child {
    border-bottom:none;
    margin-bottom:0px;
}

.instanceItem label {
    text-align:center;
}

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

.instanceRemove {
    color:#CC0000;
    cursor:pointer;
    font-size:1.6em;
}

.instanceRemove:hover {
    color:#440000;
}

.instanceControls {
    padding:0px !important;
}

.instanceActions {
    text-align:right;
}

.instanceActions label {
    width:100%; 
    display:inline-block;
}

.instanceEmpty {
    width:100%;
    display:inline-block;
    font-style:italic;
    text-align:center;
}

.modal-action {
    display:inline-block;
    font-size:medium;
    padding:2px 5px;
    cursor:pointer;
}

.modal-action:hover {
    background:#EFEFEF;
}

/**
    Icons Generic
*/
.action {
    margin-right:6px;
}

.action-clone:hover {
    color:#4db3a4;
}

.action-delete:hover {
    color:#FF704D;
}