body 
{
    padding-top: 60px;
    padding-bottom: 40px;
}
a 
{
    cursor: pointer;
}
td.align-right
{
    text-align: right;
}
.episode-tab-button
{
    padding-left:10px;
}
.form-container
{
    padding: 3px;
}
.form-container form
{
    margin-bottom: 5px;
}
.form-container .form-title
{
    font-size: 1.2em;
    line-height: 25px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 20px;
}
.form-container .form-actions
{
    background: none;
}
.form-container span.badge
{
    margin-right: 7px;
}
.alt-row
{
    background-color: #f3f3f3;
}
i.icon-dark-grey
{
    opacity: 0.4;
    filter:alpha(opacity=40); 
}
.loading-panel
{
    background-color: #009999;
    padding: 3px 10px 1px 10px;
    height: 35px;
    width: 132px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    position: absolute;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    top: -55px;
    right: 100px;
    z-index: 9999;
}
.loading-panel span
{
    padding-top: 10px;
    vertical-align: middle;
}
.loading-icon
{
    float: right;
    
}
.loading-icon-add-user
{
    display: none;
    width: 25px;
    padding-right: 5px;
}
.page-title
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #dedede;
    border: 1px solid #E8E8E8;
    color: #4e4e4e;
    font-size: 1.2em;
    margin: 3px 0;
    padding: 3px 15px 3px 7px;
    text-align: left;
}
.page-title i
{
    margin-top: 3px;
}
.table.dataTable thead tr
{
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
input.search-query
{
    border-radius: 3px 3px 3px 3px;
}
.spinner
{
    text-align: center;
    padding: 15px;
}
#wizard_loading.spinner
{
    text-align: center;
    padding: 0;
}
.spinner .img
{
    display: inline-block;
    background-color: #FFFFFF;
    padding: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    background: transparent url("../img/pathways-loading-white.gif") center no-repeat;
    width:50px;
    height:50px;
}
#wizard_loading.spinner .img
{
    background: #ffffff url("../img/pathways-loading-white.gif") center no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 25px;
}
pre
{
    background: none;
    border: 0;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
code, pre
{
    font-family: Helvetica, Ariel, sans-serif;
}
.organisation-logo-container
{
    margin-left: 50px;
}
.organisation-logo-preview
{
    width: 200px;
    background-color: #fefefe;
}
.minimisable-fieldset
{
    cursor: pointer;
}
.minimisable-fieldset i 
{
    margin-top: 14px;
}
.minimisable-fieldset i.tooltipper 
{
    margin-top: 7px;
}
.datetimepicker input
{
    width: 100px;
}
.bacp-nav-main .navbar-inner
{
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-color: #FFFFFF;
    color: #FFFFFF;
}
.bacp-nav-main .navbar-inner .container
{
    position: relative;
}
.bacp-nav-main .brand
{
    margin-left: 2px;
    margin-top: 6px;
    padding: 0;
    margin-right: 30px;
    width: 157px;
    height: 32px;
    background: url("../img/bacpac-logo.png");
}
.bacp-nav-main .brand i.icon-home
{
    margin-top: 8px;
    margin-right: 8px;
}
.bacp-nav-main .navbar-fixed-top
{
    margin-bottom: 0;
}
.bacp-nav-main .patient-quick-search
{
    margin-top: 6px;
    float: left;
    width: 425px;
}
.bacp-nav-main .patient-quick-search:hover
{
    cursor: pointer;
}
.bacp-nav-main a.diary
{
    margin-top: 10px;
    float: left;
    color: #333333;
}
.bacp-nav-main div.session-time-container
{
    margin-top: 10px;
    float: right;
    color: #333333;     
}
.bacp-nav-main a.diary:hover
{
    cursor: pointer;
    text-decoration: none;
    color: #333333;
}
.bacp-nav-main input.search-query
{
    width: 90%;
    background-color: #FFFFFF;
    border: medium none;
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.bacp-nav-main .parent-navbar
{
    z-index: 1001;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.bacp-nav-main .parent-navbar .navbar-inner
{
    margin-bottom: 0;
    border-bottom: 1px solid #CCCCCC;
    box-shadow: none;
}
.bacp-nav-main .nav-links a.nav-link-large
{
    font-size: 1.2em;
    color: #FFFFFF;
    text-shadow: none;
}
.bacp-nav-main .nav-links ul.nav > li > a:hover,
.bacp-nav-main .nav-links ul.nav > li > a:focus
{
    text-decoration: none;
    color: #ff9933;
}
.bacp-nav-main .nav-links .dropdown-menu a:hover
{
    color: #FFFFFF;
}
.bacp-nav-main .child-navbar
{
    top:64px;
}
.bacp-nav-main .child-navbar .navbar-inner
{
    min-height: 20px;
    padding: 5px 0;
    border: none;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.bacp-nav-main .child-nav-links
{
    float: left;
}
.bacp-nav-main .child-nav-links ul.nav > li > a
{
    padding:2px 20px 2px 0;
    margin-right: 20px;
    border-right: 1px solid #435e88;
    text-shadow: none;
    color: #FFFFFF;
}
.bacp-nav-main .child-nav-links ul.nav > li > a:hover,
.bacp-nav-main .child-nav-links ul.nav > li > a:focus
{
    text-decoration: none;
    color: #ff9933;
}
.bacp-nav-main .dropdown-menu a
{
    color: #5f5f5f;
}
.bacp-nav-main .dropdown-menu > li > a:hover,
.bacp-nav-main .dropdown-menu > li > a:focus,
.bacp-nav-main .dropdown-submenu:hover > a,
.bacp-nav-main .dropdown-submenu:focus > a
{
    color: #FFFFFF;
    text-decoration: none;
    background-color: #B3B2B2;
    background-image: none;
}
.bacp-nav-main .navbar .nav li.dropdown.open > .dropdown-toggle,
.bacp-nav-main .navbar .nav li.dropdown.active > .dropdown-toggle,
.bacp-nav-main .navbar .nav li.dropdown.open.active > .dropdown-toggle
{
    background: none;
    color: #ff9933;
}
.bacp-nav-main .navbar .nav li.dropdown > .dropdown-toggle .caret
{
    border-top-color: #000000;
    border-bottom-color: #000000;
}
.bacp-nav-main .navbar .nav li.dropdown > a:hover .caret,
.bacp-nav-main .navbar .nav li.dropdown > a:focus .caret,
.bacp-nav-main .navbar .nav li.dropdown > a:active .caret
{
    border-top-color: #ff9933;
    border-bottom-color: #ff9933;
}
.bacp-nav-main .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.bacp-nav-main .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.bacp-nav-main .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret
{
    border-top-color: #ff9933;
    border-bottom-color: #ff9933;
}
.left-module
{
    background-color: #FFFFFF;
    border: 1px solid #d0d0d0;
    margin-bottom: 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.menu
{
    margin-bottom: 5px;
}
.left-module .module-title
{
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #d0d0d0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    
    margin-bottom: 0;
    background-color:#009999;
}
.module-title p
{
    float: left;
    margin: 0;
    width: 80%;
}
.left-module i
{    
    margin-right: 7px;
    margin-left: 4px;
}
.left-module-content-inner
{
    padding: 5px;
}
.left-module-content table
{
    margin-bottom: 0;
}
.left-module-content table thead tr
{
    background-color: #298fb0;
    color: #FFFFFF;
}
.left-module-content table
{
    font-size: 0.9em;
}
.left-module-content input.search-query
{
    max-width: 200px;
    padding: 3px;
    margin-bottom: 5px;
}
.left-module-content .table th,
.left-module-content .table td
{
    border-top: 0;
}
.left-module-content .table-striped tbody > tr:nth-child(2n+1) > td,
.left-module-content .table-striped tbody > tr:nth-child(2n+1) > th
{
    background-color: #f3f3f3;
}
.left-module-content .left-menu
{
    padding: 0;
}
.left-module-content .left-menu a
{
    display: block;
    padding: 7px 6px;
}
.left-module-content .left-menu a:hover
{
    background-color: #dedede;
    color: #4e4e4e;
    text-decoration: none;
}
.left-module-content .left-menu a.active
{
    background-color: #009999;
    color: #FFFFFF;
    text-decoration: none;
}
.left-module-content .left-menu a.first:hover,
.left-module-content .left-menu a.first.active
{
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.left-module-content .left-menu a.last:hover,
.left-module-content .left-menu a.last.active
{
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.diary-container
{
    display: none;
    padding: 20px;
    margin-bottom: 25px;
    background-color: #FFFFFF;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
span.client-readonly
{
    display: block;
    margin-top: 5px;
}
.fc-header td
{
    vertical-align: middle;
}
span.fc-header-title h2
{
    font-size: 2em;
    font-weight: normal;
}
input.calendar-filter-checkbox
{
    margin-top: -3px;
}
.event-tabs
{
    margin-bottom: 10px;
}
.event-tabs .btn-group label.btn
{
    padding: 2px 10px;
}
#eventWarning
{
    margin-left: 3px;
    padding: 5px;
    cursor: pointer;
        
}
.boarding-card-container, .timeline-container, .general-page-container
{
    background-color: #FFFFFF;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.boarding-card-container .module-title, .timeline-container .module-title, .general-page-container .module-title
{
    padding: 11px 20px 12px 0;
    border-bottom: 1px solid #d0d0d0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #787878;
    cursor: pointer;
    margin-bottom: 0;
    text-align: center;
    font-size: 1.6em;
}
.boarding-card-container .module-title
{
    background-color: #295074;
    color: #FFFFFF;
}
.boarding-card-container .left-close-button
{
    float: left;
    background-color: #3a648b;
    padding: 14px 12px;
    cursor: pointer;
    border-right: 1px solid #FFFFFF;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.boarding-card-container .boarding-card-content-inner .module-title
{
    background-color: #e8e8e8;
    
    border: 1px solid #e8e8e8;
    padding: 3px 15px 3px 7px;
    margin-top: 1px;
    text-align: left;
    font-size:1.2em;
    margin: 3px;
    color: #787878;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.boarding-card-container .boarding-card-content-inner .module-title .icon-dark-grey
{
    margin-top: 2px;
    margin-right: 3px;
    margin-left: 4px;
}
.bc-patient-content, .bc-episode-content, .bc-all-episodes-content
{
    padding: 10px;
    display: block;
}
.boarding-card-content-inner .info-panel
{
    padding: 4px;
}
.boarding-card-content-inner .info-panel p
{
    padding: 6px;
    margin: 0 0 1px 0;
    border-left: 33px solid #E8E8E8;
}
.boarding-card-content-inner .info-panel p > i
{
    margin-left: -30px;
    margin-right: 14px;
}
.boarding-card-content-inner .info-panel p > span
{
    margin-right: 7px;
    padding: 0 5px;
    display: inline-block;
}
.boarding-card-content-inner .control-bar
{
    border-bottom: 1px solid #E8E8E8;
    padding: 0 0 10px 0;
    margin-bottom: 15px;
}
.boarding-card-content-inner .episode-button
{
    padding: 0 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 8px;
    float: left;
    cursor: pointer;
}
.boarding-card-content-inner .episode-button span
{
    color: #FFFFFF;
    margin-right: 3px;
    font-size: 0.85em;
}
.boarding-card-content-inner a.episode-button:hover
{
    opacity: 0.6;
    filter:alpha(opacity=60); 
}
.boarding-card-content-inner .episode-button.active
{
    padding: 2px 10px;
    border-bottom: 3px solid #cecece;
    margin-top: -3px;
}
.boarding-card-content-inner .ep-grey
{
    background-color: #b5b5b5;
}
.boarding-card-content-inner .ep-pink
{
    background-color: #a84d97;
}
.boarding-card-content-inner .ep-green
{
    background-color: #295074;
}
.boarding-card-content-inner .ep-blue
{
    background-color: #009999;
}
.boarding-card-content-inner .ep-orange
{
    background-color: #ff9933;
}
.preferred-contact
{
    font-size: 1.4em;
    margin-bottom: 10px;
}
.preferred-contact em > i
{
    margin-top: 5px;
}
#tab-content-container
{
    padding: 5px;
}
.timeline-content-inner
{
    
}
.timeline-content-inner li.active a,
.timeline-content-inner li.active a:hover,
.timeline-content-inner li.active a:active,
.timeline-content-inner li.active a:focus
{
    
}
.timeline-content-inner #episode-tabs
{
    padding: 10px 5px 0 5px;
    margin-bottom: 0;
}
.timeline-content-inner .action-bar
{
    background-color: #eeeeee;
    padding: 10px 10px 9px 10px;
    position: relative;
    z-index: 999;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.timeline-content-inner .action-bar a
{
    margin-right: 10px;
    padding: 6px
}
.timeline-content-inner .action-bar a:hover
{
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.timeline-content-inner .action-bar a > i, .control-bar a > i.icon-plus
{
    margin-right: 6px;
    margin-top: -1px;
    padding: 2px 2px 1px 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.timeline-content-inner .action-bar a > i.icon-plus, .control-bar a > i.icon-plus
{
    background-position: -406px -95px;
}
.timeline-content-inner .filters-show-hide .col-contact
{
    background-color: rgb(61, 173, 173) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#62b7d4", endColorstr="#3dadad");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#66cccc), to(#3dadad));
    background-image: -moz-linear-gradient(top, #66cccc, #3dadad);
    background-image: -ms-linear-gradient(top, #66cccc, #3dadad);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cccc), color-stop(100%, #3dadad));
    background-image: -webkit-linear-gradient(top, #66cccc, #3dadad);
    background-image: -o-linear-gradient(top, #66cccc, #3dadad);
    background-image: linear-gradient(#66cccc, #3dadad);
    border-color: #3dadad #3dadad rgb(61, 173, 173);
    color: #FFFFFF !important;
    text-shadow: none;
    
}
.timeline-content-inner .filters-show-hide .col-contact-future
{
    background-color: rgb(234, 130, 26) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9933", endColorstr="#ea821a");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ff9933), to(#ea821a));
    background-image: -moz-linear-gradient(top, #ff9933, #ea821a);
    background-image: -ms-linear-gradient(top, #ff9933, #ea821a);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9933), color-stop(100%, #ea821a));
    background-image: -webkit-linear-gradient(top, #ff9933, #ea821a);
    background-image: -o-linear-gradient(top, #ff9933, #ea821a);
    background-image: linear-gradient(#ff9933, #ea821a);
    border-color: #ea821a #ea821a rgb(234, 130, 26);
    color: #FFFFFF !important;
    text-shadow: none;
    
}
.timeline-content-inner .filters-show-hide .col-upload
{
    background-color: rgb(141, 46, 123) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a84d97", endColorstr="#8d2e7b");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#a84d97), to(#8d2e7b));
    background-image: -moz-linear-gradient(top, #a84d97, #8d2e7b);
    background-image: -ms-linear-gradient(top, #a84d97, #8d2e7b);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a84d97), color-stop(100%, #8d2e7b));
    background-image: -webkit-linear-gradient(top, #a84d97, #8d2e7b);
    background-image: -o-linear-gradient(top, #a84d97, #8d2e7b);
    background-image: linear-gradient(#a84d97, #8d2e7b);
    border-color: #8d2e7b #8d2e7b rgb(141, 46, 123);
    color: #FFFFFF !important;
    text-shadow: none;
    
}
.timeline-content-inner .filters-show-hide .col-note
{
    background-color: rgb(65, 122, 179) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6699cc", endColorstr="#417ab3");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#6699cc), to(#417ab3));
    background-image: -moz-linear-gradient(top, #6699cc, #417ab3);
    background-image: -ms-linear-gradient(top, #6699cc, #417ab3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6699cc), color-stop(100%, #417ab3));
    background-image: -webkit-linear-gradient(top, #6699cc, #417ab3);
    background-image: -o-linear-gradient(top, #6699cc, #417ab3);
    background-image: linear-gradient(#6699cc, #417ab3);
    border-color: #417ab3 #417ab3 rgb(65, 122, 179);
    color: #FFFFFF !important;
    text-shadow: none;
    
}
.timeline-content-inner .filters-show-hide .col-letter
{
    background-color: rgb(158, 198, 109) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9ec66d", endColorstr="#78a344");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#9ec66d), to(#78a344));
    background-image: -moz-linear-gradient(top, #9ec66d, #78a344);
    background-image: -ms-linear-gradient(top, #9ec66d, #78a344);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9ec66d), color-stop(100%, #78a344));
    background-image: -webkit-linear-gradient(top, #9ec66d, #78a344);
    background-image: -o-linear-gradient(top, #9ec66d, #78a344);
    background-image: linear-gradient(#9ec66d, #78a344);
    border-color: #78a344 #78a344 rgb(158, 198, 109);
    color: #FFFFFF !important;
    text-shadow: none;
    
}
.timeline-content-inner .filters-show-hide .btn:hover,
.timeline-content-inner .filters-show-hide .btn:focus {
    color: #333333;
    text-decoration: none;
    background-position: 0 -40px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.timeline-content-inner .filters-show-hide .btn.active
{
    background-image: none;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3) inset;
    outline: 0 none;
}
.timeline-filters
{
    background-color: #ffffff;
    padding: 11px 10px 10px 10px;
    position: relative;
    z-index: 800;
}
.timeline-filters .input-append,
.timeline-filters .input-prepend
{
    margin-bottom: 0;
}
.timeline-filters .filter-group
{
    margin-right: 12px;
}
.timeline-filters .filter-group.last
{
    margin-right: 0;
}
.timeline-filters .filter-group .btn-group
{
    margin-top: 5px;
}
.timeline-filters .control-group,
.timeline-filters .control-group input
{
    margin: 0;
}
.timeline-filters.date-panel
{
    border-top: 1px solid #cecece;
    display: none;
}
.timeline-container .module-title
{
    background-color: #009999;
    color: #FFFFFF;
}
.col-contact
{
    background-color: #66cccc; 
}
.col-contact-future
{
    background-color: #ff9933;
}
.col-upload
{
    background-color: #a84d97;
}
.col-note
{
    background-color: #6699cc;
}
.col-letter
{
    background-color: #9ec66d;
}
.col-questionnaire
{
    background-color: #f6f454;
}
.create-timeline-event-form
{    
    margin: 14px 10px;
    
}
div.addFile-wrapper
{
    cursor: pointer;
    margin-right: 5px;
    overflow: hidden;
    position: relative;
    float: left;
}
div.addFile-wrapper button
{
    float: left;
    left: 0;
    top: 0;
    z-index: 1;
}
div.addFile-wrapper input
{
    height: 30px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 120px;
    z-index: 9999;
    cursor: pointer;
}
.datepick select
{
    margin-right: 5px;
}
#alertContainer
{
    z-index: 2500;
}
#alertContainerLocal .alert
{
    margin: 10px 10px 10px 10px;
}
.timeline-item
{
    list-style: none;
    margin: 0 0 12px 0;
    color: #FFFFFF;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.timeline-item .event-module-title
{
    padding: 6px 10px 6px 10px;
    color: #FFFFFF;
    cursor: pointer;
    margin-bottom: 0;
    text-align: left;
    font-size: 1em;
    background: none;
}
.timeline-item .event-module-title > i
{
    margin-top: 3px;
}
.timeline-item-separator
{
    list-style: none;
    padding: 6px 0;
    margin: 0 0 12px 0;
    border-bottom: 1px solid #d0d0d0;
    color: #717171;
}
#timeline-controls-container
{
    z-index: 1000;
}
#timelineitem-container ul
{
    padding: 12px 12px 0 12px;
    margin: 0px 0px 0px 0px;
}
#timelineitem-container ul.wysihtml5-toolbar
{
    padding: 0;
}
.timeline-event-title
{
    display: inline-block;
    width: 200px;
}
.timeline-event-date
{
    margin-right: 10px;
}
.timeline-item-header-container
{
    cursor: pointer;
}
.timeline-item-header
{
    display: inline-block;
    margin: 0;
}
.timeline-item-header span.icon
{
    margin-left: 2px;
    margin-right: 8px;
}
.timeline-item-header span.headline-text
{
    margin-left: 10px;
}
.timeline-item-inner-container
{
    padding: 15px;
    background-color: #e5e5e5;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    color: #000000;
}
.timeline-item-controls
{
    margin-bottom: 10px;
}
.add-questionnaire-panel
{
    padding-bottom: 15px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 10px;
}
.contact-form-content
{
    margin-top: 20px;
}
#timelineitem-container .timeline-item-controls-container ul
{
    padding: 0;
    
    margin-bottom: 10px;
}
.questionnaire-item
{
    list-style: none;
    background-color: #FFFFFF;
    margin: 10px 0;
    border-bottom: 1px solid #cecece;
    
}
.questionnaire-item .badge
{
    background-color: #bbbbbb;
}
.expandable-header-panel
{
    cursor: pointer;
    padding: 6px;
}
.questionnaire-controls
{
    padding: 20px;
}
.questionnaire-view
{
    border-top: 1px solid #dedede;
    padding: 15px;
}
#timelineitem-container .questionnaire-view ol ul
{
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede;
    padding: 10px 0;
}
#timelineitem-container .questionnaire-view ol ul li
{
    list-style-type: disc;
    margin-left: 20px;
    font-style:italic;
}
#timelineitem-container legend
{
    border-color: #CECECE;
}
.uploaded-image-thumb
{
    width: 200px;
    background-color: #cecece;
    display: block;
    margin-bottom: 5px;
    -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}
.display-letter
{
    background-color: #FFFFFF;
    padding: 20px;
    margin: 15px 0 15px 0;
    -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}
div.pdf-letter-icon
{
    background: transparent url("../img/pdf-icon-large.png") center no-repeat;
    width:100px;
    height:100px;
}
img.account-organisation-logo
{
    max-width: 300px;
}
.display-note
{
    background-color: #FFFFFF;
    padding: 20px;
    margin: 0;
    -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}
.upload-files
{
    margin-top: 20px;
}
.upload-files p
{
    padding-top: 10px;
    border-top: 1px solid #CECECE;
}
.upload-files p.uploading-message
{
    border: none;
}
.upload-files .btn
{
    margin-bottom: 20px;
}
#files-container .qq-uploader .qq-upload-button
{
    width: auto;
    background-color: #d2e8f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom: none;    
    color: #000000;
}
#files-container .qq-uploader .qq-upload-button input
{
    display: block;
    padding: 30px;
}
#files-container .qq-uploader .qq-upload-button:hover
{
    background-color: #a4d1e2;
    cursor: pointer;
}
.outcomes-empty
{
    padding: 10px;
}
.outcomes-empty .alert
{
    margin-bottom: 0;
}
.connector
{
    margin-left: 15px;
    margin-right: 15px;
    background-color: #cbcbcb;
    padding: 2px;
    clear: both;
}
.dashboard-container .row div.span3,
.dashboard-container .row div.span6,
.dashboard-container .row div.span9
{
    margin-bottom: 25px;
}
.general-page-container .inner-content
{
    padding: 10px;
}
.general-page-container.latest-news .inner-content p
{
    padding: 5px;
}
.general-page-container.all-patients .inner-content
{
    max-height: 300px;
    overflow: auto;
}
.general-page-container.all-patients .table.dataTable thead th
{
    border-bottom: 1px solid #298fb0;
    background-color: #298fb0;
    color: #FFFFFF;
}
.general-page-container .dataTables_filter
{
    text-align: left;
    float: none;
}
.general-page-container .dataTables_filter input
{
    margin-bottom: 5px;
    padding: 3px 2%;
    width: 96%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.general-page-container .module-title
{
    border-bottom: 1px solid #D0D0D0;
    color: #787878;
    
    margin-bottom: 0;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
}
.general-page-container .module-title img.icon
{
    padding: 0; 
    float: left; 
    margin-top: 0; 
    margin-top:-9px; 
    position: relative;
    margin-right: 10px; 
    top: 6px; 
    margin-left: -3px;
}
.panel .module-title
{
    background-color: #e8e8e8;   
    border: 1px solid #e8e8e8;
    padding: 3px;
    margin-top: 1px;
    text-align: left;
    font-size:1.2em;
    margin: 3px;
    color: #787878;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.general-page-container p.notification-alert span.title
{
    color: #ff9933;
    font-weight: bold;
}
.module-title.green
{
    background-color: #295074;
    color: #FFFFFF;
}
.module-title.lightblue
{
    background-color: #6699cc;
    color: #FFFFFF;
}
.module-title.orange
{
    background-color: #ff9933;
    color: #FFFFFF;
}
.module-title.darkblue
{
    background-color: #009999;
    color: #FFFFFF;
}
.module-title.dashboard-widget
{
    cursor: move;
}
.module-title.dashboard-widget i.icon-move
{
    margin-top: 3px;
    margin-left: 10px;
}
p.lead.dashboard
{
    color: #298fb0;
    margin-bottom: 10px;
}
p.lead.dashboard img
{
    margin-right: 12px;
}
.intro-wizard-list li
{
    background-color: #f9f9f9;        
    margin-bottom: 7px;
    padding: 7px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;            
}
.intro-wizard-list li:nth-child(odd)
{
    background-color: #f0f0f0;
}
#dashboard_diary span.fc-header-title h2
{
    font-size: 1.4em;
    font-weight: normal;
    margin: 0;
}
#dashboard_diary table.fc-header
{
    margin-bottom: 10px;
}
a:hover.rss-more-hide
{
    cursor:pointer;
}
.dashboard-container
{
    margin-top: -10px;
    margin-left: -10px;
}
.gridster ul
{
    
}
.gridster li.preview-holder {
    z-index: 1;
    position: absolute;
    background-color: #DCDCDC;
    list-style: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#dashboard_finance_controls h2
{
    font-size: 1.4em;
    font-weight: normal;
    margin: 0;    
}
#dashboard_finance_controls .finance-view-info
{
    width: 170px;
    float: left;
}
#dashboard_finance_controls .finance-view-select
{
    text-align: center;
    width: 205px;
    float: left;
    margin-top: 5px;
}
#dashboard_finance_controls .finance-view-btns
{
    width: 170px;
    float: left;
    text-align: right;
    margin-top: 5px;
}
.treatment-type-filters .checkbox.inline + .checkbox.inline
{
    margin-left: 0;
}
.treatment-type-filters label.checkbox.inline
{
    margin-right: 15px;
}
.treatment-type-filters
{
    margin-bottom: 15px;
}
.form-container .control-group
{
    margin: 7px 0;
}
.form-container fieldset
{
    margin-top: 10px;
}
.form-actions
{
    border-top: 1px solid #cecece;
}
.picker-switch.accordion-toggle > a {
    background: #298fb0;
    display: block;
    padding: 3px;
    margin: 0px 4px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.picker-switch.accordion-toggle > a:hover {
    background: #339abb;
}
.picker-switch > a > i.icon-time {
    width: 65px;
    height: 13px;
    background: url("../img/pathways-gototime.png") top left no-repeat;
}
.picker-switch > a > i.icon-calendar {
    width: 108px;
    height: 13px;
    background: url("../img/pathways-gotocalendar.png") top left no-repeat;
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table-condensed {
    width: 150px;
    margin: auto;
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker,
.bootstrap-datetimepicker-widget .timepicker .timepicker-minutes,
.bootstrap-datetimepicker-widget .timepicker .timepicker-hours,
.bootstrap-datetimepicker-widget .datepicker .datepicker-years,
.bootstrap-datetimepicker-widget .datepicker .datepicker-months,
.bootstrap-datetimepicker-widget .datepicker .datepicker-days {
    margin-top: 6px;
    padding-top: 19px;
    background: top center no-repeat;
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker {
    background-image: url("../img/pathways-selecttime.png");
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-minutes{
    background-image: url("../img/pathways-selectminute.png");
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-hours{
    background-image: url("../img/pathways-selecthour.png");
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-years{
    background-image: url("../img/pathways-selectyear.png");
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months{
    background-image: url("../img/pathways-selectmonth.png");
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days {
    background-image: url("../img/pathways-selectdate.png");
}
.modal.wizard-modal 
{
    width: 80%; 
    margin-left:-40%; 
}
.wizard-modal .modal-body
{
    padding: 5px;
}
.wizard-modal ul.pager
{
    margin: 2px;
    padding: 10px;
}
.wizard-modal ul.pager .finish    
{
    float: right;
    margin-left: 10px;
}
.wizard-modal ul.bwizard-steps
{
    padding: 10px;
}
.wizard-modal ul.bwizard-steps li
{
    margin-bottom: 4px;
}
.wizard-modal .modal-body
{
    max-height: 1000px;
}
.wizard-modal .tab-content .tab-pane
{
    margin-bottom: 25px;
    padding: 10px;
}
.wizard-modal a.noHover
{
    cursor: default;
    text-decoration: none;
}
.wizard-modal a.noHover:hover, .wizard-modal a.noHover:active
{
    color: #333333;
    text-decoration: none;
}
.icon-orange
{
    background-image: url("../img/glyphicons-halflings-orange.png");
}
.icon-green
{
    background-image: url("../img/glyphicons-halflings-green.png");
}
.icon-blue
{
    background-image: url("../img/glyphicons-halflings-blue.png");
}
ul.ui-autocomplete li
{
    font-family: Arial, sans-serif;
    font-size: 0.9em;
    border-bottom: 1px solid #cecece;
}
ul.ui-autocomplete.ui-menu .ui-menu-item a
{
    padding: 5px;
}
ul.ui-autocomplete li a:hover, ul.ui-autocomplete li a:active, ul.ui-autocomplete li a:focus
{
    background: #e5e5e5;
}
.backgrid td.validated-cell
{
    background: url("../img/edit-icon.png") 98% center no-repeat;
    width: 70%;
}
.backgrid td.validated-cell:hover
{
    background-color: #dedede;
    cursor: pointer;
}
.backgrid td.delete-row-cell
{
    vertical-align: middle;
}
.backgrid td.delete-row-cell p
{
    margin: 0;
}
.backgrid td.edit-row-cell ul
{
    margin: 0;
    padding: 0;
}
.backgrid td.edit-row-cell ul li
{
    list-style-type: none;
    padding: 1px;
}
.backgrid td.date-cell
{
    text-align: left; 
}
.backgrid td
{
    height: 25px;
}
#dashboard_patients .backgrid table, #manageUsersGrid table
{
    font-size: 0.9em;
}
#dashboard_patients .backgrid td, #manageUsersGrid .backgrid td 
{
    height: auto;    
    max-width: 150px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: normal;
}
#dashboard_patients .backgrid th, #manageUsersGrid .backgrid th 
{
    background-color: #eeeeee;
    text-align: center;
}
#dashboard_patients .backgrid  th a, #manageUsersGrid .backgrid th
{
    color: #298fb0;
}
#dashboard_patients .backgrid tbody tr:hover, #patientsGrid .backgrid tbody tr:hover,
#my-caseload-content .backgrid tbody tr:hover, #waiting-list-content .backgrid tbody tr:hover
{
    background-color: #eeeeee;
    cursor: pointer;
}
#dashboard_patients .table-striped tbody > tr:hover, #patientsGrid .table-striped tbody > tr:hover,
#my-caseload-content .table-striped tbody > tr:hover, #waiting-list-content .table-striped tbody > tr:hover
{
    color: #0088CC;
}
#patientsGrid .backgrid .moment-cell
{
    text-align: left;
}
#patientsGrid .backgrid thead th
{
    background-color: #EEEEEE;
}
.wizard-validation
{
    background-color: #F2DEDE;
    color: #B94A48;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
h1.login-heading
{
    font-size: 2em;
    font-weight: normal;
    color: #cccccc;
}
.login-forgotten-password-panel
{
    margin-top: 12px;
}
#otp-form input.btn
{
    margin-bottom: 10px;
}
#otp-form .otp-error ul
{
    margin: 0;
}
#otp-form .otp-error li
{
    list-style: none;
    color: red;
}
.datetimepickertime .add-on i.icon-time
{
    cursor: default;
}
input.time-start
{
    border-radius: 4px 0 0 4px;    
}
input.time-end
{
    border-radius: 0 0 0 0;
}
.alert-duplicate-patient
{
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
    padding: 8px 35px 8px 14px;
}
.subscriptions-large
{
    font-size: 1.4em;   
    line-height: 200%;
}
.subscriptions-green
{
    color: #94BA66;
}
.subscriptions-orange
{
    color: #FF6600;
}
.subscriptions-red
{
    color: #B94A48;
}
#subscriptions
{
    margin-bottom: 25px;
}
.subscriptions-info
{
    margin-bottom: 25px;
}
.subscriptions-info p
{
    margin: 0;
}
.subscription-bacp-input p
{
    padding: 0 35px;
}
input.bacp-number-field
{
    width: 100px;
}
.cost-label
{
    padding-top: 5px;
    font-size: 1.3em;
}
.cost-label span
{
    font-size: 0.7em;
}
#userModal .controls ul li
{
    list-style-type: none;
}
#wizard_tabs li a
{
    cursor: default;
}
.form-horizontal li > *, .form-horizontal li
{
    display: inline-block;
    vertical-align: baseline;
    margin-right: 5px;
}
.form-horizontal li
{
    margin-right: 10px;
}
.form-horizontal ul
{
    margin: 0;
    padding-top: 5px;
}
.form-horizontal hr
{
    border-top: 1px dashed #b2b2b2;
    margin-top: 15px;
    margin-bottom: 15px;
}
.form-horizontal i
{
    vertical-align: middle;
}
.form-horizontal .field-roles
{
    margin-bottom: 0px;
}
#section_bacp
{
}
#userModal .modal-body
{
    max-height: 700px;
}
#user_edit_payment
{
    margin-left: 10px;
}
.user-modal
{
    background-color: #fff;
}
.footer 
{  
    border-top: 1px solid #cccccc;
    margin-top: 30px;
    padding-top: 12px; 
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
.copyright-dec
{
    margin-top: 6px;
}
.controls 
{
    
}
.template-preview-content 
{
    border-radius: 4px 4px 4px 4px;    
    margin: 8px 0;
    padding: 20px; 
    background: #ffffff;
    border: 1px solid #CECECE;
}
.reminder-accordion
{
    width: 180px;
    float: left;
    margin-left: 10px;
}
.accordion-title a
{
    font-size: 0.9em;
}
.wysihtml5-sandbox
{
    float: left!important;
}
#template-reminder-tab-container form 
{
    overflow: hidden;
}
.template-preview-info
{
    margin-bottom: 15px;
}
.template-preview-content
{
    word-wrap:break-word;
}
.alert.alert-warning {
    margin: 10px;
}
#s2id_patient_practice {
    margin-left:0px;
}
#billing_submit
{
    margin-top: -10px;
}
.payment-form-element
{
    display: inline-block;
    vertical-align: top;
    padding: 5px;
}
.backgrid .moment-cell.editor input[type="text"], .backgrid .string-cell.editor input[type="text"], .backgrid .validated-cell.editor input[type="text"]
{
    height: 25px;
    text-align: left;
}
.backgrid .select-cell
{
    vertical-align: middle;
}
#paymentGrid td:not(:nth-child(2)), #chargeGrid td:not(:nth-child(2))
{
    width: 20%;
    text-align: left;
}
#paymentGrid td:nth-child(2), #chargeGrid td:nth-child(2)
{
    width: 60%;
    text-align: left;
}
#payment_form .datetimepickerdate input
{
    margin-bottom: 5px;
}
 #paymentGrid tr .error.validated-cell
{
    background-color: rgba(255, 0, 0, 0.1);
    outline: 1px solid rgba(255, 0, 0, 0.5);
}
.modal-cell
{
    cursor: pointer;
}
#profile-summary-container .info-panel
{
    padding: 20px 0;
    border-bottom: 1px solid #dedede;
}
#profile-summary-container .info-panel .account-item
{
    float: left;
    width: 275px;
}
.qrcode
{
    display: none;
    padding: 40px 0 20px 40px;
}
.patient-new
{
    background-image: none; 
    float: left; 
    background-color: #009999; 
    color:#FFFFFF;
    text-shadow: none;
}
.patient-new:hover
{
    background-image: none; 
    float: left; 
    background-color: #009999; 
    color:#FFFFFF;
}
.dashboard-finance-nav-btn
{
    text-shadow: none; 
    background-image: none; 
    background-color:#f5f5f5; 
    color: #009999
}
.supervision-headline
{
    text-align: center;
}
#supervision-container .backgrid tr
{
    cursor: pointer;
}
#supervision-container .backgrid tr:hover
{
    background-color: #eeeeee;
}
#supervision-container .backgrid .moment-cell
{
    text-align: left;
    width: 10%;
}
.inline-supervision{
    width:50%;
    float:left;
}
.onSupervision .btn-group{
    margin-left:20px;
}
.onSupervision input[type="radio"].supervision-type {
    display:none;
}