/* twenty nineteen patches */

.entry .entry-header
{
    margin: 1rem;
}

@media only screen and (min-width: 768px)
{
    .entry .entry-header
    {
        margin: 1rem calc(10% + 60px) 1rem;
    }
}

/* naprotec styling */

#profile-submenu a
{
    display: block;
}

#naprotec-cases,
#naprotec-staff
{
    max-width: 100%;
}

#naprotec-cases *:not(i),
#naprotec-staff *:not(i)
{
    font-family: Roboto, Verdana, sans-serif;
    font-size: 12px;
}

#naprotec-cases-table th,
#naprotec-cases-table td,
#naprotec-staff-table th,
#naprotec-staff-table td,
#naprotec-pregnancies-table th,
#naprotec-pregnancies-table td,
#naprotec-appointments-table th,
#naprotec-appointments-table td
{
    font-size: 16px;
    text-align: left;
    white-space: nowrap;
    border-top: none;
    border-left: none;
    border-right: none;
    font-family: Roboto, Verdana, sans-serif;
}

#naprotec-cases-table td,
#naprotec-staff-table td,
#naprotec-pregnancies-table td,
#naprotec-appointments-table td
{
    border: none;
}

#naprotec-cases a.button,
#naprotec-staff a.button,
#naprotec-case-pregnancies-table a.button,
.reveal a.button
{
    padding: 0.46rem 0.56rem;
}

#naprotec-cases-table a.button,
#naprotec-staff-table a.button,
#naprotec-case-pregnancies-table a.button,
#naprotec-case-appointments-table a.button
{
    margin-bottom: 0;
}

#naprotec-cases a.button.gray,
#naprotec-staff a.button.gray,
.reveal a.button.gray
{
    color: #333;
    background: #eee;
    font-weight: normal;
}

#naprotec-cases a.button.gray i.fa-times::before,
#naprotec-staff a.button.gray i.fa-times::before
{
    font-size: 10px;
    vertical-align: super;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before
{
    top: 17px !important;
    background-color: #000 !important;
}

/*
.footable tbody tr:hover td
{
    background-color: #F4F2F2;
}
*/

.naprotec-case-header-buttons
{

}

.naprotec-case-header-buttons a.button,
.naprotec-staff-header-buttons a.button,
.reveal a.button
{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 14px;
    font-weight: normal;
    font-family: Roboto, Verdana, sans-serif;
    padding: 12px 16px;
}

.naprotec-case-header-buttons a.button
{
    margin-bottom: 8px !important;
    display: inline-block;
}

@media screen and (max-width: 639px)
{
    .naprotec-case-header-buttons a.button
    {
        padding: 6px 4px;
        display: block;
        margin-bottom: 1px;
        text-align: left;
    }
}

.naprotec-form
{
    font-family: Roboto, Verdana, sans-serif;
    background: #f6f7f9;
    display: block;
    max-width: 100% !important;
    padding: 24px;
    margin-top: 0 !important;
}

.naprotec-form-section
{
    max-width: 100% !important;
    display: block;
    margin-bottom: 24px;
    clear: both;
}

.naprotec-form-section-half-left
{
    /*max-width: 50%;*/
    width: 48%;
    vertical-align: top;
    display: inline-block;
    float: left;
}

.naprotec-form-section-half-right
{
    /*max-width: 50%;*/
    width: 51%;
    vertical-align: top;
    display: inline-block;
    float: right;
    clear: none;
}

.naprotec-form-section-label
{
    text-transform: uppercase;
    position: relative;
    top: 1px;
    display: inline-block;
    text-align: left;
    font-size: 14px;
    color: #555;
    font-weight: 400;
    padding: 10px 20px;
    box-shadow: 0 -5px 15px 0 rgba(183, 183, 183, 0.04);
    background: #FFF;
}

.naprotec-form-section-content
{
    background: #FFF;
    box-shadow: 0 0 15px 0 rgba(88, 88, 88, 0.1);
    border-radius: 2px;
    padding: 12px;
}

.naprotec-form-section-field
{
    width: calc(50% - 28px);
    margin-right: 12px;
    margin-left: 12px;
    display: inline-block;
    margin-bottom: 12px;
    vertical-align: top;
}

.naprotec-form-section-field label
{
    display: block;
    font-family: Roboto, Verdana, sans-serif;
    font-size: 14px;
    margin-bottom: 4px;
}

.naprotec-form-section-field label[for]
{
    display: inline;
}

.naprotec-form-section-field label.button
{
    margin-right: 4px;
    display: inline-block;
}


.naprotec-form-section-field p
{
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 8px;
}

.naprotec-form-section-field input[type=text]
{
    display: block;
    font-family: Roboto, Verdana, sans-serif;
    font-size: 14px;
    padding: 4px 8px;
    width: 100%;
    color: #333;
    letter-spacing: .5px;
    border: 1px solid #CCC;
    border-radius: 2px;
    box-shadow: inset 0 0px 1px 0 #ddd;
    margin-bottom: 8px;
}

.naprotec-form-section-field select,
.naprotec-form-section-field textarea
{
    display: block;
    font-family: Roboto, Verdana, sans-serif;
    font-size: 14px;
    padding: 4px 8px;
    width: 100%;
    color: #333;
    letter-spacing: .5px;
    border: 1px solid #CCC;
    border-radius: 2px;
    box-shadow: inset 0 0px 1px 0 #ddd;
    margin-bottom: 8px;
}

.naprotec-form-section-field textarea
{
    padding-top: 14px;
    line-height: 18px;
    padding-bottom: 12px;
    min-height: 55px;
}


@media screen and (max-width: 1023px)
{
    .naprotec-form-section-field
    {
        width: calc(100% - 28px);
    }

    .naprotec-form-section-half-left,
    .naprotec-form-section-half-right
    {
        width: 100%;
        float: none;
        display: block;
    }
}


.naprotect-form-section-field-separator
{
    margin-bottom: 20px;
}

.naprotec-form-section-field a.button
{
    float: right;
    padding: 4px 8px;
    margin-bottom: 0;
}

.button.alert,
.button.warning
{
    margin: 0 0 1rem 0;
    padding: .85em 1em;
    border: 0;
    border-radius: 0;
}

.reveal h5
{
    margin-top: 0;
}

.select2-container
{
    width: 100% !important;
}

.select2-container .select2-selection--single,
.select2-container .select2-selection .select2-selection__arrow
{
    height: 55px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 55px !important;
}

.datepicker table
{
    width: 260px;
}

input[type="checkbox"],
input[type="radio"]
{
    margin: 0;
}

#naprotec-case-history-wall
{
    visibility: hidden;
}

.naprotec-case-history-add-message
{
    border: solid 1px #ccc;
    border-radius: 24px;
    padding: 24px;
    margin-bottom: 24px;
}

.naprotec-case-history-add-message textarea
{
    border: none;
    box-shadow: none;
    margin-bottom: 24px;
    font-size: 16px;
}

#naprotec-case-history-wall .private .timeline__content
{
    background-color: lightgoldenrodyellow;
}

#naprotec-case-history-wall .private .timeline__content::after
{
    border-left-color: lightgoldenrodyellow;
    border-right-color: lightgoldenrodyellow;
}

#naprotec-case-history-wall .patient .timeline__content
{
    background-color: #fff;
}

#naprotec-case-history-wall .patient .timeline__content::after
{
    border-left-color: #fff;
    border-right-color: #fff;
}

#naprotec-case-history-wall .public .timeline__content
{
    background-color: AliceBlue;
}

#naprotec-case-history-wall .public .timeline__content::after
{
    border-left-color: AliceBlue;
    border-right-color: AliceBlue;
}

#naprotec-case-history-wall.timeline:not(.timeline--horizontal)::before
{
    background-color: #F6F7F9;
}


.button-group input
{
  display: none;
}

.button-group input + label
{
    background-color: rgb(94, 94, 94);
}

.button-group input:checked + label,
.button-group input:checked + label:active
{
    background-color: rgb(23, 121, 186);
}


#message_type_image_wrapper .naprotect-form-section-field-separator,
#message_type_document_wrapper .naprotect-form-section-field-separator,
#message_type_link_wrapper .naprotect-form-section-field-separator
{
    margin-bottom: 14px;
}


.timeline__items .callout .img
{
    width: 100%;
    max-width: 100%;
    max-height: 200px;
}

#profile-submenu a
{
    display: block;
    width: 296px;
    height: auto;
    padding: 20px;
    margin-right: 8px;
    margin-bottom: 8px;
    border: solid 1px #ccc;
    clear: both;
    text-align: center;
}

#profile-submenu a.inline
{
    display: inline-block;
}

#profile-submenu a i
{
    display: block;
    margin: 0 auto 12px auto;
}

.post-content h3
{
    margin-top: 0;
}

.post-content hr
{
    max-width: 100%;
}

@media screen and (max-width: 679px)
{
    .naprotec-form-radio-selector p span
    {
        display: block;
    }
}

.button.empty
{
    background-color: #fff;
    color: #767676;
    transition: all 0.3s;
    cursor: default;
}
/*
.button.empty:focus, .button.empty:hover
{
    border-color:   #5e5e5e;
    color: #767676;
}
*/


@keyframes np-highlight
{
    0% {
        background: #ffff99;
    }
    100% {
        background: none;
    }
}

.np-highlight
{
    animation: np-highlight 2s;
}

@media screen and (max-width: 564px)
{
    .naprotec-form-section .button-group.round.toggle
    {
        flex-direction: column;
    }
}

.naprotec-private-area-top
{
    margin-top: -48px;
}

.naprotec-private-area-top img
{
    width: 100%;
    height: auto;
}

.select2-selection.is-invalid-input:not(:focus)
{
  border-color: #cc4b37 !important;
  background-color: #f9ecea !important;
}