/* dev */
#yii-debug-toolbar,
.breadcrumb,
.navbar-text.pull-right,
.navbar-fixed-top,
body > .footer,
h1 {
    display: none !important;
}
body > .wrap {
    padding: 0 0 60px 0;
    margin: 0;
}

body.ios > .wrap {
    padding-bottom: 14px;
}

body > .wrap > .container {
    padding: 0;
}

.wrap > .container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    width: 100%;
}
/* dev */

body {
    font-family: -apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;
    overflow: auto;
    -webkit-font-smoothing: antialiased;
}

a,
a:hover,
a:focus,
a:active,
a:hover:focus,
a:focus:active {
    color: inherit;
    text-decoration: none;
    outline: none;
}

input[type=radio]:focus,
input[type=radio]:active,
input[type=radio]:focus:active {
    border: none;
    box-shadow: none;
    outline: none;
}

input[type=time] {
    background-color: transparent !important;
    border: none !important;
    color: #000 !important;
}

input[type=time],
input[type=datetime-local] {
    width: 100%;
}

textarea {
    line-height: 1.3;
}

[disabled] {
    opacity: 0.3;
}

.no-border {
    border: none!important;
    background: none !important;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.spacer-vertical {
    margin-top: 30px;
}

/*  */

.button,
.button--large--cta,
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background: #1485DE;
    
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    border-color: #1485DE;
}

.button--outline {
    background-color: transparent;
    border: 1px solid #1485DE;
}

.button--outline,
.button--quiet {
    color: #1485DE;
}

.button--quiet {
    border-color: transparent;
    background-color: transparent;
}


.button--large--cta {
    width: 95%;
    margin: 0 auto;
}

.button.button--danger,
.button--large--cta.button--danger {
    background-color: #FF3B30;
    color: #fff;
}

.button--danger {
    color: #FF3B30;
}

.button--success {
    background: #21AB80;
}

.button--small {
    font-size: 12px;
    line-height: 1.5;
}


.flex-wrap {
    flex-wrap: wrap;
}

.patient .list-item__center,
.list-item__title {
    font-size: 16px;
}

.list-item__subtitle {
    color: #8E8E93;
    font-size: 14px;
    margin-top: 5px;
}

.list-item .list-item__feedback {
    padding: 0 4px;
    width: 100%;
}

.list-item__feedback .help-block:empty {
    display: none;
}

.list-item__feedback .hint-block,
.list-item__feedback .help-block {
    margin: 0;
}

.list-item .list-item__feedback,
.hint-block,
.help-block {
    font-size: 12px;
}

.list-item__feedback .help-block {
    color: #FF3B30;
}

.list-item__left--block .hint-block {
    padding-left: 4px;
}

/* temp removido */
/* .list-item.has-success::after {
    content:"\e013";
    color: #25BA3E;
    font-family: "Glyphicons Halflings";
    position: absolute;
    right: 12px;
    top: 24px;
}

.list-item.has-error::after {
    content:"\e014";
    color: #FF3B30;
    font-family: "Glyphicons Halflings";
    position: absolute;
    right: 12px;
    top: 25px;
} */

form .list-item__left {
    max-width: 100px;
    width: 30%;
}

form .list-item__field {
    width: 60%;
}

form .list-item__field .text-input {
    width: 100%;
}

.list-item__left--block {
    padding-bottom: 0;
    width: 100%;
}

.list-item__left--block + .list-item__field {
    padding-left: 4px;
    width: 90%;
}

form .list-item__left--is-radio {
    width: initial;
}

.radio-button__checkmark:after {
    opacity: .2;
}

form label {
    font-weight: 400;
}

.list-item__left--block {
    padding-top: 12px;
}

.list-item--has-list-children > .list-item__center {
    padding-bottom: 0;
    padding-right: 0;
}

.list-item--has-list-children.has-error > .list-item__center {
    padding-bottom: 12px;
}

.list-item--has-list-children > .list-item__center .list-item__left--block + .list-item__field {
    width: 100%;
}

.list-item--has-list-children > .list-item__center .list-item:last-child .list-item__center {
    background: none;
}

/* toolbar */

    .main-toolbar {
        background-color: #F9F9F9;
        background-color: rgba(249,249,249,1);
        position: fixed;
        height: auto;
        min-height: 44px;
    }

    .main-toolbar a,
    .main-toolbar button {
        /* font-size: 13px; */
    }

        body {
            background-color: #fff;
            padding-top: 44px;
        }

        .main-toolbar .toolbar__bottom {
            flex: 0 0 100%;
        }

    .y-toolbar-flex {
        display: flex;
    }

    .y-toolbar-flex .toolbar__left,
    .y-toolbar-flex .toolbar__right {
        flex-grow: 0;
        width: auto;
    }

    .toolbar__action-container--large {
        width: 100%;
    }

    .y-toolbar-flex .toolbar__center {
        flex-grow: 1;
        width: auto;
    }

    /** toolbar > segment **/

    .y-toolbar .y-segment {
        box-sizing: border-box;
        margin: 7px 12px;
        max-width: 100%;
        width: calc(100% - 24px);
    }

.y-list-item__label {
	color: #888;
    max-width: 9em;
    width: 35%;
}

.list-item__label {
    font-weight: normal;
    margin: 0;
}

.baseline-form .list > .list-item {
    padding-left: 0;
}

.baseline-form .list > .list-item > .list-item__center {
    padding-left: 14px;
}

.baseline-form .list > .list-item > .list-item__center .list-item {
    padding-left: 0;
}

.baseline-form .list > .list-item > .list-item__center .list-item__left {
    padding-right: 5px;
}

.baseline-form input[type=text],
.baseline-form input[type=number],
.baseline-form input::placeholder {
    color: #222;
    font-size: 14px;
}

@media only screen and (max-width: 540px) {
    .y-list-item__label {
        width: 35%;
    }
}

.y-list-item--block,
.y-list-item__block,
.y-list-item__label--block {
    max-width: 100%;
    width: 100%;
}

.y-list-item__label--block {
    font-size: 13px;
}

.list-header {
    background-color: #EFEFF4;
    background-image: none;
    color: #8E8E93;
    color: #9C9CB2;
}

.list .list {
    width: 100%;
}

.list .list [type=text] {
    padding-left: 25px;
}

/*  */
.list--view-note {
    background-image: none;
}

.list--view-note .list-item:last-child .y-list-item__label {
    display: none;
}
.list--view-note .list-item:last-child .y-list-item__value {
    font-size: 18px;
}
/*  */

.list i[class^=ion-] {
    font-size: 13px;
}

.list i[class^=ion-checkmark] {
    color: #007AFF;
}

.list i[class^=ion-help],
[data-status=is-sent] {
    color: #FF9500;
}

.list i[class^=ion-close] {
    color: #FF3B30;
}

.list--medication {
    background-image: none;
    min-height: 80vh;
}

.list-item--none {
    min-height: 30vh;
}

.list--medication,
.list-item--none,
.list-item--none .list-item__center {
    background-image: none;
}

.list-item--none .list-item__center {
    width: 100%;
}

.list-item--none__body {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 100%;
}

.list-item--none__body .icon-svg-embedded {
    margin: 30px auto;
    width: 60px;
}

.icon-svg-embedded > svg {
    display: block;
    height: auto;
    width: 100%;
}

.icon-svg-embedded > svg path {
    fill: #000;
}

.list--medication > .list-item {
    padding-left: 0;
}

.list--medication > .list-item > .list-item__center {
    padding-left: 14px;
}

/*  */
.card--chart {
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(69, 91, 99, 0.1);
}

.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.chart__header,
.chart__header__title,
.chart__header__subtitle {
    text-align: center;
}

.chart__header__title {
    font-size: 15px;
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    margin-top: 0;
}

.chart__header__subtitle {
    font-size: 12px;
    color: #78849E;
    font-weight: normal;
    margin-top: .65em;
}

.chart-keys {
    margin: 12px 0 24px 0;
    padding: 24px 0;
    border-bottom: 1px solid #F4F4F6;
    border-top: 1px solid #F4F4F6;
    text-align: left;
}

.chart-key-color,
.chart-key-label {
    display: inline-block;
}

.chart-key-color {
    height: 12px;
    width: 12px;
    border-radius: 4px;
    overflow: hidden;
}

.chart-key-label {
    color: #454F63;
    font-weight: normal;
    font-size: 18px;
    margin-right: 24px;
    margin-left: 4px;
}

.chart-keys_item {
    list-style: none;
    display: inline-block;
    text-wrap: nowrap;
    white-space: nowrap;
}

.patient .chart-keys {
    padding: 10px 0 16px 0;
}

.patient-charts .chart-keys--small {
    border: none;
    margin: 0;
    padding: 0;
}

.chart-keys--small .chart-key-label {
    font-size: 13px;
    position: relative;
    margin-right: 0;
    top: -1px;
}

.chart-keys--small .chart-keys_item {
    width: 32.333%;
    margin-top: 10px;
    margin-bottom: 0;
}

.bg-color-miss {
    background-color: #FF3B30;
}

.bg-color-took {
    background-color: #25BA3E;
}


.chart-canvas {
    position: relative;
}

.chart-x {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: left;
}

.chart-x__item {
    padding: 5px 0;
}

.chart-x__item::after {
    content: '';
    display: block;
    position: relative;
    height: 1px;
    background-color: #F4F4F6;
    margin-left: 20px;
    top: -10px;
}

.chart-y {
    margin-top: -15px;
    padding-left: 40px;
    width: 100%;
}

.chart-y__item,
.chart-data__item {
    margin: 10px 0;
    padding: 0 7px;
    width: 13%;
    position: relative;
    display: flex;
    height: calc(100% - 10px);
    justify-content: center;
}

.chart-data {
    position: absolute;
    top: 3px;
    left: 40px;
    bottom: 15px;
    width: calc(100% - 40px);
}

.chart-data__item {
    position: relative;
}

.data-item__miss,
.data-item__took {
    position: relative;
    background-color: red;
    align-self: flex-end;
    width: 48.5%;
    border-radius: 10em;
    position: relative;
    overflow: hidden;
    text-indent: 200%;
    max-width: 10px;
}

.data-item__miss {
    background-color: #78849E;
    background-color: #FF3B30;
    opacity: 1;
}
.data-item__took {
    background-color: #78849E;
    background-color: #25BA3E;
}

.data-item__miss + .data-item__took {
    margin-left: 1px;
}

.chart-x-caption,
.chart-y-caption {
    width: 100%;
    font-weight: 600;
}

.chart-x__item,
.chart-y__item,
.chart-x-caption,
.chart-y-caption {
    color: #78849E;
    font-size: 12px;
}

.chart-x-caption {
    padding-bottom: 10px;
    text-align: left;
}

.chart-y-caption {
    padding-top: 0;
    text-align: center;
}

.overview {
    text-align: center;
    width: 100%;
    margin-top: 24px;
}

.overview--bordered {
    border-bottom: 1px solid #F4F4F6;
    border-top: 1px solid #F4F4F6;
}

.overview th {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center;
    border-bottom: 1px solid #F4F4F6;
    border-top: 1px solid #F4F4F6;
    color: #000;
}

.overview td {
    color: #78849E;
    padding: 16px 0;
    width: 33.333%;
}

.overview td + td {
    border-left: 1px solid #F4F4F6;
}

.overview .value {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -1px;
}

.overview .caption {
    font-size: 14px;
}

.form--footer .button {
    margin-right: 1rem;
}

/*  */

.info-box {
    padding: 12px;
    font-size: 12px;
    color: #1485DE;
}

.info-box__content {
    position: relative;
    padding-left: 30px;
}

.info-box__icon {
    position: absolute;
    left: 0;
    top: 0;
}

.info-box__title {
    font-size: 1.15em;
    margin-bottom: .5em;
    margin-top: 0;
}

/*  */

.box {
    background-color: #fff;
    padding: 24px 12px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.box--no-border {
    border: none;
}

.box--chat {
    border-bottom: none;
    padding-bottom: 80px;
}

/*  */

.bg-color-1 {
    background-color: #EFEFF4;
    background-color: #F8F8F8;
}

/* quiz */

.quiz-title {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 0;
    text-align: center;
}

.form-question {
    font-size: 14px;
    margin-top: 2em;
}

.form-question--first {
    font-size: 18px;
    padding-top: 2em;
    margin-top: 2em;
    border-top: 1px solid #ddd;
}

.form-question--first .difcolor {
    /* color: #1485DE !important; */
    font-style: italic;
    color: #000 !important;
}

form .form-question--first:first-of-type {
    margin-top: 0;
}

/*.form-question .difcolor {
    font-style: italic !important;
}*/

/* chat */

.chat-messages:last-child {
    padding-bottom: 15px;
}

.ios .chat-messages:last-child {
    padding-bottom: 0;
}

.chat-msg {
    background-color: #EFEFF4;
    color: #000;
    padding: 8px 10px;
}

.chat-msg--user {
    background-color: #1485DE;
    color: #fff;
}

.chat-info {
    font-size: 12px;
}

.chat-text {
    font-size: 13px;
}

.chat-timestamp {
    color: #8E8E93;
    display: block;
    font-size: 11px;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-right: 8px;
}

.chat-message-editor {
    background-color: #fff;
    border-top: 1px solid #C8C7CC;
    padding: 12px 12px 64px 12px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

.ios .chat-message-editor {
    padding-bottom: 12px;
}

.chat-message-editor textarea:focus,
.chat-message-editor__input-group input:focus {
    border-color: #1485DE;
}

.chat-message-editor .form-group {
    margin: 0 58px 0 0;
}

.chat-msg,
.chat-message-editor textarea,
.chat-message-editor__input-group input,
.chat-message-editor .button--large--cta {
    border-radius: 8px;
}

.chat-message-editor .button--large--cta {
    position: absolute;
    top: 17px;
    border-radius: 50%;
    right: 18px;
    width: 44px;
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    transition: all .2s ease-in-out;
}

.chat-message-editor .button--large--cta[disabled] {
    background-color: #999;
    box-shadow: 0 0 0 rgba(0,0,0,.2);
}

.alert {
    border-radius: 0;
    margin: 0;
}