#dt-specific-railFollowUp-content-template {
    text-align: right;
    padding-top: 11px;
    cursor: pointer;
}

#dt-specific-railFollowUp-content-template .filter-wrapper {
    font-size: 16px;
    padding-right: 10px;
    padding-left: 20px;
}

#dt-specific-railFollowUp-content-template .filter-label {
    padding-right: 5px;
}

div.railFollowUp-panel-counters-table .counter-icon {
    font-size: 18px;
}

div.railFollowUp-panel-counters-table {
    display: table;
    width:80%;
    table-layout:fixed;
}

div.railFollowUp-panel-counters-container {
    display: table-row;
    width:100%;
}

div.railFollowUp-panel-counter {
    text-align:center;
}

span.railFollowUp-panel-counter-value {
    font-size: 80px;
    line-height: 0.9;
}

span.railFollowUp-panel-counter-label {
    font-size: 16px;
}

.railFollowUp-panel-counter-decoration {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    border-bottom-style: solid;
    border-bottom-width:  2px;
    padding-top: 5px;
    transition: transform 0.5s ease-in-out, color 0.5s ease-in-out;
    -webkit-transition: transform 0.5s ease-in-out, color 0.5s ease-in-out; /** Chrome & Safari **/
    -moz-transition: transform 0.5s ease-in-out, color 0.5s ease-in-out; /** Firefox **/
    -o-transition: transform 0.5s ease-in-out, color 0.5s ease-in-out; /** Opera **/
}
.railFollowUp-panel-counter-decoration.future {
    border-bottom-color: #bf1e2d;
    transform: translate(0px,0);
    -webkit-transform: translate(0px,0); /** Chrome & Safari **/
    -o-transform: translate(0px,0); /** Opera **/
    -moz-transform: translate(0px,0); /** Firefox **/
}
.railFollowUp-panel-counter-decoration.active {
    border-bottom-color: #00aeef;
    transform: translate(calc(200%),0);
    -webkit-transform: translate(calc(200%),0); /** Chrome & Safari **/
    -o-transform: translate(calc(200%),0); /** Opera **/
    -moz-transform: translate(calc(200%),0); /** Firefox **/
}
.railFollowUp-panel-counter-decoration.past {
    border-bottom-color: #262262;
    transform: translate(calc(400%),0);
    -webkit-transform: translate(calc(400%),0); /** Chrome & Safari **/
    -o-transform: translate(calc(400%),0); /** Opera **/
    -moz-transform: translate(calc(400%),0); /** Firefox **/
}


#railFollowUps {
    width:100%!important;
    margin-bottom: 10px;
}

div.railFollowUp-table .dt-header {
    background-color: #e9e9e9;
}
div.railFollowUp-table .dt-header .dt-search-icon {
    padding-right: 6px;
    font-size: 18px;
    padding-top: 5px;
}
div.railFollowUp-table .dt-header #railFollowUps_filter {
    padding-top: 5px;
}
div.railFollowUp-table .dt-header #railFollowUps_filter label {
    float: left;
}
div.railFollowUp-table .dt-header #railFollowUps_filter .input-sm {
    width: 250px;
    border-radius: 0px;
    font-size: 14px;
    margin-top: -5px;
}

div.railFollowUp-table .dt-table-content {
    margin-top: 0px!important;
}

#railFollowUps th {
    font-weight: normal;
    color: #888888;
}

#railFollowUps td {
    border-top-style: dashed;
    padding: 4px 2px;
    vertical-align: middle;
}

div.railFollowUp-table .dt-footer {
    margin-top: 0px !important;
    text-align: center;
}
div.railFollowUp-table .dt-footer #railFollowUps_paginate {
    float:none !important;
}

div.railFollowUp-table .dt-footer #railFollowUps_paginate .pagination > li > a,
div.railFollowUp-table .dt-footer railFollowUps_paginate .pagination > li > span {
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
    width: 36px;
    color: #25AAE1;
    border-color: #25AAE1;
}

div.railFollowUp-table .dt-footer #railFollowUps_paginate .pagination > .active > a,
div.railFollowUp-table .dt-footer #railFollowUps_paginate .pagination > .active > a:hover {
    background-color: #25AAE1;
    border-color: #25AAE1;
    color: #ffffff;
}

div.railFollowUp-table .dt-footer #railFollowUps_paginate .pagination > .disabled > a,
div.railFollowUp-table .dt-footer #railFollowUps_paginate .pagination > .disabled > a:hover {
    background-color: transparent !important;
    border-color: #dddddd;
    color: #dddddd;
}

div.railFollowUp-table .dt-footer #railFollowUps_paginate .pagination > li > a:hover,
div.railFollowUp-table .dt-footer #railFollowUps_paginate .pagination > li > span:hover,
div.railFollowUp-table .dt-footer #railFollowUps_paginate .pagination > li > a:focus,
div.railFollowUp-table .dt-footer #railFollowUps_paginate .pagination > li > span:focus {
    background-color: #dcf4fe;
}

#railFollowUps .dt-previous-next {
    font-size:18px;
}

#railFollowUps > tbody > tr:hover {
    background-color: #f9f9f9;
}

.railFollowUp-device-icon {
    font-size: 30px;
}

.railFollowUp-device-icon-disabled {
    color: #888888;
}

.railFollowUp-device-column {
    text-align: center;
}

.rail-follow-up-timeline-navigation {
    width: 25px;
    display: inline-block;
    text-align: center;
    outline: none;
}

.rail-follow-up-right-timeline {
    margin-left: 5px;
    width: 8px;
}

engage-rail {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.dt-timeline-tasks {
    text-align: center;
}

.dt-fa-size-up {
    font-size: 24px;
}

.tasks-popup-modal .modal-content{
    max-height: 700px;
    overflow: auto;
}
.tasks-popup-modal .modal-dialog{
    margin-top: 100px;
}
h3.tasks-popup-title {
    text-align: center;
}
h4.tasks-popup-subtitle {
    text-align: center;
    color: #8c8c8c;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

.tasks-popup-section-title {
    font-style: italic;
}

.tasks-popup-modal .action-subsection-title {
    font-weight: bold;
}

.tasks-popup-list {
    padding: 10px 20px 20px 20px;
}

.tasks-popup-list .content-subtitle {
    color: #8c8c8c;
    font-size: 14px;
}

.task-container.container-fluid,
.task-container.container-fluid > div {
    padding: 0px !important;
}

.tasks-popup-subtitle .connection-type .railFollowUp-device-icon {
    font-size:20px;
}

.tasks-popup-subtitle .connection-type .engage-fa-slash {
    font-size:30px;
}

#contentFillerContainer {
    text-align: center;
}

#contentFillerFrame {
    width: 350px;
    height: 550px;
    border: 20px solid black;
    border-radius: 20px;
}

.force-action-button i {
    color: rgb(0,174,239);
}

.force-action-button {
    margin-top: 6px;
    margin-left: 15px;
    width: 30px;
    float: left;
}

.force-patient-popup {
    margin: 5px 20px 10px 20px;
    text-align: justify;
}

.force-patient-popup-text {
    font-style: italic;
}

.force-patient-popup > md-input-container {
    padding: 0px 15px 0px 15px;
    margin-top: 30px;
    margin-bottom: 0px;
    width: 100%;
}

.force-patient-popup md-input-container > label {
    margin-left: 15px;
}

.force-patient-popup-icon {
    margin-top: 25px;
    color: #E6007E;
}

.force-patient-popup-footer {
    margin-right: 20px;
    margin-bottom: 20px;
}