html {
    margin: 0;
    padding: 0;
}

body {
    background-color: #F0F0F0;
    color: #3b3632;
    font-size: 15px;
    font-family: RWEHeadlineCondensedRegular,Tahoma,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}

a {
    color: #2B6E33;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

    a:link, a:visited, a:active, a:hover {
    }

    a:hover {
        color: #4b4b4d;
        text-decoration: underline;
    }

ul {
    margin: 0;
}

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

img {
    border: none;
}

h1 {
    color: #2B6E33;
    font-family: RWEHeadlineCondensedRegular,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 5px;
    text-transform: uppercase;
}

h2 {
    color: #2B6E33;
    font-family: RWEHeadlineCondensedRegular,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    text-transform: uppercase;
}

h3 {
    color: #2B6E33;
    font-family: RWEHeadlineCondensedRegular,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 4px;
    padding-top: 10px;
    text-transform: uppercase;
}

h4 {
    color: #2B6E33;
    font-family: "RWEHeadlineCondensedLight","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
    font-size: 18px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-top: 7px;
    text-transform: uppercase;
}

h5, h6 {
    color: #2B6E33;
    font-family: "RWEHeadlineCondensedLight","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px;
    padding-bottom: 7px;
    padding-top: 7px;
    text-transform: uppercase;
}

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

hr {
    background-color: #006d3a;
    border: none;
    height: 1px;
    margin-top: 0;
}

/*@font-face {
    font-family: 'RWEHeadlineCondensedLight';
    src: url('fonts/Innogy-Light/Innogy-Light.eot');
    src: url('fonts/Innogy-Light/Innogy-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Innogy-Light/Innogy-Light.woff2') format('woff2'),
         url('fonts/Innogy-Light/Innogy-Light.woff') format('woff'),
         url('fonts/Innogy-Light/Innogy-Light.ttf') format('truetype'),
         url('fonts/Innogy-Light/Innogy-Light.svg#Innogy-Light') format('svg');
}*/

@font-face {
    font-family: 'RWEHeadlineCondensedLight';
    src: url('fonts/Avenir/2EA757_0_0.eot'); /* IE9 Compat Modes */
    src: url('fonts/Avenir/2EA757_0_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Avenir/2EA757_0_0.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Avenir/2EA757_0_0.woff') format('woff'), /* Modern Browsers */
         url('fonts/Avenir/2EA757_0_0.ttf') format('truetype'); /* Safari, Android, iOS */
}

/*@font-face {
    font-family: "RWEHeadlineCondensedLight";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/rweheadline-lightcondens-webfont.ttf") format("truetype");
}*/

/*@font-face {
    font-family: 'RWEHeadlineCondensedRegular';
    src: url('fonts/Innogy-Regular/Innogy-Regular.eot');
    src: url('fonts/Innogy-Regular/Innogy-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Innogy-Regular/Innogy-Regular.woff2') format('woff2'),
         url('fonts/Innogy-Regular/Innogy-Regular.woff') format('woff'),
         url('fonts/Innogy-Regular/Innogy-Regular.ttf') format('truetype'),
         url('fonts/Innogy-Regular/Innogy-Regular.svg#Innogy-Regular') format('svg');
}*/

@font-face {
    font-family: 'RWEHeadlineCondensedRegular';
    src: url('fonts/Avenir/2EA757_0_0.eot'); /* IE9 Compat Modes */
    src: url('fonts/Avenir/2EA757_0_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Avenir/2EA757_0_0.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Avenir/2EA757_0_0.woff') format('woff'), /* Modern Browsers */
         url('fonts/Avenir/2EA757_0_0.ttf') format('truetype'); /* Safari, Android, iOS */
}

/*@font-face {
    font-family: "RWEHeadlineCondensedRegular";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/rweheadline-regularcondens-webfont.ttf") format("truetype");
}*/

/* main layout
----------------------------------------------------------*/
html {
    /*background: linear-gradient(#daeefa, #b0ddf3) no-repeat scroll 0 0 #b0ddf3;*/
}

body > header {
    background-color: #F0F0F0;
    display: block;
    height: 187px;
}

    body > header .rweLogo {
        position: absolute;
        top: 35px;
        padding-left: 15px;
    }

        body > header .rweLogo:hover {
            background-color: transparent;
        }

#body {
    clear: both;
    padding: 10px 0 15px 0;
}

.content {
    background: white;
    border-radius: 4px;
    margin-top: 8px;
    box-shadow: 0 -1px 3px 2px rgba(0, 51, 102, 0);
}

body > footer {
    color: white;
    clear: both;
    background-color: Black;
    font-size: 12px;
    height: 50px;
    max-height: 50px;
}


/* menu
----------------------------------------------------------*/
#menu {
    background-image: linear-gradient(to right, #363636, #363636);
    /* background: #dcdbd9; */
    position: absolute;
    top: 133px;
    width: 100%;
    text-align: center;
}

    #menu ul {
        margin: 9px 0;
        padding: 0;
        color: #58585a;
        font-family: "RWEHeadlineCondensedLight","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
        font-size: 17px;
        font-weight: normal;
        text-transform: uppercase;
        transform-origin: 0 0 0;
        white-space: nowrap;
    }

        #menu ul li {
            display: inline;
            list-style: none;
            padding: 6px 4px 6px 10px;
            background-image: linear-gradient(transparent, #58585a 50%, transparent 100%);
            background-repeat: no-repeat;
            background-size: 1px 100%;
        }

            #menu ul li:first-child {
                background: none;
            }

            #menu ul li a {
                color: #FFFFFF;
            }

                #menu ul li a:hover {
                    color: #FFFFFF;
                    font-weight: bold;
                    box-shadow: 0px -2px 0px 0px #FFFFFFFF inset;
                    text-decoration: none;
                }

/* pathmenu
----------------------------------------------------------*/

#pathmenu ul {
    margin: 0 10px 5px;
    font-size: 11px;
    padding: 0;
    position: absolute;
    top: 177px;
}

    #pathmenu ul li {
        display: inline;
        list-style: none;
        vertical-align: middle;
    }

        #pathmenu ul li a {
            background: none;
            color: #2B6E33;
            text-decoration: none;
            vertical-align: middle;
        }

        #pathmenu ul li span {
            color: #58585a;
            vertical-align: middle;
        }

        #pathmenu ul li a:hover {
            color: #58585a;
            text-decoration: underline;
        }

/* toolboxMenu
----------------------------------------------------------*/

#toolboxMenu {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    #toolboxMenu a {
        float: right;
        margin-left: -5px;
        background: #dcdbd9;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        color: #58585a;
        font-size: 13px;
        font-weight: bold;
        padding: 6px 14px 8px 14px;
    }

        #toolboxMenu a:hover {
            float: right;
            margin-left: -5px;
            background: #2B6E33;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            color: white;
            font-size: 13px;
            font-weight: bold;
            padding: 6px 14px 8px 14px;
            text-decoration: none;
        }

/*#toolboxMenu a:last-child {
            background: linear-gradient(#035995, #4ca0dc) no-repeat scroll 0 0 #4ca0dc;
            margin-left: 0px;
            color: white;
        }*/

/* loginMenu
----------------------------------------------------------*/


#loginMenu ul {
    margin: 10px 15px;
    font-size: 11px;
    padding: 0;
}

    #loginMenu ul li {
        display: inline;
        list-style: none;
        vertical-align: middle;
    }

        #loginMenu ul li a {
            font-weight: bold;
            color: #2B6E33;
            text-decoration: none;
            vertical-align: middle;
        }

        #loginMenu ul li span {
            color: #3b3632;
            vertical-align: middle;
        }

        #loginMenu ul li a:hover {
            color: #58585a;
            text-decoration: underline;
        }

#headerDate {
    font-size: 11px;
    margin-right: 15px;
}

/* page elements
----------------------------------------------------------*/

input, textarea {
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    margin: 0;
    padding: 9px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
}

textarea {
    font-family: inherit;
    resize: vertical;
    height: 107px;
}

    input:focus, textarea:focus {
        border: 1px solid #74acd1;
    }

input[type="submit"] {
    width: auto;
}

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

/* styles for validation helpers */
.field-validation-error {
    color: #ef8252;
    font-weight: bold;
}

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

input.input-validation-error {
    border: 2px solid #ef8252;
}

    input.input-validation-error:focus {
        box-shadow: 0 0 3px #ef8252;
    }

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

span.input-validation-error {
    border: 2px solid #ef8252;
}

input[readonly] {
    color: #ccc;
}

.validation-summary-errors span {
    display: block;
}

.validation-summary-errors ul {
    list-style-type: none;
}

ul.arrow-e {
    padding-left: 0;
}

    ul.arrow-e li {
        list-style: none;
    }

        ul.arrow-e li:before {
            background: url("kendoui/BootStrap/sprite.png") no-repeat 0 -272px;
            content: " ";
            display: inline-block;
            height: 16px;
            overflow: hidden;
            position: relative;
            top: 2px;
            width: 16px;
        }

.formSection.top {
    border-top: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.formSection > header {
    padding: 5px 17px 0 17px;
}

.formSection .column {
    padding: 0 0 15px 0;
}

.formSection .label {
    line-height: 36px;
}

.alpha > .column, .omega > .column {
    padding-bottom: 15px;
}

.alpha:not([class^="prefix"]):not([class*=" prefix"]) > .column {
    padding-left: 15px;
}

.omega > .column {
    padding-right: 15px;
}

.top, .column.top {
    padding-top: 15px;
}

.checkboxTop, .column.checkboxTop {
    padding-top: 28px;
}

.list {
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 3px;
    min-height: 25px;
}

    .list.sortable > div {
        cursor: move;
    }

    .list.input-validation-error {
        border: 2px solid #ef8252;
    }

.navSectionWithIcon Div {
    display: table-cell;
    vertical-align: middle;
}

.tgwWindow {
    padding-left: 17px;
}

    .tgwWindow .twgwTable {
        width: 100%;
    }

.tableWrapper > table {
    border-collapse: collapse;
    background: white;
    padding: 0 6px;
    box-sizing: padding-box;
    display: table;
    width: 100%;
}

    .tableWrapper > table tr {
        display: table-row;
    }

    .tableWrapper > table thead tr td {
        padding-left: 10px;
        font-weight: bold;
        color: white;
        background: #2B6E33;
    }

    .tableWrapper > table tr td {
        display: table-cell;
        border-top: 1px solid #00aaad;
        padding: 6px 0;
    }

    .tableWrapper > table tr:first-child td {
        border-top: none;
    }

    .tableWrapper > table tr td span {
        vertical-align: middle;
    }

.tableWrapper .pager {
    background: transparent;
    border: none;
    box-shadow: none;
    padding-top: 8px;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.darkRed {
    color: #9d0d15;
}

.darkBlue {
    color: #0066aa;
}

.darkGreen {
    color: #009932;
}

.smaller {
    font-size: 15px;
}

.smallest {
    font-size: 10px;
}

.margin {
    margin: 1em;
}

#contractsList .collectionItem:first-child .nominationHeader {
    margin-top: 0;
}

.nominationHeader {
    position: relative;
    padding: 8px 15px;
    margin-top: 30px;
}

.underlyingContent {
    background: linear-gradient(#ececec, white 25px) no-repeat scroll 0 0 white;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 12px 0px 8px 0px;
    box-shadow: 0 -1px 3px rgba(0, 51, 102, 0.4);
    margin-top: -4px;
}

.smallTable {
    border-collapse: collapse;
}

    .smallTable td {
        padding: 1px 15px;
        border-bottom: 1px solid #ccc;
        white-space: nowrap;
    }

    .smallTable > tbody > tr:last-child > td {
        border-bottom: none;
    }

.nominationHeader > div {
    background-image: linear-gradient(to right, #b8e0f4 33%, white 0%);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 3px 0;
    padding: 8px 0;
}

.nominationPanel {
    display: none;
}

.nominationTable {
    color: #000000;
    padding: 10px 0 0 0;
    border-collapse: collapse;
    width: 100%;
}

    .nominationTable td {
        padding: 3px;
    }

    .nominationTable input {
        width: 85px;
        height: 35px;
    }

    .nominationTable .k-numeric-wrap .k-input, .nominationTable .k-dropdown-wrap .k-input, .nominationTable .k-selectbox .k-input {
        height: 30px !important;
        /*line-height:1.94em;padding:.177em 0;text-indent:.8em;border:0;margin:0*/
    }

.fixedRow {
}

.interuptibleRow {
}

.fixedNomination {
    /*background: lightblue; #e9ffb4;*/
    margin-top: 15px;
    padding: 10px 0 0 0;
    border-collapse: collapse;
}

    .fixedNomination input {
        width: 85px;
        height: 35px;
    }

.fixedNomination2 {
    background: #f6ffe1;
    margin: 0;
    padding: 0;
}

.interruptibleNomination {
    background: #fff8c9;
    padding: 10px 0 10px;
}

    .interruptibleNomination input {
        width: 75px;
        height: 35px;
    }

.nomButtonPanel {
    text-align: right;
}

.interruptibleNomination2 {
    background: #fffce6;
}

.nomstatusOkHistory {
    background: #e0e0e0;
}

.nomstatusOkBlocked {
    background: #f1f1f1;
}

.nomstatusOkReverse {
    background: #e9ffb4;
}

.nomstatusError {
    background: #e2001a;
    color: white;
}

.notfound {
    color: #ef8252;
}

/* kendo ui style overrides
----------------------------------------------------------*/

.singleSection {
    margin-top: 35px;
    padding: 10px;
}

.formSection .k-dropdown, .formSection .k-datetimepicker, .formSection .k-numerictextbox {
    width: 100%;
}

.k-window-title {
    color: #2B6E33;
    font-family: RWEHeadlineCondensedRegular,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
}

.k-window-content input, textarea {
    box-sizing: border-box;
}

div.k-window-content {
    padding: 0;
}

.k-button-icontext {
    white-space: nowrap;
}

.k-button-icon, .k-button-icontext {
    border: none;
    background: transparent;
}

.k-button {
    margin-right: 0;
    line-height: 0;
}

    .k-button.k-button-icontext .k-icon, .k-button.k-button-icontext .k-image {
        vertical-align: middle;
    }

.k-icon {
    background-image: url("kendoui/Silver/sprite.png");
}

    .k-icon.white, .k-sprite.white {
        background-image: none;
        margin-left: 0;
        margin-right: 0;
        width: 0;
        height: 0;
    }

.k-button.blue,
.k-button.orange,
.k-button.green,
.egForm .k-button:not(.k-button-icon) {
    border: none;
    border-radius: 3px;
    color: white;
    font-size: 13px;
    line-height: 1.5em;
    padding: 5px 10px;
}

    .k-button.blue:hover {
        background: #5A651B; /* #7a0a5e; */
        color: white;
    }

    .k-button.green:hover {
        background: #990000;
        color: white;
    }

.k-button.blue {
    background: #8E9F2B;
    box-shadow: 0 3px 0 0 #5A651B;
}

.k-button.orange {
    background: linear-gradient(#fdbb44, #f39d00) no-repeat scroll 0 0 #f39d00;
}

.k-button.green {
    background: #dd1c1d;
    box-shadow: 0 3px 0 0 #990000;
    /*background: #88ba14;
    background: rgba(136,186,20,1);
    background: -moz-linear-gradient(top, rgba(136,186,20,1) 0%, rgba(111,152,16,1) 50%, rgba(136,185,20,1) 99%, rgba(136,185,20,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(136,186,20,1)), color-stop(50%, rgba(111,152,16,1)), color-stop(99%, rgba(136,185,20,1)), color-stop(100%, rgba(136,185,20,1)));
    background: -webkit-linear-gradient(top, rgba(136,186,20,1) 0%, rgba(111,152,16,1) 50%, rgba(136,185,20,1) 99%, rgba(136,185,20,1) 100%);
    background: -o-linear-gradient(top, rgba(136,186,20,1) 0%, rgba(111,152,16,1) 50%, rgba(136,185,20,1) 99%, rgba(136,185,20,1) 100%);
    background: -ms-linear-gradient(top, rgba(136,186,20,1) 0%, rgba(111,152,16,1) 50%, rgba(136,185,20,1) 99%, rgba(136,185,20,1) 100%);
    background: linear-gradient(to bottom, rgba(136,186,20,1) 0%, rgba(111,152,16,1) 50%, rgba(136,185,20,1) 99%, rgba(136,185,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88ba14', endColorstr='#88b914', GradientType=0 );*/
}


/* basetools style overrides
----------------------------------------------------------*/

.qt-toolbar {
    margin: 5px 1px !important;
}

.cht-toolbar, .qt-toolbar {
    /*background: linear-gradient(#fff, #e9f5fb 50%, #fff) no-repeat scroll 0 0 #fff;*/
    margin: 2px;
    border-radius: 4px;
    padding: 8px;
    box-shadow: 0 -1px 2px 1px rgba(0, 51, 102, 0.4);
}

    .cht-toolbar input[type="submit"], .qt-toolbar .k-button:not(.k-button-icon), .egForm .k-button:not(.k-button-icon), .bt-confirmation-confirm, .bt-confirmation-cancel {
        background: none repeat scroll 0 0 #8E9F2B;
        box-shadow: 0 3px 0 0 #5A651B;
        
        /*background: #c81e81;*/
        border: none;
        border-radius: 3px;
        color: white;
        line-height: 1.5em;
        font-size: 13px;
    }

        .cht-toolbar input[type="submit"]:hover, .qt-toolbar:hover .k-button:not(.k-button-icon):hover, .egForm .k-button:not(.k-button-icon):hover, .bt-confirmation-confirm:hover, .bt-confirmation-confirm:active, .bt-confirmation-cancel:hover, .bt-confirmation-cancel:active {
            background: #5A651B !important;
            /*background: #7a0a5e !important;*/
            color: white !important;
        }

    .cht-toolbar .k-button.k-button-icon {
        padding: 9px;
        background: white;
        border: 1px solid #ccc;
        margin: 0;
    }

    .cht-toolbar > div, .qt-toolbar > div {
        margin-bottom: 4px;
    }

.banner {
    text-align: center;
    border-radius: 5px;
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    color: white;
    font-weight: 400;
    font-family: RWEHeadlineCondensedRegular,Tahoma,Arial,Helvetica,sans-serif;
}

.bannerContainer {
    display: table;
    margin: 0 auto;
    padding: 10px 0;
}

    .bannerContainer a {
        display: table;
        height: 100px;
        width: 380px;
    }

        .bannerContainer a:hover {
            color: transparent;
            text-decoration: none;
        }

.width90Px {
    width: 90px;
}

.width140Px {
    width: 140px;
}

.width100pr {
    width: 100%;
}

.marginTop5 {
    margin-top: 5px;
}

.marginBottom5 {
    margin-bottom: 5px;
}


/* handsonTable*/
.colHeader {
    white-space: normal;
}

.handsontable .htDimmed {
    background-color: #EEE;
}

@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    /*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
    .pika-single:before,
    .pika-single:after {
        content: " ";
        display: table;
    }

    .pika-single:after {
        clear: both;
    }

.pika-single {
    *zoom: 1;
}

    .pika-single.is-hidden {
        display: none;
    }

    .pika-single.is-bound {
        position: absolute;
        box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
    }

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

    .pika-prev:hover,
    .pika-next:hover {
        opacity: 1;
    }

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

    .pika-prev.is-disabled,
    .pika-next.is-disabled {
        cursor: default;
        opacity: .2;
    }

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

    .pika-table th,
    .pika-table td {
        width: 14.285714285714286%;
        padding: 0;
    }

    .pika-table th {
        color: #999;
        font-size: 12px;
        line-height: 25px;
        font-weight: bold;
        text-align: center;
    }

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

.itemImage {
    width: 50px;
    margin-top: 5px;
}

.k-widget.k-numerictextbox {
    width: 100%;
}

.paddingTopTd {
    padding-top: 10px;
}

.displayTable {
    display: table;
    width: 100%;
}

    .displayTable div {
        display: table-cell;
    }


.k-tabstrip > .k-content {
    overflow: hidden !important;
}

.vtlaceniColor {
    color: red;
}

/*Validation summary*/

#formErrors {
    /*max-width: 400px;*/
    max-height: 100px;
    overflow: auto;
    width: auto;
    border-radius: 4px;
    border: 1px red solid;
    margin-bottom: 5px;
    background: #f1dcdc;
    background: -moz-linear-gradient(top, rgba(241,220,220,1) 0%, rgba(230,196,196,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,220,220,1)), color-stop(100%, rgba(230,196,196,1)));
    background: -webkit-linear-gradient(top, rgba(241,220,220,1) 0%, rgba(230,196,196,1) 100%);
    background: -o-linear-gradient(top, rgba(241,220,220,1) 0%, rgba(230,196,196,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,220,220,1) 0%, rgba(230,196,196,1) 100%);
    background: linear-gradient(to bottom, rgba(241,220,220,1) 0%, rgba(230,196,196,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1dcdc', endColorstr='#e6c4c4', GradientType=0 );
}


    #formErrors ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #formErrors ul li {
            background: url('Images/ErroBuble.png') no-repeat;
            background-position: 10px 5px;
            color: #CC0000;
            padding-left: 40px;
            padding-top: 7px;
            padding-bottom: 5px;
            min-height: 20px;
            position: relative;
            background-position: left;
            background-position-x: 10px;
        }

            #formErrors ul li .closeButton {
                position: absolute;
                top: 5px;
                right: 3px;
                width: 22px;
                height: 22px;
                background: url('../Content/images/red-close-button.png') no-repeat;
            }

                #formErrors ul li .closeButton:hover {
                    top: 4px;
                    right: 4px;
                    border: 1px red solid;
                    border-radius: 4px;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

/*Validation summary end*/

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.hidden {
    display: none !important;
}

.kwh {
    text-align: right;
    width: 35px;
}

.k-button[disabled], .k-button.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover, .k-state-disabled .k-button:active, .k-button.k-state-disabled:active, .k-button.k-state-disabled:active:hover {
    background: #777777; /* #FA50B3; */
    box-shadow: 0 3px 0 0 #333333;
    color: white;
}

.k-button:focus {
    box-shadow: none !important;
}



.mainCapacityTransfer {
    padding: 10px;
}

    .mainCapacityTransfer .k-datepicker {
        width: 100%;
    }

.contentCapacityTransfer, .rightCapacityTransfer table {
    width: 100%;
}

    .contentCapacityTransfer table .leftCapacityTransferTD, .rightCapacityTransferTD {
        width: 48%;
        vertical-align: top;
    }

    .contentCapacityTransfer .middleCapacityTransfer {
        border: 2px solid #2B6E33;
        width: 0px;
        height: 400px;
        margin: 0 auto;
    }

.topCapacityTransfer {
    margin-left: 10px;
}


sup, sub {
    vertical-align: baseline;
    position: relative;
}

sup {
    bottom: 1ex;
}

sub {
    top: 0.8ex;
}

.ht_master.handsontable.innerBorderLeft {
    margin-right: -25px;
}

.handsontableHeight {
    height: 650px;
    margin-left: 10px;
		margin-top: 15px;
}

.tabStripHeight {
    height: 710px;
    width: 940px;
		margin-top: 10px;
}


.capacityIncomeTable {
    width: 600px;
    margin-top: 10px;
}

    .capacityIncomeTable tr td:first-child {
        white-space: nowrap;
        width: 100px;
    }


.k-numeric-wrap.k-state-disabled .k-input {
    background-color: lightgray;
}

.loginSaml {
    width: 700px;
    height: 240px;
    background-color: white;
    margin: auto;
}

.loginKey {
    padding-top: 50px;
    padding-left: 50px;
    width: 150px;
    display: inline-block;
}

.loginText {
    display: inline-block;
    font-size: large;
    vertical-align: top;
    margin-top: 70px;
}

.quickTableImage {
    background-color: red;
    background: transparent url("Images/prehled_50x50.png") no-repeat left top;
    width: 50px;
    height: 50px;
}

/*Form style*/

.requiredFormFieldLabel {
    font-weight: bold;
}


/*engui style*/
.k-state-selected,
.k-list > .k-state-selected,
.k-radio:checked + .k-radio-label:after {
    background: #2B6E33;
}

.k-checkbox:checked + .k-checkbox-label:before {
    color: #00aaad;
}

.egGrid > header .label,
.egEntity > header .label {
    color: #2B6E33 !important;
}

.k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
    color: #2B6E33;
}

.k-tabstrip-items .k-state-active .k-link {
    color: #58585a;
}

.quickTable {
    overflow: visible !important;
}

.k-state-hover {
    background-color: white !important;
}

/*no jo no co se da delat*/
.k-grid {
    /*height: 77% !important;*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.k-grid-header:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}