@charset "UTF-8";

/*
 * Layout Terminvergabe KFO-SuRo
 * Version: 1.0
 *
*/


/* ______ Standard ______ */

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../Fonts/OpenSans/open-sans-v29-latin-300.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../Fonts/OpenSans/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../Fonts/OpenSans/open-sans-v29-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../Fonts/OpenSans/open-sans-v29-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('../Fonts/OpenSans/open-sans-v29-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../Fonts/OpenSans/open-sans-v29-latin-300.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/OpenSans/open-sans-v29-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../Fonts/OpenSans/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../Fonts/OpenSans/open-sans-v29-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../Fonts/OpenSans/open-sans-v29-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../Fonts/OpenSans/open-sans-v29-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../Fonts/OpenSans/open-sans-v29-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* covered-by-your-grace-regular - latin */
@font-face {
    font-family: 'Covered By Your Grace';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/CoveredByYourGrace/covered-by-your-grace-v15-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../Fonts/CoveredByYourGrace/covered-by-your-grace-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../Fonts/CoveredByYourGrace/covered-by-your-grace-v15-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../Fonts/CoveredByYourGrace/covered-by-your-grace-v15-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../Fonts/CoveredByYourGrace/covered-by-your-grace-v15-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../Fonts/CoveredByYourGrace/covered-by-your-grace-v15-latin-regular.svg#CoveredByYourGrace') format('svg');
    /* Legacy iOS */
}


body {
    font-family: 'Calibri', 'Open Sans', sans-serif;
}

.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


/* ______ In-Page Link Correction ______ */

section.section {
    border-top: 150px solid transparent;
    margin-top: -150px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

p {
    font-size: 18px;
    font-weight: 300;
}

.title {
    font-size: 25px;
}

.how .content {
    padding: 0 20px;
}

.hyphenation {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


/* ______ In-Page Content Correction ______ */
.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.headerColumn:first-child {
    display: none;
}

.headerColumn {
    width: 50%;
    padding: 1.5%;
}

.headerColumn h1 {
    font-size: 1.125em !important;
}

#siteLogo {
    width: 100%;
    height: auto;
}

#NavigationMenu li a {
    font-size: 12px;
    padding: 4px 4px;
}

#calendarIcon {
    margin-right: 2.5em;
    width: 150px;
    height: auto;
    filter: invert(53%) sepia(11%) saturate(722%) hue-rotate(182deg) brightness(91%) contrast(92%);
}

input[type="radio"]+label {
    margin-left: 20px;
}

#MainContent_lvPatientAppointments_Tr1_0>td>label {
    max-width: 80%;
}

#MainContent_upColumn2 {
    padding-left: 1em;
}

table#MasterTable {
    width: 100%;
}

#MasterTable tr {
    display: block;
}

.styleTable {
    width: 100%;
}

.styleColumn1,
.styleColumn2 {
    display: block;
    width: 100%;
    position: relative;
}

.styleColumn1>input,
.styleColumn2>input {
    font-size: small !important;
    width: 100% !important;
}

.registerCell,
.pwResetCell {
    display: block;
    width: 100%;
}

.registerCell {
    text-align: center !important;
    margin-bottom: 1em;
}

.registerCell input,
.pwResetCell input {
    width: 100% !important;
}

table#MasterTable>tbody>tr:first-child>td:first-child {
    display: none;
}

table#MasterTable>tbody>tr:first-child>td:nth-child(2) {
    display: block;
}

#upBodyColumn2>table>tbody>tr:nth-child(1) {
    display: table-row;
}

#upBodyColumn2>table>tbody>tr:nth-child(1)>td.styleColumn1>table {
    width: 100%;
    position: relative;
}

#upBodyColumn2>table>tbody>tr:nth-child(1)>td.styleColumn1>table table#MainContent_calVacantAppointments {
    width: 100%;
    position: relative;
}

#MainContent_calVacantAppointments tr {
    display: table-row;
}

#MainContent_calVacantAppointments>tbody>tr:nth-child(1)>td {
    width: 100%;
    position: relative;
}

#MainContent_calVacantAppointments>tbody>tr:nth-child(2)>th {
    text-align: center;
}

#upBodyColumn2>table>tbody>tr:nth-child(1)>td.styleColumn2 {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center !important;
}

#upBodyColumn2>table.registerTable>tbody>tr:nth-child(1)>td.styleColumn2 {
    margin-top: 0em;
    margin-bottom: 0em;
}

#MainContent_upColumn2>table {
    width: 100%;
    position: relative;
}

#MainContent_upColumn2>table tr {
    display: table-row;
}

#upBodyColumn2>table>tbody>tr:nth-child(4)>td:nth-child(2),
#upBodyColumn2>table>tbody>tr:nth-child(5)>td:nth-child(2) {
    width: 100%;
}

#MainContent_lvCategories_tblCategories {
    width: 100%;
}

#MainContent_lvCategories_tblCategories tr {
    display: table-row;
}

#MainContent_lvCategories_tblCategories>tbody>tr>td:nth-child(1) {
    display: inline-block;
    width: 150px !important;
}

#MainContent_lvCategories_tblCategories input[type="radio"]+label {
    transform: translateY(-34px);
}

#MainContent_lvCategories_tblCategories>tbody>tr>td>span {
    opacity: 0;
}
#MainContent_lvCategories_tblCategories>tbody>tr:nth-child(1)>td>span,
#MainContent_lvCategories_tblCategories>tbody>tr:nth-child(2)>td>span {
    opacity: 1;
}

#MainContent_btnCancel {
    min-width: 120px;
}

@media (min-width: 576px) {
    .headerColumn h1 {
        font-size: 2em !important;
    }

    #NavigationMenu li a {
        font-size: 16px;
        padding: 4px 20px;
    }

    #MainContent_lvCategories_tblCategories>tbody>tr>td:nth-child(1) {
        width: 380px !important;
    }

    #MainContent_lvCategories_tblCategories input[type="radio"]+label {
        transform: translateY(0px);
    }

    .registerCell {
        text-align: left !important;
    }
}

@media (min-width: 768px) {
    .headerColumn:first-child {
        display: table-cell;
    }

    .headerColumn {
        width: 30%;
        padding: 1.5%;
    }

    #MasterTable tr {
        display: table-row;
    }

    #MainContent_lvCategories_tblCategories tr {
        display: table-row;
    }

    .styleTable {
        width: 100%;
    }

    .styleColumn1,
    .styleColumn2 {
        display: table-cell;
        width: 50%;
        position: relative;
    }

    .styleColumn1>input,
    .styleColumn2>input {
        font-size: medium !important;
        width: 100% !important;
    }

    .registerCell,
    .pwResetCell {
        display: table-cell;
        width: 50%;
    }

    .registerCell {
        margin-bottom: 0em;
    }

    table#MasterTable>tbody>tr:first-child>td:first-child,
    table#MasterTable>tbody>tr:first-child>td:nth-child(2) {
        display: table-cell;
    }

    #MainContent_panelMain table .styleColumn1 {
        width: 25%;
    }

    #MainContent_panelMain table .styleColumn2 {
        width: 50%;
    }

    #MainContent_panelMain table .styleColumn3 {
        width: 25%;
    }

    #MainContent_panelMain table input[name="ctl00$MainContent$txtEmail"],
    #MainContent_panelMain table input[name="ctl00$MainContent$txtPassword"] {
        width: 100% !important;
    }

    #upBodyColumn2>table>tbody>tr:nth-child(1)>td.styleColumn2 {
        margin-top: 0;
        margin-bottom: 0;
        text-align: left !important;
    }

    #upBodyColumn2>table>tbody>tr:nth-child(4)>td:nth-child(2),
    #upBodyColumn2>table>tbody>tr:nth-child(5)>td:nth-child(2) {
        padding-left: 1em;
        text-align: left !important;
    }

    #upBodyColumn2>table>tbody>tr:nth-child(4)>td:nth-child(2)>input {
        margin-top: 1em;
    }

    #upBodyColumn2>table.registerTable>tbody>tr:nth-child(4)>td:nth-child(2)>input {
        margin-top: 0em;
    }

    #MainContent_lvCategories_tblCategories {
        width: 100%;
    }

    #MainContent_lvCategories_tblCategories>tbody>tr>td:nth-child(1) {
        display: inline-block;
        width: 390px !important;
    }

    #MainContent_lvCategories_tblCategories>tbody>tr>td {
        padding-left: 0px !important;
    }

}

@media (min-width: 1200px) {
    #MainContent_lvCategories_tblCategories {
        width: 50%;
    }
}