body { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 14px; margin: 0; border: 0; position: absolute; width: 100%; background: url(../img/dbbg-1.jpg) no-repeat right top fixed; background-size: cover; } #totop { position: fixed; bottom: 10px; left: 10px; font-size: 40px; color: #840038; cursor: pointer; display: none; } #totop .info { float: left; font-size: 12px; line-height: 14px; width: 165px; margin: 9px 0; color: #9fc2cc; } #header { height: 84px; width: 100%; text-align: right; } #header .logo { margin: 17px 10px 0 16px; height: 42px; } @media (max-width: 530px) { #header .logo { display: none; } } #mobile-nav-trigger { float: left; margin: 0 15px; line-height: 84px; } #mobile-nav-trigger .fa { font-size: 40px; color: #1d1d2f; vertical-align: middle; cursor: pointer; } #header .ismobile { display: block; } #header .filter { position: absolute; top: 0; margin: 0 0 0 80px; text-align: left; } #header .filter .time { height: 30px; width: 200px; background-color: #ffffff; line-height: 30px; padding: 0 10px; margin: 7px 10px 0 0; color: #999999; font-size: 12px; position: relative; box-shadow: 2px 2px 2px 0px rgba(136,136,136,0.65); display: none; } #header .filter .time:hover { box-shadow: 2px 2px 2px 1px rgba(136,136,136,0.65); } #header .filter .time .fa { font-size: 17px; margin: 0 10px 0 0; vertical-align: baseline; } #header .filter .time .fa-caret-down{ position: absolute; right: 0; line-height: 30px; } #header .filter .time .comiseo-daterangepicker-triggerbutton { background: none; border: none; position: absolute; left: 0; width: 120px; height: 30px; padding: 0 0 0 40px; color: #999999; font-weight: normal; z-index: 99; } #header .filter .cumulation { height: 30px; width: 200px; background-color: #ffffff; line-height: 30px; padding: 0 10px; margin: 7px 10px 0 0; color: #999999; font-size: 12px; position: relative; cursor: pointer; box-shadow: 2px 2px 2px 0px rgba(136,136,136,0.65); } #header .filter .cumulation:hover { box-shadow: 2px 2px 2px 1px rgba(136,136,136,0.65); } #header .filter .cumulation .fa { font-size: 17px; margin: 0 10px 0 0; vertical-align: baseline; } #header .filter .cumulation .fa-caret-down{ position: absolute; right: 0; line-height: 30px; } #header .filter .cumulation .options { background-color: #ffffff; z-index: 98; position: relative; left: -10px; width: 150px; box-shadow: 2px 2px 2px 0px rgba(136,136,136,0.65); display: none; } #header .filter .cumulation .options div { height: 29px; border-top: 1px solid #999999; padding: 0 10px 0 35px; cursor: pointer; } #header .filter .cumulation .options div:hover { background-color: #999999; color: #ffffff; } #navi { float: left; background-color: rgba(21, 38, 63, 1); width: 220px; position: absolute; padding: 0; z-index: 999999; position: absolute; left: -220px; top: 0px; } #navi .project:visited, #navi .project { height: 40px; color: #ffffff; text-transform: uppercase; display: block; line-height: 40px; padding: 0 11px; text-decoration: none; font-size: 14px; margin: 0; white-space: nowrap; overflow: hidden; } #navi .project.active, #navi .project:hover { background-color: #840038; } #navi .projectcontainer { margin: 10px 0; } #navi .projectcontainer:first-child { margin: 0 0; } #navi .datacenter{ margin-bottom: 30px; } #navi .datacenter .project:visited, #navi .datacenter .project { background-color: #65b4e1; } #navi .datacenter .project.active, #navi .datacenter .project:hover { background-color: #1a628a; } #navi .calendar{ margin-bottom: 30px; } #navi .calendar .project:visited, #navi .calendar .project { background-color: #ee5d2f;/*#ef7751;*/ } #navi .calendar .project.active, #navi .calendar .project:hover { background-color: #ef7751; } #navi .projectcontainer .polls { display: none; background-color: rgba(29, 29, 47, 0.4); overflow: hidden; } #navi .projectcontainer.active .polls { display: block; } #navi .poll:visited, #navi .poll { height: 25px; color: #ffffff; text-transform: uppercase; display: block; line-height: 25px; padding: 0 11px; text-decoration: none; font-size: 10px; white-space: nowrap; overflow: hidden; } #navi .poll:first-child { margin: 5px 0 0 0; } #navi .poll:last-child { margin: 0 0 5px 0; } #navi .poll.active, #navi .poll:hover { color: #9fc2cc; } #navi .poll .fa { color: #9fc2cc; font-size: 14px; margin: 0 10px 0 5px; vertical-align: middle; } #navi .datacenter .poll.active, #navi .datacenter .poll:hover { color: #65b4e1; } #navi .datacenter .poll .fa { color: #65b4e1; } #navi .calendar .poll.active, #navi .calendar .poll:hover { color: #ef7751; } #navi .calendar .poll .fa { color: #ef7751; } #navi .options:visited, #navi .options { height: 35px; color: #ffffff; text-transform: uppercase; display: block; line-height: 40px; padding: 0 11px; text-decoration: none; font-size: 10px; } #navi .withsubs .options.main { position: relative; } #navi .withsubs .options.main:after{font-family: FontAwesome; content: "\f067"; position: absolute; right: 11px; } #navi .withsubs:hover .options.main:after, #navi .withsubs .options.main.active:after{content: " "; } #navi .subs { display: none; } #navi .active .subs { display: block; } #navi .subs .options { padding-left: 35px; background-color: rgba(29, 29, 47, 0.4); } #navi .options.active, #navi .options:hover { color: #840038; } #navi .options .fa { color: #840038; font-size: 14px; margin: 0 5px 0 0; vertical-align: middle; width: 14px; text-align: center; } #navi hr { margin: 7px 11px; border-bottom: none; border-left: none; border-right: none; height: 1px; border-top: 1px solid #525252; } #navi a:hover, #navi a.active, #navi a .fa { color: #9fc2cc!important; } #navi .halth-patientenverwaltung { display: none; } #customer-header { overflow: hidden; position: relative; } #customer-header .subnavi { background-color: rgba(21, 38, 63, 1); height: 40px; line-height: 40px; padding: 10px 18px 0 18px; color: #ffffff; text-transform: uppercase; font-size: 9px; } #customer-header .subnavi a:visited, #customer-header .subnavi a { padding: 0 5px; color: #ffffff; text-transform: uppercase; display: inline-block; margin: 0 5px 0 0; width: 30px; text-align: center; } #customer-header .subnavi a.active, #customer-header .subnavi a:hover { background-color: #ffffff; color: #1d1d2f; text-decoration: none; } #customer-header .subnavi a .fa { margin: 0 0 0 0; font-size: 25px; vertical-align: middle; } #customer-header .subnavi a.active .fa, #customer-header .subnavi a:hover .fa { color: #840038; } .health-overview .subnavi a:visited, .health-overview .subnavi a { padding: 0 5px; color: #ffffff; text-transform: uppercase; display: inline-block; margin: 0 5px 0 0; width: 30px; text-align: center; } .health-overview .subnavi a.active, .health-overview .subnavi a:hover { background-color: #ffffff; color: #1d1d2f; text-decoration: none; } .health-overview .subnavi a .fa { margin: 0 0 0 0; font-size: 25px; vertical-align: middle; } .health-overview .subnavi a.active .fa, .health-overview .subnavi a:hover .fa { color: #840038; } .toggle-box .toggle-head a.active .fa, .toggle-box .toggle-head a:hover .fa { color: #840038; } @media (max-width: 500px) { #customer-header .subnavi a { width: 25px; } #customer-header .subnavi a .fa { font-size: 20px; } } #customer-header .subnavi .health-pv { display: none; } .verlaeufe .subnavi { height: 40px; line-height: 40px; padding: 10px 18px 0 18px; color: #ffffff; text-transform: uppercase; font-size: 9px; } .verlaeufe .subnavi a:visited, .verlaeufe .subnavi a { padding: 0 10px; color: #ffffff; text-transform: uppercase; display: inline-block; margin: 0 10px 0 0; text-align: center; font-size: 14px; font-weight: 300; } .verlaeufe .subnavi a.active, .verlaeufe .subnavi a:hover { background-color: #ffffff; color: #1d1d2f; text-decoration: none; } .verlaeufe .subnavi a .fa { margin: 0 0 0 0; font-size: 25px; vertical-align: middle; } @media (max-width: 500px) { .verlaeufe .subnavi a { width: 25px; } .verlaeufe .subnavi a .fa { font-size: 20px; } } .health-overview .subnavi { height: 40px; line-height: 40px; padding: 10px 18px 0 18px; color: #ffffff; text-transform: uppercase; font-size: 9px; } .health-overview .subnavi a:visited, .health-overview .subnavi a { padding: 0 10px; color: #ffffff; text-transform: uppercase; display: inline-block; margin: 0 10px 0 0; text-align: center; font-size: 14px; font-weight: 300; vertical-align: top; } .health-overview .subnavi a.active, .health-overview .subnavi a:hover { background-color: #ffffff; color: #1d1d2f; text-decoration: none; } .health-overview .subnavi a .fa { margin: 0 0 0 0; font-size: 25px; vertical-align: middle; } @media (max-width: 500px) { .health-overview .subnavi a { width: 25px; } .health-overview .subnavi a .fa { font-size: 20px; } } /*#addPatientVerlauf { background-color: #840038; border-radius: 5px 5px 0 0; width: 14px; } #addPatientVerlauf.active, #addPatientVerlauf:hover { background-color: #ffffff; border-radius: 5px 5px 0 0; width: auto; } */ .statusBefragung { color: #999; font-style: italic; } .statusErinnerungen { color: #646464; font-style: italic; } .statusDatennutzung { color: #3D3D3D; font-style: italic; } .skala-bad {color: #f17d7d; font-size: 11px; } .skala-good {color: #63eca1; font-size: 11px; } .skala-first { margin-left: 80px; } .skala-last { margin-left: 20px; } .skala-info { margin-left: 10px; margin-top: 7px; vertical-align: bottom; } .info-promis-29 { float: right; border: 1px solid #840038; padding: 10px;} .info-promis-29 .fa-info-circle { font-size: 15px!important; margin: 0px!important; } #customer-header .logo-container { width: 100px; margin: 15px; height: 50px; text-align: center; border-right: 1px solid #ebebeb; float: left; } #customer-header .logo-container img { vertical-align: middle; display: inline; width: 60px; } @media (max-width: 1700px) { #customer-header .logo-container { display: none; } } #customer-header .team-img-container { width: 100px; margin: 15px; height: 203px; text-align: center; border-right: 1px solid #ebebeb; float: left; } #customer-header .team-img-container img { vertical-align: middle; display: inline; width: 70px; } #customer-header .link-container { width: 235px; margin: 15px; height: 152px; text-align: center; border-left: 1px solid #ebebeb; float: right; padding-left: 15px; display: none; } #customer-header .link-container.download { width: 150px; } #customer-header .link-container.sport { height: 50px; overflow: hidden; } #customer-header .link-container.filter-list{ width: 400px; text-align: left; } #customer-header .link-container.filter-list .participationcount { background-color: #ffffff; color: #840038; line-height: 22px; font-size: 12px; border-radius: 0px; overflow: hidden; margin: 30px 30px 30px 0; display: block; padding: 0 10px 0 0; border: 1px solid #840038; font-weight: bold; } #customer-header .link-container.filter-list .participationcount span { background-color: #840038; color: #ffffff; display: inline-block; margin: 0 10px 0 0; padding: 0 10px; width: 160px; } #customer-header .link-container.filter-list .participationcountparticipation { background-color: #ffffff; color: #981448; line-height: 16px; font-size: 12px; border-radius: 0px; overflow: hidden; margin: 5px 30px 5px 0; display: block; padding: 0 10px 0 0; border: 1px solid #840038; font-weight: bold; } #customer-header .link-container.filter-list .participationcountparticipation span { background-color: #468c98; color: #ffffff; display: inline-block; margin: 0 10px 0 0; padding: 0 10px; width: 180px; } #customer-header .link-container.filter-list .sel-filter { background-color: #f6f6f6; color: #000000; line-height: 22px; font-size: 12px; border-radius: 0px; overflow: hidden; margin: 0 30px 5px 0; display: block; padding: 0 10px 0 150px; position: relative; } #customer-header .link-container.filter-list .sel-filter span { background-color: #00607b; color: #ffffff; display: inline-block; margin: 0 10px 0 0; padding: 0 10px; font-weight: bold; width: 120px; position: absolute; height: 100%; left: 0; } #customer-header .link-container.filter-list input[type="submit"] { margin-top: 0; position: relative; } #customer-header .db-info { overflow: hidden; margin: 15px 5px 15px 0; } #customer-header .filters label, #customer-header h3 { color: #999999; font-size: 10px; text-transform: uppercase; font-weight: normal; margin: 0 0 5px 0; } #customer-header .link-container h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #customer-header .filters .editQuestion:hover, #customer-header .filters .editQuestion { text-decoration: none; } #customer-header .filters .editFiliale:hover, #customer-header .filters .editFiliale { text-decoration: none; } #customer-header h4 { color: #999999; font-size: 10px; /*text-transform: uppercase;*/ font-weight: bold; margin: 5px 0 0 0; } #customer-header h5 { color: #999999; font-size: 10px; /*text-transform: uppercase;*/ font-weight: normal; margin: 5px 0 0 0; } #customer-header h2 { color: #840038; font-size: 10px; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0; } #customer-header .fa-info-circle { font-size: 35px; color: #840038; margin: 15px 0 0 0; cursor: pointer; } #customer-header .link-container p { color: #999999; } #customer-header .link-container p .fa { display: block; } #customer-header .link-container a:visited, #customer-header .link-container a { color: #999999; text-decoration: none; } #customer-header .link-container a:hover { text-decoration: underline; } #customer-header .link-container hr { border-top: 1px solid #ebebeb; border-bottom: none; border-left: none; border-right: none; } #customer-header .link-container.download .links {text-align: left; display: inline-block; } #customer-header .link-container.download a {text-decoration: none; font-size: 15px; color: #840038; } #customer-header .link-container.download a .fa{ margin: 5px 5px 0 0; } #customer-header .link-container.download a:hover {text-decoration: underline; } #customer-header .select-icon { background-color: #840038; text-align: center; line-height: 25px; color:#ffffff; float: left; width: 25px; } #customer-header .select-icon .fa { vertical-align: middle; color: #ffffff!important;} #customer-header input[type="text"] { margin: 3px 0 10px 0; height: 25px; padding: 0 20px 0 0; } #customer-header input[type="text"]:focus { outline: none; } #customer-header textarea { margin: 3px 0 10px 0; height: 50px; padding: 0 20px 0 0; vertical-align: top; width: 200px; } #customer-header textarea:focus { outline: none; } #customer-header select { margin: 3px 0 10px 0; height: 25px; padding: 0 20px 0 0; max-width: 600px; } #customer-header select:focus { outline: none; } #customer-header select.filialeselect, #customer-header select.playerselect, #customer-header select.patientselect, #customer-header select.playerCalselect, #customer-header select.groupingselect, #customer-header select.eventselect, #customer-header #day, #customer-header #kw { background-color: #840038; color: #ffffff; border: 0; margin-top: 0; height: 25px; } #customer-header select option { background-color: #ffffff; color: #1d1d2f; } #customer-header .select2 { margin: 0 0 10px 0; } #customer-header h2.editable .edit-trigger, #customer-header h2.editable .cancel-trigger, #customer-header h2.editable .save-trigger { margin: 0 0 0 10px; cursor: pointer; } @media (max-width: 1805px) { #customer-header .logo-container { display: none; } #customer-header .db-info { margin: 15px 15px 15px 20px!important; } } @media (max-width: 1550px) { .filter-tabs .filter-tabs-head { width: 110px!important; } .filter-tabs .filter-tabs-head .tab { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 3px!important; font-size: 12px; } #customer-header .db-info input[type="submit"] { width: 110px; padding: 0; font-size: 12px; } #customer-header .db-info label, #customer-header .db-info h2 { font-size: 12px!important; } .filter-tabs .tab-content { padding: 0 10px!important; } .ms-container { width: auto!important; } .filter-tabs .tab-contents { width: calc(100% - 120px); overflow: hidden; } #filter_alter input, #filter_bmi input { max-width: 100px; } } @media (max-width: 1200px) { #filter_alter input, #filter_bmi input { max-width: 60px; } #customer-header .select2-container { max-width: 250px; } } .user-patient-actions { line-height: 20px; margin-top: 120px;} .verlauf-stammdaten { margin: 30px 0px 30px 15px; } .verlauf-stammdaten .select-icon { background-color: #840038; text-align: center; line-height: 25px; color:#ffffff; float: left; width: 25px; } .verlauf-stammdaten .select-icon .fa { color: #ffffff; } .verlauf-stammdaten select option { background-color: #ffffff; color: #1d1d2f; } .verlauf-stammdaten .select2 { margin: 0 0 10px 0; } /*#customer-header .select2 .select2-results__option:hover, #customer-header .select2 .select2-results__option--highlighted { background-color: #ffffff!important; color: #1d1d2f!important; }*/ .db-info .select2-container--default .select2-selection--single {border-radius: 0px!important; height: 25px!important; } .db-info .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 25px!important; } #customer-header .qr-code { display: block; height: 120px; margin: 10px 0 0 0; } #customer-header #explanation-content { display: none; } #customer-header input[type="submit"], #customer-header input[type="button"] { margin: 10px 0 0 0; padding: 0 10px; height: 25px; background-color: rgba(21, 38, 63, 1); color: #ffffff; border: none; cursor: pointer; } #customer-header input[type="submit"]:hover, #customer-header input[type="button"]:hover{color: #9fc2cc; } #customer-header .datacenter input[type="submit"], #customer-header .datacenter input[type="button"] { background-color: #65b4e1; } #customer-header .datacenter input[type="submit"]:hover, #customer-header .datacenter input[type="button"]:hover{ background-color: #1a628a; color: #ffffff; } #change-customer { width: 200px; margin: 10px; line-height: 20px; height: 35px; background-color: #840038; color: #ffffff; border: 0; padding: 8px; } #change-customer option { background-color: #ffffff; color: #1d1d2f; } @media (max-width: 1000px) { #customer-header #analyse { display: none; } #customer-header .tabs { display: none; } /*#customer-header .tab-analyse { display: none!important; }*/ } #customer-header #analyse label { display: inline-block; line-height: 25px; margin: 0 10px 5px 20px; } #customer-header #analyse label:first-child { margin: 0 10px 5px 0; font-weight: bold; white-space: nowrap; width: 250px !important;} #customer-header #analyse .unit-min { width: 40px; display: inline-block; line-height: 25px; margin: 0 0 5px 5px; font-style: italic; } #customer-header #analyse input[type="text"] { width: 200px; line-height: 21px; height: 21px; margin: 0 0 5px 0; padding: 0 5px; } #customer-header #analyse input[type="text"].min { width: 40px; } #customer-header #analyse input[type="submit"], #customer-header #analyse input[type="button"] { margin-left: 325px; } #customer-header #analyse .tab_element { display: inline-block; white-space: nowrap; } #customer-header #analyse .tab_element br.responsive-br { display: none; } #customer-header .tabs { position: absolute; left: 0; bottom: 0; margin: 15px 0 15px 15px; width: 251px; text-align: right; } #customer-header .tabs a:visited, #customer-header .tabs a { color: #1d1d2f; text-decoration: none; } #customer-header .tabs a:hover .tab { text-decoration: underline } #customer-header .tabs .tab { padding: 0 15px; line-height: 40px; margin: 0 0 0 50px; background-color: #ffffff; color: #1d1d2f; text-transform: uppercase; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #ebebeb; } #customer-header .tabs a.active .tab { border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; border-right: 1px solid #ffffff; } #charts { width: 100%; min-width: 1250px; } #charts .container { margin: 0 10px 20px 10px; background-color: #ffffff; border-bottom: 20px solid #ffffff; border-image: url(../img/footerborder2.png) 100; background-clip: padding-box; } #charts .container:first-child { border-bottom: 5px solid #ffffff; } #charts .container:not(#customer-header) { min-height: 500px;} @media (max-width: 500px) { #charts .container { margin: 0 4px 20px 4px; } .form-container { margin: 0 4px 20px 4px!important; } .form-container .form-content { padding: 0 5px 11px 18px!important; } .calendar-admin { left: 4px!important; } #event-templates { margin: 59px 0 0 0!important; } #event-templates .fc-event { width: 25px!important; height: 25px!important; } #calendar { margin: 10px 0 0 18px!important; } .fc-header-toolbar button { height: 25px!important; line-height: 25px!important; padding: 0 4px!important; font-size: 10px!important; } .fc-header-toolbar button .fc-icon { font-size: 10px!important; } .fc-header-toolbar h2 { height: 25px!important; line-height: 25px!important; font-size: 15px!important; } #detail-back { width: 25px!important; margin-left: 3px!important; margin-right: 3px!important; } #detail-back .fa { font-size: 17px!important; } #calendar-detail { margin: 48px 0 0px 35px!important; padding: 10px 0 10px 5px!important; height: 571px!important; } .form-container input[type="submit"], .form-container input[type="button"] { margin-top: 10px!important; height: 25px!important; line-height: 25px!important; } .form-container .calEventForm input[type="submit"] { margin-left: 0!important; } .form-container .calEventForm input.as-cancel { margin-right: 0 !important; } #calendar-detail .tab-content p.delete-event.active { font-size: 12px!important; overflow: hidden!important; width: 100%!important; padding-top: 10px!important; } #calendar-detail .tab-content p.delete-event.active .fa { font-size: 15px; } .form-container form { margin: 0 0 10px 0!important; } #calendar thead th, #calendar .fc-axis.fc-time { font-size: 10px!important; padding: 3px!important; } } .question-trend { height: 325px; margin: 20px 0; overflow: hidden!important; } .question-group { height: 325px; margin: 20px 0; overflow: hidden!important; } .question-trend-multi { height: 400px; margin: 20px 0; } .question-radar-multi { height: 650px; margin: 20px 0; } .question-clustered-column { height: 500px; margin: 20px 0; } .question-trend-trainingsload { height: 500px; margin: 20px 0; } .question-columnsbars { height: 350px; margin: 20px 0; } .question-radarcolumns { height: 350px; margin: 20px 0; } .question-trend-area { height: 350px; margin: 20px 0; } .question-pie { height: 350px; margin: 20px 0; } .question-clusteredbars { height: 350px; margin: 20px 0; } .question-divergentstackedbars { height: 550px; margin: 20px 0; } .question-columns { height: 325px; margin: 20px 0; } .trainingssteuerung { height: 200px; margin: 20px 0; } .filialesteuerung { height: 200px; margin: 20px 0; } .dc-radar { height: 650px; margin: 20px 0; } .dc-pearlscore { min-height: 650px; margin: 20px 0; } .dc-trend { height: 650px; margin: 20px 0; } .dc-columns { height: 650px; margin: 20px 0; } .dc-trend-einzel { height: 250px; margin: 20px 0; } .dc-columns-einzel { height: 350px; margin: 20px 0; } .trainingsload-players label { font-size: 14px; margin-left: 5px; font-weight: bold; line-height: 35px; cursor: pointer; } .trainingsload-players .fa-toggle { color: #1d1d2f; } .trainingsload-players .fa-toggle-on { color: #840038!important; } .trainingsload-players .fa-minus-square, .trainingsload-players .fa-plus-square {margin: 0 0 0 20px; vertical-align: middle; line-height: 20px; font-size: 14px;color: #840038!important; cursor: pointer; } .trainingsload-players input[type="submit"], .trainingsload-players input[type="button"] { margin: 0px 0 0 643px; padding: 0 10px; height: 25px; background-color: #1d1d2f; color: #ffffff; border: none; cursor: pointer; } .trainingsload-players input[type="submit"]:hover, .trainingsload-players input[type="button"]:hover{color: #840038; } .question-nps-container{ width: 100%; height: 325px; margin: 20px 0; text-align: center; } .question-nps-container .nps-count { position: relative; top: -55px; font-size: 18px; font-style: italic; } .question-trend-nps { height: 325px; margin: 20px 0; } .question-gauge-nps { height: 325px; margin: 20px 0; } .question-stacked-nps { height: 325px; margin: 20px 0; } .gauge-nps-filialesteuerung {height: 180px!important; margin: 0!important; } .question-rating-number { text-align: center; font-size: 60px; color: #840038; } .question-rating-placeholder, .question-rating { text-align: center; margin: 15px 0 30px 0; display: inline-block!important; width: auto!important; } .qgroup .question-rating { margin: 0; } .question-rating-s { height: 15px; width: 170px; border: 1px solid #ebebeb; display: inline-block; vertical-align: middle; } .question-rating-s div { display: block; height: 100%; background-color: #840038; } .question-score-container { width: 100%; height: 340px; margin: 20px 0; text-align: center; } .question-score { width: 200px; height: 150px; } div.question-zusatz { width: 100%; float: left; padding: 20px 0; text-align: center; font-weight: bold; columns: 2; } @media (max-width: 750px) { div.question-zusatz { columns: 1; } } div.question-negativ, div.question-positiv { width: 50%; float: left; padding: 20px 0; text-align: center; font-weight: bold; } div.col33, div.col66 { width: 100%; float: left; padding: 20px 0; text-align: center; font-weight: bold; } div.question-zusatz p:last-child, div.col33 p:last-child, div.col66 p:last-child, div.question-negativ p:last-child, div.question-positiv p:last-child { border-bottom: 1px dotted #ebebeb; padding-bottom: 10px; } div.question-zusatz p, div.col33 p, div.col66 p, div.question-negativ p, div.question-positiv p { margin: 10px 21px 0 21px; font-weight: normal; text-align: left; padding: 10px 0 0 0; border-top: 1px dotted #ebebeb; line-height: 18px; } div.question-positiv:before {content: "Positive Bewertungen:"; } div.question-negativ:before {content: "Negative Bewertungen:"; } div.question-zusatz p { padding: 15px; border: none!important; margin: 15px; } div.question-zusatz p:nth-child(even) { background-color: #eeeeee; border-radius: 3px; } div.einzelansicht { width: 300px; border: 1px solid; float: left; margin: 20px; padding: 10px; } @media (max-width: 700px) { div.einzelansicht { float: none; margin: 20px auto; } } div.einzelansicht h2, div.einzelansicht p { text-align: center; overflow: hidden; text-overflow: ellipsis; } div.einzelansicht p.infobox { font-size: 13px; color: #999999; } #event_results div.einzelansicht {width: 500px; border: none; } .teamplayer-container { width: 200px; height: 220px; margin: 20px 10px; border-right: 1px solid #ebebeb; float: left; } img.teamplayer { margin: 0 10px; } .teamplayer-info { height: 220px; margin: 20px 0; } .teamplayer-info h3 { color: #999999; font-size: 10px; text-transform: uppercase; font-weight: normal; margin: 0 0 5px 0; } .teamplayer-info h2 { color: #840038; font-size: 14px; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0; } table.playerlist { width: 100%; border-collapse: collapse; margin: 10px 0; } table.playerlist th, table.playerlist td { border: 1px solid #999999; padding: 5px 8px; } table.playerlist th{ color: #999999; font-size: 10px; text-transform: uppercase; font-weight: normal; margin: 0 0 5px 0; padding: 10px 8px; } table.playerlist th.name{ text-align: left; } table.playerlist th.age{ text-align: center; display: none; width: 110px; } table.playerlist th.mail{ text-align: left; display: none; } table.playerlist th.phone{ text-align: left; display: none; width: 145px; } table.playerlist th.status{ text-align: center; } table.playerlist th.link{ text-align: center; } table.playerlist th.score{ text-align: right; width: 70px; } table.playerlist td.name{ color: #840038; font-size: 14px; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0; } table.playerlist td.age{ text-align: center; display: none; width: 90px; } table.playerlist td.mail{ text-align: left; display: none; } table.playerlist td.phone{ text-align: left; display: none; width: 145px; } table.playerlist td.status{ text-align: center; } table.playerlist td.link{ text-align: center; } table.playerlist td.score{ text-align: right; width: 70px; } table.qgroup { width: 100%; border-collapse: collapse; margin: 10px 0; } table.qgroup th, table.qgroup td { border-right: 1px solid #dcdcdc; border-left: none; border-bottom: none; border-top: 3px solid #ffffff; padding: 5px 8px; background-color: #f6f6f6; } table.qgroup td:last-child {border-right: none; } table.qgroup th { color: #ffffff; font-size: 14px; text-transform: uppercase; margin: 0 0 5px 0; padding: 10px 8px; background-color: #00607b; border-right: 1px solid #8daeba; text-align: left; font-weight: bold; line-height: 20px; } table.qgroup th > span.stat { font-size: 10px; font-weight: normal; float: right; vertical-align: bottom; display: inline-block; line-height: 20px; } .qgroup-legenda { border: 1px solid #999999; padding: 5px 8px; float: left; margin: 0 10px 0 0; } h3.ggroup-legenda-head { color: #999999; font-size: 10px; text-transform: uppercase; font-weight: normal; margin: 0 0 5px 0; } table.qgroupexport { width: 100%; border-collapse: collapse; margin: 10px 0; } table.qgroupexport th, table.qgroupexport td { border: 1px solid #999999; padding: 5px 8px; } table.qgroupexport th { color: #000000; font-size: 10px; text-transform: uppercase; font-weight: normal; margin: 0 0 5px 0; padding: 10px 8px; } #footer { height: 109px; background-color: #ffffff; color: #999999; width: 100%; bottom: 0; border-top: 20px solid #ffffff; border-image: url(../img/footerborder_white.png) 100; background-clip: padding-box; } #footer p { margin: 59px 34px 0 26px; line-height: 50px; font-size: 10px; } .toggle-box { position: relative; } .toggle-box .toggle-head { background-color: rgba(21, 38, 63, 1); line-height: 20px; padding: 13px 18px 13px 50px; color: #ffffff; text-transform: uppercase; overflow: hidden; position: relative; } .toggle-box .toggle-head.verlaeufe { padding: 0 18px 0 0; } .toggle-box .toggle-head.health-overview { padding: 0 18px 0 0; } .toggle-box .toggle-head .fa { position: absolute; left: 18px; top: 8px; } .toggle-box .toggle-head.verlaeufe .fa { position: relative; left: auto; top: auto; font-size: 14px; margin: 0 5px 0 0; } .toggle-box .toggle-head.health-overview .fa { position: relative; left: auto; top: auto; font-size: 14px; margin: 0 5px 0 0; } .toggle-head .head-rating { width: 70px; height: 6px; background-color: #ebebeb; vertical-align: middle; display: inline-block; position: relative; float: right; margin: 7px 0 0 0; } .playerlist .head-rating { width: 70px; height: 6px; background-color: #ebebeb; vertical-align: middle; display: inline-block; position: relative; float: right; margin: 7px 0 0 0; } .head-rating .indicator { height: 100%; } .head-rating .indicator.red { background-color: #dd0711; } .head-rating .indicator.green { background-color: #840038; } .head-rating .indicator.orange{ background-color: #dda307; } .toggle-box .toggle { color: #840038; cursor: pointer; vertical-align: middle; margin: 0 10px 0 0; } .toggle-box .toggle-content { display: none; padding: 0 11px 11px 11px; overflow: hidden; } .toggle-box.open .toggle-content { display: block; } .toggle-box #light-tab-box { position: absolute; top: 51px; left: 0; width: 100%; background: #ffffff; display: none; max-width: 870px; line-height: 0; box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.59); overflow: hidden; border-radius: 0 0 15px 0; padding: 0 30px; z-index: 4589; } .toggle-box #light-tab-box.pos-2 { top: 122px; border-radius: 0 15px 15px 0; } #light-tab-box h2 { background-color: rgba(21, 38, 63, 1); color: #ffffff; margin: 0; line-height: 50px; margin: 0 -30px 25px -30px; padding: 0 30px; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; text-transform: uppercase; } #light-tab-box label { line-height: 30px; width: 145px; display: inline-block; margin: 0 0 8px 0; vertical-align: top; font-size: 14px; } #light-tab-box textarea, #light-tab-box select, #light-tab-box input { height: 28px; border: 1px solid #eeeeee; background-color: #eeeeee; border-radius: 3px; line-height: 28px; margin: 0 50px 8px 0; width: 220px; padding: 0 5px; display: inline-block; } #light-tab-box .mulitselect-container { padding: 0; background: none; } #light-tab-box select.multiselect { height: 100px; } .mulitselect-container select.icd10-pre-select { display: block; margin: 10px 0 0 5px; width: 290px!important; display: none; } #light-tab-box textarea { height: 50px; } #light-tab-box textarea { height: 70px; line-height: 25px; } #light-tab-box select { margin-left: 4px; width: 232px; } #light-tab-box textarea:hover, #light-tab-box select:hover, #light-tab-box input:hover, #light-tab-box textarea:focus, #light-tab-box select:focus, #light-tab-box input:focus { border: 1px solid #aaaaaa; outline: none; } #light-tab-box input:disabled { border: 1px solid #eeeeee; } #light-tab-box label[for="sendregistration"] { width: 300px; vertical-align: middle; } #light-tab-box input[type="checkbox"] { width: 23px; height: 23px; margin: 0 0 8px 20px; vertical-align: middle; } .health-stammdaten div.asAddRow { display: none; } #light-tab-box input[type="radio"] { width: 23px; height: 23px; margin: 0 0 8px 20px; vertical-align: middle; } #light-tab-box input[type="button"], #light-tab-box input[type="submit"] { float: right; margin: 15px 20px 20px 0; cursor: pointer; width: 180px; } #light-tab-box input[type="submit"] { color: #ffffff; background-color: #1d1d2f; margin-right: 58px; } #light-tab-box input[type="submit"]:hover { color: #840038; } #light-tab-box .ms-container { line-height: 14px; margin: 0 0 25px 149px; width: 663px; } #light-tab-box .icd10-pre-select { line-height: 14px; margin: 0 0 0px 149px; width: 298px!important; display: none; } #light-tab-box .mulitselect-container .fa-toggle-off, #light-tab-box .mulitselect-container .fa-toggle-on, #light-tab-box .toggle-arcordeon-container .fa-toggle-off, #light-tab-box .toggle-arcordeon-container .fa-toggle-on, #light-tab-box .checkbox-container .fa-toggle-off, #light-tab-box .checkbox-container .fa-toggle-on { margin-left: 6px; } #light-tab-box .form_error { background-color: #e28c8c; } .form-container { margin: 0 10px 20px 10px; } .form-container .wide-form{ margin: 0 34px 27px 26px!important; } .form-container .form-head { background-color: rgba(21, 38, 63, 1); height: 48px; line-height: 48px; padding: 0 18px; color: #ffffff; text-transform: uppercase; } @media (max-width: 390px) { .form-container .form-head { font-size: 12px; white-space: nowrap; } } .form-container .form-head .fa { vertical-align: middle; margin: 0 10px 0 0; } .form-container .form-content { padding: 0 18px 11px 18px; overflow: hidden; background-color: #ffffff; border-bottom: 20px solid #ffffff; border-image: url(../img/footerborder2.png) 100; background-clip: padding-box; } .form-container .form-content p { margin: 17px 0; line-height: 20px; } .form-container .form-content form p { margin-top: 0; } .form-container label { width: 100%; display: inline-block; line-height: 30px; text-align: left; margin: 0 10px 5px 0; } .form-container label[for="rememberme"] { width: inherit; } .form-container input[type="password"], .form-container input[type="text"] { width: 90%; border: 1px solid #ebebeb; height: 30px; margin: 0 0 10px 0; padding: 0 10px; } .form-container textarea { width: 90%; border: 1px solid #ebebeb; height: 130px; margin: 0 0 10px 0; padding: 0 10px; vertical-align: middle; } .form-container input.dateSelect { width: 110px; } .form-container select { border: 1px solid #ebebeb; height: 30px; margin: 0 0 10px 0; padding: 0 10px; } .form-container select { border: 1px solid #ebebeb; height: 30px; margin: 0 0 10px 0; padding: 0 10px; } .form-container select.hourSelect, .form-container select.minuteSelect { margin-left: 12px; } .form-container .forgotpw { margin: 0; width: 90%; text-align: right; display: inline-block; padding: 0 20px; } .form-container input[type="submit"], .form-container input[type="button"] { margin: 20px 0 0 240px; padding: 0 10px; height: 30px; background-color: #1d1d2f; color: #ffffff; border: none; cursor: pointer; } /* position: absolute; right: 6%; } */ .form-container .calEventForm select { width: 320px; } .form-container .calEventForm input[type="text"] { width: 300px; } .form-container .calEventForm textarea { width: 300px; } .form-container .calEventForm input.dateSelect { width: 135px!important; } .form-container .calEventForm select.hourSelect, .form-container .calEventForm select.minuteSelect { width: 70px!important; margin-left: 12px; } @media (max-width: 600px) { .form-container .calEventForm select { width: 220px; } .form-container .calEventForm input[type="text"] { width: 200px; } .form-container .calEventForm textarea { width: 200px; } .form-container .calEventForm input.dateSelect { width: 85px!important; } .form-container .calEventForm select.hourSelect, .form-container .calEventForm select.minuteSelect { width: 45px!important; margin-left: 12px; padding: 0; } .form-container .calEventForm input[type="submit"] { margin-left: 55px!important; } .form-container .calEventForm p.delete-event { width: 220px!important; } } @media (max-width: 471px) { .form-container .calEventForm label { width: 100%!important; font-size: 12px; line-height: 15px; opacity: .5; } .form-container .calEventForm textarea { height: 70px; } .form-container .calEventForm input[type="button"] { margin-left: 0!important; } .form-container .calEventForm p.delete-event { margin-left: 0!important; } } @media (max-width: 390px) { .form-container input[type="submit"], .form-container input[type="button"] { float: right; margin-right: 10px; } } .form-container input[type="submit"].chblist, .form-container input[type="button"].chblist { margin-left: 70px; } .form-container input[type="submit"]:hover , .form-container input[type="button"]:hover {color: #9fc2cc; } .form-container form { margin: 50px 0 70px 0; position: relative; } .form-container .switch { position: relative; overflow: hidden; } .form-container .switch .fa { font-size: 30px; color: #840038; cursor: pointer; vertical-align: middle; display: none; position: absolute; } .form-container .switch label { width: auto; padding: 0 0 0 70px; } .form-container .tile { float: left; width: 100px; height: 100px; background-color: #1d1d2f; margin: 20px; text-align: center; padding: 10px; color: #ffffff; vertical-align: middle; } .form-container .tile .fa { color: #7f7e7e; } .form-container .tile:hover { color: #840038; } .form-container .tile:hover .fa { color: #840038; } .form-container .tile .fa { margin: 0 0 10px 0; } .mulitselect-container, .toggle-arcordeon-container, .checkbox-container { font-size: 25px; vertical-align: middle; background-color: #f9f9f9; padding: 10px 0; } .toggle-arcordeon-detail { margin-top: 10px; } .mulitselect-container:nth-child(odd), .toggle-arcordeon-container:nth-child(odd), .checkbox-container:nth-child(odd) { background-color: #ffffff; } .mulitselect-container br:last-child, .toggle-arcordeon-container br:last-child, .checkbox-container br:last-child { display: none; } .mulitselect-container .fa-toggle-off, .mulitselect-container .fa-toggle-on, .toggle-arcordeon-container .fa-toggle-off, .toggle-arcordeon-container .fa-toggle-on, .checkbox-container .fa-toggle-off, .checkbox-container .fa-toggle-on { font-size: 25px; cursor: pointer; vertical-align: middle; margin-left: 27px; } .mulitselect-container .ms-header-sel, .mulitselect-container .ms-header-opt { font-size: 12px; text-align: center; font-style: italic; margin: 10px 0 0 0; padding: 5px 0 5px 0; background-color: #1d1d2f; } .mulitselect-container .ms-header-sel { color: #9fc2cc; } .mulitselect-container .ms-header-opt { color: #9fc2cc; } .mulitselect-container .ms-selection, .mulitselect-container .ms-selectable { background: none; } .mulitselect-container .ms-selection ul, .mulitselect-container .ms-selectable ul { background-color: #ffffff; } .as-editor .mulitselect-container label, .as-editor .toggle-arcordeon-container label, .as-editor .checkbox-container label{ margin: 0 35px 0 0!important; line-height: 25px; } .as_tables, .as_editor { } .onlysignedin{ display: none!important; } ul.messages { border: 2px dashed #840038; border-radius: 10px; padding: 10px 40px; background-color: #840038; color: #ffffff; } ul.messages .error { color: #ffffff; font-weight: bold; } .projects-placeholder-content { display: none; } a:visited, a { color: #840038; text-decoration: none; } a:hover { text-decoration: underline; } .amcharts-amexport-label {color: #ffffff; } #prj-id { display: none; } #player-id { display: none; } .hide-on-dashboard { display: none!important; } /* Tooltips */ .tooltipster-sidetip.tooltipster-punk.tooltipster-myfb .tooltipster-box { border-radius: 0px; border-bottom: 3px solid #840038; background: #1d1d2f; } .tooltipster-sidetip.tooltipster-punk.tooltipster-myfb.tooltipster-top .tooltipster-arrow-border { border-top-color: #840038; } /* DateRangePicker*/ .filter .time button:focus { border: none; outline: none; } .ui-widget-header { border: 1px solid #ffffff; background: #1d1d2f; color: #ffffff; } .comiseo-daterangepicker.ui-widget-content {border: 1px solid #ebebeb; } .ui-widget-content { background: #ffffff; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #ebebeb; background-color: #ebebeb; color: #1d1d2f; font-weight: normal; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #840038; background-color: #ebebeb; color: #840038; font-weight: bold; } .comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default { border: 1px solid #840038; background-color: #840038; color: #ffffff; } .comiseo-daterangepicker-buttonpanel button { border: 1px solid #1d1d2f; background-color: #1d1d2f; color: #ffffff; font-weight: normal; } .comiseo-daterangepicker-buttonpanel button:focus { outline: none; } .comiseo-daterangepicker-buttonpanel button:hover { border: 1px solid #1d1d2f; background-color: #1d1d2f; color: #840038; opacity: 1; box-shadow: none; background-image: none; } .as-editor-row .comiseo-daterangepicker-triggerbutton { border: 1px solid #ebebeb; background: none; color: black; font-weight: normal; margin: 0 0 5px 17px; width: 312px; padding: 0 5px; line-height: 30px; height: 30px; } .as-editor-row .comiseo-daterangepicker-triggerbutton:hover { box-shadow: 3px 3px 3px 0px #eeeeee; } .hiddendaterangectrl { display: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: normal; } .ui-widget-header .ui-icon { background-image: url(./images/ui-icons_72a7cf_256x240.png)!important; } .ui-datepicker-prev-hover, .ui-datepicker-next-hover { border: 1px solid #1d1d2f!important; background: none!important; cursor: pointer; } .comiseo-daterangepicker-presets a { display: block; width: 90px; font-size: 12px; color: #840038; line-height: 20px; border: none; font-weight: normal; padding: 5px!important; margin: 0!important; } .comiseo-daterangepicker-presets a:hover { background-color: #1d1d2f; text-decoration: none; border: none; padding: 5px!important; margin: 0!important; background-image: none; } .ui-button .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background-image: none; } .ui-datepicker-current-day { background-color: rgba(52, 52, 52, 0.8); } .ui-datepicker-current-day a.ui-state-active {background-color: rgba(52, 52, 52, 0.8)!important; border: 1px solid rgba(52, 52, 52, 0.8)!important; color: #ffffff!important; } /* as_tables */ .as_tables { margin: 20px 0; } table.as { width: 100%!important; padding: 0px!important; font-family: 'Source Sans Pro', sans-serif; border-top: 1px solid #1d1d2f!important; border-bottom: 1px solid #1d1d2f!important; border-left: none!important; border-right: none!important; border-radius: 0!important; } table.as .mainrow { background-color: rgba(101, 180, 225, 0.15)!important; } table.as th { background-color: #eeeeee!important; color: #666666!important; height: 40px; } table.as tr { height: 40px; } table.as td { border-left: 0px!important; border-bottom: 0px!important; } table.as td a, table.as td a:visited { color: #666666!important; } table.as td a:hover { color: #3c3c3c!important; } table.as th .fa { color: #666666!important; } table.as th .fa:hover { color: #3c3c3c!important; } table.as th.sorted-asc .fa-chevron-up { color: #3c3c3c!important; } table.as th.sorted-desc .fa-chevron-down { color: #3c3c3c!important; } table.as .fa { color: #666666!important; } table.as .fa-toggle-off {color: #1d1d2f!important; } table.as .fa-toggle-on {color: #840038!important; } table.as .ui-grid-cell-contents .fa {color: #1d1d2f!important;} table.as .ui-grid-cell-contents .fa:hover {color: #840038!important; } table.as .ui-grid-cell-contents-befragungen a:visited, table.as .ui-grid-cell-contents-befragungen a { color: #840038!important; text-decoration: none; } table.as .ui-grid-cell-contents-befragungen a:hover { text-decoration: underline; } table.as .verlaeufe-link-up { display: none; } .as-editor h1 { display: none; } .as-editor h2 { color: #666666; margin: 30px 0 10px 0; font-size: 22px; font-weight: normal; } .as-editor h2 .fa { color: #840038!important; } .as-editor #breadcrumb {display: none; } .as-editor { font-size: 12px; font-family: 'Source Sans Pro', sans-serif; } .as-editor p { padding: 0px!important; } .as-show h1 { display: none; } .as-show h2 { color: #666666; margin: 30px 0 10px 0; font-size: 22px; font-weight: normal; } .as-show h2 .fa { color: #840038!important; } .as-show #breadcrumb {display: none; } .as-show { font-size: 12px; font-family: 'Source Sans Pro', sans-serif; } .as-show p { padding: 0px!important; } .asAddRow { background-color: #1d1d2f!important; box-shadow: none!important; border-radius: 0!important; } div.asAddRow:hover { color:#840038!important; } table.as .as-show-row td, table.as .as-editor-row td {padding: 0; } table.as .as-show-row .as-show, table.as .as-editor-row .as-editor { border: 1px solid #ebebeb; } table.as .as-row-editmode { background-color: #1d1d2f!important; color: #ffffff; opacity: 1!important; } table.as .as-row-editmode .fa { color: #ffffff!important; } .datacenter table.as .as-row-editmode { background-color: #1a628a!important; } table.as form { width: 100%; margin: 0!important; } .as-show select, .as-show textarea, .as-show input, .as-editor select, .as-editor textarea, .as-editor input { height: 17px; line-height: 17px; margin: 0 20px; border: none!important; border-bottom: 1px dotted #dddddd!important; width: 400px; padding: 0 5px !important; } .as-show label, .as-editor label { width: 280px!important; display: block; line-height: 17px; padding: 0px!important; text-align: right; font-size: 14px!important; color: #666666!important; margin: 10px 35px 0 0!important; } .as-show select:hover, .as-show select:focus, .as-show textarea:hover, .as-show textarea:focus, .as-show input:hover, .as-show input:focus, .as-editor select:hover, .as-editor select:focus, .as-editor textarea:hover, .as-editor textarea:focus, .as-editor input:hover, .as-editor input:focus {box-shadow: 3px 3px 3px 0px #eeeeee; } .as-show input[type="text"], .as-editor input[type="text"] { border: 1px solid #ebebeb!important; border-radius: 0!important; width: 300px!important; margin-left: 17px!important; } .as-show select, .as-editor select { border: 1px solid #ebebeb!important; border-radius: 0!important; width: 310px!important; margin-left: 17px!important; height: 30px; margin-bottom: 5px; } .as-show option, .as-editor option { line-height: 30px; } .as-show textarea, .as-editor textarea { resize: vertical; border: 1px solid #ebebeb!important; border-radius: 0!important; width: 300px!important; margin-left: 17px!important; height: 30px; margin-bottom: 5px; height: 100px; padding: 5px!important; vertical-align: top; font-family: 'Source Sans Pro', sans-serif; } .as-show input[type="radio"], .as-editor input[type="radio"] { width: 20px!important; margin-left: 20px !important; margin-right: 5px!important; } .radio-group { display: contents; } .radio-group label { width: 100px!important; text-align: left;} .as-show input[type='submit'], .as-editor input[type='submit'] { margin-right: 0px!important; width: 150px!important; height: 30px!important; line-height: 30px!important; } .as-show input[type='button'], .as-editor input[type='button'] { margin-right: 10px!important; width: 150px!important; height: 30px!important; line-height: 30px!important; float: right; } .as-show .ms-container, .as-editor .ms-container { margin: 0px!important; fonts-size: 12px!important; width: 600px; padding: 0 20px; } .as-show .ms-container .ms-list, .as-editor .ms-container .ms-list { height: 200px!important; } .as-show .ms-container .ms-selectable, .as-editor .ms-container .ms-selectable, .as-show .ms-container .ms-selection, .as-editor .ms-container .ms-selection { width: 47%!important; } .as-show .ms-container .ms-selectable li.ms-elem-selectable, .as-editor .ms-container .ms-selectable li.ms-elem-selectable, .as-show .ms-container .ms-selection li.ms-elem-selection, .as-editor .ms-container .ms-selection li.ms-elem-selection { font-size: 12px!important; } .as-show .ms-container .ms-hover, .as-editor .ms-container .ms-hover { background-color: #0099FF!important; } .as-show .ms-container ul, .as-editor .ms-container ul, .as-show .ms-container ol, .as-editor .ms-container ol { line-height: 20px!important; } .as-show input[type="button"], .as-editor input[type="button"], .as-show input[type="submit"], .as-editor input[type="submit"] { border-radius: 0!important; margin-top: 20px!important; } #dseOK { margin: 0 10px 5px 242px; } label[for="dseOK"] { width: auto!important; text-align: left!important; } /* Tabellen in as-Tabellen (Ergebnisanzeige Datencenter) */ .as-show table { width: 100%; border: 1px dotted #bbbbbb; padding: 5px; } .as-show table th { padding: 0 10px!important; color: #65b4e1!important; } .as-show table td { padding: 0 10px!important; text-align: center; } input[type="text"]:disabled { background: #e7e7e7; } /* Tooltipster */ .tooltipster-mfb .tooltipster-box { border: 0; background-color: #00607b; } /* rgba(52, 52, 52, 0.8) */ .tooltipster-mfb .tooltipster-arrow-border { border: 0; } .tooltipster-mfb.tooltipster-bottom .tooltipster-arrow-uncropped { top: -13px; } .tooltipster-mfb.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #00607b; } /* link a anpassen */ .tooltipster-mfb a, .tooltipster-mfb a:visited { color: #9fc2cc; } .as-show .form_11 label, .as-editor .form_11 label { width: 100px!important; } .as-show .form_11 input[type="text"], .as-editor .form_11 input[type="text"] { width: 100px!important; } .as-editor .headline_11 {width: 110px; display: inline-block; text-align: center; margin: 5px; padding: 5px; } .as-show .container_23 .infotext, .as-editor .form_23 .infotext, .as-editor .form_11 .infotext { margin: 5px 10px; display: inline-block; } .as-show .form_14 label, .as-editor .form_14 label { width: 80px!important; } .as-show .form_14 input[type="text"], .as-editor .form_14 input[type="text"] { width: 80px!important; } .as-editor .headline_14 {width: 90px; display: inline-block; text-align: center; margin: 5px; padding: 5px; } .as-editor .form_14 input[type="submit"], .as-editor .form_14 input[type="button"] { float: left!important; margin-left: 10px !important;} .as-show .form_16 label, .as-editor .form_16 label { width: 150px!important; } .as-show .form_16 input[type="text"], .as-editor .form_16 input[type="text"] { width: 150px!important; } .as-editor .headline_16 {width: 160px; display: inline-block; text-align: center; margin: 5px; padding: 5px; } .as-show .form_18 label, .as-editor .form_18 label { width: 100px!important; } .as-show .form_18 input[type="text"], .as-editor .form_18 input[type="text"] { width: 100px!important; } .as-editor .headline_18 {width: 110px; display: inline-block; text-align: center; margin: 5px; padding: 5px; } .as-show .form_24 label, .as-editor .form_24 label { width: 250px!important; } .as-show .form_24 .smalllabel label, .as-editor .form_24 .smalllabel label { width: 150px!important; } .as-show .form_24 .smallinput input[type="text"], .as-editor .form_24 .smallinput input[type="text"] { width: 150px!important; } .as-editor .headline_24 {width: 160px; display: inline-block; text-align: center; margin: 5px; padding: 5px; } .form_24 .titel_24 { background-color: rgba(238, 238, 238, 0.9); color: #65b4e1; text-transform: uppercase; font-weight: normal; font-size: 20px; margin: 10px 0 0 0; line-height: 30px; display: block; text-align: center; } .form_24 .subtitel_24 { text-transform: uppercase; font-size: 18px; margin: 30px 0 10px 30px; line-height: 30px; display: block; color: #666666; } .form_24 .subtitel2_24 { font-size: 16px; margin: 10px 0 0px 30px; line-height: 25px; display: block; color: #666666; } .form_24 p { margin: 30px 0 10px 30px!important; font-size: 16px!important; line-height: 25px!important;} .as-editor .form_24 select { margin-right: 0; } .as-editor .form_24 .headline_24 { margin: 0 0 5px 18px; width: 300px; color: #666666; } /* Pearl Score Chart */ .pearlscore-Chart .valueAxis { margin: 10px 0; } .pearlscore-Chart .valueAxis .value { position: relative; display: inline-block; width: 77%; height: 8px; border-radius: 5px; margin: 11px 0; background-image:linear-gradient( 90deg, rgba(221,7,17,.6) 0%, rgba(221,7,17,.1) 23.33%, rgba(221,163,7,.1) 43.33%, rgba(221,163,7,.2) 50%, rgba(221,163,7,.1) 56.66%, rgba(114,187,60,.1) 76.66%, rgba(114,187,60,.6) 100%) } .pearlscore-Chart .valueAxis .indicator { position: absolute; line-height: 20px; background-color: #1a628a; color: #ffffff; width: 10px; height: 15px; opacity: 0; border-radius: 0 0 20px 20px; top: -1px; text-align: center; padding: 0; cursor: help; } .pearlscore-Chart .valueAxis .indicator.second { height: 14px; } .pearlscore-Chart .valueAxis .indicator:hover { opacity: 1; } .pearlscore-Chart .legend { margin: 30px 0 0 20%; } .pearlscore-Chart .legend .chart-selection-filterinfo { display: inline-block; float: none; font-size: 10px; } .pearlscore-Chart .indicatordummy { display: inline-block; width: 10px; height: 15px; border-radius: 0 0 20px 20px; vertical-align: middle; margin: 0 3px 0 20px; } .pearlscore-Chart .valueAxis label { float: left; line-height: 30px; margin: 0 3% 0 0; width: 20%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 10px; } .pearlscore-Chart .valueAxis .caption1, .pearlscore-Chart .valueAxis .caption2, .pearlscore-Chart .valueAxis .caption_min, .pearlscore-Chart .valueAxis .caption_max { position: absolute; top: -13px; font-size: 12px; line-height: 12px; opacity: 0.6; font-style: italic; display: none; } .pearlscore-Chart .valueAxis .caption_min { left: 3px; } .pearlscore-Chart .valueAxis .caption_max { right: 3px; } .pearlscore-Chart .valueAxis .caption1, .pearlscore-Chart .valueAxis .caption2{ background-color: #ffffff; opacity: 1; padding-right: 2px; } /* vorläufig CSS für Datacenter-Übersicht Tabelle */ table.dc-overview { width: 100%; margin: 20px 0; border-collapse: collapse; font-size: 12px; } table.dc-overview th, table.dc-overview td { border: 1px solid #dddddd; padding: 4px; } table.dc-overview .noborder { border: none; } table.dc-overview .h1 { background-color: #a5a5ac; color: #ffffff; text-align: center; text-transform: uppercase; padding: 10px; font-weight: normal; border: 1px solid #a5a5ac; } table.dc-overview .h3 { background-color: #65b4e1; color: #ffffff; text-align: center; text-transform: uppercase; padding: 10px; font-weight: normal; border: 1px solid #ffffff; } table.dc-overview .h3:last-child { border-right: 1px solid #65b4e1; } table.dc-overview .h2 { background-color: #4a4a59; color: #ffffff; text-align: left; text-transform: uppercase; padding: 10px; font-weight: normal; border: 1px solid #ffffff; } table.dc-overview .info { text-align: center; font-style: italic; } table .mainrow:nth-child(even) { border-left: 2px solid #65b4e1; border-right: 2px solid #65b4e1; background-color: rgba(101, 180, 225, 0.15); } table .mainrow:nth-child(odd) { border-left: 2px solid #65b4e1; border-right: 2px solid #65b4e1; background-color: rgba(101, 180, 225, 0.25); } table .mainrow td:nth-child(odd) { background-color: rgba(101, 180, 225, 0.09); } table .mainrow a:visited, table .mainrow a { color: inherit; } table .mainrow a:hover { color: #ffffff; } table.dc-overview .value { text-align: left; font-family: Georgia, serif; font-size: 14px; } table.dc-overview tr:hover .value { background-color: rgba(101, 180, 225, 0.8); color: #ffffff; } table.dc-overview .value.num { text-align: center; font-family: Georgia, serif; font-size: 14px; } .dc_values_white { background-color: white; color: black; } .dc_values_green { background-color: rgba(114,187,60,.8); color: #000000; } .dc_values_yellow { background-color: rgba(243,236,131,.8); color: #000000; } .dc_values_orange { background-color: rgba(239,182,109,.8); color: #000000; } .dc_values_red { background-color: rgba(221,7,17,.6); color: #000000; } .edit_multiple_choice_values_container { margin: 40px; min-width: 400px; } .edit_multiple_choice_values_container input[type="text"] { border: 1px solid #ebebeb; height: 34px; line-height: 34px; margin: 0 0 10px 0; padding: 0 10px; width: 298px; } .edit_multiple_choice_values_container input[type="submit"] { background-color: #840038; padding: 0 20px; color: #ffffff; height: 35px; line-height: 35px; text-decoration: none; border: none; cursor: pointer; margin: 0 0 0 10px; width: 90px; } .edit_multiple_choice_values_container table { width: 100%; } .edit_multiple_choice_values_container table tr { line-height: 30px; } .edit_multiple_choice_values_container table tr:nth-child(even) { background-color: #efefef; } .edit_multiple_choice_values_container table tr:nth-child(odd) { background-color: #dfdfdf; } .edit_multiple_choice_values_container .nicescroll { height: 210px; } .edit_filiale_container { margin: 40px; min-width: 400px; } .edit_filiale_container input[type="text"] { border: 1px solid #ebebeb; height: 34px; line-height: 34px; margin: 0 0 10px 0; padding: 0 10px; width: 298px; } .edit_filiale_container input[type="submit"] { background-color: #840038; padding: 0 20px; color: #ffffff; height: 35px; line-height: 35px; text-decoration: none; border: none; cursor: pointer; margin: 0 0 0 10px; width: 90px; } .edit_filiale_container table { width: 100%; } .edit_filiale_container table tr { line-height: 30px; } .edit_filiale_container table tr:nth-child(even) { background-color: #efefef; } .edit_filiale_container table tr:nth-child(odd) { background-color: #dfdfdf; } .edit_filiale_container .nicescroll { height: 210px; } /* Chart Selection */ .chart-selection { text-align: center; position: relative; } .chart-selection .chart-selection-filters { height: 700px; float: left; overflow: hidden; position: absolute; left: -18px; top: 0; z-index: 4; } .chart-selection .chart-selection-filters .fa { color: rgba(52, 52, 52, 0.8); margin: 0; cursor: pointer; } .chart-selection .chart-selection-filters .fa:hover { color: rgba(52, 52, 52, 1); } .chart-selection .chart-selection-filters .filter-overview { height: 100%; width: 48px; display: block; overflow: hidden; float: left; background-color: rgba(238, 238, 238, 0.9); padding: 10px 0; } .chart-selection .chart-selection-filters .filter-overview h2 { color: #65b4e1; transform: rotate(-90deg); text-transform: uppercase; line-height: 90px; font-weight: normal; font-size: 25px; margin: 45px 0 0 0; } .chart-selection .chart-selection-filters .filter-overview .filter-btn { height: 48px; overflow: hidden; line-height: 48px; } .chart-selection .chart-selection-filters .filter-overview .filter-btn .fa { margin-top: 10px; } .chart-selection .chart-selection-filters .filter-overview .filter-btn.active { background-color: rgba(52, 52, 52, 0.8); color: #ffffff; } .chart-selection .chart-selection-filters .filter-overview .filter-btn.active .fa { color: #ffffff!important; } .chart-selection .chart-selection-filters .filter-details { height: 100%; width: 0; overflow: hidden; background-color: rgba(238, 238, 238, 0.9); float: left; } .chart-selection .chart-selection-filters .filter-details .mulitselect-container label { width: 100%; text-align: left; margin: 0 10px 30px 0; background: rgba(52, 52, 52, 0.8); color: #ffffff; padding: 0 25px; line-height: 48px; font-size: 14px; text-transform: uppercase; font-weight: normal; } .chart-selection .chart-selection-filters .filter-details .ms-container .ms-list { height: 150px!important; } .chart-selection .chart-selection-filters .filter-trigger { width: 25px; height: 80px; line-height: 80px; margin: 180px 0 0 0; background-color: rgba(238, 238, 238, 0.9); float: left; border-radius: 0px 7px 7px 0; cursor: pointer; } .chart-selection .chart-selection-filters .mulitselect-container { background: none; } .chart-selection .chart-selection-element { margin: 0 20px 0 80px; min-height: 750px; overflow: hidden; } .chart-selection .tabs { text-align: right; margin: 5px 20px 0 80px; border-bottom: 1px solid rgba(238, 238, 238, 0.9); padding: 0 0.75%; } .chart-selection a.chart-selection-switch:visited, .chart-selection a.chart-selection-switch { background-color: rgba(238, 238, 238, 0.9); min-width: 10px; height: 30px; text-align: center; line-height: 30px; text-decoration: none; border-radius: 9px 9px 0 0; display: inline-block; font-weight: normal; color: rgba(52, 52, 52, 1); margin: 10px 1px 0 1px; padding: 0 10px; } .chart-selection a.chart-selection-switch.akt, .chart-selection a.chart-selection-switch:hover { background-color: rgba(52, 52, 52, 0.8); color: #ffffff; } .chart-selection .chart-selection-switches { overflow: hidden; } .chart-selection .chart-selection-filterinfos { margin: 15px 20px 0 80px; overflow: hidden; padding: 0 0.75%; } .chart-selection .chart-selection-filterinfo { background-color: rgba(238, 238, 238, 0.9); color: #65b4e1; padding: 3px 5px; margin: 5px 10px 5px 0; float: left; border-radius: 4px; } .chart-selection .chart-selection-filterinfo.head { background: none; color: inherit; } /* Datacenter */ h2.chart-main-head { margin: 0px 0.75% -35px 0.75%; color: #65b4e1; font-weight: normal; text-transform: uppercase; background: rgba(238, 238, 238, 0.9); height: 30px; line-height: 30px; } .chart-group-2 { float: left; width: 48.5%; height: 300px!important; margin: 0px 0.75% 30px 0.75%; } .chart-group-2 h2 { background-color: rgba(238, 238, 238, 0.9); color: #65b4e1; text-transform: uppercase; line-height: 30px; font-weight: normal; font-size: 20px; margin: 45px 0 0 0; } .chart-group { float: left; width: 48.5%; height: 300px!important; margin: 0px 0.75% 30px 0.75%; } .chart-group h2 { background-color: rgba(238, 238, 238, 0.9); color: #65b4e1; text-transform: uppercase; line-height: 30px; font-weight: normal; font-size: 20px; margin: 45px 0 0 0; } .picture-box { box-shadow: 1px 1px 1px rgba(52, 52, 52, 0.8); } .dc-refobjinfos { line-height: 25px; text-align: left; color: rgba(52, 52, 52, 0.8); } .chart-100 { width: 100% !important; margin: 0px !important;} .chart-25 { width: 23% !important; } /* Calendar */ .calendar-carrier { position: relative; } .calendar-admin { z-index: 99987; background-color: rgba(52, 52, 52, 0.8); position: absolute; display: block; float: left; position: absolute; left: 10px; height: 593px; border-top: 1px solid #ffffff; } #calendar { margin: 20px 0 0 40px; height: 550px; font-family: 'Source Sans Pro', sans-serif; } #calendar input, textarea, select, button { font-family: 'Source Sans Pro', sans-serif; } #calendar .cal-bg { background-color: red; } #calendar .fc-button { background-image: none; background-color: rgba(21, 38, 63, 1); border: none; text-align: center; border-radius: 0; line-height: 30px; height: 30px; margin: 10px 1px 0 0; font-family: 'Source Sans Pro', sans-serif; color: rgba(29, 29, 47, 1); } #calendar .fc-button, #calendar .fc-button .fc-icon { box-shadow: none; text-shadow: none; background-color: #f0f0f0; opacity: 1; color: #000000; } #calendar .fc-button.fc-state-active .fc-icon, #calendar .fc-button:hover .fc-icon, #calendar .fc-button.fc-state-active, #calendar .fc-button:hover { background-color: rgba(52, 52, 52, 0.8); color: #ffffff; } #calendar .fc-today-button .fc-icon, #calendar .fc-prev-button .fc-icon, #calendar .fc-next-button .fc-icon, #calendar .fc-today-button, #calendar .fc-prev-button, #calendar .fc-next-button { background-color: rgba(52, 52, 52, 0.8); color: #ffffff; } #calendar .fc-button .fc-icon { background: none!important; } #calendar .fc-toolbar.fc-header-toolbar { margin-bottom: 0; line-height: 0; } #calendar .fc-toolbar h2 { line-height: 30px; height: 30px; margin: 10px 0 0 0; color: rgba(52, 52, 52, 0.8); text-transform: uppercase; font-size: 20px; font-weight: normal; } #calendar a.fc-list-heading-alt:visited, #calendar a.fc-list-heading-alt, #calendar a.fc-list-heading-main:visited, #calendar a.fc-list-heading-main, #calendar .fc-week-number a:visited, #calendar .fc-week-number a, #calendar .fc-day-header a:visited, #calendar .fc-day-header a { color: rgba(255, 255, 255, .6); } #calendar .fc-list-table td.fc-widget-header { padding: 5px; background-color: rgba(52, 52, 52, 0.8); color: rgba(255, 255, 255, .6); font-weight: normal; font-size: 12px; } #calendar thead th { padding: 5px; background-color: rgba(52, 52, 52, 0.8); color: rgba(255, 255, 255, .6); font-weight: normal; font-size: 12px; } #calendar td.fc-today { background:#f2f2f2; } #calendar .fc-title { text-transform: uppercase; } #calendar thead th.fc-today a { color: #840038!important; } #calendar .fc-axis.fc-time { color: #7f7f7f; font-size: 12px; } #calendar .fc-axis.fc-time span:after { content: ':00'; } #calendar .fc-event { background-color: #f0f0f0; color: rgba(52, 52, 52, 0.8); border-radius: 0; } #calendar .fc-event .fc-bg { background: none; } #calendar .fc-ltr .fc-time-grid .fc-event-container { margin: 0 2px 0 0; } #calendar a.fc-event:visited, #calendar a.fc-event.active { box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5); } #calendar a.fc-event.training:visited, #calendar .fc-event.training { border-width: 0; background-color: #cc3333; color: #ffffff; } #calendar .fc-event.training .fc-bg { background-repeat: no-repeat; background-size: contain; background-position: bottom; opacity: 1; bottom: 7px; width: 100%; max-width: 150px; } #calendar .fc-event.training.low .fc-bg { background-image: url(../img/indicator-training-low.png); } #calendar .fc-event.training.med .fc-bg { background-image: url(../img/indicator-training-med.png); } #calendar .fc-event.training.medlow .fc-bg {background-image: url(../img/indicator-training-medlow.png); } #calendar .fc-event.training.high .fc-bg { background-image: url(../img/indicator-training-high.png); } #calendar .fc-day-grid-event.training.low .fc-content { border-bottom: 1px solid #abd78c; } #calendar .fc-day-grid-event.training.med .fc-content { border-bottom: 1px solid #eec44d; } #calendar .fc-day-grid-event.training.medlow .fc-content { border-bottom: 1px solid #fcff00; } #calendar .fc-day-grid-event.training.high .fc-content {border-bottom: 1px solid #cc3333; } #calendar .fc-event.game { border-width: 2px; background-color: #cc3333; color: #ffffff; } #calendar .fc-event.game .fc-bg { background-repeat: no-repeat; background-size: contain; background-position: bottom; opacity: 1; bottom: 7px; width: 100%; max-width: 150px; } #calendar .fc-event.game.low .fc-bg { background-image: url(../img/indicator-game-low.png); } #calendar .fc-event.game.med .fc-bg { background-image: url(../img/indicator-game-med.png); } #calendar .fc-event.game.medlow .fc-bg { background-image: url(../img/indicator-game-medlow.png); } #calendar .fc-event.game.high .fc-bg { background-image: url(../img/indicator-game-high.png); } #calendar .fc-day-grid-event.game.low .fc-content { border-bottom: 1px solid #abd78c; } #calendar .fc-day-grid-event.game.med .fc-content { border-bottom: 1px solid #eec44d; } #calendar .fc-day-grid-event.game.medlow .fc-content { border-bottom: 1px solid #fcff00; } #calendar .fc-day-grid-event.game.high .fc-content {border-bottom: 1px solid #cc3333; } #calendar .fc-event.break { color: #1a628a; } #calendar .fc-event.analysis { color: #ffffff; } #calendar .fc-event.meeting { color: #ffffff; } #calendar .fc-event.travel { color: #ee5d2f; } #calendar tr.fc-list-item.training { cursor: pointer; } #calendar tr.fc-list-item.training.fc-allow-mouse-resize td, #calendar tr.fc-list-item.training.low.fc-allow-mouse-resize td, #calendar tr.fc-list-item.training.med.fc-allow-mouse-resize td, #calendar tr.fc-list-item.training.medlow.fc-allow-mouse-resize td, #calendar tr.fc-list-item.training.high.fc-allow-mouse-resize td, #calendar tr.fc-list-item.training td, #calendar tr.fc-list-item.training.low td, #calendar tr.fc-list-item.training.med td, #calendar tr.fc-list-item.training.medlow td, #calendar tr.fc-list-item.training.high td {color: rgba(52, 52, 52, 0.8)!important; background-color: #ffffff!important; } #calendar tr.fc-list-item.training.low .fc-event-dot { background-color: #abd78c!important; } #calendar tr.fc-list-item.training.med .fc-event-dot { background-color: #eec44d!important; } #calendar tr.fc-list-item.training.medlow .fc-event-dot { background-color: #fcff00!important; } #calendar tr.fc-list-item.training.high .fc-event-dot { background-color: #cc3333!important; } #calendar tr.fc-list-item.game.fc-allow-mouse-resize td, #calendar tr.fc-list-item.game.low.fc-allow-mouse-resize td, #calendar tr.fc-list-item.game.med.fc-allow-mouse-resize td, #calendar tr.fc-list-item.game.medlow.fc-allow-mouse-resize td, #calendar tr.fc-list-item.game.high.fc-allow-mouse-resize td, #calendar tr.fc-list-item.game td, #calendar tr.fc-list-item.game.low td, #calendar tr.fc-list-item.game.med td, #calendar tr.fc-list-item.game.medlow td, #calendar tr.fc-list-item.game.high td {color: rgba(52, 52, 52, 0.8)!important; background-color: #ffffff!important; } #calendar tr.fc-list-item.game.low .fc-event-dot { background-color: #abd78c!important; } #calendar tr.fc-list-item.game.med .fc-event-dot { background-color: #eec44d!important; } #calendar tr.fc-list-item.game.medlow .fc-event-dot { background-color: #fcff00!important; } #calendar tr.fc-list-item.game.high .fc-event-dot { background-color: #cc3333!important; } #calendar tr.fc-list-item.break.fc-allow-mouse-resize td a, #calendar tr.fc-list-item.break td a{ color: #1a628a!important; } #calendar tr.fc-list-item.analysis.fc-allow-mouse-resize td a, #calendar tr.fc-list-item.analysis td a{ color: #000000!important; } #calendar tr.fc-list-item.meeting.fc-allow-mouse-resize td, #calendar tr.fc-list-item.meeting td a{ color: #000000!important; } #calendar tr.fc-list-item.travel.fc-allow-mouse-resize td a, #calendar tr.fc-list-item.travel td a{ color: #ee5d2f!important; } #event-templates { margin: 59px 0 0 0; } #detail-back { margin: 15px 5px 0 5px; float: left; display: none; width: 32px; text-align: center; cursor: pointer; } #detail-back .fa { color: #ffffff; font-size: 23px; } #event-templates .fc-event { text-align: center; height: 30px; width: 40px; margin: -1px 0 0 0; padding: 0; line-height: 30px!important; cursor: move; font-size: 19px; font-weight: normal; color: rgba(52, 52, 52, 0.8); border: 1px solid #ffffff; border-radius: 0; border-right: none; border-left: none; background-color: rgba(52, 52, 52, 0.8); } #event-templates .fc-event:hover .fa { color: #ffffff; } #event-templates .fc-event.training { /*background-color: rgba(29, 29, 47, 0); color: #ffffff;*/ } #event-templates .fc-event.break { /*background-color: #f0f0f0; color: #1a628a; border: 1px solid #aaaaaa;*/ } #event-templates .fc-event.analysis { /*background-color: #1a628a; color: #ffffff; border: none;*/ } #event-templates .fc-event.meeting { /*background-color: #ee5d2f; color: #ffffff; border: none;*/ } #event-templates .fc-event.travel { /*background-color: #f0f0f0; color: #ee5d2f; border: 1px solid #aaaaaa;*/ } #calendar-detail{ margin: 48px 0 0px 68px; width: 0; display: none; opacity: 0; height: 100%; float: left; padding: 30px 16px; position: absolute; z-index: 99; background: #ffffff; height: 515px; top: 0; left: 0; } #calendar-detail.withiframe{ padding: 0; height: 594px} #calendar-detail iframe { width: 100%; height: 100%; border: none; } #calendar-detail button { margin: 10px 0 0 20px; width: 100px; height: 25px; line-height: 25px; } #calendar-detail .controls { margin: 20px; } #calendar-detail .controls.events { display: none; } #calendar-detail .tabs ul { height: 31px; margin: 0; padding: 0; border-bottom: 8px solid rgba(52, 52, 52, 0.8); } #calendar-detail .tabs ul li { float: left; list-style: none; padding: 0 15px; line-height: 30px; margin: 0 1px 0 0; cursor: pointer; background-color: #f0f0f0; color: #000000; border-bottom: 1px solid #ffffff; } #calendar-detail .tabs ul li:hover, #calendar-detail .tabs ul li.active { background-color: rgba(52, 52, 52, 0.8); color: #ffffff; } #calendar-detail .tabs ul li.active { border-bottom: 1px solid rgba(52, 52, 52, 0); } #calendar-detail .tab-content { display: none; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; overflow: hidden; } #calendar-detail .tab-content.active { display: inherit; } #calendar-detail .tab-content { padding: 10px; } #calendar-detail .tab-content form { margin-top: 0px; } #calendar-detail .tab-content h1 { color: #4a4957; margin: 0 0 15px 0; font-weight: normal; font-size: 23px; } #calendar-detail .tab-content label { width: 90px; color: #4a4957; } #calendar-detail .tab-content input[type="submit"] { margin-left: 155px; } #calendar-detail .tab-content input[type="button"] { margin-left: 100px; } #calendar-detail .tab-content p.delete-event { color: rgba(52, 52, 52, 0.8); margin: 17px 0 0 100px; width: 320px; text-align: right; line-height: 20px; cursor: not-allowed; opacity: .4; } #calendar-detail .tab-content p.delete-event.active {cursor: pointer; opacity: 1; } #calendar-detail .tab-content .delete-button-event { margin: 0; font-size: 20px; color: rgba(52, 52, 52, 0.8); vertical-align: middle; } #calendar-detail .training-schedule .form, #calendar-detail .training-schedule .schedule, #calendar-detail .training-schedule .pool { float: left; position: relative; } #calendar-detail .training-schedule .form { width: 60%; background-color: rgba(29, 29, 47, 0.2); } #calendar-detail .training-schedule .schedule { width: 20%; background-color: rgba(29, 29, 47, 0.3); } #calendar-detail .training-schedule .pool { width: 20%; background-color: rgba(29, 29, 47, 0.2); } #calendar-detail .training-schedule .pool .search { overflow: hidden; height: 35px; } #calendar-detail .training-schedule .pool .search .fa { line-height: 35px; margin: 0 0 0 4px; font-size: 20px; z-index: 987; } #calendar-detail .training-schedule .pool .search input{width: 88.5%; padding: 0 1.5% 0 10%; border: none; margin: 0; line-height: 35px; height: 35px; position: absolute; top: 0; left: 0; background: rgba(255,255,255,.8); } #calendar-detail .training-schedule .pool .item, #calendar-detail .training-schedule .schedule .item { padding: 0; background: #7eca29; margin: 10px; border: none; color: #ffffff; } #calendar-detail .training-schedule .pool .item span, #calendar-detail .training-schedule .schedule .item span { padding: 6px 4px; min-height: 30px; display: block; font-size: 12px; } #calendar-detail .training-schedule .pool .item span:after, #calendar-detail .training-schedule .schedule .item span:after { content: "\f0c9"; font-family: fontAwesome; display: inline-block; float: right; line-height: 30px; color: #b5f472; font-size: 20px; } #calendar-detail .training-schedule .schedule .item:after, #calendar-detail .training-schedule .schedule .item:before { font-family: fontAwesome; display: block; width: 100%; color: #7fcd2b; background-color: #b5f472; line-height: 10px; text-align: center; } #calendar-detail .training-schedule .schedule .item:before { content: "\f0d8"; } #calendar-detail .training-schedule .schedule .item:after { content: "\f0d7"; } .calendar-carrier .openPollsInfo { margin-left: 30px; display: inline; cursor: pointer; } .calendar-carrier #openPollsDetails { display: none; } #openPollsDetails h3 { padding: 0; color: #ffffff; text-transform: uppercase; font-size: 14px; font-weight: normal; } #openPollsDetails ul { list-style: none; padding: 0; line-height: 20px; text-align: center; } /* Calendar Termin trainingsinfo */ .trainingsinfo { border: 1px solid #f0f0f0; margin: -10px; } .trainingsinfo .info { padding: 10px; overflow: hidden; background-color: #f0f0f0; } .trainingsinfo .info-elem { background-color: #6e6b8a; color: #ffffff; float: left; margin: 5px; font-size: 12px; line-height: 20px; padding: 5px 10px; } .trainingsinfo .section { padding: 10px; border-top: 4px solid #f0f0f0; overflow: hidden; } .trainingsinfo .section-elem { background-color: #4b4a5a; color: #ffffff; float: left; margin: 5px; } .trainingsinfo .section-elem .duration{ float: left; font-size: 12px; line-height: 25px; background-color: #6e6b8a; padding: 5px 10px; } .trainingsinfo .section-elem .title { float: left; font-size: 18px; line-height: 25px; padding: 5px 10px 5px 15px;; } .trainingsinfo .warmup .section-elem { background-color: #ee5a36; } .trainingsinfo .warmup .section-elem .duration { background-color: #f5967a; } .trainingsinfo .main .section-elem { background-color: #7eca29; } .trainingsinfo .main .section-elem .duration { background-color: #b6f371; } .calevent-content-einzelansicht { padding: 0; margin: 0; border: none; width: 100%; float: left; } .calevent-content-einzelansicht.singleplayer { width: 100%; } .calevent-content-einzelansicht h2 { color: #242863; font-size: 14px; text-transform: uppercase; font-weight: normal; margin: 0 0 8px 0; float: left; line-height: 16px; } .calevent-content-einzelansicht h3 { color: #999999; font-size: 10px; text-transform: uppercase; font-weight: normal; margin: 0 5px 8px 0; float: left; line-height: 16px; width: 110px; } .calevent-content-einzelansicht h3.wide { width: 80px; } .calevent-content-einzelansicht h3.superwide { width: 140px; } .calevent-content-einzelansicht h3.extrawide { width: 330px; } .calevent-content-einzelansicht .info { width: 40%; border: 1px solid #999999; overflow: hidden; padding: 30px 10px 10px 10px; margin: 20px 40px 0 0; position: relative; float: left;} .calevent-content-einzelansicht .info h1 { text-align: center; background-color: #242863; position: absolute; top: 0; margin: 0; left: 0; width: 100%; line-height: 20px; font-size: 14px; color: #ffffff; } .calevent-content-einzelansicht .inner { padding: 0; margin: 15px 10px 0 10px; border: 1px solid #efefef; } .calevent-content-einzelansicht.singleplayer .inner { border: none; } .calevent-content-einzelansicht h1 { font-size: 17px; color: #242863; } .calevent-content-einzelansicht .col_1 { width: 30%; float: left; margin: 0 2.5% 0 0; } .calevent-content-einzelansicht .col_2 { width: 27%; float: left; margin: 0 2.5% 0 0; line-height: 23px; padding: 10px 2.5%; border-left: 1px solid #999999; border-right: 1px solid #999999; } .calevent-content-einzelansicht .col_3 { width: 30%; float: left; margin: 0; } .calevent-content-einzelansicht .col_1-50 { width: 47.5%; float: left; margin: 0 2.5% 0 0; } .calevent-content-einzelansicht .col_2-100 { width: 97.5%; margin: 0 2.5% 0 0; } .calevent-content-einzelansicht .col_3-50 { width: 47.5%; float: left; margin: 0 2.5% 0 0; } .calevent-content-einzelansicht .col_1-30 { width: 27.5%; float: left; margin: 0 2.5% 0 0; background-color: #efefef; } .calevent-content-einzelansicht .col_1-30 img { float: left; margin: 6px 18px 6px 6px; } @media (max-width: 1060px) { .calevent-content-einzelansicht .col_1-30 img { visibility: hidden; width: 0px; height: 58px; } } @media (max-width: 1070px) { .calevent-content-einzelansicht .col_3-20 { width: 210px!important; } } .calevent-content-einzelansicht .col_1-30 h1 { font-size: 15px; margin-top: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .calevent-content-einzelansicht .col_1-30 a:visited, .calevent-content-einzelansicht .col_1-30 a { font-size: 13px; color: #00DDFF; } .calevent-content-einzelansicht .col_2-30 { width: 27.5%; float: left;margin: 0 2.5% 0 0; } .calevent-content-einzelansicht .col_3-20 { width: 260px; height: 48px; float: left; margin: 0 2.5% 0 0; padding: 16px 6px 6px 6px; border-right: 1px solid #efefef; } .calevent-content-einzelansicht .col_4-20 { width: 17.5%; float: left; margin: 0 2.5% 0 0; } .calevent-content-einzelansicht .col_1-15 { width: 12.5%; float: left; margin: 0 2.5% 0 0; } .calevent-content-einzelansicht .col_2-40 { width: 37.5%; float: left; margin: 0 2.5% 0 0; min-width: 485px; } .calevent-content-einzelansicht .col_3-45 { width: 42.5%; float: left; margin: 0 2.5% 0 0; } @media (max-width: 680px) { .calevent-content-einzelansicht .col_1-30 { width: 100%!important; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .calevent-content-einzelansicht .col_1-30 h1 { margin-top: 10px; margin-bottom: 2px; } .calevent-content-einzelansicht .col_1-30 img{ height: 40px; } .calevent-content-einzelansicht .col_3-20 { width: 100%!important; border-right: none; margin-left: 2.5%; margin-right: 2.5%; padding-left: 0; padding-right: 0; } .calevent-content-einzelansicht .col_2-30 { width: 100%; border-top: 1px solid #efefef; height: 70px; } .rpe-player-rating { margin: 21px 40px 0 22px!important; } } @media (max-width: 480px) { .calevent-content-einzelansicht .col_1-30 { width: 100%!important; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .calevent-content-einzelansicht .col_2-30 { width: 100%!important; } .calevent-content-einzelansicht .col_1-30 h1 { font-size: 12px; } .calevent-content-einzelansicht .col_1-30 a { font-size: 10px; } .calevent-content-einzelansicht .col_3-20 h3 { width: 95px; font-size: 9px; } } .calevent-content-einzelansicht .chart-circle { background-color: #efefef; width: 45%; margin-right: 5%; max-width: 200px; border-radius: 75px; font-size: 40px; text-align: center; position: relative; } .calevent-content-einzelansicht .chart-circle span { position: absolute; bottom: 0px; width: 100%; left: 0px; font-size: 28px; color: #242863; } .calevent-content-einzelansicht .col_33 { width: 33%; float: left; } .calevent-content-einzelansicht .col_33.first { min-width: 500px; border-right: 1px solid #efefef; height: 210px; } .calevent-content-einzelansicht .col_33.first h3 { text-align: right; margin-right: 15px; } .calevent-content-einzelansicht .col_33.middle { text-align: center; } .calevent-content-einzelansicht .col_33.last { text-align: center; border-left: 1px solid #efefef; height: 210px; } .calevent-content-einzelansicht .col_33.last .chart-circle { margin: 0 auto; } .calevent-content-einzelansicht .info2 { margin: 0 15px; text-align: left; } .calevent-content-einzelansicht .info2 h1 { color: #242863; text-transform: uppercase; font-size: 14px; font-weight: normal; } .calevent-content-einzelansicht .col_33.middle .rpe-player-rating{ margin: 21px 15px; } @media (max-width: 1750px) { .calevent-content-einzelansicht .col_33 { width: 30%; } } @media (max-width: 1650px) { .calevent-content-einzelansicht .col_33 { width: 25%; } } @media (max-width: 1350px) { .calevent-content-einzelansicht .col_33.first { min-width: 100%; border-right: none; border-bottom: 1px solid #efefef; margin-bottom: 15px; } .calevent-content-einzelansicht .col_33.first div { margin: 0 auto; width: 550px; } .calevent-content-einzelansicht .col_33 { width: 49.5%; } } @media (max-width: 450px) { .calevent-content-einzelansicht .col_33.first { min-width: 100%; border-right: none; height: 335px; } .calevent-content-einzelansicht .col_33.middle { min-width: 100%; } .calevent-content-einzelansicht .col_33.last { min-width: 100%; border-top: 1px solid #efefef; border-left: none; margin-top: 25px; padding-top: 25px; } } @media (max-width: 550px) { .calevent-content-einzelansicht .col_33.first { min-width: 100%; border-right: none; height: 335px; } .calevent-content-einzelansicht .col_33.first h3 { text-align: left; width: 100%; } .calevent-content-einzelansicht .col_33.first div { margin: 0 auto; width: auto; } .calevent-content-einzelansicht .col_33.middle .rpe-player-rating{ width: 75%; } } .fa { color: #9fc2cc; } .view-tabs { margin-top: 35px; } .view-tabs .tabs-nav { border-bottom: 1px solid #dddddd; height: 35px; } .view-tabs .tabs-nav .tab { float: right; height: 33px; min-width: 33px; line-height: 33px; margin: 0 -1px -1px 0; position: relative; bottom: -1px; text-align: center; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; cursor: pointer; } .view-tabs .tabs-nav .tab.active, .view-tabs .tabs-nav .tab:hover { border-bottom: 1px solid #ffffff; } .view-tabs .head { float: left; height: 35px; overflow: hidden; } .view-tabs .head h2 { margin: 0; line-height: 35px; float: left; } .view-tabs .head .head-btn {float: left; line-height: 35px; margin: 0 0 0 25px; } /* own Icons */ .myfb-icon { width: 20px; height: 20px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: 100%; background-image: url(/img/icons/heart.png); } .myfb-icon.lws { background-image: url(/img/icons/spine.png); } .myfb-icon.hws { background-image: url(/img/icons/spine.png); } .myfb-icon.bws { background-image: url(/img/icons/spine.png); } .myfb-icon.huefte { background-image: url(/img/icons/hip.png); } .myfb-icon.schulter { background-image: url(/img/icons/shoulder.png); } .myfb-icon.ellbogen { background-image: url(/img/icons/elbow.png); } .myfb-icon.hand { background-image: url(/img/icons/hand.png); } .myfb-icon.knie { background-image: url(/img/icons/knee.png); } .myfb-icon.vkb { background-image: url(/img/icons/knee.png); } .myfb-icon.achillessehne { background-image: url(/img/icons/foot.png); } .myfb-icon.fuss { background-image: url(/img/icons/foot.png); } .myfb-icon.neuro { background-image: url(/img/icons/neuro.png); } .myfb-icon.urologieinkontinenz { background-image: url(/img/icons/uro.png); } .myfb-icon.onkologie { background-image: url(/img/icons/onko.png); } .myfb-icon.lymphdrainage { background-image: url(/img/icons/lymph.png); } .myfb-icon.individuell { background-image: url(/img/icons/inidvidual.png); } .myfb-icon.kiefer { background-image: url(/img/icons/kiefer.png); } .myfb-icon.knorpel { background-image: url(/img/icons/knorpel.png); } .myfb-icon.chronisch { background-image: url(/img/icons/pain.png); } .active .myfb-icon { background-image: url(/img/icons-active/heart.png); } .active .myfb-icon.lws { background-image: url(/img/icons-active/spine.png); } .active .myfb-icon.hws { background-image: url(/img/icons-active/spine.png); } .active .myfb-icon.bws { background-image: url(/img/icons-active/spine.png); } .active .myfb-icon.huefte { background-image: url(/img/icons-active/hip.png); } .active .myfb-icon.schulter { background-image: url(/img/icons-active/shoulder.png); } .active .myfb-icon.ellbogen { background-image: url(/img/icons-active/elbow.png); } .active .myfb-icon.hand { background-image: url(/img/icons-active/hand.png); } .active .myfb-icon.knie { background-image: url(/img/icons-active/knee.png); } .active .myfb-icon.vkb { background-image: url(/img/icons-active/knee.png); } .active .myfb-icon.achillessehne { background-image: url(/img/icons-active/foot.png); } .active .myfb-icon.fuss { background-image: url(/img/icons-active/foot.png); } .active .myfb-icon.neuro { background-image: url(/img/icons-active/neuro.png); } .active .myfb-icon.urologieinkontinenz { background-image: url(/img/icons-active/uro.png); } .active .myfb-icon.onkologie { background-image: url(/img/icons-active/onko.png); } .active .myfb-icon.lymphdrainage { background-image: url(/img/icons-active/lymph.png); } .active .myfb-icon.individuell { background-image: url(/img/icons-active/inidvidual.png); } .active .myfb-icon.kiefer { background-image: url(/img/icons-active/kiefer.png); } .active .myfb-icon.knorpel { background-image: url(/img/icons-active/knorpel.png); } .active .myfb-icon.chronisch { background-image: url(/img/icons-active/pain.png); } a:hover .myfb-icon { background-image: url(/img/icons-active/heart.png); } a:hover .myfb-icon.lws { background-image: url(/img/icons-active/spine.png); } a:hover .myfb-icon.hws { background-image: url(/img/icons-active/spine.png); } a:hover .myfb-icon.bws { background-image: url(/img/icons-active/spine.png); } a:hover .myfb-icon.huefte { background-image: url(/img/icons-active/hip.png); } a:hover .myfb-icon.schulter { background-image: url(/img/icons-active/shoulder.png); } a:hover .myfb-icon.ellbogen { background-image: url(/img/icons-active/elbow.png); } a:hover .myfb-icon.hand { background-image: url(/img/icons-active/hand.png); } a:hover .myfb-icon.knie { background-image: url(/img/icons-active/knee.png); } a:hover .myfb-icon.vkb { background-image: url(/img/icons-active/knee.png); } a:hover .myfb-icon.achillessehne { background-image: url(/img/icons-active/foot.png); } a:hover .myfb-icon.fuss { background-image: url(/img/icons-active/foot.png); } a:hover .myfb-icon.neuro { background-image: url(/img/icons-active/neuro.png); } a:hover .myfb-icon.urologieinkontinenz { background-image: url(/img/icons-active/uro.png); } a:hover .myfb-icon.onkologie { background-image: url(/img/icons-active/onko.png); } a:hover .myfb-icon.lymphdrainage { background-image: url(/img/icons-active/lymph.png); } a:hover .myfb-icon.individuell { background-image: url(/img/icons-active/inidvidual.png); } a:hover .myfb-icon.kiefer { background-image: url(/img/icons-active/kiefer.png); } a:hover .myfb-icon.knorpel { background-image: url(/img/icons-active/knorpel.png); } a:hover .myfb-icon.chronisch { background-image: url(/img/icons-active/pain.png); } .filter-tabs { margin: 20px 0 0 0; position: relative; } .filter-tabs .filter-tabs-head { width: 180px; float: left; border-right: 1px solid #dddddd; min-height: 300px; } .filter-tabs .filter-tabs-head .tab { border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; line-height: 30px; padding: 0 10px; border-right: 1px solid #dddddd; margin: 0 -1px 0 0; color:#840038; cursor: pointer; } .filter-tabs .filter-tabs-head .tab.active, .filter-tabs .filter-tabs-head .tab:hover { border-right: 1px solid #ffffff; } .filter-tabs .filter-tabs-head .tab.active{ font-weight: bold; } .filter-tabs .filter-tabs-head .tab:first-child { border-top: 1px solid #dddddd; margin-top: 20px; } .filter-tabs .tab-contents { float: left; height: 300px; overflow: hidden; } .filter-tabs .tab-content { display: none; padding: 0 24px; } .filter-tabs .tab-content .select2 { display: none; } .filter-tabs .ms-container { margin: 0; max-width: 550px; } .filter-tabs .mulitselect-container .ms-selection ul, .filter-tabs .mulitselect-container .ms-selectable ul { height: 250px; } .filter-tabs .mulitselect-container, .filter-tabs .toggle-arcordeon-container, .filter-tabs .checkbox-container { padding: 0; } .filter-tabs .mulitselect-container .ms-header-sel, .filter-tabs .mulitselect-container .ms-header-opt { margin-top: 0; } .filter-tabs input[type="submit"] { position: absolute; bottom: 0; width: 180px; padding: 0; } .vertical-tabs { margin: 20px 0 0 0; position: relative; } .vertical-tabs .tabs-head { width: 350px; float: left; border-right: 1px solid #dddddd; min-height: 350px; } .vertical-tabs .tabs-head .tab { border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; line-height: 35px; padding: 0 10px; border-right: 1px solid #dddddd; margin: 0 -1px 0 0; color:#840038; cursor: pointer; } .vertical-tabs .tabs-head .tab.active, .vertical-tabs .tabs-head .tab:hover { border-right: 1px solid #ffffff; font-weight: bold;} .vertical-tabs .tabs-head .tab:first-child { border-top: 1px solid #dddddd; margin-top: 20px; } .vertical-tabs .tab-contents { float: left; height: 350px; overflow: hidden; width: calc(100% - 370px); } .vertical-tabs .tab-content { display: none; padding: 0 24px; } .vertical-tabs .tab-content>div { height: 350px; } .vertical-tabs .tabs-head .tab.active.sd0, .vertical-tabs .tabs-head .tab.sd0:hover { background: linear-gradient(90deg, rgb(255, 255, 255) 65%, #00ad4e 85%); border-right: 1px solid #00ad4e; } .vertical-tabs .tabs-head .tab.active.sd05, .vertical-tabs .tabs-head .tab.sd05:hover { background: linear-gradient(90deg, rgb(255, 255, 255) 65%, #94d550 85%); border-right: 1px solid #94d550; } .vertical-tabs .tabs-head .tab.active.sd1, .vertical-tabs .tabs-head .tab.sd1:hover { background: linear-gradient(90deg, rgb(255, 255, 255) 65%, #ffff00 85%); border-right: 1px solid #ffff00; } .vertical-tabs .tabs-head .tab.active.sd15, .vertical-tabs .tabs-head .tab.sd15:hover { background: linear-gradient(90deg, rgb(255, 255, 255) 65%, #f09200 85%); border-right: 1px solid #f09200; } .vertical-tabs .tabs-head .tab.active.sd2, .vertical-tabs .tabs-head .tab.sd2:hover { background: linear-gradient(90deg, rgb(255, 255, 255) 65%, #ff0000 85%); border-right: 1px solid #ff0000; } .vertical-tabs .tabs-head .tab.active.sdpain, .vertical-tabs .tabs-head .tab.sdpain:hover { background: linear-gradient(90deg, rgb(255, 255, 255) 65%, #a8a3a3 85%); border-right: 1px solid #a8a3a3; } .loading-indicator { width: 100%; text-align: center; line-height: 25px; color: #840038; } .loading-indicator .fa { margin-top: 50px; } .patient-verlauf-info { width: 100%; } .patient-verlauf-info th:nth-child(1), .patient-verlauf-info td:nth-child(1){ width: 40%; } .patient-verlauf-info th:nth-child(2), .patient-verlauf-info td:nth-child(2){ width: 30%; } .patient-verlauf-info th:nth-child(3), .patient-verlauf-info td:nth-child(3){ width: 30%; } .patient-verlauf-info th { background-color: #00607b; line-height: 32px; color: #ffffff; font-weight: bold; padding: 0 5px; text-align: left; } .patient-verlauf-info td { background-color: #f6f6f6; line-height: 23px; color: #3d3d3d; padding: 5px; text-align: left; vertical-align: top; } .tbl-scale-capt { display: inline-block; line-height: 16px; width: 35px; text-align: left; } .pain .tbl-scale-capt { margin: 0; width: 17px; text-align: center; height: 17px; line-height: 17px; border: 2px solid #15263f; border-radius: 4px; font-weight: bold; font-size: 12px; } .tbl-scale { display: inline-block; margin: 0 0 0 10px; } .tbl-scale .bx > span { background: grey; margin: 0; width: 12px; height: 12px; display: inline-block; color: #ffffff; line-height: 12px; overflow: hidden; font-size: 10px; font-weight: bold; vertical-align: middle; text-align: center; } .tbl-scale .bx { border: 2px solid transparent; line-height: 0px; height: 12px; display: inline-block; width: 12px; padding: 2px; margin: 0 0 0 -4px; } .tbl-scale .bx.sel { border: 2px solid #15263f; } .tbl-scale-cell.pain .tbl-scale { display: none; } /* .tbl-scale .bx:first-child > span { background-color: #d70026; } .tbl-scale .bx:nth-child(2) > span { background-color: #ec0a0c; } .tbl-scale .bx:nth-child(3) > span { background-color: #f33709; } .tbl-scale .bx:nth-child(4) > span { background-color: #f87501; } .tbl-scale .bx:nth-child(5) > span { background-color: #f8b300; } .tbl-scale .bx:nth-child(6) > span { background-color: #fadc00; } .tbl-scale .bx:nth-child(7) > span { background-color: #ccde0e; } .tbl-scale .bx:nth-child(8) > span { background-color: #8ad321; } .tbl-scale .bx:nth-child(9) > span { background-color: #44bc37; } .tbl-scale .bx:last-child > span { background-color: #13ae48; } */ .tbl-scale .bx:first-child > span { background-color: #ec0a0c; } .tbl-scale .bx:nth-child(2) > span { background-color: #f33709; } .tbl-scale .bx:nth-child(3) > span { background-color: #f87501; } .tbl-scale .bx:nth-child(4) > span { background-color: #f8b300; } .tbl-scale .bx:nth-child(5) > span { background-color: #fadc00; } .tbl-scale .bx:nth-child(6) > span { background-color: #ccde0e; } .tbl-scale .bx:nth-child(7) > span { background-color: #8ad321; } .tbl-scale .bx:nth-child(8) > span { background-color: #44bc37; } .tbl-scale .bx:nth-child(9) > span { background-color: #13ae48; } .tbl-scale .bx:last-child > span { background-color: #13ae48; } td.tbl-scale-cell { text-align: center; position: relative; padding-left: 30px !important; } .fa.tendency { position: absolute; left: 5px; font-size: 21px; opacity: .5; } .fa.tendency:hover { opacity: 1; color: #00607b; } #cancelsubscription {font-size: 25px; background-color: white; padding: 50px;} @media (max-width: 1000px) and (-webkit-min-device-pixel-ratio:0) { select, textarea, input { font-size: 16px!important; } } .showLoggedUser { margin-left: 10px; color: #fff; font-size: 12px;} /* Basics */ .nomobile { display: none; } .clear { clear: both; } .left { float: left; } .right { float: right; } strong { font-weight: bold; font-size: larger; } /* clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }