@charset "UTF-8";

@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Asap Regular'), local('Asap-Regular'), url(asap/KFOoCniXp96ayzUe4HRO.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Asap Regular'), local('Asap-Regular'), url(asap/KFOoCniXp96ayzse4A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Asap Medium'), local('Asap-Medium'), url(asap/KFOnCniXp96aw8g99UVvBg88.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Asap Medium'), local('Asap-Medium'), url(asap/KFOnCniXp96aw8g99UtvBg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Asap SemiBold'), local('Asap-SemiBold'), url(asap/KFOnCniXp96aw-Q69UVvBg88.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Asap SemiBold'), local('Asap-SemiBold'), url(asap/KFOnCniXp96aw-Q69UtvBg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.screen-center-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    text-align: center;
    z-index: 10000;
}

.screen-center {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10000;
}

.screen-center>* {
    margin: 0 auto;
}

.masterdata.export {
    padding-top: 30px;
    position: relative;
}

.exportlinks {
    font-weight: 500;
    position: absolute;
    text-align: center;
    top: 5px;
}

#changelog h4 {
    padding: 10px 0px 5px;
    font-size: 100%;
}

#changelog ul {
    padding: 0 10px;
}

/*
 * Feedback form
 */
#feedback-container {
    position: relative;
}

#feedback {
    width: 370px;
}

#feedback label * {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

#feedback textarea {
    width: 300px;
    height: 100px;
}

tbody.admin {
    box-shadow: inset 1px 1px 3px red !important;
}

.admin,tr.admin td {
    border: 1px solid red;
}

#admin {
    display: none;
    position: absolute;
    padding: 5px;
    background-image: linear-gradient(to right, rgba(171, 149, 141, 0.2), rgba(241, 54, 18, 0.2));
    background-repeat: repeat-y;
    z-index: 1000;
}

#ie-warning {
    display: none;
}

/* CSS Document */
html,body,div,span,h1,h2,h3,h4,h5,h6,input,p,address,big,cite,code,em,img,ins,kbd,q,s,strike,strong,sub,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset
    {
    margin: 0;
    padding: 0;
    border: 0;
}

form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,button
    {
    margin: 0;
    padding: 0;
    border: 0;
}

applet,object,iframe,blockquote,pre,a,abbr,acronym,del,dfn,hgroup,menu,nav,output,ruby,samp,small,section,sup,tt,var,summary,time,mark,audio,video
    {
    margin: 0;
    padding: 0;
    border: 0;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

blockquote,q {
    quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: none;
}

sup {
    font-size: 80%;
}

table {
    border-spacing: 0;
    width: 100%;
}

th {
    font-weight: 600;
}

input, select, button {
    font: 13px Asap, sans-serif;
    color: #555753;
    background-color: white;
    outline: none;
}

button {
    cursor: pointer;
}

input[disabled],select[disabled] {
    background-color: #f5f5f5;
}

html {
    background-color: #c3d3d4;
    background-image: linear-gradient(to bottom, #c3d3d4, #f1f6f5 90vh, #cbcac8 100vh);
    background-attachment: fixed;
    min-height: 100vh;
}

body {
    font: 13px Asap;
    color: #555753;
}

h1 {
    font-size: 150%;
    color: rgb(71, 74, 78);
    padding: 5px 0;
    font-weight: 600;
}

h2 {
    font-size: 110%;
    color: rgb(71, 74, 78);
    padding: 5px 0 5px;
    font-weight: 600;
}

h3 {
    font-size: 100%;
    padding: 5px 0 5px;
    font-weight: 600;
    position: relative;
}

h4 {
    font-size: 80%;
    font-weight: 600;
}

a:link,a:visited {
    color: #555753;
    text-decoration: none;
}

#slider-console a:link,#slider-console a:visited {
    color: #AFAFAF;
}

p {
    margin: 5px 0;
    line-height: 1.5;
}

.hover-info p strong {
    display: block;
}

.hover-info p.inline strong {
    display: inline-block;
}

.table-hover-trigger .hover-info {
    margin-top: 20px;
    width: 250px;
    max-height: none;
}

ul {
    list-style: inside;
}

hr {
    border: 0 none;
    border-top: 1px solid rgb(205, 210, 199);
    height: 1px;
    margin: 5px 5px;
    border-bottom: 1px solid rgb(255, 255, 255);
}

#formular>hr {
    margin: 10px 0 10px 50%;
}

input[type="text"],input[type="password"],input[type="file"] {
    height: 28px;
    background-color: white;
    color: rgb(93, 96, 102);
    border: none;
    border-radius: 2px;
    box-shadow: inset 1px 1px 3px #999999;
}

input[type="text"]:focus,input[type="password"]:focus,input[type="file"]:focus {
    box-shadow: 0 0 1px #555, inset 1px 1px 3px #999999;
}

textarea {
    font: 13px Asap, sans-serif;
    color: rgb(93, 96, 102);
    width: 200px;
    padding: 5px 10px;
    height: 120px;
    color: rgb(93, 96, 102);
    border: none;
    border-radius: 2px;
    box-shadow: inset 1px 1px 3px #999999;
    resize: none;
    background-color: white;
}

textarea.full-width {
    width: 365px;
    height: 53px;
}

input[type="text"],input[type="password"] {
    width: 200px;
    padding: 0 10px;
}

input[type="checkbox"],input[type="radio"],a {
    vertical-align: middle;
}

.styled-radio input[type="radio"], .styled-checkbox input[type="checkbox"] {
    display: none;
}

.styled-radio, .styled-checkbox {
    cursor: pointer;
}

.styled-radio span.radio-icon {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 7px;
    margin: 0 5px;
    vertical-align: middle;
    cursor: pointer;
    box-shadow: 0px 1px 2px 0px #555 inset;
    background: white;
}

.styled-radio input[type="radio"]:checked + span.radio-icon {
    background: radial-gradient(#555 0, #555 2px, white 3px);
}

.styled-checkbox span.checkbox-icon {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 2px;
    vertical-align: bottom;
    cursor: pointer;
    box-shadow: 0px 1px 2px 0px #555 inset;
    background: white;
}

.styled-checkbox input[type="checkbox"]:checked + span.checkbox-icon {
    background-image: conic-gradient(white 90deg, #555 90deg 180deg, white 180deg 270deg, white 270deg);
    background-size: 12px 12px;
    background-position: -1px -1px;
}

.styled-radio-block {
    display: grid;
    grid-template-columns: 30px 1fr;
    align-items: center;
}

.inline-label span {
    margin-right: 10px;
}

a {
    outline: 0;
}

input[type="submit"],input[type="button"],.button {
    background: url("../images/btn_normal.png") left top no-repeat;
    color: #fff;
    white-space: nowrap;
    outline: 0;
    box-sizing: content-box;
    margin: 5px 0;
    padding: 10px;
    width: 130px;
    height: 18px;
    line-height: 18px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
}
.button-220 {
    background: url("../images/btn_220.png") left top no-repeat;
    color: #fff;
    white-space: nowrap;
    outline: 0;
    box-sizing: content-box;
    margin: 5px 0;
    padding: 10px;
    width: 220px;
    height: 18px;
    line-height: 18px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
}

input[type="submit"]:hover,input[type="button"]:hover,.button:hover {
    background: url("../images/btn_hover.png") left top no-repeat;
}

.button-220:hover {
    background: url("../images/btn_hover_220.png") left top no-repeat;
}

div.button, .inline-block {
    display: inline-block;
}

a.button.pdf:link {
    padding-left: 30px;
    height: 18px;
    line-height: 18px;
    width: 220px;
    background: 
        url(../images/ico-pdf-grey.png) 5px center no-repeat, 
        url(../images/btn_220.png) left top no-repeat;
    background-size: auto, 100% 100%; 
}

a.button.pdf:hover {
     background: 
        url(../images/ico-pdf-grey.png) 5px center no-repeat, 
        url(../images/btn_hover_220.png) left top no-repeat;
     background-size: auto, 100% 100%;
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
}

button.floppy {
    width: 22px;
    height: 22px;
    background: url("../images/floppy.png") center center no-repeat;
    vertical-align: middle;
}

a.button:link,a.button:visited {
    display: inline-block;
    color: #fff;
}

.error {
    box-shadow: 1px 1px 3px #A31A15 inset !important;
}

input.error[type="radio"] + span.radio-icon {
    box-shadow: 0 0 3px 2px #A31A15 !important;
}

.hidden {
    display: none;
}

.link {
    cursor: pointer;
}

#workflowDescription {
    width: 310px;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
}
#workflowDescription label{
    min-width: 200px;
    flex: 1;
}

#workflowDescription .value-field{
    flex: 1;
}

.patientSummary {
    vertical-align: top;
    margin-right: 40px;
    margin-top: 30px;
    width: 310px;
    display: inline-block;
}

.patientSummary strong {
    padding-right: 3px;
}

.chooseOption .option-wrapper {
    margin-bottom: 10px;
}

.chooseOption .option-wrapper p {
    font-weight: 600;
}

.chooseOption .option {
    height: 35px;
    margin: 15px;
    border-radius: 5px;
    box-shadow: 0 0 8px #777777;
    cursor: pointer;
    text-align: left;
    display: block;
    width: 350px;
    background: none;
    outline: none;
}

.chooseOption .option .option-text {
    line-height: 35px;
    vertical-align: top;
}

.chooseOption .option:before {
    content: '';
    height: 100%;
    width: 10px;
    display: inline-block;
    border-radius: 5px 0 0 5px;
    margin-right: 5px;
}

.chooseOption .option .option-info {
    content: '';
    height: 100%;
    width: 30px;
    float: right;
    border-radius: 0 5px 5px 0;
    background-color: #bccbcc;
    background-image: url('../images/ico-opt-info.png'), linear-gradient(to bottom, #d2dedd, #bdcbcb);
    background-position: center center;
    background-repeat: no-repeat;
}

.chooseOption .option:hover .option-info {
    background-image: url('../images/ico-opt-info.png');
}

#book {
    background: url('../images/img-book-opt0.png') center center no-repeat;
    height: 90px;
}

#book.opt1 {
    background-image: url('../images/img-book-opt1.png');
}

#book.opt2 {
    background-image: url('../images/img-book-opt2.png');
}

#book.opt3 {
    background-image: url('../images/img-book-opt3.png');
}

#book.opt4 {
    background-image: url('../images/img-book-opt4.png');
}

#book.opt5 {
    background-image: url('../images/img-book-opt5.png');
}

#info-option-a {
    background-image: linear-gradient(to right, #c8b29d 0%, white 5%, white 95%, #c8b29d 100%);
    width: 240px;
}

.chooseOption .option.option-a:hover {
    box-shadow: 0 0 8px #c8b29d;
}

.chooseOption .option.option-a:before,
.chooseOption .option.option-a:hover .option-info {
    background-color: #c8b29d;
}

.chooseOption .option.option-a:focus {
    background: linear-gradient(45deg, transparent, #c8b29d);
}

#info-option-b {
    background-image: linear-gradient(to right, #f19a00 0%, white 5%, white 95%, #f19a00 100%);
    width: 270px;
}

.chooseOption .option.option-b:hover {
    box-shadow: 0 0 8px #f19a00;
}

.chooseOption .option.option-b:before,
.chooseOption .option.option-b:hover .option-info {
    background-color: #f19a00;
}

.chooseOption .option.option-b:focus {
    background: linear-gradient(45deg, transparent, #f19a00);
}

#info-option-c {
    background-image: linear-gradient(to right, #947055 0%, white 5%, white 95%, #947055 100%);
    width: 290px;
}

.chooseOption .option.option-c:hover {
    box-shadow: 0 0 8px #947055;
}

.chooseOption .option.option-c:before,
.chooseOption .option.option-c:hover .option-info {
    background-color: #947055;
}

.chooseOption .option.option-c:focus {
    background: linear-gradient(45deg, transparent, #947055);
}

#info-option-d {
    background-image: linear-gradient(to right, #a31b6b 0%, white 5%, white 95%, #a31b6b 100%);
    width: 240px;
}

.chooseOption .option.option-d:hover {
    box-shadow: 0 0 8px #a31b6b;
}

.chooseOption .option.option-d:before,
.chooseOption .option.option-d:hover .option-info {
    background-color: #a31b6b;
}

.chooseOption .option.option-d:focus {
    background: linear-gradient(45deg, transparent, #a31b6b);
}

#info-option-e {
    background-image: linear-gradient(to right, #007953 0%, white 5%, white 95%, #007953 100%);
    width: 240px;
}

.chooseOption .option.option-e:hover {
    box-shadow: 0 0 8px #007953;
}

.chooseOption .option.option-e:before,
.chooseOption .option.option-e:hover .option-info {
    background-color: #007953;
}

.chooseOption .option.option-e:focus {
    background: linear-gradient(45deg, transparent, #007953);
}

#wrapper {
    width: 980px;
    margin: 0 auto;
}

#wrapper.wide {
    min-width: 98%;
    display: table;
}

#toggleSize {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 1px;
    width: 20px;
    height: 20px;
    background: url('../images/expand.png') left top no-repeat;
}

#wrapper.wide #toggleSize {
    background-image: url('../images/retract.png');
}

#header {
    position: relative;
    margin-bottom: 30px;
    height: 140px;
    background: url("../images/logo-caresolution.svg") center bottom no-repeat;
    background-size: 190px auto;
}

#header .header-left li,#slider-right li {
    border-bottom: 1px solid #AFAFAF;
    list-style: none outside none;
    padding-right: 0;
}

#header-right {
    text-align: center;
    line-height: 28px;
    float: right;
}

#header .header-left {
    position: relative;
    clear: left;
    float: left;
    margin-left: 10px;
    text-align: left;
    line-height: 1.8;
}

#header .header-left li {
    padding: 0 5px;
}

#download-links {
    right: auto;
    width: 275px;
}

#download-links a:hover {
    font-weight: 600;
}

#logbutton {
    background: url("../images/btn_login_normal.png") no-repeat center;
    width: 120px;
    display: block;
    color: #000000;
}

#logbutton:hover {
    background: url("../images/btn_login_hover.png") no-repeat center;
}

#logbutton.login {
    margin-top: 45px;
}

#header-center {
    height: 45px;
    float: left;
}

a.home {
    float: left;
    background: url("../images/btn_cockpit_normal.png") no-repeat bottom;
    text-align: center;
    cursor: pointer;
    width: 150px;
    padding-bottom: 13px;
    line-height: 1.88889;
    color: rgb(222, 222, 222);
}

a.home:hover {
    background: url("../images/btn_cockpit_hover.png") no-repeat bottom;
    font-weight: normal;
    padding-bottom: 19px;
}

a.home.discount {
    position: relative;
    right: 300px;
}

#slider-wrap {
    width: 800px;
    margin-left: 150px;
}

#slider-console {
    position: absolute;
    background-image: url(../images/management_bereich.png);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 800px;
    height: 205px;
    margin-top: -166px;
    z-index: 1000;
    font-size: 13px;
    color: #AFAFAF;
    margin-top : -166px;
    transition: margin-top .5s ease-in-out;
}

#slider-console.open {
    margin-top : 0;
}

#slider-console a:hover {
    color: white;
}

#slider-left {
    margin-top: 50px;
    margin-left: 50px;
    position: absolute;
    text-align: left;
    font-size: 11px;
}

#slider-right {
    position: absolute;
    top: 10px;
    right: 150px;
    text-align: left;
}

#slider-legal {
    margin-top: 5px;
    margin-right: 30px;
    max-width: 110px;
    text-align: right;
    float: right;
}

#slider-toggle {
    background: url("../images/rollo.png") no-repeat right center;
    font-size: 13px;
    color: #DEDEDE;
    z-index: 101;
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 145px;
    height: 25px;
    cursor: pointer;
}

#welcome {
    margin-top: 10px;
    margin-left: 12px;
    float: left;
}

#content_lft {
    float: left;
    margin-left: 10px;
    width: 210px;
}

#content_lft a, #content_lft a:link, #content_lft a:visited {
    color: #555753;
    font-style: italic;
}

#content_lft .video {
    margin-top: 40px;
}

#content_lft #video-preview {
    margin-top: 10px;
}

#content_rgt {
    float: right;
    width: 120px;
    text-align: center;
}

#content_lft h2, #content_rgt h2 {
    font-size: 100%;
}

#wrapper>div.content,.content_700.content,.content_840.content {
    position: relative;
    margin: 0 auto;
    padding: 20px 30px 30px 40px;
    box-shadow: 0 0 8px #777777;
    border-radius: 5px;
    background: #e4edea;
}

.content_700 {
    width: 630px;
}

.content_840 {
    width: 770px;
}

.content_admin {
    min-height: 400px;
    margin-left: 170px !important;
}

.content_admin a:hover {
    text-decoration: underline;
}

.content_admin a.button:hover {
    text-decoration: none;
}

.content.discount-IPPN_BESTPRICE {
    background: white !important;
}

.discount-IPPN_BESTPRICE #badge,.discount-IPPN_BESTPRICE #badge_end {
    display: none;
}

a.link-producer {
    position: absolute;
}

a.link-producer img {
    width: 100px;
}

.discount-IPPN_BESTPRICE .button,.discount-IPPN_BESTPRICE a.button,.discount-IPPN_BESTPRICE a.button:visited,a.button.discount-IPPN_BESTPRICE,a.button.discount-IPPN_BESTPRICE:visited
{
    background-image: none;
    background-color: #A2998E;
    color: #FFFFFF !important;
    bottom: 8px;
    cursor: pointer;
    font-weight: 600;
    padding: 5px;
    min-height: 18px;
    text-decoration: none !important;
    bottom: 8px;
    width: auto;
}

.discount-IPPN_BESTPRICE .button:hover,.discount-IPPN_BESTPRICE a.button:hover {
    background-color: #988B7C;
    background-image: none;
}

.discount-IPPN_BESTPRICE * {
    color: #766856 !important;
}

.discount-IPPN_BESTPRICE input[type="text"] {
    background-color: #ECEBE9;
}

#formular {
    position: relative;
}

#menu_admin {
    width: 150px;
    float: left;
    clear: left;
    margin-left: 5px;
}

#menu_admin ul {
    list-style: disc outside none;
    padding-left: 15px;
}

#menu_admin li {
    padding: 2px 0;
}

#menu_admin a:hover,.link-ul {
    text-decoration: underline;
}

div.content #formular>h2,h2.right {
    margin: 15px 0 15px 50%;
}

h3.right, div.content #formular>h3 {
    margin-left: 50%;
}

/*Logos KK auf Startseite automatischer Wechsel*/
#kkportfolio1, #kkportfolio2 {
    list-style: none;
    height: 100px;
    padding-top: 20px;
}

#kklist {
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding-top: 1em;
}

.flow-descr ul {
    list-style: disc outside none;
    padding-left: 20px;
}

.flow-descr li {
    list-style-type: none;
    list-style-image: url("../images/img-checkmark.png");
}

#footer {
    padding: 20px 0;
    text-align: center;
    clear: both;
}

#footer a {
    font-weight: 600;
    vertical-align: bottom;
}

#footer p {
    font-size: 12px;
}

.bold {
    font-weight: 600;
}

.italic, .hint-cite {
    font-style: italic;
}

emph {
    text-decoration: underline;
    display: block;
}

/*Overlay für Login*/
#overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, transparent, rgba(70,70,70,0.5) 60vh);
    z-index: 10000;
    align-items: center;
    justify-content: center;
}

/*Loginform*/
#new-login {
    width: 360px;
    margin: 0 auto;
    text-align: center;
    margin-top: 100px;
}

#login input[type="text"], #new-login input[type="text"],#login input[type="password"],#new-login input[type="password"] {
    width: 250px;
    padding: 10px;
    margin-left: 60px;
    display: block;
    text-align: center;
    color: #000000;
    font-size: 14px;
    margin: 0 auto;
}

#login {
    --size: 360px;
    position: fixed;
    top: calc(50% - 0.5 * var(--size));
    left: calc(50% - 0.5 * var(--size));
    width: var(--size);
}

#login p a:link,#login p a:visited {
    font-size: 12px;
    color: rgb(71, 74, 78);
    line-height: 160%;
    font-weight: normal;
}

#login p a:hover {
    font-size: 12px;
    color: rgb(71, 74, 78);
    line-height: 160%;
    font-weight: 600;
}

#cockpit {
    height: 610px;
    max-height: calc(100vh - 75px);
    min-height: 500px;
    position: relative;
    width: 1070px;
    left: -90px;
    transition: min-height 1s ease-in-out;
}

#cockpit.down {
    min-height: 200px;
}

#doctor-filter {
    position: absolute;
    width: 250px;
    padding-left: 90px;
}

#cockpit-console {
    top: 40px;
    left: 340px;
    width: 485px;
    height: 455px;
    position: relative;
    background: url("../images/img-cockpit-bg-stick.png") no-repeat center center;
    text-align: center;
    margin: 0;
    transition: top 1s ease-in-out;
}

#cockpit-console.down {
    top: -450px;
}

#cockpit-circle {
    height: 315px;
    left: 50px;
    padding: 35px;
    position: absolute;
    text-align: left;
    top: 35px;
    width: 315px;
}

#cockpit-circle img {
    position: absolute;
    display: none;
}

#cockpit-circle-center {
    margin: 12px;
}

#cockpit-console.center #cockpit-circle #cockpit-circle-center,
#cockpit-console.left #cockpit-circle #cockpit-circle-left,
#cockpit-console.right #cockpit-circle #cockpit-circle-right,
#cockpit-console.top #cockpit-circle #cockpit-circle-top,
#cockpit-console.down #cockpit-circle #cockpit-circle-down {
    display: block;
}

#cockpit-circle-left {
    left: 20px;
}

#cockpit-circle-right {
    right: 20px;
}

#cockpit-circle-top {
    top: 20px;
}

#cockpit-circle-down {
    bottom: 20px;
}

#cockpit-console.left #cockpit-circle #cockpit-circle-left {
    display: block
}

#cockpit-shadow {
    left: 80px;
    top: 85px;
    width: 300px;
    height: 350px;
    position: absolute;
    background: url("../images/img-cockpit-circle-shadow.png") no-repeat center center;
}

#cockpit-console.left #cockpit-shadow {
    top: 65px;
    left: 120px;
}

#cockpit-console.top #cockpit-shadow {
    top: 90px;
    left: 80px;
}

#cockpit-console.right #cockpit-shadow {
    top: 65px;
    left: 65px;
}

#cockpit-console.down #cockpit-shadow {
    top: 45px;
    left: 90px;
}

#cockpit-glow {
    border-radius: 130px;
    box-shadow: 0 0 25px 25px #d8c1b9;
    height: 270px;
    left: 107px;
    position: absolute;
    top: 92px;
    width: 270px;
    animation: pulse 2.5s ease-in infinite alternate ;
}

@-webkit-keyframes pulse {
  0% {
    opacity: 1;
  }
  80% {
      opacity: 0;
  }
  100% {
      opacity: 0;
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  80% {
      opacity: 0;
  }
  100% {
      opacity: 0;
  }
}

#cockpit .counter {
    background: #c1ab90;
    color: white;
    font-weight: 600;
    padding: 2px 4px 1px 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

#cockpit .cockpit-button .icon {
    position: absolute;
    height: 40px;
    width: 40px;
    background-position: center center;
    background-repeat:  no-repeat;
}

#cockpit-console.top .icon {
    margin-bottom: 10px;
}

#cockpit-console.right .icon {
    margin-left: 5px;
}

#cockpit-console.left .icon {
    margin-left: -5px;
}

#cockpit-console.down .icon {
    margin-bottom: -10px;
}

#cockpit .cockpit-button {
    position: absolute;
    cursor: pointer;
    box-sizing: border-box;
}

#cockpit-btn-top {
    left: 190px;
    height: 140px;
    width: 100px;
    padding-top: 40px;
}

#cockpit-btn-top .icon {
    background-image: url("../images/ico_endingprescriptions.png");
    bottom: 5px;
    left: 30px;
}

#cockpit-btn-top:hover .icon, #cockpit-console.top #cockpit-btn-top .icon {
    background-image: url("../images/ico_endingprescriptions_hover.png");
}

#cockpit-btn-right {
    left: 335px;
    top: 175px;
    width: 140px;
    height: 100px;
    padding-left: 70px;
    padding-top: 35px;
}

#cockpit-btn-right p {
    margin-top: 10px;
}

#cockpit-btn-right .icon {
    background-image: url("../images/ico_newcalculation.png");
    bottom: 30px;
    left: 0px;
}

#cockpit-btn-right:hover .icon, #cockpit-console.right #cockpit-btn-right .icon {
    background-image: url("../images/ico_newcalculation_hover.png");
}

#cockpit-btn-down {
    left: 190px;
    top: 320px;
    height: 140px;
    width: 100px;
    padding-top: 85px;
}

#cockpit-btn-down .icon {
    background-image: url("../images/ico_overview.png");
    bottom: 100px;
    left: 30px;
}

#cockpit-btn-down:hover .icon, #cockpit-console.down #cockpit-btn-down .icon {
    background-image: url("../images/ico_overview_hover.png");
}

#cockpit-btn-down.active {
    background-position: center 5px;
}

#cockpit-btn-left {
    left: 10px;
    top: 175px;
    width: 140px;
    height: 100px;
    padding-right: 60px;
    padding-top: 42px;
}

#cockpit-btn-left .icon {
    background-image: url("../images/ico_unfinishedjobs.png");
    bottom: 30px;
    left: 100px;
}

#cockpit-btn-left:hover .icon, #cockpit-console.left #cockpit-btn-left .icon {
    background-image: url("../images/ico_unfinishedjobs_hover.png");
}

#cockpit th {
    padding: 5px 5px;
    border-bottom: 1px solid #b0b3a9;
    border-top: 0;
    background: linear-gradient(to bottom, rgb(214, 224, 223) 0, rgb(230, 236, 235) 1px, rgb(213, 222, 222) 50%, rgb(204, 216, 216) 50%, rgb(184, 198, 199) 100%);
    white-space: nowrap;
}

#cockpit td {
    padding: 5px;
    border-bottom: 1px solid #b0b3a9;
    border-top: 1px solid white;
    text-align: center;
}

#cockpit .option-btn {
    padding: 7px;
    background: none;
}

#cockpit .option-btn.workflow-start:after {
    content: '';
    display: block;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid #79be90;
}

#cockpit .option-btn.disabled:after {
    content: '';
    display: inline-block;
    height: 5px;
    width: 5px;
    background: #f67e68;
}

a.master-data-edit.new_calc {
    background-image: url("../images/ico-table-new-calculation.png");
}

.new_calc:hover {
    background-image: url("../images/ico-table-new-calculation-hover.png") !important;
}

a.master-data-edit.edit_patient {
    background-image: url("../images/ico-table-edit-patientdata.png");
}

.edit_patient:hover {
    background: url("../images/ico-table-edit-patientdata-hover.png") center center no-repeat !important;
}

a.master-data-edit.history {
    background-image: url("../images/ico-history.png");
}

.history:hover {
    background-image: url("../images/ico-history-hover.png") !important;
}

a.master-data-edit {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

a.pdf, a.fax {
    display: inline-block;
    padding-left: 30px;
    height: 26px;
    line-height: 26px;
}

a.fax {
    background: url("../images/ico-fax.png") left center no-repeat;
}

a.fax:hover {
    background: url("../images/ico-fax-hover.png") left center no-repeat;
}

a.pdf {
    background: url("../images/ico-pdf-grey.png") left center no-repeat;
}

a.pdf:hover {
    background-image: url("../images/ico-pdf.png");
}

p.hinweistext {
    font-style: italic;
    line-height: 140%;
    color: rgb(71, 74, 78);
}

div.jsFields {
    padding: 10px 10px !important;
    text-align: center;
}

.value-box {
    display: block;
    margin-top: 10px;
    padding: 5px 10px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: inset 1px 1px 3px #999999;
    height: 18px;
    line-height: 18px;
}

.unit {
    font-size: 90%;
}

.inset {
    background: rgb(222, 222, 222);
    background: rgba(187, 187, 187, 0.2);
    padding: 3px;
    border-radius: 4px;
    box-shadow: inset 1px 1px 3px #777777;
}

tbody.inset {
    box-shadow: none;
}

_:-moz-tree-row(hover), tbody.inset
{
    box-shadow: inset 1px 1px 3px #777777;
}

.inset.text {
    text-align: center;
    padding: 10px;
}

.inset tr:first-child td,.inset tr:first-child th {
    padding-top: 8px;
}

.inset tr:last-child td {
    padding-bottom: 8px;
}

.outset {
    background-color: #bbc9ca;
    background: linear-gradient(to bottom, rgb(255, 255, 255) 100px, 200px, rgb(185, 199, 200) 270px);
    margin-bottom: 15px;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 1px 1px 20px rgb(149, 120, 120);
}

.jsFields label {
    display: inline-block;
    margin-right: 10px;
}

.jsFields label:last-child {
    margin-right: 0;
}

.jsFields input[type="text"] {
    width: 70px;
    padding: 0 10px;
    color: #0A6B23;
    background: rgba(187, 187, 187, 0.2);
    text-align: center;
    padding: 0 10px;
}

.jsFields.horizontal input[type="text"] {
    margin-top: 10px;
}

label.double {
    width: 200px;
    display: inline-block;
    margin-right: 0;
}

label.double input:first-of-type {
    margin-right: 10px;
}

label.small {
    width: 90px;
}

label.wide {
    width: 135px;
}

.jsFields label.wide input {
    width: 115px;
}

label.wider {
    width: 135px;
    margin-right: 0;
}

.jsFields label.wider input {
    width: 115px;
}

#employees label {
    display: inline-block;
    margin-left: 15px;
    width: 30%;
}

#employees button {
    margin-top: 5px;
}

#employees button,#employees h3 {
    margin-left: 15px;
}

div.regime {
    width: 180px;
    height: 100px;
    text-align: center;
    position: relative;
}

.masterdata {
    border-radius: 4px;
    box-shadow: inset 1px 1px 3px rgb(119, 119, 119);
    padding: 10px;
}

.masterdata th {
    text-align: left;
    border-bottom: 1px solid #b0b3a9;
    border-top: 0;
    padding-right: 5px;
}

.masterdata td {
    padding: 5px;
}

.masterdata tbody tr:first-child td {
    padding-top: 8px;
}

.masterdata td:first-child {
    text-align: left;
    padding-left: 5px;
}

.masterdata td:last-child {
    padding-right: 5px;
}

.table_buttons button {
    margin: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0;
}

.table_buttons a {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

.table_buttons {
    max-width: 30px;
}

.view {
    background-image: url("../images/ico-view.gif");
}

.view:hover {
    background-image: url("../images/ico-view-hover.gif");
}

.edit {
    background-image: url("../images/ico-edit.gif");
}

.edit:hover {
    background-image: url("../images/ico-edit-hover.gif");
}

.remove {
    background-image: url("../images/ico-remove.gif");
}

.remove:hover {
    background-image: url("../images/ico-remove-hover.gif");
}

.restore {
    background-image: url("../images/ico-restore.gif");
}

.restore:hover {
    background-image: url("../images/ico-restore-hover.gif");
}

.changes {
    background-image: url("../images/ico-changes.png");
}

.changes:hover {
    background-image: url("../images/ico-changes-hover.png");
}

.pagelinks,.pagebanner {
    padding: 0 5px;
    margin: 0 20%;
    position: relative;
    text-align: center;
}

.pagelinks a {
    padding: 3px 5px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    width: 20px;
    height: 15px;
}

.pagelinks a.page,.pagelinks strong {
    padding: 0 5px;
    margin: 0;
    position: static;
}

.tablelinks a {
    background-position: center center;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
}

.first {
    background-image: url(../images/btn-first.gif);
    left: 0px;
}

.first:hover {
    background-image: url(../images/btn-first-hover.gif);
}

input[type="image"].prev, input[type="image"].next {
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    width: 0;
    height: 0;
    padding: 9px;
}

div.pagelinks a.prev {
    left: 30px;
}

div.pagelinks a.next {
    right: 30px;
    margin-left: 15px;
}

.prev {
    background-image: url(../images/btn-prev.gif);
}

.prev:hover {
    background-image: url(../images/btn-prev-hover.gif);
}

.next {
    background-image: url(../images/btn-next.gif);
}

.next:hover {
    background-image: url(../images/btn-next-hover.gif);
}

.last {
    right: 0px;
    background-image: url(../images/btn-last.gif);
}

.last:hover {
    background-image: url(../images/btn-last-hover.gif);
}

.masterdata tr:hover td,.hover tr:hover,tr.hover-trigger:hover td,tr.active td {
    background-color: white;
}

.masterdata tr.no-hover:hover td {
    background: none;
}

.regimen-need {
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: space-around;
}

.regimen-need .hint-icon {
    position: absolute;
}

.regimen-need > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.regimen-need > div.small {
    flex-basis: 90px;
}

.regimen-need > div.wide {
    flex-basis: 135px;
}

.regimen-need .needAminoAcid .value-box {
    border-bottom: 3px solid #f67e68;
    padding-bottom: 2px;
}

.regimen-need .needFat .value-box {
    border-bottom: 3px solid #fee189;
    padding-bottom: 2px;
}

.regimen-need .needGlucose .value-box {
    border-bottom: 3px solid #99bfe1;
    padding-bottom: 2px;
}

.content-bar {
    height: 10px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

table.regimens {
    font-size: 12px;
    background-color: #dce6e4;
    background: linear-gradient(to bottom, rgb(245, 248, 247), 185px, rgb(215, 224, 223) 270px);
}

table.regimens td.regimen-section {
    padding: 5px;
    font-size: 13px;
    font-weight: 600;
    height: 28px;
}

table.regimens .hover-trigger {
    position: relative;
}

.no-wrap {
    white-space: nowrap;
}

table.regimens .regimen-details.hover-info, .regimen-details {
    top: calc(50% + 10px);
    right: auto;
    width: auto;
    border: 5px solid #e5ecec;
    border-radius: 3px;
    box-shadow: 0 0 10px #777;
    background: #f8f9f9;
    padding: 10px 5px 10px 10px;
    text-align: left;
}

table.regimens .regimen-details.hover-info {
    min-width: 150px;
    white-space: nowrap;
}

.regimen-details strong {
    margin-bottom: 10px;
}

.regimen-details hr {
    margin-left: 0;
    height: 0px;
    border-top: 1px solid #bab6b4;
    border-bottom: 1px solid #d3d0cf;
}

table.regimens .regimen-details ul {
    list-style: disc outside;
    border: 0;
    padding: 0;
    margin-left: 10px;
}

.regimen-details div {
    margin-bottom: 5px;
    text-align: left;
}

.regimen-details .nutrient:before {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    box-sizing: border-box;
}

.regimen-details .nutrient.amino:before {
    background: #f67e68;
}

.regimen-details .nutrient.fat:before {
    background: #fee189;
}

.regimen-details .nutrient.glucose:before {
    background: #99bfe1;
}

.regimen-details .nutrient.contains-electrolytes:before {
    background: #333;
}

.regimen-details .nutrient.no-electrolytes:before {
    border: 1px solid #333;
}

table.regimens thead tr:first-child th {
    font-size: 120%;
}

table.regimens th {
    padding: 5px 10px;
    background: linear-gradient(to bottom, #e5ebeb 0, #e5ebeb 35%, #bed3d7 65%, #bed3d7 100%);
    font-weight: 600;
    height: 28px;
}

table.regimens tr.details th {
    background: #c2d9d8;
    border-bottom: 1px solid white;
    font-weight: 500;
}

table.regimens th.spacer {
    width: 10px;
    background: none !important;
    padding: 0;
}

table.regimens tr.regimen-spacer td {
    background: linear-gradient(to bottom, rgba(174,186,186,0.2) 0px, #f8f9f9 50%, rgba(174,186,186,0.2) 100%) #f8f9f9;
    border: 0;
    height: 20px;
}
table.regimens tbody tr.regimen-row:nth-of-type(2) td {
    border-top: none;
}


table.regimens tr.regimen-row td {
    background: #d9e7e6;
    border-top: 1px solid #a5a4a3;
    border-bottom: 1px solid #bab6b4;
    padding: 5px 10px;
    height: 28px;
}

table.regimens tr.regimen-row.import-row td {
    border-style: dashed;
}

table.regimens tr.regimen-row td.spacer {
    border: 0 none;
    padding: 0;
}

table.regimens tr.regimen-row.import td {
    background: #e8f0f0;
}

table.regimens tr.regimen-row td.index, table.regimens th.index {
    text-align: center;
    width: 25px;
    padding: 5px 2px;
    border: 0 none;
}

table.regimens th.price-ddd {
    padding-right: 40px;
}

table.regimens tr.regimen-row td.regimen-content {
    padding: 0;
}

table.regimens tr.regimen-row.additiva td.regimen-content {
    text-align: center;
    padding: 0 5px;
}

table.regimens tr.regimen-row td.regimen-content > span {
    margin: 0 10px;
}

table.regimens tr.regimen-row td.price-package {
    text-align: right;
}

table.regimens tr.regimen-row td.price-ddd {
    white-space: nowrap;
    text-align: right;
    padding-right: 40px;
}

table.regimens tr.regimen-row td.price-ddd.economic, span.price-economic {
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url("../images/ico-no-recourse.png");
}

table.regimens tr.regimen-row td.price-ddd > img {
    vertical-align: middle;
}

table.regimens tr.regimen-row td.border-spacer {
    border: 0 none;
    width: 10px;
    padding: 0;
}

table.regimens tr.regimen-row td.name {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto 17px;
    padding-right: 50px;
}

table.regimens tr.regimen-row td.name.regimen-type-0 {
    background-image: url("../images/infusion0.png");
}

table.regimens tr.regimen-row td.name.regimen-type-1 {
    background-image: url("../images/infusion1.png");
}

table.regimens tr.regimen-row td.name.regimen-type-2 {
    background-image: url("../images/infusion2.png");
}

table.regimens tr.regimen-row td.name.regimen-type-3 {
    background-image: url("../images/infusion3.png");
}

table.regimens tr.regimen-row td.name.regimen-type-4 {
    background-image: url("../images/infusion4.png");
}

table.regimens tr.regimen-row td.name.regimen-type-10 {
    background-image: url("../images/infusion10.png");
}
table.regimens tr.regimen-row td.name.regimen-type-15 {
    background-image: url("../images/infusion15.png");
}

table.regimens tr.regimen-row td.name.regimen-type-14 {
    background-image: url("../images/infusion14.png");
}

table.regimens tr.regimen-row td.name.regimen-type-20 {
    background-image: url("../images/infusion20.png");
}

table.regimens .icon-info {
    background: url("../images/ico-info.png") center center no-repeat;
    height: 16px;
    width: 16px;
    margin-right: 3px;
    display: inline-block;
    vertical-align:  middle;
}

.recourse-check {
    padding-left: 20px;
    background: url("../images/check.png") left center no-repeat;
}

tr.regimen-row {
    cursor: pointer;
}

table.regimens tr.regimen-row:hover td,table.regimens tr.regimen-row.active td {
    background-color: white;
}

table.regimens tr.regimen-row:hover td.warning,table.regimens tr.regimen-row.active td.warning {
    color: rgb(200, 30, 30);
}

table.regimens tr.regimen-row:first-child td {
    border-top: 0 none !important;
}

table.regimens tr.regimen-row:last-child td {
    border-bottom: 0 none !important;
}

table.regimens .admin.hover-info {
    margin-top: 0;
    width: 250px;
}

.green-font {
    color: #54b954;
}

.red-font {
    color: #ef3539;
}

.grey-font {
    color: #888;
}

.green-font.bold .price, .red-font.bold .price {
    display: inline-block;
}

.green {
    background: linear-gradient(to bottom, rgb(93, 147, 107) 0, rgb(157, 190, 166) 1px, rgb(119, 158, 130) 50%, rgb(81, 130, 95) 50%, rgb(72, 116, 85) 100%) !important;
    color: white;
    height: 18px;
    padding: 5px 0 5px 10px;
}

.push-right {
    margin-left: 50%;
}

.left {
    float: left;
}

.text-center {
    text-align: center !important;
}

ul.warning {
    text-align: left;
    background: none;
    list-style: outside none disc;
}

ul.warning li {
    margin: 5px 0;
}

input.warning {
    color: #000000;
    background: rgba(200, 0, 0, 0.1) !important;
}

input.limit-warning {
    color: #000000;
    background: rgba(238, 153, 0, 0.3) !important;
}

div.split div {
    text-align: left;
}

div.split div.row {
    padding: 5px 0;
    clear: both;
}

div.split div.row div {
    display: inline-block;
}

div.split div.row div.left {
    width: 50%;
    text-align: right;
    float: left;
}

.price {
    text-align: right !important;
    white-space: nowrap;
}

.price::after {
    content: " €";
}

.compounding-price {
    font-size: 7px;
    margin-left: 3px;
    position: absolute;
    top: 0;
    z-index: 1000;
}

td.price,div.price {
    width: 100px !important;
    text-align: right !important;
    font-weight: 600 !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.searchfield {
    background: url("../images/ico-search.svg") right 3px center no-repeat;
    background-color: #FFFFFF;
    width: 130px;
}

.medication {
    text-align: left;
    white-space: nowrap;
}

.hover-info {
    display: none;
    position: absolute;
    background-color: #f1f4f4;
    background: linear-gradient(to bottom, rgb(236, 243, 241), rgb(241, 244, 244));
    box-shadow: 0 0 8px #777777;
    border-radius: 3px;
}

.info {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 3px;
    width: 16px;
    height: 16px;
    background: url("../images/ico-info.png") center center no-repeat;
}

.info .hover-info {
    left: 15px;
    top: 22px;
    width: 270px;
}

.hover-info {
    width: 190px;
    padding: 10px;
    right: 30px;
    white-space: normal;
    z-index: 200;
    max-height: 400px;
    overflow: auto;
}

.hover-trigger {
    cursor: pointer;
}

.hover-trigger.relative {
    position: relative;
}

.hover-trigger:hover .hover-info,.table-hover-trigger tr:hover .hover-info {
    display: block;
}

#regimenSummary {
    width: 350px;
    bottom: 50px;
    left: -100px;
}

#regimenTrigger {
    position: absolute;
    padding: 10px 15px;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 35px, rgba(211, 215, 205, 0.88) 100%);
    border-radius: 5px;
}

#regimenTrigger:hover {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 35px, rgb(111, 159, 124, 0.88) 100%)
}

table.prescription {
    background: #f2dfe9;
}

table.prescription ul {
    list-style: none inside none;
}

table.prescription td.ippn-part {
    padding-left: 20px;
}

table.prescription td, table.prescription th {
    text-align: right;
}

table.prescription td:first-child, table.prescription th:first-child {
    text-align: left;
}

p.prescription {
    margin-top: 25px;
    text-align: center;
}

.hover-info h1 {
    text-align: center;
    padding: 0 0 10px;;
    font-size: 100%;
    border-bottom: 1px solid #d4dbd9;
}

.hover-info ul {
    list-style: lower-roman inside;
    text-align: left;
    border: 1px solid #d4dbd9;
    border-top: 0 none;
    padding: 5px;
}

.hover-info ul li {
    padding-bottom: 5px;
}

.hover-info p {
    text-align: center;
    border: 1px solid #d4dbd9;
    border-top: 0 none;
    padding: 5px;
    margin: 0;
}

.hover-info strong {
    display: block;
}

.breadcrumbs a:link,.breadcrumbs a:visited {
    color: rgb(93, 96, 102);
}

.breadcrumbs {
    margin: 0 auto;
    padding: 20px 30px 15px 40px;
}

.kruemmeltrigger:hover .kruemmelhover {
    visibility: visible;
    bottom: 35px;
}

.kruemmelhover {
    visibility: hidden;
}

.kruemmelschrift {
    position: relative;
    bottom: 20px;
    font-size: 12px;
    white-space: nowrap;
}

#kruemmel {
    list-style: none outside none;
    background: linear-gradient(to top, transparent calc(50% - 1px), rgb(200, 211, 209), transparent calc(50% + 1px));
    padding-top: 15px;
}

#kruemmel a, .kruemmeltrigger {
    position: relative;
    bottom: 10px;
    display: inline-block;
    height: 10px;
    width: 10px;
    padding: 10px;
    margin-top: 2px;
    margin-left: -10px;
}

.kruemmeltrigger.active {
    background: radial-gradient(#b79f82 0px, #b79f82 5px, transparent 6px) no-repeat left center;
}
.kruemmeltrigger.inactive {
    background: radial-gradient(#c7d2d0 0px, #c7d2d0 5px, transparent 6px) no-repeat left center;
}
.kruemmeltrigger.available {
    background: radial-gradient(#8ab379 0px, #8ab379 5px, transparent 6px) no-repeat left center;
}

#kruemmel li {
    width: 0;
    float: left;
    position: relative;
    bottom: 15px;
}

#kruemmel li:first-child a img {
    margin-left: 0;
}

/*Badge*/
.content:before {
    content: '';
    height: calc(100% + 31px);
    position: absolute;
    left: 6px;
    top: -5px;
    width: 13px;
    background-color: #ffdc73;
    background: linear-gradient(to bottom, #ddbf64, #ffdc73 30px, #ffdc73 calc(100% - 26px), transparent calc(100% - 26px), transparent 100%),
        url("../images/badge-end.svg") bottom center / 20px no-repeat;
    filter: drop-shadow(0 0 1px #474A4E);
}

/*Button Footer*/
.buttonbar {
    margin: 10px auto 2px;
    text-align: center;
    max-width: 770px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.buttonbar-wide {
    margin: 20px auto 2px;
    text-align: center;
    max-width: 8500px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.buttonbar > input[type="submit"]:first-child {
    margin-right: 3px;
}

.trenner {
    height: 30px;
    padding: 5px 0;
    margin: 0 10px;
    border-left: 1px solid #FFDC73;
    border-right: 2px solid rgb(187, 187, 187);
    border-right: 2px solid rgba(187, 187, 187, 0.9);
}

.option-toggle td {
    margin-top: 15px;
}

tr.option-toggle {
    height: 19px;
    text-align: left;
    color: rgb(71, 74, 78);
    cursor: pointer;
}

.option-toggle {
    cursor: pointer;
}

.tabs_open {
    padding-left: 20px;
    background: url("../images/btn-right.gif") left center no-repeat;
}

.tabs_open:hover {
    background: url("../images/btn-right-hover.gif") left center no-repeat;
}

.tabs_close {
    padding-left: 20px;
    background: url("../images/btn-down.gif") left center no-repeat;
}

.tabs_close:hover {
    background: url("../images/btn-down-hover.gif") left center no-repeat;
}

.patient-action {
    position: absolute;
    bottom: 0;
    text-align: center;
    color: rgb(93, 96, 102);
    line-height: 110%;
    font-size: 12px;
}

div.circle {
    width: 84px;
    height: 84px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 20px;
}

div.circle a {
    width: 84px;
    height: 39px;
    display: inline-block;
    padding-top: 45px;
}

div.circle.patient {
    background: url("../images/patient_normal.png") center 10px no-repeat;
}

div.circle.patient:hover {
    background: url("../images/patient.png") center top no-repeat;
}

div.circle.regime {
    background: url("../images/regime_normal.png") center 10px no-repeat;
}

div.circle.regime:hover {
    background: url("../images/regime.png") center top no-repeat;
}

div.circle.historie {
    background: url("../images/historie_normal.png") center 10px no-repeat;
}

div.circle.historie:hover {
    background: url("../images/historie.png") center top no-repeat;
}

h1.formhead, h2.formhead {
    margin-left: 50%;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(205, 210, 199);
}

h3.split {
    margin: 0 0 0 50%;
}

div.split {
    text-align: center;
}

table.split {
    margin: 10px 0;
}

table.split tr {
    width: 100%;
}

table.split th {
    border-bottom: 1px solid rgb(205, 210, 199);
    padding-bottom: 5px;
}

table.split td {
    padding: 2px 0;
}

table.split th:first-child,table.split td:first-child {
    padding-right: 20px;
    text-align: right !important;
    width: 50%;
}

table.split th:last-child,table.split td:last-child {
    text-align: left !important;
    width: 50%;
}

select {
    border: 0;
    width: 240px;
    color: #5D6066;
}

input.datepicker {
    width: 65px;
    size: 10;
}

.split input.datepicker {
    width: 160px;
}

#todo {
    left: 5px;
    position: fixed;
    top: 50px;
    width: 150px;
    background-image: linear-gradient(to right, rgba(171, 149, 141, 0.2), rgba(241, 54, 18, 0.2));
    background-repeat: repeat-y;
    padding: 5px;
}

#todo h1 {
    color: red;
}

#errors {
    position: fixed;
    right: 10px;
    top: 100px;
    z-index: 99;
    width: 200px;
    background: #72706F url("../images/hinweis.png") center top no-repeat;
    border-radius: 5px;
    box-shadow: 5px 5px 10px #333;
}

@media only screen and (max-width:980px) {
    #errors {
        position: absolute;
        top: 75px;
    }
}

#errors ul {
    list-style: disc outside none;
}

#errors .errors-bottom {
    margin: 55px 5px 0 0;
    padding: 10px 5px 10px 28px;
    color: white;
    text-align: left;
}

#errors .errors-bottom a {
    color: white;
    text-decoration: underline;
}

#select_list,.tooltip {
    background-color: #f1f4f4;
    background: linear-gradient(to bottom, rgb(236, 243, 241), rgb(241, 244, 244));
    position: absolute;
    white-space: normal;
    box-shadow: 0 0 8px #777777;
    border-radius: 3px;
    z-index: 100;
}

.tooltip {
    padding: 5px;
    display: none;
}

.tooltip > h3 {
    padding: 0 15px;
}

.tooltip div.tt-content {
    overflow: auto;
    max-height: 250px;
    width: 100%;
    margin-top: 5px;
    border-top: 2px solid rgba(187, 187, 187, 0.5);
}

.tooltip#tooltip_down div.tt-content {
    max-height: calc(100vh - 70px);
    min-height: 240px;
    height: 620px;
}

.tt-content a.table-link {
    display: inline-block;
    width: 100%;
    height: 100%;
    min-width: 20px;
    min-height: 20px;
}

.tt-content a.table-link.workflow-continue {
    background: url("../images/btn-right.gif") center center no-repeat;
}
.tt-content a.table-link.workflow-continue:hover {
    background: url("../images/btn-right-hover.gif") center center no-repeat;
}
.tt-content a.table-link.workflow-prescription {
    background: url("../images/ico-check.png") center center no-repeat;
}
.tt-content a.table-link.workflow-prescription:hover {
    background: url("../images/ico-check-hover.png") center center no-repeat;
}
.tt-content a.table-link.workflow-phone {
    background: url("../images/phone.png") center center no-repeat;
}

#tooltip_top.tooltip div.tt-content {
    max-height: 185px;
}

#tooltip_top {
    bottom: 375px;
    right: 80px;
    width: 320px;
}

#tooltip_right {
    left: 385px;
    width: 380px;
    top: 55px;
}

#tooltip_left {
    right: 385px;
    width: 420px;
    top: 70px;
    padding-left: 0;
}

#tooltip_down {
    top: 375px;
    right: -235px;
    width: 960px;
    padding: 10px 0 0 0;
}

#tooltip_down h2 {
    display: inline-block;
    margin-right: 15px;
}

#product-grid {
    height: 100%;
    text-align: left;
}

#product-grid span.price-economic {
    height: 20px;
    width: 20px;
    display: inline-block;
    background-size: contain;
}

#product-grid div.hint-icon {
    cursor: pointer;
}

#product-grid-filter {
    display: inline-block;
}

#product-grid-filter label {
    display: inline-block;
}

#product-filter {
    text-align: left;
    white-space: nowrap;
    left: 0;
    width: 310px;
    box-shadow: none;
    background: white;
    cursor: default;
}

#product-filter > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#product-filter > div.content-filter {
    margin-bottom: 10px;
}

#product-filter .filter-label {
    width: 80px;
}

#toggle-product-filter {
    padding: 5px 35px 5px 10px;
    background: url(../images/ico-down.svg) right 5px center / 14px no-repeat, white;
    border-radius: 2px;
    cursor: pointer;
    height: 18px;
    display: inline-block;
    vertical-align: bottom;
    line-height: 19px;
    position: relative;
    box-shadow: inset 1px 1px 3px #999999;
}

#toggle-product-filter.open {
    background-image: url(../images/ico-up.svg);
    filter: drop-shadow(0px 0px 5px #000);
    box-shadow: none;
    z-index: 1000;
}

#filter-controls {
    position: absolute;
    display: inline-block;
}

#filter-indicator,#filter-indicator2, #filter-reset {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

#filter-indicator {
    background: url(../images/ico-check.png) center center no-repeat;
}

#filter-reset {
    cursor: pointer;
    background: url(../images/ico-close.png) center center no-repeat;
}

label.unit-wrapper {
    display: inline-block;
    position: relative;
}

label.unit-wrapper::after {
    position: absolute;
    line-height: 28px;
    right: 0.5em;
    color: #888;
}

label.unit-wrapper input, td.unit-col {
    text-align: right;
}

label.unit-wrapper.kcal::after {
    content: 'kcal';
}

label.unit-wrapper.kcal input, label.unit-wrapper.ml input {
    padding-right: 3em;
    width: 3.5em;
}

label.unit-wrapper.ml::after {
    content: 'ml';
}

label.unit-wrapper.percent::after {
    content: '%';
}

label.unit-wrapper.percent input {
    padding-right: 1.5em;
    width: 1.5em;
}

label.unit-wrapper.gram::after {
    content: 'g';
}

label.unit-wrapper.gram input {
    padding-right: 1.5em;
    width: 3em;
}

.ag-theme-cn .ag-row.greyed-out {
    color: grey;
    font-style: italic;
}

.ag-theme-cn .ag-row.greyed-out .ag-cell-value {
    padding-right: 1px;
}
.ag-theme-cn .ag-cell.ag-cell-no-padding {
    padding-right: 0;
    padding-left: 0;
}

p.red-hand {
    padding-left: 18px;
    background: url(../images/rote-hand.png) left center / contain no-repeat;
}

a.red-hand {
    padding: 4px;
    margin-left: 5px;
    background: url(../images/rote-hand.png) right center / contain no-repeat;
}


p.product-info-note {
    padding-left: 18px;
    background: url(../images/ico-prescription-small.png) left center / contain no-repeat;
}

a.product-info-note {
    padding: 8px;
    margin-left: 5px;
    background: url(../images/ico-prescription-small.png) right center / contain no-repeat;
}



#select_list,.search-results {
    width: 250px;
    text-align: center;
}

#select_list.popup {
    max-height: 300px;
    overflow: auto;
    display: none;
}

#select_list h3,.search-results h3 {
    padding: 6px 5px 0 5px;
}

#select_list li:hover,.search-results li:hover {
    background: #d1d4d4;
}

#select_list li,.search-results li {
    list-style: none;
    padding: 0 5px;
    cursor: pointer;
}

.product-info {
    border-bottom: 1px solid black;
}

#select_list.alternatives {
    right: -150px;
    top: 150px;
}

#select_list strong {
    display: block;
}

#select_list p.inline strong {
    display: inline-block;
}

.delete {
    background-image: url("../images/icon_cross_black.gif") !important;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

a.delete {
    display: inline-block;
    width: 20px;
    height: 20px;
}

td.delete {
    width: 20px;
}

.delete:hover,.red td.delete {
    background-image: url("../images/icon_cross_red.gif") !important;
}

div.delete {
    margin: 5px 0;
    padding: 5px;
    padding-left: 25px;
    background-position: 5px center;
    cursor: pointer;
    width: 193px;
    border: 1px solid #c6c6c6;
}

div.delete:hover {
    background-color: rgba(220, 20, 20, 0.05);
    background-position: 5px center;
}

.red {
    background-color: rgb(220, 20, 20);
    background-color: rgba(220, 20, 20, 0.1);
}

a.cockpit_table_button {
    cursor: pointer;
    padding: 5px 11px;
    background-repeat: no-repeat;
    background-position: center center;
}

td.required {
    font-weight: 600;
}

th.js-sortable {
    padding-left: 20px;
    background: url("../images/sorting_off.gif") left center no-repeat;
    cursor: pointer;
}

th.sortable a {
    padding-left: 20px;
    padding-bottom: 2px;
    background: url("../images/sorting_off.gif") left top no-repeat;
}

th.sortable.sorted.order1 a {
    background: url("../images/sorting_up.gif") left top no-repeat;
}

th.sortable.sorted.order2 a {
    background: url("../images/sorting_down.gif") left top no-repeat;
}

h2.redphone {
    background: url("../images/phone.png") 225px 8px no-repeat;
}

.phone {
    background: url("../images/phone.png") 10px center no-repeat;
}

.short-inputs .chosen-container {
    width: 100px !important;
}

.short-inputs .chosen-drop {
    width: 150% !important;
}

.short-inputs input[type="text"] {
    width: 80px !important;
}

input[type="text"].price {
    width: 60px !important;
}

.message {
    margin: 30px 0;
}

.small-message {
    margin: 10px 0;
}

.message ul,.small-message ul {
    margin-left: 50%;
    margin-top: 10px;
    text-align: left;
}

#confirm-dialog {
    position: absolute;
    top: -50px;
    left: 117px;
    text-align: center;
}

.white-popup {
    width: 600px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 10001;
    max-height: 100vh;
    filter: drop-shadow(0px 0px 10px #000);
    margin-top: 80px;
    padding: 65px 5px 10px;
    box-shadow: inset 0 0 3px #333;
    border-radius: 10px;
    background: white;
}

.white-popup span.close-popup, .simple-popup span.close-popup {
    cursor: pointer;
    height: 16px;
    width: 16px;
    background: url("../images/ico_dialog_close.png") top center no-repeat;
    position: absolute;
    right: 15px;
    top: 10px;
}

.white-popup:before {
    background: url("../images/ico-cs-logo.png") center center no-repeat;
    position: absolute;
    top: -55px;
    height: 110px;
    width: 100%;
    display: block;
    content: "";
}

.white-popup>.popup-content {
    background: #fefefe;
    overflow: auto;
    max-height: calc(100vh - 170px);
    padding: 0 20px;
}

.popup-content {
    cursor: default;
}

.popup-content a {
    cursor: pointer;
}

.popup-content .outset {
    margin-top: 25px;
}

.popup-content p {
    line-height: normal;
}

.simple-popup {
    background-color: rgb(235, 245, 244);
    box-shadow: 0px 0 10px #222, inset 0 0 2px #333;
    padding: 15px 30px;
    overflow-y: auto;
    margin: 20px auto;
    max-height: calc(100vh - 80px);
    border-radius: 5px;
    z-index: 10001;
    width: 600px;
    text-align: center;
    position: relative;
}

@media only screen and (max-width:840px) {
    .simple-popup {
        max-width: calc(100vw - 80px);
    }
}

th.search {
    background: url("../images/ico-search.svg") left center no-repeat;
    padding-left: 20px;
}

@media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active) {
    /* IE10+ CSS styles go here */
    tbody.inset {box-shadow: none !important;}

    select {
        width: 270px;
    }
}

#workflowForm {
    position: relative;
}

/*
 * Downloads page
 */

#downloads .masterdata th {
    text-align: left;
}

#downloads .masterdata td:nth-child(2) {
    width: 80px;
}

/*
 * Insurer page
 */

#insurers h2 {
    font-size: 103%;
    padding: 15px 0;
}

/*
 * Impressum page
 */
.impressum em,.impressum strong {
    display: block;
}

.impressum strong {
    padding: 5px 0px 5px 0px;
}

.impressum h2,.impressum h3 {
    text-decoration: underline;
}

.impressum ul {
    padding-left: 15px;
}

.impressum ul li {
    line-height: 1.5;
    list-style: outside none disc;
    margin: 5px 0;
}

.impressum.inset {
    padding: 10px 15px;
    width: 95%; /*62*/
    margin-bottom: 12px;
    margin-top: 25px;
}

.impressum.buttonbar {
    width: 95%;
}

ul.changelist {
    list-style: none;
    text-align: left;
    margin-bottom: 20px;
}

ul.changelist > li {
    padding-left: 25px;
    background: url('../images/feder.svg') top left / 20px 20px no-repeat;
}

ul.changelist > li > ul {
    list-style: outside disc;
    padding-left: 20px;
}

span.feather {
    padding-left: 25px;
    background: url('../images/feder.svg') top left / 20px 20px no-repeat;
    line-height: 25px;
    display: inline-block;
    text-decoration: underline;
}

.hint-icon {
    background: url('../images/ico_endingprescriptions.png');
    background-size: cover;
    height: 28px;
    width: 28px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 10px;
    --icon-size: 60px;
}

#hint-traces ~ .hint-icon {
    background-image: url('../images/ico_endingprescriptions_hover.png');
}

.hint-icon .hover-info:before {
    display: block;
    content: "";
    height: var(--icon-size);
    width: var(--icon-size);
    position: absolute;
    background: url('../images/img-book-opt0.png') top / contain no-repeat;
    top: 5px;
    left: 5px;
}

.hint-icon .hover-info {
    --width: 400px;
    width: var(--width);
    background: none;
    box-shadow: none;
    filter: drop-shadow(0px 0px 6px rgba(0,0,0,.8));
    left: -15px;
    top: -5px;
    padding-top: calc(0.5 * var(--icon-size));
    text-align: left;
    font-size: 13px;
    font-weight: normal;
}

.hint-icon.open-left .hover-info:before{
    left: auto;
    right: 0;
}

.hint-icon.open-left .hover-info {
    left: auto;
    right: -30px;
}

.hint-icon .hover-info .popup-content {
    padding: 15px;
    background: rgb(241, 246, 245);
    background: linear-gradient(rgb(195, 211, 212), rgb(241, 246, 245) var(--icon-size));
    box-shadow: inset 0 0 1px #333;
    border-radius: 5px;
}

.styled-radio ~ .hint-icon {
    background-image: url('../images/ico-prescription-small.png');
    height: 20px;
    width: 20px;
}

.styled-radio ~ .hint-icon:hover {
    background-image: url('../images/ico-prescription-small-hover.png');
    border-radius: 10px;
}
#workflowDescription ~ .hint-icon {
    float: right;
}

.hint-ref {
    padding: 5px 10px;
    font-size: 90%;
}
.hint-ref a {
    vertical-align: baseline;
}

h3 .hint-icon {
    position: absolute;
    bottom: 0;
    font-weight: normal;
}

.text-left {
    text-align: left;
}

.hints dl {
    margin: 3px 0;
}

.hints dt {
    display: inline-block;
    font-weight: bold;
    padding: 2px 5px;
    border-left: 1px solid grey;
}

.hints dt:first-child {
    border-left: none;
}

.hints dt::after {
    content: ":";
}

.hints dd {
    display: inline-block;
    padding: 2px 5px;
    border-right: 1px solid grey;
}

.hints dd:last-child {
    border-right: none;
}

.popup-content .hints {
    text-align: justify;
}

.hints h1 {
    background: url('../images/img-book-opt0.png') left center / 80px no-repeat;
    padding: 20px 0 0 90px;
    margin-bottom: 5px;
}

.hints .short-descr, .hints .long-descr {
    text-align: justify;
}

.popup-content .hints table, .popup-content .hints table th, .hints table {
    text-align: right;
}

.popup-content .hints ol {
    margin-left: 15px;
}
.popup-content .hints ol li {
    padding-left: 5px;
}

.hints emph {
    margin-top: 5px;
}

/*
 * Datepicker
 */
 /* DatePicker Container */

#ui-datepicker-div {
    display: none;
}

.ui-datepicker {
    width: 210px;
    -webkit-box-shadow: 1px 1px 3px 8px rgba(119, 119, 119, 0.6);
    -moz-box-shadow: -1px 3px 8px rgba(119, 119, 119, 0.6);
    box-shadow: -1px 3px 8px rgba(119, 119, 119, 0.6);
    behavior: url(PIE.htc);
}

.ui-datepicker table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ui-datepicker a {
    text-decoration: none;
}

.ui-datepicker-header {
    background-color: rgb(228, 238, 229);
    height: 35px;
    color: rgb(93, 96, 102);
    margin-left: auto;
    margin-right: auto;
}

.ui-datepicker-title {
    display: block;
    text-align: center;
    font-size: 10px;
    height: 35px;
    background-color: rgb(255, 255, 255);
}

.ui-datepicker-title select {
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(../images/calendar/downArrow.png) no-repeat center right;
    color: #919191;
    margin-top: 10px;
    font-size: 12px;
}

.ui-datepicker-month {
    width: 80px;
}

.ui-datepicker-year {
    width: 45px;
    margin-left: 10px;
}

.ui-datepicker-prev,.ui-datepicker-next {
    display: inline-block;
    width: 19px;
    height: 19px;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-color: rgb(228, 238, 229);
    overflow: hidden;
    color: rgb(228, 238, 229);
}

.ui-datepicker-prev:hover,.ui-datepicker-next:hover {
    background-color: rgb(218, 218, 218);
}

.ui-datepicker-prev {
    float: left;
    background-repeat: no-repeat;
    padding: 8px;
}

.ui-datepicker-next .ui-icon, .ui-datepicker-prev .ui-icon  {
    width: 7px;
    height: 14px;
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
}

.ui-datepicker-next .ui-icon {
    background-image: url('../images/btn_calendar_next.png');
}

.ui-datepicker-prev .ui-icon  {
    background-image: url('../images/btn_calendar_prev.png');
}

.ui-datepicker-next {
    float: right;
    background-repeat: no-repeat;
    padding: 8px;
}

.ui-datepicker th {
    background-color: rgb(220, 220, 220);
    text-transform: uppercase;
    width: 29px;
    height: 25px;
}

.ui-datepicker tbody td {
    padding: 0;
    border: 1px solid;
    border-color: rgb(200, 200, 200);
}

.ui-datepicker tbody tr {
    padding: 0;
    border: 1px solid rgb(200, 200, 200);
    background-color: rgb(247, 247, 240);
}

.ui-datepicker td span,.ui-datepicker td a {
    display: inline-block;
    text-align: center;
    width: 29px;
    line-height: 30px;
    background-color: rgb(247, 247, 240);
}

.ui-datepicker-calendar .ui-state-hover {
    background: rgb(71, 74, 78);
    color: rgb(255, 255, 255);
}

.ui-datepicker-calendar .ui-state-active {
    background: rgb(71, 74, 78);
    color: rgb(255, 255, 255);
}

.ui-datepicker-unselectable .ui-state-default {
    background: rgb(255, 255, 255);
    color: rgb(200, 200, 200);
}

.ui-datepicker-trigger img {
    margin-bottom: 5px;
}

.ui-datepicker-trigger {
    margin: 0 0 0 10px;
    vertical-align: middle;
    background: none;
    border: 0;
    cursor: pointer;
    padding: 1px;
    width: 28px;
    height: 28px;
}

button.ui-datepicker-trigger:hover {
    background: none;
}

/*
 * Chosen
 */

/* @group Base */
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}

.chosen-container a {
    cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 28px;
    background: white;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: inset 1px 1px 3px #999999;
    -moz-box-shadow: inset 1px 1px 3px #999999;
    -webkit-box-shadow: inset 1px 1px 3px #999999;
    -o-box-shadow: inset 1px 1px 3px #999999;
    text-decoration: none;
    white-space: nowrap;
    line-height: 28px;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 2px;
    display: block;
    width: 22px;
    height: 100%;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/btn_selectfield.png') no-repeat left center;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background: url('../images/btn_selectfield-up.png') no-repeat left center;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: white url('chosen-sprite.png') no-repeat 100% -20px;
    background: url('chosen-sprite.png') no-repeat 100% -20px,
        -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)
        );
    background: url('chosen-sprite.png') no-repeat 100% -20px,
        -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background: url('chosen-sprite.png') no-repeat 100% -20px,
        -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background: url('chosen-sprite.png') no-repeat 100% -20px,
        -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #46494d;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #46494d),
        color-stop(90%, #393c3e) );
    background-image: -webkit-linear-gradient(#46494d 20%, #393c3e 90%);
    background-image: -moz-linear-gradient(#46494d 20%, #393c3e 90%);
    background-image: -o-linear-gradient(#46494d 20%, #393c3e 90%);
    background-image: linear-gradient(#46494d 20%, #393c3e 90%);
    color: #fff;
}

.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee),
        color-stop(15%, #ffffff) );
    background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 5px;
    height: 15px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #666;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-field .default {
    color: #999;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4),
        color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee) );
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4),
        color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee) );
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @end */
/* @group Active  */

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

.chosen-disabled .chosen-single {
    cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

/* @end */

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-resolution:
    144dpi) {
    .chosen-rtl .chosen-search input[type="text"],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-search input[type="text"],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span
        {
        background-image: url('chosen-sprite@2x.png') !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}
/* @end */

.question-wrapper .question {
    font-weight: 600;
    font-size: 110%;
}

.error-reason-box{
	color: red;
	font-size: 15px;
	margin-top: 20px;
}

.tooltip-without-special-options{
	top: 148px !important;
}

.mb-60{
    margin-bottom: 60px!important;
}
table.regimens td, 
table.regimens th{
    word-wrap:break-word; 
    box-sizing: border-box;
}

#combi-regimens thead{
    visibility: collapse;
}
.mb-30{
    margin-bottom: 30px!important;
}

.mb-16{
    margin-bottom: 16px!important;
}

.regimen-price-container{
    width: 100%;
    position: sticky; top: 0; background-color: #e4ebe8;z-index: 9;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

.regimen-price-container .w-25{
    flex: 1 0 25%;
    max-width: 25%;
    padding: 5px 5px 5px 10px;
    box-sizing: border-box;
    height: unset;
}
.regimen-price-container .w-20{
    flex: 1 0 20%;
    max-width: 20%;
    padding: 5px 5px 5px 10px;
    box-sizing: border-box;
    height: unset;
}
.regimen-price-container .ml-55{
    margin-left: 55%;
}
.regimen-price-container .ml-5{
    margin-left: 5%;
}    
.regimen-price-container .w-50{
    flex: 1 0 50%;
    box-sizing: border-box;
}
.regimen-price-container .ml-25{
    margin-left: 25%;
}    

.regimen-price-container .ml-50{
    margin-left: 50%;
}    

.regimen-price-container .regimen-price-container-row{
    display: flex;
    width: 100%;
    flex-direction: row;
}
    
.text-right{
    text-align: right;
}

.blue {
      background: linear-gradient(to bottom, rgb(217, 237, 247), rgb(142, 194, 209));
    color: black;
    height: 18px;
    padding: 5px 0 5px 10px;
}