.tag {
    display: inline-block;
    font-size: 14px;
    line-height: 24.5px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    width: 48px;
    background: #F95B45 0% 0% no-repeat padding-box;
    border-radius: 4px;
    margin: 0 3px;
}

.tag-danger {
    background-color: #F95B45;
}

.tag-default {
    background-color: #78909C;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-text.help-text {
    word-break: break-all;
}

.text-muted {
    color: #78909C !important;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #546E7A;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(184,192,197,1);
    overflow: hidden;
    border-radius: 6px;
    height: auto;
}

#sma-form-page h1,
#sma-form-page h2,
#sma-form-page h3,
#sma-form-page h4,
#sma-form-page h5,
#sma-form-page h6 {
    text-rendering: optimizeLegibility;
    margin: 0;
    margin-bottom: 8px;
    line-height: 150%;
}

#sma-form-page h3 {
    font-size: 24px;
}

#sma-form-page {
    color: #777777;
    letter-spacing: 0px;
    font-size: 1rem;
}

#sma-form-page ul.inline-list {
    padding: 0;
    list-style: none;
}

#sma-form-page ul.inline-list li {
    display: inline-block;
    margin-right: 12px;
}

#sma-form-page .img-preview {
    display: block;
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.page-patient-edit .img-preview.img-preview--edit {
    height: 200px;
    margin-bottom: 1rem;
}

#sma-form-page .img-preview img {
    max-width: 100%;
}

#error-message {
    display: none;
}

.sma-page-title {
    background: transparent;
    height: 160px;
}

.sma-page-title h2 {
    font: normal normal bold 30px/34px Noto Sans CJK JP;
    letter-spacing: 0px;
    font-weight: 700;
    color: #000000;
}

.sma-page-sub-title {
    margin-top: 44px;
    font: normal normal medium 16px/28px Noto Sans CJK JP;
    letter-spacing: 0px;
    color: #777777;
}

.sma-divider {
    width: 167px;
    height: 0px;
    margin: 32px auto;
}

#sma-form-elements .has-danger .form-radio-field,
#sma-form-elements .has-danger .form-checkbox-field {
    border-color: #dc3545;
}

#sma-form-elements .has-success .form-radio-field,
#sma-form-elements .has-success .form-checkbox-field {
    border-color: #28a745;
}

#sma-form-elements .sma-form-section {
    border-top: 1px solid #CFD8DC;
    padding-bottom: 4px;
    padding-top: 32px;
    margin-top: 32px;
}

#sma-form-elements .sma-form-section .title {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #777777;
    margin: 0;
}

#sma-form-elements .sma-form-content {
    max-width: 640px;
    margin: 0 auto;
    padding: 44px;
    padding-top: 0;
}

#sma-form-elements .sma-date-dropdown .date-dropdown-select {
    display: flex;
    justify-content: space-between;
}

#sma-form-elements .sma-date-dropdown .date-dropdown-select label {
    padding: 8px 10px 0;
    margin: 0;
}


/* Checkbox style */
#sma-form-elements .has-success .form-checkbox-field {
    border-color: #5cb85c
}

#sma-form-elements .has-danger .form-radio-field,
#sma-form-elements .has-danger .form-checkbox-field {
    border-color: #d9534f
}

#sma-form-elements .sma-select-button {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 8px;
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    word-break: break-all
}

#sma-form-elements .sma-select-button .option-text {
    word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word
}

#sma-form-elements .sma-select-button input {
    margin-right: 8px;
    display: inline-block
}

/* #sma-form-elements .sma-button {
    color: #fff;
    padding: 8px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    font-weight: bold
} */

/* #sma-form-elements .sma-button.button-block {
    display: block
} */

/* Radio button style */
#sma-form-elements .sma-radiobutton {
    display: flex;
    align-items: center;
}

#sma-form-elements .sma-radiobutton input[type="radio"] {
    visibility: hidden;
    position: absolute;
}

#sma-form-elements .sma-radiobutton input[type="radio"]+.box {
    border-radius: 20px;
    margin-right: 8px;
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
    transition: all 0.25s ease;
    transform: scale(1);
    border: 1px solid #C1CAD5;
    float: left;
}

#sma-form-elements .sma-radiobutton input[type="radio"]+.box:after {
    content: "";
    transform: scale(0);
    transition: all 0.25s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 90%;
    background-position: 50% 50%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+bWFpbC1zZW5kIGNvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iSUNPTiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Im1haWwtc2VuZC1jb3B5IiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0zIiBjeD0iNTAiIGN5PSI1MCIgcj0iMzYiPjwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

#sma-form-elements .sma-radiobutton input[type="radio"]:checked+.box:after {
    transform: scale(1);
}

#sma-form-elements .sma-radiobutton input[type="radio"]:checked+.box {
    border: 1px solid #43BE97;
    background-color: #43BE97;
}

/* Checkbox style */
#sma-form-elements .sma-checkbox input[type="checkbox"] {
    visibility: hidden;
    position: absolute
}

#sma-form-elements .sma-checkbox input[type="checkbox"]+.box {
    margin-right: 8px;
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid #90A4AE
}

#sma-form-elements .sma-checkbox input[type="checkbox"]+.box:after {
    content: "";
    transform: scale(0);
    transition: all 0.25s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position: 50% 50%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Y2hlY2ttYXJrPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IklDT04iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJjaGVja21hcmsiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iQ2hlY2ttYXJrIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS4wMDAwMDAsIDIyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkxheWVyXzEiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03MS4yOTY3MDAxLDEuMzM2Njg5NzQgTDIyLjgzNTE2MTYsNTAuNTI1ODc4OSBMMjguMjQxNzYxNCw1MC41MjU4Nzg5IEw2LjcwMzI5OTkxLDI4LjY2NDAxNzEgQzUuMjMyMzk0MjYsMjcuMTcxMDI1OCAyLjgyOTY4MTA1LDI3LjE1MzEyMTggMS4zMzY2ODk3NCwyOC42MjQwMjc0IEMtMC4xNTYzMDE1NzUsMzAuMDk0OTMzMSAtMC4xNzQyMDU1NDksMzIuNDk3NjQ2MyAxLjI5NjcwMDA5LDMzLjk5MDYzNzYgTDIyLjgzNTE2MTYsNTUuODUyNDk5NSBDMjQuMzIxNTkxNiw1Ny4zNjEyNDgyIDI2Ljc1NTMzMTUsNTcuMzYxMjQ4MiAyOC4yNDE3NjE0LDU1Ljg1MjQ5OTUgTDc2LjcwMzI5OTksNi42NjMzMTAyNiBDNzguMTc0MjA1NSw1LjE3MDMxODk1IDc4LjE1NjMwMTYsMi43Njc2MDU3NCA3Ni42NjMzMTAzLDEuMjk2NzAwMDkgQzc1LjE3MDMxOSwtMC4xNzQyMDU1NDkgNzIuNzY3NjA1NywtMC4xNTYzMDE1NzUgNzEuMjk2NzAwMSwxLjMzNjY4OTc0IEw3MS4yOTY3MDAxLDEuMzM2Njg5NzQgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
}

#sma-form-elements .sma-checkbox input[type="checkbox"]:checked+.box {
    border: 1px solid #43BE97;
    background-color: #43BE97;
}

#sma-form-elements .sma-checkbox input[type="checkbox"]:checked+.box:after {
    transform: scale(1)
}

/* File style */
.file-limit-explanation {
    color: #acacac;
}

/* Button style */
.sma-btn {
    background-color: #ddd;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.25em 0.25em;
    font-size: 14px;
    line-height: 150%;
    border-radius: 4px;
}

.sma-btn.sma-btn-block {
    display: block;
    width: 100%;
}

.sma-btn.sma-btn-lg {
    padding: 0.25em 0.25em;
    font-size: 20px;
    line-height: 150%;
    border-radius: 4px;
}

.sma-submit-btn {
    border-color: #D0BEB1;
    background-color: #D0BEB1;
    color: #FFFFFF;
}

.sma-submit-btn:hover {
    color: #FFFFFF;
}

.text-wrap-break {
    word-break: break-word;
    white-space: break-spaces;
}