article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}html{cursor:default;font-size:100%;overflow-y:scroll;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,form,input,button,select,textarea{font-size:100%;margin:0}a,a:active,a:hover{outline:none}a:focus{outline:thin dotted}abbr{_border-bottom:expression(this.title ? '1px dotted':'none')}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#FF0;color:#000}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}nav ul{list-style:none}audio[controls],canvas,video{display:inline-block;*display:inline}audio{display:none;_display:expression(this.controls ? 'inline':'none');*zoom:1}audio[controls]{display:inline-block}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}legend{*margin-left:-7px}button, input, select, textarea {border-radius: 0; vertical-align: baseline;}button,input{line-height:normal;_overflow:expression(this.type == 'button|reset|submit' ? 'visible':'')}button,input[type="button"],input[type="reset"],input[type="button"],input[type="submit"]{overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html{-webkit-font-smoothing:antialiased;}button,input[type="button"],input[type="submit"]{width:auto;margin:0;padding:0;overflow:visible;cursor:pointer;}

/*article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}html{cursor:default;font-size:100%;overflow-y:scroll;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,form,input,button,select,textarea{font-size:100%;margin:0}a,a:active,a:hover{outline:none}a:focus{outline:thin dotted}abbr{_border-bottom:expression(this.title ? '1px dotted':'none')}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#FF0;color:#000}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}nav ul{list-style:none}audio[controls],canvas,video{display:inline-block;*display:inline}audio{display:none;_display:expression(this.controls ? 'inline':'none');*zoom:1}audio[controls]{display:inline-block}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}legend{*margin-left:-7px}button,input,select,textarea{-webkit-appearance:none;border-radius:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;_overflow:expression(this.type == 'button|reset|submit' ? 'visible':'')}button,input[type="button"],input[type="reset"],input[type="button"],input[type="submit"]{overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html{-webkit-font-smoothing:antialiased;}button,input[type="button"],input[type="submit"]{width:auto;margin:0;padding:0;overflow:visible;cursor:pointer;}*/

.clear                                             { clear: both; margin: 0; padding: 0; }

/* WEBFONTS */
@font-face                                         { font-family: 'OpenSansRegular'; src: url('webfonts/OpenSans-Regular-webfont.eot'); src: url('webfonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/OpenSans-Regular-webfont.woff') format('woff'), url('webfonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('webfonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face                                         { font-family: 'OpenSansSemibold'; src: url('webfonts/OpenSans-Semibold-webfont.eot'); src: url('webfonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/OpenSans-Semibold-webfont.woff') format('woff'), url('webfonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('webfonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; }
@font-face                                         { font-family: 'UbuntuRegular'; src: url('webfonts/Ubuntu-R-webfont.eot'); src: url('webfonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Ubuntu-R-webfont.woff') format('woff'), url('webfonts/Ubuntu-R-webfont.ttf') format('truetype'), url('webfonts/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face                                         { font-family: 'UbuntuMedium'; src: url('webfonts/Ubuntu-M-webfont.eot'); src: url('webfonts/Ubuntu-M-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Ubuntu-M-webfont.woff') format('woff'), url('webfonts/Ubuntu-M-webfont.ttf') format('truetype'), url('webfonts/Ubuntu-M-webfont.svg#UbuntuMedium') format('svg'); font-weight: normal; font-style: normal; }

html                                               { height:100%; overflow-y: scroll; }
body                                               { font-family: 'UbuntuRegular', Verdana, Geneva, sans-serif; font-size: 14px; line-height:1.2em; color:#1d2530; height: 100%; }

/* STRUCTURE */
form.sitewrapform                                  { position:relative; height:100%; }
div.sitewrap                                       { position:relative; height:100%; min-width: 780px; }
div.mainwrap                                       { position:relative; height:100%; max-width: 1280px; }

/* ELEMENTS */
a                                                  { color: #0072c9; }
a:hover                                            { color: #484848; }

h1                                                 { font-family: 'OpenSansRegular', Verdana, Geneva, sans-serif; font-size: 30px; color: #37475d; padding: 0; margin: 0; font-weight: normal; line-height:normal; display: inline; }
h2                                                 { font-family: 'OpenSansRegular', Verdana, Geneva, sans-serif; font-size: 26px; color: #37475d; padding: 0; margin: 0; font-weight: normal; }
h3                                                 { font-family: 'OpenSansRegular', Verdana, Geneva, sans-serif; font-size: 22px; color: #37475d; padding: 0; margin: 0; font-weight: normal; }
h4                                                 { font-family: 'OpenSansRegular', Verdana, Geneva, sans-serif; font-size: 18px; color: #37475d; padding: 0; margin: 0; font-weight: normal; }

ul                                                 { margin: 0; padding: 0 0 0 18px; }
ol                                                 { margin: 0; padding: 0 0 0 30px; }
blockquote                                         { margin: 0; padding: 0 0 0 18px; }

table                                              { padding: 0; margin: 10px 0; border: 0; width: 100%; }
td                                                 { vertical-align: top; padding: 1px 5px 1px 0; margin: 0; }
th                                                 { vertical-align: top; text-align: left; padding: 1px 5px 1px 0; margin: 0; }
caption                                            { font-family:'UbuntuRegular', Arial, Helvetica, sans-serif; color: #979797; text-align: left; font-weight: bold; }

hr                                                 { border: 0; border-top: 1px solid #979797; }
.spacer                                            { display: block; height: 30px; }
.left                                              { float:left; }
.right                                             { float:right; text-align:left; }

/* HEADER */
header.userbar                                     { position: absolute; top: 0; left: 0; z-index: 999; height: 38px; width: 100%; background: #37475d; color:#ffffff; }
img.logo                                           { width: 115px; height: 22px; padding: 0 0 0 5px; }

header.userbar nav                                 { font-family: 'UbuntuRegular', sans-serif; font-size: 14px; }
header.userbar nav>ul                              { margin: 0; padding: 5px 0 5px 0; list-style: none; }
header.userbar nav>ul>li                           { float: left; position: relative; line-height: 28px; border-right: 1px solid #314053; }
header.userbar nav>ul>li:first-child               { border-left: none; width: 230px; }
header.userbar nav>ul>li.right                     { float: right; border-left: 1px solid #314053; border-right: none; }
header.userbar nav>ul>li>span                      { display: inline-block; padding: 0 15px 0 12px; cursor: pointer; }
header.userbar nav>ul>li i.icon                    {  }
header.userbar nav>ul>li:hover                     { background: #314053; }
header.userbar nav>ul>li>a                         { display: block; padding: 0 15px; }
header.userbar nav>ul>li>a.button                  { height:25px; line-height:25px; padding-left:10px; }
header.userbar nav>ul>li>a.button i.icon           { margin-top:3px; }

header.userbar nav>ul>li>ul                        { display: none; position: absolute; top:28px; left: 0; margin: 0; list-style: none; background: #ffffff; min-width: 160px; padding: 5px; border:1px solid #cccccc; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
header.userbar nav>ul>li>ul:before                 { position: absolute; border-bottom: 5px solid #FFFFFF; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; display: inline-block; left: 14px; top: -5px; }
header.userbar nav>ul>li:hover>ul                  { display: block; }
header.userbar nav>ul>li.right>ul                  { left:auto; right: 0; }
header.userbar nav>ul>li.right>ul:before           { left: auto; right: 15px; }
header.userbar nav>ul>li>ul>li                     { line-height: normal; }
header.userbar nav>ul>li>ul>li>a                   { display: block; padding: 4px 10px; text-decoration: none; color:#333333; }
header.userbar nav>ul>li>ul>li:hover a             { background: #0072c9; color: #ffffff; }

/* NAVIGATION */
nav.menu                                           { position: relative; z-index: 99; background: #f3f3f3; border-right:1px solid #d4d4d4; width: 230px; height: 100%; }
nav.menu>ul                                        { margin:0; padding: 38px 0 0 0; list-style: none; }
nav.menu>ul>li                                     { position: relative; display: block; color:#1d2530; border-left: 4px solid #f3f3f3; border-bottom: 1px solid #e7e7e7; font-family: 'OpenSansSemibold', sans-serif; font-size: 14px; padding: 5px 0; }
nav.menu>ul>li>a                                   { position: relative; display: block; padding: 0 0 0 15px; color:#1d2530; text-decoration: none; outline: none; min-height: 30px; line-height: 30px; }
nav.menu>ul>li:hover                               { background: #f0f0f2; }
nav.menu>ul>li.selected:hover,
nav.menu>ul>li.selected                            { border-left-color: #0072c9; background: #ececed; }
nav.menu>ul>li.selected:before                     { position: absolute; top: 10px; right: -1px; width: 10px; height: 20px; content: ''; background:url("images/menu_selected.png") 0 50%; }
nav.menu>ul>li:hover>a,
nav.menu>ul>li.selected>a                          { color:#0072c9; }

nav.menu>ul>li>ul                                  { display: none; margin:0; padding:0 0 10px 0; list-style: none; color:#1d2530; }
nav.menu>ul>li.selected>ul                         { display: block; }
nav.menu>ul>li>ul>li                               { font-family: 'UbuntuRegular', sans-serif; font-size: 14px; line-height: normal; }
nav.menu>ul>li>ul>li>a                             { position: relative; display: block; padding: 7px 10px 7px 50px; color:#1d2530; text-decoration: none; outline: none; }
nav.menu>ul>li>ul>li>a:before                      { position: absolute; top: 8px; left: 37px; width: 11px; height: 12px; content: ''; background: url("images/sprite_icons.png") -148px -3px no-repeat; }
nav.menu>ul>li>ul>li:hover>a,
nav.menu>ul>li>ul>li.selected>a                    { color:#0072c9; }
nav.menu>ul>li>ul>li:hover>a:before,
nav.menu>ul>li>ul>li.selected>a:before             { background-position: -328px -3px; }

/* PAGE TABS */
nav.pagetabs                                       { margin:0 0 20px; }
header+nav.pagetabs                                { margin-top:-20px; }
nav.pagetabs>ul                                    { margin:0; padding:3px 0 0 0; list-style:none; border-bottom:1px solid #d3d3d3; background:#f3f3f3; display:inline-block; width:100%; height:35px; }
nav.pagetabs>ul>li                                 { position:relative; float:left; }
nav.pagetabs>ul>li>a                               { display:block; text-decoration:none; height:35px; line-height:35px; padding:1px 20px 0; font-size:16px; }
nav.pagetabs>ul>li.selected>a                      { border:1px solid #d3d3d3; background:#ffffff; border-bottom:none; padding-top:0; color:#1D2530; padding-left:10px; padding-right:10px; margin:0 5px; font-size:18px; }

/* CONTENT */
section.contentwrap                                { position: absolute; top: 38px; width: 100%; z-index: 0; }
section.contentwrap>div.innerwrap                  { position: relative; height: 100%; margin-left: 230px; padding:0 38px 38px; }

section.contentwrap header,
section.overlaywrap header                         { border-bottom:2px solid #f3f3f3; padding: 0 0 10px; margin-bottom: 20px; display: inline-block; width: 100%; }
section.contentwrap header .icon.help,
section.overlaywrap header .icon.help              { display: block; padding: 0; width: 30px; height: 30px; }

div.topactions                                     { min-height: 38px; line-height: 38px; margin-top: 10px; font-size: 12px; }
div.topactions a                                   { color:#1d2530; text-decoration: underline; display: inline-block; }
div.topactions a:hover                             { color: #0072C9; }
div.topactions a i.icon                            { margin-top: 10px; }

/*LOGIN REGISTER*/
div.loginwrap                                      { max-width:100%; }
div.loginwrap section.contentwrap>div.innerwrap    { margin-left: 0; padding:38px; position:relative; top:50%; width:728px; border:1px solid #dddddd; margin:38px auto 0; }
div.loginwrap-small section.contentwrap>div.innerwrap    { width:421px; }
div.loginwrap div.halfcol                          { width:345px; }
div.loginwrap div.highlightcol                     { background: #f3f3f3; border:1px solid #dddddd; padding:15px; }
div.loginwrap div.halfcol.highlightcol             { width:315px; }
div.loginwrap table td                             { padding-left:0; padding-right:0; }

/* OVERLAY */
section.overlaywrap                                {  }

/* TABLES */
table                                              { margin:0; padding:0; }
table td,
table th                                           { padding: 0.45em 0.5em; font-family: 'UbuntuRegular', sans-serif; font-size: 14px; vertical-align: middle; text-align:left }
table td.right                                     { text-align: right; }
table thead td,
table thead th                                     { font-size: 12px; border-bottom: 1px solid #dddddd; }
table td.noalign                                   { vertical-align: top; }

div.splitview table                                { float: left; width: 48%; }
div.splitview table+table                          { float: right; }

table.striped tbody tr td                          { border-bottom: 1px solid #dddddd; }
table.striped tbody tr:nth-child(2n+1) td          { background: #f3f3f3; }
table.hover tbody tr:hover td,
table.striped.hover tbody tr:hover:nth-child(2n+1) td {background: #bfd8eb;}



/*table.hover tbody tr:hover td,
table.striped.hover tbody tr:hover:nth-child(2n+1) td { background: #ececed; }*/

/*table.doublestriped tbody tr td                          { border-bottom: 1px solid #dddddd; }*/
/*table.doublestriped tbody tr:nth-child(4n-1), table.doublestriped tbody tr:nth-child(4n)          { background: #f3f3f3; }*/

/*table tr:nth-child(4n-1), table tr:nth-child(4n)*/

/*
table.doublestriped.hover tbody tr:hover:nth-child(4n+1) td { background: #ececed; }*/


table.heavy                                        { border-bottom: 1px solid #dddddd; }
table.heavy tbody,
table.heavy tfoot                                  { border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; }
table.heavy tfoot                                  { border-top: 1px solid #dddddd; }

table.heavy thead td,
table.heavy thead th                              { background: #314053; border: none; color:#ffffff; font-size: 12px; font-weight: normal; }
table.heavy thead a                               { color:#ffffff; text-decoration:none; }
table.heavy thead th:first-child                  { border-radius: 3px 0 0 0; }
table.heavy thead th:last-child                   { border-radius: 0 3px 0 0; }

table.fullwidthtable                               { width:100% !important; }
table.fullwidthtable>tbody>tr>td,
table.fullwidthtable>tbody>tr>th                   { padding: 0; vertical-align: top; }

table.amounttable td                               { padding-top: 0.4em; padding-bottom: 0.4em; }

table.hover tbody tr.row-clickable:hover td,
table.striped.hover tbody tr.tr.row-clickable:hover:nth-child(2n+1) td {background: #bfd8eb;}

/* KedoUi table grids */
.k-content { margin-top: 20px; }
.k-content, .k-editable-area, .k-panelbar > li.k-item, .k-panel > li.k-item, .k-tiles { background: none; }
.k-widget, .k-grid  { border: none; }
.k-widget, .k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle { background: none; }
thead.k-grid-header tr th.k-header { border: none; border-bottom: 1px solid #DDDDDD; }

thead.k-grid-header tr th.k-header,
thead.k-grid-header tr th.k-header a { color: #1D2530; font-family: 'UbuntuRegular', sans-serif; font-size: 12px;font-weight: bold; }

.k-grid table tbody tr td       { border: none;border-bottom: 1px solid #DDDDDD; vertical-align: top; }
.k-grid table tbody tr,
.k-grid table tbody tr td       { background: #F3F3F3; }
.k-grid table tbody tr.k-alt,
.k-grid table tbody tr.k-alt td { background: #FFFFFF; }

.k-grid-header-locked, .k-grid-content-locked, .k-grid-footer-locked { border: 0;}


/* KedoUi table grids */
/*.k-content { margin-top: 20px; }
.k-content, .k-editable-area, .k-panelbar > li.k-item, .k-panel > li.k-item, .k-tiles { background: none; }
.k-widget, .k-grid  { border: none; }
.k-widget, .k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle { background: none; }
thead.k-grid-header tr th.k-header { border: none; border-bottom: 1px solid #DDDDDD; }

thead.k-grid-header tr th.k-header,
thead.k-grid-header tr th.k-header a { color: #1D2530; font-family: 'UbuntuRegular', sans-serif; font-size: 12px;font-weight: bold; }

.k-grid table tbody tr td       { border: none;border-bottom: 1px solid #DDDDDD; vertical-align: top; }
.k-grid table tr:hover          { background: none; }
.k-grid table tbody tr,
.k-grid table tbody tr td       { background: #F3F3F3; }
.k-grid table tbody tr.k-alt,
.k-grid table tbody tr.k-alt td { background: #FFFFFF; }

.k-grid-hover table tbody tr:hover td { background: #bfd8eb; cursor: pointer; }
.k-grid-hover table tbody tr td.tablerow-action { padding: 0; }
.k-grid-hover table tbody tr td.tablerow-action label { display: block; padding: .4em .6em; cursor: pointer; }
.k-grid-hover table tbody tr td.tablerow-action label input { cursor: pointer; }

.k-grid-header-locked, .k-grid-content-locked, .k-grid-footer-locked { border: 0;}

.k-hidden { display: none; }*/


/* KedoUi table grids */
.k-content {
    margin-top: 20px;
}

.k-content, .k-editable-area, .k-panelbar > li.k-item, .k-panel > li.k-item, .k-tiles {
    background: none;
}

.k-widget, .k-grid {
    border: none;
}

.k-widget, .k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle {
    background: none;
}

thead.k-grid-header tr th.k-header {
    border: none;
    border-bottom: 1px solid #DDDDDD;
}

    thead.k-grid-header tr th.k-header,
    thead.k-grid-header tr th.k-header a {
        color: #1D2530;
        font-family: 'UbuntuRegular', sans-serif;
        font-size: 12px;
        font-weight: bold;
    }

.k-grid table tbody tr td {
    border: none;
    border-bottom: 1px solid #DDDDDD;
    vertical-align: top;
}

.k-grid table tr:hover {
    background: none;
}

.k-grid table tbody tr,
.k-grid table tbody tr td {
    background: #F3F3F3;
}

    .k-grid table tbody tr.k-alt,
    .k-grid table tbody tr.k-alt td {
        background: #FFFFFF;
    }

.k-grid-hover table tbody tr:hover td {
    background: #bfd8eb;
    cursor: pointer;
}

.k-grid-hover table tbody tr td.tablerow-action {
    padding: 0;
}

    .k-grid-hover table tbody tr td.tablerow-action label {
        display: block;
        padding: .4em .6em;
        cursor: pointer;
    }

        .k-grid-hover table tbody tr td.tablerow-action label input {
            cursor: pointer;
        }

.k-grid-header-locked, .k-grid-content-locked, .k-grid-footer-locked {
    border: 0;
}

.k-hidden {
    display: none;
}



/* ICONS */
i.icon                                             { display: inline-block; width: 18px; height: 18px; background: url("images/sprite_icons.png") 0 0 no-repeat; }
i.icon.inline                                      { float: left; margin: 6px 6px 0 0; }
i.icon.right                                       { float: right; margin: 6px 0 0 6px; }

i.home                                             { background-position: 0 0; }
i.label                                            { background-position: -18px 0; }
i.basket                                           { background-position: -36px 0; }
i.clock                                            { background-position: -54px 0; }
i.report                                           { background-position: -72px 0; }
i.settings                                         { background-position: -90px 0; }
i.add                                              { background-position: -108px 0; }
i.arrow-left                                       { background-position: -126px 0; }
i.arrow-right                                      { background-position: -144px 0; }
i.arrow-top                                        { background-position: -162px 0; }
i.arrow-bottom                                     { background-position: 0 -18px; }
i.up                                               { background-position: -18px -18px; }
i.down                                             { background-position: -36px -18px; }
i.search                                           { background-position: -54px -18px; }
i.user                                             { background-position: -72px -18px; }
i.check                                            { background-position: -90px -18px; }
i.help                                             { background-position: -108px -18px; }
i.date                                             { background-position: -126px -18px; }
i.delete                                           { background-position: -144px -18px; }
i.send                                             { background-position: -162px -18px; }
i.back                                             { background-position: 0 -36px; }
i.project                                          { background-position: -18px -36px; }
i.close                                            { background-position: -144px -18px; }
i.move                                             { background-position: -36px -36px; }

/* lightblue */
i.lightblue.home                                   { background-position: -180px 0; }
i.lightblue.label                                  { background-position: -198px 0; }
i.lightblue.basket                                 { background-position: -216px 0; }
i.lightblue.clock                                  { background-position: -234px 0; }
i.lightblue.report                                 { background-position: -252px 0; }
i.lightblue.settings                               { background-position: -270px 0; }
i.lightblue.add                                    { background-position: -288px 0; }
i.lightblue.arrow-left                             { background-position: -306px 0; }
i.lightblue.arrow-right                            { background-position: -324px 0; }
i.lightblue.arrow-top                              { background-position: -342px 0; }
i.lightblue.arrow-bottom                           { background-position: -180px -18px; }
i.lightblue.up                                     { background-position: -198px -18px; }
i.lightblue.down                                   { background-position: -216px -18px; }
i.lightblue.search                                 { background-position: -234px -18px; }
i.lightblue.user                                   { background-position: -252px -18px; }
i.lightblue.check                                  { background-position: -270px -18px; }
i.lightblue.help                                   { background-position: -288px -18px; }
i.lightblue.date                                   { background-position: -306px -18px; }
i.lightblue.delete                                 { background-position: -324px -18px; }
i.lightblue.send                                   { background-position: -342px -18px; }
i.lightblue.back                                   { background-position: -180px -36px; }
i.lightblue.project                                { background-position: -198px -36px; }
i.lightblue.close                                  { background-position: -324px -18px; }
i.lightblue.move                                   { background-position: -216px -36px; }
i.lightblue.minus                                   { background-position: -234px -36px; }

/* white */
i.white.home                                       { background-position: -360px 0; }
i.white.label                                      { background-position: -378px 0; }
i.white.basket                                     { background-position: -396px 0; }
i.white.clock                                      { background-position: -414px 0; }
i.white.report                                     { background-position: -432px 0; }
i.white.settings                                   { background-position: -450px 0; }
i.white.add                                        { background-position: -468px 0; }
i.white.arrow-left                                 { background-position: -486px 0; }
i.white.arrow-right                                { background-position: -504px 0; }
i.white.arrow-top                                  { background-position: -522px 0; }
i.white.arrow-bottom                               { background-position: -360px -18px; }
i.white.up                                         { background-position: -378px -18px; }
i.white.down                                       { background-position: -396px -18px; }
i.white.search                                     { background-position: -414px -18px; }
i.white.user                                       { background-position: -432px -18px; }
i.white.check                                      { background-position: -450px -18px; }
i.white.help                                       { background-position: -468px -18px; }
i.white.date                                       { background-position: -486px -18px; }
i.white.delete                                     { background-position: -504px -18px; }
i.white.send                                       { background-position: -522px -18px; }
i.white.back                                       { background-position: -360px -36px; }
i.white.project                                    { background-position: -378px -36px; }
i.white.close                                      { background-position: -504px -18px; }
i.white.move                                       { background-position: -396px -36px; }

/* BUTTONS */
input[type="button"],
input[type="submit"],
button                                             { border: 1px solid #d4d4d4; border-radius: 3px; background:#d5d5d5; font-family: 'UbuntuRegular', sans-serif; font-size: 14px; height: 30px; line-height: 28px; min-width: 30px; padding: 0 10px; cursor:pointer; }
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover                                       { background:#e7e7e7; }

input[type="button"].small,
input[type="submit"].small,
button.small                                       { height: 24px; line-height: 22px; }
input[type="button"].small i.icon,
input[type="submit"].small i.icon,
button.small i.icon                                { margin-top: 2px; margin-left: -2px; }

input[type="button"].prio,
input[type="submit"].prio,
button.prio                                        { background-color: #0063af; color:#ffffff; border-color: #1a74ac; }
input[type="button"].prio:hover,
input[type="submit"].prio:hover,
button.prio:hover                                  { background-color: #0072c9; }

input[type="button"].green,
input[type="submit"].green,
button.green                                       { background-color: #83a854; color:#ffffff; border-color: #76954f; }
input[type="button"].green:hover,
input[type="submit"].green:hover,
button.green:hover                                 { background-color: #90b65f; }

input[type="button"].warning,
input[type="submit"].warning,
button.warning                                     { background-color: #f64552; color:#ffffff; border-color: #f42434; }
input[type="button"].warning:hover,
input[type="submit"].warning:hover,
button.warning:hover                               { background-color: #f75b67; }

/*reset k-button*/
.k-grid .k-button, .k-edit-form-container .k-button    { margin: 0; }
.k-grid .k-button:hover, .k-edit-form-container .k-button:hover    {  border: 1px solid #1a74ac; color: #ffffff; }

a.k-button,
a.button                                           { display: inline-block; color:#1d2530; text-decoration: none; border: 1px solid #d4d4d4; border-radius: 3px; background:#d5d5d5; font-family: 'UbuntuRegular', sans-serif; font-size: 14px; height: 28px; line-height: 28px; min-width: 8px; padding: 0 10px; text-align: left; }
a.k-button:hover,
a.button:hover                                     { background:#e7e7e7; }

a.k-button.small,
a.button.small                                     { height: 22px; line-height: 22px; }
a.k-button.small i.icon,
a.button.small i.icon                              { margin-top: 2px; margin-left: -2px; }
a.button.waring                                     {background:red;}

a.k-button,
a.button.prio                                      { background-color: #0063af; color:#ffffff; border-color: #1a74ac; }
a.k-button:hover,
a.button.prio:hover                                { background-color: #0072c9; }

a.button.green                                     { background-color: #83a854; color:#ffffff; border-color: #76954f; }
a.button.green:hover                               { background-color: #90b65f; }

a.button.warning                                   { background-color: #f64552; color:#ffffff; border-color: #f42434; }
a.button.warning:hover                             { background-color: #f75b67; }

/* PAGEOPTIONS */
div.pageoptions                                    { display: inline-block; float: right; }
div.pageoptions ul                                 { margin: 0; padding: 0; list-style: none; }
div.pageoptions ul li                              { float: left; border-left: 1px solid #ffffff; }
div.pageoptions ul li:first-child                  { border-left: none; }
div.pageoptions ul li a,
div.pageoptions ul li input[type="button"],
div.pageoptions ul li input[type="submit"],
div.pageoptions ul li button                       { border-radius: 0; }
div.pageoptions ul li:first-child a,
div.pageoptions ul li:first-child input[type="button"],
div.pageoptions ul li:first-child input[type="submit"],
div.pageoptions ul li:first-child button           { border-radius: 3px 0 0 3px; }
div.pageoptions ul li.last a,
div.pageoptions ul li:last-child a,
div.pageoptions ul li.last input[type="button"],
div.pageoptions ul li.last input[type="submit"],
div.pageoptions ul li.last button,
div.pageoptions ul li:last-child button            { border-radius: 0 3px 3px 0; }
div.pageoptions ul li:first-child:last-child a,
div.pageoptions ul li:first-child:last-child input[type="button"],
div.pageoptions ul li:first-child:last-child input[type="submit"],
div.pageoptions ul li:first-child:last-child button { border-radius: 3px; }
div.pageoptions div.searchbar                      { background:#d4d4d4; float: left; padding: 3px 3px 3px 6px; }
div.pageoptions div.searchbar input                { float: left; height: 20px; line-height: 20px; font-size: 13px; }
div.pageoptions i.icon.search                      { margin: 0; }

/* PAGEACTIONS */
div.pageactions { padding:0 0 20px; }

/* FORM ELEMENTS */
input[type="text"],input.text-box,   /*LD*/
input[type="password"],
input[type="email"],
input[type="url"],
input[type="phone"],
textarea                                           { background: #ffffff; border: 1px solid #d4d4d4; border-radius: 3px; color: #1d2530; font-family: 'UbuntuRegular', sans-serif; height: 26px; line-height: 26px; width: 100%; }

input[type="checkbox"]+label                       { margin:0 0 0 5px; cursor:pointer; }

.required input[type="text"],
.required input[type="password"],
.required input[type="email"],
.required input[type="url"],
.required input[type="phone"],
.required textarea,

input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
input[type="url"].error,
input[type="phone"].error,
textarea.error                                     { outline: none; border-color: #f54953; }

input:focus,
textarea:focus                                     { outline: none; border-color: #80b9e4; }

table input[type="text"],
table input[type="password"],
table input[type="email"],
table input[type="url"],
table input[type="phone"]                          { width: 99%; margin-right: 1%; }

div.inputoptions                                   { position:relative; padding-right:35px; }
div.inputoptions input[type="button"],
div.inputoptions input[type="submit"],
div.inputoptions button                            { position:absolute; top:0; right:0; }
div.inputoptions button + button                   { right:35px; border-right:1px solid #b2b2b2; }
div.inputoptions i.icon                            { margin-top: 5px; }
div.inputoptions.twobtn                            { padding-right:70px; }

input.note                                         { border-bottom-left-radius:0; border-bottom-right-radius:0; }
div.note                                           { font-size:12px; background: #dddddd; width: 99%; border:1px solid #dddddd; border-radius:0 0 3px 3px; }
div.note div.inner                                 { padding:3px 10px; }

select                                             { position:relative; background: #ffffff; border: 1px solid #d4d4d4; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: #1d2530; font-family: 'UbuntuRegular', sans-serif; padding: 5px 0; width: 100%; }
select.error                                       { outline: none; border-color: #f54953; }

/* ALERTS */
div.alert                                          { background: #ececed; border: 1px solid #ececed; border-radius: 4px; padding: 8px 14px; }
div.alert.success                                  { background: #eef1ea; border-color: #76954f; color: #468847; }
div.alert.error                                    { background: #fde8e9; border-color: #f54953; color: #f42434; }
div.alert.attention                             { background: RGB(252,250,244); border-color: RGB(255,151,15); color: RGB(255,151,15); }
.required                                          { color: #f42434; }
.required.sub                                      {color: #0072c9;}

div.validation-summary-errors                       { border: 1px solid #ececed; border-radius: 4px; padding: 8px 14px; background: #fde8e9; border-color: #f54953; color: #f42434;margin-bottom: 10px;}


/* PAGER */
div.pager                                          { text-align: left; }
div.pager ul                                       { border-radius: 4px; display: inline-block; margin: 0; padding: 0; }
div.pager ul>li                                    { display: inline; line-height: 20px; }
div.pager ul>li>a                                  { border: 1px solid #d4d4d4; border-left: none; float: left; line-height: 28px; height: 28px; padding: 0 12px; text-decoration: none; }
div.pager ul>li>a:hover,
div.pager ul>li.selected>a                         { background: #e7e7e7; }
div.pager ul>li:first-child>a                      { border-radius: 4px 0 0 4px; border-left: 1px solid #d4d4d4; }
div.pager ul>li:last-child>a                       { border-radius: 0 4px 4px 0; }

/*KendoUI pager*/
.k-state-selected, .k-button:active, .k-draghandle.k-state-selected:hover    { background: #0063af;border-color: #0063af; }

/* PAGER */
div.pager                                          { text-align: left; }
div.pager ul                                       { border-radius: 4px; display: inline-block; margin: 0; padding: 0; }
div.pager ul>li                                    { display: inline; line-height: 20px; }
div.pager ul>li>a                                  { border: 1px solid #d4d4d4; border-left: none; float: left; line-height: 28px; height: 28px; padding: 0 12px; text-decoration: none; }
div.pager ul>li>a:hover,
div.pager ul>li.selected>a                         { background: #e7e7e7; }
div.pager ul>li:first-child>a                      { border-radius: 4px 0 0 4px; border-left: 1px solid #d4d4d4; }
div.pager ul>li:last-child>a                       { border-radius: 0 4px 4px 0; }

/*KendoUI*/
span.k-picker-wrap input.k-input                   { height: 28px; }
.k-state-selected, .k-button:active, .k-draghandle.k-state-selected:hover { background: #0063af;border-color: #0063af;}

/*GridViews moeten gerenderd worden met <thead>
Dit kan als volgt geforceerd worden:
-ShowHeaderWhenEmpty="true"
-ondatabound="gvInvoices_DataBound">
In databound event(code behind)
protected void gvInvoices_DataBound(object sender, EventArgs e)
{
    gvInvoices.UseAccessibleHeader = true;
    gvInvoices.HeaderRow.TableSection = TableRowSection.TableHeader;  
}

De volgende eigenschappen zijn ook van belang voor het correct renderen:
CellSpacing="-1" GridLines="None"
Buttons in grids moeten linkbuttons worden.



Wanneer geen toolbaritems aanwezig zijn dient de omliggende div te worden weggelaten*/


.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.popup_Container {

	background-color:#ffffff;
	border:2px solid #37475d;
	padding: 0;
}

.popupConfirmation
{
	width: 800px;
	height: 400px;
}

.popupLookup
{
	width: 800px;
	height: 600px;
}

.popup_Titlebar {
    background: #37475d;
	height: 29px;
}

.popup_Body
{
	padding:15px 30px 15px 30px;
	clear:both;
	height:400px;
	overflow-y:scroll;
}

.TitlebarLeft 
{
	float:left;
	padding-left:5px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}
.TitlebarRight 
{
	background-position:right;
	background-repeat:no-repeat;
	height:15px;
	width:16px;
	float:right;
	cursor:pointer;
	margin-right:5px;
	margin-top:5px;
}

.popup_Buttons
{
	margin:10px;
}

               
.divrscaption H1                                                            {border-top:solid #d4d4d4 1px; border-bottom:solid #d4d4d4 1px;  background-color:aliceblue; height:30px;font-family: 'OpenSansRegular', Verdana, Geneva, sans-serif; font-size: 14px; color: #37475d; padding: 8px 0 0 20px; margin: 0 0 0 0; font-weight: bold; line-height:normal; display:block;}
.divrscontainter                                                            {margin: 18px;}
.divrscontainter  textarea     { height:150px; margin:0 0 0 5px; }
/*.remarks textarea     { height:150px; margin:0 0 0 5px; }
.remarks td 	      {vertical-align: top;}*/
#divreservationcontainer                                                    {border-left: solid #d4d4d4 1px;border-right: solid #d4d4d4 1px;border-bottom: solid #d4d4d4 1px;}
#divreservationcontainer hr                                                 {color: #d4d4d4; background-color: #d4d4d4;height: 1px;border: none;}

input[type="text"].disabled,
input[type="password"].disabled,
input[type="email"].disabled,
input[type="url"].disabled,
input[type="phone"].disabled,
textarea.disabled,
input.disabled:focus,
textarea.disabled:focus                            { outline: none; background:#f9f9f9; border-color:#d4d4d4; color:#666666; cursor:default; }


.table
{
   display:table;
}

.table-row
{
   display:table-row;
}

.table-cell
{
   display:table-cell;padding: 4px;
}


.tdCheckBox {
    padding-left: 0;
}

input[readonly="readonly"] {
       outline: none; background:#f9f9f9; border-color:#d4d4d4; color:#666666; cursor:default; 
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error
{
    background: #FEF1EC;
    border: 1px solid #CD0A0A;
}

select.disabled {
     background-color: lightgray;
}



/*#Remarks { height:100%}*/

.radiobuttonlistrow {
    padding-top: 4px;padding-bottom: 4px
}

.radiobuttonlistrow label{
    margin-left: 4px;
}


/*ui-dialog pop-up*/
/*div.ui-dialog                               { border-radius: 0;padding: 0; border: 2px solid #314053; }
div.ui-dialog a.k-button                    { color: #ffffff; }
div.ui-dialog div.ui-widget-header          { border: none; background: #314053; color: #ffffff; border-radius: 0; }
div.ui-dialog .ui-dialog-titlebar-close     { background: none; border: none; width: 18px; min-width: 18px; height: 18px; background: url("images/sprite_icons.png") -504px -18px no-repeat; border-radius: 0; }
div.ui-dialog .ui-state-default .ui-icon    { display: none; }*/

/*ui-dialog pop-up*/
div.ui-dialog                               { border-radius: 0;padding: 0; border: 2px solid #314053; }
div.ui-dialog a.k-button                    { color: #ffffff; }
div.ui-dialog div.ui-widget-header          { border: none; background: #314053; color: #ffffff; border-radius: 0; }
div.ui-dialog .ui-dialog-titlebar-close     { background: none; border: none; width: 18px; min-width: 18px; height: 18px; border-radius: 0; }
div.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick     { background: url("images/sprite_icons.png") -504px -18px no-repeat;  }
div.ui-dialog .ui-state-default .ui-icon    { display: none; }

button .ui-icon { width:18px;}

table.striped tbody tr.readonly td,table.striped tbody tr.readonly:hover td
{
    background:#D0D0D0;
}

/*Kendo* hide scroll bar when there less records then height*/
.no-scrollbar .k-grid-header {
    padding: 0 !important;
}

.no-scrollbar .k-grid-content {
    overflow-y: visible;
}

.topbarbutton {
    margin-right:8px;
}

textarea#Remarks {
    resize: none;
}


body {
}

#ticketlineHourRows td, #ticketlineRows td {
    vertical-align: top;
    height: 42px;
    /*height:62px;*/
}

    #ticketlineHourRows td.addrow, #ticketlineRows td.addrow {
        height: 30px;
    }

#ticketlineHourRows .datepicker, #ticketlineRows .datepicker {
    width: 110px;
}

    #ticketlineHourRows .datepicker select, #ticketlineRows .datepicker select {
        margin-top: 2px;
        width: 100%;
    }

#ticketlineHourRows .timeedit {
    width: 64px;
}

    #ticketlineHourRows .timeedit select {
        width: 60px;
    }

#ticketlineHourRows .pauseedit {
    width: 40px;
}


#ticketlineHourRows .quantityedit, #ticketlineRows .quantityedit {
    width: 74px;
}

    #ticketlineHourRows .quantityedit input, #ticketlineRows .quantityedit input {
        width: 100%;
    }

#ticketlineHourRows .descriptiptionedit, #ticketlineRows .descriptiptionedit {
    width: 300px;
}

    #ticketlineHourRows .descriptiptionedit textarea, #invoicelineRows .descriptiptionedit textarea {
        width: 100%;
        height: 40px;
        line-height: 105%;
    }


#ticketlineRows .descriptiptionedit {
    text-align: left;
    width: 286px;
}

    #ticketlineRows .descriptiptionedit input {
        width: 100%;
    }

#ticketlineHourRows .amountedit, #ticketlineRows .amountedit {
    width: 80px;
}

    #ticketlineHourRows .amountedit input, #ticketlineRows .amountedit input {
        width: 100%;
        text-align: right;
    }

#ticketlineHourRows .booleanedit, #ticketlineRows .booleanedit {
    width: 20px;
}

#ticketlineHourRows .delete, #ticketlineRows .delete {
    width: 20px;
}

#ticketlineRows .productnumber {
    width: 131px;
}

    #ticketlineRows .productnumber input {
        width: 100%;
    }

#ticketlineHourRows .hourtypeedit {
    width: 30px;
}


#attention {
    width: 16px;
    height: 16px;
    float: right;
    background: url("images/attention.png");
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.0;
    }
}


.contractEnded {
    color: red;
}

.contractNotClosed {
    color: blue;
}

.allIncasso {
    color:peru;
}