#map_next {
width: 120px;
margin-top: 10px;
}
ul.closed {
display: none;
}
h3.group {
margin: 3px 0px;
padding: 0px 0px 0px 16px;
font-size: 12px;
cursor: pointer;
font-weight: bold;
}
h3.collapsed {
background: #ffffff url(//www.jakobkihl.dk/wp-content/plugins/WordpressXMedicus-master/img/icon_expand.png) no-repeat left top;
}
h3.expanded{
background: #ffffff url(//www.jakobkihl.dk/wp-content/plugins/WordpressXMedicus-master/img/icon_collapse.png) no-repeat left top;
}
.xmedicus__calendar__input {
visibility: hidden;
width: 0px;
height: 0px;
}
#map_canvas {
float: none;
width: 100%;
height: 400px;
display: inline-block;
margin: 0;
}
#map_form {
width: 100%;
margin: 20px auto;
}
#search_map {
padding: 10px;
width: 50%;
font-size: 14px;
}
#map_form input::placeholder {
color: grey;
}
#map_form button {
padding: 10px 30px;
border-radius: 3px;
background: grey;
cursor: pointer;
color: white;
border: none;
font-size: 14px;
}
#map_form button:hover {
background: lightgrey;
}
#current_location {
float: right;
}
#closest_markers div {
padding: 10px 0;
margin: 10px 0;
background: #f1f1f1;
clear: both;
}
#closest_markers div a {
float: right;
padding-right: 10px;
color: #507F63;
font-size: 1.2em;
font-weight: bold;
}
#closest_markers div a .fa {
margin-left: 10px;
}
#closest_markers .index {
background: black;
font-weight: bold;
color: white;
display: inline-block;
text-align: center;
border-radius: 50%;
padding: 10px 20px;
float: left;
margin: 0 20px 0 10px;
font-size: 1.5em;
}
@media only screen and ( max-width: 1100px ) {
#current_location {
display: block;
margin-top: 5px;
float: none;
margin: 10px 0 0 auto;
}
#search_button {
width: 150px;
text-align: center;
float: right;
}
#search_map {
width: calc(100% - 200px);
}
}
@media only screen and ( max-width: 500px ) {
#search_map {
width: 95%;
}
#map_form button {
width: auto;
margin: 10px 0;
}
#search_button {
float: left;
}
#current_location {
float: right;
}
#closest_markers div a {
float: none;
display: block;
margin-bottom: -20px;
margin-top: 10px;
text-align: right;
}
}
#xmedicus__org-units {
padding-left: 15px;
}
#xmedicus__org-units ul {
width: 200px !important;
max-width: 200px;
}
.xmedicus__booking__help-text {
display: block;
margin: 0 auto;
padding-left: 20px;
margin: 0 auto;
}
#xmedicus__units ul, #xmedicus__org-units ul {
list-style-type: none;
padding-left: 15px;
margin-bottom: 0px;
}
#xmedicus__units {
float: right;
display: inline-block;
width: 240px;
}
#xmedicus__units input[type="radio"], #xmedicus__org-units input[type="radio"] {
width: 10px;
display: inline-block;
}
#xmedicus__org-units label {
width: 160px;
max-width: 180px;
}
#xmedicus__units label {
width: 200px;
}
#xmedicus__units label, #xmedicus__org-units label {
display: inline-block;
margin-bottom: 0px;
}
@media only screen and ( max-width: 900px ) {
#map_canvas {
display: block;
width: 100%;
}
#xmedicus__units {
float: left;
width: 100%;
}
}
.xmedicus__count-selector,
.xmedicus__treatment-selector,
.xmedicus__resource-selector,
.xmedicus__organization-unit-selector,
.xmedicus__submit {
width: 250px;
}
.xmedicus__count-selector b,
.xmedicus__treatment-selector b,
.xmedicus__resource-selector b,
.xmedicus__organization-unit-selector b {
display: inline-block;
}
.xmedicus__count-selector select,
.xmedicus__resource-selector select,
.xmedicus__organization-unit-selector select,
.xmedicus__treatment-selector select {
margin-bottom: 10px;
}
.xmedicus__count-selector select,
.xmedicus__count-selector b,
.xmedicus__resource-selector select,
.xmedicus__resource-selector b,
.xmedicus__organization-unit-selector select,
.xmedicus__organization-unit-selector b,
.xmedicus__treatment-selector select,
.xmedicus__treatment-selector b {
width: 100%;
}
.xmedicus__booking__container {
padding-top: 15px;
}
.xmedicus__booking__container table.time th:first {
width: 40px !important;
}
.xmedicus__booking__container table.time {
width: 100%;
padding-top: 10px;
}
table.time {
border: 1px solid #EAEAEA;
border-collapse: collapse;
}
table.time td.has-hours {
padding-left: 5px;
padding-bottom: 3px;
text-align: left;
color: white;
width: 70px;
}
table.time td.no-hours {
text-align: center;
color: black;
}
table.time label, table.time td.no-hours {
font-size: 12px;
font-weight: 600;
}
table.time th:not(:first-of-type) {
width: 145px !important;
}
table.time th {
text-align: center;
}
table.time td.has-hours label {
color: white;
display: inline-block;
margin: 0;
padding: 0;
float: left;
width: 50%;
text-align: center;
line-height: 12px;
height: 14px;
}
table.time td.hour-label {
vertical-align: middle;
}
table.time td.has-hours label:hover {
color: black;
}
table.time td.has-hours input {
display: block;
}
table.time td label {
margin-bottom: 0px;
vertical-align: middle;
}
table.time tr td {
padding: 10px;
color: #000000;
background-color: #FFFFFF;
border-bottom: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
padding-bottom: 0px;
padding-top: 2px;
vertical-align: middle;
}
table.time th {
font-weight: bold;
padding-left: 5px;
background-color: #dcdcdc;
border-bottom: 1px solid #EAEAEA;
}
label.time {
cursor: pointer;
}
table.time td.has-hours label {
color: green;
}
table.time td.has-hours label:hover {
font-weight: bold !important;
}
table.time.max-slots-2 tr {
height: 30px;
padding-top: 4px;
}
table.time.max-slots-4 tr {
height: 40px;
}
table.time.max-slots-6 tr {
height: 60px;
}
table.time.max-slots-8 tr {
height: 80px;
}
table.time.max-slots-10 tr {
height: 100px;
}
div.interval_date {
text-align: center;
float: left;
width: 360px;
}
form.interval_previus {
float: left;
}
form.interval_next {
float: right;
} @media only screen and ( max-width: 780px ) {
table.time td.has-hours label {
float: none;
}
table.time th {
font-size: 12px;
}
table.time td label,
table.time td.has-hours label {
margin-right: auto;
margin-left: auto;
display: block;
}
table.time tr td {
text-align: center;
padding-left: 2px;
padding-right: 2px;
}
.xmedicus__booking__help-text {
font-size: 13px;
padding-right: 27%;
padding-left: 27%;
}
}
@media only screen and ( max-width: 600px ) {
table.time th {
font-size: 10px;
}
.xmedicus__booking__help-text {
font-size: 12px;
}
table.time td.has-hours {
width: 50px;
}
table.time td.has-hours label {
margin: 0;
width: 100%;
}
}
@media only screen and ( max-width: 510px ) {
.xmedicus__booking__help-text {
clear: both;
padding: 0px;
padding-top: 5px;
}
table.time td.has-hours label {
padding-bottom: 3px;
padding-top: 3px;
}
}
@media only screen and ( max-width: 320px ) {
table.time label,
table.time td.no-hours,
table.time th {
font-size: 9px;
}
} table.booking-options {
width: 185px;
margin-left: 20px;
margin-bottom: 0px;
}
table.booking-options select {
width: 100%;
text-align: center;
}
table.booking-options td {
padding-top: 0px;
}
table.booking-options tr {
border-bottom: 0px;
}
.navigator {
margin-bottom: 10px;
width: 100%;
display: inline-block;
}
.xmedicus__submit,
.navigator form button,
.navigator form input[type="submit"],
.navigator form input[type="button"],
.navigator form input[type="reset"],
.navigator form input {
border-bottom: 0px;
border-radius: 3px;
background: black;
background-color: black;
color: white;
cursor: pointer;
padding: 5px 10px;
border: 0;
}
.xmedicus__submit:hover,
.navigator form button:hover,
.navigator form input[type="submit"]:hover,
.navigator form input[type="button"]:hover,
.navigator form input[type="reset"]:hover,
.navigator form input:hover {
border-top: 0px;
background: grey;
background-color: grey;
}
.navigator form input[disabled] {
color: white !important;
cursor: default;
background: lightgrey;
background-color: lightgrey;
}
.xmedicus__booking__container {
display: flex;
}
.xmedicus__booking__container .left {
flex: 80;
}
.xmedicus__booking__container .right {
flex: 20;
}
div.calendar {
width: 100%;
float: left;
}
hr {
border-top: 1px solid #0f0f0f;
border-right: 0px solid #0f0f0f;
border-bottom: 0px solid #0f0f0f;
border-left: 0px solid #0f0f0f;
}
.hidden {
display: none;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
@media only screen and ( max-width: 320px ) {
.navigator button,
.navigator input[type="button"],
.navigator input[type="submit"] {
padding: 0.75em 1.25em
}
} .gf-date-input {
display: inline-block;
width: 100%;
}
.gf-date-input label {
float: left;
vertical-align: middle;
padding-top: 16px;
}
.gf-date-input .ginput_container_date {
float: right;
width: 70%;
}
.gf-date-input .ginput_container_date input {
float: right;
width: 100% !important;
}
.gf-select-column {
display: inline-block;
width: 100%;
}
.gf-select-column label {
float: left;
vertical-align: middle;
padding-top: 16px;
}
.gf-select-column .ginput_container_select {
float: right;
width: 70%;
height: 35px;
}
.gf-select-column .ginput_container_select select {
height: 100%;
} .xmedicus__month-calendar table.time tr td {
text-align: center;
padding: 5px;
font-size: 12px;
}
.xmedicus__month-calendar table.time tr td.available {
background-color: green;
color: white;
}
.xmedicus__month-calendar table.time tr td.available a {
color: white;
text-decoration: none;
box-shadow: none;
}
.xmedicus__month-calendar .not-current-month {
color: gray;
}
.xmedicus__month-calendar {
padding-top: 15px;
width: 100%;
display: inline-block;
}
.xmedicus__month-calendar table.time {
width: 100%;
}
.xmedicus__month-calendar table.time th {
width: 16%;
}
.xmedicus__form-submit {
margin: 0 auto;
} xmedicus__show_organization_units table {
table-layout: fixed !important;
}
.xmedicus__show_organization_units td {
padding: 10px !important;
background: white !important;
}
td.organization_unit {
white-space: nowrap;
}
.xmedicus__show_organization_units thead {
font-weight: bold;
}
.xmedicus__show_organization_units td.opening-hours {
text-align: center;
vertical-align: top !important;
white-space: nowrap;
font-size: 0.8em;
color: black;
}
.xmedicus__show_organization_units td.opening-hours.disabled {
background: lightgrey !important;
color: grey;
}
.xmedicus__show_organization_units .book-now-button {
vertical-align: bottom;
}
.xmedicus__show_organization_units button {
padding: 10px 5px 10px 20px;
font-weight: bold;
background: #507F63;
border: none;
color: white;
white-space: nowrap;
width: 100%;
}
.xmedicus__show_organization_units button:hover {
background: #78af8e;
}
.xmedicus__show_organization_units .fa {
color: #b72020;
margin-right: 10px;
font-size: 1em;
text-decoration: none !important;
width: 10px;
margin-right: 10px;
font-size: 1em;
text-align: center;
}
.xmedicus__show_organization_units button .fa {
color: white;
margin: 0 15px 0;
vertical-align: middle;
}
.xmedicus__show_organization_units tbody {
border: 10px solid #f1f1f1;
border-bottom: 25px solid #f1f1f1;
}
.xmedicus-navigator-text {
margin-top: -45px;
margin-bottom: 15px;
font-size: 1.3em;
}
@media only screen and (max-width: 500px) {
.xmedicus-navigator-text {
margin-top: -82px;
margin-bottom: 45px;
}
}
.xmedicus__show_organization_units .availableslots {
background: #507F63;
color: white;
padding: 5px;
vertical-align: bottom;
margin-top: 10px;
cursor: pointer;
}
.xmedicus__show_organization_units .noavailableslots {
background: rgba(183, 32, 32, 0.8);
color: white;
padding: 5px;
vertical-align: bottom;
margin-top: 10px;
cursor: pointer;
}
.xmedicus__show_organization_units .organization_unit tr:not(.organization_header) {
display: none;
}
.xmedicus__show_organization_units .organization_header {
display: table-row !important;
cursor: pointer;
}
.xmedicus__show_organization_units .organization_header .fa {
float: right;
}
.xmedicus__show_organization_units .organization_header td {
border-bottom: 1px solid white;
}
.xmedicus__show_organization_units .textbox {
background: rgba(255, 255, 255, 0.9);
width: 40%;
padding: 20px;
margin: 20px;
border: 1px solid lightgrey;
}
.availableslots, .noavailableslots {
position: relative; }
.availableslots .tooltip, .noavailableslots .tooltip {
visibility: hidden;
width: 200px;
background-color: grey;
color: white;
font-size: 12px;
text-align: center;
border-radius: 6px;
padding: 10px;
opacity: 1;  position: absolute;
z-index: 1;
top: 125%;
left: 35%;
margin-left: -100px;
white-space: initial;
}
.availableslots .tooltip::after, .noavailableslots .tooltip::after {
content: " ";
position: absolute;
bottom: 100%; left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent grey transparent;
}
.availableslots:hover .tooltip, .noavailableslots:hover .tooltip {
visibility: visible;
}
@media only screen and ( max-width: 1100px ) {
.xmedicus__show_organization_units .textbox {
width: 80%;
margin: 20px auto;
}
.xmedicus__show_organization_units td, .xmedicus__show_organization_units button {
display: block;
}
.xmedicus__show_organization_units .availableslots, .xmedicus__show_organization_units .noavailableslots {
width: 40%;
margin: 0 auto;
}
.xmedicus__show_organization_units button {
text-align: left;
}
.xmedicus__show_organization_units button .fa {
float: right;
}
} .xmedicus_arrangements {
margin: -20px 0 0 20px;
width: 90%;
}
.xmedicus_arrangements ul {
padding: 0 !important;
}
.xmedicus_arrangements li {
background: #f1f1f1;
padding: 10px;
overflow: auto;
margin-bottom: 10px;
width: 100%;
}
.xmedicus_arrangements p {
padding-bottom: 10px;
}
#arrangements_filters {
margin: 10px auto 20px;
}
#arrangements_filters * {
display: inline;
}
#arrangements_filters select {
padding: 10px;
width: 8%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-ms-box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
background-image: url(https://d30y9cdsu7xlg0.cloudfront.net/png/10897-200.png);
background-position: center right;
background-repeat: no-repeat;
background-size: contain;
float: right;
margin-right: -20px;
}
#arrangements_filters input {
width: 85%; padding: 10px;
background-image: url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-search-strong-128.png);
background-position: center right;
background-repeat: no-repeat;
background-size: contain;
}
.load {
text-align: center;
margin-top: 20px;
width: 90%;
}
.load a {
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
background-color: grey;
color: white;
margin-right: 5px;
width: 100px !important;
}
.load a:hover {
text-decoration: none;
}
.load a:hover {
background-color: #DDDDDD;
color: black;
}
.load .fa {
font-size: 1.5em;
vertical-align: middle;
}
#loadmore .fa {
margin-right: 10px;
}
#totop .fa {
margin-left: 10px;
}
.xmedicus_arrangements #changeregion {
margin-bottom: 10px;
text-transform: uppercase;
}
.xmedicus_arrangements #changeregion .fa {
margin-right: 10px;
}
.xmedicus_arrangements #region {
padding-right: 10px;
}
@media only screen and ( max-width: 500px ) {
.xmedicus_arrangements {
margin: 0;
}
#arrangements_filters input {
width: 100%;
}
#arrangements_filters select {
width: 15%;
margin-top: 10px;
}
} #loadingcontainer {
background: rgba(255,255,255,0.6);
width: 100% !important;
position: fixed;
top: 0;
height: 100%;
left: 0;
z-index: 1000;
display: none;
}
.loading {
width: 50px;
margin: 25% auto;
}
html.wait, html.wait * {
cursor: wait !important;
} #week-overview td:not(.clinic-information) {
text-align: center;
width: 10%;
}
#week-overview .availableslots {
background: rgba(59, 152, 59, 0.25);
}
#week-overview .fewavailableslots {
background: rgba(177, 177, 30, 0.4);
}
#week-overview .opening-hours a {
color: #1b2b09;
}
#week-overview .opening-hours a:hover {
text-decoration: none;
color: black;
font-size: 13px;
}
#week-overview td.opening-hours {
font-size: 12px !important;
font-weight: 700;
vertical-align: middle;
}
#week-overview td {
padding: 7px !important;
}::-webkit-input-placeholder { color:    black;
font-weight: bold;
padding-left: 2px;
}
.desc.right {
display: inline-block;
float: right;
}
:-moz-placeholder { color:    black;
padding-left: 2px;
}
::-moz-placeholder { color:    black;
font-weight: bold;
padding-left: 2px;
}
:-ms-input-placeholder { color:    black;
padding-left: 2px;
}
#xmedicus .button {
display: inline-block;
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
text-align: center;
text-decoration: none;
background-image: none;
background-attachment: scroll;
background-color: black; font-size: 16px;
font-weight: 700;
padding: 3px 6px;
background-position: 0 0;
background-repeat: repeat repeat;
box-shadow: none;
}
#xmedicus .button.large {
width: 50%;
}
#button-container {
clear: both;
margin-top: 20px;
}
#booking-confirm-button.button {
margin: 0 auto;
display: block;
}
#booking-confirm-button:hover {
background: grey;
}
#xmedicus p {
font-size: 0.9em;
}
#xmedicus fieldset {
border: none;
padding: 0px;
margin: 0px;
}
#xmedicus legend {
display: block;
width: 100%;
border-bottom: 2px solid lightgrey;
font-family: "Proxima Nova Condensed", Arial, Helvetica, sans-serif;
font-weight: bold;
color: black;
font-size: 17px;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
#xmedicus input, #xmedicus select, #xmedicus textarea {
background-color: #F4F4F4;
width: 333px;
font-family: "Proxima Nova Condensed", Arial, Helvetica, sans-serif;
float: left;
font-weight: bold;
padding-left: 7px;
}
#xmedicus input[type=radio] {
width: auto;
height: auto;
float: none;
margin-bottom: 5px;
margin-right: 10px;
}
#xmedicus #content {
width: 690px;
}
#xmedicus .half-width {
display: inline-block;
width: 41%;
}
#xmedicus .display-block {
display: block;
}
#xmedicus ul {
list-style: none;
margin-left: 0px;
padding-left: 0px;
}
#xmedicus ul li {
list-style: none;
}
#xmedicus div.section {
border-top: 2px solid lightgrey;
padding: 0px;
width:100%; }
#xmedicus div.section-content {
margin-top: 15px;
margin-bottom: 40px;
float: left;
display: block;
width:100%;
}
#xmedicus div.section-content.square {
margin-top: 40px;
}
#xmedicus .desc {
color: grey;
font-size: 10px;
line-height: 1;
display: block;
width: 310px;
margin-top: 5px;
}
#xmedicus .desc.right {
margin-left: 10px;
}
#xmedicus .feedback {
color: #b72020;
line-height: 35px;
font-size: 14px;
display: block;
vertical-align: middle;
margin-left: 16px;
white-space: nowrap;
}
#xmedicus .feedback.no-indent {
margin-left: 0;
}
#xmedicus .line {
width:100%;
height: auto;
float: left;
margin-bottom: 10px;
}
#xmedicus .input-area {
float: left;
}
#xmedicus .input-area input, #xmedicus .input-area label {
display: inline-block;
}
#xmedicus .input-area input[type="radio"]:last-of-type {
margin-left: 10px;
}
#xmc-longTime {
width: 333px !important;
}
#xmedicus .big-blue {
color: #1D77A2;
font-size: 25px;
font-weight: bold;
}
#xmedicus .large.button {
padding: 13px 0;
}
#xmedicus .square a:not(.button) {
margin-top: 10px;
}
#xmedicus .legend-end {
display: block;
display: none;  }
#xmedicus img.legend-end {
height: 5em; margin: 25% auto;
}
#xmedicus .remove-section {
color: red;
cursor: pointer;
}
#xmedicus .remove-section:hover {
color: darkred;
}
#xmedicus .timeslots {
margin-bottom: 0px;
text-align: left;
} .time-list {
font-weight: bold;
}
.time-list p:first-letter {
text-transform: uppercase;
}
.time-list .hak {
height: 1.5em;
margin-top: -0.25em;
margin-right: 0.5em;
float: left;
}
#timepicker .fa-check {
font-size: 2.5em;
float: left;
margin-right: 10px; } #xmedicus #datepicker {
width: 300px;
} #xmedicus .ui-datepicker-calendar td a,
#xmedicus .ui-datepicker-calendar td span {
background: transparent;
text-align: center;
font-weight: bold;
font-size: 15px;
color: black;
box-shadow: none;
border: 0px;
}
#xmedicus .ui-datepicker-title {
padding-top: 10px;
text-align: center;
padding-bottom: 5px;
}
#xmedicus .ui-datepicker-prev {
padding: 10px 15px;
padding-right: 40px;
float: left;
cursor: pointer;
border-bottom: 0px;
box-shadow: none;
top: 0px;
left: -1px;
}
#xmedicus .ui-datepicker-next {
padding: 10px 15px;
padding-left: 40px;
float: right;
cursor: pointer;
box-shadow: none;
border-bottom: 0px;
top: 0px;
right: -1px;
}
#xmedicus .ui-datepicker-header {
height: 40px;
background-color: #158AC2;
border: 0px;
color: white;
font-weight: bold;
margin-bottom: 2px;
}
#xmedicus .ui-widget-header {
background: #B72020;
}
#xmedicus .ui-datepicker {
padding: 0px;
}
#xmedicus .ui-datepicker td, #xmedicus .ui-datepicker th {
margin-bottom: 1px;
}
#xmedicus .ui-datepicker tr {
border-bottom: 0px;
}
#xmedicus .ui-datepicker-week-end.dayslot a,
#xmedicus .ui-datepicker-week-end.dayslot span {
text-decoration: none;
color: red;
text-align: center;
}
#xmedicus .ui-state-disabled, .ui-datepicker-other-month, .dayslot {
background-color: #F4F4F4 !important;
border: 1px solid white;
height: 35px;
width: 1%;
text-align: center;
font-weight: bold;
opacity: 1;
}
#xmedicus .ui-datepicker-other-month a, 
#xmedicus .ui-datepicker-other-month span {
color: gray !important ;
}
#xmedicus .dayslot {
background-color: #C7E1EB !important;
border-color: #C7E1EB !important;
}
#xmedicus .ui-datepicker-current-day:not(.ui-datepicker-unselectable) {
background-color: #158AC2 !important;
}
#xmedicus .ui-datepicker-current-day:not(.ui-datepicker-unselectable) a,
#xmedicus .ui-datepicker-current-day:not(.ui-datepicker-unselectable) span {
color: white;
}
#xmedicus .ui-datepicker-calendar th,
#xmedicus .ui-datepicker-calendar td {
background-color: black; border: 1px solid white;
font-size: 10px;
text-transform: uppercase;
padding: 5px 0px;
color: white;
text-shadow: none;
}
#xmedicus .dayslot a {
background-color:#C7E1EB;
width: 100%;
height: 100%;
text-decoration: none;
color: black;
}
#xmedicus .ui-datepicker .ui-datepicker-header {
padding: 0px;
}
#xmedicus .ui-corner-all {
height: 50%;
}
#xmedicus .ui-datepicker-calendar td {
width: 45px !important;
height: 39px !important; 
}
#xmedicus .ui-datepicker {
border: 0px;
}
#xmecicus .datepicker, #xmedicus .ui-datepicker {
width: 100%;
}
#xmedicus .dayslot {
border-spacing: 0px !important;
}
#xmedicus #timepicker input[type="radio"],
#xmedicus #timepicker label {
display: inline-block;
margin-left: 5px;
}
#xmedicus .timepicker-side {
padding-left: 30px;
}
#xmedicus .timeslot_container {
padding-top: 20px;
}
#xmedicus .timeslot_selection {
display: block;
margin-bottom: 20px;
text-align: center;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
} @-webkit-keyframes highlight {
0%      { color: gray; }
100%    { color: red;  }
}
@keyframes highlight {
0%      { color: gray; }
100%    { color: red;  }
}
.highlight {
animation: highlight 1000ms 1 ease;
-webkit-animation: highlight 1000ms 1 ease;
}
#xmedicus .feedback:empty {
display: none !important;
}
#xmedicus .hidden {
display: none !important;
}
@media only screen and ( min-width: 1025px ) {
#xmedicus ul.two-column {
overflow: hidden;
}
#xmedicus ul.two-column li {
line-height: 1.5em;
float: left;
width: 250px;
display: inline;
}
#xmedicus ul.two-column li:nth-child(even) { }
} #loadingcontainer {
background: rgba(255,255,255,0.6);
width: 100% !important;
position: fixed;
top: 0;
height: 100%;
left: 0;
z-index: 1000;
display: none;
} @media only screen and ( max-width: 400px ) {
.entry-content {
width: 100% !important;
}
}
@media only screen and ( max-width: 1024px ) {
#xmedicus .button.large {
width: 100%;
}
#xmedicus fieldset {
max-width: 100%;
overflow: hidden;
}
#xmedicus legend {
max-width: 100%;
}
#xmedicus p {
margin-left: 1em;
margin-right: 1em;
}
#xmedicus .big {
font-size: 1.5em;
font-weight: bold;
}
#xmedicus .big {
font-size: 1.3em;
}
#xmedicus input,
#xmedicus select,
#xmedicus textarea {
width: 95%;
font-size: 16px;
}
#xmedicus #timepicker input[type="radio"], 
#xmedicus input[type="radio"] {
display: none;
margin: 0px 5px 0px 30px; 
}
#xmedicus .timeslots label,
#xmedicus .input-area label,
#xmedicus #selecttreatment label {
width: 100%;
display: inline-block;
padding: 10px 0px;
margin: 0px 0px;
text-align: center;
background: #ECF6FA; border: 1px solid white;
}
#xmedicus .timeslots {
margin-bottom: 0px;
}
#xmedicus .timeslots li {
margin-top: 5px;
}
#xmedicus .timepicker-side {
padding-left: 0px;
}
#xmedicus .timeslot_container .desc {
width: 100%;
}
#xmedicus .timeslot_container,
#xmedicus .timeslot_selection {
width: 100%;
max-width: 100%;
}
#xmedicus .timeslots input[type="radio"]:checked + label,
#xmedicus .input-area input[type="radio"]:checked + label,
#xmedicus #selecttreatment input[type="radio"]:checked + label {
border: 1px solid #158AC2 !important;
background: #C7E1EB;
}
#xmedicus #xmc-longTime {
width: 100% !important;
}
#xmedicus #xmc-longTime label {
margin-top: 10px;
}
#xmedicus .half-width {
width: 100%;
margin: auto auto;
display: block;
}
#xmedicus .input-area {
float: none;
}
#xmedicus .desc.right {
float: none;
margin-top: 10px;
display: inline-block;
width: 100%;
margin-left: 0px;
}
#xmedicus .feedback {
display: inline-block;
margin-top: 0.3em;
margin-left: 2%;
line-height: 15px;
}
}