/* ========= treatment List ============= */

div.card-treatment {
    font-size: 16px;
}
div.card > div.card-title-treatment {
    font-size: 20px;
}

div.card-title-treatment > div.card-title-img {
    background-image: url("../../shared/assets/img/home_menu_treatment_nobg.svg");
    background-repeat: no-repeat;
}

div.card > div.card-title-treatment button {
    border-radius: 4px;
    float:right;
    color:white;
    background-color: rgb(0, 174, 239); /* @primary */
    border: none;
}

div.treatment-item div.treatment-indicator {
    padding-right:3%;
    width:10%;
}

div.treatment-item div.treatment-indicator > img {
    width:25px;
}

div.treatment-item div.treatment-action {
    float: right;
}

div.treatment-item div.treatment-action > img {
    width:30px;
}

div.treatment-item div.treatment-date {
    color:#aaaaaa;
    padding:5px;
}

div.treatment-item {
    display:table;
    border-bottom: 1px solid #e0e0e0;
    padding: 5px 0px;
    width: 100%;
}

div.treatment-item > div {
    display: table-cell;
    vertical-align: middle;
}

div.treatment-timeframe {
    border:1px solid rgb(0, 174, 239); /* @primary */
    background: white;
    color: rgb(0, 174, 239); /* @primary */
    padding: 2%;
    text-align: center;
    text-transform: uppercase;
    font-size:0.8em;
}

div.treatment-timeframe.active-timeframe {
    background: rgb(0, 174, 239); /* @primary */
    color: white !important;
}

div.treatment-item div.treatment-hours-container {
    padding-left: 10px;
    float: right;
    text-align: right;
}

div.treatment-item div.treatment-hours-container > div.treatment-hours {
    margin-right: 15px;
    display: inline-block;
}

div.treatment-item div.treatment-hours-container div {
    display: inline-block;
}

div.treatment-item div.treatment-hours {
    font-size: 18px;
    margin-top: 8px;
}

div.treatment-item div.treatment-administration-dosage {
    color:white;
    border-radius:999px;
    padding:.2em .4em;
}

div.treatment-item div.treatment-hours.treatment-completed > div.treatment-administration-dosage {
    background-color: #88C540;
}
div.treatment-item div.treatment-hours.treatment-completed {
    color:#8BC540;
}

div.treatment-item div.treatment-hours.treatment-completed-other-dose > div.treatment-administration-dosage {
    background-color: #ff9d2c;
    font-style:italic;
}
div.treatment-item div.treatment-hours.treatment-completed-other-dose {
    color:#ff9d2c;
}
div.treatment-item div.treatment-hours.treatment-not-completed > div.treatment-administration-dosage {
    background-color: #C0272D;
}
div.treatment-item div.treatment-hours.treatment-not-completed {
    color:#C0272D;
}

div.treatment-item div.treatment-hours.treatment-expired > div.treatment-administration-dosage {
    background-color: #aaaaaa;
}
div.treatment-item div.treatment-hours.treatment-expired {
    color:#aaaaaa;
}

div.treatment-item div.treatment-hours.treatment-planned > div.treatment-administration-dosage {
    background-color: rgb(0, 174, 239);
}
div.treatment-item div.treatment-hours.treatment-planned {
    color:rgb(0, 174, 239);
}

div.treatment-use-form {
    color:#aaaaaa;
}

div.treatment-day-separator {
    padding:4px;
    font-weight: bold;
}

div.treatment-section {
    margin-top: 5px;
    padding: 0px 5px;
}

div.treatment-detail {
    font-size: 20px;
    min-height: calc(100vh - 100px);
    padding:10px;
    text-align: center
}

div.treatment-detail > div.treatment-info > div.treatment-indicator > img {
    width: 45px;
}

div.treatment-info {
    display: table;
    width: 100%;
}

div.treatment-info > div{
    display: table-cell;
    vertical-align: middle;
}

div.treatment-info > div.treatment-indicator  {
    width: 45px;
}

div.treatment-detail >div.treatment-administration-dosage {
    margin-top: 25px;
    font-size: 36px;
}
div.treatment-detail >div.treatment-administration-hour {
    margin-top: 25px;
    font-size: 48px;
}

div.treatment-detail > div.treatment-administration-instructions {
    margin-top: 15px;
    font-size: 18px;
    padding: 5px;
    height: calc(100vh - 450px);
    overflow-y: auto;
}


div.treatment-detail-actions-container {
    font-size: 48px;
}

div.treatment-detail-actions-container .dt-cell {
    width: 33.33%
}

div.treatment-detail-actions-container > div.icons div.treatment-action-taken-other-dose {
    font-size: 24px;
}
div.treatment-detail-actions-container > div.icons div.treatment-action-taken-other-dose span.fa-stack {
    vertical-align: bottom;
}
div.treatment-detail-actions-container > div.captions {
    font-size: 16px;
}

div.treatment-action-taken {
    color:#8BC540;
}
div.treatment-action-taken-other-dose {
    color:rgb(0, 174, 239);
}
div.treatment-action-not-taken {
    color:#C0272D;
}

div.treatment-detail-actions-container-saving {
    position: absolute;
    width:100%;
    left:0;
    bottom:20px;
    height:90px;
    padding:15px 0px;;
    background-color: rgba(255,255,255,0.9);
    font-size: 36px;
}

div.treatment-list-new {
    text-align: center;
    padding: 5px;
    margin-bottom:7px;
    margin-top:5px;
}

div.treatment-list-new button{
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    color:white;
    background-color: rgb(0, 174, 239); /* @primary */
    border: none;
}


div.treatment-list div.treatment-item{
    display: flex;
    padding: 10px 5px;
}

div.treatment-list div.treatment-item div.treatment-content{
    width: 80%;
}

div.treatment-list div.treatment-chevron {
    width:48px;
    height:48px;
    float:right;
    background-image: url("../../shared/assets/img/next-thin-grey.svg");
    background-repeat: no-repeat;
}

div.treatment-drug-detail md-input-container {
    margin-bottom: 2px;
    margin-top: 14px;
}

div.treatment-drug-detail .md-errors-spacer {
    display: none;
}


div.treatment-drug-detail {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -10px;
    padding-bottom: 10px;
    font-size: 20px;
}

div.card-treatment i.delete-item {
    color: #C0272D;
    font-size: 25px;
}

div.treatment-drug-detail h3 {
    font-size: 22px;
    color: rgb(0, 174, 239); /* @primary */
}

div.treatment-drug-detail button.clickable{
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    color:white;
    background-color: rgb(0, 174, 239); /* @primary */
    border: none;
    margin: auto;
    display: block;
}

div.treatment-drug-detail button.clickable i{
    margin-right: 10px;
}

div.treatment-drug-detail div.frequency-detail md-input-container{
    margin: 10px 10px;
    display: inline-block;
}

div.treatment-drug-detail div.frequency-detail i.delete-item{
    font-size: 25px;
    float: right;
    margin-right: 10px;
    margin-top: 15px;
}

div.treatment-drug-detail div.frequency-detail {
    text-align: center;
}

.input-dose {
    max-width: 60px;
}

.input-heure {
    min-width: 70px;
    margin-left: 15px;
}


div.treatment-drug-detail div.treatment-saving {
    position:fixed;
    top:48px;
    left:0px;
    height:calc(100vh - 48px);
    width:100%;
    z-index:10;
    font-size: 25px;
    text-align: center;
    padding-top: calc(50vh - 50px);
    background-color: rgba(210, 210, 210, 0.2);
}
body.layout-landscape.mode-web div.treatment-drug-detail div.treatment-saving {
    top:4px;
    height:calc(100vh - 4px);
}
div.treatment-drug-detail  div.treatment-saving > div.spinner-container{
    background:white;
    width: 90%;
    min-height: 100px;
    padding: 40px 5px;
    margin:auto;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

div#treatment-detail-dose-popup-background {
    position:fixed;
    top:48px;
    left:0px;
    height:calc(100vh - 48px);
    width:100%;
    z-index:10;
    text-align: center;
    padding-top: calc(50vh - 125px);
    background-color: rgba(210, 210, 210, 0.2);
}
div#treatment-detail-dose-popup  {
    background:white;
    width: 90%;
    min-height: 100px;
    padding: 40px 5px;
    margin:auto;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    font-size: 18px;
}
body.layout-landscape.mode-web div#treatment-detail-dose-popup-background {
    top:4px;
    height:calc(100vh - 4px);
}
body.layout-landscape div#treatment-detail-dose-popup {
    width:400px;
    padding: 15px;
}

div#treatment-detail-dose-popup md-input-container label {
    text-align: left;
}
.sub-unit{
    width:55px;
}
.unit-separator{
    margin-top:25px;
}

body.layout-portrait  div.treatment-multi-validation {
    text-align: center;
}

div.treatment div.treatment-saving {
    position:fixed;
    top:48px;
    left:0px;
    height:calc(100vh - 48px);
    width:100%;
    z-index:10;
    font-size: 25px;
    text-align: center;
    padding-top: calc(50vh - 50px);
    background-color: rgba(210, 210, 210, 0.2);
}

body.layout-landscape.mode-web div.treatment div.treatment-saving {
    top:4px;
    height:calc(100vh - 4px);
}

div.treatment div.treatment-saving > div.spinner-container{
    background:white;
    width: 90%;
    min-height: 100px;
    padding: 40px 5px;
    margin:auto;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.treatment-infos-missing {
    color: red;
    text-align: center;
    margin: 15px 0;
}