.active-list-color-today {
    color:#bf1e2d;
}
.active-list-color-tomorrow {
    color:#00aeef;
}
.active-list-color-future {
    color:#262262;
}

.active-list-color-today .category-color {
    color:#bf1e2d;
}
.active-list-color-tomorrow .category-color {
    color:#00aeef;
}
.active-list-color-future .category-color {
    color:#262262;
}

.active-list-color-red, .active-list-color-red .category-color {
    color:#bf1e2d;
}
.active-list-color-orange, .active-list-color-orange .category-color {
    color:#f7941e;
}
.active-list-color-blue, .active-list-color-blue .category-color {
    color:#00aeef;
}
.active-list-color-darkblue, .active-list-color-darkblue .category-color {
    color:#262262;
}

.active-list-completion-img {
    width: 200px;
}

.active-list-center {
    text-align: center;
}

.active-list-gap-icon  {
    font-size: 30px;
}

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

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

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

div.activeList-panel-counter {
    text-align:center;
    outline: none;
}

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

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

.activeList-panel-counter-decoration, .activeList-panel-counter-parametrable-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 **/
}
.activeList-panel-counter-decoration.today {
    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 **/
}
.activeList-panel-counter-decoration.tomorrow {
    border-bottom-color: #00aeef;
    transform: translate(200%,0);
    -webkit-transform: translate(calc(200%),0); /** Chrome & Safari **/
    -o-transform: translate(calc(200%),0); /** Opera **/
    -moz-transform: translate(calc(200%),0); /** Firefox **/
}
.activeList-panel-counter-decoration.future {
    border-bottom-color: #262262;
    transform: translate(400%,0);
    -webkit-transform: translate(calc(400%),0); /** Chrome & Safari **/
    -o-transform: translate(calc(400%),0); /** Opera **/
    -moz-transform: translate(calc(400%),0); /** Firefox **/
}

.activeList-panel-counter-parametrable-decoration.today {
    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 **/
}
.activeList-panel-counter-parametrable-decoration.tomorrow {
    border-bottom-color: #f7941e;
    transform: translate(200%,0);
    -webkit-transform: translate(calc(200%),0); /** Chrome & Safari **/
    -o-transform: translate(calc(200%),0); /** Opera **/
    -moz-transform: translate(calc(200%),0); /** Firefox **/
}
.activeList-panel-counter-parametrable-decoration.twodays {
    border-bottom-color: #00aeef;
    transform: translate(400%,0);
    -webkit-transform: translate(calc(400%),0); /** Chrome & Safari **/
    -o-transform: translate(calc(400%),0); /** Opera **/
    -moz-transform: translate(calc(400%),0); /** Firefox **/
}
.activeList-panel-counter-parametrable-decoration.future {
    border-bottom-color: #262262;
    transform: translate(600%,0);
    -webkit-transform: translate(calc(600%),0); /** Chrome & Safari **/
    -o-transform: translate(calc(600%),0); /** Opera **/
    -moz-transform: translate(calc(600%),0); /** Firefox **/
}


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

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

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

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

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

div.activeList-table .dt-footer {
    margin-top: 0px !important;
    text-align: center;
}
div.activeList-table .dt-footer #activeList_paginate,
div.activeList-table .dataTables_paginate {
    float:none !important;
}

div.activeList-table .dt-footer #activeList_paginate .pagination > li > a:not(.first):not(.last),
div.activeList-table .dt-footer activeLists_paginate .pagination > li > span:not(.first):not(.last),
div.activeList-table .dataTables_paginate .pagination > li > a:not(.first):not(.last),
div.activeList-table .dataTables_paginate .pagination > li > span:not(.first):not(.last){
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
    width: 36px;
    color: #25AAE1;
    border-color: #25AAE1;
}

div.activeList-table .dt-footer #activeList_paginate .pagination > .active > a:not(.first):not(.last),
div.activeList-table .dt-footer #activeList_paginate .pagination > .active > a:not(.first):not(.last):hover,
div.activeList-table .dataTables_paginate .pagination > .active > a:not(.first):not(.last),
div.activeList-table .dataTables_paginate .pagination > .active > a:not(.first):not(.last):hover{
    background-color: #25AAE1;
    border-color: #25AAE1;
    color: #ffffff;
}

div.activeList-table .dt-footer #activeList_paginate .pagination > .disabled > a:not(.first):not(.last),
div.activeList-table .dt-footer #activeList_paginate .pagination > .disabled > a:not(.first):not(.last):hover,
div.activeList-table .dataTables_paginate .pagination > .disabled > a:not(.first):not(.last),
div.activeList-table .dataTables_paginate .pagination > .disabled > a:not(.first):not(.last):hover{
    background-color: transparent !important;
    border-color: #dddddd;
    color: #dddddd;
}

div.activeList-table .dt-footer #activeList_paginate .pagination > li > a:not(.first):not(.last):hover,
div.activeList-table .dt-footer #activeList_paginate .pagination > li > span:not(.first):not(.last):hover,
div.activeList-table .dt-footer #activeList_paginate .pagination > li > a:not(.first):not(.last):focus,
div.activeList-table .dt-footer #activeList_paginate .pagination > li > span:not(.first):not(.last):focus,
div.activeList-table .dataTables_paginate .pagination > li > a:not(.first):not(.last):hover,
div.activeList-table .dataTables_paginate .pagination > li > span:not(.first):not(.last):hover,
div.activeList-table .dataTables_paginate .pagination > li > a:not(.first):not(.last):focus,
div.activeList-table .dataTables_paginate .pagination > li > span:not(.first):not(.last):focus{
    background-color: #dcf4fe;
}


div.activeList-table .dt-footer #activeList_paginate .pagination > li > a.first,
div.activeList-table .dt-footer #activeList_paginate .pagination > li > a.last,
div.activeList-table .dt-footer #activeList_paginate .pagination > li > span.first,
div.activeList-table .dt-footer #activeList_paginate .pagination > li > span.last,
div.activeList-table .dataTables_paginate .pagination > li > a.first,
div.activeList-table .dataTables_paginate .pagination > li > a.last,
div.activeList-table .dataTables_paginate .pagination > li > span.first,
div.activeList-table .dataTables_paginate .pagination > li > span.last {
    color: #25AAE1;
    border: none;
    background-color: transparent !important;
}

div.activeList-table .dt-footer #activeList_paginate .pagination > .active > a.first,
div.activeList-table .dt-footer #activeList_paginate .pagination > .active > a.last,
div.activeList-table .dt-footer #activeList_paginate .pagination > .active > span.first,
div.activeList-table .dt-footer #activeList_paginate .pagination > .active > span.last,
div.activeList-table .dataTables_paginate .pagination > .active > a.first,
div.activeList-table .dataTables_paginate .pagination > .active > a.last,
div.activeList-table .dataTables_paginate .pagination > .active > span.first,
div.activeList-table .dataTables_paginate .pagination > .active > span.last {
    text-decoration: underline;
}

div.activeList-table .dt-footer #activeList_paginate .pagination > .disabled > a.first,
div.activeList-table .dt-footer #activeList_paginate .pagination > .disabled > a.last,
div.activeList-table .dt-footer #activeList_paginate .pagination > .disabled > span.first,
div.activeList-table .dt-footer #activeList_paginate .pagination > .disabled > span.last,
div.activeList-table .dataTables_paginate .pagination > .disabled > a.first,
div.activeList-table .dataTables_paginate .pagination > .disabled > a.last,
div.activeList-table .dataTables_paginate .pagination > .disabled > span.first,
div.activeList-table .dataTables_paginate .pagination > .disabled > span.last{
    color: #dddddd;
}


div.activeList-table .dt-footer #activeList_paginate .pagination > li:not(.disabled) > a.first:hover,
div.activeList-table .dt-footer #activeList_paginate .pagination > li:not(.disabled) > a.last:hover,
div.activeList-table .dt-footer #activeList_paginate .pagination > li:not(.disabled) > span.first:hover,
div.activeList-table .dt-footer #activeList_paginate .pagination > li:not(.disabled) > span.last:hover,
div.activeList-table .dataTables_paginate .pagination > li:not(.disabled) > a.first:hover,
div.activeList-table .dataTables_paginate .pagination > li:not(.disabled) > a.last:hover,
div.activeList-table .dataTables_paginate .pagination > li:not(.disabled) > span.first:hover,
div.activeList-table .dataTables_paginate .pagination > li:not(.disabled) > span.last:hover {
    font-weight: bold;
}



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

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

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

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

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

.activeList-stack {
    width: auto;
}

.activeList-stack-checked-flag {
    top: 5px;
}

.activeList-alert-popover {
    max-width: 600px;
    text-align: center;
    padding-bottom: 10px;
    min-width: 450px;
}


.activeList-completion-popover {
    max-width: 600px;
    text-align: center;
    padding-bottom: 3px;
    min-width: 150px;
}

.activeList-completion-popover ul {
    text-align: left;
	color: black;
}

.activeList-alert-detail-blue-content {
    text-align: left;
    color: black;
    background-color: #e2f3fb;
    width: 90%;
    padding: 10px 20px;
    margin-left:auto;
    margin-right:auto;
}

.activeList-alert-detail-content {
    text-align: left;
    color: black;
    background-color: #f2f2f2;
    width: 90%;
    padding: 10px 20px;
    margin-left:auto;
    margin-right:auto;
}

.activeList-alert-detail-title {
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
	color: red;
}

.activeList-alert-detail-first-title {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
}

.activeList-alert-reason-detail {
    padding-bottom: 5px;
}

.activeList-alert-reason-container {
    padding-left: 20px;
    margin-bottom: 0px;
    list-style: square;
}

.alert-popover-emphasis {
    font-weight: bold;
}

span.follow-up-visit-time.editable{
    cursor: pointer;
    color: #25AAE1;
}

span.follow-up-visit-time.editable:hover{
    text-decoration: underline;
}

div.modal-visit-time div.visit-time-section-title {
    color: #25AAE1;
    font-size: larger;
}

div.modal-visit-time .save-success {
    color: #39b54a;
}

div.modal-visit-time .save-error {
    color: #ef3e36;
}

#modalForScenarioComments {
    text-align: left;
}

.administrative-status-icon {
    font-size: 30px;
    line-height: 30px;
}

div.ticket-modal div.modal-content{
    padding: 5px 10px;
    width: 1000px;
    max-height: calc(100vh - 65px);
    overflow: auto;
}

div.ticket-modal .modal-dialog {
    width: 1000px;
}

div.ticket-modal h1#ticket-num {
    font-size: 96px;
    text-align: center;
    letter-spacing: 12px;
}

div.ticket-modal div.current-queue {
    text-align: center;
    font-size: 22px;
}

div.ticket-modal h3.engage-custom {
    margin-top: 10px;
}

div.ticket-modal div.ticket-actions > button.md-button {
    min-width: 200px;
}

div.ticket-modal div.ticket-actions > button.md-button.delete {
    min-width: 100px;
    background-color: red;
}
div.ticket-modal div.ticket-actions > button.md-button.delete:hover {
    background-color: rgb(229,0 ,0);
}

div.ticket-modal div.ticket-actions > div > button.md-button {
    max-height: 36px;
    margin-top: 15px;
    min-width: 200px;
}

div.ticket-modal div#loading-banner {
    text-align: center;
    min-height: 150px;
    font-size: 20px;
    padding-top: 50px;
    line-height: 30px;
}

div.ticket-modal div#loading-banner i {
    font-size: 36px;
    color: #25AAE1;
}

div.ticket-modal div.actions-loading-banner {
    text-align: center;
    min-height: 100px;
    font-size: 20px;
    padding-top: 25px;
    line-height: 30px;
}

div.ticket-modal div.actions-loading-banner i {
    font-size: 36px;
    color: #25AAE1;
}

div.ticket-modal table.ticket-history {
    width: 100%;
}

div.ticket-modal table.ticket-history th {
    text-align: center;
}

div.ticket-modal table.ticket-history td {
    padding: 2px 4px;
}

div.ticket-modal table.ticket-history tr:not(:last-child) {
    border-bottom: 1px dashed #eeeeee;
}

div#eligibility-popup div.patient-menu-identity {
    margin-left: 0px;
    margin-right: 0px
}

div.adminRequest div.refresh-button {
    font-size: 24px;
    text-align: right;
    color: #3FA9F5;
    margin-bottom: -50px;
    width: 100%;
}

div.ticket-gauge-container {
    background-color: rgb(231, 235, 236);
    border: 1px solid #dad5d5;
    border-radius: 3px;
    border-collapse: collapse;
}

div.ticket-gauge-container > div {
    float:left;
    margin: 0;
    border-collapse: collapse;
    height: 24px;
    cursor: pointer;
}
div.ticket-gauge-container::after {
    clear:both;
  display: block;
    content:"";
}

div.ticket-gauge-container > div.with-ticket {
    background-color: #399a09;
    color: white;
}

div.ticket-gauge-container > div.without-ticket {
    background-color: #def7d2;
    border-right: solid 2px #444;
    color: #399a09;
}

div.ticket-gauge-container > div.future {
    background-color: rgb(231, 235, 236);
    color: black;
}

.progress-pread-one divdiv.md-mode-determinate {
    border: 1px solid #F8696B;
    background-color: transparent;
}
.progress-pread-one divdiv.md-mode-determinate div.md-bar {
    background-color: #F8696B;
}

.progress-pread-two div.md-mode-determinate {
    border: 1px solid #FA9D75;
    background-color: transparent;
}
.progress-pread-two div.md-mode-determinate div.md-bar {
    background-color: #FA9D75;
}

.progress-pread-three div.md-mode-determinate {
    border: 1px solid #FDD17F;
    background-color: transparent;
}
.progress-pread-three div.md-mode-determinate div.md-bar {
    background-color: #FDD17F;
}

.progress-pread-four div.md-mode-determinate {
    border: 1px solid #E0E383;
    background-color: transparent;
}
.progress-pread-four div.md-mode-determinate div.md-bar {
    background-color: #E0E383;
}

.progress-pread-five div.md-mode-determinate {
    border: 1px solid #A2D07F;
    background-color: transparent;
}
.progress-pread-five div.md-mode-determinate div.md-bar {
    background-color: #A2D07F;
}

.progress-pread-six div.md-mode-determinate {
    border: 1px solid #63BE7B;
    background-color: transparent;
}
.progress-pread-six div.md-mode-determinate div.md-bar {
    background-color: #63BE7B;
}

.green-check {
    color: #63BE7B;
}

.completion-closure-warning {
    font-style: italic;
    color: red;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.completion-already-done {
    text-align: center;
    font-style: italic;
    margin: 15px;
}

.validation-admin-completion-check {
    text-align: center;
    font-size: 12px;
}

.validation-admin-completion-check > i {
    font-size: 17px;
    padding-right: 4px;
}

div.validation-admin-completion-button {
    text-align: center;
}

div.validation-admin-completion-button > div.md-button.md-primary.md-raised {
    font-size: 11px;
}

div.currentlyChecking {
    color: #25aae1;
    width: 100%;
}

.active-list-criteria-panel {
	margin-left: 200px;
}

.active-list-criteria-subtitle {
	margin-top: -10px;
}

.active-list-criteria-fields.row {
    text-align: left;
    margin: 0px;
}

.active-list-criteria-fields div {
    padding: 5px 0px;
}

.active-list-criteria-fields label {
    font-weight: normal;
    padding-left: 10px;
}

.filter-item {
	padding-left: 5px;
}

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

div.activeList-criteria-panel-counters-table {
    display: table;
    table-layout:fixed;
	margin-left : 200px;
	width: calc(100% - 200px);
}

div.activeList-criteria-panel-counters-table div {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

div.activeList-criteria-panel-counters-table div.activeList-panel-counter {
	text-align: left;
}

div.activeList-criteria-panel-counters-table div.activeList-panel-counter div {
	text-align: center;
}

div.activeList-criteria-panel-counters-table div.activeList-panel-criteria {
	text-align: right;
	white-space: break-spaces;
}

#dt-specific-activeList-content-template div.refresh-button {
    font-size: 18px;
	text-align: right;
    color: #3FA9F5;
    width: 100%;
}
