h2 {
    font-size: 18px;
    line-height: 24px;
    padding-top: 0;
    margin-bottom: 10px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tca__h2--separator {
    text-align: center;
    padding: 50px 0 0;
    width: 100%;
}
.tca__h2--separator .border {
    margin: 0 120px;
    border-top: 1px solid #e6e8f0;
}
.tca__h2--separator h2 {
    background-color: white;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    top: -32px;
    padding: 0 50px;
}
label {
    font-size: 11px;
    line-height: 13px;
    color: #637379;
    font-weight: 500;
    margin-bottom: 0;
}
p, label p, li {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.87);
    line-height: 20px;
}
small {
    font-size: 11px;
}
html {
    overflow-y: scroll;
}
html, body {
    height: 100%;
    font-size: 100%;
}
body {
    font-family: 'Roboto', sans-serif;
    text-rendering: optimizeLegibility !important;
    color: rgba(0, 0, 0, 0.87);
    background-color: #dde5ec;
}
.container {
    width: 100%;
    min-width: 975px;
    max-width: 1350px;
}

/* roboto-regular - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'),
  url('../fonts/roboto-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('../fonts/roboto-v15-latin-regular.woff') format('woff');

    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-italic - latin */

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'),
  url('../fonts/roboto-v15-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('../fonts/roboto-v15-latin-italic.woff') format('woff');

    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'),
  url('../fonts/roboto-v15-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('../fonts/roboto-v15-latin-500.woff') format('woff');

    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500italic - latin */

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
  url('../fonts/roboto-v15-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('../fonts/roboto-v15-latin-500italic.woff') format('woff');

    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/MaterialIcons-Regular.eot');

    /* For IE6-8 */
    src: local('Material Icons'),
  local('MaterialIcons-Regular'),
  url('../fonts/MaterialIcons-Regular.woff2') format('woff2'),
  url('../fonts/MaterialIcons-Regular.woff') format('woff'),
  url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;

    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;

    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    -webkit-font-feature-settings: 'liga';
            font-feature-settings: 'liga';
}

.alert {
    margin-top: 10px;
}

.alert-info {
    background-color: rgb(224, 240, 255);
    border-color: rgb(199, 227, 255);
    color: rgb(0, 66, 133);
}

.alert-success {
    background-color: rgb(229, 255, 229);
    border-color: rgb(179, 255, 179);
    color: rgb(0, 77, 0);
}

.alert-danger {
    background-color: rgb(255, 229, 229);
    border-color: rgb(255, 204, 204);
    color: rgb(179, 0, 0);
}

.alert-danger .alert-link {
    color: rgb(128, 0, 0);
}
.tca__chart {
    margin: 10px 0 30px;
}
.modal {
    text-align: center;
    bottom: 30px;
}
.modal .modal-dialog {
    width: 600px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal .modal-content {
    border-radius: 0;
}
.modal .modal-body {
    padding: 0 50px;
    text-align: left;
    font-size: 15px;
}
.modal .modal-body h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 10px;
    padding: 0;
}
.modal .modal-body h4 strong {
    font-weight: 600;
}
.modal .modal-header {
    border: none;
    padding: 18px 16px 10px;
}
.modal .modal-footer {
    border: none;
    text-align: center;
    padding: 30px 0;
}
.modal .material-icons {
    display: block;
    font-size: 18px;
}
.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}
.tca__navbar0 {
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    min-width: 975px;
    background-color: #184b80;
    min-height: 30px;
}
.tca__navbar0 .nav > li > a {
    color: white;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 20px;
}
.tca__navbar0 .nav > li > a:hover, .tca__navbar0 .nav > li > a:focus, .tca__navbar0 .nav > li > a:active, .tca__navbar0 .nav > li.active a {
    background-color: rgba(0, 0, 0, .6);
}
.tca__navbar1 {
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    height: 70px;
    padding: 0;
    min-width: 975px;
    background: url("../img/ball-of-joy.png") rgb(0, 115, 230) bottom center no-repeat;
}
.tca__navbar1 .navbar-header {
    padding: 17px 0 0 10px;
}
.tca__navbar1 .nav > li > a {
    color: white;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-weight: 400;
    padding: 20px 30px 20px 28px;
    line-height: 30px;
    margin: 0;
}
.tca__navbar1 .material-icons {
    font-size: 22px;
    width: 22px;
    position: relative;
    top: -2px;
    margin-right: 4px;
}
.tca__navbar1 .nav > li > a:hover, .tca__navbar1 .nav > li > a:focus, .tca__navbar1 .nav > li > a:active, .tca__navbar1 .nav > li.active > a {
    background-color: rgba(0, 0, 0, .1);
}
.tca__navbar1 .nav .open > a, .tca__navbar1 .nav .open > a:focus, .tca__navbar1 .nav .open > a:hover {
    border: none;
    background-color: transparent;
}
.tca__navbar1 .nav > li.dropdown {
    white-space: nowrap;
}
.tca__navbar1 .nav > li > a.dropdown-toggle {
    overflow: hidden;
    max-width: 500px;
    text-overflow: ellipsis;
    text-align: left;
    padding-right: 20px;
}
.tca__navbar1 .nav > li > a.dropdown-toggle .material-icons {
    font-size: 24px;
    width: 24px;
    margin: 5px 0 0 5px;
    display: inline;
    float: none;
}
.tca__navbar1 .navbar-nav > li > .dropdown-menu {
    margin-top: -11px;
    padding: 5px;
}
.tca__navbar1 .navbar-nav > li > .dropdown-menu li a {
    padding: 10px 20px;
}
.tca__navbar1 .navbar-nav > li > .dropdown-menu li a:hover {
    background-color: rgb(240, 247, 255);
}
.tca__navbar2 {
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    height: 64px;
    padding-top: 12px;
    background-color: white;
    min-width: 975px;
}
.tca__navbar2 ul {
    margin: 0 20px;
}
.tca__navbar2 .nav > li > a, .tca__navbar2 .text-center {
    color: rgb(133, 194, 255);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-weight: 500;
    padding: 10px;
}
.tca__navbar2 .text-center {
    color: dodgerblue;
}
.tca__navbar2 .nav > li > a:hover, .tca__navbar2 .nav > li > a:focus, .tca__navbar2 .nav > li > a:active, .tca__navbar2 .nav > li.active > a {
    background-color: transparent;
    color: dodgerblue;
}
.tca__navbar3 {
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    height: 50px;
    background-color: dodgerblue;
    min-width: 975px;
}
.tca__navbar3 ul {
    margin: 0;
}
.tca__navbar3 .nav-pills > li + li {
    margin-left: 0;
}
.tca__navbar3 .nav > li > a {
    color: white;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    white-space: nowrap;
    font-weight: 400;
    line-height: 50px;
    padding: 0 30px;
    border-radius: 0;
}
.tca__navbar3 .nav > li > a:hover, .tca__navbar3 .nav > li > a:focus, .tca__navbar3 .nav > li > a:active, .tca__navbar3 .nav > li.active > a, .tca__navbar3 .nav-pills > li.active > a, .tca__navbar3 .nav-pills > li > a:focus, .tca__navbar3 .nav-pills > li > a:hover {
    background-color: rgb(0, 115, 230);
    color: white;
    outline: none;
}
.tca__navbar3 .nav > li.complete a {
    background-color: #60606f;
    color: white;
}


.tca__navbar3 .nav > li.complete.active a {
    background-color: #a0a0aa;
    color: white;
}

.tca__navbar3 .nav > li.complete > a:hover  {
        background-color: #60606f;
     }

.tca__navbar3 .nav > li.complete a:hover {
    background-color: #a0a0aa;
    color: white;
}


.tca__navbar3 .nav > li > a:active, .tca__navbar3 .nav-pills > li > a:active {
    background-color: dodgerblue;
}
.tca__navbar3 .horizontal-scrollable-tabs {
    height: 50px;
}
.tca__navbar3 .horizontal-scrollable-tabs .scroller {
    float: right;
    cursor: pointer;
    color: white;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 18px;
    padding: 10px;
    line-height: 30px;
}
.tca__navbar3 .horizontal-scrollable-tabs .scroller:hover {
    color: white;
    background-color: rgb(0, 115, 230);
}
.tca__navbar3 .horizontal-scrollable-tabs .scroller.disabled {
    display: none;
}
.tca__navbar3 .horizontal-scrollable-tabs .horizontal-tabs .nav-pills-horizontal {
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tca__navbar3 .horizontal-scrollable-tabs .horizontal-tabs .nav-pills-horizontal::-webkit-scrollbar {
    width: 0 !important;
}
.tca__navbar4 {
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    height: 50px;
    background-color: white;
    min-width: 975px;
    border-bottom: 1px solid #dde5ec;
    font-size: 14px;
}
.tca__navbar4 ul {
    margin: 0 20px;
}
.tca__navbar4 .nav > li > a {
    color: rgb(133, 194, 255);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-weight: 500;
    padding: 0 10px;
    line-height: 50px;
}
.tca__navbar4 .nav > li > a:hover, .tca__navbar4 .nav > li > a:focus, .tca__navbar4 .nav > li > a:active, .tca__navbar4 .nav > li.active > a {
    background-color: transparent;
    color: dodgerblue;
}
.tca__table {
    margin: 10px 0;
    font-size: 14px;
}
.tca__table li {
    font-size: 14px;
}
.tca__table th {
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: #637379;
    color: #87989e;
    text-transform: uppercase;
}
.tca__table th:hover {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.87);
}
.tca__table tr:hover {
    cursor: pointer;
}
.tca__table .table__header--sorted-ascending, .tca__table .table__header--sorted-descending {
    color: rgba(0, 0, 0, 0.87);
}
.tca__table .table__header--sorted-descending:before, .tca__table .table__header--sorted-ascending:before {
    font-family: 'Material Icons';
    font-size: 16px;
    line-height: 16px;
    content: "\e5d8";
    margin-right: 5px;
    vertical-align: sub;
}
.tca__table .table__header--sorted-descending:before {
    content: "\e5db";
}
.tca__table ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.tca__table.borderless {}
.tca__table.borderless td, .tca__table.borderless th {
    border: none;
}
.tca__table.table-hover > tbody > tr:hover {
    background-color: rgb(240, 247, 255);
}
.tca__table.table {}
.tca__table.table > tbody > tr > td, .tca__table.table > thead > tr > th {
    line-height: 1.2;
    padding: 5px 10px;
    height: 48px;
}
.tca__table.table-condensed {
    font-size: 12px;
}
.tca__table.table-condensed li {
    font-size: 12px;
}
.tca__table.table-condensed th {
    font-size: 11px;
}
.tca__table.table-condensed > tbody > tr > td, .tca__table.table-condensed > thead > tr > th {
    line-height: 1.2;
    padding: 5px;
    height: 40px;
}
.tca__table, .tca__table > tbody > tr > td, .tca__table > thead > tr > th {
    border: 1px solid #e6e8f0;
    vertical-align: middle;
    border-left: none;
    border-right: none;
}
.tca__table > tbody > tr:nth-of-type(odd) {
    background-color: rgb(250, 252, 255);
}
.tca__table--editable {}
.tca__table--editable tr:hover {
    cursor: context-menu;
}
.tca__table--pagination {
    margin: 10px 0 0;
}
.tca__table--pagination .material-icons {
    font-size: 17px;
    width: 17px;
}
.tca__table--pagination > li:last-child > a {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
.tca__table--pagination > li:first-child > a {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}
.tca__table--pagination [aria-label="First"] {
    padding-right: 8px;
}
.tca__table--pagination [aria-label="Last"] {
    padding-left: 8px;
}
.tca__table--pagination [aria-label="Previous"], .tca__table--pagination [aria-label="Next"] {
    padding-left: 5px;
    padding-right: 5px;
}
.tca__table--pagination > .active > a {
    color: white;
    background-color: dodgerblue;
    border-color: dodgerblue;
}
.tca__table--pagination > .active > a:hover {
    background-color: rgb(0, 115, 230);
}
.tca__table--pagination > li > a {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.87);
}
.tca__table--pagination > li > a:hover {
    background-color: rgb(240, 247, 255);
}
.tca__table--filter {}
.tca__table--filter .btn-group-sm > .btn, .tca__table--filter .input-group-sm > .form-control, .tca__table--filter .input-group-sm > .input-group-btn > .btn {
    font-size: 12px;
}
.tca__table.table-hover > tbody > tr.skipped-rows td {
    text-align: center;
    padding: 20px 5px 18px;
    height: 0;
    font-size: 12px;
}
.tca__table.table-hover > tbody > tr.skipped-rows td a {
    color: #637379;
}
.tca__table.table-hover > tbody > tr.skipped-rows td a:hover, .tca__table.table-hover > tbody > tr.skipped-rows td a:active {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
}
.tca__table.table-hover > tbody > tr.skipped-rows td .material-icons {
    font-size: 20px;
    color: #637379;
    margin: 0 10px 2px 0;
}
.tca__table.table-hover > tbody > tr.skipped-rows:hover {
    background-color: transparent;
    cursor: default;
}
.dropdown-toggle {
    text-align: left;
}
.dropdown-toggle .material-icons {
    float: right;
    font-size: 17px;
    margin-top: 1px;
}
.dropdown-toggle:hover, .dropdown-toggle.btn-default {
    background-color: transparent !important;
    box-shadow: none !important;
}
input, textarea, button {
    margin-top: 2px;
}
input.form-control, select.form-control, textarea.form-control, .pagination > li > a, .btn-default, .dropdown-toggle {
    margin-top: 2px;
    box-shadow: none;
    border-color: #ccced8;
    color: rgba(0, 0, 0, 0.87);
}
input.form-control:hover, select.form-control:hover, textarea.form-control:hover, .pagination > li > a:hover, .btn-default:hover, .dropdown-toggle:hover {
    border-color: rgb(146, 150, 171);
}
.radio, .checkbox {
    margin: 0 0 10px;
}
.radio label, .checkbox label {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.87);
    display: inline;
}
.radio small, .checkbox small {
    display: block;
    margin-left: 20px;
}
textarea.tca__textarea--5rows {
    height: 107px;
}
textarea.tca__textarea--8rows {
    height: 180px;
}
textarea.tca__textarea--12rows {
    height: 254px;
}
.form-group.non-editable {}
.form-group.non-editable p {
    border: 1px solid transparent;
    line-height: 34px;
}
.form-group.non-editable .btn {
    margin-top: 24px;
}
/* http://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
}
.btn {}
.btn.btn-sm {
    padding: 6px 12px;
    min-width: 50px;
}
.btn.btn-primary {
    background-color: dodgerblue;
    border-color: dodgerblue;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
    outline: none;
    background-color: rgb(0, 115, 230);
    border-color: rgb(0, 115, 230);
}
.btn.btn-default {
    background-color: white;
    border-color: #ccced8;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {
    outline: none;
    background-color: white;
    border-color: rgb(146, 150, 171);
}
.btn.btn-danger {
    color: white;
    background-color: rgb(214, 0, 0);
    border-color: rgb(214, 0, 0);
}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active {
    outline: none;
    background-color: rgb(189, 0, 0);
    border-color: rgb(189, 0, 0);
}
.tca__buttons--spacing {
    margin-top: 30px;
}
.tca__button--big {}
.tca__button--big.btn {
    min-width: 150px;
    border-radius: 100px;
    padding: 6px 20px;
    font-weight: 400;
    margin-left: 0;
}
.tca__button--big.btn + .btn {
    margin-left: 20px;
}
.progress-indicator {
    display: block;
    padding: 0;
}
.progress-indicator .headline {
    font-size: 15px;
    font-weight: 500;
}
.progress-indicator .date {
    position: absolute;
    left: -110px;
    font-size: 13px;
}
.progress-indicator > li {
    list-style: none;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, 0.87);
    padding: 5px 0 0 1px;
}
.progress-indicator > li a {
    padding-top: 5px;
    height: 100%;
    display: block;
}
.progress-indicator > li a:hover {
    background-color: rgb(240, 247, 255);
}
.progress-indicator > li .bubble {
    border-radius: 1000px;
    width: 12px;
    height: 12px;
    background-color: white;
    display: block;
    margin: 10px;
    border: 2px solid dodgerblue;
}
.progress-indicator > li .bubble:before, .progress-indicator > li .bubble:after {
    display: block;
    position: absolute;
    margin-top: 5px;
    width: 100%;
    height: 2px;
    content: '';
    background-color: dodgerblue;
}
.progress-indicator > li:last-child .bubble:before, .progress-indicator > li:last-child .bubble:after {
    background-color: transparent;
}
.progress-indicator > li:last-child {
    margin-top: 5px;
}
.progress-indicator > li:first-child {
    padding-top: 10px;
}
.progress-indicator > li:first-child a {
    margin-top: -5px;
}
.progress-indicator > li .bubble:before, .progress-indicator > li .bubble:after {
    left: 16px;
    width: 2px;
    height: 100%;
    top: 25px;
}
.progress-indicator .stacked-text {
    color: rgba(0, 0, 0, 0.87);
    position: relative;
    z-index: 10;
    top: -25px;
    margin-left: 150px;
    display: inline-block;
    text-align: left;
    line-height: 20px;
}
.progress-indicator .stacked-text p {
    margin-bottom: 0;
}
.progress-indicator .stacked-text ul {
    list-style: circle;
    margin-top: 10px;
    padding-left: 20px;
    font-size: 13px;
    line-height: 15px;
}
.progress-indicator .stacked-text ul li {
    float: left;
    padding-right: 40px;
}
.progress-indicator .skipped-rows .material-icons {
    font-size: 20px;
    color: #637379;
    margin: 0 10px 2px 0;
}
.progress-indicator .skipped-rows .headline {
    color: #637379;
    font-weight: 400 !important;
    font-size: 13px;
}
.progress-indicator .skipped-rows a:hover {
    background-color: transparent !important;
}
.progress-indicator .skipped-rows a:hover .headline {
    color: rgba(0, 0, 0, 0.87);
}
.progress-indicator.conversation {
    margin: 0 0 0 50%;
    padding: 0 30px 0 0;
    position: relative;
    left: -17px;
}
.progress-indicator.conversation > li:first-child a {
    margin-top: 0;
}
.progress-indicator.conversation .stacked-text {
    width: 100%;
    margin: 0 0 0 30px;
    top: -35px;
}
.progress-indicator.conversation a {
    padding: 10px 15px;
    color: rgba(0, 0, 0, 0.87);
}
.progress-indicator.conversation a:hover {
    background-color: rgb(240, 247, 255);
    text-decoration: none;
}
.progress-indicator.conversation .stacked-text.left {
    margin-left: -100%;
    text-align: right;
}
.progress-indicator.conversation > li {}
.progress-indicator.conversation > li:hover {
    //cursor: pointer;
    background-color: transparent;
}
.progress-indicator.conversation .date {
    position: initial;
}
.badge {
    font-size: 11px;
    font-weight: 500;
    background-color: #27ae60;
    vertical-align: text-bottom;
    padding: 4px 7px;
}
.typeahead__container .typeahead__cancel-button {
    background: transparent;
    top: 9px;
    right: 7px;
    font-family: 'Material Icons';
    font-size: 15px;
    opacity: .5 !important;
}
.typeahead__container .typeahead__cancel-button:before {
    content: "\E5CD";
}
.typeahead__container .typeahead__cancel-button:hover {
    opacity: .75 !important;
}
:invalid {
    box-shadow: none;
}
.invalid input:invalid, .invalid textarea:invalid, .invalid select:invalid {
    border: 1px solid rgb(255, 204, 204) !important;
    background-color: rgb(255, 229, 229);
}
.has-error input, .has-error textarea, .has-error select {
    border: 1px solid rgb(255, 204, 204) !important;
    background-color: rgb(255, 229, 229);
}
.avatar {
    display: block;
    padding: 10px 0 15px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    border: 1px solid #e6e8f0;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 55px;
    left: 15px;
}
.tca__navbar1 .avatar, .tca__navbar2 .avatar {
    width: 40px;
    height: 40px;
    top: -5px;
    left: -10px;
    vertical-align: top;
    position: relative;
    margin-left: 5px;
    padding: 0;
    border: none;
    display: inline-block;
}
.tca__navbar2 .avatar {
    margin-left: 10px;
    top: 0;
    left: 0;
}
.tca__content--simple .avatar.inline, .tca__content .avatar.inline, .tca__content .avatar.block {
    border-radius: 0;
    position: inherit;
    height: 107px;
    width: 107px;
    vertical-align: top;
    margin: 2px 10px 0 0;
    top: 0;
    left: 0;
    border: none;
    display: inline-block;
}
.tca__content .avatar.block {
    display: block;
    margin-bottom: 15px;
}

.tca__report-page {}

.tca__report-page .tca__include {
    margin-left: 30px;
    position: relative;
}

.tca__report-page .tca__include .checkbox {
    position: absolute;
    left: -30px;
    top: -10px;
}
.tca__content {
    background: white;
    min-height: 300px;
    padding: 15px 30px 40px;
    margin-bottom: 50px;
    min-width: 975px;
}
.tca__content section {
    padding-bottom: 40px;
}
.tca__content section:last-child {
    padding-bottom: 0;
}
.tca__content--simple {
    margin-top: 50px;
}
.tca__simple-page {
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.tca__simple-page .alert {
    margin-top: -20px;
    margin-bottom: 30px;
}
.tca__simple-page .form-control-feedback {
    top: 28px;
    right: 15px;
}
.tca__simple-page .profiles {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-left: 15px;
    margin-right: 15px;
}
.tca__simple-page .profiles .profile {
    min-height: 75px;
    padding: 0px 15px 15px 125px;
    width: 50%;
    position: relative;
}
.tca__simple-page .profiles ul {
    padding-left: 0;
}
.tca__simple-page .profiles ul li {
    list-style: none;
}
@media (min-width: 1200px) {
    .tca__simple-page .profiles .profile {
        width: 33.33333%;
    }
}

div.notifications {
    width: 100px;

    margin-top: 85px;
}

div.notification {
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    text-align: center;
}

div.unread {
  background: #f00
}

div.ca_due {
  background: #11e;
}

div.mt_due {
  background: #1c1;
}

ul.nav > li > div.notification {
    position: absolute;
    top: 7px;
    right:-7px;
    opacity: 0.7;
}

div.patient {
    cursor: pointer;
}

div.patient:hover {
    background-color: rgb(240, 247, 255);
}