/***************************************************/
/******            SCHULASSISTENZ              *****/
/***************************************************/

/****************************************/
/***               HTML               ***/
/****************************************/
html {
    background: url("/Content/images/body_gradient.png") repeat-x;
    height: 100%;
    margin: 0;
    padding: 0;
    
}

/****************************************/

/***               BODY               ***/

/****************************************/

body {
    background: url("/Content/images/footer_bg.png") repeat-x left bottom;
    margin: 0;
    min-height: 100%;
    padding: 0;
    position: relative;
}

body * {
    font-family: "Segoe UI", "Frutiger Next Regular", "trebuchet ms", arial, helvetica, Verdana, geneva, sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
    color: #1C1C1C;
    text-decoration: underline;
}

a.info {
    color: #555555;
    display: block;
    margin: 5px 0;
}

a.file {
    background: url("/Content/Images/icon_file_16px.png") no-repeat left center;
    padding-left: 20px;
}

address { font-style: normal; }

em {
    font-style: italic;
    font-weight: bold;
}

td[role=gridcell] {
    font-size: 0.9em;
}

form { }

.k-widget.k-tooltip-validation {
    display: block;
    margin: 3px;
    /*background-color: #ef360c;
    border-color: #ef360c;*/
    /*-moz-border-image: url("/Content/images/bg_errorbox_blue.png") 8 19 43 33 stretch;
    -webkit-border-image: url("/Content/images/bg_errorbox_blue.png") 8 19 43 33 stretch;
    border-image: url("/Content/images/bg_errorbox_blue.png") 8 19 43 33 fill;
    border-style: solid;
    border-width: 8px 19px 43px 33px;
    color: white;
    font-size: 13px;
    max-width: 300px;
    padding: 0 8px 5px;
    z-index: 999999;*/
}

.field-validation-error {
    /*display: none;*/
    padding: 5px;
    background-color: #a52a2a;
    color: white;
    margin-top: 2px;
    display: inline-block;
    position: relative;
    display: table;
}

.form-validation-summary {
    background-color: #a52a2a;
    color: white;
    font-size: 11px;
    padding: 5px;
}

.form-error.hasToolbar, .field-validation-error.hasToolbar { margin-left: 20px; }

.form-error span {
    bottom: -10px;
    display: block;
    left: 0;
    position: relative;
}

.form-error span.close, .field-validation-error span.close {
    background: url("/Content/images/sprite.png") no-repeat 0 -180px;
    bottom: -19px;
    cursor: pointer;
    display: none;
    height: 20px;
    left: auto;
    position: absolute;
    right: 1px;
    width: 20px;
}

.form-error:hover span.close, .field-validation-error:hover span.close { display: block; }

.form-error span.close:hover, .field-validation-error span.close:hover {
    background-position: -24px -180px;
    display: block;
}

button, .button {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: url("/Content/images/bg_submit.png") repeat-x;
    border-bottom: 1px solid #707070;
    border-left: 1px solid #C1C8D5;
    border-radius: 3px;
    border-right: 1px solid #707070;
    border-top: 1px solid #C1C8D5;
    cursor: pointer;
    line-height: 1.45em;
    margin: 8px 0 0 0;
    padding: 0 15px 1px 15px;
    text-decoration: none;
    width: auto;
}

h2 button, h2 .button {
    font-size: 14px;
    vertical-align: 2px;
}

.button-icon {
    height: 19px;
    margin: 0px;
    margin-left: 3px !important;
    padding: 0 5px 0 5px;
    padding: 0 8px 1px 8px;
}

.button-icon:first-child { margin-left: inherit !important; }

.button-icon img {
    margin-top: 1px;
    vertical-align: middle;
}

button.secureButtonUponClick {
}

button.close.rightBottom {
    float: right;
    margin-right: 10px;
}

button.floatright {
    float: right;
}

button { display: block; }

.button { display: inline-block; }

.t-grid .button {
    margin: 0px;
    padding: 0 8px 1px 8px;
}

.t-grid .button-icon img, .t-grid .t-button .t-icon {
    margin-top: -2px;
    vertical-align: middle;
}



button:hover, .button:hover {
    background-image: url("/Content/images/bg_submit_act.png");
    border-bottom: 1px solid #8F9AB1;
    border-left: 1px solid #838383;
    border-right: 1px solid #8F9AB1;
    border-top: 1px solid #838383;
}

fieldset {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0 0 0;
    padding: 10px;
}

legend {
    padding-left: 5px;
    padding-right: 5px;
}

legend + label { margin-top: 0px; }

input[type="text"], input[type="email"], input[type="number"], input[type="password"], textarea, .t-input {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-bottom: 1px solid #DAE3E5;
    border-left: 1px solid #A9B3B4;
    border-radius: 2px;
    border-right: 1px solid #DAE3E5;
    border-top: 1px solid #A9B3B4;
    padding: 0 3px;
}

textarea { padding: 0 5px; }

input:hover, textarea:hover, input:focus, textarea:focus, .t-input:hover, .t-input:focus {
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

input:focus, textarea:focus, .t-input:focus { background-color: #F3F9FA; }

input[type="text"].invalid, input[type="email"].invalid, input[type="number"].invalid, input[type="password"].invalid, select.invalid, textarea.invalid, .t-input.invalid {
    border-bottom: 1px solid #86E3E9;
    border-left: 1px solid #1C969D;
    border-right: 1px solid #86E3E9;
    border-top: 1px solid #1C969D;
}

input[readonly], select[readonly], textarea[readonly], input[disabled], select[disabled], textarea[disabled] {
    background-color: #F0F0F0;
    color: #4E4E4E;
    cursor: default;
}

input[type="checkbox"] { cursor: pointer; }

label, span.label {
    color: #000000;
    display: block;
    line-height: 1.5em;
    margin: 10px 0 0 0;
}

label:first-child { margin-top: 5px; }

label.label-inline {
    display: inline;
    margin: 0;
    vertical-align: middle;
}

label.label-radio, label.label-checkbox {
    display: inline;
    font-size: 0.9em;
    margin: 0 8px 0 0;
}

select {
    border: 1px solid #A9B3B4;
    cursor: pointer;
}

h2 select {
    font-size: 14px;
    vertical-align: middle;
}

select:hover, select:focus, option:hover, option:focus {
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

select:focus { background-color: #F4F9F9; }

select option { padding-left: 5px; }

select option:hover, select option:active, select option:focus, select option[selected] {
    /*background: url("/Content/images/bg_select_option_hover.png");
                    color: #FFF;*/
}

select optgroup option { padding-left: 15px; }

span.info, span.infoTextCheckbox {
    color: #666;
    font-size: 0.9em;
}

span.infoTextCheckbox {
    background: url("/Content/images/icon_info_16px.png") no-repeat;
    display: block;
    padding-left: 18px;
}

span.obligation { margin: 0 0 0 2px; }

span.loadingInfo { padding-left: 10px; }

span.loadingInfo * { vertical-align: middle; }

span.loadingInfo span { color: #555; }

body img { border: 0px transparent; }

h1, h2, h3, h4 {
    font-weight: normal;
    margin: 1em 0 0.5em 0;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child { margin-top: 0em; }

h1 { font-size: 2em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.3em; }

li { }

ol {
    margin: 0.5em 0;
    padding: 0 0 0 30px;
}

ol > li { margin: 0.5em 0; }

p, address { margin: 0.5em 0; }

p.infoText { color: #555; }

p.error, p.infoBlank, p.info, p.questionmark, p.success, p.warning, div.validation-summary-errors {
    background-position: 5px center;
    background-repeat: no-repeat;
    color: #555;
    min-height: 32px;
    padding: 0 0 0 43px;
}

.field-validation-error div.validation-summary-errors {
    background-image: none;
    color: white;
    min-height: 0;
    padding: 5px 8px 5px;
}

div.validation-summary-errors li:only-child { padding-top: 7px; }

.field-validation-error div.validation-summary-errors li:only-child { padding-top: 0; }

p.oneLiner { line-height: 32px; }

p.error, div.validation-summary-errors { background-image: url("/Content/images/icon_error_32px.png"); }

p.info { background-image: url("/Content/images/icon_info_32px.png"); }

p.questionmark { background-image: url("/Content/images/icon_questionmark_32px.png"); }

p.success { background-image: url("/Content/images/icon_accept_32px.png"); }

p.warning { background-image: url("/Content/images/icon_warning_32px.png"); }

p.showAndRemoveAfterSeconds {
    background-position: 5px top;
    display: none;
}

ul { list-style-type: none; }

ul.list-bullets {
    list-style-type: disc;
    margin: 10px 0;
    padding: 0 0 0 20px;
}

ul.list-bullets.morepadding { padding: 0 0 0 30px !important; }

ul.list-pdfs { }

ul.list-pdfs.scrollBox {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #A8A8A8;
    border-radius: 5px;
    height: 200px;
    margin: 10px 0 0 0;
    overflow: auto;
    padding: 10px;
    width: 500px;
}

ul.list-pdfs li {
    background: url("/Content/images/icon_pdf_16px.png") no-repeat 0 center;
    padding: 2px 0 2px 20px;
}


/************************************/

/***           DOCUMENT           ***/

/************************************/

#document {
    background: url("/Content/images/document_bg.png") no-repeat center 0px;
    margin: 0 auto 0 auto;
    min-height: 100%;
    padding: 0 0px;
    position: relative;
    width: 1270px;
}

/********************************/

/***          HEADER          ***/

/********************************/

#header {
    height: 184px;
    position: relative;
}

img#header_logo {
    left: 40px;
    position: absolute;
    top: 0px;
    z-index: 9999;
}

/****************************/

/***       MENU USER      ***/

/****************************/

#header #menu_user {
    height: 15px;
    position: absolute;
    right: 95px;
    top: 15px;
}

#header #menu_user ul.nav {
    font-size: 0px;
    text-align: right;
}

#header #menu_user ul.nav li {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid transparent;
    display: inline;
    font-size: 11px;
}

#header #menu_user ul.nav li:first-child { border-left-color: transparent; }

#header #menu_user ul.nav li a {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 15px;
    padding: 0px 8px 0px 8px;
    text-decoration: none;
    text-transform: uppercase;
}

#header #menu_user ul.nav li.active a, #header #menu_user ul.nav li a:hover { text-decoration: underline; }
            
            
/********************************/

/***        MENU MAIN         ***/

/********************************/

#menu_main {
    padding: 0 44px;
    position: relative;
    z-index: 999;
}

#menu_main ul.nav {
    font-size: 0px;
    list-style: none;
}

#menu_main ul.nav li { float: left; }

#menu_main ul.nav > li:last-child { margin-top: 40px; }

#menu_main ul.nav > li.active:not(:hover):last-child {
    margin-top: 0px;
}

#menu_main ul.nav li a, #menu_main ul.nav li span {
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    padding: 56px 25px 18px 25px;
    text-decoration: none;
    text-shadow: 1px 1px 2px #333;
}

    #menu_main ul.nav > li.active > a, #menu_main ul.nav > li.active > span, #menu_main ul.nav > li > a:hover, #menu_main ul.nav > li > span:hover, #menu_main ul.nav > li:hover > a, #menu_main ul.nav > li:hover > span {
        /*-moz-box-shadow: 0px 0px 5px 2px #aaa;
    -webkit-box-shadow: 0px 0px 5px 2px #aaa;
    box-shadow: 0px 0px 5px 2px #aaa;*/
    }

    #menu_main ul.nav > li.active > a, #menu_main ul.nav > li.active > span {
        -moz-border-radius-bottomleft: 3px;
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        background: url("/Content/images/bg_menu_main_hover.png") repeat-x;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        margin-top: 42px;
        padding-bottom: 12px;
        padding-top: 14px;
        /*-moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: url("/Content/images/bg_menu_main_hover.png") repeat-x;
        border-radius: 3px;
        margin-top: 40px;
        padding-bottom: 12px;
        padding-top: 16px;*/
    }

    #menu_main ul.nav > li:not(.active):last-child > a {
        background-position: left bottom;
        padding-top: 16px;
    }

    #menu_main ul.nav > li > a:hover, #menu_main ul.nav > li > span:hover, #menu_main ul.nav > li:hover > a, #menu_main ul.nav > li:hover > span {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: url("/Content/images/bg_menu_main_hover.png") repeat-x;
        border-radius: 3px;
        margin-top: 40px;
        padding-bottom: 12px;
        padding-top: 16px;
    }

#menu_main ul.nav > li:last-child > a:hover { margin-top: 2px; }

#menu_main ul.nav > li > a:last-child:hover, #menu_main ul.nav > li > span:last-child:hover, #menu_main ul.nav > li:hover > a:last-child, #menu_main ul.nav > li:hover > span:last-child { padding-bottom: 16px; }

#menu_main ul.nav > li:hover + li.active {
    position: relative;
    z-index: -1;
}

#menu_main ul.nav li ul {
    -moz-border-radius: 3px;
    -moz-border-radius-topleft: 0;
    -moz-box-shadow: 3px 5px 8px 0px #aaa;
    -webkit-border-radius: 3px;
    -webkit-border-top-left-radius: 0;
    -webkit-box-shadow: 3px 5px 8px 0px #aaa;
    background-color: #575757;
    border-radius: 3px;
    border-top-left-radius: 0;
    box-shadow: 3px 5px 8px 0px #aaa;
    display: none;
    list-style: none;
    margin-top: -4px;
    padding: 5px;
    position: absolute;
}

#menu_main ul.nav li:hover ul { display: block; }

#menu_main ul.nav li ul li {
    display: block;
    float: none;
}

#menu_main ul.nav li ul li a {
    background: #7C7C7C url("/Content/images/bg_menu_main_sub.png") no-repeat 7px center !important;
    font-size: 16px;
    margin: 0 !important;
    min-width: 150px;
    padding: 5px 10px 5px 21px !important;
}

#menu_main ul.nav li ul li a:hover, #menu_main ul.nav li ul li.active a { background-color: #575757 !important; }


/********************************/

/***     MENU BREADCRUMB      ***/

/********************************/

#menu_breadcrumb {
    left: 147px;
    position: absolute;
    top: 95px;
}

#menu_breadcrumb ul, #menu_breadcrumb li { display: inline; }

#menu_breadcrumb ul.nav li { }

#menu_breadcrumb ul.nav li a, #menu_breadcrumb ul.nav li span {
    background: url("/Content/images/bg_menu_breadcrumb.png") no-repeat 2px center !important;
    color: #1C1C1C;
    font-size: 13px;
    padding-left: 17px;
}

#menu_breadcrumb ul.nav > li > a, #menu_breadcrumb ul.nav > li > span {
    background-image: none !important;
    padding-left: 0px;
}
                                
            
/****************************/

/***       PAGE INFO      ***/

/****************************/

#page_info {
    height: 60px;
    left: 147px;
    overflow: hidden;
    position: absolute;
    top: 120px;
    width: 740px;
}

#page_info span.icon {
    background: url("/Content/images/sprite.png") no-repeat;
    display: block;
    height: 50px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 50px;
}

#page_info span.icon.icon-info-abrechnung { background-position: -250px -80px; }

#page_info span.icon.icon-info-antraege { background-position: -200px -80px; }

#page_info span.icon.icon-info-calendar { background-position: -50px -80px; }

#page_info span.icon.icon-info-contact { background-position: -350px -80px; }

#page_info span.icon.icon-info-help { background-position: 0px -130px; }

#page_info span.icon.icon-info-login { background-position: 0px -80px; }

#page_info span.icon.icon-info-profil { background-position: -100px -80px; }

#page_info span.icon.icon-info-projectplan { background-position: -450px -80px; }

#page_info span.icon.icon-info-sitemap { background-position: -400px -80px; }

#page_info span.icon.icon-info-statistic { background-position: -300px -80px; }

#page_info span.icon.icon-info-todo { background-position: -150px -80px; }

#page_info img.info {
    left: 5px;
    position: absolute;
    top: 5px;
}

#page_info p {
    color: #444444;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 3px 0 0 60px;
}

#page_info p em {
    color: #498584;
    font-style: italic;
    font-weight: bold;
}

.page-info-help {
    height: 20px;
    left: 110px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 155px;
    width: 20px;
}

.page-info-help a {
    background: url("/Content/images/bg_circle.png") no-repeat 0 0;
    color: #FFFFFF;
    display: block;
    height: 20px;
    line-height: 18px;
    text-decoration: none;
}

.page-info-help a:hover {
    background-image: url("/Content/images/bg_circle_white.png");
    color: #666666;
}
        
        
/********************************/

/***          CONTENT         ***/

/********************************/

#content {
    font-size: 13px;
    min-height: 450px;
    padding: 10px 60px 60px 60px;
}

#content h1 {
    font-size: 30px;
    margin: 10px 0 0 0;
    padding: 0 20px 0 20px;
    text-shadow: 2px 2px 3px #aaa;
    text-transform: uppercase;
}

#content h1.twoThirdsRight { padding-left: 400px; }

#content h1.paddingTopSmall { padding-top: 20px; }

/****************************/

/***        ARTICLE       ***/

/****************************/

#content .article {
    margin: 20px 0 0 0;
    padding: 0 20px 0 20px;
    position: relative;
}

#content .article .articleContent {
    width: 800px;
    min-height: 220px;
    /*background-color: red;*/
}

#content .article.verticalMiddle .articleContent { padding-top: 5px; }

#content .article .articleContent.fullWidth { width: auto; }

#content .article .articleContent.twoThirdsRight {
    padding-left: 380px;
    width: auto;
}

.toolbar { padding: 5px 0; }

.toolbar.toolbarAfterHeading { margin-top: -2em; }

.toolbar.toolbarAfterHeading2 { margin-top: -1em; }

.toolbar.toolbarOverview { }

.toolbar a {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 19px;
}

.toolbar.toolbarOverview a {
    color: #555;
    font-size: 12px;
    text-decoration: none;
}

.toolbar.toolbarOverview a:hover { text-decoration: underline; }

.toolbar.toolbarOverview a * { vertical-align: -4px; }

#content .article h2 {
    font-size: 24px;
    margin: 20px 0 10px 0;
    padding: 0;
}
            
            
/************************/

/***       TODO       ***/

/************************/

#content ul.todo { margin: 20px 0px 10px 0px; }

#content ul.todo > li {
    border-bottom: 1px solid #CCCCCC;
    font-size: 13px;
    position: relative;
}

#content ul.todo li .message {
    display: block;
    padding: 15px 15px 15px 42px;
    text-decoration: none;
}

#content ul.todo li a.message:hover, #content ul.todo li a.message.active { background-color: #E3EEEE; }

span.highlight {
    background: url("/Content/images/icon_arrow_right_16px.png") no-repeat left center;
    padding-left: 20px;
    text-decoration: underline !important;
}

#content ul.todo li span.icon {
    background: url("/Content/images/sprite.png");
    display: block;
    height: 32px;
    left: 5px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 32px;
}

#content ul.todo li.calendar span.icon { background-position: -320px -16px; }

#content ul.todo li.date-warning span.icon { background-position: -288px -16px; }

#content ul.todo li.document-search span.icon { background-position: -224px -16px; }

#content ul.todo li.info span.icon { background-position: 0px -16px; }

#content ul.todo li.report-edit span.icon { background-position: -32px -48px; }

#content ul.todo li.report-search span.icon { background-position: -256px -16px; }

#content ul.todo li.table span.icon { background-position: -352px -16px; }

#content ul.todo li.table-info span.icon { background-position: -384px -16px; }

#content ul.todo li.table-insert span.icon { background-position: -416px -16px; }

#content ul.todo li.table-multiple span.icon { background-position: 0px -48px; }

#content ul.todo li.table-relationship span.icon { background-position: -448px -16px; }

#content ul.todo li.user-comment span.icon { background-position: -160px -16px; }

#content ul.todo li a.markAsRead {
    background: url("/Content/images/sprite.png") no-repeat 0 0;
    display: block;
    font-size: 0px;
    height: 15px;
    margin-top: -8px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 14px;
}

#content ul.todo li a.markAsRead:hover { background-position: -16px 0; }

#content ul.todo li a.markAsRead.loading {
    background-image: url("/Content/images/ajax_loader_16px.gif");
    background-position: 0 0;
}

#content ul.todo li span.datetime {
    bottom: 0;
    color: #999;
    display: block;
    font-size: 9px;
    line-height: 16px;
    padding: 0 0 0 20px;
    position: absolute;
    right: 3px;
    text-align: right;
}

#content div.smsAbo { position: relative; }

#content div.smsAbo div.smsAboText {
    display: block;
    left: 130px;
    padding-right: 10px;
    position: absolute;
    top: 10px;
}

#content div.smsAbo div.smsAboText h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
                        
                         
                        
/************************/

/***       ASIDE      ***/

/************************/

#content .aside {
    padding: 0px 0 0 0;
    position: absolute;
    right: 0px;
    top: 0;
    width: 300px;
    /*background-color: green;*/
}

#content .article.verticalMiddle .aside { padding-top: 5px; }

#content .aside.middle { width: 300px; }

#content .aside.thirdLeft {
    left: 100px;
    right: auto;
}

#content .aside.center { text-align: center; }

#content .article.limitedWidth .aside { right: -244px; }

#content .aside p { }

#content .aside .info { color: #666; }

#content .aside p.info { padding: 0 0 0 43px; }
                        
            
/********************************/

/***          FOOTER          ***/

/********************************/

#footer_border {
    bottom: 0;
    height: 40px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

#PreloadingContainer { display: none; }

#footer {
    background-color: #1C1C1C;
    bottom: 0;
    height: 40px;
    left: 50%;
    margin-left: -635px;
    overflow: hidden;
    position: absolute;
    width: 1270px;
}

/****************************/

/***      MENU FOOTER     ***/

/****************************/

#menu_footer {
    height: 15px;
    position: absolute;
    right: 90px;
    top: 13px;
}

#menu_footer ul.nav {
    font-size: 0px;
    text-align: right;
}

#menu_footer ul.nav li {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid transparent;
    display: inline;
    font-size: 11px;
}

#menu_footer ul.nav li:first-child { border-left-color: transparent; }

#menu_footer ul.nav li a {
    color: #CDCDCD;
    font-size: 13px;
    line-height: 13px;
    padding: 0px 8px 0px 8px;
    text-decoration: none;
    text-transform: uppercase;
}

#menu_footer ul.nav li.active a, #menu_footer ul.nav li a:hover { text-decoration: underline; }
                  
                  
              
/************************/

/*** ASSISTANCE DAYS  ***/

/************************/

#CalendarAssistanceDays.k-calendar {
    float: left;
    margin: 12px 10px 0 0;
}

div.notASchoolDay {
    background-color: #555555;
    color: #FFFFFF !important;
    border-radius: 4px;
    padding: 2px 6px;
}

#CalendarAssistanceDays .k-calendar-td.k-selected .k-calendar-cell-inner,
#CalendarAssistanceDays .k-calendar-td.k-selected .k-link,
#CalendarAssistanceDays .k-calendar-td.k-selected:hover .k-calendar-cell-inner,
#CalendarAssistanceDays .k-calendar-td.k-selected:hover .k-link,
#CalendarAssistanceDays .k-calendar-td.k-focus .k-calendar-cell-inner,
#CalendarAssistanceDays .k-calendar-td.k-focus .k-link {
    border-color: transparent;
    color: inherit;
    background-color: transparent;
}

                
/*******************************/

/***         DIALOGS         ***/

/*******************************/

.t-window {
    /* max-width: 900px;
    */
}

.dialog {
    font-size: 0.95em;
    /*max-width: 600px;*/
    min-width: 425px;
    padding: 0 5px 5px 5px;
}

.dialog.extendedWidth { max-width: 800px; }

.dialog .t-grid { font-size: 0.85em; }

.t-window.maximized .dialog { max-width: none; }

.dialog div.info, .dialog blockquote.info {
    background-color: #F3F3F3;
    background-position: 5px 7px;
    background-repeat: no-repeat;
    border: 1px dashed #CCC;
    margin: 0 0 10px 0;
    padding: 5px 10px 5px 45px;
}

.dialog blockquote.info p { font-weight: normal; }

.dialog div.info h2:first-child, .dialog div.info h3:first-child, .dialog blockquote.info h2:first-child, .dialog blockquote.info h3:first-child { margin-top: 0px; }

.dialog div.info h2:first-child.centerToIcon, .dialog div.info h3:first-child.centerToIcon { margin-top: 6px; }

.dialog h2 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 1em 0 0.5em 0;
}

.dialog h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 1em 0 0.5em 0;
}

.dialog blockquote {
    background-color: #E5E5E5;
    border: 1px solid #B9B9B9;
    font-size: 13px;
    font-style: italic;
    margin: 0 0 0 20px;
    padding: 5px;
}

.dialog blockquote h4 {
    font-weight: bold;
    margin: 1em 0 0.5em 0;
}

.dialog blockquote h4:first-child { margin-top: 0.5em; }

.dialog form { }

.dialog button { }

.dialog button.rightBottom {
    bottom: 10px;
    position: absolute;
    right: 10px;
}

.dialog input[type="text"], .dialog input[type="email"], .dialog input[type="number"], .dialog input[type="password"], .dialog select, .dialog textarea, .dialog .t-input {
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.dialog input[type="text"].autoWidth, .dialog input[maxlength], .dialog input[size] { width: auto; }

.dialog input[type="text"].hasToolbar, .dialog select.hasToolbar, .dialog .t-input.hasToolbar { width: 94%; }

.dialog input[type="text"].hasActionButton, .dialog input[type="email"].hasActionButton { width: 93%; }

.dialog p { margin: 0.5em 0; }

.dialog ul { padding: 0 0 0 15px; }

.dialog li * { vertical-align: middle; }

span.toolbar { }

span.toolbar img { cursor: pointer; }
            
      
/*******************************/

/***          GRIDS          ***/

/*******************************/

.t-grid .t-grouping-header { display: none; }

.t-grid .t-grid-toolbar .gridToolbarHint {
    background-image: url("/Content/images/icon_info_16px.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    color: White;
    display: block;
    float: right;
    padding: 3px 8px 3px 27px;
}

.t-grid-content {
    height: auto !important;
    max-height: 500px;
    min-height: 200px;
}

.t-grid-content tbody tr.t-no-data { display: none; }

.t-grid-content tbody tr.t-no-data:first-child { display: table-row; }

tr.markWarning { background-color: #EE948A; }

td.t-detail-cell span.heading {
    background: no-repeat 8px 5px;
    border-left: 1px solid #198A92;
    display: block;
    padding: 0.1em 0.5em 0.1em 33px;
}

td.t-detail-cell span.heading.icon-organisation { background-image: url("/Content/images/icon_chart_organisation_16px.png"); }

#bankaccountsofinstitutions { display: none; }

#hidebankaccountsofinstitutions { display: none; }

/*******************************/

/***         TABSTRIP        ***/

/*******************************/

.t-tabstrip { margin: 8px 0 !important; }

/*******************************/

/***          LISTBOX        ***/

/*******************************/

.selectorSection label {
    margin-bottom: 5px;
    font-weight: bold;
    display: inline-block;
}

#available, #availableLegalEntities, #availableAccountingOrganisations {
    width: 540px;
}

#notificationRecipientsContainer .selectorSection, #legalEntitiesNotificationRecipientsContainer .selectorSection, #accountingOrganisationsNotificationRecipientsContainer .selectorSection {
    max-width: none;
    width: 100%;
}

#notificationRecipientsContainer .selectorSection#notificationRecipientsContainer .selectorSection, #legalEntitiesNotificationRecipientsContainer .k-listbox, #accountingOrganisationsNotificationRecipientsContainer .k-listbox {
    width: 535px;
    height: 350px;
}

#notificationRecipientsContainer .k-listbox:first-of-type,  #legalEntitiesNotificationRecipientsContainer .k-listbox:first-of-type, #accountingOrganisationsNotificationRecipientsContainer .k-listbox:first-of-type {
    width: 535px;
    margin-right: 1px;
}
            
            
/****************************/

/***       OVERVIEW        ***/

/****************************/

.overview { position: relative; }

.overview .general { }

.overview .detail { }

.overview .toolbar {
    position: absolute;
    right: 0;
    top: 0;
}


/*******************************/

/***     GENERAL CLASSES     ***/

/*******************************/

.iconbutton {
    background-position: left 2px;
    background-repeat: no-repeat;
    padding-left: 19px;
}

.icon-add { background-image: url("/Content/images/icon_add_16px.png"); }

.icon-import-csv { background-image: url("/Content/images/icon_import_csv_16px.png"); }

.icon-refresh { background-image: url("/Content/images/icon_refresh_16px.png"); }

.icon-user-comment-suit-32px { background-image: url("/Content/images/icon_user_comment_suit_32px.png"); }

.icon-user-comment-suit-32px { background-image: url("content/images/icon_user_comment_suit_32px.png"); }

.positioningBox { position: relative; }

.t-popup.t-group {
    font-size: 13px;
    width: 540px !important;
}

/*Style build-in commands*/
.abutton,
.k-grid .k-button.k-grid-edit-command,
.k-grid .k-button.k-grid-remove-command,
.k-grid .k-button.k-grid-cancel-command,
.k-grid .k-button.k-grid-save-command {
    display: inline-block;
    overflow: hidden;
    min-width: 0;
    border: 0;
    width: 34px;
    height: 24px;
    border-bottom: 1px solid #707070;
    border-left: 1px solid #C1C8D5;
    border-radius: 3px;
    border-right: 1px solid #707070;
    border-top: 1px solid #C1C8D5;
    /*margin-top: -5px;*/
    vertical-align: middle;
    padding: 0;
    text-indent: -9999px;
    line-height: 0;
}

.k-grid .k-button.k-grid-edit-command {
    background: url("/content/images/icon_document_edit_16px.png") no-repeat center, url("/Content/images/bg_submit.png") repeat-x;
}

.k-grid .k-button.k-grid-save-command {
    background: url("/Content/images/icon_accept_16px.png") no-repeat center, url("/Content/images/bg_submit.png") repeat-x;
}

.k-grid .k-button.k-grid-cancel-command {
    background: url("/Content/images/icon_cancel_16px.png") no-repeat center, url("/Content/images/bg_submit.png") repeat-x;
}

.k-grid .k-button.k-grid-remove-command {
    background: url("/Content/images/icon_delete_16px.png") no-repeat center, url("/Content/images/bg_submit.png") repeat-x;
}

/*Style custom buttons*/
.abutton.delete {
    background: url('@Url.Content("~/Content/icons/cancel.png")');
}

.abutton.edit {
    background: url('@Url.Content("~/Content/images/icon_document_edit_16px.png")');
}

.abutton.update {
    background: url('@Url.Content("~/Content/icons/ok.png")');
}

.abutton.cancel {
    background: url('@Url.Content("~/Content/icons/cancel.png")');
}

.abutton.create {
    background: url('@Url.Content("~/Content/icons/add.png")');
}
        
/****************************************/

/***         EVERYDAY CLASSES         ***/

/****************************************/

.align-right { text-align: right; }

.clearer {
    clear: both;
    display: block;
    font-size: 0px !important;
    height: 0px;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
    visibility: hidden;
}

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

.hidden {
    border: none;
    height: 0em;
    left: 0em;
    overflow: hidden;
    position: absolute;
    top: 0em;
    width: 0em;
}

.hideOnLoad { display: none !important; }

/* centres the image of the kendo action buttons */
.k-grid .k-button-icontext .k-icon {
    margin: 0;
    vertical-align: middle;
}
/* changes default width of the kendo action buttons */
.k-grid tbody .k-button {
    min-width: 22px;
    width: 22px;
}


/* Open Data Import */
p.import_unchanged {
    color: green;
}

p.import_changed {
    color: red;
}

.notSubmittedGridRow {
    background-color: red;
}

div.commentlevel3 {
    font-style: italic;
}

#messageText {
    width: 525px;
    height: 300px;
}

#notificationRecipientsContainer #subject {
    width: 530px;
}

#notificationRecipientsContainer label {
    margin-bottom: 5px;
    font-weight: bold;
}