.todo-list-wrapper .todo-indicator, .todo-list-wrapper .todo-indicator-sch {
    position: absolute;
    width: 4px;
    height: 80%;
    border-radius: .3rem;
    left: .625rem;
    top: 10%;
    opacity: .9;
    transition: opacity .2s
}

.todo-list-wrapper .list-group-item:hover .todo-indicator, .todo-list-wrapper .list-group-item:hover .todo-indicator-sch {
    opacity: .9
}

.todo-list-wrapper .widget-check-container, .todo-list-wrapper .widget-check-container-sch {
    position: absolute;
    width: 4px;
    height: 60%;
    border-radius: .3rem;
    left: .1rem;
    top: 20%;
    opacity: .6;
    transition: opacity .2s;
    display: none;
}

.li-log-widget, .li-sch-widget {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px;
}

.todo-list-wrapper input[type="checkbox"] {
    width: 2rem;
    height: 2rem;
}

.todo-list-wrapper .custom-control,.todo-list-wrapper input[checkbox] {
    margin-left: .2rem
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:hover,a.badge-danger:focus {
    color: #fff;
    background-color: #dc3545
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:hover,a.badge-secondary:focus {
    color: #fff;
    background-color: #6c757d
}

.badge-primary {
    color: #fff;
    background-color: #2235a1
}

a.badge-primary:hover,a.badge-primary:focus {
    color: #fff;
    background-color: #2235a1
}

.badge-success {
    color: #fff;
    background-color: #198754
}

a.badge-success:hover,a.badge-success:focus {
    color: #fff;
    background-color: #198754
}

.badge-warning {
    color: #fff;
    background-color: #eb6315
}

a.badge-warning:hover,a.badge-warning:focus {
    color: #fff;
    background-color: #eb6315
}

.badge-dark {
    color: #fff;
    background-color: #212529
}

a.badge-dark:hover,a.badge-dark:focus {
    color: #fff;
    background-color: #212529
}

.badge-info {
    color: #fff;
    background-color: #2596ad
}

a.badge-info:hover,a.badge-info:focus {
    color: #fff;
    background-color: #2596ad
}

li.list-group-item:hover {
    background-color: #EFEFEF;
}

li.list-group-item:focus, li.list-group-item:active {
    background-color: #F3F4F5;
}

li.li-on-session {
    background-color: #FEEEEE;
}

li.li-on-cancelled {
    background-color: #F1F1F1;
}

.li-item-cloning {
    font-size: 2rem;
}

.widget-content {
    /* padding: 1rem; */
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.widget-content .widget-content-wrapper {
    display: flex;
    flex: 1;
    position: relative;
    align-items: center
}

.widget-content .widget-content-left {
    width: 100%;
    display: flex;
}

.widget-content .widget-content-left .widget-heading {
    opacity: 1;
    font-weight: 600;
    font-size: 2rem;
}

.widget-content .widget-content-left .widget-caption {
    opacity: .8;
    font-weight: 400
}

.widget-content .widget-content-left .widget-subheading {
    opacity: .7;
    display: flex;
}
.widget-content .widget-content-left .widget-subheading > span:last-child {
    display: inline-block;
    font-style: italic;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.widget-content .widget-content-right {
    margin-left: auto
}

.widget-content .widget-numbers {
    font-weight: 700;
    font-size: 1.8rem;
    display: block
}

.widget-content .widget-content-outer {
    display: flex;
    flex: 1;
    flex-direction: column
}

.widget-content .widget-progress-wrapper {
    margin-top: 1rem
}

.widget-content .widget-progress-wrapper .progress-sub-label {
    margin-top: .33333rem;
    opacity: .5;
    display: flex;
    align-content: center;
    align-items: center
}

.widget-content .widget-progress-wrapper .progress-sub-label .sub-label-right {
    margin-left: auto
}

.widget-content .widget-content-right.widget-content-actions {
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s
}

.widget-content:hover .widget-content-right.widget-content-actions {
    visibility: visible;
    opacity: 1
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
    margin-top: .5rem!important
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.scrollbar-container {
    overflow-y: auto;
    height: 500px;
}

.font-size-lg {
    font-size: 1.1rem!important
}

.font-size-xlg {
    font-size: 1.5rem!important
}

.font-weight-normal {
    font-weight: 400!important
}

span.span-elapsed {
    margin-left: 3px;
}

span.span-issue-title {
    font-weight: 600;
    margin-right: 10px;
}

span.span-badge-cloned {
    font-size: 1rem;
    border-radius: 5px;
    padding: 1px 3px;
    color: white;
    background: #1b5c95;
}

div.action-item-widget {
    display: none;
    align-items: flex-end;
    margin-top: 5px;
}

#btn_redo_onnew {
    display: none;
}

.card-header-title {
    display: flex;
    flex-flow: nowrap;
    height: 30px;
    align-items: center;
    font-size: 1.3rem;
}
.card-header-title > *:first-child {
    float:left;
}
.card-header-title > *:not(:first-child) {
    float: right;
    position: absolute;
    cursor: pointer;
}
.card-header-title > *:not(:first-child):active {
    color: #6c757d;
}

/* .card-header-title > i:nth-child(2) {
    right: 170px;
    display: none;
    color: #0d6efd;
} */
.card-header-title > *:nth-child(2) {
    right: 170px;
    display: none;
    color: #DFDFDF;
}
.card-header-title > *:nth-child(3) {
    right: 135px;
    display: none;
}
.card-header-title > i:nth-child(4) {
    right: 100px;
    color: #0d6efd;
}
.card-header-title > *:nth-child(5) {
    right: 65px;
    color: #8d593a;
}
.card-header-title > *:nth-child(6) {
    right: 65px;
    color: #8d593a;
}
.card-header-title > *:nth-child(7) {
    right: 30px;
}
.card-header-title .icon-badge-icon {
    font-size: 1.3rem;
    position: relative;
}
.card-header-title .icon-badge {
    background-color: #18a1df;
    font-size: 1rem;
    color: white;
    text-align: center;
    /* width: 1.1rem; */
    /* height: 1.1rem; */
    border-radius: 35%;
    position: absolute;
    padding: 0px 5px;
    top: -5px;
    left: 1rem;
}

.blur-all {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

.flickering {
    animation: flicker 0.7s infinite;
}

@keyframes flicker {
    0% {
        opacity: 0.8;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 0.8;
    }
}

#div_consult_container, #div_bioscan_container {
    display: none;
}

#div_bioscan_container > div {
    width: 100%;
}
#div_bioscan_container div {
    text-align: center;
    color: white !important;
}
#div_bioscan_container h4 {
    margin-top: 50px;
}
#btn_start_bioscan {
    margin-top: 30px !important;
}
#div_biosteps {
    display: none;
    margin-top: 20px;
}
#div_biosteps div.div-bio-step {
    text-align: left !important;
    width: 100%;
    padding: 30px 20px 10px 20px;
    opacity: 0;
}
div.div-bio-step > span {
    margin-left: 15px;
}

#a_session_info {
    color: #3e7fa7;
    font-size: 1rem;
    padding-bottom: 10px;
    font-weight: 600;
}
#sessionInfoWidget {
    z-index: 1150 !important;
}
#sessionInfoWidget .modal-content {
    color: white;
    background: #666;
}
#div_remain_session_info {
    display: none;
}
#a_remain_session_info {
    color: #dd6e2b;
    font-size: 1rem;
    padding-bottom: 10px;
}

#manageSessionWidget ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0) !important;
    width: 100%;
}
#manageSessionWidget li a {
    display: block;
    color: #db6f1f;
    padding: 8px 16px;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.4rem;
    border-bottom: 1px dashed #9b4118;
}
#manageSessionWidget li:last-child a {
    border-bottom: none;
}
#manageSessionWidget li a.active {
    background-color: #04AA6D;
    color: white;
}
#manageSessionWidget li a:hover:not(.active) {
    background-color: #e76a2f;
    color: white;
}
a.disabled-link {
    pointer-events: none;
    opacity: 0.4;
    color: gray;
    cursor: default;
}
#manageSessionWidget .modal-content {
    background: rgba(255, 255, 255, 0.7) !important;
    text-align: center;
}
#numbersWidget .modal-content {
    text-align: center;
}
#boostWidget .modal-content {
    text-align: center;
}
#div_numbers_consult {
    text-align: center;
}
#div_numbers_consult div:first-child, #div_numbers_consult div:nth-child(2) > select {
    color: #e96c26;
}
#div_numbers_consult div:first-child {
    margin-top: 2rem;
}
#div_numbers_consult div:nth-child(3), #div_numbers_consult div:nth-child(4) > select {
    color: #1b5c95;
}
#div_numbers_consult div:nth-child(3) {
    margin-top: 1rem;
}
#combo_numbers_10, #combo_duplication_numbers, #combo_repeat_numbers, #combo_boost_number {
    width: 110px;
    margin: 10px 0px;
    display: inline;
    text-align: center;
    text-align: -webkit-center;
}

.li-by-state-0 {
    background-color: #FFF;
}
.li-by-state-1 {
    background-color: #F6F0EB;
}
.li-by-state-1 .widget-heading {
    color: #9F6F33;
}
.li-by-state-2 {
    background-color: #F0F0F0;
}
.li-by-state-2 .widget-heading {
    color: #999;
}
.li-by-state-3 {
    background-color: #F5F5F5;
}
.li-by-state-3 .widget-heading {
    color: #666;
}
.li-need-to-rate {
    background-color: #ddeefd;
}
.li-need-to-rate:hover {
    background-color: #c8dff5 !important;
}

.btn-item-session > span {
    margin-left: 5px;
}

@media (min-width: 1024px) {
    .btn-item-session > span {
        margin-left: 10px;
    }
}

@media (max-width: 991px) {
    .btn-item-session > span {
        display: none;
    }
}

@media (max-width: 480px) {
    .div-buttons-in-rating {
        gap: 10px;
        display: flex;
        flex-direction: column;
    }
}

.spinner-border {
    display: inline-block !important;
}

#div_saying_contents {
    display: none;
}

#div_saying_contents div:first-child {
    text-align: center;
}
        
#div_saying_contents div:first-child span:first-child {
    color: green;
    font-weight: bold;
}

#div_saying_contents div:first-child span:last-child {
    color: blue;
    font-weight: 600;
}

#div_saying_contents div#p_saying_contents {
    word-wrap: break-word;
    /* white-space: normal; */
    max-height: 50vh;
    min-height: 150px;
    overflow: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
}
.div_dot_flashing {
    display: none;
}
.avatar-serenity {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border-color: #84b547;
    border-style: solid;
    border-width: 2px;
}
#btn_open_serenity_claimer {
    letter-spacing: 2px;
    font-size: 20px;
    font-family: sans-serif;
}

#btn_close_serenity_desc {
    /* display: none; */
    /* width: 100%; */
    letter-spacing: 5px;
    font-size: 20px;
    font-family: sans-serif;
}

.bi-sine-canvas.consulting {
    background: rgb(153 198 211 / 20%) !important
}

/* Smart Session Window */
#smartSessionWindow .modal-header {
    justify-content: start;
    gap: 20px;
    color: #207ab7;
}
#smartSessionWindow .avatar-serenity {
    width: 80px;
    height: 80px;
}
#smartSessionWindow .textarea-chat {
    vertical-align: middle;
    resize: none;
    min-height: 47px;
    max-height: 137px;
    width: 100%;
    /* margin-right: -18px; */
    overflow-y: auto;
    height: 120px;
    /* color: white; */
    background: transparent;
    border: solid 2px #207ab7;
    border-radius: 10px;
    padding: 1rem;
}
#div_slide_input_issue > div:first-child {
    padding: 10px 10px 20px 10px;
    font-size: 18px;
}
.div-user-chat {
    margin-bottom: 1rem;
    padding: 5px;
}
.div-serenity-subtitle span {
    text-align: center;
    font-size: 1.5rem;
    color: #20227d !important
}
  
.div-serenity-subtitle2 span {
    font-size: 1rem;
    color: #0a8d70 !important;
    margin-top: 0.5rem;
}

/*
* Microphone
******************************************************************************/

.mic {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background-color: #266c71;
    color: #fff;
    font-size: 2.6rem;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.25s;
}
  
.mic::before {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background-color: inherit;
    z-index: -1;
}
  
.listening {
    background-color: #20cbff;
    z-index: 1;
}
.listening::before {
    animation: listening 1.3s infinite;
    /* z-index: 99; */
}
  
@keyframes listening {
    from {
      opacity: 0.8;
    }
    to {
      transform: scale(2);
      opacity: 0;
    }
}