html {
    /*background-color: #b6b6b6;*/
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background-color: #fff;
    color: #333;
    font-size: .85em !important;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0 auto;
    line-height: normal !important;
    padding: 0;
    vertical-align: baseline;
}

a {
    color: #333;
    outline: none;
    /*padding-left: 3px;
    padding-right: 3px;*/
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

    a:hover {
        background-color: #c7d1d6;
    }

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em !important;
    color: #1a578d !important;
}

h2 {
    font-size: 1.75em !important;
    color: #1a578d !important;
}

h3 {
    font-size: 1.2em !important;
    color: #1a578d !important;
}

h4 {
    margin-top: 15px !important;
    font-weight: 600 !important;
    font-size: 1.1em !important;
    color: #1a578d !important;
}

h5, h6 {
    font-size: 1em !important;
    color: #1a578d !important;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

.p_darkblue {
    color: #1a578d;
}

.clear {
    clear: both;
    display: block;
}


/* main layout
----------------------------------------------------------*/
.body {
    margin: 5px;
    /*max-width: 95%;
    min-height: 100%;
    background: #fff;*/
}

.content-wrapper {
    /*padding-right: 10px;
    padding-left: 10px;*/
    width: 100%;
}

.wrapper_header_and_body {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    height: 100%;
    padding-bottom: 24px;
    padding-top: 10px;
}

footer {
    width: 100%;
    left: 0;
    bottom: 0;
    position: fixed;
}

.footer {
    width: 100%;
    left: 0;
    bottom: 0;
    position: fixed;
    background: #5ca9f1;
    color: #ffffff;
    clear: both;
    width: 100%;
    font-size: 10px !important;
    height: 16px;
    position: relative;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5ca9f1',endColorstr='#1a578d');
    BACKGROUND-COLOR: #1a578d;
    ZOOM: 1;
}

.transparent_div {
    /*background:transparent url('img/bullet.png') repeat center top;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    filter: alpha(opacity=50); /* IE 5-7 */
    -moz-opacity: 0.5; /* Netscape */
    -khtml-opacity: 0.5; /* Safari 1.x */
    opacity: 0.5; /* Good browsers */
}

.nonvisible {
    display: none;
}

.input_readonly {
    background: #e8e8e8 !important;
}

.input_panel_header {
    height: 22px;
    background: #1a578d;
    width: 100%;
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5ca9f1',endColorstr='#1a578d'); BACKGROUND-COLOR: #1a578d; ZOOM: 1*/
}

.input_panel_title {
    margin-left: 10px;
    color: #fff;
    font-size: 0.8em;
}

.input_panel_container {
    border: 2px solid #1a578d;
    background: #eaeaea;
}

/*remove clear button from driver school search fields*/
.inputDriverSchoolSearch::-ms-clear {
    display: none;
    width: 0px;
    height: 0px;
}

.row-fluid [class*='span'] {
    position: relative !important;
}

.row-fluid .field-validation-error {
    font-weight: normal !important;
    width: 350px;
}

.ui-widget {
    font-size: 0.85em !important;
}

.navigation {
    margin: 8px auto;
    font-size: 1em;
}

    .navigation a {
        font-family: UniversCondensed, Arial, sans-serif;
        text-decoration: none;
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5ca9f1',endColorstr='#1a578d');
        BACKGROUND-COLOR: #1a578d;
        ZOOM: 1;
        color: #fff;
        padding: 4px 30px;
        cursor: pointer;
        height: 25px;
    }
        .navigation a.navitem_new {
            background: url("img/neu_nav.png") no-repeat #1a578d;
            background-size: 25px;
        }

        .navigation a.selected {
            font-family: UniversCondensed, Arial, sans-serif;
            font-weight: bold;
            text-decoration: none;
            background: #eaeaea;
            color: #000 !important;
        }

        .navigation a.navitem_new.selected {
            font-family: UniversCondensed, Arial, sans-serif;
            font-weight: bold;
            text-decoration: none;
            background: url("img/neu_nav.png") no-repeat #eaeaea;
            background-size: 25px;
            color: #000 !important;
        }


/* override jquery default style */
.tab_detail {
    padding: 0 !important;
    background: none !important;
    border-width: 0 !important;
}

    .tab_detail .ui-tabs-nav {
        padding-left: 0 !important;
        background: transparent !important;
        border-width: 0 0 1px 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        line-height: 0.8em !important;
        /*font-size: 0.8em !important;*/
    }

    .tab_detail .ui-tabs-panel {
        border-width: 0px 1px 1px 1px !important;
        /*font-size: 0.8em !important;*/
    }


.row-fluid label {
    float: left;
    margin-top: 8px;
    width: 100%;
}

.row-fluid input, textarea {
    display: block;
    height: 20px;
    min-height: 0;
    padding: 0 2px 0 2px !important;
    width: 100%;
    line-height: 15px;
    margin-bottom: 15px;
}

.row-fluid select {
    border: #e2e2e2 1px solid;
    display: block;
    min-height: 20px;
    padding: 0 2px 0 2px !important;
    width: 100%;
    line-height: 15px;
    margin: 0px 0 6px 0;
    margin-bottom: 15px;
}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #1a578d;
    font-family: Verdana, UniversCondensed, Arial, sans-serif;
    font-size: 1.3em;
    margin: 0;
    line-height: 1.3em;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }

.space {
    display: inline-block;
    width: 1em;
}

.dspace {
    display: inline-block;
    width: 2em;
}

/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username {
            background: none;
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

            ul#menu li a:hover {
                color: #333;
                text-decoration: none;
            }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("img/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("img/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("img/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("img/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("img/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("img/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("img/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("img/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("img/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("img/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("img/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }



/* login page */
.loginForm {
    margin: auto;
    width: 400px;
}

    .loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    .loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    .loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    .loginForm input[type="checkbox"],
    .loginForm input[type="submit"],
    .loginForm input[type="button"],
    .loginForm button {
        width: auto;
    }


/* Terms-Of-Use page */
.touForm {
    margin: auto;
    width: 60%;
}

    .touForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    .touForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    .touForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    .touForm input[type="submit"],
    .touForm input[type="button"],
    .touForm button {
        width: auto;
        float: left;
    }

    .touForm .contentToU {
        width: auto;
        border: 1px solid black;
        background-color: white;
        margin: 10px;
        padding: 10px;
    }

    .touForm .contentWrap {
        width: 731px;
        border: 1px solid black;
        background-color: white;
        margin: 10px;
        padding: 10px;
        white-space: pre-wrap;

    }

    .touForm .contentA {
        width: auto;
        height: 400px;
        border: 1px solid black;
        background-color: white;
        margin: 10px;
        /* padding: 10px;
        overflow: auto; */
    }




/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    vertical-align: central;
}

    label.checkbox {
        display: inline;
    }

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    margin: 5px 0 6px 0;
    padding: 5px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

/*input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }*/

input[type="submit"] {
    background: none !important;
    border: none !important;
    display: inline;
    font: inherit;
    margin: 0;
    padding: 0;
    outline: none;
    outline-offset: 0;
    color: #333;
    cursor: pointer;
    text-decoration: underline;
}

input[type="button"],
button {
    margin-top: 1px;
    margin-bottom: -1px;
}

input[type="checkbox"] {
    height: auto;
    float: left;
    display: block;
    width: 18px;
}

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-error-small {
    clear: both;
    color: #e80c4d;
    font-size: 10px;
    margin: 2px 0 2px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    position: absolute;
    bottom: 1px;
    left: 2px;
    font-size: 0.75em;
    color: #e80c4d;
}
.field-validation-error-two {
    bottom: 1px;
    left: 2px;
    font-size: 1em;
    color: #e80c4d;
}

/*.field-validation-valid {
    display: none;
}*/

input.input-validation-error {
    border: 1px solid #e80c4d;
    background: #FFE6E6;
}

select.input-validation-error {
    border: 1px solid #e80c4d;
    background: #FFE6E6;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    background-position: 5px 5px;
    color: #e80c4d;
    font-weight: bold;
    padding: 4px 25px;
    padding-top: 5px;
    border: #e80c4d solid 1px;
    background-color: #FFCCCC;
    background-image: url('img/error.png');
    background-repeat: no-repeat;
    /*max-width: 800px;*/
    position: relative;
}


.validation-summary-valid {
    display: none;
}

.close_image {
    position: absolute;
    right: 0px;
    top: 3px;
    width: 12px;
    height: 12px;
    background: url(img/close.png) no-repeat top left;
    cursor: pointer;
}

.expand_image {
    position: relative;
    float: left;
    width: 20px;
    height: 16px;
    background: url(img/buttonDown_On.png) no-repeat top left;
    cursor: pointer;
}

.collapse_image {
    position: relative;
    float: left;
    width: 20px;
    height: 16px;
    background: url(img/buttonUp_On.png) no-repeat top left;
    cursor: pointer;
}

.row_odd {
    background: #EEEEEE;
}

.osf_separator_div {
    height: 0.5em;
}

.osf_button_div {
    margin-top: 0.5em;
}

.osf_button_style {
    display: inline-block;
    position: relative;
    border: 1px solid #1a578d !important;
    color: #FFFFFF !important;
    font-size: 1em !important;
    outline: 0 none;
    padding: 0.3em 2em;
    /*vertical-align: top;*/
    /*line-height: 30px !important;*/
    font-family: Arial;
    text-indent: 0px;
    background-color: #1a578d !important;
    cursor: pointer;
    text-decoration: none !important;
    margin-bottom: 2px;
    margin-top: 4px;
}

.osf_button_style_empty {
    display: inline-block;
    position: relative;
    border: 0px solid #FFFFFF !important;
    color: #FFFFFF !important;
    font-size: 0em !important;
    outline: 0 none;
    padding: 0em 0em;
    font-family: Arial;
    text-indent: 0px;
    background-color: #FFFFFF !important;
    cursor: pointer;
    text-decoration: none !important;
    margin-bottom: 0px;
    margin-top: 0px;
}

.osf_button_style_disabled {
    display: inline-block;
    position: relative;
    border: 1px solid #1a578d !important;
    font-size: 1em !important;
    outline: 0 none;
    padding: 0.3em 2em;
    font-family: Arial;
    text-indent: 0px;
    text-decoration: none !important;
    margin-bottom: 2px;
    margin-top: 4px;
    background-color: grey;
}

.osf_button_style_storno {
    display: inline-block;
    position: relative;
    border: 1px solid #1a578d !important;
    color: #FFFFFF !important;
    font-size: 1em !important;
    outline: 0 none;
    padding: 0.3em 2em;
    text-align: center;
    font-family: Arial;
    text-indent: 0px;
    background-color: #1a578d !important;
    cursor: pointer;
    text-decoration: none !important;
    margin-bottom: 2px;
    margin-top: 4px;
    width: 200px;
}

.osf_button_style_storno_disabled {
    display: inline-block;
    position: relative;
    border: 1px solid #1a578d !important;
    color: #FFFFFF !important;
    font-size: 1em !important;
    outline: 0 none;
    padding: 0.3em 2em;
    text-align: center;
    font-family: Arial;
    text-indent: 0px;
    background-color: grey !important;    
    text-decoration: none !important;
    margin-bottom: 2px;
    margin-top: 4px;
    width: 200px;
    cursor: pointer;
}

.osf_button_style_storno_enabled {
    display: inline-block;
    position: relative;
    border: 1px solid #1a578d !important;
    color: #CCCCCC !important;
    font-size: 1em !important;
    outline: 0 none;
    padding: 0.3em 2em;
    text-align: center;
    font-family: Arial;
    text-indent: 0px;
    background-color: #1a578d !important;
    cursor: pointer;
    text-decoration: none !important;
    margin-bottom: 2px;
    margin-top: 4px;
    width: 200px;
}

.osf_button_style_readonly {
    position: relative;
    border: 1px solid #1a578d !important;
    color: #d3dce0 !important;
    font-size: 1em !important;
    outline: 0 none;
    padding: 0.3em 2em;
    /*vertical-align: top;*/
    line-height: 40px !important;
    font-family: Arial;
    text-indent: 0px;
    background-color: #1a578d !important;
    cursor: pointer;
    text-decoration: none !important;
}


/* grid */
.ui-jqgrid-htable {
    border: 1px solid #1a578d !important;
    color: #FFFFFF !important;
    background: #1a578d !important;
}

.ui-jqgrid-hdiv {
    border: 1px solid #1a578d !important;
    color: #FFFFFF !important;
    background: #1a578d !important;
}

.ui-jqgrid-htable {
    border: 1px solid #1a578d !important;
    color: #FFFFFF !important;
    background: #1a578d !important;
}

.ui-jqgrid-labels {
    border: 1px solid #1a578d !important;
    color: #FFFFFF !important;
    background: #1a578d !important;
}

.ui-jqgrid .ui-th-column {
    /*border: 1px solid #1a578d !important;*/
    color: #FFFFFF !important;
    background: #1a578d !important;
}

.ui-jqgrid.ui-widget-content {
    border: #1a578d 1px solid !important;
}


/* Datepicker */
.calendar_image {
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    float: left;
    width: 14px;
    height: 12px;
    background: url(img/icon_search.png) no-repeat top left;
}

.ui-datepicker-trigger {
    position: relative !important;
    vertical-align: super !important;
    top: 10px !important;
    margin-left: 2px;
    cursor: pointer;
}

.ui-datepicker-header {
    background: #1a578d !important;
    color: #fff !important;
}

.ui-datepicker {
    font: 9pt Arial, sans-serif !important;
    font-weight: normal !important;
}

.ui-datepicker-trigger-certificate {
    position: static !important;
    vertical-align: middle;
    margin-left: 2px;
    cursor: pointer;
} 

.lookup_image {
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 1px;
    display: block;
    float: left;
    width: 17px;
    height: 12px;
    background: url(img/icon_search.png) no-repeat top left;
}

.lookup_image_invert_simple {
    margin-bottom: auto;
    margin-right: 3px;
    vertical-align: middle;
    display: block;
    float: left;
    height: 15px;
    background: url(img/icon_search_inverted.png) no-repeat center center;
}

.empty_image {
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    float: left;
    width: 11px;
    height: 12px;
    background: url(img/close.png) no-repeat top left;
}

.active_lookup_image_background {
    background-color: Window;
}


a.lookupLink {
    outline: 0 none;
    position: absolute;
    right: 11px;
    top: 11px;
}

    a.lookupLink:hover {
        background-color: transparent;
        cursor: pointer;
    }


a.lookupEmptyLink {
    outline: 0 none;
    position: absolute;
    right: 1px;
    top: 12px;
}

    a.lookupEmptyLink:hover {
        background-color: transparent;
    }

.lookUpButtonGroup {
    clear: left;
    float: left;
    position: relative;
}

    .lookUpButtonGroup .lookupLink {
        left: auto;
        position: relative;
        right: auto;
        top: auto;
    }

.lookup_content {
}

.lookup_searcharea {
    padding: 10px;
    position: relative;
    width: 300px;
    display: inline-block;
}

.lookup_vseparator {
    position: relative;
    width: 10px;
    display: inline-block;
}

.lookup_resultarea {
    position: relative;
    vertical-align: top;
    padding: 10px;
    display: inline-block;
}

.lookup_actionarea {
    position: relative;
    width: 100%;
    height: 50px;
    border-top: 1px solid #cfcfcf;
    margin-top: 20px;
    vertical-align: bottom;
}

.lookup_button {
    float: right;
    vertical-align: central;
    margin-top: 10px;
    margin-bottom: auto;
    margin-right: 1em;
    margin-left: 10px;
    height: 35px;
}

/* tables
----------------------------------------------------------*/
    table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

td {
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

.delete_image {
    cursor: pointer;
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background: url(img/deleteIcon.png) no-repeat top left;
}

.ellipsis_image {
    cursor: pointer;
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background: url(img/ellipsis.jpg) no-repeat top left;
}

.ui-dialog .ui-dialog-content {
    padding: 0 !important;
}

.tsc_assign_button {
    height: 20px;
    width: 60px;
    left: 50%;
    margin: 5px auto;
    display: block !important;
    border: 1px solid #1a578d !important;
    color: #FFFFFF !important;
    font-size: 1em !important;
    font-family: Arial;
    text-indent: 0px;
    background-color: #1a578d !important;
    cursor: pointer;
    text-decoration: none !important;
    text-align: center;
}


.loading_overlay {
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    /*background: #000;*/
    /*filter: alpha(opacity=10);*/
    /*opacity: 0.1;*/
    background: rgba(0, 0, 0, 0.1);
    /*color: white;*/
    position: absolute;
}

#loading_message {
    background: url("./img/loading.gif") no-repeat scroll center center white;
    border: 1px solid #999999;
    border-radius: 8px 8px 8px 8px;
    color: #000000;
    height: 70px;
    left: 50%;
    line-height: 18px;
    margin: -25px -50px; /*opacity: 0.3;*/
    padding-bottom: 9px;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 130px;
}

.gridDateColumn {
    background-color: #1a578d !important;
    color: white;
    padding-left: 5px;
}

.gridZebraClass td {
    background-color: #e1e1e1;
}

/*booking headers*/
.booking_header {
    background-color: #1a578d;
    color: white;
    padding-left: 5px;
}

.booking_header_title {
    font-weight: bold;
    margin-right: 20px;
    line-height: 30px;
}

.booking_header_selector {
    position: relative;
    display: inline-block;
    float: left;
    background-color: #1a578d;
}

    .booking_header_selector input {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        background: white;
        margin-bottom: 5px !important;
        height: 15px;
    }

/*.booking_list {
    font-size: 1em;
    font-weight: normal !important;
    border: solid gray 1px;
}


.booking_list th {
    font-size: 0.75em;
    font-weight: normal !important;
    padding-left: 3px;
    padding-right: 3px;
}

.booking_list tr {
    padding-left: 5px;
    padding-right: 5px;
}*/


.booking_list table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}


.booking_list {
    font: normal 12px/150% Arial, Helvetica, sans-serif;
    background: #fff;
    overflow: hidden;
    border: 1px solid #006699;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .booking_list table td, .datagrid table th {
        padding: 0 5px;
    }

    .booking_list table thead th {
        font-weight: bold !important;
        font-size: 0.8em;
        border-left: 1px solid #E1EEF4;
        border-bottom: 1px solid #E1EEF4;
        padding-right: 5px;
        padding-left: 5px;
    }

        .booking_list table thead th:first-child {
            /*border: none;*/
        }

    .booking_list table tbody td {
        color: #00557F;
        border-left: 1px solid #E1EEF4;
        font-weight: normal;
    }

.booking_list_applicant_row {
    background: #E1EEf4;
}

.booking_list_applicant_row_lunchbreak {
    background: #E1EEf4;
    border-top: solid 1px #006699 !important;
    font-weight: bold !important;
}

.booking_list .booking_list_detail_row {
    font-size: 0.8em !important;
}

.booking_list table tbody .alt td {
    background: #E1EEf4;
    color: #00557F;
}

.booking_list table tbody td:first-child {
    border-left: none;
}

.booking_list table tfoot td div {
    border-top: 1px solid #006699;
    background: #E1EEf4;
}

.booking_list table tfoot td {
    padding: 0;
    font-size: 12px;
}

    .booking_list table tfoot td div {
        padding: 2px;
    }

    .booking_list table tfoot td ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: right;
    }

.booking_list table tfoot li {
    display: inline;
}

    .booking_list table tfoot li a {
        text-decoration: none;
        display: inline-block;
        padding: 2px 8px;
        margin: 1px;
        color: #FFFFFF;
        border: 1px solid #006699;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
        background: -moz-linear-gradient( center top, #006699 5%, #00557F 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
        background-color: #006699;
    }

.booking_list table tfoot ul.active, .datagrid table tfoot ul a:hover {
    text-decoration: none;
    border-color: #00557F;
    color: #FFFFFF;
    background: none;
    background-color: #006699;
}

/* report_datagrid style */
.gridView {
    width: 100%;
    clear: both;
    margin: 1px 0;
    border: medium none !important;
    border-collapse: collapse;
}

.report_datagrid {
    font: normal 12px/150% Arial, Helvetica, sans-serif;
    background: #fff;
    overflow: hidden;
    border: 1px solid #006699;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .report_datagrid table {
        border-collapse: collapse;
        text-align: left;
        width: 100%;
    }

.report_datagrid_detail_row th {
    border-bottom: solid 1px #006699 !important;
    background: #FFFFFF;
}

.report_datagrid_master_row td {
    border-top: solid 1px #006699 !important;
}

.report_datagrid table td, .datagrid table th {
    padding: 0 5px;
}

.report_datagrid table thead th {
    font-weight: bold !important;
    font-size: 0.9em;
    border-left: 1px solid #E1EEF4;
    border-bottom: 1px solid #E1EEF4;
    padding-right: 5px;
    padding-left: 5px;
}

.report_datagrid table tbody td {
    color: #00557F;
    border-left: 1px solid #E1EEF4;
    font-weight: normal;
}

.report_datagrid table tbody td input {
   font-size:10px;
}

.report_datagrid .report_datagrid_master_row {
    background: #E1EEf4;
}

.report_datagrid .report_datagrid_detail_row {
    font-size: 0.8em !important;
}


.report_datagrid table tbody .alt td {
    background: #E1EEf4;
    color: #00557F;
}

.report_datagrid table tbody td:first-child {
    border-left: none;
}

.report_datagrid table tbody tr:last-child td {
    border-bottom: none;
}

.report_datagrid table tfoot td div {
    border-top: 1px solid #006699;
    background: #E1EEf4;
}

.report_datagrid table tfoot td {
    padding: 0;
    font-size: 12px;
}

/* school_no_participation style */
.school_no_participation table tbody tr:hover, tr.selected {
    background-color: lightblue;
    font-weight: 600;
}

/* booking History of Applicant grid : BookingHistoryForApplicant_datagrid*/
.report_datagrid_booking_row th {
    border-bottom: solid 1px #006699 !important;
}

.report_datagrid_applicant_row td {
    border-top: solid 1px #006699 !important;
}

.report_datagrid_applicant_row:hover, .report_datagrid_applicant_row.selected {
    background: #E1EEf4;
}


.report_datagrid_applicant_row {
    background: #fff;
}

.report_datagrid .report_datagrid_booking_row {
    font-size: 0.8em !important;
}

/* Invoices of Applicant grid */
.report_datagrid_Invoice_row th {
    border-bottom: solid 1px #006699;
}
.report_datagrid_Invoice_frist_row th {
    border-top: thin solid 1px #000000;
}
.report_datagrid .report_datagrid_Invoice_row {
    font-size: 0.8em !important;
}
.report_datagrid .report_datagrid_Invoice_first_row {
    font-size: 0.8em !important;
    border-top: solid 1px #006699;
}
.report_datagrid .pdf_image {
    cursor: pointer; 
    padding-top: 4px;
}
.report_datagrid .td_image {
    text-align: center;
}

.img_changeReservationInfoCheckBox {
    vertical-align: middle;
    width: 16px;
    height: 16px;
}


div.dhtmlx_window_active, div.dhx_modal_cover_dv {
    position: fixed !important;
}

.alignleft {
    text-align: left;
}

input[type="radio"] {
    padding: 0 !important;
    display: inline;
    vertical-align: middle;
}

    input[type="radio"] + label {
        padding: 0 !important;
        display: inline;
        vertical-align: middle;
        margin-right: 10px;
    }

.font_red {
    color: red !important;
}

.font_green {
    color: green !important;
}

.font_gray {
    color: gray !important;
}

.font_italic {
    font-style: italic !important;
}

.font_italic_red {
    color: red !important;
    font-style: italic !important;
}

.font_italic_green {
    color: green !important;
    font-style: italic !important;
}


/* */

.report_block_main_block {
    width: 100%;
    border: 1px;
    border-color: black;
    border-style: solid;
}

.report_block_day_block {
    height: 200px;
    width: 5%;
    text-align: center;
    vertical-align: middle;
    float: left;
    border-right: 1px;
    border-right-color: black;
    border-right-style: solid;
}

.main_block_practical_terms {
    position: relative;
    width: 100%;
}

.time_block_practical {
    width: 7.5%;
    margin: 0;
    float: left;
    text-align: right;
}

.clear {
    clear: both;
}


/* practical terms overview graph */
.pterm_graph {
    table-layout: fixed;
    width: 100%;
}

    .pterm_graph td {
        padding: 0;
    }

.pterm_graph_header {
    background: #00557F;
    height: 24px;
    border-bottom: solid 1px #ffffff;
}

.pterm_graph_header_text {
    width: 100px;
    margin-left: -14px;
    font-weight: bold;
    color: #ffffff;
}

.pterm_date_text {
    overflow: hidden;
    font-weight: normal;
}


.pterm_bar_div {
    overflow: hidden;
    border: solid black 1px;
    background-color: white;
    margin-top: -23px;
    margin-bottom: -23px;
    margin-left: 0px;
    position: absolute;
    height: 40px;
    font-size: 10px;
    top: 0;
    cursor: pointer;
}

.pterm_graph .row_odd {
    background-color: silver;
}

.pterm_grid_cell {
    border-left: 1px dotted silver;
}

.pterm_grid_row {
    height: 25px;
    font-weight: bold;
}

.pterm_grid_row_lastline {
    border-bottom: dotted 1px black;
}

.pterm_bar_row {
    height: 0;
    position: relative;
}

.pterm_bar_td {
    width: 100%;
    height: 0;
    position: relative;
}

.pterm_date_text {
    position: relative;
    top: 2px;
    left: 2px;
    color: #ffffff;
}

.pterm_raster_div {
    border: solid black 1px;
    background-color: white;
    position: absolute;
    height: 40px;
    font-size: 10px;
    cursor: pointer;
}


.ui-jqgrid-hdiv {
    background-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

.selected-time-slot {
    background-color: #7ac0da !important;
}

.paticipant_replacing_table {
    width: 100%;
    height: auto;
}

    .paticipant_replacing_table thead {
        font-size: 0.8em;
        background: #E1EEf4;
    }

        .paticipant_replacing_table thead th {
            padding-top: 3px;
            padding-bottom: 3px;
        }

    .paticipant_replacing_table tbody td {
        font-size: 1em;
        font-weight: normal;
        padding-top: 5px;
        padding-bottom: 5px;
    }

.locked {
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    background: url(img/key.png) no-repeat top left;
}

.input_date_readonly {
    width: 80px !important;
}

.span_checkbox {
    width: 20px;
}

.progress {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
    height: 16px !important;
}

.bar {
    background-color: #B4F5B4;
    width: 0%;
    height: 16px;
    border-radius: 3px;
}

.percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%;
}

.pdf {
    background: url("img/pdf.png") no-repeat;
    padding-left: 18px;
    line-height: 16px;
}

.xls {
    background: url("img/excel.gif") no-repeat;
    padding-left: 18px;
}

.pic {
    background: url("img/pic.png") no-repeat;
    padding-left: 18px;
}

.txt {
    background: url("img/text.png") no-repeat;
    padding-left: 18px;
}

.word {
    background: url("img/word.png") no-repeat;
    padding-left: 18px;
}

.infoitem_new {
    background: url("img/neu.jpg") no-repeat;
    padding-left: 50px;
    height: 16px;
}

.infoitem_downloaded {
    padding-left: 50px;
    height: 16px;
}

.infoitemDriverSchool {
    padding-left: 50px !important;
    font-weight: bold;
    display: block;
    margin-top: 5px;
    margin-bottom: 3px;
}

.ui-widget-overlay {
    z-index: 99 !important;
}

.arrow_left {
    width: 16px;
    height: 16px;
    background: url("img/arrow-right.png") no-repeat top left;
    z-index: 999;
}

.arrow_right {
    width: 16px;
    height: 16px;
    background: url("img/arrow-left.png") no-repeat top left;
    z-index: 999;
}

.CSSTableGenerator {
    margin: 0px;
    padding: 0px;
    width: 100%;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

    .CSSTableGenerator table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
    }

    .CSSTableGenerator tr:last-child td:last-child {
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .CSSTableGenerator table tr:first-child td:first-child {
        -moz-border-radius-topleft: 0px;
        -webkit-border-top-left-radius: 0px;
        border-top-left-radius: 0px;
    }

    .CSSTableGenerator table tr:first-child td:last-child {
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        border-top-right-radius: 0px;
    }

    .CSSTableGenerator tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-bottom-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .CSSTableGenerator tr:hover td {
    }

    .CSSTableGenerator tr:nth-child(odd) {
        background-color: #ffffff;
    }

    .CSSTableGenerator tr:nth-child(even) {
        background-color: #ffffff;
    }

    .CSSTableGenerator td {
        vertical-align: middle;
        border: 1px solid #000000;
        border-width: 0px 1px 1px 0px;
        text-align: left;
        padding: 4px;
        font-size: 10px;
        font-family: Arial;
        font-weight: normal;
        color: #000000;
    }

    .CSSTableGenerator tr:last-child td {
        border-width: 0px 1px 0px 0px;
    }

    .CSSTableGenerator tr td:last-child {
        border-width: 0px 0px 1px 0px;
    }

    .CSSTableGenerator tr:last-child td:last-child {
        border-width: 0px 0px 0px 0px;
    }

    .CSSTableGenerator tr:first-child td {
        background: -o-linear-gradient(bottom, #7f7f7f 5%, #7f7f7f 100%);
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7f7f7f), color-stop(1, #7f7f7f) );
        background: -moz-linear-gradient( center top, #7f7f7f 5%, #7f7f7f 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f7f7f", endColorstr="#7f7f7f");
        background: -o-linear-gradient(top,#7f7f7f,7f7f7f);
        background-color: #7f7f7f;
        border: 0px solid #000000;
        text-align: center;
        border-width: 0px 0px 1px 1px;
        font-size: 12px;
        font-family: Arial;
        font-weight: normal;
        color: #ffffff;
    }

    .CSSTableGenerator tr:first-child:hover td {
        background: -o-linear-gradient(bottom, #7f7f7f 5%, #7f7f7f 100%);
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7f7f7f), color-stop(1, #7f7f7f) );
        background: -moz-linear-gradient( center top, #7f7f7f 5%, #7f7f7f 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f7f7f", endColorstr="#7f7f7f");
        background: -o-linear-gradient(top,#7f7f7f,7f7f7f);
        background-color: #7f7f7f;
    }

    .CSSTableGenerator tr:first-child td:first-child {
        border-width: 0px 0px 1px 0px;
    }

    .CSSTableGenerator tr:first-child td:last-child {
        border-width: 0px 0px 1px 1px;
    }

/* osf grid */
.osf_grid_div {
    background: #fff;
    overflow: hidden;
    border: 1px solid #006699;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: auto;
}

.osf_grid {
font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
font-size: 12px;
border-collapse: collapse;
width: 100%;
}

    .osf_grid td, .osf_grid th {
        color: #00557F;
        border: 1px solid #ddd;
        padding: 2px;
    }

    .osf_grid tr:hover {background-color: #f5f5f5;}

    .osf_grid th {
        font-weight: bold !important;
        font-size: 11px;
        padding: 2px;
        text-align: left;
        background-color: #E1EEf4;
        border-left: 1px solid #E1EEF4;
        border-bottom: 1px solid #E1EEF4;
        color: black;
    }

.osf_grid_rowLink {
    text-align:left;
background-color: transparent;
border: none;          
}

.osf_grid_rowLink:hover {
        text-align:left;
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

.osf_grid_rowLinkDisabled {
        text-align:left;
    background-color: transparent;
    color: #808080;
    border: none;          
}
/* osf grid */
/*Nutzungsart Historie und Nutzungsbedingungen Historie*/
.osf_historyTable{
     width: calc(95% + 20px);
     overflow-x: hidden !important;
     overflow-y: auto;
     padding-bottom:1px;
}

div[aria-describedby="modalDialogAreaCookies"] button {
    display: none;
}
div[aria-describedby="modalDialogAreaCookies"] .ui-dialog-titlebar {
    background: #1a578d;
    color: white;
}

/* -------------------------------------------------------------------------
 Close button (Bootstrap `btn-close` used within jQuery UI dialog titlebar)
 
 In Bootstrap5, `.btn-close` renders the “X” via a background SVG.
 In parts of this app we use the class without loading Bootstrap, so the
 button appears blank. Provide a small fallback that draws the X.
 ------------------------------------------------------------------------- */

button.btn-close.ui-dialog-titlebar-close {
 position: absolute; /* keep jQuery UI behavior */
 right: .3em;
 top:50%;
 transform: translateY(calc(-50% +5px));

 width:20px;
 height:20px;
 padding:0;

 border:0;
 background: transparent;

 cursor: pointer;
 opacity:0.8;
}

button.btn-close.ui-dialog-titlebar-close:hover {
 opacity:1;
}

button.btn-close.ui-dialog-titlebar-close::before,
button.btn-close.ui-dialog-titlebar-close::after {
 content: "";
 position: absolute;
 left:50%;
 top:50%;

 width:14px;
 height:2px;

 background-color: #000; /* fallback close icon color */
 border-radius:1px;

 transform-origin: center;
}

button.btn-close.ui-dialog-titlebar-close::before {
 transform: translate(-50%, -50%) rotate(45deg);
}

button.btn-close.ui-dialog-titlebar-close::after {
 transform: translate(-50%, -50%) rotate(-45deg);
}